/* Banner 3 mobile: copy first, four compact KPIs in a 2x2 grid. */
@media(max-width:700px){
 .hero[data-hero-slider] .hero-slide-growth.is-active{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;min-height:max(560px,calc(100dvh - 125px))!important;height:auto!important;padding-bottom:70px!important;box-sizing:border-box!important}
 .hero[data-hero-slider] .hero-slide-growth.is-active .hero-inner{order:1!important;display:block!important;flex:none!important;min-height:0!important;height:auto!important;width:calc(100% - 28px)!important;max-width:520px!important;margin:0 auto!important;padding:24px 0 0!important;box-sizing:border-box!important}
 .hero-slide-growth .hero-copy{width:100%!important;max-width:none!important}
 .hero-slide-growth .hero-copy h2{font-size:clamp(30px,8.5vw,42px)!important;line-height:1.1!important;margin-bottom:10px!important}
 .hero-slide-growth .hero-copy p{font-size:12px!important;line-height:1.45!important;margin:0 0 15px!important}
 .hero-slide-growth .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 .hero-slide-growth .hero-actions .btn-primary,.hero-slide-growth .hero-actions .hero-secondary{width:100%!important;min-width:0!important;min-height:43px!important;padding:7px 8px!important;font-size:10px!important;white-space:normal!important}
 .hero-slide-growth .earth-kpis{order:2!important;position:relative!important;inset:auto!important;z-index:6!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-content:start!important;width:calc(100% - 28px)!important;max-width:360px!important;margin:clamp(28px,6dvh,56px) auto 0!important;padding:0!important;pointer-events:none}
 .hero-slide-growth .earth-kpi{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:0!important;min-height:64px!important;height:auto!important;padding:10px 8px!important;border-radius:12px!important;box-sizing:border-box!important;animation:none!important;transform:none!important}
 .hero-slide-growth .earth-kpi--control{grid-column:1;grid-row:1}
 .hero-slide-growth .earth-kpi--time{grid-column:1;grid-row:2}
 .hero-slide-growth .earth-kpi--cloud{grid-column:1;grid-row:3}
 .hero-slide-growth .earth-kpi--secure{grid-column:1;grid-row:4}
 .hero-slide-growth .earth-kpi-icon{flex:0 0 27px!important;width:27px!important;height:27px!important}
 .hero-slide-growth .earth-kpi-icon svg{width:16px!important;height:16px!important}
 .hero-slide-growth .earth-kpi-copy strong{font-size:clamp(10px,2.7vw,12px)!important;line-height:1.18!important;margin-bottom:3px!important;overflow-wrap:anywhere}
 .hero-slide-growth .earth-kpi-copy small{font-size:clamp(9px,2.35vw,10px)!important;line-height:1.24!important;overflow-wrap:anywhere}
 .hero-slide-growth .hero-hologram{z-index:2!important;left:50%!important;top:68%!important;width:clamp(230px,75vw,340px)!important;max-width:340px!important;opacity:.7!important;pointer-events:none!important}
 .hero-slide-growth .hero-pagination{z-index:15!important}
}
@media(max-width:380px){
 .hero-slide-growth .earth-kpis{gap:8px!important}
 .hero-slide-growth .earth-kpi{padding:8px 6px!important;gap:5px!important}
 .hero-slide-growth .earth-kpi-icon{flex-basis:24px!important;width:24px!important;height:24px!important}
}

/* Mobile visual parity with hero 2; keep requested single-column cards. */
@media(max-width:700px){
 .hero[data-hero-slider] .hero-slide-growth.is-active .hero-inner{
  width:calc(100% - 20px)!important;max-width:520px!important;
  padding:24px 0 0!important;
 }
 .hero-slide-growth .hero-kicker{
  font-family:var(--font-body)!important;font-size:10px!important;
  font-weight:800!important;letter-spacing:.08em!important;
  line-height:1.4!important;margin-bottom:12px!important;
 }
 .hero-slide-growth .hero-copy h2{
  font-family:var(--font-heading)!important;
  font-size:clamp(32px,8.6vw,43px)!important;font-weight:800!important;
  letter-spacing:-.045em!important;line-height:1.12!important;
  margin:0 0 15px!important;
 }
 .hero-slide-growth .hero-copy p{
  font-family:var(--font-body)!important;font-size:13px!important;
  line-height:1.55!important;margin:0 0 20px!important;
 }
 .hero-slide-growth .hero-actions{gap:9px!important}
 .hero-slide-growth .hero-actions .btn-primary,
 .hero-slide-growth .hero-actions .hero-secondary{
  min-height:46px!important;font-size:11px!important;
  font-family:var(--font-body)!important;font-weight:800!important;
  border-radius:999px!important;
 }
 .hero-slide-growth .earth-kpis{
  width:calc(100% - 48px)!important;max-width:340px!important;
  gap:13px!important;margin:clamp(22px,4dvh,42px) auto 0!important;
 }
 .hero-slide-growth .earth-kpi{
  min-height:66px!important;padding:10px 12px!important;gap:9px!important;
  border-radius:15px!important;
  background:linear-gradient(125deg,rgba(35,10,63,.94),rgba(15,6,39,.91))!important;
  box-shadow:0 8px 23px rgba(7,0,21,.5),0 0 13px var(--earth-glow),inset 0 0 15px var(--earth-glow)!important;
 }
 .hero-slide-growth .earth-kpi-icon{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:9px!important}
 .hero-slide-growth .earth-kpi-icon svg{width:19px!important;height:19px!important}
 .hero-slide-growth .earth-kpi-copy strong{
  font-family:var(--font-heading)!important;font-size:clamp(10px,2.7vw,13px)!important;
  font-weight:800!important;line-height:1.2!important;margin-bottom:3px!important;
 }
 .hero-slide-growth .earth-kpi-copy small{
  font-family:var(--font-body)!important;font-size:clamp(9px,2.2vw,11px)!important;
  line-height:1.25!important;color:#f0e4ff!important;
 }
 .hero-slide-growth .hero-hologram{
  left:50%!important;top:70%!important;width:clamp(230px,72vw,320px)!important;
  max-width:320px!important;opacity:.75!important;z-index:2!important;
 }
}
@media(max-width:380px){
 .hero-slide-growth .earth-kpis{width:calc(100% - 42px)!important;gap:11px!important}
 .hero-slide-growth .earth-kpi{min-height:62px!important;padding:9px!important}
}

/* KPI text sizing in mobile hero 3: compact like the first banner cards. */
@media(max-width:700px){
 .hero-slide-growth .earth-kpi-copy strong{font-size:11px!important;line-height:1.18!important;margin-bottom:3px!important}
 .hero-slide-growth .earth-kpi-copy small{font-size:9px!important;line-height:1.25!important}
}