.ix-live-demo{--bubble-ink:#17362f;--bubble-green:#116e5c;--bubble-muted:#5a7069;--bubble-line:#d9e6df;font-family:Arial,Helvetica,sans-serif;color:var(--bubble-ink);letter-spacing:0;color-scheme:light}
.ix-live-demo *{box-sizing:border-box;letter-spacing:0}.ix-live-demo button,.ix-live-demo textarea{font:inherit;letter-spacing:0}.ix-live-demo button{cursor:pointer;text-transform:none}.ix-live-demo button:disabled{cursor:wait;opacity:.5}.ix-live-demo [hidden]{display:none!important}.ix-live-demo svg{width:20px;height:20px;stroke-width:1.7;flex:none}.ix-live-demo button:focus-visible,.ix-live-demo a:focus-visible,.ix-live-demo textarea:focus-visible{outline:3px solid #ad6e3d;outline-offset:4px}.ix-live-demo .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ix-live-demo .bubble-stage{min-height:calc(100svh - 100px);display:grid;place-items:center;margin:0;background:#f3f8f5;padding:60px 24px;text-align:center;position:relative}.ix-live-demo .stage-brand{padding-bottom:70px}.ix-live-demo .stage-brand h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:104px;line-height:1.1;color:#15382e;margin:0;letter-spacing:0}.ix-live-demo .stage-brand p{font-size:17px;line-height:1.7;margin:18px 0 0;color:#62766b}
.ix-live-demo .bubble-launcher{position:fixed;right:24px;bottom:24px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffffa8;color:white;background:var(--bubble-green);padding:0;box-shadow:0 7px 25px #18372e24;z-index:100001;transition:transform .18s ease}.ix-live-demo .bubble-launcher svg{width:30px;height:30px}.ix-live-demo .bubble-launcher:is(:hover,:focus){color:white;background:#0e5d4e;border-color:#ffffffa8;transform:translateY(-2px)}
.ix-live-demo .bubble-invitation{position:fixed;right:24px;bottom:102px;width:286px;max-width:calc(100vw - 32px);padding:0;background:#fffffff2;backdrop-filter:blur(20px);border:1px solid #d6e5dc;border-radius:14px;box-shadow:0 12px 34px #18372e12;z-index:100000}.ix-live-demo .invitation-open{display:block;text-align:left;width:100%;padding:20px 34px 17px 20px;border:0;border-radius:14px;background:transparent;color:var(--bubble-ink)}.ix-live-demo .invitation-open:is(:hover,:focus){background:#f8fcfa;color:var(--bubble-ink)}.ix-live-demo .invitation-open strong{display:block;font-size:15px;font-weight:600;line-height:1.5}.ix-live-demo .invitation-open>span{display:block;font-size:13px;line-height:1.65;margin-top:6px}.ix-live-demo .invitation-open .invitation-action{display:flex;gap:7px;align-items:center;margin-top:13px;font-size:12px;font-weight:600;color:var(--bubble-green)}.ix-live-demo .invitation-action svg{width:15px;height:15px}.ix-live-demo .invitation-close{position:absolute;top:7px;right:7px;display:grid;place-items:center;padding:0;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--bubble-muted);z-index:1}.ix-live-demo .invitation-close svg{width:14px;height:14px}.ix-live-demo .invitation-close:is(:hover,:focus){color:var(--bubble-ink);background:#eaf2ed}
.ix-live-demo .bubble-panel{position:fixed;right:24px;bottom:102px;width:400px;max-width:calc(100vw - 32px);height:min(610px,calc(100dvh - 126px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5e4db;border-radius:16px;background:#f5f9f7f2;backdrop-filter:blur(22px) saturate(125%);box-shadow:0 18px 60px #15372d20;z-index:100002}.ix-live-demo .bubble-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:#ffffffe8;border-bottom:1px solid var(--bubble-line)}.ix-live-demo .bubble-identity{display:flex;align-items:center;gap:11px;min-width:0}.ix-live-demo .assistant-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#e5f1ea;color:var(--bubble-green);flex:none}.ix-live-demo .bubble-identity h2{font-size:17px;line-height:1.3;font-weight:600;color:var(--bubble-ink);margin:0}.ix-live-demo .bubble-identity p{font-size:11px;line-height:1.5;color:var(--bubble-muted);margin:4px 0 0}.ix-live-demo .bubble-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;padding:0;border:0;border-radius:8px;color:var(--bubble-muted);background:transparent}.ix-live-demo .bubble-icon:is(:hover,:focus){color:var(--bubble-ink);background:#eaf2ed}
.ix-live-demo .bubble-conversation{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding:18px;display:flex;flex-direction:column;gap:14px}.ix-live-demo .bubble-message{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;border:1px solid #dfebe3;border-radius:8px;background:#ffffffd9;color:var(--bubble-ink);max-width:93%;align-self:flex-start;animation:ix-bubble-message .2s ease-out}.ix-live-demo .bubble-message.user{align-self:flex-end;background:#e1efe6;border-color:#cde0d2}.ix-live-demo .bubble-topics{display:flex;flex-wrap:wrap;gap:7px;margin-top:-2px}.ix-live-demo .bubble-topics button{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;padding:8px 10px;background:#fff;border:1px solid #cbded0;border-radius:7px;color:var(--bubble-green);text-align:left;max-width:100%}.ix-live-demo .bubble-topics button:is(:hover,:focus){color:var(--bubble-green);background:#eaf4ed;border-color:#90b7a2}.ix-live-demo .bubble-topics svg{width:13px;height:13px}.ix-live-demo .bubble-contact{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:var(--bubble-green);font-size:12px;text-decoration:underline;text-underline-offset:3px}.ix-live-demo .bubble-contact svg{width:14px;height:14px}.ix-live-demo .bubble-message p{margin:0;font:inherit;color:inherit}.ix-live-demo .bubble-loading{padding:0 3px;font-size:12px;color:var(--bubble-muted);line-height:1.6}
.ix-live-demo .bubble-bottom{padding:0 12px 12px;background:#ffffffb8;border-top:1px solid var(--bubble-line)}.ix-live-demo .bubble-feedback{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--bubble-muted);line-height:1.5;padding:3px 2px}.ix-live-demo .bubble-feedback.error{color:#993b2b}.ix-live-demo .bubble-feedback button{display:flex;align-items:center;gap:5px;border:0;padding:3px;background:transparent;color:var(--bubble-green);font-size:10px}.ix-live-demo .bubble-feedback button:is(:hover,:focus){color:var(--bubble-green);background:transparent}.ix-live-demo .bubble-feedback svg{width:12px;height:12px}.ix-live-demo #chat-form{display:flex;align-items:flex-end;gap:8px;background:white;border:1px solid #bfd5c6;border-radius:8px;padding:7px 7px 7px 12px;margin:0}.ix-live-demo #chat-form:focus-within{border-color:var(--bubble-green);box-shadow:0 0 0 2px #116e5c13}.ix-live-demo #message{width:100%;min-width:0;min-height:36px;max-height:92px;height:36px;padding:8px 0;resize:none;border:0;background:transparent;color:var(--bubble-ink);font-size:14px;line-height:20px;outline:none;box-shadow:none}.ix-live-demo #message:focus-visible{outline:none}.ix-live-demo .bubble-send{display:grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:0;border-radius:7px;color:white;background:var(--bubble-green)}.ix-live-demo .bubble-send:is(:hover,:focus){color:white;background:#0e5d4e}.ix-live-demo .bubble-send svg{width:18px;height:18px}.ix-live-demo .bubble-privacy{font-size:9px;line-height:1.6;text-align:center;color:var(--bubble-muted);margin:9px 0 0}.ix-live-demo .bubble-privacy a{color:inherit;text-underline-offset:2px}.ix-live-demo .bubble-noscript{font-size:14px;line-height:1.7;padding:20px}
@keyframes ix-bubble-message{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.ix-live-demo .bubble-stage{min-height:calc(100svh - 92px);padding:40px 20px}.ix-live-demo .stage-brand{padding-bottom:120px}.ix-live-demo .stage-brand h1{font-size:56px}.ix-live-demo .stage-brand p{font-size:13px;margin-top:13px}.ix-live-demo .bubble-launcher{right:16px;bottom:16px;width:56px;height:56px}.ix-live-demo .bubble-launcher svg{width:27px;height:27px}.ix-live-demo .bubble-invitation{right:16px;bottom:86px;width:278px}.ix-live-demo .bubble-panel{right:12px;bottom:86px;width:calc(100vw - 24px);max-width:none;height:min(610px,calc(100dvh - 100px))}.ix-live-demo .bubble-header{padding:14px}.ix-live-demo .bubble-conversation{padding:14px;gap:12px}.ix-live-demo .bubble-message{font-size:13px;padding:11px 12px}.ix-live-demo #message{font-size:16px}.ix-live-demo .bubble-privacy{font-size:8px}.ix-live-demo .bubble-topics button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ix-live-demo *,.ix-live-demo *::before,.ix-live-demo *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not(backdrop-filter:blur(1px)){.ix-live-demo .bubble-panel{background:#f5f9f7}.ix-live-demo .bubble-invitation{background:white}}
.ix-live-demo .bubble-panel{z-index:2147483002}.ix-live-demo .bubble-launcher{z-index:2147483001}.ix-live-demo .bubble-invitation{z-index:2147483000}
.ix-live-demo .invitation-open,.ix-live-demo .invitation-open>span{white-space:normal;overflow-wrap:anywhere}
.ix-live-demo .bubble-stage{display:block;min-height:calc(100svh - 90px);padding:26px max(24px,calc((100% - 1000px)/2)) 36px;text-align:left}.ix-live-demo .stage-brand{padding:0;margin:0 0 22px}.ix-live-demo .stage-brand h1{font-size:34px;font-weight:500;line-height:1.2}.ix-live-demo .stage-brand p{font-size:13px;margin:9px 0 0}.ix-live-demo .chat-dock{width:100%;max-width:1000px;margin:auto;min-height:370px}.ix-live-demo .bubble-header-actions{display:flex;align-items:center;gap:5px}.ix-live-demo[data-layout=inline] #expand-chat{display:none}.ix-live-demo[data-layout=inline] .bubble-panel{position:relative;right:auto;bottom:auto;width:100%;max-width:none;height:min(690px,calc(100svh - 220px));min-height:370px;z-index:auto;border-radius:12px;box-shadow:0 8px 30px #17372e0a}.ix-live-demo[data-layout=inline] .bubble-header{padding:18px 24px}.ix-live-demo[data-layout=inline] .bubble-conversation{padding:24px 28px;gap:18px}.ix-live-demo[data-layout=inline] .bubble-message{max-width:86%;font-size:16px;line-height:1.7;padding:13px 17px}.ix-live-demo[data-layout=inline] .bubble-topics button{font-size:12px;padding:10px 12px}.ix-live-demo[data-layout=inline] .bubble-bottom{padding:0 20px 14px}.ix-live-demo[data-layout=inline] #message{font-size:16px}.ix-live-demo[data-layout=inline] .bubble-privacy{font-size:10px}
.ix-live-demo .dock-fallback{min-height:min(690px,calc(100svh - 220px));display:grid;place-items:center}.ix-live-demo #resume-large{display:flex;align-items:center;gap:12px;font-size:14px;padding:13px 17px;border:1px solid #c5d8ca;border-radius:8px;background:white;color:var(--bubble-green)}.ix-live-demo #resume-large:is(:hover,:focus){color:var(--bubble-green);background:#eaf3ed}.ix-live-demo .guide-message{width:100%;max-width:100%!important;white-space:normal;font-size:13px!important}.ix-live-demo .guide-message h3{font-size:16px;line-height:1.5;margin:0 0 13px;color:var(--bubble-ink)}.ix-live-demo .guide-message details{border-top:1px solid var(--bubble-line);padding:12px 0}.ix-live-demo .guide-message details:last-child{padding-bottom:0}.ix-live-demo .guide-message summary{font-size:13px;font-weight:600;cursor:pointer;line-height:1.6;color:var(--bubble-ink)}.ix-live-demo .guide-message details>div{margin-top:7px}.ix-live-demo .guide-question{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;white-space:normal;font-size:12px;line-height:1.55;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--bubble-muted)}.ix-live-demo .guide-question:is(:hover,:focus){color:var(--bubble-green);background:transparent;text-decoration:underline;text-underline-offset:3px}.ix-live-demo .guide-question svg{width:13px;height:13px;flex:none}
@media(max-width:600px){.ix-live-demo .bubble-stage{padding:20px 12px 28px;min-height:calc(100svh - 80px)}.ix-live-demo .stage-brand{margin:0 4px 17px}.ix-live-demo .stage-brand h1{font-size:24px}.ix-live-demo .stage-brand p{font-size:11px;margin-top:7px}.ix-live-demo[data-layout=inline] .bubble-panel{height:calc(100svh - 185px);min-height:350px;border-radius:10px}.ix-live-demo[data-layout=inline] .bubble-header{padding:13px}.ix-live-demo[data-layout=inline] .bubble-conversation{padding:15px;gap:13px}.ix-live-demo[data-layout=inline] .bubble-message{font-size:14px;padding:11px 12px;max-width:96%}.ix-live-demo[data-layout=inline] .bubble-topics button{font-size:10px;padding:8px 9px}.ix-live-demo[data-layout=inline] .bubble-bottom{padding:0 11px 11px}.ix-live-demo[data-layout=inline] .bubble-privacy{font-size:8px}.ix-live-demo[data-layout=inline] .bubble-launcher{display:none}.ix-live-demo .bubble-header-actions{gap:2px}.ix-live-demo .bubble-identity h2{font-size:15px}.ix-live-demo .bubble-identity p{font-size:10px}.ix-live-demo .bubble-icon{width:29px;height:29px}.ix-live-demo .guide-question{font-size:11px}.ix-live-demo .guide-message summary{font-size:12px}}