/* ═══════════════════════════════════════════════════════════════════════
   pillar-v7.css : Template pilier V7 « Le Comptoir » (11 formations)
   Extrait VERBATIM du <style> de la maquette validée
   native/pages/dev-revue-design/retour-claude-design/pilier-excel-V7-signature.html
   + bloc .v6-po3 (pack 3 en 1) repris de pilier-pack-office-V7.html.
   Tokens des 11 formations en tête (inchangés). Ne pas modifier un token
   sans relire TOKENS-FORMATIONS.md (contrastes calibrés).
   ═══════════════════════════════════════════════════════════════════════ */
/* ═══ SYSTÈME 11 FORMATIONS : seul l'accent change, le socle (nuit #17123a, typos, structure, photos) est constant.
   Prennent l'accent : eyebrows, CTA primaires + hovers, liens, surlignages mark, tags/pastilles,
   bordures actives (carte populaire, session suivante, quiz hover, FAQ ouverte, sélection métiers),
   halo + cellules déco du hero, fil du programme, coches, jauges/barres, focus clavier. ═══ */
:root{--brand:#0F8F6A;--brand-dark:#0B7355;--brand-ink:#0a6b4f;--brand-light:#5EEAC0;--brand-pale:#e2f6ee;--brand-mute:#edf2ee}/* excel (marque #28A745) */
[data-formation="word"]{--brand:#2B579A;--brand-dark:#234A85;--brand-ink:#1f4278;--brand-light:#A3C6F8;--brand-pale:#e7eef9;--brand-mute:#eef1f6}
[data-formation="powerpoint"]{--brand:#C43E1C;--brand-dark:#A83517;--brand-ink:#983013;--brand-light:#FFB196;--brand-pale:#fbe8e2;--brand-mute:#f6efec}
[data-formation="packoffice"]{--brand:#0069BD;--brand-dark:#00579D;--brand-ink:#004f8f;--brand-light:#85C8FF;--brand-pale:#e3f1fc;--brand-mute:#ecf1f6}
[data-formation="photoshop"]{--brand:#0F6390;--brand-dark:#0C5278;--brand-ink:#0b4b6e;--brand-light:#7ED2FA;--brand-pale:#e3f2f9;--brand-mute:#ecf1f5}
[data-formation="pao"]{--brand:#6B2BD9;--brand-dark:#5A23B8;--brand-ink:#511fa6;--brand-light:#C7ADFA;--brand-pale:#f0e9fd;--brand-mute:#f1eef6}
[data-formation="cao3d"]{--brand:#4C51BF;--brand-dark:#4045A3;--brand-ink:#3a3e93;--brand-light:#B5B9F6;--brand-pale:#eaebfa;--brand-mute:#eff0f6}
[data-formation="wordpress"]{--brand:#21759B;--brand-dark:#1B6182;--brand-ink:#185876;--brand-light:#8ED3EF;--brand-pale:#e5f2f8;--brand-mute:#edf2f5}
[data-formation="webmarketing"]{--brand:#C2410C;--brand-dark:#A5370A;--brand-ink:#963209;--brand-light:#FDBA8C;--brand-pale:#fdeada;--brand-mute:#f6efe9}
[data-formation="googlesheets"]{--brand:#0B8043;--brand-dark:#096B38;--brand-ink:#086133;--brand-light:#7DEBB0;--brand-pale:#e2f6ea;--brand-mute:#edf3ee}
[data-formation="googleworkspace"]{--brand:#1967D2;--brand-dark:#1557B0;--brand-ink:#134e9e;--brand-light:#A8C7FA;--brand-pale:#e8f0fe;--brand-mute:#eef2f9}
/* ═══ V6 « Le Comptoir » libre : CSS pur, palette et typos francefg, textes verbatim ═══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',system-ui,sans-serif;background:#fff;color:#3A4450;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;line-height:1.5}
a{text-decoration:none;color:var(--brand)}
img{display:block;max-width:100%}
button{font:inherit;cursor:pointer;background:none;border:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 2rem}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-dark)}
.h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.025em;color:#17123a;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12;text-wrap:balance}
.btn{display:inline-block;background:var(--brand);color:#fff;border-radius:999px;padding:.85rem 1.7rem;font-weight:700;font-size:1rem;transition:background .15s,transform .15s}
.btn:hover{background:var(--brand-dark);transform:translateY(-1px)}
.btn-line{color:#17123a;font-weight:600;border-bottom:1.5px solid #c6cfdc;padding-bottom:.15rem}
.js [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.js [data-rv].in{opacity:1;transform:none}

/* ── BLOC 1 · HERO : la feuille de calcul ── */
.v6-hero{position:relative;overflow:hidden;padding:5.5rem 0 4.5rem;
  background:
    linear-gradient(rgba(23,18,58,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,18,58,.045) 1px,transparent 1px),
    linear-gradient(178deg,#f4f2fc 0%,color-mix(in srgb, var(--brand) 4%, #fff) 55%,#fff 100%);
  background-size:64px 40px,64px 40px,100% 100%}
.v6-cell{position:absolute;border-radius:4px;pointer-events:none}
.v6-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:4rem;align-items:center}
.v6-badge{display:inline-flex;align-items:center;gap:.45rem;border:1px solid color-mix(in srgb, var(--brand) 25%, transparent);background:var(--brand-pale);border-radius:999px;padding:.35rem .9rem;font-size:.78rem;font-weight:600;color:var(--brand-ink);margin-bottom:1.6rem}
.v6-h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.035em;color:#17123a;margin-bottom:1.5rem;text-wrap:balance}
.v6-h1 em{font-style:normal;color:var(--brand)}
.v6-sub{font-size:1.05rem;line-height:1.7;color:#5A6472;max-width:34rem;margin-bottom:2rem}
.v6-ctas{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-bottom:1rem}
.v6-quiz{font-size:.9rem;color:#5A6472}
.v6-quiz a{color:#3A1D7C;font-weight:600}
.v6-hero-img{width:100%;height:260px;object-fit:cover;object-position:center 40%;border-radius:24px;margin-top:3.5rem;box-shadow:0 20px 50px rgba(23,18,58,.12)}
/* stats compteurs dans le Comptoir */
.v6w-stats{display:flex;gap:0;margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14)}
.v6w-stats>div{flex:1;text-align:center;border-left:1px solid rgba(255,255,255,.14)}
.v6w-stats>div:first-child{border-left:none}
.v6w-stats b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.25rem;line-height:1;letter-spacing:-.02em;color:var(--brand-light);font-variant-numeric:tabular-nums}
.v6w-stats b small{font-size:60%;font-weight:800;color:rgba(255,255,255,.5)}
.v6w-stats span{display:block;margin-top:.25rem;font-size:.68rem;color:rgba(255,255,255,.55)}
/* le widget Comptoir */
.v6w{position:relative;background:#17123a;border-radius:28px;padding:1.8rem 1.7rem 1.5rem;color:#fff;box-shadow:0 40px 90px rgba(23,18,58,.42)}
.v6w::before{content:'';position:absolute;top:-14px;right:34px;width:56px;height:28px;background:var(--brand-light);border-radius:6px;transform:rotate(-3deg)}
.v6w-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-light);margin-bottom:.9rem}
.v6w-opts{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.9rem}
.v6w-opt{display:flex;justify-content:space-between;align-items:center;gap:.8rem;width:100%;border:1.5px solid rgba(255,255,255,.18);border-radius:14px;padding:.75rem 1rem;font-size:.9rem;color:rgba(255,255,255,.7);text-align:left;transition:all .15s}
.v6w-opt b{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.v6w-opt:hover{border-color:color-mix(in srgb, var(--brand-light) 50%, transparent)}
.v6w-opt.on{background:color-mix(in srgb, var(--brand-light) 14%, transparent);border-color:var(--brand-light);color:#fff}
.v6w-mode{display:flex;gap:.3rem;background:rgba(255,255,255,.07);border-radius:999px;padding:.25rem;margin-bottom:1.1rem}
.v6w-mode button{flex:1;border-radius:999px;padding:.5rem 0;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.65);transition:all .15s}
.v6w-mode button.on{background:#fff;color:#17123a}
.v6w-date{font-size:.8rem;color:rgba(255,255,255,.6);margin-bottom:.2rem;min-height:1.2rem}
.v6w-price{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:3.4rem;line-height:1;letter-spacing:-.03em;margin-bottom:.25rem;transition:transform .18s ease;transform-origin:left bottom}
.v6w-price.pulse{transform:scale(1.06)}
.v6w-note{display:block;font-size:.78rem;font-weight:500;color:rgba(255,255,255,.6);margin-bottom:1.1rem}
.v6w-cta{display:block;text-align:center;background:var(--brand);color:#fff;border-radius:999px;padding:.95rem 0;font-weight:700;font-size:1.02rem;transition:background .15s}
.v6w-cta:hover{background:var(--brand-dark)}
.v6w-cpf{text-align:center;margin-top:.7rem;font-size:.8rem}
.v6w-cpf a{color:var(--brand-light);font-weight:600}

/* ── BLOC 2 · PROGRAMME : les 5 marches ── */
.v6-prog{position:relative;padding:6rem 0 5rem}
.v6-prog-head{max-width:640px;margin-bottom:4rem}
.v6-prog-head p.lead{margin-top:1rem;font-size:1rem;line-height:1.7;color:#5A6472}
.v6-rail{position:absolute;left:50%;top:22rem;bottom:9rem;width:3px;background:rgba(23,18,58,.08);transform:translateX(-50%)}
.v6-rail i{position:absolute;left:0;top:0;width:100%;background:var(--brand);transform-origin:top;display:block;height:100%;transform:scaleY(0)}
.v6-mod{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:2.2rem 0}
.v6-mod-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(6rem,11vw,9.5rem);line-height:.85;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px color-mix(in srgb, var(--brand) 35%, transparent);text-align:right;transition:color .3s ease}
.v6-mod:hover .v6-mod-num{color:color-mix(in srgb, var(--brand) 14%, transparent)}
.v6-mod:nth-child(even) .v6-mod-num{order:2;text-align:left}
.v6-mod:nth-child(even) .v6-mod-body{order:1;text-align:right}
.v6-mod:nth-child(even) .v6-items{justify-content:flex-end}
.v6-mod-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.45rem;letter-spacing:-.02em;color:#17123a;margin-bottom:.9rem}
.v6-items{display:flex;flex-wrap:wrap;gap:.45rem}
.v6-items span{background:var(--brand-mute);border-radius:999px;padding:.4rem .95rem;font-size:.82rem;font-weight:600;color:#17123a;transition:background .15s}
.v6-items span:hover{background:var(--brand-pale)}
.v6-mod::after{content:'';position:absolute;left:50%;top:50%;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--brand);transform:translate(-50%,-50%)}
/* porte d'achat sur le rail */
.v6-prog-door{position:relative;max-width:620px;margin:3rem auto 0;background:#17123a;border-radius:24px;padding:1.5rem 1.9rem;display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;color:#fff;box-shadow:0 30px 70px rgba(23,18,58,.35)}
.v6-prog-door p{flex:1;min-width:200px;font-size:.95rem;color:rgba(255,255,255,.8)}
.v6-prog-door b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.9rem;letter-spacing:-.02em;color:#fff;white-space:nowrap}

/* ── BLOC 3 · FINANCEMENT : le grand livre nuit ── */
.v6-fin{position:relative;background:#17123a;color:#fff;padding:7.5rem 0 6rem;clip-path:polygon(0 3.5rem,100% 0,100% 100%,0 96.5%,0 100%);margin-top:-2.5rem}
.v6-fin .eyebrow{color:var(--brand-light)}
.v6-fin .h2{color:#fff}
.v6-fin-intro{margin-top:1rem;max-width:34rem;color:rgba(255,255,255,.72);font-size:1rem;line-height:1.7}
.v6-fin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:4.5rem;margin-top:3.5rem;align-items:start}
.v6-route{display:grid;grid-template-columns:80px 1fr;gap:1.4rem;padding:1.6rem 0;border-top:1px solid rgba(255,255,255,.14);transition:background .15s;border-radius:12px}
.v6-route:hover{background:rgba(255,255,255,.04)}
.v6-route img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}
.v6-route h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.08rem;color:#fff;margin-bottom:.45rem}
.v6-route p{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.7)}
.v6-route p+p{margin-top:.5rem}
.v6-route strong{color:var(--brand-light);font-weight:700}
.v6-fin-footer{margin-top:2.2rem;font-size:.9rem;color:rgba(255,255,255,.65)}
.v6-fin-footer strong{color:#fff}
/* data-viz prix comparés */
.v6-viz{position:sticky;top:2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:1.9rem 1.8rem}
.v6-viz h4{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-light);margin-bottom:1.5rem}
.v6-bar{margin-bottom:1.5rem}
.v6-bar .lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;color:rgba(255,255,255,.75);margin-bottom:.45rem}
.v6-bar .lbl b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.35rem;color:#fff;font-variant-numeric:tabular-nums}
.v6-bar .track{height:14px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.v6-bar .fill{display:block;height:100%;border-radius:999px;width:0;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.v6-bar--full .fill{background:rgba(255,255,255,.35)}
.v6-bar--rac .fill{background:var(--brand-light)}
.v6-bar--express .fill{background:var(--brand)}
.v6-viz .note{font-size:.78rem;color:rgba(255,255,255,.55);line-height:1.55}
.v6-viz .v6w-cta{margin-top:1.4rem}

/* ── BLOC 4 · AVIS : le bandeau vivant ── */
.v6-avis{background:var(--brand-mute);padding:6rem 0 5.5rem;overflow:hidden}
.v6-avis-head{display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:end;margin-bottom:1.2rem}
.v6-note{position:relative;z-index:2;margin-bottom:-1.6rem}
.v6-note{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(7rem,14vw,12rem);line-height:.82;letter-spacing:-.05em;color:#17123a;font-variant-numeric:tabular-nums}
.v6-note small{font-size:22%;font-weight:800;color:#8a93a3;letter-spacing:-.02em}
.v6-avis-meta .stars{color:#f5b301;font-size:1.5rem;letter-spacing:4px;margin-bottom:.5rem}
.v6-avis-meta .src{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border-radius:999px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;color:#17123a}
/* marquee */
.v6-track-wrap{position:relative;margin:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.v6-track{display:flex;gap:1.4rem;width:max-content;animation:v6scroll 38s linear infinite;padding:0 .7rem}
.v6-track-wrap:hover .v6-track{animation-play-state:paused}
@keyframes v6scroll{to{transform:translateX(-50%)}}
.v6-card{width:400px;background:#fff;border-radius:24px;padding:1.8rem 1.9rem;flex-shrink:0}
.v6-card .stars{color:#f5b301;letter-spacing:3px;margin-bottom:.8rem}
.v6-card .stars .dim{color:#d5d9d5}
.v6-card blockquote{font-size:1.02rem;line-height:1.6;color:#17123a;margin-bottom:1.2rem}
.v6-card .who{display:flex;align-items:center;gap:.7rem}
.v6-card .who i{font-style:normal;width:36px;height:36px;border-radius:50%;background:var(--brand-pale);color:var(--brand-ink);font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center}
.v6-card .who b{display:block;font-size:.9rem;color:#17123a}
.v6-card .who span{font-size:.78rem;color:#8a93a3}
.v6-avis-foot{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-top:3rem}
.v6-avis-foot .g{font-size:.92rem;font-weight:600}
.v6-avis-cta{display:flex;align-items:center;gap:1.2rem}
.v6-avis-cta b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.5rem;color:#17123a;white-space:nowrap}
.v6-avis-cta b small{font-size:.7rem;font-weight:600;color:#8a93a3;display:block;letter-spacing:0}

@media(max-width:960px){
  .v6-hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .v6w{max-width:420px}
  .v6-rail{left:1rem;transform:none}
  .v6-mod,.v6-mod:nth-child(even) .v6-mod-body{grid-template-columns:1fr;text-align:left;gap:1rem}
  .v6-mod{padding-left:3rem}
  .v6-mod-num,.v6-mod:nth-child(even) .v6-mod-num{text-align:left;order:0;font-size:4.5rem}
  .v6-mod::after{left:1rem}
  .v6-mod:nth-child(even) .v6-items{justify-content:flex-start}
  .v6-fin-grid{grid-template-columns:1fr}
  .v6-viz{position:static}
  .v6-avis-head{grid-template-columns:1fr;gap:1.5rem;align-items:start}
}
/* portes */
.v6-portes{padding:4.5rem 0 0}
.v6-portes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}
.v6-porte{display:flex;flex-direction:column;gap:.2rem;background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:16px;padding:1rem 1.1rem;color:#17123a;font-weight:700;font-size:.92rem;line-height:1.3;transition:border-color .15s,transform .15s,box-shadow .15s}
.v6-porte small{font-weight:500;font-size:.76rem;color:#8a93a3}
.v6-porte:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb, var(--brand) 12%, transparent)}
/* réponse directe */
.v6-answer{padding:4rem 0 0}
.v6-answer-card{background:var(--brand-pale);border-radius:24px;padding:2.2rem 2.6rem;font-size:1.1rem;line-height:1.75;color:#17123a;max-width:58rem}
.v6-answer-card strong{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}
.v6-verif{font-size:.78rem;color:var(--brand-ink);margin-top:.8rem;opacity:.75}
/* offre */
.v6-offre{padding:6rem 0 1rem}
.v6-offre-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;max-width:62rem;margin:0 auto;align-items:stretch}
.v6-of{border-radius:28px;padding:2.3rem 2.3rem 2rem;display:flex;flex-direction:column}
.v6-of--direct{background:#fff;border:2px solid var(--brand)}
.v6-of--cpf{background:#17123a;color:#fff;box-shadow:0 40px 90px rgba(23,18,58,.35)}
.v6-tag{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.32rem .85rem;margin-bottom:1rem}
.v6-tag--direct{background:var(--brand-pale);color:var(--brand-ink)}
.v6-tag--cpf{background:color-mix(in srgb, var(--brand-light) 16%, transparent);color:var(--brand-light)}
.v6-of h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:inherit;margin-bottom:.2rem}
.v6-of--direct h3{color:#17123a}
.v6-of-tag{font-size:.9rem;opacity:.75;margin-bottom:1.4rem}
.v6-of-price{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:4rem;line-height:1;letter-spacing:-.035em;color:inherit}
.v6-of--direct .v6-of-price{color:#17123a}
.v6-of-price small{font-size:1rem;font-weight:600;opacity:.55;letter-spacing:0;vertical-align:.5em}
.v6-of-dur{font-size:.88rem;opacity:.65;margin:.4rem 0 0}
.v6-of-rac{font-size:.92rem;font-weight:600;color:var(--brand-light);margin-top:.7rem}
.v6-of-94{font-size:.85rem;color:rgba(255,255,255,.85);margin-top:.3rem}
.v6-of-94 span{color:rgba(255,255,255,.5);font-size:.78rem}
.v6-feats{list-style:none;margin:1.4rem 0 1.6rem;display:flex;flex-direction:column;gap:.5rem;font-size:.92rem}
.v6-feats li{padding-left:1.4rem;position:relative}
.v6-feats li::before{content:'';position:absolute;left:0;top:.42em;width:.7em;height:.38em;border-left:2.5px solid var(--brand);border-bottom:2.5px solid var(--brand);transform:rotate(-45deg)}
.v6-of--cpf .v6-feats li::before{border-color:var(--brand-light)}
.v6-of .btn,.v6-of .v6w-cta{margin-top:auto}
.v6-of-quiz{text-align:center;font-size:.85rem;margin-top:.9rem;color:#5A6472}
.v6-of-quiz a{color:#3A1D7C;font-weight:600}
/* formules */
.v6-fp{padding:5rem 0 2rem}
.v6-fp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;align-items:stretch}
.v6-fpc{background:var(--brand-mute);border-radius:24px;padding:1.7rem 1.6rem 1.5rem;display:flex;flex-direction:column;position:relative}
.v6-fpc--pop{background:#fff;border:2px solid var(--brand)}
.v6-fpc h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.15rem;color:#17123a;margin-bottom:.8rem}
.v6-fpc .v6-tag{position:absolute;top:-0.9rem;right:1.2rem;background:var(--brand);color:#fff;margin:0}
.v6-fp-price{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:2.4rem;line-height:1;letter-spacing:-.03em;color:#17123a}
.v6-fp-dur{font-size:.8rem;color:#5A6472;margin:.35rem 0 0}
.v6-fp-3x{font-size:.78rem;font-weight:600;color:var(--brand-ink);margin:.25rem 0 0}
.v6-fpc .v6-feats{font-size:.84rem;margin:1.1rem 0 1.3rem}
.v6-fp-btn{padding:.65rem 1.2rem;font-size:.9rem;text-align:center;margin-top:auto}
/* sessions */
.v6-sess-band{padding:5rem 0 2rem}
.v6-sess{background:var(--brand-mute);border-radius:32px;padding:3.2rem 2.6rem 2.6rem}
.v6-stabs{display:flex;justify-content:center;gap:.4rem;background:#fff;border-radius:999px;padding:.3rem;width:fit-content;margin:0 auto 2rem}
.v6-stab{border-radius:999px;padding:.65rem 1.5rem;font-size:.92rem;font-weight:700;color:#3A4450;transition:all .15s}
.v6-stab.on{background:#17123a;color:#fff}
.v6-sess-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.v6-sc{background:#fff;border-radius:20px;padding:1.4rem 1.4rem 1.3rem;display:flex;flex-direction:column;position:relative}
.v6-sc--next{border:2px solid var(--brand)}
.v6-flag{position:absolute;top:-0.85rem;left:1.1rem;background:var(--brand);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.3rem .8rem}
.v6-sc-date{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.015em;color:#17123a;margin:.3rem 0 .3rem}
.v6-sc-meta{font-size:.78rem;color:#8a93a3;line-height:1.5;margin-bottom:.9rem}
.v6-sc-price{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:#17123a;margin-bottom:1rem}
.v6-sc-price small{display:block;font-size:.68rem;font-weight:600;color:#8a93a3;letter-spacing:0}
.v6-sess-note{text-align:center;font-size:.85rem;color:#5A6472;margin-top:1.6rem}
.v6-sess-note+.v6-sess-note{margin-top:.4rem}
.v6-sess-intro{text-align:center;font-size:1rem;color:#3A4450;max-width:34rem;margin:0 auto 1.4rem}
.v6-ville-box{max-width:480px;margin:0 auto}
.v6-ville-box input{width:100%;padding:.95rem 1.3rem;border:1.5px solid rgba(23,18,58,.15);border-radius:999px;font:inherit;font-size:.95rem;background:#fff;outline-color:var(--brand)}
/* niveaux */
.v6-niv{padding:5rem 0 3rem}
.v6-niv-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid rgba(23,18,58,.14)}
.v6-nivp{padding:2rem 1.8rem 1rem;border-right:1px solid rgba(23,18,58,.14)}
.v6-nivp:last-child{border-right:none}
.v6-niv-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:4.5rem;line-height:1;color:rgba(23,18,58,.12);margin-bottom:1rem}
.v6-nivp h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.2rem;color:#3A1D7C;margin-bottom:.8rem}
.v6-nivp ul{list-style:none;display:flex;flex-direction:column;gap:.45rem;font-size:.9rem;color:#4a475c}
/* certification */
.v6-cert{padding:5rem 0 2rem}
.v6-cert-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:3.5rem;align-items:start}
.v6-rs{background:#fff;border:1.5px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:16px;padding:1.2rem 1.4rem;margin-bottom:.9rem}
.v6-rs-t{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1rem;color:#084864;margin-bottom:.35rem}
.v6-rs-d{font-size:.88rem;line-height:1.6;color:#3A4450}
.v6-cert-table{position:sticky;top:2rem;background:var(--brand-mute);border-radius:24px;padding:1.6rem;overflow:hidden}
.v6-cert-table table{width:100%;border-collapse:collapse;font-size:.88rem}
.v6-cert-table th{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#17123a;text-align:left;padding:.6rem .7rem;border-bottom:2px solid #17123a}
.v6-cert-table td{padding:.65rem .7rem;border-bottom:1px solid rgba(23,18,58,.1);color:#3A4450;vertical-align:top}
.v6-cert-table td:first-child{font-weight:600;color:#17123a}
.v6-cert-logos{display:flex;gap:1.4rem;align-items:center;justify-content:center;margin-top:1.4rem;background:#fff;border-radius:16px;padding:1rem}
.v6-cert-logos img{height:48px;width:auto;object-fit:contain}
/* déroulement */
.v6-der{padding:5rem 0 2rem}
.v6-der-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3.5rem;align-items:start}
.v6-der-txt p{color:#3A4450;font-size:.98rem;line-height:1.75}
.v6-der-txt p+p{margin-top:1rem}
.v6-modalites{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem}
.v6-modalites>div{background:var(--brand-mute);border-radius:16px;padding:.9rem 1rem}
.v6-modalites b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.85rem;color:#17123a;margin-bottom:.2rem}
.v6-modalites span{font-size:.76rem;line-height:1.5;color:#5A6472}
.v6-form{display:flex;align-items:center;gap:1.6rem;background:#17123a;border-radius:24px;padding:1.6rem 2rem;color:#fff;margin-top:3rem;max-width:44rem}
.v6-form-avatar{width:72px;height:72px;border-radius:50%;background:color-mix(in srgb, var(--brand-light) 16%, transparent);border:2px solid var(--brand-light);color:var(--brand-light);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.v6-form-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-light);margin-bottom:.15rem}
.v6-form-name{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.4rem;margin-bottom:.1rem}
.v6-form-role{font-size:.88rem;color:rgba(255,255,255,.75)}
.v6-form-spec{font-size:.8rem;color:rgba(255,255,255,.5);margin-top:.15rem}
/* débouchés : manifeste */
.v6-deb{background:var(--brand-mute);padding:6rem 0 5rem;margin-top:2rem}
.v6-deb-lead{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.55;letter-spacing:-.015em;color:#17123a;max-width:54rem;margin-bottom:2.4rem}
.v6-deb-lead mark{background:linear-gradient(transparent 55%,color-mix(in srgb, var(--brand-light) 55%, transparent) 55%);color:inherit;padding:0 .1em}
.v6-deb-cols{columns:2;column-gap:3rem;max-width:64rem;margin-bottom:2.6rem}
.v6-deb-cols p{color:#3A4450;font-size:.95rem;line-height:1.75;break-inside:avoid}
.v6-deb-cols p+p{margin-top:1rem}
.v6-deb-img{width:100%;max-width:34rem;height:auto;border-radius:20px}
/* publics : sélecteur de profil */
.v6-pubx{padding:5.5rem 0 2rem}
.v6-pubx-tabs{display:flex;gap:.4rem;flex-wrap:wrap;background:var(--brand-mute);border-radius:999px;padding:.3rem;width:fit-content;margin-bottom:1.4rem}
.v6-pubx-tab{border-radius:999px;padding:.65rem 1.4rem;font-size:.92rem;font-weight:700;color:#3A4450;transition:all .15s}
.v6-pubx-tab.on{background:#17123a;color:#fff}
.v6-pubx-panel{display:none;grid-template-columns:340px 1fr;gap:0;background:var(--brand-mute);border-radius:28px;overflow:hidden;align-items:stretch}
.v6-pubx-panel.on{display:grid}
.v6-pubx-panel img{width:100%;height:100%;object-fit:cover;min-height:240px}
.v6-pubx-body{padding:2.4rem 2.6rem;display:flex;flex-direction:column;justify-content:center}
.v6-pubx-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:#17123a;margin-bottom:.8rem}
.v6-pubx-body>p{font-size:.95rem;line-height:1.7;color:#3A4450}
.v6-pubx-route{margin-top:1.4rem;font-size:.9rem}
.v6-pubx-route span{color:#8a93a3}
.v6-pubx-route a{font-weight:700}
/* métiers : feuille de calcul */
.v6-xls{padding:5rem 0 3rem}
.v6-xls-sheet{display:grid;grid-template-columns:2rem 1fr 1fr;grid-auto-rows:auto;gap:0;max-width:60rem;margin:0 auto;background:#fff;border:1.5px solid rgba(23,18,58,.14);border-radius:16px;overflow:hidden}
.v6-xls-corner{background:var(--brand-mute);border-right:1px solid rgba(23,18,58,.12);border-bottom:1px solid rgba(23,18,58,.12)}
.v6-xls-col{background:var(--brand-mute);border-bottom:1px solid rgba(23,18,58,.12);border-right:1px solid rgba(23,18,58,.08);text-align:center;font-size:.72rem;font-weight:700;color:#8a93a3;padding:.35rem 0;font-family:'DM Sans',sans-serif}
.v6-xls-row{background:var(--brand-mute);border-right:1px solid rgba(23,18,58,.12);border-bottom:1px solid rgba(23,18,58,.08);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#8a93a3}
.v6-xlsc{position:relative;padding:1.8rem 1.8rem 1.6rem;border-right:1px solid rgba(23,18,58,.08);border-bottom:1px solid rgba(23,18,58,.08);cursor:default;transition:background .15s}
.v6-xlsc:hover,.v6-xlsc:focus-visible{background:color-mix(in srgb, var(--brand) 4%, #fff);outline:2px solid var(--brand);outline-offset:-2px;z-index:1}
.v6-xlsc:hover::after,.v6-xlsc:focus-visible::after{content:'';position:absolute;right:-4px;bottom:-4px;width:8px;height:8px;background:var(--brand);border:1.5px solid #fff;z-index:2}
.v6-xlsc img{width:52px;height:52px;margin-bottom:.9rem}
.v6-xlsc h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1rem;color:#17123a;margin-bottom:.5rem}
.v6-xlsc p{font-size:.84rem;line-height:1.6;color:#5A6472}
/* méthode */
.v6-meth{padding:5.5rem 0 2rem}
.v6-meth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.v6-methc{position:relative;background:var(--brand-mute);border-radius:24px;padding:1.4rem;overflow:hidden}
.v6-methc img{width:100%;height:auto;border-radius:14px;margin-bottom:1rem}
.v6-meth-num{position:absolute;top:.6rem;right:1rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:3.4rem;line-height:1;color:rgba(23,18,58,.12)}
.v6-methc h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1rem;color:#17123a;margin-bottom:.45rem}
.v6-methc p{font-size:.82rem;line-height:1.6;color:#5A6472}
/* comparatif organisme */
.v6-org{padding:5rem 0 2rem}
.v6-cmp{max-width:56rem;margin:0 auto;border-radius:24px;overflow:hidden;border:1.5px solid rgba(23,18,58,.1)}
.v6-cmp-row{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr;font-size:.9rem}
.v6-cmp-row>div{padding:.85rem 1.2rem;border-bottom:1px solid rgba(23,18,58,.08)}
.v6-cmp-row:last-child>div{border-bottom:none}
.v6-cmp-row>div:first-child{font-weight:600;color:#17123a}
.v6-cmp-row>div:nth-child(2){background:var(--brand-pale);font-weight:700;color:var(--brand-ink)}
.v6-cmp-row>div:nth-child(3){color:#8a93a3}
.v6-cmp-head>div{background:#fff !important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#17123a !important;border-bottom:2px solid #17123a !important}
/* engagements */
.v6-eng{padding:5rem 0 2rem}
.v6-eng-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.v6-engc{background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:24px;padding:1.6rem 1.5rem}
.v6-engc img{width:56px;height:56px;margin-bottom:1rem}
.v6-engc h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1rem;color:#17123a;margin-bottom:.5rem}
.v6-engc p{font-size:.82rem;line-height:1.6;color:#5A6472}
/* intra */
.v6-intra{padding:4.5rem 0 2rem}
.v6-intra-card{background:#3A1D7C;border-radius:32px;padding:3.2rem 2.5rem;text-align:center;color:#fff;box-shadow:0 30px 70px rgba(58,29,124,.3)}
.v6-tel{display:inline-block;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;padding:.85rem 1.7rem;font-weight:700;font-size:1rem;transition:border-color .15s}
.v6-tel:hover{border-color:#fff;color:#fff}
/* aller plus loin */
.v6-pa{padding:5rem 0 1rem}
.v6-pa-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
.v6-pac{display:flex;flex-direction:column;gap:.35rem;background:var(--brand-mute);border-radius:20px;padding:1.4rem 1.5rem;color:#17123a;transition:transform .15s,background .15s}
.v6-pac:hover{background:var(--brand-pale);transform:translateY(-2px);color:#17123a}
.v6-pac strong{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.02rem}
.v6-pac span{font-size:.82rem;color:#5A6472;line-height:1.5}
.v6-pac em{font-style:normal;font-size:.82rem;font-weight:700;color:var(--brand);margin-top:.3rem}
/* faq */
.v6-faq{padding:5rem 0 2rem}
.pillar-faq-list{display:flex;flex-direction:column;gap:.7rem}
.pillar-faq-item{background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:16px;padding:0;transition:border-color .15s}
.pillar-faq-item[open]{border-color:var(--brand)}
.pillar-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.98rem;color:#17123a}
.pillar-faq-item summary::-webkit-details-marker{display:none}
.pillar-faq-item summary::after{content:'+';font-weight:400;font-size:1.5rem;color:var(--brand);line-height:1;flex-shrink:0;transition:transform .2s}
.pillar-faq-item[open] summary::after{transform:rotate(45deg)}
.pillar-faq-answer{padding:0 1.4rem 1.2rem;font-size:.92rem;line-height:1.7;color:#3A4450}
.pillar-faq-answer a{font-weight:600}
/* cta final */
.v6-final{padding:4rem 0 6rem}
.v6-final-card{background:#17123a;border-radius:36px;padding:4rem 2.5rem;text-align:center;color:#fff;box-shadow:0 40px 90px rgba(23,18,58,.4)}
/* quiz nuit */
.v6-quiz-wrap{padding:4.5rem 0 0}
.v6-quiz{background:#17123a;border-radius:28px;padding:2.4rem 2.6rem 2rem;color:#fff;text-align:center;box-shadow:0 30px 70px rgba(23,18,58,.35);max-width:52rem;margin:0 auto}
.v6-qc{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-bottom:1.1rem}
.v6-qbtn{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.22);border-radius:14px;padding:.95rem .8rem;color:#fff;font-weight:600;font-size:.93rem;transition:all .15s}
.v6-qbtn span{display:block;font-weight:400;font-size:.8rem;opacity:.7}
.v6-qbtn:hover{background:color-mix(in srgb, var(--brand-light) 15%, transparent);border-color:var(--brand-light)}
.v6-qres{min-height:2.2rem;font-size:.93rem;color:rgba(255,255,255,.85);line-height:1.55;max-width:40rem;margin:0 auto}
.v6-qres a{color:var(--brand-light);font-weight:700}
.v6-qfoot{font-size:.76rem;color:rgba(255,255,255,.45);margin-top:.8rem}
.v6-qfoot a{color:rgba(255,255,255,.65)}
/* simulateur */
.v6-sim{padding:5rem 0 1rem}
.v6-sim-card{background:var(--brand-pale);border:1.5px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:24px;padding:1.8rem 2rem}
.v6-sim-card select{width:100%;max-width:32rem;padding:.8rem 1rem;border:1.5px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:12px;font:inherit;font-size:.95rem;background:#fff;color:#17123a}
#v6-simres{margin-top:1.1rem;font-size:.95rem;line-height:1.65;color:#17123a}
#v6-simres b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.5rem;display:block;margin-bottom:.2rem}
#v6-simres a{font-weight:700}
/* trust */
.v6-trust{padding:4rem 0 1rem}
.v6-trust-band{display:flex;align-items:center;justify-content:center;gap:2.2rem;flex-wrap:wrap;padding:1.4rem 2rem;background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:999px}
.v6-trust-band span{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a93a3}
.v6-trust-band img{height:34px;width:auto;object-fit:contain}
.v6-modstrip{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-top:2rem;border-top:1px solid rgba(23,18,58,.12);border-bottom:1px solid rgba(23,18,58,.12)}
.v6-modstrip>div{flex:1 1 auto;min-width:140px;text-align:center;padding:1.2rem 1.4rem;border-left:1px solid rgba(23,18,58,.08)}
.v6-modstrip>div:first-child{border-left:none}
.v6-modstrip b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1rem;color:#17123a}
.v6-modstrip span{font-size:.78rem;color:#5A6472}
@media(max-width:700px){.v6-modstrip>div{flex:1 1 45%;border-left:none;padding:.8rem .6rem}}
/* sticky mobile */
.v6-stickym{display:none}
@media(max-width:900px){
  .v6-stickym{position:fixed;left:0;right:0;bottom:0;height:64px;background:#17123a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.1rem;z-index:70;box-shadow:0 -8px 30px rgba(23,18,58,.25)}
  .v6-stickym b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.25rem;margin-right:.6rem}
  .v6-stickym span{font-size:.78rem;color:rgba(255,255,255,.65)}
  .v6-stickym a{background:var(--brand);color:#fff;border-radius:999px;padding:.65rem 1.4rem;font-weight:700;font-size:.92rem;white-space:nowrap}
  body{padding-bottom:64px}
}
/* mini-Comptoir sticky desktop */
.v6-railx{position:fixed;right:22px;bottom:22px;width:240px;background:#17123a;border-radius:20px;padding:1.1rem 1.2rem 1rem;color:#fff;z-index:70;box-shadow:0 30px 70px rgba(23,18,58,.45);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s}
.v6-railx.on{opacity:1;transform:none;pointer-events:auto}
.v6-railx-close{position:absolute;top:6px;right:10px;background:transparent;color:rgba(255,255,255,.45);font-size:15px;line-height:1;padding:4px;cursor:pointer}
.v6-railx-close:hover{color:rgba(255,255,255,.8)}
@media(max-width:900px){.v6-railx{display:none}}
/* maillage villes / régions (markup prod verbatim) */
.pillar-villes-phares-section,.pillar-section--alt#regions-villes{padding:4.5rem 0}
#villes-pilier .pillar-container,#regions-villes .pillar-container{max-width:1200px;margin:0 auto;padding:0 2rem}
.pillar-villes-phares-title,#regions-villes .pillar-section-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em;color:#17123a;margin:0 0 .8rem}
.pillar-villes-phares-sub,#regions-villes .pillar-section-sub{color:#5A6472;max-width:44rem;margin:0 0 1.8rem;font-size:.95rem;line-height:1.65}
.pillar-section-title--center{text-align:center}
#regions-villes .pillar-section-sub--center{margin-left:auto;margin-right:auto;text-align:center}
#regions-villes{background:var(--brand-mute)}
.pillar-villes-phares-grid,.pillar-region-villes{display:flex;flex-wrap:wrap;gap:.5rem}
.pillar-villes-phares-link,.pillar-ville-link{display:inline-block;background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:999px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;color:#17123a;transition:border-color .15s}
.pillar-villes-phares-link:hover,.pillar-ville-link:hover{border-color:var(--brand);color:#17123a}
.pillar-regions-list{display:flex;flex-direction:column;gap:.6rem;max-width:56rem;margin:0 auto}
.pillar-region-item{background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:16px}
.pillar-region-item[open]{border-color:var(--brand)}
.pillar-region-summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.95rem;color:#17123a}
.pillar-region-summary::-webkit-details-marker{display:none}
.pillar-region-count{font-size:.78rem;font-weight:600;color:var(--brand-ink);background:var(--brand-pale);border-radius:999px;padding:.25rem .7rem;white-space:nowrap}
.pillar-region-villes{padding:0 1.4rem 1.2rem}
a:focus-visible,button:focus-visible{outline:2.5px solid var(--brand);outline-offset:3px;border-radius:6px}
@media(max-width:960px){
  .v6-cert-grid,.v6-der-grid{grid-template-columns:1fr}
  .v6-deb-cols{columns:1}
  .v6-pubx-panel{grid-template-columns:1fr}
  .v6-pubx-panel img{max-height:220px}
  .v6-xls-sheet{grid-template-columns:1fr}
  .v6-xls-corner,.v6-xls-col,.v6-xls-row{display:none}
  .v6-xlsc{grid-column:1;border-right:none}
  .v6-meth-grid,.v6-eng-grid{grid-template-columns:1fr 1fr}
  .v6-pa-grid{grid-template-columns:1fr}
  .v6-cmp-row{grid-template-columns:1fr 1fr 1fr;font-size:.78rem}
  .v6-cmp-row>div{padding:.6rem .7rem}
  .v6-cert-table{position:static}
  .v6-met-grid{grid-template-columns:1fr 1fr}
  .v6-portes-grid{grid-template-columns:1fr 1fr}
  .v6-offre-grid,.v6-niv-grid{grid-template-columns:1fr}
  .v6-nivp{border-right:none;border-bottom:1px solid rgba(23,18,58,.14)}
  .v6-fp-grid,.v6-sess-grid{grid-template-columns:1fr 1fr}
  .v6-sess{padding:2rem 1.3rem}
}
@media(max-width:560px){.v6-fp-grid,.v6-sess-grid,.v6-modalites,.v6-meth-grid,.v6-eng-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .js [data-rv]{opacity:1;transform:none;transition:none}
  .v6-track{animation:none;flex-wrap:wrap;width:auto}
  .v6-bar .fill{transition:none}
}

/* ── pack 3 en 1 (packoffice uniquement, repris de pilier-pack-office-V7.html) ── */
.v6-po3{padding:5rem 0 1rem}
.v6-po3-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
.v6-po3c{display:flex;flex-direction:column;gap:.3rem;background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:20px;padding:1.5rem 1.5rem 1.3rem;color:#17123a;transition:border-color .15s,transform .15s}
.v6-po3c:hover{border-color:var(--brand);transform:translateY(-2px);color:#17123a}
.v6-po3c img{margin-bottom:.5rem}
.v6-po3c b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.1rem}
.v6-po3c span{font-size:.84rem;color:#5A6472}
.v6-po3c em{font-style:normal;font-size:.84rem;font-weight:700;color:var(--brand);margin-top:.4rem}
.v6-po3-save{background:var(--brand-pale);border-radius:16px;padding:1rem 1.4rem;text-align:center;font-size:1rem;color:#17123a;margin-top:1.2rem}
@media(max-width:700px){.v6-po3-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════════════════
   COMPLÉMENT V7 (réintégration du 31/07) : habillage V7 des blocs de contenu
   repris VERBATIM de pillar-generaliste.php (programme détaillé, cocon,
   cross-sell, financement, essentiel, breadcrumb, pack-ou-separe, aperçu
   Photoshop, WhatsApp, exit-popup). Fonds sage/pale via tokens --brand-*.
   ═══════════════════════════════════════════════════════════════════════ */
/* variables locales des blocs hérités de pillar.css (scopées, pas de :root) */
.pillar-exit-popup,.ps-compare,.ps-caption{--card:#fff;--fg:#17123a;--accent:var(--brand);--pillar-text-muted:#5A6472;--radius-lg:16px;--text-soft:#5A6472;--text:#17123a}

/* breadcrumb */
.pillar-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#5A6472;padding:1.1rem 0 0}
.pillar-breadcrumb a{color:#5A6472}
.pillar-breadcrumb a:hover{color:var(--brand-dark)}
.pillar-bc-sep{color:#c6cfdc}

/* sections génériques reprises de la prod */
.pillar-section{padding:4.5rem 0}
.pillar-section--alt{background:var(--brand-mute)}
.pillar-section--narrow{padding:3rem 0}
.pillar-section .pillar-container{max-width:1200px;margin:0 auto;padding:0 2rem}
.pillar-section-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em;color:#17123a;margin:0 0 .8rem;text-wrap:balance}
.pillar-section-sub{color:#5A6472;max-width:44rem;margin:0 0 1.8rem;font-size:.95rem;line-height:1.65}
.pillar-section-sub--center{text-align:center;margin-left:auto;margin-right:auto}
.pillar-section-sub a{font-weight:600}
.pillar-text-center{text-align:center}

/* accordéon V7 générique (programme détaillé replié) */
.v7-detail{background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:16px;margin:2.4rem auto 0;max-width:980px;position:relative}
.v7-detail[open]{border-color:var(--brand)}
.v7-detail>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.98rem;color:#17123a}
.v7-detail>summary::-webkit-details-marker{display:none}
.v7-detail>summary::after{content:'+';font-weight:800;color:var(--brand);font-size:1.25rem;line-height:1}
.v7-detail[open]>summary::after{content:'\2212'}
.v7-detail-body{padding:.2rem 1.5rem 1.6rem}
.v7-detail-body .pillar-container{max-width:none;padding:0}
.v7-detail-body .pillar-section{padding:1.2rem 0}
.v7-detail-body h2,.v7-detail-body .pillar-section-title{font-size:1.2rem;margin:1.2rem 0 .7rem}

/* texte, réponse directe, tableaux */
.pillar-text-content h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em;color:#17123a;margin:0 0 1rem}
.pillar-text-content h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.15rem;color:#17123a;margin:1.4rem 0 .7rem}
.pillar-text-content p{color:#3A4450;line-height:1.7;margin:0 0 1rem;font-size:.95rem}
.pillar-direct-answer{background:var(--brand-pale);border-left:4px solid var(--brand);border-radius:12px;padding:1rem 1.3rem;color:#17123a;line-height:1.65;font-size:.95rem;margin:0 0 1.2rem}
.pillar-table-wrap{overflow-x:auto;margin:0 0 1.4rem}
.pillar-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border-radius:12px;overflow:hidden;min-width:560px}
.pillar-table th{background:#17123a;color:#fff;text-align:left;padding:.7rem .9rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.85rem}
.pillar-table td{padding:.65rem .9rem;border-bottom:1px solid rgba(23,18,58,.08);color:#3A4450;vertical-align:top;line-height:1.55}

/* modules détaillés (descriptions longues) */
.pillar-programme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.4rem 0}
.pillar-module{background:var(--brand-mute);border-radius:16px;padding:1.2rem 1.3rem}
.pillar-module h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1rem;color:#17123a;margin:0 0 .7rem}
.pillar-module ul{list-style:none;margin:0;padding:0}
.pillar-module li{margin:0 0 .8rem}
.pillar-module-item-title{display:block;font-weight:700;color:#17123a;font-size:.9rem}
.pillar-module-sub{display:block;font-size:.85rem;color:#5A6472;line-height:1.55;margin-top:.15rem}
.pillar-results-list{margin:0 0 1rem;padding-left:1.2rem;color:#3A4450;font-size:.93rem;line-height:1.65}
.pillar-results-list li{margin-bottom:.4rem}

/* CTA du programme détaillé */
.pillar-programme-cta{background:#17123a;border-radius:20px;padding:1.6rem 1.8rem;margin:1.6rem 0 0;color:#fff;text-align:center}
.pillar-programme-cta-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.15rem;margin:0 0 .4rem}
.pillar-programme-cta-text{color:rgba(255,255,255,.75);font-size:.92rem;line-height:1.6;margin:0 0 1.1rem}
.pillar-programme-cta-buttons{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.pillar-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:.75rem 1.4rem;font-weight:700;font-size:.92rem;transition:background .15s}
.pillar-btn--cpf{background:var(--brand);color:#fff}
.pillar-btn--cpf:hover{background:var(--brand-dark);color:#fff}
.pillar-btn--direct{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3)}
.pillar-btn--direct:hover{background:rgba(255,255,255,.2);color:#fff}
.pillar-exit-popup .pillar-btn--cpf{background:var(--brand)}

/* chips (sommaire du programme Pack Office) */
.pillar-variantes-label{font-weight:700;color:#17123a;font-size:.88rem}
.pillar-chip{display:inline-block;background:#fff;border:1.5px solid rgba(23,18,58,.12);border-radius:999px;padding:.4rem .95rem;font-size:.85rem;font-weight:600;color:#17123a;transition:border-color .15s}
.pillar-chip:hover{border-color:var(--brand);color:#17123a}

/* cocon « Approfondissez vos compétences » */
.pillar-cocon-grid,.ppt-cocon-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.4rem}
.pillar-cocon-link,.ppt-cocon-card{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:999px;padding:.5rem 1.05rem;font-size:.86rem;font-weight:600;color:#17123a;transition:border-color .15s}
.pillar-cocon-link:hover,.ppt-cocon-card:hover{border-color:var(--brand);color:#17123a}

/* cross-sell autres formations */
.pillar-crosssell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:1.8rem}
.pillar-crosssell-card{position:relative;display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:20px;padding:1.6rem 1.5rem;color:#17123a;transition:border-color .15s,transform .15s}
.pillar-crosssell-card:hover{border-color:var(--brand);transform:translateY(-2px);color:#17123a}
.pillar-crosssell-card--popular{border-color:var(--brand)}
.pillar-crosssell-badge{position:absolute;top:-11px;left:1.4rem;background:var(--brand);color:#fff;border-radius:999px;padding:.2rem .8rem;font-size:.72rem;font-weight:700;letter-spacing:.04em}
.pillar-crosssell-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem}
.pillar-crosssell-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.05rem;margin:0}
.pillar-crosssell-card p{font-size:.88rem;color:#5A6472;line-height:1.6;margin:0}
.pillar-crosssell-price{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:#17123a}
.pillar-crosssell-arrow{font-weight:700;color:var(--brand);font-size:.88rem}

/* « Financez votre formation » (table + 4 cartes dispositifs) */
.pillar-financement-section{background:var(--brand-mute)}
.pillar-financement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.4rem}
.pillar-fin-card{background:#fff;border:1.5px solid rgba(23,18,58,.1);border-radius:16px;padding:1.3rem 1.4rem}
.pillar-fin-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1rem;color:#17123a;margin:0 0 .5rem}
.pillar-fin-card p{font-size:.88rem;color:#5A6472;line-height:1.6;margin:0 0 .7rem}
.pillar-fin-card a{font-weight:700;font-size:.88rem}

/* « L'essentiel » (googlesheets / googleworkspace) */
#essentiel h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.08rem;color:#17123a;margin:1.3rem 0 .5rem}
#essentiel p{color:#3A4450;line-height:1.7;font-size:.95rem;max-width:52rem}

/* aperçu Photoshop : figure + légende (règles fonctionnelles reprises de pillar.css ci-dessous) */
@keyframes pillarPopupSlide {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
/* ─── EXIT-INTENT POPUP ─── */
.pillar-exit-popup {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.pillar-exit-popup.is-visible { display: flex; }
.pillar-exit-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .6);
    backdrop-filter: blur(2px);
}
.pillar-exit-popup-card {
    position: relative;
    background: var(--card);
    border-radius: var(--radius-lg, 1rem);
    padding: 2rem 1.75rem;
    max-width: 28rem;
    width: 100%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
    animation: pillarPopupSlide 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.pillar-exit-popup-close {
    position: absolute;
    top: 0.625rem;
    right: 0.875rem;
    background: transparent;
    border: 0;
    font-size: 1.75rem;
    color: var(--pillar-text-muted);
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
    transition: color 0.15s;
}
.pillar-exit-popup-close:hover { color: var(--fg); }
.pillar-exit-popup-eyebrow {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--accent);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 0 0.5rem;
}
.pillar-exit-popup-title {
    font-family: 'Plus Jakarta Sans','Plus Jakarta Sans Fallback', sans-serif;
    font-size: 1.375rem;
    font-weight: 800;
    color: var(--fg);
    margin: 0 0 0.75rem;
    letter-spacing: -0.025em;
    line-height: 1.2;
}
.pillar-exit-popup-text {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--pillar-text-muted);
    margin: 0 0 1.25rem;
}
.pillar-exit-popup-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}
.pillar-exit-popup-skip {
    background: transparent;
    border: 0;
    color: var(--pillar-text-muted);
    font-size: 0.8125rem;
    cursor: pointer;
    padding: 0.5rem;
    text-decoration: underline;
    transition: color 0.15s;
}
.pillar-exit-popup-skip:hover { color: var(--fg); }
/* ─── WHATSAPP FLOTTANT (masqué temporairement : réactiver via display:flex quand WhatsApp Business sera paramétré) ─── */
.pillar-whatsapp-btn {
    display: none !important;
    position: fixed;
    bottom: 5.5rem;
    right: 1rem;
    width: 3.25rem;
    height: 3.25rem;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(37, 211, 102, .35);
    z-index: 99;
    transition: transform 0.15s, box-shadow 0.15s;
}
.pillar-whatsapp-btn:hover { transform: scale(1.08); box-shadow: 0 6px 22px rgba(37, 211, 102, .55); }
@media (min-width: 768px) {.pillar-whatsapp-btn { bottom: 1.5rem; right: 1.5rem; width: 3.5rem; height: 3.5rem; }
}
/* ─────────────────────────────────────────────────────────────────────
   Phase B, B4 : slider drag-to-compare avant/après (Photoshop pillar)
   ───────────────────────────────────────────────────────────────────── */
.ps-compare {
  position: relative;
  width: 100%;
  max-width: 56rem;
  margin: 1.5rem auto 1rem;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radius-lg, 16px);
  user-select: none;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
  background: #f8fafc;
  isolation: isolate;
}
.ps-compare img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  display: block;
}
.ps-compare .ps-after {
  clip-path: inset(0 0 0 50%);
}
.ps-compare .ps-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  background: white;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  transform: translateX(-50%);
  cursor: ew-resize;
  border: 0;
  padding: 0;
  z-index: 2;
}
.ps-compare .ps-handle:focus-visible {
  outline: 3px solid var(--accent, #635bff);
  outline-offset: 4px;
}
.ps-compare .ps-handle::after {
  content: "⇆";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--accent, #635bff);
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.ps-compare .ps-label {
  position: absolute;
  top: 14px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 12px;
  border-radius: 99px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 3;
}
.ps-compare .ps-label-before { left: 14px; }
.ps-compare .ps-label-after { right: 14px; }
.ps-caption {
  text-align: center;
  color: var(--text-soft, #64748b);
  font-size: 0.9375rem;
  max-width: 56rem;
  margin: 0 auto;
}
.ps-caption strong { color: var(--text, #1e293b); }