/* Graphite tokens: generated from tokens.json */
@font-face{font-family:Geist;src:url('fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap;}
:root, [data-theme="light"] {
  --background: #efefef;
  --surface: #ffffff;
  --surface-muted: #f5f5f5;
  --foreground: #232323;
  --foreground-strong: #000000;
  --muted-foreground: #707070;
  --primary: #232323;
  --primary-foreground: #efefef;
  --chip: #232323;
  --on-chip: #efefef;
  --border: #e5e5e5;
  --logo: #b4b4b4;
  --ring: #a1a1a1;
  --success: #1daf61;
  --destructive: #e40014;
  --chart-1: #f05100;
  --chart-2: #009588;
  --chart-3: #104e64;
  --chart-4: #fcbb00;
  --chart-5: #f99c00;
  --focus-ring: 0 0 0 2px #efefef, 0 0 0 4px #232323;
}
[data-theme="dark"] {
  --background: #232323;
  --surface: #313131;
  --surface-muted: #2e2e2e;
  --foreground: #efefef;
  --foreground-strong: #efefef;
  --muted-foreground: #9d9d9d;
  --primary: #efefef;
  --primary-foreground: #232323;
  --chip: rgba(35, 35, 35, 0.4);
  --border: #3a3a3a;
  --focus-ring: 0 0 0 2px #232323, 0 0 0 4px #efefef;
}
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-15: 15px;
  --space-18: 18px;
  --space-24: 24px;
  --space-80: 80px;
  --space-90: 90px;
  --radius-base: 10px;
  --radius-card: 18px;
  --radius-lg: 24px;
  --radius-item: 28.8px;
  --radius-panel: 36px;
  --radius-feature: 38px;
  --radius-full: 9999px;
  --font-sans: Geist, ui-sans-serif, system-ui, sans-serif;
}
.stat { font-family: var(--font-sans); font-size: 72px; line-height: 72px; font-weight: 700; letter-spacing: -2.16px; }
.hero { font-family: var(--font-sans); font-size: 52px; line-height: 55.64px; font-weight: 700; letter-spacing: -1.56px; }
.section { font-family: var(--font-sans); font-size: 36px; line-height: 41.76px; font-weight: 700; letter-spacing: -1.08px; }
.quote { font-family: var(--font-sans); font-size: 24px; line-height: 31.5px; font-weight: 500; letter-spacing: -0.48px; }
.title { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: -0.54px; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.button { font-family: var(--font-sans); font-size: 15px; line-height: 18px; font-weight: 700; letter-spacing: -0.12px; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 500; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: -0.28px; }
.nav { font-family: var(--font-sans); font-size: 13px; line-height: 22px; font-weight: 500; }
.tag { font-family: var(--font-sans); font-size: 10.5px; line-height: 10.5px; font-weight: 700; text-transform: uppercase; }