/* ============================================================
   RESPONSIVE STYLES
   ============================================================ */

@media (max-width: 1200px) {
  .hero-floating-stats { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

@media (max-width: 1024px) {
  .nav-links { display: none; }
  .hamburger { display: flex; }
  .about-intro-wrapper { grid-template-columns: 1fr; gap: 2rem; }
  .mission-vision-wrapper { grid-template-columns: 1fr; }
  .founder-message-wrapper { grid-template-columns: 1fr; text-align: center; }
  .contact-form-map-wrapper { grid-template-columns: 1fr; }
  .contact-cards-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .projects-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .nav-container { height: 70px; }
  .nav-company-name { font-size: 1.2rem; }

  .hero-section { min-height: 100vh; }
  .hero-title { font-size: 1.75rem; }
  .hero-tagline { font-size: 0.95rem; }
  .hero-buttons { flex-direction: column; align-items: stretch; }
  .hero-buttons .btn { text-align: center; justify-content: center; }

  .section-padding { padding: 3rem 0; }

  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer-bottom-content { flex-direction: column; gap: 1rem; text-align: center; }

  .services-grid,
  .team-grid,
  .blog-grid,
  .process-timeline,
  .features-grid { grid-template-columns: 1fr; }

  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .stat-item { padding: 1rem; }
  .stat-number { font-size: 2rem; }

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

  .page-hero { padding: 6rem 0 3rem; }
  .page-hero-title { font-size: 1.75rem; }

  .cookie-content { flex-direction: column; text-align: center; }

  .founder-info { flex-direction: column; text-align: center; }

  .featured-post-card { grid-template-columns: 1fr; }

  .cursor-dot, .cursor-outline { display: none; }
}

@media (max-width: 480px) {
  .nav-company-name { font-size: 1rem; }
  .hero-title { font-size: 1.5rem; }
  .btn { padding: 0.75rem 1.5rem; font-size: 0.9rem; }
  .stat-number { font-size: 1.75rem; }
  .section-title { font-size: 1.5rem; }
  .footer-grid { grid-template-columns: 1fr; }
}

@media print {
  .navbar, .footer, .back-to-top, .whatsapp-float, .preloader,
  .cookie-consent, .search-overlay, .cursor-dot, .cursor-outline,
  .page-transition { display: none !important; }
  body { background: #fff; color: #000; }
}