.vb-stage{perspective:2000px;perspective-origin:45% 40%;--rx:0deg;--ry:0deg;position:absolute;inset:0}.vb-device{width:620px;height:440px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .8s var(--ease-out-quart);transform-origin:50% 40%;margin-left:-300px;position:absolute;top:96px;left:50%;scale:1.08}.vb-book{transform-style:preserve-3d;animation:8s ease-in-out infinite vb-bob;position:absolute;inset:0;transform:rotateY(-22deg)rotateX(10deg)rotate(-5deg)}.vb-shadow{filter:blur(6px);background:radial-gradient(50% 50%,#000000b3,#0000 70%);background:radial-gradient(50% 50%,lab(0% 0 0/.7),#0000 70%);border-radius:999px;height:80px;position:absolute;bottom:-70px;left:40px;right:20px;transform:rotateX(80deg)}.vb-half{width:310px;height:440px;transform-style:preserve-3d;background:linear-gradient(160deg,#83868c,#3a3d44 35%,#161b24 70%,#5f636a);background:linear-gradient(160deg,lab(55.887% -.501543 -3.72579),lab(25.7112% -.398695 -4.46227) 35%,lab(9.41821% -.300482 -7.29312) 70%,lab(41.9588% -.573143 -4.45589));border:1px solid #ffffff4d;border:1px solid lab(100% 0 0/.3);padding:9px;position:absolute;top:0;box-shadow:inset 0 1px #fff6,inset 0 -1px #0009,0 40px 80px -30px #000000e6;box-shadow:inset 0 1px lab(100% 0 0/.4),inset 0 -1px lab(0% 0 0/.6),0 40px 80px -30px lab(0% 0 0/.9)}.vb-half--left{transform-origin:100%;border-radius:34px 6px 6px 34px;padding-right:6px;left:0;transform:rotateY(12deg)}.vb-half--right{transform-origin:0%;border-radius:6px 34px 34px 6px;padding-left:6px;left:310px;transform:rotateY(-12deg)}.vb-half--left .vb-screen:before,.vb-half--right .vb-screen:before{content:"";z-index:3;pointer-events:none;width:14px;position:absolute;top:0;bottom:0}.vb-half--left .vb-screen:before{background:linear-gradient(90deg,#0000,#00000059);background:linear-gradient(90deg,#0000,lab(0% 0 0/.35));right:0}.vb-half--right .vb-screen:before{background:linear-gradient(90deg,#ffffff1a,#0000004d 30%,#0000);background:linear-gradient(90deg,lab(100% 0 0/.1),lab(0% 0 0/.3) 30%,#0000);left:0}.vb-hinge{background:linear-gradient(#52555b,#26292f 50%,#52555b);background:linear-gradient(lab(36.1659% -.483051 -3.71603),lab(16.4293% -.36341 -4.44587) 50%,lab(36.1659% -.483051 -3.71603));border-radius:2px;width:8px;position:absolute;top:8px;bottom:8px;left:306px;transform:translateZ(-2px)}.vb-screen{background:linear-gradient(180deg, #0e1928 0%, #070b14 60%, var(--deep) 100%);height:100%;color:var(--paper);font-family:var(--font-sans);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.vb-screen{background:linear-gradient(180deg, lab(8.16676% -.445507 -12.3884) 0%, lab(2.98718% -.0104383 -4.71938) 60%, var(--deep) 100%)}}.vb-half--left .vb-screen{border-radius:26px 2px 2px 26px}.vb-half--right .vb-screen{border-radius:2px 26px 26px 2px}.vb-screen:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(115deg,#ffffff14 0%,#fff0 35% 65%,#ffffff08 100%);background:linear-gradient(115deg,lab(100% 0 0/.08) 0%,lab(100% 0 0/0) 35% 65%,lab(100% 0 0/.03) 100%);position:absolute;inset:0}.vb-island{z-index:2;background:#000;background:lab(.112911% 0 0);border-radius:999px;width:18px;height:64px;position:absolute;top:18px;left:10px;box-shadow:inset 0 0 0 1px #ffffff0f;box-shadow:inset 0 0 0 1px lab(100% 0 0/.06)}.vb-island:after{content:"";background:radial-gradient(circle at 35% 35%,#2e3b50,#030303 70%);background:radial-gradient(circle at 35% 35%,lab(24.3986% -.758216 -14.4176),lab(.903296% 0 0) 70%);border-radius:999px;width:10px;height:10px;position:absolute;bottom:6px;left:4px}.vb-status{justify-content:space-between;padding:14px 22px 0 40px;font-size:12px;font-weight:600;display:flex}.vb-status i{border:1px solid #fff9;border:1px solid lab(100% 0 0/.6);border-radius:3px;width:22px;height:10px;display:inline-block;position:relative;top:2px}.vb-status i:after{content:"";background:var(--paper);border-radius:1px;position:absolute;inset:2px 6px 2px 2px}.vb-app-head{border-bottom:1px solid #ffffff1a;border-bottom:1px solid lab(100% 0 0/.1);align-items:center;gap:10px;margin:18px 18px 0 40px;padding-bottom:10px;display:flex}.vb-avatar{background:var(--teal);width:34px;height:34px;color:var(--navy);border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.vb-app-head b{letter-spacing:-.01em;font-size:13px;font-weight:600;display:block}.vb-app-head small{color:var(--teal);font-size:10.5px;display:block}.vb-app-head .vb-avatar--call{animation:2.2s ease-out infinite vb-pulse}.vb-wave{align-items:flex-end;gap:3px;height:20px;margin:12px 18px 0 40px;display:flex}.vb-wave i{background:var(--teal);transform-origin:50% 100%;border-radius:2px;flex:1;height:100%;animation:1.1s ease-in-out infinite vb-bar}.vb-lines{flex-direction:column;gap:6px;margin:12px 16px 0 40px;display:flex}.vb-line{opacity:0;animation:vb-t1 14s var(--ease-out-quart) infinite both;background:#ffffff14;background:lab(100% 0 0/.08);border:1px solid #ffffff12;border:1px solid lab(100% 0 0/.07);border-radius:12px;padding:7px 10px;font-size:12px;line-height:1.35}.vb-line small{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;color:lab(100% 0 0/.5);margin-bottom:2px;font-size:9.5px;display:block}.vb-line--agent{background:#ed784e24;background:lab(64.0115% 43.7206 44.2049/.14);border-color:#ed784e59;border-color:lab(64.0115% 43.7206 44.2049/.35)}.vb-line--agent small{color:var(--teal)}.vb-line:nth-child(2){animation-name:vb-t2}.vb-line:nth-child(3){animation-name:vb-t3}.vb-line:nth-child(4){animation-name:vb-t4}.vb-booking{opacity:0;animation:vb-cal 14s var(--ease-out-quart) infinite both;background:#7c5cff29;background:lab(49.7531% 44.5539 -78.4051/.16);border:1px solid #7c5cff73;border:1px solid lab(49.7531% 44.5539 -78.4051/.45);border-radius:12px;align-items:center;gap:10px;margin:10px 16px 0 40px;padding:10px 12px;font-size:12px;display:flex}.vb-booking b{font-weight:600;display:block}.vb-booking small{color:#fff9;color:lab(100% 0 0/.6);font-size:10.5px;display:block}.vb-booking em{color:#dad9ff;color:lab(87.5969% 9.44442 -28.3126);background:#7c5cff4d;background:lab(49.7531% 44.5539 -78.4051/.3);border-radius:999px;margin-left:auto;padding:3px 7px;font-size:10px;font-style:normal}.vb-run{flex-direction:column;gap:6px;padding:10px 16px 0 18px;display:flex}.vb-step{opacity:0;animation:vb-s1 14s var(--ease-out-quart) infinite both;background:#ffffff12;background:lab(100% 0 0/.07);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:12px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;line-height:1.3;display:flex}.vb-step:nth-child(2){animation-name:vb-s2}.vb-step:nth-child(3){animation-name:vb-s3}.vb-step:nth-child(4){animation-name:vb-s4}.vb-step:nth-child(5){animation-name:vb-s5}.vb-step-icon{width:26px;height:26px;color:var(--paper);background:#ffffff14;background:lab(100% 0 0/.08);border-radius:8px;flex:none;place-items:center;display:grid}.vb-step-icon svg{width:14px;height:14px}.vb-step-icon--teal{color:var(--teal);background:#ed784e2e;background:lab(64.0115% 43.7206 44.2049/.18)}.vb-step-icon--azure{color:#6eb2fe;color:lab(70.4739% -5.92515 -44.723);background:#2a85de2e;background:lab(53.7418% -2.31174 -53.9624/.18)}.vb-step-icon--violet{color:#b7b3ff;color:lab(75.4623% 15.9614 -41.8795);background:#7c5cff2e;background:lab(49.7531% 44.5539 -78.4051/.18)}.vb-step-icon--amber{color:#fdc357;color:lab(82.6736% 13.8624 60.8545);background:#f0b13529;background:lab(76.8315% 15.651 68.1009/.16)}.vb-step-text{flex:1;min-width:0}.vb-step-ms{font-family:var(--font-mono);color:#ffffff80;color:lab(100% 0 0/.5);white-space:nowrap;font-size:9.5px}.vb-step-tick{color:var(--teal);flex:none}.vb-step-tick svg{width:14px;height:14px}.vb-done{color:var(--teal);opacity:0;animation:vb-done 14s var(--ease-out-quart) infinite both;background:#ed784e29;background:lab(64.0115% 43.7206 44.2049/.16);border:1px solid #ed784e73;border:1px solid lab(64.0115% 43.7206 44.2049/.45);border-radius:12px;align-items:center;gap:8px;margin:8px 16px 0 18px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.vb-done .vb-spark-i{animation:3s ease-in-out infinite vb-spark}.vb-running{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;color:lab(100% 0 0/.55);align-items:center;gap:5px;margin:10px 0 0 18px;font-size:10px;display:inline-flex}.vb-running i{background:var(--teal);border-radius:999px;width:6px;height:6px;animation:1s ease-in-out infinite vb-blink}@keyframes vb-bob{0%,to{translate:0}50%{translate:0 -10px}}@keyframes vb-t1{0%,3%{opacity:0;translate:0 6px}6%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-t2{0%,16%{opacity:0;translate:0 6px}19%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-t3{0%,30%{opacity:0;translate:0 6px}33%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-t4{0%,44%{opacity:0;translate:0 6px}47%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-cal{0%,54%{opacity:0;translate:0 8px}57%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-s1{0%,52%{opacity:0;translate:-8px}55%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-s2{0%,59%{opacity:0;translate:-8px}62%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-s3{0%,66%{opacity:0;translate:-8px}69%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-s4{0%,73%{opacity:0;translate:-8px}76%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-s5{0%,80%{opacity:0;translate:-8px}83%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-done{0%,87%{opacity:0;translate:0 8px}90%,96%{opacity:1;translate:0}to{opacity:0}}@keyframes vb-blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes vb-dot{0%,to{opacity:.5;translate:0}50%{opacity:1;translate:0 -3px}}@keyframes vb-spark{0%,to{opacity:.7;scale:1}50%{opacity:1;scale:1.25}}@keyframes vb-pulse{0%{box-shadow:0 0 #ed784e8c;box-shadow:0 0 lab(64.0115% 43.7206 44.2049/.55)}to{box-shadow:0 0 0 14px #ed784e00;box-shadow:0 0 0 14px lab(64.0115% 43.7206 44.2049/0)}}@keyframes vb-bar{0%,to{scale:1 .25}50%{scale:1}}@media (max-width:1023px){.vb-device{transform-origin:50% 0;top:10px;scale:.56}}@media (prefers-reduced-motion:reduce){.vb-book,.vb-line,.vb-booking,.vb-step,.vb-done,.vb-done .vb-spark-i,.vb-running i,.vb-avatar--call,.vb-wave i{animation:none!important}.vb-line,.vb-booking,.vb-step,.vb-done{opacity:1}.vb-device{transition:none}}.vb-lines .vb-line,.vb-lines .vb-booking,.vb-run .vb-step,.vb-done{opacity:1;animation:vb-enter .32s var(--ease-out-quart) both}@keyframes vb-enter{0%{opacity:0;translate:0 6px}}.vb-lines{justify-content:flex-end;height:252px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 34px);mask-image:linear-gradient(#0000,#000 34px)}.vb-lines .vb-booking{flex:none;margin:0}.vb-line{flex:none}.vb-word[data-now]{color:var(--teal)}.vb-line:not(.vb-line--agent)[data-speaking] .vb-word{color:#ffffffb8;color:lab(100% 0 0/.72)}.vb-line:not(.vb-line--agent)[data-speaking] .vb-word[data-now]{color:#b7b3ff;color:lab(75.4623% 15.9614 -41.8795)}.vb-wave i{transition:background-color .2s ease, scale .24s var(--ease-out-quart)}.vb-wave[data-speaker=caller] i{background:#978bff;background:lab(62.9925% 26.581 -58.5186)}.vb-wave:is([data-speaker=idle],[data-speaker=thinking],[data-speaker=ended]) i{animation-play-state:paused;scale:1 .18}.vb-wave[data-speaker=thinking] i{background:#ffffff59;background:lab(100% 0 0/.35)}.vb-wave[data-speaker=ended] i{background:#fff3;background:lab(100% 0 0/.2)}.vb-speaker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;color:lab(100% 0 0/.55);white-space:nowrap;align-items:center;gap:6px;margin:8px 18px 0 40px;font-size:9.5px;display:flex}.vb-speaker i{background:#ffffff59;background:lab(100% 0 0/.35);border-radius:999px;width:6px;height:6px}.vb-speaker[data-speaker=agent]{color:var(--teal)}.vb-speaker[data-speaker=agent] i{background:var(--teal);box-shadow:0 0 8px var(--teal)}.vb-speaker[data-speaker=caller]{color:#b7b3ff;color:lab(75.4623% 15.9614 -41.8795)}.vb-speaker[data-speaker=caller] i{background:#978bff;background:lab(62.9925% 26.581 -58.5186);box-shadow:0 0 8px #978bff;box-shadow:0 0 8px lab(62.9925% 26.581 -58.5186)}@media (prefers-reduced-motion:no-preference){.vb-speaker:is([data-speaker=agent],[data-speaker=caller],[data-speaker=thinking]) i{animation:1s ease-in-out infinite vb-blink}}.vb-running:not([data-on]) i{background:#ffffff59;background:lab(100% 0 0/.35);animation:none}@media (prefers-reduced-motion:reduce){.vb-lines .vb-line,.vb-lines .vb-booking,.vb-run .vb-step,.vb-done{animation:none}}@media (max-width:1023px){.vb-device{transform-origin:50% 0;width:310px;margin-left:-155px;top:0;scale:.86}.vb-book{transform:rotateY(-8deg)rotateX(4deg)}.vb-shadow,.vb-hinge{display:none}.vb-half--left{border-radius:34px;padding:9px;left:0;transform:none}.vb-half--left .vb-screen{border-radius:26px}.vb-half--right{border-radius:28px;height:auto;padding:7px;top:456px;left:0;transform:none}.vb-half--right .vb-screen{border-radius:22px;height:auto;min-height:120px;padding-bottom:14px}.vb-half--right .vb-status{display:none}.vb-half--right .vb-app-head{margin-top:14px}}@media (min-width:640px) and (max-width:1023px){.vb-device{scale:.92}}