@media (max-width: 1024px) {
  .figma-employers-root .features-grid,
  .figma-employers-root .services-grid {
    grid-template-columns: 1fr 1fr;
  }

  .figma-employers-root .steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .figma-employers-root .step:nth-child(2)::after {
    display: none;
  }

  .figma-employers-root .pricing-grid {
    grid-template-columns: 1fr;
    max-width: 400px;
  }
}

@media (max-width: 700px) {
  .figma-employers-root .features-grid,
  .figma-employers-root .services-grid,
  .figma-employers-root .steps {
    grid-template-columns: 1fr;
  }

  .figma-employers-root .step::after {
    display: none;
  }

  .figma-employers-root .hero {
    padding: 64px 5% 72px;
  }

  .figma-employers-root .why-section,
  .figma-employers-root .how-section,
  .figma-employers-root .services-section,
  .figma-employers-root .pricing-section,
  .figma-employers-root .partners,
  .figma-employers-root .cta-section {
    padding-left: 5%;
    padding-right: 5%;
  }

  .figma-employers-root .hero-stat-row {
    gap: 1.25rem;
  }

  .figma-employers-root .h-stat {
    flex: 1 1 40%;
  }
}