.cinematic-stage{position:relative;isolation:isolate}
.motion-pointer{position:absolute;z-index:32;left:0;top:0;width:25px;height:29px;pointer-events:none;transform:translate(40px,30px);transition:transform 1.35s cubic-bezier(.22,.72,.2,1);filter:drop-shadow(0 4px 5px #23243858)}
.motion-pointer:before{content:'';position:absolute;left:0;top:0;width:0;height:0;border-left:19px solid #231c37;border-bottom:23px solid transparent;transform:rotate(-12deg)}
.motion-pointer:after{content:'';position:absolute;left:3px;top:3px;width:0;height:0;border-left:12px solid white;border-bottom:15px solid transparent;transform:rotate(-12deg)}
.motion-pointer span{position:absolute;left:11px;top:13px;width:24px;height:24px;border:2px solid #7451e8;border-radius:50%;background:#7451e827;animation:motion-click 2.7s ease-in-out infinite}
.motion-beat{position:absolute;z-index:30;right:16px;bottom:22px;display:flex;align-items:center;gap:.5rem;max-width:min(78%,340px);padding:.58rem .85rem;background:#251c42ed;color:white;border:1px solid #ba9bff;border-radius:999px;box-shadow:0 12px 30px #1a0d4050;pointer-events:none;font-size:clamp(.72rem,1vw,.9rem);line-height:1.15}
.motion-beat i{flex:none;width:7px;height:7px;background:#bba4ff;border-radius:50%;box-shadow:0 0 0 5px #bba4ff35}.motion-beat b{font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.motion-timeline{position:absolute;z-index:31;left:0;right:0;bottom:0;height:5px;background:#d8d1ea99;pointer-events:none}.motion-timeline span{display:block;height:100%;background:linear-gradient(90deg,#784deb,#b983ff);transform-origin:left;transform:scaleX(0)}
.motion-focus{outline:3px solid #8c67f5!important;outline-offset:2px!important;box-shadow:0 0 0 7px #916bf436!important;position:relative;z-index:2;transition:box-shadow .4s ease}.motion-complete .motion-beat{background:#247a68ed;border-color:#b2eee1}
.motion-drag-ghost{position:absolute;z-index:40;max-width:210px;min-width:105px;padding:.55rem .65rem;border-radius:9px;background:#fff;border:2px solid #7a54e9;color:#44305d;font-size:.68rem;font-weight:800;box-shadow:0 12px 28px #33284f55;pointer-events:none;transition:transform 1.55s cubic-bezier(.2,.7,.25,1),opacity 1.55s ease}
.cinematic-stage .pp-app{animation:motion-breathe 12s ease-in-out both}.cinematic-stage .tour-stage-screen :is(.demo-row,.demo-field,.demo-pill,.demo-person,.demo-stat){animation-duration:.75s}.cinematic-stage .bu-bars span:before,.cinematic-stage .rp-bars span:before{animation:motion-bar 2s ease-out both}.cinematic-stage .integration-content .outgoing{animation-delay:2.3s}.cinematic-stage .integration-action{animation-delay:5.5s}
.ig-metric-chart{height:62px;display:flex!important;align-items:end;gap:6px;border-bottom:1px solid #e2d8ed;padding:3px 4px!important;background:transparent!important}.ig-metric-chart i{display:block;flex:1;height:var(--bar);min-width:8px;max-width:28px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#e34f85,#8a5bf5);transform-origin:bottom;animation:ig-rise 1.1s ease-out both}.ig-metric-chart i:nth-child(2){animation-delay:.17s}.ig-metric-chart i:nth-child(3){animation-delay:.34s}.ig-metric-chart i:nth-child(4){animation-delay:.51s}.ig-metric-chart i:nth-child(5){animation-delay:.68s}.ig-metric-chart i:nth-child(6){animation-delay:.85s}.ig-metric-chart i:nth-child(7){animation-delay:1.02s}@keyframes ig-rise{from{transform:scaleY(.08);opacity:.1}to{transform:scaleY(1);opacity:1}}
.cinematic-stage.motion-paused .motion-pointer span,.cinematic-stage.motion-paused .pp-app{animation-play-state:paused!important}.cinematic-stage.motion-paused .motion-pointer{transition-duration:0s!important}
@keyframes motion-click{0%,65%{transform:scale(.4);opacity:0}72%{transform:scale(1);opacity:1}100%{transform:scale(1.45);opacity:0}}@keyframes motion-breathe{0%{transform:scale(1) translateY(0)}35%{transform:scale(1.012) translateY(-1px)}68%{transform:scale(1.025) translateY(-3px)}100%{transform:scale(1) translateY(0)}}@keyframes motion-bar{from{max-width:0}to{max-width:100%}}
@media(max-width:700px){.motion-beat{bottom:12px;right:9px;padding:.4rem .55rem;max-width:75%;font-size:.63rem}.motion-pointer{scale:.72;transform-origin:top left}}
@media(prefers-reduced-motion:reduce){.motion-pointer,.motion-drag-ghost{display:none}.cinematic-stage .pp-app{animation:none}.motion-beat{display:none}.motion-focus{outline:none!important;box-shadow:none!important}}