:root {
  --font-display: "Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-hero-name: 120px;
  --text-display-xl: 72px;
  --text-display-lg: 52px;
  --text-display-md: 36px;
  --text-score-title: 28px;
  --text-price: 28px;
  --text-eyebrow: 14px;
  --text-meta: 15px;
  --text-body-lg: 20px;
  --text-body: 18px;
  --text-small: 15px;
  --text-label: 15px;
  --text-button: 17px;
  --tracking-eyebrow: 0.16em;
}
.hero-name { font-family: var(--font-display); font-size: 120px; line-height: 114px; font-weight: 800; letter-spacing: -0.02em; }
.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 78px; font-weight: 800; letter-spacing: -0.02em; }
.display-lg { font-family: var(--font-display); font-size: 52px; line-height: 58px; font-weight: 600; letter-spacing: -0.01em; }
.display-md { font-family: var(--font-display); font-size: 36px; line-height: 44px; font-weight: 600; }
.score-title { font-family: var(--font-display); font-size: 28px; line-height: 36px; font-weight: 600; }
.eyebrow { font-family: var(--font-display); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
.price { font-family: var(--font-display); font-size: 28px; line-height: 32px; font-weight: 600; }
.meta { font-family: var(--font-display); font-size: 15px; line-height: 22px; font-weight: 500; }
.body-lg { font-family: var(--font-sans); font-size: 20px; line-height: 32px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 18px; line-height: 29px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; }