/* Pages légales · Levona AI · thème clair aligné sur la landing */
:root {
  --bg: #f1f0ea; --card: #ffffff; --ink: #0d0e10; --ink-72: rgba(13,14,16,.72); --ink-56: rgba(13,14,16,.56);
  --line: rgba(13,14,16,.10); --accent: #6f7e69; --accent-lt: #8fa389; --dark-2: #15171b;
  --font-display: 'Archivo Black', sans-serif; --font-title: 'Inter', sans-serif; --font-body: 'Inter', sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-body); background: var(--bg); color: var(--ink); line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.container { max-width: 860px; margin: 0 auto; padding: 0 24px; }
.header { position: sticky; top: 0; z-index: 10; padding: 12px 0; background: rgba(241,240,234,.9); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--line); }
.header-inner { display: flex; align-items: center; justify-content: space-between; }
.logo { font-family: var(--font-display); font-size: 20px; }
.logo .ai { color: var(--accent); }
.btn { display: inline-flex; align-items: center; padding: 11px 18px; border-radius: 999px; font-family: var(--font-title); font-weight: 600; font-size: 14px; background: var(--ink); color: var(--bg); }
.legal { padding: 56px 0 80px; }
.legal h1 { font-family: var(--font-display); font-size: clamp(30px, 4vw, 44px); line-height: 1.08; letter-spacing: -.015em; }
.legal-sub { color: var(--ink-56); font-size: 14px; margin: 10px 0 34px; }
.legal h2 { font-family: var(--font-title); font-weight: 700; font-size: 20px; margin: 34px 0 10px; }
.legal p, .legal li { color: var(--ink-72); font-size: 15.5px; }
.legal ul { padding-left: 22px; margin: 8px 0; }
.legal a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.info-box { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 18px 22px; margin: 12px 0; }
.info-box p { margin: 2px 0; }
.back-link { display: inline-block; margin-top: 44px; font-family: var(--font-title); font-weight: 600; color: var(--accent); text-decoration: none !important; }
.footer { background: var(--dark-2); color: rgba(241,240,234,.6); padding: 24px 0; font-size: 12.5px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.footer a { color: rgba(241,240,234,.8); }