:root{
  --creme:#FBF8F0;
  --creme-chaud:#F4EDDE;
  --brun:#463423;
  --encre:#221A12;
  --gris:#5C584C;
  --terracotta:#B4501F;
  --brique-clair:#DC742F;
  --saumon:#DBAC92;
  --hair:rgba(34,26,18,.12);
  --hair-dark:rgba(251,248,240,.16);
  --sans:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;
  --fs-mono:clamp(11px,.78vw,13px);
  --fs-body:clamp(16px,1.05vw,18px);
  --fs-lead:clamp(18px,1.5vw,23px);
  --fs-h3:clamp(19px,1.35vw,22px);
  --fs-h2:clamp(28px,4vw,52px);
  --fs-h1:clamp(34px,5.4vw,72px);
  --fs-num:clamp(40px,6vw,88px);
  --pad-sec:clamp(64px,8vw,130px);
  --r-card:20px;
  --r-btn:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{background:var(--creme);color:var(--encre);font-family:var(--sans);font-size:var(--fs-body);font-weight:450;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3{font-weight:800;letter-spacing:-.022em;line-height:1.04;text-wrap:pretty}
h3{font-weight:700;letter-spacing:-.012em;line-height:1.2}
p{text-wrap:pretty}
a{color:var(--terracotta);text-decoration:none}
a:hover{color:#983E13}
:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px;border-radius:4px}
.on-dark :focus-visible{outline-color:var(--saumon)}
.wrap{width:min(1240px,100% - clamp(32px,7vw,110px));margin-inline:auto}
section{padding-block:var(--pad-sec)}
.eyebrow{font-family:var(--mono);font-size:var(--fs-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.on-dark .eyebrow{color:var(--saumon)}
.lead{font-size:var(--fs-lead);line-height:1.45;color:var(--gris);font-weight:450}
.on-dark .lead{color:rgba(251,248,240,.74)}
.mono{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.band{background:var(--creme-chaud)}
.on-dark{background:var(--brun);color:var(--creme)}
.on-dark h2,.on-dark h3{color:var(--creme)}
.hr-cable{height:1px;background:var(--hair);border:0}

/* boutons */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:16px 30px;background:var(--terracotta);color:var(--creme);font-size:clamp(16px,1.1vw,18px);font-weight:700;letter-spacing:-.01em;border-radius:var(--r-btn);transition:background .25s ease,transform .25s ease}
.btn:hover{background:#983E13;color:var(--creme);transform:translateY(-2px)}
.btn .ar{font-weight:500;transition:transform .25s ease}
.btn:hover .ar{transform:translateX(4px)}
.btn--sm{min-height:44px;padding:11px 20px;font-size:15px;gap:8px}
.btn--sm:hover{transform:none}
.btn--dark{background:var(--brique-clair);color:var(--encre)}
.btn--dark:hover{background:#E8853C;color:var(--encre)}
.cta-note{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.on-dark .cta-note{color:var(--saumon)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,2vw,28px)}

/* en-tête */
.site-head{position:sticky;top:0;z-index:60;background:var(--creme);border-bottom:1px solid var(--hair)}
.head-in{display:flex;align-items:center;gap:20px;padding-block:12px}
.brand{display:flex;align-items:center;gap:11px;color:var(--encre);min-height:44px}
.brand:hover{color:var(--encre)}
.brand img{width:36px;height:36px}
.brand .wm{color:var(--terracotta)}
.brand span{font-size:clamp(16px,1.3vw,19px);font-weight:600;letter-spacing:-.025em;margin-top:-2px}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2vw,32px)}
.site-nav ul{display:flex;align-items:center;gap:clamp(18px,2vw,32px);list-style:none}
.site-nav ul a{display:flex;align-items:center;min-height:44px;padding-block:0;font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--gris)}
.site-nav ul a:hover{color:var(--encre)}
.site-nav ul a[aria-current]{color:var(--encre);box-shadow:inset 0 -2px 0 var(--terracotta)}
@media (max-width:920px){.site-nav ul{display:none}}

/* hero */
.hero{padding-top:clamp(44px,6vw,86px);padding-bottom:clamp(48px,6vw,96px)}
.hero h1{font-size:var(--fs-h1);max-width:19ch;margin-top:22px}
.hero .lead{margin-top:24px;max-width:62ch}
.hero .cta-row{margin-top:clamp(28px,3vw,40px)}
/* Cadre du schema et sa legende soudes en un seul objet. L'ombre est portee
   par .figure-pipeline, jamais par les deux blocs separement : deux ombres
   redessineraient la couture qu'on cherche justement a effacer. Le cadre perd
   donc ses arrondis bas et sa bordure basse, la legende ses arrondis hauts, et
   le filet de jonction passe en var(--hair) (.12) plutot que le .08 des cotes,
   pour se lire comme une couture et non comme un bord dedouble.
   La legende est en blanc pur : sur le creme de la section, un pied creme ne se
   detache pas du cadre. Seul hexadecimal en dur ici, le blanc pur n'ayant pas de
   token ; .sim-band l'emploie deja de la meme facon.
   Objet inerte : ni lien, ni bouton, aucun survol, aucun curseur cliquable. Le
   terracotta ne marque que les trois groupes porteurs du message. */
.figure-pipeline{margin-top:clamp(44px,6vw,84px);border-radius:var(--r-card);box-shadow:0 1px 2px rgba(34,26,18,.05),0 8px 20px -14px rgba(34,26,18,.16)}
.fig-frame{background:var(--creme-chaud);border:1px solid rgba(34,26,18,.08);border-bottom:0;border-radius:var(--r-card) var(--r-card) 0 0;padding:clamp(22px,3vw,44px) clamp(14px,2vw,30px);overflow:hidden}
.fig-cap{margin-top:0;background:#FFFFFF;border:1px solid rgba(34,26,18,.08);border-top:1px solid var(--hair);border-radius:0 0 var(--r-card) var(--r-card);padding:22px clamp(20px,2.6vw,34px);display:flex;justify-content:center}
.fig-cap p{margin:0;max-width:78ch;font-size:19px;font-weight:600;line-height:1.45;color:var(--brun);text-align:center;text-wrap:balance}
.fig-cap strong{font-weight:700;color:var(--terracotta)}
.schema-stage{position:relative;width:100%;aspect-ratio:1200/340}
.schema{display:block;width:100%;height:100%}
.schema .cbl{stroke:var(--terracotta);stroke-width:3;stroke-opacity:.5;stroke-linecap:round;fill:none}
.js .schema .cbl{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}
.schema-stage.is-in .cbl{stroke-dashoffset:0}
.sn{position:absolute;aspect-ratio:1;background:#fff;border-radius:30%;box-shadow:0 4px 14px rgba(34,26,18,.13);display:flex;align-items:center;justify-content:center}
.js .sn{opacity:0;transform:scale(.78);transition:opacity .5s ease,transform .55s cubic-bezier(.3,1.5,.6,1)}
.schema-stage.is-in .sn{opacity:1;transform:none}
.sn img{width:56%;height:56%;object-fit:contain}
.schema-chips{display:none;list-style:none}
.schema-chips li{background:#fff;border-radius:14px;padding:14px 10px;display:grid;justify-items:center;gap:7px;box-shadow:0 3px 10px rgba(34,26,18,.1)}
.schema-chips img{width:30px;height:30px;object-fit:contain}
.schema-chips .cn{font-size:13px;font-weight:700;letter-spacing:-.01em;text-align:center}
.schema-chips .cr{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);text-align:center}
@media (max-width:759px){
  .schema-stage{display:none}
  .schema-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:10px}
  /* text-wrap:pretty et non balance : sur trois ou quatre lignes, balance
     produit des lignes trop courtes. */
  .fig-cap{padding:18px 20px}
  .fig-cap p{font-size:15px;line-height:1.5;text-wrap:pretty}
}

/* révélations */
.js [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0ms)}
.js [data-reveal].is-in{opacity:1;transform:none}

/* problème */
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,4vw,64px);align-items:start}
.sec-head h2{font-size:var(--fs-h2);margin-top:16px;max-width:24ch}
.stat-big{border-top:2px solid var(--terracotta);padding-top:22px}
.stat-big .val{font-size:var(--fs-num);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--terracotta)}
.stat-big .cap{margin-top:12px;font-size:var(--fs-body);color:var(--gris);max-width:26ch}
.body-copy{font-size:clamp(17px,1.2vw,20px);line-height:1.55;color:var(--gris);max-width:56ch}
.body-copy strong{color:var(--encre);font-weight:700}
.body-copy + .body-copy{margin-top:20px}

/* avant / aujourd'hui */
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(20px,2.4vw,32px);margin-top:clamp(36px,4vw,56px)}
.card{background:var(--creme);border:1px solid var(--hair);border-radius:var(--r-card);padding:clamp(24px,2.6vw,38px)}
.card--now{background:var(--brun);border-color:transparent;color:var(--creme)}
.card h3{font-size:var(--fs-h3);margin-top:14px}
.rows{list-style:none;margin-top:22px;display:grid;gap:14px}
.rows li{display:grid;grid-template-columns:14px 1fr;gap:14px;align-items:start;font-size:var(--fs-body);color:var(--gris);line-height:1.5}
.rows li::before{content:"";width:10px;height:10px;margin-top:8px;border-radius:3px;background:var(--saumon)}
.card--now .eyebrow{color:var(--saumon)}
.card--now .rows li{color:rgba(251,248,240,.8)}
.card--now .rows li::before{background:var(--brique-clair)}
.card--now .rows li strong{color:var(--creme);font-weight:700}
.rows li strong{color:var(--encre);font-weight:700}

/* pipeline */
.steps{list-style:none;margin-top:clamp(40px,5vw,68px)}
.step{display:grid;grid-template-columns:34px 1fr;gap:clamp(16px,2vw,32px)}
.rail{display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:10px}
.rail .node{width:22px;height:22px;border-radius:7px;background:linear-gradient(180deg,#DC742F,#983E13);box-shadow:0 2px 6px rgba(0,0,0,.28)}
.rail .cable{width:3px;border-radius:2px;background:var(--terracotta);opacity:.55;align-self:stretch;transform-origin:top center}
.js .rail .cable{transform:scaleY(0);transition:transform .7s cubic-bezier(.4,0,.2,1) .12s}
.step.is-in .cable{transform:scaleY(1)}
.step-body{display:grid;grid-template-columns:minmax(160px,250px) 1fr;gap:clamp(10px,2.5vw,44px);padding-bottom:clamp(30px,3.4vw,48px);border-bottom:1px solid var(--hair-dark)}
.step:last-child .step-body{border-bottom:0;padding-bottom:0}
.step-body .num{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.1em;color:var(--saumon)}
.step-body h3{font-size:var(--fs-h3);margin-top:8px}
.step-body p{font-size:var(--fs-body);color:rgba(251,248,240,.72);line-height:1.55;max-width:56ch}
@media (max-width:700px){.step-body{grid-template-columns:1fr;gap:10px}}
.captures{margin-top:clamp(44px,5vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2vw,26px)}
.capture{background:#1B140D;border:1px solid rgba(251,248,240,.1);border-radius:16px;padding:12px;display:flex;flex-direction:column}
.capture img{border-radius:9px;width:100%;opacity:.92}
.capture figcaption{margin-top:auto;padding:14px 4px 4px;font-family:var(--mono);font-size:var(--fs-mono);line-height:1.55;letter-spacing:.02em;color:rgba(251,248,240,.6)}
.capture figcaption b{display:block;color:var(--saumon);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
@media (max-width:767px){.captures{display:none}}

/* courrier */
.flyers{margin-top:clamp(36px,4vw,60px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(18px,2.4vw,34px)}
.flyer{background:var(--creme-chaud);border:1px solid rgba(34,26,18,.08);border-radius:18px;padding:clamp(12px,1.4vw,18px)}
.flyer img{border-radius:10px;width:100%;box-shadow:0 6px 18px rgba(34,26,18,.09)}
.flyer figcaption{margin-top:14px;padding:0 4px 2px;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:baseline}
.flyer .who{font-size:16px;font-weight:700;letter-spacing:-.01em}
.flyer .src{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}

/* bandeau cta */

/* résultats */
.counters{margin-top:clamp(36px,4vw,60px);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(24px,3vw,44px)}
.counter{border-top:2px solid var(--terracotta);padding-top:20px}
.counter .val{font-size:clamp(38px,5vw,72px);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--terracotta)}
.counter .cap{margin-top:12px;font-size:var(--fs-body);color:var(--gris);max-width:28ch}
.funnel-block{margin-top:clamp(48px,6vw,88px);background:var(--creme);border:1px solid var(--hair);border-radius:var(--r-card);padding:clamp(24px,3vw,44px)}
.funnel-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.funnel-head img{height:26px;width:auto;opacity:.9}
.funnel{list-style:none;margin-top:clamp(24px,3vw,36px);display:grid;gap:clamp(12px,1.4vw,18px)}
.funnel li{display:grid;grid-template-columns:minmax(140px,220px) 1fr auto;gap:clamp(12px,2vw,24px);align-items:center}
.f-label{font-size:clamp(14px,1vw,16px);color:var(--gris)}
.f-track{height:14px;border-radius:5px;background:rgba(34,26,18,.06);position:relative;overflow:hidden}
.f-fill{position:absolute;inset:0 auto 0 0;border-radius:5px;background:var(--saumon);transform-origin:left center}
.js .f-fill{transform:scaleX(0);transition:transform 1s cubic-bezier(.22,1,.36,1) var(--d,0ms)}
.funnel li.is-in .f-fill{transform:scaleX(1)}
.f-fill--hot{background:var(--terracotta)}
.f-val{font-family:var(--mono);font-size:clamp(14px,1.1vw,17px);font-weight:500;color:var(--encre);min-width:3.5ch;text-align:right}
@media (max-width:620px){.funnel li{grid-template-columns:1fr auto;gap:6px 14px}.f-track{grid-column:1 / -1}}
.clients{margin-top:clamp(48px,6vw,84px)}
.client-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:clamp(10px,1.2vw,16px)}
.client-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;border:1px solid rgba(34,26,18,.07)}

/* alternatives */
.trio{margin-top:clamp(36px,4vw,60px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(18px,2.2vw,28px);align-items:start}
.col{border:1px solid var(--hair);border-radius:var(--r-card);padding:clamp(24px,2.4vw,34px);background:transparent}
.col--here{background:var(--creme-chaud);border-color:rgba(180,80,31,.4)}
.col h3{font-size:var(--fs-h3);margin-top:12px}
.col p{margin-top:14px;font-size:var(--fs-body);color:var(--gris);line-height:1.55}
.col .tools{margin-top:16px;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.04em;color:var(--gris);line-height:1.7}
.footnote{margin-top:clamp(28px,3vw,40px);padding-top:24px;border-top:1px solid var(--hair);font-size:clamp(17px,1.2vw,20px);line-height:1.5;color:var(--gris);max-width:70ch}
.footnote strong{color:var(--encre);font-weight:700}

/* tarifs */
.prices{margin-top:clamp(36px,4vw,60px);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,2.2vw,28px);align-items:start}
.price{background:var(--creme-chaud);border-radius:var(--r-card);padding:clamp(24px,2.6vw,38px)}
.price .amount{margin-top:16px;font-size:clamp(34px,3.6vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--terracotta)}
.price .sub{margin-top:12px;font-size:var(--fs-body);color:var(--gris);max-width:34ch}
.tiers{list-style:none;margin-top:20px;display:grid;gap:0}
.tiers li{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:baseline;padding-block:16px;border-top:1px solid rgba(34,26,18,.14)}
.tiers .t-name{font-size:var(--fs-body);font-weight:600;color:var(--encre)}
.tiers .t-price{font-family:var(--mono);font-size:clamp(14px,1.1vw,16px);color:var(--encre);white-space:nowrap}
.note{margin-top:20px;font-family:var(--mono);font-size:var(--fs-mono);line-height:1.7;letter-spacing:.04em;color:var(--gris)}

/* objections */
.qa{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(24px,3vw,44px)}
.qa-item{border-top:1px solid var(--hair);padding-top:20px}
.qa-item h3{font-size:var(--fs-h3)}
.qa-item p{margin-top:12px;font-size:var(--fs-body);color:var(--gris);line-height:1.55}

/* clôture */
.close-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(32px,4vw,72px);align-items:start}
.close-grid h2{font-size:clamp(30px,4vw,54px);margin-top:18px;max-width:22ch}
.close-grid .lead{margin-top:22px;max-width:46ch}
.qr-card{background:var(--creme);border-radius:var(--r-card);padding:clamp(20px,2.2vw,28px);display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;max-width:420px}
.qr-card img{width:clamp(86px,9vw,116px);height:auto;border-radius:8px}
.qr-card .qr-txt{font-size:15px;color:var(--gris);line-height:1.45}
.qr-card .qr-txt b{display:block;color:var(--encre);font-size:16px;font-weight:700;margin-bottom:6px}
.coords{margin-top:clamp(28px,3vw,40px);display:grid;gap:14px}
.coord{display:grid;grid-template-columns:minmax(90px,120px) 1fr;gap:16px;align-items:baseline;padding-top:12px;border-top:1px solid var(--hair-dark)}
.coord dt{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--saumon)}
.coord dd{font-size:var(--fs-body);color:rgba(251,248,240,.86)}
.on-dark a{color:var(--saumon)}
.on-dark a:hover{color:#EFD3C1}
.on-dark a.btn{color:var(--encre)}
.on-dark a.btn:hover{color:var(--encre)}
.site-foot{background:var(--brun);color:rgba(251,248,240,.6);border-top:1px solid var(--hair-dark);padding-block:32px}
.foot-in{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.05em}
.foot-in ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.001ms!important;transition-delay:0ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
  [data-reveal]{opacity:1!important;transform:none!important}
  .schema .cbl{stroke-dashoffset:0!important}
  .sn{opacity:1!important;transform:none!important}
  .rail .cable{transform:scaleY(1)!important}
  .f-fill{transform:scaleX(1)!important}
  .btn:hover{transform:none}
}

/* Garde-fou anti-débordement horizontal */
html{overflow-x:hidden;overflow-x:clip}
body{overflow-x:hidden;overflow-x:clip;max-width:100%}
img,svg,video,iframe{max-width:100%}
body{overflow-wrap:break-word}
.coord dd,.coord dd a,.qr-txt,.site-foot a,.site-foot p{overflow-wrap:anywhere}
.funnels{display:grid;gap:clamp(16px,2vw,24px)}
@media(min-width:900px){.funnels{grid-template-columns:1fr 1fr;align-items:start}}
.funnel-intro{font-size:.94rem;opacity:.82;margin:14px 0 4px}
.funnel-note{font-size:.86rem;opacity:.7;margin-top:14px}
.read-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.read-list li{position:relative;padding-left:18px;font-size:.94rem;line-height:1.5}
.read-list li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}
.facts{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid rgba(0,0,0,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.facts .f-num{display:block;font-weight:800;font-size:clamp(1.1rem,2.2vw,1.5rem);line-height:1.1}
.facts .f-cap{display:block;font-size:.78rem;opacity:.7;margin-top:4px}
.hero-shot{margin-top:clamp(34px,4.5vw,64px)}
.shot-frame{background:var(--creme-chaud);border:1px solid rgba(34,26,18,.08);border-radius:var(--r-card);padding:clamp(18px,2.4vw,34px);display:flex;justify-content:center}
.shot-frame img{width:100%;max-width:540px;height:auto;border-radius:12px;box-shadow:0 14px 40px rgba(34,26,18,.13)}
.deliv{margin-top:clamp(38px,4.4vw,64px);display:grid;gap:clamp(34px,4vw,60px)}
.deliv-item{display:grid;gap:clamp(18px,2.4vw,32px)}
.deliv-item .flyers{margin-top:0}
.deliv-txt h3{margin-top:6px}
.deliv-txt p{margin-top:12px;max-width:52ch}
.deliv-shot img{width:100%;height:auto;border-radius:12px;border:1px solid var(--hair);box-shadow:0 10px 28px rgba(34,26,18,.11)}
@media(min-width:900px){
  .deliv-item{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(26px,3vw,52px)}
  .deliv-item:nth-child(even) .deliv-txt{order:2}
}
.tech{border:1px solid rgba(255,255,255,.16);border-radius:var(--r-card)}
.tech-sum{list-style:none;cursor:pointer;display:grid;gap:4px;padding:clamp(20px,2.4vw,30px);position:relative;padding-right:64px}
.tech-sum::-webkit-details-marker{display:none}
.tech-lab{font-weight:700;font-size:clamp(17px,1.4vw,21px)}
.tech-sub{font-size:.86rem;opacity:.62;font-family:var(--mono,monospace);letter-spacing:.04em}
.chev{position:absolute;right:26px;top:50%;width:11px;height:11px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .25s ease;opacity:.7}
.tech[open] .chev{transform:translateY(-30%) rotate(225deg)}
.tech-sum:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:var(--r-card)}
.tech-body{padding:0 clamp(20px,2.4vw,30px) clamp(24px,3vw,40px)}
.tech-body .steps{margin-top:8px}
.tech-body .captures{margin-top:clamp(30px,3.4vw,50px)}
@media(prefers-reduced-motion:reduce){.chev{transition:none}}

/* hero */
.hero-grid{display:grid;gap:clamp(28px,3.4vw,54px);align-items:center}
@media(min-width:960px){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.gen-card{background:var(--creme);border:1px solid var(--hair);border-radius:var(--r-card);padding:clamp(20px,2.2vw,28px);box-shadow:0 16px 44px rgba(34,26,18,.10)}
.gen-head{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--gris);flex-wrap:wrap}
.gen-time{margin-left:auto;text-transform:none;letter-spacing:.02em;opacity:.75}
.gen-dot{width:8px;height:8px;border-radius:50%;background:var(--terracotta);flex:none;animation:genpulse 2.6s ease-in-out infinite}
@keyframes genpulse{0%,100%{opacity:1}50%{opacity:.35}}
.gen-rows{margin-top:18px;display:grid;gap:14px}
.gen-rows>div{display:grid;gap:3px;border-top:1px solid var(--hair);padding-top:12px}
.gen-rows>div:first-child{border-top:0;padding-top:0}
.gen-rows dt{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.gen-rows dd{margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.42;font-weight:600;transition:opacity .45s ease,transform .45s ease}
.gen-card.is-swap .gen-rows dd{opacity:0;transform:translateY(5px)}
.gen-bar{margin-top:20px;height:3px;border-radius:2px;background:var(--hair);overflow:hidden}
.gen-bar span{display:block;height:100%;width:0;background:var(--terracotta);border-radius:2px}
.gen-card.is-run .gen-bar span{animation:genbar 5.4s linear forwards}
@keyframes genbar{from{width:0}to{width:100%}}
@media(prefers-reduced-motion:reduce){.gen-dot,.gen-card.is-run .gen-bar span{animation:none}.gen-card.is-swap .gen-rows dd{opacity:1;transform:none}}
/* pipeline timeline */
.tl{margin-top:clamp(36px,4vw,60px);display:grid;gap:clamp(26px,3vw,48px)}
@media(min-width:1000px){.tl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.tl-shots{position:sticky;top:96px}}
.tl-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tl-step{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:0 0 26px;position:relative}
.tl-step::before{content:"";position:absolute;left:15px;top:30px;bottom:-4px;width:1px;background:rgba(255,255,255,.18)}
.tl-step:last-child{padding-bottom:0}
.tl-step:last-child::before{display:none}
.tl-num{width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-family:var(--mono);font-size:12px;flex:none;position:relative;z-index:1;background:inherit}
.tl-step h3{font-size:clamp(17px,1.5vw,21px);margin:3px 0 0}
.tl-step p{margin-top:7px;font-size:15px;line-height:1.5;opacity:.78;max-width:46ch}
.tl-shots{display:grid;gap:clamp(14px,1.8vw,22px)}
.tl-shots .capture img{width:100%;height:auto;border-radius:10px}
/* livrables */
.deliv-grid{margin-top:clamp(34px,4vw,58px);display:grid;gap:clamp(18px,2.2vw,30px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.deliv-card{margin:0}
.deliv-card img{width:100%;height:auto;border-radius:12px;border:1px solid var(--hair);box-shadow:0 12px 32px rgba(34,26,18,.12)}
.deliv-card figcaption{margin-top:14px;font-size:14px;line-height:1.5;color:var(--gris)}
.deliv-card figcaption b{display:block;color:var(--encre);font-size:16px;margin-bottom:4px}
/* tarifs */
.tiers--big li{display:grid;gap:4px;align-items:start}
.tiers--big .t-price{font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.1}
.tiers--big .t-name{font-size:14px;line-height:1.45;color:var(--gris);max-width:34ch}
/* funnels egaux */
@media(min-width:900px){.funnels>.funnel-block{height:100%;display:flex;flex-direction:column}.funnels .facts{margin-top:auto}}

/* ---- marque animée du hero ---- */
.hero-mark{margin:0;display:flex;align-items:center;justify-content:center;padding:clamp(4px,1.5vw,20px) 0}
.hero-mark svg{width:100%;max-width:460px;height:auto;overflow:visible}
.mk-c{fill:none;stroke:var(--terracotta);stroke-width:1.1;stroke-linecap:butt;stroke-opacity:.5;stroke-dasharray:1;stroke-dashoffset:0}
.mk-in{fill:#B4501F}
.mk-out{fill:#221A12;transform-box:fill-box;transform-origin:center}
.js .mk-c{animation:mk-draw 9s linear infinite}
.js .mk-c2{animation-name:mk-draw2}
.js .mk-c3{animation-name:mk-draw3}
.js .mk-in{animation:mk-n1 9s linear infinite}
.js .mk-in2{animation-name:mk-n2}
.js .mk-in3{animation-name:mk-n3}
.js .mk-out{animation:mk-out 9s ease-in-out infinite}
@keyframes mk-draw{0%,9%{stroke-dashoffset:1;opacity:1}22%,74%{stroke-dashoffset:0;opacity:1}82%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes mk-draw2{0%,10%{stroke-dashoffset:1;opacity:1}23%,74%{stroke-dashoffset:0;opacity:1}82%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes mk-draw3{0%,11%{stroke-dashoffset:1;opacity:1}24%,74%{stroke-dashoffset:0;opacity:1}82%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes mk-n1{0%,2%{opacity:.32}7%,72%{opacity:1}79%,100%{opacity:.32}}
@keyframes mk-n2{0%,5%{opacity:.32}10%,72%{opacity:1}80%,100%{opacity:.32}}
@keyframes mk-n3{0%,8%{opacity:.32}13%,72%{opacity:1}81%,100%{opacity:.32}}
@keyframes mk-out{0%,24%{opacity:.4;transform:scale(1)}28%{opacity:1;transform:scale(1.05)}34%,74%{opacity:1;transform:scale(1)}82%,100%{opacity:.4;transform:scale(1)}}

/* ---- captures contenues dans la hauteur de la colonne d'étapes ---- */
@media(min-width:1000px){
  .tl{align-items:stretch}
  .tl-shots{position:static;height:100%;min-height:0;grid-template-rows:minmax(0,563fr) minmax(0,326fr) minmax(0,273fr)}
  .tl-shots .capture{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
  .tl-shots .capture img{height:100%;width:100%;min-height:0;object-fit:contain}
  .tl-shots .capture figcaption{margin-top:0;padding-bottom:0}
}
.captures .capture img{max-height:clamp(150px,17vw,230px);object-fit:contain}

/* ---- livrables ---- */
.deliv-grid{align-items:start}
.deliv-card--mat img{background:var(--creme-chaud);padding:clamp(10px,1.2vw,16px)}

/* ---- grille tarifaire ---- */
.price>.eyebrow{display:block;min-height:2.6em}
.tiers--big{margin-top:14px}
.tiers--big li{grid-template-columns:1fr;gap:7px;padding-block:clamp(16px,1.6vw,22px);align-items:start}
.tiers--big li:first-child{border-top:0;padding-top:0}
.tiers--big .t-price{font-family:var(--sans);color:var(--terracotta);font-size:clamp(28px,2.7vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.05;white-space:nowrap}
.tiers--big .t-price .ht{font-family:var(--mono);font-size:.42em;font-weight:500;letter-spacing:.08em;margin-left:.5em;vertical-align:.25em}
.tiers--big .t-name{font-size:clamp(14px,.95vw,15.5px);line-height:1.4;color:var(--gris);max-width:34ch}

/* ---- retouches ---- */
.eyebrow--lg{font-size:clamp(14px,1.2vw,18px);letter-spacing:.12em}
.stat-big .cap{max-width:52ch}
.deliv-stack{display:grid;grid-template-rows:1fr 1fr;gap:clamp(10px,1.2vw,16px);aspect-ratio:1075/1521}
.deliv-stack img{height:100%;object-fit:contain}

/* ---- retouches 2 ---- */
@media(min-width:1000px){
  .tl{align-items:stretch}
  .tl-shots{position:static;height:100%;min-height:0;grid-template-rows:minmax(0,563fr) minmax(0,326fr) minmax(0,273fr)}
  .tl-shots .capture{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
  .tl-shots .capture img{height:100%;width:100%;min-height:0;object-fit:contain}
  .tl-shots .capture figcaption{margin-top:0;padding-bottom:0}
}
.deliv-stack{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
.deliv-card--mat img{padding:0;background:transparent}

.hero{padding-bottom:clamp(26px,3.2vw,54px)}
#probleme{padding-top:clamp(40px,5vw,84px)}
.price>.eyebrow{font-size:clamp(13px,1.05vw,16px);letter-spacing:.1em;color:var(--encre);font-weight:500;min-height:2.4em}

@media (prefers-reduced-motion:reduce){
  .mk-c,.mk-in,.mk-out{animation:none!important;opacity:1!important;transform:none!important}
  .mk-c{stroke-dashoffset:0!important}
}


/* ============ MOBILE ============ */

/* header : burger */
.burger{display:none;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer}
.burger span{display:block;width:22px;height:2px;border-radius:2px;background:var(--encre);transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{border-top:1px solid var(--hair);background:var(--creme);padding-block:6px 22px}
.nav-mobile[hidden]{display:none}
.nav-mobile ul{list-style:none}
.nav-mobile ul a{display:block;padding:15px 0;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--encre)}
.nav-mobile .btn{margin-top:20px;width:100%;justify-content:center}

@media (max-width:920px){
  .site-nav{display:none}
  .burger{display:flex}
  .brand img{width:30px;height:30px}
  .brand span{font-size:17px}
  .brand{gap:9px}
  .head-in{gap:12px}
}

/* badge mobile */
.hero-badge{display:none;align-items:center;gap:9px;margin-bottom:12px;padding:9px 15px 9px 13px;background:var(--creme-chaud);border:1px solid rgba(180,80,31,.28);border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--encre)}
.hero-badge .dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 0 rgba(180,80,31,.55);animation:badge-pulse 2.4s ease-out infinite}
@keyframes badge-pulse{0%{box-shadow:0 0 0 0 rgba(180,80,31,.5)}70%{box-shadow:0 0 0 9px rgba(180,80,31,0)}100%{box-shadow:0 0 0 0 rgba(180,80,31,0)}}

/* hero */
@media (max-width:759px){
  .hero .eyebrow{display:none}
  .hero-badge{display:inline-flex}
  .hero h1{margin-top:10px}
  .hero .cta-row{flex-direction:column;align-items:center;gap:14px}
  .hero .cta-row .btn{width:100%;justify-content:center}
  .hero .cta-note{text-align:center}
}

/* logo anime : declenchement au scroll */
.js .hero-mark .mk-c,.js .hero-mark .mk-in,.js .hero-mark .mk-out{animation-play-state:paused}
.js .hero-mark.is-in .mk-c,.js .hero-mark.is-in .mk-in,.js .hero-mark.is-in .mk-out{animation-play-state:running}

/* pied de page : bandeau de consentement masque ne doit plus capter les taps.
   Place dans le HTML et non dans theme.css, car /assets/* est en cache immutable un an. */
#tarteaucitronAlertBig[style*="opacity: 0"],#tarteaucitronAlertBig[style*="opacity:0"]{display:none!important;pointer-events:none!important}
.site-foot a,.site-foot .cookie-link{display:inline-block;padding-block:6px}

/* workflow vertical mobile */
.schema-mobile{display:none;position:relative;width:100%;max-width:340px;margin-inline:auto;aspect-ratio:340/478}
.schema-m{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.schema-mobile .smn{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1}
.schema-mobile .smn img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:12px;padding:14%;box-shadow:0 3px 12px rgba(34,26,18,.13)}
.schema-mobile .sml{position:absolute;display:grid;gap:3px;line-height:1.2}
.schema-mobile .sml--c{transform:translateX(-50%);justify-items:center;text-align:center;width:104px}
.schema-mobile .sml--l{transform:translateY(-50%);justify-items:start;text-align:left}
.schema-mobile .cn{font-size:12.5px;font-weight:700;letter-spacing:-.01em}
.schema-mobile .cr{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--gris)}
.schema-m .cbl{stroke:var(--terracotta);stroke-width:3;stroke-opacity:.5;stroke-linecap:round;fill:none;stroke-dasharray:1;stroke-dashoffset:0}
.js .schema-mobile .cbl{stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1)}
.js .schema-mobile.is-in .cbl{stroke-dashoffset:0}
.js .schema-mobile .smn,.js .schema-mobile .sml{opacity:0;transition:opacity .6s ease}
.js .schema-mobile.is-in .smn,.js .schema-mobile.is-in .sml{opacity:1}

@media (max-width:759px){
  .schema-chips{display:none!important}
  .schema-mobile{display:block}
  .hero{padding-top:22px}
  .figure-pipeline{margin-top:36px}
}

/* ================== refonte, aout 2026 ================== */

/* bandeau declencheur, en tete des deux blocs "En pratique" */
.trig{margin-top:16px;padding:13px 16px 14px 15px;border-left:3px solid var(--terracotta);background:rgba(180,80,31,.05);border-radius:0 12px 12px 0}
.trig-lab{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);text-indent:.14em}
.trig-txt{margin-top:7px;font-size:clamp(15px,1.15vw,17px);font-weight:700;line-height:1.4;letter-spacing:-.008em;color:var(--encre);max-width:48ch}

/* intertitre interne de bloc */
.f-sec{margin-top:clamp(20px,2.2vw,28px);font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);text-indent:.14em}
.funnel-intro{margin-top:16px}
.f-sec + .funnel,.f-sec + .read-list{margin-top:13px}

/* resultats, en pied de funnel */
.f-out{margin-top:clamp(20px,2.2vw,28px);padding-top:18px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center}
.f-out-item{display:flex;align-items:baseline;gap:11px}
.f-out-num{font-size:clamp(28px,2.6vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--terracotta);font-variant-numeric:tabular-nums}
.f-out-cap{font-size:14px;line-height:1.3;color:var(--gris);max-width:15ch}
.f-out-rate{margin-left:auto;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--terracotta);border:1px solid rgba(180,80,31,.32);border-radius:999px;padding:5px 12px;white-space:nowrap}
@media (max-width:560px){.f-out-rate{margin-left:0}}
@media (min-width:900px){.funnels .f-out{margin-top:auto}}

/* badge Malt */
.malt{margin-top:22px;display:inline-flex;align-items:center;gap:13px;padding:10px 18px;background:var(--creme-chaud);border:1px solid var(--hair);border-radius:999px;color:var(--encre);transition:border-color .25s ease}
.malt:hover{color:var(--encre);border-color:rgba(180,80,31,.45)}
.malt-name{font-size:15.5px;font-weight:700;letter-spacing:-.015em}
.malt-stars{color:#E8A33D;font-size:14px;letter-spacing:.1em;line-height:1}
.malt-n{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.malt-sep{width:1px;height:16px;background:rgba(34,26,18,.16)}

/* captures de la methode : visuels clairs, legendes lisibles */
.capture img{opacity:1;background:#fff}
.capture figcaption{font-family:var(--sans);font-size:14.5px;line-height:1.55;letter-spacing:0;color:rgba(251,248,240,.74);padding:16px 6px 6px}
.capture figcaption b{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;margin-bottom:9px}
@media (min-width:1000px){.tl-shots{grid-template-rows:minmax(0,221fr) minmax(0,262fr) minmax(0,288fr)}}

/* ============ refonte, passe 2 : lisibilite ============ */

/* Vision : une puce par ligne, texte moins fin */
@media (min-width:900px){.duo{grid-template-columns:1fr 1fr}}
.duo .card{padding:clamp(22px,2.3vw,32px)}
.duo .rows{gap:16px}
.duo .rows li{grid-template-columns:11px 1fr;gap:13px;font-size:clamp(14.5px,1.05vw,15.5px);font-weight:500;line-height:1.45;color:#4A463C}
.duo .rows li::before{width:9px;height:9px;margin-top:7px}
.duo .card--now .rows li{color:rgba(251,248,240,.9)}

/* Bandeau declencheur, plus affirme */
.trig{margin-top:18px;padding:16px 18px 17px;border-left:4px solid var(--terracotta);background:rgba(180,80,31,.075);border-radius:0 14px 14px 0}
.trig-lab{display:block;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);text-indent:.14em}
.trig-txt{margin-top:9px;font-size:clamp(16px,1.25vw,18.5px);font-weight:700;line-height:1.38;letter-spacing:-.012em;color:var(--encre);max-width:44ch}

/* Corps des blocs En pratique */
.funnel-intro{margin-top:18px;font-size:clamp(15px,1.05vw,16px);font-weight:450;line-height:1.55;color:var(--gris);opacity:1}
.f-sec{margin-top:clamp(22px,2.4vw,30px);font-size:12px;font-weight:600;letter-spacing:.13em;color:var(--brun)}
.f-label{font-size:clamp(14.5px,1.05vw,16px);font-weight:500;color:#4A463C}
.f-val{font-size:clamp(15px,1.15vw,17.5px);font-weight:600}
.f-track{height:15px}

/* Pied de funnel */
.f-out{gap:16px 38px}
.f-out-cap{font-size:15px;font-weight:500;color:#4A463C;max-width:19ch}
.f-out-rate{font-size:12.5px;font-weight:500;padding:6px 13px}

/* Badge Malt */
.malt{margin-top:24px;gap:16px;padding:12px 22px}
.malt-logo{height:22px;width:auto}
.malt-stars{font-size:17px;letter-spacing:.08em}
.malt-n{font-size:13px;font-weight:600;color:var(--brun);letter-spacing:.07em}
.malt-sep{height:20px}

/* Legendes des captures */
.capture figcaption{font-size:15.5px;line-height:1.5;color:rgba(251,248,240,.82);padding:17px 6px 6px}
.capture figcaption b{font-size:12px;font-weight:600;letter-spacing:.13em;margin-bottom:10px;color:var(--saumon)}

/* Livrables du simulateur */
.sim-deliv{margin-top:clamp(32px,3.6vw,52px)}
.sim-deliv-head{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;justify-content:space-between}
.sim-deliv-lab{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);text-indent:.14em}
.sim-deliv-sub{font-size:clamp(15px,1.1vw,16.5px);font-weight:500;color:var(--gris)}
.sim-deliv-grid{margin-top:20px;display:grid;gap:clamp(14px,1.8vw,24px);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.sim-deliv-grid figure{margin:0}
.sim-deliv-grid img{width:100%;height:auto;border-radius:12px;border:1px solid var(--hair);background:#fff;box-shadow:0 12px 30px rgba(34,26,18,.13)}
.sim-deliv-grid figcaption{margin-top:12px;font-size:15px;font-weight:500;line-height:1.4;color:var(--gris)}

/* ============ refonte, passe 3 ============ */

/* Bandeau declencheur : carte blanche, filet fin, ombre douce */
.trig{margin-top:18px;padding:15px 20px 17px;background:#fff;border:1px solid rgba(180,80,31,.15);border-left:0;border-radius:14px;box-shadow:0 1px 2px rgba(34,26,18,.04),0 10px 24px -16px rgba(34,26,18,.32);position:relative;overflow:hidden}
.trig::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--terracotta);opacity:.9}
.trig-lab{font-size:11.5px;font-weight:600;letter-spacing:.14em;color:var(--terracotta)}
.trig-txt{margin-top:8px;font-size:clamp(15.5px,1.1vw,16.5px);font-weight:600;line-height:1.48;letter-spacing:-.006em;color:var(--encre);max-width:46ch}

/* Les deux fiches se lisent ligne a ligne */
@media (min-width:900px){
  .funnels .funnel-head{min-height:34px;align-items:flex-start}
  .funnels .trig-txt{min-height:calc(3 * 1.48em)}
  .funnels .funnel-intro{min-height:calc(4 * 1.55em)}
}

/* Pastille de taux, lisible */
.f-out-rate{font-size:14px;font-weight:600;letter-spacing:.01em;font-family:var(--sans);padding:8px 15px;background:rgba(180,80,31,.09);border-color:rgba(180,80,31,.22);color:#983E13}

/* Badge Malt */
.malt{gap:15px;padding:11px 20px}
.malt-logo{height:28px;width:auto;border-radius:7px}
.malt-note{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--encre);line-height:1}
.malt-stars{font-size:16px;letter-spacing:.06em;margin-left:-4px}
.malt-n{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--gris)}
.malt-sep{height:24px}

/* Captures Best'Oil : cadres identiques, legendes alignees */
.sim-deliv-head{display:block}
.sim-deliv-sub{margin-top:8px;max-width:60ch}
.sim-deliv-grid{margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sim-deliv-grid figure{display:flex;flex-direction:column}
.sim-deliv-grid .shot{aspect-ratio:3/4;border-radius:16px;overflow:hidden;border:1px solid var(--hair);background:#fff;box-shadow:0 1px 2px rgba(34,26,18,.05),0 16px 38px -20px rgba(34,26,18,.4)}
.sim-deliv-grid .shot img{width:100%;height:100%;object-fit:cover;object-position:top center;border:0;border-radius:0;box-shadow:none;background:transparent}
.sim-deliv-grid figcaption{margin-top:13px;font-size:15px;font-weight:600;color:var(--brun)}

/* ============ refonte, passe 4 ============ */

/* Gabarit fixe pour les logos des deux fiches : la hauteur ne depend plus
   du logo, ni du texte de remplacement si l'image ne charge pas. */
.funnels .funnel-head{min-height:40px;align-items:center}
.funnel-logo{flex:none;display:flex;align-items:center;justify-content:flex-end;width:112px;height:34px;overflow:hidden}
.funnel-logo img{max-height:34px;max-width:100%;width:auto;height:auto;opacity:.92}
.funnel-logo .logo-bsa{border-radius:6px}

/* Malt : pose sur la page, sans conteneur */
.malt{margin-top:20px;display:inline-flex;align-items:center;gap:12px;padding:0;background:none;border:0;border-radius:0}
.malt:hover{background:none;border:0}
.malt:hover .malt-n{color:var(--encre)}
.malt-logo{height:26px;width:auto;border-radius:6px}
.malt-stars{color:#E8A33D;font-size:17px;letter-spacing:.09em;line-height:1}
.malt-n{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--gris);transition:color .25s ease}
.malt-n b{font-weight:800;color:var(--encre);letter-spacing:-.02em}