@charset "UTF-8";
:root{--ink:#18353c;--dark:#10282f;--teal:#276e66;--mint:#b8e1ce;--paper:#f5f7f3;--white:#fff;--line:#dce5df;--muted:#6d7e7c;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #3e9b85;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:74px;background:var(--dark);color:#f1f8f4;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,70px)}.brand{font-size:23px;font-weight:700;letter-spacing:-.05em;display:flex;align-items:center}.brand-icon{border:1px solid #709f8f;border-radius:10px;color:var(--mint);display:grid;place-items:center;width:34px;height:34px;margin-right:10px;font-size:25px;font-weight:400;line-height:1}.brand-dot{color:var(--mint)}.header-note{font-size:10px;letter-spacing:.2em;color:#b1c4bd;font-weight:700}.page{max-width:1600px;min-height:calc(100vh - 74px);margin:auto;display:grid;grid-template-columns:minmax(220px,1fr) minmax(440px,1.35fr) minmax(210px,.78fr);gap:clamp(16px,2vw,36px);padding:clamp(20px,2.6vw,42px) clamp(20px,4vw,70px)}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--teal);font-weight:700}.intro{display:flex;flex-direction:column;padding:20px 0 0}.intro h1{font:normal clamp(41px,3.8vw,64px)/1.08 var(--serif);letter-spacing:-.04em;margin:27px 0 19px}.intro h1 em{font-weight:normal;color:var(--teal)}.intro>p{font-size:15px;line-height:1.7;color:#60736e;max-width:370px}.try-card{margin-top:39px}.try-card>span{font-size:10px;letter-spacing:.17em;font-weight:700;color:#80918b}.try-buttons{border-top:1px solid #c7d5cc;margin-top:12px}.try-buttons button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:0;border-bottom:1px solid #c7d5cc;text-align:left;padding:13px 0;color:#274d4d;font-size:13px}.try-buttons button:hover{color:#08705c}.try-buttons button span{font-size:18px}.demo-info{display:flex;gap:11px;margin-top:auto;padding-top:30px;color:#72827d;font-size:11px;line-height:1.6}.demo-info p{margin:0}.demo-info strong{color:#405f56}.info-icon{width:16px;height:16px;flex:none;border:1px solid #8fa79d;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;line-height:1;margin-top:1px}
.chat{height:min(760px,calc(100vh - 122px));min-height:510px;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 55px rgba(16,49,53,.09);display:flex;flex-direction:column;min-width:0}.chat-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:12px;flex:none}.avatar{width:42px;height:42px;background:#d6eee1;border-radius:50%;color:var(--teal);font:normal 25px/42px var(--serif);text-align:center}.chat-heading{min-width:0;display:flex;flex-direction:column}.agent-name{font-size:15px;font-weight:700;display:flex;align-items:center;gap:9px}.demo-badge{font-size:9px;letter-spacing:.1em;color:#4f8878;background:#ecf7f0;border-radius:10px;padding:3px 7px;font-weight:700;white-space:nowrap}.agent-subtitle{font-size:12px;color:#86938d}.reset-button{margin-left:auto;border:0;background:transparent;color:#5f7974;padding:8px;display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.reset-button:hover{color:var(--teal)}.reset-button svg{width:17px;height:17px}.messages{flex:1;min-height:0;overflow-y:auto;padding:24px 25px;display:flex;flex-direction:column;gap:13px;background:#fdfefd}.message{display:flex;gap:9px;max-width:84%;align-items:end}.message.bot{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:25px;height:25px;border-radius:50%;background:#d6eee1;color:var(--teal);font:normal 16px/25px var(--serif);text-align:center;flex:none}.message.user .message-avatar{display:none}.bubble{padding:13px 16px;font-size:14px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;background:#ecf3ee;border-radius:15px 15px 15px 3px;color:#29433f}.message.user .bubble{background:var(--teal);color:#fff;border-radius:15px 15px 3px 15px}.message.typing .bubble{letter-spacing:.2em;font-weight:700;color:#839a8f}.suggestions{padding:11px 20px 15px;display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #edf2ef}.suggestions button{border:1px solid #bed4c9;color:#306455;border-radius:18px;background:#fff;padding:7px 10px;font-size:11px;line-height:1.2}.suggestions button:hover{background:#edf7f0}.composer{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding:13px 15px 13px 20px}.composer input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:14px;color:var(--ink)}.composer input::placeholder{color:#9ba8a3}.composer button{width:40px;height:40px;border:0;border-radius:10px;background:var(--teal);color:#fff;display:grid;place-items:center;flex:none}.composer button:hover{background:#12584f}.composer button:disabled{opacity:.5;cursor:default}.composer svg{width:19px;height:19px}.chat-footnote{text-align:center;color:#9aa7a0;font-size:10px;padding:0 14px 13px}
.knowledge{padding:20px 0 0}.knowledge h2{font:normal 27px/1.15 var(--serif);letter-spacing:-.02em;margin:14px 0 26px}.knowledge-item{border-top:1px solid #d5e1d8;display:flex;gap:16px;padding:18px 0}.knowledge-icon{font-size:11px;color:var(--teal);letter-spacing:.1em;flex:none;padding-top:3px}.knowledge-item h3{font-size:14px;margin:0 0 5px}.knowledge-item p{font-size:12px;line-height:1.55;color:#74857d;margin:0}.knowledge-item strong{color:#325a4e}.knowledge-bottom{border-top:1px solid #d5e1d8;padding-top:21px;display:flex;gap:15px;color:#5a7869}.small-mark{font-size:24px;line-height:1}.knowledge-bottom p{font:italic 17px/1.45 var(--serif);margin:0}
@media(max-width:1150px){.page{grid-template-columns:minmax(190px,.85fr) minmax(420px,1.5fr);gap:25px}.knowledge{display:none}.intro h1{font-size:clamp(39px,4vw,55px)}}
@media(max-width:760px){.site-header{height:64px;padding:0 18px}.brand{font-size:21px}.header-note{font-size:8px}.page{display:flex;flex-direction:column;gap:15px;padding:18px}.intro{display:block;padding:0}.intro h1{font-size:41px;margin:12px 0 10px;max-width:600px}.intro>p{font-size:13px;line-height:1.55;max-width:650px;margin-bottom:0}.try-card,.demo-info,.knowledge{display:none}.chat{height:calc(100dvh - 280px);min-height:450px;box-shadow:0 8px 24px rgba(16,49,53,.08)}.messages{padding:18px 15px}.message{max-width:91%}}
@media(max-width:430px){.header-note{display:none}.page{padding:12px}.intro h1{font-size:34px}.intro>p{font-size:12px}.chat{height:calc(100dvh - 230px);min-height:430px}.chat-header{height:68px;padding:0 13px}.demo-badge{font-size:8px}.reset-button span{display:none}.messages{padding:15px 12px}.bubble{font-size:13px}.suggestions{padding:9px 11px}.suggestions button{font-size:10px}.chat-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
