.assistant-lab{background:#111310;color:#f7f8f2;padding:100px 4.5%;scroll-margin-top:88px}.lab-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;max-width:1440px;margin:0 auto 55px}.lab-heading .section-label{color:#a5b299}.lab-heading h2{font-size:clamp(42px,5.2vw,76px);font-weight:600;line-height:1.07;letter-spacing:-.065em;margin:25px 0 0}.lab-heading h2 em{color:#b0ff00;font-style:normal}.lab-heading>p{font-size:17px;line-height:1.8;color:#b7beb1;margin:0 0 5px}.lab-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);max-width:1440px;margin:auto;border:1px solid #3c4335;border-radius:16px;overflow:hidden}.lab-setup{padding:34px;background:#191d16;min-width:0}.lab-step{font-size:12px;color:#b0ff00;display:flex;gap:16px;align-items:center}.lab-step span{color:#b0b7a9;letter-spacing:1.7px;font-size:10px}.lab-modes{margin:22px 0 28px}.lab-modes button{display:flex;width:100%;align-items:center;gap:15px;background:none;color:#c6ccbf;font-size:15px;padding:19px 0;border-bottom:1px solid #363d2e;text-align:left}.lab-modes button>span{font-size:10px;color:#8d9884}.lab-modes button svg{margin-left:auto;width:18px;height:18px;opacity:.4}.lab-modes button[aria-selected=true]{color:#b0ff00}.lab-modes button[aria-selected=true] svg{opacity:1}.lab-input-panel label:not(.lab-file){display:block;font-size:12px;margin-bottom:10px;color:#e3e7de}.lab-input-panel select,.lab-input-panel input[type=url]{width:100%;background:#242a1e;border:1px solid #5d684f;border-radius:7px;color:#fafbf8;padding:13px 12px;font:inherit;font-size:13px;min-width:0}.lab-input-panel>p{color:#bac2b0;font-size:13px;line-height:1.8;margin:17px 0}.lab-start{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border-radius:7px;background:#b0ff00;color:#12170b;padding:15px 16px;font-weight:700;font-size:13px;margin-top:23px;min-height:50px}.lab-start svg{width:19px;height:19px}.lab-start:disabled{opacity:.4;cursor:default}.lab-privacy{font-size:10px;line-height:1.8;color:#9ca790;margin:24px 0 0}.lab-file{border:1px dashed #687657;border-radius:8px;padding:23px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;position:relative;cursor:pointer}.lab-file>svg{width:30px;height:30px;color:#b0ff00}.lab-file strong{font-size:13px;overflow-wrap:anywhere;max-width:100%}.lab-file>span{font-size:10px;color:#adb6a2}.lab-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.lab-file:focus-within{outline:2px solid #b0ff00;outline-offset:4px}.lab-chat{background:#f5f6f0;color:#161b12;display:flex;flex-direction:column;min-width:0}.lab-chat-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #d9decf;gap:12px}.lab-chat-header>div{display:flex;gap:13px;align-items:center;min-width:0}.lab-chat-header img{padding:5px;background:#111;border-radius:6px;width:36px;height:36px}.lab-chat-header strong{display:block;font-size:13px;overflow-wrap:anywhere}.lab-chat-header small{display:block;color:#59634e;font-size:10px;margin-top:5px}.lab-chat-header button{display:flex;align-items:center;gap:5px;background:none;font-size:11px;color:#57614d;padding:6px}.lab-chat-header button svg{width:15px;height:15px}.lab-messages{height:340px;overflow-y:auto;overscroll-behavior:contain;padding:25px 28px;scroll-behavior:smooth}.lab-welcome{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.lab-orbit{display:grid;place-items:center;background:#e4ebda;width:62px;height:62px;border-radius:18px;margin-bottom:15px}.lab-orbit svg{width:38px;height:38px;stroke-width:1.5}.lab-welcome h3{font-size:29px;line-height:1.2;letter-spacing:-1.1px;font-weight:600;margin:0 0 12px}.lab-welcome p{font-size:12px;color:#59634e;max-width:300px;line-height:1.7;margin:0}.lab-welcome-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:23px}.lab-welcome-tags span{border:1px solid #d9decf;border-radius:20px;padding:6px 9px;font-size:9px;color:#5a644f}.lab-message{margin:0 0 22px;max-width:92%;overflow-wrap:anywhere}.lab-message>small{display:block;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#626d54;margin-bottom:7px}.lab-message>p{white-space:pre-wrap;font-size:13px;line-height:1.8;margin:0}.lab-message.visitor{background:#e2ebd6;border-radius:12px 12px 0 12px;padding:12px 16px;margin-left:auto}.lab-message.visitor>small{display:none}.lab-message.assistant{padding-right:12px}.lab-citations{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.lab-citations a,.lab-citations span{font-size:10px;padding:4px 8px;border:1px solid #c7d2bc;border-radius:5px;color:#435331;max-width:100%;overflow-wrap:anywhere}.lab-citations a:hover{background:#e5eddc}.lab-suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:0 28px 14px}.lab-suggestions button{background:transparent;border:1px solid #c6cebc;color:#46543a;border-radius:20px;font-size:10px;padding:8px 11px;text-align:left}.lab-suggestions button:hover{background:#e7eedf}.lab-composer{display:flex;align-items:flex-end;gap:10px;border:1px solid #bec8b2;border-radius:11px;background:#fff;margin:0 28px 22px;padding:9px 10px 9px 14px}.lab-composer textarea{border:0;outline:none!important;resize:none;background:transparent;padding:8px 0;flex:1;min-width:0;max-height:115px;font-size:13px;line-height:1.5;color:#1a2013}.lab-composer textarea:disabled{background:transparent}.lab-composer:focus-within{outline:2px solid #6e8c45;outline-offset:2px}.lab-composer button{width:38px;height:38px;background:#b0ff00;border-radius:7px;display:grid;place-items:center}.lab-composer button:disabled{background:#e6eadf;color:#96a489;cursor:default}.lab-composer button svg{width:20px;height:20px}.lab-notice{margin:0 28px 12px;color:#943b26;font-size:12px;line-height:1.6}.lab-source-list{margin:0 28px 20px;font-size:11px;color:#526146}.lab-source-list summary{cursor:pointer;padding:6px 0}.lab-source-list summary span{font-size:9px;margin-left:6px;background:#e5eadf;padding:2px 6px;border-radius:9px}.lab-source-list ul{padding-left:16px;line-height:1.9;max-height:130px;overflow-y:auto;overflow-wrap:anywhere}.lab-source-list a{text-decoration:underline;text-underline-offset:3px}.lab-bottom{max-width:1440px;margin:35px auto 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.lab-bottom>p{font-size:15px;line-height:1.8;color:#a9b49e;margin:0}.lab-bottom strong{color:#f4f7ef;font-weight:500}.lab-convert{background:#f7f8f2;color:#171b12;white-space:nowrap}.lab-convert>span{background:#b0ff00;color:#111}.lab-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.assistant-lab [hidden]{display:none!important}.assistant-lab :focus-visible{outline:2px solid #719843;outline-offset:4px}.lab-typing{color:#6b795e;font-size:12px;display:flex;gap:9px;align-items:center}.lab-typing::before{content:'';width:7px;height:7px;border-radius:50%;background:#668442;animation:lab-pulse 1s infinite alternate}@keyframes lab-pulse{to{opacity:.3}}.home-assistant-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;background:#b0ff00;color:#151614;padding:12px 18px;border-radius:30px;margin-top:12px}.home-assistant-link svg{height:18px;width:18px}@media(max-width:800px){.assistant-lab{padding:65px 6%}.lab-heading{display:block;margin-bottom:32px}.lab-heading>p{margin-top:23px;font-size:14px}.lab-layout{grid-template-columns:1fr}.lab-setup{padding:24px}.lab-modes{display:flex;gap:12px;margin:18px 0 20px}.lab-modes button{display:block;font-size:11px;padding:13px 0;line-height:1.6}.lab-modes button>span{display:block}.lab-modes button svg{display:none}.lab-privacy{margin-top:17px}.lab-chat-header{padding:20px}.lab-messages{padding:22px 20px;height:330px}.lab-suggestions{padding:0 20px 14px}.lab-composer{margin:0 20px 18px}.lab-source-list{margin:0 20px 18px}.lab-notice{margin:0 20px 12px}.lab-bottom{display:block}.lab-bottom>p{font-size:13px;margin-bottom:24px}.lab-convert{font-size:12px}.lab-welcome h3{font-size:25px}.lab-input-panel select,.lab-input-panel input[type=url],.lab-composer textarea{font-size:16px}.lab-welcome-tags{gap:4px}.lab-welcome-tags span{font-size:8px}.lab-heading h2{font-size:47px}}@media(prefers-reduced-motion:reduce){.lab-typing::before{animation:none}.lab-messages{scroll-behavior:auto}}
.service-visual[data-scene=chat]{height:auto;background:#191d16;transition:none}.scene.scene-chat{padding:0;height:auto;animation:none}.lab-compact{padding:0;scroll-margin-top:110px}.lab-compact .lab-layout{display:block;border:0;border-radius:0}.lab-compact .lab-setup{padding:20px 24px}.lab-compact .lab-step{display:none}.lab-compact .lab-modes{display:flex;gap:18px;margin:0 0 15px}.lab-compact .lab-modes button{font-size:11px;padding:0 0 12px;gap:7px;line-height:1.6}.lab-compact .lab-modes button>span{font-size:9px}.lab-compact .lab-modes button svg{display:none}.lab-compact .lab-input-panel>p{font-size:11px;line-height:1.65;margin:10px 0}.lab-compact .lab-start{margin-top:12px;padding:11px 14px;min-height:42px;font-size:11px}.lab-compact .lab-input-panel label:not(.lab-file){font-size:10px;margin-bottom:6px}.lab-compact .lab-input-panel select,.lab-compact .lab-input-panel input[type=url]{font-size:12px;padding:10px}.lab-compact .lab-privacy{font-size:9px;line-height:1.65;margin-top:12px}.lab-compact .lab-chat-header{padding:16px 24px}.lab-compact .lab-messages{height:235px;padding:19px 24px}.lab-compact .lab-welcome h3{font-size:24px}.lab-compact .lab-welcome-tags{display:none}.lab-compact .lab-orbit{width:45px;height:45px;border-radius:12px;margin-bottom:10px}.lab-compact .lab-orbit svg{width:30px;height:30px}.lab-compact .lab-welcome p{font-size:11px}.lab-compact .lab-message>p{font-size:12px}.lab-compact .lab-suggestions{padding:0 24px 12px}.lab-compact .lab-composer{margin:0 24px 18px}.lab-compact .lab-file{padding:16px}.lab-compact .lab-source-list{margin:0 24px 16px}.lab-compact .lab-notice{margin:0 24px 12px}@media(max-width:800px){.lab-compact .lab-setup{padding:20px}.lab-compact .lab-modes button{display:flex;font-size:11px}.lab-compact .lab-modes{gap:10px}.lab-compact .lab-modes button>span{display:none}.lab-compact .lab-input-panel select,.lab-compact .lab-input-panel input[type=url],.lab-compact .lab-composer textarea{font-size:16px}.lab-compact .lab-messages{height:300px;padding:20px}.lab-compact .lab-composer{margin-left:20px;margin-right:20px}}
@media(max-width:800px){.lab-compact .lab-privacy{font-size:10px}.lab-compact .lab-modes button{font-size:12px}.lab-compact .lab-start{font-size:12px}}
/* Guided example demos */
.lab-examples{display:grid;gap:10px;margin:22px 0}.lab-examples button{background:transparent;border:1px solid #46523a;border-radius:9px;text-align:left;padding:19px;color:#f7f8f2;display:flex;flex-direction:column;gap:8px;transition:background .15s,border-color .15s}.lab-examples button strong{font-size:15px;font-weight:650}.lab-examples button>span{color:#bbc5af;font-size:12px;line-height:1.6}.lab-examples button small{color:#9caa8d;font-size:9px;letter-spacing:1px}.lab-examples button:hover,.lab-examples button[aria-pressed=true]{background:#29381b;border-color:#b0ff00}.lab-examples button[aria-pressed=true] strong{color:#b0ff00}.lab-examples button:disabled{cursor:wait}.lab-example-help{font-size:12px;line-height:1.7;color:#aebb9f;margin:18px 0 0}.lab-context{margin:0;padding:17px 28px;background:#e9efdf;border-bottom:1px solid #d3ddc7}.lab-context>strong{font-size:10px;letter-spacing:.8px;color:#3e552b}.lab-context>p{font-size:12px;line-height:1.65;margin:5px 0 0;color:#526345}.lab-compact .lab-heading{display:block;padding:26px 24px 22px;margin:0;background:#111310}.lab-compact .lab-heading .section-label{color:#b0ff00;font-size:10px;letter-spacing:1.5px}.lab-compact .lab-heading h2{font-size:32px;line-height:1.13;letter-spacing:-1.3px;margin-top:14px}.lab-compact .lab-heading h2 br{display:none}.lab-compact .lab-heading h2 em::before{content:' '}.lab-compact .lab-heading>p{font-size:12px;line-height:1.7;margin:14px 0 0;color:#b9c3b0}.lab-compact .lab-heading>p br{display:none}.lab-compact .lab-step{display:flex}.lab-compact .lab-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0}.lab-compact .lab-examples button{padding:13px 10px;gap:8px}.lab-compact .lab-examples button strong{font-size:12px;line-height:1.4}.lab-compact .lab-examples button>span{font-size:10px;line-height:1.5}.lab-compact .lab-examples button small{font-size:8px;line-height:1.5;letter-spacing:.5px;margin-top:auto}.lab-compact .lab-example-help{font-size:10px;line-height:1.7;margin-top:13px}.lab-compact .lab-context{padding:14px 24px}.lab-compact .lab-context p{font-size:11px}.lab-compact .lab-messages{height:230px}.lab-compact .lab-suggestions button{font-size:11px}.lab-heading .section-label{color:#b0ff00}@media(max-width:800px){.lab-step span{font-size:10px}.lab-examples{grid-template-columns:1fr}.lab-examples button{padding:16px}.lab-examples button strong{font-size:15px}.lab-examples button>span{font-size:12px}.lab-context{padding:15px 20px}.lab-compact .lab-heading{padding:24px 20px}.lab-compact .lab-heading h2{font-size:29px}.lab-compact .lab-examples{grid-template-columns:1fr}.lab-compact .lab-examples button{display:grid;grid-template-columns:1fr auto;padding:13px 14px;gap:4px 8px}.lab-compact .lab-examples button strong{font-size:13px}.lab-compact .lab-examples button>span{grid-row:2;font-size:11px}.lab-compact .lab-examples button small{grid-column:2;grid-row:1/3;align-self:center;text-align:right;max-width:70px}.lab-compact .lab-example-help{font-size:11px}.lab-compact .lab-context{padding:14px 20px}.lab-compact .lab-messages{height:280px}}
.chatbot-delivery{background:#f5f6f0;color:#171d13}.delivery-heading{max-width:760px}.delivery-heading h2{font-size:clamp(37px,4.5vw,66px);line-height:1.1;letter-spacing:-.055em;margin:24px 0}.delivery-heading>p{font-size:17px;line-height:1.8;color:#647059;max-width:610px}.delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:55px}.delivery-grid article{border-top:1px solid #c7d0bd;padding-top:20px}.delivery-number{font-size:12px;color:#6a795b}.delivery-grid h3{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:25px 0 18px}.delivery-grid p{font-size:14px;line-height:1.9;color:#5a684f}.delivery-docs{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.delivery-docs span{padding:8px 10px;background:#e6eddd;border-radius:5px;color:#4b623a;font-size:10px}.delivery-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#4b623a;margin-top:24px}.delivery-path svg{width:15px;height:15px}.delivery-grid .text-link{font-size:12px;margin-top:24px}.installation-example{background:#e9efdf;border-radius:14px;padding:40px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:65px}.installation-example h3{font-size:36px;line-height:1.13;letter-spacing:-1.5px;margin:22px 0}.installation-example p{font-size:13px;line-height:1.8;color:#56664a}.installation-example .button{margin-top:14px;font-size:12px}.installation-code{align-self:center;background:#151b11;color:#f5f6f0;border-radius:10px;overflow:hidden;min-width:0}.installation-code>div{padding:17px 20px;border-bottom:1px solid #3c4832;display:flex;align-items:center;justify-content:space-between;gap:15px}.installation-code>div>span{font-size:9px;letter-spacing:1px}.installation-code button{font-size:11px;background:#b0ff00;color:#151b11;padding:8px 12px;border-radius:4px}.installation-code pre{font-size:12px;line-height:1.9;padding:22px 20px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.installation-code p{font-size:11px;line-height:1.8;color:#b5c1aa;padding:0 20px 20px;margin:0}.installation-code [role=status]{display:block;padding:0 20px;font-size:11px;color:#b0ff00}.delivery-includes{border-top:1px solid #c7d0bd;margin-top:50px;padding-top:28px;display:flex;gap:40px;align-items:baseline}.delivery-includes h3{font-size:19px;white-space:nowrap;letter-spacing:-.5px}.delivery-includes p{font-size:13px;line-height:1.9;color:#56664a;max-width:800px}.embed-demo{background:#f5f6f0}.embed-demo .assistant-lab{padding:0}.embed-demo .lab-heading,.embed-demo .lab-setup,.embed-demo .lab-bottom{display:none}.embed-demo .lab-layout{display:block;border:0;border-radius:0}.embed-demo .lab-chat{min-height:100dvh}.embed-demo .lab-messages{height:215px;flex:1;min-height:120px}.embed-demo .lab-chat-header{padding:17px 20px}.embed-demo .lab-context{padding:12px 20px}.embed-demo .lab-context p{font-size:11px}.embed-demo .lab-source-list{margin-bottom:10px}.embed-demo .lab-composer{margin-bottom:12px}.embed-demo .lab-chat{height:100dvh;min-height:0}.embed-demo .lab-suggestions{padding-bottom:10px}.embed-demo .lab-suggestions button{font-size:10px}@media(max-width:800px){.delivery-heading>p{font-size:14px}.delivery-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.delivery-grid h3{margin-top:18px}.installation-example{grid-template-columns:1fr;padding:25px 20px;gap:25px;margin-top:40px}.installation-example h3{font-size:31px}.installation-code pre{font-size:11px;padding:20px 15px}.installation-code>div{padding:15px}.delivery-includes{display:block}.delivery-includes h3{white-space:normal}.chatbot-delivery{padding:65px 6%}}
