/* Privacy notice: the pricing page's hero, then one comfortable reading column. */
.page-hero { padding-top: 9rem; padding-bottom: 3rem; }
@media (min-width: 768px) { .page-hero { padding-top: 11rem; padding-bottom: 4rem; } }
.page-hero .display { font-size: clamp(2.6rem, 7.2vw, 6.5rem); }
.page-hero-sub { margin-top: 1.5rem; max-width: 40rem; }

.legal { max-width: calc(46rem + 2 * var(--pad)); margin-inline: 0; padding-block: 3.5rem 6rem; }
.legal h2 { font-size: clamp(1.15rem, 2.2vw, 1.5rem); margin: 3rem 0 1rem; color: var(--paper); }
.legal h2:first-child { margin-top: 0; }
.legal p, .legal li { font-size: 1rem; line-height: 1.7; color: rgb(242 244 247 / 0.78); }
.legal p { margin: 0 0 1rem; max-width: 42rem; }
.legal ul { margin: 0 0 1rem; padding-left: 1.2rem; max-width: 42rem; }
.legal li { margin-bottom: 0.5rem; }
.legal li::marker { color: var(--brand); }
.legal strong { color: var(--paper); font-weight: 700; }
.legal a { color: var(--brand); text-decoration: none; }
.legal-key { border-left: 3px solid var(--sun); padding: 0.75rem 0 0.75rem 1.25rem; color: var(--paper) !important; }