:root{
  color-scheme: light;
  --terra:#8a6248; --terra-dark:#684735; --terra-soft:#eee2d7;
  --green:#3f7d5c; --amber:#e8a13a;
  --bg:#fff; --bg-alt:#f3ede5; --bg-inset:#ebe1d5;
  --ink:#332820; --ink-soft:#57483e; --ink-mute:#7b6d62;
  --line:#dfd3c7; --card:#fff; --header-bg:rgba(255,255,255,.94);
  --shadow:0 14px 40px rgba(23,24,74,.10); --shadow-sm:0 4px 16px rgba(23,24,74,.07);
  --step--1:clamp(.82rem,.78rem + .2vw,.92rem);
  --step-0:clamp(1rem,.95rem + .25vw,1.13rem);
  --step-1:clamp(1.2rem,1.1rem + .5vw,1.5rem);
  --step-2:clamp(1.5rem,1.3rem + 1vw,2.1rem);
  --step-3:clamp(2rem,1.6rem + 2vw,3.3rem);
  --step-4:clamp(2.3rem,1.7rem + 3vw,4rem);
  --gutter:clamp(1.1rem,.9rem + 1vw,1.4rem);
  --measure:1180px; --radius:14px; --radius-lg:20px;
  --pad-section:clamp(3.5rem,2.5rem + 5vw,6rem);
}
@media not all{
  :root{
    --bg:#101124; --bg-alt:#14152b; --bg-inset:#1b1c33;
    --ink:#eef0f8; --ink-soft:#c3c7d9; --ink-mute:#9b8b7f;
    --line:#2a2c48; --card:#171833; --header-bg:rgba(16,17,36,.9);
    --terra-soft:#232457;
    --shadow:0 14px 40px rgba(0,0,0,.5); --shadow-sm:0 4px 16px rgba(0,0,0,.35);
  }
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:var(--step-0);line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--terra);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
h1,h2,h3{line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em;font-weight:800}
h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}
p{margin:0 0 1em}p:last-child{margin-bottom:0}
[data-eyebrow]{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--step--1);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);margin-bottom:1rem}
[data-eyebrow]::before{content:"";width:2rem;height:2px;background:var(--terra);border-radius:2px}
[data-cta]{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;padding:.85rem 1.5rem;border-radius:999px;transition:.2s;border:1.5px solid transparent}
[data-cta="primary"]{background:var(--terra);color:#fff}
[data-cta="primary"]:hover{background:var(--terra-dark);transform:translateY(-1px)}
[data-cta="ghost"]{border-color:var(--line);color:var(--ink)}
[data-cta="ghost"]:hover{border-color:var(--terra);color:var(--terra)}

/* ===== Header premium & menus deroulants ===== */
:root{--font-display:"Fraunces",Georgia,"Times New Roman",serif}
body > aside[role="note"]{background:var(--ink);color:#f5ede5;font-size:.76rem;letter-spacing:.06em;text-align:center;padding:.4rem 1rem}
body > aside[role="note"] b{color:#fff}
body > header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,2vw,2rem);padding:.55rem clamp(1.2rem,3vw,2.6rem)}
body > header > a[rel="home"] img{height:30px;width:auto;display:block}
@media not all{body > header > a[rel="home"] img{filter:brightness(1.6)}}
body > header > a[rel="home"] > b{color:var(--terra);font-weight:900}
body > header > nav{justify-self:center}
body > header > nav > ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(.9rem,1.8vw,1.8rem);font-size:.74rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft)}
body > header > nav > ul > li{position:relative}
body > header > nav > ul > li > a{display:inline-block;white-space:nowrap;padding:.95rem 0;background:linear-gradient(var(--terra),var(--terra)) left bottom / 0 2px no-repeat;transition:background-size .25s,color .2s}
body > header > nav > ul > li:has(> ul) > a::after{content:none}
body > header > nav > ul > li:has(> ul):hover > a::after{color:var(--terra);rotate:180deg;display:inline-block}
body > header > nav > ul > li > a:hover,body > header > nav > ul > li:focus-within > a{color:var(--terra);background-size:100% 2px}
body > header > nav > ul > li > ul{visibility:hidden;opacity:0;transform:translateY(12px);transition:.25s ease;position:absolute;inset-inline-start:-1.2rem;inset-block-start:100%;min-width:16rem;list-style:none;margin:0;padding:1.2rem;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 70px rgba(23,24,74,.22),0 2px 8px rgba(23,24,74,.08);display:grid;gap:.1rem;text-transform:none;letter-spacing:0;font-size:.95rem}
body > header > nav > ul > li:hover > ul,body > header > nav > ul > li:focus-within > ul{visibility:visible;opacity:1;transform:translateY(0)}
body > header > nav > ul > li > ul::before{content:"";position:absolute;inset-block-start:-6px;inset-inline-start:2.2rem;width:12px;height:12px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);rotate:45deg}
body > header > nav > ul > li:first-child > ul,body > header > nav > ul > li:nth-child(2) > ul,body > header > nav > ul > li:nth-child(5) > ul{display:block;columns:2;column-gap:2.6rem;padding:1.3rem 1.5rem 1.4rem}
body > header > nav > ul > li:first-child > ul{min-width:40rem}
body > header > nav > ul > li:nth-child(2) > ul{min-width:37rem}
body > header > nav > ul > li:nth-child(5){position:static}body > header > nav > ul > li:nth-child(5) > ul{min-width:0;width:100%;inset-inline:0;border-inline:0;border-top:1px solid var(--line);border-radius:0 0 18px 18px;columns:3;column-gap:3.4rem;column-rule:1px solid var(--line);padding:1.7rem max(2.6rem,calc((100% - 1180px)/2)) 2.1rem;box-shadow:0 34px 70px rgba(23,24,74,.16)}body > header > nav > ul > li:nth-child(5) > ul::before{display:none}
body > header > nav > ul > li:first-child > ul > li,body > header > nav > ul > li:nth-child(2) > ul > li,body > header > nav > ul > li:nth-child(5) > ul > li{break-inside:avoid}
body > header > nav > ul > li:first-child > ul > li:nth-child(9),body > header > nav > ul > li:nth-child(2) > ul > li:nth-child(6),body > header > nav > ul > li:nth-child(5) > ul > li:nth-child(9),body > header > nav > ul > li:nth-child(5) > ul > li:nth-child(16){break-before:column;margin-top:0}
body > header > nav > ul > li > ul a{display:block;padding:.55rem .9rem;border-radius:10px;font-weight:500;color:var(--ink-soft);transition:.15s;white-space:nowrap}
body > header > nav > ul > li > ul a::after{content:"→";float:inline-end;opacity:0;translate:-6px 0;transition:.18s;color:var(--terra)}
body > header > nav > ul > li > ul a:hover{background:var(--terra-soft);color:var(--terra-dark)}
body > header > nav > ul > li > ul a:hover::after{opacity:1;translate:0 0}
body > header > nav > ul > li > ul > li[role="separator"]{font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);padding:.4rem .9rem .55rem;margin-bottom:.35rem;border-bottom:1px solid var(--line);white-space:nowrap}
body > header > nav > ul > li > ul > li ~ li[role="separator"]{margin-top:.9rem}
body > header > menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1rem;font-size:.84rem;white-space:nowrap}
body > header > menu img{width:22px;height:22px;display:block;transition:.15s}
body > header > menu a:hover img{opacity:.65}
@media not all{body > header > menu img{filter:invert(1) hue-rotate(180deg)}}
body > header > menu > li:first-child a{color:var(--ink-soft);border-bottom:1px solid var(--line);padding-bottom:.15rem}
body > header > menu > li:first-child a:hover{color:var(--terra);border-color:var(--terra)}
body > header > menu a[data-cta="primary"]{padding:.85rem 1.6rem;font-size:.84rem;letter-spacing:.03em;box-shadow:0 8px 20px color-mix(in srgb,var(--terra) 30%,transparent)}
@media (max-width:78rem){body > header > menu > li:first-child{display:none}}
@media (max-width:70rem){body > header > nav{display:none}body > header{grid-template-columns:auto 1fr}}
/* ===== Typographie editoriale ===== */
[data-eyebrow]{font-size:.72rem;letter-spacing:.22em}

/* Sections génériques */
main > section{padding-block:var(--pad-section);padding-inline:max(clamp(1rem,5vw,3rem),calc((100% - var(--measure) - 4rem)/2))}
main > section:nth-of-type(even){background:var(--bg-alt)}
main > section > hgroup{max-width:48rem;margin-inline:auto;text-align:center;margin-bottom:clamp(2rem,4vw,3.2rem)}
main > section > hgroup > p{font-size:var(--step-1);color:var(--ink-soft)}
main em{font-style:normal;color:var(--terra);background:linear-gradient(transparent 68%,var(--terra-soft) 0);border-radius:.15em}

/* Cartes en grille (réutilisable) */
main section > ul[data-cards]{list-style:none;margin:0 auto;padding:0;max-width:var(--measure);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--gutter)}
main section > ul[data-cards] article{height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:.2s;display:grid;grid-template-rows:auto 1fr}
main section > ul[data-cards] article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
main section > ul[data-cards] figure{margin:0;position:relative}
main section > ul[data-cards] figure > img{width:100%;aspect-ratio:16/10;object-fit:cover}
main section > ul[data-cards] h3{margin:1.1rem 1.3rem .4rem}
main section > ul[data-cards] article > p{margin:0 1.3rem 1.3rem;color:var(--ink-soft);font-size:var(--step--1)}

/* FAQ accordéons natifs */
main section > ul[data-faq]{list-style:none;margin:0 auto;padding:0;max-width:52rem}
main section > ul[data-faq] details{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:.8rem;overflow:hidden}
main section > ul[data-faq] summary{cursor:pointer;padding:1.1rem 1.3rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
main section > ul[data-faq] summary::-webkit-details-marker{display:none}
main section > ul[data-faq] summary::after{content:"+";color:var(--terra);font-weight:700}
main section > ul[data-faq] details[open] summary::after{content:"−"}
main section > ul[data-faq] details > p{margin:0 1.3rem 1.2rem;color:var(--ink-soft);font-size:var(--step--1)}

/* Formulaires */
form fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;margin:0 0 1.2rem}
form legend{font-weight:800;padding:0 .5rem}
form label{display:block;font-weight:600;font-size:var(--step--1);margin:.8rem 0 .3rem}
form input,form select,form textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}
form input:focus,form select:focus,form textarea:focus{outline:2px solid var(--terra);border-color:var(--terra)}

/* CTA final */
main > section[aria-label="Appel à l'action"]{background:linear-gradient(135deg,var(--terra),var(--terra-dark))!important;color:#fff;text-align:center}
main > section[aria-label="Appel à l'action"] > hgroup > p{color:rgba(255,255,255,.92)}
main > section[aria-label="Appel à l'action"] [data-cta="primary"]{background:#fff;color:var(--terra-dark)}
main > section[aria-label="Appel à l'action"] [data-cta="ghost"]{border-color:rgba(255,255,255,.5);color:#fff}
main > section[aria-label="Appel à l'action"] > nav{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}

/* Footer */
body > footer{background:var(--ink);color:#cdbdb1;padding:clamp(2.5rem,5vw,3.5rem) clamp(1rem,5vw,3rem) 1.8rem;font-size:var(--step--1)}
body > footer > nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1.8rem;max-width:var(--measure);margin-inline:auto;padding-bottom:2rem;border-bottom:1px solid #59483d}
body > footer > nav > section{padding:0;background:none!important}
body > footer h3{color:#fff;font-size:var(--step-0);margin-bottom:.8rem}
body > footer ul{list-style:none;margin:0;padding:0}
body > footer ul a{display:block;padding:.3rem 0;color:#cdbdb1}
body > footer ul a:hover{color:#fff}
body > footer b[data-logo]{font-size:var(--step-1);font-weight:900;color:#fff;display:block;margin-bottom:.6rem}
body > footer b[data-logo] > i{font-style:normal;color:var(--terra)}
body > footer > small{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;max-width:var(--measure);margin:1.4rem auto 0;color:#ab998c;font-size:.72rem}



/* ===== Styles spécifiques à cette proposition (aucune règle du gabarit modifiée) ===== */
main p{max-width:70ch}
main > section > hgroup > p{margin-inline:auto}

/* Hero éditorial en deux colonnes */
main > section[aria-label="Introduction"]{display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"head img" "actions img" "stats img";column-gap:clamp(2rem,4vw,4.5rem);align-items:center}
main > section[aria-label="Introduction"] > hgroup{grid-area:head;text-align:left;margin:0 0 1.6rem;max-width:none}
main > section[aria-label="Introduction"] > hgroup > p{margin-inline:0}
main > section[aria-label="Introduction"] > hgroup > p:last-child{font-size:var(--step-0);color:var(--ink-soft);max-width:34rem}
main > section[aria-label="Introduction"] > nav{grid-area:actions;display:flex;flex-wrap:wrap;gap:.8rem;align-self:start}
main > section[aria-label="Introduction"] > figure{grid-area:img;margin:0}
main > section[aria-label="Introduction"] > figure > img{border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;object-fit:cover;aspect-ratio:4/3}
main > section[aria-label="Introduction"] > figure > figcaption{font-size:.72rem;color:var(--ink-mute);margin-top:.6rem}
@media (max-width:60rem){main > section[aria-label="Introduction"]{grid-template-columns:1fr;grid-template-areas:"head" "actions" "stats" "img";row-gap:1.6rem}}

/* Mini-stats en ligne (dl sans wrapper) */
main dl[data-stats]{display:flex;flex-wrap:wrap;gap:1rem clamp(1.6rem,3vw,3rem);margin:1.8rem 0}
main dl[data-stats] > dt{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);flex-basis:100%;display:none}
main dl[data-stats] > dd{margin:0;font-weight:800;font-size:1.2rem;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
main dl[data-stats] > dd::after{content:attr(data-label);display:block;font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mute);margin-top:.15rem;white-space:nowrap}

/* Étapes numérotées */
main ol[data-steps]{list-style:none;counter-reset:etape;margin:0 auto;padding:0;max-width:var(--measure);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--gutter)}
main ol[data-steps] > li{counter-increment:etape;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem 1.4rem}
main ol[data-steps] > li::before{content:"0" counter(etape);display:block;font-size:var(--step-2);font-weight:900;color:var(--terra);letter-spacing:-.02em;margin-bottom:.5rem}
main ol[data-steps] h3{margin-bottom:.4rem}
main ol[data-steps] p{font-size:var(--step--1);color:var(--ink-soft);margin:0}
main section > p[data-note]{max-width:52rem;margin:1.8rem auto 0;text-align:center;font-size:var(--step--1);color:var(--ink-mute)}
main section > p[data-note] a{color:var(--terra);font-weight:700;border-bottom:1px solid currentColor}

/* Chiffres clés + tableau comparatif */
main dl[data-kpi]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--gutter);max-width:var(--measure);margin:0 auto 2.4rem;padding:0}
main dl[data-kpi] > dt{grid-row:2;font-size:var(--step--1);color:var(--ink-soft);text-align:center;padding:0 1.2rem 1.2rem;background:var(--card);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--radius) var(--radius)}
main dl[data-kpi] > dd{grid-row:1;margin:0;text-align:center;font-size:var(--step-3);font-weight:900;color:var(--terra);letter-spacing:-.02em;padding:1.4rem 1.2rem .2rem;background:var(--card);border:1px solid var(--line);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0}
main table{width:100%;max-width:52rem;margin:0 auto;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:var(--step--1)}
main table caption{caption-side:bottom;font-size:.72rem;color:var(--ink-mute);padding-top:.8rem}
main th,main td{padding:.85rem 1.1rem;text-align:left;border-bottom:1px solid var(--line)}
main thead th{background:var(--terra-soft);color:var(--terra-dark);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
main tbody tr:last-child th,main tbody tr:last-child td{border-bottom:none}
main tbody th{font-weight:600;color:var(--ink-soft)}
main td:nth-child(2){font-weight:700;color:var(--ink)}

/* Cartes packs : liste d'inclus + prix + bouton */
main section > ul[data-cards] article > dl{margin:0 1.3rem .6rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}
main section > ul[data-cards] article > dl > dt{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);flex-basis:100%}
main section > ul[data-cards] article > dl > dd{margin:0;font-weight:900;font-size:var(--step-2);color:var(--terra);letter-spacing:-.02em}
main section > ul[data-cards] article > dl > dd + dd{font-weight:600;font-size:var(--step--1);color:var(--ink-mute)}
main section > ul[data-cards] article > ul{list-style:none;margin:0 1.3rem 1.1rem;padding:0;font-size:var(--step--1);color:var(--ink-soft)}
main section > ul[data-cards] article > ul > li{padding:.28rem 0 .28rem 1.4rem;position:relative}
main section > ul[data-cards] article > ul > li::before{content:"✓";position:absolute;left:0;color:var(--terra);font-weight:800}
main section > ul[data-cards] article > a[data-cta]{margin:0 1.3rem 1.3rem;justify-self:start;align-self:end}

/* Témoignages */
main ul[data-quotes]{list-style:none;margin:0 auto;padding:0;max-width:var(--measure);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--gutter)}
main ul[data-quotes] figure{margin:0;height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.6rem 1.5rem;display:grid;grid-template-rows:1fr auto}
main ul[data-quotes] blockquote{margin:0 0 1.1rem;font-size:var(--step-0);color:var(--ink-soft)}
main ul[data-quotes] blockquote::before{content:"“";display:block;font-size:2.4rem;line-height:1;color:var(--terra);font-weight:900}
main ul[data-quotes] figcaption{font-size:var(--step--1);color:var(--ink-mute)}
main ul[data-quotes] figcaption > b{display:block;color:var(--ink);font-size:var(--step-0)}



@media (min-width:769px){
main > section:first-of-type{padding-block:2rem 2.6rem}
main > section:first-of-type h1{font-size:clamp(1.9rem,1.4rem+1.8vw,2.6rem)}
}


main dl[data-stats] a:hover{color:var(--terra)}


/* ===== Compléments réintégrés (ressources, logos, vitrines) ===== */
main nav[data-ressources]{max-width:var(--measure);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--gutter)}
main nav[data-ressources] > section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.4rem 1.3rem}
main nav[data-ressources] h3{font-size:var(--step-0);margin-bottom:.7rem}
main nav[data-ressources] ul{list-style:none;margin:0;padding:0;font-size:var(--step--1)}
main nav[data-ressources] li + li{border-top:1px solid var(--line)}
main nav[data-ressources] a{display:block;padding:.55rem 0;color:var(--ink-soft)}
main nav[data-ressources] a:hover{color:var(--terra)}
main nav[data-ressources] a > b{display:block;color:var(--ink)}
main nav[data-ressources] a:hover > b{color:var(--terra-dark)}
main ul[data-logos]{list-style:none;margin:0 auto;padding:0;max-width:var(--measure);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1.6rem,4vw,3.6rem)}
main ul[data-logos] img{height:44px;width:auto;opacity:.7;transition:.2s}
main ul[data-logos] li:hover img{opacity:1}
main ul[data-quotes] figcaption a{color:var(--terra);font-weight:700}
main ul[data-quotes] figcaption a:hover{text-decoration:underline}
main ul[data-cards] > li > a{display:block;height:100%}



/* Carte prix superposée sur l'image du hero (pattern de la home) */
main > section[aria-label="Introduction"] > figure{position:relative}
main > section[aria-label="Introduction"] > figure > figcaption{
  position:absolute;inset-block-end:1.1rem;inset-inline-start:-1.1rem;margin:0;
  background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);
  border-radius:18px;padding:.95rem 1.35rem;display:grid;gap:.15rem;
  font-size:var(--step--1);font-weight:600;color:var(--ink-soft);max-width:min(85%,22rem);
}
main > section[aria-label="Introduction"] > figure > figcaption > b{
  font-size:var(--step-2);font-weight:900;color:var(--terra);letter-spacing:-.02em;line-height:1.1;
}
main > section[aria-label="Introduction"] > figure > figcaption > small{
  font-weight:500;font-size:.72rem;color:var(--ink-mute);
}
@media (max-width:40rem){
  main > section[aria-label="Introduction"] > figure > figcaption{inset-inline-start:.8rem;inset-inline-end:.8rem}
}



/* Hero compact */
main > section:first-of-type{padding-block:2rem 2.4rem}
main > section:first-of-type h1{font-size:clamp(1.65rem,1.35rem + 1.4vw,2.25rem)}
main > section:first-of-type > hgroup{margin-bottom:1.4rem}
main > section:first-of-type > nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:56rem;margin-inline:auto}
main > section:first-of-type > nav[aria-label="Actions principales"]{gap:.8rem}
main > section:first-of-type > nav:not([aria-label="Actions principales"]) a{padding:.55rem 1.05rem;font-size:var(--step--1)}
main > section:first-of-type > dl[data-stats]{justify-content:center;margin:1.5rem 0}
main > section:first-of-type > dl[data-stats] > dd{text-align:center}
/* Cartes outils (titre-lien + description, sans visuel) */
main section > ul[data-cards] article[data-tool]{grid-template-rows:auto auto 1fr;position:relative}
main section > ul[data-cards] article[data-tool]::before{content:attr(data-tool);margin:1.15rem 1.3rem 0;font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
main section > ul[data-cards] article[data-tool] h3{margin-top:.4rem;font-size:var(--step-0)}
main section > ul[data-cards] article[data-tool] h3 a::before{content:"";position:absolute;inset:0}
main section > ul[data-cards] article[data-tool] h3 a::after{content:"→";display:inline-block;margin-inline-start:.35rem;color:var(--terra);opacity:0;translate:-4px 0;transition:.18s}
main section > ul[data-cards] article[data-tool]:hover h3 a{color:var(--terra-dark)}
main section > ul[data-cards] article[data-tool]:hover h3 a::after{opacity:1;translate:0 0}



main section h2{font-size:clamp(1.45rem,1.15rem + 1.1vw,1.9rem);line-height:1.25}
main section{padding-block:clamp(2.2rem,4vw,3.4rem)}
main section > hgroup{margin-bottom:1.6rem}
main section > hgroup > p{font-size:1.02rem}


mark{background:none;color:#e8a13a}


dl[data-stats]{display:flex!important;flex-wrap:wrap;gap:.4rem 0!important;align-items:stretch}
dl[data-stats] > dd{margin:0!important;padding:.1rem 1.5rem!important;font-weight:800;font-size:1.02rem!important;border-left:1px solid var(--line);white-space:nowrap}
dl[data-stats] > dd:first-of-type{padding-left:0!important;border-left:0}
dl[data-stats] > dd::after{margin-top:.2rem;font-size:.6rem!important;letter-spacing:.12em!important;font-weight:600!important}



/* ===== HERO — panneau chaleureux plutôt que texte nu ===== */
main > section:first-of-type{
  position:relative;overflow:hidden;
  background:linear-gradient(168deg,var(--terra-soft),var(--card) 60%);
  border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:clamp(2.4rem,4vw,3.6rem) clamp(1.4rem,4vw,3rem)!important;
  margin-bottom:clamp(2rem,4vw,3rem);
}
main > section:first-of-type::before{
  content:"";position:absolute;inset-block-start:-32%;inset-inline-end:-8%;
  width:26rem;height:26rem;border-radius:50%;pointer-events:none;opacity:.7;
  background:radial-gradient(circle,var(--terra-soft),transparent 70%);
}
main > section:first-of-type > *{position:relative}
main > section:first-of-type > hgroup > p[data-eyebrow]{
  display:inline-block;background:var(--card);border:1px solid var(--line);
  color:var(--terra-dark);font-weight:800;letter-spacing:.06em;
  padding:.4rem .9rem;border-radius:999px;box-shadow:var(--shadow-sm);
}
/* Puces de catégories du hero */
main > section:first-of-type > nav:not([aria-label="Actions principales"]) a{
  background:var(--card)!important;border:1px solid var(--line);border-radius:999px;
  box-shadow:var(--shadow-sm);font-weight:700;transition:.18s;
}
main > section:first-of-type > nav:not([aria-label="Actions principales"]) a:hover{
  border-color:var(--terra);color:var(--terra-dark);transform:translateY(-2px);
}

/* ===== EYEBROWS DE SECTION — petites étiquettes colorées ===== */
main section > hgroup > p[data-eyebrow]{
  display:inline-block;background:var(--terra-soft);color:var(--terra-dark);
  font-weight:800;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  padding:.3rem .75rem;border-radius:999px;margin-bottom:.7rem;
}

/* ===== CARTES OUTILS — pastille de catégorie + liseré ===== */
main section > ul[data-cards] article[data-tool]{position:relative}
main section > ul[data-cards] article[data-tool]::before{
  width:max-content;background:var(--terra-soft);color:var(--terra-dark);
  padding:.3rem .7rem;border-radius:999px;margin:1.15rem 1.3rem .15rem;font-size:.64rem;
}
main section > ul[data-cards] article[data-tool]::after{
  content:"";position:absolute;inset-inline:0;inset-block-start:0;height:3px;
  background:var(--terra);opacity:.35;transition:.2s;
}
main section > ul[data-cards] article[data-tool]:hover::after{opacity:1;height:4px}

/* Couleurs douces par famille d'outils */
main section > ul[data-cards] article[data-tool="Checklist"]::before{background:#E7F4EC;color:#1E7A46}
main section > ul[data-cards] article[data-tool="Checklist"]::after{background:#2FA968}
main section > ul[data-cards] article[data-tool="Modèle"]::before{background:#E9EFFB;color:#24559E}
main section > ul[data-cards] article[data-tool="Modèle"]::after{background:#8a6248}
main section > ul[data-cards] article[data-tool="Guide"]::before{background:#EEE9FA;color:#5B3FA8}
main section > ul[data-cards] article[data-tool="Guide"]::after{background:#7A5BD0}
main section > ul[data-cards] article[data-tool="Planning"]::before{background:#FCF1DD;color:#8A5D0E}
main section > ul[data-cards] article[data-tool="Planning"]::after{background:#D79A2B}
main section > ul[data-cards] article[data-tool="Comparateur"]::before{background:#FBEBDD;color:#9A4E12}

/* Bouton reel du formulaire monte (composant Astro generique .btn-contact-send, bleu par defaut dans form-styles.css) recolore en terra, scope a cette page uniquement — memoire moltow_css_redesign, meme motif sur tout le chantier. */
.btn-contact-send{background:#8a6248!important;border-radius:16px!important}
.btn-contact-send:hover{background:#684735!important}