.vdemo{position:relative;margin:0}.vdemo__glow{position:absolute;inset:-12% -6%;background:radial-gradient(ellipse at 50% 60%,rgba(var(--accent-rgb),.22),transparent 60%);filter:blur(30px);pointer-events:none;opacity:.8}.vdemo__frame{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);border:1px solid var(--border);box-shadow:0 40px 100px -40px rgba(0,0,0,.9),0 0 0 1px rgba(var(--accent-rgb),.08) inset;aspect-ratio:16/9;isolation:isolate}.vdemo__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(6,8,15,.55));pointer-events:none;z-index:1}.vdemo__video,.vdemo__frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.vdemo__frame video{background:var(--bg-2)}.vdemo__empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.95rem;padding:1rem;text-align:center}.vdemo__corner{position:absolute;width:22px;height:22px;border:1.5px solid rgba(var(--accent-rgb),.85);z-index:2;pointer-events:none;transition:transform .8s var(--ease)}.vdemo__corner--tl{top:14px;left:14px;border-right:0;border-bottom:0}.vdemo__corner--tr{top:14px;right:14px;border-left:0;border-bottom:0}.vdemo__corner--bl{bottom:14px;left:14px;border-right:0;border-top:0}.vdemo__corner--br{bottom:14px;right:14px;border-left:0;border-top:0}.js .vdemo:not(.is-visible) .vdemo__corner--tl{transform:translate(-8px,-8px)}.js .vdemo:not(.is-visible) .vdemo__corner--tr{transform:translate(8px,-8px)}.js .vdemo:not(.is-visible) .vdemo__corner--bl{transform:translate(-8px,8px)}.js .vdemo:not(.is-visible) .vdemo__corner--br{transform:translate(8px,8px)}.vdemo__toggle{position:absolute;right:18px;bottom:18px;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(6,8,15,.55);backdrop-filter:blur(12px);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,transform .3s var(--ease),border-color .3s}.vdemo__toggle:hover{background:rgba(var(--accent-rgb),.25);border-color:rgba(var(--accent-rgb),.7);transform:scale(1.06)}.vdemo__toggle svg{width:18px;height:18px;fill:currentColor}.vdemo__icon-play{display:none}.vdemo.is-paused .vdemo__icon-play{display:block}.vdemo.is-paused .vdemo__icon-pause{display:none}.vdemo__badge{position:absolute;left:18px;top:18px;z-index:3;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;background:rgba(6,8,15,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.vdemo__dot{width:7px;height:7px;border-radius:50%;background:#FF5C5C;box-shadow:0 0 10px #FF5C5C;animation:pulse-rec 1.6s ease-in-out infinite}@keyframes pulse-rec{0%,100%{opacity:1}50%{opacity:.35}}.vdemo__steps{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;justify-content:center;margin-top:1.6rem;color:var(--muted);font-size:.95rem}.vdemo__step{display:inline-flex;align-items:center;gap:.7rem;position:relative}.vdemo__step-num{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:.12em}.vdemo__step:not(:last-child)::after{content:"";position:absolute;right:-1.4rem;top:50%;width:.8rem;height:1px;background:var(--border-strong)}.js .vdemo__step{opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--d,0ms) + .4s)}.js .vdemo.is-visible .vdemo__step{opacity:1;transform:none}@media (max-width:640px){.vdemo__steps{flex-direction:column;align-items:flex-start;gap:.7rem}.vdemo__step:not(:last-child)::after{display:none}.vdemo__corner{width:16px;height:16px}}@media (min-width:821px){.site-header__nav .site-header__buy{display:none}}