@media (max-width: 1399px) {
  .desktop-nav { gap: 1.25rem; }
}

@media (max-width: 1199px) {
  .stats-wrap, .process-grid, .project-grid, .footer-grid, .case-study-grid, .feature-panel-grid { grid-template-columns: repeat(2, 1fr); }
  .service-detail-card { grid-template-columns: 1fr; }
  .service-detail-card img { aspect-ratio: 16 / 10; }
  .page-section-split, .faq-layout, .contact-layout { grid-template-columns: 1fr; }
  .header-actions .btn, .desktop-nav { display: none; }
  .mobile-toggle { display: inline-grid; place-items: center; }
  .image-stack { min-height: 520px; }
  .hero-form { margin-top: 2rem; }
}

@media (max-width: 991px) {
  .section { padding: 96px 0; }
  .topbar { display: none; }
  .site-header-inner { min-height: 78px; }
  .site-header .brand {
    width: 92px;
    min-width: 92px;
    height: 78px;
  }
  .site-header .brand img {
    width: 92px;
    height: 92px;
  }
  .hero-content { padding: 150px 0 100px; }
  .section-heading.split, .cta-strip-inner { flex-direction: column; align-items: flex-start; }
  .project-grid { grid-template-columns: 1fr 1fr; }
  .project-story-grid, .contact-note-grid { grid-template-columns: 1fr; }
  .image-card.primary { width: 100%; }
  .image-card.secondary {
    position: relative;
    width: 72%;
    margin-left: auto;
    margin-top: 1.2rem;
    transform: none;
  }
  .metric-chip {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 1rem;
  }
}

@media (max-width: 767px) {
  .section { padding: 78px 0; }
  .mobile-hero-video-section {
    display: block;
    padding-top: 78px;
  }
  .hero-media {
    display: none;
  }
  .hero-media .youtube-video-wrap {
    display: none;
  }
  .hero-section {
    min-height: auto;
    background: transparent;
    padding-bottom: 30px;
  }
  .scroll-indicator {
    display: none;
  }
  .hero-content {
    padding-top: 72px;
  }
  .hero-content h1,
  .section-heading h2,
  .section-intro h2,
  .cta-strip-inner h2,
  .inner-hero h1,
  .quote-popup-panel h3 { font-size: clamp(1.9rem, 8.2vw, 3rem); }
  .hero-content p { font-size: 1rem; }
  .trust-row { grid-template-columns: 1fr; }
  .process-grid, .footer-grid, .case-study-grid, .feature-panel-grid { grid-template-columns: 1fr; }
  .stats-wrap, .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mini-stat-row { grid-template-columns: 1fr; }
  .footer-bottom, .hero-actions, .popup-actions, .cta-actions { flex-direction: column; align-items: stretch; }
  .btn, .floating-action.quote { justify-content: center; text-align: center; }
  .inner-hero { padding: 160px 0 90px; }
  .quote-form, .contact-card, .quote-popup-panel, .cta-strip-inner { padding: 1.5rem; }
  .content-panel, .feature-panel, .checklist-card, .case-study-card, .metric-panel, .quote-helper-card, .faq-side-card { padding: 1.5rem; }
  .floating-actions {
    left: 0.9rem;
    bottom: 0.9rem;
    width: calc(100% - 1.8rem);
    gap: 0.75rem;
  }
  .floating-action, .go-top { width: 44px; height: 44px; }
  .floating-action.quote { width: auto; padding: 0 1rem; font-size: 0.74rem; }
  .floating-action.whatsapp { width: 56px; height: 56px; font-size: 1.3rem; }
}

@media (max-width: 575px) {
  .site-header .brand {
    width: 78px;
    min-width: 78px;
    height: 70px;
  }
  .site-header .brand img {
    width: 78px;
    height: 78px;
  }
  .site-footer .brand img {
    width: 86px;
    height: 86px;
  }
  .mobile-menu-panel { padding: 1.5rem; }
  .hero-content { padding-top: 30px; padding-bottom: 0;}
  .hero-content h1,
  .section-heading h2,
  .section-intro h2,
  .cta-strip-inner h2,
  .inner-hero h1,
  .quote-popup-panel h3 { font-size: clamp(1.7rem, 7.6vw, 2.5rem); }
  .breadcrumb-list { gap: 0.7rem; }
  .breadcrumb-list li { font-size: 0.76rem; }
  .page-banner-content::after { display: none; }
}