@media (max-width: 1024px) {
  .system-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .navbar {
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px 20px;
  }

  .nav-links {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
  }

  .system-grid__items {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .system-feature__item {
    padding: 32px;
  }
}

@media (max-width: 540px) {
  .hero {
    padding: 72px 0 48px;
  }

  .hero__title {
    font-size: 2.1rem;
  }

  .navbar {
    padding: 12px 16px;
  }

  .nav-link {
    font-size: 0.72rem;
    letter-spacing: 0.2em;
  }

  .product-tile {
    flex-basis: 100%;
    max-width: 100%;
  }

  .system-feature__item {
    padding: 24px;
  }

  .system-grid__items {
    grid-template-columns: 1fr;
  }

  .site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .site-footer__inner {
    grid-template-columns: 1fr;
  }
}