:root{--bg:#090a11;--surface:#11121c;--text:#f4f3fa;--muted:#a3a1b3;--line:#c8b8ef1c;--accent:#c2a8ff}
body{background:radial-gradient(ellipse at 92% 25%,#2a17421a,transparent 40%),var(--bg);line-height:1.55}
.wrap{width:min(1200px,calc(100% - 96px))}
#site-header,#site-header.scrolled{position:fixed;top:18px;left:max(24px,calc((100vw - 1280px)/2));right:max(24px,calc((100vw - 1280px)/2));border:1px solid #d3c5ff20;border-radius:16px;background:#10101caa;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 40px #00000018;transition:background .25s,border-color .25s}
#site-header.scrolled{background:#0e0e19ed;border-color:#d3c5ff2a}
.nav-shell{width:100%;height:66px;padding:0 22px;gap:24px}
.brand img{mix-blend-mode:normal;object-fit:contain}
.brand b{letter-spacing:.8px;font-size:12px}
#main-nav{gap:25px}#main-nav>a:not(.button){font-size:12px;color:#c7c3d4}.account-link{margin-left:10px}
.button{border-radius:10px;min-height:48px;gap:22px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.button.light{background:linear-gradient(120deg,#edddff,#c4adf9);border-color:#dac6ff;color:#1b1427;box-shadow:inset 0 1px 0 #ffffff70,0 4px 22px #aa76f51a}
.button.light:hover{background:linear-gradient(120deg,#f5ebff,#d3bcff);border-color:#e7d8ff;box-shadow:0 5px 26px #aa76f52a;transform:translateY(-1px)}
.nav-buy{min-height:38px;background:#ffffff08;border-color:#d6c0ff25;font-size:11px}
.hero{height:90svh;min-height:680px;max-height:960px;align-items:center}
.hero-image,.hero-video{filter:saturate(.86) contrast(1.08);object-position:center}
.hero-shade{background:linear-gradient(90deg,#080910df 0%,#090a1175 46%,#090a111a 85%),linear-gradient(0deg,#090a11 0%,#090a1125 35%,#090a1130 100%)}
.hero-content{padding-top:110px;padding-bottom:90px;position:relative;animation:cinematic-intro .7s cubic-bezier(.2,.7,.2,1) both}
.hero .eyebrow{font-size:11px;font-weight:500;letter-spacing:2.6px;color:#d0c9df;margin-bottom:23px}
.hero h1{font-size:clamp(64px,7.6vw,112px);font-weight:610;line-height:1.05;letter-spacing:-5px;max-width:none;color:#f8f5ff;text-shadow:0 4px 36px #08051035}
.hero-copy{font-size:16px;line-height:1.8;max-width:490px;color:#cfcbdb;margin:22px 0 30px;text-wrap:pretty}
.hero .actions{gap:12px}.film-button{background:#12111a62;backdrop-filter:blur(12px);border-color:#e4d8ff30}
.hero .availability{margin-top:24px;font-size:11px;color:#c0b6ca}
.hero-bottom{bottom:28px;justify-content:flex-end;font-size:11px}.hero-bottom a{gap:14px;color:#d6ccdf}
.intro{padding:84px 0 66px;gap:70px;align-items:center;grid-template-columns:1.15fr 1fr}
.intro h2,.section-heading h2{font-size:clamp(32px,3.5vw,48px);font-weight:550;letter-spacing:-1.7px}
.intro>p,.section-heading>p,.cosmetic-copy>p:not(.eyebrow){font-size:14px;color:#a6a2b6;line-height:1.85;max-width:460px}
.section-heading{margin-bottom:28px;align-items:end}.section-heading>p{max-width:350px}
.sky-section{padding-bottom:50px}.comparison{border-radius:18px;overflow:hidden;border:1px solid #d0c2fa25;box-shadow:0 16px 60px #00000022}
.compare-label{background:#0d0e18c9;backdrop-filter:blur(12px);border:1px solid #ffffff16;border-radius:7px;font-size:10px;letter-spacing:.1px;padding:8px 11px}
.compare-handle span{background:#171320b8;border-color:#e7d8ff99;backdrop-filter:blur(10px)}
.image-note{font-size:11px;color:#8e899e;padding-top:16px}
.cosmetics{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start;padding:36px 0 78px}
.cosmetic-copy{grid-column:1/-1;padding:0;max-width:760px}.cosmetic-copy h2{font-size:44px;letter-spacing:-1.6px;font-weight:550}
.cosmetic-copy>p:not(.eyebrow){margin:16px 0 4px;max-width:620px}.cosmetic-copy .text-link{margin-top:8px}
.glass-figure,.wings-figure{grid-column:auto;margin:0}.glass-figure img,.wings-figure img{aspect-ratio:16/11;object-fit:cover}
.cosmetics figure img,.motion-grid figure img{border-radius:16px;border:1px solid #d0c2fa1c;filter:saturate(.94) contrast(1.03)}
figcaption{padding-top:17px;gap:5px}figcaption b{font-size:14px;font-weight:550}figcaption span{font-size:12px;color:#9690a5}
.motion-section{padding:66px 0;background:linear-gradient(180deg,#13101f66,#100f1c40);border-top:1px solid #c8b8ef12;border-bottom:1px solid #c8b8ef12}
.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.particles-figure{margin:0;width:100%}.motion-grid figure img{aspect-ratio:16/11;object-fit:cover}
.interface-section{padding:80px 0}.gui-toolbar{margin-top:26px;border-radius:14px 14px 0 0;border:1px solid #c8b8ef22;background:#13121e;padding:14px 18px;border-bottom:0;font-size:12px;color:#afa5c1}
#gui-mount{border:1px solid #c8b8ef22;border-radius:0 0 14px 14px;overflow:hidden;background:#0e0d16;box-shadow:0 16px 60px #00000018}
.interface-foot{padding-top:14px;font-size:11px;color:#8f879e}.film-section{padding-bottom:78px}
.film-poster{border-radius:18px;border:1px solid #d0c2fa25;aspect-ratio:2.65}.film-poster:hover>img{transform:scale(1.015)}
.film-title{font-size:39px;font-weight:500;letter-spacing:-1.1px}.film-play{background:#ffffff0b;backdrop-filter:blur(14px);border-color:#d8c6ff66}.film-duration{font-size:11px;color:#c5bed3}
.download-options{border-radius:18px!important;border-color:#c8b8ef24!important;background:linear-gradient(115deg,#20172c,#13131f 68%)!important;box-shadow:0 18px 60px #00000012}
.download-options h2{font-weight:550;letter-spacing:-1px}.download-options .injector-copy p{color:#b0a7c1}.injector-steps li{color:#b7acc8}
.faq{padding-top:70px;padding-bottom:72px;gap:70px}.faq h2{font-size:42px;font-weight:550;letter-spacing:-1.4px}.faq details{border-color:#d3c5ff1c;padding:23px 0}.faq summary{font-size:14px;color:#e0d9ec}.faq details p{color:#aba3b9}
.footer-top{padding-top:8px}footer{padding-top:28px;padding-bottom:30px}footer nav{font-size:12px;gap:24px}.footer-bottom{color:#847e92}
.motion-ready .reveal{transform:translateY(12px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.visible{transform:none}
@keyframes cinematic-intro{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:980px){
 .nav-shell{height:64px;padding:0 17px}.menu-toggle{display:flex;align-items:center;gap:10px;background:#ffffff05;border:1px solid #ffffff20;color:white;padding:9px 12px;border-radius:8px;font-size:12px}
 #main-nav{display:none;position:absolute;top:calc(100% + 10px);right:0;left:auto;width:min(320px,calc(100vw - 48px));background:#11111ef5;border:1px solid #d3c5ff26;border-radius:14px;padding:12px;gap:0;flex-direction:column;align-items:stretch;box-shadow:0 18px 55px #00000050;backdrop-filter:blur(24px)}
 #main-nav.open{display:flex}#main-nav>a:not(.button){padding:13px 12px;font-size:14px}.account-link{margin-left:0}.nav-buy{margin-top:8px}
 .hero h1{font-size:clamp(64px,9.5vw,92px);letter-spacing:-4px}.cosmetics,.motion-grid{gap:24px}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}#site-header,#site-header.scrolled{left:14px;right:14px;top:12px;border-radius:14px}.nav-shell{height:60px;padding:0 14px}.brand img{width:30px;height:30px}
 .hero{height:85svh;min-height:610px;max-height:850px;align-items:end}.hero-content{padding-top:130px;padding-bottom:94px}.hero h1{font-size:clamp(45px,11.8vw,76px);letter-spacing:-2.4px;line-height:1.06}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:18px}
 .hero-shade{background:linear-gradient(0deg,#090a11 0%,#090a11bf 36%,#090a1120 80%,#090a1140 100%)}.hero-copy{font-size:14px;margin:19px 0 26px;max-width:340px}.hero .button{min-height:46px;padding:12px 15px;gap:14px}.hero .availability{font-size:10px}.hero-bottom{bottom:25px}
 .intro{grid-template-columns:1fr;gap:20px;padding:54px 0 42px}.intro h2,.section-heading h2{font-size:32px;letter-spacing:-1px}.intro>p,.section-heading>p{font-size:13px;max-width:100%}
 .section-heading{display:block;margin-bottom:22px}.section-heading>p{margin-top:14px}.sky-section{padding-bottom:26px}.comparison{aspect-ratio:1.35;border-radius:13px}.image-note{font-size:10px;gap:5px}
 .cosmetics{grid-template-columns:1fr;gap:25px;padding:25px 0 48px}.cosmetic-copy{grid-column:auto}.cosmetic-copy h2{font-size:33px;letter-spacing:-1px}.cosmetic-copy>p:not(.eyebrow){font-size:13px;margin-top:14px}.glass-figure img,.wings-figure img{aspect-ratio:1.5}
 .motion-section{padding:45px 0}.motion-grid{grid-template-columns:1fr;gap:26px}.particles-figure{justify-self:stretch}.motion-grid figure img{aspect-ratio:1.5}.cosmetics figure img,.motion-grid figure img{border-radius:13px}
 .interface-section{padding:48px 0}.gui-toolbar{padding:12px;font-size:11px;gap:8px}.gui-toolbar .text-link{font-size:10px;white-space:nowrap}.film-section{padding-bottom:46px}.film-poster{aspect-ratio:1.7;border-radius:13px}.film-title{font-size:28px;left:22px;top:37%}.film-duration{left:22px;bottom:20px;font-size:10px}.film-play{width:46px;height:46px;right:24px;top:62%}
 .faq{padding-top:46px;padding-bottom:48px;gap:26px}.faq h2{font-size:33px}.faq summary{font-size:13px}.download-options{border-radius:14px!important}
}
@media(prefers-reduced-motion:reduce){.hero-content,.motion-ready .reveal,.button,.film-poster>img{animation:none!important;transition:none!important;transform:none!important}}

/* Visible staged entrances and replaying section motion. */
.hero-content{animation:none}
.hero-content>.eyebrow{animation:cinematic-rise .75s .05s both}
.hero-content h1{animation:cinematic-rise .95s .12s both}
.hero-content .hero-copy{animation:cinematic-rise .9s .22s both}
.hero-content .actions{animation:cinematic-rise .85s .34s both}
.hero-content .availability{animation:cinematic-rise .8s .43s both}
.hero-bottom a span{display:inline-block;animation:explore-drift 2.8s ease-in-out infinite}
.motion-ready .reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .85s ease,transform .95s cubic-bezier(.16,1,.3,1)}
.motion-ready .reveal.visible{opacity:1;transform:translate3d(0,0,0)}
.cosmetics>.reveal:nth-child(2){transition-delay:.08s}.cosmetics>.reveal:nth-child(3),.motion-grid>.reveal:nth-child(2){transition-delay:.16s}
.cosmetics figure img,.motion-grid figure img{transition:filter .4s ease,box-shadow .4s ease}
.cosmetics figure:hover img,.motion-grid figure:hover img{filter:saturate(1.03) contrast(1.05) brightness(1.06);box-shadow:0 14px 38px #0000002a}
.hero .button.light{position:relative;overflow:hidden}
.hero .button.light:after{content:'';position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff45 50%,transparent 65%);transform:translateX(-120%);transition:transform .65s}
.hero .button.light:hover:after{transform:translateX(120%)}
@keyframes cinematic-rise{from{opacity:0;transform:translate3d(0,23px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes explore-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){.hero-content>*,.hero-bottom a span,.motion-ready .reveal{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.hero .button.light:after{display:none}}

/* Keep feature instructions attached to their heading, not in a detached column. */
.section-heading{display:block}.section-heading>p{max-width:640px;margin-top:12px}.sky-section{padding-top:54px;scroll-margin-top:112px}
@media(max-width:700px){.sky-section{padding-top:32px;scroll-margin-top:100px}.section-heading>p{margin-top:12px}}

/* Keep the complete in-world GUI visible in the supplied wide screenshot. */
.world-gui-figure.wings-figure img{object-fit:contain;background:#03050c}