/* ═══════════════════════════════════════════════════════════════════
   Échelle des titres de section — retour aux valeurs de production.

   POURQUOI CE FICHIER EXISTE
   `da-taste.css` impose à tous les titres de section
   `clamp(40px, 4.05vw, 62px) !important`, une passe destinée à leur
   « redonner de la voix ». Sur un écran large, ils atteignent 62 px.

   La production ne charge pas cette couche : ses
   titres suivent `.section-heading h2` à 48 px, interligne 1.03,
   approche -2.1 px, avec une bascule à 38 px sous 820 px. C'est cette
   échelle qui a été retenue.

   UN SEUL ENDROIT, ET C'EST LE POINT
   Chaque section corrigée dans son propre fichier aurait fini par
   dériver : l'une à 48, l'autre à 46, une troisième oubliée. L'échelle
   d'une page est une décision de page.

   `!important` NE SE BAT QUE CONTRE UN AUTRE : cette feuille étant
   chargée après da-taste, à spécificité et poids égaux, c'est l'ordre
   qui tranche.

   CE QUI N'EST PAS TOUCHÉ
   `.story-features h2` — les trois panneaux de référence — a sa propre
   règle dans da-taste, à `clamp(27px, 2.35vw, 42px)`. Ils sont déjà
   plus petits et servent de référence visuelle : on n'y touche pas.
   ═══════════════════════════════════════════════════════════════════ */

.capabilities h2,
.pw-section h2,
.responsible h2,
.use-cases h2,
.integrations h2,
.faq h2,
.final-cta h2 {
  font-size: 48px !important;
  line-height: 1.03 !important;
  letter-spacing: -2.1px !important;
}

/* Le titre de la section « boucle d'apprentissage » n'utilise pas
   `.section-heading` et échappe donc à da-taste : sa valeur est posée
   directement dans section-boucle.css, sans `!important`. Elle est
   identique — 48 / 1.03 / -2.1px. */

@media (max-width: 820px) {
  .capabilities h2,
  .pw-section h2,
  .responsible h2,
  .use-cases h2,
  .integrations h2,
  .faq h2,
  .final-cta h2 {
    font-size: 38px !important;
  }
}