/* AlloLib - accueil vendeur (REFONTE-VENDEUSE-20261110). Chargee apres accueil-v6.css et pleine-largeur.css.
   Telephone d'abord (412 px). Aucune librairie, aucune police externe (Figtree auto-hebergee). */
.av{--av-papier:#fff;--av-gris:#F3F6F9;--av-trait:#DCE3EB;--av-doux:#4B5B6E;--av-mint:#5EDCC8;--av-urgent:#B3361A;--av-urgent-fond:#FDECE6}

/* ---- Héros ---- */
.av-hero{position:relative;background:var(--nuit);color:#fff;padding:calc(var(--haut-entete) + 28px) 0 40px;overflow:hidden}
.av-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,rgba(94,220,200,.55) 0 2px,transparent 2px calc(100% / 24));opacity:.6}
.av-hero__grille{display:grid;gap:36px;align-items:center}
.av-kicker{font-size:.9375rem;font-weight:650;color:var(--av-mint)}
.av-hero h1{margin-top:12px;color:#fff;font-size:clamp(2.25rem,7.4vw + .4rem,4.5rem);line-height:1.04;letter-spacing:-.03em;font-weight:800;max-width:none}
.av-l1{display:block;font-weight:700}
.av-l2{display:block;font-size:1.12em;font-weight:850;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.av-sous{margin-top:18px;font-size:1.125rem;line-height:1.55;color:rgba(255,255,255,.86)}
.av-sous strong{color:#fff;font-weight:700}
.av-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.av-btn{width:100%;min-height:56px;font-size:1.0625rem;white-space:normal;text-align:center;line-height:1.2}
.av-btn--tel .ico{width:20px;height:20px}
.av-prix{margin-top:12px;font-size:.9375rem;color:rgba(255,255,255,.78)}
.av-preuves{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.av-preuves li{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.9375rem;font-weight:650;color:#fff;max-width:none}
.av-preuves .ico{width:17px;height:17px;color:var(--av-mint);stroke-width:2.5}
.av-qui{margin-top:18px;font-size:.9375rem;color:rgba(255,255,255,.78)}

/* écran de téléphone : trois notifications reçues pendant la nuit */
.av-ecran{margin:0}
.av-tel{position:relative;max-width:380px;margin-inline:auto;padding:28px 14px 18px;border-radius:34px;background:linear-gradient(180deg,#14304F 0%,#0C1E33 100%);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.av-tel__heure{text-align:center;font-size:3.5rem;font-weight:300;line-height:1;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;max-width:none}
.av-tel__jour{margin-top:6px;text-align:center;font-size:.875rem;color:rgba(255,255,255,.75);max-width:none}
.av-notifs{display:grid;gap:10px;margin-top:22px}
.av-notif{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.94);color:var(--encre);max-width:none}
.av-notif p{max-width:none}
.av-notif__tete{display:flex;justify-content:space-between;gap:8px;font-size:.8125rem;color:var(--av-doux)}
.av-notif__tete span:first-child{display:inline-flex;align-items:center;gap:6px;font-weight:650}
.av-notif__tete .ico{width:15px;height:15px}
.av-notif__titre{margin-top:4px;font-weight:750;font-size:.9688rem;line-height:1.3}
.av-notif__txt{margin-top:2px;font-size:.9063rem;color:var(--texte)}
.av-notif--urgent{background:#fff;box-shadow:inset 4px 0 0 var(--av-urgent)}
.av-notif--urgent .av-notif__titre{color:var(--av-urgent)}
.av-legende{margin-top:12px;text-align:center;font-size:.8125rem;color:rgba(255,255,255,.7)}
@media (prefers-reduced-motion:no-preference){
  .av-notif{animation:av-arrive .5s var(--ease) both;animation-delay:calc(.35s + var(--n) * .45s)}
  @keyframes av-arrive{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
}
@media (min-width:640px){
  .av-actions{flex-direction:row;flex-wrap:wrap}
  .av-btn{width:auto;flex:1 1 auto}
}
@media (min-width:960px){
  .av-hero{padding:calc(var(--haut-entete) + 64px) 0 88px}
  .av-hero__grille{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:64px}
  .av-sous{font-size:1.25rem}
}

/* ---- Titres de section (sans étiquette au-dessus) ---- */
.av-tete{max-width:46rem;margin-bottom:28px}
.av-tete h2,.av-cr__texte h2,.av-espace h2,.av-tarif h2,.av-cout h2{font-size:clamp(1.75rem,3.2vw + 1rem,2.75rem)}
.av-note{margin-top:24px;font-size:.9375rem;color:var(--av-doux)}

/* ---- Coût d'un appel manqué ---- */
.av-cout__cmp{margin-top:18px;font-size:1.0625rem;color:rgba(255,255,255,.88)}
.av-cout__cmp strong{color:#fff}
.av-lien-clair a{color:var(--av-mint)}

/* ---- Trois étapes (vraie suite) ---- */
.av-etapes{display:grid;gap:14px;counter-reset:none}
.av-etapes li{position:relative;padding:20px 20px 20px 72px;border:1px solid var(--av-trait);border-radius:18px;background:var(--av-papier);max-width:none}
.av-etapes__n{position:absolute;left:20px;top:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--action);color:#fff;font-weight:800;font-size:1.125rem}
.av-etapes h3{font-size:1.1875rem}
.av-etapes p{margin-top:6px;color:var(--av-doux)}
@media (min-width:960px){.av-etapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.av-etapes li{padding:72px 24px 24px}.av-etapes__n{top:24px;left:24px}}

/* ---- Exemple de compte rendu ---- */
.av-cr__grille{display:grid;gap:32px;align-items:start}
.av-liste{display:grid;gap:10px;margin-top:22px}
.av-liste li{position:relative;padding-left:22px;max-width:none}
.av-liste li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--action)}
.av-liste strong{color:var(--encre)}
.av-choix{margin-top:20px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--av-trait)}
.av-mail{position:relative;margin:0;padding:20px 18px 18px;border-radius:20px;background:#fff;border:1px solid var(--av-trait);box-shadow:0 2px 4px rgba(11,26,46,.05),0 18px 40px rgba(11,26,46,.10)}
.av-mail p,.av-mail dd{max-width:none}
.av-mail__exemple{position:absolute;top:-12px;right:16px;padding:3px 12px;border-radius:999px;background:var(--encre);color:#fff;font-size:.8125rem;font-weight:700}
.av-mail__tete{display:flex;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--av-trait)}
.av-mail__tete img{flex:none;margin-top:2px;padding:5px;border-radius:10px;background:var(--nuit);box-sizing:content-box;width:26px;height:26px}
.av-nw{white-space:nowrap}
.av-metiers a{line-height:1.2}
.av-mail__de{font-weight:750;color:var(--encre)}
.av-mail__de span{margin-left:6px;font-weight:500;font-size:.875rem;color:var(--av-doux)}
.av-mail__objet{margin-top:2px;font-size:.9688rem;color:var(--texte)}
.av-mail__urgent{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--av-urgent-fond);color:var(--av-urgent);font-weight:800;font-size:1rem}
.av-mail__corps{display:grid;gap:0;margin:8px 0 0}
.av-mail__corps>div{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid #EEF2F6}
.av-mail__corps>div:last-child{border-bottom:0}
.av-mail__corps dt{font-size:.8125rem;font-weight:700;color:var(--av-doux)}
.av-mail__corps dd{margin:0;color:var(--encre);font-weight:550}
.av-mail__corps em{font-style:normal;font-weight:700;color:var(--action-hover)}
.av-mail__num{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.av-mail__btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;background:var(--action);color:#fff;font-weight:700;font-size:.875rem}
.av-mail__btn .ico{width:16px;height:16px}
.av-mail__note{margin-top:12px;font-size:.8125rem;color:var(--av-doux)}
@media (min-width:960px){.av-cr__grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.av-mail{padding:28px}.av-mail__corps>div{grid-template-columns:11rem 1fr;gap:12px}}

/* ---- Personnalisation ---- */
.av-citation{margin:0 0 28px;padding:20px 20px 18px;border-left:4px solid var(--action);background:var(--av-gris);border-radius:0 16px 16px 0}
.av-citation p{font-size:clamp(1.1875rem,1.4vw + .9rem,1.5rem);line-height:1.4;font-weight:650;color:var(--encre)}
.av-citation footer{margin-top:8px;font-size:.875rem;color:var(--av-doux)}
.av-perso{display:grid;gap:12px}
.av-perso li{padding:18px 18px 16px;border-top:3px solid var(--action);background:#fff;border-radius:0 0 14px 14px;box-shadow:0 1px 0 var(--av-trait) inset,0 0 0 1px var(--av-trait) inset;max-width:none}
.av-perso h3{font-size:1.125rem}
.av-perso p{margin-top:6px;color:var(--av-doux)}
.av-qui-bloc{margin-top:28px;padding:22px 20px;border-radius:18px;background:var(--nuit);color:rgba(255,255,255,.86)}
.av-qui-bloc h3{color:#fff;font-size:1.25rem}
.av-qui-bloc p{margin-top:10px}
.av-qui-bloc strong{color:#fff}
@media (min-width:960px){.av-perso{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.av-qui-bloc{padding:32px 36px}}

/* ---- Espace client ---- */
.av-espace{display:grid;gap:24px}
.av-espace__liste{display:grid;gap:10px}
.av-espace__liste li{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--av-trait);font-weight:600;color:var(--encre);max-width:none}
.av-espace__liste .ico{margin-top:2px;color:var(--action);stroke-width:2.25}
@media (min-width:960px){.av-espace{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}}

/* ---- Métiers ---- */
.av-metiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.av-metiers li{max-width:none}
.av-metiers a{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 14px;border-radius:14px;border:1.5px solid var(--av-trait);background:#fff;color:var(--encre);font-weight:700;text-decoration:none}
.av-metiers a:hover{border-color:var(--action);color:var(--action)}
.av-metiers .ico{color:var(--action)}
@media (min-width:960px){.av-metiers{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* ---- Tarif ---- */
.av-tarif{display:grid;gap:28px;align-items:center}
.av-offre{padding:24px 20px;border-radius:22px;background:#fff;color:var(--texte)}
.av-offre p,.av-offre li{max-width:none}
.av-offre__1er{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--av-mint);color:var(--nuit);font-weight:800;font-size:1rem}
.av-offre__prix{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:14px}
.av-offre__n{font-size:clamp(3.25rem,10vw,4.5rem);font-weight:850;line-height:1;letter-spacing:-.04em;color:var(--encre)}
.av-offre__u{font-weight:650;color:var(--av-doux)}
.av-offre__liste{display:grid;gap:10px;margin:20px 0 22px}
.av-offre__liste li{display:flex;gap:10px;align-items:flex-start}
.av-offre__liste .ico{margin-top:3px;color:var(--action);stroke-width:2.5}
.av-offre__liste strong{color:var(--encre)}
.av-offre__cond{margin-top:14px;font-size:.9375rem;color:var(--av-doux)}
@media (min-width:960px){.av-tarif{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.av-offre{padding:36px}}

/* ---- Fin ---- */
#fin .final .av-actions{margin-top:0}
.av-societe{margin-top:20px;font-size:.875rem;color:var(--av-doux)}

/* sections sous le premier écran : rendu différé, tailles estimées */
.av #compte-rendu,.av #votre-accueil,.av #la-main,.av #pourquoi,.av #offres,.av #fonctionnement,.av #questions,.av #fin{content-visibility:auto;contain-intrinsic-size:auto 900px}

/* ---- AUDIT-VENDEUR-20261110 : sections ajoutées ---- */
/* 2. Écoutez-la répondre */
.av-ecoute{background:var(--av-gris)}
.av-ecoute__grille{display:grid;gap:20px;align-items:center}
.av-ecoute h2{font-size:clamp(1.75rem,3.2vw + 1rem,2.75rem)}
.av-ecoute .chapeau strong{color:var(--encre)}
.av-ecoute__action{display:grid;gap:10px}
.av-ecoute__note{font-size:.9375rem;color:var(--av-doux)}
.av-demos{grid-column:1/-1}
@media (min-width:960px){.av-ecoute__grille{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px}}
/* 3. seuil de rentabilité du calculateur */
.calc__seuil{margin-top:14px;padding:12px 14px;border-radius:12px;background:#EAF7F4;color:var(--encre);font-size:.9688rem;line-height:1.45}
.calc__seuil strong{color:#0A5C50}
/* 4. métiers sous l'exemple de compte rendu */
.av-metiers-bloc{margin-top:32px}
/* 5. Vous gardez la main + 7. Pourquoi 99 € : cartes */
.av-cartes,.av-pourquoi{display:grid;gap:12px}
.av-cartes li,.av-pourquoi li{padding:18px 18px 16px;border:1px solid var(--av-trait);border-radius:16px;background:#fff;max-width:none}
.av-cartes li{border-top:3px solid var(--action)}
.av-cartes h3,.av-pourquoi h3{font-size:1.125rem;line-height:1.3}
.av-cartes p,.av-pourquoi p{margin-top:6px;color:var(--av-doux)}
.av-pourquoi__fin{margin-top:20px;font-size:1.0625rem;color:var(--encre)}
.av-franc{margin-top:24px;padding:18px 20px;border-radius:16px;background:var(--av-gris);border-left:4px solid var(--av-doux)}
.av-franc h3{font-size:1.125rem}
.av-franc p{margin-top:6px;color:var(--texte)}
@media (min-width:640px){.av-cartes,.av-pourquoi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.av-cartes,.av-pourquoi{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
/* 8. engagements écrits (sur fond nuit) */
.av-engagements{margin-top:24px;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04)}
.av-engagements h3{color:#fff;font-size:1.1875rem}
.av-engagements ul{display:grid;gap:10px;margin-top:12px}
.av-engagements li{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.88);max-width:none}
.av-engagements li strong{color:#fff}
.av-engagements .ico{flex:none;margin-top:3px;color:var(--av-mint);stroke-width:2.5}
.av-engagements a{color:var(--av-mint);text-decoration:underline;text-underline-offset:2px}
.av-societe a{color:#0A5C50;text-decoration:underline;text-underline-offset:2px}
.av-societe{background:#fff;position:relative}