/* Clépo — habillage commun des pages (même esprit que l'accueil) */
:root{--bg:#FFFFFF;--paper:#FFFFFF;--bg2:#FFFFFF;--soft:#F5F4F0;--ink:#0F0F11;--fg:#0F0F11;--mute:#6B6A70;--line:#E7E5E0;--line2:#DCDAD4;
  --acc:#0F0F11;--acc2:#0F0F11;--acc3:#1E8E5A;--ok:#1E8E5A;--a4:#0F0F11;--accsoft:#F2F1EE;
  --display:"Inter Tight",Helvetica,Arial,sans-serif;--body:"Inter Tight",Helvetica,Arial,sans-serif;--sans:"Inter Tight",Helvetica,Arial,sans-serif;--serif:"Instrument Serif",Georgia,serif;--ease:cubic-bezier(.2,.8,.2,1);
  --sh:0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(0,0,0,.18);--sh2:0 30px 60px -30px rgba(0,0,0,.3)}
body{font-family:var(--sans)!important;-webkit-font-smoothing:antialiased;background:#fff!important}
h1,h2,h3,h4{font-family:var(--sans)!important}
h1{font-weight:500!important;letter-spacing:-.05em!important;line-height:.98!important}
h2{font-weight:500!important;letter-spacing:-.04em!important}
h3{font-weight:600!important;letter-spacing:-.015em}
.serif{font-family:var(--serif)!important;font-weight:400!important;font-style:italic;letter-spacing:-.01em}
.btn{border-radius:999px!important;font-weight:600!important;font-family:var(--sans)!important}
.btn.acc,.btn:not(.o):not(.w){background:var(--ink)}
.btn.o{background:transparent!important;box-shadow:inset 0 0 0 1px var(--ink)!important;color:var(--ink)!important}
.kicker{background:transparent!important;color:var(--mute)!important;border:1px solid var(--line);font-weight:500!important;padding:8px 14px!important}
.eyebrow{color:var(--mute)!important;font-weight:600!important;font-size:11px!important;letter-spacing:.22em!important}
.sub,.lead{color:var(--mute)}
:focus-visible{outline:2px solid var(--ink)!important}
code{background:var(--soft)!important}
/* bandeau + en-tête (identiques à l'accueil) */
.ann{display:block;background:var(--ink);color:#fff;text-align:center;font:500 12.5px/1 var(--sans);letter-spacing:.04em;padding:11px 16px;text-decoration:none}
.ann b{font-weight:600;border-bottom:1px solid rgba(255,255,255,.5)}
header.pro{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header.pro .wrap{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding-block:0!important;max-width:1360px}
header.pro .logo{display:flex;align-items:center;gap:10px;font:700 20px/1 var(--sans)!important;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
header.pro .logo .mark{width:19px;height:27px}
header.pro .mid{display:flex;gap:4px;align-items:center;margin:0}
header.pro .mid a{text-decoration:none;color:var(--ink);font:500 14px/1 var(--sans);padding:12px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:none}
header.pro .mid a:hover,header.pro .mid a[aria-current]{background:var(--soft)}
header.pro .new{font:600 9.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#fff;padding:4px 6px;border-radius:4px}
header.pro .rt{display:flex;justify-content:flex-end;gap:8px;align-items:center}
header.pro .rt .btn{margin:0;padding:11px 16px;font-size:13px}
header.pro .ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink)}
header.pro .ic:hover{background:var(--soft)}
header.pro .burger{display:none}
@media (max-width:980px){header.pro .mid{display:none!important}header.pro .burger{display:grid}header.pro .wrap{grid-template-columns:auto 1fr auto}header.pro .rt .btn{display:none}}
/* pied de page */
footer.pro{border-top:1px solid var(--line);padding:56px 0 40px;background:#fff;color:var(--ink)}
footer.pro .wrap{display:block!important;max-width:1360px}
footer.pro .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
footer.pro h5{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 16px}
footer.pro a{display:block;text-decoration:none;font-size:14.5px;margin-bottom:10px;color:var(--ink)}
footer.pro a:hover{text-decoration:underline}
footer.pro .fbig{font:500 clamp(70px,15vw,230px)/.8 var(--sans);letter-spacing:-.07em;margin-top:60px}
footer.pro .fbt{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:24px;color:var(--mute);font-size:13px}
@media (max-width:860px){footer.pro .fg{grid-template-columns:1fr 1fr}}