@media (max-width: 900px) {
  .hero-text h1 {
    font-size: 3rem;
  }

  .nav-links {
    display: none;
  }
}

@media (max-width: 700px) {
  .hero {
    padding: 120px 18px 60px;
  }

  .hero-container,
  .software-preview {
    grid-template-columns: 1fr;
  }

  .section-title {
    font-size: 2.2rem;
  }

  .faq-grid {
    grid-template-columns: 1fr;
  }
}