/* The public landing page at /. Light only: the logo's wordmark is dark slate. */

:root { --accent: #0e7a52; --accent-text: #fff; --brand-gradient: #0e7a52; --slate: #232a33; }

body { min-height: 100dvh; display: flex; flex-direction: column; background: #fff; color: var(--slate); }

.landing { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0;
  padding: 48px 24px; text-align: center; }
.landing-logo { width: min(360px, 80vw); height: auto; margin-bottom: 28px; }
.landing-lead { margin: 0 0 8px; font-size: 22px; font-weight: 600; letter-spacing: -.01em; }
.landing-text { margin: 0 0 32px; max-width: 30em; font-size: 16px; line-height: 1.55; color: #5a6470; }
.landing-signin { padding: 10px 22px; font-size: 15px; text-decoration: none; }
.landing-contact { margin: 22px 0 0; font-size: 14px; }
.landing-contact a { color: var(--slate); }
.landing-contact a:hover { color: var(--accent); }

.landing-foot { padding: 16px; text-align: center; font-size: 12px; color: #8a929c; }