:root{
  --navy:#1E3A8A;
  --indigo:#6366F1;
  --coral:#FF8A6B;
  --bg:#F3F5F9;
  --card:#FFFFFF;
  --text:#0F172A;
  --muted:#64748B;
  --border:#E5E7EB;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
a{color:var(--indigo)}
a:hover{text-decoration-thickness:2px}
.legal-topbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.legal-topbar-inner{max-width:980px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.legal-logo{width:170px;height:auto;display:block}
.legal-back{font-size:13px;font-weight:700;text-decoration:none;color:var(--navy)}
.legal-shell{max-width:900px;margin:34px auto;padding:0 22px 60px}
.legal-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 12px 30px rgba(15,23,42,.06);padding:42px}
.legal-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(99,102,241,.10);color:var(--indigo);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
h1{color:var(--navy);font-size:clamp(30px,5vw,46px);line-height:1.08;margin:14px 0 8px}
.effective{margin:0 0 28px;color:var(--muted);font-size:14px}
h2{color:var(--navy);font-size:21px;line-height:1.3;margin:34px 0 10px;padding-top:8px}
h3{font-size:16px;margin:22px 0 6px;color:var(--text)}
p{margin:10px 0}
ul{padding-left:24px;margin:10px 0}
li{margin:6px 0}
.legal-callout{margin:24px 0;padding:16px 18px;border-left:4px solid var(--coral);background:#fff7f4;border-radius:0 10px 10px 0}
.legal-contact{margin-top:36px;padding:20px;border:1px solid var(--border);border-radius:12px;background:#F8FAFC}
.legal-contact strong{color:var(--navy)}
.legal-footer{max-width:900px;margin:0 auto;padding:0 22px 36px;text-align:center;color:var(--muted);font-size:12px}
.legal-footer a{font-weight:700;text-decoration:none}
@media(max-width:640px){
  .legal-topbar-inner{padding:12px 16px}
  .legal-logo{width:145px}
  .legal-shell{margin:20px auto;padding:0 14px 42px}
  .legal-card{padding:24px 20px;border-radius:14px}
  h2{font-size:19px}
}