/* ═══════════════════════════════════════════════════════════════
   Pages légales — BBA / DEAN FREECS GROUP LIMITED
   Reprend le design system de la VSL et de la page offre.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --bg:#0b0c0e; --card:#15181d; --line:rgba(255,255,255,.08);
  --ink:#f5f2ea; --mut:#9aa0aa; --mut2:#7d828d;
  --acc:#e7a94b; --acc2:#f3c877;
  --maxw:820px;
  --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:"Plus Jakarta Sans",sans-serif;line-height:1.2;letter-spacing:-.02em}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}

.glow{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(1150px 660px at 50% -12%, rgba(231,169,75,.18), transparent 60%),
    radial-gradient(920px 780px at 6% 34%, rgba(231,169,75,.05), transparent 60%)}
.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main{position:relative;z-index:1}

/* NAV */
nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(11,12,14,.72);
  border-bottom:1px solid var(--line)}
nav .inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:68px;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo-img{height:26px;width:auto;display:block}
nav a.back{color:var(--mut);font-size:14px}
nav a.back:hover{color:var(--ink);text-decoration:none}

/* CONTENU */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.head{padding:var(--s-8) 0 var(--s-6)}
.head h1{font-size:clamp(30px,5vw,42px);font-weight:800;margin-bottom:var(--s-3)}
.head .maj{color:var(--mut2);font-size:14px}
article{padding-bottom:var(--s-8)}
article section{margin-bottom:var(--s-7)}
article h2{font-size:20px;font-weight:700;color:var(--acc);margin-bottom:var(--s-4);
  padding-bottom:var(--s-3);border-bottom:1px solid var(--line)}
article h3{font-size:16px;font-weight:700;margin:var(--s-5) 0 var(--s-2)}
article p{margin-bottom:var(--s-4);color:#ddd8cf}
article ul{margin:0 0 var(--s-4) 20px;color:#ddd8cf}
article li{margin-bottom:var(--s-2)}
article strong{color:var(--ink)}

/* TABLEAU D'IDENTITÉ */
table.id{width:100%;border-collapse:collapse;margin-bottom:var(--s-4);font-size:15px}
table.id td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top;color:#ddd8cf}
table.id td:first-child{color:var(--mut);width:38%;padding-right:16px}

/* ENCADRÉ */
.note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--acc);
  border-radius:10px;padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}
.note p:last-child{margin-bottom:0}

/* FOOTER */
footer{padding:var(--s-7) 0;text-align:center;border-top:1px solid var(--line);
  color:var(--mut2);font-size:13px}
footer .links{margin-bottom:var(--s-3);display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
footer .links a{color:var(--mut);font-size:13px}
footer .risk{max-width:70ch;margin:0 auto var(--s-4);line-height:1.6;color:var(--mut2);font-size:13px}

@media(max-width:560px){
  table.id td{display:block;border:none;padding:2px 0}
  table.id td:first-child{width:100%;font-size:13px;padding-top:12px}
  table.id tr{display:block;border-bottom:1px solid var(--line);padding-bottom:10px}
}