/* Debu Media: generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #f2f1ed;
  --surface: #ffffff;
  --surface-quiet: #e7e5df;
  --ink: #141210;
  --ink-muted: #66645c;
  --line: rgba(20, 18, 16, 0.12);
  --border: var(--ink);
  --btn-primary: var(--ink);
  --on-btn-primary: var(--paper);
  --accent: var(--brand-vermilion);
  --on-accent: var(--brand-ink);
  --link: #c8321a;
  --focus: #c8321a;
  --danger: #a3200f;
  --success: #2e6a46;
  --brand-vermilion: #ee4323;
  --brand-vermilion-deep: #c8321a;
  --brand-pink: #ff4f8b;
  --brand-ink: #141210;
  --brand-warm-white: #f4efe6;
  --tile-peach: #ffd9cc;
  --tile-blush: #ffe1e9;
  --tile-butter: #f7e7b0;
  --tile-stone: #e7e5df;
  --on-tile-peach: #4a1a0e;
  --on-tile-blush: #5a1230;
  --on-tile-butter: #4a3608;
  --on-tile-stone: #141210;
  --shadow-hero: 0 18px 80px rgba(0, 0, 0, 0.14);
  --shadow-float: 0 12px 32px rgba(20, 18, 16, 0.14);
}
[data-theme="dark"] {
  --paper: #141210;
  --surface: #1f1c19;
  --surface-quiet: #2a2622;
  --ink: #f4efe6;
  --ink-muted: #aba597;
  --line: rgba(244, 239, 230, 0.14);
  --border: var(--ink);
  --btn-primary: var(--ink);
  --on-btn-primary: var(--paper);
  --accent: var(--brand-vermilion);
  --on-accent: var(--brand-ink);
  --link: #ff4f8b;
  --focus: #ff4f8b;
  --danger: #ff8c75;
  --success: #7dd3a2;
  --brand-vermilion: #ee4323;
  --brand-vermilion-deep: #c8321a;
  --brand-pink: #ff4f8b;
  --brand-ink: #141210;
  --brand-warm-white: #f4efe6;
  --tile-peach: #ffd9cc;
  --tile-blush: #ffe1e9;
  --tile-butter: #f7e7b0;
  --tile-stone: #e7e5df;
  --on-tile-peach: #4a1a0e;
  --on-tile-blush: #5a1230;
  --on-tile-butter: #4a3608;
  --on-tile-stone: #141210;
  --shadow-hero: 0 18px 80px rgba(0, 0, 0, 0.5);
  --shadow-float: 0 12px 32px rgba(0, 0, 0, 0.5);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --gutter: 24px;
  --section: 96px;
  --section-phone: 64px;
  --tile-gap: 16px;
  --content-max: 1100px;
  --wide-max: 1400px;
  --hero-max: 720px;
  --measure: 38em;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 36px;
  --radius-pill: 999px;
  --border-hairline: 1px;
  --border-control: 2px;
  --border-hero: 3px;
  --display-xl-phone: 44px;
  --display-lg-phone: 36px;
  --display-md-phone: 34px;
  --font-display: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", serif;
  --font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 86px; line-height: 0.98; font-weight: 400; letter-spacing: -0.02em; }
.display-lg { font-family: var(--font-display); font-size: 54px; line-height: 1.04; font-weight: 400; letter-spacing: -0.01em; }
.display-md { font-family: var(--font-display); font-size: 44px; line-height: 1.06; font-weight: 400; letter-spacing: -0.01em; }
.title-lg { font-family: var(--font-display); font-size: 30px; line-height: 1.1; font-weight: 600; letter-spacing: -0.01em; }
.title { font-family: var(--font-display); font-size: 24px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; }
.title-sm { font-family: var(--font-display); font-size: 20px; line-height: 1.25; font-weight: 600; letter-spacing: -0.005em; }
.text-lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.5; font-weight: 400; }
.text-body { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; }
.text-small { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }
.text-caption { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 400; }
.text-label { font-family: var(--font-sans); font-size: 12px; line-height: 1.25; font-weight: 600; letter-spacing: 0.22em; }
.text-button { font-family: var(--font-sans); font-size: 15px; line-height: 1; font-weight: 600; letter-spacing: -0.005em; }
.data { font-family: var(--font-mono); font-size: 14px; line-height: 1.45; font-weight: 400; }
.data-sm { font-family: var(--font-mono); font-size: 12px; line-height: 1.4; font-weight: 500; }
@font-face { font-family: "Fraunces"; src: url("fonts/Fraunces.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/Fraunces-Italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }