.agent-demo{margin-top:32px;padding:clamp(20px,4vw,40px);background:var(--ds-surface-raised);border:1px solid var(--ds-border);border-top:3px solid var(--ds-accent);color:var(--ds-text)}.agent-demo h3{margin:8px 0 20px;font-size:clamp(26px,3vw,36px);line-height:1.15}.agent-demo h4{margin:8px 0 16px;font-size:22px}.agent-demo p{max-width:76ch}.agent-demo-label{text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.07em}.agent-demo-prompt{font-size:clamp(20px,2vw,26px)}.agent-demo-note{font-size:15px;line-height:1.6}.agent-demo-course{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-left:24px;margin:24px 0}.agent-demo-course li{padding-right:12px}.agent-demo-button{padding:12px 20px;min-height:48px;border:1px solid var(--ds-accent);border-radius:2px;background:var(--ds-accent);color:var(--ds-on-accent);font:inherit;font-weight:600;cursor:pointer}.agent-demo-button:disabled{opacity:.7;cursor:wait}.agent-demo summary:focus-visible,.agent-demo-button:focus-visible{outline:3px solid var(--ds-text);outline-offset:4px}.agent-demo-handoff,.agent-demo-offering{margin-top:28px;padding-top:24px;border-top:1px solid var(--ds-border)}.agent-demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.agent-demo-trace{margin-top:24px}.agent-demo-trace summary{cursor:pointer;padding:12px 0}.agent-demo-trace pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;padding:16px;background:var(--ds-surface-alt);max-height:360px;overflow:auto}@media (max-width:760px){.agent-demo-course{grid-template-columns:minmax(0,1fr);gap:12px}}