/* SENTINEL Responsive & Layout Overrides */

@media (max-width: 991.98px) {
  .hero-equalizer-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  
  .workflow-tree {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  .workflow-connector-line {
    width: 2px !important;
    height: 24px !important;
    margin: 0 auto !important;
  }
  
  .architecture-flow {
    flex-direction: column !important;
  }

  .nav-menu-desktop {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .mobile-menu-drawer {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hero-action-buttons {
    flex-direction: column;
    width: 100%;
  }
  
  .hero-action-buttons .btn-sentinel-primary,
  .hero-action-buttons .btn-sentinel-secondary {
    width: 100%;
    text-align: center;
  }
  
  .stats-grid-mobile {
    grid-template-columns: 1fr 1fr !important;
  }
  
  .sentiment-timeline-row {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}