/* ============================================================
   BASE DOUCE commune aux skins DA4 / DA6 / DA8
   Charge APRÈS maquette-v2.css + maquette-v3.css.
   Neutralise le néo-brut : bordures encre → liserés fins,
   ombres dures → ombres douces, CTA → pilules cobalt.
   ============================================================ */
:root{--sh-s1:0 6px 18px -8px rgba(16,20,60,.14);--sh-s2:0 14px 34px -14px rgba(16,20,60,.20);--sh-s3:0 26px 56px -20px rgba(16,20,60,.24);--sh-cta:0 10px 24px -8px rgba(33,48,234,.5);--tint:#f6f7ff}
.card,.arg,.sector,.offer-card,.module,.work,.mock-card,.price-card,.guarantee,.testi,.note,.mock,.float,.figure,.step-card,.wz,.cal-card,.tiers,.compare,.faq details{border:1px solid var(--line)!important;box-shadow:var(--sh-s1)!important}
.arg,.price-card,.note,.mock,.wz,.cal-card,.compare{box-shadow:var(--sh-s2)!important}
.hero .mock{box-shadow:var(--sh-s3)!important}
.work:hover,.mock-card:hover{box-shadow:var(--sh-s2)!important;transform:translateY(-4px)}
.arg:hover,.sector:hover{transform:none;box-shadow:var(--sh-s2)!important}
.btn,.btn.ghost{border:none!important}
.btn{border-radius:var(--r-pill);background:var(--cobalt);color:#fff;box-shadow:var(--sh-cta)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(33,48,234,.6);color:#fff}
.btn:active{transform:translateY(0);box-shadow:var(--sh-cta)}
.btn.sm{box-shadow:0 8px 18px -8px rgba(33,48,234,.5)}.btn.sm:hover{box-shadow:0 10px 22px -8px rgba(33,48,234,.6)}
.btn.ghost{background:var(--cobalt-soft);color:var(--cobalt);box-shadow:none}
.btn.ghost:hover{color:var(--cobalt);box-shadow:none;background:#dfe2ff;transform:translateY(-2px)}
.btn.lime,.btn.pink{background:var(--cobalt);color:#fff;box-shadow:var(--sh-cta)}
.btn.lime:hover,.btn.pink:hover{color:#fff}
.on-ink .btn,.hero .btn{background:var(--cobalt);color:#fff;box-shadow:var(--sh-cta)}
.on-ink .btn:hover,.hero .btn:hover{color:#fff;box-shadow:0 14px 30px -8px rgba(33,48,234,.6)}
.on-ink .btn.ghost,.hero .btn.ghost{background:var(--cobalt-soft);color:var(--cobalt);box-shadow:none}
.on-ink .btn.ghost:hover,.hero .btn.ghost:hover{color:var(--cobalt)}
.step-dot,.guarantee .ico,.offer-card .ico,.testi .av,.steps-mini .n,.arg-n{border:none!important;box-shadow:none!important;border-radius:14px}
.hl,.hero h1 .hl,.on-ink .hl,.price-card .hl{background-image:none;background:none;box-shadow:none;color:var(--cobalt);padding:0}
.bar-top{background:var(--cobalt);color:#fff}
/* --- hero clair --- */
.hero{background-color:transparent;background-image:none;color:var(--ink)}
.hero h1,.hero .sec-title{color:var(--ink)}
.hero-copy{color:var(--ink-soft)}.hero-copy b{color:var(--cobalt)}
.hero .kicker{background:var(--cobalt-soft)!important;color:var(--cobalt)!important}
.hero-social{background:var(--white);color:var(--ink);box-shadow:var(--sh-s1)}
.hero-face{border-color:#fff}
.hero-quote{background:var(--cobalt-soft);color:var(--ink)}
.hero-blob.a,.hero-blob.b{background:var(--cobalt-soft);opacity:.55}
.float{box-shadow:var(--sh-s2)!important}.float.f3{background:var(--white)}
.hero-price-line{color:var(--ink-soft)}.hero-price-line b{color:var(--cobalt)}
.price-sticker{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh-s2)!important;transform:none;border-radius:var(--r-lg)}
.ps-num{color:var(--cobalt)}.ps-num em{color:var(--ink-soft)}.ps-then b{color:var(--cobalt)}
/* --- sections cobalt → claires (les skins précisent) --- */
.on-ink,.act{background-color:transparent;background-image:none;color:var(--ink)}
.on-ink h1,.on-ink h2,.on-ink h3,.on-ink h4{color:var(--ink)}
.on-ink .sec-intro,#process .sec-intro{color:var(--ink-soft)}
.on-ink .kicker,.on-ink .pill{background:var(--cobalt-soft);color:var(--cobalt)}
.act{padding:var(--s3) 0}
.act span{background:var(--cobalt);color:#fff;box-shadow:none}
#preuves,#propositions-metier,#metier,#works,#preview-7j,#garanties{background-color:transparent;background-image:none}
#faq{background-color:transparent!important;background-image:none}
/* --- blocs colorés v3 → apaisés --- */
#preuves .arg:nth-child(1),#preuves .arg:nth-child(2),#preuves .arg:nth-child(3),#preuves .arg:nth-child(4){background:var(--white)!important}
#preuves .arg p{color:var(--ink-soft)}
#preuves .arg-n{background:var(--cobalt-soft);color:var(--cobalt)}
#preuves .arg .tag{background:var(--cobalt-soft);color:var(--cobalt)}
#preuves .kicker{background:var(--cobalt-soft);color:var(--cobalt)}
#propositions-metier .sector:nth-child(1),#propositions-metier .sector:nth-child(2),#propositions-metier .sector:nth-child(3){background:var(--white)!important}
#propositions-metier .sector p{color:var(--ink-soft)}
#propositions-metier .sector .pill{background:var(--cobalt-soft);color:var(--cobalt)}
.module::before,#metier .modules .module:nth-child(1)::before,#metier .modules .module:nth-child(2)::before,#metier .modules .module:nth-child(3)::before,#metier .modules .module:nth-child(4)::before,#metier .modules .module:nth-child(5)::before,#metier .modules .module:nth-child(6)::before{background:var(--cobalt-soft)!important}
.module .p{background:var(--cobalt-soft);color:var(--cobalt)}
#process .step-dot{position:static;background:var(--cobalt);color:#fff;margin-bottom:10px}
#process .step-card{border:1px solid var(--line)!important;box-shadow:var(--sh-s1)!important}
#process .step-card .pill{background:var(--cobalt-soft);color:var(--cobalt)}
#garanties .guarantee:nth-child(1) .ico,#garanties .guarantee:nth-child(2) .ico,#garanties .guarantee:nth-child(3) .ico,#garanties .guarantee:nth-child(4) .ico{background:var(--cobalt-soft)!important;color:var(--cobalt)!important}
#offre .offer-card:nth-child(3n+1) .ico,#offre .offer-card:nth-child(3n+2) .ico,#offre .offer-card:nth-child(3n+3) .ico{background:var(--cobalt-soft)!important;color:var(--cobalt)!important}
.offer-card.on-ink{background:var(--cobalt)!important;background-image:var(--grid-w)!important;background-size:var(--grid-size)!important;color:#fff}
.offer-card.on-ink h3{color:#fff}
.testi .av{background:var(--cobalt-soft);color:var(--cobalt)}
.testi .q{color:var(--cobalt)}
.steps-mini .n{background:var(--cobalt-soft)!important;color:var(--cobalt)}
.note{background:var(--cobalt-soft)}
.note .pill{background:var(--white);color:var(--cobalt)}
.note .btn{background:var(--cobalt);color:#fff;box-shadow:var(--sh-cta)}
.note .btn:hover{color:#fff}
.liftoff .banner{background:var(--cobalt);color:#fff;border:none;box-shadow:var(--sh-cta);border-radius:var(--r-pill)}
.badge-round{background:var(--cobalt);color:#fff;border:none;box-shadow:var(--sh-s2);transform:rotate(6deg)}
.price-card.hot{background:var(--cobalt)!important;background-image:var(--grid-w)!important;background-size:var(--grid-size)!important;color:#fff}
.price-card.hot h3,.price-card.hot .price-unit,.price-card.hot .bignum{color:#fff}
.price-card.hot p,.price-card.hot em{color:rgba(255,255,255,.85)}
.price-card.hot .hl{color:var(--yellow)}
.price-card.hot .flag{background:rgba(255,255,255,.16);color:#fff}
.price-card.hot .benefits .n{background:rgba(255,255,255,.16)!important;color:#fff!important;border:none!important}
.price-card.hot .btn{background:#fff;color:var(--cobalt);box-shadow:0 10px 24px -10px rgba(0,0,0,.35)}
.price-card.hot .btn:hover{color:var(--cobalt)}
.price-card.hot .badge-round{background:var(--yellow);color:var(--ink)}
.price-card .benefits .n{background:var(--cobalt-soft)!important;color:var(--cobalt)!important;border:none!important}
.price-card .flag{background:var(--cobalt-soft);color:var(--cobalt)}
.cta-big{background:var(--cobalt);color:#fff;border-radius:var(--r-pill);border:none;box-shadow:var(--sh-cta)}
.cta-big:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(33,48,234,.6)}
.cta-blob.a,.cta-blob.b{background:var(--cobalt-soft);opacity:.6}
.cal-head img{border-color:var(--cobalt-soft)}
.cal-body{background-image:none;background-color:var(--cobalt-soft)}
.refuse .no{border:none}
.mock{background:var(--white)}
.wz-opt{border:1.5px solid var(--line)}
.wz-opt.sel{border-color:var(--cobalt)}
.compare .btn.ghost{background:var(--cobalt);color:#fff;box-shadow:var(--sh-cta)}
.kicker.yellow,.kicker.cyan{background:var(--cobalt-soft)!important;color:var(--cobalt)!important}
.kicker.pink{background:var(--pink)!important;color:var(--ink)!important}
/* --- fidélité stricte aux boards DA : purge des accents de l'ancienne version --- */
.kicker.pink{background:var(--cobalt-soft)!important;color:var(--cobalt)!important}
.hero-stack-item{background:var(--white)!important;color:var(--ink)!important;box-shadow:0 4px 14px -6px rgba(18,19,28,.16)!important}
.hero-stack-plus{color:var(--pink)}
.bar-ink .t-pink,.bar-ink .t-lime,.bar-ink .t-cyan,.bar-ink .t-yellow{color:var(--pink)}
.mock-bar i,.work-bar i,.mock-card .mc-bar i,.figure .cap i{background:var(--yellow)!important;border:none!important}
.mock-bar i:nth-child(2),.work-bar i:nth-child(2),.mock-card .mc-bar i:nth-child(2),.figure .cap i:nth-child(2){background:var(--cyan)!important}
.mock-bar i:nth-child(3),.work-bar i:nth-child(3),.mock-card .mc-bar i:nth-child(3),.figure .cap i:nth-child(3){background:var(--pink)!important}
.future-screen a{background:#fff;color:var(--cobalt)}
.wz-opt:nth-child(3n+3)::before{background:var(--cobalt-soft)}
.t-item::before{background:var(--pink)}
.pay-line b:nth-of-type(2){color:#fff}
/* étiquette prix façon board : 349 encre · mensualité cobalt · tiret rose */
.ps-lbl{display:flex;align-items:center;gap:.4rem}
.ps-lbl::before{content:"";width:14px;height:4px;border-radius:2px;background:var(--pink)}
.ps-num{color:var(--ink)}
.ps-then b{color:var(--cobalt)}
/* le tiret rose du logo, au cœur du titre */
.hero h1 .tir{display:inline-block;width:.5em;height:.12em;background:var(--pink);border-radius:99px;vertical-align:middle;margin:0 .12em}
/* plus aucun texte fluo sur fond clair */
.stroke.on-ink,.on-ink .stroke,.stroke{color:var(--cobalt)!important}
.hl-cyan{background-image:none!important;color:var(--cobalt)!important;padding:0}
/* --- bloc réassurance : badge Google + vignettes --- */
.hero-face{width:34px!important;height:34px!important;font-size:.62rem!important;font-weight:800;letter-spacing:0;border:2px solid #fff!important;margin-left:-10px}
.hero-social{gap:.7rem;padding:.45rem 1.25rem .45rem .55rem}
.hero-social b{display:flex;align-items:center;gap:.4rem;font-size:.9rem}
.stars{font-style:normal;color:var(--yellow);letter-spacing:.04em;filter:drop-shadow(0 1px 0 rgba(18,19,28,.28))}
.hero-social .sub{color:var(--ink-soft)}
.hero-social:hover{box-shadow:0 10px 26px -10px rgba(33,48,234,.35)}
.hero-stack-item{display:inline-flex;align-items:center;gap:.5rem}
.hero-stack-item::before{content:"";width:9px;height:9px;border-radius:99px;background:var(--cobalt);flex:0 0 auto}
.hero-stack .hero-stack-item:nth-child(3)::before{background:var(--pink)}
.hero-stack .hero-stack-item:nth-child(5)::before{background:var(--yellow)}
.hero-stack .hero-stack-item:nth-child(7)::before{background:var(--cyan)}
/* --- correctifs contraste (audit) --- */
.hero-social,.hero-social b{color:var(--ink)!important}
.hero-face{background-size:cover;background-position:center top;background-color:var(--cobalt-soft)}
.faq h3.sec-title,.on-ink .faq h3.sec-title{color:var(--ink)!important}
.eyebrow{color:var(--ink)!important;opacity:.55}
.offer-card.on-ink .pill{background:#fff!important;color:var(--cobalt)!important}
.stars{-webkit-text-stroke:.6px rgba(18,19,28,.45)}
/* --- CTA renforcés : sous-message vert (parcours prospection) --- */
:root{--green:#1f9d55;--green-soft:#e3f7ec}
.btn.has-sub,.cta-big.has-sub{flex-direction:column;gap:.12rem;line-height:1.2}
.cta-big.has-sub{display:inline-flex;align-items:center}
.btn-sub{display:block;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mint);white-space:nowrap}
.pay-micro::before{content:"✓ ";font-weight:800}
.pay-micro{color:var(--mint)!important}
.hero-price-line::before{content:"✓ ";color:var(--green);font-weight:800}
/* --- centrage systématique des glyphes dans les pastilles --- */
.duo-plus span,#preuves .arg-n,#process .step-dot,.step-dot,.guarantee .ico,.offer-card .ico,.testi .av,.steps-mini .n,.faq .plus,.benefits .n,.wz-recap li::before{display:grid!important;place-items:center!important;line-height:1!important;padding:0!important;text-align:center}
.faq .plus{transition:transform .2s}
.pay-bar .btn .btn-sub{color:var(--green)!important}
/* pastilles de confiance : blanc, texte encre */
.pay-trust{border-left:0;padding-left:0;gap:.5rem}
.t-item{background:#fff;color:var(--ink);border-radius:999px;padding:.42rem 1rem;font-weight:600;box-shadow:0 6px 16px -8px rgba(0,0,0,.35);width:max-content}
.t-item b{color:var(--ink)}
.t-item::before{background:var(--green)}
/* ponctuation des titres : rose signature */
.pt{color:var(--pink);font-style:normal}
/* CTA final : salle cobalt quadrillée + plus massif */
.cta-big{background-image:var(--grid-w);background-size:var(--grid-size);padding:1.4rem 2.6rem;font-size:clamp(20px,2.6vw,28px)}
/* bandeaux défilants : items répartis uniformément, sans trous */
.bar-ink .marquee-track,.bar-top .marquee-track{min-width:100%;justify-content:space-between;gap:1.2rem}
/* CTA à badge (rose/lime) — jamais aussi large que le bouton */
.has-badge{position:relative;margin-bottom:14px;border-radius:9px!important}
.cta-badge{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:calc(100% - 2.2rem);overflow:hidden;text-overflow:ellipsis;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.76rem;border-radius:7px;padding:.28rem .85rem;box-shadow:0 6px 16px -6px rgba(18,19,28,.35);text-transform:none;letter-spacing:0;line-height:1.3}
.cta-badge.rose{background:var(--pink);color:#fff}
.cta-badge.lime{background:var(--lime);color:var(--ink)}
.plan-cta.has-badge{flex-direction:row;margin-bottom:10px}
.cta-big.has-badge{display:inline-flex}
/* bouton Pack Ads : lime, texte encre (accent d'action ponctuel) */
.btn.btn-ads{background:var(--lime)!important;color:var(--ink)!important;box-shadow:0 12px 26px -12px rgba(110,150,0,.55)!important}
.btn.btn-ads:hover{background:#d6ff6b!important;color:var(--ink)!important}
/* --- sélecteur de version --- */
.da-switch{position:fixed;left:18px;bottom:18px;z-index:90;display:flex;gap:4px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:5px 8px;box-shadow:0 14px 34px -14px rgba(16,20,60,.3);font-family:var(--display);font-weight:800;font-size:.74rem}
.da-switch b{font-size:.58rem;opacity:.5;font-weight:700;padding:0 4px;text-transform:uppercase;letter-spacing:.06em}
.da-switch a{text-decoration:none;color:var(--ink);padding:.35rem .75rem;border-radius:999px}
.da-switch a:hover{background:var(--cobalt-soft);color:var(--cobalt)}
.da-switch a.on{background:var(--cobalt);color:#fff}