@import"https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.cdnfonts.com/css/dubai";:root{--font-latin: "Encode Sans", system-ui, sans-serif;--font-arabic: "Dubai", "Noto Sans Arabic", sans-serif;font-family:var(--font-latin);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100dvh;overflow:hidden;font-family:var(--font-latin)}button,input,textarea,select{font-family:inherit}[dir=ltr],.font-latin,:lang(fr){font-family:var(--font-latin)}[dir=rtl],.font-arabic,:lang(ar){font-family:var(--font-arabic)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100dvh;margin:0 auto;text-align:center}.chatbot-root{height:100%;display:flex;flex-direction:column;min-height:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-bg: #ffffff;--chat-bg: #f2f6fa;--color-teal: #37b7c2;--color-navy: #242f50;--text-dark: #242f50;--text-light: #ffffff;--border-gray: #d1d5db;--pill-bg: #ffffff;--pill-hover: #37b7c2;--pill-text: #37b7c2;--panel-bg: #ffffff}.chatbot-container{display:flex;width:100%;flex:1;min-height:0;background-color:var(--chat-bg)}.chat-area{flex:1;display:flex;flex-direction:column;min-height:0;padding:1rem;box-sizing:border-box;transition:width .2s;position:relative}.chat-area.with-panel{flex:0 0 70%}.left-image-container{position:relative;flex:0 0 23%;background-color:#000;overflow:hidden}.left-banner-img{width:130%;height:100%;object-fit:cover;display:block}.starters-container{margin-top:2rem;text-align:center}.starters-title{font-size:1.25rem;color:var(--color-navy);margin-bottom:1rem}.starters-list{display:flex;flex-direction:column;gap:.75rem;max-width:500px;margin:0 auto}.starter-button{background-color:var(--color-teal);color:var(--text-light);border:none;padding:.75rem 1rem;font-size:1rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.starter-button:hover{background-color:#2ea3ab}.messages-container{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-right:.5rem}.message-row{display:flex;align-items:flex-end}.user-row{justify-content:flex-end}.agent-row{justify-content:flex-start}.bubble{max-width:85%;padding:.75rem 1.25rem;border-radius:1.5rem;position:relative}.bubble-text{margin:0;font-size:.95rem;line-height:1.5}.markdown-content{min-width:0;word-break:break-word}.markdown-content p{margin:0 0 .5rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin:.25rem 0 .5rem 1.25rem;padding:0}.markdown-content li{margin-bottom:.2rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:.6rem 0 .3rem;font-weight:700;line-height:1.2}.markdown-content strong{font-weight:700}.markdown-content em{font-style:italic}.markdown-content code{background:#0000000f;border-radius:3px;padding:.1em .35em;font-family:monospace;font-size:.88em;color:#15203d}.markdown-content pre{background:#0000000d;border-radius:6px;padding:.75rem 1rem;overflow-x:auto;margin:.5rem 0}.markdown-content pre code{background:none;padding:0;font-size:.85em}.markdown-content blockquote{margin:.4rem 0;padding-inline-start:.75rem;border-inline-start:3px solid rgba(0,105,113,.45);opacity:.85}.markdown-content table{border-collapse:collapse;margin:.5rem 0;font-size:.9em;width:100%}.markdown-content th,.markdown-content td{border:1px solid rgba(0,0,0,.15);padding:.3rem .6rem;text-align:inherit}.markdown-content th{background:#0000000d;font-weight:600}.markdown-content[dir=rtl] ul,.markdown-content[dir=rtl] ol{margin-right:1.25rem;margin-left:0}.placeholder{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.53;background-color:#1f5490}.bubble-user{background-color:#006971;color:#fff;border-radius:1.5rem .25rem 1.5rem 1.5rem}.bubble-agent{background-color:#e6e8ea;color:#15203d;border-radius:.25rem 1.5rem 1.5rem;border:1px solid rgba(198,198,206,.4)}.bubble-agent-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.4rem}.bubble-agent-icon{color:#006971;flex-shrink:0}.bubble-agent-label{font-size:.72rem;font-weight:700;letter-spacing:.03em;color:#006971;text-transform:uppercase}.bubble-copy-row{display:flex;justify-content:flex-end;width:100%;margin-top:.25rem}.speak-btn{background:transparent;border:none;padding:2px 4px;cursor:pointer;border-radius:4px;flex-shrink:0;transition:background-color .15s;display:flex;align-items:center}.speak-btn:hover{background-color:#0069711a}.speak-btn.speaking{background-color:#37b7c240;animation:speak-pulse 1.2s ease-in-out infinite}.speak-btn.pending{background-color:#00697129}.speak-btn .icon-small{color:#45464d}.speak-btn.speaking .icon-small{color:#37b7c2}.speak-btn.pending .icon-small{color:#006971}.speak-spinner{animation:speak-spin .9s linear infinite}@keyframes speak-pulse{0%,to{box-shadow:0 0 #37b7c280}50%{box-shadow:0 0 0 5px #37b7c200}}@keyframes speak-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suggestions-container{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.suggestion-pill{background-color:var(--pill-bg);color:var(--pill-text);border:1px solid var(--pill-text);padding:.25rem .5rem;border-radius:.375rem;font-size:.85rem;cursor:pointer;transition:background-color .2s,color .2s}.suggestion-pill:hover{background-color:var(--pill-hover);color:var(--text-light);border-color:var(--pill-hover)}.annotation-box{width:100%;margin-top:.9rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.annotation-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.annotation-label{font-size:.82rem;font-weight:600;color:#15203d}.annotation-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;color:#006971;background-color:#0069711f}.annotation-stars{display:flex;align-items:center;gap:.2rem}.annotation-star{display:inline-flex;align-items:center;justify-content:center;padding:.15rem;background:transparent;color:#00000040;border:none;cursor:pointer;border-radius:.35rem;transition:color .2s,background-color .2s,transform .2s}.annotation-star:hover:not(:disabled){color:#006971;background-color:#0069711a;transform:translateY(-1px)}.annotation-star.active{color:#006971}.annotation-star:disabled{cursor:default}.annotation-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.65rem}.annotation-textarea{width:100%;min-height:78px;resize:vertical;padding:.7rem .85rem;border-radius:.65rem;border:1px solid rgba(0,0,0,.15);background-color:#0000000a;color:#15203d;font:inherit;box-sizing:border-box}.annotation-textarea::placeholder{color:#0006}.annotation-textarea:focus{outline:none;border-color:#00697199;box-shadow:0 0 0 2px #00697126}.annotation-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.annotation-helper,.annotation-thankyou,.annotation-comment-saved{font-size:.8rem;color:#0000008c;margin:0}.annotation-submit-btn{border:none;border-radius:999px;padding:.5rem .95rem;background-color:#006971;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:background-color .2s,opacity .2s}.annotation-submit-btn:hover:not(:disabled){background-color:#00545b}.annotation-submit-btn:disabled{cursor:wait;opacity:.75}.annotation-result{margin-top:.55rem}.annotation-error{margin:0;font-size:.78rem;color:#ba1a1a}.file-input{display:none}.icon-button{background:transparent;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.375rem;transition:background-color .2s}.icon-button:hover{background-color:#242f501a}.icon-small{width:1rem;height:1rem}.typing{display:flex;align-items:center;gap:4px;height:24px;padding:0 6px}.typing-dot{width:6px;height:6px;background-color:#2ea3ab;border-radius:50%;animation:blink 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@media (max-width: 1024px){.left-image-container{flex:0 0 15%}}@media (max-width: 768px){.left-image-container{display:none}.chat-area{padding:.5rem}.bubble{max-width:90%}.starters-list{max-width:100%;padding:0 .25rem}.starters-title{font-size:1rem}}.input-footer{flex-shrink:0}.input-container{display:flex;align-items:center;gap:.35rem;background-color:#fff;color-scheme:light;min-height:52px;border-radius:1.5rem;padding:.35rem .35rem .35rem .75rem;border:1px solid #c6c6ce;transition:box-shadow .2s,border-color .2s}.input-container:focus-within{border-color:#006971;box-shadow:0 0 0 3px #0069711f}.chat-input{border:none;flex:1;padding:0;margin:.5rem .25rem;font-size:1rem;outline:none;background-color:transparent;color:#191c1e;caret-color:#191c1e;color-scheme:light;-webkit-text-fill-color:#191c1e;opacity:1;resize:none;display:block;line-height:1.5;height:1.5rem;min-height:1.5rem;overflow-y:hidden}.chat-input::placeholder{color:#76777e;opacity:1}.icon-small{width:1.15rem;height:1.15rem}.export-btn .icon-small{color:#45464d;transition:color .15s}.export-btn:hover .icon-small{color:#006971}.clear-btn .icon-small{color:#45464d73;transition:color .15s}.clear-btn:hover .icon-small{color:#ba1a1a}.mic-btn .icon-small{color:#45464d;transition:color .15s}.mic-btn:hover:not(:disabled) .icon-small{color:#006971}.mic-btn.recording .icon-small{color:#e53e3e}@keyframes mic-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}}.mic-btn.recording{animation:mic-pulse 1.2s ease-in-out infinite}.send-button{width:40px;height:40px;border-radius:50%;background-color:#006971;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #00697159;transition:transform .15s,box-shadow .15s,background-color .15s;padding:0}.send-button:hover:not(:disabled){background-color:#004f55;transform:scale(1.05);box-shadow:0 4px 12px #00697173}.send-button:active:not(:disabled){transform:scale(.95)}.send-button .icon-small{color:#fff;width:1.1rem;height:1.1rem}.input-container:has(button:disabled){opacity:.6;cursor:not-allowed}.input-container button:disabled{cursor:not-allowed;pointer-events:none}.input-tagline{display:none}.recording-timer{margin:.35rem 0 0;font-size:.8rem;font-weight:600;color:#ba1a1a;text-align:center}.clear-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.clear-confirm-dialog{background:#fff;margin:0 1rem;border-radius:14px;padding:1.5rem 2rem;max-width:380px;width:90%;box-shadow:0 8px 30px #0000002e;display:flex;flex-direction:column;gap:1.25rem}.clear-confirm-message{font-size:1rem;color:#374151;line-height:1.5;margin:0;text-align:center}.clear-confirm-actions{display:flex;justify-content:center;gap:.75rem}.clear-confirm-btn{padding:.5rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;border:none;transition:background-color .2s,transform .1s}.clear-confirm-btn:active{transform:scale(.97)}.clear-confirm-btn--cancel{background-color:#f3f4f6;color:#374151}.clear-confirm-btn--cancel:hover{background-color:#e5e7eb}.clear-confirm-btn--confirm{background-color:#ba1a1a;color:#fff}.clear-confirm-btn--confirm:hover{background-color:#930007}@media (max-width: 640px){.input-container{min-height:46px;border-radius:1.25rem}.chat-input{font-size:.9rem}}.panel-area{background-color:var(--panel-bg);display:flex;flex-direction:column;height:100%;font-family:inherit}.panel-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-navy);color:var(--text-light);padding:.75rem 1rem}.panel-header h3{margin:0;font-size:1.25rem;font-weight:600}.close-panel{background:transparent;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer}.close-panel:hover{color:#fff}.panel-content{padding:1.25rem;flex:1;overflow-y:auto;color:var(--text-dark);font-size:1rem;line-height:1.6}.field{margin-bottom:1rem;display:flex;align-items:left;gap:.5rem}.label{text-align:left;font-weight:600;width:140px}.value{flex:1}.speak-btn{border:none;color:#fff;padding:.25rem .5rem;border-radius:5px;cursor:pointer;transition:background-color .2s}.lang-picker{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}.lang-picker-card{width:100%;max-width:720px;display:flex;flex-direction:column;border-radius:1.25rem;overflow:hidden;box-shadow:0 40px 40px #15203d0f,0 1px 3px #15203d14;border:1px solid #e0e3e5}@media (min-width: 560px){.lang-picker-card{flex-direction:row}}.lang-picker--compact .lang-picker-card{flex-direction:column;max-width:100%;border:none;box-shadow:none}.lang-picker-left{background-color:#15203d;color:#fff;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;flex:3}.lang-picker--compact .lang-picker-left{padding:1.5rem 1.25rem;gap:1rem}.lang-picker-bot-icon{width:72px;height:72px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#87f3fe;flex-shrink:0}.lang-picker--compact .lang-picker-bot-icon{width:52px;height:52px}.lang-picker-welcome{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem}.lang-picker-welcome p{margin:0;line-height:1.55;font-weight:500}.lang-picker-welcome p:first-child{font-size:1.05rem;color:#87f3fe;font-weight:700}.lang-picker-welcome p:not(:first-child){font-size:.9rem;opacity:.82}.lang-picker--compact .lang-picker-welcome p:first-child{font-size:.92rem}.lang-picker--compact .lang-picker-welcome p:not(:first-child){font-size:.8rem}.lang-picker-right{background-color:#fff;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;flex:2}.lang-picker--compact .lang-picker-right{padding:1.25rem 1.25rem 1.5rem;gap:1.25rem}.lang-picker-prompt-wrap{text-align:center}.lang-picker-prompt-main{font-size:.875rem;font-weight:500;color:#45464d;margin:0 0 .25rem}.lang-picker-prompt-sub{font-size:.75rem;color:#76777e;opacity:.7;margin:0}.lang-picker-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%}.lang-picker-btn{width:100%;padding:.875rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:.6rem}.lang-picker--compact .lang-picker-btn{padding:.7rem 1.25rem;font-size:.9rem}.lang-picker-btn--filled{background-color:#006971;color:#fff;border:none}.lang-picker-btn--filled:hover{opacity:.9;box-shadow:0 4px 12px #00697147;transform:translateY(-1px)}.lang-picker-btn--outline{background-color:#fff;color:#006971;border:2px solid #006971}.lang-picker-btn--outline:hover{background-color:#0069710d;transform:translateY(-1px)}.widget-toggle-btn{position:fixed;bottom:32px;right:32px;width:64px;height:64px;border-radius:50%;background-color:#006971;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00697173;z-index:1000;transition:background-color .2s,transform .2s,box-shadow .2s}.widget-toggle-btn:hover{background-color:#00545b;transform:scale(1.1);box-shadow:0 10px 36px #00697180}.widget-toggle-btn.open{background-color:#00545b;box-shadow:0 4px 18px #00697159}.widget-panel{position:fixed;bottom:88px;right:32px;width:380px;height:min(560px,calc(100vh - 110px));background-color:#fff;border-radius:1.5rem;box-shadow:0 40px 100px -20px #15203d38;z-index:999;display:flex;flex-direction:column;overflow:hidden;animation:widget-slide-in .25s ease-out}@keyframes widget-slide-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;background:#15203d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;flex-shrink:0;border-radius:1.5rem 1.5rem 0 0}.widget-header-left{display:flex;align-items:center;gap:.75rem}.widget-header-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;background-color:#87f3fe26;color:#87f3fe;flex-shrink:0}.widget-header-title{font-size:1rem;font-weight:600;line-height:1.25;color:#fff;margin:0}.widget-online-indicator{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:500;color:#87f3fe;letter-spacing:.01em}.widget-online-dot{width:7px;height:7px;border-radius:50%;background-color:#69d6e1;animation:widget-pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes widget-pulse{0%,to{opacity:1}50%{opacity:.4}}.widget-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:6px;border-radius:50%;transition:background-color .15s}.widget-close-btn:hover{background-color:#ffffff26}.widget-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:.75rem;box-sizing:border-box;position:relative;background-color:#f7f9fb}.widget-body .input-footer{margin:0 -.75rem -.75rem;padding:.75rem;background-color:#f2f4f6;border-top:1px solid #e0e3e5}.widget-body .input-tagline{display:block;text-align:center;margin-top:.5rem;font-size:.625rem;color:#45464d80;text-transform:uppercase;letter-spacing:.08em}.widget-body .lang-picker{padding:.75rem .5rem}.widget-body .lang-picker-banner{max-width:90%;padding:1rem 1.25rem;margin-bottom:1.25rem}.widget-body .lang-picker-banner p{font-size:.95rem;margin:.4rem 0}.widget-body .lang-picker-prompt{font-size:.8rem;margin-bottom:1rem}.widget-body .lang-picker-btn{min-width:90px;padding:.6rem 1rem;font-size:.88rem}.widget-body .starters-container{margin-top:.25rem;margin-bottom:.5rem}.widget-body .starters-title{font-size:1rem;margin-bottom:.6rem}.widget-body .starters-list{gap:.5rem}.widget-body .starter-button{font-size:.88rem;padding:.6rem .85rem}@media (max-width: 480px){.widget-panel{width:calc(100vw - 32px);right:16px;bottom:96px;height:70dvh}.widget-toggle-btn{right:16px;bottom:16px;width:56px;height:56px}}:root{--color-white: #ffffff;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-navy-900: #1f2e54;--color-link-light: #ffffff;--color-link-hover: #e2e8f0;--border-light: #e5e7eb}.header-container{max-width:100%;margin:0 auto;display:flex;align-items:center;width:100%;padding-top:10px}.header-bar1{background-color:var(--color-white);height:3.4rem;margin-top:3px}.bar1-left{flex:1;display:flex;align-items:center;margin-left:4rem}.logo-link{display:block}.logo-img{height:2.4rem;width:auto}.bar1-right{margin-right:4rem;display:flex;align-items:center;gap:1rem}.bar1-link{display:flex;align-items:center;gap:.25rem;color:#374151;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.bar1-link:hover{color:#111827}.bar1-icon{width:1rem;height:1rem;color:#374151}.bar1-link:hover .bar1-icon{color:#111827}.header-bar2{background-color:var(--color-navy-900);height:2.7rem}.bar2-left{display:flex;align-items:center}.bar2-logo-link{display:block}.bar2-logo-img{height:2rem;width:auto}.bar2-nav{flex:1;width:100%}.bar2-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2.6rem;align-items:center;justify-content:center}.bar2-nav ul li a{color:var(--color-link-light);transition:background-color .2s,color .2s;border-radius:.25rem;font-size:16px;font-weight:500;text-align:center;font-family:rne,sans-serif;padding:10px 0 8px;cursor:pointer;outline:none;line-height:1.2;flex:1}.bar2-nav ul li a:hover{color:#37b7c2}@media (max-width: 1024px){.bar1-left{margin-left:2rem}.bar1-right{margin-right:2rem}.bar2-nav ul{display:none}}@media (max-width: 640px){.header-bar1{height:auto;padding:.4rem 0}.bar1-left{margin-left:1rem}.bar1-right{margin-right:1rem;gap:.5rem}.bar1-link{font-size:.75rem}.logo-img{height:1.8rem}.header-bar2{height:2.2rem}}