@media (min-width: 1200px) and (max-width: 1399.98px) {
  .services-banner-image img { width: calc(100% + ((100vw - 1140px) / 2)); }
}

@media (max-width: 1199.98px) {
  :root { --header-height: 82px; }
  .site-header .nav-link { margin: 0 7px; }
  .header-cta { margin-left: 16px; padding-left: 17px; padding-right: 17px; }
  .hero-content { max-width: 650px; }
  .sectors-grid { grid-template-columns: repeat(4, 1fr); }
  .services-banner-image img { width: 100%; }
  .portfolio-image { height: 290px; }
  .portfolio-icon { top: 256px; }
  .why-content { padding-left: 50px; padding-right: 50px; }
  .contact-form { margin-right: -24px; width: calc(100% + 24px); }
  .contact-cta { grid-template-columns: repeat(3, 1fr); row-gap: 28px; }
  .contact-cta-main { grid-column: 1 / -1; }
  .contact-cta article:nth-child(2) { border-left: 0; padding-left: 0; }
}

@media (max-width: 991.98px) {
  .section { padding: 90px 0; }
  .portfolio,
  .benefits,
  .contact { padding: 90px 0; }
  .site-header { background: rgba(255, 255, 255, 0.98); box-shadow: 0 8px 25px rgba(7, 29, 73, 0.09); }
  .site-header .brand-logo-light { opacity: 0; }
  .site-header .brand-logo-color { opacity: 1; }
  .site-header .navbar-collapse { background: var(--indux-white); border-radius: 0 0 16px 16px; box-shadow: 0 18px 30px rgba(7, 29, 73, 0.12); margin: 12px -12px -12px; padding: 16px 20px 24px; }
  .site-header .nav-link { color: var(--indux-dark); margin: 0; }
  .site-header .navbar-nav .nav-link.active { color: var(--indux-dark); }
  .site-header .nav-link::after { left: 0; transform: scaleX(0); transform-origin: left; width: 32px; }
  .site-header .nav-link:hover::after,
  .site-header .nav-link:focus-visible::after,
  .site-header .nav-link.active::after { transform: scaleX(1); }
  .header-cta { margin: 14px 0 0; width: 100%; }
  .hero { min-height: 860px; padding-bottom: 130px; }
  .hero-image { object-position: 68% center; }
  .hero-overlay { background: linear-gradient(90deg, rgba(5, 22, 47, 0.98), rgba(5, 22, 47, 0.82) 60%, rgba(5, 22, 47, 0.38)); }
  .about-image-frame { margin: 30px 0 0; }
  .sectors-grid { grid-template-columns: repeat(3, 1fr); }
  .services-banner-image { min-height: 380px; }
  .services-banner-image::before { background: linear-gradient(180deg, var(--indux-deep), transparent); height: 80px; width: 100%; }
  .services-banner-image img { inset: 0; }
  .services-content { margin-top: -18px; }
  .trust-strip { grid-template-columns: repeat(2, 1fr); row-gap: 24px; }
  .trust-strip article:nth-child(2) { border-right: 0; }
  .trust-strip article:nth-child(3) { padding-left: 0; }
  .portfolio-card,
  .portfolio-grid > div:nth-child(odd) .portfolio-card,
  .portfolio-grid > div:nth-child(even) .portfolio-card { transform: none; }
  .benefit-card { grid-template-columns: 170px 58px 1fr; }
  .benefit-card > img { height: 170px; width: 170px; }
  .why-image { min-height: 620px; }
  .why-content { padding: 90px max(24px, calc((100vw - 720px) / 2)); }
  .contact-copy { margin-bottom: 44px; padding-right: 12px; }
  .contact-form { margin: 0; width: 100%; }
  .contact-image { border-radius: 0 60px 60px 0; margin-top: 30px; min-height: 560px; }
  .contact-cta { margin-top: 40px; }
  .footer-brand { margin-bottom: 50px; }
}

@media (max-width: 767.98px) {
  h2 { font-size: 2.45rem; }
  .section { padding: 78px 0; }
  .portfolio,
  .benefits,
  .contact { padding: 78px 0; }
  .hero { min-height: 930px; padding-top: 145px; }
  .hero h1 { font-size: 3.35rem; }
  .hero-image { object-position: 70% center; }
  .hero-overlay { background: rgba(5, 22, 47, 0.83); }
  .hero-actions { align-items: stretch; flex-direction: column; max-width: 390px; }
  .quick-benefits { gap: 22px 0; grid-template-columns: repeat(2, 1fr); margin-top: 44px; }
  .quick-benefits li:nth-child(2) { border-right: 0; }
  .quick-benefits li:nth-child(3) { padding-left: 0; }
  .scroll-indicator span { display: none; }
  .about-image-frame { border-radius: 60px 0 28px 0; }
  .sectors-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-strip { grid-template-columns: 1fr; }
  .trust-strip article,
  .trust-strip article:nth-child(3) { border-bottom: 1px solid rgba(11, 78, 162, 0.2); border-right: 0; padding: 0 0 20px; }
  .trust-strip article:last-child { border-bottom: 0; padding-bottom: 0; }
  .portfolio-image { height: 350px; }
  .portfolio-icon { top: 316px; }
  .benefit-card { gap: 18px; grid-template-columns: 130px 52px 1fr; padding-right: 20px; }
  .benefit-card > img { height: 130px; width: 130px; }
  .benefit-icon { height: 52px; width: 52px; }
  .contact-cta { grid-template-columns: 1fr; }
  .contact-cta-main { grid-column: auto; }
  .contact-cta article,
  .contact-cta article:nth-child(2) { border-bottom: 1px solid rgba(255, 255, 255, 0.16); border-left: 0; padding: 0 0 20px; }
  .contact-cta article:last-child { border-bottom: 0; padding-bottom: 0; }
  .footer-bottom { flex-direction: column; gap: 14px; }
}

@media (max-width: 575.98px) {
  :root { --header-height: 74px; }
  body { font-size: 15px; }
  .section { padding: 68px 0; }
  .portfolio,
  .benefits,
  .contact { padding: 68px 0; }
  .navbar-brand { height: 48px; width: 158px; }
  .brand-logo { height: 48px; width: 158px; }
  .hero { min-height: 910px; padding-bottom: 120px; padding-top: 120px; }
  .hero h1 { font-size: 2.7rem; }
  .hero-copy { font-size: 1rem; }
  .quick-benefits { gap: 24px 12px; }
  .quick-benefits li { border-right: 0; padding: 0; }
  .quick-benefits i { font-size: 1.45rem; }
  .scroll-indicator { bottom: 30px; }
  .whatsapp-float { bottom: 16px; height: 58px; right: 16px; width: 58px; }
  .about-intro h2 { font-size: 2.35rem; }
  .info-card { padding: 24px; }
  .info-card-heading { align-items: flex-start; flex-direction: column; }
  .sectors-grid { grid-template-columns: 1fr 1fr; }
  .sector-card { padding: 20px 10px; }
  .services-banner-copy { padding-bottom: 45px; padding-top: 45px; }
  .services-banner h2 { font-size: 2.7rem; }
  .services-banner-image { min-height: 300px; }
  .service-card { padding: 28px 22px; }
  .portfolio-image { height: 310px; }
  .portfolio-icon { top: 276px; }
  .portfolio-content { min-height: auto; }
  .benefit-card { align-items: start; grid-template-columns: 100px 1fr; padding: 16px; }
  .benefit-card > img { grid-row: 1 / 3; height: 100px; width: 100px; }
  .benefit-icon { height: 48px; width: 48px; }
  .benefit-card > div { grid-column: 1 / -1; }
  .why-content { padding: 70px 20px; }
  .why-list article { gap: 16px; }
  .why-icon { flex-basis: 56px; height: 56px; width: 56px; }
  .why-image { min-height: 430px; }
  .contact-form { padding: 26px 20px; }
  .contact-image { border-radius: 0 40px 40px 0; min-height: 430px; }
  .contact-cta { padding: 24px 20px; }
  .contact-cta-main { align-items: flex-start; flex-direction: column; }
  .footer-brand img { height: 70px; width: 220px; }
  .footer-column { margin-bottom: 38px; }
  .footer-main { padding-bottom: 20px; }
}