:root{
  --primary:#1D4ED8;--primary-dark:#1E3A8A;--primary-deep:#172554;
  --sky:#38BDF8;--emerald:#10B981;--bg:#F8FAFC;--surface:#FFFFFF;
  --text:#020617;--text-soft:#0F172A;--body:#475569;--body-light:#64748B;
  --border:#E2E8F0;--border-soft:#EEF2F6;--tint:#EFF6FF;
  --radius-btn:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;color:var(--body);background:var(--surface);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:'Sora',sans-serif;color:var(--text);line-height:1.15;letter-spacing:-0.025em;font-weight:700}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}

/* NAV */
.nav{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{display:inline-flex;align-items:center;flex-shrink:0}
.logo img{display:block;height:36px;width:auto}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:14px;color:var(--body);font-weight:500;transition:color .2s ease}
.nav-links a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-family:'Inter',sans-serif;font-weight:600;font-size:14.5px;padding:11px 20px;border-radius:var(--radius-btn);border:1px solid transparent;cursor:pointer;transition:all .22s ease-in-out;text-decoration:none;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--primary) 0%, var(--primary-dark) 100%);color:white;box-shadow:0 6px 16px -4px rgba(29,78,216,.45)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px -4px rgba(29,78,216,.55)}

/* HERO BANNER */
.legal-hero{
  padding:80px 0 60px;
  background:linear-gradient(135deg, var(--primary-deep) 0%, var(--primary-dark) 50%, var(--primary) 100%);
  position:relative;overflow:hidden;
}
.legal-hero::before{
  content:'';position:absolute;top:-150px;right:-150px;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(56,189,248,.2) 0%, transparent 70%);pointer-events:none;
}
.legal-hero h1{color:white;font-size:clamp(36px,4vw,52px);margin-bottom:12px;position:relative;z-index:1}
.legal-hero p{color:#BFDBFE;font-size:17px;max-width:600px;position:relative;z-index:1}
.legal-hero .meta{margin-top:20px;font-size:13px;color:rgba(255,255,255,.5);position:relative;z-index:1}

/* CONTENT */
.legal-content{padding:60px 0 100px}
.legal-body{max-width:800px;margin:0 auto}
.legal-body h2{font-size:22px;margin:48px 0 16px;padding-top:32px;border-top:1px solid var(--border-soft);letter-spacing:-.02em}
.legal-body h2:first-of-type{border-top:none;margin-top:0;padding-top:0}
.legal-body h3{font-size:17px;margin:28px 0 10px;letter-spacing:-.01em}
.legal-body p{font-size:15.5px;line-height:1.7;color:var(--body);margin-bottom:16px}
.legal-body ul{margin:12px 0 20px 20px;display:grid;gap:8px}
.legal-body li{font-size:15px;line-height:1.65;color:var(--body)}
.legal-body a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}

/* FOOTER */
footer{background:#FFFFFF;color:#475569;padding:40px 0;border-top:1px solid var(--border)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:13px;flex-wrap:wrap;gap:12px}
.footer-bottom a{color:#64748B;margin-left:16px;transition:color .2s ease}
.footer-bottom a:hover{color:var(--primary-dark)}

@media (max-width:860px){
  .nav-links{display:none}
  .legal-hero{padding:60px 0 40px}
}
@media (max-width:620px){
  .logo img{height:28px}
  .legal-hero h1{font-size:32px}
}

/* Terms of Service accent (was a per-page inline override) */
.legal-hero--terms::before{
  top:auto;right:auto;bottom:-150px;left:-150px;
  background:radial-gradient(circle,rgba(16,185,129,.18) 0%, transparent 70%);
}