:root{
  --ink:#111110; --ink2:#2a2a27; --ink3:#5c5c56; --ink4:#9c9c94;
  --paper:#fafaf7; --paper2:#f2f2ed; --rule:#ddddd4;
  --grn:#00E87A;
  --mono:'Syne Mono',ui-monospace,monospace;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'Syne',system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);font-weight:400;font-size:15px;line-height:1.6;
  color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink4);text-underline-offset:3px;transition:text-decoration-color .15s}
a:hover{text-decoration-color:var(--ink)}

/* Nav simplifiée — bandeau noir */
.nav{
  background:var(--ink);height:52px;display:flex;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.nav-inner{
  max-width:860px;margin:0 auto;padding:0 28px;width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.logo{font-family:var(--mono);font-size:15px;letter-spacing:.14em;color:var(--grn);text-transform:uppercase}
.logo,.nav-back{text-decoration:none}
.nav-back{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  color:rgba(255,255,255,.55);text-transform:uppercase;
  transition:color .15s;
}
.nav-back:hover{color:#fff}

/* Layout */
.page{max-width:860px;margin:0 auto;padding:72px 28px 120px}
.eyebrow{
  font-family:var(--mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink4);margin-bottom:18px;
}
h1{
  font-family:var(--sans);font-weight:800;
  font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.015em;
  margin-bottom:14px;
}
h1 em{font-family:var(--serif);font-style:italic;font-weight:400}
.lead{
  font-size:16px;color:var(--ink3);line-height:1.65;max-width:620px;
  margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--rule);
}
h2{
  font-family:var(--sans);font-weight:700;font-size:20px;line-height:1.3;
  margin:44px 0 14px;letter-spacing:-.005em;
}
h2:first-of-type{margin-top:0}
h3{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink2);margin:22px 0 10px;font-weight:700;
}
p{font-size:15px;color:var(--ink2);line-height:1.7;margin-bottom:14px}
ul{padding-left:22px;margin-bottom:14px}
ul li{font-size:15px;color:var(--ink2);line-height:1.7;margin-bottom:6px}
dl{margin-bottom:14px}
dt{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink4);text-transform:uppercase;margin-top:10px}
dd{font-size:15px;color:var(--ink2);margin-bottom:8px;line-height:1.6}
strong{font-weight:700;color:var(--ink)}
.meta{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink4);
  text-transform:uppercase;margin-top:56px;padding-top:20px;border-top:1px solid var(--rule);
}

/* Footer minimal */
.legal-footer{
  background:var(--ink);color:#c8c8c0;padding:40px 28px;text-align:center;
}
.legal-footer .mini{max-width:860px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 28px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.legal-footer a{color:#c8c8c0;text-decoration:none;transition:color .15s}
.legal-footer a:hover{color:#fff}
.legal-footer .copy{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:var(--ink4);font-family:var(--mono);font-size:10px;letter-spacing:.12em}