/* ============================================================
   Theme: Technical Sans (Neue Haas Grotesk-ish + IBM Plex Mono)
   More engineered, more "catalogue" — rejects the editorial serif
   entirely. Display becomes a strong geometric sans; mono is
   IBM Plex Mono. The whole page reads more like a spec sheet.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root {
  --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans:    "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, menlo, monospace;
}

/* Reset all opsz — Space Grotesk is static-axis. */
h1, .h1, h2, .h2, h3, .h3, .hero h1,
.display-xl, .display-billboard,
.num-xl, .hero-bar-item .n, .spec-tile .n, .p-step h3 {
  font-variation-settings: normal !important;
}

/* Display reads stronger, flatter. Tighten tracking and lift weight. */
.hero h1 { font-weight: 500 !important; letter-spacing: -0.03em !important; line-height: 0.95 !important; }
h1, .h1 { font-weight: 500 !important; letter-spacing: -0.028em !important; }
h2, .h2 { font-weight: 500 !important; letter-spacing: -0.02em !important; }
h3, .h3, .p-step h3, .price h3, .quote-body { font-weight: 500 !important; letter-spacing: -0.015em !important; }
.final-cta h2 { font-weight: 500 !important; letter-spacing: -0.03em !important; }

/* Italics in Space Grotesk look off — use color + weight only */
.hero h1 em, .final-cta h2 em, .quote-body em {
  font-style: normal !important;
  font-weight: 600 !important;
}

/* Numbers — Space Grotesk has great numeral shapes */
.spec-tile .n, .hero-bar-item .n, .price h3 { font-variant-numeric: tabular-nums; font-weight: 500 !important; }