/* Original design-kit primitives, adapted for WordPress. */

body{margin:0;background:#F2F5F7}
*{box-sizing:border-box}
a{color:#007DA5;text-decoration:none}a:hover{color:#00668A}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid #19C3F0;outline-offset:3px}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding-left:clamp(16px,4vw,60px);padding-right:clamp(16px,4vw,60px)}
.d{font-family:Unbounded,'Arial Black',Arial,sans-serif;letter-spacing:-0.02em;font-weight:600}
.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace}
.lbl{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:12px;line-height:16px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
.h2{font-size:clamp(26px,2.8vw,40px);line-height:1.15}
.cut{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.cut-s{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:15px;line-height:1;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .24s,color .24s,box-shadow .24s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.btn-p{background:#007DA5;color:#fff}.btn-p:hover{background:#00668A;color:#fff}
.btn-a{background:#D42A4E;color:#fff}.btn-a:hover{background:#B51F40;color:#fff}
.btn-s{background:transparent;color:#0A1A33;box-shadow:inset 0 0 0 1.5px #0A1A33}.btn-s:hover{background:#0A1A33;color:#fff}
.btn-g{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}.btn-g:hover{background:#fff;color:#0A1A33}
.btn-w{background:#fff;color:#0A1A33}.btn-w:hover{background:#19C3F0;color:#06122A}
.ib{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:#0A1A33;background:#fff;box-shadow:inset 0 0 0 1.5px #D5DEE5;border:0;cursor:pointer;transition:box-shadow .24s,color .24s}.ib:hover{box-shadow:inset 0 0 0 1.5px #007DA5;color:#007DA5}
.chev{display:inline-flex;align-items:center;gap:3px;flex:none}
.chev i{display:block;width:6px;height:8px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);opacity:.3}
.chev b{display:block;width:12px;height:18px;margin-left:3px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.go:hover .chev i,.chev.on i{animation:chev 1.2s infinite}
.go:hover .chev i:nth-child(2),.chev.on i:nth-child(2){animation-delay:.12s}.go:hover .chev i:nth-child(3),.chev.on i:nth-child(3){animation-delay:.24s}.go:hover .chev i:nth-child(4),.chev.on i:nth-child(4){animation-delay:.36s}
@keyframes chev{0%,60%,100%{opacity:.25}30%{opacity:1}}
.tile{background:#fff;color:#0A1A33;transition:background .3s,color .3s}
.tile:hover{background:#0A1A33;color:#fff}
.tile:hover .tk{color:#19C3F0}.tile:hover .tm{color:#C9D6E6}
.led{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(25,195,240,.85) 1px,transparent 1.7px);background-size:12px 12px;-webkit-mask-image:radial-gradient(ellipse 55% 75% at 78% 45%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 55% 75% at 78% 45%,#000 0%,transparent 75%);animation:ledp 7s ease-in-out infinite;pointer-events:none}
@keyframes ledp{0%,100%{opacity:.35}50%{opacity:.75}}
.floor{position:absolute;left:-20%;right:-20%;bottom:0;height:55%;background-image:linear-gradient(rgba(25,195,240,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(25,195,240,.35) 1px,transparent 1px);background-size:64px 64px;transform:perspective(500px) rotateX(62deg);transform-origin:50% 100%;animation:floor 3s linear infinite;-webkit-mask-image:linear-gradient(to top,#000,transparent 85%);mask-image:linear-gradient(to top,#000,transparent 85%);pointer-events:none}
@keyframes floor{to{background-position:0 64px}}
.ceil{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px}
.hex{position:absolute;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:radial-gradient(circle at 50% 40%,#fff,#CFF4FF 60%,#7FDDF7);animation:hexf 6s ease-in-out infinite;pointer-events:none}
@keyframes hexf{0%,100%{transform:translateY(0);opacity:.85}50%{transform:translateY(-10px);opacity:1}}
.spec{display:flex;height:8px}.spec span{flex:1}
.wedge{clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}
.ticker{overflow:hidden;background:#06122A;color:#8FE3FA;border-top:1px solid rgba(25,195,240,.18)}
.ticker-in{display:flex;gap:56px;width:max-content;animation:tick 60s linear infinite;padding:9px 0}
.ticker:hover .ticker-in{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.mq{display:flex;gap:96px;width:max-content;animation:tick 40s linear infinite;align-items:center}
.rv{animation:rv .9s cubic-bezier(.2,.7,.2,1) both}.rv1{animation-delay:.08s}.rv2{animation-delay:.16s}.rv3{animation-delay:.24s}.rv4{animation-delay:.32s}
@keyframes rv{from{opacity:0;transform:translateY(28px)}}
.scan{position:relative;overflow:hidden}
.scan::after{content:"";position:absolute;left:0;right:0;top:-10%;height:3px;background:linear-gradient(90deg,transparent,#19C3F0,transparent);box-shadow:0 0 18px #19C3F0;animation:scan 5s linear infinite;pointer-events:none}
@keyframes scan{to{top:110%}}
.zoom{overflow:hidden}.zoom img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:hover .zoom img{transform:scale(1.05)}
.card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(10,26,51,.35)}
.nav-d{display:flex;gap:22px;align-items:center}
.nav-d a{color:#0A1A33;position:relative;padding:8px 0}.nav-d a:hover,.nav-d a.on{color:#007DA5}
.nav-d a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:#007DA5;transition:right .3s cubic-bezier(.2,.7,.2,1)}
.nav-d a:hover::after,.nav-d a.on::after{right:0}
.fl{color:#C9D6E6}.fl:hover{color:#fff}
.ul{color:#fff}.ul:hover{color:#19C3F0}
.lnk{color:#0A1A33}.lnk:hover{color:#007DA5}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;color:#0A1A33;background:#fff;box-shadow:inset 0 0 0 1.5px #D5DEE5;border:0;cursor:pointer;font-family:inherit;transition:box-shadow .24s,background .24s,color .24s}
.chip:hover{box-shadow:inset 0 0 0 1.5px #007DA5}
.chip.on{background:#0A1A33;color:#fff;box-shadow:none}
.tab{background:none;border:0;padding:14px 0;font:inherit;font-weight:600;font-size:16px;color:#4E5D70;cursor:pointer;transition:color .24s,box-shadow .24s}
.tab:hover{color:#0A1A33}
.tab.on{color:#0A1A33;box-shadow:inset 0 -3px 0 #007DA5}
.burger{display:none}
@media (max-width:1279px){.nav-d{display:none !important}.burger{display:inline-flex}.util-d{display:none !important}}
@media (max-width:640px){.hide-s{display:none !important}.floor{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none}}
