/* WhichWarmup · thème « deliverability desk » : ardoise profonde, menthe froide, teal pour l'action, ambre pour le warmup. Feuille autonome. */
*,*::before,*::after{box-sizing:border-box}
:root{
  --ink:#101820;--ink-2:#1c2a33;--slate:#22323d;--paper:#ffffff;
  --mist:#eef5f1;--mist-2:#e2eee7;--line:#d8e4dd;--muted:#566b62;
  --accent:#0ea87d;--accent-dark:#0b8a66;--accent-soft:#d7f2e7;
  --warm:#f5a524;--warm-soft:#fdecc9;--warm-ink:#7a5200;
  --danger:#e05545;--danger-soft:#fbe0dc;
  --shadow:0 18px 40px -22px rgba(16,24,32,.4);--radius:16px;
  font-family:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--paper);color:var(--ink);
}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--paper)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,.display{font-family:"Space Grotesk","IBM Plex Sans",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.08;margin:0}
h1{font-size:clamp(33px,4.4vw,55px);font-weight:700}
h2{font-size:clamp(23px,2.5vw,33px);font-weight:600}
h3{font-size:19px;font-weight:600}
h1 em,h2 em{font-style:normal;color:var(--accent)}
p{max-width:68ch}
ul{margin:0}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 10px 0;z-index:100}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.page{min-height:40vh}

/* header */
.site-header{position:sticky;top:0;z-index:30;padding:14px 0;background:rgba(255,255,255,.93);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);width:100%}
.site-header .header-row{width:min(1180px,calc(100% - 48px));margin-inline:auto;display:flex;align-items:center;gap:28px}
.wordmark{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:9px}
.wordmark>span{color:var(--accent)}
.brand-symbol{display:inline-grid;grid-template-columns:repeat(3,5px);gap:3px;align-items:end}
.brand-symbol i{display:block;width:5px;background:var(--accent-soft);border-radius:2px}
.brand-symbol i:nth-child(1){height:8px;background:var(--accent-soft)}
.brand-symbol i:nth-child(2){height:13px;background:var(--warm)}
.brand-symbol i:nth-child(3){height:18px;background:var(--accent)}
.site-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.site-nav a{text-decoration:none;font-weight:600;font-size:15px;color:var(--muted);padding:8px 12px;border-radius:10px}
.site-nav a:hover,.site-nav a[aria-current=true]{color:var(--ink);background:var(--mist)}
.header-cta{margin-left:8px}

/* boutons */
.button{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;background:var(--accent);color:#fff;border:2px solid var(--accent);box-shadow:0 8px 20px -12px rgba(14,168,125,.8);transition:transform .12s,background .12s}
.button:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px)}
.button-light{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}.button-light:hover{background:var(--slate);border-color:var(--slate)}
.button-outline{background:transparent;border-color:var(--line);color:var(--ink);box-shadow:none}.button-outline:hover{background:var(--mist);border-color:var(--mist-2)}
.button-small{padding:9px 14px;font-size:14px;border-radius:10px}
.button .arrow{font-weight:400}
.article .button,.page .button,.mention-strip .button{text-transform:none;letter-spacing:0;font-size:14px}
.text-link{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.eyebrow>span{width:18px;height:3px;background:var(--accent);border-radius:2px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--warm-soft);color:var(--warm-ink)}
.pill-ink{background:var(--ink);color:#fff}.pill-mint{background:var(--accent-soft);color:var(--accent-dark)}
.plogo{display:block;height:auto;max-width:100%;object-fit:contain;object-position:left center}
.plogo-box{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.plogo-box.dark{background:var(--ink);border-color:var(--ink)}

/* hero accueil */
.home-hero-v2{background:radial-gradient(1100px 560px at 82% -10%,#12604a 0%,#123642 46%,var(--ink) 100%);color:#fff;padding:64px 0 72px}
.home-hero-v2 .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.home-hero-v2 h1{color:#fff;margin:18px 0}
.home-hero-v2 .hero-copy{color:#c5ddd3;font-size:18px;max-width:56ch}
.home-hero-v2 .eyebrow{color:var(--warm)}.home-hero-v2 .eyebrow>span{background:var(--warm)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;align-items:center}
.hero-actions .button-outline{border-color:rgba(255,255,255,.35);color:#fff}.hero-actions .button-outline:hover{background:rgba(255,255,255,.08);border-color:#fff}
.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:14px;color:#9fbdb0}
.hero-proof b{color:#fff;font-weight:700}
.pick-stack{display:grid;gap:12px}
.pick-card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:18px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;box-shadow:var(--shadow);text-decoration:none;position:relative;overflow:hidden}
.pick-card:hover{outline:3px solid var(--accent-soft)}
.pick-card .pick-head{display:flex;align-items:center;gap:12px;grid-column:1/-1}
.pick-card .pill{margin-left:auto}
.pick-card p{font-size:14px;color:var(--muted);margin:0;grid-column:1/-1;max-width:none}
.pick-card .pick-price{font-size:14px;color:var(--ink);font-weight:600}
.pick-card .pick-price small{color:var(--muted);font-weight:500}
.pick-card .button{justify-self:end}

/* bandeau logos */
.logo-strip{padding:26px 0;border-bottom:1px solid var(--line);background:var(--mist)}
.logo-strip .wrap{display:flex;align-items:center;gap:26px 40px;flex-wrap:wrap;justify-content:space-between}
.logo-strip .plogo{opacity:.9}.logo-strip .plogo:hover{opacity:1}
.logo-strip .strip-note{font-size:13px;color:var(--muted);flex-basis:100%;margin:0}

/* sections */
.band{padding:62px 0}.band-mist{background:var(--mist)}
.band-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;flex-wrap:wrap}
.band-head p{color:var(--muted);margin-top:8px}
.band-head h2{margin-top:10px}

/* tableau d'un coup d'oeil */
.glance-table,.pricing-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:15px}
.glance-table th,.glance-table td{padding:16px 18px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}
.glance-table thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--mist)}
.glance-table tbody tr:last-child td{border-bottom:0}
.glance-table tr:hover td{background:#f7fbf9}
.glance-table .cell-logo{display:flex;align-items:center;gap:12px;min-width:180px}
.glance-table .cell-logo .plogo{max-width:130px}
.glance-table .cell-logo .plogo-box{padding:6px 10px}
.glance-table .price{white-space:nowrap;font-weight:700}
.glance-table .price small{display:block;font-weight:500;color:var(--muted)}
.glance-table .best{color:var(--ink);max-width:34ch}
.glance-table td.cta{text-align:right;white-space:nowrap}

/* parcours avec visuels */
.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.journey-card{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .15s,box-shadow .15s}
.journey-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.journey-card .shot{aspect-ratio:16/10;background:var(--mist-2);overflow:hidden;border-bottom:1px solid var(--line);min-height:150px}
.journey-card .shot img{width:100%;height:100%;object-fit:cover;object-position:top left}
.journey-card .body{padding:16px 18px 18px}
.journey-card h3{margin:0 0 6px;font-size:18px}
.journey-card p{font-size:14px;color:var(--muted);margin:0}
.journey-card .go{display:inline-block;margin-top:12px;font-weight:600;font-size:14px;color:var(--accent)}

/* galerie de captures */
.shot-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shot-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.shot-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top left}
.shot-gallery figcaption{padding:12px 16px;font-size:14px;color:var(--muted)}
.shot-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.shot-frame{border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(16,24,32,.6);border:1px solid var(--line);background:#fff}
.shot-frame img{display:block;width:100%;height:auto}

/* mise en avant des outils */
.tools-band{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tool-card{background:var(--ink);color:#fff;border-radius:var(--radius);padding:28px;text-decoration:none;display:grid;gap:10px;position:relative;overflow:hidden}
.tool-card:nth-child(2){background:var(--slate)}
.tool-card h3{color:#fff;font-size:22px;margin:0}
.tool-card p{color:#c5ddd3;margin:0;font-size:15px}
.tool-card .go{color:var(--warm);font-weight:700;margin-top:6px}
.tool-card .num{position:absolute;right:18px;top:12px;font-family:"Space Grotesk",sans-serif;font-size:72px;font-weight:700;color:rgba(255,255,255,.08);line-height:1}

/* méthode / confiance */
.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.trust-row div{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.trust-row h3{margin:0 0 6px;font-size:17px}.trust-row p{font-size:14px;color:var(--muted);margin:0}
.disclosure{font-size:13px;color:var(--muted);margin-top:14px}

/* comparatif */
.vs-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:18px 0 26px}
.vs-row .plogo-box{padding:12px 18px}.vs-row .plogo{height:26px!important}
.vs-row .vs{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:22px;color:var(--muted)}
.verdict-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:8px 0 34px}
.verdict-card{background:var(--mist);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:12px;align-content:start}
.verdict-card.lead{background:var(--accent-soft);border-color:#a9e0cb}
.verdict-card .vh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.verdict-card .vh .pill{margin-left:auto}
.verdict-card .vh .plogo{max-width:150px}
.verdict-card p{margin:0;font-size:15px;color:var(--ink);max-width:none}
.verdict-card .price{font-size:14px;color:var(--muted)}.verdict-card .price b{color:var(--ink)}
.verdict-card .button{justify-self:start}

/* fiche produit */
.platform-hero{padding:34px 0 10px}
.platform-hero .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.platform-hero .plogo-box{padding:14px 20px;margin-bottom:18px}
.platform-hero h1{margin:8px 0 14px;font-size:clamp(30px,3.4vw,42px)}
.platform-hero .lead{font-size:18px;color:var(--muted)}
.platform-facts{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 6px;font-size:14px;color:var(--muted)}
.platform-facts b{display:block;color:var(--ink);font-size:16px}
.platform-hero .hero-actions .button-outline{color:var(--ink);border-color:var(--line)}
.platform-hero .hero-actions .button-outline:hover{background:var(--mist)}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0}
.fit-grid div{padding:20px 22px;border-radius:var(--radius);border:1px solid var(--line);background:#fff}
.fit-grid h3{margin:0 0 10px;font-size:16px}
.fit-grid ul{padding:0;list-style:none;display:grid;gap:8px;font-size:15px}
.fit-grid li{padding-left:24px;position:relative}
.fit-grid .yes li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.fit-grid .no li::before{content:"✕";position:absolute;left:0;color:var(--danger);font-weight:700}
.fit-grid .yes{border-color:#a9e0cb}.fit-grid .no{border-color:#f2c4bc}

/* article */
.article{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.article-head{margin:26px 0 18px}
.answer-box{background:var(--mist);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:14px;padding:22px 24px;margin:22px 0 30px}
.answer-tag{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.answer-box p{font-size:18px;max-width:none;margin:0}
.prose{display:grid;gap:30px;max-width:78ch}
.prose>*{min-width:0}
.prose h2{margin-bottom:12px}.prose p{margin:10px 0}.prose ul{padding-left:22px}
.pricing-table th,.pricing-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.pricing-table thead th{background:var(--mist);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pricing-table tbody tr:last-child td,.pricing-table tbody tr:last-child th{border-bottom:0}
.pricing-table td .button{padding:7px 10px;font-size:13px;white-space:nowrap}
.table-wrap{overflow-x:auto;margin:14px 0}
.table-note{font-size:13px;color:var(--muted)}
.cta-box{margin:36px 0;padding:26px 28px;border-radius:var(--radius);background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.cta-box h3{color:#fff;margin:0 0 6px}.cta-box p{color:#c5ddd3;margin:0;font-size:15px;max-width:none}
.cta-box .plogo-box{margin-bottom:12px}
.cta-box .actions{display:grid;gap:10px;justify-items:end}
.faq{margin-top:36px}.faq-item{border-top:1px solid var(--line);padding:16px 0}.faq-item summary{font-weight:600;cursor:pointer;font-size:17px}.faq-answer{color:var(--muted);padding-top:8px}
.related{margin-top:30px;padding:22px 26px;background:var(--mist);border:1px solid var(--line);border-radius:var(--radius)}
.related ul{padding-left:20px}.related .footer-title{color:var(--ink)}
.crumbs{width:min(1180px,calc(100% - 48px));margin:18px auto 0;font-size:13px;color:var(--muted)}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line)}
.crumbs a{color:var(--muted)}

/* bandeau "In this guide" */
.mention-strip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 18px;margin:-8px 0 30px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.mention-strip>span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mention-strip .mentions{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.mention-strip .mention{display:inline-flex;align-items:center;gap:10px}

/* hubs */
.hub-head{width:min(1180px,calc(100% - 48px));margin:26px auto 24px}
.hub-intro{color:var(--muted);max-width:70ch}
.hub-grid{width:min(1180px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hub-card{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .15s,box-shadow .15s}
.hub-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.hub-card h2{font-size:19px;margin:0 0 8px}.hub-card p{font-size:14px;color:var(--muted);margin:0}
.hub-card-cta{display:inline-block;margin-top:12px;font-weight:600;font-size:14px;color:var(--accent)}

/* barre sticky mobile */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(16,24,32,.5)}
.sticky-cta .plogo-box{padding:6px 10px}
.sticky-cta span{font-size:12px;line-height:1.3;color:var(--muted);flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sticky-cta span b{color:var(--ink);font-size:13px}.sticky-cta .button{padding:9px 12px;font-size:13px;white-space:nowrap}

/* pied de page */
.site-footer-big{background:var(--ink);color:#c5ddd3;margin-top:64px;padding:52px 0 28px}
.footer-grid{width:min(1180px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.footer-brand .wordmark{color:#fff}.footer-brand p{color:#9fbdb0;font-size:14px}
.footer-title{color:#fff;font-weight:600;margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.site-footer-big ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px}
.site-footer-big a{color:#c5ddd3;text-decoration:none}.site-footer-big a:hover{color:#fff;text-decoration:underline}
.footer-bottom{width:min(1180px,calc(100% - 48px));margin:36px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#87a89b}
.footer-bottom a{color:#c5ddd3}

/* WARM-01 : arbre de diagnostic */
.diag{width:min(880px,calc(100% - 48px));margin:26px auto 0}
.diag .step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.diag .step[hidden]{display:none}
.diag .q{font-family:"Space Grotesk",sans-serif;font-size:22px;font-weight:600;margin:0 0 8px}
.diag .hint{color:var(--muted);margin:0 0 18px;font-size:15px}
.diag .options{display:grid;gap:10px}
.diag .opt{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--mist);cursor:pointer;font:inherit;color:var(--ink)}
.diag .opt:hover{border-color:var(--accent);background:var(--accent-soft)}
.diag .opt b{font-weight:600}.diag .opt span{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.diag .outcome{border-left:5px solid var(--accent)}
.diag .outcome.warn{border-left-color:var(--warm)}
.diag .outcome.stop{border-left-color:var(--danger)}
.diag .outcome .verdict-tag{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.diag .outcome.warn .verdict-tag{color:var(--warm-ink)}.diag .outcome.stop .verdict-tag{color:var(--danger)}
.diag .back{margin-top:16px;background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;text-decoration:underline}
.diag .progress{display:flex;gap:6px;margin-bottom:20px}
.diag .progress i{height:5px;flex:1;border-radius:3px;background:var(--line)}
.diag .progress i.on{background:var(--accent)}

/* WARM-03 : calculateur multiboîte */
.calc{width:min(980px,calc(100% - 48px));margin:26px auto 0;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
.calc .panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.calc .field{margin-bottom:18px}
.calc label{display:block;font-weight:600;margin-bottom:6px;font-size:15px}
.calc label small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.calc input[type=number],.calc select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--mist)}
.calc .result{background:var(--ink);color:#fff;border-radius:var(--radius);padding:26px;position:sticky;top:90px}
.calc .result h2{color:#fff;font-size:20px;margin:0 0 14px}
.calc .result .amount{font-family:"Space Grotesk",sans-serif;font-size:40px;font-weight:700;color:var(--warm)}
.calc .result .amount small{display:block;font-size:14px;color:#9fbdb0;font-weight:400;margin-top:4px}
.calc .result ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-size:14px;color:#c5ddd3}
.calc .result li{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.12);padding-top:8px}
.calc .result li b{color:#fff;font-weight:600}
.calc .note{font-size:13px;color:var(--muted);margin-top:14px}

@media(max-width:1000px){
  .home-hero-v2 .wrap{grid-template-columns:1fr}
  .journey-grid,.shot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-row,.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-hero .grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .calc{grid-template-columns:1fr}.calc .result{position:static}
  .glance-table .best{display:none}
}
@media(max-width:700px){
  body{font-size:16px}
  .site-header .header-row{flex-wrap:wrap;gap:10px 12px}
  .site-nav{order:3;flex-basis:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;gap:2px;padding-bottom:2px}
  .site-nav a{font-size:14px;padding:6px 10px;white-space:nowrap}
  .header-cta{margin-left:auto}
  .home-hero-v2{padding:40px 0 48px}
  .journey-grid,.shot-gallery,.shot-gallery.two,.trust-row,.hub-grid,.tools-band,.verdict-duo,.fit-grid{grid-template-columns:1fr}
  .glance-table thead{display:none}
  .glance-table tr{display:grid;grid-template-columns:1fr;padding:14px 0;border-bottom:1px solid var(--line)}
  .glance-table td{border:0;padding:4px 16px}.glance-table td.cta{text-align:left}
  .sticky-cta{display:flex}body.has-sticky{padding-bottom:76px}
  .cta-box{grid-template-columns:1fr}.cta-box .actions{justify-items:start}
  .pick-card{grid-template-columns:1fr}.pick-card .button{justify-self:start}
  .logo-strip .wrap{justify-content:flex-start;gap:16px 22px}
  .footer-grid{grid-template-columns:1fr}
  .mention-strip{grid-template-columns:1fr}
}

/* WARM-07 · rapport de placement de démonstration (données fictives) */
.demo-report{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);margin:6px 0}
.demo-report .rep-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px 20px;background:var(--ink);color:#fff}
.demo-report .rep-head h3{margin:0;font-size:17px;color:#fff}
.demo-report .rep-head .pill{margin-left:auto}
.demo-report .rep-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 28px;padding:6px 20px 14px;border-bottom:1px solid var(--line);background:var(--mist);font-size:14px}
.demo-report .rep-meta div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line)}
.demo-report .rep-meta span{color:var(--muted)}
.demo-report .rep-meta b{font-variant-numeric:tabular-nums;text-align:right}
.demo-report table{width:100%;border-collapse:collapse;font-size:15px}
.demo-report caption{text-align:left;padding:14px 20px 0;font-size:13px;color:var(--muted)}
.demo-report th,.demo-report td{padding:12px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.demo-report thead th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.demo-report td.num,.demo-report th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.demo-report tbody tr:last-child td{border-bottom:0}
.demo-report tfoot td{border-top:2px solid var(--line);border-bottom:0;font-weight:700;background:var(--mist)}
.demo-report .bar{display:flex;height:9px;min-width:110px;border-radius:999px;overflow:hidden;background:var(--mist-2)}
.demo-report .bar i{display:block;height:100%}
.demo-report .bar .inbox{background:var(--accent)}
.demo-report .bar .spam{background:var(--danger)}
.demo-report .bar .missing{background:var(--warm)}
.demo-report .rep-foot{padding:14px 20px;font-size:13px;color:var(--muted);background:var(--mist);max-width:none}
.demo-report .rep-scroll{overflow-x:auto}
.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted);margin:12px 0 0}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend i{width:11px;height:11px;border-radius:3px;display:inline-block}
.legend .inbox{background:var(--accent)}.legend .spam{background:var(--danger)}.legend .missing{background:var(--warm)}
.limit-note{border-left:4px solid var(--warm);background:var(--warm-soft);color:var(--warm-ink);padding:14px 18px;border-radius:0 12px 12px 0;font-size:15px;margin:6px 0}
.limit-note b{color:var(--warm-ink)}
.step-list{counter-reset:s;list-style:none;padding:0;display:grid;gap:12px}
.step-list li{counter-increment:s;position:relative;padding:14px 18px 14px 56px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:15px}
.step-list li::before{content:counter(s);position:absolute;left:16px;top:13px;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);font-weight:700;font-size:14px;display:grid;place-items:center}
@media (max-width:760px){
  .demo-report th,.demo-report td{padding:10px 12px}
  .demo-report .rep-meta{padding:6px 14px 12px}
  .demo-report{font-size:14px}
  .demo-report table{font-size:13.5px}
  .demo-report .bar{display:none}
  .demo-report .rep-head h3{font-size:16px}
}

/* Visuels générés par IA (standard whichfunnel du 30/09/2026) */
.editorial-figure{margin:22px 0 26px;border-radius:var(--radius);overflow:hidden;background:var(--mist);box-shadow:var(--shadow)}
.editorial-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.editorial-figure figcaption{padding:8px 14px;font-size:12.5px;color:var(--muted);background:var(--paper)}
.hub-head + .editorial-figure{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.home-editorial{padding:26px 0 4px}.home-editorial .editorial-figure{margin:0}
.home-editorial .editorial-figure img{aspect-ratio:21/8}
@media(min-width:760px){.article .editorial-figure img,.hub-head + .editorial-figure img{aspect-ratio:21/9}}