/* Offer introduction and illustrative conversation; shared editorial palette. */
.chatbot-teaser { border-block: 1px solid var(--line); background: var(--sheet); }
.chatbot-teaser-grid, .chatbot-example-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: start; }
.chatbot-teaser-copy { padding-top: 36px; }
.chatbot-teaser-copy > p, .chatbot-example-intro { font-size: 1.12rem; line-height: 1.75; color: var(--muted); }
.chatbot-teaser-copy ul { list-style: none; padding: 0; margin: 24px 0 30px; }
.chatbot-teaser-copy li { padding: 12px 0; border-bottom: 1px solid var(--line); line-height: 1.6; }
.chatbot-teaser-copy .button { white-space: normal; }
.chatbot-example-intro { margin-top: 26px; }
.chatbot-example-note { max-width: 440px; margin-top: 28px; color: var(--muted); font-size: .88rem; line-height: 1.6; }
.chatbot-transcript { border-top: 4px solid var(--blue-dark); border-bottom: 1px solid var(--line); padding: 24px 28px; background: var(--sheet); }
.chatbot-transcript-label { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--line); font-size: .8rem; color: var(--muted); }
.chatbot-transcript dl { margin: 24px 0; }
.chatbot-transcript dt { margin-top: 22px; font-size: .74rem; font-weight: 750; color: var(--blue-dark); }
.chatbot-transcript dd { margin: 6px 0 0; line-height: 1.65; }
.chatbot-transcript dt:nth-of-type(odd), .chatbot-transcript dd:nth-of-type(odd) { margin-left: 28px; }
.chatbot-transcript dt:nth-of-type(odd) { color: var(--muted); }
.chatbot-transcript-foot { padding-top: 18px; border-top: 1px solid var(--line); font-size: .84rem; line-height: 1.65; color: var(--muted); }
@media (max-width: 850px) {
  .chatbot-teaser-grid, .chatbot-example-grid { grid-template-columns: 1fr; gap: 28px; }
  .chatbot-teaser-copy { padding-top: 0; }
  .chatbot-transcript { padding: 20px; }
}
.chatbot-demo-controls { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.chatbot-demo-controls[hidden], [data-demo-scenario][hidden] { display: none; }
.chatbot-demo-controls button { padding: 12px 16px; border: 1px solid var(--line); border-radius: 4px; background: var(--sheet); color: var(--ink); cursor: pointer; font-size: .9rem; }
.chatbot-demo-controls button[aria-pressed=true] { border-color: var(--blue-dark); background: var(--blue-dark); color: white; }
.chatbot-demo-controls button:focus-visible { outline: 3px solid var(--blue-dark); outline-offset: 4px; }
.chatbot-transcript-foot p { margin: 8px 0 0; }
.chatbot-delivery { background: var(--sheet); border-block: 1px solid var(--line); }
.chatbot-delivery-list { list-style: none; counter-reset: delivery; padding: 0; margin: 32px 0 0; }
.chatbot-delivery-list li { counter-increment: delivery; display: grid; grid-template-columns: 48px 1fr 1.3fr; gap: 24px; padding: 24px 0; border-top: 1px solid var(--line); }
.chatbot-delivery-list li::before { content: counter(delivery, decimal-leading-zero); color: var(--blue-dark); font-family: ui-monospace, monospace; }
.chatbot-delivery-list h3 { margin: 0; font-size: 1.25rem; }
.chatbot-delivery-list p { margin: 0; color: var(--muted); }
.chatbot-fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 32px; }
.chatbot-fit-grid article { border-top: 3px solid var(--line); padding-top: 24px; }
.chatbot-fit-grid article:first-child { border-color: var(--blue-dark); }
.chatbot-fit-grid ul { padding-left: 20px; color: var(--muted); }
.chatbot-fit-grid li { margin-bottom: 14px; }
.chatbot-fit-cta { margin-top: 32px; font-size: 1.1rem; font-weight: 650; }
@media (max-width: 850px) {
  .chatbot-fit-grid { grid-template-columns: 1fr; gap: 24px; }
  .chatbot-delivery-list li { grid-template-columns: 32px 1fr; gap: 12px; }
  .chatbot-delivery-list p { grid-column: 2; }
}