:root{--color-bg-primary:#ffffff;--color-bg-secondary:#f5f5f7;--color-bg-tertiary:#e8e8ed;--color-bg-dark:#000000;--color-bg-dark-secondary:#1d1d1f;--color-bg-dark-tertiary:#2d2d2f;--color-bg-overlay:rgba(0,0,0,0.48);--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-tertiary:#a1a1a6;--color-text-on-dark:#f5f5f7;--color-text-on-dark-dim:#86868b;--color-text-white:#ffffff;--color-accent:#1db954;--color-accent-hover:#17a34a;--color-accent-on-dark:#4ade80;--color-accent-on-dark-hover:#86efac;--color-accent-light:rgba(29,185,84,0.12);--color-success:#28cd41;--color-warning:#ff9f0a;--color-danger:#ff3b30;--color-info:#007aff;--color-border:rgba(0,0,0,0.1);--color-border-strong:rgba(0,0,0,0.2);--color-border-on-dark:rgba(255,255,255,0.12);--color-border-on-dark-strong:rgba(255,255,255,0.24);--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;--font-mono:"SF Mono","JetBrains Mono","Fira Code",monospace;--text-hero-size:80px;--text-hero-line:1.05;--text-hero-tracking:-0.003em;--text-hero-weight:700;--text-display-size:56px;--text-display-line:1.07;--text-display-tracking:-0.003em;--text-display-weight:700;--text-title1-size:48px;--text-title1-line:1.08;--text-title1-tracking:-0.003em;--text-title1-weight:700;--text-title2-size:28px;--text-title2-line:1.14;--text-title2-tracking:0.007em;--text-title2-weight:700;--text-title3-size:21px;--text-title3-line:1.19;--text-title3-tracking:0.011em;--text-title3-weight:600;--text-headline-size:17px;--text-headline-line:1.47;--text-headline-tracking:-0.022em;--text-headline-weight:600;--text-body-size:17px;--text-body-line:1.47;--text-body-tracking:-0.022em;--text-body-weight:400;--text-callout-size:16px;--text-callout-line:1.5;--text-callout-tracking:-0.011em;--text-callout-weight:400;--text-subhead-size:15px;--text-subhead-line:1.53;--text-subhead-tracking:-0.009em;--text-subhead-weight:400;--text-footnote-size:13px;--text-footnote-line:1.38;--text-footnote-tracking:-0.003em;--text-footnote-weight:400;--text-caption-size:12px;--text-caption-line:1.33;--text-caption-tracking:0.007em;--text-caption-weight:400;--text-label-size:11px;--text-label-line:1.27;--text-label-tracking:0.06em;--text-label-weight:500;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-30:120px;--container-narrow:640px;--container-default:980px;--container-wide:1200px;--container-full:1440px;--section-padding-y:80px;--section-padding-y-lg:120px;--section-padding-x:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:980px;--radius-full:9999px;--shadow-xs:0 1px 3px rgba(0,0,0,0.06);--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.08);--shadow-lg:0 8px 40px rgba(0,0,0,0.10);--shadow-xl:0 20px 60px rgba(0,0,0,0.12);--shadow-feature:0 2px 20px rgba(0,0,0,0.06);--ease-io:cubic-bezier(0.25,0.46,0.45,0.94);--ease-io-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-io-decelerate:cubic-bezier(0.0,0.0,0.2,1.0);--duration-fast:150ms;--duration-base:300ms;--duration-slow:500ms;--duration-slower:700ms;--nav-height:48px;--nav-bg-blur:blur(20px) saturate(180%);--nav-bg-light:rgba(255,255,255,0.72);--nav-bg-dark:rgba(0,0,0,0.72);--nav-border-light:rgba(0,0,0,0.08);--nav-border-dark:rgba(255,255,255,0.08);--btn-primary-bg:#1db954;--btn-primary-bg-hover:#17a34a;--btn-primary-text:#ffffff;--btn-secondary-bg:transparent;--btn-secondary-border:rgba(0,0,0,0.24);--btn-secondary-text:#1db954;--btn-dark-primary-bg:linear-gradient(135deg,#1db954,#059669);--btn-dark-primary-text:#ffffff;--btn-height:40px;--btn-height-sm:30px;--btn-padding-x:20px;--btn-padding-x-sm:14px;--btn-font-size:17px;--btn-font-size-sm:13px;--btn-radius:980px}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#000000;--color-bg-secondary:#1d1d1f;--color-bg-tertiary:#2d2d2f;--color-text-primary:#f5f5f7;--color-text-secondary:#86868b;--color-text-tertiary:#636366;--color-border:rgba(255,255,255,0.1);--color-border-strong:rgba(255,255,255,0.2);--color-accent:#4ade80;--color-accent-hover:#86efac}}