/* Selbst gehostete Schriften (keine Anfrage an Google). Lizenz: SIL Open Font License 1.1, siehe OFL-*.txt.
   - Inter Tight (Block 4f): Überschriften, Buttons, Kennzahlen, Eyebrows. Variable Schrift (Achse wght 100–900),
     Zeichensatz latin (Umlaute, ß, €, –, „“).
   - DM Sans 400/500/600: Fließtext (<strong> nutzt wie bisher den 600er).
   - Outfit 800: Schrittnummern 1–2–3.
   - Syne 700: NUR der Logo-Schriftzug „Clikrate“ – Teilmenge mit den Buchstaben C a e i k l r t (1,3 KB).
   Dateien und Angaben (unicode-range) wie von Google Fonts geliefert.
   Dateinamen mit Prüfsumme des Inhalts (Block 7): Sie werden 1 Jahr gecacht (vercel.json). Wer eine Schrift
   austauscht, gibt ihr einen neuen Namen mit neuer Prüfsumme (sha256, erste 8 Zeichen) – „npm run check“ prüft das. */

/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/dm-sans-latin.ca72d2bc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/dm-sans-latin.ca72d2bc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/dm-sans-latin.ca72d2bc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/outfit-latin.eabf8cb2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Inter Tight – variabel (wght 100–900), latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/inter-tight-latin.77fefe8c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Ersatzschriften mit angepassten Maßen (Block 7) ──────────────────────────────────────────────
   Bis die echte Schrift geladen ist (font-display: swap), zeigt der Browser Arial. Ohne Anpassung ist Arial deutlich
   breiter (unter Windows nimmt er für Fettstufe 800 sogar „Arial Black“) – die Hero-Überschrift brach dann anders um
   und alles darunter sprang beim Wechsel um 40–70px. Die Werte unten skalieren Arial auf Breite und Zeilenmaße der
   echten Schrift (gemessen mit den Schriftdateien dieser Seite). */
@font-face { font-family: 'Inter Tight Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'); font-weight: 700 900;
  size-adjust: 97.9%; ascent-override: 99.1%; descent-override: 24.5%; line-gap-override: 0%; }
@font-face { font-family: 'Inter Tight Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'); font-weight: 500 699;
  size-adjust: 93.5%; ascent-override: 103.8%; descent-override: 25.7%; line-gap-override: 0%; }
@font-face { font-family: 'DM Sans Fallback'; src: local('Arial'), local('ArialMT'); font-weight: 100 900;
  size-adjust: 102.3%; ascent-override: 96.8%; descent-override: 30.3%; line-gap-override: 0%; } /* gemessen bei 16px: DM Sans hat eine optische Größenachse */

/* ── Welche Elemente Inter Tight nutzen – die EINZIGE Stelle dafür (Block 4e/4f) ─────────────────
   Gilt auf allen Seiten. Nicht in den Kundenseiten-Mockups ([data-mockup]) – die bleiben im Original.
   Kerning und kontextbezogene Alternativen (calt) ausdrücklich an, keine Stilsets.
   Bewusst NICHT über font-feature-settings: Diese Regel ist durch :is() sehr spezifisch und würde sonst
   das "tnum" der Preise (.price-card .price-main) überschreiben. */
:is(h1, h2, h3, h4,
    .btn-p, .btn-s, .btn-solid, .btn-accent, .btn-ghost,
    .label, .ds-badge, .pop-pill, .footer-head,
    .facts .count-num, .price-card .tier-label, .price-card .price-main):not([data-mockup] *) {
  font-family: 'Inter Tight', 'Inter Tight Fallback', sans-serif;
  font-kerning: normal;
  font-variant-ligatures: contextual;
}

/* Syne 700 – nur Logo-Schriftzug „Clikrate“ (Teilmenge: C a e i k l r t) */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/syne-logo.cd0ea6be.woff2) format('woff2');
  unicode-range: U+43, U+61, U+65, U+69, U+6B-6C, U+72, U+74;
}