/* Page /pourquoi-etre-reference/ (v4) : compléments aux styles .aud-* de annuaire.css */
.aud-hero h1{max-width:14em}
.aud-hero .lead{margin:0 0 4px}
.aud-hero .aud-hello{margin:14px 0 0}
.aud-note{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:14.5px;font-weight:600;color:var(--gris)}
.aud-note .ic{color:var(--check);stroke-width:3}
.aud-proof{list-style:none;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--bord);display:flex;flex-wrap:wrap;gap:12px 32px}
.aud-proof li{display:flex;flex-direction:column;line-height:1.2}
.aud-proof strong{font-size:28px;font-weight:800;color:var(--vert);letter-spacing:-.02em}
.aud-proof span{font-size:14px;color:var(--gris)}
.aud-mock-row small .ic{vertical-align:-2px}

.aud-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aud-block{padding:22px 22px 24px}
.aud-block h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:20px}
.aud-block .aud-check{margin:0;gap:10px}
.aud-block .aud-check li{font-size:15.5px;line-height:1.4}
.aud-block.is-bonus{background:var(--menthe-3)}
.aud-block.is-bonus .aud-check li{font-weight:500}
.aud-tools-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;max-width:940px;margin:26px auto 0}
.aud-tools-line>p{margin:0;font-size:14px;font-weight:800;color:var(--vert)}
.aud-tools-line .chips{justify-content:center}

.aud-how{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:28px;align-items:center;max-width:980px;margin:0 auto}
.aud-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.aud-steps li{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--bord);border-radius:var(--rad);box-shadow:var(--ombre);padding:18px 20px;counter-increment:s}
.aud-steps li::before{content:counter(s);flex:none;width:42px;height:42px;border-radius:50%;background:var(--vert);color:#fff;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center}
.aud-steps h3{margin:0 0 2px;font-size:18px}
.aud-steps p{margin:0;color:var(--gris);font-size:15px}
.aud-how .pro-price{border:2px solid var(--orange);box-shadow:var(--ombre-2)}

.aud-final .aud-ctas{margin-top:18px}
.aud-final-note{margin:10px 0 0;font-weight:600;color:#e3e7ea}

@media (max-width:900px){
  .aud-blocks,.aud-how{grid-template-columns:1fr}
  .aud-how{gap:20px}
}
@media (max-width:600px){
  .aud-proof{gap:10px 22px}
  .aud-proof strong{font-size:23px}
  .aud-proof span{font-size:13px}
  .aud-block{padding:18px 18px 20px}
  .aud-steps li{padding:14px 16px;gap:14px}
  .aud-steps li::before{width:36px;height:36px;font-size:17px}
}
@media (max-width:600px){
  .aud-mock{padding:14px;gap:8px}
  .aud-mock-row.dim{display:none}
}