.marketing-page{position:relative;overflow-x:hidden}.hero{position:relative;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px 40px;overflow:hidden}.court-lines{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;z-index:0;animation:court-drift 26s ease-in-out infinite}@keyframes court-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-1.5%,1.5%) scale(1.03)}}.hero-tilt-wrap{position:relative;z-index:1;perspective:900px}.hero-ball-wrap{position:relative;width:220px;height:220px;margin:0 auto 8px;transition:transform .15s ease-out;will-change:transform}.hero-ball{display:block;width:220px;height:220px;object-fit:contain;position:relative;z-index:1;animation:hero-float 4.6s ease-in-out infinite}.hero-ball-base{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:170px;height:28px;border-radius:50%;background:radial-gradient(closest-side,#6c7bff8c,#6c7bff00);animation:hero-base-pulse 4.6s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes hero-base-pulse{0%,to{opacity:.9;transform:translate(-50%) scaleX(1)}50%{opacity:.5;transform:translate(-50%) scaleX(.82)}}.hero-headline{position:relative;z-index:1;font-size:clamp(38px,7vw,68px)}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin:0 auto;padding:0 24px}.stat-strip .stat-value{font-size:clamp(26px,4vw,36px)}.play-replies{display:flex;flex-direction:column;gap:12px}@media (max-width: 640px){.stat-strip{grid-template-columns:1fr}.play-section{padding:56px 20px!important}.hero-ball,.hero-ball-wrap{width:160px;height:160px}}@media (prefers-reduced-motion: reduce){.court-lines,.hero-ball,.hero-ball-base{animation:none!important}.hero-ball-wrap{transform:none!important}}:root{--bg-base: #050509;--bg-radial: radial-gradient(130% 90% at 50% -10%, #10142b 0%, #080a16 55%, #06070f 100%);--text-primary: #f2f4ff;--text-body: #c2c8e8;--text-muted: #8e96b8;--text-faint: #5f6788;--indigo-1: #5a6bff;--indigo-2: #7c6cff;--indigo-gradient: linear-gradient(92deg, var(--indigo-1), var(--indigo-2));--indigo-accent: #8d9bff;--mint-1: #34c77b;--mint-2: #4ade80;--mint-gradient: linear-gradient(135deg, var(--mint-1), var(--mint-2));--danger: #ff6b9c;--card-bg: rgba(22, 27, 56, .6);--card-radius: 20px;--card-padding: 18px;--card-hot-border: rgba(120, 134, 255, .45);--card-hot-glow: 0 0 28px rgba(92, 108, 255, .18);--cta-height: 50px;--cta-radius: 25px;--cta-shadow: 0 8px 24px rgba(92, 108, 255, .32);--seg-bg: rgba(22, 27, 56, .6);--seg-radius: 17px;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg-radial),var(--bg-base);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;color:inherit}.display{font-weight:700;line-height:1.12;letter-spacing:-.022em}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding)}.card-hot{border:1px solid var(--card-hot-border);box-shadow:var(--card-hot-glow)}.cta{height:var(--cta-height);border-radius:var(--cta-radius);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;color:#fff;background:var(--indigo-gradient);box-shadow:var(--cta-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease;width:100%}.cta:active{transform:scale(.97)}.cta:disabled{opacity:.5;cursor:not-allowed}.cta-ghost{background:#161b38b3;box-shadow:none;color:var(--text-body)}.seg{display:flex;background:var(--seg-bg);border-radius:var(--seg-radius);padding:3px}.seg-option{flex:1;text-align:center;font-size:13.5px;font-weight:600;padding:9px 0;border-radius:14px;color:var(--text-muted);cursor:pointer;transition:color .18s}.seg-option.on{background:var(--indigo-gradient);color:#fff}.tones{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.tonetile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 0 9px;border-radius:15px;background:var(--card-bg);font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:box-shadow .18s,color .18s}.tonetile svg{width:17px;height:17px}.tonetile.on{box-shadow:inset 0 0 0 1.5px #8d9bffbf,0 0 18px #5c6cff38;color:#dde2ff}.skel{border-radius:var(--card-radius);background:linear-gradient(100deg,#161b3899 40%,#3c46788c,#161b3899 60%);background-size:300% 100%;animation:shimmer 1.1s linear infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.rise{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .55s cubic-bezier(.22,1,.36,1)}.shown .rise,.rise.shown{opacity:1;transform:none}.rise.r1{transition-delay:.08s}.rise.r2{transition-delay:.18s}.rise.r3{transition-delay:.28s}.rise.r4{transition-delay:.38s}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(10px);background:#161b38f2;border:1px solid rgba(120,134,255,.4);color:#dde2ff;font-size:12.5px;font-weight:600;padding:10px 18px;border-radius:16px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.7;z-index:0;background-image:radial-gradient(1px 1px at 22px 34px,rgba(255,255,255,.5),transparent 60%),radial-gradient(1px 1px at 88px 92px,rgba(170,182,255,.4),transparent 60%),radial-gradient(1.6px 1.6px at 140px 40px,rgba(255,255,255,.32),transparent 60%),radial-gradient(1px 1px at 55px 140px,rgba(170,182,255,.28),transparent 60%);background-size:190px 180px;animation:twinkle 6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:.35}}.gauge{position:relative;width:170px;height:170px;margin:0 auto;flex:none}.gauge svg{transform:rotate(135deg);width:100%;height:100%}.gauge .track{fill:none;stroke:#6c7bff29;stroke-width:8;stroke-linecap:round;stroke-dasharray:233 999}.gauge .arc{fill:none;stroke:url(#gauge-gradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:233 999;filter:drop-shadow(0 0 9px rgba(108,123,255,.55));transition:stroke-dashoffset 1.5s cubic-bezier(.22,1,.36,1) .25s}.gauge .val{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.dock-bar{position:sticky;bottom:0;padding:14px 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;background:linear-gradient(to top,rgba(6,7,15,.92) 60%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.rise{opacity:1;transform:none}.starfield{opacity:.5}}