.simple-demo{min-height:100svh;display:flex;flex-direction:column;background:#fffaf7;color:#333a46}.simple-demo .topbar{width:100%;max-width:1060px;padding:24px 28px;border:0}.simple-demo .brand{font-size:24px}.simple-demo .brand small{font-size:16px;letter-spacing:1.5px}.simple-demo .brand-icon{width:36px;height:36px;font-size:28px;border-radius:11px}.simple-demo .demo-layout{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:620px;width:100%;padding:16px 24px 32px;flex:1}.simple-demo .intro{text-align:center;width:100%}.simple-demo .agent-company{font-size:16px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;color:#9c624b;margin-bottom:12px;overflow-wrap:anywhere}.simple-demo h1{font-size:clamp(34px,6vw,44px);letter-spacing:-1.4px;font-weight:600;line-height:1.2;margin:0 0 12px}.simple-demo .intro>p:last-child{font-size:18px;color:var(--muted)}.simple-demo .conversation-card{width:100%;padding:18px 20px 18px;border-radius:28px;border-color:#f0dfd6;box-shadow:0 10px 45px #174f4008}.simple-demo .voice-visual{height:166px;--energy:0;margin:0}.simple-demo .orb{width:120px;height:120px;background:radial-gradient(circle at 30% 24%,#ffc39b,#ef7846 49%,#a84228 91%);box-shadow:inset 0 0 20px #ffffff40,0 14px 38px #ee763330;transform:scale(calc(1 + var(--energy)*.13));transition:transform 80ms linear;animation:agent-breathe 4s ease-in-out infinite}.simple-demo .orbit{width:158px;height:158px;border-color:#efc5ae;opacity:.6;animation:none}.simple-demo .orbit-two{width:192px;height:192px;border-style:solid;border-color:#f9e5d7;animation:agent-ring 4s ease-in-out infinite}.simple-demo .wave{gap:5px;height:40px}.simple-demo .wave i{width:4px;height:calc(6px + var(--energy)*26px);background:#fff2e8;animation:none;transition:height 80ms linear}.simple-demo .wave i:nth-child(2),.simple-demo .wave i:nth-child(6){height:calc(12px + var(--energy)*20px)}.simple-demo .wave i:nth-child(3),.simple-demo .wave i:nth-child(5){height:calc(20px + var(--energy)*24px)}.simple-demo .wave i:nth-child(4){height:calc(26px + var(--energy)*26px)}.simple-demo [data-state="speaking"] .orb,.simple-demo [data-state="listening"] .orb{animation:none}.simple-demo [data-state="speaking"] .orbit-one{transform:scale(calc(1 + var(--energy)*.17));transition:transform 80ms linear}.simple-demo [data-state="connecting"] .orbit-one,.simple-demo [data-state="reconnecting"] .orbit-one,.simple-demo [data-state="thinking"] .orbit-one{border:2px solid #f8e0d1;border-top-color:#e96838;animation:agent-spin 1.5s linear infinite}.simple-demo [data-state="thinking"] .wave i{animation:wave .65s ease-in-out infinite alternate}.simple-demo [data-state="thinking"] .wave i:nth-child(even){animation-delay:.2s}.simple-demo [data-state="demo-paused"] .orb{filter:saturate(.6)}.simple-demo .call-title{padding:0 10px 20px}.simple-demo .status{display:inline-block;font-size:16px;color:#975438;background:#fff0e5;padding:6px 12px;margin-bottom:8px}.simple-demo .call-title h2{font-size:21px}.simple-demo .call-title p:last-child{font-size:18px;margin-top:8px}.simple-demo .controls{padding:0;gap:8px}.simple-demo #start{min-width:205px;min-height:56px;font-size:18px;border-radius:14px;box-shadow:0 5px 16px #174f401c}.simple-demo .text-choice{margin:9px 0}.simple-demo .text-button{font-size:16px;min-height:36px}.simple-demo .demo-disclosure{text-align:center;font-size:16px;line-height:1.6;color:#8f817a;margin:14px 0 0}.simple-demo .message{text-align:center;font-size:16px;margin:12px 0 0;padding:0 8px}.simple-demo .message:empty{display:none}.simple-demo .question-form{margin:16px 0 0}.simple-demo .transcript-panel{margin:16px -20px -18px;padding:16px 20px;background:#fffaf7}.simple-demo .transcript-panel summary{cursor:pointer;color:#9e593d;font-size:16px;padding:4px 0}.simple-demo .transcript-heading{justify-content:flex-end}.simple-demo .transcript{padding-top:0;text-align:left}.simple-demo .phone-option{display:block;text-align:center;font-size:16px;color:#9e593d;margin-top:18px}.simple-demo footer{border:0;padding:0 24px 20px;font-size:16px;justify-content:center;width:100%;color:#95867f}
@keyframes agent-breathe{50%{transform:translateY(-5px);box-shadow:inset 0 0 20px #ffffff50,0 18px 42px #ee763340}}@keyframes agent-ring{50%{transform:scale(1.04);opacity:.35}}@keyframes agent-spin{to{transform:rotate(360deg)}}@media(max-width:500px){.simple-demo .topbar{padding:18px 22px}.simple-demo .demo-layout{padding:14px 18px 24px;gap:22px}.simple-demo .conversation-card{padding-top:18px}.simple-demo .voice-visual{height:166px}.simple-demo h1{font-size:30px}.simple-demo .button{min-height:44px}}@media(prefers-reduced-motion:reduce){.simple-demo .voice-visual *{animation:none!important;transition:none!important;transform:none!important}}

.simple-demo{--primary:#d95d2e;--ink:#333a46;--muted:#776e68}.simple-demo .brand-icon,.simple-demo .button.primary{background:#dc6333}.simple-demo .topbar{justify-content:space-between}.simple-demo .topbar>a:last-child{color:#985739;text-decoration:none;display:flex;align-items:center}

.simple-demo .agent-company{display:none}.simple-demo .button,.simple-demo .timer,.simple-demo .transcript,.simple-demo .utterance b,.simple-demo .question-form input{font-size:16px}.simple-demo .demo-disclosure{color:#776e68}.simple-demo .intro>p:last-child{line-height:1.6}.simple-demo .text-choice{text-align:center}