/* TAKIA — feuille de style commune aux pages légales.
   Charte : #0A0A0A / #1A1A1A / #6B6B6B / #E5E5E5 / #FFFFFF, Inter + JetBrains Mono. */
:root{
  --noir:#0A0A0A;
  --noir-2:#1A1A1A;
  --gris:#6B6B6B;
  --gris-clair:#E5E5E5;
  --blanc:#FFFFFF;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--blanc);
  color:var(--noir);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  line-height:1.7;
}
::selection{background:var(--noir);color:var(--blanc)}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--noir);outline-offset:3px}
footer :focus-visible{outline-color:#fff}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important}}

/* --- Nav --- */
nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px clamp(20px,5vw,64px);
  background:rgba(255,255,255,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--gris-clair);
}
nav .logo{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
nav .logo img{height:17px;width:auto;display:block}
nav .back{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--gris);text-decoration:none;transition:color .3s;display:inline-flex;align-items:center;min-height:44px;padding-left:12px}
nav .back:hover{color:var(--noir)}

/* --- Corps --- */
main{max-width:760px;margin:0 auto;padding:clamp(56px,9vw,104px) clamp(20px,5vw,24px) 96px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gris);margin-bottom:20px}
h1{font-size:clamp(32px,6vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-bottom:14px}
.maj{font-family:var(--mono);font-size:12px;color:var(--gris);letter-spacing:.04em;padding-bottom:36px;border-bottom:1px solid var(--gris-clair);margin-bottom:8px}
h2{font-size:15px;font-weight:700;letter-spacing:.02em;margin:44px 0 12px;padding-top:4px}
h2 .n{font-family:var(--mono);font-weight:500;color:var(--gris);margin-right:10px}
h3{font-size:14px;font-weight:600;margin:24px 0 8px;color:var(--noir-2)}
p,li{font-size:15px;color:var(--noir-2)}
p{margin-bottom:12px}
ul{padding-left:20px;margin-bottom:12px}
li{margin-bottom:7px}
strong{font-weight:600;color:var(--noir)}
a{color:var(--noir);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gris-clair);transition:text-decoration-color .3s}
a:hover{text-decoration-color:var(--noir)}
.box{border:1px solid var(--gris-clair);padding:22px 24px;margin:18px 0;background:#FAFAFA}
.box p:last-child{margin-bottom:0}

/* --- Footer --- */
footer{background:var(--noir);color:var(--gris-clair)}
.foot{max-width:1500px;margin:0 auto;padding:44px clamp(20px,5vw,64px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.foot .brand{width:64px;height:auto;display:block}
.foot nav{position:static;background:none;border:none;padding:0;backdrop-filter:none;display:flex;gap:8px;flex-wrap:wrap}
.foot a{color:var(--gris-clair);font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex;align-items:center;min-height:44px;padding:0 10px}
.foot a:hover{color:#fff}
.foot-bottom{max-width:1500px;margin:0 auto;padding:20px clamp(20px,5vw,64px);border-top:1px solid #262626;font-family:var(--mono);font-size:12px;color:var(--gris);letter-spacing:.04em}