/* Responsive Breakpoints and Mobile Menu Overlay */

@media (max-width: 1024px) {
  /* Hide standard desktop nav links, reveal mobile triggers */
  .desktop-nav-links {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .hero-heading {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  
  .systems-grid-cols {
    grid-template-cols: 1fr !important;
  }
}

/* Mobile responsive menu styling */
#mobile-menu {
  transition: all 0.3s ease-in-out;
}

#mobile-menu.active {
  display: flex !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}