#phoneDemo,#phoneDemo *{box-sizing:border-box;margin:0;padding:0}#phoneDemo{-webkit-font-smoothing:antialiased;--device-w:clamp(260px, 74vw, 360px);--device-h:clamp(420px, calc(var(--device-w) * var(--device-aspect)), 720px);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:Inter,-apple-system,sans-serif;display:flex}@media (min-width:1024px){#phoneDemo{--device-w:clamp(320px, 90vw, 420px);--device-h:clamp(540px, calc(var(--device-w) * var(--device-aspect)), 840px);--device-aspect:2.0625}}#phoneDemo{--device-aspect:1.88;--device-scale:calc(var(--device-w) / 320);--device-outline:calc(2 * var(--device-scale));--device-radius:calc(52 * var(--device-scale));--screen-radius:calc(44 * var(--device-scale));--device-padding:calc(10 * var(--device-scale));--side-btn-offset:calc(2 * var(--device-scale));--side-btn-w:calc(3 * var(--device-scale));--side-btn-r:calc(2 * var(--device-scale));--fs-bubble:16px;--fs-meta:16px;--fs-chip:16px;--fs-attach-name:clamp(9.5px, calc(11 * var(--device-scale)), 15px);--fs-attach-size:clamp(8px, calc(9.5 * var(--device-scale)), 15px);--fs-stats-name:clamp(9px, calc(10.2 * var(--device-scale)), 15px);--fs-stat-val:clamp(12.5px, calc(15.3 * var(--device-scale)), 20px);--fs-stat-lbl:clamp(6px, calc(6.4 * var(--device-scale)), 10px)}#phoneDemo.demo-phone .demo-player{width:var(--device-w);max-width:100%}#phoneDemo .device{width:var(--device-w);position:relative}#phoneDemo .device:before{content:"";border-radius:var(--device-radius);box-shadow:inset 0 0 0 var(--device-outline) #898484;pointer-events:none;z-index:1;position:absolute;inset:0}#phoneDemo .device:after{content:"";border-radius:var(--device-radius);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #00000026,0 30px 70px -10px #00000038,0 10px 25px -5px #0000001f,inset 0 0 0 calc(var(--device-outline) + 9px) #89848433;pointer-events:none;position:absolute;inset:0}#phoneDemo .device-frame{z-index:0;width:var(--device-w);height:var(--device-h);border-radius:var(--device-radius);padding:var(--device-padding);background:#1c1c1e;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #00000026,0 30px 70px -10px #00000038,0 10px 25px -5px #0000001f}#phoneDemo .device-frame:before{content:"";right:calc(-1*var(--side-btn-offset));top:calc(140*var(--device-scale));width:var(--side-btn-w);height:calc(44*var(--device-scale));border-radius:0 var(--side-btn-r) var(--side-btn-r) 0;background:#2c2c2e;position:absolute}#phoneDemo .device-frame:after{content:"";left:calc(-1*var(--side-btn-offset));top:calc(120*var(--device-scale));width:var(--side-btn-w);height:calc(30*var(--device-scale));border-radius:var(--side-btn-r) 0 0 var(--side-btn-r);box-shadow:0 calc(44*var(--device-scale)) 0 #2c2c2e;background:#2c2c2e;position:absolute}#phoneDemo .device-screen{border-radius:var(--screen-radius);background:#f2f2f7;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}#phoneDemo .device-intro{z-index:6;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;transition:opacity .5s,transform .5s;display:block;position:absolute;inset:0;overflow:hidden}#phoneDemo .device-intro img{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;display:block}#phoneDemo .device-intro--hidden{opacity:0;transform:translateY(-8%)scale(1.02)}@media (prefers-reduced-motion:reduce){#phoneDemo .device-intro{transition:opacity .25s}#phoneDemo .device-intro--hidden{transform:none}}#phoneDemo .chat-area{overflow-anchor:none;scrollbar-width:thin;flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:14px 4px 0;display:flex;overflow:hidden}#phoneDemo .msg-wrapper{width:100%;padding-bottom:6px}#phoneDemo .msg-wrapper:has(.from-bot){padding-left:6px}#phoneDemo .msg-wrapper:has(.from-user){padding-right:8px}#phoneDemo .bubble-text-wrap{clip-path:inset(-50px -50px -2px);width:100%;display:inline-block}#phoneDemo .task-blue .msg-task-intro,#phoneDemo .task-blue .msg-task-checklist,#phoneDemo .task-blue .msg-task-buttons-wrapper{opacity:1;transform:none}#phoneDemo .task-blue .msg-task-checklist{margin-top:4px}#phoneDemo .task-blue .msg-task-buttons-wrapper{margin-top:6px}#phoneDemo .msg-row{align-items:flex-end;gap:6px;max-width:100%;margin-top:4px;padding-bottom:4px;display:flex}#phoneDemo .msg-row.from-user{transform-origin:100% 100%;flex-direction:row-reverse}#phoneDemo .msg-row.from-bot{transform-origin:0 100%}#phoneDemo .msg-date-sep{justify-content:center;margin:5px 0 3px;display:flex}#phoneDemo .msg-date-sep span{color:#4b5563;background:#e5e7eb;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:500;line-height:1}#phoneDemo .msg-avatar{background:var(--brand);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}#phoneDemo .msg-avatar img{width:65px;height:70px;transform:translate(-11px,-6px)}#phoneDemo .bubble{max-width:95%;font-size:var(--fs-bubble);color:#1c1c1e;text-align:left;border-radius:18px;padding:8px 10px;font-family:Inter,sans-serif;line-height:1.34;position:relative;box-shadow:0 1px 3px #0f172a0f}#phoneDemo .bubble strong{font-style:normal;font-weight:700}#phoneDemo .bubble .msg-inline-favicon{vertical-align:-.18em;object-fit:contain;border-radius:50%;width:1.15em;height:1.15em;margin-right:.3em;display:inline-block}#phoneDemo .bubble.header{color:#07a;background:#eaf7ff;border:.5px solid #cbe8fa;font-size:11px;font-style:italic}#phoneDemo .bubble.danger{background:#fff7f7;border-color:#ef444459}#phoneDemo .bubble .meta{font-size:var(--fs-meta);opacity:.6;border-top:.5px solid #0000000f;margin-top:4px;padding-top:4px}#phoneDemo .bubble .meta img{border-radius:10px;max-width:100%}#phoneDemo .bubble .chip{font-size:var(--fs-chip);color:#16a34a;background:#22c55e1f;border-radius:10px;margin-top:6px;padding:5px 14px;font-weight:600;display:inline-block}#phoneDemo .bubble.voice{border-bottom-right-radius:4px;background:var(--brand)!important;color:#fff!important;border:none!important}#phoneDemo .bubble .msg-badge{color:#07a;font-size:var(--fs-bubble);background:#eaf7ff;border-radius:8px;margin-bottom:2px;padding:2px 7px;font-weight:400;display:inline-block}#phoneDemo .bubble .msg-badge--spaced{margin-bottom:8px}#phoneDemo .bubble .msg-comment-head{font-weight:700}#phoneDemo .bubble .msg-comment-rest{font-weight:400}#phoneDemo .bubble .msg-comment-icon{vertical-align:middle;color:inherit;justify-content:center;align-items:center;margin-right:6px;line-height:1;display:inline-flex}#phoneDemo .bubble .msg-comment-icon svg{display:block}#phoneDemo .msg-time{text-align:right;color:#6b7280;font-size:calc(var(--fs-bubble) - 2px);margin-top:4px;line-height:1}#phoneDemo .msg-comment .msg-badge{color:#07a;font-size:var(--fs-bubble);white-space:normal;word-break:break-word;background:#eaf7ff;border-radius:8px;align-items:flex-start;gap:5px;padding:3px 7px;font-weight:400;line-height:1.35;display:flex}#phoneDemo .msg-comment .msg-badge.msg-badge--spaced{align-items:center;width:100%;display:flex}#phoneDemo .msg-comment .msg-badge.msg-badge--spaced.msg-badge--inline-block{vertical-align:top;width:auto;max-width:100%;display:inline-block}#phoneDemo .msg-comment .msg-comment-head{flex-shrink:0;font-weight:700}#phoneDemo .msg-comment .msg-comment-rest{font-weight:400}#phoneDemo .msg-comment .msg-comment-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;margin-right:5px;display:inline-flex}#phoneDemo .msg-comment .msg-comment-icon svg{width:18px;height:18px;display:block}#phoneDemo .msg-comment.msg-comment--employee .msg-badge{color:#0d5c36;background:#e6f7ed;border:1px solid #b5e8cc;box-shadow:0 1px #0d5c360f}#phoneDemo .msg-comment.is-hidden{opacity:0;pointer-events:none;max-height:0;margin-top:0;margin-bottom:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s,max-height .4s,margin-top .35s,margin-bottom .35s;overflow:hidden;transform:translate(40px)}#phoneDemo .msg-comment.is-visible{opacity:1;max-height:120px;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s,max-height .5s,margin-top .4s,margin-bottom .4s;overflow:hidden;transform:translate(0)}#phoneDemo .msg-comment:not(.msg-comment--top).is-visible{margin-top:8px;margin-bottom:0}#phoneDemo .msg-comment.msg-comment--top.is-visible{margin-top:0;margin-bottom:8px}#phoneDemo .msg-checklist-body{padding-left:6px}#phoneDemo .msg-comment.is-hidden,#phoneDemo .msg-comment.is-visible{opacity:1!important;max-height:none!important;margin-top:4px!important;margin-bottom:0!important;padding:0!important;transition:none!important;display:block!important;transform:none!important}#phoneDemo .typing-dots{align-items:center;gap:4px;padding:2px 4px;display:flex}#phoneDemo .typing-dots span{background:#aab4c0;border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite typing-dot;display:block}#phoneDemo .typing-dots span:nth-child(2){animation-delay:.18s}#phoneDemo .typing-dots span:nth-child(3){animation-delay:.36s}@keyframes typing-dot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}#phoneDemo .msg-gap{height:6px}#phoneDemo .msg-spacer-half{height:.5em;display:block}#phoneDemo .msg-field-row{width:100%;display:block}#phoneDemo .msg-field-row--compact .msg-field-label--inline{width:auto;min-width:0;margin-right:2px}#phoneDemo .msg-field-row--single-space .msg-field-label--inline{width:auto;min-width:0;margin-right:1px}#phoneDemo .msg-field-row--third-align .msg-field-label--inline{width:120px;min-width:120px}#phoneDemo .msg-field-row--fourth-align .msg-field-label--inline{width:62px;min-width:62px}#phoneDemo .msg-field-row--approved-align .msg-field-label--inline{width:102px;min-width:102px}#phoneDemo .msg-field-row--result-align .msg-field-label--inline{width:92px!important;min-width:92px!important}#phoneDemo .msg-deadline-pair{vertical-align:bottom;white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:.35em;display:inline-flex}#phoneDemo .msg-deadline-pair__sep{flex-shrink:0}#phoneDemo .msg-field-label{min-width:0;display:inline-block}#phoneDemo .msg-field-label--inline{width:92px;min-width:92px;margin-right:0;display:inline-block}#phoneDemo .msg-actions{flex-wrap:wrap;align-items:stretch;gap:6px;margin-top:7px;display:flex}#phoneDemo .msg-action-btn{white-space:nowrap;min-width:0;font-size:var(--fs-bubble);cursor:pointer;color:#1f5f97;text-wrap:auto;background:linear-gradient(#eff7ff 0%,#dbeeff 100%);border:1px solid #a8c9ec;border-radius:6px;flex:1 1 0;padding:7px 8px;font-weight:500;line-height:1}#phoneDemo .msg-action-btn.primary{color:#fff;background:#02a7f6;border-color:#02a7f6}#phoneDemo .msg-action-btn.danger{color:#a03434;background:linear-gradient(#fff1f1 0%,#ffdede 100%);border-color:#efb2b2}#phoneDemo .msg-action-btn.secondary,#phoneDemo .msg-action-btn.ack,#phoneDemo .msg-action-btn.approve{color:#fff;background:linear-gradient(#31cb73 0%,#24b463 100%);border-color:#23ab5f}#phoneDemo .msg-action-btn.reject{color:#a03434;background:linear-gradient(#fff1f1 0%,#ffdede 100%);border-color:#efb2b2}#phoneDemo .msg-action-btn.is-full{flex-basis:100%}#phoneDemo .msg-action-btn.is-pressed{filter:brightness(.92);transition:transform .12s,filter .12s,box-shadow .12s;transform:translateY(1px)scale(.98);box-shadow:inset 0 2px 4px #00000026}@media not (min-width:640px){#phoneDemo .msg-action-btn{font-size:14px}}@media (max-width:540px){#phoneDemo .msg-action-btn{font-size:12px}}@media (max-width:470px){#phoneDemo .msg-action-btn{font-size:11px}}#phoneDemo .from-user .bubble{background:var(--brand);color:#fff;border:.5px solid #02a7f6bf;border-radius:12px 12px 4px}#phoneDemo .from-user .bubble:after{content:"";border-left:9px solid var(--brand);border-bottom:9px solid #0000;width:0;height:0;position:absolute;bottom:.2px;right:-7px}#phoneDemo .from-user .msg-time{color:#ffffffd1}#phoneDemo .from-bot .bubble{background:#fff;border:.5px solid #e0e0e5;border-radius:12px 12px 12px 4px;box-shadow:0 1px 3px #0000000a}#phoneDemo .from-bot .bubble:before{content:"";background:inherit;pointer-events:none;border-bottom:.5px solid #e0e0e5;border-left:.5px solid #e0e0e5;border-bottom-left-radius:2px;width:10px;height:10px;position:absolute;bottom:7px;left:-5px;transform:rotate(45deg);box-shadow:-1px 1px 1px #0f172a0a}#phoneDemo .from-bot .bubble:after{content:"";background:inherit;pointer-events:none;border-bottom-left-radius:10px;width:8px;height:12px;position:absolute;bottom:5px;left:-1px}#phoneDemo .from-bot .bubble.green{color:#1c1c1e;background:#fff;border-color:#e0e0e5}#phoneDemo .from-bot .bubble.green:before{border-bottom-color:#e0e0e5;border-left-color:#e0e0e5}#phoneDemo .from-bot .bubble.green:after{background:#fff}#phoneDemo .from-bot .bubble.task-blue{color:#1c1c1e;background:#fff;border-color:#e0e0e5}#phoneDemo .from-bot .bubble.task-blue:before{border-bottom-color:#e0e0e5;border-left-color:#e0e0e5}#phoneDemo .from-bot .bubble.manager{color:#1c1c1e;background:#fff;border-color:#e0e0e5}#phoneDemo .from-bot .bubble.manager:before{border-bottom-color:#e0e0e5;border-left-color:#e0e0e5}#phoneDemo .from-bot .bubble.employee{color:#1c1c1e;background:#fff}#phoneDemo .from-bot .bubble.neutral{color:#1c1c1e;background:#f4f5f7;border-color:#d8dbe1}#phoneDemo .from-bot .bubble.neutral:before{border-bottom-color:#d8dbe1;border-left-color:#d8dbe1}#phoneDemo .from-bot .bubble.neutral:after{background:#f4f5f7}#phoneDemo .from-bot .bubble.neutral.neutral-employee{background:#eceef1;border-color:#cfd3db}#phoneDemo .from-bot .bubble.neutral.neutral-employee:before{border-bottom-color:#cfd3db;border-left-color:#cfd3db}#phoneDemo .from-bot .bubble.neutral.neutral-employee:after{background:#eceef1}#phoneDemo .from-bot .bubble.system-note{box-shadow:none;color:#1c1c1e;background:0 0;border:none;max-width:100%;padding:0;font-style:italic}#phoneDemo .from-bot .bubble.system-note:before,#phoneDemo .from-bot .bubble.system-note:after,#phoneDemo .from-bot .bubble.system-note .msg-time{display:none}#phoneDemo .msg-row.from-bot:has(.bubble.system-note){justify-content:center}#phoneDemo .msg-system-note{font-size:var(--fs-bubble);color:#1c1c1e;padding:2px 0;font-style:italic;line-height:1.35}#phoneDemo .msg-inline-icon{vertical-align:-2px;border-radius:50%;width:16px;height:16px;margin-right:6px;display:inline-block;position:relative}#phoneDemo .msg-inline-icon:before{content:"";border-radius:50%;position:absolute;inset:0}#phoneDemo .msg-inline-icon--bot:before{background:#8b5cf6;box-shadow:inset 0 0 0 2px #ffffff8c}#phoneDemo .msg-inline-icon--success:before{background:#22c55e}#phoneDemo .msg-inline-icon--success-soft:before{background:#16a34a}#phoneDemo .msg-inline-icon--danger:before{background:#ef4444}#phoneDemo .msg-inline-icon--reminder:before{background:#f59e0b}#phoneDemo .msg-inline-icon--task:before{background:#3b82f6}#phoneDemo .msg-inline-icon--user:before{background:#06b6d4}#phoneDemo .msg-inline-icon--deadline:before{background:#f97316}#phoneDemo .msg-inline-icon--duration:before{background:#8b5cf6}#phoneDemo .msg-inline-icon--checklist:before{background:#10b981}#phoneDemo .attach-card{background:#00000008;border:.5px solid #0000000f;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}#phoneDemo .attach-icon{background:#fff;border:.5px solid #ddd;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:38px;display:flex;position:relative;overflow:hidden}#phoneDemo .attach-icon:before{content:"";border-top:8px solid #ddd;border-left:8px solid #0000;width:0;height:0;position:absolute;top:0;right:0}#phoneDemo .attach-icon svg{opacity:.5;width:16px;height:16px}#phoneDemo .attach-info{flex:1;min-width:0}#phoneDemo .attach-name{font-size:var(--fs-attach-name);color:#1c1c1e;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}#phoneDemo .attach-size{font-size:var(--fs-attach-size);color:#8e8e93;margin-top:1px}#phoneDemo .voice-row{align-items:center;gap:calc(4*var(--device-scale));width:100%;min-width:0;margin-bottom:calc(5*var(--device-scale));display:flex}#phoneDemo .voice-card{width:100%}#phoneDemo .voice-play-circle{width:calc(30*var(--device-scale));height:calc(30*var(--device-scale));background:#ffffff2e;border:.5px solid #fff9;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}#phoneDemo .voice-play-btn{border-left:calc(8*var(--device-scale)) solid #fff;border-top:calc(5*var(--device-scale)) solid #0000;border-bottom:calc(5*var(--device-scale)) solid #0000;opacity:.85;width:0;height:0;margin-left:calc(1*var(--device-scale));flex-shrink:0}#phoneDemo .voice-play-circle.is-playing .voice-play-btn{width:calc(7*var(--device-scale));height:calc(11*var(--device-scale));opacity:.95;background-color:#0000;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:calc(2.5*var(--device-scale)) calc(10*var(--device-scale)),calc(2.5*var(--device-scale)) calc(10*var(--device-scale));box-shadow:none;background-position:0,100%;background-repeat:no-repeat;border:none;margin-left:0}#phoneDemo .voice-wave-wrap{min-width:0;height:calc(20*var(--device-scale));border-radius:calc(8*var(--device-scale));align-items:center;gap:calc(3*var(--device-scale));padding:0 calc(6*var(--device-scale));background:#ffffff1f;flex:1;display:flex;position:relative}#phoneDemo .voice-progress-layer{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}#phoneDemo .voice-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#ffffff47 0%,#ffffff1f 100%);width:0;max-width:100%;position:absolute;top:0;bottom:0;left:0}#phoneDemo .voice-edge{z-index:1;width:calc(2*var(--device-scale));height:calc(16*var(--device-scale));background:#ffffffbf;border-radius:999px;flex-shrink:0;position:relative}#phoneDemo .voice-collapse{color:#ffffffd9;padding:0 calc(2*var(--device-scale));background:0 0;border:none;flex-shrink:0;width:auto;font-size:16px;line-height:1}#phoneDemo .voice-waveform{z-index:1;justify-content:space-between;align-items:center;gap:calc(1*var(--device-scale));height:calc(16*var(--device-scale));flex-wrap:nowrap;flex:1;width:100%;min-width:0;display:flex;position:relative}#phoneDemo .voice-waveform .vbar{min-width:calc(1*var(--device-scale));max-width:calc(3*var(--device-scale));border-radius:calc(1*var(--device-scale));background:#fff3;flex:1 0 auto;transition:background 80ms,box-shadow 80ms}#phoneDemo .voice-waveform .vbar.on{background:#ffffffe6}#phoneDemo .voice-waveform .vdot{width:calc(2*var(--device-scale));height:calc(2*var(--device-scale));background:#fff3;border-radius:50%;flex-shrink:0}#phoneDemo .voice-waveform .vdot.on{background:#ffffffe6}#phoneDemo .voice-waveform .vcircle{width:calc(7*var(--device-scale));height:calc(7*var(--device-scale));border:calc(1.5*var(--device-scale)) solid #ffffffbf;margin:0 calc(1*var(--device-scale));background:0 0;border-radius:50%;flex-shrink:0}#phoneDemo .voice-text{min-height:1.4em;font-size:var(--fs-bubble);font-style:italic;line-height:1.44}#phoneDemo .voice-card .voice-note{opacity:0;will-change:opacity;transition:opacity .2s}#phoneDemo .voice-card--sim-playing .voice-note,#phoneDemo .msg-row.is-completed .voice-note{opacity:1!important}#phoneDemo .msg-row.is-completed .voice-progress-bar{width:100%!important}#phoneDemo .msg-row.is-completed .vbar{background:#ffffffe6!important}#phoneDemo .voice-note{margin-top:calc(5*var(--device-scale));border-radius:calc(12*var(--device-scale));color:#ffffffeb;padding:calc(8*var(--device-scale));background:#ffffff24;line-height:1.35}#phoneDemo .voice-stats{margin-top:calc(6*var(--device-scale));justify-content:space-between;gap:calc(8*var(--device-scale));color:#ffffffe6;font-size:14px;line-height:1;display:flex}#phoneDemo .stats-panel{background:linear-gradient(160deg,#f5f3fa 0%,#ebe7f4 50%,#e8e4f0 100%);border-top:1px solid #8e7d8e1f;flex-shrink:0;padding:7px 8px 8px}#phoneDemo .stats-header{justify-content:center;align-items:center;gap:5px;margin-bottom:5px;display:flex}#phoneDemo .stats-icon{background:linear-gradient(135deg,#7eb4d8,#5a9bc0);border-radius:6px;justify-content:center;align-items:center;width:19px;height:19px;display:flex;box-shadow:0 2px 5px #5a96bf4d}#phoneDemo .stats-icon svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}#phoneDemo .stats-name{font-size:var(--fs-stats-name);color:#1c1c1e;letter-spacing:.2px;font-weight:800}#phoneDemo .stats-row{gap:4px;padding:0 7px 9px;display:flex}#phoneDemo .stat-card{text-align:center;background:linear-gradient(#fff 0%,#faf9fc 100%);border:.5px solid #0000000a;border-radius:10px;flex:1;padding:6px 3px 5px;box-shadow:0 2px 7px #0000000d}#phoneDemo .stat-val{font-size:var(--fs-stat-val);letter-spacing:-.4px;font-weight:800;line-height:1.1}#phoneDemo .stat-val.g{color:#34c759}#phoneDemo .stat-val.b{color:#3478f6}#phoneDemo .stat-val.o{color:#ff9500}#phoneDemo .stat-lbl{font-size:var(--fs-stat-lbl);color:#8e8e93;text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-weight:600}@media (max-width:1024px){#phoneDemo .bubble .meta img{max-height:180px}#phoneDemo{--fs-bubble:14px}}@media (max-width:540px){#phoneDemo{--fs-bubble:13px}#phoneDemo .msg-action-btn{padding:4px 5px}#phoneDemo .bubble .meta img{object-position:top;max-height:95px}#phoneDemo .msg-field-row--third-align .msg-field-label--inline{width:100px;min-width:100px}#phoneDemo .msg-field-row{text-wrap-mode:nowrap}#phoneDemo .msg-field-row--result-align .msg-field-label--inline{width:76px!important;min-width:76px!important}}@media (max-width:400px){#phoneDemo .msg-action-btn.primary{flex:auto}}@keyframes typing-reveal-fade{0%{opacity:0}to{opacity:1}}
#phoneDemo.demo-laptop{--fs-bubble:14px;--fs-meta:13px;--fs-chip:13px;flex-direction:column;align-items:center;width:100%;display:flex}#phoneDemo.demo-laptop .lt{flex-direction:column;align-items:center;width:850px;max-width:100%;display:flex}#phoneDemo.demo-laptop .demo-player{width:100%;max-width:560px;margin-top:12px}#phoneDemo.demo-laptop .lt__screen{box-sizing:border-box;background:#111114;border-radius:18px 18px 0 0;width:100%;padding:13px 6px 6px;position:relative;box-shadow:inset 0 0 0 1px #2b2b30}#phoneDemo.demo-laptop .lt__camera{background:radial-gradient(circle at 50% 35%,#45464b,#141418 70%);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%)}#phoneDemo.demo-laptop .lt__viewport{aspect-ratio:16/10.23;background:#fff;border-radius:5px;width:100%;min-height:497px;max-height:650px;position:relative;overflow:hidden}@media (min-width:1024px){#phoneDemo.demo-laptop .lt__viewport{aspect-ratio:16/11.25;min-height:546px}}#phoneDemo.demo-laptop .lt__viewport>.lt-app{position:absolute;inset:0}#phoneDemo.demo-laptop .lt__base{background:linear-gradient(#9b9696 0%,#908b8b 50%,#898484 100%);border-radius:0 0 16px 16px;width:104%;height:26px;position:relative;box-shadow:inset 0 1px #fff6,0 18px 26px -16px #00000080}#phoneDemo.demo-laptop .lt__base:after{content:"";background:linear-gradient(#00000014,#0000003d);border-radius:0 0 12px 12px;height:5px;position:absolute;bottom:0;left:4%;right:4%}#phoneDemo.demo-laptop .lt__notch{background:linear-gradient(#6c6868,#9b9696);border-radius:0 0 10px 10px;width:13%;max-width:110px;height:9px;position:absolute;top:0;left:50%;transform:translate(-50%)}#phoneDemo.demo-laptop .lt-app{color:#1c1c1e;text-align:left;pointer-events:none;background:#fff;font-family:Inter,-apple-system,sans-serif;display:flex;overflow:hidden}#phoneDemo.demo-laptop .lt-side{border-right:1px solid #eef0f2;flex-direction:column;flex-shrink:0;gap:7px;width:31%;max-width:260px;padding:12px 10px;display:flex;overflow:hidden}#phoneDemo.demo-laptop .lt-side__brand{color:var(--brand,#2da8c8);padding:2px 6px;font-size:clamp(13px,1.6vw,18px);font-weight:800}#phoneDemo.demo-laptop .lt-side__user{cursor:default;background:0 0;border:none;justify-content:space-between;align-items:center;gap:6px;padding:2px 6px 6px;display:flex}#phoneDemo.demo-laptop .lt-side__user-info{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;display:flex}#phoneDemo.demo-laptop .lt-side__user-name{font-size:clamp(11px,1.3vw,14px);font-weight:700}#phoneDemo.demo-laptop .lt-side__user-role{color:#9aa1a9;font-size:clamp(9px,1.1vw,12px)}#phoneDemo.demo-laptop .lt-side__user-chev{color:#c2c7cd;flex-shrink:0;width:16px;height:16px}#phoneDemo.demo-laptop .lt-side__user-chev svg{width:100%;height:100%}#phoneDemo.demo-laptop .lt-side__nav{flex-direction:column;gap:6px;display:flex}#phoneDemo.demo-laptop .lt-nav-item{color:#1c1c1e;cursor:default;text-align:left;background:#fff;border:1px solid #eaecef;border-radius:12px;align-items:center;gap:9px;padding:8px 10px;font-size:clamp(10px,1.2vw,13px);line-height:1;display:flex;position:relative}#phoneDemo.demo-laptop .lt-nav-item.is-active{background:color-mix(in srgb, var(--brand,#2da8c8) 10%, #fff);border-color:color-mix(in srgb, var(--brand,#2da8c8) 35%, #fff)}#phoneDemo.demo-laptop .lt-nav-item--soft{border-color:#eef0f2}#phoneDemo.demo-laptop .lt-nav-item__icon{width:18px;height:18px;color:var(--brand,#2da8c8);flex-shrink:0}#phoneDemo.demo-laptop .lt-nav-item__icon svg{width:100%;height:100%}#phoneDemo.demo-laptop .lt-nav-item__label{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.25}#phoneDemo.demo-laptop .lt-nav-item__badge{color:#fff;background:#ef4444;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}#phoneDemo.demo-laptop .lt-side__recent{letter-spacing:.04em;color:#9aa1a9;padding:8px 6px 0;font-size:clamp(8px,1vw,10px);font-weight:600}#phoneDemo.demo-laptop .lt-side__bottom{flex-direction:column;gap:6px;margin-top:auto;display:flex}#phoneDemo.demo-laptop .lt-chat{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}#phoneDemo.demo-laptop .lt-chat__head{border-bottom:1px solid #eef0f2;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}#phoneDemo.demo-laptop .lt-chat__title{align-items:center;gap:8px;font-size:clamp(12px,1.3vw,15px);font-weight:700;display:flex}#phoneDemo.demo-laptop .lt-chat__avatar{background:var(--brand,#2da8c8) url(/images/bot.png) center/cover no-repeat;border-radius:50%;flex-shrink:0;width:26px;height:26px}#phoneDemo.demo-laptop .lt-chat__head-actions{color:#9aa1a9;align-items:center;gap:12px;display:flex}#phoneDemo.demo-laptop .lt-chat__icon{width:18px;height:18px}#phoneDemo.demo-laptop .lt-chat__icon svg{width:100%;height:100%}#phoneDemo.demo-laptop .chat-area{scrollbar-width:thin;padding:14px 18px 0;overflow-y:auto}#phoneDemo.demo-laptop .bubble{max-width:380px}#phoneDemo.demo-laptop .bubble .meta img{max-height:100px}#phoneDemo.demo-laptop .lt-composer{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-shrink:0;align-items:center;gap:10px;margin:8px 12px 12px;padding:9px 12px;display:flex}#phoneDemo.demo-laptop .lt-composer__icon{color:#9aa1a9;flex-shrink:0;width:18px;height:18px}#phoneDemo.demo-laptop .lt-composer__icon svg{width:100%;height:100%}#phoneDemo.demo-laptop .lt-composer__placeholder{color:#9aa1a9;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(11px,1.2vw,13px);overflow:hidden}#phoneDemo.demo-laptop .lt-composer__mode{color:#6b7280;white-space:nowrap;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;font-size:clamp(10px,1.1vw,12px)}
.demo-section{text-align:center;padding:32px 0 24px}@media (min-width:768px){.demo-section .container{padding-inline:40px}}.demo-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex}@media (min-width:691px){.demo-wrapper{flex-direction:row;align-items:center;gap:clamp(14px,2vw,24px)}}.demo-title{margin-bottom:0}.demo-content{flex-direction:column;align-items:center;gap:clamp(16px,2vw,28px);width:100%;display:flex}@media (min-width:691px){.demo-content{flex:0 auto;width:auto;min-width:0}}.demo-phone-content__list{grid-template-columns:1fr;align-items:start;gap:8px;width:fit-content;margin:auto;display:grid}@media (min-width:691px){.demo-phone-content__list{flex-shrink:0;margin:0}}.demo-phone-content__item{background-color:color-mix(in srgb, var(--green) 20%, transparent);border-radius:var(--r-sm);border:1px solid var(--green);align-items:center;height:100%;padding:6px 16px;display:flex}.demo-phone-content__title{color:var(--dark);text-wrap:nowrap;font-size:clamp(12px,1.5vw,14px);font-weight:500}.demo-heading{text-align:center;color:var(--dark);margin-bottom:0;font-size:clamp(32px,2vw,54px);font-weight:800}@media (min-width:691px) and (max-width:990px){.demo-heading{max-width:360px}}.demo-player{align-items:center;gap:10px;width:clamp(320px,72vw,420px);margin-top:2px;padding:0 2px;display:flex}.demo-toggle{cursor:pointer;background:#fff;border:.5px solid #1a1a2e24;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.demo-toggle:hover{background:#f5f8ff}.demo-icon{display:inline-block}.demo-icon--pause{width:12px;height:12px;position:relative}.demo-icon--pause:before,.demo-icon--pause:after{content:"";background:#1a1a2e;border-radius:1px;width:4px;height:12px;position:absolute;top:0}.demo-icon--pause:before{left:0}.demo-icon--pause:after{right:0}.demo-icon--play{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:12px solid #1a1a2e;width:0;height:0;margin-left:2px}.demo-timeline{height:4px;accent-color:var(--blue-delegator);cursor:pointer;appearance:none;--progress:0%;background:0 0;flex:1}.demo-timeline::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--blue-delegator) 0 var(--progress), #3b82f647 var(--progress) 100%);border-radius:999px;height:4px}.demo-timeline::-webkit-slider-thumb{appearance:none;background:var(--blue-delegator);border:none;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 2px #fff}.demo-timeline::-moz-range-track{background:linear-gradient(90deg, var(--blue-delegator) 0 var(--progress), #3b82f647 var(--progress) 100%);border-radius:999px;height:4px}.demo-timeline::-moz-range-thumb{background:var(--blue-delegator);border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #fff}.demo-time{text-align:right;color:#5b6776;letter-spacing:.02em;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:78px;font-size:12px;font-weight:600;line-height:1}
