@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700&display=swap');
* { box-sizing: border-box; }
body { margin: 0; font-size: 16px; line-height: 1.6; }
h1, h2, h3 { font-family: var(--merita-font-display); color: var(--ink); }
.landing { width: 100%; max-width: 1240px; padding-inline: 32px; margin: 0 auto; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 24px; }
.btn { display: inline-flex; align-items: center; min-height: 44px; border-radius: 10px; padding: 10px 16px; font: inherit; font-weight: 600; text-decoration: none; }
.btn-ghost { color: var(--primary-ink); }
.btn-ghost:hover { background: var(--muted); }
.legal-body a, .card a { overflow-wrap: anywhere; }
@media (max-width: 520px) { .landing { padding-inline: 20px; } .card { padding: 20px; } }