.chatbot-demo>header{max-width:700px;margin-bottom:40px}.chatbot-demo h2{margin-bottom:20px}.chatbot-demo p{line-height:1.6}.chat-demo-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px 64px;align-items:start}.chat-demo-transcript{min-height:430px}.chat-message{max-width:90%;padding:18px 22px;border-radius:6px;margin-bottom:18px;font-size:18px}.chat-message.visitor{margin-left:auto;background:#e4e9df;color:#12291d}.chat-message.assistant{background:#173a28;color:#f4ecdc;border:1px solid #54715d}.chat-demo-handoff{padding-top:18px;border-top:1px solid #809b87}.chat-demo-handoff h3{font-size:26px;margin-bottom:24px}.chat-demo-handoff dl>div{padding:16px 0;border-bottom:1px solid #344e3f}.chat-demo-handoff dt{font-size:14px;color:#becbc2;margin-bottom:6px}.chat-demo-handoff dd{margin:0;font-size:18px;line-height:1.5}.chat-demo-handoff>p{margin-top:24px;font-size:15px;color:#becbc2}.chat-demo-replay{display:inline-flex;gap:10px;align-items:center;justify-self:start;color:#f4ecdc;background:transparent;border:0;padding:12px 0;cursor:pointer;font:inherit}.chat-demo-replay[hidden]{display:none}.chat-demo-replay svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.is-playing .chat-message,.is-playing .chat-demo-handoff{opacity:.08;transform:translateY(8px);transition:opacity .5s,transform .5s}.is-playing .is-visible{opacity:1;transform:none}@media(max-width:760px){.chat-demo-layout{grid-template-columns:1fr;gap:24px}.chat-message{padding:14px 16px;font-size:16px}.chat-demo-transcript{min-height:440px}}