/* Retouches demandees par Yannick le 10/09/2026 (Europe/Paris)
   conversation Cowork "Integration sites XPANSION & IACCELERATOR"
   1. les trois promesses restylees, sans barres obliques
   2. image du hero plus grande
   Chargee APRES styles.css : surcharge uniquement, n'ecrase rien. */

/* 2. image du hero plus grande : grille 682/568 -> 573/676, + leger debord a droite */
.hero{ grid-template-columns: 1fr 1.18fr; align-items: center; }
.hero .hero-composition{ width: 106%; max-width: 106%; height: auto; }

/* 1. les trois promesses, en escalier numerote */
.hero .hero-promesses{ margin: 26px 0 0; display: flex; flex-direction: column; gap: 13px; }
.hero .hero-promesses p{ margin: 0; display: flex; align-items: baseline; gap: 14px; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.3; }
.hero .hero-promesses .num{ flex: none; min-width: 26px; font-family: 'Poppins', system-ui, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .1em; color: #E40D1A; position: relative; top: -2px; }
.hero .hero-promesses .amorce{ color: #6B6B6B; }
.hero .hero-promesses strong{ font-weight: 700; letter-spacing: -.005em; }
.hero .hero-famille{ margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #E9E9E9; font-size: clamp(16px, 1.2vw, 18px); line-height: 1.45; }

@media (max-width: 900px){
  .hero{ grid-template-columns: 1fr; }
  .hero .hero-composition{ width: 100%; max-width: 100%; }
  .hero .hero-promesses p{ font-size: 17px; gap: 11px; }
  .hero .hero-promesses .num{ min-width: 22px; font-size: 12px; }
}