.hero-section {
  padding-top: 88px;
  padding-bottom: 46px;
}

.feature-section {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0));
}

.showcase-section {
  background:
    linear-gradient(180deg, rgba(68, 107, 97, 0.06), rgba(68, 107, 97, 0)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
}

.showcase-copy h2 {
  font-size: 3.2rem;
  line-height: 1.02;
  margin-bottom: 16px;
}

.setup-section {
  background: rgba(255, 255, 255, 0.24);
}

.language-section {
  background: linear-gradient(180deg, rgba(186, 93, 52, 0.06), rgba(186, 93, 52, 0));
}

.faq-section {
  background: rgba(255, 255, 255, 0.16);
}

.cta-section {
  padding-top: 78px;
}

.site-footer {
  padding: 28px 0 40px;
}

@media (max-width: 980px) {
  .hero-section {
    padding-top: 72px;
  }

  .showcase-copy h2 {
    font-size: 2.5rem;
  }
}