:root{
  --ink:#0d1b2a;--ink-soft:#37475a;--muted:#6b7a8d;--line:#e3e8ee;
  --bg:#fff;--bg-soft:#f5f8fa;--sea:#0f5c6b;--sea-deep:#0a3d47;
  --sea-bright:#12798d;--sea-wash:#e8f2f4;--maxw:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Inter var",Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
svg{display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;letter-spacing:-.02em}
.brand svg{width:30px;height:30px}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{color:var(--ink-soft);font-weight:500;font-size:.95rem;transition:color .15s}
.nav-links a:hover{color:var(--sea)}
.legal-hero{background:linear-gradient(180deg,var(--sea-wash),#fff);padding:64px 0 40px;border-bottom:1px solid var(--line)}
.legal-hero .eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sea-bright);margin-bottom:14px}
.legal-hero h1{font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.03em;font-weight:800;line-height:1.1}
.legal-hero .updated{color:var(--muted);font-size:.95rem;margin-top:14px}
.legal-body{max-width:760px;margin:0 auto;padding:56px 24px 80px}
.legal-body h2{font-size:1.35rem;letter-spacing:-.02em;font-weight:750;margin:40px 0 14px;color:var(--ink)}
.legal-body h2:first-child{margin-top:0}
.legal-body p{color:var(--ink-soft);margin-bottom:16px}
.legal-body ul{margin:0 0 16px 22px;color:var(--ink-soft)}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--sea);font-weight:600}
footer{background:var(--ink);color:#cbd5e1;padding:48px 0 30px;margin-top:20px}
.foot-bottom{text-align:center;font-size:.88rem;color:#64748b}
.foot-links{display:flex;gap:24px;justify-content:center;margin-bottom:20px}
.foot-links a{color:#94a3b8;font-size:.92rem;transition:color .15s}
.foot-links a:hover{color:#fff}
@media (max-width:860px){.nav-links{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
