/* why-us.css — section "Pourquoi nous choisir ?" (accueil) + page dédiée
   S'appuie sur les composants déjà existants (.editorial, .info-grid,
   .info-card, .steps, .callout, .text-link, .button) : ce fichier ne
   contient que les quelques réglages propres à cette nouvelle section. */

.why-us-cta,.why-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}

.why-hero{max-width:720px;margin:0 auto 64px;text-align:center}
.why-hero .section-intro{margin-left:auto;margin-right:auto}
.why-hero-cta{justify-content:center}

.why-advantages,.why-steps{margin-top:70px}
.why-advantages .info-card{display:flex;flex-direction:column}
.why-advantages .info-card .text-link{display:inline-block;margin-top:16px}
.why-steps .steps{margin-top:34px;max-width:760px}
.why-steps .steps article b{min-width:34px}

.why-callout{margin-top:70px;text-align:center}
.why-callout p{max-width:560px;margin:14px auto 0}
.why-callout .button{margin-top:22px}

@media(max-width:780px){
  .why-hero{text-align:left;margin-bottom:45px}
  .why-hero-cta{justify-content:flex-start}
  .why-callout{text-align:left}
  .why-callout p{margin-left:0;margin-right:0}
  .why-advantages,.why-steps{margin-top:48px}
}