/* ============================================================
   ARTIFIC TECHNOLOGIES — RESPONSIVE STYLES
   Mobile-First: 320 → 480 → 768 → 1024 → 1280 → 1440
   ============================================================ */

/* ── Base Mobile (< 480px) ────────────────────── */
@media (max-width: 479px) {
  :root {
    --container-padding: 1rem;
    --header-height: 64px;
  }
  .hero-title { font-size: 2rem; }
  .section-title { font-size: 1.75rem; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .cta-actions { flex-direction: column; align-items: center; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer-brand { max-width: 100%; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-bottom-links { justify-content: center; }
  .hero-stat-card-3 { display: none; }
}

/* ── Small Mobile (480px–767px) ───────────────── */
@media (min-width: 480px) and (max-width: 767px) {
  :root { --container-padding: 1.25rem; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .footer-brand { grid-column: 1 / -1; }
}

/* ── Mobile (< 768px) — shared ────────────────── */
@media (max-width: 767px) {
  /* Navigation */
  .nav, .header-actions .btn { display: none; }
  .mobile-toggle { display: flex; }

  /* Hero */
  .hero { min-height: auto; padding-block: 5rem; }
  .hero-content {
    grid-template-columns: 1fr;
    gap: 3rem;
    text-align: center;
    padding-block: 2rem;
  }
  .hero-left { max-width: 100%; }
  .hero-subtitle { margin-inline: auto; }
  .hero-actions { justify-content: center; }
  .hero-trust { justify-content: center; }
  .hero-visual { display: none; }

  /* Services */
  .services-grid { grid-template-columns: 1fr; gap: 1rem; }

  /* Why Choose */
  .why-grid { grid-template-columns: 1fr; gap: 3rem; }
  .why-visual { order: -1; }
  .why-badge-float { display: none; }
  .why-features { grid-template-columns: 1fr; }

  /* Industries */
  .industries-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }

  /* Solutions */
  .solutions-grid { grid-template-columns: 1fr; }

  /* Process */
  .process-steps {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .process-steps::before { display: none; }

  /* Testimonials */
  .testimonials-grid { grid-template-columns: 1fr; }

  /* Contact strip */
  .contact-strip-grid { grid-template-columns: 1fr; gap: 1.5rem; }

  /* Footer */
  .footer-socials { flex-wrap: wrap; }
  .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }

  /* Section spacing */
  .section { padding-block: 4rem; }
  .section-lg { padding-block: 5rem; }

  /* Partners */
  .partners-logos { gap: 1.5rem; }
  .partner-logo { font-size: 0.875rem; }

  /* Page hero */
  .page-hero { padding-top: calc(64px + 3rem); padding-bottom: 3rem; }

  /* Stats band */
  .stat-number { font-size: 2.5rem; }
}

/* ── Tablet (768px–1023px) ────────────────────── */
@media (min-width: 768px) and (max-width: 1023px) {
  :root { --container-padding: 1.5rem; }

  /* Navigation — hide some items */
  .nav-link { padding: 0.5rem 0.625rem; font-size: 0.8125rem; }
  .header-actions .btn-secondary { display: none; }

  /* Hero */
  .hero-content { gap: 3rem; }
  .hero-title { font-size: 3rem; }
  .hero-stat-card-3 { display: none; }

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

  /* Why */
  .why-grid { gap: 3rem; }
  .why-features { grid-template-columns: 1fr; }

  /* Industries */
  .industries-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }

  /* Solutions */
  .solutions-grid { grid-template-columns: 1fr 1fr; }

  /* Process */
  .process-steps { grid-template-columns: 1fr 1fr 1fr; }
  .process-steps::before { display: none; }

  /* Testimonials */
  .testimonials-grid { grid-template-columns: 1fr 1fr; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .footer-brand { grid-column: 1 / -1; max-width: 100%; }

  /* Contact strip */
  .contact-strip-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
}

/* ── Large Tablet / Small Desktop (1024px–1279px) ── */
@media (min-width: 1024px) and (max-width: 1279px) {
  .hero-title { font-size: 3.5rem; }
  .services-grid { grid-template-columns: 1fr 1fr 1fr; }
  .industries-grid { grid-template-columns: 1fr 1fr 1fr 1fr; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; }

  /* Solutions */
  .solutions-grid { grid-template-columns: 1fr 1fr; }
}

/* ── Desktop (≥ 1280px) ───────────────────────── */
@media (min-width: 1280px) {
  .hero-title { font-size: 4.25rem; }
}

/* ── Wide Desktop (≥ 1440px) ─────────────────── */
@media (min-width: 1440px) {
  :root {
    --container-padding: 2rem;
  }
  .hero-title { font-size: 4.5rem; }
  .section-title { font-size: 3rem; }
}

/* ── Navigation Responsive ────────────────────── */
@media (min-width: 768px) {
  .mobile-toggle { display: none; }
  #mobile-menu { display: none !important; }
}

/* ── Print ────────────────────────────────────── */
@media print {
  #header, #footer, .whatsapp-fab, #scroll-top { display: none; }
  body { background: #fff; color: #000; }
  .hero { min-height: auto; background: none; }
  a::after { content: " (" attr(href) ")"; font-size: 0.75rem; }
}