/* The landlord front door (src/lander/page.js). Tokens from /brand/tokens.css,
   components from brand.css; this file only lays the page out. */
:root { --column: 40rem; }
.page { max-width: var(--column); margin: 0 auto; padding: var(--space-8) var(--space-4) var(--space-6); }

.lander-hero { margin-bottom: var(--space-8); }
.lander-hero h1 { margin: 0 0 var(--space-3); font: 700 28px/36px var(--font-sans); }
.lander-hero .lede { margin: 0 0 var(--space-6); color: var(--ink-muted); }
.lander-start { margin: 0 0 var(--space-3); }
.lander-signin { margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 20px; }

.lander .card { padding: var(--space-4); margin-bottom: var(--space-6); }
.lander h2 { margin: 0 0 var(--space-3); font: 600 18px/26px var(--font-sans); }
.lander .card p { margin: 0 0 var(--space-3); }
.lander .card p:last-child { margin-bottom: 0; }

.lander-steps ol { margin: 0; padding-left: 1.25rem; }
.lander-steps li { margin-bottom: var(--space-3); }
.lander-steps li:last-child { margin-bottom: 0; }

.lander-foot { max-width: var(--column); margin: 0 auto; padding: 0 var(--space-4) var(--space-12); }
.lander-links { display: flex; gap: var(--space-4); margin: 0 0 var(--space-3); font-size: 14px; line-height: 20px; }
.lander-foot .disclaimer { margin: 0; color: var(--ink-muted); font-size: 12px; line-height: 16px; }

@media (min-width: 48rem) {
  .lander-hero h1 { font-size: 34px; line-height: 42px; }
  .lander .card { padding: var(--space-6); }
}