/* Socialllab Option B staging theme refinements */
.orb-variant-b .moving-clients{display:flex;flex-direction:column;gap:14px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.orb-variant-b .logo-lane{overflow:hidden;width:100%}
.orb-variant-b .logo-track{display:flex;width:max-content;animation:slide-logos 36s linear infinite;will-change:transform}
.orb-variant-b .logo-lane.reverse .logo-track{animation-direction:reverse;animation-duration:41s}
.orb-variant-b .logo-lane:hover .logo-track{animation-play-state:paused}
.orb-variant-b .logo-set{display:flex;gap:13px;flex:none;padding-right:13px}
.orb-variant-b .logo-card{flex:0 0 185px;min-height:115px;background:#E7E7E5;border:1px solid #fff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px;transition:background .3s}
.orb-variant-b .logo-card img{max-width:145px;width:100%;height:58px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .3s,opacity .3s,transform .3s}
.orb-variant-b .logo-card span{font:600 9px Inter;color:#72747A}
.orb-variant-b .logo-card:hover{background:#F7F5F0;border-color:#E6462660}
.orb-variant-b .logo-card:hover img{filter:grayscale(0);opacity:1;transform:scale(1.07)}
@keyframes slide-logos{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.orb-variant-b .visual-work-head,.orb-variant-b .visual-work-track{display:none!important}
.orb-variant-b .idea-v4-panel{background:#17202A!important;border:1px solid #E6462664!important;border-radius:16px!important;padding:2px!important}
.orb-variant-b #socialllab-idea-lab{--sil-bg:#151C26;--sil-bg-2:#0E1116;--sil-text:#F7F5F0;--sil-muted:#AAB5C3;--sil-border:#ffffff30;--sil-accent:#111720;background:linear-gradient(140deg,#1B2531,#0E1116 75%)!important;color:#F7F5F0!important;overflow:visible!important;border-radius:14px}
.orb-variant-b #socialllab-idea-lab h2{color:#F7F5F0!important}
.orb-variant-b #socialllab-idea-lab .sil-subtitle{color:#B4BECA}
.orb-variant-b #socialllab-idea-lab .sil-label{color:#B5C0CD}
.orb-variant-b #socialllab-idea-lab .sil-form input{background:#151C26!important;border:1px solid #ffffff3a!important;color:#F7F5F0!important;border-radius:5px}
.orb-variant-b #socialllab-idea-lab .sil-form input::placeholder{color:#8F9AAC}
.orb-variant-b #socialllab-idea-lab .sil-map{background:radial-gradient(circle at 50% 50%,#E646261b,transparent 40%),linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px),#111821!important;background-size:auto,58px 58px,58px 58px,auto!important;min-height:680px;border:1px solid #ffffff28!important;border-radius:14px!important}
.orb-variant-b #socialllab-idea-lab .sil-map::before{border-color:#E646263d}
.orb-variant-b #socialllab-idea-lab .sil-center{width:308px;min-height:308px;aspect-ratio:1;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:block;overflow:visible}
.orb-variant-b #socialllab-idea-lab .idea-cloud{position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,#E646261a,transparent 65%);filter:drop-shadow(0 0 24px #E6462661);pointer-events:none}
.orb-variant-b #socialllab-idea-lab .idea-cloud canvas{width:100%;height:100%;display:block}
.orb-variant-b #socialllab-idea-lab .idea-cloud-label{position:absolute;bottom:-9px;left:0;right:0;z-index:2;background:#141D26db;border:1px solid #E6462655;border-radius:8px;backdrop-filter:blur(12px);padding:10px 12px}
.orb-variant-b #socialllab-idea-lab .idea-cloud-label strong{font:700 14px 'Space Grotesk';color:#F7F5F0;max-width:none;margin:0 0 5px;overflow-wrap:anywhere;text-transform:uppercase}
.orb-variant-b #socialllab-idea-lab .idea-cloud-label span{font:500 10px/1.35 Inter;color:#B7C1CD;max-height:32px}
.orb-variant-b #socialllab-idea-lab .sil-node{background:#1C2633e9!important;color:#F7F5F0!important;border:1px solid #E6462653!important;box-shadow:0 16px 45px #0007!important;border-radius:12px!important;animation:none!important}
.orb-variant-b #socialllab-idea-lab .sil-node:hover{border-color:#E64626!important}
.orb-variant-b #socialllab-idea-lab .sil-node h3{color:#F7F5F0}
.orb-variant-b #socialllab-idea-lab .sil-node p,.orb-variant-b #socialllab-idea-lab .sil-node ul{color:#B5C0CD}
.orb-variant-b #socialllab-idea-lab .sil-reveal{background:#1D2733;color:#F7F5F0;border:1px solid #E6462677}
.orb-variant-b #socialllab-idea-lab .sil-cta h3,.orb-variant-b #socialllab-idea-lab .sil-cta p,.orb-variant-b #socialllab-idea-lab .sil-cta-link{color:#F7F5F0}
.orb-variant-b #socialllab-idea-lab .sil-map.is-generated .sil-center{animation:idea-pulse 1.5s ease-out}
@keyframes idea-pulse{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 38px #E64626a9)}}
.orb-variant-b .sil-lead-modal,.orb-variant-b .sil-lock-modal{background:#171B24;color:#F7F5F0;border:1px solid #E6462677}
.orb-variant-b .sil-lead-modal h3,.orb-variant-b .sil-lock-modal h3{color:#F7F5F0}
.orb-variant-b .sil-lead-modal p,.orb-variant-b .sil-lock-modal p{color:#B0BBC8}
@media(max-width:1024px){.orb-variant-b #socialllab-idea-lab .sil-map{min-height:0}.orb-variant-b #socialllab-idea-lab .sil-center{width:290px;height:290px;min-height:290px;margin:auto!important}.orb-variant-b #socialllab-idea-lab .sil-node{height:auto;min-height:142px}}
@media(max-width:640px){.orb-variant-b .logo-card{flex-basis:148px;min-height:95px;padding:11px}.orb-variant-b .logo-card img{height:47px}.orb-variant-b #socialllab-idea-lab .sil-center{width:246px;min-height:246px;height:246px}.orb-variant-b #socialllab-idea-lab .sil-node{min-height:103px;height:auto}}
@media(prefers-reduced-motion:reduce){.orb-variant-b .logo-track{animation:none!important}.orb-variant-b .logo-lane{overflow-x:auto}.orb-variant-b .logo-set[aria-hidden="true"]{display:none!important}.orb-variant-b #socialllab-idea-lab .sil-map.is-generated .sil-center{animation:none!important}}
body.motion-off .logo-track{animation-play-state:paused!important}


/* REFRESH V5 — transparent wordmark and seamless grayscale client ticker.
   Keep the original logo image assets; remove all wrapper tiles/backgrounds. */
/* Original Socialllab orange wordmark, no white or ivory capsule. */
.orb-variant-b .brand.socialllab-brand-lockup,
.orb-variant-b .brand.socialllab-brand-lockup:hover,
.orb-variant-b .footer-brand.socialllab-brand-lockup{
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline-offset:4px;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}
.orb-variant-b .topbar .brand.socialllab-brand-lockup{
  width:184px!important;min-width:184px!important;
  height:48px!important;display:flex!important;align-items:center;justify-content:center;
}
.orb-variant-b .topbar .brand.socialllab-brand-lockup img{
  transform:scale(3.05)!important;
  transform-origin:center center!important;
  background:transparent!important;
  object-fit:contain;
  filter:drop-shadow(0 0 6px #E6462616);
}
.orb-variant-b .footer-brand.socialllab-brand-lockup{
  width:200px!important;height:50px!important;
}
.orb-variant-b .footer-brand.socialllab-brand-lockup img{
  transform:scale(2.7)!important;
  transform-origin:center center!important;
  background:transparent!important;
}
/* Logos drift as independent marks on dark glass — no paper cards, visible borders, or tiny captions. */
.orb-variant-b .clients-v4{
  background:radial-gradient(ellipse 50% 65% at 50% 60%,#E6462609,transparent 78%),#0E1116;
}
.orb-variant-b .moving-clients{
  background:transparent!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  gap:17px!important;
  padding:14px 0!important;
  border-top:1px solid #FFFFFF13;
  border-bottom:1px solid #FFFFFF13;
}
.orb-variant-b .moving-clients .logo-lane{background:transparent!important}
.orb-variant-b .moving-clients .logo-set{gap:24px!important;padding-right:24px!important;align-items:center}
.orb-variant-b .moving-clients .logo-card,
.orb-variant-b .moving-clients .logo-card:hover{
  background:transparent!important;
  background-color:transparent!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  flex:0 0 172px!important;
  min-width:172px!important;
  width:172px!important;
  height:104px!important;
  min-height:104px!important;
  padding:12px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:none!important;
}
.orb-variant-b .moving-clients .logo-card img{
  width:145px!important;
  max-width:145px!important;
  height:72px!important;
  max-height:72px!important;
  object-fit:contain!important;
  filter:grayscale(1) brightness(0) invert(.83)!important;
  opacity:.69!important;
  background:transparent!important;
  mix-blend-mode:screen;
  transition:filter .3s ease,opacity .3s ease,transform .3s ease!important;
}
.orb-variant-b .moving-clients .logo-card:hover img{
  filter:none!important;
  opacity:1!important;
  transform:scale(1.10)!important;
  mix-blend-mode:normal;
}
.orb-variant-b .moving-clients .logo-card span{display:none!important}
.orb-variant-b .logo-lane:hover .logo-track{animation-play-state:running!important}
.orb-variant-b .logo-card:hover{cursor:default!important}
@media(max-width:960px){
 .orb-variant-b .topbar .brand.socialllab-brand-lockup{width:158px!important;min-width:158px!important;height:44px!important}
 .orb-variant-b .topbar .brand.socialllab-brand-lockup img{transform:scale(3)!important}
 .orb-variant-b .moving-clients .logo-card{flex-basis:148px!important;min-width:148px!important;width:148px!important}
}
@media(max-width:640px){
 .orb-variant-b .topbar .brand.socialllab-brand-lockup{width:140px!important;min-width:140px!important;height:40px!important}
 .orb-variant-b .topbar .brand.socialllab-brand-lockup img{transform:scale(3.05)!important}
 .orb-variant-b .moving-clients .logo-card{flex-basis:132px!important;min-width:132px!important;width:132px!important;height:92px!important;min-height:92px!important}
 .orb-variant-b .moving-clients .logo-card img{width:115px!important;max-width:115px!important;height:60px!important}
}
@media(prefers-reduced-motion:reduce){
 .orb-variant-b .moving-clients .logo-lane:hover .logo-track{animation-play-state:paused!important}
}
body.motion-off .moving-clients .logo-track{animation-play-state:paused!important}

/* V6 FIX: Key out baked-in white/light image backgrounds before tinting.
   Previous brightness(0) filter made *every pixel* opaque grey, including backgrounds.
   SVG filters preserve the marks and create a consistent transparent silhouette. */
.orb-variant-b .moving-clients .logo-card img{
  filter:grayscale(1) invert(1) contrast(1.7)!important; /* browser fallback */
  filter:url("#client-logo-silver")!important;
  mix-blend-mode:normal!important;
  opacity:.9!important;
  background:transparent!important;
  isolation:isolate;
}
.orb-variant-b .moving-clients .logo-card:hover img{
  filter:url("#client-logo-orange")!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  transform:scale(1.09)!important;
}
.orb-variant-b .moving-clients .logo-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}