/* Two full-bleed wave backgrounds, one centered product story. */
.hero{isolation:isolate;min-height:max(820px,calc(100svh - 84px));background:#080b0a}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 55%,#283b143d,transparent 65%)}
.hero-webgl{position:absolute!important;inset:0;z-index:0;opacity:0;transition:opacity 1.2s;pointer-events:none}
.hero.has-webgl .hero-webgl{opacity:1}
.hero-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:.8;pointer-events:none;transition:opacity .8s}
.hero-fallback img{width:100%;height:100%;object-fit:cover}
.hero.has-webgl .hero-fallback{opacity:0}
.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#080b0a80,transparent 68%),linear-gradient(0deg,#080b0a77,transparent 18%,transparent 85%,#080b0a33)}
.hero .hero-content{text-align:center;z-index:2;padding-top:115px;padding-bottom:180px;pointer-events:none}
.hero .hero-content a{pointer-events:auto}
.hero .eyebrow,.hero .hero-actions,.hero .platform-note{justify-content:center}
.hero h1{font-size:clamp(64px,6.7vw,104px);letter-spacing:-5px;line-height:1.17;margin-top:27px;text-shadow:0 2px 25px #080b0a88}
.hero h1 span{color:#c6f785;text-shadow:0 0 60px #b8f34a15}
.hero .hero-description{font-size:18px;line-height:1.9;margin:27px auto 0;max-width:650px;color:#bac4bb;text-shadow:0 2px 18px #080b0acc}
.hero .hero-actions{margin-top:34px}
.hero .platform-note{margin-top:25px}
.hero-art-caption{position:absolute;z-index:2;left:0;right:0;bottom:100px;text-align:center;color:#b7c7a6;letter-spacing:2px;font-size:13px;pointer-events:none}
.hero-art-caption small{display:block;color:#637456;letter-spacing:4px;font-size:10px;margin-top:9px}
.orbit-dot{display:inline-block;width:5px;height:5px;background:#c6f785;border-radius:50%;box-shadow:0 0 14px #b8f34a;margin-right:12px;vertical-align:middle}
.hero-bottom{z-index:2;justify-content:center;text-align:center}
.hero-bottom .mono{display:none}
.motion-toggle{position:absolute;z-index:3;right:30px;bottom:29px;border:1px solid #b8f34a33;border-radius:50px;background:#080b0ab8;color:#adbaaa;font-size:11px;padding:8px 14px;backdrop-filter:blur(8px)}
@media(min-width:1600px){.hero .hero-content{padding-top:145px}}
@media(min-width:768px) and (max-width:1050px){.hero h1{font-size:72px}}
@media(max-width:767px){.hero{min-height:760px}.hero .hero-content{padding-top:70px;padding-bottom:170px}.hero h1{font-size:clamp(48px,9vw,68px);letter-spacing:-2px}.hero .hero-description{font-size:16px;margin-top:24px}.hero-art-caption{bottom:95px;font-size:12px}.motion-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.hero-webgl,.hero-fallback{transition:none}.motion-toggle{display:none}}


/* Hero effect controls; product chapters remain static. */
.hero-effect-picker{position:absolute;z-index:4;left:50%;transform:translateX(-50%);width:max-content;top:28px;display:flex;gap:3px;border:1px solid #b8f34a23;border-radius:30px;padding:4px;background:#080b0aa6;backdrop-filter:blur(14px)}
.hero-effect-picker button{border:0;background:none;color:#829277;border-radius:24px;padding:8px 13px;font-size:12px}
.hero-effect-picker button[aria-pressed=true]{background:#b8f34a1e;color:#d3f8a6}
@media(max-width:767px),(prefers-reduced-motion:reduce){.hero-effect-picker{display:none}}

/* A quiet download column keeps the product message dominant. */
.hero{min-height:calc(100svh - 84px)}
.hero .hero-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);align-items:center;gap:88px;min-height:calc(100svh - 84px);padding:100px 0 110px;text-align:left}
.hero .hero-copy .eyebrow,.hero .hero-actions,.hero .platform-note{justify-content:flex-start}
.hero .hero-copy h1{font-size:clamp(64px,7vw,108px);letter-spacing:-4px;margin-top:24px}
.hero .hero-description{margin-left:0;font-size:20px}
.hero-art-caption{display:none}
.hero-downloads{pointer-events:auto;scroll-margin-top:105px;border-left:1px solid rgba(210,222,210,.15);padding:6px 0 6px 42px}
.download-kicker{font-size:10px;letter-spacing:2.2px;color:#8b988c}
.download-intro h2{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.5;margin:16px 0 28px}
.download-intro h2 span{color:#9aa99a}
.platform-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #d2ded21c;margin-bottom:25px}
.platform-tabs button{font:inherit;font-size:14px;color:#849085;background:none;border:0;border-bottom:2px solid transparent;padding:10px 0 14px;cursor:pointer}
.platform-tabs button[aria-selected=true]{color:#d9edc4;border-bottom-color:#bddf99}
.platform-tabs button:hover{color:#edf1e9}
.platform-tabs button:focus-visible,.hero-downloads a:focus-visible{outline:2px solid #c6f785;outline-offset:5px}
.platform-recommendation{font-size:10px;color:#a5ba92;margin-left:auto;white-space:nowrap}
.hero-downloads .download-card{padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-height:206px}
.hero-downloads .download-card[hidden]{display:none}
.hero-downloads .download-card h3{font-size:15px;font-weight:500;letter-spacing:0;margin:0 0 6px}
.hero-downloads .download-card .platform-requirement{font-size:12px;color:#87958b;line-height:1.7;margin:0}
.hero-downloads .download-button{display:flex;justify-content:space-between;width:100%;max-width:300px;background:#e6eddf;color:#172016;border:1px solid #e6eddf;border-radius:8px;font-size:14px;margin-top:26px;padding:14px 18px;box-shadow:none}
.hero-downloads .download-button:hover{background:#c6f785;border-color:#c6f785;transform:translateY(-1px)}
.hero-downloads .download-meta{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px 14px;margin-top:13px;font-size:10px;color:#89988a}
.hero-downloads .release-note{padding:0;margin:0;border:0}
.hero-downloads .release-note b{font-size:10px;font-weight:400;color:#89988a}
.hero-downloads .download-card .signing-note{font-size:10px;color:#778478;margin:6px 0 0}
.hero-install-link{display:inline-flex;align-items:center;gap:22px;color:#abb7aa;font-size:12px;margin-top:18px}
@media(max-width:1100px){.hero .hero-content{gap:40px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.hero-downloads{padding-left:28px}.hero .hero-copy h1{font-size:64px}.hero .hero-copy .eyebrow{font-size:10px;gap:8px;letter-spacing:1px}}
@media(max-width:767px){.hero .hero-content{grid-template-columns:1fr;gap:40px;padding:48px 0 90px;min-height:auto}.hero .hero-copy h1{font-size:clamp(42px,9vw,64px);letter-spacing:-2px}.hero-downloads{border-left:0;border-top:1px solid #d2ded21c;padding:28px 0 0}.download-intro h2{font-size:26px;margin:12px 0 18px}.hero .hero-description{font-size:15px}.hero-bottom{bottom:24px}.hero .hero-copy .eyebrow{flex-wrap:wrap}.hero-downloads .download-button{max-width:none}}