/* ==========================================================
   SSB Digital final responsive visual-flow corrections
   Fixes: home blockchain connected edges, services AI/ML mobile
   bottom collision, and automation mobile map retaining full flow.
   ========================================================== */

/* HOME / BLOCKCHAIN: restore explicit connected edges without label overlap */
body.home-v3 .blockchain-visual{isolation:isolate!important;}
body.home-v3 .blockchain-edge-layer{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  overflow:visible!important;
  opacity:.88!important;
}
body.home-v3 .blockchain-edge-layer .bc-edge-static use,
body.home-v3 .blockchain-edge-layer .bc-edge-static path{
  fill:none!important;
  stroke:url(#bcEdgeRed)!important;
  stroke-width:.42!important;
  stroke-linecap:round!important;
  stroke-dasharray:1.15 1.75!important;
  opacity:.86!important;
  vector-effect:non-scaling-stroke!important;
  animation:bcEdgeFlow 9s linear infinite!important;
}
body.home-v3 .blockchain-edge-layer .bc-edge-static path:nth-last-child(-n+2){
  opacity:.36!important;
  stroke-width:.34!important;
  stroke-dasharray:.9 2.4!important;
}
body.home-v3 .blockchain-edge-layer .bc-edge-packets circle{
  fill:#FE0000!important;
  opacity:.88!important;
  filter:drop-shadow(0 0 6px rgba(254,0,0,.45));
}
body.home-v3 .blockchain-visual .section-globe{z-index:1!important;}
body.home-v3 .blockchain-visual .blockchain-canvas{z-index:2!important;opacity:.74!important;}
body.home-v3 .blockchain-visual .node-label,
body.home-v3 .blockchain-visual .verified-pill{z-index:6!important;}
@keyframes bcEdgeFlow{to{stroke-dashoffset:-22;}}

@media (max-width:760px){
  body.home-v3 .blockchain-edge-layer{
    opacity:.98!important;
    transform:translateZ(0)!important;
  }
  body.home-v3 .blockchain-edge-layer .bc-edge-static use,
  body.home-v3 .blockchain-edge-layer .bc-edge-static path{
    stroke-width:.48!important;
    opacity:.74!important;
  }
  body.home-v3 .blockchain-edge-layer .bc-edge-static path:nth-last-child(-n+2){opacity:.28!important;}
  body.home-v3 .blockchain-visual .blockchain-canvas{opacity:.55!important;}
}
@media (max-width:420px){
  body.home-v3 .blockchain-edge-layer .bc-edge-static use,
  body.home-v3 .blockchain-edge-layer .bc-edge-static path{stroke-width:.54!important;}
}

/* SERVICES / AI ML: preserve internal visual while preventing caption/metric overlap on mobile */
@media (max-width:760px){
  body.services-page [data-visual="ai"] .service-visual-card{
    min-height:760px!important;
    height:auto!important;
    overflow:hidden!important;
  }
  body.services-page [data-visual="ai"] .service-motion-ai.service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="ai"] .premium-motion-ai.service-motion-visual.premium-motion-visual{
    inset:82px 12px 214px!important;
    border-radius:28px!important;
  }
  body.services-page [data-visual="ai"] .premium-ai,
  body.services-page [data-visual="ai"] .premium-visual-shell{
    border-radius:28px!important;
  }
  body.services-page [data-visual="ai"] .premium-titlebar{
    top:12px!important;
    left:12px!important;
    right:12px!important;
    height:48px!important;
    padding-inline:13px!important;
  }
  body.services-page [data-visual="ai"] .premium-titlebar strong{font-size:10px!important;letter-spacing:.08em!important;}
  body.services-page [data-visual="ai"] .premium-status{
    top:66px!important;
    right:12px!important;
    max-width:calc(100% - 24px)!important;
    font-size:9px!important;
    padding-inline:10px!important;
  }
  body.services-page [data-visual="ai"] .premium-scene.scene-ai{
    inset:118px 10px 184px!important;
  }
  body.services-page [data-visual="ai"] .neural-orb{
    width:min(230px,76%)!important;
    top:50%!important;
  }
  body.services-page [data-visual="ai"] .model-chip{
    width:94px!important;
    height:94px!important;
    border-radius:24px!important;
  }
  body.services-page [data-visual="ai"] .model-chip b{font-size:32px!important;}
  body.services-page [data-visual="ai"] .prediction-card{
    width:108px!important;
    top:12%!important;
    right:4%!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  body.services-page [data-visual="ai"] .prediction-card b{font-size:28px!important;}
  body.services-page [data-visual="ai"] .data-ribbon{
    width:118px!important;
    height:48px!important;
  }
  body.services-page [data-visual="ai"] .ribbon-a{left:4%!important;top:18%!important;}
  body.services-page [data-visual="ai"] .ribbon-b{right:4%!important;bottom:12%!important;}
  body.services-page [data-visual="ai"] .premium-caption{
    left:12px!important;
    right:12px!important;
    bottom:126px!important;
    padding:12px 14px!important;
    border-radius:19px!important;
    gap:4px!important;
  }
  body.services-page [data-visual="ai"] .premium-caption small{font-size:9px!important;letter-spacing:.10em!important;}
  body.services-page [data-visual="ai"] .premium-caption b{
    font-size:12px!important;
    line-height:1.22!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.services-page [data-visual="ai"] .premium-chip-row{
    left:12px!important;
    right:12px!important;
    bottom:98px!important;
    gap:6px!important;
  }
  body.services-page [data-visual="ai"] .premium-chip-row span{
    padding:6px 8px!important;
    font-size:8px!important;
  }
  body.services-page [data-visual="ai"] .service-motion-strip.premium-motion-strip{
    left:12px!important;
    right:12px!important;
    bottom:14px!important;
    gap:8px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.services-page [data-visual="ai"] .service-motion-strip .premium-mini-card{
    min-height:76px!important;
    padding:11px 9px!important;
    border-radius:18px!important;
    gap:4px!important;
  }
  body.services-page [data-visual="ai"] .service-motion-strip .premium-mini-card small{font-size:8px!important;}
  body.services-page [data-visual="ai"] .service-motion-strip .premium-mini-card strong{font-size:clamp(20px,7vw,28px)!important;}
  body.services-page [data-visual="ai"] .service-motion-strip .premium-mini-card span{font-size:8px!important;}
}
@media (max-width:380px){
  body.services-page [data-visual="ai"] .service-visual-card{min-height:790px!important;}
  body.services-page [data-visual="ai"] .premium-chip-row span:nth-child(n+3){display:none!important;}
}

/* SERVICES / AUTOMATION: keep the live route diagram visible in responsive, not collapsed into vertical blocks */
@media (max-width:860px){
  body.services-page #automation.automation-v59-native .auto59-os-card{
    padding:16px!important;
    overflow:hidden!important;
  }
  body.services-page #automation.automation-v59-native .auto59-map{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(82px,.78fr) minmax(122px,1.2fr) minmax(82px,.78fr)!important;
    grid-template-areas:"signals core outcomes"!important;
    align-items:center!important;
    gap:8px!important;
    min-height:300px!important;
    padding:6px 0 10px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-route-svg{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    opacity:.72!important;
    transform:none!important;
  }
  body.services-page #automation.automation-v59-native .auto59-signal-stack{
    grid-area:signals!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    z-index:3!important;
  }
  body.services-page #automation.automation-v59-native .auto59-core{
    grid-area:core!important;
    order:initial!important;
    min-height:220px!important;
    z-index:2!important;
  }
  body.services-page #automation.automation-v59-native .auto59-outcome-stack{
    grid-area:outcomes!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    z-index:3!important;
  }
  body.services-page #automation.automation-v59-native .auto59-map-label{
    grid-column:auto!important;
    margin:0 0 4px!important;
    font-size:8px!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
  }
  body.services-page #automation.automation-v59-native .auto59-signal-stack article,
  body.services-page #automation.automation-v59-native .auto59-outcome-stack article{
    min-height:34px!important;
    padding:7px 7px!important;
    gap:6px!important;
    border-radius:11px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-signal-stack article i,
  body.services-page #automation.automation-v59-native .auto59-outcome-stack article i{
    width:13px!important;
    height:13px!important;
    border-radius:5px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-signal-stack b,
  body.services-page #automation.automation-v59-native .auto59-outcome-stack b{
    font-size:8.8px!important;
    line-height:1.05!important;
  }
  body.services-page #automation.automation-v59-native .auto59-orbit.orbit-a{width:min(104%,190px)!important;}
  body.services-page #automation.automation-v59-native .auto59-orbit.orbit-b{width:min(86%,158px)!important;}
  body.services-page #automation.automation-v59-native .auto59-orbit.orbit-c{width:min(66%,126px)!important;}
  body.services-page #automation.automation-v59-native .auto59-core-disc{
    width:118px!important;
    height:118px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-core-disc small{font-size:7.4px!important;}
  body.services-page #automation.automation-v59-native .auto59-core-disc strong{font-size:15px!important;line-height:1.02!important;}
  body.services-page #automation.automation-v59-native .auto59-core-disc span{font-size:8.3px!important;}
}
@media (max-width:560px){
  body.services-page #automation.automation-v59-native .auto59-os-card{padding:14px!important;}
  body.services-page #automation.automation-v59-native .auto59-os-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-live{
    font-size:8px!important;
    padding:7px 9px!important;
    gap:6px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-live i{width:6px!important;height:6px!important;}
  body.services-page #automation.automation-v59-native .auto59-map{
    grid-template-columns:minmax(68px,.74fr) minmax(112px,1.26fr) minmax(68px,.74fr)!important;
    gap:5px!important;
    min-height:286px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-route-svg{opacity:.55!important;}
  body.services-page #automation.automation-v59-native .auto59-signal-stack article,
  body.services-page #automation.automation-v59-native .auto59-outcome-stack article{
    padding:6px!important;
    min-height:32px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-signal-stack b,
  body.services-page #automation.automation-v59-native .auto59-outcome-stack b{
    font-size:7.7px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.services-page #automation.automation-v59-native .auto59-core{min-height:205px!important;}
  body.services-page #automation.automation-v59-native .auto59-core-disc{
    width:104px!important;
    height:104px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-flow{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    padding:9px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-flow article{
    min-height:96px!important;
    padding:9px 7px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-flow small{font-size:8px!important;}
  body.services-page #automation.automation-v59-native .auto59-step-icon{width:32px!important;height:32px!important;border-radius:12px!important;margin:6px 0!important;}
  body.services-page #automation.automation-v59-native .auto59-step-icon::before{width:16px!important;height:16px!important;}
  body.services-page #automation.automation-v59-native .auto59-flow b{font-size:8.3px!important;}
  body.services-page #automation.automation-v59-native .auto59-flow p{font-size:0!important;line-height:0!important;}
}
@media (max-width:380px){
  body.services-page #automation.automation-v59-native .auto59-map{
    grid-template-columns:62px minmax(100px,1fr) 62px!important;
    gap:4px!important;
  }
  body.services-page #automation.automation-v59-native .auto59-signal-stack b,
  body.services-page #automation.automation-v59-native .auto59-outcome-stack b{font-size:7px!important;}
  body.services-page #automation.automation-v59-native .auto59-core-disc{width:96px!important;height:96px!important;}
  body.services-page #automation.automation-v59-native .auto59-core-disc strong{font-size:13px!important;}
}

/* SERVICES / CAPABILITY CHARTS: responsive containment for the user-reported charts */
body.services-page [data-visual="modernization"] .service-visual-card,
body.services-page [data-visual="ai"] .service-visual-card,
body.services-page [data-visual="blockchain"] .service-visual-card,
body.services-page [data-visual="enterprise"] .service-visual-card,
body.services-page [data-visual="software"] .service-visual-card{
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

body.services-page [data-visual="modernization"] .service-motion-visual.premium-motion-visual,
body.services-page [data-visual="ai"] .service-motion-visual.premium-motion-visual,
body.services-page [data-visual="blockchain"] .service-motion-visual.premium-motion-visual,
body.services-page [data-visual="enterprise"] .service-motion-visual.premium-motion-visual,
body.services-page [data-visual="software"] .service-motion-visual.premium-motion-visual{
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
}

body.services-page [data-visual="modernization"] .premium-visual-shell,
body.services-page [data-visual="ai"] .premium-visual-shell,
body.services-page [data-visual="blockchain"] .premium-visual-shell,
body.services-page [data-visual="enterprise"] .premium-visual-shell,
body.services-page [data-visual="software"] .premium-visual-shell{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body.services-page [data-visual="modernization"] .premium-scene,
body.services-page [data-visual="ai"] .premium-scene,
body.services-page [data-visual="blockchain"] .premium-scene,
body.services-page [data-visual="enterprise"] .premium-scene,
body.services-page [data-visual="software"] .premium-scene{
  box-sizing:border-box!important;
  max-width:100%!important;
}

body.services-page [data-visual="modernization"] .premium-mini-card,
body.services-page [data-visual="ai"] .premium-mini-card,
body.services-page [data-visual="blockchain"] .premium-mini-card,
body.services-page [data-visual="enterprise"] .premium-mini-card,
body.services-page [data-visual="software"] .premium-mini-card{
  min-width:0!important;
  min-height:86px!important;
  overflow:hidden!important;
  align-content:center!important;
}

body.services-page [data-visual="modernization"] .service-motion-strip .premium-mini-card,
body.services-page [data-visual="ai"] .service-motion-strip .premium-mini-card,
body.services-page [data-visual="blockchain"] .service-motion-strip .premium-mini-card,
body.services-page [data-visual="enterprise"] .service-motion-strip .premium-mini-card,
body.services-page [data-visual="software"] .service-motion-strip .premium-mini-card{
  min-height:clamp(92px,7vw,104px)!important;
}

body.services-page [data-visual="modernization"] .premium-mini-card small,
body.services-page [data-visual="modernization"] .premium-mini-card strong,
body.services-page [data-visual="modernization"] .premium-mini-card span,
body.services-page [data-visual="ai"] .premium-mini-card small,
body.services-page [data-visual="ai"] .premium-mini-card strong,
body.services-page [data-visual="ai"] .premium-mini-card span,
body.services-page [data-visual="blockchain"] .premium-mini-card small,
body.services-page [data-visual="blockchain"] .premium-mini-card strong,
body.services-page [data-visual="blockchain"] .premium-mini-card span,
body.services-page [data-visual="enterprise"] .premium-mini-card small,
body.services-page [data-visual="enterprise"] .premium-mini-card strong,
body.services-page [data-visual="enterprise"] .premium-mini-card span,
body.services-page [data-visual="software"] .premium-mini-card small,
body.services-page [data-visual="software"] .premium-mini-card strong,
body.services-page [data-visual="software"] .premium-mini-card span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.services-page [data-visual="modernization"] .premium-mini-card strong,
body.services-page [data-visual="ai"] .premium-mini-card strong,
body.services-page [data-visual="blockchain"] .premium-mini-card strong,
body.services-page [data-visual="enterprise"] .premium-mini-card strong,
body.services-page [data-visual="software"] .premium-mini-card strong{
  font-size:clamp(18px,2vw,24px)!important;
}

body.services-page [data-visual="modernization"] .premium-mini-card span,
body.services-page [data-visual="ai"] .premium-mini-card span,
body.services-page [data-visual="blockchain"] .premium-mini-card span,
body.services-page [data-visual="enterprise"] .premium-mini-card span,
body.services-page [data-visual="software"] .premium-mini-card span{
  font-size:10px!important;
  line-height:1.12!important;
}

body.services-page [data-visual="ai"] .neural-orb{
  left:48%!important;
}

@media (max-width:1180px) and (min-width:761px){
  body.services-page [data-visual="modernization"] .service-visual-card,
  body.services-page [data-visual="ai"] .service-visual-card,
  body.services-page [data-visual="blockchain"] .service-visual-card,
  body.services-page [data-visual="enterprise"] .service-visual-card,
  body.services-page [data-visual="software"] .service-visual-card{
    min-height:640px!important;
  }

  body.services-page [data-visual="modernization"] .service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="ai"] .service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="blockchain"] .service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="enterprise"] .service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="software"] .service-motion-visual.premium-motion-visual{
    inset:82px 18px 136px!important;
  }

  body.services-page [data-visual="modernization"] .premium-scene,
  body.services-page [data-visual="ai"] .premium-scene,
  body.services-page [data-visual="blockchain"] .premium-scene,
  body.services-page [data-visual="enterprise"] .premium-scene,
  body.services-page [data-visual="software"] .premium-scene{
    inset:90px 16px 132px!important;
    transform:scale(.94)!important;
    transform-origin:center center!important;
  }

  body.services-page [data-visual="modernization"] .premium-motion-strip,
  body.services-page [data-visual="ai"] .premium-motion-strip,
  body.services-page [data-visual="blockchain"] .premium-motion-strip,
  body.services-page [data-visual="enterprise"] .premium-motion-strip,
  body.services-page [data-visual="software"] .premium-motion-strip{
    bottom:20px!important;
  }
}

@media (max-width:760px){
  body.services-page [data-visual="modernization"] .service-visual-card,
  body.services-page [data-visual="blockchain"] .service-visual-card,
  body.services-page [data-visual="enterprise"] .service-visual-card,
  body.services-page [data-visual="software"] .service-visual-card{
    min-height:740px!important;
  }

  body.services-page [data-visual="ai"] .service-visual-card{
    min-height:800px!important;
  }

  body.services-page [data-visual="modernization"] .service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="ai"] .service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="blockchain"] .service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="enterprise"] .service-motion-visual.premium-motion-visual,
  body.services-page [data-visual="software"] .service-motion-visual.premium-motion-visual{
    inset:76px 12px 132px!important;
    border-radius:24px!important;
  }

  body.services-page [data-visual="modernization"] .premium-titlebar,
  body.services-page [data-visual="ai"] .premium-titlebar,
  body.services-page [data-visual="blockchain"] .premium-titlebar,
  body.services-page [data-visual="enterprise"] .premium-titlebar,
  body.services-page [data-visual="software"] .premium-titlebar{
    top:12px!important;
    left:12px!important;
    right:12px!important;
    height:44px!important;
    padding-inline:12px!important;
  }

  body.services-page [data-visual="modernization"] .premium-status,
  body.services-page [data-visual="ai"] .premium-status,
  body.services-page [data-visual="blockchain"] .premium-status,
  body.services-page [data-visual="enterprise"] .premium-status,
  body.services-page [data-visual="software"] .premium-status{
    top:64px!important;
    right:12px!important;
    max-width:calc(100% - 24px)!important;
    min-height:32px!important;
    padding-inline:10px!important;
    font-size:8.5px!important;
  }

  body.services-page [data-visual="modernization"] .premium-scene,
  body.services-page [data-visual="ai"] .premium-scene,
  body.services-page [data-visual="blockchain"] .premium-scene,
  body.services-page [data-visual="enterprise"] .premium-scene,
  body.services-page [data-visual="software"] .premium-scene{
    inset:108px 10px 124px!important;
    transform:none!important;
  }

  body.services-page [data-visual="modernization"] .premium-caption,
  body.services-page [data-visual="ai"] .premium-caption,
  body.services-page [data-visual="blockchain"] .premium-caption,
  body.services-page [data-visual="enterprise"] .premium-caption,
  body.services-page [data-visual="software"] .premium-caption{
    left:12px!important;
    right:12px!important;
    bottom:52px!important;
    padding:12px!important;
    border-radius:18px!important;
    gap:4px!important;
  }

  body.services-page [data-visual="modernization"] .premium-caption b,
  body.services-page [data-visual="ai"] .premium-caption b,
  body.services-page [data-visual="blockchain"] .premium-caption b,
  body.services-page [data-visual="enterprise"] .premium-caption b,
  body.services-page [data-visual="software"] .premium-caption b{
    font-size:12px!important;
    line-height:1.22!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body.services-page [data-visual="modernization"] .premium-chip-row,
  body.services-page [data-visual="ai"] .premium-chip-row,
  body.services-page [data-visual="blockchain"] .premium-chip-row,
  body.services-page [data-visual="enterprise"] .premium-chip-row,
  body.services-page [data-visual="software"] .premium-chip-row{
    left:12px!important;
    right:12px!important;
    bottom:16px!important;
    gap:6px!important;
  }

  body.services-page [data-visual="modernization"] .premium-chip-row span,
  body.services-page [data-visual="ai"] .premium-chip-row span,
  body.services-page [data-visual="blockchain"] .premium-chip-row span,
  body.services-page [data-visual="enterprise"] .premium-chip-row span,
  body.services-page [data-visual="software"] .premium-chip-row span{
    padding:6px 8px!important;
    font-size:7.8px!important;
    letter-spacing:.04em!important;
  }

  body.services-page [data-visual="modernization"] .service-motion-strip.premium-motion-strip,
  body.services-page [data-visual="ai"] .service-motion-strip.premium-motion-strip,
  body.services-page [data-visual="blockchain"] .service-motion-strip.premium-motion-strip,
  body.services-page [data-visual="enterprise"] .service-motion-strip.premium-motion-strip,
  body.services-page [data-visual="software"] .service-motion-strip.premium-motion-strip{
    left:12px!important;
    right:12px!important;
    bottom:24px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.services-page [data-visual="modernization"] .service-motion-strip .premium-mini-card,
  body.services-page [data-visual="ai"] .service-motion-strip .premium-mini-card,
  body.services-page [data-visual="blockchain"] .service-motion-strip .premium-mini-card,
  body.services-page [data-visual="enterprise"] .service-motion-strip .premium-mini-card,
  body.services-page [data-visual="software"] .service-motion-strip .premium-mini-card{
    min-height:78px!important;
    padding:10px 8px!important;
    border-radius:17px!important;
  }

  body.services-page [data-visual="modernization"] .premium-mini-card span,
  body.services-page [data-visual="ai"] .premium-mini-card span,
  body.services-page [data-visual="blockchain"] .premium-mini-card span,
  body.services-page [data-visual="enterprise"] .premium-mini-card span,
  body.services-page [data-visual="software"] .premium-mini-card span{
    display:none!important;
  }

  body.services-page [data-visual="modernization"] .premium-mini-card small,
  body.services-page [data-visual="ai"] .premium-mini-card small,
  body.services-page [data-visual="blockchain"] .premium-mini-card small,
  body.services-page [data-visual="enterprise"] .premium-mini-card small,
  body.services-page [data-visual="software"] .premium-mini-card small{font-size:7.5px!important;letter-spacing:.05em!important;}

  body.services-page [data-visual="modernization"] .premium-mini-card strong,
  body.services-page [data-visual="ai"] .premium-mini-card strong,
  body.services-page [data-visual="blockchain"] .premium-mini-card strong,
  body.services-page [data-visual="enterprise"] .premium-mini-card strong,
  body.services-page [data-visual="software"] .premium-mini-card strong{font-size:clamp(16px,5.6vw,22px)!important;}
}

@media (max-width:760px){
  body.services-page [data-visual="modernization"] .legacy-tower{left:5%!important;top:25%!important;width:100px!important;height:132px!important;padding:12px!important;border-radius:20px!important;}
  body.services-page [data-visual="modernization"] .legacy-tower b{font-size:18px!important;}
  body.services-page [data-visual="modernization"] .api-bridge{left:40%!important;top:48%!important;width:82px!important;height:70px!important;padding:11px!important;border-radius:19px!important;}
  body.services-page [data-visual="modernization"] .api-bridge b{font-size:17px!important;}
  body.services-page [data-visual="modernization"] .cloud-cluster{right:3%!important;top:18%!important;width:130px!important;height:108px!important;padding:14px!important;border-radius:26px!important;}
  body.services-page [data-visual="modernization"] .cloud-cluster b{font-size:18px!important;}
  body.services-page [data-visual="modernization"] .cloud-cluster i{width:34px!important;height:24px!important;}
  body.services-page [data-visual="modernization"] .pod{width:42px!important;height:32px!important;border-radius:13px!important;}
  body.services-page [data-visual="modernization"] .pod-a{left:27%!important;top:14%!important;}
  body.services-page [data-visual="modernization"] .pod-b{right:19%!important;bottom:19%!important;}
  body.services-page [data-visual="modernization"] .pod-c{left:18%!important;bottom:11%!important;}

  body.services-page [data-visual="ai"] .neural-orb{width:min(170px,60%)!important;left:48%!important;top:53%!important;}
  body.services-page [data-visual="ai"] .model-chip{width:92px!important;height:92px!important;border-radius:24px!important;}
  body.services-page [data-visual="ai"] .prediction-card{width:100px!important;top:13%!important;right:4%!important;padding:11px!important;border-radius:18px!important;}
  body.services-page [data-visual="ai"] .prediction-card b{font-size:26px!important;}
  body.services-page [data-visual="ai"] .data-ribbon{width:112px!important;height:44px!important;}
  body.services-page [data-visual="ai"] .ribbon-a{left:4%!important;top:20%!important;}
  body.services-page [data-visual="ai"] .ribbon-b{right:5%!important;bottom:15%!important;}

  body.services-page [data-visual="blockchain"] .ledger-block{width:68px!important;height:68px!important;}
  body.services-page [data-visual="blockchain"] .ledger-block b{font-size:15px!important;}
  body.services-page [data-visual="blockchain"] .ledger-block small{font-size:8px!important;}
  body.services-page [data-visual="blockchain"] .b1{left:3%!important;top:44%!important;}
  body.services-page [data-visual="blockchain"] .b2{left:23%!important;top:25%!important;}
  body.services-page [data-visual="blockchain"] .b3{left:47%!important;top:45%!important;}
  body.services-page [data-visual="blockchain"] .b4{right:3%!important;top:27%!important;}
  body.services-page [data-visual="blockchain"] .validator-vault{width:112px!important;height:112px!important;border-radius:30px!important;left:62%!important;top:63%!important;}
  body.services-page [data-visual="blockchain"] .validator-vault b{font-size:22px!important;}

  body.services-page [data-visual="enterprise"] .enterprise-core-premium{width:110px!important;height:92px!important;border-radius:26px!important;top:61%!important;}
  body.services-page [data-visual="enterprise"] .enterprise-core-premium b{font-size:14px!important;line-height:.98!important;}
  body.services-page [data-visual="enterprise"] .enterprise-core-premium span{display:none!important;}
  body.services-page [data-visual="enterprise"] .enterprise-sys{width:56px!important;height:48px!important;border-radius:16px!important;}
  body.services-page [data-visual="enterprise"] .enterprise-sys b{font-size:13px!important;}
  body.services-page [data-visual="enterprise"] .sys-1{left:8%!important;top:30%!important;}
  body.services-page [data-visual="enterprise"] .sys-2{right:8%!important;top:30%!important;}
  body.services-page [data-visual="enterprise"] .sys-3{left:3%!important;bottom:31%!important;}
  body.services-page [data-visual="enterprise"] .sys-4{right:1%!important;bottom:31%!important;}
  body.services-page [data-visual="enterprise"] .sys-5{left:40%!important;top:13%!important;}
  body.services-page [data-visual="enterprise"] .sys-6{left:19%!important;bottom:11%!important;}

  body.services-page [data-visual="software"] .code-glass{left:5%!important;top:17%!important;width:142px!important;height:132px!important;padding:14px!important;border-radius:22px!important;}
  body.services-page [data-visual="software"] .rocket{right:4%!important;top:14%!important;width:72px!important;height:142px!important;}
  body.services-page [data-visual="software"] .delivery-pipeline{left:42%!important;right:4%!important;bottom:23%!important;gap:7px!important;}
  body.services-page [data-visual="software"] .delivery-pipeline article{min-height:62px!important;border-radius:17px!important;}
  body.services-page [data-visual="software"] .delivery-pipeline b{font-size:20px!important;}
  body.services-page [data-visual="software"] .release-card{left:5%!important;bottom:12%!important;width:112px!important;padding:12px!important;border-radius:18px!important;}
  body.services-page [data-visual="software"] .release-card b{font-size:32px!important;}
}

@media (max-width:390px){
  body.services-page [data-visual="modernization"] .service-visual-card,
  body.services-page [data-visual="blockchain"] .service-visual-card,
  body.services-page [data-visual="enterprise"] .service-visual-card,
  body.services-page [data-visual="software"] .service-visual-card{min-height:760px!important;}

  body.services-page [data-visual="ai"] .service-visual-card{min-height:820px!important;}
  body.services-page [data-visual="modernization"] .premium-chip-row span:nth-child(n+3),
  body.services-page [data-visual="ai"] .premium-chip-row span:nth-child(n+3),
  body.services-page [data-visual="blockchain"] .premium-chip-row span:nth-child(n+3),
  body.services-page [data-visual="enterprise"] .premium-chip-row span:nth-child(n+3),
  body.services-page [data-visual="software"] .premium-chip-row span:nth-child(n+3){display:none!important;}
}

/* SERVICES / BPS Control Tower: make the native control chart expand instead of clipping on phones */
body.services-page #bps.bps62-native,
body.services-page #bps.bps62-native *{
  min-width:0!important;
  box-sizing:border-box!important;
}

body.services-page #bps.bps62-native .bps62-studio,
body.services-page #bps.bps62-native .bps62-control-card{
  max-width:100%!important;
}

@media (max-width:560px){
  body.services-page #bps.bps62-native .bps62-studio{
    overflow:visible!important;
  }

  body.services-page #bps.bps62-native .bps62-control-card{
    overflow:visible!important;
    padding:14px!important;
  }

  body.services-page #bps.bps62-native .bps62-command-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }

  body.services-page #bps.bps62-native .bps62-flow-lab{
    display:grid!important;
    gap:14px!important;
    min-height:auto!important;
    overflow:visible!important;
    padding:14px!important;
  }

  body.services-page #bps.bps62-native .bps62-flow-lab::before{
    inset:0!important;
  }

  body.services-page #bps.bps62-native .bps62-sla-orb{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:122px!important;
    height:122px!important;
    transform:none!important;
    margin:0 auto!important;
  }

  body.services-page #bps.bps62-native .bps62-stage-row{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }

  body.services-page #bps.bps62-native .bps62-stage-row article{
    min-height:70px!important;
    padding:11px 12px!important;
  }

  body.services-page #bps.bps62-native .bps62-metric-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }

  body.services-page #bps.bps62-native .bps62-metric-grid article{
    min-height:72px!important;
    padding:12px!important;
  }

  body.services-page #bps.bps62-native .bps62-metric-grid strong{
    font-size:clamp(21px,7vw,26px)!important;
  }
}