/* --- clair --- */

.hero{background:#17191B url(bg-top-gradient.svg) no-repeat bottom center/100% auto;padding-bottom:clamp(110px,11vw,170px);border-bottom:none}
.hero .hstats{border-top-color:rgba(255,255,255,.18)}
.hero .hstats b{color:#fff}
.hero .hstats span{color:rgba(255,255,255,.75)}
.hero .hero-meta span{color:rgba(255,255,255,.72)}
section.final{background-color:#fff;background-image:linear-gradient(180deg,rgba(255,255,255,0) 16%,rgba(10,16,38,.38) 38%,rgba(5,8,20,.8) 72%,#000 100%),url(bg-cta.svg);background-repeat:no-repeat,no-repeat;background-position:bottom center,bottom center;background-size:100% 100%,100% auto;padding:0;margin-top:0}
section.final .wrap{background:none;border-radius:0;overflow:visible;padding:clamp(200px,22vw,300px) clamp(24px,4vw,64px) clamp(70px,7vw,100px)}
section.final .wrap::before{display:none}
#valeur h2,#confiance h2{color:var(--ink)}
#valeur .band h2,#confiance .band h2,#valeur .bandbox h2,#confiance .bandbox h2{color:#fff}
#valeur .s-head p,#confiance .s-head p,.bandw .s-head p{color:rgba(12,14,18,.62)}
#valeur .dsxp,#confiance .dsxp{color:var(--mute)}
.bandw .stats-src{color:var(--faint)}

/* --- clairui --- */

.bandw .vs-col,.bandw .seg,.bandw .stat,.bandw .stepcard,.bandw .elev-d,.bandw .ncard.elev-d,.bandw .plan,.bandw .origin{background:#fff;border:1px solid rgba(12,14,18,.08);box-shadow:0 24px 50px -28px rgba(12,20,44,.18)}
.bandw .vs-title,.bandw .seg h3,.bandw .stat .n,.bandw .stepcard h3,.bandw .elev-d h3,.bandw .ncard.elev-d h3,.bandw .elev-d .vs-title{color:var(--ink)}
.bandw .vs-col>p,.bandw .seg p,.bandw .stat .l,.bandw .stepcard p,.bandw .elev-d p,.bandw .ncard.elev-d p{color:rgba(12,14,18,.66)}
.bandw .vs-col>p b,.bandw .elev-d p b{color:var(--ink)}
.bandw .ncard.elev-d .n{color:rgba(12,14,18,.3)}
.bandw .ncard.elev-d .proof{color:rgba(12,14,18,.55);border-top-color:rgba(12,14,18,.1)}
.bandw .elev-d:hover{border-color:rgba(12,14,18,.16)}

/* --- clairfix --- */

.bandw .mtgrid .mt{background:#fff;border:1px solid rgba(12,14,18,.08);color:var(--ink);box-shadow:0 24px 50px -28px rgba(12,20,44,.18)}
.bandw .mtgrid .mt h3{color:var(--ink)}
.bandw .mtgrid .mt p,.bandw .mtgrid .mt li{color:rgba(12,14,18,.66)}
.bandw .qa2,.bandw .objq{background:#fff;border:1px solid rgba(12,14,18,.12);color:var(--ink)}
.bandw .qa2 summary,.bandw .objq summary{color:var(--ink)}
.bandw .qa2 .qb3,.bandw .qa2 .qb3 p,.bandw .objq p{color:rgba(12,14,18,.66)}
.bandw .qi3{border-color:rgba(12,14,18,.3)}
.bandw .qi3::before,.bandw .qa2 .qi3::after,.bandw .objq .qi3::after{background:rgba(12,14,18,.65)}
section.final h2,section.final p,section.final .note{text-shadow:0 2px 26px rgba(2,10,40,.6)}

/* --- clairfaq --- */

.bandw details.faq{background:#fff;border:1px solid rgba(12,14,18,.12);box-shadow:none}
.bandw details.faq summary,.bandw .faq summary{color:var(--ink)}
.bandw details.faq p,.bandw .faq p{color:rgba(12,14,18,.66)}
.bandw .faq summary::after{color:var(--blue-ink)}

/* --- clairwave --- */

.hero{position:relative}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(150px,17vw,260px);background:linear-gradient(180deg,rgba(255,255,255,0),#fff 88%);pointer-events:none;z-index:2}
.hero>.wrap{position:relative;z-index:3}
.hstats,.hero .hstats,.hero.ihero .hstats{border-top:none;padding-top:0}

/* --- eudoxus --- */

@font-face{font-family:'Eudoxus Sans';src:url(fonts/EudoxusSans-Regular.woff2) format('woff2');font-style:normal;font-weight:100 449;font-display:swap}
@font-face{font-family:'Eudoxus Sans';src:url(fonts/EudoxusSans-Medium.woff2) format('woff2');font-style:normal;font-weight:450 599;font-display:swap}
@font-face{font-family:'Eudoxus Sans';src:url(fonts/EudoxusSans-Bold.woff2) format('woff2');font-style:normal;font-weight:600 749;font-display:swap}
@font-face{font-family:'Eudoxus Sans';src:url(fonts/EudoxusSans-ExtraBold.woff2) format('woff2');font-style:normal;font-weight:750 900;font-display:swap}
*{font-family:'Eudoxus Sans',Arial,Helvetica,sans-serif !important}
.h-mono,.h-mono-lc,.band h2{word-spacing:normal !important;letter-spacing:-.02em !important}

/* --- carteH --- */

.bandw .vs-col,.bandw .seg,.bandw .stat,.bandw .stepcard,.bandw .elev-d,.bandw .ncard.elev-d,.bandw .plan,.bandw .origin,.bandw .mtgrid .mt{background:#fff;border:none;border-radius:18px;box-shadow:0 26px 54px -24px rgba(30,41,90,.18)}
.bandw .elev-d:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 34px 64px -26px rgba(30,41,90,.26)}
.bandw .ncard.elev-d{overflow:hidden;padding-bottom:0}
.bandw .ncard.elev-d .proof{margin:auto -24px 0;background:var(--blue-ink);color:#fff;padding:13px 24px;border-top:none;letter-spacing:.1em}
.bandw .ncard.elev-d .proof::before{background:#fff}

/* --- epure --- */

.pw-sat{display:none!important}
.bandw .halo{display:none!important}
.pw-scene .tag.lite{display:none}
section:has(> .wrap > .caps),section:has(> .wrap > .cap-row):not(:has(.s-head)){display:none}
.caps{display:none!important}
.section{padding-block:clamp(76px,9.5vw,128px)}
.s-head{margin-bottom:clamp(40px,5vw,64px)}
.s-head p{max-width:56ch;margin-left:auto;margin-right:auto}

/* --- QW2 : hierarchie des graisses --- */
h1,h2{font-weight:800}
/* --- QW7 : etiquettes majuscules resserrees --- */
.eyebrow,.duel-tag,.exq2-t{letter-spacing:.07em}
.bandw .ncard.elev-d .proof{letter-spacing:.07em}
/* --- QW1v2 : une seule sortie de page ; les bandes-preuves (.keep : brevet, souverainete, confiance, offre) restent visibles --- */
section:has(> .wrap > .bandbox:not(.keep)):has(+ section.final) .bandbox:not(.keep),
section:has(> .wrap > .band:not(.keep)):has(+ section.final){display:none}
section:has(+ section.final):has(> .wrap:only-child > .bandbox:not(.keep):only-child){display:none}
h1,.hero h1,.hero-copy h1,.hero-grid h1{font-weight:800}
/* --- BLOC1 #1 : listes de plans lisibles sur cartes claires --- */
.bandw .plan-incl li{color:rgba(12,14,18,.72)}
.bandw .plan-incl li a{color:var(--blue-ink)}
.bandw .plan h3,.bandw .plan .plan-name{color:var(--ink)}
/* --- BLOC1 #3 : ligne de lecture 58ch --- */
.s-head p,#valeur .s-head p,#confiance .s-head p{max-width:58ch;margin-left:auto;margin-right:auto}
.hero-sub{max-width:58ch}
/* --- BLOC1 #7 : scenes des splits plus presentes --- */
.dsx-fig .pw-scene,.dsx-fig .mnl-fig{max-width:660px}
/* --- BLOC1 v2 : specificites corrigees --- */
.bandw .vs-col .plan-incl li{color:rgba(12,14,18,.72)}
.bandw .vs-col .plan-incl li a{color:var(--blue-ink)}
.s-head{max-width:600px}
.s-head p,.wrap .s-head p{max-width:56ch}
/* ===== BLOC 2 — design system ===== */
/* #8 radius 100/18/12 via jetons (exceptions conservees : pilules 100px, cercles 50%, bezels des mockups SVG, cadre 40px de la landing avec-votre-transporteur) */
:root{--r:18px;--r-lg:18px;--r-sm:12px}
.duel-head{background:#EDF1FA;border-radius:12px} /* #13 + interne 12 */
.exq2{border-radius:12px}
/* #15 ombre unique famille H via jeton (overlays nav/menus/chatbot conserves, drop-shadow des mockups conserve) */
:root{--sh-1:0 26px 54px -24px rgba(30,41,90,.18)}
/* #14 ghost sur fonds sombres : presence renforcee */
.btn-ghost-d{border-color:rgba(255,255,255,.42)}
.btn-ghost-d:hover{border-color:rgba(255,255,255,.65)}
/* #10 chiffres des cartes stats */
.bandw .stat .n{font-weight:800;font-size:clamp(2rem,2.8vw,2.4rem)}
/* BLOC 3 : vestiges du theme sombre en zone claire */
.bandw .elev-d{color:var(--ink)}
.bandw .elev-d h4{color:var(--ink)}
.bandw .elev-d li{color:rgba(12,14,18,.66)}
.bandw .notif .nt{color:var(--blue-ink)}
.bandw .notif .nb2 span{color:rgba(12,14,18,.6)}
.bandw .live-chip{background:rgba(12,14,18,.04);border-color:rgba(12,14,18,.14);color:rgba(12,14,18,.72)}
.bandw .txtlink.on-dark{color:var(--blue-ink)}
.band .txtlink,.final .txtlink{color:#fff}
/* BLOC 7 : preuve sociale — temoignage (carte H), attribution des chiffres, logos a venir */
.quote-card{max-width:720px;margin:34px auto 0;background:#fff;border-radius:18px;box-shadow:0 26px 54px -24px rgba(30,41,90,.18);padding:30px 34px;text-align:left}
.quote-card blockquote{margin:0;font-family:var(--disp);font-weight:600;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.5;color:var(--ink)}
.quote-who{display:flex;align-items:center;gap:12px;margin-top:18px}
.quote-who img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.quote-who .qn{display:block;font-weight:600;color:var(--ink);font-size:.95rem}
.quote-who .qf{display:block;font-size:.85rem;color:rgba(12,14,18,.6)}
.lstrip2 img{height:24px;width:auto;display:block}
.hstats-src{font-size:.76rem;color:rgba(255,255,255,.45);margin-top:14px}