/* B22 : page Inbound externalisé garanti (/generation-de-leads/inbound-marketing/), 05/10/2026.
   Complète load-gabarit-offres.css et load-refonte-externalise.css, sans les modifier. */

/* Ancres sous l'en-tête fixe */
#constats,#objectif-prix,#mesure,#garantie,#pour-qui,#prix,#mini-audit,#RDV{scroll-margin-top:96px}

/* Haut de page : deux paragraphes, lien vers le prix */
main .hero .hero__chapo+.hero__chapo{margin-top:var(--e-2)}
main .hero .b22-lien-prix{margin-top:var(--e-2);font-size:var(--t-petit)}

/* L'offre en bref : valeurs longues sur plusieurs lignes, sans points de conduite */
.b22-bref .tarif{display:grid;grid-template-columns:minmax(7rem,9rem) 1fr;gap:var(--e-2);align-items:baseline;padding:.6rem 0}
.b22-bref .tarif__points{display:none}
.b22-bref .tarif__prix{white-space:normal;font-family:var(--f-texte);font-weight:400;font-size:var(--t-petit);line-height:1.4;color:var(--c-primaire)}
.b22-bref__note{margin-top:var(--e-3);font-size:var(--t-legende);color:var(--c-texte-doux);text-wrap:balance}
@media (width<=480px){.b22-bref .tarif{grid-template-columns:1fr;gap:.15rem}}

/* Définition : phrase d'introduction de la liste */
main .b22-principe{margin-top:var(--e-3)}

/* Paragraphes courants, centrés dans la page */
main .b22-texte{max-width:68ch;margin:var(--e-3) auto 0;text-wrap:pretty}
main .b22-texte+.b22-texte{margin-top:var(--e-2)}
main .vx-jauge+.sous-titre,main .vx-seq+.sous-titre{margin-top:var(--e-5)}

/* Tableau du plan de charge : lisible sur téléphone, sans défilement */
main .b22-tableau{max-width:860px;margin-inline:auto}
main .b22-tableau .comparatif{min-width:0}
@media (width<=480px){main .b22-tableau .comparatif th,main .b22-tableau .comparatif td{padding:var(--e-2)}}

/* Prix : texte de la seconde carte */
.b22-carte__texte{margin-top:var(--e-3);font-size:var(--t-petit);text-wrap:pretty}

/* Déroulé de l'année : sept étapes, quatre puis trois cartes */
@media (width>900px){main #deroulement .etapes[data-astro-cid-lsmuecis] li[data-astro-cid-lsmuecis]{flex:0 0 calc((100% - 3 * var(--e-3)) / 4)}}

/* Mini-audit : liste, formulaire, confirmation, agenda */
main .b22-audit__liste{max-width:640px;margin-inline:auto;margin-top:var(--e-4)}
.b22-form{max-width:680px;margin:var(--e-5) auto 0}
.b22-form .fbrevo[data-astro-cid-uiflwvrb]{border-radius:14px;padding:var(--e-5) var(--e-4);box-shadow:0 14px 34px rgb(0 48 63 / 8%)}
.b22-form .fbrevo__intro{text-align:center;font-size:var(--t-petit);color:var(--c-texte-doux);margin-bottom:var(--e-4)}
.b22-form .fbrevo__form[data-astro-cid-uiflwvrb] .btn[data-astro-cid-uiflwvrb]{justify-self:center;min-width:12rem;cursor:pointer}
.b22-form .fbrevo__form[hidden]{display:none}
.b22-form__merci{padding:var(--e-4);border-radius:12px;background:var(--c-carte-vert);text-align:center;text-wrap:balance}
.b22-form__merci:focus{outline:3px solid #9fc0ff;outline-offset:2px}
.b22-form__mention{margin-top:var(--e-3);font-size:var(--t-legende);color:var(--c-texte-doux);text-align:center;text-wrap:balance}
main .b22-rdv{margin-top:var(--e-5)}
main .b22-agenda{max-width:860px;margin-inline:auto}
@media (width<=480px){.b22-form .fbrevo[data-astro-cid-uiflwvrb]{padding:var(--e-4) var(--e-3)}.b22-form .fbrevo__form[data-astro-cid-uiflwvrb] .btn[data-astro-cid-uiflwvrb]{justify-self:stretch}}