/* NeuraVidio legal pages (privacy / terms) — loaded after styles.css so it can
   reuse the landing design tokens. */
.legal{padding:126px 0 76px}
.legal .doc{max-width:820px;margin:0 auto}
.legal .legal-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}
.legal .back{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:14px;transition:color .2s var(--ease)}
.legal .back:hover{color:#fff}
.legal h1{font-size:clamp(28px,4.2vw,40px);line-height:1.05;letter-spacing:-.03em;font-weight:900;margin-bottom:10px}
.legal h2{font-size:19px;line-height:1.3;letter-spacing:-.015em;font-weight:800;margin:34px 0 10px}
.legal h3{font-size:15.5px;font-weight:700;margin:22px 0 8px;color:#fff}
.legal p,.legal li{color:var(--muted);font-size:15px;line-height:1.72}
.legal p{margin:10px 0}
.legal strong{color:#fff;font-weight:700}
.legal a{color:var(--violet-2);text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:#fff}
.legal ul,.legal ol{margin:10px 0 10px 22px}
.legal li{margin:6px 0}
.legal .meta{color:var(--muted-2);font-size:13px;margin:0 0 26px}
.legal .callout{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:18px 0}
.legal .callout p{margin:0;color:#cbd1de}
.legal .callout code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:#fff;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:6px}
.legal [data-lg][hidden]{display:none !important}
.legal hr{border:0;border-top:1px solid var(--line);margin:32px 0}
@media(max-width:640px){.legal{padding:104px 0 56px}}