:root{
  --bg:#FAF9F7;
  --ink:#1D1D1F;
  --ink-soft:#6E6E73;
  --ink-faint:#A1A1A6;
  --line:#E5E5EA;
  --line-soft:#EFEDE8;
  --white:#FFFFFF;
  --violet:#9C97E8;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Outfit',system-ui,sans-serif;
  background:var(--bg);color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}

/* header */
header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(16px) saturate(160%);
  background:rgba(250,249,247,0.72);
  border-bottom:1px solid var(--line-soft);
}
nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 32px;max-width:1180px;margin:0 auto;
}
.logo{font-weight:700;font-size:22px;letter-spacing:-0.5px;}
.back-link{font-size:14px;color:var(--ink-soft);}
.back-link:hover{color:var(--ink);}

/* article */
main{padding:80px 0 100px;}
.legal{max-width:760px;margin:0 auto;padding:0 32px;}
.legal h1{font-size:40px;font-weight:700;letter-spacing:-1px;margin-bottom:8px;}
.legal .updated{
  font-family:'DM Mono',monospace;font-size:13px;color:var(--ink-faint);
  letter-spacing:1px;margin-bottom:48px;text-transform:uppercase;
}
.legal h2{font-size:21px;font-weight:600;margin:40px 0 14px;letter-spacing:-0.2px;}
.legal h2:first-of-type{margin-top:0;}
.legal p,.legal li{font-size:15.5px;line-height:1.75;color:var(--ink-soft);}
.legal p{margin-bottom:14px;}
.legal ul{margin:0 0 14px 0;padding-left:22px;}
.legal li{margin-bottom:6px;}
.legal strong{color:var(--ink);font-weight:600;}
.legal a.inline{color:var(--violet);text-decoration:underline;text-decoration-color:rgba(156,151,232,0.35);}
@media (max-width:760px){.legal h1{font-size:32px;}}

/* footer */
footer{border-top:1px solid var(--line-soft);padding:48px 0;}
.footer-row{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;
  max-width:1180px;margin:0 auto;padding:0 32px;
}
.footer-brand{font-weight:700;font-size:18px;letter-spacing:-0.5px;}
.footer-links{display:flex;gap:28px;font-size:14px;color:var(--ink-soft);}
.footer-links a:hover{color:var(--ink);}
.footer-mono{font-family:'DM Mono',monospace;font-size:13px;color:var(--ink-faint);letter-spacing:1px;}
@media (max-width:600px){.footer-row{flex-direction:column;align-items:flex-start;text-align:left;}}