/* suite-landing.css — the saas front door at suite.mellonstock.com/.
   Reuses app.css variables + body.login centering; adds only the hero bits. */
.landing { text-align: center; width: min(460px, 92vw); }
.landing-title { font-size: 28px; margin: 0 0 8px; letter-spacing: -0.01em; }
.landing-tag { color: var(--muted); margin: 0 0 26px; line-height: 1.55; }
.landing-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.landing-actions a { text-decoration: none; font-weight: 600; padding: 11px 22px; border-radius: 8px; }
.landing-actions a:hover { text-decoration: none; }
.btn-primary { background: var(--accent); color: #fff; }
.btn-primary:hover { filter: brightness(1.08); }
.btn-secondary { background: transparent; color: var(--ink); border: 1px solid var(--border); }
.btn-secondary:hover { background: rgba(255,255,255,.06); }
.landing-learn { margin: 24px 0 0; font-size: 14px; }