.hero--simple { padding: 48px 0 40px; text-align: center; }
.hero--simple h1 { font-size: 30px; font-weight: 700; margin: 0 0 14px; max-width: 780px; margin-left: auto; margin-right: auto; }
.hero--simple .section-lead { margin: 0 auto 24px; }
.hero--simple .hero__cta { justify-content: center; }

.services-hub-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.services-hub-card {
  padding: 24px 18px;
  text-align: center;
  text-decoration: none;
  color: var(--on-surface);
}
.services-hub-card img {
  width: 90px; height: 90px; object-fit: cover; border-radius: 12px;
  margin: 0 auto 14px; display: block;
}
.services-hub-card h3 { font-size: 15px; margin: 0 0 6px; }
.services-hub-card span { font-size: 13px; color: var(--primary); font-weight: 600; }

@media (max-width: 860px) { .services-hub-grid { grid-template-columns: repeat(2, 1fr); } }