.vxt-demo{--vxt-blue:#0096ff;--vxt-amber:#f9b233;--vxt-dark:#222326;--vxt-blue-dark:#0080da;--vxt-wash:#f2f4f7;--vxt-line:#e4e8ee;--vxt-muted:#6b7280;--vxt-radius:6px;background:var(--vxt-wash);border-radius:10px;color:var(--vxt-dark);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow:hidden;position:relative}.vxt-demo *{box-sizing:border-box;margin:0;padding:0}.vxt-demo button{font-family:inherit}.vxt-demo button:focus-visible{outline:2px solid var(--vxt-amber);outline-offset:2px}.vxt-header{align-items:center;background:var(--vxt-dark);gap:16px;padding:12px 20px}.vxt-header,.vxt-nav{display:flex;flex-wrap:wrap}.vxt-nav{gap:4px}.vxt-nav button{background:transparent;border:none;border-radius:var(--vxt-radius);color:#cfd4db;cursor:pointer;font-size:12.5px;font-weight:500;padding:8px 12px;transition:all .15s}.vxt-nav button:hover{background:hsla(0,0%,100%,.07);color:#fff}.vxt-nav button.active{background:rgba(0,150,255,.22);box-shadow:inset 0 -2px 0 var(--vxt-blue);color:#fff}.vxt-spacer{flex:1}.vxt-modewrap{border:1px solid #37383c;border-radius:999px;display:flex;overflow:hidden}.vxt-modewrap button{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.06em;padding:7px 14px;text-transform:uppercase}.vxt-modewrap button.on{background:var(--vxt-blue);color:#fff}.vxt-progressbar{background:#1a1b1e;height:3px}.vxt-progressbar i{background:var(--vxt-blue);display:block;height:100%;transition:width .3s;width:0}.vxt-capbar{align-items:center;background:#fff;border-bottom:1px solid var(--vxt-line);display:flex;gap:14px;padding:12px 20px}.vxt-chapter{color:var(--vxt-blue);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.vxt-scenetitle{font-size:13.5px;font-weight:600;white-space:nowrap}.vxt-caption{color:var(--vxt-muted);font-size:13px;line-height:1.5}.vxt-main{display:flex;justify-content:center;overflow:hidden;padding:26px 20px 34px;position:relative}.vxt-main:before{border:14px solid var(--vxt-amber);border-radius:50%;bottom:-90px;height:230px;left:-90px;opacity:.5;width:230px}.vxt-main:after,.vxt-main:before{content:"";pointer-events:none;position:absolute}.vxt-main:after{border:12px solid var(--vxt-amber);border-radius:50%;height:180px;opacity:.35;right:-70px;top:-70px;width:180px}.vxt-main.no-arcs:after,.vxt-main.no-arcs:before{display:none}.vxt-stage{background:#fff;border-radius:10px;box-shadow:0 18px 50px rgba(34,35,38,.16),0 0 0 1px var(--vxt-line);overflow:hidden;position:relative;width:min(1400px,100%);z-index:1}.vxt-stage img.vxt-shot{display:block;height:auto;user-select:none;width:100%;-webkit-user-drag:none}.vxt-stage.fading img.vxt-shot{opacity:.35;transition:opacity .12s}.vxt-beacon,.vxt-infodot,.vxt-navdot{background:transparent;border:none;border-radius:50%;cursor:pointer;position:absolute;transform:translate(-50%,-50%)}.vxt-navdot{height:22px;opacity:.9;width:22px;z-index:5}.vxt-navdot:before{background:var(--vxt-blue);border-radius:50%;box-shadow:0 0 0 2px #fff,0 1px 6px rgba(34,35,38,.3);content:"";inset:6px;position:absolute}.vxt-navdot:hover{opacity:1}.vxt-navdot:hover:before{inset:4px}.vxt-infodot{height:24px;width:24px;z-index:5}.vxt-infodot:before{background:var(--vxt-amber);border-radius:50%;box-shadow:0 0 0 2px #fff,0 1px 6px rgba(34,35,38,.3);content:"";inset:6px;position:absolute}.vxt-infodot:hover:before{inset:4px}.vxt-beacon{height:34px;width:34px;z-index:6}.vxt-beacon:before{background:var(--vxt-amber);box-shadow:0 0 0 3px #fff,0 2px 10px rgba(34,35,38,.35);inset:9px}.vxt-beacon:after,.vxt-beacon:before{border-radius:50%;content:"";position:absolute}.vxt-beacon:after{animation:vxtpulse 1.9s infinite;border:2px solid var(--vxt-amber);inset:2px}@keyframes vxtpulse{0%{opacity:.9;transform:scale(.85)}70%{opacity:0;transform:scale(1.6)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.vxt-beacon:after{animation:none;opacity:.5}}.vxt-lbl{background:var(--vxt-dark);border-radius:5px;bottom:calc(100% + 7px);box-shadow:0 4px 14px rgba(34,35,38,.35);color:#fff;font-size:11px;font-weight:500;left:50%;opacity:0;padding:4px 9px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .12s;white-space:nowrap;z-index:10}.vxt-beacon:hover .vxt-lbl,.vxt-infodot:hover .vxt-lbl,.vxt-navdot:focus .vxt-lbl,.vxt-navdot:hover .vxt-lbl{opacity:1}.vxt-edge .vxt-lbl{left:0;transform:none}.vxt-card{background:#fff;border-radius:8px;border-top:3px solid var(--vxt-blue);box-shadow:0 16px 44px rgba(34,35,38,.28);display:none;font-size:12.5px;line-height:1.55;padding:16px 17px 14px;position:absolute;width:min(340px,86vw);z-index:9}.vxt-card.show{display:block}.vxt-count{color:var(--vxt-blue);font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.vxt-cardtitle{font-size:14px;font-weight:600;margin-bottom:5px}.vxt-cardtext{color:#4b5563}.vxt-row{align-items:center;display:flex;gap:8px;margin-top:13px}.vxt-grow{flex:1}.vxt-card button{border:none;border-radius:var(--vxt-radius);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 15px;text-transform:uppercase}.vxt-next{background:var(--vxt-blue);color:#fff}.vxt-next:hover{background:var(--vxt-blue-dark)}.vxt-back{background:#eef1f5;color:#4b5563}.vxt-skip{background:none;color:#9ca3af;font-size:10.5px;font-weight:500;letter-spacing:0;padding:4px;text-decoration:underline;text-transform:none;text-underline-offset:2px}.vxt-toast{background:var(--vxt-dark);border-radius:6px;box-shadow:0 8px 24px rgba(34,35,38,.35);color:#fff;font-size:12px;left:50%;opacity:0;padding:8px 14px;pointer-events:none;position:absolute;top:14px;transform:translateX(-50%);transition:opacity .2s;z-index:12}.vxt-toast.show{opacity:1}.vxt-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(34,35,38,.78);display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:20}.vxt-panelcard{background:#fff;border-radius:12px;max-width:560px;overflow:hidden;padding:44px 46px 38px;position:relative;text-align:center}.vxt-panelcard:before{border:11px solid var(--vxt-amber);border-radius:50%;content:"";height:130px;opacity:.85;position:absolute;right:-46px;top:-46px;width:130px}.vxt-eyebrow{color:var(--vxt-blue);font-size:10.5px;font-weight:700;letter-spacing:.18em;margin-bottom:10px;text-transform:uppercase}.vxt-panelcard h2{color:var(--vxt-dark);font-size:26px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin-bottom:12px}.vxt-panelcard p{color:var(--vxt-muted);font-size:13.5px;line-height:1.65;margin-bottom:24px}.vxt-cta{background:var(--vxt-blue);border:none;border-radius:var(--vxt-radius);color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;padding:14px 34px;text-decoration:none;text-transform:uppercase}.vxt-cta:hover{background:var(--vxt-blue-dark);color:#fff}.vxt-alt{background:none;border:none;color:var(--vxt-muted);cursor:pointer;display:block;font-size:12px;margin:15px auto 0;text-decoration:underline;text-underline-offset:3px}.vxt-alt:hover{color:var(--vxt-dark)}.vxt-small{color:#9ca3af;font-size:11px;margin-top:16px}.vxt-footer{align-items:center;background:var(--vxt-dark);color:#9ca3af;display:flex;flex-wrap:wrap;font-size:11.5px;gap:10px;justify-content:space-between;padding:14px 20px}.vxt-fcta{background:var(--vxt-blue);border-radius:var(--vxt-radius);color:#fff;font-size:11px;font-weight:700;letter-spacing:.07em;padding:9px 18px;text-decoration:none;text-transform:uppercase;white-space:nowrap}.vxt-fcta:hover{background:var(--vxt-blue-dark);color:#fff}@media(max-width:760px){.vxt-header{gap:10px;padding:10px 12px}.vxt-capbar{flex-wrap:wrap;padding:10px 12px}.vxt-panelcard{padding:30px 22px}.vxt-main{padding:16px 8px 22px}}