/* TransVare Spotlight Narration: one product steps forward, the others rest */
#home-federated-story #stage .handoff,#home-federated-story #stage .handoff-status{display:none!important}

#home-federated-story .prod{transition:opacity 1.2s ease,filter 1.2s ease,box-shadow 1.2s ease;transform:scale(.8)}
#home-federated-story #stage.spot-on .prod{opacity:.72;filter:saturate(.8);transform:scale(.8)}
#home-federated-story #stage.spot-on .prod.hot{opacity:1;filter:none;transform:scale(1.6);z-index:3;
  box-shadow:0 0 0 1.5px rgba(233,30,99,.55),0 26px 60px rgba(45,46,95,.18),0 10px 30px rgba(233,30,99,.16)}

/* caption that sits under the featured card */
#home-federated-story .spot-cap{position:absolute;z-index:4;left:0;top:0;transform:translate(-50%,0);pointer-events:none;
  display:flex;align-items:center;gap:10px;white-space:nowrap;padding:9px 16px 9px 12px;border-radius:12px;
  background:rgba(255,255,255,.94);border:1px solid rgba(45,46,95,.12);color:#2D2E5F;font:400 16px/1.4 Barlow,"Segoe UI",Arial,sans-serif;box-shadow:0 8px 24px rgba(45,46,95,.08);
  opacity:0;transition:opacity  .8s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}
#home-federated-story .spot-cap.on{opacity:1}
#home-federated-story .spot-cap b{font-weight:500;color:#b81854}
#home-federated-story .spot-cap::before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#fff;transform:rotate(45deg);border-radius:2px}
#home-federated-story .spot-cap.up::before{top:auto;bottom:-5px}
#home-federated-story .spot-cap .txt{display:inline-block;transition:opacity .5s ease}
#home-federated-story .spot-cap.swap .txt{opacity:0}

@media (max-width:640px){#home-federated-story .spot-cap{font-size:13.5px;padding:8px 13px 8px 10px;width:max-content;max-width:calc(100% - 12px)}}
@media (prefers-reduced-motion:reduce){#home-federated-story .prod,#home-federated-story .spot-cap{transition:none}}

@container federated-diagram (max-width:999px){
 #home-federated-story .spot-cap{position:relative;left:auto;top:auto;transform:none!important;order:1;align-self:stretch;justify-content:center;white-space:normal;width:auto;max-width:100%;min-height:54px;margin:6px 0 0;border-radius:12px;box-shadow:0 6px 18px rgba(45,46,95,.12)}
 #home-federated-story .spot-cap::before{display:none}
 #home-federated-story #items{gap:18px 12px}
}
@media(prefers-reduced-motion:reduce){#home-federated-story #stage.spot-on .prod,#home-federated-story #stage.spot-on .prod.hot{opacity:1;filter:none;transform:scale(.8)}}