.legal-page { background: radial-gradient(circle at 15% 0, #fff2c8 0, transparent 28rem), linear-gradient(145deg, #e8f7f0, #f7fbf8 56%, #fff6dd); }
.legal-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: min(100% - 2rem, 960px); margin: 0 auto; padding: 1.25rem 0; }
.legal-brand { display: inline-flex; align-items: center; gap: .6rem; color: var(--color-teal-900); font-family: var(--font-display); font-size: 1.15rem; font-weight: 800; }
.legal-brand span { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 50%; background: #fff; box-shadow: var(--shadow-sm); }
.legal-shell { width: min(100% - 2rem, 820px); margin: 1rem auto 5rem; }
.legal-shell h1 { max-width: 14ch; margin-bottom: 1rem; font-size: clamp(2.2rem, 7vw, 4.5rem); }
.legal-lead { max-width: 62ch; margin-bottom: 2rem; font-size: 1.12rem; }
.legal-card { margin: 1rem 0; padding: clamp(1.25rem, 4vw, 2rem); border: 1px solid rgba(23, 107, 112, .12); border-radius: 1.5rem; background: rgba(255, 255, 255, .9); box-shadow: var(--shadow-md); }
.legal-card h2 { margin-bottom: .75rem; }
.legal-card p:last-child, .legal-card ul:last-child { margin-bottom: 0; }
.legal-card li + li { margin-top: .55rem; }
.legal-meta { margin-top: 1.5rem; font-size: .9rem; }
@media (max-width: 560px) { .legal-header { align-items: flex-start; } .legal-header .button { padding-inline: .8rem; } }