/* The pages ported from the first site: /join/ and /share/ (QR landings), /suppression/ (ordered steps). On top of site.css. */
.landing { min-height: 70svh; display: grid; place-items: center; text-align: center; padding: 40px var(--margin); }
.landing > div { max-width: 40ch; }
.landing img { width: 180px; height: auto; margin: 0 auto 32px; }
.landing h1 { font: 800 var(--fs-h2)/1.1 var(--display); letter-spacing: -0.035em; margin: 0; }
.landing p { margin: 20px auto 0; }
.landing .actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; }
.btn-outline { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 2.5px currentColor; }
@media (hover: hover) and (pointer: fine) { .btn-outline:hover { background: var(--tone); } }
.landing .note { color: var(--muted); font-size: var(--fs-small); }
.legal-body ol { list-style: decimal; padding-left: 1.25em; }