.hero {
  background-color: var(--color-neutral-100);
  padding: var(--space-16) 0;
}



.hero-content h1 {
  font-size: var(--font-size-5xl);
  margin-bottom: var(--space-6);
}

.hero-content p {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-8);
  line-height: var(--line-height-relaxed);
}



.services-overview,
.why-choose-us,
.expert-team,
.maintenance-plans,
.diagnostic-excellence,
.repair-portfolio-teaser,
.testimonials,
.commitment-to-quality,
.ready-to-schedule {
  padding: var(--space-12) 0;
}

.services-overview {
  background-color: var(--color-background);
}

.why-choose-us {
  background-color: var(--color-neutral-100);
}

.expert-team {
  background-color: var(--color-background);
}

.maintenance-plans {
  background-color: var(--color-neutral-100);
}

.diagnostic-excellence {
  background-color: var(--color-background);
}

.repair-portfolio-teaser {
  background-color: var(--color-neutral-100);
}

.testimonials {
  background-color: var(--color-background);
}

.commitment-to-quality {
  background-color: var(--color-neutral-100);
}

.ready-to-schedule {
  background-color: var(--color-background);
  text-align: center;
}

.team-image,
.portfolio-image {
  text-align: center;
  margin: var(--space-8) 0;
}

.testimonials blockquote {
  font-style: italic;
  margin-bottom: var(--space-4);
}

@media (max-width: 768px) {
  .hero-content,
  .hero-image {
    max-width: 100%;
  }

  .hero {
    padding: var(--space-8) 0;
  }

  .hero-content h1 {
    font-size: var(--font-size-3xl);
  }
}