/* Socialllab / mobile motion opt-in, Safari and accessibility conflict fix.
   Respect system reduced-motion until the visitor explicitly presses PLAY. */
@media(max-width:740px){
 .orb-variant-b .motion-toggle{
   width:70px!important;min-width:70px!important;height:44px!important;
   padding:0 7px!important;gap:8px!important;justify-content:center!important;
   touch-action:manipulation!important;
 }
 .orb-variant-b .motion-toggle::after{
   content:'PAUSE';font:700 9px 'JetBrains Mono',monospace;letter-spacing:.45px;
   color:#F6AE97;
 }
 .orb-variant-b .motion-toggle[aria-pressed="false"]::after{content:'PLAY';color:#D3D6DE}
 .orb-variant-b .motion-toggle[aria-pressed="false"]{border-color:#E6462699!important;background:#231C1C!important}
 .orb-variant-b .motion-toggle[aria-pressed="true"]{border-color:#E64626!important}
 .orb-variant-b .mobile-motion-hint{
   display:none;
   justify-content:space-between;align-items:center;flex-wrap:wrap;
   gap:10px 15px;padding:11px 14px;margin:0 0 9px;
   border:1px solid #E646264d;background:#1B2029;
   color:#BBC4CE;font:600 11px/1.4 Inter,sans-serif;
 }
 .orb-variant-b.motion-off .mobile-motion-hint{display:flex!important}
 .orb-variant-b .mobile-motion-hint-icon{color:#E64626;font-size:17px;vertical-align:-1px;margin-right:4px}
 .orb-variant-b .mobile-motion-play{
   min-height:44px;display:inline-flex;align-items:center;gap:8px;
   padding:7px 13px;border:1px solid #E64626;background:#E64626;
   color:#0E1116;font:700 11px 'JetBrains Mono',monospace;cursor:pointer;
 }
 .orb-variant-b .mobile-motion-play:focus-visible,.orb-variant-b .motion-toggle:focus-visible{
   outline:2px solid #FFF;outline-offset:3px
 }
}
@media(max-width:360px){
 .orb-variant-b .motion-toggle{width:61px!important;min-width:61px!important;gap:5px!important}
 .orb-variant-b .motion-toggle::after{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 /* The universal reduced-motion rule in styles.css disables animation.
    More-specific rules here intentionally restore it only after the
    site's manual motion toggle was enabled. */
 body.orb-variant-b.motion-on .moving-clients .logo-track{
   animation:slide-logos 19s linear infinite!important;
   animation-play-state:running!important;
 }
 body.orb-variant-b.motion-on .moving-clients .logo-lane.reverse .logo-track{
   animation-direction:reverse!important;animation-duration:23s!important;
 }
 body.orb-variant-b.motion-on .moving-clients .logo-lane{overflow:hidden!important}
 body.orb-variant-b.motion-on .moving-clients .logo-set[aria-hidden="true"]{display:flex!important}
 body.orb-variant-b.motion-on .ticker-inner{
   animation:marquee 32s linear infinite!important;animation-play-state:running!important
 }
 body.orb-variant-b.motion-on .cinema-ring{
   animation:cinema-ring-rotate 22s linear infinite!important
 }
 body.orb-variant-b.motion-on .cinema-ring-two{
   animation-duration:30s!important;animation-direction:reverse!important
 }
}
@media(max-width:740px) and (prefers-reduced-motion:reduce){
 body.orb-variant-b.motion-on .moving-clients .logo-track{animation-duration:24s!important}
 body.orb-variant-b.motion-on .moving-clients .logo-lane.reverse .logo-track{animation-duration:27s!important}
}


/* V2 Desktop regression fix for client showcase.
   Mobile-only pause prompt was accidentally visible at desktop sizes. */
.orb-variant-b .mobile-motion-hint{
  display:none!important;
}
@media(max-width:740px){
 .orb-variant-b.motion-off .mobile-motion-hint{
   display:flex!important;
 }
 .orb-variant-b.motion-on .mobile-motion-hint{
   display:none!important;
 }
}
@media(min-width:1025px){
 /* Editorial client showcase: contained, balanced and never full-bleed. */
 .orb-variant-b .clients-v4.container{
   width:min(calc(100% - 96px),1180px)!important;
   max-width:1180px!important;
   margin-left:auto!important;
   margin-right:auto!important;
   padding-top:105px!important;
   padding-bottom:106px!important;
 }
 .orb-variant-b .clients-v4 .proof-intro{
   display:flex!important;
   justify-content:space-between!important;
   align-items:flex-end!important;
   gap:45px!important;
   padding:55px 0 38px!important;
 }
 .orb-variant-b .clients-v4 .proof-intro h2{
   font-size:clamp(68px,6.05vw,96px)!important;
   line-height:.97!important;
   letter-spacing:-.075em!important;
   min-width:0;
 }
 .orb-variant-b .clients-v4 .proof-intro>p{
   max-width:345px!important;
   margin:0 4px 9px 0!important;
   font-size:14px!important;
   line-height:1.78!important;
 }
 .orb-variant-b .clients-v4 .moving-clients{
   width:100%!important;
   max-width:100%!important;
   margin:0!important;
   padding-top:12px!important;
   padding-bottom:18px!important;
   gap:11px!important;
 }
 .orb-variant-b .clients-v4 .moving-clients .logo-card{
   height:88px!important;
   min-height:88px!important;
 }
 .orb-variant-b .clients-v4 .proof-end{
   margin-top:16px!important;
   padding-top:22px!important;
 }
}
@media(min-width:1025px) and (max-width:1190px){
 .orb-variant-b .clients-v4.container{
  width:calc(100% - 70px)!important;
  padding-top:90px!important;
  padding-bottom:95px!important;
 }
 .orb-variant-b .clients-v4 .proof-intro h2{
   font-size:clamp(64px,6.45vw,82px)!important;
 }
 .orb-variant-b .clients-v4 .proof-intro>p{
   max-width:320px!important;
   font-size:13px!important;
 }
}