body {
  background: var(--surface);
  color: var(--ink-900);
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.47;
}

:focus-visible {
  outline: 3px solid var(--promo-500);
  outline-offset: 3px;
}

[hidden] { display: none !important; }

h1, h2, h3, h4 { line-height: 1.2; }

h1 { font-size: clamp(2rem, 4vw, 3.5rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); }
h3 { font-size: 1.125rem; }

.muted { color: var(--ink-600); }

.eyebrow {
  color: var(--brand-700);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.live-region {
  position: fixed;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}