:root{--bg:#08081c;--bg-2:#12122e;--bg-3:#1c1c40;--border:#24244a;--primary:#7055ff;--primary-glow:#7055ff59;--accent:#00d4ff;--accent-glow:#00d4ff59;--gold:#ffb800;--text:#fff;--text-soft:#babae0;--text-muted:#8a8ab8;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:16px;--maxw:1140px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:17px/1.6 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(900px 600px at 12% -10%, #7055ff38, transparent 60%), radial-gradient(900px 600px at 100% 0%, #00d4ff24, transparent 55%), var(--bg)}#root{flex-direction:column;min-height:100svh;display:flex}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:#6ee7ff}h1,h2,h3{font-family:var(--heading);color:var(--text);letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;line-height:1.1}h2{font-size:clamp(26px,4vw,38px)}h3{font-size:19px}p{color:var(--text-soft);margin:0 0 1em}button{font-family:inherit}.section{width:100%;max-width:var(--maxw);margin:0 auto;padding:88px 24px}.section-alt{position:relative}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.section-head p{color:var(--text-muted);font-size:18px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.site-header{z-index:50;width:100%;max-width:var(--maxw);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#08081cb8;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px 24px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-name{font-size:19px}.brand-name strong{font-weight:800}.site-nav{gap:28px;display:flex}.site-nav a{color:var(--text-soft);font-size:15px;font-weight:500}.site-nav a:hover{color:var(--text)}.header-cta{background:linear-gradient(135deg, var(--primary), var(--accent));box-shadow:0 6px 20px var(--primary-glow);border-radius:999px;padding:10px 20px;font-size:15px;font-weight:600;color:#fff!important}.header-cta:hover{filter:brightness(1.08)}.hero{width:100%;max-width:var(--maxw);margin:0 auto;padding:72px 24px 96px;position:relative;overflow:hidden}.hero-grid{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid;position:relative}.hero-copy h1{margin-bottom:22px;font-size:clamp(38px,6.2vw,68px);line-height:1.04}.word-gold{color:var(--gold)}.lede{color:var(--text-soft);max-width:30ch;margin-bottom:32px;font-size:clamp(17px,2vw,21px)}.hero-glow{background:radial-gradient(closest-side, var(--primary-glow), transparent 70%);filter:blur(20px);z-index:1;pointer-events:none;height:520px;position:absolute;inset:-20% 30% auto auto}.store-buttons{flex-wrap:wrap;gap:14px;display:flex}.store-btn{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 22px;transition:transform .18s,border-color .18s,background .18s;display:inline-flex;color:var(--text)!important}.store-btn:hover{border-color:var(--primary);background:var(--bg-3);transform:translateY(-2px)}.store-btn svg{width:26px;height:26px}.store-btn span{flex-direction:column;line-height:1.1;display:flex}.store-btn small{color:var(--text-muted);font-size:11px}.store-btn strong{font-size:17px;font-weight:700}.hero-stats{gap:36px;margin:40px 0 0;padding:0;list-style:none;display:flex}.hero-stats li{flex-direction:column;display:flex}.hero-stats strong{color:var(--text);font-size:20px}.hero-stats span{color:var(--text-muted);font-size:13px}.board-wrap{flex-direction:column;justify-self:center;align-items:center;display:flex;position:relative}.board-glow{background:radial-gradient(closest-side, var(--accent-glow), transparent 72%);filter:blur(26px);z-index:0;height:110%;position:absolute;inset:-18% -8% auto}.board{z-index:1;aspect-ratio:1;background:linear-gradient(160deg, var(--bg-3), var(--bg-2));border:1px solid var(--border);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:10px;width:min(360px,80vw);padding:16px;display:grid;position:relative;box-shadow:0 30px 60px #00000073,inset 0 1px #ffffff0d}.cell{background:#08081c8c;border:1px solid #ffffff08;border-radius:14px;justify-content:center;align-items:center;display:flex}.mark{font-size:clamp(34px,9vw,54px);font-weight:800;line-height:1}.mark-x{color:var(--primary);text-shadow:0 0 24px var(--primary-glow)}.mark-o{color:var(--accent);text-shadow:0 0 24px var(--accent-glow)}.win-line{background:linear-gradient(90deg, var(--gold), #ffe082);width:86%;height:8px;box-shadow:0 0 22px var(--gold);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.board-caption{z-index:1;color:var(--text-muted);margin-top:18px;font-size:14px;position:relative}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);padding:28px;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:#7055ff80;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;color:var(--accent);background:#00d4ff1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.feature-icon svg{width:24px;height:24px}.feature-card h3{margin-bottom:8px}.feature-card p{color:var(--text-muted);margin:0;font-size:15px}.mode-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.mode-card{border-radius:var(--radius);background:linear-gradient(160deg, var(--bg-3), var(--bg-2));border:1px solid var(--border);padding:32px 28px}.mode-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:#ffb8001f;border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.mode-card p{color:var(--text-muted);margin:0}.cta{width:100%;max-width:var(--maxw);text-align:center;margin:0 auto;padding:40px 24px 96px}.cta h2{margin-bottom:12px}.cta p{margin-bottom:28px}.cta .store-buttons{justify-content:center}.site-footer{border-top:1px solid var(--border);background:#08081c99;margin-top:auto}.footer-inner{width:100%;max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:40px 24px;display:flex}.footer-brand{align-items:center;gap:10px;font-weight:700;display:inline-flex}.footer-brand strong{font-weight:800}.footer-nav{gap:24px;display:flex}.footer-nav a{color:var(--text-soft);font-size:15px}.footer-copy{color:var(--text-muted);margin:0;font-size:14px}.legal{flex-grow:1;width:100%;max-width:820px;margin:0 auto;padding:56px 24px 96px}.legal-inner{background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:48px}.legal h1{margin-bottom:6px;font-size:clamp(30px,5vw,44px)}.legal-updated{color:var(--text-muted);margin-bottom:32px;font-size:14px}.legal h2{margin:36px 0 12px;font-size:21px}.legal h3{color:var(--text);margin:18px 0 8px;font-size:16px}.legal p,.legal li{color:var(--text-soft);font-size:16px}.legal ul{margin:0 0 16px;padding-left:22px}.legal ul li{margin-bottom:8px}.legal strong{color:var(--text);font-weight:600}.legal-back{margin-top:40px;font-size:15px}@media (width<=900px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:48px}.hero-copy{order:2}.board-wrap{order:1}.lede{margin-inline:auto}.hero-store,.hero-stats{justify-content:center}.feature-grid,.mode-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.section{padding:64px 20px}.hero{padding:40px 20px 64px}.site-nav{display:none}.feature-grid,.mode-grid{grid-template-columns:1fr}.hero-stats{gap:24px}.legal-inner{padding:28px 22px}.footer-inner{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}