.website-chat-nav{display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid #e2e8f0;padding:1rem max(1.25rem,calc((100vw - 76rem)/2));font-size:.92rem}.website-chat-nav a{padding:.5rem .7rem;color:#334155;border-radius:.4rem}.website-chat-nav a[aria-current=page]{background:#eff6ff;color:#1d4ed8;font-weight:700}
.chat-doc{max-width:76rem;margin:auto;padding:3rem 1.5rem 4rem;color:#334155;font-size:1.06rem;line-height:1.8}.chat-doc h1{color:#0f172a;font-size:clamp(2.15rem,5vw,3.4rem);line-height:1.12;letter-spacing:-.035em;font-weight:750;margin:.7rem 0 1.5rem;max-width:24ch}.chat-doc h2{font-size:1.8rem;line-height:1.3;color:#0f172a;font-weight:700;margin:0 0 1rem}.chat-doc h3{font-size:1.25rem;color:#0f172a;font-weight:700;margin:1.2rem 0 .5rem}.chat-doc p{margin:.7rem 0;max-width:76ch}.chat-doc section{margin:3.5rem 0;scroll-margin-top:6rem;min-width:0}.chat-doc .eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:700;color:#1d4ed8}.chat-doc .lead{font-size:1.25rem;max-width:66ch}.chat-doc a{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}.chat-doc .button{display:inline-block;background:#2563eb;color:#fff;border:0;border-radius:.6rem;padding:.65rem 1.1rem;font:650 1rem/1.6 system-ui,sans-serif;text-decoration:none;margin:.5rem .5rem .5rem 0;cursor:pointer}.chat-doc .secondary{background:#eaf0f9;color:#0f172a}.chat-doc .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.chat-doc .card{border:1px solid #e2e8f0;border-radius:.9rem;padding:1.5rem;min-width:0;background:#fff}.chat-doc .card h3{margin-top:0}.chat-doc .note{border-left:4px solid #2563eb;background:#eff6ff;padding:1rem 1.25rem;border-radius:0 .5rem .5rem 0}.chat-doc ul,.chat-doc ol{padding-left:1.5rem;max-width:80ch;list-style:revert}.chat-doc li{margin:.6rem 0}.chat-doc .contents{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.6rem;padding:1rem 1.25rem}.chat-doc .contents ul{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;list-style:none;padding:0;margin:0}.chat-doc .table-wrap{overflow:auto;max-width:100%;border:1px solid #e2e8f0;border-radius:.5rem}.chat-doc table{border-collapse:collapse;width:100%;font-size:.95rem;text-align:left}.chat-doc th,.chat-doc td{padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;vertical-align:top}.chat-doc th{background:#f8fafc;color:#0f172a;font-weight:700}.chat-doc .codebox{background:#0f172a;color:#e2e8f0;border-radius:.6rem;max-width:100%;margin:1.2rem 0;overflow:hidden}.chat-doc .codebar{padding:.5rem 1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;border-bottom:1px solid #334155;font-size:.85rem}.chat-doc .copy{font:inherit;border:1px solid #64748b;border-radius:.3rem;background:transparent;color:#fff;padding:.3rem .7rem;cursor:pointer}.chat-doc pre{overflow:auto;padding:1rem 1.2rem;font-size:.85rem;line-height:1.6;white-space:pre;margin:0;tab-size:2}.chat-doc code{font-family:Consolas,monospace;overflow-wrap:anywhere}.chat-doc :not(pre)>code{font-size:.91em;background:#f1f5f9;padding:.1rem .25rem;border-radius:.25rem}.chat-doc .flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.chat-doc .flow>div{border:1px solid #cbd5e1;border-top:4px solid #2563eb;border-radius:.5rem;padding:1.2rem}.chat-doc .flow strong{display:block;color:#0f172a}.chat-doc .next{border-top:1px solid #e2e8f0;padding-top:1.5rem}.chat-doc .muted{font-size:.9rem;color:#475569}.chat-doc a:focus-visible,.chat-doc button:focus-visible,.chat-doc input:focus-visible,.chat-doc textarea:focus-visible,.chat-doc select:focus-visible,.chat-doc summary:focus-visible,.website-chat-nav a:focus-visible{outline:3px solid #c87a38;outline-offset:4px}.chat-doc details{border:1px solid #e2e8f0;padding:1rem;border-radius:.5rem;margin:1rem 0}.chat-doc summary{cursor:pointer;font-weight:700;color:#0f172a}
.chat-doc .chat-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:center;padding:1rem 0 2rem}.chat-hero h1{font-size:clamp(2.3rem,4.2vw,3.6rem);max-width:18ch}.chat-doc .chat-showcase{background:linear-gradient(145deg,#eff6ff,#f8fafc);padding:1.25rem;border:1px solid #dbeafe;border-radius:1.5rem;box-shadow:0 18px 60px #1d4ed810;min-width:0}.showcase-title{display:flex;gap:.8rem;align-items:center;padding:.3rem .3rem 1rem;border-bottom:1px solid #dbeafe}.showcase-title strong{display:block;color:#0f172a}.showcase-title span:not(.chat-mark){display:block;font-size:.78rem;color:#475569}.chat-mark{display:grid;place-items:center;width:42px;height:42px;background:#2563eb;border-radius:12px;color:white;font-weight:750}.chat-doc .bubble{border-radius:14px;padding:1rem;font-size:.94rem;line-height:1.55;margin:1rem 0;max-width:92%;background:white;border:1px solid #e2e8f0}.bubble strong{display:block;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.35rem}.chat-doc .bubble.visitor{margin-left:auto;background:#2563eb;color:white;border-color:#2563eb}.chat-doc .bubble.note{background:transparent;border:0;padding:.4rem;font-size:.82rem}.chat-doc .bubble.staff{border-left:4px solid #c87a38}.chat-doc .example-caption{font-size:.72rem;color:#475569;text-align:center}.scenario-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}.scenario-controls button{border:1px solid #cbd5e1;background:white;padding:.6rem 1rem;border-radius:999px;font:600 .9rem system-ui,sans-serif;cursor:pointer;color:#334155}.scenario-controls button[aria-pressed=true]{background:#0f172a;color:white;border-color:#0f172a}.chat-doc .feature-band{background:#f1f6ff;border-radius:1rem;padding:2rem}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0}.step-number{display:grid;place-items:center;background:#2563eb;color:white;width:36px;height:36px;border-radius:50%;font-weight:700}.chat-doc .steps h3{margin:.7rem 0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.example-card{background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem;border-radius:1rem}.tag{display:inline-block;font-weight:700;color:#1d4ed8;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.example-card dl>div{margin:1rem 0}.example-card dt{font-size:.8rem;color:#64748b}.example-card dd{margin:0;font-weight:600;color:#0f172a}.chat-doc a.route-card{display:block;text-decoration:none;color:#334155;transition:border-color .15s,box-shadow .15s}.route-card:hover{border-color:#93c5fd;box-shadow:0 8px 24px #1d4ed810}.route-card h3{margin-top:.6rem!important}.route-card>strong{color:#1d4ed8;font-size:.9rem}
.setup-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin:1.5rem 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.field{margin:0 0 1.2rem;min-width:0}.field label{display:block;font-size:.92rem;font-weight:650;color:#0f172a;margin-bottom:.35rem}.field input,.field select,.field textarea{display:block;width:100%;max-width:100%;border:1px solid #94a3b8;border-radius:.4rem;background:white;padding:.65rem .75rem;font:inherit;font-size:.95rem;color:#0f172a;box-sizing:border-box}.field textarea{resize:vertical}.chat-doc .field-help{font-size:.83rem;line-height:1.5;color:#475569;margin:.35rem 0}.setup-form fieldset{margin:1.5rem 0;padding:1rem 0;border:0;border-top:1px solid #cbd5e1;min-width:0}.setup-form legend{font-weight:700;color:#0f172a;padding-right:1rem}.choice-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.choice-group>label{display:flex;gap:.7rem;align-items:flex-start;padding:1rem;border:1px solid #cbd5e1;background:white;border-radius:.5rem;cursor:pointer}.choice-group input{margin-top:.45rem;accent-color:#2563eb}.choice-group strong,.choice-group small{display:block}.choice-group small{font-size:.8rem;line-height:1.5}.choice-group label:has(input:checked){border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.chat-doc .form-error{color:#b91c1c;font-weight:600}.form-error:empty{display:none}.builder-result{border:2px solid #2563eb;padding:1.5rem;border-radius:1rem;min-width:0}.chat-doc [hidden]{display:none!important}.builder-result:focus{outline:none}.checklist li{padding:.2rem 0}
@media(max-width:760px){.chat-doc{padding:2rem 1.15rem;font-size:1rem}.chat-doc .cards,.chat-doc .flow,.chat-doc .chat-hero,.steps,.two-column,.form-grid,.choice-group{grid-template-columns:1fr}.chat-doc .chat-hero{gap:1.5rem}.chat-doc .lead{font-size:1.12rem}.chat-doc th,.chat-doc td{padding:.65rem .7rem}.chat-doc pre{font-size:.82rem}.website-chat-nav{padding:.75rem;gap:.1rem}.chat-doc .feature-band,.setup-form,.builder-result{padding:1.2rem}.steps,.two-column{gap:1rem}.form-grid{gap:0}.chat-doc .button{max-width:100%}.chat-doc h1{max-width:22ch}}