/* ===== DA 6 · DUO CHROMATIQUE — crème éditorial, tiret rose, cartes BORDÉES (pas d'ombre) ===== */
body{background:var(--paper)}
/* fonds : les pois deviennent du quadrillage, le reste reste blanc/crème */
.pointille{background-image:var(--grid-i)!important;background-size:var(--grid-size)!important}
/* kickers : plus de pilule — le tiret rose du logo + texte cobalt */
.kicker,.hero .kicker,.on-ink .kicker,#preuves .kicker{background:none!important;color:var(--cobalt)!important;padding:0!important;border-radius:0!important;font-weight:800!important;gap:.55rem!important}
.kicker::before{content:"";width:22px;height:6px;border-radius:3px;background:var(--pink);display:inline-block;flex:0 0 auto}
.kicker.pink{background:none!important;color:var(--cobalt)!important}
/* cartes : liseré fin, zéro ombre — esprit print */
.card,.arg,.sector,.offer-card,.module,.work,.mock-card,.guarantee,.testi,.figure,.faq details,.i,.step-card,.tiers,.wz-opt{box-shadow:none!important;border:2px solid #e8e4d5!important}
.work:hover,.mock-card:hover,.offer-card:hover{transform:none;border-color:var(--cobalt)!important;box-shadow:none!important}
.arg:hover,.sector:hover{box-shadow:none!important;border-color:var(--cobalt)!important}
.price-card.step,.compare,.cal-card,.mock,.wz,.note{box-shadow:none!important;border:2px solid #e8e4d5!important}
.hero .mock{box-shadow:none!important;border:2px solid var(--ink)!important}
/* pastilles numérotées : cobalt quadrillé fin (board DA6) */
#preuves .arg-n{background-color:var(--cobalt)!important;background-image:var(--grid-w)!important;background-size:20px 20px!important;color:#fff!important}
.hero-stack-item{background:#fff!important;border:2px solid #e8e4d5!important;box-shadow:none!important}
/* offre 30 septembre */
.act-banner{display:grid;gap:.45rem;justify-items:center;font-size:1.05rem;padding:1.3rem 1.6rem}
.act-banner .ab-main{font-family:var(--display);font-weight:800;font-size:clamp(18px,2.2vw,26px);letter-spacing:-.02em}
.act-banner .ab-main b{color:var(--lime)}
.act-banner .ab-sub{font-size:.88rem;opacity:.9}
.offer-until{background:var(--pink);color:#fff;border-radius:999px;padding:.32rem 1rem;font-weight:800;font-size:.8rem}
.offer-hero{color:#fff;background:var(--pink);border-radius:999px;padding:.12rem .7rem;font-size:.85em;white-space:nowrap}
/* ===== TARIF 3 FORMULES + CTA façon Higgsfield ===== */
.act-banner{background-color:var(--cobalt);background-image:var(--grid-w);background-size:var(--grid-size);color:#fff;border-radius:16px;padding:.95rem 1.5rem;text-align:center;font-size:.95rem;margin-bottom:var(--s4)}
.act-banner b{color:var(--lime)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);align-items:stretch}
@media(max-width:980px){.plans{grid-template-columns:1fr}}
.plan{background:#fff;border:2px solid #e8e4d5;border-radius:var(--r-xl);padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:.85rem;transition:border-color .15s}
.plan:hover{border-color:var(--cobalt)}
.plan-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}
.plan-name{font-family:var(--display);font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
.plan-pages{background:var(--cobalt);color:#fff;border-radius:999px;padding:.3rem .85rem;font-weight:700;font-size:.78rem;white-space:nowrap}
.plan-pos{font-size:.92rem;line-height:1.5;color:var(--ink-soft);min-height:2.8em}
.plan-price{display:flex;align-items:baseline;gap:.45rem}
.plan-price b{font-family:var(--display);font-weight:800;font-size:3rem;letter-spacing:-.05em;line-height:1;color:var(--cobalt)}
.plan-price span{font-weight:700;color:var(--ink-soft)}
.plan-when{font-size:.78rem;font-weight:700;color:var(--green);margin-top:-.4rem}
.plan-when::before{content:"✓ "}
.plan ul{list-style:none;padding:0;display:grid;gap:.5rem;font-size:.92rem;margin-top:.2rem}
.plan li{display:flex;gap:.5rem;line-height:1.45}
.plan li::before{content:"✓";color:var(--green);font-weight:800;flex:0 0 auto}
.plan-eq{background:var(--cobalt-soft);color:var(--cobalt);border-radius:10px;padding:.5rem .85rem;font-size:.8rem;font-weight:700;width:max-content;max-width:100%}
.plan-cta{margin-top:auto;justify-content:center;text-align:center}
.plan-foot{text-align:center;font-size:.88rem;color:var(--ink-soft);margin-top:var(--s3)}
/* CTA : cobalt (le lime reste une petite touche, jamais un bouton) */
.btn:not(.ghost):not(.wz-back){background:var(--cobalt)!important;color:#fff!important;box-shadow:0 12px 26px -10px rgba(33,48,234,.5)!important;border-radius:12px}
.btn:not(.ghost):hover{background:var(--cobalt-deep)!important;color:#fff!important;transform:translateY(-2px)}
.btn .btn-sub{color:var(--mint)!important}
.hero .btn.ghost{border-radius:12px}
/* bouton des formules : deux niveaux empilés, jamais 3 lignes */
.plan-cta{flex-direction:column;gap:.14rem;font-size:.98rem;padding:.95rem 1rem;text-align:center}
.plan-cta .btn-sub{white-space:normal;line-height:1.35;letter-spacing:.04em}
/* réassurance : bordé, pas d'ombre */
.hero-social{background:#fff!important;border:2px solid #e8e4d5!important;box-shadow:none!important}
.hero-social:hover{box-shadow:none!important;border-color:var(--cobalt)!important}
.hero-face{border-color:#fff!important}
/* bandeau défilant encre */
.bar-top{background:var(--ink);color:var(--paper)}
header.nav-bar{background:rgba(253,248,236,.94)}
.hero,.on-ink,.act{background-color:var(--paper)}
/* alternance crème / blanc : la page respire et se scanne mieux */
#offre,#process,#preview-7j,section:has(.prices),section:has(.cta-big){background-color:#fff}
#preuves,#propositions-metier,#metier,#works,#garanties,#faq{background-color:var(--paper)}
/* conversion : le CTA principal domine, le secondaire s'efface */
.hero .btn:not(.ghost){padding:1.15rem 2.1rem;font-size:1.06rem}
.hero .btn.ghost{background:transparent!important;box-shadow:inset 0 0 0 2px #e8e4d5!important;color:var(--ink)!important}
.hero .btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--cobalt)!important;color:var(--cobalt)!important}
.btn,.cta-big{border-radius:14px}
.btn.ghost{border-radius:14px}
/* le quadrillage cobalt déborde derrière le mockup du hero */
.hero-stage{position:relative}
.hero-stage::before{content:"";position:absolute;inset:6px -16px 34px -16px;background-color:var(--cobalt);background-image:var(--grid-w);background-size:var(--grid-size);border-radius:34px;z-index:0}
.hero-stage>*{position:relative;z-index:1}
@media(max-width:560px){.hero-stage::before{inset:6px -8px 8px -8px}}
/* carte prix : blanc encadré du quadrillage cobalt */
.price-card.hot{border:14px solid transparent!important;background:linear-gradient(var(--white),var(--white)) padding-box,linear-gradient(var(--cobalt-line) 1px,transparent 1px) border-box,linear-gradient(90deg,var(--cobalt-line) 1px,transparent 1px) border-box,linear-gradient(var(--cobalt),var(--cobalt)) border-box!important;background-size:auto,var(--grid-size),var(--grid-size),auto!important;color:var(--ink)}
.price-card.hot h3,.price-card.hot .price-unit{color:var(--ink)}
.price-card.hot p,.price-card.hot em{color:var(--ink-soft)}
.price-card.hot .bignum,.price-card.hot .hl{color:var(--cobalt)}
.price-card.hot .flag{background:var(--cobalt-soft);color:var(--cobalt)}
.price-card.hot .benefits .n{background:var(--cobalt-soft)!important;color:var(--cobalt)!important}
.price-card.hot .btn{background:var(--cobalt);color:#fff;box-shadow:var(--sh-cta)}
.price-card.hot .btn:hover{color:#fff}
.price-card.hot .badge-round{background:var(--cobalt);color:#fff}
/* barre de paiement + comparatif retirés sur cette version */
.pay-bar,#prix .compare{display:none}
/* bandeau final : même écrin */
.cal-card{border:14px solid transparent!important;background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(var(--cobalt-line) 1px,transparent 1px) border-box,linear-gradient(90deg,var(--cobalt-line) 1px,transparent 1px) border-box,linear-gradient(var(--cobalt),var(--cobalt)) border-box!important;background-size:auto,var(--grid-size),var(--grid-size),auto!important}