/* =========================================================================
   KERIA — V23 (Remix 06/2026)
   Additifs GTM : clarification, réassurance, singularité par cible,
   double-entrée courtage. S'appuie sur les tokens de keria.css.
   ========================================================================= */

/* ---------- Menu Professionnels : vue d'ensemble + cibles métier ---------- */
.submenu .sub-label{display:block;font-family:var(--font-caps);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:700;padding:11px 14px 5px}
.submenu .sub-lead{background:var(--cobalt-bg);border:1px solid var(--cobalt-line);margin-bottom:2px}
.submenu .sub-lead .si{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}
.submenu .sub-lead b{color:var(--cobalt-ink)}
.submenu .sub-lead:hover{background:var(--cobalt-bg)}
@media(max-width:980px){
  .site-header .nav-links.open .submenu .sub-label{padding-left:0;color:var(--on-navy-3)}
  .site-header .nav-links.open .submenu .sub-lead{background:rgba(102,153,245,.14);border-color:rgba(102,153,245,.3);padding-left:12px;padding-right:12px}
  .site-header .nav-links.open .submenu .sub-lead b{color:var(--cobalt-bright)}
}

/* ---------- Bloc de clarification GTM (haut de home) ---------- */
.clarif{max-width:1000px;margin:0 auto;text-align:center}
.clarif-lead{font-size:clamp(1.06rem,1.5vw,1.28rem);line-height:1.6;color:var(--ink-soft);max-width:74ch;margin:0 auto;text-wrap:pretty}
.clarif-lead b{color:var(--ink);font-weight:600}
.clarif-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px auto 0;max-width:920px}
.clarif-chips li{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--ink-soft);
  background:var(--surface);border:1px solid var(--line-2);border-radius:999px;padding:9px 15px;box-shadow:var(--shadow-sm)}
.clarif-chips li svg{width:15px;height:15px;flex:none;color:var(--green)}
.clarif-chips li.feat svg{color:var(--cobalt)}
@media(max-width:600px){.clarif-chips li{font-size:.8rem;padding:8px 12px}}

/* ---------- Mention de prudence juridique (apport, rémunération) ---------- */
.legal-note{display:flex;gap:10px;align-items:flex-start;max-width:62ch;margin:14px 0 0;
  font-size:.82rem;line-height:1.5;color:var(--muted-2)}
.legal-note svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--muted-2)}
.center .legal-note{margin-left:auto;margin-right:auto}

/* ---------- Bandeau « rémunéré, pas facturé » (remonté, pleine largeur) ---------- */
.payoff{position:relative;overflow:hidden;border-radius:var(--r-2xl);
  background:radial-gradient(620px 320px at 12% -20%,rgba(37,99,235,.22),transparent 60%),linear-gradient(160deg,var(--navy-3),var(--navy-2));
  border:1px solid var(--navy-soft);box-shadow:var(--shadow-navy);color:var(--on-navy);
  padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,52px);align-items:center}
.payoff::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.9),transparent)}
.payoff h2{color:var(--on-navy);margin:.3em 0 .4em}
.payoff .lead{color:var(--on-navy-2)}
.payoff-points{list-style:none;display:grid;gap:14px;margin:0}
.payoff-points li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--r);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.payoff-points .pi{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(102,153,245,.14);color:var(--cobalt-bright);border:1px solid rgba(102,153,245,.3)}
.payoff-points .pi svg{width:20px;height:20px}
.payoff-points b{display:block;color:#fff;font-size:1rem;font-weight:600}
.payoff-points p{color:var(--on-navy-2);font-size:.88rem;margin:2px 0 0;line-height:1.45}
.payoff-points .pi.green{background:var(--green-bg);border-color:rgba(5,150,105,.45);color:var(--green-bright)}
@media(max-width:980px){.payoff{grid-template-columns:1fr;gap:30px}}

/* ---------- Singularité visuelle par cible (accent de segment) ---------- */
/* Promoteurs — bandeau « plan / programme » */
.seg-accent{position:relative}
.seg-accent .eyebrow{color:var(--seg,var(--cobalt))}
.seg-accent .eyebrow::before{background:var(--seg,var(--cobalt))}
.seg-ribbon{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:18px 22px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}
.seg-ribbon .tag{font-family:var(--font-caps);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:var(--seg,var(--cobalt));display:inline-flex;align-items:center;gap:8px}
.seg-ribbon .tag svg{width:16px;height:16px}
.seg-ribbon .sep{width:1px;height:20px;background:var(--line-2)}
.seg-ribbon span.meta{font-size:.9rem;color:var(--muted)}

/* Univers de segment : motif de fond discret derrière le hero spot-card */
.seg-pattern{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none}

/* ---------- Double entrée (page courtage) ---------- */
.split-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.entry-card{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:clamp(28px,3vw,40px);
  border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.entry-card:hover{transform:translateY(-4px);border-color:var(--cobalt-line);box-shadow:var(--shadow)}
.entry-card .ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px;
  background:var(--cobalt-bg);color:var(--cobalt);border:1px solid var(--cobalt-line)}
.entry-card .ic svg{width:26px;height:26px}
.entry-card .who{font-family:var(--font-caps);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--cobalt);margin-bottom:6px}
.entry-card h3{font-size:1.5rem;margin-bottom:10px}
.entry-card p{color:var(--muted);font-size:.98rem;margin-bottom:18px}
.entry-card .check-list{margin:0 0 26px}
.entry-card .btn{margin-top:auto;align-self:flex-start}
.entry-card.is-pro{background:linear-gradient(165deg,var(--navy-3),var(--navy-2));border-color:var(--navy-soft);color:var(--on-navy);box-shadow:var(--shadow-navy)}
.entry-card.is-pro::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.9),transparent)}
.entry-card.is-pro h3{color:var(--on-navy)}
.entry-card.is-pro p{color:var(--on-navy-2)}
.entry-card.is-pro .who{color:var(--cobalt-bright)}
.entry-card.is-pro .ic{background:rgba(102,153,245,.14);color:var(--cobalt-bright);border-color:rgba(102,153,245,.3)}
.entry-card.is-pro .check-list li{color:var(--on-navy-2)}
.entry-card.is-pro .check-list li svg{color:var(--cobalt-bright)}
@media(max-width:760px){.split-2{grid-template-columns:1fr}}

/* ---------- Header : collapse nav→burger sous 1300px pour éviter tout débordement du CTA long ---------- */
.site-header .nav-links>li>a{white-space:nowrap}

/* ---------- Chip logo Cézam (bandeau moteur À propos) ---------- */
.engine .cz-logo{flex:none;background:#fff;border-radius:14px;padding:14px 18px;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;place-items:center}
.engine .cz-logo img{height:42px;width:auto;display:block}
@media(max-width:1300px){
  .site-header .nav-links{display:none}
  .site-header .nav-cta .btn-ghost{display:none}
  .site-header .burger{display:flex}
  .site-header .nav-links.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;padding:12px 28px 22px;background:var(--navy-3);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);z-index:95}
  .site-header .nav-links.open>li{width:100%}
  .site-header .nav-links.open>li>a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);width:100%;color:var(--on-navy)}
  .site-header .nav-links.open .submenu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;background:transparent;border:none;padding:4px 0 8px;min-width:0}
  .site-header .nav-links.open .submenu a{color:var(--on-navy-2)}
  .site-header .nav-links.open .submenu b{color:#fff}
  .site-header .nav-links.open .submenu b + span{color:var(--on-navy-3)}
  .site-header .nav-links.open .submenu .sub-label{color:var(--on-navy-3)}
}

/* ---------- Parcours rassurant (Particuliers : 5 étapes) ---------- */
.reassure{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:40px 0 0}
.reassure li{position:relative;flex:0 0 calc((100% - 72px)/5);min-width:0;padding:24px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}
.reassure .rn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green-bg);color:var(--green);border:1px solid rgba(5,150,105,.3);font-family:var(--font-display);font-weight:700;font-size:.95rem;margin-bottom:14px}
.reassure b{display:block;font-family:var(--font-display);font-size:1.02rem;font-weight:600;color:var(--ink);margin-bottom:6px;line-height:1.2}
.reassure p{color:var(--muted);font-size:.86rem;line-height:1.45;margin:0}
@media(max-width:1080px){.reassure li{flex-basis:calc((100% - 36px)/3)}}
@media(max-width:680px){.reassure li{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:460px){.reassure li{flex-basis:100%}}

/* ---------- Comparatif d'offres (singularité Agences : négociation) ---------- */.offer-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;margin:50px auto 0;max-width:920px}
.offer-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;background:var(--surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.offer-card .oc-tag{font-family:var(--font-caps);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted-2)}
.offer-card .oc-price{font-family:var(--font-display);font-weight:700;font-size:2rem;color:var(--ink);margin:6px 0 18px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}
.offer-card .oc-price small{font-size:.5em;font-weight:600;color:var(--muted-2);letter-spacing:.04em}
.offer-card ul{list-style:none;display:grid;gap:11px;margin:0 0 20px;flex:1}
.offer-card ul li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--ink-soft);line-height:1.45}
.offer-card ul li svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--muted-2)}
.offer-card .oc-verdict{text-align:center;font-weight:600;font-size:.95rem;padding:12px;border-radius:var(--r);background:var(--paper-2);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px}
.offer-card .oc-verdict svg{width:17px;height:17px}
.offer-card.is-win{border-color:var(--cobalt-line);box-shadow:var(--shadow);background:linear-gradient(180deg,var(--cobalt-bg),var(--surface) 58%)}
.offer-card.is-win .oc-tag{color:var(--cobalt-ink)}
.offer-card.is-win ul li svg{color:var(--green)}
.offer-card.is-win .oc-verdict{background:var(--green-bg);color:var(--green)}
.offer-vs{align-self:center;font-family:var(--font-display);font-weight:700;color:var(--muted-2);font-size:1rem;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--surface)}
@media(max-width:760px){.offer-compare{grid-template-columns:1fr;gap:14px}.offer-vs{margin:0 auto}}

/* ---------- Flow timeline (singularité Promoteurs : commercialisation) ---------- */
.flowline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:54px 0 0;position:relative}
.flowline li{position:relative;padding:0 18px;text-align:center}
.flowline li::before{content:"";position:absolute;top:27px;left:-50%;width:100%;height:2px;background:var(--line-2);z-index:0}
.flowline li:first-child::before{display:none}
.flowline .fl-ic{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:var(--surface);border:1px solid var(--line-2);color:var(--cobalt);box-shadow:var(--shadow-sm)}
.flowline .fl-ic svg{width:24px;height:24px}
.flowline li.is-key .fl-ic{background:var(--cobalt);border-color:var(--cobalt);color:#fff;box-shadow:0 10px 24px -8px rgba(37,99,235,.6)}
.flowline li.is-key .fl-ic::after{content:"24 h";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:.58rem;color:#fff;background:var(--green);padding:2px 7px;border-radius:999px;font-weight:600;white-space:nowrap}
.flowline b{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:5px}
.flowline p{color:var(--muted);font-size:.88rem;line-height:1.45;margin:0}
@media(max-width:760px){
  .flowline{grid-template-columns:1fr;gap:8px}
  .flowline li{display:grid;grid-template-columns:56px 1fr;text-align:left;gap:8px 16px;align-items:center;padding:10px 0}
  .flowline li::before{display:none}
  .flowline .fl-ic{margin:0;grid-row:span 2}
  .flowline b{align-self:end;margin:0}
  .flowline p{align-self:start}
}

/* ---------- Silos éditoriaux (Articles : SEO par cible) ---------- */
.silo-list{list-style:none;display:grid;gap:0;margin-top:6px}
.silo-list li{border-top:1px solid var(--line)}
.silo-list li:first-child{border-top:0}
.silo-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;color:var(--ink-soft);font-size:.94rem;font-weight:500;line-height:1.35;transition:color .2s}
.silo-list a svg{width:16px;height:16px;flex:none;color:var(--cobalt);opacity:0;transform:translateX(-4px);transition:.2s}
.silo-list a:hover{color:var(--cobalt)}
.silo-list a:hover svg{opacity:1;transform:none}

/* ---------- Bandeau 5 preuves « recommander Keria en confiance » ---------- */
.trust5{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:46px 0 0}
.trust5 li{flex:0 0 calc((100% - 72px)/5);min-width:0;text-align:center;padding:28px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}
.trust5 .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin:0 auto 14px;background:var(--cobalt-bg);color:var(--cobalt);border:1px solid var(--cobalt-line)}
.trust5 .ic svg{width:22px;height:22px}
.trust5 b{display:block;font-family:var(--font-display);font-size:.97rem;font-weight:600;color:var(--ink);line-height:1.28}
@media(max-width:1080px){.trust5 li{flex-basis:calc((100% - 36px)/3)}}
@media(max-width:680px){.trust5 li{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:460px){.trust5 li{flex-basis:100%}}

/* ---------- Carte exemple d'attestation de finançabilité ---------- */
.attest-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;max-width:480px;width:100%;margin-left:auto}
.attest-top{display:flex;align-items:center;gap:12px;padding:20px 26px;background:linear-gradient(165deg,var(--navy-3),var(--navy-2));color:var(--on-navy)}
.attest-top .mk{width:24px;height:auto;filter:brightness(0) invert(1)}
.attest-top .t{flex:1;min-width:0}
.attest-top .t b{display:block;font-family:var(--font-display);font-weight:600;font-size:1.02rem;color:#fff}
.attest-top .t span{font-family:var(--font-mono);font-size:.7rem;color:var(--on-navy-3)}
.attest-status{display:flex;align-items:center;gap:13px;padding:18px 26px;background:var(--green-bg);border-bottom:1px solid var(--line)}
.attest-status .ck{width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex:none}
.attest-status .ck svg{width:20px;height:20px}
.attest-status b{font-family:var(--font-display);font-weight:700;color:var(--green);font-size:1.1rem;line-height:1.1}
.attest-status span{display:block;font-size:.78rem;color:var(--ink-soft);margin-top:2px}
.attest-rows{padding:6px 26px}
.attest-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-top:1px dashed var(--line-2);font-size:.94rem}
.attest-row:first-child{border-top:0}
.attest-row .k{color:var(--muted)}
.attest-row .v{font-family:var(--font-mono);font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.attest-row .v.ok{color:var(--green);display:inline-flex;align-items:center;gap:6px}
.attest-row .v.ok svg{width:15px;height:15px}
.attest-foot{padding:14px 26px;background:var(--paper);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.72rem;color:var(--muted-2)}
.attest-note{padding:13px 26px 18px;font-size:.73rem;color:var(--muted-2);line-height:1.5;background:var(--paper)}
@media(max-width:860px){.attest-card{margin:0 auto}}

/* ---------- Soutien sans logo (texte) dans les bandeaux partenaires ---------- */
.logos .logo-name{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:1.02rem;color:var(--navy-2);white-space:nowrap;padding:0 6px;letter-spacing:-.01em}
.proof.nocturne .logos .logo-name{color:var(--on-navy)}
/* Soutien avec logo non cliquable (URL non communiquée) */
.proof .logos .logo-static{display:inline-flex;align-items:center;line-height:0}
.proof .logos .logo-static img{height:66px;width:auto;display:block;border-radius:11px}
.logos-marquee.is-animated .logos .logo-static{margin-right:42px}
@media(max-width:600px){.proof .logos .logo-static img{height:52px}.logos-marquee.is-animated .logos .logo-static{margin-right:30px}}

/* ---------- Simulateur : note d'affinage (zone retirée du funnel) ---------- */
.sim-affine{margin:14px 0 0;font-size:.78rem;line-height:1.5;color:var(--on-navy-3)}

/* ---------- Infobulle d'aide inline (?) ---------- */
.term-help{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--on-navy-3);color:var(--on-navy-2);font-size:.66rem;font-weight:700;cursor:help;vertical-align:middle;margin-left:5px;position:relative}
.term-help .tip{font-weight:400}

/* ---------- Confidentialité : « Qui dépose quoi ? Qui voit quoi ? » ---------- */
.who-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:stretch;margin-top:46px}
.who-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.who-card.is-keria{border-color:var(--cobalt-line);background:linear-gradient(180deg,var(--cobalt-bg),var(--surface) 60%)}
.who-card.is-pro{border-color:rgba(5,150,105,.28);background:linear-gradient(180deg,var(--green-bg),var(--surface) 60%)}
.who-card .who-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px;background:var(--paper-2);color:var(--muted);border:1px solid var(--line)}
.who-card.is-keria .who-ic{background:var(--cobalt-bg);color:var(--cobalt);border-color:var(--cobalt-line)}
.who-card.is-pro .who-ic{background:var(--green-bg);color:var(--green);border-color:rgba(5,150,105,.28)}
.who-card .who-ic svg{width:21px;height:21px}
.who-tag{font-family:var(--font-caps);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted-2)}
.who-card.is-keria .who-tag{color:var(--cobalt-ink)}
.who-card.is-pro .who-tag{color:var(--green)}
.who-card h3{font-family:var(--font-display);font-weight:600;font-size:1.12rem;color:var(--ink);margin:7px 0 9px;line-height:1.2}
.who-card p{color:var(--muted);font-size:.92rem;line-height:1.5;margin:0}
.who-arrow{align-self:center;color:var(--cobalt);flex:none}
.who-arrow svg{width:24px;height:24px}
.who-foot{display:flex;gap:10px;align-items:center;justify-content:center;text-align:center;margin-top:24px;font-size:.95rem;color:var(--ink-soft)}
.who-foot svg{width:18px;height:18px;color:var(--cobalt);flex:none}
@media(max-width:860px){.who-flow{grid-template-columns:1fr}.who-arrow{transform:rotate(90deg);justify-self:center}}


/* ---------- Démo produit « en conditions réelles » (pages métier) ---------- */
.demo-frame{max-width:900px;margin:46px auto 0;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:var(--surface)}
.demo-bar{display:flex;align-items:center;gap:12px;padding:11px 16px;background:linear-gradient(165deg,var(--navy-3),var(--navy-2));border-bottom:1px solid rgba(255,255,255,.08)}
.demo-bar .dots{display:flex;gap:6px}
.demo-bar .dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}
.demo-bar .demo-url{font-family:var(--font-mono);font-size:.74rem;color:var(--on-navy-3);background:rgba(255,255,255,.08);padding:3px 12px;border-radius:99px}
.demo-stage{position:relative;aspect-ratio:16/9;background:var(--navy-2)}
.demo-stage .demo-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.demo-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:radial-gradient(700px 360px at 50% 30%,rgba(37,99,235,.16),transparent 70%),linear-gradient(165deg,var(--navy-3),var(--navy-2));color:var(--on-navy-2)}
.demo-ph-ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff}
.demo-ph-ic svg{width:24px;height:24px;margin-left:3px}
.demo-ph p{font-size:.9rem;max-width:36ch;line-height:1.5;margin:0}
.demo-frame.has-video .demo-ph{display:none}

/* Statut dossier (mock hero) — feu tricolore : favorable / à optimiser / défavorable.
   Jamais de score chiffré, jamais de reste à vivre (confidentiel). */
.dstatus{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;line-height:1}
.dstatus::before{content:"";width:11px;height:11px;border-radius:50%;flex:none;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent)}
.dstatus-ok{color:#057048}
.dstatus-warn{color:#C77400}
.dstatus-ko{color:#C0392B}

/* ---------- Sceau « DOSSIER VÉRIFIÉ » : labels centrés sur l'arc ---------- */
.seal-cap{text-anchor:middle}

/* ---------- Capture lead : actions post-envoi (Refaire / Retour page pro) ---------- */
.lc-success{flex-wrap:wrap}
.lc-actions{display:flex;gap:10px;flex-basis:100%;margin-top:16px}
.lc-actions .btn{flex:1 1 auto;justify-content:center;min-width:170px}
@media(max-width:520px){.lc-actions{flex-wrap:wrap}.lc-actions .btn{flex-basis:100%}}