/* ── RESPONSIVE: breakpoints (additive; desktop unchanged) ── */

@media (max-width: 1100px) {
  .hero-metrics, .hero-visual { display: none; }
  .hero { min-height: 560px; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
}

@media (max-width: 1024px) {
  .apps-grid { grid-template-columns: 1fr 1fr; }
  .kpi-grid { grid-template-columns: 1fr 1fr; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .testimonials-grid { grid-template-columns: 1fr 1fr; }
  .pricing-grid { grid-template-columns: 1fr 1fr; }
  .demo-grid { grid-template-columns: 1fr; gap: 48px; }
  .journey { flex-wrap: wrap; gap: 24px 0; }
  .journey-connector { display: none; }
  .journey-step { flex: 0 0 33.333%; }
}

@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-inner { padding: 0 20px; }

  .hero { padding: 32px 20px; }
  .footer-inner { padding: 56px 20px 32px; }
  .apps-grid,
  .kpi-grid,
  .feature-grid,
  .testimonials-grid,
  .pricing-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .form-row { grid-template-columns: 1fr; }
  .journey-step { flex: 0 0 50%; }
  .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
}

@media (max-width: 480px) {
  .hero-actions { flex-direction: column; width: 100%; }
  .hero-actions a { width: 100%; justify-content: center; }
  .logo-strip { gap: 28px; }
  .footer-grid { grid-template-columns: 1fr; }
  .demo-visual-grid { grid-template-columns: 1fr 1fr; }
  .journey-step { flex: 0 0 100%; }
}