/* DA6 v3 — surcouche rationalisation (landing v3 uniquement, chargée après les skins) */
:root{--green:#1f9d55;--green-deep:#14683a;--green-soft:#e6f4ec}
.skip-link{position:fixed;z-index:300;top:8px;left:8px;min-height:48px;padding:.75rem 1rem;border:2px solid var(--cobalt);border-radius:9px;background:#fff;color:var(--cobalt);font-family:'Space Grotesk',sans-serif;font-weight:700;display:flex;align-items:center;transform:translateY(calc(-100% - 16px));transition:transform .16s ease}
.skip-link:focus{transform:none;outline:3px solid var(--lime);outline-offset:2px}
.nav-links-wrap{display:contents}
.v3 .cta-blob{display:none}
.v3 .act{display:none}
/* bandeau haut statique (plus de marquee) */
.v3 .bar-top{padding:.55rem 0}
.v3 .bar-static{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;font-size:.78rem;letter-spacing:.04em}
.v3 .bar-static span{white-space:nowrap}
@media(max-width:700px){.v3 .bar-static span:nth-child(n+3){display:none}}
@media(max-width:560px){.v3 .bar-static span:nth-child(n+2){display:none}.v3 .bar-static span{white-space:normal;text-align:center}}
/* strip hero statique */
.v3 .hero-strip{background:var(--ink);color:#fff;margin-top:var(--s6)}
.v3 .hero-strip .in{display:flex;gap:.6rem 2.2rem;justify-content:center;flex-wrap:wrap;padding:.85rem 1rem;font-family:'Rubik Mono One',monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em}
.v3 .hero-strip .t-pink{color:var(--pink)}.v3 .hero-strip .t-lime{color:var(--lime)}.v3 .hero-strip .t-cyan{color:var(--cyan)}
@media(max-width:700px){.v3 .hero-strip .in span:nth-child(n+4){display:none}}
/* offre : réassurance transversale */
.v3 .trans-re{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:var(--s4)}
/* bandeau outils compatibles */
.v3 .tools-band{background:#fff;border:2px solid #e8e4d5;border-radius:var(--r-lg,18px);padding:clamp(18px,3vw,34px)}
.v3 .tools-head{display:grid;gap:.5rem;max-width:62ch}
.v3 .tools-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(22px,2.6vw,30px);line-height:1.15}
.v3 .tools-head p{font-size:.95rem;line-height:1.55;color:var(--ink-soft,#454a63)}
.v3 .tools-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:var(--s3);align-items:center}
.v3 .tool{display:inline-flex;align-items:center;gap:.5rem;background:var(--paper);border:2px solid #e8e4d5;border-radius:9px;padding:.6rem 1rem;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.92rem;color:var(--ink)}
.v3 .tool i{width:8px;height:8px;border-radius:50%;background:var(--cobalt);flex:none}
.v3 .tools-note{font-size:.8rem;opacity:.75;margin-top:var(--s3);max-width:70ch}
.v3 .tools-more{display:none;font-size:.85rem;font-weight:700}
@media(max-width:560px){.v3 .tool:nth-child(n+5){display:none}.v3 .tools-more{display:inline-flex}}
/* accordéon unique */
.v3 .acc{margin-top:var(--s3);border:2px solid #e8e4d5;border-radius:var(--r-lg,18px);background:#fff;overflow:hidden}
.v3 .acc-btn{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.05rem clamp(16px,2.4vw,26px);background:#fff;border:0;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.02em;font-size:1.02rem;color:var(--ink);text-align:left;min-height:48px}
.v3 .acc-btn .x{flex:none;width:30px;height:30px;border-radius:8px;background:var(--cobalt-soft);color:var(--cobalt);display:grid;place-items:center;font-weight:800;font-size:1.1rem;transition:transform .18s}
.v3 .acc-btn[aria-expanded="true"]{background-color:var(--cobalt);background-image:var(--grid-w);background-size:var(--grid-size);color:#fff}
.v3 .acc-btn[aria-expanded="true"] .x{background:var(--lime);color:var(--ink);transform:rotate(45deg)}
.v3 .acc-btn:focus-visible{outline:3px solid var(--cobalt);outline-offset:-3px}
.v3 .acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.v3 .acc-panel.open{grid-template-rows:1fr}
.v3 .acc-inner{overflow:hidden}
.v3 .acc-body{padding:clamp(16px,2.4vw,26px);display:grid;gap:var(--s3);border-top:2px solid #e8e4d5}
.v3 .acc-group{display:grid;gap:.55rem}
.v3 .acc-group>b{font-family:'Rubik Mono One',monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);display:flex;align-items:center;gap:.5rem}
.v3 .acc-group>b::before{content:"";width:22px;height:6px;border-radius:3px;background:var(--pink)}
.v3 .int-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--paper);border:2px solid #e8e4d5;border-radius:10px;padding:.6rem .9rem;font-size:.92rem}
.v3 .int-item b{font-weight:700;font-family:'Space Grotesk',sans-serif}
.v3 .int-item .d{font-size:.8rem;opacity:.7;display:block}
.v3 .statut{flex:none;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.72rem;border-radius:7px;padding:.28rem .6rem;white-space:nowrap}
.v3 .statut.inc{background:var(--green-soft);color:var(--green-deep)}
.v3 .statut.opt{background:var(--cobalt-soft);color:var(--cobalt)}
.v3 .statut.etu{background:#fff;color:var(--ink);border:1.5px solid #d9d4c2}
/* avis statiques */
.v3 .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s4)}
.v3 .testi-grid .testi{transform:none;width:auto;margin:0}
@media(max-width:900px){.v3 .testi-grid{grid-template-columns:1fr}}
/* pack ads compact */
.v3 .ads-mini{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s4);align-items:center;background:#fff;border:2px solid #e8e4d5;border-radius:var(--r-lg,18px);padding:clamp(18px,3vw,32px);margin-top:var(--s4)}
.v3 .ads-mini h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:1.3rem}
.v3 .ads-mini p{font-size:.93rem;line-height:1.55;color:var(--ink-soft,#454a63);margin-top:.4rem}
.v3 .ads-mini ul{list-style:none;display:grid;gap:.5rem}
.v3 .ads-mini li{display:flex;justify-content:space-between;gap:1rem;background:var(--paper);border:2px solid #e8e4d5;border-radius:9px;padding:.55rem .8rem;font-size:.88rem}
.v3 .ads-mini li b{font-weight:700}.v3 .ads-mini li .p{font-weight:700;color:var(--cobalt);white-space:nowrap}
@media(max-width:820px){.v3 .ads-mini{grid-template-columns:1fr}}
/* footer statique */
.v3 .foot-static{border-bottom:2px solid rgba(255,255,255,.14);padding:.8rem 1rem;display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;font-family:'Rubik Mono One',monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:700px){.v3 .foot-static span:nth-child(n+4){display:none}}
/* qualif fusionnée au CTA final : carte blanche directe sur cobalt */
.v3 .wz-shell{margin-top:var(--s5)}
/* focus clavier visible partout */
.v3 a:focus-visible,.v3 button:focus-visible{outline:3px solid var(--lime);outline-offset:2px;border-radius:6px}
.v3 .faq-pill{padding:.75rem 1.1rem}
/* équipe */
.v3 .team-line{display:flex;gap:1rem;align-items:center;background-color:var(--cobalt);background-image:var(--grid-w);background-size:var(--grid-size);border:none;border-radius:var(--r-lg,18px);padding:1.1rem 1.4rem;max-width:420px;color:#fff}
.v3 .team-line img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff}
.v3 .team-line p{font-size:.95rem;line-height:1.5;display:grid;gap:.3rem}
.v3 .team-line b{color:var(--lime)}
.v3 .founder{justify-self:start;background:var(--pink);color:#fff;font-weight:700;font-size:.68rem;border-radius:7px;padding:.24rem .6rem;letter-spacing:.03em;text-transform:uppercase}
/* réduction de mouvement */
@media (prefers-reduced-motion: reduce){.v3 *,.v3 *::before,.v3 *::after{animation:none!important;transition:none!important}.v3 [data-anim]{opacity:1!important;transform:none!important}}

/* garde-fous responsive 320–390 */
.v3 .hero-grid>*{min-width:0}
.v3 .hero-social{max-width:100%}
.v3 .hero-social>span{min-width:0}
.v3 .hero-social .sub{white-space:normal}
@media(max-width:420px){.v3 .g5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v3 .hero{overflow:hidden}
.v3 .cmp-t{overflow-x:auto;-webkit-overflow-scrolling:touch}
.v3 .int-item{flex-wrap:wrap}
.v3 .plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.v3 .plan,.v3 .bnd>*{min-width:0}
.v3 .bdgs{flex-wrap:wrap}
.v3 .tools-band,.v3 .acc-body{min-width:0}
@media(max-width:420px){.v3 .acc-body{padding:14px}.v3 .int-item{font-size:.88rem}}

/* logos réels des intégrations */
.v3 .tools-row.logos{gap:.9rem 1.4rem;align-items:center}
.v3 .tool-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e8e4d5;border-radius:12px;padding:.65rem 1.15rem;min-height:58px}
.v3 .tool-logo img{height:26px;width:auto;max-width:150px;object-fit:contain;display:block}
@media(max-width:560px){.v3 .tool-logo:nth-child(n+5){display:none}}
/* offre : titres des 4 blocs sur une ligne */
.v3 .arg h3{font-size:clamp(18px,1.6vw,24px);white-space:nowrap}
@media(max-width:900px){.v3 .arg h3{white-space:normal}}
/* réalisations : lignes de 4 */
.v3 .works{grid-template-columns:repeat(4,1fr)}
.v3 .work-url{display:none}
.v3 .work .cap{gap:.15rem}
.v3 .work .cap .r{margin-top:0}
.v3 .work .sub{margin-top:0}
.v3 .work h3{font-size:.92rem}
.v3 .work .sub{font-size:.78rem}
.v3 .work .cap{padding:14px 16px}
.v3 .work .cap .pill.sm{font-size:.66rem;padding:.28rem .6rem;white-space:nowrap}
@media(max-width:1100px){.v3 .works{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.v3 .works{grid-template-columns:1fr}}

/* assistant 4 étapes — conversion */
.v3 .wz{border:none;box-shadow:0 30px 70px -40px rgba(10,12,60,.55)}
.v3 .wz-head{font-family:'Rubik Mono One',monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}
.v3 .wz-head .wz-timer{color:var(--cobalt)}
.v3 .wz-progress{height:8px;border-radius:99px;background:var(--cobalt-soft);overflow:hidden}
.v3 .wz-bar{border-radius:99px;background:var(--cobalt)}
.v3 .wz-q{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(1.3rem,2.2vw,1.7rem)}
.v3 .wz-opt{position:relative;border:2px solid #e8e4d5;border-radius:14px;background:#fff;transition:transform .15s,border-color .15s,box-shadow .15s;min-height:48px}
.v3 .wz-opt:hover{border-color:var(--cobalt);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(33,48,234,.45)}
.v3 .wz-opt.sel{border-color:var(--cobalt);background:var(--cobalt-soft)}
.v3 .wz-opt.sel::after{content:"✓";position:absolute;top:-11px;right:-11px;width:26px;height:26px;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:800;display:grid;place-items:center;font-size:.85rem;box-shadow:0 6px 14px -6px rgba(18,19,28,.35)}
.v3 .wz-opt b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.01em}
.v3 .wz-recap{border:2px solid #e8e4d5;border-radius:16px;background:var(--paper)}
.v3 .wz-recap ul li{display:flex;gap:.5rem;align-items:baseline}
.v3 .wz-recap ul li::before{content:"✓";color:var(--green,#1f9d55);font-weight:800;flex:none}
.v3 .wz-reco{background:var(--green-soft);border:1.5px solid var(--green);border-radius:12px;padding:.8rem 1rem;display:grid;gap:.25rem}
.v3 .wz-reco .lbl{font-family:'Rubik Mono One',monospace;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green-deep)}
.v3 .wz-reco b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}
.v3 .wz-reco .why{font-size:.85rem;line-height:1.45}
.v3 .reco-note{font-size:.76rem;opacity:.75;font-style:italic}
.v3 .wz button[type="submit"].btn{font-size:1.02rem;padding-top:1rem;padding-bottom:1.15rem}
.v3 .wz .btn-sub{color:var(--lime)}
.v3 .wz-back{min-height:44px}

/* --- fond de page : blanc, trame cobalt allégée (demande client) --- */
.v3{--grid-i:linear-gradient(rgba(33,48,234,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(33,48,234,.07) 1px,transparent 1px);--paper:#fff;background:#fff}
.v3 .grille{background-color:#fff}

/* Passe mobile CRO nationale — détails progressifs, contrôles accessibles */
.v3 .offer-more,.v3 .works-more,.v3 .plan-tabs{display:none}
.v3 .works-more,.v3 .offer-more{min-height:48px;margin:var(--s3) auto 0;padding:.75rem 1rem;border:2px solid var(--cobalt);border-radius:9px;background:#fff;color:var(--cobalt);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}
.v3 .faq-list{display:grid;gap:12px;width:min(900px,100%);margin:var(--s4) auto 0}
.v3 .faq-item{overflow:hidden;border:2px solid #e8e4d5!important;border-radius:16px!important;background:#fff;box-shadow:none!important}
.v3 .faq-item summary{position:relative;display:flex;align-items:center;min-height:58px;padding:16px 58px 16px 18px;cursor:pointer;list-style:none;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1rem,1.7vw,1.18rem);font-weight:800;line-height:1.3}
.v3 .faq-item summary::-webkit-details-marker{display:none}
.v3 .faq-item summary::after{content:'+';position:absolute;right:16px;display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--cobalt-soft);color:var(--cobalt);font-size:1.35rem;transition:transform .18s ease,background .18s ease,color .18s ease}
.v3 .faq-item[open]{border-color:var(--cobalt)!important}
.v3 .faq-item[open] summary{background-color:var(--cobalt);background-image:var(--grid-w);background-size:var(--grid-size);color:#fff}
.v3 .faq-item[open] summary::after{transform:rotate(45deg);background:var(--lime);color:var(--ink)}
.v3 .faq-item>div{padding:0 18px 18px;color:var(--ink-soft);line-height:1.65}
.v3 .faq-item>div p{margin-top:16px}
.v3 .faq-actions{display:flex;justify-content:center;margin-top:var(--s3)}
.v3 #tocBackdrop[hidden],.v3 #tocPanel[hidden],.v3 #tocButton[hidden]{display:none!important}
.v3 img{max-width:100%}

@media(max-width:980px){
  .v3 .plan-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:var(--s3) 0 10px}
  .v3 .plan-tabs [role="tab"]{min-width:0;min-height:64px;padding:8px 6px;border:2px solid #dfe3f2;border-radius:12px;background:#fff;color:var(--ink-soft);font-family:'Plus Jakarta Sans',sans-serif;font-size:.75rem;font-weight:750;line-height:1.15}
  .v3 .plan-tabs [role="tab"] span,.v3 .plan-tabs [role="tab"] b{display:block;overflow:hidden;text-overflow:ellipsis}
  .v3 .plan-tabs [role="tab"] b{margin-top:5px;color:var(--cobalt);font-size:1rem}
  .v3 .plan-tabs [aria-selected="true"]{border-color:var(--cobalt);background:var(--cobalt-soft);color:var(--cobalt)}
  .v3 .plans{display:block}
  .v3 .plan[hidden],.v3 .plan:not(.is-active){display:none}
  .v3 .plan.is-active{display:block}
  .v3 .act-banner{padding:1rem}
  .v3 .act-banner .ab-sub{display:none}
  .v3 .plan-foot{display:none}
}

@media(max-width:820px){
  .v3{overflow-x:clip}
  .v3 .offer-more,.v3 .works-more{display:flex;align-items:center;justify-content:center}
  .v3 #offre .args .arg p,.v3 #offre .args .arg .tag{display:none}
  .v3 #offre.offer-open .args .arg p,.v3 #offre.offer-open .args .arg .tag{display:inline-block}
  .v3 #offre.offer-open .args .arg p{display:block}
  .v3 #offre .args{gap:10px}
  .v3 #offre .arg{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px!important}
  .v3 #offre .arg-n{width:36px;height:36px}
  .v3 #offre .arg h3{font-size:1rem;line-height:1.2}
  .v3 .works{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .v3 .works .work:not([data-mobile-featured]){display:none}
  .v3 .works.is-expanded .work{display:block}
  .v3 .work .cap{padding:10px}
  .v3 .work .cap .r{align-items:flex-start;gap:4px;flex-direction:column}
  .v3 .work h3{font-size:.82rem}
  .v3 .work .sub{font-size:.7rem}
  .v3 .work .cap .pill.sm{font-size:.58rem}
  .v3 .faq-item summary{min-height:54px;padding:13px 54px 13px 14px;font-size:.96rem}
  .v3 .faq-item>div{padding:0 14px 14px;font-size:.92rem}
  .v3 .g5{grid-template-columns:1fr!important}
  .v3 .guarantee{min-height:auto;padding:18px}
  .v3 .cal-head{flex-wrap:wrap}
  .v3 .cal-head .pill{margin-left:0!important}
}

@media(max-width:390px){
  .v3 .wrap,.v3 .wrap-n{padding-right:14px;padding-left:14px}
  .v3 .plan-tabs [role="tab"]{font-size:.68rem;padding-inline:4px}
  .v3 .plan-tabs [role="tab"] b{font-size:.9rem}
  .v3 .pay-line{flex-wrap:wrap}
  .v3 .faq-actions .btn{width:100%}
}