/* =====================================================================
   About : seulement ce qui est propre a la page. La mise en page (hero
   compact, sections, valeurs en cartes) vient de pages.css ; les chiffres,
   l'equipe, le mur de logos et le temoignage, du design system.
   ===================================================================== */
/* rythme des sections (Elio, 04/10/2026, comme l'accueil) : apres les
   chiffres, 164 au-dessus de chaque section, 0 dessous, sans filet entre
   elles (avec rien dessous, le filet collerait au contenu) ; l'appel a 20
   de la derniere case, comme sur l'accueil. A partir de 1000 px. */
@media (min-width:1000px){
  .ab-fig{padding-bottom:0}
  .ab-fig~.pg-sec{padding-top:164px;padding-bottom:0;border-top:0}
  .ab-fig~.final{padding-top:var(--s-20)}
}
/* le hero : la machine recadree sur son coeur */
.ab-machine img{object-position:50% 50%}
/* les chiffres, allumes d'emblee : ici ils sont la preuve */
.ab-fig .figures{margin:0;gap:var(--s-12)}
.ab-fig .figure .fig-art{opacity:1}
.ab-fig .figure .fig-art img,.ab-fig .figure .fig-art video{filter:none}
.ab-fig .figure b{color:var(--name)}
.ab-fig .figure span{color:var(--quote)}
/* pourquoi : le texte reste en haut a gauche pendant qu'on lit les valeurs */
@media (min-width:1000px){
  .ab-why>.pg-head-t{position:sticky;top:calc(var(--stick, 80px) + var(--s-32))}
}
.ab-proof .quotes-well{margin-top:var(--s-8)}