.hero { padding: var(--space-8) 0; text-align: center; }
.subtitle { color: var(--color-text-muted); margin-bottom: var(--space-8); }
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-6);
}
