/* WhichFunnel · thème « decision desk » : encre profonde, sable chaud, corail pour l'action. Chargé après site.css. */
:root{--ink:#0b1220;--navy:#111c3d;--navy-2:#182658;--paper:#ffffff;--sand:#f6f2ea;--sand-2:#efe8dc;--line:#e4ded2;--muted:#5d6675;--accent:#ff4d2e;--accent-dark:#d83a1c;--accent-soft:#ffe9e3;--mint:#12855a;--mint-soft:#e3f5ec;--gold:#f5b324;--gold-soft:#fff3d1;--shadow:0 18px 40px -22px rgba(11,18,32,.35);--radius:18px;font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--paper);color:var(--ink)}
body{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:"Bricolage Grotesque","Inter",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.05}
h1{font-size:clamp(34px,4.6vw,58px);font-weight:800}
h2{font-size:clamp(24px,2.6vw,34px);font-weight:750}
h3{font-size:19px;font-weight:700}
h1 em,h2 em{font-style:normal;color:var(--accent)}
p{max-width:68ch}
.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}

/* header */
.site-header{position:sticky;top:0;z-index:30;height:auto;padding:14px 0;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);width:100%}
.site-header .header-row{width:min(1200px,calc(100% - 48px));margin-inline:auto;display:flex;align-items:center;gap:28px}
.wordmark{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:22px;letter-spacing:-.03em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:8px}
.wordmark>span{color:var(--accent)}.wordmark b{display:none}
.brand-symbol{display:inline-grid;grid-template-columns:repeat(3,5px);gap:3px;transform:rotate(180deg)}
.brand-symbol i{display:block;height:14px;background:var(--accent);border-radius:2px}.brand-symbol i:nth-child(2){height:10px;align-self:end;background:var(--ink)}.brand-symbol i:nth-child(3){height:6px;align-self:end;background:var(--gold)}
.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(--sand)}
.header-cta{margin-left:8px}

/* boutons */
.button{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;background:var(--accent);color:#fff;border:2px solid var(--accent);box-shadow:0 8px 20px -10px rgba(255,77,46,.7);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(--navy-2);border-color:var(--navy-2)}
.button-outline{background:transparent;border-color:var(--line);color:var(--ink);box-shadow:none}.button-outline:hover{background:var(--sand);border-color:var(--sand-2)}
.button-small{padding:9px 14px;font-size:14px;border-radius:10px}
.button .arrow{font-weight:400}
.text-link{font-weight:700;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:800;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:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--gold-soft);color:#7a5200}
.pill-mint{background:var(--mint-soft);color:var(--mint)}.pill-ink{background:var(--ink);color:#fff}
.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(1200px 600px at 80% -10%,#243570 0%,var(--navy) 45%,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 18px}
.home-hero-v2 .hero-copy{color:#c9d0e4;font-size:18px;max-width:56ch}
.home-hero-v2 .eyebrow{color:var(--gold)}.home-hero-v2 .eyebrow>span{background:var(--gold)}
.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:#aeb7d1}
.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 18px 16px;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)}
.logo-strip .wrap{display:flex;align-items:center;gap:26px 40px;flex-wrap:wrap;justify-content:space-between}
.logo-strip .plogo{opacity:.85}.logo-strip .plogo:hover{opacity:1}
.logo-strip .strip-note{font-size:13px;color:var(--muted);flex-basis:100%;margin:0}
.logo-strip .plogo-box.dark{padding:6px 10px}

/* sections */
.band{padding:64px 0}.band-sand{background:var(--sand)}
.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'œil */
.glance-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(--sand)}
.glance-table tbody tr:last-child td{border-bottom:0}
.glance-table tr:hover td{background:#fbfaf6}
.glance-table .cell-logo{display:flex;align-items:center;gap:12px;min-width:190px}
.glance-table .cell-logo strong{font-weight:700}
.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(--sand-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;display:block}
.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:700;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(11,18,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(--navy-2)}
.tool-card h3{color:#fff;font-size:22px;margin:0}
.tool-card p{color:#c9d0e4;margin:0;font-size:15px}
.tool-card .go{color:var(--gold);font-weight:700;margin-top:6px}
.tool-card .num{position:absolute;right:18px;top:12px;font-family:"Bricolage Grotesque",sans-serif;font-size:72px;font-weight:800;color:rgba(255,255,255,.07);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}

/* page comparatif */
.compare-hero{padding:36px 0 8px}
.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:"Bricolage Grotesque",sans-serif;font-weight:800;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(--sand);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:12px;align-content:start}
.verdict-card.lead{background:var(--gold-soft);border-color:#f2d98a}
.verdict-card .vh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.verdict-card .vh .pill{margin-left:auto}
.verdict-card h3{margin:0;font-size:20px}
.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}
.compare-table-v2 th img{vertical-align:middle}

/* page plateforme */
.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}
.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;display:flex;align-items:center;gap:8px}
.fit-grid ul{margin:0;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(--mint);font-weight:800}
.fit-grid .no li::before{content:"✕";position:absolute;left:0;color:var(--accent);font-weight:800}
.fit-grid .yes{border-color:#cfe9db}.fit-grid .no{border-color:#f6cfc4}

/* article : réponse et prose */
.article{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.article-head{margin:26px 0 18px}
.answer-box{background:var(--sand);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-family:"Inter",system-ui,sans-serif;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.answer-box p{font-size:18px;max-width:none}
.prose{display:grid;gap:30px;max-width:78ch}
.prose h2{margin-bottom:12px}.prose p{margin:10px 0}.prose ul{padding-left:22px}
.pricing-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px;background:#fff}
.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(--sand);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}
.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:#c9d0e4;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:700;cursor:pointer;font-size:17px}.faq-answer{color:var(--muted);padding-top:8px}
.related{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.related ul{padding-left:20px}
.crumbs{width:min(1200px,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)}

/* hubs */
.hub-head{width:min(1200px,calc(100% - 48px));margin:26px auto 24px}
.hub-grid{width:min(1200px,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:700;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(11,18,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}
.sticky-cta .button{white-space:nowrap}

/* pied de page */
.site-footer-big{background:var(--ink);color:#c9d0e4;margin-top:64px;padding:52px 0 28px}
.footer-grid{width:min(1200px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.footer-brand .wordmark{color:#fff}.footer-title{color:#fff;font-weight:700;margin:0 0 10px}
.site-footer-big ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px}.site-footer-big a{color:#c9d0e4;text-decoration:none}.site-footer-big a:hover{color:#fff}
.footer-note{font-size:13px;color:#8d97b4}
.footer-bottom{width:min(1200px,calc(100% - 48px));margin:36px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#8d97b4}

@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}.glance-table .best{display:none}}
@media(max-width:700px){body{font-size:16px}.site-header .header-row{gap: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}.site-header .header-row{flex-wrap:wrap;gap:10px 12px}.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}}

/* correctifs d'audit du 14/09 (soir) */
.site-footer-big ul a,.site-footer-big .footer-note a,.footer-bottom a{color:#c9d0e4}.site-footer-big ul a:hover,.footer-bottom a:hover{color:#fff;text-decoration:underline}
.footer-title{color:#fff;font-size:12px;letter-spacing:.12em}
.related{background:var(--sand);border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px}
.related p,.related h2,.related h3,.related span{color:var(--ink)}.related .eyebrow{color:var(--accent)}.related a{color:var(--ink);text-decoration-color:var(--accent)}
.selector legend{float:none;display:block;width:auto;font-size:16px;font-weight:700;margin-bottom:12px}
.selector fieldset{background:var(--sand);border-color:var(--line);border-radius:14px}
.selector .choice{clear:both;align-items:flex-start}.selector .choice label{font-size:15px;max-width:none}.selector .choice input{accent-color:var(--accent)}
.selector-result{background:var(--ink);border-radius:var(--radius)}.selector-result h2{color:#fff}.selector-result a{color:var(--gold)}
.recipe{background:var(--sand);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:none}
.recipe-tag,.recipe>p,.option-name,.result-amount,.comparison-heading h2,.method-heading h2{font-family:"Bricolage Grotesque",sans-serif;font-style:normal;font-weight:700;color:var(--ink)}
.recipe-tag{color:var(--accent);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.recipe-number{color:var(--accent)}
.option-name{font-size:22px}.result-amount{font-size:34px}
.comparison,.comparison-card{border-radius:var(--radius)}
.mention-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;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:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.mention-strip .mention{display:inline-flex;align-items:center;gap:10px}
.glance-table .cell-logo .plogo{max-width:130px}
.verdict-card .vh .plogo{max-width:150px}
.article .button,.page .button,.mention-strip .button{text-transform:none;letter-spacing:0;font-size:14px}
.mention-strip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 18px}
.mention-strip .mentions{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.pricing-table td .button{padding:7px 10px;font-size:13px;white-space:nowrap}
@media(max-width:700px){.mention-strip{grid-template-columns:1fr}}