.call-stage{--call-phone-height:536px;color:#282620;isolation:isolate;background:radial-gradient(at 94% 105%,#bfceaf 0,#0000 44%),radial-gradient(at 35% 0,#b6c9b2 0,#0000 58%),linear-gradient(155deg,#d4dfca,#e9eee2 58%,#b8cbb7);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:724px;padding:34px 16px 100px;display:flex;position:relative;overflow:hidden}.call-stage button{cursor:pointer}.call-examples{justify-content:center;gap:26px;display:flex}.call-examples button{color:#64705b;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:5px 6px 8px;font-family:inherit;font-size:12px;line-height:18px}.call-examples button[aria-pressed=true]{color:#31422c;border-bottom-color:currentColor;font-weight:600}.call-examples button:hover{color:#31422c}.call-phone p,.call-phone dl,.call-phone dd{margin:0}.call-media{opacity:.001;pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.call-stage button:disabled{cursor:default;opacity:.5}.call-stage button:focus-visible,.call-stage input:focus-visible,.call-stage summary:focus-visible,.call-transcript:focus-visible{outline-offset:4px;outline:2px solid #487762}.call-stage svg{stroke-width:1.6px;width:16px;height:16px}.call-phone{width:260px;height:var(--call-phone-height);background:#fff;border:6px solid #2c2923;border-radius:42px;flex-direction:column;flex-shrink:0;padding:9px 14px 15px;display:flex;position:relative;box-shadow:0 30px 60px -10px #33382d4a}.call-status-bar{justify-content:space-between;align-items:flex-start;height:26px;padding:3px 7px 0;font-size:11px;font-weight:600;display:flex;position:relative}.call-island{background:#28251f;border-radius:20px;width:76px;height:21px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.call-status-icons{gap:3px;padding-top:1px;display:flex}.call-status-icons svg{width:12px;height:12px}.call-phone-heading{flex-shrink:0;height:52px;margin:5px 0 12px}.call-identity{text-align:center;transition:top .45s cubic-bezier(.22,1,.36,1);position:absolute;top:210px;left:14px;right:14px}.call-phone-heading p{font-size:24px;font-weight:500;line-height:1.4;transition:font-size .4s}.call-caller-phone{color:#656b64;font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;line-height:1.5;display:block}.call-inquiry{color:#4d5c44;font-size:10px;font-weight:600;line-height:1.4;display:block}.call-identity-status{color:#68785e;justify-content:center;align-items:center;gap:4px;min-height:18px;margin-top:4px;font-size:11px;display:flex}.call-identity-status svg{width:12px;height:12px}.call-identity-time{color:#817c75;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.5;display:block}.call-intro-signal{color:#47643b;background:#dfead7;border-radius:50%;place-items:center;width:48px;height:48px;transition:opacity .2s;display:grid;position:absolute;top:337px;left:calc(50% - 24px)}.call-intro-signal svg{width:21px;height:21px}.call-phone[data-call-phase=incoming] .call-intro-signal:before{content:"";border-radius:inherit;border:1px solid #92ad80;animation:1.4s ease-out infinite call-ring;position:absolute;inset:-10px}.call-phone[data-running=false] .call-intro-signal:before{animation-play-state:paused}.call-phone[data-call-phase=connected] .call-identity{top:39px}.call-phone[data-call-phase=connected] .call-phone-heading p{font-size:14px}.call-phone[data-call-phase=connected] .call-intro-signal{opacity:0}.call-connected-content{opacity:0;visibility:hidden;flex-direction:column;flex:1;min-height:0;transition:opacity .35s,transform .35s,visibility .35s;display:flex;transform:translateY(8px)}.call-phone[data-call-phase=connected] .call-connected-content{opacity:1;visibility:visible;transform:translateY(0)}.call-summary{border:1px solid #eeedeb;border-radius:14px;grid-template-columns:1fr 1fr 1fr;margin-bottom:10px;display:grid;overflow:hidden}.call-summary>div{min-width:0;padding:8px 9px}.call-summary>div+div{border-left:1px solid #eeedeb}.call-summary dt{color:#817c75;font-size:9px;line-height:1.3}.call-summary dd{white-space:nowrap;font-size:10px;line-height:1.4}.call-panel-heading{justify-content:space-between;align-items:center;margin:15px 0 8px;font-size:11px;font-weight:600;display:flex}.call-transcript{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 8px calc(100% - 3px),#0000);mask-image:linear-gradient(#0000,#000 8px calc(100% - 3px),#0000)}.call-transcript::-webkit-scrollbar{display:none}.call-transcript-content{flex-direction:column;justify-content:flex-end;gap:15px;min-height:100%;padding:10px 0 9px;display:flex}.call-turn{flex-direction:column;align-self:flex-start;min-width:0;max-width:88%;animation:.25s ease-out call-enter;display:flex}.call-turn>div{min-width:0}.call-turn.is-paddy{align-self:flex-end}.call-phone .call-turn-meta{margin:0 3px 4px}.call-turn-meta{gap:6px;margin:0 0 3px;font-size:10px;line-height:1.4;display:flex}.call-turn.is-paddy .call-turn-meta{justify-content:flex-end}.call-turn-meta strong{align-items:center;gap:3px;font-weight:500;display:inline-flex}.call-ai-mark{color:#647555;display:inline-flex}.call-turn-meta .call-ai-mark svg{width:11px;height:11px}.call-turn-meta>span{color:#8b857e;font-variant-numeric:tabular-nums}.call-turn-text{color:#66615a;overflow-wrap:anywhere;background:#f0f0ed;border-radius:12px 12px 12px 4px;padding:7px 9px;font-size:11px;line-height:1.65}.call-turn.is-paddy .call-turn-text{color:#3c4936;background:#e8eee1;border-radius:12px 12px 4px}.call-home-indicator{background:#2c2923;border-radius:10px;width:74px;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.call-player{background:#ffffffd9;border:1px solid #ffffffb3;border-radius:40px;align-items:center;gap:12px;width:min(500px,100% - 40px);padding:7px 12px;display:flex;position:absolute;bottom:37px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #33382f0a}.call-player button{color:#393b32;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.call-player button:hover{background:#e9eee4}.call-player svg{width:15px;height:15px}.call-player-time{font-variant-numeric:tabular-nums;color:#696f62;font-size:10px}.call-player input{background:linear-gradient(to right, #626d56 var(--call-progress), #dce3d6 var(--call-progress));appearance:none;cursor:pointer;touch-action:pan-y;border-radius:10px;flex:1;min-width:0;height:4px;margin:0}.call-player input::-webkit-slider-thumb{appearance:none;background:#626d56;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #fff9}.call-player input::-moz-range-thumb{background:#626d56;border:0;border-radius:50%;width:12px;height:12px}.call-player-notice{text-align:center;color:#5f796c;width:calc(100% - 24px);margin:0;font-size:9px;position:absolute;bottom:12px}.call-spin{animation:1s linear infinite call-spin}@keyframes call-spin{to{transform:rotate(360deg)}}@keyframes call-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes call-ring{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@media (max-width:600px){.call-stage{gap:16px;min-height:738px;padding-top:24px;padding-bottom:128px}.call-player{gap:7px;width:calc(100% - 24px);padding:5px 8px}.call-player button{width:26px;height:26px}.call-player-notice{font-size:8px}}@media (prefers-reduced-motion:reduce){.call-turn,.call-spin{animation:none}.call-intro-signal:before{animation:none!important}.call-identity,.call-phone-heading p,.call-intro-signal,.call-connected-content{transition:none}}
.inbound-demo{min-width:0}.inbound-channel-tabs{justify-content:center;gap:24px;margin-bottom:20px;display:flex}.inbound-channel-tabs button{color:#64705b;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:10px 5px;font-size:14px;display:inline-flex}.inbound-channel-tabs svg{flex-shrink:0;width:16px;height:16px}.inbound-channel-tabs button[aria-selected=true]{color:#31422c;border-bottom-color:currentColor;font-weight:600}.inbound-channel-tabs button:hover{color:#31422c}.inbound-channel-tabs button:focus-visible,.inbound-demo [role=tabpanel]:focus-visible{outline-offset:4px;outline:2px solid #487762}.inbound-demo [hidden]{display:none}.inbound-conversation{color:#282620;background:#fff;border:1px solid #d5dbcf;border-radius:18px;width:min(100%,380px);overflow:hidden;box-shadow:0 24px 55px -15px #33382d40}.inbound-text-message{width:260px;max-width:100%;height:var(--call-phone-height);clip-path:inset(0 round 42px);border:6px solid #2c2923;border-radius:42px;flex-direction:column;flex-shrink:0;padding:10px 6px 15px;display:flex;position:relative}.inbound-text-message:before{content:"";z-index:1;clip-path:inset(0 round 36px 36px 0 0);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);pointer-events:none;background:linear-gradient(#eff1edc2,#eff1ed7a);height:132px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.inbound-text-message>:not(.inbound-message-list){flex-shrink:0}.inbound-phone-status{z-index:3;justify-content:space-between;padding:0 12px 8px;font-size:11px;font-weight:600;display:flex;position:relative}.inbound-phone-status>span:last-child{gap:4px;display:flex}.inbound-phone-status svg{width:12px;height:12px}.inbound-message-header{z-index:2;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%)}.inbound-contact-avatar{color:#526747;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);background:linear-gradient(145deg,#e6eddcb3,#bccfb08c);border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px 1px #ffffffe6,0 4px 14px #34452b14}.inbound-contact-avatar svg{width:25px;height:25px}.inbound-contact-name{color:#29372a;-webkit-backdrop-filter:blur(16px)saturate(1.8);backdrop-filter:blur(16px)saturate(1.8);background:#f4f7ef80;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:2px;margin-top:-5px;padding:6px 9px 6px 12px;display:flex;box-shadow:inset 0 1px 1px #ffffffd9,0 3px 10px #34452b12}.inbound-contact-name strong{white-space:nowrap;font-size:12px;font-weight:600;line-height:1.2}.inbound-contact-name svg{opacity:.65;width:11px;height:11px}.inbound-message-list{pointer-events:none;flex-direction:column;flex:1;gap:14px;min-height:0;margin:0;padding:96px 14px 18px;list-style:none;display:flex;overflow:hidden}.inbound-message-list li{flex-shrink:0;max-width:88%;animation:.25s ease-out call-enter}.inbound-message-list .is-customer{align-self:flex-end}.inbound-message-list li>span{color:#817c75;margin-bottom:4px;font-size:10px;display:block}.inbound-message-list .is-customer>span{text-align:right}.inbound-message-list li>p{color:#3c4936;overflow-wrap:anywhere;background:#e8eee1;border-radius:12px 12px 12px 4px;margin:0;padding:8px 10px;font-size:12px;line-height:1.65}.inbound-message-list .is-customer>p{color:#66615a;background:#f0f0ed;border-radius:12px 12px 4px}.inbound-message-list .inbound-typing{align-items:center;gap:4px;width:fit-content;padding:13px 12px;display:flex}.inbound-typing i{background:#718169;border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite inbound-typing}.inbound-typing i:nth-child(2){animation-delay:.15s}.inbound-typing i:nth-child(3){animation-delay:.3s}@keyframes inbound-typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.inbound-message-list li,.inbound-typing i{animation:none}}@media (max-width:600px){.inbound-channel-tabs{gap:12px}.inbound-channel-tabs button{gap:5px;padding-inline:2px;font-size:12px}.inbound-channel-tabs svg{width:14px;height:14px}}