.services-hero {
  padding-top: clamp(1.6rem, 3vw, 3.4rem);
}

.services-grid {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.packages {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.package-card {
  background: var(--color-card);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
}

.package-card h4 {
  margin: 0 0 0.6rem;
}

.package-card ul {
  display: grid;
  gap: 0.5rem;
  color: var(--color-slate);
}