.landing .hero {
  text-align: center;
  padding: 70px 20px 40px;
  max-width: 760px;
  margin: 0 auto;
}
.landing .hero h1 { font-size: 2.2rem; line-height: 1.2; margin-bottom: 16px; }
.landing .hero p { color: #46586a; font-size: 1.1rem; line-height: 1.6; }
.hero-cta { margin-top: 28px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.btn.big { padding: 13px 26px; font-size: 1rem; border-radius: 10px; }

.features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  max-width: 960px;
  margin: 20px auto;
  padding: 0 20px;
}
.feature { text-align: center; padding: 26px 20px; }
.feature-emoji { font-size: 2.2rem; margin-bottom: 10px; }
.feature h3 { margin-bottom: 8px; }
.feature p { color: #46586a; font-size: 0.92rem; line-height: 1.5; }

.steps { max-width: 640px; margin: 30px auto; padding: 28px 32px; text-align: center; }
.steps ol { text-align: left; margin: 16px 0 22px; padding-left: 24px; line-height: 2; }

.landing-footer { text-align: center; padding: 40px 20px; color: #90a4ae; font-size: 0.85rem; }