/* Responsive nativo compartido: mobile <=639, tablet 640-1023, desktop >=1024. */
.mobileMenuToggle{display:none}
@media (max-width:1023px){
  html{scroll-padding-top:76px} body{overflow-x:hidden}
  #viewport{width:100%!important;height:auto!important;overflow:hidden}
  .stage{width:100%!important;transform:none!important;min-height:100vh}
  .shell{width:auto;margin-inline:clamp(20px,5vw,40px)}
  .nav{height:76px;width:100%;padding:10px clamp(20px,5vw,40px);align-items:center;background:#02080ff2;position:relative;z-index:50}
  .brand{width:72px;flex-basis:72px;margin:0}.brand img{width:72px;height:62px;transform:none;object-fit:contain}
  .mobileMenuToggle{display:grid;margin-left:auto;width:48px;height:48px;padding:0;border:1px solid #168bd0;border-radius:50%;background:#041524;color:#fff;place-items:center;z-index:55}
  .mobileMenuToggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .menu,.navRight{display:none!important;position:absolute;left:20px;right:20px;width:auto;margin:0;background:#041524;border:1px solid #126ca5}
  .menu{top:70px;padding:18px;flex-direction:column;align-items:stretch;gap:0;font-size:15px;white-space:normal;border-radius:16px 16px 0 0}
  .menu a,.menu a:nth-child(n){width:auto;min-height:44px;display:flex;align-items:center;border-bottom:1px solid #ffffff14}
  .menu a:first-child:after{display:none}
  .navRight{top:384px;padding:16px;align-items:stretch;gap:14px;border-top:0;border-radius:0 0 16px 16px}
  .nav.menuOpen .menu,.nav.menuOpen .navRight{display:flex!important}
  .locale{display:flex;align-self:auto;margin:0;gap:10px;font-size:14px}.marketChoice,.languageChoice{min-width:36px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .consult{width:100%;height:48px;transform:none;font-size:12px}
  .supportTools{position:relative;right:auto;top:auto;margin:8px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:20}
  .supportTool{height:52px;min-width:0;font-size:12px}.supportTool .supportCopy b,.supportTool .supportCopy small{font-size:11px}
  .hero,.innerHero,.wifiPageHero,.projectsPageHero,.aboutHero,.contactHero{width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding-bottom:28px}
  .city,.wifiPageVisual,.projectsHeroVisual,.aboutHeroVisual,.contactHeroVisual{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:clamp(220px,58vw,400px)!important;display:block;object-fit:cover!important;order:2}
  .hero{display:flex;flex-direction:column}.hero .city{order:3;margin-top:24px}.hero .nav{order:1}.hero .supportTools{order:2}.heroCopy,.internalHeroCopy,.wifiHeroCopy,.projectsHeroCopy,.aboutHeroCopy,.contactHeroCopy{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;margin:32px clamp(20px,5vw,40px) 0!important;padding:0!important;transform:none!important;z-index:5}
  .heroCopy{order:2}.heroCopy h1,.internalTitle,.wifiHeroTitle,.projectsHeroTitle,.aboutHeroTitle,.contactHeroTitle{font-size:clamp(34px,7vw,58px)!important;line-height:1.02!important;white-space:normal!important;transform:none!important}
  .heroCopy h1 .line,.wifiHeroTitle span,.aboutHeroTitle span{transform:none!important}
  .heroCopy p,.internalLead,.wifiHeroLead,.projectsHeroLead,.aboutHeroLead,.aboutHeroLeadSecondary,.contactHeroLead,.contactHeroSecondary{width:auto!important;max-width:680px;font-size:16px!important;line-height:1.55!important;transform:none!important}
  .actions{flex-wrap:wrap}.button,.wifiButton,.teamCta{min-height:44px;font-size:12px}
  .benefits{height:auto;display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px}.benefits span{position:static}
  .metricsWrap{margin:0;padding:20px;background:#031321}.metrics{width:100%;height:auto;grid-template-columns:1fr 1fr;gap:12px;padding:12px;overflow:visible}
  .metric,.metrics>.metric:first-child,.metrics>.metric:nth-child(3){height:auto;min-height:150px;padding:18px!important;transform:none!important}.metric.market{grid-column:auto}.metricDetail,.metrics>.metric:first-child .metricDetail,.metrics>.metric:nth-child(3) .metricDetail{margin:16px 0 0!important;transform:none;font-size:12px;line-height:1.35}.metricDetail strong{font-size:13px;line-height:1.2}.metricLabel{font-size:12px}.jdCenter{display:grid;min-height:150px}.metricsCenterRaster{left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%}
  .solutions{padding:36px 20px}.solutions .shell{margin:0}.solutionsHead{text-align:left}.solutionsEyebrow,.solutionsTitle{margin:0 0 8px;transform:none;font-size:14px}.solutionsTitle{font-size:26px}
  .solutionGrid{width:100%;margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.solutionCard:nth-child(n){grid-column:auto}.solutionCard{height:auto;min-height:230px;padding:22px;overflow:visible}.solutionIcon{height:62px}.solutionNum{font-size:22px}.solutionName,.solutionCard:nth-child(4) .solutionName{font-size:17px;line-height:1.15;transform:none;min-height:0}.solutionDesc,html[lang=en] .solutionDesc{font-size:14px;line-height:1.45;max-width:none;transform:none}.solutionDesc br{display:none}.solutionsMore{margin:22px 0 0;justify-content:center}.solutionsMore a{width:auto;min-height:44px;padding:0 22px;font-size:12px}
  .wifiSection{width:100%;height:auto;min-height:0;padding:34px 20px 260px;overflow:hidden}.wifiBackdrop{width:100%;height:100%;object-fit:cover}.wifiContent{position:relative;inset:auto}.wifiEyebrow,.wifiTitle,.wifiDescription,.wifiBenefits,.wifiButton{position:relative;left:auto;top:auto;width:auto;height:auto;margin:0 0 16px;white-space:normal;transform:none}.wifiTitle,.wifiTitleLine{font-size:30px!important;line-height:1.05!important;transform:none!important}.wifiDescription,.wifiDescriptionLine{font-size:16px;line-height:1.5;transform:none}.wifiBenefits{display:flex;flex-wrap:wrap;gap:12px}.wifiBenefits li{position:static;height:auto;font-size:13px;white-space:normal}.wifiBenefitText{transform:none!important}
  .projectsClients{width:100%;height:auto;padding:34px 20px;overflow:hidden}.projectsEyebrow,.projectsTitle,.projectsSeeAll,.clientsLabel,.clientsLogos{position:relative;left:auto;top:auto;width:auto;height:auto;margin:0 0 12px;white-space:normal;transform:none}.projectsTitle{font-size:25px;line-height:1.15}.projectsSeeAll{min-height:44px;font-size:12px}
  .projectImage{position:relative;left:auto!important;top:auto;margin:0;display:none;width:100%!important;height:230px}.projectImage.isActive{display:block}.projectArrow{top:190px;width:44px;height:44px}.projectArrowLeft{left:8px}.projectArrowRight{left:auto;right:8px}.clientsLabel{margin-top:26px}.clientsLogos{display:flex;overflow-x:auto;gap:28px;justify-content:flex-start;scroll-snap-type:x mandatory;padding:10px 0}.clientsLogos img{flex:0 0 110px;max-width:110px;height:42px;scroll-snap-align:start}.clientsArrow{display:none}
  .teamSection,.aboutTeamSection{width:100%!important;height:auto!important;overflow:visible!important;padding:34px 20px}.teamIntro,.orgChart,.aboutTeamIntro,.aboutOrgChart{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important}.teamTitle,.aboutTeamTitle{font-size:28px!important;line-height:1.08!important}.teamCta{position:relative;left:auto;top:auto;width:max-content;margin-top:18px;padding:0 18px}
  .orgBus,.orgTrunk,.aboutOrgBus,.aboutOrgTrunk{display:none}.ceoCard,.aboutCeoCard,.teamBranch,.aboutBranch{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:24px 0 0}.ceoCard,.aboutCeoCard{justify-content:center}.teamBranch:before,.aboutBranch:before{display:none}.branchLabel,.aboutBranchLabel{position:relative!important;left:auto!important;top:auto!important;transform:none!important;display:block;width:max-content;margin:0 auto 16px;font-size:12px;height:auto;line-height:1;padding:7px 12px}.teamMembers,.aboutMembers{position:relative!important;left:auto!important;right:auto!important;top:auto!important;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.teamMember,.aboutMember{width:120px;flex-basis:120px}.teamMember img,.aboutMember img{width:72px;height:72px}.teamMemberName,.aboutMember strong{font-size:12px;line-height:1.2}.teamMemberRole,.aboutMember span{font-size:11px;line-height:1.25;white-space:normal}
  .finalCta,.siteFooter{width:100%;height:auto;overflow:visible}.finalCta{padding:30px 20px}.finalCtaCopy,.finalCtaButtons{position:relative;left:auto;top:auto;width:auto;height:auto}.finalCtaTitle,.finalCtaSubtitle{white-space:normal;font-size:24px;line-height:1.15}.finalCtaSubtitle{font-size:14px;margin-top:10px}.finalCtaButtons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.finalBooking,.finalBooking.usBooking{width:100%;height:58px}
  .siteFooter{padding:34px 20px}.footerBrandLogo,.footerTagline,.footerSocials,.footerColumn,.footerLegal{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto}.footerBrandLogo{width:84px;height:auto}.footerTagline{margin:12px 0;font-size:13px;line-height:1.4;white-space:normal}.footerSocials{margin-bottom:28px}.footerSocial{width:44px;height:44px}.footerColumn{margin:24px 0}.footerHeading{font-size:14px;line-height:1.3;white-space:normal}.footerData,.footerQuickLinks{font-size:13px;line-height:1.5;gap:8px}.footerDataLine{white-space:normal}.footerQuickLinks a{width:auto;min-height:36px}.footerLegal{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:12px;line-height:1.4;white-space:normal}.footerLegalLinks{gap:18px;flex-wrap:wrap}
  .portfolioIndex,.categoriesMain,.categorySection,.featuredCases,.projectsGallery,.projectsClientsBand,.aboutHistory,.aboutMissionVision,.aboutPrinciples,.aboutApproach,.aboutCompanies,.aboutCapabilities,.wifiDefinition,.wifiIncludes,.wifiBenefitsPage,.wifiControl,.wifiModel,.wifiDimensioning,.contactWays,.contactOffices,.contactFormSection,.contactQuick,.supportChoices,.legalContent{width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:34px 20px!important}
  .portfolioIndexInner,.categoryShell,.featuredCasesShell,.projectsGalleryShell,.projectsClientsShell,.aboutHistoryShell,.aboutMissionVisionShell,.aboutPrinciplesShell,.aboutApproachShell,.aboutCompaniesShell,.aboutCapabilitiesShell,.wifiDefinitionShell,.wifiIncludesShell,.wifiBenefitsShell,.wifiControlShell,.wifiModelShell,.wifiDimensioningShell,.contactShell,.contactOfficesIntro,.contactFormShell,.contactQuickShell,.supportChoicesShell,.legalLayout{width:100%!important;max-width:900px;margin:0 auto!important;padding:0!important;transform:none!important}
  .portfolioIndexGrid,.serviceGrid,.premiumGrid,.caseList,.projectsGalleryGrid,.aboutTimeline,.aboutMissionVisionGrid,.aboutPrinciplesList,.aboutProcess,.aboutCompaniesGrid,.aboutCapabilitiesGrid,.wifiIncludesGrid,.wifiBenefitsGrid,.modelConcepts,.contactWaysGrid,.contactOfficeGrid,.contactQuickGrid,.legalContactGrid,.supportCards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
  .portfolioIndexLink,.serviceCard,.premiumService,.caseStudy,.projectGalleryItem,.aboutTimelineItem,.aboutPurposeBlock,.aboutPrinciple,.aboutProcessStep,.aboutCompanyCard,.aboutCapabilityCard,.wifiIncludeCard,.wifiBenefitCard,.modelConcept,.contactWay,.contactOfficeCard,.contactQuickGroup,.supportCard,.legalContactCard{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .categoryHeader,.aboutMissionVisionHeader,.aboutApproachHeader,.aboutCapabilitiesHeader,.contactWaysHead,.contactOfficesHead,.contactQuickHead{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important}
  .serviceCard,.premiumService,.caseStudy,.wifiIncludeCard,.wifiBenefitCard,.supportCard{padding:24px!important}.serviceTitle,.caseTitle{font-size:20px!important;line-height:1.2!important}.serviceDescription,.serviceOutcome,.caseDescription,.caseScope{font-size:15px!important;line-height:1.55!important}
  .caseStudy,.caseStudy.caseReverse,.caseStudy.caseExpanded{grid-template-columns:1fr!important}.caseVisual{min-height:260px}
  .aboutHistoryLead,.cyberLayout,.wifiDefinitionShell,.wifiControlShell,.wifiModelShell,.wifiDimensioningShell,.contactForm{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}.contactField{width:100%}.contactField input,.contactField select,.contactField textarea{width:100%;min-height:48px;font-size:16px}
  .legalLayout{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}.legalArticle{max-width:760px}.legalArticle p,.legalArticle li{font-size:16px!important;line-height:1.65!important}
  .serviceCard div,.premiumService div,.aboutMissionVision div,.aboutPrinciples div,.aboutApproach div,.aboutCompanies div,.supportCard div,.contactFormSection div{height:auto!important;max-height:none!important;overflow:visible!important}
  .portfolioIndexGrid>*,.serviceGrid>*,.premiumGrid>*,.caseList>*,.projectsGalleryGrid>*,.aboutTimeline>*,.aboutMissionVisionGrid>*,.aboutPrinciplesList>*,.aboutProcess>*,.aboutCompaniesGrid>*,.aboutCapabilitiesGrid>*,.wifiIncludesGrid>*,.wifiBenefitsGrid>*,.modelConcepts>*,.contactWaysGrid>*,.contactOfficeGrid>*,.contactQuickGrid>*,.legalContactGrid>*{grid-column:auto!important;grid-row:auto!important;margin-left:0!important;margin-right:0!important;transform:none!important}
  .contactFormIntro{width:auto!important;max-width:100%!important;height:auto!important;transform:none!important}
  .aboutHistoryShell,.aboutMissionVisionShell,.aboutPrinciplesShell,.aboutApproachShell,.aboutCompaniesShell,.aboutCapabilitiesShell,.aboutPresenceIntroInner{display:block!important;grid-template-columns:none!important;width:100%!important;max-width:900px!important;margin:0 auto!important;padding:0!important}
  .aboutPresenceIntroInner{padding:24px 20px!important}
  .supportCard{box-sizing:border-box!important;max-width:100%!important}
  .aboutPresenceIntro{width:100%!important;height:auto!important;overflow:visible!important}
  .aboutMissionVisionHeader>*,.aboutApproachHeader>*,.aboutCapabilitiesHeader>*{width:100%!important;max-width:100%!important;margin-left:0!important;transform:none!important}
  .aboutCompaniesGrid{min-width:0!important}
  .aboutCompanyCard{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
  .aboutMissionVisionHeader .aboutSectionTitle,.aboutCompanyCard p{width:auto!important;max-width:100%!important;white-space:normal!important}
  /* Legibilidad responsive: neutraliza escalas tipográficas del canvas desktop. */
  .wifiEyebrow,.projectsEyebrow,.clientsLabel,.teamEyebrow,.internalEyebrow,
  .portfolioIndexLabel,.categoryEyebrow,.wifiHeroEyebrow,.wifiSectionEyebrow,
  .projectsHeroEyebrow,.projectsGalleryEyebrow,.aboutHeroEyebrow,.aboutSectionEyebrow,
  .contactHeroEyebrow,.contactSectionEyebrow,.supportChoicesEyebrow,.legalIndexTitle{
    font-size:12px!important;line-height:1.3!important
  }
  .portfolioIndexName{font-size:13px!important;line-height:1.25!important}
  .categoryDescription,.wifiSectionIntro,.wifiBenefitCard p,.wifiIncludeCard p,
  .wifiDefinitionCopy p,.wifiControlCopy p,.wifiModelCopy p,.wifiDimensioningCopy p,
  .projectsGalleryIntro,.caseContent p,.caseScope li,.aboutHistoryCopy p,
  .aboutTimelineItem p,.aboutMissionVision p,.aboutPrinciple p,.aboutApproach p,
  .aboutCompanyCard p,.aboutCapabilityCard p,.supportCard p,.contactWaysIntro,
  .contactWay p,.contactOfficesIntro,.contactOfficeCard p,.contactFormIntro,
  .contactQuickIntro,.legalIndex a,.legalIndex li{
    font-size:14px!important;line-height:1.5!important
  }
  .wifiBenefitTag,.caseVisualStatus,.caseClient,.caseScopeLabel,.aboutTimelineIndex,
  .contactWayAction,.supportCardAction{font-size:12px!important;line-height:1.3!important}
  .finalBookingCopy small{font-size:11px!important;line-height:1.2!important}
  .finalBookingCopy strong{font-size:14px!important;line-height:1.2!important}
  .ceoCopy strong,.aboutCeoCopy strong{font-size:13px!important;line-height:1.2!important}
  .ceoCopy span,.aboutCeoCopy span{font-size:12px!important;line-height:1.3!important}
  .flagline{font-size:12px!important;line-height:1.35!important}
  .supportCopy{font-size:11px!important;line-height:1.2!important}
  .capabilityLabel,.productLabel,.wifiDefinitionLabel,.wifiCapabilityLabel{
    font-size:12px!important;line-height:1.3!important
  }
  .capabilityChip,.wifiCapabilityList li{font-size:13px!important;line-height:1.35!important}
  .premiumServiceName{font-size:13px!important;line-height:1.3!important}
  .premiumDescription{font-size:14px!important;line-height:1.5!important}
  .caseMeta span,.galleryAttributionNote{font-size:12px!important;line-height:1.35!important}
  .aboutTimelineItem h3,.aboutPrinciple h3{font-size:13px!important;line-height:1.3!important}
  .aboutCompanyTag{font-size:12px!important;line-height:1.3!important}
  .contactOfficeTag{position:static!important;display:inline-flex;margin:0 0 16px;font-size:12px!important;line-height:1.3!important}
  .contactOfficeLine{font-size:14px!important;line-height:1.45!important}
  .contactOfficeCta{position:static!important;width:auto!important;min-height:44px;margin-top:20px;padding:0 18px;font-size:12px!important;line-height:1.3!important}
  .contactField label{font-size:14px!important;line-height:1.35!important}
  .contactPrivacy,.contactFormStatus{font-size:13px!important;line-height:1.45!important}
  .contactSubmit{min-height:44px;font-size:13px!important}
  .legalContactCard address{font-size:14px!important;line-height:1.5!important}
  .productFamilies li{font-size:13px!important;line-height:1.4!important}
  .premiumOutcome{font-size:13px!important;line-height:1.45!important}
  .wifiControlCopy,.wifiModelCopy{font-size:14px!important;line-height:1.5!important}
  .controlPanelLabel,.wifiModelEyebrow,.wifiDimensioningLabel{
    font-size:12px!important;line-height:1.3!important
  }
  .controlCapability{font-size:13px!important;line-height:1.35!important}
  .modelResult strong{font-size:13px!important;line-height:1.25!important}
  .projectsClientsTitle{font-size:20px!important;line-height:1.2!important}
  .projectsClientsContext{font-size:13px!important;line-height:1.45!important}
  .aboutCapabilitiesIntro,.aboutTeamDescription{font-size:14px!important;line-height:1.5!important}
  .aboutCapabilityCard strong{font-size:13px!important;line-height:1.3!important}
  .aboutTeamEyebrow{font-size:12px!important;line-height:1.3!important}
  .contactQuickGroup h3{font-size:13px!important;line-height:1.3!important}
  .contactQuickLink{font-size:14px!important;line-height:1.45!important;min-height:44px}
  .supportCards>*{min-width:0!important}
  .supportCard p{width:auto!important;max-width:100%!important}
  .supportCardAction{position:relative!important;left:auto!important;bottom:auto!important;min-height:44px;margin-top:18px}
}
@media (max-width:639px){
  .supportTools{grid-template-columns:1fr}.navRight{top:384px}
  .metrics,.solutionGrid,.portfolioIndexGrid,.serviceGrid,.premiumGrid,.caseList,.projectsGalleryGrid,.aboutTimeline,.aboutMissionVisionGrid,.aboutPrinciplesList,.aboutProcess,.aboutCompaniesGrid,.aboutCapabilitiesGrid,.wifiIncludesGrid,.wifiBenefitsGrid,.modelConcepts,.contactWaysGrid,.contactOfficeGrid,.contactQuickGrid,.legalContactGrid,.supportCards,.finalCtaButtons{grid-template-columns:1fr!important}
  .jdCenter{order:2}.metric.market{grid-column:auto}.projectImage{height:210px}
  .heroCopy h1,.internalTitle,.wifiHeroTitle,.projectsHeroTitle,.aboutHeroTitle,.contactHeroTitle{font-size:clamp(32px,10vw,44px)!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu,.projectImage{scroll-behavior:auto}}

/* Carruseles de clientes en responsive: la pista conserva todos los logos y el JS controla el loop. */
@media (max-width:1023px){
  .clientsLogos[data-client-carousel],.projectsClientLogos[data-client-carousel]{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:calc(100% - 82px)!important;height:72px!important;display:block!important;overflow-x:auto!important;scroll-snap-type:none!important;overflow-y:hidden!important;padding:14px 0!important;box-sizing:border-box!important;scrollbar-width:none!important}
  .clientsLogos[data-client-carousel]::-webkit-scrollbar,.projectsClientLogos[data-client-carousel]::-webkit-scrollbar{display:none}
  .clientsLogos .clientTrack,.projectsClientLogos .clientTrack{min-height:42px;gap:24px}
  .clientLogoItem,.projectsClientLogos .clientLogoItem{flex:0 0 116px;width:116px;height:42px}
  .clientLogoImage,.projectsClientLogos .clientLogoImage{max-width:116px;max-height:34px}
  .clientLogoPending{font-size:10px;line-height:12px}
  .controlRollIcon,.projectsClientLogos .controlRollIcon{width:22px;flex-basis:22px}.controlRollWordmark,.projectsClientLogos .controlRollWordmark{font-size:9px;line-height:9px}.controlRollRegistered,.projectsClientLogos .controlRollRegistered{font-size:4.8px}.controlRollTagline,.projectsClientLogos .controlRollTagline{font-size:3.5px;line-height:5px}
  .projectsClients > .clientsArrow{display:grid!important;position:absolute!important;left:auto!important;right:8px!important;top:auto!important;bottom:67px!important;width:30px!important;height:30px!important;z-index:6}
  .projectsClientsBand .clientsArrow{display:grid!important;position:absolute!important;left:auto!important;right:8px!important;top:44px!important;width:30px!important;height:30px!important;z-index:6}
  .projectsClients .projectPause{left:auto!important;right:58px!important;top:198px!important;width:30px!important;height:30px!important}
  .projectsClients > .clientsPause{display:grid!important;position:absolute!important;left:auto!important;right:44px!important;top:auto!important;bottom:69px!important;width:26px!important;height:26px!important;z-index:6}
  .projectsClientsBand .clientsPause{display:grid!important;position:absolute!important;left:auto!important;right:44px!important;top:46px!important;width:26px!important;height:26px!important;z-index:6}
}
@media (prefers-reduced-motion:reduce){.clientsLogos,.projectsClientLogos{scroll-behavior:auto!important}}

/* JD MOBILE NATIVE 2026 */
@media (max-width:639px){
  :root{--mobile-pad:max(20px,env(safe-area-inset-left));--mobile-pad-r:max(20px,env(safe-area-inset-right));--mobile-section:60px}
  html{scroll-padding-top:70px}body{font-size:16px;line-height:1.5}
  #viewport,.stage{width:100%!important;height:auto!important;min-height:0!important;transform:none!important}
  .nav{height:68px;padding:6px var(--mobile-pad-r) 6px var(--mobile-pad)}.brand,.brand img{width:64px!important;height:56px!important;flex-basis:64px}.mobileMenuToggle{width:44px;height:44px}
  .menu,.navRight{left:var(--mobile-pad);right:var(--mobile-pad-r)}.menu{top:64px;padding:12px 16px}.navRight{top:378px;padding:12px;gap:9px}.consult{height:44px}
  .supportTools{margin:6px var(--mobile-pad) 0;grid-template-columns:1fr 1fr!important;gap:8px}.supportTool{height:44px!important;padding:5px 8px}.supportTool>svg{width:21px;height:21px}.supportTool .supportCopy b{font-size:9px!important}.supportTool .supportCopy small{font-size:9px!important}
  .supportPage .supportTools{display:none!important}
  .hero,.innerHero,.wifiPageHero,.projectsPageHero,.aboutHero,.contactHero{padding-bottom:0!important}
  .heroCopy,.internalHeroCopy,.wifiHeroCopy,.projectsHeroCopy,.aboutHeroCopy,.contactHeroCopy{margin:24px var(--mobile-pad) 0!important}
  .heroCopy h1,.internalTitle,.wifiHeroTitle,.projectsHeroTitle,.aboutHeroTitle,.contactHeroTitle{font-size:clamp(34px,9.8vw,40px)!important;line-height:1.01!important;letter-spacing:-.6px!important}
  .heroCopy p,.internalLead,.wifiHeroLead,.projectsHeroLead,.aboutHeroLead,.aboutHeroLeadSecondary,.contactHeroLead,.contactHeroSecondary{font-size:15.5px!important;line-height:1.5!important;margin-top:16px!important}
  .hero .city,.city,.wifiPageVisual,.projectsHeroVisual,.aboutHeroVisual,.contactHeroVisual{height:220px!important;margin:14px 0 0!important;object-fit:cover!important}
  .hero::after,.innerHero::after,.wifiPageHero::after,.projectsPageHero::after,.aboutHero::after,.contactHero::after{pointer-events:none}
  .actions{gap:10px;margin-top:18px}.button,.wifiButton,.teamCta{min-height:44px!important}.benefits{margin:18px 0 20px!important;gap:10px 16px!important;font-size:12.5px!important}
  .metricsWrap{padding:12px var(--mobile-pad)!important}.metrics{padding:10px!important;gap:10px!important}.metric,.metrics>.metric:first-child,.metrics>.metric:nth-child(3),.jdCenter{min-height:126px!important;padding:14px!important}.metricDetail,.metrics>.metric:first-child .metricDetail,.metrics>.metric:nth-child(3) .metricDetail{margin-top:10px!important}
  .solutions{padding:var(--mobile-section) var(--mobile-pad)!important}.solutionGrid{gap:14px!important;margin-top:20px!important}.solutionCard{min-height:0!important;padding:18px!important}.solutionIcon{height:48px!important}.solutionName,.solutionCard:nth-child(4) .solutionName{font-size:18px!important;line-height:1.18!important}.solutionDesc,html[lang=en] .solutionDesc{font-size:15px!important;line-height:1.45!important}
  .wifiSection{padding:56px var(--mobile-pad) 210px!important}.wifiBenefits{gap:10px 14px!important}.wifiBenefits li{font-size:13px!important}.wifiBackdrop{object-fit:cover!important;object-position:68% center!important}
  .projectsClients{padding:56px var(--mobile-pad) 34px!important}.projectsTitle{font-size:27px!important}.projectImage{height:auto!important;aspect-ratio:16/10!important;border-radius:10px}.projectArrow{top:auto!important;bottom:177px!important}.projectPause{top:auto!important;bottom:184px!important}.clientsLabel{margin-top:22px!important}.clientsLogos[data-client-carousel]{width:calc(100% - 78px)!important;height:62px!important;padding:10px 0!important}.projectsClients>.clientsPause{bottom:47px!important}.projectsClients>.clientsArrow{bottom:45px!important}
  .teamSection,.aboutTeamSection{padding:56px var(--mobile-pad)!important}.teamIntro,.aboutTeamIntro{margin-bottom:28px!important}.teamTitle,.aboutTeamTitle{font-size:29px!important}.ceoCard,.aboutCeoCard{margin:16px 0 10px!important}.teamBranch,.aboutBranch{margin:20px 0 0!important;padding-top:0!important}.branchLabel,.aboutBranchLabel{margin-bottom:12px!important}.teamMembers,.aboutMembers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 14px!important}.teamMember,.aboutMember{width:100%!important;min-height:58px!important;flex-basis:auto!important;padding:11px 8px!important;border:1px solid rgba(20,130,195,.28);border-radius:8px;background:rgba(3,24,42,.56)}.teamMemberName,.aboutMember strong{font-size:13px!important}.teamMemberRole,.aboutMember span{font-size:12px!important}
  .finalCta{padding:28px var(--mobile-pad)!important}.finalCtaTitle{font-size:25px!important}.finalCtaButtons{grid-template-columns:1fr!important;gap:10px!important;margin-top:18px!important}.finalBooking,.finalBooking.usBooking{height:54px!important}
  .siteFooter{padding:34px var(--mobile-pad) calc(28px + env(safe-area-inset-bottom))!important}.footerBrandLogo{width:72px!important}.footerTagline{margin:8px 0 12px!important}.footerSocials{margin-bottom:18px!important}.footerSocial{width:42px!important;height:42px!important}.footerColumn{margin:15px 0!important}.footerData,.footerQuickLinks{gap:5px!important;font-size:13px!important;line-height:1.4!important}.footerLegal{margin-top:20px!important;gap:9px!important}
  .portfolioIndex,.categorySection,.featuredCases,.projectsGallery,.projectsClientsBand,.aboutHistory,.aboutMissionVision,.aboutPrinciples,.aboutApproach,.aboutCompanies,.aboutCapabilities,.wifiDefinition,.wifiIncludes,.wifiBenefitsPage,.wifiControl,.wifiModel,.wifiDimensioning,.contactWays,.contactOffices,.contactFormSection,.contactQuick,.supportChoices,.legalContent{padding:var(--mobile-section) var(--mobile-pad)!important}
  .portfolioIndexGrid,.serviceGrid,.premiumGrid,.caseList,.aboutTimeline,.aboutMissionVisionGrid,.aboutPrinciplesList,.aboutProcess,.aboutCompaniesGrid,.aboutCapabilitiesGrid,.wifiIncludesGrid,.wifiBenefitsGrid,.modelConcepts,.contactWaysGrid,.contactOfficeGrid,.contactQuickGrid,.legalContactGrid,.supportCards{gap:14px!important}
  .portfolioIndexLink{min-height:78px!important;padding:14px!important}.categorySection{padding-top:56px!important;padding-bottom:56px!important}.categoryHeader{gap:12px!important}.serviceGrid,.premiumGrid{margin-top:18px!important}.serviceCard,.premiumService{padding:18px!important}.serviceCardTop{height:42px!important}.serviceTitle{font-size:19px!important}.serviceDescription,.premiumDescription{font-size:15px!important;line-height:1.5!important}.serviceOutcome,.premiumOutcome{font-size:12px!important;line-height:1.4!important;padding-top:10px!important}.cyberLayout{gap:16px!important}.capabilityPanel{padding:14px 0 0!important;border-left:0!important;border-top:1px solid rgba(31,157,232,.36)}.capabilityGrid{grid-template-columns:1fr!important}.productFamilies{grid-template-columns:1fr!important}.premiumClaim{font-size:22px!important;line-height:1.15!important}
  .caseList{gap:18px!important}.caseStudy,.caseStudy.caseReverse,.caseStudy.caseExpanded{display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important}.caseVisual.caseVisual--photo{order:0!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;border:0!important;border-bottom:1px solid rgba(17,126,191,.42)!important}.casePhotoComposition{width:100%!important;height:100%!important}.casePhotoFrame{inset:0!important;border-radius:0!important}.caseVisualNumber{font-size:25px!important;right:14px!important;top:12px!important}.casePhotoArc,.casePhotoNode{opacity:.38!important}.caseContent{order:1!important;padding:20px!important}.caseMeta{gap:7px!important;margin-top:12px!important}.caseMeta span{min-height:0!important;padding:6px 9px!important}.caseDescription{margin-top:14px!important}.caseScopeLabel{margin-top:15px!important}.caseScope,.caseExpanded .caseScope{grid-template-columns:1fr!important;gap:6px!important}.caseScope li{min-height:0!important;padding:9px 9px 9px 24px!important}
  .projectsGallery{overflow:hidden!important}.projectsGalleryShell{overflow:visible!important}.projectsGalleryGrid{position:relative!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:14px!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;padding:2px 18px 12px 0!important;scrollbar-width:none!important}.projectsGalleryGrid::-webkit-scrollbar{display:none}.projectGalleryItem,.projectGalleryItem:first-child{flex:0 0 calc(100% - 28px)!important;width:calc(100% - 28px)!important;aspect-ratio:4/3!important;min-height:0!important;scroll-snap-align:start!important;grid-row:auto!important}.projectGalleryItem img{object-fit:cover!important}
  .projectsClientsBand{padding-top:42px!important;padding-bottom:30px!important}.projectsClientLogos[data-client-carousel]{width:calc(100% - 78px)!important;height:62px!important;padding:10px 0!important}.projectsClientsBand .clientsPause{top:auto!important;bottom:37px!important}.projectsClientsBand .clientsArrow{top:auto!important;bottom:35px!important}
  .aboutTimeline{gap:12px!important}.aboutTimelineItem,.aboutPurposeBlock,.aboutPrinciple,.aboutProcessStep,.aboutCompanyCard,.aboutCapabilityCard{padding:18px!important}.aboutProcess{position:relative}.aboutProcessStep{min-height:0!important}.aboutHistoryLead,.wifiDefinitionShell,.wifiControlShell,.wifiModelShell,.wifiDimensioningShell{gap:16px!important}.aboutHistoryCopy p,.aboutMissionVision p,.aboutPrinciple p,.aboutApproach p,.aboutCompanyCard p,.aboutCapabilityCard p{font-size:15px!important;line-height:1.5!important}
  .wifiIncludeCard,.wifiBenefitCard,.modelConcept,.supportCard,.contactWay,.contactOfficeCard,.contactQuickGroup{padding:18px!important}.wifiIncludeCard,.wifiBenefitCard{min-height:0!important}.wifiSectionTitle,.aboutSectionTitle,.contactSectionTitle{font-size:28px!important;line-height:1.12!important}.wifiDefinitionCopy{padding-left:0!important;border-left:0!important}.wifiControlVisual,.wifiModelVisual,.wifiDimensioningVisual{min-height:0!important;width:100%!important}
  .contactOfficeCard{padding:20px!important}.contactAccessShell{display:block!important}.contactAccessGrid{grid-template-columns:1fr!important;gap:12px!important}.contactAccessCard{height:auto!important;min-height:82px!important}.contactForm{gap:14px!important}.contactField input,.contactField select{height:50px!important}.contactField textarea{height:130px!important}.contactSubmit{width:100%!important;min-height:48px!important}.contactPrivacy{align-items:flex-start!important}
  .legalIndex{position:relative!important;top:auto!important;padding:18px!important}.legalArticle p,.legalArticle li{font-size:15px!important;line-height:1.6!important}
}

/* JD HOME MOBILE HERO VISUAL — COMPACT */
@media (max-width:639px){
  .hero .city{height:140px!important;margin-top:10px!important;background-position:center 62%!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 6%,#000 16%,#000 100%)!important;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 6%,#000 16%,#000 100%)!important}
}

/* JD SOLUTIONS UNIFORM STACK — RESPONSIVE */
@media (min-width:640px) and (max-width:1023px){
  .categoryShell{display:block!important}
  .categoryHeader{margin-bottom:0!important}
  .serviceGrid,.premiumGrid{margin-top:20px!important}
}
@media (max-width:639px){
}


/* JD HOME MOBILE METRICS — COMPACT */
@media (max-width:639px){
  .metricsWrap{padding:12px var(--mobile-pad)!important}
  .metrics{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;gap:0!important;padding:18px!important;overflow:hidden!important}
  .metrics>.jdCenter{display:none!important;min-height:0!important;padding:0!important}
  .metric,.metrics>.metric:first-child,.metrics>.metric:nth-child(3),.metric.market{width:100%!important;height:auto!important;min-height:0!important;margin:0 0 10px!important;padding:0 0 10px!important;transform:none!important;border-bottom:1px solid rgba(8,91,155,.16)!important}
  .metrics>.metric:last-child{margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important}
  .metricHead{min-height:38px!important;gap:9px!important}
  .metricIcon,.metricIcon img{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .metricNum,.metrics>.metric:nth-child(1) .metricNum,.metrics>.metric:nth-child(3) .metricNum,.metric.market .metricNum{font-size:39px!important;line-height:1!important;transform:none!important}
  .metricLabel,.metrics>.metric:nth-child(1) .metricLabel,.metrics>.metric:nth-child(3) .metricLabel{font-size:10px!important;line-height:1.25!important;transform:none!important}
  .metricDetail,.metrics>.metric:first-child .metricDetail,.metrics>.metric:nth-child(3) .metricDetail,.metric.market .metricDetail{margin:6px 0 0 47px!important;font-size:10px!important;line-height:1.3!important;transform:none!important}
  .metricDetail strong{font-size:10px!important;line-height:1.25!important;margin-bottom:3px!important}
  .metrics>.metric:first-child .flagline{font-size:9px!important}
}


/* JD HOME MOBILE ALIGNMENT + WIFI FLOW */
@media (max-width:639px){
  .metricsWrap{padding:12px 0!important;box-sizing:border-box!important}
  .metrics{width:calc(100% - 32px)!important;max-width:none!important;margin-inline:auto!important;left:auto!important;right:auto!important;transform:none!important;box-sizing:border-box!important}
  .wifiSection{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;padding:48px var(--mobile-pad) 20px!important;box-sizing:border-box!important;overflow:hidden!important}
  .wifiContent{position:relative!important;z-index:1!important;inset:auto!important;order:1!important;width:100%!important;height:auto!important}
  .wifiBackdrop{position:relative!important;z-index:0!important;inset:auto!important;order:2!important;display:block!important;width:100%!important;height:210px!important;margin:20px 0 0!important;object-fit:cover!important;object-position:68% center!important;border:1px solid rgba(41,186,255,.35)!important;border-radius:10px!important;box-sizing:border-box!important}
}


/* JD MOBILE GLOBAL HEADER + MENU + ALIGNMENT */
@media (max-width:639px){
  .metricHead{display:grid!important;grid-template-columns:38px 58px minmax(0,1fr)!important;align-items:center!important;column-gap:9px!important}
  .metrics>.metric .metricIcon{grid-column:1!important;margin:0!important;transform:none!important}
  .metrics>.metric .metricNum{grid-column:2!important;margin:0!important;transform:none!important}
  .metrics>.metric .metricLabel{grid-column:3!important;margin:0!important;transform:none!important}
  .hero,.innerHero,.wifiPageHero,.projectsPageHero,.aboutHero,.contactHero{display:flex!important;flex-direction:column!important}
  .hero>.nav,.innerHero>.nav,.wifiPageHero>.nav,.projectsPageHero>.nav,.aboutHero>.nav,.contactHero>.nav{order:1!important}
  .hero>.supportTools,.innerHero>.supportTools,.wifiPageHero>.supportTools,.projectsPageHero>.supportTools,.aboutHero>.supportTools,.contactHero>.supportTools{order:2!important}
  .hero>.heroCopy,.innerHero>.internalHeroCopy,.wifiPageHero>.wifiHeroCopy,.projectsPageHero>.projectsHeroCopy,.aboutHero>.aboutHeroCopy,.contactHero>.contactHeroCopy{order:3!important}
  .hero>.city,.innerHero>.city,.wifiPageHero>.wifiPageVisual,.projectsPageHero>.projectsHeroVisual,.aboutHero>.aboutHeroVisual,.contactHero>.contactHeroVisual{order:4!important}
  .nav{position:relative!important;width:100%!important;height:68px!important;margin:0!important;padding:6px 20px!important;inset:auto!important;transform:none!important}
  .mobileMenuToggle{position:absolute!important;top:12px!important;right:20px!important;left:auto!important;width:44px!important;height:44px!important;margin:0!important;transform:none!important;z-index:1003!important}
  body.mobile-menu-open{overflow:hidden!important;touch-action:none}
  body.mobile-menu-open .nav{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1002!important}
  .mobileMenuOverlay{position:fixed!important;inset:0!important;z-index:1000!important;width:100%!important;height:100vh!important;height:100dvh!important;padding:calc(76px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#02080f!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch}
  .mobileMenuOverlay .menu,.mobileMenuOverlay .navRight{display:flex!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:0!important;transform:none!important}
  .mobileMenuOverlay .menu{padding:14px 18px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;border:1px solid #126ca5!important;border-radius:16px 16px 0 0!important;background:#041524!important}
  .mobileMenuOverlay .navRight{padding:14px 18px 18px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;border:1px solid #126ca5!important;border-top:0!important;border-radius:0 0 16px 16px!important;background:#041524!important}
  .mobileMenuOverlay .menu a{width:100%!important;min-height:44px!important}
  .mobileMenuOverlay .locale{display:flex!important;flex-wrap:wrap!important;min-height:44px!important}
  .wifiModel .modelDiagram{position:relative!important;width:calc(100% - 32px)!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:18px 16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;overflow:visible!important;box-sizing:border-box!important}
  .wifiModel .modelLines{display:none!important}
  .wifiModel .modelConcepts{position:relative!important;inset:auto!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important}
  .wifiModel .modelConcept{position:relative!important;width:100%!important;height:auto!important;min-height:74px!important;margin:0!important;padding:12px!important;transform:none!important}
  .wifiModel .modelConcept:not(:last-child){margin-bottom:22px!important}
  .wifiModel .modelConcept:not(:last-child)::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:22px;background:#199be8;transform:translateX(-50%);opacity:.55}
  .wifiModel .modelResult{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(100%,240px)!important;height:70px!important;margin:22px auto 0!important;transform:none!important;flex:0 0 auto!important}
}

@media (max-width:639px){
  html[data-site="usa"] [data-client-static]{overflow-x:auto!important;scroll-snap-type:x proximity!important}
  html[data-site="usa"] [data-client-static] .clientTrack{width:max-content!important;justify-content:flex-start!important;gap:18px!important}
  html[data-site="usa"] [data-client-static] .clientLogoItem{flex:0 0 150px!important;width:150px!important;scroll-snap-align:start!important}
}