/* ============================================
   DEVNOVA — RESPONSIVE
   ============================================ */

/* ≤ 1024px */
@media (max-width: 1024px) {
  .process-steps { grid-template-columns: repeat(2, 1fr); gap: 2.25rem; }
}

/* ≤ 768px */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-toggle { display: flex; }

  #hero { padding-top: 8rem; padding-bottom: 4.5rem; }
  .hero-actions { margin-bottom: 3rem; }

  .stack-inner { flex-direction: column; align-items: flex-start; gap: 1rem; }

  .services-grid { grid-template-columns: 1fr; }

  .about-grid { grid-template-columns: 1fr; gap: 2.75rem; }

  .cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 2.75rem 2rem;
    gap: 1.75rem;
  }

  .contact-wrapper { grid-template-columns: 1fr; gap: 3rem; }

  .footer-top { flex-direction: column; align-items: flex-start; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}

/* ≤ 480px */
@media (max-width: 480px) {
  .hero-title { letter-spacing: -1.2px; }
  .hero-actions { flex-direction: column; }
  .btn-primary, .btn-ghost, .submit-btn { width: 100%; text-align: center; }

  .terminal { font-size: 12px; }
  .term-body { font-size: 12px; padding: 15px 16px 16px; }

  .process-steps { grid-template-columns: 1fr; gap: 2rem; }

  .form-row { grid-template-columns: 1fr; }

  .cta-inner { padding: 2.25rem 1.5rem; }
  .contact-form { padding: 1.5rem 1.25rem; }
}

/* ≤ 360px */
@media (max-width: 360px) {
  .hero-title { font-size: 30px; }
}