@media (max-width: 1024px) {
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  
  .section { padding: var(--space-20) 0; }
  
  .solution { flex-direction: column; text-align: center; }
  .solution--reverse { flex-direction: column; }
  
  .solution__content,
  .solution--reverse .solution__content {
    padding: 0;
    margin-bottom: var(--space-8);
  }
  
  .security__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .grid--2 { grid-template-columns: 1fr; }
  .grid--3 { grid-template-columns: 1fr; }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  
  .nav__links { display: none; }
  .nav__cta { display: none; }
  .nav__mobile-toggle { display: flex; }
  
  .hero__title { font-size: clamp(2rem, 8vw, 3rem); }
  .hero__stats { flex-direction: column; gap: var(--space-6); margin-top: var(--space-10); }
  .hero__ctas { flex-direction: column; width: 100%; }
  .hero__ctas .btn { width: 100%; }
  
  .pricing__cards { flex-direction: column; }
  .pricing__card { max-width: 100%; width: 100%; }
  .pricing__card--featured { transform: none; }
  
  .mobile-app__showcase { flex-direction: column; }
  .mobile-app__roles { grid-template-columns: 1fr; }
  
  .api__demo { grid-template-columns: 1fr; }
  .contact__grid { grid-template-columns: 1fr; }
  
  .footer__grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .footer__bottom { flex-direction: column; gap: var(--space-4); text-align: center; }
  
  .products__categories {
    justify-content: flex-start;
    padding-bottom: var(--space-4);
  }

  .tabs {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .tabs::-webkit-scrollbar { display: none; }

  .solution-layout,
  .solution-layout.solution--reverse {
    flex-direction: column;
    text-align: center;
  }

  .solution-layout .solution__content {
    padding: 0;
    margin-bottom: var(--space-8);
  }

  .demo__interface {
    flex-direction: column;
    height: auto;
  }

  .demo__sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--glass-border);
  }

  .demo__ai-panel {
    width: 100%;
    border-left: none;
    border-top: 1px solid var(--glass-border);
  }

  .demo__layout.grid--3 {
    flex-direction: column;
  }

  .emergency-dashboard__grid {
    grid-template-columns: 1fr;
  }

  .comparison-card {
    grid-template-columns: 1fr;
  }

  .comparison-col.before {
    border-right: none;
    border-bottom: 1px solid var(--glass-border);
  }

  .footer__legal {
    flex-direction: column;
    gap: var(--space-2);
  }
}

@media (max-width: 480px) {
  .grid--4 { grid-template-columns: 1fr; }
  
  .section { padding: var(--space-16) 0; }
  
  .card { padding: var(--space-6); }
  
  .hero__stat-number { font-size: 2rem; }
  
  .section__title { font-size: 2rem; }
  
  .modal__content { padding: var(--space-8); }
}