/* Four distinct cinematic scenes, retaining SUNX's original gold/blue identity. */
header{position:sticky;top:0;max-width:none;z-index:30;backdrop-filter:blur(18px)}
.scene{position:relative;height:150svh;background:#02060c;scroll-margin-top:75px}.scene-panel{position:sticky;top:75px;height:calc(100svh - 75px);min-height:600px;overflow:hidden;isolation:isolate}.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#02060c 0%,transparent 22%,transparent 80%,#02060c99)}.scene-caption{position:absolute;bottom:24px;left:5%;font-size:10px;letter-spacing:3px;color:#a1c6df}.scene-home .hero{max-width:none;margin:0}.hero:after{display:none}.hero-copy{width:49%;padding:clamp(35px,7vh,90px) 0 50px 5%;z-index:2}.hero-copy .eyebrow{letter-spacing:5px}.hero-copy h2{white-space:normal;font-size:clamp(23px,2.3vw,34px)}.hero-copy .intro{font-size:clamp(14px,1.3vw,19px)}.hero-copy h1 img{max-width:440px}.hero-copy .actions{flex-wrap:wrap;white-space:normal}.scene-home .scene-shade{background:linear-gradient(90deg,#02060ce8 0%,#02060c9c 29%,transparent 55%),linear-gradient(0deg,#02060c,transparent 18%)}.scene-home .starfield{z-index:-1;opacity:.3}.benefits{max-width:none;padding:30px 5%}.scene-features{height:150svh}.scene-features .scene-shade{background:linear-gradient(0deg,#02060c, #02060c99 45%,#02060cbb)}.scene-features .features{position:relative;width:100%;padding:8vh 4% 70px;max-width:1440px}.section-intro{margin-bottom:40px}.cards{gap:16px}.cards article{background:#020b15d9;backdrop-filter:blur(8px)}.cards img{aspect-ratio:1.2}.scene-freedom .scene-video{object-position:45% center}.scene-freedom .scene-shade{background:linear-gradient(0deg,#02060c 0%,transparent 50%),linear-gradient(90deg,#02060c77,transparent 55%,#02060c88)}.freedom-panel{position:relative;display:flex;justify-content:space-between;align-items:flex-end;height:100%;padding:0 5% 12vh;gap:40px}.freedom-panel h2{font-size:clamp(24px,3vw,44px);margin:12px 0}.freedom-panel p{line-height:1.7}.freedom-panel .eyebrow{color:#e8bc74}.freedom-right{max-width:370px;text-align:right}.freedom-right blockquote{font-size:22px;line-height:1.65;margin:0 0 24px}.freedom-right cite{display:block;font-size:14px;color:#e5b96f}.scene-download .scene-shade{background:linear-gradient(#02060ccc,transparent 65%,#02060c)}.download-panel{position:relative;text-align:center;max-width:900px;margin:auto;padding:5vh 22px 50px}.download-logo{width:clamp(80px,12vh,130px);height:auto;filter:drop-shadow(0 0 25px #ffb64233)}.download-panel h2{font-size:clamp(29px,3.3vw,48px);margin:18px 0 12px;letter-spacing:-1px}.download-panel>p{font-size:17px;color:#c7d7e9;margin:0 0 30px}.download-panel .primary{min-width:270px;padding:19px 35px;font-size:19px}.download-panel .platforms{justify-content:center;margin:25px auto 0;gap:28px}.scene-download .scene-caption{left:0;width:100%;text-align:center}.motion-toggle{z-index:40}
@media(max-width:1000px) and (min-width:761px){.hero-copy .motto{letter-spacing:2px}.cards{gap:8px}.cards h3{font-size:13px}.cards p{font-size:12px}.section-intro>p{font-size:12px}}
@media(max-width:760px){html{scroll-padding-top:65px}.scene{height:135svh;scroll-margin-top:65px}.scene-panel{top:65px;height:calc(100svh - 65px);min-height:740px}.scene-home{height:155svh;min-height:1060px}.scene-home .scene-panel{height:950px;min-height:950px;top:65px}.hero-copy{width:100%;padding:25px 22px 0}.hero-copy h1 img{max-width:325px}.hero-copy .intro{font-size:14px;margin-bottom:20px}.hero-copy h2{font-size:23px}.hero-copy .platforms{gap:18px}.hero-copy .fine{margin-bottom:12px}.scene-home .scene-video{top:420px;height:530px;object-position:76% center}.scene-home .scene-shade{background:linear-gradient(#02060c 0%,#02060c 42%,transparent 55%,transparent 92%,#02060c)}.scene-caption{bottom:22px;left:22px;font-size:9px;letter-spacing:2px}.scene-features{height:auto}.scene-features .scene-panel{position:relative;height:auto;min-height:0;top:0}.scene-features .features{padding:48px 18px 75px}.section-intro{margin-bottom:26px}.cards{gap:12px}.cards img{aspect-ratio:1.4}.cards p{font-size:13px}.scene-freedom .scene-panel{min-height:760px}.scene-freedom .scene-video{object-position:47% center}.freedom-panel{flex-direction:column;align-items:stretch;padding:48px 22px 70px;justify-content:space-between;gap:160px}.freedom-panel h2{font-size:27px;line-height:1.4}.freedom-panel p{font-size:14px}.freedom-panel .eyebrow{margin-bottom:0}.freedom-right{max-width:310px;align-self:flex-end}.freedom-right blockquote{font-size:19px}.scene-freedom .scene-shade{background:linear-gradient(#02060c99,transparent 35%,#02060cd9 90%)}.download-panel{padding:65px 22px 40px}.download-panel h2{font-size:34px;line-height:1.15}.download-panel>p{font-size:14px;line-height:1.6}.download-panel .platforms{gap:18px}.download-panel .primary{font-size:17px}.scene-download .scene-video{object-position:56% center}.scene-download .scene-caption{bottom:55px}.motion-toggle span{display:none}}
@media(prefers-reduced-motion:reduce){.scene{height:auto;min-height:0}.scene-panel{position:relative;top:0}.scene-home{min-height:0}.scene-home .scene-panel{top:0}.scene-video{display:none}.scene-home .scene-panel{background:url('assets/scene-home.webp') 76% bottom/auto 530px no-repeat}.scene-features .scene-panel{background:url('assets/scene-speed.webp') center/cover}.scene-freedom .scene-panel{background:url('assets/scene-freedom.webp') 47%/cover}.scene-download .scene-panel{background:url('assets/scene-download.webp') center/cover}}
/* Anchor offset belongs to the document; avoid doubling it on scenes. */
.scene{scroll-margin-top:0}.primary{background:linear-gradient(#087bbd,#0641d5);border-radius:14px}.primary.small{border-radius:22px}.secondary{border-radius:14px}.scene-features .features{background:linear-gradient(#02071266,#01040b99)}
/* Scroll-directed camera: close approach, banking turn, orbital pullback. */
.scene{height:220svh}.scene-video{transform-origin:70% 52%;will-change:transform;backface-visibility:hidden}.scene-freedom .scene-video{transform-origin:46% 52%}.scene-download .scene-video{transform-origin:54% 48%}.hero-copy,.download-logo{will-change:transform}.scene-features .scene-shade{background:linear-gradient(0deg,#02060cdd,#02060c55 45%,#02060c99)}
.scene-panel:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 70% 40%,transparent 35%,#01040b77 100%);opacity:calc(.35 + var(--journey,0)*.5)}
.motion-running .download-logo{filter:drop-shadow(0 0 30px #ffbe5a66)}
@media(max-width:760px){.scene{height:185svh}.scene-home{height:200svh;min-height:1200px}.scene-features{height:auto}.scene-video{transform-origin:65% 55%}.scene-freedom .scene-video{transform-origin:48% 50%}.scene-download .scene-video{transform-origin:54% 50%}}
@media(prefers-reduced-motion:reduce){.scene{height:auto}.scene-home{height:auto;min-height:0}.scene-video,.hero-copy,.download-logo{transform:none!important;will-change:auto}.hero-copy{opacity:1!important}}
/* One real WebGL world: continuous camera orbit across all chapters. */
.orbit-stage{position:fixed;inset:0;z-index:0;pointer-events:none;background:#01040b}.orbit-stage canvas{display:block;width:100%;height:100%}main,footer{position:relative;z-index:1}.orbit-ready .scene{background:transparent}.orbit-ready .scene-panel{background:transparent}.orbit-ready .scene-video{display:none}.orbit-ready .scene-home .scene-shade{background:linear-gradient(90deg,#02060cdd, #02060c77 32%,transparent 65%)}.orbit-ready .scene-features .scene-shade{background:#02060c44}.orbit-ready .scene-freedom .scene-shade{background:linear-gradient(0deg,#02060cbb,transparent 65%)}.orbit-ready .scene-download .scene-shade{background:linear-gradient(#02060c99,transparent)}.orbit-ready .download-panel{background:radial-gradient(ellipse,#02060c99,transparent 72%)}.orbit-ready .hero-copy{opacity:1!important;transform:none!important}.orbit-ready .scene-caption{color:#a2c9e8}.orbit-fallback .scene-video{display:block}
@media(max-width:760px){.orbit-ready .scene-home .scene-shade{background:linear-gradient(#02060cf2 0%,#02060ccc 40%,transparent 70%)}.orbit-ready .freedom-panel{background:linear-gradient(#02060caa,transparent 45%,#02060c99)}.orbit-ready .download-panel{background:#02060c66}}
.orbit-ready .freedom-panel{padding-bottom:130px}
@media(max-width:760px){.orbit-ready .download-panel{padding-top:90px}.orbit-ready .freedom-panel{padding-bottom:100px}}
/* Photoreal CGI uses its authored camera motion, with no image transforms. */
.film-stage>video{display:block;width:100%;height:100%;object-fit:cover;transform:none!important;transform-origin:center;pointer-events:none}.film-stage{background:#01040b url('assets/sunx-journey-film.webp') center/cover no-repeat}
@media(max-width:760px){.film-stage>video{object-position:70% center}.film-stage{background-position:70% center}}
.film-stage>video{mask-image:linear-gradient(90deg,transparent 0%,transparent 39%,#000 53%)}.film-ready .scene-home .scene-shade{background:linear-gradient(90deg,#02060cbb 0%,#02060c55 33%,transparent 55%)}.film-ready .scene-home .hero-copy{width:47%}.film-ready .scene-download .scene-shade{background:linear-gradient(#02060c55,transparent 70%,#02060c88)}
@media(max-width:760px){.film-stage>video{mask-image:none;object-position:58% center}.film-ready .scene-home .hero-copy{width:100%}.film-ready .scene-home .scene-shade{background:linear-gradient(#02060cf2 0%,#02060cdd 43%,#02060c22 75%)}.film-ready .download-panel{background:#02060c88}}
@media(max-width:760px){.film-ready .download-panel{background:linear-gradient(#02060c99 0%,#02060c55 75%,transparent 100%)}}

.film-stage>video{mask-image:linear-gradient(90deg,rgba(0,0,0,var(--left-visibility,0)) 0%,rgba(0,0,0,var(--left-visibility,0)) 39%,#000 53%)}
@media(max-width:760px){.film-stage>video{mask-image:none}}
/* Clear content surfaces: the film is visible throughout, with no black panels/mask. */
.film-stage>video{mask-image:none!important}
.film-ready .hero,.film-ready .hero-copy,.film-ready .scene-panel,.film-ready .features,.film-ready .section-intro,.film-ready .freedom-panel,.film-ready .download-panel,.film-ready .benefits,.film-ready .cards article{background:transparent!important;backdrop-filter:none!important}
.film-ready .scene-shade,.film-ready .scene-panel:after,.film-ready .starfield{display:none!important}
.film-ready .features{border-block:0}.film-ready .cards article{box-shadow:none}
.film-ready main h2,.film-ready main h3,.film-ready main p,.film-ready main blockquote,.film-ready .platforms{ text-shadow:0 2px 7px #000e,0 1px 2px #000}
.film-ready h1 img{mix-blend-mode:screen}.film-ready header{background:#02060c22;backdrop-filter:none}.film-ready header a,.film-ready header button{text-shadow:0 2px 5px #000}
.film-ready footer{background:transparent;text-shadow:0 1px 4px #000}
.film-ready .hero-copy h1{filter:none!important;mix-blend-mode:screen}
.film-ready h1 img{mask-image:url('assets/wordmark.webp');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
/* Keep lettering readable over sunlit clouds without reinstating a panel. */
.film-ready .cards h3,.film-ready .cards p,.film-ready .section-intro>p,.film-ready .download-panel>p{-webkit-text-stroke:.45px #000;paint-order:stroke fill;text-shadow:0 1px 1px #000,0 2px 4px #000}
.film-ready .cards article>b{filter:drop-shadow(0 2px 2px #000)}
/* Local contrast surfaces: retain the film around each text group. */
.film-ready .hero-copy{background:linear-gradient(90deg,#02060cef 0%,#02060cd9 76%,#02060c00 100%)!important;padding-right:30px;border-radius:0 0 30px 0}
.film-ready .section-intro{background:#02060cd9!important;border:1px solid #5784a333;border-radius:14px;padding:24px;gap:30px}
.film-ready .cards article{background:#020914e8!important;border-color:#39769b88;box-shadow:0 8px 22px #0005}
.film-ready .cards h3,.film-ready .cards p,.film-ready .section-intro>p,.film-ready .download-panel>p{-webkit-text-stroke:0;text-shadow:none}
.film-ready .cards article>b{filter:drop-shadow(0 2px 5px #009cff55)}
.film-ready .freedom-panel>div{background:#02060cd9;border:1px solid #5784a333;border-radius:16px;padding:24px;max-width:590px}
.film-ready .freedom-panel .freedom-right{max-width:380px}
.film-ready .download-panel{background:radial-gradient(ellipse at 50% 42%,#02060cf2 0%,#02060cdd 58%,#02060c88 78%,transparent 100%)!important;padding-bottom:70px;border-radius:28px}
.film-ready .benefits{background:#02060cdd!important}
.film-ready header{background:#02060ce8}.film-ready footer{background:#02060ce8}
.film-ready .hero-copy h2,.film-ready .hero-copy p,.film-ready .section-intro h2,.film-ready .cards h3,.film-ready .cards p,.film-ready .freedom-panel h2,.film-ready .freedom-panel p,.film-ready .freedom-panel blockquote,.film-ready .download-panel h2{text-shadow:0 2px 4px #0007}
@media(max-width:760px){.film-ready .hero-copy{background:linear-gradient(#02060cf5 0%,#02060ced 82%,#02060c88 100%)!important;padding:25px 22px 24px;border-radius:0 0 24px 24px}.film-ready .section-intro{padding:20px;margin-bottom:20px}.film-ready .section-intro>div{margin-bottom:14px}.film-ready .section-intro>p{font-size:13px}.film-ready .freedom-panel>div{padding:18px}.film-ready .freedom-panel h2{font-size:24px}.film-ready .download-panel{margin:28px 12px 0;padding:45px 18px 55px;background:linear-gradient(#02060ce8,#02060ce8)!important;border:1px solid #5784a333;border-radius:20px}.film-ready .download-panel h2{font-size:31px}.film-ready .download-panel .primary{min-width:0;width:100%}.film-ready .download-panel .platforms{gap:14px}}
.film-ready .freedom-panel h2{text-wrap:balance}
.film-ready .freedom-panel .freedom-right{position:relative!important;right:auto;bottom:auto;width:auto;height:auto;flex:0 1 380px}
@media(max-width:760px){.film-ready .freedom-panel .freedom-right{flex:initial;max-width:100%}}
/* Soft local shadows, without card outlines or panel silhouettes. */
.film-ready .hero-copy{background:radial-gradient(ellipse at 28% 42%,#02060cf2 0%,#02060cd9 43%,#02060c66 70%,transparent 100%)!important;border:0;border-radius:0}
.film-ready .section-intro{background:radial-gradient(ellipse at center,#02060ce8 0%,#02060cb3 56%,transparent 100%)!important;border:0;border-radius:0}
.film-ready .cards article{background:radial-gradient(ellipse at 50% 23%,#02060cf2 0%,#02060cc9 35%,#02060c55 64%,transparent 100%)!important;border:0;border-radius:0;box-shadow:none}
.film-ready .cards article:before,.film-ready .cards article:after{display:none}
.film-ready .cards article img{mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent);border-radius:0}
.film-ready .freedom-panel>div,.film-ready .download-panel{background:radial-gradient(ellipse at center,#02060cf2 0%,#02060cd6 43%,#02060c77 70%,transparent 100%)!important;border:0;border-radius:0}
.film-ready .benefits{background:linear-gradient(transparent,#02060cdd 25%,#02060cdd 75%,transparent)!important;border-block:0}
@media(max-width:760px){
 .film-ready .hero-copy,.film-ready .section-intro,.film-ready .freedom-panel>div,.film-ready .download-panel{background:radial-gradient(ellipse at center,#02060cf2 0%,#02060cd9 50%,#02060c77 76%,transparent 100%)!important;border:0;border-radius:0;text-align:center}
 .film-ready .hero-copy{padding:28px 20px 34px}
 .film-ready .hero-copy h1 img{margin-inline:auto}
 .film-ready .hero-copy .eyebrow{letter-spacing:3px}
 .film-ready .hero-copy h2,.film-ready .hero-copy .intro{text-wrap:balance}
 .film-ready .actions,.film-ready .hero-copy .platforms{justify-content:center}
 .film-ready .section-intro>div{margin-inline:auto}
 .film-ready .section-intro .eyebrow{letter-spacing:3px;line-height:1.8}
 .film-ready .section-intro>p{text-wrap:balance}
 .film-ready .freedom-panel{align-items:center;padding-inline:16px}
 .film-ready .freedom-panel>div{width:100%;max-width:100%;padding:22px 16px}
 .film-ready .freedom-panel .freedom-right{align-self:center;width:100%;max-width:100%;text-align:center}
 .film-ready .freedom-right blockquote{margin-inline:auto;text-wrap:balance}
 .film-ready .download-panel{margin:20px 8px 0;padding:48px 18px 55px}
 .film-ready .download-panel>p{text-wrap:balance}
 .film-ready .scene-caption{left:12px;right:12px;text-align:center}
 .film-ready .scene-download .scene-caption{left:0;right:0}
}
.film-ready .hero-copy,.film-ready .section-intro,.film-ready .freedom-panel>div,.film-ready .download-panel{background:radial-gradient(ellipse closest-side at center,#02060cf2 0%,#02060cd9 42%,#02060c77 72%,transparent 100%)!important}
.film-ready .cards article{background:radial-gradient(ellipse closest-side at 50% 24%,#02060cf2 0%,#02060cd9 46%,transparent 100%)!important}

/* Dedicated portrait film: centered composition, independent of desktop framing. */
.film-stage[data-format="portrait"]>video{object-position:50% center}
.film-stage[data-format="portrait"]{background-position:50% center}

/* Move the opening portrait composition below the copy and platform controls. */
@media(max-width:760px){.film-stage[data-format="portrait"]>video{transform:translateY(var(--hero-film-offset,0px))!important;mask-image:linear-gradient(transparent,#000 12%)!important}.film-stage[data-format="portrait"]{background-image:url("assets/deep-space.webp")!important;background-size:cover}}
/* Real byte loading, with SUNX's own emblem and a single horizontal light trace. */
body.boot-loading{overflow:hidden}
.launch-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#02060c url('assets/deep-space.webp') center/cover;opacity:1;transition:opacity .4s ease;isolation:isolate}
.launch-loader[hidden]{display:none}
.launch-loader:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#03142266,#02060cee 75%);z-index:-1}
.launch-core{text-align:center;width:min(360px,calc(100% - 56px));color:#eef6ff}
.launch-core>img{width:clamp(115px,22vw,160px);height:auto;filter:drop-shadow(0 12px 30px #006eb455);animation:launch-breathe 2.4s ease-in-out infinite}
.launch-core h2{font-size:22px;margin:30px 0 12px;font-weight:600}
.launch-status{font-size:14px;color:#c5dcf0;min-height:24px;margin-bottom:24px}
.launch-track{height:3px;background:#173447;overflow:hidden}
.launch-track>span{display:block;height:100%;width:100%;transform:scaleX(var(--loaded,0));transform-origin:left;background:linear-gradient(90deg,#1678e8,#8de7ff,#ffd27a)}
.launch-amount{font-size:15px;font-variant-numeric:tabular-nums;color:#a7d9ff;margin:14px 0 0}
.launch-core button{margin-top:22px}
.launch-done{opacity:0;pointer-events:none}
@keyframes launch-breathe{50%{filter:drop-shadow(0 16px 40px #0084c877);opacity:.82}}
@media(prefers-reduced-motion:reduce){.launch-loader{transition:none}.launch-core>img{animation:none}}

.launch-core button[hidden]{display:none!important}
/* SUNX signal acquisition: a light transmission above the planetary horizon. */
.launch-loader{overflow:hidden;background-position:center;transition:opacity .5s ease}
.launch-loader:before{background:linear-gradient(#02060c33,#02060c55 45%,#02060c11);z-index:-1}
.launch-top{position:absolute;top:max(28px,env(safe-area-inset-top));left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9abed9;font-size:10px;letter-spacing:2px}
.launch-top img{width:130px;height:auto}
.launch-core{width:min(440px,calc(100% - 48px));position:relative;margin-top:-5vh}
.launch-core>img{width:clamp(150px,24vw,205px);animation:launch-breathe 3s ease-in-out infinite;filter:drop-shadow(0 18px 55px #008ade55)}
.launch-core h2{font-size:clamp(28px,3.2vw,42px);line-height:1.35;letter-spacing:-.025em;margin:20px 0 18px;font-weight:600;text-wrap:balance}
.launch-status{font-size:13px;color:#bedff5;margin:0 0 24px;min-height:22px}
.launch-track{height:4px;background:#163147}
.launch-track>span{background:linear-gradient(90deg,#0b68d6,#6dd8ff 75%,#ffe0a5);box-shadow:0 4px 16px #198dc855}
.launch-amount{font-size:32px;color:#f4d59a;letter-spacing:-.03em;margin:16px 0 0;font-weight:500}
.launch-note{color:#92bad7;font-size:11px;margin:10px 0 0;letter-spacing:.3px}
.launch-horizon{position:absolute;inset:52% -8% -10%;background:url('assets/scene-download.webp') center 65%/cover;mask-image:linear-gradient(transparent,#000 70%);z-index:-1;opacity:.72}
.launch-beam{position:absolute;width:2px;height:55%;top:46%;left:50%;background:linear-gradient(transparent,#75d5ff66,transparent);box-shadow:0 15px 90px 18px #1a91d722;z-index:-1}
.launch-signal{display:flex;align-items:center;justify-content:center;gap:5px;height:16px;margin:16px 0 0}
.launch-signal i{display:block;width:2px;height:4px;background:#74d4ff;animation:signal-receive 1.5s ease-in-out infinite alternate}
.launch-signal i:nth-child(3n){animation-delay:.4s}.launch-signal i:nth-child(3n + 1){animation-delay:.8s}.launch-signal i:nth-child(2n){height:10px}
@keyframes signal-receive{to{height:16px;opacity:.35}}
@media(max-width:600px){.launch-top{top:25px;left:24px;right:24px}.launch-top img{width:100px}.launch-top span{font-size:8px;letter-spacing:1px}.launch-core{margin-top:0}.launch-horizon{inset:62% -40% -8%}}
@media(prefers-reduced-motion:reduce){.launch-signal i{animation:none}}
/* Incoming data assembles the SUNX emblem; its reveal tracks real downloaded bytes. */
.launch-core{--signal-progress:0}
.launch-emblem{position:relative;width:clamp(160px,25vw,215px);aspect-ratio:1;margin:0 auto;isolation:isolate}
.launch-emblem img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.launch-emblem .emblem-ghost{opacity:.16;filter:grayscale(1)}
.launch-emblem .emblem-live{clip-path:inset(calc((1 - var(--signal-progress))*100%) 0 0);filter:drop-shadow(0 12px 28px #168deb88)}
.launch-emblem:after{content:'';position:absolute;left:-12%;right:-12%;top:calc((1 - var(--signal-progress))*100%);height:1px;background:linear-gradient(90deg,transparent,#7ee5ff 25%,#fff0c1 50%,#7ee5ff 75%,transparent);box-shadow:0 6px 24px #43adff88;opacity:.8}
.launch-streams{position:absolute;inset:-40px -50vw -40px;pointer-events:none;overflow:hidden;z-index:-1}
.launch-streams i{position:absolute;top:var(--lane);left:0;width:28%;height:1px;background:linear-gradient(90deg,transparent,#62cfff);animation:data-arrival 1.8s cubic-bezier(.2,.7,.4,1) infinite;animation-delay:var(--delay);opacity:0}
.launch-streams i:nth-child(even){left:auto;right:0;background:linear-gradient(90deg,#e1b868,transparent);animation-name:data-arrival-right}
@keyframes data-arrival{0%{transform:translateX(-100%);opacity:0}30%{opacity:.8}100%{transform:translateX(180%);opacity:0}}
@keyframes data-arrival-right{0%{transform:translateX(100%);opacity:0}30%{opacity:.8}100%{transform:translateX(-180%);opacity:0}}
.launch-track{height:18px;position:relative;margin-top:28px;background:#10283c66;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.launch-track>span{position:relative;height:100%;box-shadow:none;background:linear-gradient(90deg,#0752a4,#1ba6dd 65%,#a8eeff);overflow:hidden}
.launch-track>span:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff9 50%,transparent 70%);animation:packet-scan 1.2s linear infinite}
.launch-track:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(5% - 3px),#02060c 5%);pointer-events:none}
@keyframes packet-scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.launch-amount{font-size:42px;font-weight:400;line-height:1.2;margin-top:16px}
.launch-signal{display:none}
.launch-core h2{margin-top:30px}
.launch-done .launch-emblem{filter:drop-shadow(0 12px 45px #92deff88)}
@media(prefers-reduced-motion:reduce){.launch-streams i,.launch-track>span:after{animation:none}.launch-streams{display:none}}
/* Approved concept composition; keep the segmented progress and logo sweep. */
.launch-loader{background:#01040b url('assets/loading-space-lite.webp') center/cover no-repeat}
.launch-loader:before,.launch-horizon,.launch-beam{display:none}
.launch-top{top:max(24px,env(safe-area-inset-top));left:5%;right:5%}
.launch-top img{width:112px}.launch-top span{display:flex;align-items:center;gap:9px;letter-spacing:2px;font-size:9px;color:#c5e5fa}
.connection-dot{width:6px;height:6px;border-radius:50%;background:#6ceaff;box-shadow:0 2px 12px #42caff}
.launch-core{width:min(450px,82vw);height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:11svh}
.launch-emblem{width:min(43svh,76vw);flex-shrink:0;margin:0 auto 8svh}
.launch-emblem img{mix-blend-mode:screen}
.launch-emblem .emblem-ghost{opacity:.4;filter:grayscale(1) brightness(.8) sepia(1) saturate(5) hue-rotate(145deg)}
.launch-emblem .emblem-live{clip-path:inset(0 0 calc((1 - var(--signal-progress))*100%) 0);filter:drop-shadow(0 10px 25px #1388cb55)}
.launch-emblem:after{top:calc(var(--signal-progress)*100%);z-index:3}
.launch-streams{inset:-20px -30vw -80px;opacity:.6}
.launch-particles{position:absolute;width:130%;height:90%;left:-15%;top:58%;pointer-events:none;z-index:2}
.launch-core h2{display:none}
.launch-core .launch-track{order:1;width:100%;margin:0;flex-shrink:0}
.launch-core .launch-amount{order:2;font-size:clamp(50px,7svh,76px);font-weight:300;color:#eef6ff;margin:14px 0 10px;letter-spacing:-.035em}
.launch-core .launch-status{order:3;margin:0;text-align:center;font-size:13px;line-height:1.8;color:#c1d9ec;min-height:48px;max-width:100%;text-wrap:balance}
.launch-core button{order:4}
.launch-core .launch-note{position:absolute;bottom:4.5svh;left:0;right:0;margin:0;text-align:center;color:#e4bd7d;letter-spacing:3px;font-size:9px}
@media(min-width:761px){.launch-loader{background-size:100% auto;background-position:center 75%}.launch-core{padding-top:9svh;width:400px}.launch-emblem{width:42svh;margin-bottom:8svh}}
@media(max-height:650px){.launch-core{padding-top:9svh}.launch-emblem{width:min(38svh,65vw);margin-bottom:6svh}.launch-core .launch-amount{font-size:42px;margin:8px 0}.launch-top{top:14px}.launch-core .launch-note{bottom:3svh}}
.launch-emblem{isolation:auto;mix-blend-mode:screen}
.launch-core .launch-status{font-size:15px;white-space:pre-line;line-height:1.9}
/* Full SUNX metal emblem with a traveling surface reflection, no split-color fill. */
.launch-emblem .emblem-ghost{display:none}
.launch-emblem .emblem-live{clip-path:none;opacity:1;filter:drop-shadow(0 14px 35px #0a77c755)}
.launch-emblem:after{display:none}
.launch-emblem{width:min(36svh,64vw);margin-bottom:12svh}
.emblem-scan{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent 34%,#78dfff22 43%,#e9fbffbb 49%,#fff7d4dd 50%,#85e6ff33 55%,transparent 64%);background-size:350% 100%;mask-image:url('assets/logo-lite.webp');mask-size:contain;mask-repeat:no-repeat;mask-position:center;mix-blend-mode:screen;animation:emblem-surface-scan 3s cubic-bezier(.22,.61,.36,1) infinite}
@keyframes emblem-surface-scan{0%,12%{background-position:100% 0;opacity:0}25%,62%{opacity:.85}80%,100%{background-position:0% 0;opacity:0}}
.launch-streams{opacity:.32}
.launch-particles{opacity:.8;top:70%;height:100%;width:145%;left:-22.5%}
@media(min-width:761px){.launch-emblem{width:36svh;margin-bottom:12svh}}
@media(max-height:650px){.launch-emblem{width:min(33svh,58vw);margin-bottom:8svh}}
@media(prefers-reduced-motion:reduce){.emblem-scan{animation:none;opacity:0}}
/* Blue glass cube convergence, approved storyboard. */
.voxel-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.launch-core,.launch-top{z-index:3}
.launch-emblem{width:min(43svh,76vw);margin-bottom:8svh}
.launch-emblem .emblem-live{opacity:var(--voxel-metal,0);filter:drop-shadow(0 10px 20px #139ded88)}
.launch-emblem .emblem-ghost,.launch-streams{display:none}
.emblem-scan{opacity:var(--voxel-metal,0);animation:emblem-surface-scan 3s cubic-bezier(.22,.61,.36,1) infinite}
@media(min-width:761px){.launch-emblem{width:42svh;margin-bottom:8svh}}
@media(max-height:650px){.launch-emblem{width:min(38svh,65vw);margin-bottom:6svh}}
.launch-emblem .emblem-ghost{display:block;opacity:.085;filter:grayscale(1) sepia(1) saturate(5) hue-rotate(145deg)}
/* Cohesive SUNX product illustrations: preserve the complete subject and feather edges. */
.film-ready .cards article img{aspect-ratio:1;object-fit:contain;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);width:100%}
/* Full artwork with integrated live text; no feathered or clipped image edges. */
.film-ready .cards{gap:18px}
.film-ready .cards article{aspect-ratio:1;position:relative;padding:0;overflow:hidden;border:1px solid #39709466;border-radius:14px;background:#02060c!important;box-shadow:0 10px 24px #0005}
.film-ready .cards article img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1;object-fit:contain;mask-image:none!important;border-radius:0;transform:none!important}
.film-ready .cards article:before,.film-ready .cards article:after{display:none!important}
.film-ready .feature-caption{position:absolute;inset:auto 0 0;padding:36px 10px 14px;background:linear-gradient(transparent,#010711dd 32%,#010711f5);text-align:center;z-index:2}
.film-ready .feature-caption>b{display:none}
.film-ready .feature-caption h3{font-size:clamp(13px,1.15vw,17px);margin:0 0 6px;line-height:1.2;color:#f3f8ff;text-shadow:0 2px 4px #000}
.film-ready .feature-caption p{font-size:clamp(11px,.95vw,14px);margin:0;min-height:0;line-height:1.45;color:#c8e3f7;text-shadow:0 2px 4px #000}
@media(max-width:760px){.film-ready .cards{gap:14px}.film-ready .feature-caption{padding:28px 8px 12px}.film-ready .feature-caption h3{font-size:14px}.film-ready .feature-caption p{font-size:12px}.film-ready .cards article{border-radius:12px}}
.language-picker{margin-left:auto;display:flex;align-items:center;gap:5px;color:#d4e8f8;font-size:12px;white-space:nowrap}
.language-picker select{font:inherit;color:inherit;background:#06111d;border:1px solid #284763;border-radius:6px;padding:8px 4px;min-height:38px;max-width:100px;cursor:pointer}
.language-picker select:focus-visible{outline:2px solid #8adcff;outline-offset:3px}
html[lang="zh-CN"] body{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
html[lang="en"] .hero-copy h2{white-space:normal}
@media(max-width:760px){.language-picker{font-size:11px;gap:2px}.language-picker select{max-width:78px}.film-ready .feature-caption h3{overflow-wrap:anywhere}.hero-copy h2{white-space:normal}}
@media(max-width:760px){header{gap:10px}header .brand{width:105px}header .small{padding-inline:10px}}

.film-stage>video{transition:opacity .16s linear}
@media(prefers-reduced-motion:reduce){.film-stage>video{transition:none}}

/* Consistent, semantic interface icons. */
.sunx-icon{width:1.3em;height:1.3em;flex-shrink:0;vertical-align:middle}.language-picker>span{display:inline-flex}.language-picker .sunx-icon{width:18px;height:18px}[data-download]{display:inline-flex;align-items:center;justify-content:center;gap:12px}.platforms b .sunx-icon{width:1em;height:1em}