/* ═══ Arritos Technology — pages légales (about / privacy / terms / legacy) ═══ */
:root{
  --bg:#0c0f14; --bg-deep:#04070b; --bg-soft:#11161d;
  --ink:#ECEAE3; --ink-soft:#9AA1AB; --ink-dim:#7c838d;
  --accent:#C8924A; --accent-soft:#d9ad6f;
  --line:rgba(200,146,74,.20); --line-cool:rgba(236,234,227,.08);
  --serif:'Fraunces', Georgia, serif; --sans:'Inter', system-ui, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:radial-gradient(120% 90% at 50% 10%, #0f141b 0%, #0a0e13 42%, var(--bg-deep) 100%) fixed, var(--bg-deep);
  color:var(--ink); font-family:var(--sans); font-weight:300; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:-9999px;top:8px;z-index:60;background:var(--bg-soft);color:var(--ink);border:1px solid var(--line);padding:9px 16px;border-radius:8px;font-size:13px}
.skip-link:focus{left:14px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:4px}

/* barre haute : retour accueil (g) + toggle langue (d) */
.legal-topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  padding:18px 26px;background:linear-gradient(180deg,rgba(10,14,19,.85),transparent);backdrop-filter:blur(4px)}
.back-home{display:inline-flex;align-items:center;gap:9px;color:var(--ink-soft);font-size:13px;letter-spacing:.4px;transition:color .25s}
.back-home:hover{color:var(--ink)}
.back-home .bm{font-family:var(--serif);font-size:15px;color:var(--ink);opacity:.85}
.lang-toggle{display:inline-flex;align-items:center;gap:2px;background:rgba(12,15,20,.55);border:1px solid var(--line-cool);
  border-radius:20px;padding:3px;backdrop-filter:blur(7px)}
.lang-opt{background:none;border:none;cursor:pointer;color:var(--ink-dim);font-family:var(--sans);font-size:11px;font-weight:500;
  letter-spacing:2px;padding:5px 11px;border-radius:16px;transition:color .25s,background .25s}
.lang-opt:hover{color:var(--ink-soft)}
.lang-opt.active{color:var(--accent-soft);background:rgba(200,146,74,.15)}

/* contenu */
.legal{max-width:760px;margin:0 auto;padding:84px 24px 90px}
.legal-head{text-align:center;margin-bottom:44px}
.legal-medallion{width:min(105px,26vw);height:auto;margin:0 auto 42px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.55))}
.legal-eyebrow{display:inline-block;font-size:11.5px;font-weight:500;letter-spacing:3.5px;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.legal-title{font-family:var(--serif);font-weight:300;font-size:clamp(34px,5vw,52px);letter-spacing:-.5px;line-height:1.05;color:var(--ink);margin-bottom:22px}
.legal-intro{color:var(--ink-soft);max-width:560px;margin:6px auto 0;font-size:16px;line-height:1.75}
.legal-body section{padding:34px 0;border-top:1px solid var(--line-cool)}
.legal-body section:first-child{border-top:none}
.legal-body h2{font-family:var(--serif);font-weight:300;font-size:clamp(21px,2.6vw,29px);letter-spacing:-.3px;color:var(--ink);margin-bottom:16px}
.legal-body p{color:var(--ink-soft);line-height:1.8;margin-bottom:14px;font-size:15.5px;max-width:66ch}
.legal-body p:last-child{margin-bottom:0}
.legal-body strong{color:var(--ink);font-weight:500}
.legal-body a{color:var(--accent-soft);border-bottom:1px solid var(--line);transition:color .2s}
.legal-body a:hover{color:var(--accent)}
.legal-body .todo{color:var(--accent-soft);font-style:italic}
.legal-foot{margin-top:64px;text-align:center;color:var(--ink-dim);font-size:13px;border-top:1px solid var(--line-cool);padding-top:30px}
.legal-foot a{color:var(--accent-soft)}
@media(max-width:680px){ .legal{padding:108px 20px 70px} .legal-topbar{padding:14px 16px} .back-home .bm{display:none} }