/* The privacy policy and the terms. Not lifted from a prototype -- none of the
   seven has these pages -- so the tokens are the marketing site's, and the
   layout is a single readable column. */

:root{
  --ink:#0a1230; --blue:#1a56f0; --mist:#f4f7fc; --paper:#fff;
  --line:#e2e9f5; --text:#0f1a3a; --muted:#56648a;
  --font-display:'Sora',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font-body); color:var(--text); background:var(--mist);
  line-height:1.65; -webkit-font-smoothing:antialiased;
}
.legal-top{
  max-width:820px; margin:0 auto; padding:28px 16px 0;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.legal-top img{display:block; width:146px; height:auto}
.legal-top nav{display:flex; gap:18px; font-size:.9rem}
.legal-top nav a{color:var(--muted); text-decoration:none}
.legal-top nav a:hover,.legal-top nav a[aria-current]{color:var(--blue)}
.legal{
  max-width:820px; margin:24px auto 0; padding:40px clamp(16px,5vw,56px) 48px;
  background:var(--paper); border:1px solid var(--line); border-radius:16px;
}
.legal h1{font-family:var(--font-display); color:var(--ink); font-size:clamp(1.7rem,4vw,2.3rem);
  letter-spacing:-.02em; line-height:1.15; margin:0 0 6px}
.legal .effective{font-family:var(--font-mono); font-size:.8rem; color:var(--muted); margin:0 0 28px}
.legal h2{font-family:var(--font-display); color:var(--ink); font-size:1.2rem;
  letter-spacing:-.01em; margin:36px 0 10px}
.legal h3{font-size:1rem; color:var(--ink); margin:22px 0 6px}
.legal p,.legal li{font-size:.98rem}
.legal ul{padding-left:1.25em}
.legal li{margin:4px 0}
.legal a{color:var(--blue)}
.legal .callout{
  background:var(--mist); border:1px solid var(--line); border-radius:10px;
  padding:16px 18px; margin:18px 0;
}
.legal .callout p{margin:6px 0}
.legal-foot{
  max-width:820px; margin:0 auto; padding:24px 16px 48px;
  display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
  font-size:.82rem; color:var(--muted);
}
.legal-foot a{color:var(--muted); text-decoration:none}
.legal-foot a:hover{color:var(--blue)}