/* Legal pages use the same typography and palette as the marketing site. */
.legal-main{max-width:var(--container);margin:0 auto;padding:64px 24px 96px}
.legal-hero{padding-bottom:48px;max-width:860px}
.legal-eyebrow,.legal-back{display:inline-block;font-size:13px;font-weight:600;margin-bottom:24px}
.legal-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.legal-back{color:var(--text-2);text-decoration:underline;text-underline-offset:4px}
.legal-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,5.5vw,72px);line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere}
.legal-lede{font-size:19px;line-height:1.6;color:var(--text-2);max-width:700px;margin-top:24px}
.legal-date{font-size:13px;color:var(--text-2);margin-top:24px}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start;border-top:1px solid var(--border);padding-top:40px}
.legal-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px}
.legal-toc h2{font-family:var(--font-display);font-weight:700;font-size:17px;margin-bottom:12px}
.legal-toc a{font-size:13px;line-height:1.5;color:var(--text-2);padding:9px 0;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:4px}
.legal-toc a:hover{color:var(--accent-deep);text-decoration-color:currentColor}
.legal-copy{max-width:720px;min-width:0;line-height:1.85;overflow-wrap:anywhere}
.legal-copy section{scroll-margin-top:24px}
.legal-copy section+section{margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}
.legal-copy h2,.legal-contact h2{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px}
.legal-copy p+p{margin-top:16px}
.legal-copy ul{margin:0 0 16px;padding-left:24px}
.legal-copy li+li{margin-top:14px}
.legal-copy strong{font-weight:600}
.legal-copy a,.legal-contact a{text-decoration:underline;text-underline-offset:4px}
.legal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.legal-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;color:var(--ink);transition:border-color .2s var(--ease-out)}
.legal-card:hover{border-color:var(--ink)}
.legal-card__number{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text-2);margin-bottom:32px}
.legal-card h2{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.035em;margin-bottom:16px}
.legal-card p{color:var(--text-2);line-height:1.7;margin-bottom:32px}
.legal-card__link{font-size:14px;font-weight:600;margin-top:auto;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}
.legal-contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px;padding-top:40px;border-top:1px solid var(--border);line-height:1.8;color:var(--text-2);overflow-wrap:anywhere}
.legal-contact h2{color:var(--ink)}
.legal-footer{background:var(--surface-2)}
.legal-footer .footer{border-top:0}
.legal-page a:focus-visible{outline:3px solid var(--accent-deep);outline-offset:5px;border-radius:3px}
@media(max-width:860px){.legal-layout{grid-template-columns:1fr;gap:32px}.legal-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.legal-toc h2{grid-column:1/-1}.legal-copy{max-width:none}}
@media(max-width:600px){.legal-main{padding:40px 24px 64px}.legal-hero{padding-bottom:32px}.legal-lede{font-size:17px}.legal-cards,.legal-contact{grid-template-columns:1fr}.legal-card{padding:28px}.legal-toc{grid-template-columns:1fr;gap:0}.legal-contact{gap:24px}.legal-copy{font-size:15px}.legal-copy h2{font-size:24px}}
