/* Connected journey: measured depth, driven by the visitor's scroll. */
.b2b-demo-stage{perspective:1200px;perspective-origin:50% 45%;transform-style:preserve-3d}
.demo-screen{transform:translateZ(0);z-index:1}
.demo-float{z-index:2;transform:translate3d(0,var(--journey-y,0px),var(--journey-z,0px)) rotateX(var(--journey-rx,0deg)) rotateY(var(--journey-ry,0deg)) scale(var(--journey-scale,1));box-shadow:0 var(--journey-shadow-y,20px) var(--journey-shadow-blur,60px) rgba(8,19,42,var(--journey-shadow-opacity,.25));will-change:transform;backface-visibility:hidden}
.journey-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.journey-footer .demo-caption{text-align:left;margin:0;line-height:1.5}
.journey-link{color:#fff;border-bottom:1px solid #bdd0df;padding:0 0 9px;font-size:12px;font-weight:700;white-space:nowrap}
.journey-link span{margin-left:16px}
.service-detail-link{display:block;width:max-content;max-width:100%;margin-top:16px;color:#304e71;font-weight:700;border-bottom:1px solid #8098aa;padding-bottom:6px}
@media (min-width:601px){.service-trigger .service-title,.service.is-open .service-title{text-align:center;transform:none}.service-title{transition:color .25s}.service-content .tags{flex-direction:column;align-items:center}.service-content .tags span{animation:none;transform:none}}
@media (max-width:600px){.b2b-demo-stage{min-height:570px;padding:120px 0 130px;perspective:900px}.demo-float-three{display:flex;left:4%;bottom:1%}.demo-float-one{top:1%;left:3%}.demo-float-two{top:auto;right:2%;bottom:17%}.journey-footer{align-items:flex-start;flex-direction:column}.journey-link{white-space:normal}}
@media(prefers-reduced-motion:reduce){.demo-float{transform:none!important;will-change:auto}}