:root{--bg:#14123a;--bg2:#1e1b52;--card:#26226a;--ink:#fff;--mut:#c9c6f0;--acc:#ff4f6d;--acc2:#ff8a3d;--ok:#3ddc97}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#9fd8ff}img{max-width:100%;height:auto;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero{position:relative;text-align:center;padding:48px 18px 40px;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,18,58,.35) 0%,rgba(20,18,58,.55) 60%,var(--bg) 100%),url(assets/hero.webp) center/cover no-repeat}
.hero-in{max-width:880px;margin:0 auto}
.logo{width:min(92vw,640px);margin:0 auto;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}
.logo.sm{width:min(80vw,360px)}
.tag{font-size:clamp(22px,5.6vw,34px);font-weight:800;margin:14px 0 22px;text-shadow:0 2px 0 rgba(0,0,0,.45)}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--card);color:#fff;text-decoration:none;font-weight:700;border:2px solid rgba(255,255,255,.25);margin:4px}
.btn.ghost{background:transparent}
.btn.play{font-size:clamp(20px,5.4vw,26px);padding:18px 38px;background:linear-gradient(180deg,var(--acc2),var(--acc));border:0;box-shadow:0 6px 0 #a3203c,0 12px 28px rgba(255,79,109,.45);letter-spacing:.5px;transition:transform .12s}
.btn.play:hover{transform:translateY(-2px)}.btn.play:active{transform:translateY(3px);box-shadow:0 2px 0 #a3203c}
.sub{color:var(--mut);font-size:14px;margin:12px 0 22px}
.badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.badge{display:block;width:min(44vw,200px);border-radius:12px}.badge svg{display:block;width:100%;height:auto}
.badge.soon{opacity:.85;cursor:default}
.soon-note{color:var(--mut);font-size:14px;margin:10px 0 0}
.sec{max-width:1100px;margin:0 auto;padding:40px 18px}
.sec h2{font-size:clamp(24px,6vw,36px);margin:0 0 20px;text-align:center}
.carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.shot{flex:0 0 min(62vw,260px);margin:0;scroll-snap-align:center;background:var(--bg2);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.shot figcaption{padding:10px 12px;font-size:14px;color:var(--mut);text-align:center}
.car-nav{display:flex;justify-content:center;gap:12px}.car-nav button{width:44px;height:44px;border-radius:50%;border:0;background:var(--card);color:#fff;font-size:26px;cursor:pointer}
.worlds,.feats,.checks{list-style:none;padding:0;margin:0}
.worlds{display:grid;gap:14px;grid-template-columns:1fr}
.world{position:relative;border-radius:16px;overflow:hidden;background:var(--bg2)}
.world div{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(transparent,rgba(10,8,40,.85))}
.world b{display:block;font-size:19px}.world span{color:var(--mut);font-size:14px}
.feats{display:grid;gap:14px;grid-template-columns:1fr}
.feats li{background:var(--bg2);border-radius:16px;padding:18px}.feats b{display:block;font-size:18px;margin:6px 0 4px}.feats p{margin:0;color:var(--mut)}
.fi{font-size:28px}
.promise{background:linear-gradient(180deg,#1b3a4f,#16304a);border-radius:22px;margin:20px auto;max-width:1060px}
.checks li{position:relative;padding:8px 0 8px 34px}.checks li:before{content:"✓";position:absolute;left:0;top:6px;width:24px;height:24px;border-radius:50%;background:var(--ok);color:#0b2a1d;font-weight:900;text-align:center;line-height:24px}
.promise p{text-align:center}
.cta{text-align:center;padding-bottom:56px}
.foot{text-align:center;padding:26px 18px 34px;background:#0e0c2c;color:var(--mut);font-size:14px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-bottom:12px}.foot a{color:#fff}
.nf{text-align:center;padding:60px 18px}
@media(min-width:720px){.worlds{grid-template-columns:repeat(3,1fr)}.feats{grid-template-columns:repeat(3,1fr)}.hero{padding:70px 24px 60px}.badge{width:200px}}
@media(min-width:1000px){.worlds{grid-template-columns:repeat(5,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn.play{transition:none}}