/* Targeted mobile corrections based on banner 1 vs banner 3 screenshots. */
@media(max-width:700px){
 /* Banner 1 must include all four cards and the pagination within its height. */
 .hero[data-hero-slider] .hero-slide-brand.is-active{
  height:auto!important;min-height:0!important;
 }
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-inner{
  height:auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;align-items:stretch!important;
  gap:20px!important;padding-top:26px!important;padding-bottom:90px!important;
  box-sizing:border-box!important;
 }
 .hero-slide-brand .hero-float-list{
  position:relative!important;inset:auto!important;left:auto!important;
  right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;flex:0 0 auto!important;
  width:100%!important;max-width:100%!important;
  display:flex!important;flex-direction:column!important;gap:10px!important;
  margin:0!important;padding:0!important;
 }
 .hero-slide-brand .hero-float{
  position:relative!important;inset:auto!important;
  width:100%!important;max-width:100%!important;
  min-height:72px!important;padding:10px 12px!important;
  box-sizing:border-box!important;
 }
 .hero[data-hero-slider] .hero-pagination{
  position:absolute!important;bottom:16px!important;top:auto!important;
  left:50%!important;transform:translateX(-50%)!important;
  z-index:20!important;margin:0!important;
 }
 /* Transparent arrow controls, including border. */
 .hero[data-hero-slider] .hero-side-arrow{
  background:rgba(12,7,30,.08)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:rgba(255,255,255,.78)!important;
  box-shadow:none!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
 }
 .hero[data-hero-slider] .hero-side-arrow:hover,
 .hero[data-hero-slider] .hero-side-arrow:focus-visible{
  background:rgba(255,104,29,.78)!important;
  border-color:rgba(255,170,112,.68)!important;color:#fff!important;
 }
 /* Banner 3 KPI typography follows the first banner's mobile card scale. */
 .hero-slide-growth .earth-kpi-copy strong{
  font-size:clamp(13px,3.7vw,15px)!important;
  font-weight:800!important;line-height:1.23!important;margin-bottom:4px!important;
 }
 .hero-slide-growth .earth-kpi-copy small{
  font-size:clamp(11px,3vw,13px)!important;line-height:1.34!important;
 }
 .hero-slide-growth .earth-kpi{
  min-height:77px!important;padding:11px 13px!important;gap:11px!important;
 }
 .hero-slide-growth .earth-kpi-icon{
  flex-basis:36px!important;width:36px!important;height:36px!important;
 }
 .hero-slide-growth .earth-kpi-icon svg{width:21px!important;height:21px!important}
}

/* Slightly compact banner 1 KPI cards to leave breathing room above dots. */
@media(max-width:700px){
 .hero-slide-brand .hero-float-list{gap:8px!important}
 .hero-slide-brand .hero-float{min-height:64px!important;padding:8px 11px!important;gap:10px!important}
 .hero-slide-brand .hero-float .float-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
 .hero-slide-brand .hero-float b{font-size:clamp(12px,3.25vw,14px)!important;line-height:1.18!important}
 .hero-slide-brand .hero-float small{font-size:clamp(10px,2.65vw,12px)!important;line-height:1.25!important}
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-inner{gap:16px!important;padding-bottom:86px!important}
}

/* Banner 2: modest mobile KPI size increase, without moving the robot. */
@media(max-width:700px){
 .hero-slide-ai .ai-workflow .ai-workflow-node{
  min-height:76px!important;padding:11px 10px!important;gap:9px!important;
 }
 .hero-slide-ai .ai-workflow .ai-workflow-node strong{font-size:13px!important;line-height:1.2!important}
 .hero-slide-ai .ai-workflow .ai-workflow-node small{font-size:10px!important;line-height:1.3!important}
}