/* Services Page Custom Styles */
.services-hero {
  background-color: var(--color-neutral-950);
  background-image: var(--gradient-dark);
  color: var(--color-white);
  padding: 140px 0 60px;
  text-align: center;
}

.services-hero h1 {
  color: var(--color-white);
  margin-top: var(--spacing-8);
}

.category-section {
  border-bottom: 1px solid var(--color-gray-200);
  padding: var(--spacing-64) 0;
}

.category-section:last-child {
  border-bottom: none;
}

.category-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--spacing-48);
}

.category-sidebar h2 {
  font-size: var(--font-size-h3);
  margin-bottom: var(--spacing-16);
}

.category-sidebar p {
  color: var(--color-neutral-700);
}

.subservices-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-24);
}

.subservice-card {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: 12px;
  padding: var(--spacing-24);
  transition: all var(--transition-fast);
}

.subservice-card:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-normal);
}

.subservice-card h3 {
  font-size: var(--font-size-h6);
  margin-bottom: var(--spacing-8);
  color: var(--color-heading);
}

.subservice-card p {
  font-size: var(--font-size-p3);
  color: var(--color-neutral-700);
}