/* ==========================================================
   WELTROM — TYPE/BUTTON REFRESH (PREVIEW, homepage only)
   Loaded after brand.css — keeps the brand accent color,
   swaps the condensed all-caps display type for a quieter
   sentence-case face and flattens the pill buttons.
   Nothing here touches brand.css — this file is safe to delete
   with zero effect on any other page.
   ========================================================== */

body { font-family: 'Inter', sans-serif; }

/* ---------- Display type: Archivo replaces Barlow Condensed uppercase ---------- */
h1, h2, h3, h4 {
  font-family: 'Archivo', sans-serif;
  font-weight: 500;
  text-transform: none;
  letter-spacing: -0.01em;
  line-height: 1.12;
}
h1 { font-weight: 400; letter-spacing: -0.02em; }
.brandmark-text { font-family: 'Archivo', sans-serif; font-weight: 600; letter-spacing: 0.02em; text-transform: none; font-size: 1.15rem; }
.eyebrow { font-weight: 500; }
.dropdown a .t { font-family: 'Archivo', sans-serif; font-weight: 600; text-transform: none; letter-spacing: 0; font-size: 0.98rem; }
.logos-strip span { font-family: 'Archivo', sans-serif; font-weight: 500; text-transform: none; letter-spacing: 0.01em; opacity: 0.8; }
.hero-stat .v, .stat-band .stat .v, .step-num { font-family: 'Archivo', sans-serif; text-transform: none; }
.card a.card-link { text-transform: none; letter-spacing: 0.01em; font-weight: 500; }
.card a.card-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.hero-split h1 em, .hero-split.has-video h1 em { font-style: italic; font-weight: 400; }

/* ---------- Buttons: minimal, square-cornered, no glow ---------- */
.btn { border-radius: 3px; font-weight: 500; letter-spacing: 0.01em; padding: 0.9rem 1.8rem; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.btn-primary:hover { box-shadow: none; transform: none; }
/* Header's "Book a Demo" is a persistent, always-visible element on every page — keep it
   pill-shaped here too, so it doesn't visibly change shape when navigating to/from the
   homepage compared to every other page. */
.header-cta .btn { border-radius: var(--r-pill); }
.field input, .field select { border-radius: 3px; }
.field textarea { border-radius: 3px; }