/* =====================================================
   /privacy and /terms — site-wide legal pages (D63).
   They wear the personal pages' look and chrome. Tokens are the
   subset of the homepage's :root that chrome.css and this file use.
   ===================================================== */
:root{
  --ink-900:#0A0F1A; --ink-800:#0D131F; --ink-700:#111828; --ink-600:#161C2B; --hairline:#232A3D;
  --indigo-400:#7A82F9; --indigo-500:#515CF6;
  --text-1:#F4F6FB; --text-2:#AEB4C4; --text-3:#8B94A9;
  --glow-indigo:0 0 0 1px rgba(81,92,246,.25), 0 8px 40px -8px rgba(81,92,246,.45);
  --ease:cubic-bezier(0.22,1,0.36,1);
  --dur-fast:140ms; --dur:240ms;
  --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s9:96px;
  --gutter:clamp(20px,5vw,64px);
  --radius-pill:999px;
  --accent:var(--indigo-500); --accent-soft:var(--indigo-400);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink-800);color:var(--text-1);font-family:'Lexend',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
body::before{content:'';position:fixed;top:-32%;right:-18%;width:75vw;height:75vw;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(81,92,246,.20),transparent 60%);opacity:.7}
.container{max-width:1240px;margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}

.legal{position:relative;z-index:1;padding:clamp(120px,14vw,168px) 0 clamp(72px,10vw,112px)}
.legal-inner{max-width:720px;margin:0 auto;padding:0 var(--gutter)}
.legal h1{font-size:clamp(2.2rem,1.8rem + 2vw,3.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin-bottom:12px}
.legal-updated{font-size:.85rem;color:var(--text-3);margin-bottom:48px}
.legal section{margin-bottom:40px}
.legal h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:12px;color:var(--text-1)}
.legal p{color:var(--text-2);font-size:1rem;line-height:1.75;margin-bottom:16px}
.legal p:last-child{margin-bottom:0}
.legal a{color:var(--accent-soft);text-underline-offset:3px}
.legal a:hover{color:var(--text-1)}