/* css/responsive.css */
/* === All original responsive styles preserved === */
@media (max-width: 992px) {
  .display-3 { font-size: 2.8rem; }
  .hero .row { text-align: center; }
  .mockup-screen { transform: none !important; }
  .mockup-screen:hover { transform: scale(1.03) !important; }
  .step { text-align: center; }
}
@media (max-width: 768px) {
  .display-3 { font-size: 2.5rem; }
  .display-5 { font-size: 2rem; }
  .btn-lg { padding: 0.75rem 1.5rem; font-size: 1rem; }
  .dash-nav { flex-wrap: wrap; gap: 0.75rem; }
  .nav-item { font-size: 0.85rem; padding: 0.5rem 1rem; }
  .py-6 { padding: 5rem 0 !important; }
  .section-divider { height: 60px; }
  /* Responsive workflow */
  .workflow-line svg {
    height: 180px;
  }
}
@media (max-width: 576px) {
  .display-3 { font-size: 2.2rem; }
  .hero-particles { background-size: 40px 40px; }
  .metric-value { font-size: 1.5rem; }
  .contact-form { padding: 2rem !important; }
  .workflow-line svg {
    height: 160px;
  }
}