/* Symbiel — pages légales (confidentialité / CGU / mentions légales) */
:root{
  --ink:#08090f; --ink-2:#0c0e18;
  --surface:rgba(255,255,255,.035); --surface-2:rgba(255,255,255,.055);
  --stroke:rgba(255,255,255,.09); --stroke-2:rgba(255,255,255,.16);
  --text:#f2f3fa; --muted:#9ba1b8; --muted-2:#6f7590;
  --gold:#f5c56b; --gold-deep:#e8a94a;
  --max:#5b7cfa; --margaux:#e068c8; --gaspard:#2fd4d0;
  --r-lg:26px; --r-md:18px; --r-sm:12px; --maxw:820px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--ink);color:var(--text);
  font-family:"Hanken Grotesk",-apple-system,sans-serif;
  font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:var(--gold);color:#1a1406}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}

/* atmosphere (allégée) */
.bg-field{position:fixed;inset:0;z-index:-2;overflow:hidden;
  background:radial-gradient(120% 90% at 50% -10%,#12152a 0%,var(--ink) 55%)}
.aurora{position:absolute;border-radius:50%;filter:blur(100px);opacity:.32;mix-blend-mode:screen}
.a1{width:560px;height:560px;background:radial-gradient(circle,var(--max),transparent 65%);top:-200px;left:-160px}
.a2{width:520px;height:520px;background:radial-gradient(circle,var(--margaux),transparent 65%);top:12%;right:-180px}
.a3{width:560px;height:560px;background:radial-gradient(circle,var(--gaspard),transparent 65%);top:70%;left:-200px}

/* nav */
header.nav{position:sticky;top:0;z-index:50;background:rgba(10,11,18,.7);backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke)}
.nav-inner{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px;font-family:"Fraunces",serif;font-size:22px;letter-spacing:-.02em;color:var(--text);text-decoration:none}
.brand .dot{width:28px;height:28px;border-radius:9px;position:relative;
  background:conic-gradient(from 210deg,var(--max),var(--margaux),var(--gaspard),var(--gold),var(--max));box-shadow:0 0 22px -4px var(--max)}
.brand .dot::after{content:"";position:absolute;inset:6px;border-radius:5px;background:var(--ink)}
.back{color:var(--muted);font-weight:500;font-size:15px}
.back:hover{color:var(--text);text-decoration:none}

/* doc */
.doc{max-width:var(--maxw);margin:0 auto;padding:70px 24px 40px}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:9px;margin-bottom:18px}
.eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.doc h1{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(2.1rem,5vw,3rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.updated{color:var(--muted-2);font-size:14px;font-family:"JetBrains Mono",monospace;margin-top:14px}
.lead{color:var(--muted);font-size:18px;margin-top:22px}

.doc h2{font-family:"Fraunces",serif;font-weight:400;font-size:1.5rem;letter-spacing:-.01em;margin:48px 0 14px;padding-top:22px;border-top:1px solid var(--stroke)}
.doc h3{font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:1.05rem;margin:24px 0 8px;color:var(--text)}
.doc p{color:#d7dae8;margin:12px 0}
.doc ul{margin:12px 0 12px 4px;padding-left:20px;color:#d7dae8}
.doc li{margin:7px 0}
.doc strong{color:var(--text);font-weight:600}
.doc a{font-weight:500}

.callout{background:var(--surface);border:1px solid var(--stroke-2);border-left:3px solid var(--gold);border-radius:var(--r-md);padding:20px 22px;margin:26px 0}
.callout p{margin:6px 0}
.callout .k{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}

table.tbl{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
table.tbl th,table.tbl td{text-align:left;padding:11px 14px;border:1px solid var(--stroke);vertical-align:top}
table.tbl th{background:var(--surface-2);font-weight:600;color:var(--text)}
table.tbl td{color:#d7dae8}
.tbl-wrap{overflow-x:auto}

/* footer */
footer{border-top:1px solid var(--stroke);margin-top:80px;padding:40px 0}
.foot-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;color:var(--muted-2);font-size:14px}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.foot-links a{color:var(--muted);font-weight:500}
.foot-links a:hover{color:var(--text);text-decoration:none}