*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden;width:100%}
:root{--purple:#1a3a6e;--purple2:#2f5fa8;--purple3:#0d1f3d;--yellow:#d4a843;--green-dark:#1d7048;--ink:#0c0e1a;--gray:#6b6560;--gray-light:#f1efe9;--border:#dedad3}
body{font-family:"Inter",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{text-decoration:none;color:inherit}

/* NAV */
.nav{background:#fff;border-bottom:1px solid rgba(0,0,0,.07);padding:13px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{display:flex;align-items:center}
.logo img{height:36px;width:auto;display:block;filter:brightness(0)}
.nav-back{font-size:.82rem;font-weight:600;color:var(--purple)}
.nav-back:hover{text-decoration:underline}

/* CONTENT */
.legal-wrap{max-width:760px;margin:0 auto;padding:56px 24px 90px}
.legal-wrap h1{font-family:"Montserrat",sans-serif;font-weight:900;font-size:clamp(1.7rem,4vw,2.1rem);color:var(--purple3);letter-spacing:-.02em;margin-bottom:8px}
.legal-updated{font-size:.76rem;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--border)}
.legal-wrap h2{font-family:"Montserrat",sans-serif;font-weight:800;font-size:1.02rem;color:var(--purple3);margin:26px 0 10px}
.legal-wrap p{font-size:.9rem;line-height:1.75;color:#3a3630;margin-bottom:12px}
.legal-wrap ul{margin:0 0 14px 22px}
.legal-wrap li{font-size:.9rem;line-height:1.7;color:#3a3630;margin-bottom:6px}
a.inline{color:var(--purple2);text-decoration:underline}
.legal-box{background:var(--gray-light);border:1px solid var(--border);border-radius:10px;padding:20px;margin-top:8px}
.legal-box p{font-size:.87rem}
.legal-placeholder{color:var(--purple2);font-weight:700}
.legal-note{font-size:.78rem;color:var(--gray);background:rgba(212,168,67,.08);border:1px solid rgba(212,168,67,.3);border-radius:8px;padding:12px 16px;margin-top:22px}

/* FOOTER */
footer{background:#030108;color:rgba(255,255,255,.32);text-align:center;padding:48px 20px;font-size:.73rem;line-height:2;border-top:1px solid rgba(212,168,67,.12)}
footer a{color:rgba(255,255,255,.5)}
.footer-logo{display:flex;justify-content:center;margin-bottom:8px}
.footer-logo img{height:38px;width:auto}
.footer-tagline{font-size:.72rem;color:rgba(255,255,255,.38);margin-bottom:10px}
.footer-copy{color:rgba(255,255,255,.28)}

@media(max-width:600px){
  .nav{padding:12px 16px}
  .logo img{height:30px}
  .legal-wrap{padding:36px 18px 60px}
}