:root{--blue:#80adff;--cyan:#80adff}
body,body.pricing-route{background:#171c25 url('topography.svg') center top / max(100vw,1100px) auto repeat-y fixed}
body:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,#12141144,#1b263944);pointer-events:none;z-index:-1}
.live-waves,.hero-sparks,.route-terrain,.ocean-fallback:before{display:none!important}
.hero.showcase-header{height:auto;min-height:0;max-height:none;display:block;position:relative;padding:155px 0 65px;background:#111722;overflow:hidden;isolation:isolate}
.showcase-header:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b0f1b6b,#0c1320a3 60%,#151d29e6);pointer-events:none}
.showcase-header:after{content:'';position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,#171c25);pointer-events:none}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#152134}.hero-highlights{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) brightness(.86) saturate(.8);transform:scale(1.035);opacity:.95}
.hero-intro{position:relative;z-index:1;max-width:1100px;width:92%;margin:0 auto;text-align:center;animation:caption-arrive .9s ease both}.hero-kicker{font-size:10px;letter-spacing:2.5px;color:#b9cee9;margin-bottom:22px}.hero .hero-intro h1{display:block;font-size:clamp(36px,4.2vw,60px);line-height:1.14;letter-spacing:-2.2px;color:#fff;margin:0 0 26px;font-weight:650}.hero .hero-intro h1 span{color:#8ab8ff}.hero .hero-intro p{display:block;max-width:none;font-size:18px;font-weight:450;color:#c8d2e3;margin:0 auto 27px;line-height:1.65}.hero-intro .pill{background:#83acff15;border:1px solid #afcaff38;font-size:12px;padding:10px 20px;backdrop-filter:blur(8px)}
.dashboard-showcase{position:relative;z-index:1;margin-top:60px;padding:20px 24px 25px;border:1px solid #7c98bf25;background:#131924ed;border-radius:22px;box-shadow:0 25px 70px #02060d55;max-width:1350px;width:88%;animation:caption-arrive 1s .15s both}.showcase-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#8c9db6;margin:0 2px 17px}.dashboard-previews{display:grid;grid-template-columns:1fr 1fr;gap:28px}.dashboard-previews figure{margin:0;min-width:0;border-radius:8px;background:#0a0d13;overflow:hidden;border:1px solid #34405170;transition:transform .4s,box-shadow .4s,border-color .4s}.dashboard-previews figure:hover{transform:translateY(-4px);border-color:#7cafff66;box-shadow:0 10px 40px #0004}.dashboard-previews img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:top}.preview-title{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#9ba9bd;font-size:9px;border-bottom:1px solid #ffffff0a;background:#151b25}.preview-dots{font-size:6px;letter-spacing:2px;color:#505e74}
.section-heading h2{background:none;-webkit-text-fill-color:initial;color:#a0beed;animation:none}.section-heading p,.closing h2{animation:none;opacity:1}.card-edge{opacity:.4}.rich-feature,.benefits article{background:linear-gradient(145deg,#1b212cf2,#161c27f5)}.plan{background:linear-gradient(135deg,#1b222ef5,#151c29f5)}.plan.popular{background:linear-gradient(145deg,#253653f5,#172232f5 70%)}.plan-banner{background:#151d2beb}.plans{background:#111822d9}.faq details{background:#171f2ceb}.closing{background:linear-gradient(180deg,#171c2500,#171c2588)}footer{background:#171c2580}.motion-toggle{background:#162031d9}
.pricing-route .showcase-header{display:none}.pricing-section{background:none}.hero-bottom{display:none}.hero-media video::-webkit-media-controls{display:none}.background-paused .hero-media:after{content:'';position:absolute;inset:0;background:transparent}
@media(max-width:900px){.hero.showcase-header{padding-top:135px}.dashboard-showcase{width:92%;padding:16px}.dashboard-previews{gap:16px}.hero .hero-intro p{font-size:16px}.hero .hero-intro h1{letter-spacing:-1.4px}}
@media(max-width:600px){.hero.showcase-header{padding:125px 0 45px}.hero-kicker{font-size:8px;letter-spacing:1.5px}.hero .hero-intro h1{font-size:35px;line-height:1.17}.hero .hero-intro p{font-size:14px}.hero .hero-intro p br{display:none}.dashboard-showcase{margin-top:40px;padding:13px;border-radius:16px}.dashboard-previews{grid-template-columns:1fr;gap:15px}.showcase-caption{font-size:6px;letter-spacing:1px}.hero-highlights{object-position:50% 30%}.section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hero-intro,.dashboard-showcase{animation:none}.hero-highlights{display:none}}