@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";:root{--bg-black:#050608;--bg-deep:#080b10;--bg-card:#0d121c;--bg-card-hover:#121826;--bg-glass:#0d121cb8;--bg-glass-elevated:#121826e0;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-bright:#00f2fe59;--border-neon-purple:#b026ff59;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-purple:#b026ff;--accent-magenta:#ff2a85;--accent-amber:#ffb300;--accent-green:#10b981;--gradient-brand:linear-gradient(135deg, #00f2fe 0%, #4facfe 50%, #b026ff 100%);--gradient-glow:radial-gradient(circle at center, #00f2fe2e 0%, #b026ff14 50%, transparent 70%);--gradient-card:linear-gradient(180deg, #ffffff0d 0%, #ffffff03 100%);--font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 2px 8px #0009;--shadow-card:0 12px 32px #000000b3, 0 1px 1px #ffffff0d inset;--shadow-neon-cyan:0 0 24px #00f2fe40, 0 0 48px #00f2fe1f;--shadow-neon-purple:0 0 24px #b026ff40, 0 0 48px #b026ff1f;--shadow-device:0 25px 60px -15px #000000e6, 0 0 35px #00f2fe26;--max-width:1240px;--max-width-wide:1400px;--section-padding:clamp(80px, 10vw, 140px);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-phone:42px;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--transition-cinematic:.65s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg-black);color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-black);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}::selection{background:var(--accent-cyan);color:#000}.ambient-glow-layer{pointer-events:none;z-index:0;opacity:.85;background:radial-gradient(60% 40% at 50% -10%,#00f2fe1f,#0000 70%),radial-gradient(50% 30% at 85% 45%,#b026ff14,#0000 60%),radial-gradient(50% 30% at 15% 85%,#4facfe14,#0000 60%);position:fixed;inset:0}.crt-overlay{pointer-events:none;z-index:999;opacity:.28;transition:opacity var(--transition-smooth);background:linear-gradient(#12101000 50%,#00000073 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05) 0 0/6px 100%;position:fixed;inset:0}body.crt-off .crt-overlay{opacity:0}.vignette-overlay{pointer-events:none;z-index:1;position:fixed;inset:0;box-shadow:inset 0 0 160px #000000d9}h1,h2,h3,h4,.font-heading{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.025em;font-weight:700;line-height:1.15}.mono{font-family:var(--font-mono);letter-spacing:-.01em}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-cyan);background:#00f2fe14;border:1px solid #00f2fe40;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 0 16px #00f2fe1f}.eyebrow-indicator{background-color:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.gradient-text-amber{background:linear-gradient(135deg,#ffb300 0%,#ff8a00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{width:100%;max-width:var(--max-width);z-index:2;margin-inline:auto;padding-inline:24px;position:relative}.container-wide{width:100%;max-width:var(--max-width-wide);z-index:2;margin-inline:auto;padding-inline:24px;position:relative}.section{padding-block:var(--section-padding);z-index:2;position:relative}.section-header{text-align:center;margin-inline:auto;max-width:760px;margin-bottom:clamp(48px,6vw,72px)}.section-title{margin-bottom:16px;font-size:clamp(2rem,4vw,3.25rem)}.section-desc{color:var(--text-secondary);font-size:clamp(1rem,1.25vw,1.1875rem);font-weight:400;line-height:1.65}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#050608;background:#fff;box-shadow:0 0 28px #ffffff40,0 2px 4px #0003}.btn-primary:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 0 36px #00f2fe73,0 6px 16px #0006}.btn-primary:active{transform:translateY(0)}.btn-play-store{color:#fff;background:linear-gradient(135deg,#0f1624 0%,#151d2e 100%);border:1px solid #00f2fe59;box-shadow:0 8px 24px #00000080,0 0 16px #00f2fe26}.btn-play-store:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 12px 32px #0009,0 0 30px #00f2fe59}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a}.btn-secondary:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.btn-sm{border-radius:var(--radius-sm);padding:8px 18px;font-size:.85rem}.btn-icon{flex-shrink:0;width:20px;height:20px}.site-nav{z-index:100;width:100%;transition:all var(--transition-smooth);padding-block:20px;position:fixed;top:0;left:0}.site-nav.scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding-block:12px;box-shadow:0 10px 30px #00000080}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-brand{color:#fff;align-items:center;gap:12px;text-decoration:none;display:flex}.nav-logo-img{width:36px;height:36px;transition:transform var(--transition-fast);border-radius:9px;box-shadow:0 0 16px #00f2fe4d}.nav-brand:hover .nav-logo-img{transform:scale(1.05)}.nav-brand-title{font-family:var(--font-sans);letter-spacing:.05em;color:#fff;font-size:1.1875rem;font-weight:800}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover,.nav-link:focus-visible{color:#fff}.nav-link:after{content:"";background:var(--accent-cyan);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.nav-actions{align-items:center;gap:16px;display:flex}.crt-toggle-btn{border:1px solid var(--border-medium);color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;display:flex}.crt-toggle-btn:hover{color:#fff;border-color:var(--border-bright);background:#ffffff14}.crt-toggle-dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 6px var(--accent-green);border-radius:50%}body.crt-off .crt-toggle-dot{background:var(--text-dim);box-shadow:none}.mobile-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;display:none}.mobile-toggle svg{stroke:currentColor;width:26px;height:26px}.mobile-drawer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);z-index:99;opacity:0;pointer-events:none;width:100%;transition:all var(--transition-smooth);background:#080b10f5;flex-direction:column;gap:18px;padding:24px;display:none;position:fixed;top:70px;left:0;transform:translateY(-10px)}.mobile-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-drawer .nav-link{padding-block:8px;font-size:1.1rem;display:block}.hero-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:clamp(140px,16vw,180px);padding-bottom:clamp(60px,8vw,100px);display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(40px,6vw,80px);display:grid}.hero-content{z-index:3;position:relative}.hero-title{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(2.75rem,6vw,5.25rem);font-weight:800;line-height:1.04}.hero-desc{color:var(--text-secondary);max-width:540px;margin-bottom:36px;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.65}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:36px;display:flex}.hero-meta{border-top:1px solid var(--border-subtle);align-items:center;gap:24px;padding-top:24px;display:flex}.hero-meta-item{flex-direction:column;display:flex}.hero-meta-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.hero-meta-val{font-family:var(--font-sans);color:var(--text-primary);font-size:1rem;font-weight:700}.device-container{perspective:1200px;justify-content:center;align-items:center;display:flex;position:relative}.phone-mockup{border-radius:var(--radius-phone);width:320px;max-width:100%;height:640px;transition:transform var(--transition-cinematic), box-shadow var(--transition-smooth);background:#000;border:10px solid #1e2430;position:relative;overflow:hidden;transform:rotateY(-8deg)rotateX(4deg);box-shadow:0 0 0 2px #ffffff1a,0 25px 60px -10px #000000f2,0 0 45px #00f2fe33}.phone-mockup:hover{transform:rotateY(-2deg)rotateX(2deg)translateY(-8px);box-shadow:0 0 0 2px #00f2fe4d,0 35px 80px -10px #000000f2,0 0 60px #00f2fe59}.phone-notch{z-index:10;background:#0d1117;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:76px;height:18px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.notch-camera{background:#020617;border:1px solid #334155;border-radius:50%;width:9px;height:9px}.notch-speaker{background:#1e293b;border-radius:2px;width:28px;height:3px}.phone-screen{background:#050608;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-screen video{object-fit:cover;width:100%;height:100%;display:block}.screen-hud{pointer-events:none;z-index:5;background:linear-gradient(#00000080 0%,#0000 20% 80%,#0009 100%);flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:absolute;inset:0}.hud-top{font-family:var(--font-mono);color:var(--accent-cyan);text-shadow:0 0 6px var(--accent-cyan);justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.hud-bottom{font-family:var(--font-mono);color:#94a3b8;justify-content:space-between;align-items:flex-end;font-size:.68rem;display:flex}.hud-fps{color:var(--accent-green);font-weight:700}.hud-pill{background:#000000a6;border:1px solid #ffffff26;border-radius:4px;padding:2px 8px}.video-sound-btn{pointer-events:auto;z-index:8;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:38px;height:38px;transition:all var(--transition-fast);background:#000000b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:20px;right:20px}.video-sound-btn:hover{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);box-shadow:0 0 16px var(--accent-cyan)}.hero-device-glow{filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#00f2fe33 0%,#b026ff1f 50%,#0000 70%);border-radius:50%;width:360px;height:520px;animation:6s ease-in-out infinite alternate breathe;position:absolute}@keyframes breathe{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.1)}}.intro-section{background:linear-gradient(180deg, var(--bg-black) 0%, var(--bg-deep) 50%, var(--bg-black) 100%);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);position:relative}.intro-showcase{border-radius:var(--radius-xl);border:1px solid var(--border-medium);background:#000;margin-top:48px;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c}.intro-video-wrapper{background:#050608;justify-content:center;align-items:center;width:100%;height:clamp(380px,50vw,560px);display:flex;position:relative;overflow:hidden}.intro-video-wrapper video{object-fit:cover;filter:brightness(.92)contrast(1.05);width:100%;height:100%}.intro-overlay-badge{z-index:6;border:1px solid var(--border-bright);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent-cyan);background:#000000bf;align-items:center;gap:8px;padding:8px 16px;font-size:.78rem;display:flex;position:absolute;top:24px;left:24px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);flex-direction:column;padding:36px 28px;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-brand);opacity:0;width:100%;height:2px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-bright);transform:translateY(-6px);box-shadow:0 16px 36px #0009,0 0 24px #00f2fe1f}.feature-card:hover:before{opacity:1}.feature-num{font-family:var(--font-mono);color:var(--accent-cyan);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.82rem;font-weight:700;display:flex}.feature-icon-box{border-radius:var(--radius-md);width:52px;height:52px;color:var(--accent-cyan);transition:all var(--transition-fast);background:#00f2fe14;border:1px solid #00f2fe33;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card:hover .feature-icon-box{border-color:var(--accent-cyan);background:#00f2fe29;transform:scale(1.08);box-shadow:0 0 16px #00f2fe4d}.feature-title{margin-bottom:12px;font-size:1.35rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.controls-section{background:radial-gradient(ellipse at center, #0d121ccc 0%, var(--bg-black) 80%);position:relative}.controls-sandbox{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:clamp(24px,4vw,44px)}.sandbox-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;display:flex}.sandbox-title-area h3{margin-bottom:4px;font-size:1.35rem}.sandbox-title-area p{color:var(--text-secondary);font-size:.88rem}.preset-selector{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preset-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;padding:8px 16px;font-size:.8rem;font-weight:600}.preset-btn:hover{color:#fff;border-color:var(--border-medium);background:#ffffff1a}.preset-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f2fe26;box-shadow:0 0 14px #00f2fe40}.sandbox-stage{border-radius:var(--radius-lg);background:#020305;border:2px solid #ffffff1a;justify-content:center;align-items:center;width:100%;height:clamp(340px,45vw,480px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.sandbox-grid-bg{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.sandbox-game-bg{opacity:.35;pointer-events:none;position:absolute;inset:0}.sandbox-game-bg img{object-fit:cover;filter:blur(1px)grayscale(.2);width:100%;height:100%}.virtual-controls-layer{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:24px clamp(20px,4vw,50px);display:flex;position:absolute;inset:0}.virtual-dpad{width:130px;height:130px;transition:all var(--transition-smooth);pointer-events:auto;cursor:grab;background:#0f172aa6;border:2px solid #00f2fe80;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 20px #00f2fe33}.dpad-cross{width:80px;height:80px;position:relative}.dpad-stick{background:radial-gradient(circle at 35% 35%,#38bdf8 0%,#0284c7 70%,#0369a1 100%);border-radius:50%;width:44px;height:44px;transition:transform .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0009,0 0 10px #38bdf880}.virtual-buttons-cluster{grid-gap:16px;transition:all var(--transition-smooth);pointer-events:auto;grid-template-columns:repeat(2,64px);display:grid;position:relative;transform:rotate(-12deg)}.arcade-btn{width:62px;height:62px;font-family:var(--font-mono);color:#fff;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 6px 16px #0009}.btn-arcade-a{background:radial-gradient(circle at 35% 35%,#f43f5e 0%,#be123c 80%);box-shadow:0 6px 16px #0009,0 0 14px #f43f5e66}.btn-arcade-b{background:radial-gradient(circle at 35% 35%,#3b82f6 0%,#1d4ed8 80%);box-shadow:0 6px 16px #0009,0 0 14px #3b82f666}.btn-arcade-c{background:radial-gradient(circle at 35% 35%,#eab308 0%,#a16207 80%);box-shadow:0 6px 16px #0009,0 0 14px #eab30866}.btn-arcade-d{background:radial-gradient(circle at 35% 35%,#10b981 0%,#047857 80%);box-shadow:0 6px 16px #0009,0 0 14px #10b98166}.arcade-btn:active,.arcade-btn.pressed{transform:scale(.92);box-shadow:0 2px 6px #000c}.sandbox-controls-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.slider-group{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:12px;font-size:.8rem;display:flex}.slider-group input[type=range]{accent-color:var(--accent-cyan);cursor:pointer}.compat-categories{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;display:grid}.category-pill-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-smooth);padding:24px 20px}.category-pill-card:hover{border-color:var(--border-bright);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 8px 24px #00000080,0 0 20px #00f2fe26}.category-icon{margin-bottom:12px;font-size:1.8rem;display:inline-block}.category-name{margin-bottom:6px;font-size:1.05rem;font-weight:700}.category-sub{color:var(--text-muted);font-size:.8rem}.compat-examples-banner{border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:linear-gradient(90deg,#00f2fe0f 0%,#b026ff0f 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding:28px 32px;display:flex}.examples-badge-list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game-badge{border-radius:var(--radius-sm);font-family:var(--font-sans);color:#fff;background:#ffffff14;border:1px solid #ffffff26;padding:6px 14px;font-size:.85rem;font-weight:600}.legal-disclaimer-card{border:1px solid #ffb30040;border-left:4px solid var(--accent-amber);border-radius:var(--radius-md);background:#0d121c99;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.legal-icon{color:var(--accent-amber);flex-shrink:0;width:22px;height:22px;margin-top:2px}.legal-text{color:#cbd5e1;font-size:.88rem;line-height:1.6}.showcase-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.showcase-primary{border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-card);background:#000;flex-direction:column;grid-row:span 2;display:flex;position:relative;overflow:hidden}.showcase-secondary-col{flex-direction:column;gap:24px;display:flex}.showcase-card{border-radius:var(--radius-lg);border:1px solid var(--border-medium);box-shadow:var(--shadow-card);background:#000;position:relative;overflow:hidden}.showcase-video-box{background:#050608;width:100%;height:100%;min-height:280px;position:relative;overflow:hidden}.showcase-primary .showcase-video-box{height:100%;min-height:520px}.showcase-video-box video{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-cinematic)}.showcase-card:hover .showcase-video-box video{transform:scale(1.03)}.showcase-badge{z-index:5;border:1px solid var(--border-bright);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent-cyan);background:#000000bf;padding:4px 10px;font-size:.72rem;position:absolute;top:16px;left:16px}.showcase-footer{z-index:5;background:linear-gradient(#0000 0%,#000000d9 100%);justify-content:space-between;align-items:center;width:100%;padding:20px 24px;display:flex;position:absolute;bottom:0;left:0}.showcase-info h4{margin-bottom:2px;font-size:1.1rem}.showcase-info p{color:var(--text-secondary);font-size:.8rem}.immersion-section{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:radial-gradient(#0d121cf2 0%,#030406 100%);padding-block:clamp(100px,12vw,160px);position:relative;overflow:hidden}.immersion-content{text-align:center;z-index:3;max-width:820px;margin-inline:auto;position:relative}.immersion-title{margin-bottom:24px;font-size:clamp(2.2rem,4.5vw,3.75rem)}.immersion-desc{color:var(--text-secondary);margin-bottom:48px;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.7}.immersion-hud-metrics{flex-wrap:wrap;justify-content:center;gap:clamp(24px,5vw,64px);display:flex}.immersion-metric-box{flex-direction:column;align-items:center;gap:8px;display:flex}.metric-val{font-family:var(--font-sans);color:#fff;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800}.metric-label{font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.why-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.why-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);gap:20px;padding:32px 28px;display:flex}.why-card:hover{background:var(--bg-card-hover);border-color:#fff3;transform:translateY(-4px)}.why-icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--accent-cyan);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.why-content h4{margin-bottom:8px;font-size:1.15rem}.why-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.steps-wrapper{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px;display:grid;position:relative}.steps-wrapper:before{content:"";background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);opacity:.3;z-index:1;height:2px;position:absolute;top:36px;left:10%;right:10%}.step-card{z-index:2;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-smooth);padding:32px 24px;position:relative}.step-card:hover{border-color:var(--border-bright);transform:translateY(-6px);box-shadow:0 12px 30px #0009}.step-number-badge{border:2px solid var(--accent-cyan);width:50px;height:50px;font-family:var(--font-mono);color:var(--accent-cyan);margin-inline:auto;background:#0d121c;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 0 16px #00f2fe40}.step-title{margin-bottom:10px;font-size:1.1875rem}.step-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.gallery-section{background:linear-gradient(180deg, var(--bg-black) 0%, var(--bg-deep) 100%);position:relative}.gallery-container{padding-block:20px;position:relative;overflow:hidden}.gallery-track{gap:28px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex}.gallery-slide{max-width:320px;transition:transform var(--transition-smooth), opacity var(--transition-smooth);flex:0 0 300px}.screen-card-mockup{border-radius:var(--radius-xl);background:#06090e;border:3px solid #1f293d;flex-direction:column;width:100%;height:540px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #000c}.screen-header-bar{border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--accent-cyan);background:#0b1019;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.7rem;display:flex}.screen-body-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.placeholder-badge{font-family:var(--font-mono);color:var(--text-muted);border:1px dashed var(--border-medium);border-radius:var(--radius-sm);text-transform:uppercase;margin-bottom:16px;padding:6px 12px;font-size:.72rem}.placeholder-title{color:#fff;margin-bottom:8px;font-size:1.25rem;font-weight:700}.placeholder-meta{color:var(--text-secondary);max-width:220px;font-size:.8rem;line-height:1.5}.gallery-nav-controls{justify-content:center;align-items:center;gap:16px;margin-top:36px;display:flex}.gallery-arrow-btn{background:var(--bg-card);border:1px solid var(--border-medium);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.gallery-arrow-btn:hover{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan)}.gallery-dots{align-items:center;gap:8px;display:flex}.gallery-dot{background:var(--border-medium);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.gallery-dot.active{background:var(--accent-cyan);width:24px;box-shadow:0 0 10px var(--accent-cyan);border-radius:4px}.cta-section{position:relative}.cta-banner-card{border:1px solid var(--border-bright);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#0d121cf2 0%,#141b2bf2 100%);padding:clamp(48px,8vw,84px) clamp(24px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 20px 60px #000c,0 0 40px #00f2fe26}.cta-banner-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 20%,#00f2fe1f 0%,#0000 60%);position:absolute;inset:0}.cta-headline{margin-bottom:16px;font-size:clamp(2.25rem,5vw,4rem)}.cta-subcopy{color:var(--text-secondary);margin-bottom:36px;font-size:clamp(1.05rem,1.4vw,1.25rem)}.google-play-badge-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:inline-flex}.badge-playstore-btn{color:#fff;border-radius:var(--radius-md);transition:all var(--transition-smooth);background:#000;border:1px solid #fff3;align-items:center;gap:14px;padding:14px 28px;text-decoration:none;display:inline-flex}.badge-playstore-btn:hover{border-color:var(--accent-cyan);transform:translateY(-3px);box-shadow:0 0 30px #00f2fe66}.badge-play-icon{flex-shrink:0;width:32px;height:32px}.badge-play-text{text-align:left;line-height:1.1}.badge-play-text .sub{font-size:.68rem;font-family:var(--font-sans);text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em}.badge-play-text .main{font-size:1.15rem;font-weight:700;font-family:var(--font-sans);color:#fff}.faq-list{flex-direction:column;gap:16px;max-width:820px;margin-inline:auto;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.faq-item.is-open,.faq-item.active{border-color:var(--border-bright)}.faq-question-btn{color:#fff;width:100%;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;font-size:1.1rem;font-weight:600;display:flex}.faq-icon-chevron{width:20px;height:20px;color:var(--accent-cyan);transition:transform var(--transition-smooth)}.faq-item.is-open .faq-icon-chevron,.faq-item.active .faq-icon-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;padding-inline:28px;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .3s;overflow:hidden}.faq-item.is-open .faq-answer,.faq-item.active .faq-answer{padding-bottom:24px}.faq-answer p{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.site-footer{border-top:1px solid var(--border-subtle);background:#020305;padding-top:clamp(60px,8vw,84px);padding-bottom:40px}.footer-top{grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(32px,5vw,64px);margin-bottom:48px;display:grid}.footer-brand h3{letter-spacing:.05em;margin-bottom:10px;font-size:1.3rem}.footer-brand p{color:var(--text-secondary);max-width:300px;margin-bottom:20px;font-size:.88rem}.footer-col h5{font-family:var(--font-sans);color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.88rem}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col a{color:var(--text-muted);transition:color var(--transition-fast);font-size:.88rem;text-decoration:none}.footer-col a:hover{color:var(--accent-cyan)}.coin-easter-egg-btn{color:var(--accent-amber);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:#ffb3001a;border:1px solid #ffb30059;align-items:center;gap:8px;padding:8px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.coin-easter-egg-btn:hover{border-color:var(--accent-amber);background:#ffb30033;transform:scale(1.04);box-shadow:0 0 16px #ffb3004d}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;font-size:.82rem;display:flex}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-desc{margin-inline:auto}.hero-cta-group,.hero-meta{justify-content:center}.showcase-grid{grid-template-columns:1fr}.showcase-primary{grid-row:auto}.steps-wrapper{grid-template-columns:repeat(2,1fr)}.steps-wrapper:before{display:none}.footer-top{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-links,.nav-actions .btn{display:none}.mobile-toggle{display:block}.mobile-drawer{display:flex}.steps-wrapper,.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}.phone-mockup{width:280px;height:560px;transform:none!important}.sandbox-stage{height:380px}.virtual-dpad{width:100px;height:100px}.virtual-buttons-cluster{grid-gap:10px;grid-template-columns:repeat(2,48px)}.arcade-btn{width:48px;height:48px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}.phone-mockup{transform:none!important}}.legal-page{min-height:80vh;padding-top:140px;padding-bottom:100px}.legal-breadcrumb{font-family:var(--font-mono);color:var(--accent-cyan);transition:opacity var(--transition-fast);align-items:center;gap:8px;margin-bottom:24px;font-size:.8rem;text-decoration:none;display:inline-flex}.legal-breadcrumb:hover{opacity:.8}.legal-header{margin-bottom:40px}.legal-header h1{margin-bottom:12px;font-size:clamp(2.2rem,4vw,3.25rem)}.legal-updated{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.legal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:900px;margin-inline:auto;padding:clamp(28px,5vw,56px)}.legal-content h2{color:#fff;align-items:center;gap:10px;margin-top:36px;margin-bottom:14px;font-size:1.4rem;display:flex}.legal-content h2:first-of-type{margin-top:0}.legal-content p{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.7}.legal-content ul{color:var(--text-secondary);margin-bottom:20px;padding-left:24px;font-size:.95rem;line-height:1.7}.legal-content li{margin-bottom:8px}.legal-highlight{border-left:3px solid var(--accent-cyan);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#00f2fe0d;margin-block:24px;padding:16px 20px}.legal-highlight p{color:#e2e8f0;margin-bottom:0;font-size:.92rem}