/* Typographie du site (18 octobre 2026) : titres Inter Tight, texte Inter — choisie par le fondateur (option B).
   Chargée EN DERNIER sur chaque page : elle remplace les polices sans toucher aux textes, aux couleurs ni à la structure.
   Finitions inspirées de la typographie d'Apple : approche (letter-spacing) qui se resserre quand la taille grandit,
   interlignage serré sur les grands titres et confortable sur le texte, hiérarchie par graisse et taille ensemble.
   Polices hébergées sur le site, licence SIL Open Font License (fonts/InterTight-LICENSE.txt, fonts/Inter-LICENSE.txt). */
@font-face { font-family: "Inter Tight"; src: url("/fonts/inter-tight-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --serif: "Inter Tight", "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;   /* nom gardé : tous les titres l'utilisent déjà */
  --sans: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
}

/* Texte courant : Inter, très légèrement resserré à 17 px ; les petits textes restent à 0 */
body { font-family: var(--sans); letter-spacing: -.011em; font-feature-settings: "cv11", "ss01"; }
small, .a-note, .s-note, .rgpd, .a-rgpd, .ag-rgpd, figcaption, footer, .legal-links, .date { letter-spacing: 0; }

/* Titres : demi-gras, approche négative croissante avec la taille, interlignage serré */
h1, h2, h3, h4, .h2, .serif, .figure { font-family: var(--serif) !important; font-style: normal; -webkit-text-stroke: 0 !important; }
h1 { font-weight: 600 !important; letter-spacing: -.035em !important; line-height: 1.04 !important; }
h2, .h2 { font-weight: 600 !important; letter-spacing: -.028em !important; line-height: 1.1 !important; }
h3, h4 { font-weight: 600 !important; letter-spacing: -.018em !important; line-height: 1.2 !important; }
h1 em, h2 em, h3 em, .h2 em { font-style: normal !important; }
/* Grands nombres et éléments qui utilisaient l'empattement : même famille, demi-gras, chiffres alignés */
.offre .prix b, .etapes .num, .price .big, .result-score .num, .notes .n, .rd-site, .rd-ring .nb, .rd-phrase, .figure, .big { font-weight: 600 !important; letter-spacing: -.03em; font-variant-numeric: tabular-nums; font-style: normal !important; }
.a-temoignage blockquote p, blockquote p { font-style: normal !important; font-weight: 500 !important; letter-spacing: -.025em; line-height: 1.18; }
.part-label i { font-style: normal !important; font-weight: 600; letter-spacing: -.02em; }
.faq-q h2, .faq-q h3 { font-weight: 500 !important; letter-spacing: -.02em !important; }

/* Tailles : le demi-gras d'Inter Tight est plus large que l'ancien titre, on le cale un cran plus bas */
.a-hero h1 { font-size: 64px; }
@media (max-width: 900px) { .a-hero h1 { font-size: 40px; } }
.sur-titre { letter-spacing: .1em; }

/* Boutons : réponse immédiate à l'appui (dès l'enfoncement, pas au relâchement), sans délai */
.btn, .nav-cta, button { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.btn, .nav-cta { font-weight: 600; letter-spacing: -.01em; transition: transform 100ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out; }
.btn:active, .nav-cta:active, .a-form button:active { transform: scale(.97); }
@media (prefers-reduced-motion: reduce) { .btn, .nav-cta { transition: none; } .btn:active, .nav-cta:active, .a-form button:active { transform: none; } }

/* Bouton de l'en-tête : texte complet sur grand écran, « Audit gratuit » sur téléphone (sinon il passe sur deux lignes) */
.nav-cta { white-space: nowrap; } .nav-cta .court { display: none; }
@media (max-width: 560px) { .nav-cta .long { display: none; } .nav-cta .court { display: inline; } }