*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0A2942;color:#EAF7FB;font-family:'Plus Jakarta Sans',system-ui,sans-serif;overflow-x:hidden;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:#7FE0F2;text-decoration:none;transition:color .2s}
a:hover{color:#EAF7FB}
@keyframes oceanKen{0%{transform:scale(1.05)}100%{transform:scale(1.12) translateX(-1.5%)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.wrap{width:100%;margin:0 auto}
.nb{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:linear-gradient(180deg,rgba(10,41,66,.6),transparent);transition:background .35s,box-shadow .35s,border-color .35s;border-bottom:1px solid transparent}
.nb.scrolled{background:rgba(10,41,66,.9);backdrop-filter:blur(16px);border-bottom-color:rgba(70,190,224,.28);box-shadow:0 4px 24px rgba(0,0,0,.5)}
.mm{position:fixed;inset:0;background:rgba(8,33,52,.97);backdrop-filter:blur(20px);z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .38s cubic-bezier(.4,0,.2,1);transform:translateX(100%)}
.mm.open{transform:translateX(0)}
.card-hover{transition:transform .3s,border-color .3s}
.card-hover:hover{transform:translateY(-6px);border-color:rgba(70,190,224,.6)}
.btn-glow{transition:transform .2s,box-shadow .2s}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(90,200,236,.55)}
.btn-ghost{transition:background .2s,border-color .2s}
.btn-ghost:hover{background:rgba(60,201,232,.2);border-color:#7FE0F2}
.faq-item{background:rgba(14,52,82,.55);border:1px solid rgba(70,190,224,.26);border-left:3px solid #3CC9E8;border-radius:14px;overflow:hidden;margin-bottom:11px}
.faq-item summary{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:600;color:#EAF7FB;user-select:none;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";width:24px;height:24px;border-radius:50%;background:rgba(60,201,232,.14);border:1px solid rgba(70,190,224,.4);display:flex;align-items:center;justify-content:center;font-size:16px;color:#7FE0F2;flex-shrink:0}
.faq-item[open] summary::after{content:"\2013"}
.faq-item .faq-a{padding:0 20px 18px;font-size:13.5px;line-height:1.7;color:rgba(200,226,238,.7)}
.res-card{display:flex;align-items:center;gap:12px;background:rgba(14,52,82,.6);border:1px solid rgba(70,190,224,.28);border-radius:14px;padding:13px 16px;font-size:13px;font-weight:600;color:#EAF7FB}
@media(prefers-reduced-motion:reduce){
 .hero-vid{animation:none!important}
}
@media(min-width:900px){
 .hbg{display:none!important}
 .nav-links{display:flex!important}
 .hero{flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;min-height:100vh!important;padding:110px 0 44px!important}
 .hero-vid{object-position:18% center!important}
 .hero-scrim{background:linear-gradient(to left,rgba(10,41,66,.93) 0%,rgba(10,41,66,.55) 42%,rgba(10,41,66,.05) 72%,transparent 100%)!important}
 .hero-panel{width:452px!important;margin:0 7% 0 auto!important;border-radius:24px!important}
 .hero-title{font-size:66px!important}
 .hero-accent{font-size:22px!important}
 .wrap{max-width:1140px}
 .sec{padding:104px 48px!important}
 .sec-title{font-size:44px!important}
 .feat-grid{grid-template-columns:repeat(3,1fr)!important}
 .vis-grid{grid-template-columns:1fr 1fr!important}
 .dl-btns{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important}
 .dl-cards{grid-template-columns:repeat(3,1fr)!important}
 .res-grid{grid-template-columns:repeat(2,1fr)!important}
 .appinfo{grid-template-columns:repeat(4,1fr)!important}
 .stat-band-inner{gap:0!important}
 .foot-grid{grid-template-columns:1.8fr 1fr 1fr!important;gap:48px!important;align-items:start!important}
}