/* ===== AdieuMazout — design system ===== */
@font-face{font-family:"Manrope";src:url(fonts/manrope-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --ink:#16261D;--muted:#55645B;--soft:#7A877F;
  --green:#1F5135;--green-d:#123321;--green-m:#2E6B48;--green-l:#EAF2EC;--green-xl:#F3F8F4;
  --orange:#C2491A;--orange-d:#9E3A12;--orange-l:#FCEEE6;
  --bg:#FAF8F4;--white:#fff;--line:#E6E1D6;--line-d:#D3CCBC;
  --warn:#8A3A0E;--warn-l:#FBEDE3;
  --r:20px;--r-s:12px;
  --sh:0 1px 2px rgba(22,38,29,.04),0 8px 24px rgba(22,38,29,.06);
  --sh-l:0 2px 4px rgba(22,38,29,.04),0 24px 60px rgba(22,38,29,.10);
  --head:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--head);margin:0;color:var(--ink);letter-spacing:-.02em}
h1{font-size:clamp(38px,5.4vw,62px);font-weight:800;line-height:1.08}
h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;line-height:1.15}
h3{font-size:21px;font-weight:700;line-height:1.3}
p{margin:0}
a{color:var(--green);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--green-d)}
strong,b{font-weight:650}
img,svg{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
::selection{background:#CFE4D6}

/* ===== header ===== */
.site-header{position:sticky;top:0;z-index:30;background:rgba(250,248,244,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(214,206,190,.6)}
.site-header .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:76px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--head);font-weight:800;font-size:22px;letter-spacing:-.02em}
.logo svg{background:var(--green-l);border-radius:10px;padding:5px;width:38px;height:38px}
.nav{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:500}
.nav a{text-decoration:none;color:var(--ink)}

/* ===== buttons ===== */
.btn,.nav a.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;border:0;font:inherit;font-weight:600;font-size:16px;letter-spacing:.01em;cursor:pointer;text-decoration:none;background:var(--orange);color:#fff;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 6px 16px rgba(194,73,26,.22)}
.btn:hover{background:var(--orange-d);color:#fff;transform:translateY(-1px)}
.nav a.cta{min-height:46px;padding:0 22px;background:var(--green);box-shadow:none;color:#fff;font-size:15px}
.nav a.cta:hover{background:var(--green-d);color:#fff}
.btn.green{background:var(--green);box-shadow:0 6px 16px rgba(31,81,53,.22)}.btn.green:hover{background:var(--green-d)}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line-d);box-shadow:none}.btn.ghost:hover{background:var(--green-xl);border-color:var(--green);color:var(--ink)}

/* ===== menu ===== */
.menu{position:relative}
.menu summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line-d);background:#fff;font-weight:600;cursor:pointer;color:var(--ink);transition:background .2s}
.menu summary::-webkit-details-marker{display:none}
.menu summary:hover{background:var(--green-xl)}
.menu[open] summary{background:var(--green-l);border-color:var(--green)}
.menu-panel{position:absolute;right:0;top:58px;z-index:40;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:var(--sh-l);padding:10px;display:flex;flex-direction:column;min-width:280px}
.menu-panel a{display:flex;align-items:center;min-height:50px;padding:0 16px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:500}
.menu-panel a:hover{background:var(--green-xl);color:var(--green-d)}

/* ===== layout ===== */
section{padding:104px 0}
.stack{display:flex;flex-direction:column;gap:24px}
.row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.eyebrow{display:inline-block;font-family:var(--body);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--green-m)}
.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:640px}
.small{font-size:15px;line-height:1.65;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card{background:#fff;border-radius:var(--r);padding:32px;border:1px solid var(--line);box-shadow:var(--sh)}
.card h3{margin-bottom:2px}
.num{width:48px;height:48px;border-radius:14px;background:var(--green-l);color:var(--green);display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:800;font-size:19px}
.hidden,[hidden]{display:none!important}
ul.clean{margin:4px 0 0;padding-left:20px}ul.clean li{margin-bottom:8px}

/* ===== hero ===== */
.hero-sec{padding:72px 0 96px;background:radial-gradient(900px 500px at 85% 10%,#E3EFE6 0%,rgba(227,239,230,0) 70%),radial-gradient(700px 400px at 0% 100%,#F6EADF 0%,rgba(246,234,223,0) 70%)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.hero-text{display:flex;flex-direction:column;gap:22px}
.hero h1 .hl{color:var(--green)}
.choices-title{font-family:var(--head);font-weight:700;font-size:18px;margin-top:10px}
.choices{display:flex;flex-direction:column;gap:12px}
.choice{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:border-color .2s,transform .2s,box-shadow .2s}
.choice:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--sh-l);color:var(--ink)}
.choice-ico{flex:none;width:48px;height:48px;border-radius:14px;background:var(--green-l);color:var(--green);display:flex;align-items:center;justify-content:center}
.choice-txt{display:flex;flex-direction:column;gap:2px;flex:1}
.choice-txt strong{font-family:var(--head);font-size:18px;font-weight:700;letter-spacing:-.01em}
.choice-txt span{font-size:15px;color:var(--muted);line-height:1.5}
.choice-arrow{font-size:20px;color:var(--green);transition:transform .2s}
.choice:hover .choice-arrow{transform:translateX(4px)}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:6px 0 0;font-size:14px;font-weight:500;color:var(--muted)}
.hero-visual{position:relative}
.visual-card{position:relative;background:#fff;border-radius:28px;padding:18px;border:1px solid var(--line);box-shadow:var(--sh-l)}
.visual-card svg{display:block}
.visual-badge{position:absolute;background:#fff;border-radius:16px;padding:12px 18px;box-shadow:var(--sh-l);border:1px solid var(--line);display:flex;flex-direction:column;line-height:1.3}
.visual-badge span{font-size:12px;color:var(--muted);font-weight:500}
.visual-badge strong{font-family:var(--head);font-size:20px;color:var(--green-d)}
.visual-badge.b1{left:-28px;bottom:42px}
.visual-badge.b2{right:-18px;top:28px}

/* ===== bands ===== */
.band{background:var(--green);color:#fff}
.band .small,.band p{color:#D4E5D9}
.band-dark{background:var(--ink);color:#fff}
.band-dark h2{color:#fff}.band-dark p{color:#C8D6CC}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:40px;padding-top:64px;padding-bottom:64px}
.facts div{border-left:2px solid rgba(255,255,255,.22);padding-left:22px}
.facts strong{display:block;font-family:var(--head);font-size:30px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:#fff}
.facts p{font-size:15px;line-height:1.65}

/* ===== simulateur ===== */
.sim-sec{background:linear-gradient(180deg,var(--bg) 0%,#F1EEE6 100%)}
.sim{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.sim-intro{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px}
.wiz{background:#fff;border-radius:28px;padding:40px;border:1px solid var(--line);box-shadow:var(--sh-l)}
.wiz h2{font-size:26px!important;margin-bottom:18px!important}
.wiz .stack{gap:22px}
.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.steps span{font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;background:#F1EEE6;color:var(--muted)}
.steps span.on{background:var(--green);color:#fff}
.steps span.done{background:var(--green-l);color:var(--green-d)}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px 18px}
label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}
input,select,textarea{min-height:52px;border:1px solid var(--line-d);border-radius:var(--r-s);padding:0 14px;font:inherit;font-weight:400;font-size:16px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%231F5135' stroke-width='2'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
textarea{padding:14px;min-height:120px}
input:hover,select:hover,textarea:hover{border-color:#B9B09C}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(31,81,53,.12)}
fieldset{min-width:0}
.check{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;line-height:1.55}
.check input{width:22px;min-height:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--green);box-shadow:none}
.err{color:#A32D2D;font-size:14px;font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.kpi{background:var(--green-xl);border:1px solid #DCEAE0;border-radius:16px;padding:18px 20px}
.kpi b{display:block;font-family:var(--head);font-size:26px;font-weight:800;color:var(--green-d);line-height:1.2}
.kpi span{font-size:13px;color:var(--muted)}
.pill{display:inline-block;font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;letter-spacing:.01em}
.p-warn{background:var(--warn-l);color:var(--warn)}
.p-ok{background:var(--green-l);color:var(--green-d)}
.note{background:var(--orange-l);color:#5F2706;border-radius:14px;padding:16px 18px;font-size:15px;line-height:1.6}

/* ===== tables ===== */
.tbl{overflow-x:auto;background:#fff;border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh)}
table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
th{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#FBFAF6;font-weight:600}
tbody tr:hover td{background:#FCFBF8}

/* ===== faq ===== */
details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0;margin-bottom:12px;transition:border-color .2s}
details[open]{border-color:var(--line-d);box-shadow:var(--sh)}
summary{font-family:var(--head);font-weight:700;font-size:17px;cursor:pointer;padding:22px 56px 22px 24px;list-style:none;position:relative;line-height:1.45}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--green-l);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;transition:transform .2s}
details[open] summary::after{content:"−"}
details>p,details>div{padding:0 24px 22px;color:var(--muted);line-height:1.7}
details p{margin-top:0}
.menu summary::after{content:none}

/* ===== footer ===== */
.site-footer{border-top:1px solid var(--line);padding:44px 0;font-size:14px;color:var(--muted);background:#F5F2EC}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between}
.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--green)}

/* ===== prose / articles ===== */
.prose{max-width:760px}
.prose h1{margin-bottom:14px}
.prose h2{font-size:clamp(24px,2.6vw,30px);margin:56px 0 16px}
.prose h3{margin:32px 0 10px}
.prose p,.prose li{color:#34443B;margin-bottom:16px;line-height:1.8}
.prose ul,.prose ol{padding-left:22px;margin:0 0 20px}
.prose li{margin-bottom:10px;padding-left:4px}
.prose .lead{font-size:20px;margin:14px 0 8px;color:var(--muted)}
.prose .tbl{margin:22px 0}
.prose table{font-size:15px}
.article{max-width:820px}
.article .prose{max-width:none}
.article h2{scroll-margin-top:100px}
.crumbs{margin-bottom:22px;font-size:14px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--green)}
.toc{margin:30px 0;padding:26px 30px;background:var(--green-xl);border-color:#DCEAE0;box-shadow:none}
.toc strong{font-family:var(--head)}
.toc ol{margin:10px 0 0;padding-left:20px}.toc li{margin-bottom:6px;color:var(--green)}
.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
.cta-box{margin:48px 0;display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding:36px;background:linear-gradient(135deg,#1F5135 0%,#2E6B48 100%);border:0;color:#fff;box-shadow:var(--sh-l)}
.cta-box p,.cta-box strong{color:#fff!important;margin:0!important}
.cta-box p{color:#D4E5D9!important;font-size:17px}
.faq{margin-top:8px}

/* ===== blog cards ===== */
.post{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.post:hover{transform:translateY(-4px);box-shadow:var(--sh-l);border-color:var(--line-d);color:inherit}
.post strong{font-family:var(--head);font-size:20px;line-height:1.35;letter-spacing:-.01em}
.post .small{font-size:14.5px}
.post .pill{align-self:flex-start}
.post::after{content:"Lire le guide →";font-size:14px;font-weight:600;color:var(--green);margin-top:auto;padding-top:4px}

/* ===== responsive ===== */
@media (max-width:980px){
  .hero,.sim{grid-template-columns:1fr;gap:48px}
  .sim-intro{position:static}
  .hero-visual{max-width:520px}
  .visual-badge.b1{left:12px}.visual-badge.b2{right:12px}
}
@media (max-width:760px){
  .nav a.cta{display:none}
  section{padding:72px 0}
  .hero-sec{padding:40px 0 64px}
  .site-header .wrap{min-height:66px}
}
@media (max-width:560px){
  body{font-size:16.5px}
  .wrap{padding:0 20px}
  section{padding:60px 0}
  .card{padding:24px}
  .wiz{padding:24px 20px;border-radius:22px}
  .lead{font-size:18px}
  .facts{gap:28px;padding-top:48px;padding-bottom:48px}
  .cta-box{padding:26px}
  .visual-badge{padding:10px 14px}.visual-badge strong{font-size:17px}
  summary{padding:20px 52px 20px 20px;font-size:16px}
  details>p,details>div{padding:0 20px 20px}
}
details.menu,details.menu[open]{border:0;background:none;margin:0;box-shadow:none;border-radius:0}
@media (max-width:560px){.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi b{font-size:19px}.kpi span{font-size:12px}}