/* landing.css — стили публичной главной (модуль landing).
   Подключается через blueprint-static (landing.static), общий style.css вне
   file_scope модуля — тот же приём, что у auth/notes. Переиспользует
   CSS-переменные тёмной темы из style.css (--bg-elev, --border, --accent, …). */

/* ── Хиро ──────────────────────────────────────────────────────── */
.landing-hero { padding: 56px 0 40px; }
.landing-lead {
  max-width: 620px;
  margin: 0 auto 22px;
  font-size: 1.1rem;
}
.landing-cta {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ── Карточки фич (3 в ряд, адаптив) ───────────────────────────── */
.features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 8px 0 32px;
}
.feature { text-align: center; }
.feature-icon { font-size: 2rem; line-height: 1; margin-bottom: 8px; }
.feature h2 { font-size: 1.15rem; margin: 0 0 8px; }
.feature p { margin: 0; }

/* ── Живая статистика ──────────────────────────────────────────── */
.stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 460px;
  margin: 0 auto;
}
.stat { text-align: center; }
.stat-num {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--accent);
  line-height: 1.1;
}
.stat-label { margin-top: 4px; }

/* ── Адаптив: mobile 390 → одна колонка ───────────────────────── */
@media (max-width: 640px) {
  .features { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr; max-width: 320px; }
  .landing-hero { padding: 36px 0 28px; }
}