.logo img{display:block;height:30px;width:auto;max-width:none}
.brand-hero{display:block;width:200px;height:auto;margin:-64px auto 2px}
.footer-wordmark{display:block;width:auto;height:26px;margin:0 auto 14px}
@media(max-width:639px){
  .logo img{height:24px}
  .brand-hero{width:128px;margin-top:-62px}
}
/* The legal pages share the landing page's navigation and footer. */
.legal-page header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(12,16,32,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.legal-page .nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1120px;margin:0 auto;padding:0 24px;line-height:1.6}
.legal-page .nav a{color:inherit;text-decoration:none}
.legal-page .nav-links{display:flex;gap:28px;font-size:.92rem;color:var(--muted)}
.legal-page .nav-links a:hover{color:var(--cream)}
.legal-page .btn{display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;font-family:'Inter',-apple-system,sans-serif;font-weight:600;border-radius:999px;transition:transform .15s,box-shadow .15s,background .15s}
.legal-page .btn:active{transform:scale(.97)}
.legal-page .nav .btn-primary{background:linear-gradient(135deg,var(--amber2),var(--amber));color:#241500;box-shadow:0 8px 30px rgba(240,166,58,.35)}
.legal-page .btn-primary:hover{box-shadow:0 10px 38px rgba(240,166,58,.5)}
.legal-page .btn-small{padding:10px 20px;font-size:.9rem}
.legal-page footer{border-top:1px solid var(--line);padding:36px 0;text-align:center;color:var(--muted);font-size:.88rem;line-height:1.6}
.legal-page footer .wrap{max-width:1120px;padding:0 24px}
.legal-page footer a{color:inherit;margin:0 12px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.legal-page .nav-links{display:none}}