/* File10DLC -- generated from tokens.json. Do not edit by hand. */
@font-face { font-family: "Archivo"; src: url("fonts/Archivo-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Variable.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --orange: #ff5a1f;
  --ink: #111111;
  --paper: #ffffff;
  --receipt-ground: #f2f0eb;
  --ink-soft: #3a3a3a;
  --ink-muted: #5a5a5a;
  --on-ink-muted: #d8d8d8;
  --orange-text: #c93c08;
  --orange-on-ink: #ff8a5c;
  --leader: #9a9a9a;
  --shadow-hard: 10px 10px 0 #111111;
  --shadow-press: 6px 6px 0 #111111;
  --shadow-press-orange: 6px 6px 0 #ff5a1f;
}
:root {
  --space-xs: 10px;
  --space-sm: 14px;
  --space-md: 20px;
  --space-lg: 28px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-section: 84px;
  --container-max: 1240px;
  --radius-none: 0px;
  --border-rule: 2px;
  --border-heavy: 3px;
  --font-sans: "Archivo", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
.display-xl { font-family: var(--font-sans); font-size: 122px; line-height: 0.9; font-weight: 900; letter-spacing: -0.03em; }
.display-lg { font-family: var(--font-sans); font-size: 64px; line-height: 0.95; font-weight: 900; letter-spacing: -0.025em; }
.price { font-family: var(--font-sans); font-size: 104px; line-height: 0.85; font-weight: 900; letter-spacing: -0.04em; }
.price-card { font-family: var(--font-sans); font-size: 76px; line-height: 0.9; font-weight: 900; letter-spacing: -0.04em; }
.numeral { font-family: var(--font-sans); font-size: 96px; line-height: 0.85; font-weight: 900; letter-spacing: -0.04em; }
.heading { font-family: var(--font-sans); font-size: 26px; line-height: 1.2; font-weight: 800; letter-spacing: -0.01em; }
.question { font-family: var(--font-sans); font-size: 22px; line-height: 1.25; font-weight: 800; }
.card-title { font-family: var(--font-sans); font-size: 20px; line-height: 1.2; font-weight: 800; letter-spacing: 0.02em; }
.lede { font-family: var(--font-sans); font-size: 21px; line-height: 1.45; font-weight: 500; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.5; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 500; }
.mono { font-family: var(--font-mono); font-size: 14px; line-height: 1.4; font-weight: 400; }
.mono-strong { font-family: var(--font-mono); font-size: 14px; line-height: 1.4; font-weight: 700; }
.mono-label { font-family: var(--font-mono); font-size: 14px; line-height: 1.35; font-weight: 700; letter-spacing: 0.04em; }
.mono-tape { font-family: var(--font-mono); font-size: 16px; line-height: 1.4; font-weight: 700; letter-spacing: 0.08em; }
.mono-brand { font-family: var(--font-mono); font-size: 22px; line-height: 1.4; font-weight: 700; letter-spacing: 0.04em; }
.mono-total { font-family: var(--font-mono); font-size: 26px; line-height: 1.4; font-weight: 700; }