.call-demo{position:absolute;bottom:8px;left:8px;width:215px;padding:17px;background:#fff;border:1px solid #c9dcef;border-radius:17px;box-shadow:0 16px 45px #214c7820;z-index:2}.call-top{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:750;color:#4a6883}.call-top i{width:6px;height:6px;border-radius:50%;background:#16b58a}.call-scene{height:80px;display:grid;place-items:center;position:relative;margin:10px 0}.call-base{position:absolute;bottom:2px;width:72px;height:22px;background:#dceafd;border-radius:15px 15px 9px 9px;border:1px solid #b5cee9}.call-handset{position:relative;width:53px;height:53px;border-radius:50%;background:#e2f7f0;color:#159577;display:grid;place-items:center;transition:transform .65s ease,background .5s}.call-handset svg{width:29px;height:29px;transform:rotate(-40deg)}.call-demo[data-state=ringing] .call-handset{animation:call-ring .35s ease-in-out infinite}.call-demo[data-state=answering] .call-handset,.call-demo[data-state=speaking] .call-handset{transform:translateY(-20px) rotate(30deg);background:#16ab85;color:white}.call-demo[data-state=ended] .call-handset{transform:translateY(5px)}.call-pulse{position:absolute;width:65px;height:65px;border:1px solid #16b58a;border-radius:50%;opacity:0}.call-demo[data-state=ringing] .call-pulse{animation:call-pulse 1.2s ease-out infinite}.call-text{font-size:12px;font-weight:800;color:#173e63;text-align:center;min-height:38px;line-height:1.45}.call-caption{color:#7890a8;font-size:9px;text-align:center;margin-top:5px}.call-wave{height:18px;display:flex;justify-content:center;gap:3px;align-items:center;margin:5px 0}.call-wave i{width:3px;height:4px;border-radius:3px;background:#b6cbe0}.call-demo[data-state=speaking] .call-wave i{background:#16ab85;animation:call-wave .8s ease-in-out infinite}.call-wave i:nth-child(2n){animation-delay:.15s!important}.call-wave i:nth-child(3n){animation-delay:.3s!important}.language-note{flex-basis:100%;text-align:center;font-size:11px;color:#71859a;margin:0}.language-inner{row-gap:7px}@keyframes call-ring{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes call-pulse{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.45);opacity:0}}@keyframes call-wave{50%{height:17px}}.call-demo[data-paused=true] *{animation-play-state:paused!important}@media(max-width:1050px) and (min-width:751px){.call-demo{width:180px;left:-5px;bottom:-105px}.visual{padding-bottom:175px}.chat{bottom:0}}@media(max-width:750px){.call-demo{position:relative;left:auto;bottom:auto;width:100%;margin:15px 0 0;display:grid;grid-template-columns:90px 1fr;column-gap:12px;align-items:center;padding:13px 18px}.call-scene{grid-row:1/5;grid-column:1;margin:0}.call-top,.call-text,.call-caption,.call-wave{grid-column:2}.call-text{min-height:0;text-align:left}.call-caption,.call-wave{text-align:left;justify-content:flex-start}.call-top{margin-bottom:6px}.call-wave{margin:3px 0}.visual{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.call-demo *{animation:none!important;transition:none!important}}