:root{
  --black:#050505;
  --white:#fff;
  --cream:#eeeae5;
  --ink:#0a0a0a;
  --pink:#ff4f91;
  --orange:#ff9b54;
  --muted:#9f9a97;
  --line:rgba(255,255,255,.17);
  --px:0px;
  --py:0px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
::selection{background:var(--pink);color:#fff}

.topbar{position:fixed;z-index:50;inset:0 0 auto;height:76px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.68),transparent);transition:.25s ease}
.topbar.scrolled{background:rgba(0,0,0,.94);border-bottom:1px solid rgba(255,255,255,.1)}
.topbar-logo{display:flex;align-items:center;width:44px;height:48px;overflow:hidden}
.topbar-logo img{width:76px;max-width:none;transform:translateX(-16px)}
.topbar-actions{display:flex;align-items:center;gap:18px}
.nav-action{appearance:none;border:0;background:none;color:#fff;padding:10px 0;cursor:pointer;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;opacity:.78}
.nav-action:hover{opacity:1}
.radio{display:flex;align-items:center;gap:8px}.radio i{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.4}.radio.on i{background:var(--pink);opacity:1;box-shadow:0 0 14px var(--pink)}
.official-button{padding:12px 16px;border:1px solid #fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;transition:.18s}.official-button:hover{background:#fff;color:#000}

.hero{position:relative;min-height:100svh;overflow:hidden;background:#1a1020}
.hero-media{position:absolute;inset:-1.5%;width:103%;height:103%}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 44%;transform:translate3d(var(--px),var(--py),0) scale(1.045);transition:filter .6s ease;will-change:transform}
.hero.night .hero-media img{filter:brightness(.7) saturate(.82) contrast(1.08) hue-rotate(7deg)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.03) 34%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.91) 100%)}
.hero-content{position:relative;z-index:3;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 22px 180px}
.main-logo{width:clamp(220px,33vw,510px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.24))}
.release-copy{margin-top:25px;text-transform:uppercase}.release-copy span{display:block;font-size:10px;font-weight:900;letter-spacing:.19em}.release-copy strong{display:block;margin-top:7px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(35px,4.6vw,68px);line-height:.92;letter-spacing:-.025em}
.milestone{margin:15px 0 0;font-size:14px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:23px}
.button{appearance:none;border:1px solid #fff;padding:13px 17px;cursor:pointer;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;transition:.18s}
.button-light{background:#fff;color:#000}.button-light:hover{background:#e9e9e9}.button-dark{background:rgba(0,0,0,.2);color:#fff;backdrop-filter:blur(5px)}.button-dark:hover{background:#fff;color:#000}
.countdown-wrap{position:absolute;z-index:4;left:26px;right:26px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-top:17px;border-top:1px solid rgba(255,255,255,.34)}
.countdown-copy{display:flex;flex-direction:column;gap:6px}.countdown-copy span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.countdown-copy small{color:#b9b6b3;font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.countdown{display:flex;align-items:flex-end;gap:clamp(22px,4vw,62px)}.countdown>div{text-align:right}.countdown b{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(40px,5vw,78px);line-height:.8;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.countdown span{display:block;margin-top:8px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;opacity:.68}
.progress-track{position:absolute;z-index:6;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.13)}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--orange));transition:width 1s linear}

.release-panel{background:var(--cream);color:var(--ink);padding:125px 26px 115px}.release-panel-inner{max-width:1420px;margin:auto}.eyebrow{margin:0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:#69635f}.eyebrow.light{color:#d4d0cd}.release-panel h1,.section-intro h2,.platform-panel h2{margin:17px 0 0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(64px,10vw,158px);line-height:.82;letter-spacing:-.045em;text-transform:uppercase}.release-panel h1 em{font-style:normal;color:var(--pink)}.release-meta{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:17px;border-top:1px solid rgba(0,0,0,.2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.release-meta p{margin:0}.release-meta span{margin:0 8px}

.media-feature{padding:10px;background:#000}.media-hero{position:relative;width:100%;min-height:76svh;padding:0;border:0;background:#111;color:#fff;text-align:left;overflow:hidden;cursor:pointer}.media-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.media-hero:hover>img{transform:scale(1.02)}.media-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.84))}.media-caption{position:absolute;z-index:2;left:40px;bottom:38px}.media-caption small{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#d0ccca}.media-caption strong{display:block;margin-top:8px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(52px,7vw,108px);line-height:.86;text-transform:uppercase;letter-spacing:-.035em}.media-caption>span{display:block;margin-top:15px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.media-caption i{font-style:normal;margin-left:8px}
.trailer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.trailer-card{position:relative;min-height:72svh;padding:0;border:0;background:#111;color:#fff;overflow:hidden;cursor:pointer;text-align:left}.trailer-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.trailer-card:hover>img{transform:scale(1.025)}.trailer-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.78))}.trailer-card>span{position:absolute;z-index:2;left:28px;bottom:28px}.trailer-card small{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#d2cecb}.trailer-card strong{display:block;margin-top:7px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(38px,5vw,72px);text-transform:uppercase;line-height:.9}

.story{position:relative;min-height:95svh;display:grid;align-items:end;overflow:hidden;background:#111}.story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 50%)}.story-content{position:relative;z-index:2;max-width:900px;padding:90px 40px}.story-content h2{margin:15px 0 0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(58px,7.8vw,122px);line-height:.83;text-transform:uppercase;letter-spacing:-.04em}.story-content>p:not(.eyebrow){max-width:580px;margin:24px 0 0;color:#d0ccca;line-height:1.65}.story-content a{display:inline-block;margin-top:22px;padding-bottom:4px;border-bottom:1px solid #fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}

.stats-section{background:var(--cream);color:#000;padding:120px 26px}.section-intro{max-width:1420px;margin:0 auto 62px}.section-intro h2{font-size:clamp(66px,8vw,126px)}.stats-list{max-width:1420px;margin:auto;border-top:1px solid rgba(0,0,0,.22)}.stats-list article{display:grid;grid-template-columns:minmax(180px,.36fr) 1fr;gap:30px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(0,0,0,.18)}.stats-list b{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(55px,7vw,108px);line-height:.85;letter-spacing:-.04em}.stats-list strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.stats-list span{display:block;margin-top:6px;color:#6d6763;font-size:9px;text-transform:uppercase;letter-spacing:.12em}

.timeline-section{background:#000;padding:120px 26px}.dark-intro{color:#fff}.dark-intro .eyebrow{color:#8e8986}.timeline{max-width:1420px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline article{min-height:170px;padding:28px 21px;border-right:1px solid var(--line)}.timeline article:last-child{border-right:0}.timeline span{display:block;color:#777;font-size:10px;font-weight:900;letter-spacing:.14em}.timeline strong{display:block;margin-top:18px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(30px,3vw,50px);text-transform:uppercase}.timeline-active{background:#fff;color:#000}.timeline-active span{color:#555}

.platform-section{display:grid;grid-template-columns:1.1fr .9fr;min-height:84svh;background:var(--cream);color:#000}.platform-art{min-height:720px;overflow:hidden}.platform-art img{width:100%;height:100%;object-fit:cover}.platform-panel{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(26px,6vw,90px)}.platform-panel h2{font-size:clamp(58px,7vw,110px)}.platform-picker{display:grid;grid-template-columns:1fr 1fr;margin-top:44px;border:1px solid rgba(0,0,0,.28)}.platform-picker button{appearance:none;border:0;border-right:1px solid rgba(0,0,0,.25);background:transparent;color:#000;padding:25px 20px;text-align:left;cursor:pointer}.platform-picker button:last-child{border-right:0}.platform-picker button:hover{background:rgba(0,0,0,.05)}.platform-picker button.selected{background:#000;color:#fff}.platform-picker strong{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:34px}.platform-picker span{display:block;margin-top:6px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;opacity:.62}.preorder-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid rgba(0,0,0,.22);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.switch{appearance:none;width:48px;height:27px;border:1px solid #7b7571;border-radius:99px;background:transparent;padding:3px;cursor:pointer}.switch i{display:block;width:19px;height:19px;border-radius:50%;background:#111;transition:.2s}.switch.on{background:var(--pink);border-color:var(--pink)}.switch.on i{background:#fff;transform:translateX(19px)}

.quote-section{position:relative;min-height:88svh;display:grid;place-items:center;overflow:hidden;background:#111}.quote-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quote-shade{position:absolute;inset:0;background:rgba(0,0,0,.55)}.quote-content{position:relative;z-index:2;width:min(1180px,calc(100% - 42px));text-align:center}.quote-content blockquote{margin:22px auto 0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(54px,8.5vw,134px);line-height:.84;text-transform:uppercase;letter-spacing:-.04em}.quote-content small{display:block;margin-top:22px;color:#c3bdb9;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}

.finale{position:relative;min-height:92svh;display:grid;place-items:center;overflow:hidden;background:#111}.finale>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.finale-shade{position:absolute;inset:0;background:rgba(0,0,0,.55)}.finale-content{position:relative;z-index:2;text-align:center;padding:40px 20px}.finale-content>img{width:clamp(190px,28vw,420px);margin:auto}.finale-content p{margin:22px 0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(44px,6vw,88px);text-transform:uppercase;letter-spacing:-.035em}.secret-hint{margin:0;padding:22px;background:#000;color:#3f3d3c;text-align:center;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}

footer{min-height:94px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:#000;color:#74716f;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}footer a{color:#aaa5a2}

.video-modal{position:fixed;z-index:100;inset:0;display:none;place-items:center;background:rgba(0,0,0,.96);padding:22px}.video-modal.open{display:grid}.video-dialog{width:min(1180px,100%)}.video-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.video-head button{appearance:none;border:0;background:none;color:#fff;cursor:pointer;font:inherit}.video-frame{position:relative;aspect-ratio:16/9;border:1px solid var(--line);background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.toast{position:fixed;z-index:120;left:50%;bottom:22px;transform:translate(-50%,15px);padding:11px 15px;border:1px solid var(--line);background:#111;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.launch-takeover{position:fixed;z-index:160;inset:0;display:none;place-items:center;background:#000;text-align:center;padding:24px}.launch-takeover.show{display:grid}.launch-takeover img{width:min(420px,72vw);margin:auto}.launch-takeover h2{margin:25px 0 0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(64px,12vw,180px);line-height:.82;text-transform:uppercase;letter-spacing:-.045em}.launch-takeover p{color:#8c8784;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
body.neon-mode{--pink:#ff2ca3;--orange:#ffc146}body.neon-mode .hero-media img{filter:saturate(1.3) contrast(1.08)}

@media(max-width:900px){
  .countdown-wrap{left:18px;right:18px;display:block}.countdown-copy{margin-bottom:17px}.countdown{justify-content:space-between;gap:12px}.countdown>div{text-align:left}
  .trailer-grid{grid-template-columns:1fr}.trailer-card{min-height:70svh}
  .timeline{grid-template-columns:1fr 1fr}.timeline article:nth-child(2){border-right:0}.timeline article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .platform-section{grid-template-columns:1fr}.platform-art{min-height:65svh}.platform-panel{padding-top:80px;padding-bottom:90px}
}

@media(max-width:640px){
  .topbar{height:68px;padding:0 16px}.topbar-logo{width:36px}.topbar-logo img{width:62px;transform:translateX(-13px)}.topbar-actions{gap:11px}.hide-mobile{display:none}.radio span{display:none}.official-button{padding:10px 12px;font-size:9px}
  .hero-media img{object-position:50% center}.hero-content{justify-content:flex-end;padding:100px 18px 235px}.main-logo{width:220px}.release-copy{margin-top:19px}.release-copy strong{font-size:38px}.milestone{font-size:13px}.hero-actions{margin-top:17px}.button{padding:11px 12px;font-size:9px}
  .countdown{gap:10px}.countdown b{font-size:42px}.countdown span{font-size:7px}
  .release-panel{padding:90px 18px 80px}.release-panel h1{font-size:72px}.release-meta{flex-direction:column}
  .media-feature{padding:7px}.media-hero{min-height:73svh}.media-caption{left:21px;bottom:23px}.media-caption strong{font-size:54px}.trailer-grid{gap:7px;margin-top:7px}.trailer-card{min-height:72svh}.trailer-card>span{left:21px;bottom:22px}
  .story{min-height:88svh}.story-content{padding:65px 21px}.story-content h2{font-size:57px}
  .stats-section,.timeline-section{padding:88px 18px}.section-intro{margin-bottom:42px}.section-intro h2{font-size:68px}.stats-list article{grid-template-columns:1fr;gap:8px}.stats-list b{font-size:72px}
  .timeline{grid-template-columns:1fr}.timeline article{border-right:0;border-bottom:1px solid var(--line)}.timeline article:last-child{border-bottom:0}
  .platform-art{min-height:68svh}.platform-panel{padding:75px 18px 85px}.platform-panel h2{font-size:65px}.platform-picker{grid-template-columns:1fr}.platform-picker button{border-right:0;border-bottom:1px solid rgba(0,0,0,.25)}.platform-picker button:last-child{border-bottom:0}
  .quote-section{min-height:82svh}.quote-content blockquote{font-size:58px}.finale{min-height:82svh}.finale-content p{font-size:50px}
  footer{padding:24px 18px;align-items:flex-start;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.hero-media img{transform:scale(1.045)}*,*:before,*:after{transition-duration:.001ms!important}}
