@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lexend+Deca:wght@300;400;500;600&display=swap');

:root{
  --black:#0d0d0d;--panel:#151411;--cream:#fff1df;--gold:#c9a35f;
  --muted:rgba(255,241,223,.72);--faint:rgba(255,241,223,.54);
  --line:rgba(255,241,223,.12);--gline:rgba(201,163,95,.34);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--black)}
body{margin:0;background:radial-gradient(ellipse 100% 42% at 50% -8%,rgba(138,109,59,.16),transparent 65%),var(--black);color:var(--cream);font-family:'Lexend Deca',sans-serif;font-weight:300;line-height:1.75}
a{color:inherit}
.page{max-width:760px;margin:0 auto;padding:28px 28px 92px}
.top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:72px}
.brand{font-family:'Bebas Neue',sans-serif;font-size:25px;letter-spacing:.07em;text-decoration:none}.brand span{color:var(--gold)}
.lang{display:flex;border:1px solid var(--gline);border-radius:999px;overflow:hidden}
.lang button{min-width:50px;min-height:44px;border:0;background:transparent;color:var(--muted);font:15px 'Bebas Neue',sans-serif;letter-spacing:.14em;cursor:pointer}
.lang button+button{border-left:1px solid var(--line)}
.lang button[aria-pressed=true]{background:var(--cream);color:var(--black)}
.kicker{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:13px}
h1,h2{font-family:'Bebas Neue',sans-serif;font-weight:400;text-transform:uppercase}
h1{font-size:clamp(46px,10vw,78px);line-height:.95;letter-spacing:.015em;margin:0 0 18px}
.updated{color:var(--faint);font-size:12px;letter-spacing:.04em;margin:0 0 52px}
.lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:650px;margin-bottom:44px}
.company{background:linear-gradient(180deg,var(--panel),#11110f);border:1px solid var(--gline);border-radius:16px;padding:24px;margin:34px 0 48px;color:var(--muted)}
.company strong{color:var(--cream)}
h2{font-size:27px;line-height:1.1;letter-spacing:.025em;margin:46px 0 14px;color:var(--cream)}
h2::before{content:'';display:inline-block;width:22px;height:1px;background:var(--gold);vertical-align:middle;margin:0 12px 7px 0}
p{margin:0 0 16px;color:var(--muted)}
ul{margin:0 0 18px;padding-left:1.2em;color:var(--muted)}
li{margin:0 0 8px;padding-left:.15em}li::marker{color:var(--gold)}
strong{color:var(--cream);font-weight:500}
.content a{color:var(--cream);text-decoration-color:var(--gold);text-underline-offset:3px}
.note{border-left:1px solid var(--gold);padding:4px 0 4px 18px;color:var(--faint);font-size:13px;margin:28px 0}
.back{display:inline-block;margin-top:54px;text-decoration:none;color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.legal-foot{margin-top:68px;padding-top:24px;border-top:1px solid var(--line);font-size:11.5px;color:var(--faint)}
/* Sans JavaScript, le français reste lisible : c'est l'état par défaut du
   document. Le script se contente de poser html.lang-en pour basculer. Ne pas
   revenir à un [data-copy]{display:none} piloté par une classe .active : sans
   script, plus aucune version ne s'afficherait et la page juridique serait vide. */
[data-copy=fr]{display:block}
[data-copy=en]{display:none}
html.lang-en [data-copy=fr]{display:none}
html.lang-en [data-copy=en]{display:block}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:3px}
@media(max-width:560px){.page{padding:22px 22px 72px}.top{margin-bottom:56px}.lead{font-size:16px}.company{padding:20px}h2{font-size:24px}}