.video-loading-poster{pointer-events:none;opacity:1;transition:opacity .15s}.video-loading-poster[data-ready]{opacity:0}.step-video-shell{aspect-ratio:1;width:100%;min-width:0;height:100%;position:relative}.step-video-poster{object-fit:cover}@media (prefers-reduced-motion:reduce){.video-loading-poster{transition:none}}
.hero-preview--workflow{flex-direction:column;align-items:center;padding-bottom:140px}.hero-demo-shell{width:100%;min-width:0;max-width:1080px}.hero-demo-video{object-fit:contain;background:#f7f8fa;width:100%;height:100%;display:block}.hero-demo-poster{object-fit:contain;pointer-events:none}@media (max-width:767px){.hero-preview--workflow{padding-bottom:64px}}@media (prefers-reduced-motion:reduce){.hero-preview--workflow{animation:none}}.hero-demo-shell .hero-preview-window{aspect-ratio:16/10;border-color:#ffffffb3;border-radius:16px;box-shadow:0 0 0 8px #ffffff70,0 18px 48px #24496b20}@media (max-width:767px){.hero-demo-shell .hero-preview-window{border-radius:12px;box-shadow:0 0 0 4px #ffffff70,0 18px 48px #24496b20}}.hero-demo-shell .hero-preview-window{transition:transform .38s cubic-bezier(.18,1.9,.3,1)}.hero-demo-shell .hero-preview-window:hover{transform:scale(.985)}.hero-demo-shell .hero-preview-window:has(.hero-demo-play:active){transition:transform 90ms cubic-bezier(.3,0,.2,1);transform:scale(.96)}@media (prefers-reduced-motion:reduce){.hero-demo-shell .hero-preview-window,.hero-demo-shell .hero-preview-window:hover{transition:none;transform:none}.hero-demo-shell .hero-preview-window:has(.hero-demo-play:active){transition:none;transform:none}}.hero-demo-play{z-index:1;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .25s;display:flex;position:absolute;inset:0}.hero-preview-window:hover .hero-demo-play{background:#0003}.hero-demo-play:focus-visible{outline:none}.hero-demo-play:focus-visible .hero-demo-play-circle{outline-offset:2px;outline:2px solid #fff}.hero-demo-play-circle{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.hero-preview-window .hero-demo-play-circle svg{width:30px;height:35px;margin-left:5px}@media (max-width:767px){.hero-demo-play-circle{width:60px;height:60px}.hero-preview-window .hero-demo-play-circle svg{width:24px;height:28px;margin-left:4px}}
.video-toggle{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);cursor:pointer;background:#0000006b;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:background .15s;display:grid;position:absolute;bottom:14px;left:14px}.video-toggle:hover{background:#00000094}.video-toggle:focus-visible{outline-offset:3px;outline:2px solid #2160fd}.video-toggle:disabled{opacity:.5;cursor:default}.video-toggle svg{width:11px;height:13px;display:block}.video-toggle[data-state=paused] svg{margin-left:2px}@media (max-width:767px){.video-toggle{width:30px;height:30px;bottom:10px;left:10px}.video-toggle svg{width:10px;height:12px}}@media (prefers-reduced-motion:reduce){.video-toggle{transition:none}}