@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Barlow+Condensed:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root[data-theme=light],:root{--color-surface: #f4f1ea;--color-surface-elev: #ece8e0;--color-foreground: #0e1c30;--color-foreground-muted: #5a5e6a;--color-gold: #c9a84c;--color-ring-base: #0e1c30;--color-ring-track: rgba(14, 28, 48, .07);--color-ring-tip: #c9a84c;--color-ring-halo: rgba(201, 168, 76, .25);--color-card-surface: rgba(14, 28, 48, .05);--color-border: rgba(14, 28, 48, .1);--color-btn-keep-border: rgba(14, 28, 48, .22);--surface-base: #f4f1ea;--surface-card: #ece8e0;--surface-elevated: #e4e0d8;--surface-inset: #f4f1ea;--border-subtle: rgba(14, 28, 48, .1);--border-default: rgba(14, 28, 48, .22);--text-primary: #0e1c30;--text-secondary: #5a5e6a;--text-tertiary: #8a8e9a;--text-muted: #8a8e9a;--text-ghost: #8a8e9a;--graph-line: #8a8e9a;--graph-grid: rgba(14, 28, 48, .1);--chart-area-fill: rgba(14, 28, 48, .1);--chart-area-dot: rgba(14, 28, 48, .35);--zone-easy: rgba(14, 28, 48, .12);--zone-tempo: rgba(14, 28, 48, .35)}:root[data-theme=dark]{--color-surface: #0e1c30;--color-surface-elev: #18263d;--color-foreground: #f4f1ea;--color-foreground-muted: #b4b9c6;--color-gold: #c9a84c;--color-ring-base: #f4f1ea;--color-ring-track: rgba(244, 241, 234, .06);--color-ring-tip: #c9a84c;--color-ring-halo: rgba(201, 168, 76, .18);--color-card-surface: rgba(244, 241, 234, .05);--color-border: rgba(244, 241, 234, .07);--color-btn-keep-border: rgba(244, 241, 234, .2);--surface-base: #080f1c;--surface-card: #0e1c30;--surface-elevated: #18263d;--surface-inset: #080f1c;--border-subtle: #1e2535;--border-default: #263040;--text-primary: #b4b9c6;--text-secondary: #7c8290;--text-tertiary: #4a5568;--text-muted: #363f4e;--text-ghost: #4a4f5c;--graph-line: #c2c7d2;--graph-grid: #3a4154;--chart-area-fill: rgba(244, 241, 234, .15);--chart-area-dot: rgba(244, 241, 234, .55);--zone-easy: rgba(180, 185, 198, .22);--zone-tempo: rgba(180, 185, 198, .52)}:root{--navy-deep: #080f1c;--navy: #0e1c30;--navy-elev: #18263d;--gold: #c9a84c;--gold-light: #d4aa4e;--gold-deep: #b8922e;--ivory: #f4ede0;--surface-base: var(--navy-deep);--surface-card: var(--navy);--surface-elevated: var(--navy-elev);--surface-inset: var(--navy-deep);--border-subtle: #1e2535;--border-default: #263040;--gold-dim: #c9a84c88;--gold-faint: #c9a84c22;--teal: #3aada6;--teal-dim: #3aada677;--teal-faint: #3aada622;--burnt: #c06a3a;--text-primary: #b4b9c6;--text-secondary: #7c8290;--text-tertiary: #4a5568;--text-muted: #363f4e;--text-ghost: #4a4f5c;--graph-line: #c2c7d2;--graph-grid: #3a4154;--chart-area-fill: rgba(244, 241, 234, .15);--chart-area-dot: rgba(244, 241, 234, .55);--zone-easy: rgba(180, 185, 198, .22);--zone-tempo: rgba(180, 185, 198, .52);--on-track: #3aada6;--behind: #c06a3a;--ahead: #c9a84c;--accent-perf: #c9a84c;--accent-fatigue: #c06a3a;--accent-form: #3aada6;--status-danger: #c06a3a;--status-success: #3aada6;--font-display: "Barlow Condensed", monospace;--font-body: "Inter", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--left-col-width: 298px;--sidebar-w: 64px;--sidebar-expanded: 220px;--topbar-h: 56px;--radius-card: 12px;--radius-sm: 8px;--radius-pill: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--color-surface);color:var(--color-foreground);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:env(safe-area-inset-top,0px) 20px 0;height:calc(56px + env(safe-area-inset-top,0px));display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:0;background:#080f1ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.04)}@media (min-width: 600px){.lp-nav{padding:0 40px;height:64px}}.lp-hero-inner{display:flex;flex-direction:column;align-items:center;gap:48px;padding:calc(96px + env(safe-area-inset-top,0px)) 20px 56px;max-width:1200px;margin:0 auto}@media (min-width: 900px){.lp-hero-inner{flex-direction:row;align-items:center;gap:64px;padding:160px 40px 80px}}.lp-hero-text{width:100%}@media (min-width: 900px){.lp-hero-text{flex:1}}.lp-h1{font-size:44px;font-weight:800;line-height:.97;letter-spacing:-1.8px;color:#f0f1f5;margin-bottom:20px}@media (min-width: 600px){.lp-h1{font-size:58px;letter-spacing:-2.2px}}@media (min-width: 900px){.lp-h1{font-size:72px;letter-spacing:-2.8px}}.lp-phone-hero-mobile{display:flex;justify-content:center}.lp-phone-hero-desktop{display:none}@media (min-width: 900px){.lp-phone-hero-mobile{display:none}.lp-phone-hero-desktop{display:flex;align-items:flex-end;gap:14px;flex-shrink:0}}.lp-stats-wrap{border-top:1px solid #0d1525;border-bottom:1px solid #0d1525;padding:0 20px}@media (min-width: 600px){.lp-stats-wrap{padding:0 40px}}.lp-stats{display:flex;flex-direction:column;gap:24px;padding:32px 0;max-width:1200px;margin:0 auto}@media (min-width: 600px){.lp-stats{flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:48px}}.lp-features{max-width:1200px;margin:0 auto;padding:0 20px}@media (min-width: 600px){.lp-features{padding:0 40px}}.lp-feature{display:flex;flex-direction:column;gap:36px;padding:56px 0;border-bottom:1px solid #0d1525}@media (min-width: 800px){.lp-feature{flex-direction:row;align-items:center;gap:64px;padding:80px 0}.lp-feature.lp-reverse{flex-direction:row-reverse}}.lp-feature-text{flex:1}.lp-feature-phone{flex-shrink:0;display:flex;justify-content:center}.lp-h2{font-size:28px;font-weight:800;line-height:1.05;letter-spacing:-.8px;color:#f0f1f5;margin-bottom:16px;max-width:480px}@media (min-width: 600px){.lp-h2{font-size:36px;letter-spacing:-1.1px}}.lp-who-section{background:#0a1220;border-top:1px solid #0d1525;padding:56px 20px}@media (min-width: 600px){.lp-who-section{padding:80px 40px}}.lp-who-grid{display:grid;grid-template-columns:1fr;gap:2px;margin-top:28px}@media (min-width: 700px){.lp-who-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.lp-who-grid{grid-template-columns:repeat(3,1fr)}}.lp-cta{padding:72px 20px;text-align:center}@media (min-width: 600px){.lp-cta{padding:100px 40px}}.lp-cta-h2{font-size:36px;font-weight:800;letter-spacing:-1.2px;color:#f0f1f5;margin-bottom:16px;line-height:1.05}@media (min-width: 600px){.lp-cta-h2{font-size:52px;letter-spacing:-1.8px}}.lp-footer{border-top:1px solid #0d1525;padding:24px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}@media (min-width: 600px){.lp-footer{padding:28px 40px}}.mockup-screen{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}