.vdemo{background:var(--color-ground);position:relative;overflow:hidden}.vdemo:before{content:"";pointer-events:none;background:radial-gradient(#3d7dd414 0%,#0000 70%);width:min(900px,90vw);height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.vdemo__head{text-align:center;max-width:680px;margin:0 auto 48px;position:relative}.vdemo__eyebrow{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);margin-bottom:14px;font-size:clamp(32px,4.5vw,52px);font-weight:500;line-height:1.08}.vdemo__title{letter-spacing:-.01em;color:var(--color-muted);margin-bottom:14px;font-size:clamp(17px,2vw,20px);font-weight:600;line-height:1.4}.vdemo__sub{color:var(--color-subdued);max-width:560px;margin:0 auto;font-size:15px;line-height:1.7}.vdemo__panel{border:1px solid var(--color-border);background:linear-gradient(160deg, #fff 0%, var(--color-surface-2) 100%);border-radius:24px;grid-template-columns:1fr auto 1fr;max-width:1080px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 12px 40px #3d7dd414}.vdemo__divider{background:linear-gradient(180deg, transparent 0%, var(--color-border) 20%, var(--color-border) 80%, transparent 100%);width:1px}.vdemo__visual{background:linear-gradient(#fff9 0%,#0000 100%);flex-direction:column;justify-content:center;align-items:center;padding:44px 32px 36px;display:flex}.vdemo__orb-wrap{aspect-ratio:1;justify-content:center;align-items:center;width:min(260px,72%);margin-bottom:24px;display:flex;position:relative}.vdemo__orb-ring{pointer-events:none;border-radius:50%;position:absolute}.vdemo__orb-ring--outer{border:1.5px dashed #3d7dd438;animation:24s linear infinite vdemo-spin;top:0;bottom:0;left:0;right:0}.vdemo__orb-ring--mid{border:1px solid #3d7dd473;border-color:#3d7dd473 #3d7dd440 #0000 #0000;animation:10s linear infinite reverse vdemo-spin;top:14px;bottom:14px;left:14px;right:14px}.vdemo__orb-ring--inner{border:1px solid #0000;border-color:#0000 #0000 #3d7dd459 #60a5fa40;animation:6s linear infinite vdemo-spin;top:28px;bottom:28px;left:28px;right:28px}.vdemo__orb-core{aspect-ratio:1;border-radius:50%;width:68%;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 0 0 6px #ffffffd9,0 0 48px #3d7dd447,0 16px 32px #0000001a}.vdemo--active .vdemo__orb-core{box-shadow:0 0 0 6px #ffffffe6,0 0 64px #3d7dd466,0 20px 40px #0000001f}.vdemo--listening .vdemo__orb-core{animation:1.2s ease-in-out infinite vdemo-orb-pulse}@keyframes vdemo-orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.vdemo__orb-spin{transition:background .5s;animation:5s linear infinite vdemo-spin;position:absolute;top:-40%;bottom:-40%;left:-40%;right:-40%}.vdemo--listening .vdemo__orb-spin{animation-duration:2.5s}.vdemo__orb-aura{border-radius:50%;animation:26s linear infinite vdemo-spin;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.vdemo__blob{mix-blend-mode:screen;filter:blur(14px);will-change:transform, opacity;border-radius:50%;width:82%;height:82%;margin:-41% 0 0 -41%;position:absolute;top:50%;left:50%}.vdemo__blob--1{background:radial-gradient(circle,#38d9fff2 0%,#38d9ff00 62%);animation:8s ease-in-out infinite vdemo-blob-a}.vdemo__blob--2{background:radial-gradient(circle,#6384ffe6 0%,#6384ff00 62%);animation:11s ease-in-out infinite vdemo-blob-b}.vdemo__blob--3{background:radial-gradient(circle,#b27affd9 0%,#b27aff00 60%);animation:9.5s ease-in-out infinite vdemo-blob-c}.vdemo__blob--4{background:radial-gradient(circle,#ffffffe6 0%,#fff0 55%);animation:13s ease-in-out infinite vdemo-blob-d}@keyframes vdemo-blob-a{0%,to{transform:translate(-16%,-12%)scale(1)}33%{transform:translate(12%,14%)scale(1.28)}66%{transform:translate(16%,-14%)scale(.85)}}@keyframes vdemo-blob-b{0%,to{transform:translate(14%,16%)scale(1.1)}40%{transform:translate(-14%,-10%)scale(.9)}70%{transform:translate(-4%,16%)scale(1.3)}}@keyframes vdemo-blob-c{0%,to{transform:translate(15%,-14%)scale(.95)}35%{transform:translate(-16%,6%)scale(1.25)}75%{transform:translate(6%,14%)scale(1)}}@keyframes vdemo-blob-d{0%,to{opacity:.7;transform:translate(-10%,12%)scale(.9)}50%{opacity:1;transform:translate(10%,-12%)scale(1.15)}}.vdemo--listening .vdemo__blob--1{animation-duration:3.4s}.vdemo--listening .vdemo__blob--2{animation-duration:4.2s}.vdemo--listening .vdemo__blob--3{animation-duration:3.8s}.vdemo--listening .vdemo__blob--4{animation-duration:5s}.vdemo--listening .vdemo__orb-aura{animation-duration:12s}.vdemo__orb-shine{pointer-events:none;background:radial-gradient(circle at 34% 28%,#fff9 0%,#ffffff1f 38%,#0000 60%),radial-gradient(circle at 72% 80%,#08163766 0%,#0816371f 42%,#0000 66%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.vdemo__orb-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;animation:.4s cubic-bezier(.22,1,.36,1) both vdemo-icon-in;display:flex;position:absolute;top:50%;bottom:50%;left:50%;right:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0000002e}.vdemo__orb-icon svg{width:26px;height:26px}.vdemo__orb-dot{background:#ffffffe6;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;bottom:50%;left:50%;right:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #fffc}@keyframes vdemo-icon-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes vdemo-spin{to{transform:rotate(360deg)}}.vdemo__waves{align-items:flex-end;gap:4px;height:28px;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.vdemo__wave{background:var(--color-accent-strong);border-radius:2px;width:4px;height:8px;animation:.8s ease-in-out infinite alternate vdemo-wave;display:block}@keyframes vdemo-wave{0%{opacity:.5;height:6px}to{opacity:1;height:22px}}.vdemo__visual-label{font-family:var(--font-display);color:var(--color-ink);text-align:center;letter-spacing:-.01em;min-height:1.4em;margin-bottom:20px;font-size:15px;font-weight:700;transition:color .3s}.vdemo--active .vdemo__visual-label{color:var(--color-accent-strong)}.vdemo__pills{flex-wrap:wrap;justify-content:center;gap:8px;max-width:360px;display:flex}.vdemo__pill{border-radius:var(--radius-pill);border:1px solid var(--color-border);font-family:var(--font-ui);color:var(--color-muted);cursor:pointer;background:#ffffffb3;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s}.vdemo__pill:hover{border-color:var(--color-border-strong);color:var(--color-ink);background:#fff;transform:translateY(-1px)}.vdemo__pill--active{background:var(--color-ink);border-color:var(--color-ink);color:#fff;box-shadow:0 4px 12px #00000026}.vdemo__pill--active:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.vdemo__form{flex-direction:column;justify-content:center;min-height:420px;padding:40px 36px 36px;display:flex}.vdemo__field{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.vdemo__label{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-strong);font-size:11px;font-weight:600}.vdemo__input{border:none;border-bottom:1px solid var(--color-border-strong);width:100%;font-family:var(--font-ui);color:var(--color-ink);transition:border-color var(--transition);background:0 0;outline:none;padding:10px 0 12px;font-size:15px}.vdemo__input:focus{border-bottom-color:var(--color-accent)}.vdemo__select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234A4660' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;padding-right:24px}.vdemo__preview-empty{text-align:center;border:1.5px dashed var(--color-border);background:radial-gradient(at 50% 0,#3d7dd40d 0%,#0000 60%),#ffffff80;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-bottom:24px;padding:40px 24px;display:flex}.vdemo__preview-empty-icon{background:var(--color-accent-light);width:60px;height:60px;color:var(--color-accent-strong);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:flex;position:relative}.vdemo__preview-empty-icon:before{content:"";border:1px solid var(--color-accent-light);border-radius:50%;animation:2.4s ease-out infinite vdemo-empty-ping;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}@keyframes vdemo-empty-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.vdemo__preview-empty-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:8px;font-size:17px;font-weight:700}.vdemo__preview-empty-text{font-family:var(--font-ui);color:var(--color-subdued);max-width:260px;font-size:13.5px;line-height:1.6}.vdemo__preview{border:1px solid var(--color-border);background:#fff;border-radius:16px;flex:1;margin-bottom:24px;padding:20px;animation:.4s cubic-bezier(.22,1,.36,1) both vdemo-preview-in;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.vdemo__preview-accent{height:3px;position:absolute;top:0;left:0;right:0}@keyframes vdemo-preview-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vdemo__preview-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.vdemo__preview-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 6px 16px #00000024}.vdemo__preview-icon svg{width:24px;height:24px}.vdemo__preview-tag{font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent-strong);margin:0 0 3px;font-size:11px;font-weight:600}.vdemo__preview-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.vdemo__preview-desc{font-family:var(--font-ui);color:var(--color-muted);margin:0 0 18px;font-size:14px;line-height:1.65}.vdemo__preview-stats{border-top:1px solid var(--color-border);gap:24px;margin-bottom:16px;padding-top:16px;display:flex}.vdemo__preview-stat{flex-direction:column;gap:3px;display:flex}.vdemo__preview-stat strong{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.vdemo__preview-stat span{font-family:var(--font-ui);color:var(--color-subdued);font-size:11px}.vdemo__preview-brands{border-top:1px solid var(--color-border);padding-top:14px}.vdemo__preview-brands-label{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-subdued);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.vdemo__preview-brands-list{flex-wrap:wrap;gap:8px;display:flex}.vdemo__preview-brands-list span{font-family:var(--font-ui);color:var(--color-muted);border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);padding:4px 10px;font-size:12px;font-weight:600}.vdemo__submit{border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;font-family:var(--font-ui);cursor:pointer;border:1px solid #0000;justify-content:center;align-self:stretch;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;transition:background .25s,border-color .25s,color .25s,transform .2s,box-shadow .25s;display:inline-flex;box-shadow:0 4px 14px #00000026}.vdemo__submit:hover:not(:disabled){background:var(--color-accent-strong);transform:translateY(-2px);box-shadow:0 8px 20px #3d7dd459}.vdemo__submit:disabled{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-subdued);box-shadow:none;cursor:not-allowed}.vdemo--listening .vdemo__submit{background:var(--color-accent-strong)}.vdemo__submit-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.vdemo__submit-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.vdemo__submit-bars span{background:currentColor;border-radius:1px;width:3px;height:4px;animation:.7s ease-in-out infinite alternate vdemo-wave;display:block}@media (max-width:900px){.vdemo__panel{grid-template-columns:1fr}.vdemo__divider{background:linear-gradient(90deg, transparent 0%, var(--color-border) 20%, var(--color-border) 80%, transparent 100%);width:100%;height:1px}.vdemo__visual{padding:36px 24px 28px}.vdemo__form{min-height:auto;padding:28px 24px 32px}.vdemo__orb-wrap{width:min(220px,60%)}}@media (max-width:480px){.vdemo__pills{gap:6px}.vdemo__pill{padding:6px 11px;font-size:11.5px}.vdemo__preview-stats{gap:16px}.vdemo__preview-stat strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.vdemo__orb-spin,.vdemo__orb-aura,.vdemo__blob,.vdemo__orb-ring--outer,.vdemo__orb-ring--mid,.vdemo__orb-ring--inner,.vdemo__wave,.vdemo__submit-bars span,.vdemo--listening .vdemo__orb-core,.vdemo__preview,.vdemo__orb-icon,.vdemo__preview-empty-icon:before{animation:none}}