/* ═══════════ RESPONSIVE ═══════════ */

@media (max-width: 1024px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-content { grid-template-columns: 1fr; text-align: center; }
  .hero-text p { margin: 0 auto 40px; }
  .hero-buttons { justify-content: center; }
  .hero-stats { justify-content: center; }
  .hero-visual { order: -1; }
  .hero-logo-img { width: 220px; height: 220px; }
  
  .about-grid { grid-template-columns: 1fr; gap: 50px; }
  .contact-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .ref-grid-static { grid-template-columns: repeat(2, 1fr); }
  .cta-banner { flex-direction: column; text-align: center; }
}

@media (max-width: 768px) {
  .section { padding: 80px 20px; }
  .container { padding: 0 20px; }
  .vm-grid { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .ref-grid-static { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .hero-stats { flex-direction: column; gap: 20px; align-items: center; }
  .about-highlights { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
  .contact-form-box { padding: 30px 24px; }
  .founder-quote { padding: 36px 28px; }
  .vm-card { padding: 36px 28px; }
  .nav-container { padding: 0 20px; }
  .page-banner { padding: 140px 20px 60px; }
  .contact-map { height: 300px; margin-top: 40px; }
}

@media (max-width: 480px) {
  .hero-logo-img { width: 180px; height: 180px; }
  
  .hero-text h1 { font-size: 2rem; }
  .hero-buttons { flex-direction: column; align-items: center; }
  .about-text h2, .contact-info h2 { font-size: 1.8rem; }
  .cta-banner { padding: 36px 24px; }
}