/* Targeted taste evolution, DESIGN_VARIANCE:8, MOTION_INTENSITY:4,
   VISUAL_DENSITY:4. Calm, readable call examples in the existing brand.
   The waveform illustrates the speaking turn; it is not measured audio. */
#product-voice-bots{--vais-animation-state:paused}
#product-voice-bots[data-motion="playing"]{--vais-animation-state:running}
#product-voice-bots::before{background:linear-gradient(115deg,#08151d 0%,#0b1c29 58%,#21172f 100%)}
#product-voice-bots .product-brand{display:block}
#product-voice-bots #voice-bots-title{position:relative;font-size:0;line-height:0;max-width:480px;width:100%}
#product-voice-bots .vais-accessible-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#product-voice-bots .vais-brand-logo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;transform:none}
#product-voice-bots .product-category{margin-top:24px}
#product-voice-bots .product-visual{height:auto}
.vais-motion-visual{width:100%;min-width:0}
.vais-demo-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-bottom:22px;border-bottom:1px solid #31505e}
.vais-demo-label{margin:0;color:#a4b7c4;font-size:14px;line-height:1.5}
.vais-scenarios{display:flex;flex-wrap:wrap;gap:8px}
.vais-scenarios[hidden],.vais-call-panel[hidden]{display:none}
.vais-scenario{border:1px solid #355362;border-radius:999px;padding:10px 17px;min-height:44px;background:transparent;color:#b9cbd6;font:500 13px/1.5 'Golos Text',Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.vais-scenario[aria-selected="true"]{background:#123447;border-color:#69c6e8;color:#e5f7ff}
#vais-tab-outgoing[aria-selected="true"]{background:#29213e;border-color:#ae99e4;color:#f0eaff}
.vais-call-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,5vw,72px);padding-top:26px}
.vais-voice-presence{min-width:0;text-align:center}
.vais-speaking-label{margin:0 0 16px;color:#d5ebf8;font-size:17px;font-weight:500;line-height:1.5}
#product-voice-bots .vais-spectrum{position:relative;height:110px;display:flex;align-items:center;justify-content:center}
#product-voice-bots .vais-spectrum .voice-wave{height:100%;width:100%;max-width:380px;display:flex;align-items:center;justify-content:center;gap:5px;transform:scaleY(1);transition:transform 600ms cubic-bezier(.22,.7,.24,1);opacity:.82}
#product-voice-bots[data-speaker="client"] .voice-wave{transform:scaleY(.28)}
#product-voice-bots .voice-wave .vais-wave-bar{display:block;width:4px;min-width:0;flex:1 1 4px;max-width:5px;height:var(--amplitude);border-radius:6px;background:linear-gradient(180deg,#a4e4f8,#4cafd3 60%,#667fd3);transform-origin:center;animation:vais-calm-speech var(--rhythm) cubic-bezier(.45,0,.55,1) infinite;animation-delay:var(--phase);animation-play-state:var(--vais-animation-state)}
#product-voice-bots .voice-wave .vais-wave-bar:nth-child(n+21){background:linear-gradient(180deg,#ccb9ee,#9383d9 60%,#677ed0)}
#product-voice-bots[data-motion="paused"] .voice-wave{transition:none}
.vais-call-panel{min-width:0}
.vais-call-panel h4{margin:0 0 16px;color:#edf6ff;font-size:19px}
#product-voice-bots[data-demo-ready="true"] .vais-call-panel h4{display:none}
.vais-call-panel+.vais-call-panel{margin-top:28px}
#product-voice-bots[data-demo-ready="true"] .vais-call-panel{margin-top:0}
.vais-dialogue{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vais-dialogue-line{margin:0;padding:12px 18px;border-left:2px solid #354a59;background:transparent}
.vais-dialogue-line.is-speaking{border-left-color:#bba5ef;background:rgba(173,148,234,.075)}
.vais-dialogue-line[data-speaker="client"].is-speaking{border-left-color:#82cde7;background:rgba(102,197,227,.065)}
.vais-line-speaker{display:block;margin-bottom:5px;color:#c0aee6;font:500 12px/1.4 'JetBrains Mono',ui-monospace,monospace}
.vais-dialogue-line[data-speaker="client"] .vais-line-speaker{color:#9bc7da}
.vais-dialogue-line p{margin:0;color:#dce7ee;font-size:clamp(17px,1.45vw,21px);line-height:1.5;text-wrap:pretty}
.vais-motion-controls{display:flex;align-items:center;justify-content:flex-end;margin-top:16px;min-height:44px}
.vais-motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;background:#112634;border:1px solid #547c97;border-radius:12px;color:#f5f7ff;font:500 12px/1.3 'JetBrains Mono',ui-monospace,monospace;cursor:pointer;touch-action:manipulation}
.vais-motion-toggle img{width:16px;height:16px;filter:brightness(0) invert(1)}
.vais-motion-toggle[hidden]{display:none}
.vais-motion-toggle:focus-visible,.vais-scenario:focus-visible,.vais-call-panel:focus-visible{outline:2px solid #b4e7fb;outline-offset:4px}
.vais-motion-toggle:active{background:#1c3b50}
@keyframes vais-calm-speech{0%,100%{transform:scaleY(.78)}32%{transform:scaleY(.94)}65%{transform:scaleY(.86)}}
@media(hover:hover) and (pointer:fine){.vais-motion-toggle:hover{background:#1c3b50}.vais-scenario:hover{border-color:#85b5cb}}
@media(max-width:720px){
 #product-voice-bots #voice-bots-title{max-width:420px}
 #product-voice-bots .product-category{margin-top:20px}
 .vais-demo-header{align-items:flex-start;gap:12px;padding-bottom:18px}
 .vais-scenario{font-size:12px;padding:9px 13px}
 .vais-call-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:20px}
 .vais-speaking-label{margin-bottom:8px;font-size:15px}
 #product-voice-bots .vais-spectrum{height:88px}
 #product-voice-bots .vais-spectrum .voice-wave{max-width:340px;gap:4px}
 #product-voice-bots .voice-wave .vais-wave-bar{max-width:4px}
 .vais-dialogue-line{padding:10px 14px}
 .vais-dialogue-line p{font-size:17px}
 .vais-motion-toggle{font-size:11px;padding-inline:10px}
}
@media(max-width:360px){.vais-scenario{padding-inline:10px}.vais-scenarios{gap:6px}#product-voice-bots .vais-spectrum .voice-wave{gap:3px}.vais-line-speaker{font-size:11px}}
@media(prefers-reduced-motion:reduce){
 #product-voice-bots .voice-wave .vais-wave-bar{animation:none;transform:scaleY(.82)}
 #product-voice-bots .vais-spectrum .voice-wave{transform:none;transition:none}
 .vais-motion-toggle{display:none}
}
