.hs{position:relative;overflow:hidden;color:#fff;background:#050816;isolation:isolate}.hs .aurora i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;z-index:-2;animation:hsdrift 14s ease-in-out infinite alternate}.hs .aurora i:nth-child(1){inline-size:520px;block-size:520px;background:#0e7490;inset:-160px auto auto -120px}.hs .aurora i:nth-child(2){inline-size:460px;block-size:460px;background:#4338ca;inset:auto -100px -180px auto;animation-delay:-5s}.hs .aurora i:nth-child(3){inline-size:320px;block-size:320px;background:#0ea5e9;inset:30% 40% auto auto;opacity:.3;animation-delay:-9s}.hs .gridbg{position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffffff0a 1px,transparent 1px) 0 0 / 44px 44px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px) 0 0 / 44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}.hs .stage{display:grid}.hs .hslide{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .7s,transform .7s,visibility .7s;padding-block:84px 100px}.hs .hslide.on{opacity:1;visibility:visible;transform:none}.hs .two{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.hs .eyebrow{color:#22d3ee;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin:0 0 14px}.hs h1,.hs .h1like{font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 18px;font-weight:800;background:linear-gradient(120deg,#fff 30%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hs .sub{color:#cbd5e1;font-size:1.15rem;max-inline-size:52ch}.hs .fine{color:#94a3b8;font-size:.9rem;margin-block-start:14px}.hs .btn.glow{background:linear-gradient(120deg,#22d3ee,#3b82f6);color:#041226;border:0;font-weight:700;box-shadow:0 8px 30px #22d3ee55;transition:transform .2s,box-shadow .2s}.hs .btn.glow:hover{transform:translateY(-2px);box-shadow:0 12px 40px #22d3ee88}.hs .btn.ghost{background:#ffffff12;color:#fff;border:1px solid #ffffff33;backdrop-filter:blur(6px)}.hs .art{perspective:1200px}.hs .frame{border-radius:16px;background:#0b1220;border:1px solid #ffffff22;box-shadow:0 40px 80px #000a,0 0 60px #22d3ee22;transform:rotateY(-9deg) rotateX(4deg);transition:transform .6s;overflow:hidden}.hs .frame:hover{transform:none}.hs .frame .bar{display:flex;gap:6px;padding:10px 12px;background:#0f172a}.hs .frame .bar i{inline-size:9px;block-size:9px;border-radius:50%;background:#fff3}.hs .frame img{display:block;inline-size:100%}.hs .mapv{position:relative;aspect-ratio:16 / 11;border-radius:18px;background:radial-gradient(circle at 40% 30%,#0e3a52,#07101f);border:1px solid #ffffff22;overflow:hidden;box-shadow:0 40px 80px #000a}.hs .mapv:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff0f 1px,transparent 1px) 0 0 / 36px 36px,linear-gradient(90deg,#ffffff0f 1px,transparent 1px) 0 0 / 36px 36px}.hs .mapv svg{position:absolute;inset:0;inline-size:100%;block-size:100%;fill:none;stroke:#22d3ee55;stroke-width:2}.hs .pins u{position:absolute;z-index:1;inline-size:18px;block-size:18px;border-radius:50% 50% 50% 0;background:#f59e0b;transform:rotate(-45deg);animation:hsping 2.4s var(--d) infinite;text-decoration:none}.hs .pins u b{position:absolute;transform:rotate(45deg);inset:-30px auto auto 14px;font-size:11px;font-weight:600;background:#0b1220;border:1px solid #ffffff22;padding:2px 8px;border-radius:8px;white-space:nowrap}.hs .tankv{display:flex;gap:22px;align-items:flex-end;justify-content:center;block-size:320px}.hs .tube{position:relative;inline-size:82px;block-size:100%;border-radius:22px;background:#ffffff12;border:1px solid #ffffff22;overflow:hidden}.hs .tube i{position:absolute;inset:auto 0 0;block-size:var(--w);background:linear-gradient(#67e8f9,#0e7490);animation:hsrise 3.4s var(--d) ease-in-out infinite alternate;box-shadow:0 -8px 20px #22d3ee66}.hs .tube.low i{background:linear-gradient(#fca5a5,#b91c1c);box-shadow:0 -8px 20px #ef444488}.hs .tube span{position:absolute;inset:auto 0 10px;text-align:center;font-size:12px;font-weight:700;text-shadow:0 1px 4px #000}.hs .ctrl{position:absolute;inset-inline:0;inset-block-end:26px;display:flex;align-items:center;gap:14px;margin-inline:auto}.hs .arrow{inline-size:40px;block-size:40px;border-radius:50%;border:1px solid #ffffff33;background:#ffffff10;color:#fff;font-size:22px;cursor:pointer;transition:.2s}.hs .arrow:hover{background:#ffffff25}.hs .pips{display:flex;gap:10px;flex:1;max-inline-size:360px}.hs .pips button{flex:1;block-size:22px;background:none;border:0;padding:0;cursor:pointer;display:grid;align-items:center}.hs .pips span{display:block;block-size:4px;border-radius:4px;background:#ffffff30;position:relative;overflow:hidden}.hs .pips .on span:after{content:"";position:absolute;inset:0;background:#22d3ee;transform-origin:left;animation:hsprog 6.5s linear both}.hs.paused .pips .on span:after{animation-play-state:paused}@keyframes hsprog{0%{transform:scaleX(0)}}@keyframes hsdrift{to{transform:translate(60px,40px) scale(1.15)}}@keyframes hsping{0%{box-shadow:0 0 #f59e0b99}70%,to{box-shadow:0 0 0 16px #f59e0b00}}@keyframes hsrise{0%{transform:translateY(28%)}}@media(max-width:860px){.hs .two{grid-template-columns:1fr;gap:28px}.hs .hslide{padding-block:56px 100px}.hs .tankv{block-size:220px}.hs .tube{inline-size:64px}.hs .frame{transform:none}}@media(prefers-reduced-motion:reduce){.hs .aurora i,.hs .pins u,.hs .tube i{animation:none}.hs .hslide{transition:none}}.strip{background:#07101f;color:#fff;border-block:1px solid #ffffff14}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-block:28px}.stat{text-align:center;display:grid;gap:2px}.stat b{font-size:clamp(1.8rem,4vw,2.6rem);background:linear-gradient(120deg,#fff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#67e8f9}.stat small{color:#94a3b8}@media(max-width:760px){.strip .wrap{grid-template-columns:1fr 1fr;gap:20px 8px}}.bento{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.bento .card:nth-child(1),.bento:not(.flat) .card:nth-child(6){grid-column:span 2}@media(max-width:860px){.bento{grid-template-columns:1fr 1fr}}@media(max-width:560px){.bento{grid-template-columns:1fr}.bento .card{grid-column:auto!important}}.glass{position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;background:linear-gradient(160deg,var(--bg),var(--soft))}.glass:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),#22d3ee22,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.glass:hover{transform:translateY(-4px);border-color:#22d3ee88;box-shadow:0 18px 40px #0e749022}.glass:hover:before{opacity:1}.card.feature .ico{display:inline-grid;place-items:center;inline-size:46px;block-size:46px;border-radius:12px;background:linear-gradient(135deg,#0b1f3f,#0e7490);font-size:1.4rem}.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}.banner.cta{background:linear-gradient(135deg,#050816,#0b1f3f 55%,#0e7490);box-shadow:0 30px 60px #0b1f3f55}.wear{background:linear-gradient(135deg,#050816,#0b1f3f 55%,#0e7490);color:#fff}.wear .lead{color:#cbd5e1}.wear .eyebrow{color:#22d3ee;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;margin:0 0 8px}.wear .btn{background:#22d3ee;color:#041}.wear ul.tick li:before{color:#22d3ee}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
