/* ═══════════════════════════════════════════════════════════════════════
   CHAPITRAGE V2 — casse le "section sur section".

   100% ADDITIF & RÉVERSIBLE : tout le passage est dans ce seul fichier.
   Pour désactiver → retirer la ligne <link href="chapters-v2.css"> dans
   refonte.html + index.html (rebuild), ou restaurer le backup .rollback-*.
   Aucune modif du JSX ni de styles-v2.css.

   Principe : la page devient une suite de CHAPITRES au lieu d'une pile de
   sections identiques. Deux "actes" ressortent sur une bande légèrement
   surélevée (fond --bg-elev + fine lueur d'accent + hairlines), encadrés
   par des respirations verticales plus larges. Le reste garde le fond de
   base sombre → alternance claire = fin de la monotonie.

   Cible les sections par #id : `#id { ... !important }` l'emporte sur
   `.section { background: transparent !important }` (spécificité id > classe).

     Acte "Plateforme & preuve" = démo (#fonctionnalites) + Rémy
                                  (#presentation) + avis (#avis)
     Acte "L'offre"             = pricing (#pricing) + bonus (#bonus)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Fond de bande, continu sur toutes les sections d'un même acte ── */
#fonctionnalites,
#presentation,
#avis,
#pricing,
#bonus {
  background: var(--bg-elev) !important;
}

/* ── Entrée d'acte : hairline + lueur d'accent douce qui "ouvre" le chapitre ── */
#fonctionnalites,
#pricing {
  border-top: 1px solid color-mix(in oklab, var(--accent) 16%, var(--line));
  box-shadow: inset 0 72px 90px -72px color-mix(in oklab, var(--accent) 20%, transparent);
}

/* ── Fin d'acte : hairline de clôture ── */
#avis,
#bonus {
  border-bottom: 1px solid color-mix(in oklab, var(--accent) 16%, var(--line));
}

/* ── Rythme (tension/détente) : grande respiration à l'entrée d'un acte,
      espacement resserré à l'intérieur pour qu'il se lise comme UN bloc. ── */
#fonctionnalites,
#pricing {
  padding-top: calc(var(--pad-section-y) + 30px);
}
#presentation,
#avis,
#bonus {
  padding-top: calc(var(--pad-section-y) * 0.62);
}
#fonctionnalites,
#presentation,
#pricing {
  padding-bottom: calc(var(--pad-section-y) * 0.62);
}

/* ── CTA allégé : on retire le CTA répété entre "eux vs nous" et le
      programme (il reste celui après les avis) pour casser le tempo
      "bloc, CTA, bloc, CTA". :has est ignoré si non supporté → aucun risque. ── */
.vz-section-cta-wrap:has(+ #parcours) {
  display: none;
}

/* ── CTA après les témoignages : SUPPRIMÉ (demande client 2026-07-14, il
      collait visuellement à la bordure de l'acte). Pour le réactiver,
      supprimer cette règle. ── */
#avis + .vz-section-cta-wrap {
  display: none;
}