@font-face{font-family:"Exo 2";src:url("../fonts/Exo2-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:Karla;src:url("../fonts/Karla-Variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
:root{--asphalt:#100b2f;--road:#17123b;--road-raised:#21184a;--road-glass:rgba(33,24,74,.76);--lane:rgba(255,255,255,.12);--lane-soft:rgba(255,255,255,.07);--chalk:#fffaf3;--chalk-dim:#ddd6ee;--chalk-muted:#9d94bb;--sunset:#ff7a18;--amber:#ffb12e;--dusk:#a13cff;--focus:#ffd074;--radius-s:8px;--radius-m:16px;--radius-l:28px;--max:1220px}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;margin:0;background:var(--asphalt);color:var(--chalk);font-family:Karla,Arial,sans-serif;overflow:hidden}button,a{font:inherit}a{color:inherit}.site-header{position:fixed;z-index:30;left:0;right:0;top:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);border-bottom:1px solid var(--lane-soft);background:linear-gradient(180deg,rgba(16,11,47,.82),rgba(16,11,47,.2));backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 14px/1 "Exo 2",sans-serif;letter-spacing:.12em}.brand em{color:var(--amber);font-style:normal}.brand-mark{display:flex;gap:3px;transform:skew(-18deg)}.brand-mark i{display:block;width:9px;height:22px;background:var(--sunset)}.brand-mark i:last-child{background:var(--amber)}.header-status{display:flex;gap:8px;align-items:center;color:var(--chalk-dim);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--sunset)}
.snap-shell{height:100svh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth}.snap-panel{position:relative;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;padding:96px max(32px,calc((100vw - var(--max))/2)) 36px;background:var(--road);isolation:isolate}.snap-panel::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 16%,rgba(161,60,255,.18),transparent 29%),linear-gradient(135deg,var(--asphalt),var(--road) 56%,#281044)}.snap-panel::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(var(--lane-soft) 1px,transparent 1px),linear-gradient(90deg,var(--lane-soft) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 35%,transparent)}
.dot-nav{position:fixed;z-index:35;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px}.dot{position:relative;width:12px;height:12px;border:1px solid rgba(255,255,255,.38);border-radius:50%;text-decoration:none;transition:.2s ease}.dot::before{content:"";position:absolute;inset:3px;border-radius:50%;background:transparent}.dot.active{border-color:var(--amber);box-shadow:0 0 16px rgba(255,122,24,.6)}.dot.active::before{background:var(--amber)}.dot span{position:absolute;right:22px;top:50%;transform:translateY(-50%) translateX(8px);opacity:0;pointer-events:none;background:var(--road-raised);border:1px solid var(--lane);padding:5px 8px;border-radius:var(--radius-s);font-size:11px;white-space:nowrap;transition:.2s}.dot:hover span,.dot:focus-visible span{opacity:1;transform:translateY(-50%) translateX(0)}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--amber);font:700 12px/1 "Exo 2",sans-serif;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,177,46,.45);border-radius:50%}h1,h2,h3{font-family:"Exo 2",sans-serif;margin:0}h1{max-width:870px;font-size:clamp(48px,6.7vw,100px);line-height:.92;letter-spacing:-.055em;text-wrap:balance}h2{font-size:clamp(36px,4.5vw,66px);line-height:.96;letter-spacing:-.045em}.hero{align-items:flex-start}.hero-copy{position:relative;z-index:2;max-width:900px}.hero-lede{max-width:620px;color:var(--chalk-dim);font-size:clamp(17px,1.45vw,21px);line-height:1.55;margin:28px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:8px 13px;border:1px solid var(--lane);border-radius:99px;color:var(--chalk-dim);font-size:12px;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.035)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 20px;border:0;border-radius:var(--radius-s);background:linear-gradient(100deg,var(--sunset),var(--amber));color:#21102d;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset;transition:transform .2s,filter .2s}.primary-action:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-action:focus-visible,.game-card:focus-visible,.dot:focus-visible,summary:focus-visible,#game-close:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.last-run{display:flex;flex-direction:column;padding-left:24px;border-left:1px solid var(--lane)}.last-run small{color:var(--chalk-muted);text-transform:uppercase;letter-spacing:.12em}.last-run strong{margin-top:3px}.speed-dial{position:absolute;right:max(8vw,80px);bottom:7vh;width:min(35vw,470px);aspect-ratio:1;opacity:.78;z-index:1}.dial-ring{position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--sunset);border-right-color:var(--dusk);border-radius:50%;transform:rotate(-36deg);box-shadow:0 -10px 42px rgba(255,122,24,.22)}.dial-ring::after{content:"";position:absolute;inset:34px;border:1px dashed rgba(255,255,255,.22);border-radius:50%}.dial-needle{position:absolute;left:50%;bottom:50%;width:41%;height:3px;transform-origin:left center;transform:rotate(-22deg);background:linear-gradient(90deg,var(--sunset),transparent)}.dial-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial-copy strong{font:800 100px/1 "Exo 2";color:rgba(255,255,255,.08)}.dial-copy span{text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.22)}.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:var(--chalk-muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.scroll-hint span{width:24px;height:36px;border:1px solid var(--lane);border-radius:12px}.scroll-hint span::after{content:"";display:block;width:3px;height:8px;border-radius:3px;background:var(--amber);margin:7px auto;animation:scroll 1.7s infinite}@keyframes scroll{50%{transform:translateY(10px);opacity:.25}}
.drift-line{position:absolute;pointer-events:none;z-index:0;border:3px solid transparent;border-top-color:var(--sunset);border-radius:50%;filter:drop-shadow(0 0 9px rgba(255,122,24,.48))}.drift-line-one{width:62vw;height:36vh;right:-18vw;bottom:-10vh;transform:rotate(-8deg)}.drift-line-two{width:70vw;height:45vh;left:-38vw;top:22vh;transform:rotate(24deg);border-top-color:var(--dusk)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.section-head>p{max-width:380px;margin:0;color:var(--chalk-dim);line-height:1.55}.section-head .eyebrow{margin-bottom:12px}.pit-lanes{display:flex;flex-direction:column;gap:18px}.lane-block{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;align-items:center}.lane-label{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--lane);color:var(--chalk-dim)}.lane-label span{font:700 15px "Exo 2";text-transform:uppercase;letter-spacing:.16em}.lane-label small{color:var(--chalk-muted);margin-top:4px}.game-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--sunset) rgba(255,255,255,.07);padding:3px 3px 9px}.game-card{flex:0 0 246px;scroll-snap-align:start;padding:0;text-align:left;border:1px solid var(--lane);border-radius:var(--radius-m);overflow:hidden;background:var(--road-glass);color:var(--chalk);cursor:pointer;transition:transform .22s,border-color .22s,background .22s}.game-card:hover{transform:translateY(-4px);border-color:rgba(255,177,46,.6);background:rgba(41,28,85,.94)}.cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#29214a}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.game-card:hover img{transform:scale(1.035)}.cover b{position:absolute;left:9px;top:9px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(16,11,47,.88);border:1px solid var(--lane);font:700 11px "Exo 2"}.cover em{position:absolute;right:9px;top:9px;padding:6px 8px;border-radius:6px;background:var(--sunset);font:700 10px "Exo 2";font-style:normal;text-transform:uppercase;letter-spacing:.08em}.card-copy{display:flex;justify-content:space-between;align-items:end;gap:8px;padding:11px 12px}.card-copy strong{font:700 14px/1.1 "Exo 2"}.card-copy small{color:var(--chalk-muted);font-size:10px;white-space:nowrap}.swipe-note{align-self:flex-end;margin:12px 0 0;color:var(--chalk-muted);font-size:12px}.swipe-note span{color:var(--amber);margin-right:7px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{position:relative;min-height:280px;padding:30px;border:1px solid var(--lane);border-radius:var(--radius-l);background:var(--road-glass);overflow:hidden}.steps article>b{position:absolute;right:22px;top:16px;font:800 70px/1 "Exo 2";color:rgba(255,255,255,.045)}.step-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,177,46,.45);border-radius:50%;color:var(--amber);font-weight:800}.steps h3{font-size:24px;margin:42px 0 10px}.steps p{color:var(--chalk-dim);line-height:1.55;margin:0}.india-note{display:flex;align-items:center;gap:24px;margin-top:18px;padding:15px 18px;border-left:3px solid var(--sunset);background:rgba(255,122,24,.07)}.india-note span{color:var(--chalk-dim)}
.featured-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(34px,6vw,88px);align-items:center}.featured-art{position:relative;aspect-ratio:16/10;border-radius:var(--radius-l);overflow:hidden;border:1px solid var(--lane)}.featured-art::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,rgba(255,122,24,.3))}.featured-art img{width:100%;height:100%;object-fit:cover}.feature-number{position:absolute;z-index:2;right:22px;bottom:-18px;font:900 clamp(110px,16vw,230px)/1 "Exo 2";color:rgba(255,255,255,.16)}.featured-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;color:var(--chalk-dim)}.featured-copy ul{display:grid;gap:8px;padding:0;margin:22px 0;list-style:none}.featured-copy li::before{content:"→";color:var(--amber);margin-right:10px}.featured-launch{margin-top:6px}
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.benefit-grid article{display:grid;grid-template-columns:78px 1fr;gap:20px;align-items:center;padding:24px;border:1px solid var(--lane);border-radius:var(--radius-m);background:var(--road-glass)}.benefit-grid article>span{font:800 28px "Exo 2";color:var(--amber);border-right:1px solid var(--lane)}.benefit-grid h3{font-size:20px}.benefit-grid p{color:var(--chalk-dim);margin:6px 0 0;line-height:1.45}.safety-strip{display:flex;align-items:center;gap:22px;margin-top:20px;padding:16px 20px;border:1px solid rgba(255,177,46,.3);border-radius:var(--radius-s);background:rgba(255,177,46,.06)}.safety-strip strong{white-space:nowrap;color:var(--amber);font:700 12px "Exo 2";letter-spacing:.13em}.safety-strip p{margin:0;color:var(--chalk-dim)}
.faq-panel{justify-content:space-between;padding-bottom:0}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,110px);align-items:start;margin:auto 0}.faq-intro>p:not(.eyebrow){color:var(--chalk-dim);line-height:1.55}.faq-list{border-top:1px solid var(--lane)}details{border-bottom:1px solid var(--lane)}summary{position:relative;cursor:pointer;list-style:none;padding:19px 42px 19px 0;font:700 17px "Exo 2"}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:0;color:var(--amber);font-size:24px;top:14px}details[open] summary::after{content:"−"}details p{margin:0 46px 18px 0;color:var(--chalk-dim);line-height:1.55}.site-footer{width:100%;display:grid;grid-template-columns:1.2fr 1fr auto;gap:30px;align-items:end;padding:24px 0;border-top:1px solid var(--lane);color:var(--chalk-muted);font-size:12px}.footer-brand{font:700 17px "Exo 2";text-decoration:none;color:var(--chalk)}.site-footer p{margin:5px 0 0}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.copyright{text-align:right}
.game-modal{position:fixed;z-index:100;inset:0;display:grid;grid-template-rows:auto 1fr;background:var(--asphalt)}.game-modal[hidden]{display:none}.modal-bar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;border-bottom:1px solid var(--lane);background:var(--road)}.modal-bar small{color:var(--amber);font:700 10px "Exo 2";letter-spacing:.15em}.modal-bar h2{font-size:22px;letter-spacing:-.02em}.modal-bar button{border:1px solid var(--lane);border-radius:var(--radius-s);background:var(--chalk);color:var(--asphalt);padding:11px 16px;font-weight:800;cursor:pointer}.modal-bar button span{font-size:20px;margin-right:5px}.frame-shell{padding:8px;background:#08051d}.frame-shell iframe{display:block;width:100%;height:100%;border:0;background:#000}.modal-open{overflow:hidden}
@media(max-width:900px){.speed-dial{right:-120px;bottom:12vh;opacity:.4}.lane-block{grid-template-columns:88px minmax(0,1fr)}.featured-panel{grid-template-columns:1fr 1fr}.steps article{padding:22px}.site-footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1;text-align:left}.faq-wrap{gap:40px}.dot-nav{right:14px}}
@media(max-width:700px){body{overflow:hidden}.site-header{height:58px;padding:0 18px}.header-status{font-size:0}.header-status::after{content:"10 FREE GAMES";font-size:10px}.snap-shell{scroll-snap-type:y proximity}.snap-panel{min-height:100svh;height:auto;padding:82px 36px 28px 18px;justify-content:flex-start}.hero{justify-content:center}.brand{font-size:12px}.brand-mark i{height:18px}.dot-nav{right:10px;gap:12px}.dot{width:10px;height:10px}.dot span{display:none}h1{font-size:clamp(43px,13vw,61px)}h2{font-size:36px}.hero-lede{font-size:16px;margin:20px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px;margin-top:22px}.last-run{padding-left:0;border-left:0}.speed-dial{width:320px;right:-170px;bottom:5vh}.dial-copy{display:none}.scroll-hint{display:none}.section-head{display:block;margin-bottom:18px}.section-head>p{margin-top:10px;font-size:14px}.games-panel{min-height:100svh}.lane-block{display:block}.lane-label{height:auto;border-right:0;border-bottom:1px solid var(--lane);padding-bottom:5px;margin-bottom:7px;flex-direction:row;justify-content:space-between}.pit-lanes{gap:13px}.game-card{flex-basis:208px}.card-copy{display:block}.card-copy small{display:block;margin-top:5px}.swipe-note{align-self:flex-start}.steps{grid-template-columns:1fr}.steps article{min-height:0;padding:18px;display:grid;grid-template-columns:42px 1fr;column-gap:14px}.steps article>b{font-size:50px}.step-icon{grid-row:1/3;width:42px;height:42px}.steps h3{font-size:20px;margin:0}.steps p{grid-column:2;margin-top:5px}.india-note{align-items:flex-start;flex-direction:column;gap:5px}.featured-panel{display:flex}.featured-art{width:100%;aspect-ratio:16/9}.featured-copy>p:not(.eyebrow){font-size:16px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{grid-template-columns:62px 1fr;padding:16px}.safety-strip{align-items:flex-start;flex-direction:column;gap:6px}.faq-wrap{display:block;margin:0}.faq-intro>p:not(.eyebrow){font-size:14px}.faq-list{margin-top:20px}summary{font-size:15px;padding:15px 36px 15px 0}.site-footer{margin-top:28px;grid-template-columns:1fr;padding:20px 0;gap:14px}.copyright{text-align:left}.faq-panel{min-height:auto}.modal-bar{min-height:66px;padding:9px 12px}.modal-bar h2{font-size:17px}.modal-bar button{padding:9px 11px}.frame-shell{padding:0}}
@media(prefers-reduced-motion:reduce){html,.snap-shell{scroll-behavior:auto}.game-card,.cover img,.primary-action,.dot{transition:none}.scroll-hint span::after{animation:none}}