.ai-agent-demo{border-radius:var(--radius-md);width:100%;max-width:1140px;box-shadow:var(--box-shadow-card);background:linear-gradient(180deg, var(--surface-brand-500) 12.729%, var(--pink) 109.42%);isolation:isolate;flex-wrap:wrap;margin-inline:auto;display:flex;overflow:clip}.ai-agent-demo-card{gap:var(--spacing-md);min-width:288px;padding:var(--spacing-vertical-md) var(--spacing-lg);background:var(--surface-white);flex-direction:column;flex:1 0 0;display:flex}.ai-agent-demo-listen{gap:var(--spacing-vertical-sm);flex-direction:column;display:flex}.ai-agent-demo-title{font-feature-settings:"liga" 1, "clig" 1, "dlig" 1;font-family:Be Vietnam Pro,Helvetica,Arial,sans-serif;font-size:var(--font-size-2xl);font-style:normal;font-weight:var(--font-weight-semibold);letter-spacing:var(--font-letter-spacing-1xs);color:var(--text-primary);margin:0;line-height:120%}.ai-agent-demo-widget.listen-ai-agent-widget{border-radius:0;padding:0}.ai-agent-demo-contact,.ai-agent-demo-form{gap:var(--spacing-vertical-xs);flex-direction:column;margin:0;display:flex}.ai-agent-demo-form-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-sm);text-wrap:balance;color:var(--text-primary);margin:0;line-height:140%}.ai-agent-demo-form-row{align-items:center;gap:var(--spacing-2xs);flex-wrap:wrap;display:flex}.ai-agent-demo-form .ai-agent-demo-field{flex:1 0 0;min-width:200px;margin-bottom:0}.ai-agent-demo-form .ai-agent-demo-field input{width:100%}.ai-agent-demo-submit.button-component{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--font-letter-spacing-md);text-transform:uppercase;text-wrap:pretty;flex:1 0 0;min-width:120px;line-height:140%}.ai-agent-demo-form-field{gap:var(--spacing-vertical-2xs);flex-direction:column;display:flex}.ai-agent-demo-form-note{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:var(--text-secondary);margin:0;line-height:140%}.ai-agent-demo-form-status{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:var(--text-primary);margin:0;line-height:150%}.ai-agent-demo-form-status:empty{display:none}.ai-agent-demo-form-status.is-error{color:var(--text-error)}.ai-agent-demo-call{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:var(--text-secondary);margin:0;line-height:150%}.ai-agent-demo-call-link{color:var(--text-highlight);text-decoration:none}.ai-agent-demo-call-link:hover{color:var(--text-highlight)}.ai-agent-demo-call-number{text-decoration:underline}.ai-agent-demo-panel{flex:1 0 0;min-width:288px;min-height:320px;position:relative}.ai-agent-demo-scroller{padding:var(--spacing-vertical-xl) var(--spacing-lg);scrollbar-width:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.ai-agent-demo-scroller::-webkit-scrollbar{display:none}.ai-agent-demo-lines{gap:var(--spacing-vertical-sm);flex-direction:column;margin:auto 0;padding:0;list-style:none;display:flex}.ai-agent-demo-lines[hidden]{display:none}.ai-agent-demo-line{animation:.3s ease-out ai-agent-demo-reveal}.ai-agent-demo-line-caller{padding-right:var(--spacing-1xl)}.ai-agent-demo-line-agent{padding-left:var(--spacing-1xl)}.ai-agent-demo-bubble{gap:var(--spacing-2xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--surface-white);flex-direction:column;transition:opacity .3s;display:flex}.ai-agent-demo.is-playing .ai-agent-demo-line:not(.is-active) .ai-agent-demo-bubble{opacity:.6}.ai-agent-demo-speaker{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;align-items:center;gap:var(--spacing-2xs);color:var(--text-placeholder);margin:0;line-height:140%;display:flex}.ai-agent-demo-speaker img{flex-shrink:0}.ai-agent-demo-text{font-size:var(--font-size-md-responsive);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:var(--text-primary);margin:0;line-height:150%}@media (prefers-reduced-motion:reduce){.ai-agent-demo-line{animation:none}.ai-agent-demo-bubble{transition:none}}@keyframes ai-agent-demo-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
