body {
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: 1.6;
  color: var(--color-text);
  background: radial-gradient(circle at top, #111827 0, #020617 48%, #000 100%);
}

.site-main {
  min-height: calc(100vh - var(--header-height) - 80px);
}

h1, h2, h3, h4 {
  margin: 0 0 var(--space-xs);
  letter-spacing: -0.02em;
}

h1 {
  font-size: clamp(2.2rem, 1.4rem + 2vw, 3rem);
  line-height: 1.1;
}

h2 {
  font-size: clamp(1.6rem, 1.2rem + 1vw, 2rem);
}

h3 {
  font-size: 1.25rem;
}

p {
  margin: 0 0 var(--space-sm);
  color: var(--color-text-subtle);
}

.section-title {
  font-size: clamp(1.8rem, 1.3rem + 1.5vw, 2.2rem);
}

.section-title-sm {
  font-size: 1.3rem;
}

.section-subtitle {
  max-width: 58ch;
}

.eyebrow {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
}

.hero-subtitle {
  max-width: 46ch;
}

.metric-label,
.hero-meta-label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--color-text-muted);
}

.metric-value,
.hero-meta-value {
  font-weight: 500;
}

.footer-meta {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}