.hero-demo-wrap[data-astro-cid-xeoxj3xj]{position:relative}.hero-demo-frame[data-astro-cid-xeoxj3xj]{position:relative;border-radius:var(--hero-demo-frame-radius, 16px);overflow:hidden;box-shadow:var(--hero-demo-frame-shadow, 0 30px 80px rgba(0, 0, 0, .12), 0 10px 30px rgba(0, 0, 0, .08));background:var(--hero-demo-frame-bg, #fff);border:var(--hero-demo-frame-border, 0)}.hero-demo-video[data-astro-cid-xeoxj3xj]{display:block;width:100%;height:auto;aspect-ratio:var(--desktopAspect);border-radius:var(--hero-demo-frame-radius, 16px)}@media(max-width:768px){.hero-demo-video[data-astro-cid-xeoxj3xj]{aspect-ratio:var(--mobileAspect)}}.hero-demo-progress[data-astro-cid-xeoxj3xj]{position:absolute;left:16px;right:16px;bottom:0;height:5px;background:var(--hero-demo-progress-track, rgba(0, 0, 0, .18));cursor:pointer;touch-action:none;transition:height .15s ease;z-index:3;border-radius:3px}.hero-demo-wrap[data-astro-cid-xeoxj3xj]:hover .hero-demo-progress[data-astro-cid-xeoxj3xj],.hero-demo-progress[data-astro-cid-xeoxj3xj]:hover,.hero-demo-progress[data-astro-cid-xeoxj3xj]:focus-visible,.hero-demo-progress[data-astro-cid-xeoxj3xj].dragging{height:9px;outline:none}.hero-demo-progress-fill[data-astro-cid-xeoxj3xj]{position:relative;height:100%;width:0%;background:var(--hero-demo-progress-fill, #f33839);border-radius:3px 0 0 3px;transition:width .12s linear}.hero-demo-progress[data-astro-cid-xeoxj3xj].dragging .hero-demo-progress-fill[data-astro-cid-xeoxj3xj]{transition:none}.hero-demo-progress-fill[data-astro-cid-xeoxj3xj]:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--hero-demo-progress-thumb, #f33839);box-shadow:var(--hero-demo-progress-thumb-shadow, 0 0 0 2px rgba(255, 255, 255, .35), 0 2px 6px rgba(0, 0, 0, .25));opacity:var(--hero-demo-progress-thumb-rest, 1);transition:opacity .15s ease;pointer-events:none}.hero-demo-progress-fill[data-astro-cid-xeoxj3xj].hide-thumb:after{opacity:0}.hero-demo-wrap[data-astro-cid-xeoxj3xj]:hover .hero-demo-progress-fill[data-astro-cid-xeoxj3xj]:after,.hero-demo-progress[data-astro-cid-xeoxj3xj]:hover .hero-demo-progress-fill[data-astro-cid-xeoxj3xj]:after,.hero-demo-progress[data-astro-cid-xeoxj3xj].dragging .hero-demo-progress-fill[data-astro-cid-xeoxj3xj]:after{opacity:1}.hero-demo-progress-fill[data-astro-cid-xeoxj3xj].hide-thumb:after{opacity:0!important}.hero-demo-paused-overlay[data-astro-cid-xeoxj3xj],.hero-demo-flash[data-astro-cid-xeoxj3xj]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:2}.hero-demo-paused-overlay[data-astro-cid-xeoxj3xj]{background:var(--hero-demo-paused-bg, rgba(0, 0, 0, .3));transition:opacity .25s ease}.hero-demo-state-icon[data-astro-cid-xeoxj3xj]{width:88px;height:88px;color:#fff;background:var(--hero-demo-state-icon-bg, rgba(0, 0, 0, .5));border-radius:50%;padding:18px;box-sizing:border-box}.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-paused .hero-demo-paused-overlay[data-astro-cid-xeoxj3xj]{opacity:1}.hero-demo-wrap[data-astro-cid-xeoxj3xj].just-resumed .hero-demo-flash[data-astro-cid-xeoxj3xj]{animation:hero-demo-flash .65s ease-out forwards}@keyframes hero-demo-flash{0%{opacity:1;transform:scale(.9)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.hero-demo-fullscreen[data-astro-cid-xeoxj3xj]{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .15s ease;z-index:4}.hero-demo-fullscreen[data-astro-cid-xeoxj3xj]:hover{background:#000000bf}.hero-demo-fs-icon[data-astro-cid-xeoxj3xj]{width:20px;height:20px;display:block}.hero-demo-fs-exit[data-astro-cid-xeoxj3xj]{display:none}.hero-demo-wrap[data-astro-cid-xeoxj3xj]:hover .hero-demo-fullscreen[data-astro-cid-xeoxj3xj],.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-fullscreen .hero-demo-fullscreen[data-astro-cid-xeoxj3xj],.hero-demo-fullscreen[data-astro-cid-xeoxj3xj]:focus-visible{opacity:1}.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-fullscreen,.hero-demo-wrap[data-astro-cid-xeoxj3xj]:fullscreen{width:100vw;height:100vh;max-width:none;margin:0;background:#000;display:flex;flex-direction:column;justify-content:center}.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-fullscreen .hero-demo-fs-enter[data-astro-cid-xeoxj3xj],.hero-demo-wrap[data-astro-cid-xeoxj3xj]:fullscreen .hero-demo-fs-enter[data-astro-cid-xeoxj3xj]{display:none}.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-fullscreen .hero-demo-fs-exit[data-astro-cid-xeoxj3xj],.hero-demo-wrap[data-astro-cid-xeoxj3xj]:fullscreen .hero-demo-fs-exit[data-astro-cid-xeoxj3xj]{display:block}.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-fullscreen .hero-demo-frame[data-astro-cid-xeoxj3xj],.hero-demo-wrap[data-astro-cid-xeoxj3xj]:fullscreen .hero-demo-frame[data-astro-cid-xeoxj3xj]{border-radius:0!important;clip-path:none!important;height:100%;width:100%;box-shadow:none;overflow:visible;display:flex;align-items:center;justify-content:center;background:#000;border:0}.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-fullscreen .hero-demo-video[data-astro-cid-xeoxj3xj],.hero-demo-wrap[data-astro-cid-xeoxj3xj]:fullscreen .hero-demo-video[data-astro-cid-xeoxj3xj]{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;filter:none!important;transition:none!important;transform:translateZ(0);will-change:transform;border-radius:0!important;clip-path:none!important}.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-fullscreen .hero-demo-paused-overlay[data-astro-cid-xeoxj3xj],.hero-demo-wrap[data-astro-cid-xeoxj3xj].is-fullscreen .hero-demo-flash[data-astro-cid-xeoxj3xj],.hero-demo-wrap[data-astro-cid-xeoxj3xj]:fullscreen .hero-demo-paused-overlay[data-astro-cid-xeoxj3xj],.hero-demo-wrap[data-astro-cid-xeoxj3xj]:fullscreen .hero-demo-flash[data-astro-cid-xeoxj3xj]{transition:none!important}.hero-demo-wrap.auto-hero-demo{--hero-demo-frame-radius: 1.5rem;--hero-demo-frame-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--hero-demo-frame-bg: transparent;--hero-demo-frame-border: 1px solid rgba(255, 255, 255, .1);--hero-demo-progress-track: rgba(255, 255, 255, .18);--hero-demo-progress-fill: linear-gradient(90deg, #3b82f6, #a855f7);--hero-demo-progress-thumb: #a855f7;--hero-demo-progress-thumb-shadow: 0 0 0 2px rgba(255, 255, 255, .35), 0 2px 6px rgba(0, 0, 0, .35);--hero-demo-progress-thumb-rest: 0;--hero-demo-paused-bg: rgba(0, 0, 0, .35);--hero-demo-state-icon-bg: rgba(0, 0, 0, .55)}