*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; overflow-x: hidden; }
main { width: 100%; max-width: 40rem; margin: 0 auto; padding: 1rem; box-sizing: border-box; }
.hero { text-align: center; }
.hero-subhead { margin: 0.5rem 0 1.5rem; opacity: 0.9; }
.hero-cta { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }
.hero-cta button { padding: 0.75rem 1rem; min-height: 44px; cursor: pointer; }
.landing-footer { text-align: center; margin-top: 3rem; padding: 1rem; font-size: 0.8rem; opacity: 0.6; }
.landing-footer a { color: inherit; }
.landing-footer-sep { margin: 0 0.5rem; }