body { font-size: 16px; } .launch-strip { background: var(--green-dark); color: var(--paper); text-align: center; padding: 10px 20px; font-size: 14px; } .site-header nav > a, .button, .button-small, .text-link, .empty-state p, .feature-card p, .hero-footnote, .site-footer p, .site-footer a { font-size: 14px; } .eyebrow, .feature-number, .pill { font-size: 12px; } .site-footer { display: grid; gap: 24px; padding: 32px; margin-block: 32px 0; } .site-footer nav { display: flex; gap: 24px; flex-wrap: wrap; } @media(max-width: 600px) { .site-header { flex-wrap: wrap; gap: 18px; } .site-header nav { gap: 12px; flex-wrap: wrap; } .site-header nav > a { font-size: 14px; } .site-header .button { padding: 12px; } .hero-actions { flex-wrap: wrap; } } @media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .button { transition: none; } }