/* ============================================================
   SA DÉVELOPPE — Pages légales (/mentions-legales · /confidentialite)
   Feuille autonome : polices auto-hébergées + tokens repris de v2.css.
   Aucune dépendance JS. Conforme à la CSP (style-src 'self').
   ============================================================ */

/* ---------- Polices (sous-ensemble strictement nécessaire) ---------- */
@font-face{font-family:'Overpass';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/overpass-400-normal-latin.woff2') format('woff2');}
@font-face{font-family:'Overpass';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/overpass-600-normal-latin.woff2') format('woff2');}
@font-face{font-family:'Overpass Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/overpassmono-500-normal-latin.woff2') format('woff2');}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/instrumentserif-400-italic-latin.woff2') format('woff2');}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/instrumentserif-400-normal-latin.woff2') format('woff2');}

/* ---------- Tokens ---------- */
:root{
  --orange:#E8762A;
  --noir:#0F0F10;
  --ivoire:#F8F5F1;
  --ivoire-warm:#FAF7F2;
  --ink:#0F0F10;
  --ink-soft:#4A4A4D;
  --ink-dim:#727275;
  --line:rgba(15,15,16,0.10);
  --line-strong:rgba(15,15,16,0.22);
  --ff-sans:'Overpass',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --ff-mono:'Overpass Mono',ui-monospace,Menlo,monospace;
  --ff-display:'Instrument Serif','Times New Roman',Times,serif;
  --gutter:clamp(20px,4vw,56px);
  --container:1320px;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;}
body{
  font-family:var(--ff-sans);
  color:var(--ink);
  background:var(--ivoire-warm);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
a{color:inherit;text-decoration:none;}
h1,h2,p{margin:0;}
::selection{background:var(--orange);color:var(--ivoire);}

/* ---------- En-tête ---------- */
.lp-top{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--gutter);
  padding:22px var(--gutter);
  border-bottom:1px solid var(--line);
}
.lp-top__brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:-0.01em;}
.lp-top__brand img{width:38px;height:38px;border-radius:7px;}
.lp-top__back{
  font-family:var(--ff-mono);font-size:13px;letter-spacing:0.04em;
  text-transform:uppercase;color:var(--ink-soft);
  transition:color .3s var(--ease-out);
}
.lp-top__back:hover{color:var(--orange);}

/* ---------- Corps ---------- */
.lp-main{
  flex:1;
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:clamp(48px,8vw,104px) var(--gutter);
}
.lp-eyebrow{
  font-family:var(--ff-mono);font-size:12px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--ink-dim);margin:0 0 16px;
}
.lp-title{
  font-family:var(--ff-display);font-style:italic;font-weight:400;
  font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-0.01em;
  color:var(--noir);margin:0 0 10px;
}
.lp-updated{
  font-family:var(--ff-mono);font-size:12px;letter-spacing:0.06em;
  color:var(--ink-dim);margin:0 0 52px;
}
.lp-section{margin:0 0 40px;}
.lp-section:last-child{margin-bottom:0;}
.lp-section h2{
  font-family:var(--ff-display);font-style:normal;font-weight:400;
  font-size:clamp(22px,2.6vw,30px);line-height:1.2;color:var(--noir);
  margin:0 0 12px;
}
.lp-section p{font-size:16px;color:var(--ink-soft);margin:0 0 14px;max-width:64ch;}
.lp-section p:last-child{margin-bottom:0;}
.lp-section a{
  color:var(--noir);
  border-bottom:1px solid var(--line-strong);
  transition:color .3s var(--ease-out),border-color .3s var(--ease-out);
}
.lp-section a:hover{color:var(--orange);border-color:var(--orange);}
.lp-section strong{font-weight:600;color:var(--ink);}

/* ---------- Pied ---------- */
.lp-foot{
  border-top:1px solid var(--line);
}
.lp-foot__inner{
  max-width:var(--container);margin:0 auto;
  padding:30px var(--gutter);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  font-family:var(--ff-mono);font-size:12px;letter-spacing:0.04em;color:var(--ink-dim);
}
.lp-foot a{color:var(--ink-soft);transition:color .3s var(--ease-out);}
.lp-foot a:hover{color:var(--orange);}
.lp-foot__links{display:flex;gap:18px;flex-wrap:wrap;}

@media (max-width:560px){
  .lp-top{padding:16px var(--gutter);}
}