:root{--bg: #131418;--panel: #1b1d23;--border: #2a2c34;--border-soft: #222329;--accent: #7896e6;--accent-bright: #9bb1f1;--accent-dim: #586ea8;--text: #e6e8ed;--dim: #8b8e98;--dim-2: #5f626c;--maxw: 1120px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-hover: cubic-bezier(.33, .7, .4, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-lift: 0 24px 50px -28px rgba(0, 0, 0, .85);--shadow-pop: 0 16px 34px -22px rgba(0, 0, 0, .85);--glass-border: rgba(255, 255, 255, .07);--glass-fill: rgba(255, 255, 255, .035);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .06);--glass-blur: blur(14px) saturate(150%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 26%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:#7896e64d;color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}html{scrollbar-width:thin;scrollbar-color:#2f323c var(--bg)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2f323c;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}::-webkit-scrollbar-corner{background:var(--bg)}@keyframes rise{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes kenburns{0%{transform:translateZ(0) scale(1.06)}to{transform:translate3d(-3%,-2.5%,0) scale(1.14)}}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}.section{padding:96px 0;position:relative}[id]{scroll-margin-top:84px}.lead-row{margin-bottom:40px}.h-section{font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.15}.sub{color:var(--dim);font-size:16px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 22px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .22s var(--ease-hover),box-shadow .22s var(--ease-hover);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;backface-visibility:hidden}.btn svg{transition:transform .22s var(--ease-hover)}.btn:hover{transform:translate3d(0,-2px,0)}.btn:active{transform:translateZ(0);transition-duration:.08s}.btn-primary{background:var(--accent);color:#0c0f16}.btn-primary:hover{background:var(--accent-bright);box-shadow:var(--shadow-pop)}.btn-primary:hover svg:last-child{transform:translate(3px)}.btn-ghost{border-color:var(--glass-border);color:var(--text);background:var(--glass-fill)}.btn-ghost:hover{border-color:var(--accent-dim);color:var(--accent-bright);background:#ffffff0f;box-shadow:0 12px 28px -20px #000c}.nav{position:sticky;top:0;z-index:50;background:#1314188c;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff08;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.nav.scrolled{background:#111216b8;border-bottom-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 10px 30px -20px #000000e6}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:26px;height:26px;transition:transform .32s var(--ease-spring);backface-visibility:hidden}.brand:hover img{transform:rotate(-8deg) scale(1.08)}.brand span{font-weight:600;font-size:16px;letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--dim);font-size:14px;font-weight:500;transition:color .18s var(--ease);position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease-out)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{display:flex;align-items:center;gap:12px}.nav-cta .btn{height:38px;padding:0 16px;font-size:13px;min-width:112px}.hero{position:relative;padding:90px 0 80px;overflow:hidden}.hero-banner{position:absolute;top:-8%;right:-4%;bottom:-8%;left:-4%;z-index:-1;background-image:url(/brand/banner.png);background-size:cover;background-position:center;opacity:.18;-webkit-mask-image:linear-gradient(180deg,#000 6%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.5) 58%,rgba(0,0,0,.2) 75%,transparent 92%);mask-image:linear-gradient(180deg,#000 6%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.5) 58%,rgba(0,0,0,.2) 75%,transparent 92%);animation:kenburns 24s ease-in-out infinite alternate;will-change:transform;backface-visibility:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 72%,var(--bg)),radial-gradient(120% 75% at 50% 18%,transparent 42%,rgba(0,0,0,.38))}.hero-copy{max-width:640px}.hero-copy>*{animation:rise .55s var(--ease-out) both;backface-visibility:hidden}.hero-copy>h1{animation-delay:.04s}.hero-copy>.lead{animation-delay:.12s}.hero-copy>.hero-actions{animation-delay:.2s}.hero h1{font-size:clamp(40px,6.5vw,72px);font-weight:700;line-height:1;letter-spacing:-.04em}.hero h1 .accent{color:var(--accent)}.hero .lead{color:var(--dim);font-size:18px;max-width:500px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn{min-width:160px}.hero-shot{position:relative;margin-top:60px;border:1px solid var(--border-soft);overflow:hidden;background:#0c0d10;box-shadow:0 40px 80px -50px #000000e6;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s var(--ease-out)}.hero-shot:after,.video-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff06}.hero-shot:hover{transform:translateY(-4px);border-color:var(--border);box-shadow:0 55px 100px -55px #000}.hero-shot img{width:100%;display:block}.video-frame{position:relative;border:1px solid var(--border-soft);overflow:hidden;background:#0c0d10;aspect-ratio:16 / 9;box-shadow:0 40px 80px -50px #000000e6;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s var(--ease-out)}.video-frame:hover{transform:translateY(-4px);border-color:var(--border)}.video-frame iframe{width:100%;height:100%;border:0}.video-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--dim);font-size:14px}.video-ph .play{position:relative;z-index:2;width:60px;height:60px;display:grid;place-items:center;background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:#0c0f16;box-shadow:inset 0 1px #ffffff59;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease)}.video-frame:hover .play{transform:scale(1.08);box-shadow:inset 0 1px #ffffff59,0 10px 26px -12px #000000b3}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price{position:relative;border:1px solid rgba(255,255,255,.06);background:#1b1d238c;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);padding:26px 22px 24px;display:flex;flex-direction:column;box-shadow:inset 0 1px #ffffff0d;transition:border-color .22s var(--ease),background .22s var(--ease),transform .28s var(--ease-hover),box-shadow .28s var(--ease-hover);backface-visibility:hidden}.price.reveal{transition:opacity .55s var(--ease-out),transform .55s var(--ease-out),border-color .22s var(--ease),background .22s var(--ease),box-shadow .28s var(--ease-out)}.price:hover{border-color:#7896e659;background:#22252e9e;transform:translate3d(0,-4px,0);box-shadow:var(--shadow-lift),inset 0 1px #ffffff14}.price.hot{border-color:#7896e666;background:#1f232e99;box-shadow:inset 0 1px #ffffff12}.price.hot:hover{box-shadow:var(--shadow-lift),inset 0 1px #ffffff1a}.price .tag{position:absolute;top:-10px;left:22px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 9px;background:var(--accent);color:#0c0f16;transition:transform .28s var(--ease-spring)}.price:hover .tag{transform:translateY(-2px) scale(1.04)}.price .plan{font-size:14px;font-weight:600;color:var(--dim)}.price .amount{display:flex;align-items:flex-start;gap:3px;margin:16px 0 2px}.price .amount .cur{font-size:18px;font-weight:600;color:var(--dim);margin-top:6px}.price .amount .num{font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1}.price .per{color:var(--dim-2);font-size:13px;margin-bottom:22px}.price .btn{margin-top:auto;width:100%;height:40px}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.game{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:26px 26px 24px;border:1px solid rgba(255,255,255,.06);background:#1b1d238c;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px #ffffff0d;transition:border-color .22s var(--ease),background .22s var(--ease),transform .28s var(--ease-hover),box-shadow .28s var(--ease-hover);backface-visibility:hidden}.game.reveal{transition:opacity .55s var(--ease-out),transform .55s var(--ease-out),border-color .22s var(--ease),background .22s var(--ease),box-shadow .28s var(--ease-out)}a.game:hover{border-color:#7896e659;background:#22252e9e;transform:translate3d(0,-4px,0);box-shadow:var(--shadow-lift),inset 0 1px #ffffff14}.game-status{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;margin-bottom:18px;border:1px solid transparent}.status-live{color:var(--accent-bright);border-color:#7896e647;background:#7896e614}.status-soon{color:var(--dim);border-color:#ffffff14;background:#ffffff06}.game-title{font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.game-title.redacted{color:var(--dim);filter:blur(5px);-webkit-user-select:none;user-select:none;letter-spacing:.3em;transition:filter .4s var(--ease)}.game-teaser:hover .game-title.redacted{filter:blur(3px)}.game-blurb{color:var(--dim);font-size:15px;margin-top:12px;max-width:40ch}.game-cta{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--accent-bright);font-size:14px;font-weight:600}.game-cta svg{transition:transform .22s var(--ease-hover)}a.game:hover .game-cta svg{transform:translate(3px)}.game-teaser{cursor:default;border-style:dashed;border-color:#ffffff17;background:#14151a80}.game-teaser:after{content:"";position:absolute;right:-40%;top:-60%;width:80%;height:140%;pointer-events:none;background:radial-gradient(circle,rgba(120,150,230,.12),transparent 65%)}.footer{border-top:1px solid var(--border-soft);padding:56px 0 30px}.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}.footer .col h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim-2);margin-bottom:14px}.footer .col a{display:block;width:fit-content;color:var(--text);font-size:14px;margin-bottom:10px;transition:color .18s var(--ease),transform .2s var(--ease-hover)}.footer .col a:hover{color:var(--accent-bright);transform:translate(4px)}.footer .about{max-width:280px}.footer .about .brand{margin-bottom:14px}.socials{display:flex;gap:10px;margin-top:16px}.socials a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--glass-border);background:var(--glass-fill);color:var(--dim);transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),transform .2s var(--ease-spring),box-shadow .2s var(--ease)}.socials a:hover{color:var(--accent-bright);border-color:var(--accent-dim);background:#ffffff0f;transform:translateY(-2px);box-shadow:0 10px 22px -14px #000000b3}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--border-soft);color:var(--dim-2);font-size:13px}.footer-bottom .links{display:flex;gap:20px}.footer-bottom .links a{transition:color .18s var(--ease)}.footer-bottom .links a:hover{color:var(--text)}.legal{padding:56px 0 90px}.legal-body{animation:rise .55s var(--ease-out) both}.legal-back{color:var(--dim);font-size:14px;display:inline-flex;align-items:center;gap:7px;margin-bottom:28px;transition:color .18s var(--ease)}.legal-back svg{transition:transform .22s var(--ease-out)}.legal-back:hover{color:var(--accent-bright)}.legal-back:hover svg{transform:translate(-3px)}.legal h1{font-size:34px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.legal .date{color:var(--dim);font-size:14px}.legal-body{max-width:760px}.legal-body h2{font-size:19px;font-weight:600;margin:34px 0 12px}.legal-body p{color:#c2c5ce;margin-bottom:14px}.legal-body ul{margin:0 0 16px;padding-left:2px;list-style:none;display:grid;gap:9px}.legal-body li{position:relative;padding-left:18px;color:#c2c5ce}.legal-body li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--accent)}.legal-body a{color:var(--accent-bright);text-decoration:underline;text-underline-offset:2px}.reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transition-delay:var(--reveal-delay, 0s);will-change:transform,opacity;backface-visibility:hidden}.reveal.in{opacity:1;transform:translateZ(0);will-change:auto}@media (max-width: 880px){.price-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (max-width: 540px){.section{padding:70px 0}.price-grid,.games-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.hero-banner{animation:none}}
