/* Bridgit Africa mobile improvements. Loaded last to preserve desktop styling. */
@media (max-width:850px){
 html,body{max-width:100%;overflow-x:clip}
 img,svg,video{max-width:100%}
 .site-header{z-index:1000;isolation:isolate}
 .site-nav{position:absolute!important;top:100%!important;left:0!important;right:0!important;bottom:auto!important;height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;z-index:1001;background:#fff!important;box-shadow:0 18px 35px #071c2b26;visibility:hidden;pointer-events:none;transform:translateX(100%)}
 .site-nav.open{visibility:visible;pointer-events:auto;transform:translateX(0)}
 .menu-toggle{position:relative;z-index:1002;cursor:pointer;padding:10px}
 body.mobile-menu-open{overflow:hidden}
 .section,.service-showcase,.training-editorial,.client-logo-section,.product-showcase{padding-top:50px!important;padding-bottom:50px!important}
 .bx-hero{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden}
 .bx-hero-inner{height:auto!important;min-height:0!important;display:block!important;padding-top:62px!important;padding-bottom:34px!important}
 .bx-hero h1{font-size:clamp(36px,9vw,58px)!important;letter-spacing:-.045em!important;line-height:1.08!important;overflow-wrap:normal}
 .bx-hero p{font-size:15px!important;line-height:1.6!important}
 .bx-hero-actions{margin-top:22px!important}
 .bx-hero-actions .bx-button{max-width:100%;width:100%;gap:12px;padding:15px 18px}
 .bx-hero-foot{position:static!important;margin-top:35px!important;gap:12px}
 .bx-side-label,.bx-motion{display:none!important}
 .bx-testimonials{position:relative!important;inset:auto!important;transform:none!important;width:calc(100% - 34px)!important;max-width:none!important;box-sizing:border-box!important;margin:0 auto 22px!important}
 .bx-connect{padding:55px 0!important}
 .bx-system{height:auto!important;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px auto 15px!important}
 .bx-system .bx-wires{display:none!important}
 .bx-system .bx-core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;grid-column:1/-1;grid-row:1;width:150px;height:150px;margin:0 auto 14px;opacity:1!important}
 .bx-system .bx-core img{width:112px}
 .bx-system .bx-chip{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;min-width:0;transform:none!important;padding:13px!important;font-size:12px}
 .bx-system .bx-chip small{max-height:none!important;opacity:1!important;margin-top:6px}
 .bx-path-grid,.services-experience,.training-layout{grid-template-columns:1fr!important;gap:24px!important}
 .bx-answer{grid-template-columns:1fr!important;padding:22px!important}
 .bx-answer-icon,.bx-answer p{grid-column:auto!important;grid-row:auto!important}
 .service-showcase .service-visual{position:relative!important;top:auto!important;min-height:320px!important;height:360px!important;max-height:400px!important;border-radius:50px 12px 12px 12px!important}
 .service-showcase .service-panel{padding:16px 0!important}
 .service-showcase .service-panel-copy h3{font-size:20px!important}
 .client-logo-section .bx-logo-cloud{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-height:none!important;height:auto!important;overflow:visible!important;mask-image:none!important}
 .client-logo-section .bx-logo-cloud .client-logo-item{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;animation:none!important;width:100%!important;height:80px!important;opacity:1!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;padding:9px;box-sizing:border-box;background:#fff;border-radius:10px!important}
 .client-logo-section .bx-logo-cloud .client-logo-item img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
 .training-visual{min-height:320px!important}
 .assessly-hub{padding-right:0!important;padding-bottom:0!important}
 .ah-demo-float{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:calc(100% - 34px)!important;max-width:600px!important;margin:24px auto!important;padding:16px!important;box-sizing:border-box!important}
 .ah-demo-float[hidden]{display:none!important}
 .assessly-hub .ah-system h2{font-size:clamp(28px,7vw,40px)!important;overflow-wrap:anywhere}
 .assessly-hub .ah-system,.assessly-hub .assessly-hero{padding-block:35px!important}
}
@media(max-width:480px){
 .bx-kicker{letter-spacing:1.5px!important;font-size:9px!important}
 .bx-hero h1{font-size:clamp(34px,9.1vw,43px)!important}
 .bx-centre h2,.editorial-heading h2{font-size:clamp(29px,8vw,39px)!important}
 .client-logo-section .bx-logo-cloud{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .service-showcase .service-visual{height:310px!important;min-height:310px!important}
 .bx-system .bx-chip{padding:10px!important;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.site-nav{transition:none!important}}

/* Homepage mobile-only: three continuously scrolling client-logo lanes and paired service cards. */
@media(max-width:850px){
 .bx-home .client-logo-layout{display:block!important}
 .bx-home .client-logo-grid.bx-logo-cloud{display:none!important}
 .bx-home .bx-cloud-controls{display:none!important}
 .bx-mobile-marquee{display:grid;gap:12px;width:100%;overflow:hidden;margin-top:26px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
 .bx-mobile-marquee-row{width:100%;overflow:hidden}
 .bx-mobile-marquee-track{display:flex;width:max-content;gap:12px;animation:bx-mobile-scroll 42s linear infinite;will-change:transform}
 .bx-mobile-marquee-row:nth-child(2) .bx-mobile-marquee-track{animation-direction:reverse;animation-duration:47s}
 .bx-mobile-marquee-row:nth-child(3) .bx-mobile-marquee-track{animation-duration:51s}
 .bx-mobile-marquee-row:hover .bx-mobile-marquee-track{animation-play-state:paused}
 .bx-mobile-logo{flex:0 0 142px;width:142px;height:86px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:13px;box-sizing:border-box}
 .bx-mobile-logo img{width:100%;height:100%;object-fit:contain}
 @keyframes bx-mobile-scroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}
 .bx-home .service-showcase .services-experience{display:block!important;height:auto!important;max-height:none!important}
 .bx-home .service-showcase .service-panels{display:grid!important;gap:14px!important}
 .bx-home .service-showcase .service-panel,.bx-home .service-showcase .service-panel.is-active{display:grid!important;grid-template-columns:minmax(0,40%) minmax(0,60%)!important;align-items:stretch!important;min-height:148px!important;height:auto!important;padding:0!important;border:1px solid #dbe5e7!important;border-radius:14px!important;overflow:hidden;background:#fff!important}
 .bx-home .service-showcase .service-panel:before,.bx-home .service-showcase .service-panel:after{display:none!important}
 .bx-home .service-showcase .service-panel-copy{padding:15px 17px!important;min-width:0!important;box-sizing:border-box}
 .bx-home .service-showcase .service-panel-copy h3{font-size:clamp(15px,3.6vw,20px)!important;margin:0 0 8px!important}
 .bx-home .service-showcase .service-panel-copy p{font-size:12px!important;line-height:1.5!important;margin:0 0 9px!important}
 .bx-home .service-showcase .service-panel-copy a{font-size:12px!important}
 .bx-home .service-showcase .service-visual{display:none!important}
 .bx-mobile-service-image{width:100%;height:100%;min-height:148px;object-fit:cover;display:block}
}
@media(max-width:380px){.bx-home .service-showcase .service-panel,.bx-home .service-showcase .service-panel.is-active{grid-template-columns:36% 64%!important}.bx-home .service-showcase .service-panel-copy{padding:11px!important}}
@media(prefers-reduced-motion:reduce){.bx-mobile-marquee-track{animation:none!important}.bx-mobile-marquee-row{overflow-x:auto}}
