:root {
    --legal-primary: #6d4aff;
    --legal-text: #20212a;
    --legal-muted: #667085;
    --legal-border: #e7e8ee;
}

body { background: #f7f7fa; color: var(--legal-text); }
.legal-header { background: #fff; border-bottom: 1px solid var(--legal-border); padding: 1rem 0; }
.legal-brand { align-items: center; color: var(--legal-text); display: inline-flex; font-size: 1.25rem; gap: .65rem; text-decoration: none; }
.legal-brand img { border-radius: .6rem; }
.legal-page { padding-bottom: 4rem; padding-top: 3rem; }
.legal-document { background: #fff; border: 1px solid var(--legal-border); border-radius: 1rem; box-shadow: 0 12px 35px rgba(31, 35, 48, .05); padding: clamp(1.5rem, 4vw, 3.5rem); }
.legal-document h1 { font-size: clamp(2rem, 5vw, 3rem); letter-spacing: -.04em; line-height: 1.1; margin-bottom: .65rem; }
.legal-document h2 { font-size: 1.3rem; margin: 2.25rem 0 .75rem; }
.legal-document h3 { font-size: 1.05rem; margin: 1.5rem 0 .5rem; }
.legal-document p, .legal-document li { line-height: 1.75; }
.legal-document ul { padding-left: 1.25rem; }
.legal-document a { color: var(--legal-primary); }
.legal-eyebrow { color: var(--legal-primary); font-size: .75rem; font-weight: 700; letter-spacing: .12em; margin-bottom: .75rem; text-transform: uppercase; }
.legal-updated { border-bottom: 1px solid var(--legal-border); color: var(--legal-muted); margin-bottom: 2rem; padding-bottom: 1.5rem; }
.legal-note { background: #f4f1ff; border-left: 3px solid var(--legal-primary); border-radius: .4rem; padding: 1rem 1.25rem; }
.legal-footer { background: #fff; border-top: 1px solid var(--legal-border); color: var(--legal-muted); padding: 1.5rem 0; }
.legal-footer-content { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.legal-footer a { color: inherit; text-decoration: none; }
@media (max-width: 767px) { .legal-page { padding-top: 1.5rem; } .legal-footer-content { align-items: flex-start; flex-direction: column; } .legal-footer nav { flex-direction: column; gap: .5rem; } }