.nvx-demo{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px}.nvx-demo[hidden]{display:none}.nvx-demo__backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at center,#082f498c,#020617f0 70%);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);opacity:0;transition:opacity .45s ease}.nvx-demo.is-open .nvx-demo__backdrop{opacity:1}.nvx-demo__stage{position:relative;width:min(1120px,calc(100vw - 32px),calc((100vh - 44px - 48px) * 16 / 9));width:min(1120px,calc(100vw - 32px),calc((100dvh - 44px - 48px) * 16 / 9));will-change:transform,opacity}.nvx-demo__glow{position:absolute;inset:-12%;z-index:-1;border-radius:40px;pointer-events:none;background:radial-gradient(closest-side,rgba(6,182,212,.45),rgba(79,70,229,.25) 55%,transparent 80%);filter:blur(40px);opacity:0;transition:opacity .8s ease .15s;animation:nvx-glow 5s ease-in-out infinite}.nvx-demo.is-open .nvx-demo__glow{opacity:1}.nvx-demo__border{position:relative;padding:1.5px;border-radius:18px;overflow:hidden;isolation:isolate;box-shadow:0 30px 80px -20px #06b6d459,0 0 0 1px #ffffff0a}.nvx-demo__border:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,#06b6d400,#22d3ee 60deg,#6366f1,#6366f100 200deg,#06b6d400 360deg);animation:nvx-spin 6s linear infinite}.nvx-demo__border:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);transform:translate(-120%)}.nvx-demo.is-open .nvx-demo__border:after{animation:nvx-sweep 1.1s cubic-bezier(.16,1,.3,1) .35s both}.nvx-demo__frame{position:relative;background:#0b0f19;border-radius:16.5px;overflow:hidden}.nvx-demo__bar{height:44px;display:flex;align-items:center;gap:8px;padding:0 6px 0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.nvx-demo__dot{width:11px;height:11px;border-radius:999px;flex-shrink:0}.nvx-demo__file{margin-left:6px;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nvx-demo__close{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#cbd5e1;background:transparent;border:0;cursor:pointer;transition:background .2s,color .2s,transform .2s}.nvx-demo__close:hover{background:#ffffff14;color:#fff;transform:rotate(90deg)}.nvx-demo__close:focus-visible,.nvx-demo__replay:focus-visible,.nvx-demo__cta:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}.nvx-demo__screen{position:relative;aspect-ratio:16 / 9;background:#000 center / cover no-repeat}.nvx-demo__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;display:block}.nvx-demo__loader{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .3s}.nvx-demo.is-loading .nvx-demo__loader{opacity:1}.nvx-demo__loader span{width:46px;height:46px;border-radius:999px;border:3px solid rgba(34,211,238,.18);border-top-color:#22d3ee;animation:nvx-rotate .8s linear infinite;box-shadow:0 0 24px #22d3ee59}.nvx-demo__end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:16px;text-align:center;background:radial-gradient(ellipse at center,#020617bf,#020617eb);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}.nvx-demo.is-ended .nvx-demo__end{opacity:1;visibility:visible}.nvx-demo__end-title{color:#fff;font-weight:900;letter-spacing:-.02em;line-height:1.15;font-size:clamp(18px,3.4vw,34px);max-width:22ch}.nvx-demo__end-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.nvx-demo__cta,.nvx-demo__replay{display:inline-flex;align-items:center;gap:8px;border-radius:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(11px,1.4vw,13px);padding:12px 20px;cursor:pointer;transition:all .25s}.nvx-demo__cta{color:#fff;background:linear-gradient(90deg,#06b6d4,#2563eb);box-shadow:0 0 30px #06b6d473;border:0}.nvx-demo__cta:hover{box-shadow:0 0 44px #06b6d4b3;transform:translateY(-1px)}.nvx-demo__replay{color:#e2e8f0;background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}.nvx-demo__replay:hover{background:#ffffff1f}@media(max-width:480px){.nvx-demo{padding:8px}.nvx-demo__stage{width:calc(100vw - 16px)}.nvx-demo__border{border-radius:14px}.nvx-demo__frame{border-radius:13px}.nvx-demo__end{gap:12px}.nvx-demo__cta,.nvx-demo__replay{padding:10px 14px;letter-spacing:.08em}}@keyframes nvx-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes nvx-rotate{to{transform:rotate(360deg)}}@keyframes nvx-glow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes nvx-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.nvx-demo__border:before,.nvx-demo__glow{animation:none}.nvx-demo.is-open .nvx-demo__border:after{animation:none}}