/* ============================================================
   STRUCTURE DOUCE — remplace maquette-systeme.css dans les
   landings DA4/6/8 : garde la mise en page (tarif duo, pay-bar,
   assistant, gabarits), retire la peau néo-brut.
   ============================================================ */
:root{--ico:48px}
.eyebrow,.i .m,.ps-lbl,.toc-num{font-family:'Rubik Mono One',monospace!important;font-size:.54rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;opacity:.55}
#preuves .arg-n,#process .step-dot,.guarantee .ico,.offer-card .ico,.steps-mini .n{width:var(--ico);height:var(--ico);border-radius:14px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1rem;flex:0 0 auto}
.testi .av{border-radius:999px}
.pill,.kicker,.level-tag,.eyebrow-pill,.flag{display:inline-flex!important;align-items:center;width:auto!important;max-width:max-content;justify-self:start;align-self:start}
.head-center{display:grid;justify-items:center;text-align:center}
.head-center .kicker,.head-center .pill,.head-center .eyebrow{justify-self:center!important;align-self:center!important}
.i{background:var(--white);padding:var(--s3);display:grid;gap:.5rem;align-content:start;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 6px 18px -8px rgba(16,20,60,.14)}
.i b{font-family:var(--display);font-weight:800;font-size:1.02rem;line-height:1.2}
#metier .i .pill,#metier .i .tags .pill{background:var(--cobalt-soft)!important;color:var(--cobalt)!important}
/* assistant */
.wz-opt .e{display:none!important}
.wz-opt{position:relative;display:flex!important;align-items:center;gap:.7rem;text-align:left;border:1.5px solid var(--line)!important;border-radius:var(--r-md)!important;background:var(--white)!important;box-shadow:0 6px 18px -8px rgba(16,20,60,.14)!important;padding:.9rem 1.1rem!important;transition:transform .14s,box-shadow .14s}
.wz-opt::before{content:"";flex:0 0 auto;width:12px;height:12px;border-radius:99px;background:var(--cobalt)}
.wz-opt:nth-child(3n+2)::before{background:var(--pink)}
.wz-opt:nth-child(3n+3)::before{background:var(--cyan)}
.wz-opt:hover{transform:translateY(-2px)}
.wz-opt.on,.wz-opt[aria-pressed="true"]{background:var(--cobalt-soft)!important;border-color:var(--cobalt)!important}
.wz-opt b{font-family:var(--display);font-weight:800;font-size:.95rem;line-height:1.2}
/* FAQ */
.faq .plus{width:38px!important;height:38px!important;border:none!important;background:var(--cobalt-soft)!important;color:var(--cobalt)!important}
.faq details[open] .plus{background:var(--cobalt)!important;color:#fff!important}
/* méthode : pastilles unifiées */
.steps .step .step-dot{background:var(--cobalt)!important;color:#fff!important;border:none!important;box-shadow:none!important;position:static!important;margin-bottom:10px}
/* tarif duo */
.prices.duo{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:var(--s3);margin-top:0}
@media(max-width:940px){.prices.duo{grid-template-columns:1fr}}
.duo-plus{display:grid;place-items:center;align-self:center}
.duo-plus span{position:relative;width:76px;height:76px;border-radius:999px;display:grid;place-items:center;background:var(--cobalt);color:#fff;box-shadow:0 10px 24px -8px rgba(33,48,234,.5);font-size:0}
.duo-plus span::before,.duo-plus span::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:9px;border-radius:5px;background:#fff}
.duo-plus span::after{transform:translate(-50%,-50%) rotate(90deg)}
@media(max-width:940px){.duo-plus span{width:56px;height:56px}.duo-plus span::before,.duo-plus span::after{width:26px;height:7px}}
.price-card{position:relative;margin-top:0!important;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);border-radius:var(--r-xl)!important;overflow:visible}
.price-card.step,.price-card.hot{background:var(--white)!important;color:var(--ink)!important}
.price-card .flag{position:static!important;background:var(--cobalt-soft)!important;color:var(--cobalt)!important;font-size:.72rem!important;padding:.32rem .9rem!important;font-weight:700}
.price-card.hot .flag{background:var(--cobalt)!important;color:#fff!important}
.price-card h3{font-size:1.9rem!important;letter-spacing:-.04em;margin-top:.1rem}
.price-card .price-row{align-items:baseline;gap:.4rem;margin:.1rem 0 0}
.price-card .bignum{font-size:clamp(64px,8.5vw,104px)!important;color:var(--ink)!important;letter-spacing:-.055em}
.price-card.hot .bignum{color:var(--cobalt)!important}
.price-card .price-unit{margin-bottom:.65rem!important;font-size:1.25rem}
.price-card .price-unit .per{font-size:.95rem;font-weight:700;color:var(--ink-soft)}
.price-card .price-note{font-size:.95rem;line-height:1.5;color:var(--ink-soft);max-width:38ch}
.price-card .price-note b{color:var(--ink)}
.price-card .benefits{margin-top:auto;padding-top:var(--s2);border-top:2px dashed rgba(18,19,28,.14);gap:.85rem}
.price-card .benefits em{font-size:.86rem}
.benefits.check .n{background:var(--cobalt-soft)!important;color:var(--cobalt)!important;font-size:.85rem!important}
.price-card .badge-round{display:none}
/* barre de paiement */
.pay-bar{margin-top:var(--s4);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s3) var(--s4);background:var(--cobalt);color:#fff;border:none;border-radius:var(--r-xl);box-shadow:0 18px 40px -16px rgba(33,48,234,.5);padding:var(--s3) var(--s4)}
@media(max-width:1040px){.pay-bar{grid-template-columns:1fr}}
.pay-sum .eyebrow{color:rgba(255,255,255,.65)!important;opacity:1!important}
.pay-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-top:.35rem;font-family:var(--display)}
.pay-line b{font-weight:800;font-size:2.1rem;letter-spacing:-.045em;line-height:1;color:#fff}
.pay-line b:nth-of-type(2){color:var(--yellow)}
.pay-line i{font-style:normal;font-size:.86rem;font-weight:600;color:rgba(255,255,255,.72)}
.pay-line .op{font-size:.86rem;font-weight:700;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em;padding:0 .2rem}
.pay-act{display:grid;justify-items:center;gap:.5rem}
@media(max-width:1040px){.pay-act{justify-items:start}}
.pay-bar .btn,.pay-bar .btn.lime{background:#fff!important;color:var(--cobalt)!important;box-shadow:0 12px 26px -10px rgba(0,0,0,.4)!important;border:none!important}
.pay-bar .btn:hover{color:var(--cobalt)!important}
.pay-micro{font-size:.8rem;color:rgba(255,255,255,.75)}
.pay-trust{display:grid;gap:.4rem;justify-items:start;border-left:1px solid rgba(255,255,255,.25);padding-left:var(--s3)}
@media(max-width:1040px){.pay-trust{border-left:0;padding-left:0;grid-template-columns:1fr 1fr;gap:.4rem 1rem}}
.t-item{font-size:.82rem;color:rgba(255,255,255,.78);display:flex;align-items:center;gap:.4rem}
.t-item::before{content:"";width:7px;height:7px;border-radius:99px;background:var(--yellow);flex:0 0 auto}
.t-item b{color:#fff;font-family:var(--display);font-weight:800;font-size:.95rem}
/* logo officiel */
.logo-img{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;transform:none!important;display:inline-flex}
.logo-img img{height:28px;width:auto;display:block}
.logo-img.lg img{height:40px}
/* emphase : bicolore encre→cobalt partout */
.hl,.hero .hl,.hero h1 .hl,.on-ink .hl{background-image:none!important;background:none!important;color:var(--cobalt)!important;padding:0!important;box-shadow:none!important}
