/* SignalXLR: revenue-teams ribbon matched to the supplied 11.32-second video.
   Scoped to this one component. Existing hero benefits strip, radar, and pages are unchanged. */
.audience-ribbon[data-video-ribbon]{
  background:#fff;color:#577382;border-top:0;border-bottom:1px solid #dce5eb;
  overflow:hidden;position:relative;
}
.audience-ribbon[data-video-ribbon] .revenue-ribbon-header{
  width:min(var(--container,1240px),calc(100% - 56px));
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:64px;margin-inline:auto;padding:9px 0;border-bottom:1px solid #e8edf0;
}
.audience-ribbon[data-video-ribbon] #revenue-ribbon-title{
  margin:0;color:#436a7d;font:600 11px/1.5 var(--sans,Arial,sans-serif);
  letter-spacing:.17em;text-transform:uppercase;
}
.audience-ribbon[data-video-ribbon] .revenue-ribbon-meta{
  display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;
}
.audience-ribbon[data-video-ribbon] .revenue-ribbon-meta p{
  margin:0;color:#627985;font:400 11px/1.5 var(--sans,Arial,sans-serif);
}
.audience-ribbon[data-video-ribbon] .revenue-motion-toggle{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:4px;
  background:#fff;color:#597788;cursor:pointer;
}
.audience-ribbon[data-video-ribbon] .revenue-motion-toggle svg{width:14px;height:14px}
.audience-ribbon[data-video-ribbon] .revenue-motion-toggle:hover{background:#eff9fb;color:#087f91}
.audience-ribbon[data-video-ribbon] .revenue-motion-toggle:focus-visible,
.audience-ribbon[data-video-ribbon] .ribbon-window:focus-visible{outline:2px solid #078b9b;outline-offset:-3px}
.audience-ribbon[data-video-ribbon] .revenue-motion-toggle[hidden]{display:none}
.audience-ribbon[data-video-ribbon] .visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.audience-ribbon[data-video-ribbon] .ribbon-window{
  width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;
  mask-image:none;-webkit-mask-image:none;scrollbar-width:thin;
}
.audience-ribbon[data-video-ribbon] .ribbon-track{
  display:flex;align-items:center;gap:0;width:max-content;max-width:none;
  animation:none!important;transform:none;will-change:auto;
}
.audience-ribbon[data-video-ribbon] .ribbon-items{
  display:flex;align-items:center;flex-shrink:0;gap:0;list-style:none;padding:0;margin:0;
}
.audience-ribbon[data-video-ribbon] .ribbon-items li{
  display:flex;align-items:center;flex-shrink:0;gap:12px;min-height:72px;
  margin:0;padding:0 32px;white-space:nowrap;
  color:#5c7886;font:600 14px/1.5 var(--sans,Arial,sans-serif);
  letter-spacing:.065em;text-transform:uppercase;
}
.audience-ribbon[data-video-ribbon] .ribbon-dot{
  display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;
  background:#15cfe1;box-shadow:0 0 4px 2px rgba(21,207,225,.16),0 0 11px rgba(21,207,225,.28);
}
.audience-ribbon[data-video-ribbon] .ribbon-copy{display:none}
.audience-ribbon[data-video-ribbon].video-motion-ready .ribbon-window{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent);
}
.audience-ribbon[data-video-ribbon].video-motion-ready .ribbon-track{will-change:transform}
.audience-ribbon[data-video-ribbon].video-motion-ready .ribbon-copy{display:flex}
@media(max-width:600px){
  .audience-ribbon[data-video-ribbon] .revenue-ribbon-header{
    width:calc(100% - 36px);min-height:76px;position:relative;
    flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;
    padding:12px 46px 12px 0;
  }
  .audience-ribbon[data-video-ribbon] #revenue-ribbon-title{font-size:9px;letter-spacing:.13em}
  .audience-ribbon[data-video-ribbon] .revenue-ribbon-meta{gap:0;flex-shrink:1}
  .audience-ribbon[data-video-ribbon] .revenue-ribbon-meta p{font-size:10px}
  .audience-ribbon[data-video-ribbon] .revenue-motion-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}
  .audience-ribbon[data-video-ribbon] .ribbon-items li{font-size:12px;min-height:64px;padding-inline:27px;letter-spacing:.07em}
}
@media(prefers-reduced-motion:reduce){
  .audience-ribbon[data-video-ribbon] .revenue-motion-toggle{display:none}
  .audience-ribbon[data-video-ribbon] .ribbon-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
  .audience-ribbon[data-video-ribbon] .ribbon-copy{display:none}
}