/* home.css — landing page */
.hero { text-align: center; padding: 64px 0 48px; }
.hero h1 { font-size: 34px; margin-bottom: 12px; }
.hero p { max-width: 560px; margin: 0 auto 24px; color: var(--muted); font-size: 16px; }
.hero-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 16px; }
.feature-card {
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius); box-shadow: var(--shadow); padding: 22px;
}
.feature-card h2 { font-size: 15px; }
.feature-card p { color: var(--muted); font-size: 14px; margin: 0; }

@media (max-width: 800px) {
  .feature-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: 26px; }
}