/* Pages Naheumess (téléchargement, confidentialité, suppression) : mêmes couleurs et polices que le site. */
@font-face{ font-family:'Atkinson Hyperlegible'; font-weight:400; font-display:swap; src:url('../assets/fonts/atkinson-400-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face{ font-family:'Atkinson Hyperlegible'; font-weight:400; font-display:swap; src:url('../assets/fonts/atkinson-400-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+1E00-1E9F; }
@font-face{ font-family:'Atkinson Hyperlegible'; font-weight:700; font-display:swap; src:url('../assets/fonts/atkinson-700-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face{ font-family:'Atkinson Hyperlegible'; font-weight:700; font-display:swap; src:url('../assets/fonts/atkinson-700-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+1E00-1E9F; }

:root{
  --bg:#071309; --bg-card:#112719; --line:rgba(232,240,228,.14);
  --cream:#f0f4ee; --sage:#b7cab8; --sage-dim:#839886; --sky:#6fb3c9; --sky-soft:#b7dde6; --gold:#f5c451;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ background:radial-gradient(circle at 20% -10%, #17351f 0, var(--bg) 55%) fixed, var(--bg); color:var(--cream);
  font:400 1.05rem/1.65 'Atkinson Hyperlegible', system-ui, sans-serif; min-height:100vh; }
a{ color:var(--sky-soft); }
a:hover{ color:var(--cream); }
:focus-visible{ outline:3px solid var(--sky); outline-offset:3px; border-radius:6px; }

.top{ display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:880px; margin:0 auto; padding:22px 16px; }
.top a.home{ color:var(--cream); text-decoration:none; font-weight:700; letter-spacing:.02em; }
.langs{ display:flex; gap:6px; }
.langs button{ font:inherit; font-size:.85rem; font-weight:700; color:var(--sage); background:none; border:1px solid var(--line); border-radius:999px; padding:6px 12px; cursor:pointer; }
.langs button[aria-pressed="true"]{ color:var(--bg); background:var(--cream); border-color:var(--cream); }

main{ max-width:880px; margin:0 auto; padding:8px 16px 72px; }
.hero{ display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center; margin:18px 0 44px; }
.hero img{ width:132px; height:132px; border-radius:30px; box-shadow:0 0 0 1px var(--line), 0 18px 60px rgba(245,196,81,.22); }
.eyebrow{ text-transform:uppercase; letter-spacing:.16em; font-size:.78rem; font-weight:700; color:var(--sky); margin-bottom:8px; }
h1{ font-size:clamp(2.2rem,6vw,3.4rem); line-height:1.05; margin-bottom:12px; }
h2{ font-size:clamp(1.35rem,3vw,1.8rem); line-height:1.2; margin:42px 0 14px; }
h3{ font-size:1.1rem; margin:22px 0 8px; }
p, li{ color:var(--sage); }
p + p{ margin-top:12px; }
ul, ol{ padding-left:1.3em; } li{ margin:6px 0; }
strong{ color:var(--cream); }
.lead{ font-size:1.15rem; color:var(--cream); }

.downloads{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px; }
.dl{ background:var(--bg-card); border:1px solid var(--line); border-radius:20px; padding:22px; display:flex; flex-direction:column; gap:10px; }
.dl h3{ margin:0; display:flex; align-items:center; gap:10px; }
.dl h3 svg{ width:26px; height:26px; flex:none; }
.dl p{ font-size:.95rem; flex:1; }
.btn{ display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:13px 22px; border-radius:999px; font-weight:700; text-decoration:none; text-align:center;
  background:var(--cream); color:var(--bg); border:1px solid var(--cream); transition:transform .2s, background .2s; }
.btn:hover{ color:var(--bg); background:#fff; transform:translateY(-2px); }
.btn.outline{ background:none; color:var(--cream); border-color:var(--line); }
.btn.outline:hover{ border-color:var(--cream); color:var(--cream); }
.btn[aria-disabled="true"]{ opacity:.55; pointer-events:none; }
.note{ font-size:.9rem; color:var(--sage-dim); }

.features{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px; margin-top:8px; }
.features div{ border-left:3px solid var(--gold); padding:4px 0 4px 14px; }
.features b{ color:var(--cream); display:block; }

.card{ background:var(--bg-card); border:1px solid var(--line); border-radius:20px; padding:22px 24px; margin-top:18px; }
table{ width:100%; border-collapse:collapse; font-size:.95rem; margin-top:10px; }
th, td{ text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--sage); }
th{ color:var(--cream); }
.table-wrap{ overflow-x:auto; }
footer{ max-width:880px; margin:0 auto; padding:24px 16px 40px; border-top:1px solid var(--line); font-size:.9rem; color:var(--sage-dim); display:flex; flex-wrap:wrap; gap:8px 20px; }

[data-l]:not(.on){ display:none !important; }

@media (max-width:560px){
  .hero{ grid-template-columns:1fr; gap:18px; text-align:left; }
  .hero img{ width:96px; height:96px; border-radius:22px; }
}
@media (prefers-reduced-motion:reduce){ .btn{ transition:none; } .btn:hover{ transform:none; } }