.section-header {
  margin-bottom: 4rem;
  max-width: 600px;
}
.section-title {
  font-size: 2.5rem;
  color: hsl(var(--primary));
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}
.feature-card {
  padding: 2rem;
  background: white;
  border-radius: var(--radius);
  border: 1px solid hsla(var(--primary), 0.05);
  transition: var(--transition);
}
.feature-card:hover {
  transform: translateY(-5px);
  border-color: hsla(var(--primary), 0.2);
  box-shadow: var(--shadow);
}
.feature-icon {
  width: 48px;
  height: 48px;
  background: hsla(var(--primary), 0.1);
  border-radius: 12px;
  margin-bottom: 1.5rem;
}
.feature-name {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
}
.feature-desc {
  color: hsl(var(--text-muted));
  font-size: 0.95rem;
}