:root{color-scheme:light;--bg: #F5F3FA;--bg-2: #EEEAF6;--bg-3: #E6E0F3;--surface: rgba(255,255,255,.45);--surface-2: rgba(255,255,255,.25);--border: rgba(255,255,255,.35);--border-2: rgba(255,255,255,.55);--border-3: rgba(255,255,255,.75);--text: #0C0A20;--text-2: #2E2A4A;--text-3: #7B74A0;--purple: #A855F7;--purple-dim: rgba(168,85,247,.08);--purple-mid: rgba(168,85,247,.14);--indigo: #6366F1;--indigo-dim: rgba(99,102,241,.08);--blue: #3B82F6;--blue-dim: rgba(59,130,246,.08);--emerald: #10B981;--emerald-dim: rgba(16,185,129,.08);--gold: #F59E0B;--gold-dim: rgba(245,158,11,.08);--rose: #F472B6;--rose-dim: rgba(244,114,182,.08);--red: #EF4444;--red-dim: rgba(239,68,68,.08);--teal: #1ABC9C;--teal-dim: rgba(26,188,156,.08);--coral: #FF7F50;--coral-dim: rgba(255,127,80,.08);--silver: #BDC3C7;--silver-dim: rgba(189,195,199,.08);--acc: var(--purple);--acc-light: var(--indigo);--acc-dim: var(--purple-dim);--acc-glow: var(--purple-mid);--acc-dark: var(--indigo);--font: "Space Grotesk", system-ui, sans-serif;--display: "DM Serif Display", Georgia, serif;--ease: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--bounce: cubic-bezier(.36, 1.8, .5, 1);--elastic: cubic-bezier(.68, -.6, .32, 1.6);--shadow-sm: 0 1px 3px rgba(80,40,160,.06), 0 4px 12px rgba(80,40,160,.03);--shadow-md: 0 4px 16px rgba(80,40,160,.08), 0 12px 32px rgba(80,40,160,.04);--shadow-lg: 0 8px 32px rgba(80,40,160,.1), 0 24px 64px rgba(80,40,160,.05);--shadow-hover: 0 16px 48px rgba(168,85,247,.14), 0 8px 24px rgba(99,102,241,.08);--glow-purple: 0 0 60px rgba(168,85,247,.12), 0 0 120px rgba(168,85,247,.06);--glow-blue: 0 0 60px rgba(59,130,246,.12), 0 0 120px rgba(59,130,246,.06);--glass-blur: 40px;--glass-saturate: 180%;--glass-bg: rgba(255,255,255,.25);--glass-border: 1px solid rgba(255,255,255,.4);--glass-shadow: 0 8px 32px rgba(80,40,160,.08), inset 0 1px 0 rgba(255,255,255,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6;font-size:17px}.mesh-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.mesh-blob{position:absolute;border-radius:50%;filter:blur(140px);opacity:.35;animation:meshFloat 28s ease-in-out infinite;will-change:transform}.mesh-blob:nth-child(1){width:800px;height:800px;background:radial-gradient(circle,rgba(168,85,247,.28),rgba(99,102,241,.15),transparent 70%);top:-25%;left:-12%}.mesh-blob:nth-child(2){width:700px;height:700px;background:radial-gradient(circle,rgba(59,130,246,.22),rgba(16,185,129,.12),transparent 70%);top:35%;right:-10%;animation-delay:-9s}.mesh-blob:nth-child(3){width:600px;height:600px;background:radial-gradient(circle,rgba(244,114,182,.18),rgba(245,158,11,.1),transparent 70%);bottom:-5%;left:10%;animation-delay:-18s}@keyframes meshFloat{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(70px,-50px) scale(1.12) rotate(4deg)}50%{transform:translate(-50px,60px) scale(.92) rotate(-3deg)}75%{transform:translate(40px,25px) scale(1.06) rotate(2deg)}}.mesh-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,rgba(168,85,247,.03) 45%,rgba(59,130,246,.03) 55%,transparent 70%),linear-gradient(235deg,transparent 40%,rgba(244,114,182,.02) 55%,transparent 65%);animation:iridescentShift 12s ease-in-out infinite;pointer-events:none}@keyframes iridescentShift{0%,to{opacity:.6}50%{opacity:1}}#particleCanvas{position:fixed;inset:0;z-index:1;pointer-events:none}.scroll-bar{position:fixed;top:0;left:0;height:3px;z-index:10000;background:linear-gradient(90deg,var(--purple),var(--blue),var(--emerald),var(--gold),var(--rose),var(--purple));background-size:300% 100%;animation:prismaticFlow 6s linear infinite;width:0%;border-radius:0 2px 2px 0;box-shadow:0 0 20px #a855f766,0 0 40px #6366f133;transition:width .1s linear}@keyframes prismaticFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.content{position:relative;z-index:3}.reveal{opacity:0;transform:translateY(60px) scale(.96);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}.content:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}[data-theme=dark]{color-scheme:dark;--bg: #080614;--bg-2: #0E0B20;--bg-3: #16122E;--surface: rgba(255,255,255,.04);--surface-2: rgba(255,255,255,.06);--border: rgba(255,255,255,.06);--border-2: rgba(255,255,255,.1);--border-3: rgba(255,255,255,.16);--text: #EDEBF5;--text-2: #9896B0;--text-3: #55536A;--purple-dim: rgba(168,85,247,.1);--purple-mid: rgba(168,85,247,.18);--indigo-dim: rgba(99,102,241,.1);--blue-dim: rgba(59,130,246,.1);--emerald-dim: rgba(16,185,129,.1);--gold-dim: rgba(245,158,11,.1);--rose-dim: rgba(244,114,182,.1);--red-dim: rgba(239,68,68,.1);--teal-dim: rgba(26,188,156,.1);--coral-dim: rgba(255,127,80,.1);--silver-dim: rgba(189,195,199,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.25);--shadow-lg: 0 8px 32px rgba(0,0,0,.5), 0 24px 64px rgba(0,0,0,.3);--shadow-hover: 0 16px 48px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.4);--glow-purple: 0 0 60px rgba(168,85,247,.1), 0 0 120px rgba(168,85,247,.05);--glow-blue: 0 0 60px rgba(59,130,246,.1), 0 0 120px rgba(59,130,246,.05)}[data-theme=dark] .nav{background:#0e0b2099;border-color:#ffffff14;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0f}[data-theme=dark] .hero-badge{background:#0e0b2080;border-color:#ffffff14}[data-theme=dark] .show-card,[data-theme=dark] .bento-card,[data-theme=dark] .game-card,[data-theme=dark] .level-step,[data-theme=dark] .how-step,[data-theme=dark] .testi-card,[data-theme=dark] .price-card{background:#0e0b2073;border-color:#ffffff0f}[data-theme=dark] .price-card.pro{background:#a855f70f;border-color:#a855f71f}[data-theme=dark] .btn-ghost{background:#ffffff08;border-color:#ffffff14;color:var(--text)}[data-theme=dark] .price-cta.secondary{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .lang-toggle{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .lang-option.active{background:linear-gradient(135deg,var(--purple),var(--indigo));box-shadow:0 1px 6px #a855f74d}[data-theme=dark] .theme-toggle,[data-theme=dark] .nav-hamburger{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .scroll-top{box-shadow:0 4px 24px #a855f766}[data-theme=dark] .mobile-menu{background:#0e0b20b3;border-color:#ffffff14}[data-theme=dark] .mobile-menu a:hover{background:#ffffff0f}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .accent-preview{box-shadow:0 0 12px #a855f733,0 0 0 2px #ffffff14}[data-theme=dark] .footer{background:#0e0b2073;border-top-color:#ffffff0f}[data-theme=dark] .comp-row.header{background:#ffffff05}[data-theme=dark] .comp-table{background:#0e0b2073;border-color:#ffffff0f}[data-theme=dark] .stat-item{background:#0e0b2066;border-color:#ffffff0f}[data-theme=dark] .streak-dot.future{background:#ffffff0a}[data-theme=dark] .xp-bar{background:#ffffff0f}[data-theme=dark] .mesh-blob{opacity:.2}[data-theme=dark] .content:before{opacity:.025}[data-theme=dark] .bc-icon{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .achieve-item,[data-theme=dark] .bc-tag{background:#ffffff0a;border-color:#ffffff0a}[data-theme=dark] .streak-dot.done,[data-theme=dark] .price-features li .check{background:#10b9811a}[data-theme=dark] .comp-cell.remai-col{background:#a855f70d}[data-theme=dark] .phone-mockup{box-shadow:0 0 0 2px #ffffff0d,0 25px 80px #00000080}[data-theme=dark] .demo-container{background:#0e0b2073;border-color:#ffffff0f}[data-theme=dark] .demo-insight{background:#a855f70f;border-color:#a855f714}[data-theme=dark] .demo-replay{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .appstore-badge svg rect{fill:#ffffff0a}[data-theme=dark] .trust-icon{background:#ffffff08;border-color:#ffffff0f}