:root{font-family:Segoe UI,Arial,sans-serif;color:#203f35;background:#f3f5ee;font-synthesis:none;--green:#153b36;--lime:#e1edb7;--line:#dce4d8}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:12px;background:var(--green);color:#fff;padding:13px 18px;font-weight:600}button:disabled{opacity:.55;cursor:wait}button:hover{filter:brightness(.95)}a{color:var(--green)}[hidden]{display:none!important}.header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:.5px}.mark{width:42px;height:45px;display:grid;place-items:center;background:var(--green);color:var(--lime);border-radius:13px 13px 13px 3px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:3px}.header-note{font-size:12px;color:#718075;flex:1;text-align:center}.quiet{background:transparent;color:var(--green);font-size:12px;padding:10px 12px}.header>.quiet{border:1px solid var(--line);border-radius:24px}main{max-width:1320px;margin:24px auto 38px;padding:0 4%;display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px}.intro{padding:20px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#70806f}.intro h1{font-size:66px;line-height:1.03;font-weight:650;letter-spacing:-3px;margin:20px 0 26px}.intro>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#69786c}.intro-note{margin:26px 0;display:flex;gap:15px;align-items:center;border-block:1px solid var(--line);padding:16px 0}.intro-note p{font-size:13px;line-height:1.6;color:#59705c}.spark{font-size:35px;color:#758e5a}.topics h2{font-size:13px;margin-bottom:12px}.topics button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:#244536;text-align:left;font-weight:400;font-size:13px}.topics button span{color:#7b916d}.intro .aside-small{font-size:11px!important;margin-top:28px}.workspace{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 45px #21391e07;overflow:hidden;align-self:start}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 22px;gap:20px}.tabs button{border-radius:0;background:none;color:#7c877e;font-size:12px;padding:23px 4px;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green)}.tabs span{margin-left:5px;border-radius:20px;background:#edf1e6;padding:3px 6px;font-size:10px}.chat-heading{padding:22px 25px;display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;display:grid;place-items:center;background:var(--lime);border-radius:13px;font-weight:700}.chat-heading h2{font-size:14px;margin:0 0 5px}.chat-heading p{font-size:11px;margin:0;color:#71806e}.chat-heading>div{flex:1}.profile{margin:0 25px;border-block:1px solid #edf0e9;padding:10px 0;color:#667863;font-size:11px}.profile summary{cursor:pointer}.profile>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:14px}.profile p{line-height:1.5}label{display:flex;flex-direction:column;gap:8px;font-size:12px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;color:#203f35;background:#fff}textarea{resize:vertical;line-height:1.55}.messages{height:365px;overflow:auto;padding:26px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth}.welcome{margin:auto;text-align:center;max-width:345px;padding:30px 5px}.welcome>span{font-size:44px;color:#728b55}.welcome h2{font-size:21px;letter-spacing:-.5px;margin:16px 0}.welcome p{font-size:13px;line-height:1.7;color:#74816f}.bubble{max-width:90%;align-self:flex-start}.bubble .role{font-size:9px;letter-spacing:1px;margin:0 3px 7px;color:#77856e}.bubble .text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;padding:14px 17px;background:#f1f4ec;border-radius:4px 17px 17px}.bubble.customer{align-self:flex-end}.bubble.customer .text{background:var(--green);color:white;border-radius:17px 4px 17px 17px}.bubble.team .text{background:#e8eddb}.bubble a{display:inline-block;font-size:11px;margin:10px 8px 0 0}.bubble.customer a{color:#fff}.composer{display:flex;align-items:flex-end;gap:12px;margin:5px 25px 0;padding:12px;background:#f5f6f1;border:1px solid var(--line);border-radius:15px}.composer textarea{border:0;background:transparent;padding:3px;min-height:46px;max-height:140px;font-size:13px}.composer button{white-space:nowrap;background:var(--green);font-size:12px}.chat-note{font-size:10px;line-height:1.6;text-align:center;color:#8b9486;margin:12px 26px 20px}.session-line{padding:13px 24px;border-top:1px solid #edf0e9;display:flex;align-items:center;justify-content:space-between;background:#fbfcf8}.session-line span{font-size:10px;color:#7c8a71}.session-line button{font-size:10px}#notice{background:#fff2d2;border-bottom:1px solid #ebdbaa;padding:13px 24px;font-size:12px;line-height:1.6}.access{background:#f4f7e9;padding:24px;border-bottom:1px solid var(--line)}.access h2{font-size:17px;margin:0}.access p{font-size:12px;line-height:1.6;color:#6e7d61}.access form{display:flex;align-items:flex-end;gap:12px}.access label{flex:1}.access button{font-size:12px}.list-view{padding:28px;min-height:485px}.list-view>h2{font-size:26px;letter-spacing:-.6px}.list-view>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#7c8770}.record{padding:19px;border:1px solid var(--line);border-radius:13px;margin-top:15px}.record h3{font-size:13px;margin:0 0 10px}.record p{font-size:12px;color:#6f7f68;line-height:1.7;overflow-wrap:anywhere}.record small,.tag{display:inline-block;border-radius:15px;background:#eff3e6;font-size:10px;padding:5px 9px}.record button,.record a{font-size:12px;margin:8px 8px 0 0}.empty{padding:25px 10px;color:#8b957e;font-size:13px;line-height:1.7}footer{max-width:1320px;padding:0 4% 25px;margin:auto;display:flex;gap:40px;justify-content:space-between;color:#899580;font-size:10px}footer p{max-width:630px;line-height:1.7;margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid var(--line);border-radius:18px;width:min(500px,94vw);color:#203f35;padding:25px}dialog::backdrop{background:#153b3688}dialog form{display:grid;gap:20px}.dialog-head{display:flex;align-items:center;gap:15px}.dialog-head h2{font-size:20px;margin:0;flex:1}#result-error{color:#973c2e;font-size:12px}
@media(min-width:1500px){.messages{height:440px}}@media(max-width:1000px){main{grid-template-columns:240px minmax(0,1fr);gap:30px}.intro h1{font-size:54px}.header-note{display:none}.header{justify-content:space-between}.tabs{gap:12px}.chat-heading{padding:18px}.composer{margin-inline:16px}.messages{padding:18px}}@media(max-width:720px){.header{padding:18px 5%}.brand{font-size:19px}.brand small{font-size:9px}.header>.quiet{font-size:10px}main{display:block;margin:0 auto 22px;padding:0 4%}.intro{padding:10px 0 20px}.intro h1{font-size:35px;letter-spacing:-1px;margin:12px 0}.intro h1 br{display:none}.intro h1 br:after{content:' '}.intro>p:not(.eyebrow){font-size:13px;margin:8px 0}.intro-note,.aside-small,.topics{display:none}.intro h1 br{display:initial}.intro h1 br{content:' '}.workspace{border-radius:17px}.tabs{justify-content:space-between;padding:0 16px;gap:8px}.tabs button{font-size:11px;padding:17px 2px}.messages{height:380px;max-height:52vh}.chat-heading .quiet{font-size:10px;padding:8px;max-width:95px}.profile{margin-inline:18px}.access form{display:grid}.profile>div{grid-template-columns:1fr}.list-view{padding:22px;min-height:420px}.composer{gap:6px}.composer button{padding:12px}.session-line{padding:10px 15px}footer{display:block}footer p{margin-top:9px}.bubble{max-width:96%}.chat-note{font-size:9px}}
