:root{--color-bg: #0a0a0f;--color-surface: #12131a;--color-surface-raised: #1a1c26;--color-text: #f5f5f7;--color-text-muted: #9a9aa5;--color-border: #2a2b36;--color-accent-lock: #c8ff5c;--color-accent-lock-dim: #8fd93f;--color-accent-gold: #ffc94a;--color-accent-escalate: #ff6b3d;--color-accent-escalate-dim: #cc4a24;--color-spark: #ffb347;--font-display: "Space Grotesk", "Arial Black", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", monospace;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 6rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.1}p{margin:0;color:var(--color-text-muted)}a{color:inherit}.button{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent-gold);color:var(--color-bg);font-weight:600;text-decoration:none}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--color-bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.nav__brand{font-family:var(--font-display);font-weight:700;text-decoration:none}.nav__cta{text-decoration:none;font-weight:600;color:var(--color-accent-gold)}.site-footer{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.85rem;border-top:1px solid var(--color-border)}.device__body{position:relative;width:100%;aspect-ratio:9 / 19;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:0 20px 60px #00000080;transition:border-color .3s ease,box-shadow .3s ease}.device__body--locked{border-color:var(--color-accent-lock);box-shadow:0 0 24px color-mix(in srgb,var(--color-accent-lock) 40%,transparent)}.device__notch{position:absolute;top:var(--space-2);left:50%;transform:translate(-50%);width:72px;height:18px;background:var(--color-bg);border-radius:var(--radius-sm);z-index:2}.device__screen{position:relative;width:100%;height:100%;background:var(--color-bg);border-radius:calc(var(--radius-lg) - 6px);overflow:hidden;display:flex;flex-direction:column;padding:var(--space-3) var(--space-2)}.hero{position:relative;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:var(--space-5) var(--space-4)}.hero__train-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero__train-canvas{display:block;width:100%;height:100%;pointer-events:none;transform:scale(1.15) translateY(6%)}@media (hover: hover) and (pointer: fine){.hero__train-canvas{pointer-events:auto}}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0a0a0feb,#0a0a0fad 38%,#0a0a0f26 65%,#0a0a0f00 85%)}.hero__inner{position:relative;z-index:2;max-width:640px;-webkit-user-select:none;user-select:none}.hero__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-gold);font-size:.8rem;margin-bottom:var(--space-2)}.hero__headline{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:var(--space-3)}.hero__accent{color:var(--color-accent-gold)}.hero__sub{font-size:1.15rem;margin-bottom:var(--space-4);max-width:520px}.problem{padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border)}.problem__inner{max-width:780px;margin:0 auto;text-align:center}.problem__headline{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:var(--space-3)}.problem__word{display:inline-block;transition:opacity .2s ease}.problem__sub{font-size:1.1rem}.group-lock{padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border)}.group-lock__inner{max-width:780px;margin:0 auto}.group-lock__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-gold);font-size:.8rem;margin-bottom:var(--space-2)}.group-lock__headline{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:var(--space-2)}.group-lock__sub{font-size:1.1rem;margin-bottom:var(--space-4)}.mode-toggle{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.mode-toggle__button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-family:var(--font-body);font-weight:600;cursor:pointer}.mode-toggle__button.is-active{background:var(--color-accent-gold);color:var(--color-bg);border-color:var(--color-accent-gold)}.mode-panel{margin-bottom:var(--space-4)}.group-lock__phones{display:flex;gap:var(--space-3)}.group-lock__phones .device__body{width:120px}.accountability{padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border)}.accountability__inner{max-width:780px;margin:0 auto}.accountability__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-escalate);font-size:.8rem;margin-bottom:var(--space-2)}.accountability__headline{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:var(--space-4)}.accountability__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.accountability__step{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:opacity .2s ease,border-color .2s ease}.accountability__step.is-active{border-color:var(--color-accent-escalate)}.accountability__step-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-escalate);font-size:.8rem;display:block;margin-bottom:var(--space-1)}.streaks{padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border)}.streaks__inner{max-width:780px;margin:0 auto}.streaks__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-gold);font-size:.8rem;margin-bottom:var(--space-2)}.streaks__headline{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:var(--space-2)}.streaks__sub{font-size:1.1rem;margin-bottom:var(--space-4)}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.leaderboard__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono)}.leaderboard__rank{color:var(--color-accent-gold);font-weight:700}.leaderboard__name{flex:1;font-family:var(--font-body);font-weight:600;color:var(--color-text)}.leaderboard__streak{color:var(--color-text-muted);font-size:.9rem}.supporting{padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border)}.supporting__inner{max-width:640px;margin:0 auto;text-align:center}.supporting__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.8rem;margin-bottom:var(--space-2)}.supporting__headline{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:var(--space-2)}.cta{padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border);text-align:center}.cta__headline{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:var(--space-2)}.cta__sub{font-size:1.1rem;margin-bottom:var(--space-4)}.leaderboard__row--top{position:relative}.streaks__spark-canvas{position:absolute;top:-30px;left:-10px;width:120px;height:90px;pointer-events:none}