/* ============================================================
   Pages légales : mêmes jetons et mêmes polices que la page
   d'accueil, dans une mise en page sobre faite pour la lecture.
   ============================================================ */
:root{
  --canvas:#0A0E16;
  --canvas-2:#0C1220;
  --panel:#121826;
  --accent:#6FD4E6;
  --accent-hover:#9AE6F2;
  --accent-muted:#2A4E5C;
  --border-strong:#5A8798;
  --hairline:#1E2836;
  --text-primary:#E9EEF6;
  --text-secondary:#93A2B8;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
  --display:'Archivo',ui-sans-serif,system-ui,sans-serif;
  --body:'Public Sans',ui-sans-serif,system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip}
body{
  margin:0;background:var(--canvas);color:var(--text-primary);
  font-family:var(--body);font-weight:400;font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2{font-family:var(--display);font-stretch:semi-expanded;font-weight:700;line-height:1.06;letter-spacing:-.02em;margin:0}
p{margin:0}
a{color:var(--accent);text-decoration:none;transition:color .3s var(--ease-soft)}
a:hover{color:var(--accent-hover)}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--accent);color:#06202B;
  padding:12px 18px;font-family:var(--mono);font-size:13px}
.skip:focus{left:8px;top:8px}

/* fond fixe, la même atmosphère que la page d'accueil mais plus calme */
.env{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(60% 45% at 22% 12%,rgba(38,86,110,.24) 0%,rgba(10,14,22,0) 70%),
  radial-gradient(50% 40% at 84% 78%,rgba(28,60,84,.2) 0%,rgba(10,14,22,0) 70%),
  var(--canvas)}

/* barre du haut */
.nav{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:16px 26px;background:rgba(10,14,22,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--hairline)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.brand-mark{width:42px;height:auto;flex:none}
.brand b{font-family:var(--display);font-stretch:semi-expanded;font-weight:700;font-size:13px;letter-spacing:.14em;display:block}
.brand em{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--text-secondary);font-style:normal;display:block;margin-top:2px}
.back{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-secondary);display:inline-flex;align-items:center;gap:8px}
.back:hover{color:var(--accent)}
@media (pointer:coarse){.back{min-height:44px;display:inline-flex;align-items:center}}
@media (max-width:520px){
  .nav{padding:12px 16px}
  .brand-mark{width:34px}
  .brand b{font-size:11px;letter-spacing:.08em;white-space:nowrap}
  .brand em{display:none}
  .back{font-size:10.5px}
}

/* corps de la page */
main{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:clamp(54px,8vw,96px) 26px clamp(70px,9vw,120px)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);
  display:flex;align-items:center;gap:12px;margin-bottom:24px}
.eyebrow::after{content:"";height:1px;flex:1;max-width:120px;background:linear-gradient(90deg,var(--accent-muted),transparent)}
h1{font-size:clamp(30px,5.2vw,50px);margin-bottom:18px}
.updated{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:52px}
section{margin-bottom:44px}
h2{font-size:clamp(20px,2.4vw,25px);margin-bottom:16px;padding-top:26px;border-top:1px solid var(--hairline)}
section:first-of-type h2{border-top:none;padding-top:0}
p+p{margin-top:14px}
main p{color:var(--text-secondary);max-width:70ch}
main strong{color:var(--text-primary);font-weight:500}
ul{margin:14px 0 0;padding-left:20px;color:var(--text-secondary);max-width:70ch}
li{margin-bottom:9px}
li::marker{color:var(--accent-muted)}

/* fiche d'identité de la société */
.idcard{border:1px solid var(--hairline);background:var(--panel);border-radius:3px;padding:6px 22px;margin-top:20px}
.idcard dl{margin:0}
.idcard div{display:flex;flex-wrap:wrap;gap:6px 18px;padding:14px 0;border-bottom:1px solid var(--hairline)}
.idcard div:last-child{border-bottom:none}
.idcard dt{flex:0 0 190px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}
.idcard dd{margin:0;flex:1 1 240px;color:var(--text-primary)}
@media (max-width:560px){.idcard dt{flex-basis:100%}}

/* pied de page */
footer{position:relative;z-index:2;border-top:1px solid var(--hairline);background:var(--canvas-2);
  padding:38px 26px;text-align:center}
footer .small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--text-secondary);line-height:2.1}
footer a{color:var(--text-secondary)}
footer a:hover{color:var(--accent)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}