/* Responsive Breakpoint Adaptations */
@media (max-width: 1024px) {
  .nav-links { display: none; }
  .mobile-toggle { display: block; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }
  .hero-split { grid-template-columns: 1fr; gap: 2.5rem; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .top-bar-info { display: none; }
  .navbar { height: 70px; }
  .logo-img { height: 40px; }
  .hero-section { padding-block: 3.5rem 2.5rem; text-align: center; }
  .hero-content h1 { font-size: 2.2rem; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }
}