.legal-hero{padding:48px 40px 28px;background:var(--cream-alt);border-bottom:1px solid var(--border)}
.legal-hero h1{margin:10px 0 0;font:700 32px 'JetBrains Mono',monospace;letter-spacing:-.02em;color:var(--navy)}
.legal-hero .signup-intro{margin:14px 0 0;font:400 15px/1.65 'JetBrains Mono',monospace;color:var(--body);max-width:640px}

.legal-section{padding:44px 40px 64px;background:var(--cream)}
.legal-content{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:48px}

.legal-content article{
  background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:32px 36px;
}
.legal-content h2{margin:0 0 22px;font:700 24px 'JetBrains Mono',monospace;letter-spacing:-.02em;color:var(--navy)}
.legal-content h3{margin:22px 0 8px;font:600 16px 'JetBrains Mono',monospace;color:var(--navy)}
.legal-content h3:first-of-type{margin-top:0}
.legal-content p{margin:0 0 4px;font:400 14px/1.7 'JetBrains Mono',monospace;color:var(--body)}
.legal-content address{
  font-style:normal;margin:14px 0;font:400 14px/1.8 'JetBrains Mono',monospace;color:var(--body);
}
.legal-content address a{color:var(--teal);font-weight:600;text-decoration:none}
.legal-credits{margin-top:18px;font:400 13px/1.7 'JetBrains Mono',monospace;color:var(--body-soft)}
.legal-credits a{color:var(--teal);font-weight:600;text-decoration:none}
.legal-content ul{margin:0 0 4px;padding-left:20px;font:400 14px/1.7 'JetBrains Mono',monospace;color:var(--body)}
.legal-content li{margin:0 0 4px}

@media (max-width:860px){
  .legal-hero{padding:32px 20px 22px}
  .legal-section{padding:28px 20px 48px}
  .legal-content article{padding:22px}
}