/* Reference framework: centered lockup / Earth arc / small tracked tagline. */
html[data-theme] .hero{width:100%;max-width:none;padding:55px max(24px,calc((100vw - 1320px)/2)) 45px;min-height:810px;border:0;overflow:hidden;text-align:center;background:#eef3f7}
html[data-theme] .hero .integrated-brand{position:relative;top:auto;right:auto;background:none;border:0;border-radius:0;padding:0;width:420px;max-width:85%;box-shadow:none;margin:38px auto 0}
html[data-theme] .hero .hero-mark{width:100%;max-width:420px;aspect-ratio:690/340;overflow:visible}
.hero-mark .earth-logo-dark{display:none}html[data-theme=dark] .hero-mark .earth-logo-light{display:none}html[data-theme=dark] .hero-mark .earth-logo-dark{display:block}
html[data-theme] .hero h1{position:relative;top:auto;left:auto;width:100%;font-size:24px;font-weight:400;letter-spacing:9px;margin:135px 0 0;line-height:1.3}html[data-theme] .hero h1 br{display:none}html[data-theme] .hero h1 span{margin-left:12px}
html[data-theme] .hero:after{left:0;top:300px;bottom:auto;width:100%;height:330px;border:0;border-radius:0;box-shadow:none;background:url('assets/earth-1672.webp') center top/cover no-repeat;z-index:-1;opacity:.18}
html[data-theme] .hero-bottom{margin-top:42px;justify-content:center;gap:55px}.hero .scroll{margin:38px auto 0}.hero-bottom p{text-align:left}
html[data-theme=dark] .hero{background:radial-gradient(ellipse at 50% 45%,#10283b 0,#07111c 42%,#050a10 80%)}html[data-theme=dark] .hero:after{opacity:1}html[data-theme=dark] .hero .eyebrow,html[data-theme=dark] .hero-bottom p,html[data-theme=dark] .hero .scroll{color:#bfceda}html[data-theme=dark] .hero h1,html[data-theme=dark] .hero h1 span{color:#f5f5f5}html[data-theme=dark] .hero .dot{background:#3da9ff}html[data-theme=dark] .hero-mark{aspect-ratio:486/194}
html[data-theme=light] .hero h1,html[data-theme=light] .hero h1 span{color:#101820}
@media(max-width:650px){html[data-theme] .hero{padding:38px 20px 45px;min-height:760px}html[data-theme] .hero .integrated-brand{width:100%;max-width:340px;margin-top:30px}html[data-theme] .hero h1{font-size:16px;letter-spacing:4px;margin-top:110px}html[data-theme] .hero h1 span{margin-left:6px}html[data-theme] .hero:after{top:245px;height:230px;background-size:auto 230px}html[data-theme] .hero-bottom{margin-top:35px;display:block}.hero-bottom p{text-align:center}.hero .scroll{margin-top:35px}html[data-theme=dark] .hero h1{margin-top:145px}}
html[data-theme] .hero:after{mask-image:linear-gradient(#000 0%,#000 42%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 42%,transparent 100%)}
@media(max-width:650px){html[data-theme] .hero-bottom{margin-top:48px}}
/* Realistic background v2: retain atmosphere/cloud detail at full opacity in both modes. */
html[data-theme] .hero{background:#040b16;min-height:850px;isolation:isolate}
html[data-theme] .hero:after{inset:0;width:100%;height:100%;background:url('assets/earth-1672.webp') center center/cover no-repeat;opacity:1;mask-image:none;-webkit-mask-image:none}
html[data-theme] .hero .hero-mark .earth-logo-light{display:none}html[data-theme] .hero .hero-mark .earth-logo-dark{display:block}
html[data-theme] .hero .hero-mark{aspect-ratio:486/194}
html[data-theme] .hero .eyebrow,html[data-theme] .hero-bottom p,html[data-theme] .hero .scroll{color:#e0ebf2;text-shadow:0 2px 8px #000}
html[data-theme] .hero h1,html[data-theme] .hero h1 span{color:#f5f5f5;text-shadow:0 2px 12px #000}
html[data-theme] .hero h1{margin-top:200px}
html[data-theme] .hero .button{background:#3da9ff;color:#081421;border-color:#3da9ff}
html[data-theme] .hero-bottom{position:relative;z-index:2;background:#030a14b3;display:flex;width:fit-content;max-width:100%;margin:38px auto 0;padding:20px 25px;border-radius:4px}
html[data-theme] .hero .scroll span{color:#85d3ff}
@media(max-width:650px){html[data-theme] .hero{min-height:790px;padding-bottom:38px}html[data-theme] .hero:after{background-size:auto 100%;background-position:center center}html[data-theme] .hero h1{margin-top:200px}html[data-theme] .hero-bottom{display:block;padding:18px;max-width:100%;margin-top:28px}html[data-theme] .hero .integrated-brand{max-width:300px}html[data-theme] .hero .scroll{margin-top:28px}}
html[data-theme] .hero h1{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding:8px 14px;background:#030a14b8;border-radius:2px;text-shadow:0 2px 6px #000}
@media(max-width:650px){html[data-theme] .hero h1{margin-top:235px;font-size:15px;letter-spacing:3px}}

/* Reference-fidelity v3: quiet Earth, prominent logo, unboxed live tagline. */
html[data-theme] .hero{min-height:800px;padding-top:45px;padding-bottom:70px;background:#030a14}
html[data-theme] .hero:after{background-image:url('assets/earth-1672.webp');background-size:100% auto;background-position:center 130px}
html[data-theme] .hero .integrated-brand{width:560px;max-width:65%;margin-top:25px}
html[data-theme] .hero .hero-mark{aspect-ratio:305/165;max-width:none}
html[data-theme] .hero h1{margin-top:155px;padding:0;background:none!important;border:0;box-shadow:none;border-radius:0;font-size:22px;letter-spacing:8px;text-shadow:0 2px 5px #0008}
.earth-intro{display:flex;align-items:center;justify-content:space-between;padding-top:42px;padding-bottom:42px;gap:30px}.earth-intro .hero-bottom{display:flex;align-items:center;gap:55px;margin:0;padding:0;background:none;border:0}.earth-intro p{color:var(--theme-muted);font-size:15px;line-height:1.7;margin:0}.earth-intro .button{margin:0}.earth-intro .scroll{margin:0;color:var(--theme-muted);font-size:10px}
@media(max-width:650px){html[data-theme] .hero{min-height:620px;padding:38px 20px 60px}html[data-theme] .hero:after{background-size:auto 100%;background-position:center 70px}html[data-theme] .hero .integrated-brand{width:260px;max-width:85%;margin-top:30px}html[data-theme] .hero h1{margin-top:145px;font-size:16px;letter-spacing:4px}.earth-intro{display:block;padding-top:30px;padding-bottom:30px}.earth-intro .hero-bottom{display:block}.earth-intro p{text-align:left}.earth-intro .button{margin-top:20px}.earth-intro .scroll{margin-top:25px}}
html[data-theme] .hero:after{mask-image:linear-gradient(transparent 0,transparent 130px,#000 260px,#000 100%);-webkit-mask-image:linear-gradient(transparent 0,transparent 130px,#000 260px,#000 100%)}
html[data-theme] .earth-intro .hero-bottom{background:none;padding:0;border:0;box-shadow:none;border-radius:0}html[data-theme] .earth-intro .hero-bottom p{color:var(--theme-muted);text-shadow:none}
@media(max-width:650px){html[data-theme] .hero:after{mask-image:linear-gradient(transparent 0,transparent 70px,#000 180px,#000 100%);-webkit-mask-image:linear-gradient(transparent 0,transparent 70px,#000 180px,#000 100%)}}

/* User-selected medium conservative cleanup: actual 300 CSS px. */
html[data-theme] .hero .integrated-brand{width:300px;max-width:100%}
html[data-theme] .hero h1{position:absolute;top:555px;left:0;right:0;margin:0 auto}
@media(max-width:650px){html[data-theme] .hero{padding-left:10px;padding-right:10px}html[data-theme] .hero .integrated-brand{width:300px;max-width:100%}html[data-theme] .hero h1{top:370px;margin:0 auto}}
/* Selected hero logo: +15%, exactly centered; header unchanged. */
html[data-theme] .hero .integrated-brand{width:345px;max-width:calc(100vw - 40px);margin-left:auto;margin-right:auto}
@media(max-width:650px){html[data-theme] .hero .integrated-brand{width:345px;max-width:calc(100vw - 40px);margin-left:auto;margin-right:auto}}

/* Visible-art center = midpoint of header bottom and atmospheric horizon. */
html[data-theme] .hero .integrated-brand{position:absolute;left:50%;right:auto;top:calc((130px + 100vw * 395 / 1672) / 2);width:375px;max-width:calc(100vw - 40px);margin:0;transform:translate(-50%,-50%)}
@media(max-width:650px){html[data-theme] .hero .integrated-brand{top:calc((70px + 620px * 395 / 941) / 2);width:375px;max-width:calc(100vw - 40px);margin:0}}
/* Align visible artwork, excluding transparent SVG margins, to the measured rim midpoint. */
html[data-theme] .hero .integrated-brand{top:calc((130px + 100vw * 420 / 1672) / 2);transform:translate(-49.6721311475%,-49.0909090909%)}
@media(max-width:650px){html[data-theme] .hero .integrated-brand{top:calc((70px + 620px * 420 / 941) / 2)}}

/* Same composition; a smaller derivative suffices at standard-density compact widths. */
@media(max-width:1102px) and (max-resolution:1dppx){html[data-theme] .hero:after{background-image:url('assets/earth-1102.webp')}}

/* User-selected exact option4 PNG; source bytes unchanged. Mask removes only its flat field. */
html[data-theme] .hero .hero-mark{aspect-ratio:752/408}
html[data-theme] .hero .earth-logo-dark{-webkit-mask-image:url('assets/option4-alpha-mask.png');mask-image:url('assets/option4-alpha-mask.png');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
html[data-theme] .hero .integrated-brand{transform:translate(-49.80053191489361%,-49.38725490196079%)}

/* The original sky and horizon stay fixed; only surface pixels move forward. */
.earth-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;display:none}
.hero[data-orbit=ready] .earth-orbit{display:block}
html[data-theme] .hero[data-orbit=ready]:after{opacity:0}