/* V6 — lisibilité, profils, extraits, état vide du configurateur */
.hero h1{font-size:clamp(40px,4.6vw,62px)}
.hero .audience{margin-top:14px;font-size:15px;color:#c3d3df;max-width:540px}
.eyebrow{font-size:12px}
.stats small{font-size:11px!important}.stat span{font-size:14px!important}
.form-help,.viz-note,.fine{font-size:14px!important;line-height:1.55}
.panel label{font-size:14px}
/* profils */
.profiles{padding-top:24px}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.profile{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fff}
.profile b{display:block;font-size:18px;margin:12px 0 6px}
.profile p{font-size:15px;color:var(--muted)}
.p-ic{width:44px;height:44px;border-radius:10px;background:#fbf1ea;display:grid;place-items:center}
.p-ic svg{width:22px;height:22px;fill:none;stroke:#c4572b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* extraits */
.sheets{grid-template-columns:1fr!important;gap:14px!important}
.sheet img{height:auto!important;max-height:360px;object-fit:contain!important}
.sheet small{font-size:12px!important;letter-spacing:.06em!important}
.sheets-caption{font-size:13px;color:var(--muted);margin:2px 0 0}
/* CTA intermédiaire */
.mid-cta{margin-top:40px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mid-cta span{font-size:14px;color:var(--muted)}
/* configurateur : état vide */
.viz-example{position:relative}
.viz-example svg{opacity:.45}
.viz-example span{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:#0f2638;border:1px solid rgba(255,255,255,.25);color:#e6eef3;font-size:14px;padding:8px 14px;border-radius:999px;white-space:nowrap}
#est-count.is-unknown{font-size:30px!important}
@media(max-width:1000px){.profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero h1{font-size:36px}.hero .lead{font-size:17px}.profile-grid{grid-template-columns:1fr}.profile{padding:18px}.mid-cta .btn{width:100%;justify-content:center}}

/* V7 : espace pour le badge Netlify, sans le masquer ni modifier le plan. */
@media(max-width:760px){
  .mbar{bottom:calc(72px + env(safe-area-inset-bottom,0px));padding-bottom:10px}
  body{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
}
