.sr-only[data-v-ae7bc655]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo[data-v-ae7bc655]{--navy:#0d172b;--slate:#394158;--technology:#182233;--ease-out:cubic-bezier(.23, 1, .32, 1);width:100%;min-width:0;max-width:540px}.browser[data-v-ae7bc655]{background:var(--deep);color:var(--white);border:1px solid #0d172b29;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px -28px #0d172b59}.browser-bar[data-v-ae7bc655]{background:var(--technology);border-bottom:1px solid #ffffff0d;align-items:center;gap:20px;height:44px;padding:0 18px;display:flex}.window-dots[data-v-ae7bc655]{gap:5px;width:36px;display:flex}.window-dots i[data-v-ae7bc655]{background:#ffffff38;border-radius:50%;width:6px;height:6px}.address[data-v-ae7bc655]{color:#ffffff80;background:#0c111c70;border:1px solid #ffffff09;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;height:25px;font-family:Space Grotesk,sans-serif;font-size:11px;display:flex}.address svg[data-v-ae7bc655]{fill:none;stroke:currentColor;stroke-width:1.3px;width:12px;height:12px}.browser-menu[data-v-ae7bc655]{letter-spacing:2px;color:#ffffff65;text-align:right;width:24px;font-size:20px}.chat-header[data-v-ae7bc655]{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;height:96px;padding:20px 24px;display:flex}.assistant-icon[data-v-ae7bc655]{background:var(--cyan);width:42px;height:42px;color:var(--navy);border-radius:14px;flex:none;place-items:center;display:grid}.assistant-icon svg[data-v-ae7bc655]{fill:none;stroke:currentColor;stroke-width:1.4px;width:24px;height:24px}.chat-header h3[data-v-ae7bc655]{margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;line-height:24px}.demo .browser .chat-header p[data-v-ae7bc655]{color:#ffffff80;align-items:center;gap:6px;margin:0;font-size:11px;line-height:17px;display:flex}.online-dot[data-v-ae7bc655]{background:var(--cyan);border-radius:50%;width:4px;height:4px}.example-label[data-v-ae7bc655]{color:#ffffff70;border:1px solid #ffffff1a;border-radius:5px;align-self:flex-start;margin-left:auto;padding:4px 6px;font-family:Space Grotesk,sans-serif;font-size:10px}.chat-viewport[data-v-ae7bc655]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#394158 #0c111c;overflow-anchor:none;height:360px;position:relative;overflow-y:auto}.chat-messages[data-v-ae7bc655]{flex-direction:column;gap:16px;min-height:100%;padding:24px 24px 22px;display:flex}.message-row[data-v-ae7bc655]{flex-direction:column;flex:none;align-items:flex-start;gap:6px;display:flex}.message-row.customer[data-v-ae7bc655]{align-items:flex-end}.speaker[data-v-ae7bc655]{color:#fff6;padding:0 4px;font-family:Space Grotesk,sans-serif;font-size:10px;line-height:14px}.bubble[data-v-ae7bc655]{background:var(--technology);color:#ffffffeb;max-width:88%;animation:message-in-ae7bc655 .22s var(--ease-out) both;overflow-wrap:break-word;border-radius:15px 15px 15px 5px;padding:13px 16px;font-size:16px;line-height:25px;position:relative}.customer .bubble[data-v-ae7bc655]{background:var(--cyan);color:var(--navy);border-radius:15px 15px 5px;max-width:83%}.bubble[data-v-ae7bc655]:after{content:"";background:inherit;width:9px;height:10px;clip-path:path("M 4 0 Q 5 7 9 10 L 0 10 Q 4 6 4 0");position:absolute;bottom:0;left:-4px}.customer .bubble[data-v-ae7bc655]:after{left:auto;right:-4px;transform:scaleX(-1)}.typing .bubble[data-v-ae7bc655]{align-items:center;gap:5px;min-height:42px;padding:16px 19px;display:flex}.typing i[data-v-ae7bc655]{background:#ffffff80;border-radius:50%;width:5px;height:5px;animation:1.2s linear infinite thinking-ae7bc655}.typing i[data-v-ae7bc655]:nth-child(2){animation-delay:.15s}.typing i[data-v-ae7bc655]:nth-child(3){animation-delay:.3s}.composer-area[data-v-ae7bc655]{background:var(--deep);border-top:1px solid #ffffff0c;padding:16px 24px 14px}.composer[data-v-ae7bc655]{background:var(--technology);border:1px solid #ffffff19;border-radius:14px;align-items:center;gap:14px;min-height:64px;padding:10px 10px 10px 15px;display:flex}.composer-content[data-v-ae7bc655]{white-space:pre-wrap;color:#ffffffde;overflow-wrap:break-word;flex:1;min-width:0;font-size:14px;line-height:22px}.placeholder[data-v-ae7bc655]{color:#ffffff57}.caret[data-v-ae7bc655]{border-left:1px solid var(--cyan);vertical-align:-3px;height:16px;margin-left:2px;animation:1s linear infinite blink-ae7bc655;display:none}.composing .caret[data-v-ae7bc655]{display:inline-block}.composing .placeholder[data-v-ae7bc655]{display:none}.send[data-v-ae7bc655]{background:var(--cyan);width:34px;height:34px;color:var(--navy);opacity:.28;transition:opacity .16s ease, transform .16s var(--ease-out);border-radius:10px;flex:none;place-items:center;display:grid}.composing .send[data-v-ae7bc655]{opacity:1}.send svg[data-v-ae7bc655]{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.sending .send[data-v-ae7bc655]{transform:scale(.95)}.demo .browser .composer-note[data-v-ae7bc655]{text-align:center;color:#ffffff46;margin:8px 0 0;font-size:10px;line-height:16px}.paused .caret[data-v-ae7bc655],.paused .typing i[data-v-ae7bc655]{animation-play-state:paused}@keyframes message-in-ae7bc655{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes thinking-ae7bc655{0%,70%,to{opacity:.4}35%{opacity:1}}@keyframes blink-ae7bc655{0%,49%{opacity:1}50%,to{opacity:0}}@media (width<=1100px){.chat-header[data-v-ae7bc655]{padding:18px}.chat-messages[data-v-ae7bc655]{padding:20px 18px}.composer-area[data-v-ae7bc655]{padding:16px 18px 14px}.bubble[data-v-ae7bc655]{font-size:15px;line-height:24px}}@media (width<=760px){.browser[data-v-ae7bc655]{border-radius:18px}.browser-bar[data-v-ae7bc655]{gap:14px;height:36px;padding:0 14px}.chat-header[data-v-ae7bc655]{height:84px;padding:16px}.assistant-icon[data-v-ae7bc655]{border-radius:12px;width:36px;height:36px}.chat-header h3[data-v-ae7bc655]{font-size:16px}.demo .browser .chat-header p[data-v-ae7bc655]{font-size:10px}.chat-viewport[data-v-ae7bc655]{height:340px}.chat-messages[data-v-ae7bc655]{gap:14px;padding:18px 16px}.bubble[data-v-ae7bc655]{max-width:92%;padding:12px 14px;font-size:15px;line-height:24px}.customer .bubble[data-v-ae7bc655]{max-width:88%}.composer-area[data-v-ae7bc655]{padding:12px 16px}.composer[data-v-ae7bc655]{gap:10px;min-height:66px;padding-left:12px}.composer-content[data-v-ae7bc655]{font-size:13px;line-height:21px}.example-label[data-v-ae7bc655]{font-size:9px}}.chat-header h3[data-v-ae7bc655]{text-transform:none;letter-spacing:normal}.demo .browser .chat-header p[data-v-ae7bc655],.example-label[data-v-ae7bc655],.speaker[data-v-ae7bc655],.demo .browser .composer-note[data-v-ae7bc655],.placeholder[data-v-ae7bc655],.browser-menu[data-v-ae7bc655]{color:#a9b2c1}.chat-viewport[data-v-ae7bc655]:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.static-demo .bubble[data-v-ae7bc655]{animation:none}.static-demo .send[data-v-ae7bc655]{transition:none}@media (width<=360px){.chat-header[data-v-ae7bc655]{gap:8px}.assistant-icon[data-v-ae7bc655]{width:30px;height:30px}.chat-header h3[data-v-ae7bc655]{font-size:15px}.chat-header p[data-v-ae7bc655]{font-size:9px}.example-label[data-v-ae7bc655]{padding:3px 4px}}@media (prefers-reduced-motion:reduce){.bubble[data-v-ae7bc655],.caret[data-v-ae7bc655],.typing i[data-v-ae7bc655]{animation:none}.send[data-v-ae7bc655]{transition:none}.sending .send[data-v-ae7bc655]{transform:none}}