:root{
--papier:#F4F1EA;--encre:#16150F;--vert:#2E6A4A;--sable:#E2DCCE;--tamise:#6E6A5E;
--pin:#14201A;--pin2:#1B2C24;--ivoire:#ECE7DC;--vert-clair:#5BB489;--ambre:#C98A3B;--rouge:#C0603F;
--ft:"Fraunces",Georgia,serif;--fc:"Inter",-apple-system,"Segoe UI",sans-serif;--fd:"JetBrains Mono",monospace;
--lg:1120px;--mg:clamp(1.25rem,5vw,2.5rem);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--fc);font-size:1rem;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:var(--vert);}
:focus-visible{outline:2px solid var(--vert);outline-offset:3px;}
.container{max-width:var(--lg);margin-inline:auto;padding-inline:var(--mg);}
.section{padding-block:clamp(4.5rem,11vw,8rem);}
h1,h2,h3{font-family:var(--ft);font-weight:560;line-height:1.1;margin:0;letter-spacing:-0.015em;}
h1{font-size:clamp(2.3rem,5.4vw,3.5rem);}
h2{font-size:clamp(1.8rem,4vw,2.6rem);max-width:24ch;}
h3{font-size:1.15rem;line-height:1.28;}
p{margin:0;}
.eyebrow{font-family:var(--fd);font-size:.76rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--vert);margin:0 0 1.1rem;display:flex;align-items:center;gap:.7rem;}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;flex:none;}
.section-head{max-width:640px;margin-bottom:clamp(2.5rem,6vw,4rem);}
.section-head .lede{margin-top:1.1rem;color:var(--tamise);max-width:56ch;}
.mono{font-family:var(--fd);}
.btn{display:inline-block;background:var(--vert);color:var(--papier);font-family:var(--fc);font-size:.95rem;font-weight:500;text-decoration:none;padding:.82em 1.7em;border-radius:2px;transition:background .18s,transform .18s;}
.btn:hover{background:#24533a;transform:translateY(-1px);}
.link-underline{color:var(--vert);font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;}

/* header */
.site-header{position:sticky;top:0;z-index:30;background:rgba(20,32,26,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(236,231,220,.1);}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1rem;}
.brand{font-family:var(--ft);font-size:1.28rem;font-weight:600;color:var(--ivoire);text-decoration:none;letter-spacing:-0.01em;}
.nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem);}
.nav a{font-size:.9rem;color:var(--ivoire);text-decoration:none;opacity:.82;}
.nav a:hover{opacity:1;}
.nav .btn{opacity:1;padding:.55em 1.2em;font-size:.86rem;}
.nav .lang{font-family:var(--fd);font-size:.78rem;letter-spacing:.06em;color:var(--vert-clair);opacity:.9;border:1px solid rgba(91,180,137,.4);border-radius:2px;padding:.3em .6em;}
.nav .lang:hover{opacity:1;background:rgba(91,180,137,.12);}

/* HERO */
.hero{background:var(--pin);color:var(--ivoire);position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(115% 75% at 88% -5%,rgba(91,180,137,.10),transparent 58%);pointer-events:none;}
.hero .container{display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,5vw,3.5rem);padding-block:clamp(3.2rem,7vw,5rem) clamp(3.5rem,7vw,5.5rem);position:relative;z-index:1;align-items:center;}
.hero .eyebrow{color:var(--vert-clair);}
.hero h1{color:var(--ivoire);max-width:15ch;}
.hero .sub{margin-top:1.5rem;font-size:1.05rem;color:rgba(236,231,220,.72);max-width:46ch;}
.hero .scope-line{margin-top:1.1rem;font-family:var(--fd);font-size:.72rem;letter-spacing:.08em;color:var(--vert-clair);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.hero .cta-row{margin-top:2.2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.hero .cta-row .link-underline{color:var(--vert-clair);}

/* PANNEAU FUSION */
.rep{background:var(--pin2);border:1px solid rgba(236,231,220,.13);border-radius:5px;box-shadow:0 30px 70px -34px rgba(0,0,0,.65);overflow:hidden;}
.rh{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.2rem;border-bottom:1px solid rgba(236,231,220,.1);}
.rh .id{font-family:var(--fd);font-size:.69rem;letter-spacing:.09em;text-transform:uppercase;color:rgba(236,231,220,.62);}
.rh .live{display:flex;align-items:center;gap:.45rem;font-family:var(--fd);font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;color:var(--vert-clair);}
.dot{width:6px;height:6px;border-radius:50%;background:var(--vert-clair);box-shadow:0 0 0 0 rgba(91,180,137,.5);animation:pulse 2.4s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(91,180,137,.45);}70%{box-shadow:0 0 0 6px rgba(91,180,137,0);}100%{box-shadow:0 0 0 0 rgba(91,180,137,0);}}
.sec-lbl{font-family:var(--fd);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(236,231,220,.62);padding:.95rem 1.2rem .3rem;display:flex;align-items:center;gap:.55rem;}
.sec-lbl::after{content:"";flex:1;height:1px;background:rgba(236,231,220,.1);}
.leaks{padding:0 1.2rem;}
.leak{display:grid;grid-template-columns:8px 1fr auto;gap:.15rem .8rem;padding:.68rem 0;border-bottom:1px solid rgba(236,231,220,.07);opacity:0;transform:translateY(6px);animation:rise .5s ease forwards;}
html.no-js .leak{opacity:1;transform:none;animation:none;}
html.no-js .reveal{opacity:1;transform:none;}
html.no-js .fill{width:var(--w);animation:none;}
.leak:nth-child(1){animation-delay:.2s;}
.leak:nth-child(2){animation-delay:.45s;}
.leak:nth-child(3){animation-delay:.7s;}
@keyframes rise{to{opacity:1;transform:none;}}
.leak .tick{width:8px;height:8px;border-radius:2px;background:var(--rouge);grid-row:span 2;align-self:center;}
.leak.amb .tick{background:var(--ambre);}
.leak .name{font-size:.87rem;color:var(--ivoire);}
.leak .meta{font-family:var(--fd);font-size:.63rem;color:rgba(236,231,220,.62);grid-column:2;}
.leak .amt{font-family:var(--fd);font-size:.92rem;font-weight:500;color:var(--ambre);grid-row:span 2;align-self:center;white-space:nowrap;}
.total{display:flex;align-items:baseline;justify-content:space-between;padding:1rem 1.2rem;background:rgba(91,180,137,.06);border-top:1px solid rgba(236,231,220,.1);border-bottom:1px solid rgba(236,231,220,.1);}
.total .l{font-family:var(--fd);font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:rgba(236,231,220,.6);}
.total .b{font-family:var(--fd);font-weight:600;font-size:1.7rem;color:var(--vert-clair);letter-spacing:-0.01em;line-height:1;}
.plan{padding:.3rem 1.2rem 1.1rem;}
.plan .sec-lbl{padding-left:0;padding-right:0;}
.bar{padding:.6rem 0;}
.bt{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;margin-bottom:.35rem;color:rgba(236,231,220,.78);}
.bt .step{display:flex;align-items:center;gap:.5rem;}
.bt .step .n{font-family:var(--fd);font-size:.62rem;color:rgba(236,231,220,.62);}
.bt .v{font-family:var(--fd);color:var(--vert-clair);font-weight:500;}
.track{height:8px;border-radius:2px;background:rgba(236,231,220,.08);position:relative;overflow:hidden;}
.fill{position:absolute;inset:0 auto 0 0;background:var(--vert-clair);border-radius:2px;width:0;animation:grow 1.2s ease forwards;}
.bar:nth-child(2) .fill{animation-delay:1s;}
.bar:nth-child(3) .fill{animation-delay:1.2s;}
.bar:nth-child(4) .fill{animation-delay:1.4s;background:var(--ambre);}
@keyframes grow{to{width:var(--w);}}
.cap{font-family:var(--fd);font-size:.68rem;color:rgba(236,231,220,.62);padding:0 1.2rem 1rem;letter-spacing:.03em;}

/* TRUST STRIP */
.trust{background:var(--pin);border-top:1px solid rgba(236,231,220,.09);padding-block:1.8rem;overflow:hidden;}
.trust .lbl{text-align:center;font-family:var(--fd);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(236,231,220,.62);margin-bottom:1.2rem;}
.trk{display:flex;width:max-content;animation:mv 34s linear infinite;align-items:center;}
.trust:hover .trk{animation-play-state:paused;}
@keyframes mv{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* PROBLÈME */
.problem{background:var(--papier);}
.problem .head-row{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,4vw,3rem);align-items:end;margin-bottom:clamp(2.5rem,6vw,3.5rem);}
.problem h2{max-width:20ch;}
.problem .intro{color:var(--encre);font-size:1.08rem;max-width:40ch;}
.pains{display:grid;grid-template-columns:1fr;gap:1.5rem;}
.pain{border-top:2px solid var(--encre);padding-top:1.1rem;}
.pain .n{font-family:var(--fd);font-size:.72rem;color:var(--vert);letter-spacing:.08em;}
.pain h3{margin:.6rem 0 .5rem;font-family:var(--fc);font-size:1rem;font-weight:600;}
.pain p{color:var(--tamise);font-size:.94rem;}
.pain .terms{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.9rem;}
.pain .terms span{font-family:var(--fd);font-size:.63rem;letter-spacing:.03em;color:var(--tamise);background:rgba(110,106,94,.08);border-radius:2px;padding:.3em .55em;white-space:nowrap;}
.problem .pnote{margin-top:clamp(2rem,5vw,2.8rem);padding-top:1.2rem;border-top:1px solid var(--sable);font-size:.86rem;color:var(--tamise);max-width:68ch;line-height:1.6;}

/* MÉTHODE */
.method{background:var(--pin);color:var(--ivoire);}
.method .grid{display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,5vw,4rem);}
.method .eyebrow{color:var(--vert-clair);}
.method h2{color:var(--ivoire);}
.method .lede{color:rgba(236,231,220,.68);margin-top:1.1rem;max-width:44ch;}
.method .aside .btn{margin-top:1.8rem;}
.method .note{margin-top:1.6rem;font-size:.86rem;color:rgba(236,231,220,.62);max-width:40ch;line-height:1.55;}
.steps{display:grid;gap:0;}
.mstep{border-top:1px solid rgba(236,231,220,.14);padding-block:1.6rem;display:grid;grid-template-columns:3rem 1fr;gap:1rem;}
.mstep:last-child{border-bottom:1px solid rgba(236,231,220,.14);}
.mstep .n{font-family:var(--fd);font-size:.82rem;color:var(--vert-clair);}
.mstep h3{color:var(--ivoire);}
.mstep p{margin-top:.45rem;color:rgba(236,231,220,.62);font-size:.94rem;max-width:52ch;}

/* RÉSULTATS — registre v3 (surface claire, pas de barres décoratives) */
.results{background:#FBF9F3;border-top:1px solid var(--sable);}
.ledger{border-top:2px solid var(--encre);}
.lhead{display:none;font-family:var(--fd);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:var(--tamise);padding-block:.8rem;border-bottom:1px solid var(--sable);}
.lrow{display:grid;grid-template-columns:1fr;gap:.85rem;padding-block:1.5rem;border-bottom:1px solid var(--sable);text-decoration:none;color:inherit;transition:background .2s;}
a.lrow:hover{background:var(--papier);}
.l-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;}
.l-brand .logo-chip{margin-inline:0;height:36px;padding:.4rem .85rem;opacity:1;border:1px solid var(--sable);}
.l-brand .logo-chip img{max-height:19px;max-width:104px;}
.l-anon{font-family:var(--fd);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--tamise);border:1px dashed var(--tamise);border-radius:3px;padding:.6rem .8rem;line-height:1;opacity:.85;}
.l-mode{font-family:var(--fd);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tamise);}
.l-from{font-size:.92rem;color:var(--tamise);max-width:44ch;}
.l-to{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;}
.l-to .n{font-family:var(--fd);font-size:1.55rem;font-weight:600;color:var(--vert);line-height:1;letter-spacing:-0.01em;}
.l-to .u{font-family:var(--fd);font-size:.65rem;letter-spacing:.07em;text-transform:uppercase;color:var(--tamise);}
.l-go{font-family:var(--fd);font-size:.72rem;color:var(--vert);white-space:nowrap;}
.l-go em{font-style:normal;display:inline-block;transition:transform .2s;}
a.lrow:hover .l-go em{transform:translateX(3px);}
.lfoot{margin-top:1.6rem;font-size:.84rem;color:var(--tamise);max-width:62ch;line-height:1.6;}
@media(min-width:900px){
  .lhead,.lrow{display:grid;grid-template-columns:180px 1fr 210px 118px;column-gap:2rem;align-items:center;}
  .l-from{max-width:none;}
}

/* FONDATEURS */
.founders{background:var(--papier);border-top:1px solid var(--sable);}
.fgrid{display:grid;grid-template-columns:1fr;gap:2.5rem;}
.founder .founder-photo{aspect-ratio:4/5;min-height:0;margin-bottom:1.2rem;}
.founder .pseudo-mark{color:var(--vert);font-weight:600;}
.founder .pseudo-note{margin-top:.8rem;font-size:.78rem;color:var(--tamise);opacity:.85;}
.founder .role{font-family:var(--fd);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vert);}
.founder h3{margin:.4rem 0 .8rem;font-size:1.35rem;}
.founder p{color:var(--tamise);max-width:48ch;}
.fline{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--sable);font-size:.92rem;color:var(--tamise);max-width:58ch;}

/* OFFRE */
.offer-sec{background:var(--papier);border-top:1px solid var(--sable);}
.offer-sec .lede{margin-top:1.1rem;max-width:48ch;color:var(--tamise);}
.ostack{display:grid;grid-template-columns:1fr;gap:1px;background:var(--sable);border:1px solid var(--sable);margin-top:clamp(2rem,5vw,3rem);}
.orung{background:var(--papier);padding:1.6rem clamp(1.3rem,3vw,2rem);display:grid;grid-template-columns:1fr;gap:.4rem;transition:background .2s;}
.orung:hover{background:#FBF9F3;}
.orung .top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.orung h3{font-size:1.1rem;}
.orung .tag{font-family:var(--fd);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vert);white-space:nowrap;}
.orung p{color:var(--tamise);font-size:.92rem;max-width:60ch;}
.onote{margin-top:1.8rem;font-size:.86rem;color:var(--tamise);max-width:60ch;line-height:1.55;}

/* PÉRIMÈTRE */
.scope{background:var(--papier);border-top:1px solid var(--sable);}
.scope-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;}
.scope-card{border:1px solid var(--sable);padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:.5rem;background:var(--papier);}
.scope-card.lead{border-color:var(--vert);border-width:1.5px;background:#FBF9F3;position:relative;}
.scope-card.lead::before{content:"";position:absolute;top:-1.5px;left:-1.5px;right:-1.5px;height:3px;background:var(--vert);}
.scope-tag{font-family:var(--fd);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tamise);}
.scope-card.lead .scope-tag{color:var(--vert);}
.scope-ph{min-height:96px;margin-bottom:1.1rem;}
.scope-card h3{font-size:1.15rem;}
.scope-card p{color:var(--tamise);font-size:.93rem;margin-top:.3rem;}

/* PLACEHOLDERS IMAGES — cadres visibles à remplacer avant mise en ligne */
.ph-img{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(45deg,rgba(110,106,94,.06),rgba(110,106,94,.06) 10px,transparent 10px,transparent 20px);border:1.5px dashed var(--tamise);border-radius:3px;color:var(--tamise);font-family:var(--fd);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:1rem;min-height:120px;}
.ph-img .ph-tag{position:absolute;top:8px;left:8px;background:var(--tamise);color:var(--papier);font-size:.58rem;letter-spacing:.08em;padding:.2em .55em;border-radius:2px;}
.ph-img .ph-txt{max-width:26ch;line-height:1.5;opacity:.85;}
/* variante sur fond sombre */
.dark-ph{background:repeating-linear-gradient(45deg,rgba(236,231,220,.05),rgba(236,231,220,.05) 10px,transparent 10px,transparent 20px);border-color:rgba(236,231,220,.35);color:rgba(236,231,220,.6);}
.dark-ph .ph-tag{background:rgba(236,231,220,.7);color:var(--pin);}
/* logos du strip en cadres */
.logo-ph{display:inline-flex;align-items:center;justify-content:center;width:clamp(96px,14vw,140px);height:44px;margin-inline:clamp(1rem,3vw,2rem);border:1.5px dashed rgba(236,231,220,.35);border-radius:3px;color:rgba(236,231,220,.62);font-family:var(--fd);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex:none;}

/* NEWSLETTER footer */
.footer-nl{display:grid;grid-template-columns:1fr;gap:1.4rem;padding-bottom:2.2rem;margin-bottom:2rem;border-bottom:1px solid rgba(236,231,220,.12);align-items:center;}
.fnl-lead{font-family:var(--ft);font-size:1.15rem;color:var(--ivoire);line-height:1.3;max-width:26ch;}
.fnl-sub{font-size:.84rem;color:rgba(236,231,220,.55);margin-top:.4rem;max-width:40ch;}
.fnl-ghl{min-height:56px;background:var(--pin2);border:1px solid rgba(236,231,220,.15);border-radius:2px;padding:.4rem;}

/* RÉSERVATION */
.booking{background:var(--papier);}
.booking .section-head{margin-inline:auto;text-align:center;}
.booking .eyebrow{justify-content:center;}
.ghl-slot{background:#FBF9F3;border:1px solid var(--sable);border-radius:3px;padding:clamp(1.5rem,4vw,2.5rem);min-height:140px;max-width:860px;margin-inline:auto;}

/* FOOTER */
.site-footer{background:var(--pin);color:rgba(236,231,220,.6);padding-block:3rem 2.5rem;font-size:.86rem;}
.ftop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.25rem;margin-bottom:2rem;}
.ftop .brand{color:var(--ivoire);font-size:1.1rem;}
.fnav{display:flex;flex-wrap:wrap;gap:1.5rem;}
.fnav a{color:rgba(236,231,220,.6);text-decoration:none;}
.fnav a:hover{color:var(--vert-clair);}
.legal details{border-top:1px solid rgba(236,231,220,.12);padding-block:.9rem;}
.legal summary{cursor:pointer;font-weight:500;color:var(--ivoire);}
.legal summary:hover{color:var(--vert-clair);}
.legal .lb{padding-block:1rem .5rem;max-width:72ch;display:grid;gap:.8rem;}
.legal h3{font-family:var(--fc);font-size:.94rem;font-weight:600;margin-top:.5rem;color:var(--ivoire);}
.copyright{margin-top:2rem;font-size:.78rem;opacity:.6;}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s;}
.reveal.in{opacity:1;transform:none;}

@media(min-width:820px){
.hero .container{grid-template-columns:1fr 1fr;}
}
@media(min-width:760px){
.problem .head-row{grid-template-columns:1.3fr 1fr;}
.pains{grid-template-columns:repeat(2,1fr);gap:2.5rem 3rem;}
.method .grid{grid-template-columns:.85fr 1.15fr;}
.method .aside{position:sticky;top:120px;align-self:start;}
.fgrid{grid-template-columns:1fr 1fr;gap:3.5rem;}
.orung .top{flex-wrap:nowrap;}
.scope-grid{grid-template-columns:1fr 1fr;align-items:stretch;}
.footer-nl{grid-template-columns:1.5fr 1fr;gap:2.5rem;}
}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto;}
*,.trk,.dot,.leak,.fill{animation:none!important;transition:none!important;}
.leak{opacity:1;transform:none;}.fill{width:var(--w);}
.reveal{opacity:1;transform:none;}
}


/* ============ PAGES INTÉRIEURES ============ */
.page-hero{background:var(--pin);color:var(--ivoire);padding-block:clamp(3rem,8vw,5rem) clamp(2.5rem,6vw,4rem);position:relative;overflow:hidden;}
.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(115% 75% at 88% -5%,rgba(91,180,137,.10),transparent 58%);pointer-events:none;}
.page-hero .container{position:relative;z-index:1;}
.page-hero .eyebrow{color:var(--vert-clair);}
.page-hero h1{color:var(--ivoire);font-size:clamp(2rem,4.6vw,3rem);max-width:20ch;}
.page-hero .lede{margin-top:1.3rem;font-size:1.05rem;color:rgba(236,231,220,.72);max-width:54ch;}

/* fil d'ariane */
.crumbs{font-family:var(--fd);font-size:.72rem;letter-spacing:.06em;color:rgba(236,231,220,.55);margin-bottom:1.4rem;}
.crumbs a{color:rgba(236,231,220,.55);text-decoration:none;}
.crumbs a:hover{color:var(--vert-clair);}
.crumbs .sep{opacity:.5;padding-inline:.4rem;}

/* prose (à propos) */
.prose{max-width:62ch;}
.prose p{margin-bottom:1.1rem;color:var(--tamise);}
.prose p.lead{font-size:1.1rem;color:var(--encre);}
.prose h3{margin:2.2rem 0 .8rem;}

/* bloc valeurs */
.values{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--sable);margin-top:clamp(2rem,5vw,3rem);}
.value{border-bottom:1px solid var(--sable);padding-block:1.6rem;display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;}
.value .n{font-family:var(--fd);font-size:.76rem;color:var(--vert);padding-top:.2rem;}
.value h3{font-family:var(--fc);font-size:1rem;font-weight:600;}
.value p{margin-top:.4rem;color:var(--tamise);font-size:.94rem;max-width:58ch;}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3.5rem);}
.contact-card{border:1px solid var(--sable);padding:1.8rem 1.6rem;background:#FBF9F3;}
.contact-card .label{font-family:var(--fd);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tamise);margin-bottom:.5rem;}
.contact-card .val{font-size:1.05rem;font-weight:500;color:var(--encre);word-break:break-word;}
.contact-card .val a{color:var(--vert);text-decoration:none;}
.contact-card .val a:hover{text-decoration:underline;}
.contact-card .hint{font-size:.85rem;color:var(--tamise);margin-top:.5rem;}
.contact-list{display:grid;gap:1.1rem;}

/* CTA bas de page intérieure */
.page-cta{background:var(--pin2);color:var(--ivoire);}
.page-cta .eyebrow{color:var(--vert-clair);}
.page-cta h2{color:var(--ivoire);}
.page-cta .lede{color:rgba(236,231,220,.72);margin-top:1rem;max-width:50ch;}
.page-cta .btn{margin-top:1.8rem;}

@media(min-width:760px){
.contact-grid{grid-template-columns:1fr 1fr;}
.values{grid-template-columns:1fr 1fr;column-gap:3rem;}
}


/* ============ SERVICES ============ */
.svc-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--sable);}
.svc{border-bottom:1px solid var(--sable);padding-block:2rem;display:grid;grid-template-columns:1fr;gap:.6rem;}
.svc .num{font-family:var(--fd);font-size:.74rem;color:var(--vert);letter-spacing:.08em;}
.svc h3{font-size:1.3rem;margin-top:.3rem;}
.svc p{color:var(--tamise);max-width:60ch;margin-top:.4rem;}
.svc .bullets{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem;}
.svc .chip{font-family:var(--fd);font-size:.7rem;letter-spacing:.04em;color:var(--tamise);border:1px solid var(--sable);border-radius:2px;padding:.32em .7em;}
.svc .soon{font-family:var(--fd);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tamise);opacity:.7;margin-top:.9rem;display:inline-block;}
@media(min-width:760px){
.svc{grid-template-columns:minmax(11rem,.8fr) 2fr;gap:2.5rem;align-items:start;}
}


/* ============ CONTACT : à quoi s'attendre ============ */
.expect{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--sable);}
.exp-item{border-bottom:1px solid var(--sable);padding-block:1.6rem;display:grid;grid-template-columns:2.2rem 1fr;gap:1rem;}
.exp-item .n{font-family:var(--fd);font-size:.76rem;color:var(--vert);padding-top:.2rem;}
.exp-item h3{font-family:var(--fc);font-size:1rem;font-weight:600;}
.exp-item p{margin-top:.4rem;color:var(--tamise);font-size:.94rem;max-width:56ch;}

/* ============ FAQ ============ */
.faq{max-width:760px;}
.faq details{border-bottom:1px solid var(--sable);padding-block:1.15rem;}
.faq details:first-of-type{border-top:1px solid var(--sable);}
.faq summary{cursor:pointer;font-weight:600;font-size:1rem;color:var(--encre);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-family:var(--fd);font-size:1.2rem;color:var(--vert);flex:none;transition:transform .2s;}
.faq details[open] summary::after{content:"−";}
.faq summary:hover{color:var(--vert);}
.faq .a{padding-top:.8rem;color:var(--tamise);font-size:.95rem;max-width:64ch;}
@media(min-width:760px){
.expect{grid-template-columns:1fr 1fr;column-gap:3rem;}
}


/* ============ FORMULAIRE GHL ============ */
.ghl-form{background:#FBF9F3;border:1px solid var(--sable);border-radius:3px;padding:clamp(1.5rem,4vw,2.2rem);min-height:320px;}
.form-block{margin-top:clamp(2rem,5vw,3rem);}
.form-or{display:flex;align-items:center;gap:1rem;margin-block:clamp(2rem,5vw,3rem);color:var(--tamise);font-family:var(--fd);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;}
.form-or::before,.form-or::after{content:"";flex:1;height:1px;background:var(--sable);}


/* ============================================================
   RESPONSIVE — menu burger + corrections mobile
   ============================================================ */

/* --- bouton burger (masqué sur desktop) --- */
.nav-toggle{
  display:none;
  background:transparent;
  border:1px solid rgba(236,231,220,.28);
  border-radius:2px;
  width:42px;height:42px;
  padding:0;
  cursor:pointer;
  align-items:center;justify-content:center;
  flex:none;
}
.nav-toggle:hover{border-color:var(--vert-clair);}
.nav-toggle .bars{position:relative;width:18px;height:12px;display:block;}
.nav-toggle .bars span{
  position:absolute;left:0;right:0;height:1.5px;background:var(--ivoire);
  transition:transform .25s ease, opacity .2s ease;
}
.nav-toggle .bars span:nth-child(1){top:0;}
.nav-toggle .bars span:nth-child(2){top:5px;}
.nav-toggle .bars span:nth-child(3){top:10px;}
.nav-toggle[aria-expanded="true"] .bars span:nth-child(1){transform:translateY(5px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] .bars span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] .bars span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}

/* --- MOBILE : nav en panneau déroulant --- */
@media(max-width:620px){
  .site-header .container{
    flex-wrap:wrap;
    row-gap:0;
  }
  .nav-toggle{display:flex;}
  .header-actions{order:2;}

  .nav{
    display:none;
    order:3;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding-block:.5rem 1.1rem;
    border-top:1px solid rgba(236,231,220,.12);
    margin-top:1rem;
  }
  .nav.open{display:flex;}

  .nav a{
    font-size:1rem;
    padding-block:.85rem;
    border-bottom:1px solid rgba(236,231,220,.08);
  }
  .nav a:last-child{border-bottom:none;}

  .nav .btn{
    text-align:center;
    margin-top:1rem;
    padding:.9em 1.4em;
    font-size:.95rem;
    border-bottom:none;
  }
}

/* --- corrections de mise en page mobile --- */
@media(max-width:760px){
  /* hero : le panneau data ne doit pas déborder */
  .hero .container{padding-block:clamp(2.5rem,8vw,4rem) clamp(2.5rem,8vw,4rem);}
  .rep{margin-inline:0;}
  .leak{grid-template-columns:8px 1fr;row-gap:.3rem;}
  .leak .amt{grid-row:auto;grid-column:2;justify-self:start;font-size:1rem;}
  .dash-kpis{grid-template-columns:1fr 1fr;gap:.9rem;}

  /* registre résultats : empilé */
  .lrow{gap:.7rem;}

  /* étapes / piliers : colonne de numéro plus étroite */
  .mstep,.step{grid-template-columns:2.2rem 1fr;gap:.8rem;}
  .exp-item,.value{grid-template-columns:1.9rem 1fr;gap:.7rem;}
  .pain{grid-template-columns:1fr;}

  /* bandeau logos : plus compact */
  .logo-ph{width:104px;height:40px;margin-inline:.9rem;font-size:.58rem;}

  /* offres / cartes : padding réduit */
  .orung{padding:1.3rem 1.1rem;}
  .offer,.scope-card,.contact-card{padding:1.4rem 1.2rem;}

  /* newsletter footer */
  .footer-nl{gap:1.1rem;}
  .fnl-lead{font-size:1.05rem;}

  /* footer : nav en colonne */
  .ftop{flex-direction:column;align-items:flex-start;gap:1rem;}
  .fnav{gap:1rem .9rem;}

  /* FAQ : question plus lisible */
  .faq summary{font-size:.95rem;}
  .faq .a{font-size:.92rem;}

  /* fil d'ariane + titres de page */
  .page-hero{padding-block:clamp(2rem,7vw,3rem) clamp(2rem,6vw,2.5rem);}
}

/* --- très petits écrans --- */
@media(max-width:400px){
  .brand{font-size:1.12rem;}
  .dash-kpis{grid-template-columns:1fr;}
  .rep .rh{flex-wrap:wrap;gap:.4rem;}
  .total .b{font-size:1.4rem;}
  .bt{flex-wrap:wrap;gap:.2rem;}
  .figure .num{font-size:1.5rem;}
}

/* --- évite tout débordement horizontal --- */
img,svg,table{max-width:100%;}
.container{width:100%;}


/* --- sélecteur de langue toujours visible (hors burger) --- */
.header-actions{display:flex;align-items:center;gap:.7rem;flex:none;}
.header-actions .lang{
  font-family:var(--fd);font-size:.78rem;letter-spacing:.06em;
  color:var(--vert-clair);text-decoration:none;
  border:1px solid rgba(91,180,137,.4);border-radius:2px;
  padding:.42em .7em;line-height:1;white-space:nowrap;
}
.header-actions .lang:hover{background:rgba(91,180,137,.12);}


/* --- lien Accueil : uniquement dans le menu burger --- */
.nav-home{display:none;}
@media(max-width:620px){ .nav-home{display:block;} }

/* --- CTA intermédiaire (après la preuve) --- */
.mid-cta{border-top:1px solid var(--sable);border-bottom:1px solid var(--sable);background:#FBF9F3;}
.mid-cta .container{display:grid;grid-template-columns:1fr;gap:1.4rem;align-items:center;padding-block:clamp(2.2rem,5vw,3rem);}
.mid-cta p{color:var(--tamise);max-width:52ch;}
.mid-cta .mid-title{font-family:var(--ft);font-size:clamp(1.25rem,2.6vw,1.6rem);color:var(--encre);line-height:1.25;max-width:24ch;}
.mid-cta .btn{justify-self:start;}
@media(min-width:760px){
  .mid-cta .container{grid-template-columns:1fr auto;gap:2.5rem;}
  .mid-cta .btn{justify-self:end;}
}


/* ============ SURFACES SOMBRES + BANDEAU CHIFFRES (restauré) ============ */
.dark{background:var(--pin);color:var(--ivoire);}
.dark .eyebrow{color:var(--vert-clair);}
.dark .section-head .eyebrow::before{background:var(--vert-clair);}
.dark h2{color:var(--ivoire);}
.dark .muted{color:rgba(236,231,220,.62);}
.dark .link-underline{color:var(--vert-clair);}

.proof-band{padding-block:clamp(2.6rem,6vw,3.6rem);}
.proof-band .container{display:grid;grid-template-columns:1fr;gap:2rem;}
.figure .num{font-family:var(--fd);font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:500;color:var(--vert-clair);line-height:1.15;}
.figure .label{margin-top:.35rem;font-size:.88rem;color:rgba(236,231,220,.62);}
.figure .kind{font-family:var(--fd);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:rgba(236,231,220,.58);display:block;margin-bottom:.5rem;}
.figure.ctx .num{color:rgba(236,231,220,.8);}
@media(min-width:680px){
  .proof-band .container{grid-template-columns:repeat(3,1fr);}
}

/* ============ LOGO CHIPS (trust strip + case studies) ============ */
.logo-chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;height:44px;padding:.5rem 1.1rem;margin-inline:clamp(.6rem,2vw,1.1rem);flex:none;opacity:.9;transition:opacity .2s,transform .2s;}
.trust .logo-chip{opacity:.72;}
.trust .logo-chip:hover{opacity:1;transform:translateY(-1px);}
.logo-chip img{max-height:22px;max-width:118px;width:auto;height:auto;object-fit:contain;display:block;}

/* ============ ÉTUDES DE CAS — tuiles v2 ============ */
.cases{background:var(--papier);border-top:1px solid var(--sable);}
.founders{border-top:1px solid var(--sable);}
.case-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:2px solid var(--encre);}
.case-tile{display:grid;align-content:start;gap:.5rem;padding-block:1.7rem;border-bottom:1px solid var(--sable);text-decoration:none;color:inherit;}
.case-tile:last-child{border-bottom:none;}
.ct-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.4rem;}
.ct-head .logo-chip{margin-inline:0;height:36px;padding:.4rem .85rem;opacity:1;}
.ct-head .logo-chip img{max-height:19px;max-width:104px;}
.ct-n{font-family:var(--fd);font-size:.7rem;letter-spacing:.1em;color:var(--tamise);}
.ct-meta{font-family:var(--fd);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vert);}
.case-tile h3{font-size:1.18rem;line-height:1.25;max-width:22ch;transition:color .18s;}
.case-tile:hover h3{color:var(--vert);}
.ct-p{color:var(--tamise);font-size:.92rem;line-height:1.55;max-width:38ch;}
.ct-fig{display:flex;align-items:baseline;gap:.5rem;margin-top:.5rem;padding-top:.85rem;border-top:1px solid var(--sable);flex-wrap:wrap;}
.ct-fig .n{font-family:var(--fd);font-size:1.25rem;font-weight:600;color:var(--vert);line-height:1;}
.ct-fig .u{font-family:var(--fd);font-size:.63rem;letter-spacing:.07em;text-transform:uppercase;color:var(--tamise);}
.ct-go{font-family:var(--fd);font-size:.75rem;color:var(--vert);margin-top:.4rem;}
.ct-go em{font-style:normal;display:inline-block;transition:transform .2s;}
.case-tile:hover .ct-go em{transform:translateX(3px);}
@media(min-width:900px){
  .case-grid{grid-template-columns:repeat(3,1fr);}
  .case-tile{border-bottom:none;border-left:1px solid var(--sable);padding:1.9rem clamp(1.2rem,2.4vw,1.9rem);}
  .case-tile:first-child{border-left:none;padding-left:0;}
  .case-tile:last-child{padding-right:0;}
}

/* ============ ÉTUDES DE CAS — lignes pleine largeur (page index) ============ */
.cs-rows{border-top:2px solid var(--encre);}
.cs-row{display:grid;grid-template-columns:1fr;gap:1.1rem;padding-block:2.2rem;border-bottom:1px solid var(--sable);text-decoration:none;color:inherit;}
.cs-row .r-side{display:flex;flex-direction:column;gap:.9rem;align-items:flex-start;}
.cs-row .r-main{min-width:0;}
.cs-row .logo-chip{margin-inline:0;height:44px;padding:.5rem 1rem;opacity:1;}
.cs-row .r-n{font-family:var(--fd);font-size:.7rem;letter-spacing:.1em;color:var(--tamise);}
.cs-row .r-mode{font-family:var(--fd);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vert);}
.cs-row h2{font-size:clamp(1.35rem,2.6vw,1.7rem);max-width:24ch;transition:color .18s;}
.cs-row:hover h2{color:var(--vert);}
.cs-row .r-lede{color:var(--tamise);font-size:.96rem;margin-top:.7rem;max-width:58ch;}
.cs-row .r-figs{display:flex;gap:2.4rem;flex-wrap:wrap;margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--sable);}
.cs-row .r-fig .n{font-family:var(--fd);font-size:1.45rem;font-weight:600;color:var(--vert);line-height:1;display:block;}
.cs-row .r-fig .u{font-family:var(--fd);font-size:.63rem;letter-spacing:.07em;text-transform:uppercase;color:var(--tamise);margin-top:.35rem;display:block;}
.cs-row .r-go{font-family:var(--fd);font-size:.78rem;color:var(--vert);margin-top:1.2rem;display:inline-block;}
.cs-row .r-go em{font-style:normal;display:inline-block;transition:transform .2s;}
.cs-row:hover .r-go em{transform:translateX(3px);}
.cs-method{border:1px solid var(--sable);background:#FBF9F3;padding:clamp(1.3rem,3vw,1.8rem);margin-bottom:clamp(2rem,5vw,3rem);}
.cs-method .h{font-family:var(--fd);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vert);margin-bottom:.7rem;}
.cs-method p{font-size:.92rem;color:var(--tamise);max-width:70ch;}
.cs-method p+p{margin-top:.6rem;}
@media(min-width:860px){
  .cs-row{grid-template-columns:200px 1fr;column-gap:3rem;}
}

/* ============ FOUNDER PHOTO (real image) ============ */
.founder-photo{aspect-ratio:4/5;min-height:0;margin-bottom:1.2rem;overflow:hidden;border-radius:3px;background:var(--sable);}
.founder-photo img{width:100%;height:100%;object-fit:cover;display:block;}

/* ============ FOUNDER (centered solo) + TEAM BLOCK (no photo) ============ */
.founder-solo{max-width:26rem;margin:0 auto;text-align:center;}
.founder-solo .founder-photo{max-width:16rem;margin:0 auto 1.4rem;}
.founder-solo .role{font-family:var(--fd);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vert);}
.founder-solo h3{margin:.4rem 0 .8rem;font-size:1.5rem;}
.founder-solo p{color:var(--tamise);max-width:44ch;margin-inline:auto;}

.team-block{max-width:42rem;margin:3rem auto 0;padding-top:2.4rem;border-top:1px solid var(--sable);text-align:center;}
.team-block .role{font-family:var(--fd);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vert);}
.team-block h3{margin:.4rem 0 .8rem;font-size:1.35rem;}
.team-block p{color:var(--tamise);max-width:56ch;margin-inline:auto;}

.founders .fline{text-align:center;max-width:44ch;margin:2.4rem auto 0;font-family:var(--ft);font-style:italic;}

/* ============ MARQUE AMAZON VENDOR CENTRAL (section périmètre) ============ */
.vc-mark{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--sable);border-radius:3px;padding:.7rem 1.1rem;margin-bottom:1.3rem;align-self:flex-start;}
.vc-mark img{height:20px;width:auto;display:block;}
.scope-card .scope-terms{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem;}
.scope-card .scope-terms span{font-family:var(--fd);font-size:.65rem;letter-spacing:.04em;color:var(--tamise);border:1px solid var(--sable);border-radius:2px;padding:.3em .6em;}
.scope-card.lead .scope-terms span{border-color:rgba(46,106,74,.3);color:var(--vert);}
.scope-fine{margin-top:1.6rem;font-size:.76rem;line-height:1.6;color:var(--tamise);opacity:.9;max-width:74ch;}

/* ============ CASE STUDY SUBPAGES ============ */
.cs-hero-logo{margin:1.2rem 0;height:52px;padding:.6rem 1.2rem;}
.cs-hero-logo img{max-height:28px;max-width:160px;}

.cs-body{max-width:44rem;}
.cs-body p{color:var(--tamise);margin-top:.7rem;}
.cs-body ul{margin-top:.9rem;padding-left:1.1rem;display:grid;gap:.55rem;}
.cs-body li{color:var(--tamise);}

/* fiche technique dans le hero */
.cs-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(236,231,220,.16);border:1px solid rgba(236,231,220,.16);margin:1.8rem 0 0;}
.cs-facts>div{background:var(--pin);padding:.85rem 1rem;}
.cs-facts dt{font-family:var(--fd);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(236,231,220,.58);}
.cs-facts dd{margin:.35rem 0 0;font-size:.88rem;color:var(--ivoire);line-height:1.4;}
@media(min-width:760px){.cs-facts{grid-template-columns:repeat(4,1fr);}}

/* sections numérotées du corps */
.cs-sec{border-top:1px solid var(--sable);padding-top:1.4rem;margin-top:2.8rem;display:grid;grid-template-columns:1fr;gap:.4rem;}
.cs-sec:first-of-type{margin-top:0;border-top:none;padding-top:0;}
.cs-sec .cs-n{font-family:var(--fd);font-size:.7rem;letter-spacing:.1em;color:var(--vert);}
.cs-sec h2{font-size:1.3rem;max-width:26ch;}
.cs-sec .cs-c>p:first-child{margin-top:0;}
@media(min-width:760px){
  .cs-sec{grid-template-columns:3.4rem 1fr;column-gap:2rem;align-items:start;}
  .cs-sec .cs-n{padding-top:.3rem;}
  .cs-sec h2{grid-column:2;}
  .cs-sec .cs-c{grid-column:2;}
}

/* leviers activés */
.cs-actions{list-style:none;padding:0;margin:1.1rem 0 0;display:grid;gap:1rem;}
.cs-actions li{border-left:2px solid var(--sable);padding-left:1rem;}
.cs-actions .lv{font-family:var(--fd);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--vert);display:block;margin-bottom:.25rem;}
.cs-actions .tx{color:var(--tamise);font-size:.94rem;display:block;}

/* résultats chiffrés */
.cs-outcomes{list-style:none;padding:0;margin:1.1rem 0 0;border-top:1px solid var(--sable);}
.cs-outcomes li{padding-block:.85rem;border-bottom:1px solid var(--sable);display:grid;grid-template-columns:1fr;gap:.15rem;}
.cs-outcomes .n{font-family:var(--fd);font-weight:600;color:var(--vert);white-space:nowrap;font-size:.95rem;}
.cs-outcomes .d{color:var(--tamise);font-size:.94rem;}
@media(min-width:620px){
  .cs-outcomes li{grid-template-columns:6.5rem 1fr;column-gap:1.2rem;align-items:baseline;}
}

/* bloc transparence */
.cs-transp{margin-top:2.6rem;border:1px solid var(--sable);background:#FBF9F3;padding:1.3rem 1.5rem;}
.cs-transp .h{font-family:var(--fd);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tamise);margin-bottom:.6rem;}
.cs-transp p{font-size:.89rem;color:var(--tamise);margin-top:0;}
.cs-transp p+p{margin-top:.5rem;}
.cs-moral{margin:2.8rem 0 0;padding:1.6rem 1.8rem;border-left:3px solid var(--vert);background:var(--papier);}
.cs-moral-h{font-family:var(--fd);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vert);margin-bottom:.5rem;}
.cs-moral p:not(.cs-moral-h){font-family:var(--ft);font-style:italic;color:var(--encre);margin-top:0;}
.cs-back{margin-top:2.6rem;}

.cs-pager{border-top:1px solid var(--sable);background:var(--papier);padding-block:1.4rem;}
.cs-pager-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.cs-nav-link{font-family:var(--fd);font-size:.85rem;color:var(--encre);text-decoration:none;border-bottom:1px solid transparent;}
.cs-nav-link:hover{border-bottom-color:var(--vert);}

.cs-more{text-align:center;margin-top:2rem;}
.cs-note{margin-top:2rem;font-size:.88rem;color:var(--tamise);max-width:64ch;line-height:1.6;}

/* ============ QUALIFICATION : à qui on parle, à qui on ne parle pas ============ */
.qualif{background:#FBF9F3;border-top:1px solid var(--sable);}
.q-facts{display:grid;grid-template-columns:1fr;gap:1px;background:var(--sable);border:1px solid var(--sable);margin-bottom:clamp(2rem,5vw,2.8rem);}
.q-facts>div{background:var(--papier);padding:1.1rem 1.25rem;}
.q-facts dt{font-family:var(--fd);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tamise);}
.q-facts dd{margin:.45rem 0 0;font-size:.98rem;color:var(--encre);font-weight:500;line-height:1.35;}
.q-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:2px solid var(--encre);}
.q-item{border-bottom:1px solid var(--sable);padding-block:1.5rem;display:grid;grid-template-columns:2.4rem 1fr;gap:1rem;}
.q-item .n{font-family:var(--fd);font-size:.74rem;color:var(--vert);padding-top:.25rem;}
.q-item h3{font-family:var(--fc);font-size:1rem;font-weight:600;}
.q-item p{margin-top:.4rem;color:var(--tamise);font-size:.94rem;max-width:54ch;}
.q-no{margin-top:clamp(2rem,5vw,2.8rem);border-left:3px solid var(--rouge);background:var(--papier);padding:1.3rem 1.6rem;}
.q-no .h{font-family:var(--fd);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre);margin-bottom:.8rem;}
.q-no ul{margin:0;padding-left:1.1rem;display:grid;gap:.6rem;}
.q-no li{color:var(--tamise);font-size:.94rem;max-width:62ch;}
.q-no li strong{color:var(--encre);font-weight:600;}
.q-close{margin-top:1.8rem;font-size:.88rem;color:var(--tamise);max-width:64ch;line-height:1.6;}
@media(min-width:760px){
  .q-facts{grid-template-columns:repeat(3,1fr);}
  .q-grid{grid-template-columns:1fr 1fr;column-gap:3rem;}
}
@media(max-width:760px){
  .q-item{grid-template-columns:1.9rem 1fr;gap:.7rem;}
}

/* ============================================================
   v8/v9 — problème en voix dirigeant, cadre resserré
   ============================================================ */
.problem .pain-frame{
  max-width:74ch;margin:0 0 clamp(2rem,5vw,2.8rem);
  padding:.15rem 0 .15rem 1.1rem;border-left:2px solid var(--vert);
  font-size:.95rem;line-height:1.68;color:var(--encre);
}
.pain h3{line-height:1.45;}
.pain .ask{
  margin-top:.75rem;color:var(--encre);font-weight:500;font-size:.93rem;line-height:1.6;
}
.pain-cta{
  margin-top:clamp(2.2rem,5vw,3rem);padding-top:1.4rem;
  border-top:1px solid var(--sable);
  display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem;
}
.pain-cta p{margin:0;font-size:.95rem;line-height:1.6;color:var(--encre);max-width:54ch;}
@media (min-width:621px){
  .q-facts-2{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:620px){
  .problem .pain-frame{padding-left:.9rem;}
  .pain-cta .btn{width:100%;text-align:center;}
}