/* Polices auto-hébergées (RGPD, vitesse) — v8 */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Geist-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Geist-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Geist-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Geist-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Geist-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Geist-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/GeistMono-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/GeistMono-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/GeistMono-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/GeistMono-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/InstrumentSerif-italic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/InstrumentSerif-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* LeadEnergie · DA v3 « Braise » appliquée au site v3 : clair dominant, nuit + braise en touches, effets */
:root{--nuit:#0B0908;--nuit2:#16110F;--ink:#141110;--mut:#665E57;--line:#E9E3DD;--lin:#F4F1EE;--peche:#FFF3EC;--r:#E8341C;--o:#FF8A2A;--grad:linear-gradient(100deg,#E8341C,#FF8A2A);--ok:#0E9F63;--rad:16px;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}a{color:inherit}
.w{max-width:1200px;margin:0 auto;padding:0 24px}
.it{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.005em;background:linear-gradient(100deg,#D42E14,#FF8A2A 60%,#D42E14);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
h1,h2,h3{letter-spacing:-.04em;line-height:1.06;font-weight:500;margin:0 0 .5em;color:var(--nuit)}
h1{font-size:clamp(40px,5.4vw,68px)}h2{font-size:clamp(30px,3.5vw,46px)}h3{font-size:20px;letter-spacing:-.02em;font-weight:600;line-height:1.25}
h1 .it{font-size:1.1em;white-space:nowrap}h2 .it{font-size:1.12em}
p{margin:0 0 1em}.mut{color:var(--mut)}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--r)}
.kicker:before{content:"";width:18px;height:2px;background:var(--grad);border-radius:2px}
.badge{display:inline-flex;align-items:center;gap:10px;border:1.5px solid currentColor;border-radius:6px;padding:6px 12px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--o);box-shadow:0 0 0 0 #FF8A2A88;animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #FF8A2A88}70%{box-shadow:0 0 0 9px #FF8A2A00}100%{box-shadow:0 0 0 0 #FF8A2A00}}
.chip{display:inline-block;border:1.5px solid var(--r);color:var(--r);border-radius:6px;padding:4px 10px;font-size:12px;letter-spacing:.1em;font-weight:600;text-transform:uppercase}
/* boutons : pilule braise, flèche ↗ */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;padding:15px 26px;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;line-height:1.2;transition:transform .2s,box-shadow .2s,background-position .5s,border-color .2s,color .2s;overflow:hidden}
.btn.p{background:linear-gradient(100deg,#D12A10,#E8341C 40%,#FF8A2A 100%);background-size:180% 100%;background-position:0 0;color:#fff;box-shadow:0 14px 30px -14px #E8341C}
.btn.p:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 20px 38px -14px #E8341C}
.btn.p:after{content:"↗";font-size:15px;transition:transform .2s}.btn.p:hover:after{transform:translate(2px,-2px)}
.btn.o{border:1.5px solid var(--r);background:transparent;color:var(--r)}.btn.o:hover{background:var(--peche)}
.dk .btn.o,.hero .btn.o{border-color:#ffffff55;color:#fff}.dk .btn.o:hover,.hero .btn.o:hover{border-color:#fff;background:#ffffff10}
.lk{font-weight:600;text-decoration:none;color:var(--nuit);border-bottom:2px solid var(--o);padding-bottom:1px}.lk:hover{color:var(--r)}
.dk .lk{color:#fff}
/* header nuit */
.hd{position:sticky;top:0;z-index:50;background:#0B0908e6;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);color:#fff;border-bottom:1px solid #ffffff14}
.hd .w{display:flex;align-items:center;height:70px;gap:22px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;letter-spacing:-.045em;color:#fff}.logo svg{width:30px;height:23px}.logo b{font-weight:600}.logo span{font-weight:400;white-space:nowrap}
.nav{display:flex;gap:2px;margin-left:auto;align-items:center}.nav>a,.nav summary{font-size:15px;font-weight:500;text-decoration:none;padding:8px 13px;border-radius:99px;cursor:pointer;list-style:none;color:#ffffffd9}
.nav>a:hover,.nav summary:hover{background:#ffffff14;color:#fff}.nav summary::-webkit-details-marker{display:none}
.mega{position:relative}.mega .panel{position:absolute;right:-240px;top:48px;width:920px;background:#fff;color:var(--ink);border-radius:18px;padding:24px;box-shadow:0 40px 80px -24px #000a;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.mega .panel b{display:block;font-size:13px;margin-bottom:8px;color:var(--nuit)}.mega .panel a{display:block;font-size:13.5px;text-decoration:none;padding:3px 0;color:var(--mut)}.mega .panel a:hover{color:var(--r)}
.hd .btn{padding:11px 20px;font-size:14.5px}
.burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-left:8px;background:none;border:1px solid #ffffff44;color:#fff;border-radius:99px;cursor:pointer}
/* hero nuit : halo braise qui dérive + lueur qui suit la souris + grain */
.hero{position:relative;overflow:hidden;color:#fff;background:var(--nuit);padding:84px 0 104px;isolation:isolate}
.hero:before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(40% 50% at 88% 92%,#E8341Cdd 0%,#E8341C66 30%,transparent 70%),radial-gradient(30% 40% at 100% 10%,#FF8A2A55,transparent 70%),radial-gradient(35% 45% at 10% 110%,#7a170955,transparent 70%);animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-3%,-4%) scale(1.06)}100%{transform:translate(2%,-2%) scale(1.02)}}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:var(--grain)}
.hero .glow{position:absolute;z-index:-1;width:560px;height:560px;left:var(--hx,70%);top:var(--hy,40%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#FF8A2A2e,transparent);pointer-events:none;transition:left .25s ease-out,top .25s ease-out}
.hero .dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff1c 1px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:radial-gradient(70% 70% at 70% 45%,#000 10%,transparent 75%);mask-image:radial-gradient(70% 70% at 70% 45%,#000 10%,transparent 75%)}
.hero h1,.hero h2,.hero h3{color:#fff}.hero .w{position:relative}.hero .g{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.hero h1{margin-top:22px}
@keyframes shine{to{background-position:-200% 0}}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.hero p.l{font-size:19px;color:#ffffffcc;max-width:590px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 0}
.ticks{display:grid;gap:12px;list-style:none;padding:0;margin:0;font-size:16px;max-width:570px}.ticks li{display:flex;gap:12px;align-items:flex-start;position:relative}
.ticks li:before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--grad)}
.ticks li:after{content:"";position:absolute;left:6px;top:9px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.hero .ticks{color:#ffffffd9}.ticks.row{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px;margin-top:22px}
.crumb{font-size:13.5px;color:#ffffff99;margin-bottom:18px}.crumb a{text-decoration:none}.crumb a:hover{color:#fff}
.upd{font-size:13px;color:#ffffff80;margin-top:18px}
/* schéma animé (sur nuit) */
.flow{position:relative}.flow svg{width:100%;height:auto;display:block;overflow:visible}
.flow .src>rect{fill:#ffffff0d;stroke:#ffffff2e}.flow text{font-family:Geist,system-ui,sans-serif}
.flow .ring{transform-box:fill-box;transform-origin:center;animation:ring 2.4s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.flow .new{animation:newrow 4.2s ease-in-out infinite}@keyframes newrow{0%{opacity:.5;transform:translateY(-4px)}15%,100%{opacity:1;transform:none}}
/* bande logos certifications, en arrière-plan */
.certs{background:#fff;padding:34px 0 26px;border-bottom:1px solid var(--line)}
.certs p{text-align:center;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--mut);margin:0 0 20px}
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq .track{display:flex;align-items:center;gap:64px;width:max-content;animation:marq 42s linear infinite;padding:4px 32px}.marq:hover .track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.marq img{height:52px;width:auto;filter:grayscale(1) contrast(1.15);opacity:.8;transition:filter .3s,opacity .3s,transform .3s}.marq img:hover{filter:none;opacity:1;transform:scale(1.06)}
.certs .note{font-size:11.5px;margin:18px 0 0;letter-spacing:0;text-transform:none;font-weight:400;opacity:.85}
/* sections : clair dominant, nuit en alternance */
section.s{padding:120px 0;position:relative}section.s.alt{background:var(--lin)}section.s.pe{background:var(--peche)}section.s.tight{padding:88px 0}
section.s.dk{background:var(--nuit);color:#fff;overflow:hidden;isolation:isolate}
section.s.dk:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 0% 100%,#E8341C77,transparent 70%),radial-gradient(35% 50% at 100% 0%,#FF8A2A33,transparent 70%)}
section.s.dk:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;mix-blend-mode:overlay;background-image:var(--grain);pointer-events:none}
.dk h2,.dk h3{color:#fff}.dk .head p,.dk .mut{color:#ffffffb3}.dk .kicker{color:#FF9A5A}
.head{text-align:center;max-width:800px;margin:0 auto 56px}.head p{font-size:18.5px;color:var(--mut);margin:0}.head h2{margin:14px 0 16px}
.lead2{font-size:19px;max-width:760px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split.top{align-items:start}
/* lueur au survol qui suit la souris */
.spot{position:relative;isolation:isolate}.spot:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#FF8A2A26,transparent 65%)}.spot:hover:before{opacity:1}
.card{background:#fff;border-radius:var(--rad);padding:28px;border:1px solid var(--line);transition:transform .25s,box-shadow .25s,border-color .25s}
a.card{text-decoration:none;display:block}a.card:hover,.card.hv:hover{transform:translateY(-4px);box-shadow:0 26px 48px -30px #0B090888;border-color:#E8341C55}
.card h3{margin-bottom:8px}.card p{color:var(--mut);margin:0;font-size:15.5px}
.ico{width:46px;height:46px;border-radius:12px;background:var(--peche);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform .3s,background .3s}.ico svg,.ico img{width:23px;height:23px}
.tile:hover .ico,.card:hover .ico{transform:rotate(-6deg) scale(1.06);background:#FFE4D3}
.brief{border-left:4px solid var(--r);background:#fff;border-radius:0 14px 14px 0;padding:22px 26px;max-width:900px;font-size:18px;box-shadow:0 20px 40px -34px #0B0908}.brief b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--r);margin-bottom:6px}
/* tuiles métiers */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:24px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;min-height:196px}
.tile:hover{transform:translateY(-4px);border-color:#E8341C66;box-shadow:0 26px 48px -30px #E8341C88}
.tile b{font-size:18px;letter-spacing:-.02em;line-height:1.25;color:var(--nuit)}.tile small{color:var(--mut);font-size:14px;line-height:1.45}
.tile .go{margin-top:auto;font-size:14px;font-weight:600;color:var(--r)}
.more{text-align:center;margin-top:40px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* leviers */
.lev{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lev .card{padding:24px}
.lev .card b{display:block;font-size:17px;margin-bottom:4px;color:var(--nuit)}.lev .card span:not(.ico){font-size:14.5px;color:var(--mut);line-height:1.5;display:block}
.own{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.own div{flex:1;min-width:210px;border-radius:14px;padding:16px 18px;background:var(--peche);font-size:15px}.own b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--r);margin-bottom:4px}
/* dispositifs */
.disp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.disp .card{display:flex;flex-direction:column;padding:32px}.disp .card h3{font-size:24px;margin-top:10px}
.disp .card ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:9px;font-size:15px;color:#3B3531}.disp .card li{padding-left:22px;position:relative}.disp .card li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:var(--grad);transform:rotate(45deg)}
.disp .card.rec{background:var(--nuit);color:#fff;border-color:var(--nuit);box-shadow:0 34px 64px -34px #E8341Caa;overflow:hidden}
.disp .card.rec:after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,#E8341C88,transparent);pointer-events:none;z-index:-1}
.disp .card.rec h3{color:#fff}.disp .card.rec p,.disp .card.rec ul{color:#ffffffc7}.disp .card.rec .who{color:#ffffff99;border-color:#ffffff22}
.disp .tag{align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;padding:4px 10px;border:1.5px solid var(--line);color:var(--mut)}.disp .rec .tag{border:0;background:var(--grad);color:#fff}
.disp .who{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
.why{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why div{font-size:15.5px;color:#3B3531;padding:22px 24px;border-radius:14px;background:#fff;border:1px solid var(--line)}.why b{color:var(--nuit)}
/* offre */
.feat{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.feat>div{padding:28px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.feat>div:nth-child(4n){border-right:0}.feat>div:nth-last-child(-n+4){border-bottom:0}
.feat b{display:block;font-size:17px;letter-spacing:-.01em;margin:14px 0 6px;color:var(--nuit)}.feat span{font-size:14.5px;color:var(--mut);line-height:1.5;display:block}
.feat .n{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--r)}
/* conformité */
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rules .card{padding:26px}.rules .card b{display:block;font-size:18px;margin:14px 0 6px;color:var(--nuit)}
.rules .num{font-family:var(--mono);font-size:12.5px;color:#fff;background:var(--grad);border-radius:6px;padding:3px 8px;display:inline-block}
.alert{margin-top:22px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;background:var(--nuit);color:#fff;border-radius:18px;padding:28px 30px;position:relative;overflow:hidden;isolation:isolate}
.alert:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 120% at 100% 100%,#E8341C88,transparent 70%)}
.alert .ic{width:46px;height:46px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center}.alert .ic svg{width:22px;height:22px}
.alert h3{margin:0 0 6px;color:#fff}.alert p{margin:0;color:#ffffffc7}
.src-note{font-size:13px;color:var(--mut);margin-top:16px}.dk .src-note{color:#ffffff99}
/* lead + preuve */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.doc{background:#FBF8F5;color:var(--ink);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 80px -36px #0009;position:relative;border:1px solid var(--line)}
.dk .doc{border:0;box-shadow:0 40px 80px -30px #000}
.doc .top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 22px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em;font-weight:600;color:var(--mut);text-transform:uppercase}
.doc .top .st{display:inline-flex;align-items:center;gap:7px;color:var(--ok);letter-spacing:.04em}.doc .top .st:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulseg 2.2s infinite}
@keyframes pulseg{0%{box-shadow:0 0 0 0 #0E9F6388}70%{box-shadow:0 0 0 8px #0E9F6300}100%{box-shadow:0 0 0 0 #0E9F6300}}
.doc .top .ex{font-size:11px;letter-spacing:.08em;background:var(--grad);color:#fff;border-radius:6px;padding:4px 8px}
.doc .bd{padding:22px;flex:1;display:flex;flex-direction:column}.doc h3{font-size:22px;margin:0 0 2px;color:var(--nuit)}.doc .sub{font-size:14px;color:var(--mut);margin-bottom:14px}
.doc dl{display:grid;grid-template-columns:150px 1fr;margin:0;font-size:14.5px}.doc dt{color:var(--mut);padding:9px 0;border-top:1px solid var(--line)}.doc dd{margin:0;padding:9px 0;border-top:1px solid var(--line);font-weight:500;word-break:break-word}
.doc dl.m dd{font-family:var(--mono);font-size:13px;font-weight:400}.doc dl.m dt:first-child,.doc dl.m dt:first-child+dd{border-top:0}
.doc .quote{margin:16px 0 0;padding:14px 16px;border-radius:12px;background:var(--peche);font-size:14px;line-height:1.55;color:#3B3531;border-left:3px solid var(--r)}
.doc .quote b{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--r);margin-bottom:6px}
.chan{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.chan span{font-size:12.5px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--mut);background:#fff}.chan span b{display:block;font-size:12.5px}.chan .y b{color:var(--ok)}.chan .n b{color:#9A918A}
.doc .ft2{padding:14px 22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut)}
.doc ul.ok{list-style:none;padding:14px 0 0;margin:auto 0 0;font-size:14.5px}.doc ul.ok li{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.doc ul.ok li:before{content:"✓";flex:none;width:20px;height:20px;border-radius:6px;background:var(--ok);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:1px}
/* la preuve se remplit ligne à ligne, un trait de lecture balaie la carte */

@keyframes rowin{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.doc.proof:after{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,transparent,#FF8A2A1f 70%,#FF8A2A55 100%);border-bottom:2px solid #FF8A2A;transform:translateY(-120%);pointer-events:none}
@keyframes scan{0%{transform:translateY(-120%);opacity:1}90%{opacity:1}100%{transform:translateY(900px);opacity:0}}
/* jamais */
.never{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;list-style:none;padding:0;margin:0}.never li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:15.5px;transition:border-color .2s,transform .2s}.never li:hover{border-color:#E8341C66;transform:translateX(3px)}
.never li:before{content:"✕";flex:none;width:22px;height:22px;border-radius:50%;background:var(--r);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
/* étapes : le trait se dessine */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.steps:before{content:"";position:absolute;left:28px;right:25%;top:27px;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.4,0,.2,1) .2s}
.steps.in:before,html:not(.js) .steps:before{transform:none}
.steps>div{position:relative}.steps .d{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:56px;padding:0 16px;border-radius:99px;background:#fff;border:1.5px solid var(--r);font-family:var(--mono);font-size:14px;font-weight:500;color:var(--r)}
.alt .steps .d{background:var(--lin)}.steps>div:first-child .d{background:var(--grad);color:#fff;border:0}
.steps h3{margin:22px 0 8px}.steps p{color:var(--mut);font-size:15.5px;margin:0}
/* chiffres : cartes pêche, nombres braise */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stats>div{display:flex;flex-direction:column;justify-content:space-between;padding:26px 24px;border-radius:16px;background:var(--peche);border:1px solid #F6DDCB}
.stats b{display:block;font-size:clamp(36px,3.6vw,50px);font-weight:500;letter-spacing:-.04em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats .lb{display:block;font-size:14.5px;color:var(--mut);margin-top:12px;line-height:1.45}
/* tableaux */
table.cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;font-size:15.5px;border:1px solid var(--line)}
table.cmp th,table.cmp td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}table.cmp tr:last-child td{border-bottom:0}
table.cmp th{background:var(--nuit);color:#fff;font-weight:600;font-size:14px}table.cmp tbody tr{transition:background .2s}table.cmp tbody tr:hover{background:var(--peche)}
table.cmp.win td:nth-child(2){background:var(--peche);font-weight:600}table.cmp.win th:nth-child(2){background:var(--r)}
/* pages métiers */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fact{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.fact small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--r);font-weight:600}.fact b{display:block;font-size:18px;margin-top:8px;line-height:1.35;font-weight:600;color:var(--nuit)}.fact .src{font-size:12px;color:var(--mut);margin-top:8px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checks li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 18px 15px 52px;position:relative;font-size:16px;transition:border-color .2s}.checks li:hover{border-color:#E8341C66}
.checks li:before{content:"✓";position:absolute;left:16px;top:15px;width:22px;height:22px;border-radius:6px;background:var(--grad);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.checks li small{display:block;color:var(--mut);font-size:15px}
.mc{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:16px;padding:18px;text-decoration:none;border:1px solid var(--line);transition:.25s}.mc:hover{border-color:#E8341C66;transform:translateY(-3px);box-shadow:0 20px 40px -30px #E8341C88}
.mc .i{flex:none;width:44px;height:44px;border-radius:11px;background:var(--peche);display:flex;align-items:center;justify-content:center}.mc .i svg{width:22px;height:22px}
.mc b{display:block;font-size:16.5px;line-height:1.25;color:var(--nuit)}.mc small{display:block;color:var(--mut);font-size:13.5px;margin-top:3px;line-height:1.4}
.fam{padding:40px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:280px 1fr;gap:32px}.fam:first-of-type{border-top:0;padding-top:0}
.fam h3{font-size:24px;letter-spacing:-.03em}.fam h3 a{text-decoration:none}.fam h3 a:hover{color:var(--r)}.fam .ix{font-family:var(--mono);font-size:12.5px;color:var(--r)}
/* FAQ */
details.q{background:#fff;border-radius:14px;margin-bottom:10px;border:1px solid var(--line);transition:border-color .2s}details.q[open]{border-color:#E8341C55}
details.q summary{cursor:pointer;padding:20px 24px;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--nuit)}
details.q summary:after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;background:var(--peche);color:var(--r);font-size:18px;line-height:26px;text-align:center;transition:transform .25s,background .25s}details.q[open] summary:after{transform:rotate(45deg);background:var(--grad);color:#fff}
details.q summary::-webkit-details-marker{display:none}details.q div{padding:0 24px 20px;color:var(--mut)}details.q div p{margin:0}
.faqw{max-width:880px;margin:0 auto}.faqw>h2{text-align:center;margin-bottom:40px}
/* CTA : carte nuit + halo, formulaire blanc */
.ctab{border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:var(--nuit);color:#fff;box-shadow:0 50px 90px -50px #E8341C}
.ctab .l{position:relative;padding:56px;isolation:isolate}.ctab .l:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 90% at 0% 100%,#E8341Ccc,transparent 70%),radial-gradient(50% 50% at 100% 0%,#FF8A2A33,transparent 70%)}
.ctab .l:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;mix-blend-mode:overlay;background-image:var(--grain)}
.ctab .r{padding:40px;background:#fff;color:var(--ink)}
.ctab h2{margin:16px 0 14px;color:#fff}.ctab .l>p{color:#ffffffc7;font-size:17.5px}.ctab .kicker{color:#FF9A5A}.ctab .ticks{color:#ffffffd9}
form.f{display:grid;grid-template-columns:1fr 1fr;gap:14px}form.f label{font-size:14.5px;font-weight:600;display:flex;flex-direction:column;gap:7px;color:var(--nuit)}
form.f input{font:inherit;font-size:16px;padding:14px 15px;border-radius:12px;border:1.5px solid var(--line);background:#fff;transition:border-color .15s,box-shadow .15s}form.f input:focus{outline:none;border-color:var(--r);box-shadow:0 0 0 4px #E8341C1f}
form.f .full{grid-column:1/-1}form.f .note{font-size:12.5px;color:var(--mut);grid-column:1/-1;margin:0}form.f .btn{width:100%;margin-top:4px}
form.f .ttl{grid-column:1/-1;margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--nuit)}
/* prose, calculateur, sous-pages */
.prose{max-width:760px}.prose h2{font-size:30px;margin-top:1.6em}.prose h3{margin-top:1.4em}.prose li{margin-bottom:.4em}.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:1em 0}.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.prose th{background:var(--lin)}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;margin-top:28px}.calc label{display:block;font-weight:600;margin-bottom:14px}.calc input{font:inherit;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);width:100%;margin-top:6px}
.calc output{display:block;font-size:46px;font-weight:500;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.subh{padding:64px 0 76px;text-align:center}.subh h1{font-size:clamp(36px,4.6vw,58px);margin:18px auto 14px;max-width:960px}.subh .l{font-size:19px;color:#ffffffcc;max-width:720px;margin:0 auto}
/* titres de section centrés */
section.s>.w>.rv>h2:first-child{text-align:center;max-width:860px;margin-left:auto;margin-right:auto}
section.s>.w>.rv>.brief{margin-left:auto;margin-right:auto}section.s>.w>.rv>.lead2{margin-left:auto;margin-right:auto;text-align:center}

/* footer */
.ft{background:var(--nuit);color:#ffffffb8;padding:72px 0 30px;font-size:14.5px}.ft .cols{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:26px}.ft b{color:#fff;display:block;margin-bottom:10px;font-size:14px}.ft a{display:block;text-decoration:none;padding:2px 0}.ft a:hover{color:#FF9A5A}
.ft .logo{color:#fff}.ft .logo b{display:inline;margin:0;font-size:inherit;color:#fff}
.ft .band{height:14px;background:repeating-linear-gradient(-58deg,#E8341C 0 14px,#FF8A2A 14px 28px);background-size:200% 100%;margin:44px 0 22px;border-radius:4px;opacity:.9;}@keyframes band{to{background-position:-200% 0}}
.ft .legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;opacity:.75}.ft .legal a{display:inline}
/* apparitions au défilement : contenu visible sans JS */
html.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}html.js .rv.in{opacity:1;transform:none}
html.js .stag>*{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease,box-shadow .25s,border-color .25s}html.js .stag.in>*{opacity:1;transform:none}
html.js .stag.in>.tile:hover,html.js .stag.in>.card:hover{transform:translateY(-4px)}
.stag.in>*:nth-child(2){transition-delay:.07s}.stag.in>*:nth-child(3){transition-delay:.14s}.stag.in>*:nth-child(4){transition-delay:.21s}.stag.in>*:nth-child(5){transition-delay:.28s}.stag.in>*:nth-child(6){transition-delay:.35s}.stag.in>*:nth-child(7){transition-delay:.42s}.stag.in>*:nth-child(8){transition-delay:.49s}
.hero .socs{animation:up .9s both .55s}
@media (prefers-reduced-motion:reduce){html.js .rv,html.js .stag>*{opacity:1;transform:none}.marq .track,.badge i,.flow .ring,.flow .new,.hero:before,.hero .it,.ft .band,.doc .top .st:before{animation:none}.in .doc *{animation:none!important}.doc.proof:after{display:none}.hero h1,.hero .badge,.hero p.l,.hero .ticks,.hero .cta,.hero .flow,.hero .doc,.hero .socs{animation:none}html{scroll-behavior:auto}}
.nc,.stk{display:none}
@media (max-width:1080px){.mega .panel{right:-300px;width:860px}}
@media (max-width:980px){
 .nav{display:none}.burger{display:inline-flex}.hd .w>.btn.p{display:inline-flex;margin-left:auto;padding:10px 16px;font-size:14px;min-height:44px}.hd .w>.btn.p:after{display:none}
 .hd.open .nav{display:flex;position:absolute;top:70px;left:0;right:0;background:var(--nuit);flex-direction:column;align-items:stretch;padding:12px 20px 20px;max-height:calc(100dvh - 70px);overflow-y:auto}
 .hd.open .nc{display:flex;margin-top:8px}.mega .panel{position:static;width:auto;grid-template-columns:1fr 1fr;margin-top:8px;box-shadow:none}.mega .panel a{padding:9px 0;font-size:15px}
 .hero .g,.split,.pair,.ctab,.fam,.calc{grid-template-columns:1fr}.hero .g{gap:44px}.split{gap:40px}.hero .flow{max-width:560px;margin:0 auto}
 .tiles,.g3,.g4,.facts,.rules,.feat,.stats,.steps,.why{grid-template-columns:1fr 1fr}.disp{grid-template-columns:1fr}.ft .cols{grid-template-columns:1fr 1fr}
 .feat>div:nth-child(4n){border-right:1px solid var(--line)}.feat>div:nth-child(2n){border-right:0}.feat>div:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.feat>div:nth-last-child(-n+2){border-bottom:0}
 .steps:before{display:none}
 section.s{padding:84px 0}.ctab .l{padding:36px}.ctab .r{padding:28px}
 .stk{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;opacity:0;transform:translateY(120%);pointer-events:none;transition:opacity .2s,transform .2s}.stk.on{opacity:1;transform:none;pointer-events:auto}.ft{padding-bottom:110px}
}
@media (min-width:601px) and (max-width:980px){.stk{left:auto;right:24px}.why,.gd{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){
 .w{padding:0 16px}body{font-size:16px}.hero{padding:44px 0 68px}.hero p.l{font-size:17px}.hero .flow{display:none}.hero .cta .btn{width:100%}
 .g2,.g3,.g4,.facts,.rules,.feat,.stats,.steps,.why,.lev,.never,form.f{grid-template-columns:1fr}.mega .panel{grid-template-columns:1fr}
 .tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:16px;gap:8px;min-height:0}.tile .ico{width:36px;height:36px;margin:0}.tile b{font-size:15.5px}.tile small{font-size:13.5px}.tile .go{display:none}
 .lev .card{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:18px}.lev .ico{grid-row:span 2;width:40px;height:40px;margin:0}
 .feat>div{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:18px 20px}.feat>div:last-child{border-bottom:0!important}.feat b{margin:6px 0 4px}
 section.s{padding:68px 0}.head{margin-bottom:36px}.head p{font-size:16.5px}
 .doc dl{grid-template-columns:118px 1fr;font-size:13.5px}.chan{grid-template-columns:1fr}.alert{grid-template-columns:1fr;padding:22px}
 .ctab .l,.ctab .r{padding:24px}.marq img{height:40px}.marq .track{gap:40px}
 .ft a{padding:11px 0}.ft .legal a{padding:0}
}

/* logos réseaux */
.socs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}.socs>span{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#ffffff99;margin-right:6px}
.socs i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#fff;box-shadow:0 8px 20px -10px #000;transition:transform .25s}.socs i:hover{transform:translateY(-3px) rotate(-4deg)}.socs i b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.net{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;transition:transform .25s,border-color .25s,box-shadow .25s}.net:hover{transform:translateY(-3px);border-color:#E8341C55;box-shadow:0 20px 40px -30px #E8341C88}
.net .lg{flex:none;width:44px;height:44px;border-radius:12px;background:var(--lin);display:flex;align-items:center;justify-content:center}.net b{display:block;font-size:16px;color:var(--nuit)}.net span{display:block;font-size:14px;color:var(--mut);line-height:1.45;margin-top:2px}
.chanband{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px}.chanband i{display:inline-flex;align-items:center;gap:10px;font-style:normal;font-weight:600;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:10px 18px 10px 12px;transition:transform .25s,border-color .25s}.chanband i:hover{transform:translateY(-2px);border-color:#E8341C55}
/* pages métiers façon référence */
.lb h2{text-align:center;margin-left:auto;margin-right:auto;max-width:880px}.lb>p.mut{margin-left:auto;margin-right:auto;text-align:center}
.t2{display:grid;grid-template-columns:1fr;max-width:760px;gap:18px;margin:8px auto 0}.t2 p{margin:0;color:#3B3531}.dk .t2 p{color:#ffffffc7}
.cr{margin:34px 0 0}.cr .btn{padding:13px 24px}
.pq{list-style:none;padding:0;margin:18px 0 18px;display:grid;gap:12px}.pq li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px}.pq li:before{content:"✓";flex:none;color:var(--r);font-weight:700;margin-top:1px}
.fine{font-size:13.5px;color:var(--mut)}
.mk{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 24px;box-shadow:0 30px 60px -44px #0B0908}.mk>div{padding:16px 0;border-top:1px solid var(--line)}.mk>div:first-child{border-top:0}.mk small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--r);font-weight:600}.mk b{display:block;font-size:17px;color:var(--nuit);margin-top:4px;line-height:1.4}.mk em{display:block;font-style:normal;font-size:12px;color:var(--mut);margin-top:4px}
.dl2{display:grid;gap:14px}.dl2 .card{padding:24px}
.comp{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:28px}.comp a{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:transform .25s,border-color .25s,box-shadow .25s}.comp a:hover{transform:translateY(-3px);border-color:#E8341C55;box-shadow:0 20px 40px -30px #E8341C88}.comp b{display:block;font-size:16.5px;color:var(--nuit)}.comp span{display:block;font-size:14px;color:var(--mut);margin-top:4px;line-height:1.5}
.pills{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.pills a{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;background:var(--lin);border-radius:99px;padding:14px 20px;font-size:14.5px;font-weight:600;color:var(--nuit);transition:background .2s,color .2s,transform .2s}.pills a:after{content:"→";color:var(--r);transition:transform .2s}.pills a:hover{background:var(--nuit);color:#fff;transform:translateY(-2px)}.pills a:hover:after{transform:translateX(3px);color:#FF8A2A}
.alt .pills a{background:#fff}
@media (max-width:980px){.nets,.pills{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.nets,.pills,.t2,.comp{grid-template-columns:1fr}.socs i{width:36px;height:36px}}

.crumb~.g h1,.crumb~h1,.subh h1{font-size:clamp(36px,4.6vw,58px)}.dl2 .card{padding:22px 24px}.dl2 .card h3{font-size:18px}

.rv[style*="display:flex"]>.stats{flex:1}

/* méga menu v2 : survol sur ordinateur, clic partout, accordéon sur mobile */
.hd .w{position:relative}.mm{position:static}
.mmb{font:inherit;font-size:15px;font-weight:500;color:#ffffffd9;background:none;border:0;padding:8px 13px;border-radius:99px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.mmb:hover,.mm.open .mmb{background:#ffffff14;color:#fff}
.mmb i{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.mm.open .mmb i{transform:translateY(1px) rotate(-135deg)}
.mmp{position:absolute;top:calc(100% - 6px);left:24px;right:24px;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 40px 90px -24px #000c;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.mm.open .mmp{opacity:1;visibility:visible;transform:none}
.mmp:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.mm-big .mmp{display:grid;grid-template-columns:1fr 260px;overflow:hidden}
.mgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:20px}
.mfam{display:flex;gap:10px;align-items:center;text-decoration:none;padding:8px;border-radius:12px;margin-bottom:6px;transition:background .15s}.mfam:hover{background:var(--peche)}
.mi{flex:none;width:34px;height:34px;border-radius:10px;background:var(--peche);display:flex;align-items:center;justify-content:center}.mi svg{width:18px;height:18px}
.mfam b{display:block;font-size:14px;line-height:1.2;color:var(--nuit)}.mfam small{display:block;font-size:12px;color:var(--mut)}
.mlinks a{display:block;font-size:13.5px;text-decoration:none;color:#4A433E;padding:4px 8px;border-radius:8px;transition:background .15s,color .15s}.mlinks a:hover{background:var(--lin);color:var(--r)}
.maside{background:var(--nuit);color:#fff;padding:24px 22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;isolation:isolate}
.maside:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 60% at 100% 100%,#E8341Caa,transparent 70%)}
.maside .kicker{color:#FF9A5A}.mtop{display:grid;gap:6px}
.mtop a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#fff;font-size:14px;font-weight:500;padding:9px 10px;border-radius:10px;background:#ffffff0f;transition:background .15s}.mtop a:hover{background:#ffffff24}
.mtop span{flex:none;display:flex}.mtop svg{width:18px;height:18px}
.mall{color:#ffffffcc;font-size:14px;font-weight:600;text-decoration:none;margin-top:auto}.mall:hover{color:#fff}.maside .btn{padding:12px 18px;font-size:14.5px}
.mm-small{position:relative}.mm-small .mmp{left:auto;right:-60px;width:560px;top:calc(100% + 12px)}
.mres{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:14px}
.mres a{display:flex;gap:12px;align-items:flex-start;text-decoration:none;padding:12px;border-radius:12px;transition:background .15s}.mres a:hover{background:var(--peche)}
.mres b{display:block;font-size:14.5px;color:var(--nuit)}.mres small{display:block;font-size:12.5px;color:var(--mut);line-height:1.4;margin-top:2px}
@media (max-width:1180px){.mgrid{padding:14px;gap:2px}.mm-big .mmp{grid-template-columns:1fr 220px}.mfam small{display:none}}
@media (max-width:980px){
 .hd.open .nav{gap:0}.nav>a{padding:13px 12px;font-size:16px}.mmb{width:100%;justify-content:space-between;padding:13px 12px;font-size:16px;border-radius:12px}
 .mmp,.mm-small .mmp{position:static;opacity:1;visibility:visible;transform:none;display:none;width:auto;box-shadow:none;margin:4px 0 10px;border-radius:14px}
 .mm.open .mmp{display:block}.mm-big .mmp{grid-template-columns:1fr}.mm.open.mm-big .mmp{display:block}.maside{display:none}
 .mgrid{grid-template-columns:1fr 1fr;padding:10px}.mres{grid-template-columns:1fr;padding:8px}.mfam small{display:block}
}
@media (max-width:600px){.mgrid{grid-template-columns:1fr}}

/* v5.1 : corrections relecture CRO */
.marq img[src*="qualifelec"],.marq img[src*="qualibat-rge"]{height:62px}
h2 .it{white-space:nowrap}
.disp .who{min-height:4.8em}.doc .top{min-height:58px}.tile b{min-height:2.5em}
.g3.stag,.pills,.comp{display:flex;flex-wrap:wrap;justify-content:center}.g3.stag>*,.pills a,.comp a{flex:0 0 calc(33.333% - 12px)}
.hero .flow{width:100%;max-width:600px;margin:0 auto}
@media (max-width:1180px){.hero .g:has(>.flow){grid-template-columns:1fr}}
.flow-m{display:none}
section.s:not(.alt):not(.dk)+section#contact{padding-top:0}
.subh+section .prose{margin-left:auto;margin-right:auto}
.subh .cta{justify-content:center}
@media (max-width:980px){
 .mm-big .mmp{display:none}.mm.open.mm-big .mmp{display:block}
 .mlinks a,.mres a{padding:12px 8px}
 .hd.open~.stk{display:none!important}body:has(.hd.open){overflow:hidden}
 .g3.stag>*,.pills a,.comp a{flex-basis:calc(50% - 8px)}
}
@media (max-width:600px){
 .flow-m{display:flex;gap:6px;list-style:none;padding:0;margin:22px 0 0;font-size:13.5px;color:#fff}.flow-m li{flex:1;background:#ffffff14;border-radius:10px;padding:10px 8px;text-align:center;line-height:1.3}
 .socs>span{flex-basis:100%;margin:0 0 4px}.socs{gap:8px}
 .cr .btn,.more .btn{width:100%}
 .g3.stag>*,.pills a,.comp a{flex-basis:100%}
}

.proofl{margin:14px 0 0;font-size:14.5px}.proofl a{color:#ffffffcc;text-decoration:none;border-bottom:1px solid #ffffff44}.proofl a:hover{color:#fff;border-color:#FF8A2A}
.hd .btn.o.hdo{padding:10px 18px;font-size:14.5px;border-color:#ffffff44;color:#fff;margin-left:6px}.hd .btn.o.hdo:hover{border-color:#fff;background:#ffffff10}
@media (max-width:980px){.hdo{display:none!important}}

/* étude de cas */
.case{display:grid;grid-template-columns:1fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -50px #0B0908aa}
.cimg{position:relative;min-height:100%}.cimg>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clogo{position:absolute;left:20px;top:20px;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 12px 30px -12px #0006;display:flex}.clogo img{height:30px;width:auto}
.cbody{padding:40px 44px}.cbody h3{font-size:28px;letter-spacing:-.03em;margin:16px 0 8px;line-height:1.15}.csub{color:var(--mut);font-size:16.5px;margin:0 0 22px}
.ckpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.ckpi div{background:var(--peche);border:1px solid #F6DDCB;border-radius:14px;padding:16px}
.ckpi b{display:block;font-size:24px;font-weight:500;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ckpi span{display:block;font-size:13.5px;color:var(--mut);margin-top:6px;line-height:1.4}
.cbody>p{font-size:16px;color:#3B3531;margin:0 0 12px}.cbody>p strong{color:var(--nuit)}
@media (max-width:980px){.case{grid-template-columns:1fr}.cimg{min-height:0;aspect-ratio:4/3}.cbody{padding:28px}}
@media (max-width:600px){.ckpi{grid-template-columns:1fr}.cbody h3{font-size:23px}}

.cimg>img{object-position:50% 50%}
.stats>div{min-height:150px}

.casemini{display:grid;grid-template-columns:260px 1fr;gap:0;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.casemini:hover{transform:translateY(-3px);border-color:#E8341C55;box-shadow:0 26px 48px -30px #E8341C88}
.casemini img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.casemini>span{padding:30px 34px;display:flex;flex-direction:column;justify-content:center;gap:8px}.casemini b{font-size:24px;letter-spacing:-.03em;color:var(--nuit);line-height:1.2}.casemini small{font-size:15.5px;color:var(--mut);line-height:1.5}.casemini em{font-style:normal;font-weight:600;color:var(--r);font-size:15px;margin-top:4px}
@media (max-width:600px){.casemini{grid-template-columns:1fr}.casemini>span{padding:22px}}

/* v6.1 : relecture CRO n° 2 */
h1,h2{text-wrap:balance}
@media (max-width:600px){h1 .it,h2 .it{white-space:normal}}

@media (min-width:601px){.hero .g:has(>.flow) .socs{display:none}}
.g3.stag>*{min-width:0}.mc small{overflow-wrap:anywhere}
.nav>a,.mmb,.hd .btn{white-space:nowrap}.logo svg{flex:none}
@media (min-width:981px) and (max-width:1180px){.hdo{display:none!important}.hd .w{gap:14px}.nav>a,.mmb{padding:8px 9px;font-size:14.5px}}
.split.top.lb{align-items:stretch}.split.top.lb>.mk{display:flex;flex-direction:column;justify-content:space-around}.split.top.lb>.dl2{grid-template-rows:repeat(3,1fr)}
.badge i,.doc .top .st:before{animation-iteration-count:3}

.prose table{min-width:0}.prose table.cmp{min-width:560px}

/* pôle marketing externalisé */
.pills3{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.pills3 span{font-size:13.5px;font-weight:600;border-radius:99px;padding:8px 14px;background:#fff;border:1px solid var(--line);color:var(--nuit)}.pills3 span:first-child{background:var(--grad);color:#fff;border:0}
.svc{display:grid;grid-template-columns:1fr 1fr;gap:14px}.svc .card{padding:22px}.svc h3{font-size:18px;margin-bottom:6px}.svc p{font-size:14.5px}
/* force de chaque réseau */
.nets7{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.nc7{flex:0 0 calc(25% - 12px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}.nc7:hover{transform:translateY(-4px);border-color:#E8341C55;box-shadow:0 26px 48px -30px #E8341C88}
.nt{display:flex;align-items:center;gap:12px;margin-bottom:16px}.nl{width:46px;height:46px;border-radius:12px;background:var(--lin);display:flex;align-items:center;justify-content:center}.nt b{font-size:19px;color:var(--nuit)}
.force{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--r)}.fz{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--nuit);line-height:1.25;margin:6px 0 10px}.fd{font-size:14.5px;color:var(--mut);line-height:1.5;margin:0}
/* étude de cas façon témoignage */
.cs{display:grid;grid-template-columns:1.45fr 1fr;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -50px #0B0908aa;border:1px solid var(--line)}
.csl{background:var(--lin);padding:44px 48px;display:flex;flex-direction:column;gap:22px}
.csh{display:flex;align-items:center;gap:16px}.cav{width:78px;height:78px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 24px -14px #0006;flex:none}.cav img{width:86%;height:auto}
.csh b{display:block;font-size:19px;color:var(--nuit)}.csh span{font-size:14.5px;color:var(--mut)}
.cq{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:26px;line-height:1.35;color:var(--nuit);margin:0}.cq2{font-size:17px;line-height:1.6;color:#3B3531;margin:0}
.csk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.csk b{display:block;font-size:34px;font-weight:500;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}.csk span{font-size:13.5px;color:var(--mut)}
.csr{position:relative;min-height:420px;background:var(--nuit)}.csr>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.cso{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:14px;padding:32px;background:linear-gradient(180deg,transparent 30%,#0B0908ee)}.cso b{color:#fff;font-size:22px;letter-spacing:-.02em;line-height:1.25}.chip.dk{border-color:#ffffff66;color:#fff}
@media (max-width:980px){.nc7{flex-basis:calc(50% - 8px)}.cs{grid-template-columns:1fr}.csr{min-height:320px}}
@media (max-width:600px){.nc7{flex-basis:100%}.svc{grid-template-columns:1fr}.csl{padding:26px}.csk{grid-template-columns:1fr 1fr 1fr;gap:10px}.csk b{font-size:24px}.cq{font-size:21px}}

/* v8 : hybride La Boîte de Leads × Lead Studio */
h1,h2{font-weight:600;letter-spacing:-.035em}
.catbar{background:#fff;border-bottom:1px solid var(--line)}.catbar .w{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;padding-top:16px;padding-bottom:16px}
.catbar a{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--nuit);padding:8px 14px;border-radius:99px;transition:background .2s,color .2s}
.catbar a:hover{background:var(--peche);color:var(--r)}.catbar a+a:before{content:"·";margin-right:14px;color:#CFC6BE;font-weight:400}
.why6{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.why6>div{border-top:1px solid var(--line);padding:30px 0 34px}.why6 .ico{display:inline-flex;width:26px;height:26px;margin-bottom:16px}.why6 h3{margin-bottom:8px}.why6 p{margin:0;color:var(--mut);font-size:15.5px}
.tl{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 80px -56px #0B090899;overflow:hidden;align-self:start}
.tl .top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;background:var(--nuit);color:#fff;font-size:13.5px;font-weight:600}
.tl .top .st{font-family:var(--mono);font-size:12px;color:var(--o);background:#ffffff14;border-radius:99px;padding:4px 10px}
.tl ol{list-style:none;margin:0;padding:22px 22px 6px;position:relative}
.tl li{display:grid;grid-template-columns:78px 1fr;column-gap:16px;padding:0 0 22px;position:relative}
.tl li:before{content:"";position:absolute;left:90px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--r);box-shadow:0 0 0 4px var(--peche)}
.tl li:not(:last-child):after{content:"";position:absolute;left:94px;top:18px;bottom:2px;width:1px;background:var(--line)}
.tl li:last-child:before{background:var(--ok);box-shadow:0 0 0 4px #E3F6EE}
.tl time{grid-row:span 2;font-family:var(--mono);font-size:13px;color:var(--mut);padding-top:1px}
.tl li b,.tl li span{padding-left:24px}.tl li b{font-size:15.5px;color:var(--nuit);line-height:1.35}.tl li span{font-size:14px;color:var(--mut)}
.tl .ft2{margin:0;padding:14px 22px;border-top:1px solid var(--line);background:var(--lin);font-size:12.5px;color:var(--mut)}
.res4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.res4 .card{display:flex;flex-direction:column;gap:12px;text-decoration:none;padding:24px}.res4 .card b{font-size:17px;line-height:1.3;color:var(--nuit);letter-spacing:-.01em}.res4 .go{margin-top:auto;color:var(--r);font-weight:600;font-size:14.5px}
.res4 .chip{align-self:flex-start}
.toc{margin:10px 0 0;padding-left:20px;columns:2;column-gap:36px}.toc li{margin:0 0 6px;break-inside:avoid}.toc a{color:var(--nuit);text-decoration:none;font-size:15.5px}.toc a:hover{color:var(--r)}
table.dt td{vertical-align:top;font-size:15px}table.dt td:first-child{min-width:170px}table.dt td:last-child{white-space:nowrap;font-weight:600;color:var(--nuit)}
@media (max-width:980px){.why6{grid-template-columns:1fr 1fr}.res4{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.why6,.res4{grid-template-columns:1fr}.toc{columns:1}.catbar .w{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.catbar a{flex:none}.tl li{grid-template-columns:64px 1fr;column-gap:10px}.tl li:before{left:72px}.tl li:not(:last-child):after{left:76px}table.dt td:last-child{white-space:normal}}
.tlw{display:flex;flex-direction:column;gap:16px}.sig{background:var(--peche);border:1px solid #F6D9C8;border-radius:18px;padding:22px 24px}
.sig b{display:block;color:var(--nuit);font-size:16px;margin-bottom:10px}.sig ul{margin:0 0 12px;padding-left:18px}.sig li{font-size:14.5px;color:#4A423D;margin-bottom:6px}.sig li::marker{color:var(--r)}.sig a{color:var(--r);font-weight:600;font-size:14.5px;text-decoration:none}

/* v8 : relecture CRO (08/10) */
.hd .bl-s{display:none}@media (max-width:600px){.hd .bl-l{display:none}.hd .bl-s{display:inline}.logo{font-size:19px}.logo svg{width:26px;height:20px}.hd .w{gap:10px}}
.stk{display:none!important}
.alert{background:var(--peche);color:var(--ink);border:1px solid #F6DDCB}.alert:before{display:none}.alert h3{color:var(--nuit)}.alert p{color:#3B3531}.alert .ic{background:#fff}
.disp .card.rec{background:#fff;color:var(--ink);border:2px solid var(--r);box-shadow:none}.disp .card.rec:after{display:none}.disp .card.rec h3{color:var(--nuit)}.disp .card.rec p,.disp .card.rec ul{color:#3B3531}.disp .card.rec .who{color:var(--mut);border-color:var(--line)}
.ctab{background:var(--peche);color:var(--ink);box-shadow:none;border:1px solid #F6DDCB}.ctab .l:before,.ctab .l:after{display:none}.ctab h2{color:var(--nuit)}.ctab .l>p,.ctab .ticks{color:#3B3531}.ctab .kicker{color:var(--r)}
.pband{background:#fff;border-bottom:1px solid var(--line)}
.pband a{display:grid;grid-template-columns:auto 1.3fr repeat(3,1fr) auto;align-items:center;gap:24px;padding:22px 0;text-decoration:none;color:inherit}
.pband .cav{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 16px -8px #0005}.pband .cav img{width:86%;height:auto}
.pband div b{display:block;font-size:26px;font-weight:500;letter-spacing:-.03em;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pband div span{display:block;font-size:14px;color:var(--mut);line-height:1.4}
.pband .who b{display:block;font-size:16px;color:var(--nuit)}.pband .who small{display:block;font-size:14px;color:var(--mut)}
.pband em{font-style:normal;font-weight:600;color:var(--r);font-size:15px;white-space:nowrap}
@media (max-width:980px){.pband a{grid-template-columns:repeat(3,1fr);gap:12px 16px}.pband .cav,.pband .who{display:none}.pband em{grid-column:1/-1;text-align:center}}
.ctr{text-align:center;max-width:860px;margin:0 auto 48px}
.qsplit{align-items:stretch}.qsplit .checks{align-content:space-between}.qsplit .tlw .sig{flex:1}
.res4{grid-template-columns:repeat(3,1fr)}
.comp{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.comp a{flex:none!important}
.catbar a{padding:12px 14px}.crumb a{display:inline-block;padding:10px 0}
.doc .ft2,.tl .ft2,form.f .note,.chan span,.mk em,.fact .src,.certs .note{font-size:13px}
html.js .rv{transition:opacity .4s ease,transform .4s ease}
@media (max-width:600px){
 table.dt thead{display:none}table.dt,table.dt tbody,table.dt tr,table.dt td{display:block;width:100%}
 table.dt tr{padding:14px 16px;border-bottom:1px solid var(--line)}table.dt td{border:0;padding:3px 0;min-width:0!important;white-space:normal!important}
 table.dt td:nth-child(2):before{content:"Contenu : ";font-weight:600;color:var(--nuit)}table.dt td:nth-child(3):before{content:"Pourquoi : ";font-weight:600;color:var(--nuit)}table.dt td:nth-child(4):before{content:"Durée : ";color:var(--r)}
 .catbar .w{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .tile small,.mc small,.csk span{font-size:14px}
 .res4{grid-template-columns:1fr}
}
@media (min-width:601px) and (max-width:980px){.res4{grid-template-columns:1fr 1fr}}

/* ===== v13 · ambiance Dribbble KBR (validée 08/10/2026) ===== */
h1,h2{font-weight:500;letter-spacing:-.045em}
.kicker{border:1px solid var(--r);border-radius:6px;padding:4px 10px;font-weight:500;font-size:12px;letter-spacing:.08em;color:var(--nuit);background:#fff}.kicker:before{display:none}
.dk .kicker,.hero .kicker,.ctab .kicker{color:#fff;background:transparent;border-color:#E8341Caa}
.ktag{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--r);border-radius:6px;padding:4px 10px;color:var(--nuit);background:#fff}
.khero .ktag,.kdark .ktag{color:#fff;background:transparent;border-color:#E8341Caa}
.khd{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:56px}.khd h2{margin:14px 0 0}.khd p{margin:0;color:var(--mut);font-size:17px}
.hero:before{background:radial-gradient(70% 60% at 85% 0%,#E8341C 0%,#E8341C00 70%),radial-gradient(90% 70% at 30% 120%,#E8341C 0%,#C51F14cc 30%,#E8341C00 70%),radial-gradient(70% 70% at 100% 100%,#FF8A2A 0%,#FF8A2A00 70%),var(--nuit)!important;inset:0!important}
/* héros accueil */
.khero{position:relative;background:var(--nuit);color:#fff;overflow:hidden;padding:70px 0 110px;isolation:isolate}
.khero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 60% at 85% 0%,#E8341C 0%,#E8341C00 70%),radial-gradient(90% 70% at 30% 115%,#E8341C 0%,#C51F14cc 30%,#E8341C00 70%),radial-gradient(70% 70% at 100% 100%,#FF8A2A 0%,#FF8A2A00 70%),var(--nuit)}
.khero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);opacity:.16;mix-blend-mode:overlay;pointer-events:none}
.khero .hg{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.khero h1{color:#fff;margin:22px 0 26px;font-size:clamp(44px,5.6vw,80px);line-height:1.02}.khero h1 .it{display:block;font-size:1.1em;line-height:1.05;white-space:normal}
.khero .lede{font-size:18px;color:#ffffffc7;max-width:34em;margin-bottom:18px}
.kfrom{font-size:16px;color:#ffffffd9;margin:0 0 28px}.kfrom b{font-size:20px;color:#fff;font-weight:600;background:linear-gradient(transparent 62%,#E8341C88 62%)}
.khero .cta{display:flex;gap:12px;flex-wrap:wrap}
.partners{margin-top:52px}.partners small{display:block;font-size:15px;opacity:.85;margin-bottom:14px}
.plogos{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.plogos span{display:flex;align-items:center;gap:8px;font-weight:600;font-size:17px;letter-spacing:-.02em}.plogos svg{width:20px;height:20px}
.kcomp{position:relative;height:620px}
.kcomp .p1{position:absolute;right:0;top:20px;width:72%;height:440px;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -40px #000}.kcomp .p1 img{width:100%;height:100%;object-fit:cover;object-position:30% 45%}
.kcomp .p2{position:absolute;left:0;top:300px;width:46%;height:250px;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px #000;border:3px solid #ffffff22}.kcomp .p2 img{width:100%;height:100%;object-fit:cover}
.call{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:10px;background:var(--grad);border-radius:12px;padding:8px 10px;color:#fff;font-size:13px;white-space:nowrap}
.call .tm{display:flex;align-items:center;gap:6px;background:#fff;color:var(--nuit);border-radius:8px;padding:3px 9px;font-family:var(--mono);font-size:13px}.call .tm:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--r)}
.bub{position:absolute;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 24px -10px #000a;animation:kfl 5s ease-in-out infinite}.bub svg{width:22px;height:22px}@keyframes kfl{50%{transform:translateY(-8px)}}
.kcomp .kstats{position:absolute;right:16px;top:430px;display:flex;gap:26px;background:#1b1514cc;backdrop-filter:blur(10px);border:1px solid #ffffff22;border-radius:14px;padding:16px 20px;margin:0}
.kcomp .kstats div b{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em;color:#fff}.kcomp .kstats div span{font-size:12px;color:#ffffffaa}.kcomp .kstats div:after{content:"";display:block;height:3px;width:70%;border-radius:2px;background:var(--grad);margin-top:8px}
.kcomp .kstats>div{min-height:0}
.knote{position:absolute;left:4%;top:120px;width:270px;z-index:3;background:#fff;color:var(--nuit);border-radius:14px;padding:12px 14px;box-shadow:0 24px 50px -20px #000c;transition:opacity .4s,transform .4s}
.knote.out{opacity:0;transform:translateY(-8px)}.knote .h{display:flex;justify-content:space-between;font-size:11px;font-family:var(--mono);color:var(--mut)}.knote .h em{font-style:normal;color:var(--ok);font-weight:500}
.knote b{display:block;font-size:15px;margin-top:6px;letter-spacing:-.02em}.knote small{font-size:12.5px;color:var(--mut)}.knote .ok{display:flex;gap:6px;margin-top:8px}.knote .ok span{font-size:11px;background:#EAF7F1;color:#0B7F4F;border-radius:999px;padding:3px 8px;font-weight:500}
.wire{position:absolute;right:120px;top:300px;width:200px;height:310px;border:2px solid var(--o);border-left:0;border-top:0;border-radius:0 0 18px 0;opacity:.8;z-index:-1}
/* sections */
section.s.kpeach{background:radial-gradient(60% 80% at 100% 30%,#FFE2D3 0%,#FFF3EC 35%,#fff 70%)}
section.s.kdark{background:var(--nuit);color:#fff;overflow:hidden;isolation:isolate}
section.s.kdark:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 15% 0%,#E8341C88,transparent 70%),radial-gradient(50% 60% at 100% 100%,#FF8A2A55,transparent 70%)}
section.s.kdark:after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);opacity:.14;mix-blend-mode:overlay;pointer-events:none}
.kdark h2,.kdark h3{color:#fff}.kdark .khd p{color:#ffffffaa}
.kst{display:grid;grid-template-columns:200px 1fr;gap:40px}.kst h2{font-size:clamp(28px,3.1vw,44px);line-height:1.18;letter-spacing:-.035em}.kst h2 .it{font-size:1.04em}.kst p{color:var(--mut);font-size:18px;max-width:46em;margin-top:24px}
.kkp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.kkp div{border-radius:16px;padding:24px;background:linear-gradient(135deg,#FFF3EC,#fff 70%);border:1px solid #F6DDCB}
.kkp b{display:block;font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kkp span{display:block;margin-top:10px;color:var(--mut);font-size:15px}
.ksteps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ksteps .sc{background:#FAF8F6;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.ksteps .pl{display:flex;gap:6px}.ksteps .pl span{font-size:11px;border-radius:999px;padding:3px 9px;border:1px solid var(--line);background:#fff}.ksteps .pl span+span{background:var(--r);color:#fff;border-color:var(--r)}
.ksteps h3{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:28px;letter-spacing:-.01em;margin-top:10px}.ksteps p{font-size:14.5px;color:var(--mut);margin:0}
.ksteps .ui{margin-top:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:12.5px;min-height:118px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.ui .cb{display:flex;gap:8px;line-height:1.35}.ui .cb i{flex:none;width:16px;height:16px;border-radius:4px;background:var(--r);display:grid;place-items:center;color:#fff;font-size:10px;font-style:normal;margin-top:1px}
.ui .ts{font-family:var(--mono);font-size:20px}.ui .ts small{display:block;font-family:Geist,sans-serif;font-size:11.5px;color:var(--mut)}.ui .lock{font-size:11.5px;color:var(--ok);font-weight:500}
.ui .ch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ui .ch span{border:1px solid var(--line);border-radius:7px;padding:3px 7px;font-size:11px}.ui .ch em{font-style:normal;color:var(--r)}
.ui .one{display:flex;align-items:center;gap:8px}.ui .one span{width:28px;height:28px;border-radius:50%;background:var(--line);display:grid;place-items:center;font-size:11px}.ui .one span.y{background:var(--grad);color:#fff;width:40px;height:40px}.ui small{color:var(--mut)}
.kmore{margin:30px 0 0;color:var(--mut)}
/* formules + prix */
.kpk{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:16px}
.kpk>div{border-radius:18px;padding:28px;border:1px solid #ffffff1f;background:#17120Fcc}
.kpk h3{color:#fff;font-size:22px;margin-bottom:16px}
.kpk ul{list-style:none;padding:0;margin:0;font-size:14.5px}.kpk li{display:flex;gap:10px;padding:9px 0;border-top:1px solid #ffffff17;color:#ffffffd0}.kpk li:before{content:"✓";color:var(--o);font-weight:600}
.kpk .lab{font-size:13px;color:#ffffffa0;margin-bottom:6px}.kpk .who{font-size:13.5px;color:#ffffff99;margin-top:14px}
.kpk .kfeat{background:var(--grad);border:0}.kpk .kfeat li{border-color:#ffffff40;color:#fff}.kpk .kfeat li:before{color:#fff}.kpk .kfeat .lab,.kpk .kfeat .who{color:#ffffffdd}
.kpk .krec{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:var(--r);border-radius:999px;padding:3px 10px;margin-bottom:12px}
.kprix{margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;border-radius:18px;padding:24px 28px;background:#fff;color:var(--ink)}
.kprix b{display:block;font-size:34px;font-weight:500;letter-spacing:-.04em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kprix span{font-size:14px;color:var(--mut)}
.kprix ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14.5px}.kprix li:before{content:"✓";color:var(--ok);font-weight:700;margin-right:6px}
/* métiers */
.kmt{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kmc{border-radius:18px;overflow:hidden;background:#FAF8F6;border:1px solid var(--line);text-decoration:none;transition:transform .3s,box-shadow .3s}.kmc:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px #E8341C66}
.kmc .im{height:210px;overflow:hidden}.kmc img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.kmc:hover img{transform:scale(1.04)}
.kmc .t{padding:20px 22px 24px}.kmc h3{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:28px;letter-spacing:-.01em}.kmc p{margin:6px 0 0;font-size:14.5px;color:var(--mut)}
.kpills{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}.kpills a{font-size:14px;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:#fff}.kpills a:hover{border-color:var(--r);color:var(--r)}
/* preuve */
.kpv{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.kpv h2{margin:14px 0 0}
.kli{list-style:none;padding:0;margin:26px 0 30px}.kli li{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.kli b{font-family:var(--mono);font-size:13px;color:var(--r);font-weight:500;width:28px;flex:none;padding-top:2px}.kli span{color:var(--mut)}.kli strong{color:var(--ink);font-weight:500}
.kguides{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kguides .card{text-decoration:none;display:flex;flex-direction:column;gap:10px}.kguides em{font-style:normal;color:var(--r);font-weight:500;margin-top:auto}.kguides p{color:var(--mut);font-size:15px;margin:0}.kguides .chip{align-self:flex-start}
/* CTA final : retour au bloc sombre dégradé de la v13 */
.ctab{background:var(--nuit)!important;color:#fff!important;border:0!important;box-shadow:0 50px 90px -50px #E8341C!important;position:relative;isolation:isolate}
.ctab:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(70% 90% at 0% 100%,#E8341C,transparent 70%),radial-gradient(60% 80% at 100% 0%,#FF8A2Acc,transparent 70%)}
.ctab .l:before,.ctab .l:after{display:none!important}.ctab h2{color:#fff!important}.ctab .l>p,.ctab .ticks{color:#ffffffd0!important}.ctab .r{background:transparent;padding:40px}
.ctab form.f{background:#fff;border-radius:20px;padding:26px;color:var(--ink)}
@media(max-width:1060px){.khero .hg,.kpv,.khd,.kst{grid-template-columns:1fr}.khd{gap:16px}.kst{gap:16px}.kcomp{height:auto;display:flex;flex-direction:column;gap:12px;margin-top:10px;max-width:620px}.kcomp .p1{position:relative;width:100%;height:320px;top:0}.kcomp .p2,.wire,.bubs{display:none}.knote{position:relative;left:auto;top:auto;width:auto;margin:-120px 14px 0}.kcomp .kstats{position:relative;top:auto;right:auto;justify-content:space-between;gap:10px;padding:12px 14px}.ksteps{grid-template-columns:1fr 1fr}.kpk{grid-template-columns:1fr}.kprix{grid-template-columns:1fr;gap:14px}.kmt,.kguides{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.khero{padding:44px 0 70px}.kkp,.ksteps,.kmt,.kguides{grid-template-columns:1fr}.plogos{gap:16px}.plogos span{font-size:15px}.kcomp .kstats div b{font-size:18px}.kprix b{font-size:28px}}
/* plus qu'un fournisseur */
.kplus{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kplus>div{border:1px solid var(--line);border-radius:18px;padding:28px;background:linear-gradient(160deg,#FFF3EC,#fff 55%)}
.kplus .n{font-family:var(--mono);font-size:13px;color:var(--r)}.kplus h3{margin:14px 0 8px}.kplus p{margin:0;color:var(--mut);font-size:15.5px}
.ktl-t{text-align:center;margin:80px 0 32px;font-size:26px}
.ktl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.ktl:before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:linear-gradient(90deg,var(--r),var(--o) 70%,var(--line))}
.ktl li{position:relative;padding-right:28px}.ktl .d{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;background:#fff;border:1.5px solid var(--r);font-family:var(--mono);font-size:13.5px;color:var(--r);position:relative}
.ktl li:first-child .d{background:var(--grad);color:#fff;border:0}.ktl b{display:block;margin:18px 0 6px;font-size:18px;font-weight:600;letter-spacing:-.02em}.ktl p{margin:0;color:var(--mut);font-size:15px}
.kval{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.kval>div{background:#fff;padding:26px 24px}.kval h4{margin:0 0 8px;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:28px;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kval p{margin:0;color:var(--mut);font-size:15px}
/* formulaire façon La Boîte de Leads */
.lf{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;background:#fff;border-radius:20px;padding:26px;color:var(--ink);text-align:left}
.lf label,.lf legend{display:block;font-size:13.5px;font-weight:600;color:var(--nuit)}.lf label small{font-weight:400;color:var(--mut)}
.lf .full{grid-column:1/-1}
.lf input:not([type=radio]):not([type=checkbox]),.lf select,.lf textarea{display:block;width:100%;margin-top:6px;min-height:48px;border:1px solid #E3DDD7;border-radius:12px;padding:12px 14px;background:#FAF8F6;color:var(--ink);font:inherit;font-size:15px}
.lf textarea{resize:vertical;min-height:84px}
.lf input:focus,.lf select:focus,.lf textarea:focus{outline:0;border-color:var(--o);box-shadow:0 0 0 3px #FF8A2A33;background:#fff}
.seg{border:0;padding:0;margin:0}.seg legend{margin-bottom:6px}.seg{display:flex;flex-wrap:wrap;gap:0}.seg legend{width:100%}
.seg label{margin:0}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid #E3DDD7;background:#FAF8F6;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--mut)}
.seg label:first-of-type span{border-radius:999px 0 0 999px}.seg label:last-of-type span{border-radius:0 999px 999px 0;border-left:0}
.seg input:checked+span{background:var(--grad);color:#fff;border-color:transparent}.seg input:focus-visible+span{outline:3px solid #FF8A2A66}
.lf .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:var(--mut);line-height:1.5}.lf .chk input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--r)}
.lf .btn{justify-content:center;width:100%;min-height:52px}.lf .note{margin:0;font-size:12.5px;color:var(--mut);text-align:center}
.lf-ok{grid-column:1/-1;margin:0;padding:30px 10px;text-align:center;font-size:18px;color:var(--nuit)}
.ctab .r .lf{box-shadow:0 30px 60px -30px #0007}
/* pop-up */
dialog.lm{border:0;padding:0;border-radius:24px;width:min(1040px,calc(100% - 24px));max-height:calc(100vh - 24px);overflow:auto;background:transparent;color:var(--ink)}
dialog.lm::backdrop{background:#0B0908b3;backdrop-filter:blur(4px)}
html.lm-on{overflow:hidden}
.lm-in{display:grid;grid-template-columns:.85fr 1.15fr;border-radius:24px;overflow:hidden;background:#fff}
.lm-l{position:relative;isolation:isolate;background:var(--nuit);color:#fff;padding:44px 36px;display:flex;flex-direction:column;gap:14px}
.lm-l:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 70% at 0% 100%,#E8341C,transparent 70%),radial-gradient(60% 60% at 100% 0%,#FF8A2A99,transparent 70%)}
.lm-l .ktag{align-self:flex-start;color:#fff;background:transparent;border-color:#ffffff66}.lm-l h2{color:#fff;font-size:40px}.lm-l h2 .it{-webkit-text-fill-color:#fff;color:#fff;background:none}.lm-l p{margin:0;color:#ffffffd0}
.lm-l ol{list-style:none;margin:10px 0 0;padding:0}.lm-l li{display:flex;gap:12px;padding:10px 0;border-top:1px solid #ffffff2a;font-size:15px;color:#ffffffe0}.lm-l li b{font-family:var(--mono);font-weight:500;color:#FFB78A}
.lm-p{margin-top:auto!important;font-weight:600;color:#fff!important;font-size:17px}
.lm-r{position:relative;padding:20px}.lm-r .lf{padding:24px 18px 14px}
.lm-x{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:16px;z-index:2}
@media(max-width:1060px){.kplus{grid-template-columns:1fr}.ktl{grid-template-columns:1fr 1fr;gap:30px}.ktl:before{display:none}.kval{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.lm-in{grid-template-columns:1fr}.lm-l{padding:28px 22px}.lm-l ol,.lm-p{display:none}.lm-l h2{font-size:30px}}
@media(max-width:640px){.lf{grid-template-columns:1fr;padding:20px}.ktl,.kval{grid-template-columns:1fr}.seg span{padding:0 14px}}

.kst .src-note{font-size:13px;margin-top:18px}
.hd .hdo .bl2{display:none}
.lm-in{position:relative}.lm-x:focus-visible{outline:3px solid #FF8A2A88}
@media(max-width:760px){.lm-r{position:static}.lm-x{top:12px;right:12px;background:#ffffffee;border-color:#ffffff}}

/* ===== v13.1 · corrections CRO (08/10/2026) ===== */
@media (min-width:1061px){.khero{padding:48px 0 96px}.khero .hg{grid-template-columns:1.12fr .88fr}.khero h1{font-size:clamp(40px,4.6vw,66px);margin:16px 0 18px}.khero .lede{font-size:17px;margin-bottom:14px}.kfrom{margin:0 0 22px}}
.call{color:#fff}.call span{color:#fff}.bub{z-index:4}
.split.lb h2{text-align:left;margin-left:0;margin-right:0}
.lb>.kicker{display:table;margin:0 auto}
section.s>.w>article.prose{margin-left:auto;margin-right:auto}
section.s>.w>.prose.rv>h2:first-child{text-align:left;max-width:none;margin-left:0}
.ktl-t{text-align:left}
.kpv{align-items:stretch}.kpv>.rv:first-child{display:flex;flex-direction:column;justify-content:center}
.kpv .doc dl.m :is(dt,dd):is(:nth-of-type(2),:nth-of-type(6),:nth-of-type(7),:nth-of-type(8)){display:none}.kpv .kli li{padding:16px 0}
.subh+section .split.top{align-items:stretch}.subh+section .split.top>.prose{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:32px}.split>.card>.lf{padding:0;box-shadow:none}
.kterr .card h3{margin-bottom:10px}.kterr .card p{font-size:15.5px;color:var(--mut)}.kterr .card p:last-child{margin-bottom:0}
@media(min-width:761px) and (max-width:1060px){.kplus{grid-template-columns:repeat(3,1fr)}.kpk{grid-template-columns:1fr 1fr}.kpk>div:first-child{grid-column:1/-1}}
.mall-m{display:none!important}
@media (max-width:600px){.hd .bl-s{display:none}.hd .bl-l{display:inline}.hd .w>.btn.p{padding:10px 14px}}
@media (max-width:980px){.mlinks{display:none}.mall-m{display:flex!important}}
.lf input:not([type=radio]):not([type=checkbox]),.lf select,.lf textarea{font-size:16px}
.seg{display:grid;grid-template-columns:1fr 1fr}.seg legend{grid-column:1/-1}.seg span{justify-content:center;width:100%;padding:0 10px;text-align:center}
@media(max-width:640px){.ctab .r{padding:0 12px 12px!important}.ctab .l{padding:28px 20px 20px}}
dialog.lm{max-height:calc(100dvh - 24px)}
@media (min-width:761px) and (max-height:880px){.lm-l{padding:30px 28px;gap:10px}.lm-l h2{font-size:34px}.lm-l li{padding:7px 0}.lm-r{padding:14px}.lm-r .lf{padding:16px 14px 8px;gap:10px 14px}.lm-r .lf input:not([type=radio]):not([type=checkbox]),.lm-r .lf select{min-height:44px;padding:10px 12px;margin-top:4px}.lm-r .lf textarea{min-height:60px}}
@media(max-width:760px){.lm-x{position:fixed;top:18px;right:18px}.lm-p{display:block!important;margin-top:4px!important;font-size:15px}}
@media(max-width:640px){
 .kmt{grid-template-columns:1fr 1fr;gap:10px}.kmc .im{height:110px}.kmc .t{padding:12px 12px 14px}.kmc h3{font-size:19px}.kmc p{display:none}
 .kpills a:nth-child(n+9):not(:last-child){display:none}
 .ksteps,.kval{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 8px;scrollbar-width:none;background:none;border:0}
 .ksteps>*,.kval>*{flex:0 0 84%;scroll-snap-align:start}.kval>div{border:1px solid var(--line);border-radius:14px}
 .ft .cols>div:not(:first-child)>a{display:none}
 .ft .cols>div:first-child{grid-column:1/-1;columns:2;column-gap:16px}.ft .cols>div:first-child>.logo,.ft .cols>div:first-child>p{column-span:all}
 .kpk .kfeat{order:-1}.kpv .cta .btn{width:100%}
 .kpills a{padding:11px 14px}
}
@media(max-width:980px){.ft{padding-bottom:30px}}
@media(max-width:1180px){.catbar .w{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.catbar a{flex:none}}
.maside .kicker{background:transparent;color:#fff;border-color:#E8341Caa}
.ksteps .ui{font-size:13px}.ui small,.ui .lock,.ui .ts small{font-size:12.5px}.ui .ch span,.ksteps .pl span{font-size:12px}

/* ===== v14 · règle italique (planche v6, validée 08/10/2026) : serif italique seulement dans le H1 des hauts de page ===== */
.it{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;letter-spacing:inherit!important;font-size:1em!important;background:linear-gradient(100deg,#E8341C,#FF7A2A)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;padding-right:0!important}
.khero h1 .it,.hero h1 .it,.subh h1 .it{font-family:"Instrument Serif",Georgia,serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.01em!important;font-size:1.1em!important;padding-right:.08em!important}
.ksteps h3,.kmc h3,.kval h4{font-family:inherit!important;font-style:normal!important;font-weight:600!important;letter-spacing:-.025em!important}
.ksteps h3{font-size:22px}.kmc h3{font-size:20px}.kval h4{font-size:22px}
.lm-l h2 .it{-webkit-text-fill-color:currentColor}

/* ===== v14 · moins de noir (08/10/2026) : sombre = héros + pied seulement ===== */
:root{--gris:#F3F1EE;--gris2:#E9E5E0}
/* en-tête clair */
.hd{background:#ffffffeb!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important}
.hd .logo,.hd .nav>a,.hd .mmb{color:var(--nuit)!important}.hd .logo span b{color:var(--nuit)}
.hd .btn.o.hdo{border-color:var(--line)!important;color:var(--nuit)!important}.hd .btn.o.hdo:hover{border-color:var(--nuit)!important;background:#fff!important}
.burger{border-color:var(--line)!important;color:var(--nuit)!important}.burger svg path{stroke:var(--nuit)}
.hd .mmp{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 30px 60px -30px #0004}
.hd .mmp a,.hd .mmp b{color:var(--nuit)}.hd .mmp small{color:var(--mut)}.maside{background:var(--gris)!important}.maside .kicker{color:var(--r)!important;border-color:var(--r)!important}
.hd.open .nav{background:#fff!important;color:var(--nuit)!important}
/* bandes formules en clair */
section.s.kdark{background:var(--gris)!important;color:var(--ink)!important}
section.s.kdark:before,section.s.kdark:after{display:none!important}
.kdark h2,.kdark h3{color:var(--nuit)!important}.kdark .khd p{color:var(--mut)!important}
.khero .ktag{color:#fff}.kdark .ktag{color:var(--nuit)!important;background:#fff!important;border-color:var(--r)!important}
.kpk>div{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)}
.kpk h3{color:var(--nuit)!important}.kpk li{border-top-color:var(--line)!important;color:#3B3531!important}.kpk .lab,.kpk .who{color:var(--mut)!important}
.kpk .kfeat{background:var(--grad)!important;border:0!important}.kpk .kfeat h3,.kpk .kfeat li,.kpk .kfeat .lab,.kpk .kfeat .who{color:#fff!important}.kpk .kfeat li{border-top-color:#ffffff40!important}.kpk .kfeat li:before{color:#fff}
.kprix{border:1px solid var(--line)}
/* bloc final clair */
.ctab{background:var(--gris)!important;color:var(--ink)!important;box-shadow:none!important;border:1px solid var(--gris2)!important}
.ctab:before{display:none!important}
.ctab h2{color:var(--nuit)!important}.ctab .l>p,.ctab .ticks{color:#3B3531!important}.ctab .kicker{color:var(--nuit)!important;border-color:var(--r)!important;background:#fff!important}
.ctab .r .lf{box-shadow:0 30px 60px -36px #0005;border:1px solid var(--line)}
/* sections .dk des pages secondaires en clair aussi */
section.s.dk{background:var(--gris)!important;color:var(--ink)!important}section.s.dk:before,section.s.dk:after{display:none!important}
.dk h2,.dk h3{color:var(--nuit)!important}.dk .head p,.dk .mut,.dk .t2 p{color:var(--mut)!important}.dk .kicker{color:var(--nuit)!important}
.dk .btn.o{border-color:var(--r)!important;color:var(--r)!important}
/* bandeau gris de réassurance sous le héros */
.kreass{background:var(--gris);border-bottom:1px solid var(--gris2)}
.kreass .w{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 34px;padding-top:18px;padding-bottom:18px;font-size:14.5px;color:#3B3531}
.kreass span{display:inline-flex;align-items:center;gap:8px}.kreass span:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--grad);-webkit-mask:radial-gradient(circle,#000 0 0) ;mask:none;flex:none;box-shadow:inset 0 0 0 5px var(--gris)}
.kreass b{color:var(--nuit);font-weight:600}
@media(max-width:640px){.kreass .w{justify-content:flex-start;gap:8px 18px;font-size:13.5px}}
/* v14 · photos */
@media(min-width:1061px){.kmt{grid-template-columns:repeat(3,1fr)}.kmc .im{height:220px}}
.kmc{background:#fff}
.kbref.ph{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.kbref figure{margin:0;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -36px #0007}
.kbref figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.kbref figcaption{position:absolute;right:10px;bottom:10px;font-size:11px;color:#fff;background:#0009;border-radius:999px;padding:3px 9px}
.mc.mcp{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;background:#fff}
.mc.mcp img{width:100%;height:150px;object-fit:cover;display:block}
.mc.mcp>span{padding:14px 16px 16px;display:block}.mc.mcp b{display:block}
@media(max-width:860px){.kbref.ph{grid-template-columns:1fr;gap:24px}}
@media(max-width:640px){.mc.mcp img{height:120px}}
.kpv .ktag{align-self:flex-start}
@media(min-width:1061px){.kreass .w{gap:8px 26px;font-size:14px}}
@media(max-width:1180px){.kreass .w span:last-child{display:none}}
@media(max-width:640px){.kmc h3{font-size:16px!important;line-height:1.2;overflow-wrap:anywhere}}

/* ===== v15 · système d'espacement + pied de page (audit 08/10/2026, qa/v14/review-spacing.md) ===== */
/* ===== v14.1 · système d'espacement unique (audit rythme vertical, 08/10/2026) ===== */
:root{
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
 --sec:112px;  /* padding haut et bas d'une section */
 --head:48px;  /* en-tête de section (étiquette + H2 + intro) → contenu */
 --sub:80px;   /* sous-bloc qui a son propre titre, dans la même section */
 --cta:32px;   /* contenu → bouton */
 --gap:16px;   /* entre cartes d'une même grille */
 --col:64px;   /* entre deux colonnes côte à côte */
}
@media (max-width:1060px){:root{--sec:88px;--head:40px;--sub:64px;--col:48px}}
@media (max-width:640px){:root{--sec:64px;--head:32px;--sub:48px;--cta:24px;--gap:12px;--col:32px}}

/* 1. Sections : un seul padding, partout */
section.s{padding:var(--sec) 0}
section.s.tight{padding:calc(var(--sec)*.75) 0}
:is(.hero,.khero,.catbar)+section.s{padding-top:calc(var(--sec)*.75)!important} /* remplace style="padding-top:88px|72px" (static.py l.160, blog.py l.8 et l.89) */

/* 2. Deux sections de même fond qui se suivent : un seul espace + un filet, au lieu de 2 × --sec */
main>section.s:not(.alt,.kdark,.dk,#contact):has(+section.s:not(.alt,.kdark,.dk,#contact)),
main>section.s:is(.alt,.kdark,.dk):has(+section.s:is(.alt,.kdark,.dk)){padding-bottom:calc(var(--sec)/2)}
main>section.s:not(.alt,.kdark,.dk,#contact)+section.s:not(.alt,.kdark,.dk,#contact),
main>section.s:is(.alt,.kdark,.dk)+section.s:is(.alt,.kdark,.dk){padding-top:0}
main>section.s:not(.alt,.kdark,.dk,#contact)+section.s:not(.alt,.kdark,.dk,#contact)>.w:before,
main>section.s:is(.alt,.kdark,.dk)+section.s:is(.alt,.kdark,.dk)>.w:before{content:"";display:block;height:1px;background:var(--gris2);margin-bottom:calc(var(--sec)/2)}
/* bloc « Faites un test » : collé à la section blanche qui précède, qu'il soit dans <main> ou dans <aside> */
section.s:not(.alt,.kdark,.dk)+section#contact,
main:has(>section.s:last-child:not(.alt,.kdark,.dk))+aside>section#contact:first-child{padding-top:0}
section.s:is(.alt,.kdark,.dk)+section#contact{padding-top:var(--sec)}

/* 3. En-têtes de section : étiquette → H2 = 12, H2 → intro = 16, en-tête → contenu = --head */
.khd{margin-bottom:var(--head);column-gap:var(--col)}.khd h2{margin:var(--s3) 0 0}
.head{margin-bottom:var(--head)}.head h2{margin:var(--s3) 0 var(--s4)}
.faqw>h2{margin-bottom:var(--head)}
.kpv h2{margin:var(--s3) 0 0}
section.s>.w>.rv>h2:first-child,.lb>h2{margin-bottom:0}
.kicker+h2{margin-top:var(--s3)!important} /* neutralise style="margin-top:14px" : pages.py l.162, static.py l.184 et l.281 */
:is(section.s>.w>.rv,.lb)>h2+:is(.t2,p,.lead2){margin-top:var(--s4)}
:is(section.s>.w>.rv,.lb)>:is(h2,.t2,.lead2,p.mut)+:is(.grid,.steps,.nets,.comp,.pills,.res4,table,div[style]){margin-top:var(--head)!important} /* pages.py l.195 et l.197 */
.lb+:is(.grid,.pills,.kterr){margin-top:var(--head)!important} /* pages.py l.165 et l.172 */
.lb+.split{margin-top:var(--sub)!important} /* pages.py l.40 (style="margin-top:64px") */
.lb:not(.split)>p:not(.cr):not(.mut){max-width:760px;margin-left:auto;margin-right:auto}

/* 4. Sous-blocs d'une même section (conformité, qualité, méthode, tarifs, exemple) : --sub partout */
section.s>.w>:is(.sub,div[style*="margin-top:"]){margin-top:var(--sub)!important} /* 72, 80, 88, 96, 110 px en ligne → un seul pas ; classe .sub une fois les styles en ligne retirés */
section.s>.w>.more[style]{margin-top:var(--cta)!important}
.sub-t,h3[style*="margin:56px"]{margin:var(--head) 0 var(--s5)!important;text-align:center;font-size:24px} /* static.py l.187 */
.case[style]{margin-bottom:var(--sub)!important}.brief[style*="64px"]{margin-top:var(--sub)!important}
.ktl-t{margin:var(--sub) 0 var(--s6)}

/* 5. Contenu → bouton, cartes, colonnes */
.cr{margin:var(--cta) 0 0}.lb:not(.split)>.cr{text-align:center}
.kmore{margin:var(--cta) 0 0}
.kpills{margin-top:var(--s5)}
.kprix{margin-top:var(--gap)}
.kkp{margin-top:var(--head)}
.kli{margin:var(--s5) 0 var(--s4)}
.kpv-lk,.kpv p[style^="margin:-10px"]{margin:0 0 var(--s6)!important} /* home13.py l.66 */
:is(.ksteps,.kpk,.kmt,.kplus,.kguides,.kkp,.res4,.comp,.nets,.grid,.dl2,.rules,.steps){gap:var(--gap)}
.split,.kpv,.kbref.ph{gap:var(--col)}
@media (min-width:981px){.split.top>.rv:first-child:has(>.checks){display:flex;flex-direction:column}.split.top>.rv>.checks{flex:1;align-content:space-between}}

/* ===== v14.1 · pied de page aéré (remplace .ft / .cols / .legal) ===== */
.ft{background:var(--nuit);color:#ffffffb3;padding:var(--s8) 0 calc(var(--s6) + env(safe-area-inset-bottom));font-size:15px;line-height:1.5}
.ft a{display:inline;padding:0;text-decoration:none;color:inherit}.ft a:hover{color:#FF9A5A}
.ft ul{list-style:none;margin:0;padding:0}
.ft-main{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,1fr));gap:var(--s8);padding-bottom:var(--s7)}
.ft .logo{display:inline-flex;font-size:26px;gap:12px;color:#fff}.ft .logo svg{width:40px;height:31px}
.ft-hook{margin:var(--s5) 0 var(--s3);max-width:460px;font-size:clamp(24px,2.3vw,30px);line-height:1.2;letter-spacing:-.03em;font-weight:500;color:#fff;text-wrap:balance}
.ft-desc{margin:0;max-width:460px;color:#ffffffa6}
.ft-contact{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s5);margin-top:var(--s5)}
.ft .ft-mail{font-weight:600;color:#fff;border-bottom:2px solid var(--o);padding-bottom:2px}
.ft .btn.o{display:inline-flex;border-color:#ffffff40;color:#fff;padding:12px 20px;font-size:15px}.ft .btn.o:hover{border-color:#fff;background:#ffffff10;color:#fff}
.ftn b,.ft-h{display:block;margin:0 0 var(--s4);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80}
.ftn{padding-top:var(--s2)}.ftn li+li{margin-top:var(--s3)}
.ft-met{padding-top:var(--s7);border-top:1px solid #ffffff1a}
.ft-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--s2) var(--s4);margin-bottom:var(--s5)}.ft-h a{font-size:14px;letter-spacing:0;text-transform:none;color:#fff;font-weight:600}
.ft-fams{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s6)}
.ftf summary{list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s3);font-size:15px;font-weight:600;color:#fff;pointer-events:none}
.ftf summary::-webkit-details-marker{display:none}.ftf summary small{font-size:12.5px;color:#ffffff66;font-weight:500;margin-left:6px}
.ftf li{font-size:14px;line-height:1.35}.ftf li+li{margin-top:var(--s2)}
.ftf .ftf-all a{color:#fff;font-weight:600}
.ft .legal{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--s3) var(--s6);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid #ffffff1a;font-size:13px;color:#ffffff80;opacity:1}
.ft .legal nav{display:flex;flex-wrap:wrap;gap:var(--s5)}
@media (max-width:1060px){
 .ft-main{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6);row-gap:var(--s7)}.ft-brand{grid-column:1/-1}
 .ftn li+li{margin-top:0}.ftn a{display:flex;align-items:center;min-height:44px}.ftn b{margin-bottom:var(--s1)}
 .ft-fams{grid-template-columns:1fr;gap:0}
 .ftf{border-top:1px solid #ffffff1a}.ftf:last-child{border-bottom:1px solid #ffffff1a}
 .ftf summary{pointer-events:auto;cursor:pointer;min-height:52px;align-items:center;margin:0}
 .ftf summary:after{content:"+";font-size:22px;font-weight:400;color:var(--o);transition:transform .2s}.ftf[open] summary:after{transform:rotate(45deg)}
 .ft .legal{border-top:0;padding-top:0;margin-top:var(--s6)}
 .ftf ul{padding-bottom:var(--s3);columns:2;column-gap:var(--s6)}.ftf li{break-inside:avoid}.ftf li+li{margin-top:0}.ftf a{display:flex;align-items:center;min-height:44px}
}
@media (max-width:760px){
 .ft{padding-top:var(--s7)}
 .ft-hook{font-size:24px}.ft-desc{display:none}
 .ft-contact{flex-direction:column;align-items:stretch}
 .ft-contact a{display:flex;align-items:center;justify-content:center;min-height:48px}
 .ft .ft-mail{border:1px solid #ffffff33;border-radius:99px;padding:0 20px}
 .ft-main{row-gap:var(--s6);padding-bottom:var(--s6)}
 .ftf ul{columns:1}
 .ft-met{padding-top:var(--s6)}
 .ft .legal{flex-direction:column;align-items:flex-start;gap:0;margin-top:var(--s6)}
 .ft .legal span{padding-bottom:var(--s2)}.ft .legal nav{gap:0 var(--s5)}.ft .legal nav a{display:flex;align-items:center;min-height:44px}
}
[data-sub]{margin-top:var(--sub,80px)}.sub-t{text-align:center;margin:var(--sub,80px) 0 var(--s5,24px)}.kpv-lk{margin:-8px 0 var(--s5,24px)}
.ft .ftn>b{display:block;margin:0 0 12px}.ft .ftn ul{margin:0;padding:0}.ft .ftn li:first-child a{padding-top:0}
.ctab .l{display:flex;flex-direction:column;justify-content:center}

/* ===== v16 · bloc final + formulaire en 2 étapes (08/10/2026) ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ctab{grid-template-columns:.95fr 1.05fr!important;align-items:stretch}
.ctab .l{padding:48px 44px!important;justify-content:center;gap:0}
.ctab .l .kicker{align-self:flex-start;margin-bottom:18px}
.ctab .l h2{margin:0 0 14px!important}.ctab .l>p{margin:0 0 26px;font-size:17px}
.nx{list-style:none;margin:0 0 26px;padding:0;position:relative}
.nx:before{content:"";position:absolute;left:15px;top:16px;bottom:16px;width:2px;background:linear-gradient(#E8341C,#FF8A2A 60%,#E9E5E0)}
.nx li{display:flex;gap:16px;align-items:flex-start;padding:0 0 18px;position:relative}.nx li:last-child{padding-bottom:0}
.nx li>span{flex:none;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #E8341C;color:#E8341C;display:grid;place-items:center;font-weight:600;font-size:14px;position:relative}
.nx li:first-child>span{background:var(--grad);color:#fff;border:0}
.nx b{display:block;font-size:16.5px;font-weight:600;color:var(--nuit);letter-spacing:-.01em;line-height:1.3;padding-top:5px}.nx small{display:block;font-size:14.5px;color:var(--mut);margin-top:2px}
.ctab .tr{display:flex;flex-wrap:wrap;gap:8px}.ctab .tr span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13.5px;color:#3B3531}.ctab .tr b{color:var(--nuit);font-weight:600}
.ctab .q{margin:22px 0 0!important;font-size:14.5px;color:var(--mut)!important}.ctab .q a{color:var(--r);font-weight:500}
.ctab .r{padding:28px!important;display:flex;align-items:center}.ctab .r .lf{width:100%}
/* formulaire 2 étapes */
.lf2{gap:0!important;display:block!important;padding:26px 26px 18px!important}
.lf2 .lf-step{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lf2 .lf-step>.full,.lf2 .lf-step>fieldset{grid-column:1/-1}
.lf2 label{font-size:14px!important}
.lf-prog{display:none}
.lf2.js2 .lf-prog{display:block;margin:0 0 20px}
.lf-bar{display:block;height:4px;border-radius:4px;background:#EFEAE5;overflow:hidden}.lf-bar i{display:block;height:100%;width:50%;background:var(--grad);border-radius:4px;transition:width .35s}
.lf-st{display:flex;justify-content:space-between;margin-top:10px;font-size:13px}.lf-st b{font-weight:500;color:var(--mut)}
.lf2[data-at="1"] .s1,.lf2[data-at="2"] .s2{color:var(--nuit);font-weight:600}.lf2[data-at="2"] .lf-bar i{width:100%}
.lf2.js2[data-at="1"] .lf-step[data-step="2"],.lf2.js2[data-at="2"] .lf-step[data-step="1"]{display:none}
.lf2:not(.js2) .lf-next,.lf2:not(.js2) .lf-back{display:none}.lf2:not(.js2) .lf-step+.lf-step{margin-top:16px}
.qks{display:flex;flex-wrap:wrap;gap:6px;margin-top:-6px}
.qk{border:1px solid #E3DDD7;background:#fff;border-radius:999px;padding:7px 12px;font:inherit;font-size:13.5px;color:#3B3531;cursor:pointer;min-height:36px}.qk:hover{border-color:var(--o)}.qk.on{background:var(--peche);border-color:var(--r);color:var(--r);font-weight:500}
.pills4{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pills4 legend{grid-column:1/-1;padding:0;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--nuit)}
.pills4 label{margin:0}.pills4 input,.lf2 .seg input{position:absolute;opacity:0;pointer-events:none}
.pills4 span{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #E3DDD7;border-radius:12px;background:#FAF8F6;font-weight:600;font-size:15px;color:#3B3531;cursor:pointer;transition:all .15s}
.pills4 input:checked+span{background:var(--peche);border-color:var(--r);color:var(--r);box-shadow:inset 0 0 0 1px var(--r)}.pills4 input:focus-visible+span{outline:3px solid #FF8A2A66}
.lf2 .seg{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.lf2 .seg legend{grid-column:1/-1;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--nuit);padding:0}
.lf2 .seg span{border-radius:12px!important;border:1px solid #E3DDD7!important;min-height:46px;white-space:nowrap}
.lf2 .seg input:checked+span{background:var(--grad);color:#fff;border-color:transparent!important}
.lf-more summary{cursor:pointer;font-size:14px;color:var(--r);font-weight:500;list-style:none;padding:4px 0}.lf-more summary::-webkit-details-marker{display:none}.lf-more summary:before{content:"+ "}
.lf-more[open] summary:before{content:"– "}.lf-more textarea{margin-top:8px}
.lf2 .btn{min-height:54px;font-size:16.5px}
.lf-back{border:0;background:none;font:inherit;font-size:14px;color:var(--mut);cursor:pointer;padding:6px 0;justify-self:center}.lf-back:hover{color:var(--nuit)}
.lf2 .note{margin:16px 0 0!important;font-size:12.5px;line-height:1.5}
@media(max-width:1060px){.ctab{grid-template-columns:1fr!important}.ctab .l{padding:36px 28px 8px!important}.ctab .r{padding:20px!important}}
@media(max-width:640px){.lf2 .lf-step{grid-template-columns:1fr}.pills4{grid-template-columns:repeat(4,1fr);gap:6px}.pills4 span{font-size:14px;min-height:44px}.ctab .l{padding:28px 20px 4px!important}.ctab .r{padding:12px!important}.lf2{padding:20px 16px 14px!important}}
/* ===== v16 · formules marque propre / marque blanche ===== */
.fm2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 30px 26px;display:flex;flex-direction:column;gap:20px}
.fprop{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 30px 60px -40px #E8341C99}
.frec{position:absolute;top:-13px;left:30px;background:var(--grad);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 12px}
.fhd{display:flex;gap:16px;align-items:center}
.fnum{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:600;font-size:20px;color:#fff;background:var(--grad)}
.fbla .fnum{background:var(--nuit)}
.fhd h3{margin:0;font-size:clamp(26px,2.4vw,34px)!important;font-weight:600;letter-spacing:-.035em;color:var(--nuit)!important;line-height:1.05}
.fhd p{margin:4px 0 0;font-size:16px;color:var(--mut)}.fhd p b{color:var(--nuit);font-weight:600}
.fad{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 36px -28px #0007;max-width:420px;width:100%;align-self:center}
.fad-h{display:flex;gap:10px;align-items:center;padding:10px 12px}
.fad-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--grad);flex:none}
.fad-b .fad-av{background:var(--nuit)}
.fad-h b{display:block;font-size:14px;color:var(--nuit)}.fad-h small{font-size:11.5px;color:var(--mut)}
.fad-im{height:120px;overflow:hidden}.fad-im img{width:100%;height:100%;object-fit:cover;object-position:30% 45%}
.fad-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#F7F5F2;font-size:13px;color:#3B3531}
.fad-cta i{font-style:normal;font-weight:600;font-size:12.5px;background:#E9E5E0;border-radius:8px;padding:6px 10px;color:var(--nuit);white-space:nowrap}
.fad-p .fad-cta i{background:var(--grad);color:#fff}
.fcons{display:flex;gap:10px;align-items:flex-start;background:var(--peche);border:1px dashed #F2B79C;border-radius:12px;padding:10px 12px;font-size:13.5px;color:#3B3531;max-width:420px;width:100%;align-self:center;margin-top:-8px}
.fcons i{flex:none;width:18px;height:18px;border-radius:5px;background:var(--r);color:#fff;font-style:normal;font-size:11px;display:grid;place-items:center;margin-top:1px}.fcons b{color:var(--r)}
.fcard ul{list-style:none;margin:0;padding:0}.fcard li{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:15px;color:#3B3531}.fcard li:before{content:"✓";color:var(--r);font-weight:700}
.fwho{margin:auto 0 0;font-size:14px;color:var(--mut)}
.finc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px}
.finc b{font-size:14px;color:var(--nuit);margin-right:6px}.finc span{font-size:13.5px;color:#3B3531;background:#F7F5F2;border-radius:999px;padding:6px 12px}.finc span:before{content:"✓ ";color:var(--ok);font-weight:700}
.fm2+.finc+.kprix,.finc+.kprix{margin-top:12px}
@media(max-width:860px){.fm2{grid-template-columns:1fr;gap:28px}.fcard{padding:26px 20px 22px}}
.lf2 .lf-next:after{content:"→"!important}
.lf2 .chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:13px!important;color:var(--mut);line-height:1.5;background:#FAF8F6;border:1px solid #EFEAE5;border-radius:12px;padding:12px 14px}
.lf2 .chk input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--r)}.lf2 .chk a{color:var(--r);font-weight:500;text-decoration:underline}

.khero .plogos{gap:14px 20px}.khero .plogos span{font-size:15.5px}

/* ===== v17 · héros « boîte de réception » ===== */
.kaud{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0}.kaud span{font-size:13.5px;color:#fff;border:1px solid #ffffff33;background:#ffffff10;border-radius:999px;padding:6px 12px}.kaud span:before{content:"● ";color:#FF8A2A;font-size:10px}
.kin{position:relative;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;height:600px}
.rail{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;position:relative}
.rail li{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffcc;font-size:13.5px;font-weight:500;position:relative;transition:background .35s,border-color .35s,color .35s,transform .35s}
.rail li .si{width:30px;height:30px;flex:none;display:block}.rail li .si svg{width:30px;height:30px;display:block;border-radius:9px}
.rail li:after{content:"";position:absolute;left:100%;top:50%;width:18px;height:1px;background:#ffffff26}
.rail li.on{background:#fff;color:#0B0908;border-color:#fff;transform:translateX(6px);box-shadow:0 10px 24px -12px #000}
.rail li.on:after{background:linear-gradient(90deg,#FF8A2A,#E8341C);height:2px}
.ibox{background:#fff;color:#0B0908;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -30px #000c;display:flex;flex-direction:column;height:560px}
.ih{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #ECE6E1}.ih b{font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.ih .live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#0E9F63;background:#EAF7F1;border-radius:999px;padding:3px 9px}.ih .live i{width:7px;height:7px;border-radius:50%;background:#0E9F63;animation:blink 1.6s infinite}
.ih .ex{margin-left:auto;font-family:"Geist Mono";font-size:10.5px;background:#FFF3EC;color:#E8341C;border-radius:999px;padding:3px 9px}
.itabs{display:flex;gap:6px;padding:12px 18px 6px}.itabs button{font:inherit;font-size:12.5px;border:1px solid #ECE6E1;background:#fff;border-radius:999px;padding:5px 12px;color:#6B635C;cursor:pointer}.itabs button.on{background:#0B0908;color:#fff;border-color:#0B0908}
.irows{list-style:none;margin:0;padding:6px 10px;flex:1;overflow:hidden}
.ir{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:9px 8px;border-bottom:1px solid #F1ECE8;border-radius:12px;transition:background 1.2s}
.ir img{width:64px;height:48px;border-radius:10px;object-fit:cover}
.it1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.it1 b{font-size:14.5px;font-weight:600;letter-spacing:-.01em}
.ty{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:2px 7px;background:#F1ECE8;color:#6B635C}.ty.pro{background:#E8F0FB;color:#14305A}
.ib small{display:block;font-size:12.5px;color:#6B635C;margin-top:1px}
.icr{display:none;flex-wrap:wrap;gap:5px;margin-top:7px}.icr span{font-size:11.5px;background:#FFF3EC;color:#B8361B;border-radius:999px;padding:3px 8px}.icr span:before{content:"✓ "}
.ir.lead{background:#FFFAF6;box-shadow:inset 0 0 0 1px #F6DDCB}.ir.lead .icr{display:flex}
.ir.new{animation:rin .5s cubic-bezier(.2,.8,.2,1);background:#FFF3EC}@keyframes rin{from{opacity:0;transform:translateY(-14px)}}
.im{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.srci svg{width:22px;height:22px;display:block;border-radius:6px}
.im em{font-style:normal;font-size:11px;font-weight:600;color:#0E9F63;background:#EAF7F1;border-radius:999px;padding:3px 8px}
.if{display:flex;flex-wrap:wrap;gap:6px 14px;padding:11px 18px;background:#FAF8F6;border-top:1px solid #ECE6E1;font-size:12px;color:#3B3531}.if span{white-space:nowrap}
@media (min-width:1061px){.khero .hg{grid-template-columns:1fr 1.05fr}}
@media(max-width:1060px){.kin{grid-template-columns:1fr;height:auto;gap:14px;margin-top:20px}.rail{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:2px}.rail li{flex:none}.rail li:after{display:none}.rail li.on{transform:none}.ibox{height:auto}.irows{max-height:430px}}
@media(max-width:640px){.rail li .sn{display:none}.rail li{padding:5px}.ir{grid-template-columns:52px 1fr auto;gap:10px}.ir img{width:52px;height:42px}.ir:nth-child(n+5){display:none!important}.if span:nth-child(3){display:none}}
@media (min-width:1061px){.khero .hg{grid-template-columns:1.08fr .92fr!important;gap:36px}.kin{grid-template-columns:138px 1fr;gap:16px}}
.it1{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib{min-width:0}.ib small{display:flex;align-items:center;gap:6px;margin-top:3px}
.ty{font-size:10px;padding:1px 6px}
.irows{padding:4px 10px}.ir{padding:8px}
.if{flex-wrap:nowrap;justify-content:space-between}
@media(max-width:640px){.rail{display:grid!important;grid-template-columns:repeat(8,1fr);gap:4px;overflow:visible}.rail li{padding:3px;justify-content:center;border-radius:12px}.rail li .si,.rail li .si svg{width:32px;height:32px}.if{flex-wrap:wrap;justify-content:flex-start}}
.ir.lead .icr{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important}.icr span{display:inline-block!important;width:auto!important}
.ir .icr{grid-column:1/-1;margin-top:2px;padding-left:76px}@media(max-width:640px){.ir .icr{padding-left:62px}}

/* ===== v18 · héros minimaliste ===== */
@media (min-width:1061px){.khero .hg{grid-template-columns:1.05fr .95fr!important;gap:64px}}
.kin{display:block!important;height:auto!important;max-width:460px;margin-left:auto;width:100%}
.ibox{height:auto!important;border-radius:24px;box-shadow:0 50px 90px -40px #000e,0 0 0 1px #ffffff14}
.ih{padding:18px 22px 6px;border:0;justify-content:space-between}.ih b{font-size:17px;font-weight:600;letter-spacing:-.02em}
.ih .live{font-size:12px;font-weight:500;background:none;padding:0;color:#0E9F63}
.itabs{padding:12px 22px 10px;gap:4px;border-bottom:1px solid #F1ECE8}
.itabs button{border:0;background:#F5F2EF;padding:7px 14px;font-size:13px;font-weight:500;color:#6B635C;min-height:34px}.itabs button.on{background:#0B0908;color:#fff}
.irows{padding:6px 12px;height:auto;overflow:hidden}
.ir{display:grid!important;grid-template-columns:48px 1fr auto auto;gap:12px;align-items:center;padding:12px 10px;border:0;border-radius:14px;transition:background 1s}
.ir+.ir{box-shadow:0 -1px 0 #F1ECE8}
.ir img{width:48px;height:48px;border-radius:12px}
.it1{font-size:15px}.ib small{display:flex;align-items:center;gap:6px;font-size:13px;color:#8B827B;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt{flex:none;width:7px;height:7px;border-radius:50%;background:#FF8A2A}.dt.pro{background:#2B5797}
.srci svg{width:22px;height:22px;border-radius:6px;opacity:.9}.ok svg{width:22px;height:22px;display:block}
.ir.lead{background:#FFF8F3;box-shadow:none!important}
.ir.lead+.ir{box-shadow:none}
.ir .icr{grid-column:2/-1;padding-left:0;margin-top:0}.icr span{background:#fff;border:1px solid #F6DDCB;color:#B8361B;font-size:12px}
.isrc{display:flex;align-items:center;gap:14px;padding:14px 22px 18px;border-top:1px solid #F1ECE8}
.isrc small{font-size:12px;color:#8B827B;flex:none}
.isrc .rail{display:flex!important;flex-direction:row!important;gap:8px;margin:0;padding:0;overflow:visible}
.isrc .rail li{padding:0!important;background:none!important;border:0!important;transform:none!important;box-shadow:none!important;border-radius:9px}
.isrc .rail li:after{display:none!important}
.isrc .rail li .si,.isrc .rail li .si svg{width:26px!important;height:26px!important}
.isrc .rail li{opacity:.45;transition:opacity .3s,transform .3s}.isrc .rail li.on{opacity:1;transform:translateY(-3px)!important}
.iex{margin:12px 0 0;text-align:center;font-size:12px;color:#ffffff80}
@media(max-width:1060px){.kin{max-width:520px;margin:28px auto 0}}
@media(max-width:640px){.ih{padding:16px 16px 4px}.itabs{padding:10px 16px}.irows{padding:4px 6px}.ir{grid-template-columns:44px 1fr auto auto;gap:10px;padding:10px 8px}.ir img{width:44px;height:44px}
 .ir:nth-child(n+5){display:none!important}.isrc{padding:12px 16px 14px;gap:10px}.isrc small{display:none}.isrc .rail{justify-content:space-between;width:100%}.isrc .rail li .si,.isrc .rail li .si svg{width:28px!important;height:28px!important}
 .itabs button{padding:7px 11px;font-size:12.5px}}
@media(max-width:640px){.kreass .w{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 12px!important;font-size:13px!important}.kreass span{align-items:flex-start}.kreass span:last-child{display:none}.kreass span:before{margin-top:2px}}
.ir+.ir{box-shadow:none}.irows .ir:not(:last-child):not(.lead){border-bottom:1px solid #F3EFEB;border-radius:0}

/* ===== v18 · formules : bascule + aperçu de page ===== */
.fsw>input{position:absolute;opacity:0;pointer-events:none}
.fseg{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;margin:0 auto 28px;position:relative;left:50%;transform:translateX(-50%)}
.fseg label{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:999px;padding:11px 22px;font-weight:600;font-size:15.5px;color:#6B635C;transition:background .25s,color .25s;min-height:44px}
.fseg em{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--peche);color:var(--r);border-radius:999px;padding:3px 8px}
#fsw-own:checked~.fseg label[for=fsw-own],#fsw-wl:checked~.fseg label[for=fsw-wl]{background:var(--nuit);color:#fff}
#fsw-own:checked~.fseg label[for=fsw-own] em{background:var(--grad);color:#fff}
#fsw-own:focus-visible~.fseg label[for=fsw-own],#fsw-wl:focus-visible~.fseg label[for=fsw-wl]{outline:3px solid #FF8A2A66}
.fpanel{display:none;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:40px}
#fsw-own:checked~.fpanels .fp-own,#fsw-wl:checked~.fpanels .fp-wl{display:grid;animation:fpin .35s ease}
@keyframes fpin{from{opacity:0;transform:translateY(6px)}}
.ftxt h3{margin:0 0 6px;font-size:clamp(28px,2.6vw,38px)!important;font-weight:600;letter-spacing:-.035em;color:var(--nuit)!important}
.fsub{margin:0 0 24px;font-size:17px;color:var(--mut)}.fsub b{color:var(--nuit);font-weight:600}
.fpc{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fpc b{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.fpc b.g{color:#0E9F63}.fpc b.w{color:#B8361B}
.fpc ul{list-style:none;margin:0;padding:0}.fpc li{position:relative;padding:8px 0 8px 26px;font-size:15px;color:#3B3531;line-height:1.45;border-top:1px solid #F1ECE8}
.fpc div:first-child li:before{content:"✓";position:absolute;left:2px;top:8px;color:#0E9F63;font-weight:700}
.fpc div:last-child li:before{content:"!";position:absolute;left:3px;top:10px;width:16px;height:16px;border-radius:50%;background:#FFF1E8;color:#B8361B;font-size:11px;font-weight:700;display:grid;place-items:center}
.fideal{margin:22px 0 0;padding:14px 18px;background:var(--gris,#F3F1EE);border-radius:14px;font-size:15px;color:#3B3531}.fideal span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8B827B;margin-bottom:2px}
/* aperçu landing */
.fprev{display:flex;justify-content:center}
.lpv{width:100%;max-width:460px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 40px 70px -40px #0008,0 0 0 1px #0000000f}
.lpb{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#F3F1EE}.lpb i{width:9px;height:9px;border-radius:50%;background:#DDD6CF}
.lpb span{margin-left:8px;flex:1;background:#fff;border-radius:999px;padding:4px 12px;font-size:11.5px;color:#6B635C;font-family:"Geist Mono",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lph{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #F1ECE8}
.lpl{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--nuit)}.lpl b{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:11px;color:#fff}
.lq-own .lpl b{background:#1F6F5C}.lq-wl .lpl b{background:#2B5797}
.lpm{width:60px;height:8px;border-radius:4px;background:#EFEAE5}
.lpbody{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;background:linear-gradient(135deg,#F7FBF9,#fff)}.lq-wl .lpbody{background:linear-gradient(135deg,#F5F8FD,#fff)}
.lpt small{display:block;font-size:10.5px;color:#6B635C;margin-bottom:6px}.lpt strong{display:block;font-size:15.5px;line-height:1.2;color:var(--nuit);letter-spacing:-.02em}
.lpx{display:block;height:7px;border-radius:4px;background:#EFEAE5;margin-top:10px}.lpx.s{width:70%}
.lpf{display:flex;flex-direction:column;gap:7px}.lpi{font-size:11px;color:#9A928B;border:1px solid #E8E2DC;border-radius:8px;padding:7px 9px;background:#fff}
.lpc{display:flex;gap:6px;font-size:10.5px;line-height:1.35;color:#3B3531;padding:6px;border-radius:8px}.lpc i{flex:none;width:13px;height:13px;border-radius:3px;background:var(--r);color:#fff;font-style:normal;font-size:8px;display:grid;place-items:center;margin-top:1px}
.lq-wl .lpc{background:#FFF3EC;box-shadow:0 0 0 1.5px #E8341C}.lpc b{color:var(--nuit)}.lq-wl .lpc b{color:var(--r)}
.lpbtn{font-size:11.5px;font-weight:600;color:#fff;text-align:center;border-radius:8px;padding:8px}.lq-own .lpbtn{background:#1F6F5C}.lq-wl .lpbtn{background:#2B5797}
.lq-own .lpl,.own .lpt strong{}
.finc{margin-top:20px}
@media(max-width:960px){.fpanel{grid-template-columns:1fr;gap:28px;padding:26px 20px}.fpc{grid-template-columns:1fr;gap:14px}}
@media(max-width:640px){.fseg{width:100%;justify-content:stretch}.fseg label{flex:1;justify-content:center;padding:10px 8px;font-size:14.5px}.fseg em{display:none}.lpbody{grid-template-columns:1fr}}

.lpv{display:block!important}.lpv .lpc{display:flex!important}.lpv .lpc b{display:inline!important;text-transform:none!important;letter-spacing:0!important;font-size:inherit!important;margin:0!important}
.lpv .lpc span,.lpv .lpc{font-size:10.5px}
/* v18 · après le test, compact */
.kafter{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ka-l h2{margin:14px 0 26px}
.ka-p{list-style:none;margin:0;padding:0}.ka-p li{padding:14px 0;border-top:1px solid #F0DCCF}.ka-p li:last-child{border-bottom:1px solid #F0DCCF}
.ka-p b{display:block;font-size:17px;font-weight:600;color:var(--nuit);letter-spacing:-.015em}.ka-p span{display:block;font-size:15px;color:var(--mut);margin-top:2px}
.ka-t{list-style:none;margin:0;padding:28px;background:#fff;border-radius:22px;box-shadow:0 30px 60px -40px #E8341C66;position:relative}
.ka-t li{display:flex;gap:16px;align-items:flex-start;padding:0 0 22px;position:relative}.ka-t li:last-child{padding-bottom:0}
.ka-t li:not(:last-child):before{content:"";position:absolute;left:31px;top:38px;bottom:2px;width:2px;background:linear-gradient(#E8341C,#FF8A2A)}
.ka-t .d{flex:none;width:64px;height:36px;border-radius:999px;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--r);border:1.5px solid var(--r);background:#fff;position:relative}
.ka-t li:first-child .d{background:var(--grad);color:#fff;border:0}
.ka-t b{display:block;font-size:16.5px;font-weight:600;color:var(--nuit);padding-top:6px}.ka-t small{display:block;font-size:14.5px;color:var(--mut);margin-top:2px}
@media(max-width:960px){.kafter{grid-template-columns:1fr;gap:32px}}
@media(max-width:640px){.ka-t{padding:20px}.ka-t .d{width:56px}.ka-t li:not(:last-child):before{left:27px}}
/* pied : un lien par ligne */
.ft .ftf li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
/* v19 · boîte plus compacte */
.kin{max-width:400px!important}
.ibox{border-radius:20px}
.ih{padding:16px 18px 12px!important;border-bottom:1px solid #F1ECE8!important}.ih b{font-size:15.5px!important}
.irows{padding:4px 8px!important}
.ir{grid-template-columns:40px 1fr auto auto!important;gap:10px!important;padding:9px 8px!important}
.ir img{width:40px!important;height:40px!important;border-radius:10px!important}
.it1{font-size:14px!important}.ib small{font-size:12px!important}
.srci svg,.ok svg{width:20px!important;height:20px!important}
.ir:nth-child(n+5){display:none!important}
.ir .icr{gap:4px}.icr span{font-size:11px!important;padding:2px 7px!important}.icr span:nth-child(n+3){display:none}
.isrc{padding:11px 18px 13px!important;gap:10px!important}.isrc small{font-size:11.5px}
.isrc .rail li .si,.isrc .rail li .si svg{width:22px!important;height:22px!important}.isrc .rail{gap:7px!important}
.iex{font-size:11.5px;margin-top:10px}
@media(max-width:640px){.kin{max-width:none!important}.isrc .rail li .si,.isrc .rail li .si svg{width:26px!important;height:26px!important}}
.ir .icr span:nth-child(n+3){display:none!important}
/* v19b · héros un peu plus grand */
@media (min-width:1061px){
 .khero{padding:96px 0 120px!important;min-height:min(860px,calc(100vh - 70px));display:flex;align-items:center}
 .khero>.w{width:100%}
 .khero h1{font-size:clamp(48px,5vw,72px)!important}
 .khero .lede{font-size:18px!important;max-width:36em}
 .kin{max-width:440px!important}
 .ih{padding:18px 20px 14px!important}.ih b{font-size:16.5px!important}
 .ir{grid-template-columns:46px 1fr auto auto!important;padding:11px 10px!important;gap:12px!important}
 .ir img{width:46px!important;height:46px!important}
 .it1{font-size:15px!important}.ib small{font-size:12.5px!important}
 .srci svg,.ok svg{width:22px!important;height:22px!important}
 .isrc .rail li .si,.isrc .rail li .si svg{width:25px!important;height:25px!important}
}

/* ===== v20 · schéma du process ===== */
section.s.kproc{background:linear-gradient(180deg,#fff,#FFF7F2)}
.proc{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.pflow{position:absolute;left:4%;right:4%;top:44px;width:92%;height:4px;z-index:0;overflow:visible}
.pflow line{stroke:#F0D9CC;stroke-width:2;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.pst{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:border-color .35s,box-shadow .35s,transform .35s}
.pst.on{border-color:#F2A47E;box-shadow:0 26px 50px -30px #E8341C99;transform:translateY(-4px)}
.pst-h{display:flex;gap:12px;align-items:center}
.pst-h .pn{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;color:var(--r);border:1.5px solid var(--r);background:#fff;transition:all .3s}
.pst.on .pn{background:var(--grad);color:#fff;border-color:transparent}
.pst-h b{display:block;font-size:16.5px;font-weight:600;letter-spacing:-.02em;color:var(--nuit)}.pst-h small{display:block;font-size:12.5px;color:var(--mut);line-height:1.35}
.pst-b{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center}
.ps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ps-i{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:#FAF8F6;border:1px solid #F1ECE8;transition:all .3s}
.ps-i svg{width:24px;height:24px;border-radius:6px}.ps-i.on{background:#fff;border-color:#F2A47E;transform:scale(1.08);box-shadow:0 10px 20px -12px #E8341C}
.ps-lp{border:1px solid #F1ECE8;border-radius:12px;padding:10px 12px;background:#FAF8F6;font-size:12px}
.ps-lp .u{display:block;font-family:var(--mono);font-size:10.5px;color:#9A928B}.ps-lp b{display:block;font-size:13px;margin:4px 0 8px;color:var(--nuit);font-weight:600;line-height:1.25}
.ps-lp .bt{display:inline-block;background:#1F6F5C;color:#fff;border-radius:7px;padding:5px 9px;font-weight:600;font-size:11.5px}
.pq2{list-style:none;margin:0;padding:0}.pq2 li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #F3EFEB;font-size:13.5px;color:#3B3531}
.pq2 i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#EAF7F1;color:#0E9F63;font-size:11px;font-weight:700}
.pcons{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4;background:var(--peche);border-radius:10px;padding:9px 10px;color:#3B3531}.pcons i{flex:none;font-style:normal;width:15px;height:15px;border-radius:4px;background:var(--r);color:#fff;font-size:9px;display:grid;place-items:center;margin-top:1px}.pcons b{color:var(--r)}
.pgauge{position:relative;width:118px;height:118px;margin:0 auto}
.pgauge svg{width:100%;height:100%;transform:rotate(-90deg)}.pgauge .tr{fill:none;stroke:#F3EFEB;stroke-width:10}
.pgauge .fg{fill:none;stroke:#E8341C;stroke-width:10;stroke-linecap:round;stroke-dasharray:calc(var(--sc,86) * 1) 100;transition:stroke-dasharray .9s ease}
.pgauge>div{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:38px}.pgauge b{font-size:32px;font-weight:600;letter-spacing:-.04em;color:var(--nuit)}.pgauge small{font-size:13px;color:var(--mut);margin-left:2px}
.phot{align-self:center;font-size:12px;font-weight:600;color:#B8361B;background:var(--peche);border-radius:999px;padding:4px 12px}
.pbars{list-style:none;margin:0;padding:0;display:grid;gap:7px}.pbars li{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;font-size:12px;color:var(--mut)}
.pbars i{height:6px;border-radius:6px;background:#F3EFEB;overflow:hidden}.pbars b{display:block;height:100%;width:var(--v);background:var(--grad);border-radius:6px}
.kb{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.kb-c{background:#FAF8F6;border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:6px;min-width:0}
.kb-h{display:flex;justify-content:space-between;font-size:10.5px;font-weight:600;color:var(--mut);padding:2px 2px 0}.kb-h em{font-style:normal;color:#9A928B}
.kb-k{background:#fff;border:1px solid #F1ECE8;border-radius:8px;padding:6px 7px;min-width:0}.kb-k b{display:block;font-size:11.5px;font-weight:600;color:var(--nuit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-k small{display:block;font-size:10px;color:#9A928B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-f{display:flex;align-items:center;gap:4px;margin-top:5px;font-size:10px;color:var(--mut)}.kb-a{width:15px;height:15px;border-radius:50%;background:#2B5797;color:#fff;font-size:8.5px;display:grid;place-items:center;font-weight:700}
.kb-f em{margin-left:auto;font-style:normal;font-weight:700;color:var(--r)}.kb-k.ok .kb-f em{color:#0E9F63}
.kb-k.new{border-color:#F2A47E;box-shadow:0 8px 16px -10px #E8341C;animation:kbn .5s cubic-bezier(.2,.8,.2,1)}@keyframes kbn{from{opacity:0;transform:translateY(-8px)}}
.pnot{display:flex;gap:8px;align-items:center;font-size:12px;color:#3B3531;background:#fff;border:1px solid #F1ECE8;border-radius:10px;padding:8px 10px;box-shadow:0 10px 20px -16px #0006}
.proc-n{margin:18px 0 0;text-align:center;font-size:13px;color:var(--mut)}
@media(max-width:1060px){.proc{grid-template-columns:1fr 1fr}.pflow{display:none}}
@media(max-width:640px){.proc{grid-template-columns:1fr;gap:12px}.pst.on{transform:none}}

.proc{grid-template-columns:1fr 1fr 1fr 1.25fr}.kb{grid-template-columns:1fr 1fr}.kb-k b{font-size:12px}
@media(max-width:1060px){.proc{grid-template-columns:1fr 1fr}}@media(max-width:640px){.proc{grid-template-columns:1fr}}
section#formules .finc{display:none}

/* ===== v23 · méga-menu ===== */
@media (min-width:981px){
 .mm-big .mmp{grid-template-columns:1fr 290px!important;grid-template-rows:1fr auto;border-radius:22px;padding:0}
 .mgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 10px;padding:22px 20px 18px}
 .mfam{padding:6px 8px;margin-bottom:8px;gap:10px}.mfam .mi{flex:none;width:34px;height:34px;border-radius:10px;background:var(--peche);display:grid;place-items:center}.mfam .mi svg{width:18px;height:18px}
 .mfam b{font-size:14px;white-space:nowrap}.mfam small{font-size:11.5px}
 .mlinks{display:flex;flex-direction:column;gap:1px;padding-left:2px}
 .mlinks a{font-size:13.5px;padding:6px 8px;color:#3B3531;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mlinks a:hover{background:#F7F3F0;color:var(--r)}
 .mlinks .mmore{color:var(--r)!important;font-weight:500;font-size:13px;margin-top:4px}
 .maside{grid-row:1/3;grid-column:2;background:#FAF8F6!important;border-left:1px solid #F1ECE8;padding:22px 20px!important;gap:12px!important}
 .maside:before{display:none!important}
 .mah{margin:0 0 2px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8B827B}
 .mfts{display:grid;gap:10px}
 .mft{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;text-decoration:none;background:#fff;border:1px solid #F1ECE8;border-radius:14px;padding:8px;transition:border-color .2s,transform .2s,box-shadow .2s}
 .mft:hover{border-color:#F2A47E;transform:translateY(-2px);box-shadow:0 14px 26px -18px #E8341C}
 .mft img{width:72px;height:56px;object-fit:cover;border-radius:10px}
 .mft b{display:block;font-size:14px;font-weight:600;color:var(--nuit);line-height:1.25}.mft small{display:block;font-size:12px;color:var(--mut);margin-top:2px}
 .mbar{grid-column:1;display:flex;align-items:center;gap:18px;padding:14px 22px;border-top:1px solid #F1ECE8;background:#fff;font-size:13.5px;color:var(--mut)}
 .mbar b{color:var(--nuit);font-weight:600}.mbar .mall{margin:0 0 0 auto!important;color:var(--nuit)!important;font-weight:600;font-size:14px}.mbar .mall:hover{color:var(--r)!important}
 .mbar .btn{padding:10px 18px!important;font-size:14px!important}
}
@media (min-width:981px) and (max-width:1180px){.mm-big .mmp{grid-template-columns:1fr!important}.maside{display:none!important}.mbar{grid-column:1}.mfam b{white-space:normal}}
@media (max-width:980px){.mbar,.maside{display:none!important}.mlinks .mmore{display:none}}
@media (min-width:981px){.mm-big .mmp{grid-template-columns:1fr 270px!important}.mgrid{gap:4px 6px;padding:22px 18px 16px}.mfam b{font-size:14.5px}.mlinks a{padding:5px 8px}.mlinks .mmore{margin-top:6px}}

/* ===== v24 · « Plus qu'un fournisseur » simple + formule du formulaire ===== */
.kp3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kp3>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
.kp3 .n{font-family:var(--mono);font-size:12.5px;color:var(--r)}.kp3 h3{margin:10px 0 8px;font-size:19px!important}.kp3 p{margin:0;font-size:15px;color:var(--mut)}
.ksub{margin:56px 0 20px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--nuit)}
.ktl2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ktl2 li{border-top:2px solid var(--r);padding-top:14px}
.ktl2 span{display:block;font-family:var(--mono);font-size:14px;font-weight:500;color:var(--r)}.ktl2 b{display:block;font-size:16px;font-weight:600;color:var(--nuit);margin:6px 0 4px}.ktl2 small{display:block;font-size:14px;color:var(--mut);line-height:1.45}
.kv4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.kv4>div{background:#fff;padding:20px 22px}.kv4 b{display:block;font-size:16.5px;font-weight:600;color:var(--nuit)}.kv4 small{display:block;font-size:14px;color:var(--mut);margin-top:4px;line-height:1.45}
@media(max-width:960px){.kp3{grid-template-columns:1fr}.ktl2,.kv4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ktl2,.kv4{grid-template-columns:1fr}}
.lf2 .seg span{flex-direction:column!important;gap:1px;line-height:1.2;padding:8px 10px!important;min-height:56px!important;white-space:normal!important}
.lf2 .seg span b{font-size:14.5px;font-weight:600}.lf2 .seg span small{font-size:12px;font-weight:400;opacity:.85}
.lgd{font-weight:400;color:var(--mut);font-size:12.5px}
.lf2 .seg input:checked+span small{color:#fff!important;opacity:.95}.lf2 .seg span small{color:var(--mut)}

/* ===== metier.css · pages métier (/leads-*) et famille · v25 (agent UX/CRO, 08/10/2026) =====
   Chargé APRÈS style.css. Tout est préfixé par une classe propre à ces pages :
   .pmh (héros), .pmnav (sommaire collant), section.pm, .pm* (composants). L'accueil n'utilise aucune de ces classes. */

/* ---------- Rythme : sections plus courtes que le reste du site ---------- */
section.s.pm{--sec:88px;scroll-margin-top:128px}
@media (max-width:1060px){section.s.pm{--sec:72px}}
@media (max-width:640px){section.s.pm{--sec:52px;scroll-margin-top:116px}}
.pmnav+section.s.pm{padding-top:calc(var(--sec)*.85)}

/* ---------- Héros métier ---------- */
.hero.pmh{padding:36px 0 76px}
.pmh .crumb{margin-bottom:0}
.pmh .pmg{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:56px;align-items:center;margin-top:24px}
.pmh h1{margin:20px 0 0;font-size:clamp(38px,4.3vw,60px)}
.pmh p.l{margin:18px 0 0;font-size:18.5px;max-width:560px}
.pmh-price{display:flex;align-items:center;gap:16px;margin:26px 0 0}
.pmh-price b{font-size:34px;line-height:1;font-weight:600;letter-spacing:-.035em;white-space:nowrap;background:linear-gradient(100deg,#FFB27A,#FF8A2A 55%,#FF6A3D);-webkit-background-clip:text;background-clip:text;color:transparent}
.pmh-price span{font-size:14px;line-height:1.35;color:#ffffffb8;border-left:1px solid #ffffff33;padding-left:16px}
.pmh .cta{margin-top:26px}
.pmh .cta .btn{min-height:52px}
.pmh-re{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:22px 0 0;font-size:14.5px;color:#ffffffc7}
.pmh-re li{display:flex;align-items:center;gap:8px}
.pmh-re li:before{content:"✓";font-weight:700;color:#FF9A5A}
/* photo + fiche exemple posée dessus */
.pmh-v{position:relative;padding:0 0 34px 44px}
.pmh-ph{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:1/1.02;box-shadow:0 40px 80px -36px #000;background:#1a1412}
.pmh-ph img{display:block;width:100%;height:100%;object-fit:cover}
.pmh-ph figcaption{position:absolute;right:12px;top:12px;font-size:11px;color:#fff;background:#0009;border-radius:99px;padding:3px 9px}
.pmcard{position:absolute;left:0;bottom:0;width:min(318px,74%);background:#FBF8F5;color:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -18px #000d;border:1px solid #ffffff;font-size:13.5px;line-height:1.35}
.pmh-v.noph{padding:0}.pmh-v.noph .pmcard{position:static;width:100%;max-width:420px;margin:0 auto}
.pmc-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--mut)}
.pmc-live{display:inline-flex;align-items:center;gap:7px;color:var(--ok)}
.pmc-live i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #0E9F6322}
.pmc-ex{background:var(--grad);color:#fff;border-radius:5px;padding:3px 7px;font-size:10.5px}
.pmcard dl{display:grid;grid-template-columns:auto 1fr;column-gap:12px;margin:0;padding:4px 14px 6px}
.pmcard dt{color:var(--mut);padding:7px 0;border-top:1px solid var(--line);max-width:150px}
.pmcard dd{margin:0;padding:7px 0;border-top:1px solid var(--line);font-weight:600;color:var(--nuit);text-align:right}
.pmcard dt:first-of-type,.pmcard dt:first-of-type+dd{border-top:0}
.pmc-y{color:var(--ok)}.pmc-y:before{content:"✓ "}
.pmc-ok{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 12px;border-top:1px solid var(--line);background:#fff}
.pmc-ok span{font-size:11.5px;font-weight:600;color:var(--ok);background:#0E9F6314;border-radius:99px;padding:4px 9px}
.pmc-ok span:before{content:"✓ "}
@media (max-width:1180px) and (min-width:981px){.pmh .pmg{gap:40px}.pmh-v{padding-left:28px}}
@media (max-width:980px){
 .hero.pmh{padding:28px 0 56px}
 .pmh .pmg{grid-template-columns:1fr;gap:36px}
 .pmh-v{padding:0;max-width:620px;width:100%;margin:0 auto}
 .pmh-ph{aspect-ratio:4/3}
 .pmcard{position:relative;width:auto;margin:-72px 16px 0}
}
@media (max-width:600px){
 .pmh h1{font-size:clamp(34px,9.4vw,44px)}
 .pmh p.l{font-size:16.5px}
 .pmh-price b{font-size:30px}
 .pmh .cta .btn{width:100%}
 .pmh-ph{border-radius:18px}
 .pmcard{margin:-56px 10px 0}
 .pmcard dt{max-width:140px}
}

/* ---------- Héros famille : mosaïque de 3 métiers ---------- */
.pmf-col{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:470px}
.pmf-col.n1{grid-template-columns:1fr;grid-template-rows:1fr}.pmf-col.n2{grid-template-rows:1fr}
.pmf-t{position:relative;display:block;border-radius:18px;overflow:hidden;background:#1a1412;box-shadow:0 30px 60px -36px #000}
.pmf-t.big{grid-row:span 2}.pmf-col.n2 .pmf-t.big{grid-row:auto}
.pmf-t img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pmf-t:hover img{transform:scale(1.04)}
.pmf-t span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);background:#fff;color:var(--nuit);font-weight:600;font-size:14px;line-height:1.2;border-radius:99px;padding:9px 14px}
@media (max-width:980px){.pmf-col{height:360px;max-width:680px;width:100%;margin:0 auto}}
@media (max-width:600px){.pmf-col{height:250px;gap:8px}.pmf-t span{font-size:12.5px;padding:7px 11px;left:8px;bottom:8px}}

/* ---------- Sommaire collant ---------- */
.pmnav{position:sticky;top:70px;z-index:40;background:#ffffffef;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.pmnav-in{display:flex;justify-content:center;gap:4px;padding:7px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pmnav-in::-webkit-scrollbar{display:none}
.pmnav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;font-size:14.5px;font-weight:600;color:var(--mut);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.pmnav a:hover{color:var(--nuit);background:var(--lin)}
.pmnav a.on{color:#fff;background:var(--nuit)}
.pmnav a:focus-visible{outline:2px solid var(--r);outline-offset:-2px}
@media (max-width:1060px){.pmnav-in{justify-content:flex-start;margin:0 -24px;padding:6px 24px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.pmnav a{padding:0 14px;font-size:14px}}
@media (max-width:600px){.pmnav-in{margin:0 -16px;padding:6px 16px}}

/* ---------- Composants communs ---------- */
.pm .lb>h2,.pm .lb>.lead2{text-align:center;margin-left:auto;margin-right:auto}
.pm .lb>.kicker{display:table;margin:0 auto}
.pm .fine{font-size:13.5px;color:var(--mut)}
/* accordéons (texte présent dans le HTML) */
details.q.pmacc{margin:0}
details.q.pmacc summary{align-items:center;min-height:44px;padding:18px 22px}
details.q.pmacc summary h3,details.q.pmacc summary span{margin:0;font-size:17px;line-height:1.3;font-weight:600;color:var(--nuit);letter-spacing:-.01em}
details.q.pmacc>div{padding:0 22px 20px;color:#3B3531;font-size:16px}
details.q.pmacc>div div{padding:0}
details.q.pmacc>div p{margin:0}details.q.pmacc>div p+p{margin-top:12px}
/* bande CTA (un seul CTA au milieu de page) */
.pmband{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:var(--sub);border-radius:20px;padding:28px 32px;color:#fff;background:radial-gradient(60% 120% at 100% 100%,#E8341Ccc,transparent 70%),radial-gradient(40% 90% at 0% 0%,#FF8A2A44,transparent 70%),var(--nuit)}
.pmband b{display:block;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.02em}
.pmband span{display:block;color:#ffffffbf;font-size:15.5px;margin-top:6px}
.pmband .btn{flex:none;min-height:52px}
@media (max-width:700px){.pmband{flex-direction:column;align-items:stretch;padding:24px 22px}.pmband b{font-size:19px}.pmband .btn{width:100%}}

/* ---------- 1. Promesse ---------- */
.pm2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--col);align-items:start}
.pm2 h2{text-align:left;margin:12px 0 16px}
.pm2-a>p{color:#3B3531}
.pm2-b{display:grid;gap:18px}
.pm2-b .brief{margin:0;max-width:none;font-size:16.5px}
.pmx{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.pmx h3{font-size:18px;margin:0 0 8px}.pmx p{margin:0;font-size:15.5px;color:#3B3531}
.pmctx{margin:0;border-radius:16px;overflow:hidden}.pmctx img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width:980px){.pm2{grid-template-columns:1fr}}

/* ---------- 2. L'essentiel : deux tableaux ---------- */
.pmres{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:var(--head);align-items:stretch}
.pmres>table.pmtb{height:100%;font-size:15px}
.pmtb caption{caption-side:top;text-align:left;padding:0 2px 10px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--r)}
table.cmp.pmtb th{width:36%}
.pmupd{text-align:center;margin:16px auto 0}
@media (max-width:860px){.pmres{grid-template-columns:1fr;gap:28px}}
@media (max-width:600px){table.cmp.pmtb th,table.cmp.pmtb td{padding:12px 14px}table.cmp.pmtb{font-size:14.5px}}

/* ---------- 3. Contenu d'un lead + génération ---------- */
.pmlead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--col);align-items:center;margin-top:var(--head)}
.pmlead .pq{margin-top:0}
.pmmini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.pmmini>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.pmmini b{display:block;font-size:15.5px;line-height:1.3;color:var(--nuit)}
.pmmini span{display:block;font-size:14px;color:var(--mut);margin-top:4px;line-height:1.45}
.pmlead-b .doc{max-width:540px;margin-left:auto}
.pmgen{margin-top:var(--sub);padding-top:var(--sub);border-top:1px solid var(--gris2)}
.pmgen>h2{text-align:center;max-width:880px;margin:0 auto}
.pmgen>.lead2{text-align:center;margin:16px auto 0}
.pmacc2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;align-items:stretch}
.pmgen .socs{justify-content:center;margin-top:24px}.pmgen .socs>span{color:var(--mut)}
.pm .socs i{box-shadow:0 0 0 1px var(--line),0 8px 20px -12px #0005}
@media (max-width:980px){.pmlead{grid-template-columns:1fr}.pmlead-b .doc{margin:0 auto}.pmacc2{grid-template-columns:1fr;gap:10px}}
@media (max-width:520px){.pmmini{grid-template-columns:1fr}.pmlead-b .doc dl{grid-template-columns:118px 1fr}}

/* ---------- 7. Marché ---------- */
.pmmk .t2{margin-top:24px}
.pmmk details.q.pmacc{background:#fff}
.pmguide{text-align:center;margin:24px auto 0;max-width:760px}

/* ---------- 8. Sur le terrain ---------- */
.pmterr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:var(--head);align-items:stretch}
.pmterr details.q.pmacc>div{font-size:15.5px}
@media (max-width:980px){.pmterr{grid-template-columns:1fr;gap:10px}}

/* ---------- 10. Métiers voisins (photos) ---------- */
.pmv-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:var(--head)}
.pmv-g.pmv-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pmv{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s}
.pmv:hover{transform:translateY(-3px);border-color:#E8341C66;box-shadow:0 20px 40px -30px #E8341C88}
.pmv img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;background:var(--lin)}
.pmv-i{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--peche)}.pmv-i svg{width:44px;height:44px}
.pmv-t{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 18px 18px}
.pmv b{font-size:16.5px;line-height:1.25;color:var(--nuit)}
.pmv small{font-size:14px;line-height:1.45;color:var(--mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pmv em{margin-top:auto;padding-top:6px;font-style:normal;font-weight:600;font-size:14px;color:var(--r)}
.pmv em:after{content:" →"}
@media (max-width:1060px){.pmv-g,.pmv-g.pmv-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
 .pmv-g,.pmv-g.pmv-3{grid-template-columns:1fr;gap:10px}
 .pmv{flex-direction:row;min-height:112px}
 .pmv img,.pmv-i{width:112px;flex:none;aspect-ratio:auto;height:auto;align-self:stretch}
 .pmv-t{padding:12px 14px;gap:4px}.pmv b{font-size:15.5px}.pmv small{font-size:13.5px;-webkit-line-clamp:2}.pmv em{font-size:13.5px}
}
.pmfam{margin-top:var(--sub)}
.pmfam h3{text-align:center;font-size:20px;margin:0}
.pmpills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.pmpills a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:99px;background:var(--lin);color:var(--nuit);font-size:14.5px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.pmpills a:hover{background:var(--nuit);color:#fff}
.pmpills a:last-child{background:var(--nuit);color:#fff}
.pmfur{margin-top:var(--sub)}
.pmfur>h2{font-size:clamp(24px,2.4vw,32px)}
#voisins .pmfur .res4{margin-top:24px!important}

/* ---------- Pages famille ---------- */
.pmscroll{overflow-x:auto;margin-top:var(--head);border-radius:16px}
table.cmp.pmcmp{min-width:760px}
table.cmp.pmcmp tbody th{background:#fff;color:var(--nuit);font-size:15.5px}
table.cmp.pmcmp tbody th a{color:var(--r);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:28px}
table.cmp.pmcmp tbody th a:hover{text-decoration:underline}
table.cmp.pmcmp td.pmp{font-weight:600;color:var(--nuit);white-space:nowrap}
@media (max-width:760px){table.cmp.pmcmp tbody th{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--line)}table.cmp.pmcmp thead th:first-child{position:sticky;left:0;z-index:2}}
.pmguidef{max-width:880px;margin:var(--head) auto 0;display:grid;gap:10px}
.pmacc-l .prose{max-width:none}
.pmacc-l .prose>:first-child{margin-top:0}
details.q.pmacc.pmacc-l summary h3{font-size:18px}

/* ---------- Petites corrections, limitées à ces pages ---------- */
.mc.mcp .mcx{display:block;font-style:normal;font-weight:600;font-size:13.5px;color:var(--r);margin-top:8px}
body:has(.pmnav) .qk{min-height:44px}

/* ---------- v25.1 · corrections après captures ---------- */
.pmctx img{height:auto}
table.cmp.pmtb th{background:#F7F4F1;color:var(--nuit);border-right:1px solid var(--line)}
.pmres{align-items:start}.pmres>table.pmtb{height:auto}
.pmc-t{display:block;padding:10px 14px 0;font-size:16px;font-weight:600;color:var(--nuit);letter-spacing:-.01em}
.pmh-ph{aspect-ratio:1/1.08}
.pmcard{width:min(300px,70%)}
@media (min-width:981px){
 .pm#prix .t2,.pm#acheter .t2{max-width:1120px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--col);align-items:start}
 .pm#prix .t2 h3,.pm#acheter .t2 h3{margin-top:0}
 .pmmk .t2{max-width:1120px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--col);align-items:start}
 html.js .pmmk details.pmacc[open]{background:none;border:0;box-shadow:none}
 html.js .pmmk details.pmacc[open]>summary{display:none}
 html.js .pmmk details.pmacc[open]>div{padding:0;font-size:17px;color:#3B3531}
}
@media (max-width:980px){.pmh-ph{aspect-ratio:4/3}}
@media (max-width:980px){.pmcard{width:auto}}
@media (max-width:640px){
 .pm .lb>.lead2,.pmgen>.lead2{text-align:left;font-size:16.5px}
 .pmmini{grid-template-columns:1fr 1fr;gap:8px}.pmmini>div{padding:12px 12px}.pmmini b{font-size:14.5px}.pmmini span{font-size:13px}
 .pmlead .cr .btn{width:100%}
}
table.cmp.pmcmp tbody th a{min-height:44px}
@media (max-width:640px){
 .pmscroll{overflow:visible}
 table.cmp.pmcmp{min-width:0;border:0;background:none;border-radius:0}
 table.cmp.pmcmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 table.cmp.pmcmp,table.cmp.pmcmp tbody{display:block}
 table.cmp.pmcmp tbody{display:grid;gap:10px}
 table.cmp.pmcmp tr{display:grid;grid-template-columns:1fr auto;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
 table.cmp.pmcmp tbody th{position:static;box-shadow:none;grid-column:1;padding:6px 14px;border-bottom:1px solid var(--line)}
 table.cmp.pmcmp td.pmp{grid-column:2;grid-row:1;display:flex;align-items:center;padding:6px 14px;border-bottom:1px solid var(--line);font-size:14px;color:var(--r)}
 table.cmp.pmcmp td.pmp:before{display:none}
 table.cmp.pmcmp td{grid-column:1/-1;display:grid;grid-template-columns:118px 1fr;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);font-size:14.5px}
 table.cmp.pmcmp td:nth-last-child(2){border-bottom:0}
 table.cmp.pmcmp td:before{content:attr(data-l);color:var(--mut);font-size:13px}
 table.cmp.pmcmp tbody tr:hover{background:#fff}
}
@media (max-width:640px){
 table.cmp.pmcmp tbody{gap:8px}
 table.cmp.pmcmp td{padding:3px 14px;border-bottom:0;font-size:14px;line-height:1.4}
 table.cmp.pmcmp td:nth-child(2){padding-top:10px}
 table.cmp.pmcmp td:nth-last-child(2){padding-bottom:12px}
 table.cmp.pmcmp td:before{font-size:12.5px}
 table.cmp.pmcmp tbody th,table.cmp.pmcmp td.pmp{padding-top:2px;padding-bottom:2px;background:#FBF8F5}
}
@media (max-width:640px){
 .pmpills{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:16px -16px 0;padding:0 16px 4px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .pmpills::-webkit-scrollbar{display:none}
 .pmpills a{flex:none}
 .pmfam h3{font-size:18px}
 #voisins .pmfur .res4{gap:8px}
 #voisins .pmfur .res4 .card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;min-height:0}
 #voisins .pmfur .res4 .card .go{display:none}
 #voisins .pmfur .res4 .card b{font-size:16px;line-height:1.3;margin:0}
}
/* titres longs (ex. « remplacement de chaudière fioul ») : le serif italique peut passer à la ligne au lieu de déborder */
.pmh h1 .it,.pm h2 .it{white-space:normal}
/* ancres du sommaire : html a déjà scroll-padding-top:84px ; le titre arrive juste sous le sommaire collant */
section.s.pm{scroll-margin-top:-16px}
@media (max-width:1060px){section.s.pm{scroll-margin-top:0}}
@media (max-width:640px){section.s.pm{scroll-margin-top:14px}}

/* ===== v27 : corrections audit CRO avant mise en ligne (09/10/2026) ===== */
:root{--r-txt:#C42B12;--ok-txt:#0B7A4C}
/* R1-R2 débordements mobile */
.prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.t2>*{min-width:0}
/* R3 bandeau « en bref » + SIREN visible partout */
.kreass .w span:last-child{display:inline-flex!important}
@media(max-width:640px){.kreass span{display:block!important;position:relative;padding-left:26px}.kreass span:before{position:absolute;left:0;top:2px;margin:0!important}.kreass .w span:last-child{display:block!important;grid-column:1/-1}}
/* R4 menu mobile */
.hd .nav>a.btn.nc{color:var(--nuit)!important;background:#fff;border:1px solid var(--line);justify-content:center}
.hd.open .nav{min-height:calc(100dvh - 70px)}
/* R6 pop-up mobile : le formulaire d'abord */
@media(max-width:640px){.lm-l>p:not(.lm-p),.lm-l ol{display:none}.lm-l{padding:18px 20px 14px!important}.lm-l h2{font-size:28px!important}.qk{min-height:44px}}
/* O1 contraste des petits textes */
.brief b,.cmp caption,.chip,.pmv-t em,.res4 .go,.kp3 .n,.ktl2 li span,.mcx,.ctab p.q a,.qk.on,.pills4 input:checked+span{color:var(--r-txt)}
.fpc b.g{color:var(--ok-txt)}
.cmp thead th,.pmtb th{background:#C42B12}
.ftf summary small,.ft .legal{color:#ffffff99}
/* O3 formule choisie ≠ bouton */
.seg input:checked+span,.lf2 .seg input:checked+span{background:var(--peche,#FFF3EC)!important;border-color:var(--r)!important;color:var(--nuit)!important;box-shadow:none}
.lf2 .seg input:checked+span small{color:var(--mut)!important}
/* O5 ✕ de la pop-up */
.lm-r .lf-prog{margin-right:48px}
/* O6 méga-menu 981-1180 */
@media(min-width:981px) and (max-width:1180px){.mm-big .mmp{grid-template-columns:1fr!important}.mm-big .maside{display:none!important}.mlinks a{white-space:normal;overflow:visible;text-overflow:clip}.mfam small{display:block}}
/* O9 plan du site */
.plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 40px}
.plan h2{font-size:20px;margin:0 0 8px}.plan ul{list-style:none;margin:0;padding:0}.plan a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--nuit)}
.plan a:hover{color:var(--r-txt)}
/* O10 fil d'Ariane des guides */
@media(max-width:640px){.crumb [aria-current]{display:inline-block;max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}}
/* O11 accueil mobile plus court */
@media(max-width:640px){.proc{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.proc .pst{flex:0 0 86%;scroll-snap-align:start}.proc .pflow{display:none}
 .kkp{grid-template-columns:repeat(3,1fr)!important;gap:8px}.kkp div{padding:14px 10px}.kkp b{font-size:20px}.kkp span{font-size:13px}}
/* guides : bandeau au milieu */
.prose .pmband{margin:36px 0}
.prose .pmpills{display:flex;flex-wrap:wrap;gap:8px}.prose .pmpills a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--nuit);font-size:14.5px}
/* G2-G4 */
.faqw h2{text-align:left}
@media(min-width:601px) and (max-width:980px){.khero .kin{margin-left:0}}
@media(max-width:640px){.ktag,.kicker{font-size:13px}.lf-st{font-size:13.5px}.lf2 .note,legend small{font-size:13.5px}figcaption{font-size:12.5px}}
.prose .pmpills{justify-content:flex-start;margin:12px 0 0;padding:0;-webkit-mask-image:none;mask-image:none;overflow:visible}
.prose .pmpills a,.prose .pmpills a:last-child{background:#fff;color:var(--nuit);min-height:44px;display:inline-flex;align-items:center}
.prose .pmpills a:hover{background:var(--nuit);color:#fff}
.plan-g:last-child{grid-column:1/-1}.plan-g:last-child ul{columns:3 260px;column-gap:40px}.plan-g:last-child li{break-inside:avoid}

/* ===== v28 : trame accueil constat → solution → suivi → modèles (09/10/2026) ===== */
.ksol{list-style:none;margin:0 0 var(--gap);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ksol li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.ksol b{font-size:16.5px;font-weight:600;color:var(--nuit);letter-spacing:-.01em}.ksol b:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--grad);margin-right:10px;vertical-align:2px}
.ksol span{font-size:14.5px;color:var(--mut)}
.mdls{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.mdl{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.mdl-own{border-color:#F2A47E;box-shadow:0 30px 60px -40px #E8341C66}
.mdl-v{background:linear-gradient(180deg,#FFF3EC,#FBF8F5);padding:28px 28px 0;display:flex;justify-content:center;height:250px;overflow:hidden;border-bottom:1px solid var(--line)}
.mdl-wl .mdl-v{background:linear-gradient(180deg,#F1EFEC,#F8F7F5)}
.mdl-v .lpv{max-width:400px;border-radius:14px 14px 0 0}
.mdl-t{padding:24px 28px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.mdl-h{display:flex;align-items:center;gap:10px}.mdl-h h3{margin:0;font-size:24px!important;letter-spacing:-.03em}
.mdl-h em{font-style:normal;font-size:12px;font-weight:600;color:#fff;background:var(--grad);border-radius:999px;padding:4px 10px}
.mdl-i{margin:0;font-size:16.5px;line-height:1.45;color:var(--ink)}
.mdl-l{margin:6px 0 0;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.mdl-s{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mdl-s li{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;border-radius:12px;padding:10px 14px;font-size:14.5px}
.mdl-s li span{color:var(--mut)}.mdl-s li b{font-weight:600;color:var(--nuit)}
.mdl-s li.diff{background:#FFF3EC;border:1px solid #F8D3BF}.mdl-wl .mdl-s li.diff{background:#F3F1EE;border-color:#E3DED8}
.mdl-s li.same{background:#fff;border:1px dashed var(--line)}.mdl-s li.same b:after{content:" · identique";font-weight:500;color:var(--ok-txt,#0B7A4C);font-size:13px}
.mdl-d{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:8px}
.mdl-d div{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:14.5px}.mdl-d dt{color:var(--mut)}.mdl-d dd{margin:0;color:var(--ink)}
.mdls+.finc{margin-top:var(--gap)}
@media(max-width:900px){.mdls,.ksol{grid-template-columns:1fr}}
@media(max-width:640px){.mdl-v{height:200px;padding:20px 16px 0}.mdl-t{padding:20px}.mdl-s li,.mdl-d div{grid-template-columns:96px 1fr;gap:10px}.ksol li{padding:14px 16px}}
.mdl-i{min-height:3em}@media(max-width:900px){.mdl-i{min-height:0}}
.mdl-v{height:auto;padding-bottom:28px}.mdl-v .lpv{border-radius:14px}@media(max-width:640px){.mdl-v{height:auto;padding-bottom:20px}}
@media(min-width:901px){.mdl-v{height:372px;align-items:center;padding:24px 28px}}

/* v29 : constat aligné sur les autres sections (titre à gauche, texte à droite, chiffres pleine largeur) */
section.kpeach .kkp{margin-top:var(--head)}
.kcon{display:grid;grid-template-columns:1fr 1fr;gap:var(--col,40px);margin-top:24px;align-items:start}
.kcon p{margin:0;color:var(--mut);font-size:16px;line-height:1.6}.kcon .src-note{font-size:13px}
@media(max-width:900px){.kcon{grid-template-columns:1fr;gap:14px}}

/* ===== v30 : hybride La Boîte de Leads × Lead Studio (09/10/2026) ===== */
.khero .kproof{margin:-6px 0 18px;font-size:14.5px;color:#ffffffb3;display:flex;gap:10px;align-items:flex-start;max-width:560px}
.khero .kproof:before{content:"";flex:none;width:16px;height:16px;margin-top:3px;border-radius:50%;background:#0E9F63 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.kf6{list-style:none;margin:0 0 var(--gap);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kf6 li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.kf6 b{font-size:16.5px;font-weight:600;color:var(--nuit);letter-spacing:-.01em}.kf6 b:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--grad);margin-right:10px;vertical-align:2px}
.kf6 span{font-size:14.5px;line-height:1.55;color:var(--mut)}
.kcol{margin-top:var(--gap);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 26px}
.kcol b{font-size:16.5px;color:var(--nuit)}.kcol p{margin:6px 0 0;font-size:14.5px;line-height:1.55;color:var(--mut);max-width:720px}
.kcol-l{display:flex;gap:10px;flex:none}.kcol-l svg{width:22px;height:22px}
.knote2{margin:24px 0 0;font-size:15.5px;color:var(--ink);border-left:3px solid var(--r);padding:4px 0 4px 16px}
.kpv-p{color:var(--mut);font-size:16px;line-height:1.6;margin:14px 0 6px}
.knev{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}
.knev li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:15px;color:var(--ink)}
.knev li:before{content:"✕";flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--r-txt,#C42B12);background:#FFF3EC}
@media(max-width:900px){.kf6{grid-template-columns:1fr 1fr}.kcol{flex-direction:column;align-items:flex-start}.knev{grid-template-columns:1fr}}
@media(max-width:640px){.kf6{grid-template-columns:1fr;gap:10px}.kf6 li{padding:16px 18px}}

/* ===== v31 : « Notre solution » = le convoyeur animé (conv.py, 09/10/2026) ===== */
.v1-stage{position:relative;height:330px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.v1-src{position:absolute;left:18px;top:30px;bottom:30px;display:flex;flex-direction:column;justify-content:space-between}.v1-src span{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;background:#fff}
.v1-belt{position:absolute;left:80px;right:190px;top:150px;height:44px;border-radius:22px;background:repeating-linear-gradient(90deg,#F3F1EE 0 18px,#ECE8E3 18px 20px);background-size:40px 100%;animation:v1belt 1s linear infinite;box-shadow:inset 0 2px 6px #0000000f}
@keyframes v1belt{to{background-position:40px 0}}
.g1-gate{position:absolute;top:96px;width:0;left:calc(80px + (100% - 270px)*var(--x))}
.g1-gate i{position:absolute;left:-44px;width:88px;height:140px;border:3px solid #F2A47E;border-bottom:0;border-radius:44px 44px 0 0;top:0;transition:border-color .2s,box-shadow .2s}
.g1-gate b{position:absolute;left:-70px;width:140px;top:-34px;text-align:center;font-size:14px;color:var(--nuit)}.g1-gate small{position:absolute;left:-70px;width:140px;top:-16px;text-align:center;font-size:12px;color:var(--mut)}
.g1-gate.flash i{border-color:#E8341C;box-shadow:0 0 0 6px #E8341C22}
.v1-crm{position:absolute;right:16px;top:24px;bottom:24px;width:160px;border-radius:18px;background:var(--nuit);color:#fff;padding:14px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.v1-crm .h{display:flex;justify-content:space-between;align-items:center;font-size:13px}.v1-crm .live{font-size:11px;color:#3DDC97}
.v1-in{display:flex;flex-direction:column;gap:6px}.v1-in div{background:#ffffff14;border-radius:10px;padding:7px 9px;font-size:11.5px;line-height:1.35;animation:v1pop .4s ease}.v1-in div b{display:block;font-size:12px}.v1-in div em{font-style:normal;color:#FF8A2A}
@keyframes v1pop{from{opacity:0;transform:translateY(-8px)}}
.v1-bin{position:absolute;left:calc(80px + (100% - 270px)*.52 - 70px);bottom:10px;width:140px;height:58px;border:2px dashed #E3DED8;border-radius:14px;padding:8px 12px;font-size:12px}.v1-bin b{display:block;color:var(--nuit);font-size:13px}.v1-bin small{color:var(--mut)}.v1-bin .n{position:absolute;right:12px;top:14px;font-size:22px;font-weight:600;color:#C42B12}
.v1-lane{position:absolute;left:80px;right:190px;top:0;bottom:0;pointer-events:none}
.tok{position:absolute;left:0;top:136px;width:150px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 10px;box-shadow:0 10px 24px -14px #0006;font-size:11.5px;line-height:1.3;transform:translateX(-200px)}
.tok b{display:block;font-size:12.5px;color:var(--nuit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tok small{color:var(--mut)}.tok .bd{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.tok .bd i{font-style:normal;font-size:10.5px;background:#E9F7F0;color:#0B7A4C;border-radius:999px;padding:1px 6px}.tok .bd i.s{background:#FFF3EC;color:#C42B12}
.tok.rej{border-color:#E8341C}.tok.rej .bd i{background:#FDE7E3;color:#C42B12}
.v1-cnt{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.v1-cnt div{border:1px solid var(--line);border-radius:16px;padding:14px 18px;background:#fff}.v1-cnt b{font-size:28px;font-weight:600;letter-spacing:-.03em;color:var(--nuit);display:block}.v1-cnt .c-rej{color:#C42B12}.v1-cnt span{font-size:13.5px;color:var(--mut)}
.v1-note{margin:10px 0 0;font-size:12.5px;color:var(--mut);text-align:center}
.v1-prom{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}.v1-prom li{font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px}.v1-prom li:before{content:"✓ ";color:var(--ok-txt,#0B7A4C);font-weight:700}
@media(prefers-reduced-motion:reduce){.v1-belt{animation:none}}
/* téléphone : tapis pleine largeur, sources au-dessus, CRM en dessous */
@media(max-width:760px){
 .v1-stage{height:380px;border-radius:20px}
 .v1-src{top:14px;left:14px;right:14px;bottom:auto;flex-direction:row}.v1-src span{width:34px;height:34px;border-radius:10px}
 .v1-lane{left:10px;right:10px}.v1-belt{left:10px;right:10px;top:150px;height:38px}
 .g1-gate{left:calc(10px + (100% - 20px)*var(--x));top:100px}.g1-gate i{left:-30px;width:60px;height:118px;border-radius:30px 30px 0 0}
 .g1-gate b{left:-50px;width:100px;top:-30px;font-size:12px}.g1-gate small{display:none}
 .tok{width:104px;top:138px;padding:5px 7px}.tok b{font-size:11px}.tok small{display:none}.tok .bd i{font-size:9.5px;padding:1px 5px}
 .v1-bin{left:calc(10px + (100% - 20px)*.52 - 58px);top:228px;bottom:auto;width:116px;height:50px;padding:6px 10px}.v1-bin .n{top:10px;font-size:20px}
 .v1-crm{left:10px;right:10px;top:auto;bottom:10px;width:auto;height:82px;flex-direction:row;align-items:center;gap:10px;padding:10px 12px}
 .v1-crm .h{flex-direction:column;align-items:flex-start;gap:2px;flex:none}.v1-in{flex-direction:row;gap:8px;overflow:hidden}.v1-in div{flex:none;width:140px}.v1-in div:nth-child(n+3){display:none}
 .v1-cnt{gap:8px}.v1-cnt div{padding:10px 12px}.v1-cnt b{font-size:22px}.v1-cnt span{font-size:12px}
 .v1-prom{justify-content:flex-start}.v1-prom li{font-size:13px;padding:7px 12px}
}

/* ===== v32 : Nos modèles, version artisan (09/10/2026) ===== */
.md2s{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}
.md2{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}
.md2-own{border-color:#F2A47E;box-shadow:0 30px 60px -44px #E8341C88}
.md2-or{align-self:center;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--nuit);color:#fff;font-size:14px;font-weight:600}
.md2-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.md2-h h3{margin:0;font-size:24px!important;letter-spacing:-.03em}
.md2-h em{font-style:normal;font-size:12px;font-weight:600;color:#fff;background:var(--grad);border-radius:999px;padding:4px 10px}
.md2-big{margin:12px 0 14px;font-size:20px;line-height:1.3;letter-spacing:-.02em;color:var(--nuit)}.md2-big b{color:#C42B12}
.md2-wl .md2-big b{color:#2B4C8C}
.md2-l{list-style:none;margin:0;padding:0;display:grid;gap:9px}.md2-l li{display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--ink)}
.md2-l li:before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:#0E9F63;margin-top:1px}
.md2-s{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--ink);display:flex;gap:10px;flex-wrap:wrap}.md2-s span{color:var(--mut)}
/* la pub telle que la voit le particulier */
.mph{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 24px 40px -30px #0007;font-size:11.5px;display:flex;flex-direction:column;gap:8px}
.mph-top{display:flex;align-items:center;gap:8px}.mph .av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700}
.mph .nm b{display:block;font-size:12.5px;color:var(--nuit);border-radius:6px;padding:1px 4px;margin-left:-4px}.mph .nm small{color:var(--mut);font-size:10.5px}
.mph-own .nm b{background:#FFE3D6;box-shadow:0 0 0 2px #E8341C}.mph-wl .nm b{background:#E3EAF7;box-shadow:0 0 0 2px #2B4C8C}
.mph-img{height:96px;border-radius:12px;overflow:hidden;background:#EEE}.mph-img img{width:100%;height:100%;object-fit:cover}
.mph p{margin:0;line-height:1.35;color:var(--ink)}
.mph-btn{display:block;text-align:center;border-radius:10px;padding:7px;font-weight:600;color:#fff;font-size:11px}.mph-own .mph-btn{background:#1F6F5C}.mph-wl .mph-btn{background:#2B4C8C}
.mph-note{position:absolute;left:12px;right:12px;bottom:-34px;text-align:center;font-size:12px;line-height:1.3;color:var(--mut)}
.md2-v{padding-bottom:34px}
.md2-same{margin-top:var(--gap);display:grid;grid-template-columns:auto repeat(3,1fr);gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px}
.md2-same>b{font-size:14px;color:var(--mut);font-weight:500;padding-right:8px}.md2-same span{font-size:14.5px;color:var(--mut);display:flex;gap:8px;align-items:baseline}.md2-same strong{color:var(--nuit)}
.md2-same span:before{content:"✓";color:#0B7A4C;font-weight:700}
.md2-det{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.md2-det summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:600;font-size:15px;color:var(--nuit);display:flex;justify-content:space-between;align-items:center}
.md2-det summary::-webkit-details-marker{display:none}.md2-det summary:after{content:"+";font-size:20px;color:#C42B12}.md2-det[open] summary:after{content:"−"}
.md2-tab{width:100%;margin:0;border-collapse:collapse}.md2-tab th,.md2-tab td{padding:12px 20px;text-align:left;font-size:14.5px;border-top:1px solid var(--line)}
.md2-tab thead th{background:#F7F4F1!important;color:var(--nuit)!important;font-weight:600}.md2-tab tbody th{color:var(--mut);font-weight:500;width:30%}
.md2-same+.md2-det+.kprix{margin-top:12px}
@media(max-width:1100px){.md2s{grid-template-columns:1fr}.md2-or{justify-self:center;margin:-8px 0}}
@media(max-width:640px){.md2{grid-template-columns:1fr;padding:20px;gap:18px}.md2-v{max-width:240px;margin:0 auto;width:100%}.md2-big{font-size:18px}
 .md2-same{grid-template-columns:1fr;gap:8px}.md2-tab th,.md2-tab td{padding:10px 12px;font-size:13.5px}}
/* v32b : cartes verticales symétriques */
.md2{position:relative;grid-template-columns:1fr;gap:0;padding:0;overflow:hidden;align-items:stretch}
.md2-v{display:flex;justify-content:center;padding:28px 28px 46px;background:linear-gradient(180deg,#FFF3EC,#FBF8F5);border-bottom:1px solid var(--line)}
.md2-wl .md2-v{background:linear-gradient(180deg,#EEF2F9,#F8F9FB)}
.md2-v .mph{width:230px}
.md2-t{padding:24px 28px 26px;display:flex;flex-direction:column}
.md2-t h3{margin:0;font-size:24px!important;letter-spacing:-.03em}
.md2>.md2-t>em,.md2-t>em{position:absolute;top:16px;right:16px;font-style:normal;font-size:12px;font-weight:600;color:#fff;background:var(--grad);border-radius:999px;padding:5px 11px}
.md2-big{margin:8px 0 16px}
.md2-s{margin-top:auto;padding-top:14px}
.md2-l{margin-bottom:16px}
@media(max-width:640px){.md2-v{padding:22px 16px 44px}.md2-v .mph{width:220px}.md2-t{padding:20px}}

/* ===== v33 · audit symétrie pages service, guides, légales (ux-b, 09/10/2026) ===== */
/* B1 collisions de classes : .dt (pastille du héros accueil) écrase table.dt ; .w (conteneur) décale b.w */
table.dt{height:auto}
.fpc b.w{padding:0;max-width:none;margin:0 0 10px}
/* B2 fil d'Ariane : même ligne de base partout, cible 44 px */
.crumb a{padding:11px 0}
@media(max-width:640px){.crumb [aria-current]{vertical-align:top;padding:11px 0}}
/* B3 formules (tarifs) : la colonne ne déborde plus du panneau */
@media(max-width:960px){.fpanel{grid-template-columns:minmax(0,1fr)}.fpanel>*,.lpb span{min-width:0}}
/* B4 contact : une seule marge intérieure autour du formulaire */
.split>.card>.lf2{padding:0!important}
.subh+section .split.top>.card{padding:32px}
@media(max-width:600px){.subh+section .split.top>.card,.subh+section .split.top>.prose{padding:20px 16px}}
/* B5 étiquette « La preuve » à sa taille */
.split.top>.rv>.kicker{align-self:flex-start}
/* B6 grilles qui finissent proprement */
.fam .g3.stag{justify-content:flex-start}
@media(min-width:981px){.nets7 .nc7{flex-basis:calc(33.333% - 11px)}}
.subh+section>.w>.grid.g3>a.card{display:flex;flex-direction:column}
.subh+section>.w>.grid.g3>a.card>p:last-child{margin-top:auto!important;padding-top:14px}
@media(min-width:601px){.subh+section>.w>.grid.g3>a.card:first-child{grid-column:1/-1}.subh+section>.w>.grid.g3>a.card:first-child h3{font-size:24px}.subh+section>.w>.grid.g3>a.card:first-child p.mut{max-width:760px}}
/* B7 prix des cartes métier alignés en bas */
.mc.mcp>span{display:flex;flex-direction:column;flex:1}.mc.mcp .mcx{margin-top:auto;padding-top:8px}
/* B8 chapô aligné sur le texte qu'il introduit */
section.s>.w>.prose.rv>.lead2{text-align:left;margin-left:0;margin-right:0}
/* B9 une seule colonne de lecture sur les pages à héros centré */
.prose{max-width:700px}
.subh~section .calc{max-width:700px;margin-left:auto;margin-right:auto}
body:has(.subh) .faqw{max-width:760px}body:has(.subh) .faqw>h2{text-align:center}
.prose>:first-child{margin-top:0}
/* B10 tableaux des guides : même carte que les autres tableaux ; sur téléphone, défilement visible */
.prose table:not(.cmp){border:1px solid var(--line);border-radius:16px;border-collapse:separate;border-spacing:0;background:#fff;overflow:hidden}
.prose table:not(.cmp) th{background:#C42B12;color:#fff;font-size:14px;font-weight:600}
.prose table:not(.cmp) tr:last-child td{border-bottom:0}
@media(max-width:640px){
 .prose table,.prose div[style*="overflow-x"]{overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
 .prose div[style*="overflow-x"]>table{-webkit-mask-image:none;mask-image:none}
 .prose table th,.prose table td{min-width:150px;vertical-align:top}.prose table :is(th,td):first-child{min-width:120px}
}
/* B11 fiche de preuve sur téléphone : en-tête sur deux lignes propres */
@media(max-width:600px){.doc .top{flex-direction:column;align-items:flex-start;gap:6px}.doc .top>span{white-space:nowrap}}
/* B12 héros : même hauteur de boutons que les pages métier, H1 tablette plus affirmé */
.subh .cta .btn{min-height:52px}
.subh h1{font-size:clamp(36px,5.6vw,58px)}
/* B13 tableau « données conservées » : colonnes équilibrées */
table.dt th:nth-child(1){width:20%}table.dt th:nth-child(2){width:32%}table.dt th:nth-child(3){width:28%}
@media(min-width:601px){table.dt td:last-child{white-space:normal}}
/* B14 exemple de lead : même gouttière pour les deux rangées */
.pair+.split{column-gap:22px}
/* B15 métiers sur téléphone : cartes horizontales comme les pages métier */
@media(max-width:600px){.fam .mc.mcp{flex-direction:row;min-height:112px}.fam .mc.mcp img{width:112px;height:auto;flex:none;align-self:stretch}.fam .mc.mcp>span{padding:12px 14px}.fam .mc.mcp small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
/* B16 finitions */
.steps:before{right:calc(25% - 16px)}
.toc li{font-size:15.5px}.toc li::marker{color:var(--r-txt);font-variant-numeric:tabular-nums}

/* ===== v33 · audit symétrie et finition (ux-a, 09/10/2026) ===== */
#preuve .kpv .cta{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1100px){.md2{grid-template-rows:auto 1fr}.md2s .md2 .md2-v{padding-top:58px}}
@media(max-width:640px){.md2 .md2-v{max-width:none;width:auto;margin:0}}
@media(max-width:640px){.kkp{grid-template-columns:1fr!important;gap:8px}.kkp div{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;column-gap:14px;padding:14px 16px}.kkp b{font-size:22px}.kkp span{margin-top:0;font-size:14px}}
@media(min-width:641px) and (max-width:1060px){.kmt{grid-template-columns:repeat(3,minmax(0,1fr))}.kmc .im{height:150px}}
@media(max-width:640px){.kmt>.kmc:nth-child(9){grid-column:1/-1;display:grid;grid-template-columns:calc(50% - 5px) 1fr;align-items:center}.kmt>.kmc:nth-child(9) .im{height:100%;min-height:110px}}
.v1-lane{overflow:hidden}
@media(max-width:760px){.v1-in{flex:1;min-width:0}.v1-in div{flex:1;width:auto}.v1-in div:nth-child(n+2){display:none}}
@media(min-width:761px) and (max-width:1060px){.g1-gate i{left:-32px;width:64px;border-radius:32px 32px 0 0}.g1-gate b{left:-50px;width:100px;top:-18px;font-size:13px}.g1-gate small{display:none}}
body:not(:has(.khero)) section.s .faqw>h2{text-align:center}
@media(min-width:861px){.pmres{align-items:stretch}table.cmp.pmtb caption{height:30px}.pmres>table.pmtb{height:calc(100% - 30px)}}
table.cmp.pmtb caption{padding:0 18px 10px}
.pmv-g{display:flex;flex-wrap:wrap;justify-content:center}
.pmv-g>.pmv{flex:0 0 calc((100% - 48px)/4);min-width:0}
.pmv-g.pmv-3>.pmv,.pmv-g:not(:has(>.pmv:nth-child(4)))>.pmv{flex-basis:calc((100% - 32px)/3)}
@media(max-width:1060px){.pmv-g>.pmv,.pmv-g.pmv-3>.pmv{flex-basis:calc((100% - 16px)/2)}}
@media(min-width:561px) and (max-width:1060px){.pmv-g:not(:has(>.pmv:nth-child(4)))>.pmv{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:560px){.pmv-g>.pmv,.pmv-g.pmv-3>.pmv,.pmv-g:not(:has(>.pmv:nth-child(4)))>.pmv{flex-basis:100%}}
@media(min-width:981px){#voisins .pmfur .res4:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.khero .cta .btn{width:100%}}
@media(min-width:641px){table.cmp.pmcmp tbody th{padding-top:4px;padding-bottom:4px}}
table.cmp tr:last-child th{border-bottom:0}
.pm2{align-items:center}.pm2-a>.pmx{margin-top:24px}
@media(min-width:641px){.kreass .w span,.kreass .w span:last-child{display:inline-block!important;position:relative;padding-left:26px}.kreass .w span:before{position:absolute;left:0;top:50%;transform:translateY(-50%)}}
@media(min-width:1061px){.khd{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}.khd>div{grid-column:span 2}
 .kcon{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}.kcon>p:first-child{grid-column:span 2;max-width:640px}}
main .btn{min-height:52px}
@media(min-width:981px){.pm#prix .t2,.pm#acheter .t2,.pmmk .t2{max-width:none}}
#prix .t2 div[style*="overflow-x"]{margin:16px 0}
#marche .split h2{font-size:clamp(24px,2.4vw,32px)}#marche .split.top{align-items:center}
#acheter .lb>p:last-child{text-align:center;margin:32px auto 0}
@media(max-width:640px){section.s.pm>.w>.lb>h2,section.s.pm>.w>.rv>h2:first-child,section.s.pm>.w>.rv>.lead2,section.s.pm .lb>p.mut,section.s.pm .pmgen>h2,section.s.pm .pmgen>.lead2,section.s.pm .faqw>h2{text-align:left}.pm .lb>.kicker{display:inline-flex;margin:0}}
@media(min-width:641px) and (max-width:1100px){.md2-same{grid-template-columns:repeat(3,minmax(0,1fr))}.md2-same>b{grid-column:1/-1}}
@media(min-width:700px) and (max-width:1100px){.md2s{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;position:relative}.md2-or{position:absolute;left:50%;top:160px;transform:translateX(-50%);z-index:2;margin:0}}
.pmcard dl{column-gap:0}.pmcard dd{padding-left:12px}
@media(min-width:601px) and (max-width:980px){.pmh-v,.pmf-col{margin-left:0;margin-right:auto}}
@media(min-width:1061px){.khero h1{font-size:clamp(48px,4.4vw,62px)!important;text-wrap:pretty}}
@media(max-width:640px){.doc .top{flex-wrap:wrap;row-gap:6px}.doc .top>span{white-space:nowrap}}
@media(max-width:640px){.crumb{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.3em}}
@media(max-width:640px){.v1-prom{display:grid;gap:6px}.v1-prom li{border:0;background:none;padding:2px 0;border-radius:0}}
.knev li{align-items:center}
@media(min-width:1061px){.kmc h3{min-height:2.5em}}

/* ===== v34 · passe finale ordinateur + cohérence (agent ux, 09/10/2026) ===== */
/* P1 pages métier : le <script> de la barre d'ancres casse « section blanche + #contact » → 200 px de vide avant la bande CTA */
main>section.s:not(.alt):not(.kdark):not(.dk)+script+section#contact{padding-top:0}
/* P16 accueil ≥ 1061 : le bandeau « En bref » (SIREN, sans engagement) entre dans le premier écran (1440×900, 1366×768, 1280×800) */
@media(min-width:1061px){.khero{min-height:min(800px,calc(100vh - 131px))!important;padding:56px 0 60px!important}}
/* P2 accueil ≥ 1061 : titre du héros sur 3 lignes à toutes les largeurs (62 px à 1440 = 4 lignes) */
@media(min-width:1061px){.khero h1{font-size:clamp(46px,4.4vw,57px)!important}}
/* P3 accueil : bouton secondaire du héros comme sur toutes les autres pages (blanc, pas rouge sur dégradé rouge) */
.khero .btn.o{color:#fff;border-color:#ffffff55}.khero .btn.o:hover{border-color:#fff;background:#ffffff10}
/* P4 accueil : la FAQ suit la grille des autres sections (étiquette + titre à gauche, questions sur 2/3 dès 1061 px). Va avec la modif Python de home13.py (div.faqh) */
body:has(.khero) .faqw>.faqh>h2{margin:14px 0 var(--head)}
@media(min-width:1061px){
 body:has(.khero) .faqw{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;align-items:start}
 body:has(.khero) .faqw>:is(h2,.faqh){grid-column:1;grid-row:1/span 20;position:sticky;top:112px;margin:0;text-align:left}
 body:has(.khero) .faqw>.faqh>h2{margin:14px 0 0;text-align:left}
 body:has(.khero) .faqw>details{grid-column:2/-1}
}
/* P5 méga-menu : les liens « + N autres » sur une même ligne */
@media(min-width:981px){.mcol{display:flex;flex-direction:column}.mcol>.mlinks{flex:1}.mcol>.mlinks>.mmore{margin-top:auto}}
/* P6 menu Ressources : descriptions sur une ligne, rangées de même hauteur */
@media(min-width:981px){.mm-small .mmp{width:640px}.mres a{min-height:64px;align-items:center}}
/* P7 1061-1240 px : bandeau « En bref » sur une seule ligne (4 + 1 aujourd'hui) : filets au lieu des pastilles, texte gardé à 14 px */
@media(min-width:1061px) and (max-width:1240px){.kreass .w{gap:8px 0}.kreass .w span,.kreass .w span:last-child{padding:0 10px!important;border-left:1px solid #D9D2CB}.kreass .w span:first-child{border-left:0;padding-left:0!important}.kreass .w span:last-child{padding-right:0!important}.kreass .w span:before{display:none}}
/* P8 pages métier ≥ 641 : « Nos formules » centré comme les 9 autres têtes de section */
@media(min-width:641px){section.s.pm .khd{display:block;text-align:center;max-width:860px;margin-left:auto;margin-right:auto}section.s.pm .khd>p{margin:16px auto 0;max-width:720px}section.s.pm .khd h2{text-wrap:balance}}
/* P9 641-1060 : prix + bouton sur une ligne au lieu d'un bouton de 918 px */
@media(min-width:641px) and (max-width:1060px){.kprix{grid-template-columns:minmax(0,1fr) auto;column-gap:24px}.kprix>div{grid-column:1;grid-row:1}.kprix>.btn{grid-column:2;grid-row:1;width:auto;margin:0}.kprix>ul{grid-column:1/-1;grid-row:2}}
/* P10 pied de page ≥ 1061 : une seule grille de 5 colonnes pour les deux étages */
@media(min-width:1061px){.ft-main{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--s6)}.ft-brand{grid-column:1/span 3;max-width:480px}}
/* P11 « Nos engagements » : 4 rangées de même hauteur */
@media(min-width:1061px){.knev li{min-height:78px}}
/* P12 convoyeur : la dernière fiche du CRM s'efface au lieu d'être coupée */
@media(min-width:761px){.v1-crm:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(#0B090800,var(--nuit) 80%);pointer-events:none}}
/* P13 focus clavier aux couleurs de la marque */
:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid #FF8A2A;outline-offset:3px}
/* P14 guide complet (/acheter-des-leads-energie) ≥ 1280 : sommaire collant dans la marge gauche, 5 500 px de texte sans repère */
@media(min-width:1280px){article.prose:has(>.brief .toc){max-width:1000px;padding-left:300px;box-sizing:border-box}
article.prose>.brief:has(.toc){float:left;clear:left;width:256px;margin:0 0 0 -300px!important;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding:16px 16px 12px}
article.prose>.brief:has(.toc) .toc{columns:1!important;margin:8px 0 0}
article.prose>.brief:has(.toc) .toc li{font-size:13.5px;line-height:1.35;margin:0 0 7px}}
/* P15 901-1060 px (iPad paysage, petits portables) : bande CTA en deux colonnes comme sur ordinateur, au lieu d'un formulaire de 920 px de large */
@media(min-width:901px) and (max-width:1060px){.ctab{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important}.ctab .l{padding:36px 28px!important}.ctab .r{padding:20px!important}}

/* ===== v34 · CRO accueil téléphone et tablette (agent cro-mobile, 09/10/2026) =====
   À coller en FIN de src/metier.css. Ne touche ni à l'en-tête (bouton « Faire un test » toujours visible) ni à la DA. */

/* ---------- 1. Tablette paysage et 1024 portrait (900-1060 px) : retour aux 2 colonnes ---------- */
@media(min-width:900px) and (max-width:1060px){
 .khero .hg{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:32px;align-items:center}
 .khero h1{font-size:clamp(40px,4.6vw,48px);text-wrap:balance}
 .khero .lede{font-size:17px}
 .kin{max-width:420px!important;margin:0 0 0 auto!important}
 .kpv{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
 .ctab{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}
 .ctab .l{padding:40px 32px!important}
 .kpv .doc .top{flex-direction:column;align-items:flex-start;gap:4px}
}
/* ---------- 2. Tablette portrait (641-899 px) : la carte du héros s'aligne sur la colonne de texte ---------- */
@media(min-width:641px) and (max-width:899px){.kin{max-width:none!important;margin:32px 0 0!important}}

/* ---------- 3. Héros téléphone : prix sur sa ligne, chapô moins haut ---------- */
@media(max-width:640px){
 .khero .lede{font-size:16.5px;line-height:1.55;margin-bottom:14px}
 .kfrom b{display:table;margin-bottom:6px}
}

/* ---------- 4. Téléphone : moins d'écrans, sans retirer d'argument ---------- */
@media(max-width:640px){
 /* La preuve : la fiche montre déjà les 7 éléments ; la liste fait doublon */
 #preuve .kli{display:none}
 #preuve .kpv-p{margin-bottom:22px}
 /* Notre suivi : cartes compactes, calendrier en 2 x 2, note redondante avec la FAQ « engagement » */
 .ksub{margin:36px 0 14px}
 .ktl2{grid-template-columns:1fr 1fr;gap:18px 14px}
 .knote2{display:none}
 /* Nos modèles : la pub sans photo, « Dans les deux cas » répète le chapô et le bloc prix */
 .md2-v .mph-img{display:none}
 .md2-same{display:none}
 .md2-det{margin-top:var(--gap)}
 /* Nos métiers : 6 photos + les pastilles suffisent */
 .kmt>.kmc:nth-child(n+7){display:none}
 /* Nos engagements : liste compacte */
 .knev{gap:6px}
 .knev li{padding:10px 14px;font-size:15px;line-height:1.4;border-radius:12px}
}

/* Notre suivi, partout où les 3 cartes sont empilées (≤ 960 px) : numéro dans la marge, cartes moins hautes */
@media(max-width:960px){
 .kp3{gap:10px}
 .kp3>div{position:relative;padding:18px 20px 18px 56px}
 .kp3 .n{position:absolute;left:20px;top:21px;font-size:14px}
 .kp3 h3{margin:0 0 6px;font-size:17.5px!important}
 .kp3 p{font-size:15px;line-height:1.5}
}
@media(max-width:640px){
 /* Héros : 3 demandes dans la carte au lieu de 4 */
 .irows>.ir:nth-child(n+4){display:none!important}
 /* Notre solution : les 6 icônes sont déjà en tête du convoyeur */
 .kcol-l{display:none}
}

/* ---------- 5. Convoyeur : compteurs lisibles ---------- */
@media(max-width:760px){.v1-cnt span{display:block;font-size:13.5px;line-height:1.3;margin-top:2px}}

/* ---------- 6. Pop-up téléphone : le bouton « Continuer » visible sans défiler, plus de collision avec le ✕ ---------- */
@media(max-width:640px){
 .lm-l .ktag{display:none}
 .lm .qks{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .lm .qks::-webkit-scrollbar{display:none}
 .lm .qk{flex:none}
}

/* ---------- 7. Textes à 14 px minimum (hors maquettes) ---------- */
.lf-st{font-size:14px}
.lgd{font-size:13.5px}
.lf2 .seg span small{font-size:13px}
.lf2 .note,.lf .note{font-size:14px}
.md2>.md2-t>em,.md2-t>em{font-size:13px}
.md2-tab th,.md2-tab td{font-size:14px}
@media(max-width:640px){.kreass .w{font-size:14px!important}}

/* ---------- 8. Cibles tactiles à 44 px ---------- */
.qk{min-height:44px;padding:0 14px;font-size:14px}
.kpills a{display:inline-flex;align-items:center;min-height:44px}
.hd .nav>a.btn.nc{min-height:44px}
.lm-x{width:44px;height:44px}
.ctab .q a{display:inline-flex;align-items:center;min-height:44px;vertical-align:middle}
.ft-h a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:981px){.hd .btn{min-height:44px}.hd .nav>a,.hd .mmb{min-height:44px}}

/* ===== v35 : étude de cas Green Energy sur l'accueil (photo en grand + bande) ===== */
.cs3{position:relative;margin:0;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -50px #0008}
.cs3>img{display:block;width:100%;height:auto;aspect-ratio:16/8.2;object-fit:cover;object-position:50% 55%}
.cs3-band{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:#0B0908d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:16px 20px;color:#fff}
.cs3-id{display:flex;gap:12px;align-items:center}.cs3-id b{display:block;font-size:16px;color:#fff}.cs3-id small{font-size:13.5px;color:#ffffffaa}
.cs3 .ge-logo{width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none}.cs3 .ge-logo img{width:32px;height:32px;object-fit:contain}
.cs3-n{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:0 36px}
.cs3-n b{display:flex;align-items:baseline;gap:3px;white-space:nowrap;font-size:36px;font-weight:600;letter-spacing:-.04em;line-height:1;color:#fff}
.cs3-n b small{font-size:.5em}.cs3-n b small.pre{font-size:.55em;color:#ffffffa6;margin-right:2px}
.cs3-n>div:first-child b{background:linear-gradient(100deg,#FF6A4D,#FFB45A);-webkit-background-clip:text;background-clip:text;color:transparent}
.cs3-n>div>span{display:block;margin-top:6px;font-size:14px;color:#ffffffb8}
.cs3-band .btn{min-height:52px}
.cs-note{margin:14px 0 0;font-size:13.5px;color:var(--mut);text-align:center}
@media(max-width:1060px){.cs3-band{position:static;grid-template-columns:1fr;gap:18px;border-radius:0;background:var(--nuit)}.cs3-n{justify-content:start}}
@media(max-width:640px){.cs3>img{aspect-ratio:4/3}.cs3-n{grid-template-columns:1fr;gap:14px}.cs3-n>div{display:flex;gap:12px;align-items:baseline}.cs3-n>div>span{margin:0}.cs3-band .btn{width:100%}}
/* ===== QA v35 · finition accueil (à coller en FIN de metier.css) ===== */

/* P1 Alternance stricte des fonds : blanc / gris / blanc… de « Le constat » au formulaire.
   Plus aucun fond identique consécutif, donc plus de filet ni de demi-espace : 2 × --sec partout. */
body:has(.khero) main>section.s#solution,
body:has(.khero) main>section.s#suivi,
body:has(.khero) main>section.s#metiers{background:var(--lin)}
body:has(.khero) main>section.s#etude-de-cas,
body:has(.khero) main>section.s#engagements{background:#fff}
body:has(.khero) main>section.s:is(#constat,#solution,#etude-de-cas,#suivi,#preuve,#metiers,#engagements),
body:has(.khero) main>section.s#engagements+section.s{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
body:has(.khero) main>section.s:is(#solution,#etude-de-cas,#suivi,#preuve,#metiers,#engagements)>.w:before,
body:has(.khero) main>section.s#engagements+section.s>.w:before{content:none!important}

/* P2 En-têtes 2/3 + 1/3 (≥1061) : l'intro démarre toujours à la hauteur du H2 (étiquette 29 px + 12 px) */
@media(min-width:1061px){body:has(.khero) .khd{align-items:start}body:has(.khero) .khd>p{margin-top:41px}}

/* P3 Étiquette → titre = 12 px partout (FAQ 14, formulaire 18) */
body:has(.khero) .faqw>.faqh>h2{margin-top:12px}
.ctab .l>.kicker{margin-bottom:12px}

/* P4 Étude de cas : panneau « Service technique » entier (≥1061) ; chiffres centrés sur la bande, donc sur la photo (≥1240, quand l'identité tient sur 2 lignes) */
@media(min-width:1061px){.cs3>img{object-position:50% 40%}}
@media(min-width:1240px){.cs3-band{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.cs3-band>.btn{justify-self:end}}

/* P4b Étude de cas 1061–1239 : les 3 libellés tiennent sur une ligne (sinon « de prise de / rendez-vous » casse et la bande passe de 96 à 119 px) */
@media(min-width:1061px) and (max-width:1239px){.cs3-band{gap:20px}.cs3-n{gap:0 20px}.cs3-n>div>span{font-size:13.5px;white-space:nowrap}}

/* P5 Étude de cas 641–1060 : identité + bouton sur une ligne, 3 chiffres en 3 colonnes égales */
@media(min-width:641px) and (max-width:1060px){
 .cs3-band{grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:24px;padding:24px}
 .cs3-id{grid-column:1;grid-row:1}
 .cs3-band>.btn{grid-column:2;grid-row:1;width:auto}
 .cs3-n{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}}

/* P6 Étude de cas ≤640 : libellés alignés en colonne (largeur de chiffre fixe) */
@media(max-width:640px){.cs3-n>div{display:grid;grid-template-columns:116px minmax(0,1fr);column-gap:12px;align-items:baseline}}

/* P7 Constat 641–1060 : 3 cartes chiffrées de même largeur */
@media(min-width:641px) and (max-width:1060px){.kkp{grid-template-columns:repeat(3,minmax(0,1fr))!important}.kkp b{font-size:clamp(26px,3.6vw,36px)}}

/* P8 Compteurs du convoyeur sur la grille 3 colonnes (gouttière 16 px comme toutes les cartes) */
@media(min-width:761px){.v1-cnt{gap:16px}}

/* P9 Carte « La collecte » : le texte occupe la carte, plus de vide à droite */
body:has(.khero) .kcol p{max-width:none}

/* P10 Notre suivi : titres 1 ou 2 lignes, textes alignés d'une carte à l'autre */
@media(min-width:641px){.kp3{grid-template-rows:auto auto 1fr}.kp3>div{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}}

/* P11 Nos métiers 641–1060 : titres réservés sur 2 lignes (comme ≥1061) */
@media(min-width:641px) and (max-width:1060px){.kmc h3{min-height:2.5em}}
@media(min-width:641px) and (max-width:740px){.kmc h3{min-height:3.75em}}

/* P12 Notes sous visuels : une seule taille, un seul écart */
.v1-note,.cs-note{font-size:13px;margin-top:12px}

/* P13 Bandeau « en bref » 641–1060 : grille 2 colonnes alignée sur le conteneur, SIREN sur sa ligne (comme le mobile) */
@media(min-width:641px) and (max-width:1060px){.kreass .w{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px!important;justify-content:stretch}.kreass .w span:last-child{grid-column:1/-1}}

/* P14 Mobile : la phrase de cadrage de « Notre suivi » reste visible (même contenu qu'à l'ordinateur) */
@media(max-width:640px){.knote2{display:block;font-size:15px;margin-top:20px}}

/* P15 Bouton « Continuer » du formulaire : 52 px comme tous les boutons de page */
.ctab .lf-next{min-height:52px;height:52px}

/* v36 : FAQ de l'accueil, titre centré au-dessus des questions */
body:has(.khero) .faqw{display:block!important;max-width:860px!important;margin-left:auto;margin-right:auto}
body:has(.khero) .faqw>.faqh{position:static!important;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 var(--head)!important}
body:has(.khero) .faqw>.faqh>h2{text-align:center!important;margin:12px 0 0!important}
body:has(.khero) .faqw>details{grid-column:auto}

/* ===== v37 : en-tête « Cas clients » + page /cas-clients (LeadEnergie × Green Energy PV) ===== */
.hd .btn.hcas{background:#FFE9DF;color:#C42B12;border:1px solid #F8C9B3}.hd .btn.hcas:hover{background:#FFDCCB}
.cc-top{padding-top:var(--sec)}
.cc-card{display:grid;grid-template-columns:1.15fr 1fr;background:var(--nuit);color:#fff;border-radius:28px;overflow:hidden;box-shadow:0 50px 90px -50px #000a}
.cc-media{position:relative;min-height:440px}.cc-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cc-live{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;background:#0B0908c4;color:#fff;font-size:13px;border-radius:999px;padding:7px 13px;backdrop-filter:blur(6px)}
.cc-live i{width:9px;height:9px;border-radius:50%;background:#FF5A3C;animation:gelive 1.8s infinite}@keyframes gelive{0%{box-shadow:0 0 0 0 #FF5A3C99}70%{box-shadow:0 0 0 9px #FF5A3C00}100%{box-shadow:0 0 0 0 #FF5A3C00}}
.cc-body{position:relative;isolation:isolate;overflow:hidden;padding:44px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.cc-body:before{content:"";position:absolute;z-index:-1;width:120%;aspect-ratio:1;right:-40%;top:-60%;border-radius:50%;background:radial-gradient(circle,#E8341C88,#E8341C00 60%);filter:blur(30px);animation:cs1d 16s ease-in-out infinite alternate}@keyframes cs1d{to{transform:translate(-14%,20%) scale(1.1)}}
.cc-x{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cc-x i{font-style:normal;font-size:22px;color:#ffffff80}
.cc-x>span{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--nuit);border-radius:14px;padding:8px 14px 8px 8px}.cc-x b{font-size:15.5px}
.cc-x svg,.cc-x img{width:30px;height:30px;object-fit:contain}
.cc-body .ktag{align-self:flex-start;color:#fff!important;background:transparent!important;border-color:#ffffff66!important}
.cc-body h2{color:#fff;font-size:clamp(30px,3vw,42px)!important;line-height:1.1;margin:0}
.cc-lede{margin:0;color:#ffffffc7;font-size:17px;line-height:1.6}
.cc-k{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.cc-k>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.cc-k b{display:flex;align-items:baseline;gap:3px;white-space:nowrap;font-size:clamp(38px,3.6vw,52px);font-weight:600;letter-spacing:-.05em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc-k b small{font-size:.45em}.cc-k b small.pre{-webkit-text-fill-color:var(--mut);color:var(--mut);font-size:.5em;margin-right:2px}
.cc-k>div>span{display:block;margin-top:8px;font-size:15.5px;line-height:1.4;color:var(--mut)}
.cc-client{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.cc-team{position:relative;margin:0;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -50px #0008}.cc-team img{display:block;width:100%;height:auto;aspect-ratio:4/3.1;object-fit:cover}
.cc-team figcaption{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:14px;padding:10px 14px}.cc-team figcaption b{display:block;font-size:15.5px;color:var(--nuit)}.cc-team figcaption small{font-size:13.5px;color:var(--mut)}
.cc-txt h2{margin:12px 0 14px}.cc-txt>p{color:var(--mut);font-size:16.5px;line-height:1.65;margin:0}
.cc-ctx{margin-top:22px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--r);border-radius:14px;padding:18px 20px}.cc-ctx b{font-size:15px;color:#C42B12;text-transform:uppercase;letter-spacing:.05em;font-family:var(--mono)}.cc-ctx p{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--ink)}
.cc-meca{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc-mc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.cc-mc .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;font-size:12.5px;font-weight:700}
.cc-mc h3{margin:14px 0 8px;font-size:18px!important}.cc-mc p{margin:0;font-size:15px;line-height:1.55;color:var(--mut)}
.cc-res{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.cc-res-v{position:relative;min-height:380px}.cc-res-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cc-res-t{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.cc-step{border:1px solid var(--line);border-radius:16px;padding:16px 20px;display:flex;align-items:baseline;gap:14px}.cc-step b{font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--nuit)}.cc-step span{font-size:15.5px;color:var(--mut)}
.cc-step.on{background:var(--nuit);border-color:var(--nuit)}.cc-step.on b{background:linear-gradient(100deg,#FF6A4D,#FFB45A);-webkit-background-clip:text;background-clip:text;color:transparent}.cc-step.on span{color:#ffffffcc}
.cc-arrow{font-family:var(--mono);font-size:14px;color:#C42B12;padding-left:20px}
.cc-res-t p{margin:12px 0 0;font-size:14.5px;line-height:1.55;color:var(--mut)}
.cc-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cc-gal figure{margin:0;border-radius:16px;overflow:hidden}.cc-gal img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .8s}.cc-gal figure:hover img{transform:scale(1.05)}
@media(max-width:1060px){.cc-card,.cc-res{grid-template-columns:1fr}.cc-media{min-height:320px}.cc-res-v{min-height:280px}.cc-k{grid-template-columns:1fr 1fr}.cc-client{grid-template-columns:1fr;gap:28px}.cc-meca{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cc-body,.cc-res-t{padding:24px}.cc-media{min-height:240px}.cc-k{grid-template-columns:1fr;gap:10px}.cc-k>div{display:flex;align-items:baseline;gap:14px;padding:16px 18px}.cc-k b{font-size:36px;min-width:120px}.cc-k>div>span{margin:0}.cc-meca{grid-template-columns:1fr}.cc-gal{grid-template-columns:1fr 1fr;gap:8px}}
.cc-body h2{font-size:clamp(28px,2.5vw,36px)!important}.cc-body h2 .it,.cc-body h2 span{white-space:normal!important;display:inline}
.cc-body{min-width:0}.cc-card>*{min-width:0}
/* v38 : bande du cas client, identité sur 2 lignes nettes */
.cs3-id{min-width:0}.cs3-id>span:last-child{min-width:0}.cs3-id b{white-space:nowrap}.cs3-id small{white-space:nowrap}
@media(min-width:1061px){.cs3-band{grid-template-columns:minmax(230px,auto) 1fr auto}.cs3-n{gap:0 28px}}
/* ===== QA v38 · passe design + confiance de l'accueil (à coller en FIN de metier.css) ===== */

/* U1 Engagements → formulaire : deux fonds blancs consécutifs = 2 × --sec de blanc (224 px à 1440, 128 px à 390).
   La carte du formulaire fait office de changement de fond : un seul --sec suffit. */
body:has(.khero) main>section.s#engagements+section.s#contact{padding-top:0!important}

/* U2 Cas client ≥1240 : les 3 libellés sur une ligne (« rendez-vous posés en 12 / mois » cassait seul, bande 119 px) */
@media(min-width:1240px){.cs3-n{gap:0 24px}.cs3-n>div>span{white-space:nowrap;font-size:13.5px}}

/* U2b Cas client 1061–1239 : le bouton cassait sur 3 lignes (« Voir le / cas / client », 127 × 88 px à 1100, bande 120 px).
   Même mise en page qu'à 1024 : bande sous la photo, identité + bouton sur une ligne, 3 chiffres en 3 colonnes égales. */
.cs3-band .btn{white-space:nowrap}
@media(min-width:1061px) and (max-width:1239px){
 .cs3-band{position:static;grid-template-columns:minmax(0,1fr) auto!important;column-gap:24px;row-gap:24px;padding:24px;border-radius:0;background:var(--nuit)}
 .cs3-id{grid-column:1;grid-row:1}
 .cs3-band>.btn{grid-column:2;grid-row:1;width:auto}
 .cs3-n{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;justify-content:stretch}
 .cs3-n>div>span{white-space:normal;font-size:14px}}

/* U3 Cas client : « Voir le cas client » en bouton secondaire clair sur la bande sombre
   (une seule action principale par page : « Faire un test ») — va avec class="btn o" dans home13.py */
.cs3-band .btn.o{border-color:#ffffff59;color:#fff;background:transparent;box-shadow:none}
.cs3-band .btn.o:hover{border-color:#fff;background:#ffffff14}

/* U4 Bandeau « en bref » à 4 éléments (home13.py) : 2 × 2 sans ligne orpheline ≤1060, liens discrets */
@media(min-width:641px) and (max-width:1060px){.kreass .w>:last-child{grid-column:auto!important}}
@media(max-width:640px){.kreass .w>:last-child{grid-column:auto!important}}
.kreass a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:24px}
.kreass a:hover b,.kreass a:hover{color:var(--r)}
.kreass a.sir{text-decoration:underline;text-decoration-color:#C9C0B8;text-underline-offset:3px}
@media(min-width:641px){.kreass .w a{display:inline-block!important;position:relative;padding-left:26px}
 .kreass .w a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--grad);box-shadow:inset 0 0 0 5px var(--gris)}}
@media(max-width:640px){.kreass .w a{display:block!important;position:relative;padding-left:26px}
 .kreass .w a:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--grad);box-shadow:inset 0 0 0 5px var(--gris)}}
@media(min-width:1061px) and (max-width:1240px){.kreass .w a{padding:0 10px!important;border-left:1px solid #D9D2CB}.kreass .w a:before{display:none}.kreass .w>:first-child{border-left:0;padding-left:0!important}.kreass .w>:last-child{padding-right:0!important}}

/* U5 Notre suivi sans les 3 cartes (home13.py) : le calendrier suit directement l'en-tête */
body:has(.khero) #suivi .khd+.ktl2{margin-top:var(--head)}

/* U6 Nos métiers 641–1060 : description réservée sur 2 lignes, rangées de même hauteur (302 / 279 px) */
@media(min-width:641px) and (max-width:1060px){.kmc .t p{min-height:3.2em}}

/* U7 Nos métiers : le lien « Voir les 36 métiers » seul, centré sous les 6 cartes (home13.py) */
body:has(.khero) #metiers .kpills{justify-content:center}

/* U8 Formulaire de fin, téléphone : les 3 étapes en une ligne chacune (−150 px avant le formulaire) */
@media(max-width:640px){body:has(.khero) #contact .nx small{display:none}body:has(.khero) #contact .nx li{min-height:0}}

/* U9 La preuve 641–1060 : colonne de gauche calée en haut (étiquette 9 px plus bas que les autres sections à 1024, décalée de la fiche) */
@media(min-width:641px){#preuve .kpv>.rv:first-child{justify-content:flex-start}}

/* ===== v39 : section « La preuve » de l'accueil, refaite ===== */
.kpr{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.kpr-l{display:flex;flex-direction:column;gap:20px}
.kpr-g{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}
.kpr-c{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:8px}
.kpr-c .ic{width:44px;height:44px;border-radius:12px;background:#FFF3EC;display:grid;place-items:center;margin-bottom:6px}.kpr-c .ic svg{width:22px;height:22px}
.kpr-c b{font-size:18px;letter-spacing:-.02em;color:var(--nuit)}.kpr-c p{margin:0;font-size:15px;line-height:1.55;color:var(--mut)}
.kpr-cta{display:flex;flex-wrap:wrap;gap:12px}.kpr-cta .btn{min-height:52px}
.kpr-r{display:flex}.kpr-r .doc{width:100%;margin:0!important;max-width:none!important}
@media(max-width:1060px){.kpr{grid-template-columns:1fr}.kpr-l{order:0}.kpr-r{order:1}.kpr-cta{order:2}}
@media(max-width:640px){.kpr-g{grid-template-columns:1fr;gap:10px}.kpr-c{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;padding:18px}.kpr-c .ic{margin:0}.kpr-c p{flex-basis:100%}.kpr-cta .btn{width:100%}}
/* v39b : fiche raccourcie sur l'accueil (7 lignes utiles), cartes compactes centrées face à la fiche */
.kpr-r .doc dl>:is(dt,dd):is(:nth-of-type(2),:nth-of-type(6),:nth-of-type(7),:nth-of-type(8)){display:none}
.kpr{align-items:center}.kpr-g{flex:none;align-content:start}
.kpr-c{justify-content:flex-start}
/* v39c : colonnes de même hauteur — fiche à 5 lignes + texte coché, cartes étirées sur toute la hauteur */
.kpr-r .doc dl>:is(dt,dd):is(:nth-of-type(4),:nth-of-type(10)){display:none}
.kpr-r .doc .chan{display:none}
@media(min-width:1061px){.kpr{align-items:stretch}.kpr-l{height:100%}.kpr-g{flex:1;grid-template-rows:1fr 1fr}.kpr-c{justify-content:center}}
@media(min-width:1061px){.kpr-c{justify-content:flex-start;padding:28px}}
.fam h2.famh{font-size:24px;letter-spacing:-.03em;margin:8px 0 0}.fam h2.famh a{text-decoration:none}.fam h2.famh a:hover{color:var(--r)}
.fam h2.famh{font-size:24px;letter-spacing:-.03em;margin:8px 0 0}.fam h2.famh a{text-decoration:none}.fam h2.famh a:hover{color:var(--r)}
/* ===== v40 UX : passe finale avant publication (09/10/2026) =====
   À coller en FIN de src/metier.css. Aucune règle ne masque le bouton principal de l'en-tête.
   A = défauts, B = détails vivants. Chaque bloc est indépendant. */

/* A1 · Pop-up : le ✕ chevauche la barre de progression (≥761 px).
   La règle O5 « .lm-r .lf-prog{margin-right:48px} » perd contre « .lf2.js2 .lf-prog{margin:0 0 20px} » (spécificité). */
@media(min-width:761px){.lm-r .lf2.js2 .lf-prog{margin-right:52px}}

/* A2 · Pop-up : liseré blanc dans l'arrondi haut-gauche du panneau noir */
.lm-in{background:var(--nuit)}.lm-r{background:#fff}

/* A3 · En-tête : les liens (Notre méthode, Conformité, Tarifs) sont 2 px plus haut que Métiers / Ressources / boutons */
@media(min-width:981px){.nav>a:not(.nc){display:inline-flex;align-items:center}}

/* A4 · En-tête 981-1180 px (iPad paysage, petits portables) : « Cas clients » disparaît alors qu'il reste 190 px libres */
@media(min-width:981px) and (max-width:1180px){.hd .btn.hdo.hcas{display:inline-flex!important;padding:9px 14px;font-size:14px;margin-left:4px}}

/* A5 · Menu mobile : le burger ne devient pas une croix, « Cas clients » perd sa pastille pêche */
@media(max-width:980px){
 .hd.open .burger svg{display:none}
 .hd.open .burger:before{content:"";width:18px;height:18px;background:linear-gradient(45deg,transparent 45%,var(--nuit) 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--nuit) 45% 55%,transparent 55%)}
 .hd.open .nav>a.btn.nc{background:#FFE9DF!important;color:#C42B12!important;border-color:#F8C9B3!important;font-weight:600}
}

/* A6 · Pages métier, héros : « Preuve de la demande jointe » seule sur sa ligne (390, 1024-1199, 1280, 1440) */
.pmh-re{column-gap:20px}
@media(max-width:640px),(min-width:981px) and (max-width:1199px){.pmh-re{flex-direction:column;align-items:flex-start;row-gap:6px}}

/* A7 · Pages métier, fiche du héros : la pastille « Exclusif » seule sur sa ligne (≥981 et 360) */
.pmc-ok{gap:4px;padding:10px 8px 12px}.pmc-ok span{padding:4px 6px;letter-spacing:-.01em}

/* A8 · /cas-clients, téléphone : « LeadEnergie × » puis « Green Energy PV » sur deux lignes */
@media(max-width:640px){.cc-x{gap:6px 8px}.cc-x>span{padding:5px 10px 5px 5px;gap:6px;border-radius:12px}.cc-x b{font-size:13.5px}.cc-x svg,.cc-x img{width:22px;height:22px}.cc-x i{font-size:16px}}
@media(max-width:374px){.cc-x{gap:6px}.cc-x>span{padding:4px 8px 4px 4px;gap:5px}.cc-x b{font-size:12.5px}}

/* A9 · Tableaux des guides (/acheter-des-leads-energie et 7 guides du blog), téléphone : 3e colonne et suivantes cachées derrière un fondu, cellules de 150 px minimum.
   En cartes empilées. Le libellé de colonne s'affiche dès que layout.py pose data-l sur les cellules (voir changement Python H3). */
@media(max-width:640px){
 .prose table:not([class]){display:block;border:0;background:none;overflow:visible;-webkit-mask-image:none;mask-image:none}
 .prose table:not([class]) thead{display:none}
 .prose table:not([class]) tbody,.prose table:not([class]) tr,.prose table:not([class]) td{display:block;width:auto;min-width:0!important}
 .prose table:not([class]) tr{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 10px;background:#fff}
 .prose table:not([class]) td{border:0!important;padding:3px 0;font-size:15px}
 .prose table:not([class]) td:first-child{font-weight:600;font-size:16px;padding-bottom:6px}
 .prose table:not([class]) td[data-l]:not(:first-child):before{content:attr(data-l);display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:4px 0 1px}
}

/* A10 · Sous-pages, téléphone : fil d'Ariane collé à gauche sous un héros centré */
@media(max-width:640px){.subh .crumb{justify-content:center}}

/* A11 · Pages métier, téléphone : fil d'Ariane sur 2 lignes de 44 px (88 px), la page en cours répète le H1 juste en dessous */
@media(max-width:640px){.pmh .crumb [aria-current]{display:none}}

/* A12 · Contrastes sous 4,5:1 sur les petits textes (vert 3,2-3,4:1, gris 3,6:1) */
.ih .live,.doc .top .st,.pmc-live,.pmc-y,.chan .y b,.pmc-ok span{color:#0A7F4F}
.ib small,.isrc small,.fideal span,.mah{color:#6E665F}
.chan .n b{color:#6E665F}

/* A13 · Pied de page, téléphone et tablette : liens légaux de 20 px de haut, email de 27 px */
@media(max-width:1060px){.ft .legal nav a{display:inline-block;padding:12px 0}.ft .ft-mail{display:inline-block;padding:9px 0}}

/* A14 · Mouvement réduit : la pastille du cas client, le halo et les bulles flottantes tournaient encore */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---------- B · détails vivants (sobres, dans la DA) ---------- */

/* B1 · Héros de l'accueil : pastille orange qui pulse 3 fois dans « Conçu pour le régime du 11 août 2026 » (comme les sous-pages) */
.khero .ktag{display:inline-flex;align-items:center;gap:8px}
.khero .ktag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--o);flex:none;animation:pulse 2.2s 3}

/* B2 · « En direct » de la boîte de leads : le point ne clignotait pas (@keyframes blink absent) */
.ih .live i{animation:pulseg 2.2s infinite}

/* B3 · Prix du héros : le surlignage rouge se trace une fois sous « À partir de 25 € HT » */
.khero .kfrom b{background-repeat:no-repeat;background-size:100% 100%}
@media(prefers-reduced-motion:no-preference){.khero .kfrom b{background-size:0 100%;animation:kfx .9s .6s cubic-bezier(.2,.8,.2,1) forwards}}
@keyframes kfx{to{background-size:100% 100%}}

/* B4 · Listes des pages service et guides : coche pêche/rouge au lieu du point noir ; flèche pour les listes de liens */
.prose ul:not([class]){list-style:none;padding-left:0}
.prose ul:not([class])>li{position:relative;padding-left:30px;margin-bottom:.55em}
.prose ul:not([class])>li:before{content:"";position:absolute;left:0;top:.18em;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FFE9DF'/%3E%3Cpath d='M6 10.4l2.7 2.7L14 7.6' fill='none' stroke='%23E8341C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.prose ul:not([class])>li:has(>a:first-child):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FFE9DF'/%3E%3Cpath d='M6 10h7.5M10.5 6.8L13.7 10l-3.2 3.2' fill='none' stroke='%23E8341C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* B5 · Formulaire de fin de page : l'étape « 1 » émet 3 ondes quand le bloc apparaît (« vous êtes ici ») */
.ctab .nx li:first-child>span:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #E8341C66;opacity:0}
.ctab.in .nx li:first-child>span:after{animation:ring 2.4s ease-out 3}

/* B6 · Survol des cartes de preuve (accueil) et des chiffres du cas client, comme les cartes métiers */
@media(hover:hover){
 .kpr-c,.cc-k>div{transition:transform .25s,border-color .25s,box-shadow .25s}
 .kpr-c:hover,.cc-k>div:hover{transform:translateY(-3px);border-color:#E8341C66;box-shadow:0 20px 40px -30px #E8341C88}
 .kpr-c .ic{transition:transform .25s}.kpr-c:hover .ic{transform:scale(1.08) rotate(-4deg)}
}

/* B7 · Convoyeur « Votre CRM · en direct » : vrai point vert qui pulse (actif après le changement Python H2 sur conv.py ; sans effet avant) */
.v1-crm .live{display:inline-flex;align-items:center;gap:6px}
.v1-crm .live i{width:7px;height:7px;border-radius:50%;background:#3DDC97;animation:pulseg 2.2s infinite}
/* ===== v41 · avocat du diable UI : patch unique, à coller EN FIN de src/metier.css ===== */

/* P1 · Pied de page, téléphone (≤760) : l'email est collé au bord gauche de sa pastille (A13 a remis padding:9px 0 et display:inline-block) */
@media(max-width:760px){.ft .ft-mail{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px}}

/* P2 · Fiche lead (pages métier, ≥ 641) : « Revenus du foyer pour » colle à « Renseigné par le demandeur » (grille 150px|1fr sans gouttière) */
.doc dl{column-gap:14px}

/* P3 · Pages métier, téléphone : fil d'Ariane « Accueil › Chauffage & eau chaude › » finit par un chevron orphelin (A11 masque la page en cours, pas le dernier ›) */
@media(max-width:640px){
 .pmh .crumb{font-size:0}
 .pmh .crumb a{font-size:13.5px}
 .pmh .crumb a+a:before{content:"›";display:inline-block;margin:0 .35em 0 0;color:#ffffff99}
 .pmh .crumb a:first-child{margin-right:.35em}
}

/* P4 · Cartes métier (36 pages métier, familles, /metiers téléphone) : descriptions coupées en plein mot par « … » (line-clamp 2-3) ; les rangées restent égales (grille) */
.pmv small,.fam .mc.mcp small{display:block;-webkit-line-clamp:unset;overflow:visible}

/* P5 · H1 des pages métier et famille, ≥ 641 : l'italique se coupe (« exclusifs, à / votre marque », « pompe à / chaleur ») */
@media(min-width:641px){.pmh h1 .it{white-space:nowrap}}

/* P6 · /cas-clients, ≥ 1061 : bloc « Le client » asymétrique (texte 510 px plus haut que la photo, étiquette au-dessus du bord de la photo) */
@media(min-width:1061px){.cc-client{align-items:stretch}.cc-team{height:100%}.cc-team img{height:100%;aspect-ratio:auto}}

/* P7 · Familles, 641-800 : tableau comparatif forcé à 760 px dans 720 px, la colonne « Prix du lead » est coupée sans indice de défilement */
@media(min-width:641px) and (max-width:800px){table.cmp.pmcmp{min-width:0}}

/* P8 · Pop-up « Faire un test », tablette : l'étiquette « Vous voulez acheter des leads ? » casse sur 2 lignes dans sa pastille (absente sur téléphone) */
@media(min-width:641px) and (max-width:900px){.lm-l .ktag{display:none}}
.lm-p{text-wrap:balance}

/* P9 · Cibles tactiles < 44 px : formulaire étape 2 (« Ajouter une précision » 30 px, « ← Modifier mon besoin » 34 px), menu mobile (« Voir les 36 métiers » 33 px) */
.lf-more>summary{min-height:44px;display:flex;align-items:center}
.lf-back{min-height:44px}
@media(max-width:1060px){.mmp .mall-m{min-height:44px;display:flex;align-items:center}}

/* P10 · Contrastes < 4,5:1 : rouge #E8341C en petit texte sur blanc/crème (3,64 à 4,25:1) → var(--r-txt) #C42B12 déjà dans la DA (5,0 à 5,7:1) */
.doc .quote b,.nc7 .force,.qsplit .sig a,.steps>div:not(:first-child) .d,.fam .ix,.mc.mcp .mcx,table.cmp.pmcmp tbody th a,.more>.btn.o{color:var(--r-txt)}
@media(max-width:640px){table.cmp.pmcmp td.pmp{color:var(--r-txt)}}
.more>.btn.o{border-color:var(--r-txt)}
table.cmp.win thead th:nth-child(2){background:#D42F18}

/* P11 · Titres de cartes : un mot seul en 2e ligne (« Leads pompe à / chaleur », « … le / script ») */
h3{text-wrap:balance}

/* P12 · Chapôs et paragraphes : un mot seul en dernière ligne (« … par / lead. » /conformite, « … nommée. » /acheter-des-leads-energie, 768 à 1440) */
p,.sub{text-wrap:pretty}

/* P13 · Mentions de transparence trop petites (11 à 11,5 px) : « Visuel d'illustration généré par IA » (héros métier), « Exemple d'affichage · demandes fictives » (accueil) */
figure.pmh-ph figcaption,.kin .iex{font-size:12.5px}
/* v41 finitions 15-16 */
@media(min-width:641px) and (max-width:900px){.lm .qks{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}
@media(min-width:641px) and (max-width:800px){.pmres td:nth-child(2),.cmp td:nth-child(2){white-space:nowrap}}
/* v42 : titre du héros « Des leads exclusifs en rénovation énergétique / livrés à vos commerciaux » — 3 lignes sur ordinateur, plus compact sur téléphone */
@media(max-width:640px){.khero h1{font-size:32px!important;line-height:1.1!important;letter-spacing:-.03em}.khero h1 .it{font-size:1.06em}}
@media(max-width:380px){.khero h1{font-size:29px!important}}
@media(max-width:380px){.khero .ktag{font-size:11px;letter-spacing:.04em;padding-left:8px;padding-right:8px}}
/* v43 : logo long, icône collée au nom (2 px) partout */
.logo,.hd .logo,.ft .logo{gap:2px!important}
.cc-x .cc-le{gap:2px}
/* v44 : pages légales + mention d'information du formulaire */
.prose.legal{max-width:760px}.prose.legal h2{scroll-margin-top:96px}
.prose.legal table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:16px 0;font-size:14.5px;background:#fff}
.prose.legal th,.prose.legal td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.prose.legal th{background:#F7F4F1;color:var(--nuit);font-weight:600}
.prose.legal tr:last-child td{border-bottom:0}
.lf2 .lf-info{font-size:12.5px;line-height:1.5;color:var(--mut);text-align:left}.lf2 .lf-info a{color:inherit}
.lf2 .lf-req{font-size:13px;color:var(--mut);margin:0 0 4px}
/* ===== v44 · revue UI/UX finale : patch unique, à coller EN FIN de src/metier.css ===== */

/* P1 · 🔴 Pages métier (36), 641-800 px : la règle « v41 finitions 16 » (.pmres td:nth-child(2){white-space:nowrap}) empêche
   les cellules des fiches « L'offre / Le métier et son cadre » de passer à la ligne : la page fait 1 668 px de large à 768 (PAC),
   jusqu'à 1 907 px (panneaux solaires), défilement horizontal + pop-up décentrée. On garde le nowrap pour le tableau des familles seulement. */
@media(min-width:641px) and (max-width:800px){.pmres table.pmtb td{white-space:normal}}

/* P2 · 🟠 En-tête blanc, souris : le survol des liens (« Notre méthode », « Métiers »…) pose un fond blanc 8 % sur blanc = aucun retour visible */
@media(hover:hover) and (min-width:981px){.hd .nav>a:hover,.hd .mmb:hover,.hd .mm.open .mmb{background:var(--peche);color:var(--r-txt)!important}}

/* P3 · 🟠 Anneau de focus clavier orange #FF8A2A = 2,35:1 sur fond blanc/crème (sous 3:1) ; rouge texte de la DA sur fonds clairs, orange gardé sur fonds sombres */
:where(a,button,summary,[tabindex]):focus-visible{outline-color:var(--r-txt)}
:where(.khero,.hero,.ft,.lm-l,.cc-x,.cc-card,.cs3-band,.pmband,.csr,.maside,.dk) :where(a,button,summary,[tabindex]):focus-visible{outline-color:#FF8A2A}
.lf input:focus,.lf select:focus,.lf textarea:focus{border-color:var(--r-txt)}

/* P4 · 🟠 Calendrier J+2 / J+7 / J+14 / J+28 (/methode, familles) : pastilles ovales de 57, 59, 68 et 68 px de large pour 56 de haut */
.steps .d{width:56px;min-width:0;padding:0}

/* P5 · 🟠 /metiers : le titre de famille (« Production d'énergie ») colle à sa description (0 px d'écart) */
.fam h2.famh{margin-bottom:10px}

/* P6 · 🟢 Mentions « EXEMPLE » / « RECOMMANDÉ » à 10,5 px (fiche lead des pages métier, onglets formules) : même plancher que P13 v41 */
.pmc-h .pmc-ex,.top .ex,label[for=fsw-own]>em{font-size:12px}

/* P7 · 🟢 Pages métier à 320 px (petits Android, iPhone SE 1re génération) : la colonne « Que contient un lead » force 308 px dans 288 → 4 px de défilement horizontal sur les 36 pages */
@media(max-width:640px){.pmlead>*{min-width:0}}

/* P8 · 🟠 Formulaire, étape 2 (pop-up + /contact, toutes largeurs) : « +Ajouter une précision » sans espace (le « + » du ::before perd son espace depuis
   le display:flex de P9 v41) et deux textes rouges sous 4,5:1 que v41 n'a pas vus car l'étape 2 est masquée : la précision 4,25:1, « politique de confidentialité » 4,01:1 */
.lf-more summary{color:var(--r-txt)}.lf-more summary:before{content:"+\00a0"}.lf-more[open] summary:before{content:"–\00a0"}
.lf2 .chk a,.lf label a{color:var(--r-txt)}

/* P9 · 🟢 /contact ≥ 861 : la carte « Que se passe-t-il après ? » est étirée à la hauteur du formulaire et garde 320 px vides en bas ; contenu centré verticalement */
@media(min-width:861px){.split.top>.prose{display:flex;flex-direction:column;justify-content:center}}

/* P10 · 🟢 Accueil à 320 px : le nouveau H1 passe sur 4 lignes (« Des leads exclusifs / en rénovation / énergétique / livrés… ») ; 26 px = 3 lignes comme à 360-390 */
@media(max-width:339px){.khero h1{font-size:26px!important}}
/* v45 : mots-clés en gras dans les paragraphes */
strong.kw{font-weight:600;color:var(--nuit)}
:is(.khero,.kdark,.dk,.cs3-band,.cc-body,.ft,.lm-l,.pmband,.hero) strong.kw{color:#fff}
/* v46 : cartes métiers de l'accueil — description collée au titre (plus de réserve de hauteur sur le titre) */
.kmc h3{min-height:0!important;margin:0!important}
.kmc .t p{min-height:0!important;margin:6px 0 0!important}
.kmc .t{display:flex;flex-direction:column}
/* v46 GEO (16/10/2026) : réponse en tête du héros + bloc Garanties / preuve de consentement */
.pmh-ans{font-size:15px;line-height:1.55;color:#ffffffd9;margin:12px 0 0;max-width:560px}
.pmgar{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}
.pmgar-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pmgar-l li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.pmgar-l b{display:block;font-size:15.5px;line-height:1.3;color:var(--nuit)}
.pmgar-l span{display:block;font-size:14px;color:var(--mut);margin-top:4px;line-height:1.45}
.pmgar-p{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.pmgar-p h3{margin:0 0 8px;font-size:18px}
.pmgar-p p{font-size:14.5px;line-height:1.55}
@media (max-width:980px){.pmgar{grid-template-columns:1fr}}
@media (max-width:520px){.pmgar-l{grid-template-columns:1fr}}

/* v47 lancement : message d’erreur du formulaire (22/10/2026) */
.lf-err{color:#C42B12;font-weight:500;margin-top:8px}
.lf-err a{color:inherit;text-decoration:underline}
/* v47 contrastes Lighthouse (22/10/2026) */
.s.pm.kdark strong.kw{color:var(--nuit)}
.lpi{color:#6F6862}
.lf2 .seg span small,.lf2 .seg input:checked+span small{color:#5F5954!important;opacity:1}
.ps-lp .u,.kb-k small{color:#6F6862}
.pmband .pmband-h{display:block;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.02em;color:#fff;margin:0}
@media (max-width:700px){.pmband .pmband-h{font-size:19px}}
/* Formules et « Où acheter » resserrés (22/10/2026) : 2 colonnes égales, bloc question centré, liens centrés */
.fc2{display:grid;gap:16px;margin-top:var(--head,40px)}
.fc2>div{background:#fff;border:1px solid var(--line,#E7E1DA);border-radius:16px;padding:24px;min-width:0}
.fc2 h3{margin:0 0 8px}.fc2 p{margin:0}
.fcl{text-align:center;margin:28px auto 0}
.acq{max-width:760px;margin:28px auto 0;background:#fff;border:1px solid var(--line,#E7E1DA);border-radius:16px;padding:24px}
.acq h3{margin-top:0}.acq p:last-child{margin-bottom:0}
@media(min-width:761px){.fc2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:900px;margin-left:auto;margin-right:auto}}
.acq h3+ol.acv{margin:8px 0 16px;padding-left:20px}.acv li{margin:6px 0;line-height:1.5}.acq h3:not(:first-child){margin-top:20px}