/* Feuille partagée par les pages d'expertise. Le reste du site porte ses
   styles en ligne ; ici trois pages partagent la même mise en page, une
   feuille commune évite d'en tenir trois copies. */
:root{
  color-scheme:light;
  --cream:#FBF7F1; --cream2:#F3EADE; --card:#FFFFFF; --ink:#2B1A14; --muted:#7C6A64;
  --faint:#9A887E; --bx:#8C2114; --bx2:#6E1A10; --or:#E84616; --gold:#B9772E; --gold2:#E8A15C;
  --line:rgba(140,33,20,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);line-height:1.55;
  font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}

.wrap{width:100%;max-width:1080px;margin:0 auto;padding-inline:clamp(18px,5vw,40px)}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;
  background:rgba(251,247,241,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.topbar img{height:46px;width:auto}
.topbar .nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.topbar .nav a{font-weight:700;font-size:13.5px;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:999px}
.topbar .nav a:hover{color:var(--bx);background:var(--cream2)}
.topbar .nav a.cta{background:var(--or);color:#fff;padding:11px 17px}

.fil{font-size:12.5px;color:var(--faint);font-weight:600;padding-top:18px}
.fil a{color:var(--muted);text-decoration:none}
.fil a:hover{color:var(--bx)}

.hero{padding-block:22px 34px}
.eyebrow{color:var(--or);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:12.5px}
h1{color:var(--bx);font-weight:900;font-size:clamp(30px,6.4vw,50px);line-height:1.03;
  letter-spacing:-.018em;margin:.26em 0 .3em;text-wrap:balance}
.lede{color:var(--muted);font-size:clamp(16px,2.4vw,18.5px);max-width:58ch}
.cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);
  background:var(--card);color:var(--bx);font:inherit;font-weight:700;font-size:15px;
  padding:14px 22px;border-radius:999px;text-decoration:none}
.btn.p{background:var(--or);color:#fff;border-color:transparent}

section{padding-block:38px}
h2{color:var(--bx);font-weight:900;font-size:clamp(23px,3.6vw,32px);letter-spacing:-.012em;text-wrap:balance}
h3{color:var(--bx);font-weight:800;font-size:clamp(17px,2.2vw,20px);margin-bottom:6px}
p{color:var(--muted);font-size:clamp(15.5px,2vw,17px);margin-top:14px;max-width:68ch}
p strong{color:var(--ink);font-weight:700}
ul{margin-top:16px;padding-left:20px;max-width:68ch}
li{color:var(--muted);font-size:clamp(15.5px,2vw,17px);margin-bottom:9px}
li strong{color:var(--ink);font-weight:700}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:14px;margin-top:24px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.tile p{margin-top:8px;font-size:15px}

.band{background:var(--cream2)}
.dark{background:var(--bx);color:#fff}
.dark h2{color:#fff}
.dark p{color:#F6E7DF}

.faq{margin-top:22px;max-width:74ch}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:700;color:var(--bx);font-size:16px;
  display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--or);font-weight:900;font-size:20px;line-height:1}
.faq details[open] summary::after{content:'\2212'}
.faq summary:focus-visible{outline:2px solid var(--or);outline-offset:-3px}
.faq .rep{padding:0 18px 18px;border-top:1px solid var(--line)}
.faq .rep p{margin-top:14px}

.fin{background:var(--bx2);color:#fff;text-align:center;padding-block:44px}
.fin h2{color:#fff}
.fin p{color:#F6E7DF;margin-inline:auto}
.fin .cta{justify-content:center}
.fin .btn{background:var(--or);color:#fff;border-color:transparent}
.fin .btn.g{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}

footer{background:var(--bx2);color:#fff;text-align:center;padding:26px 22px 40px;border-top:1px solid rgba(255,255,255,.14)}
footer .fl{font-weight:800;font-size:16px}
footer .lk{margin-top:12px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
footer .lk a{color:#F6E7DF;font-size:13.5px;font-weight:600;text-decoration:none}
footer .lk a:hover{color:var(--gold2)}
footer .mk{display:block;margin-top:14px;color:var(--gold2);font-weight:700;font-size:11.5px;
  letter-spacing:.18em;text-transform:uppercase}