/* Scripted native UI, measured against the reference at a 470 x 410 canvas. */
.agent-demo{--ad-ink:#26201a;--ad-muted:#77736b;--ad-line:#e4e0d8;--ad-green:#697750;color:var(--ad-ink);width:100%;max-width:470px;min-width:0;margin-inline:auto;position:relative;padding-inline:12px}
.agent-demo [hidden]{display:none!important}
.agent-demo-caption,.agent-demo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.agent-demo-scene+.agent-demo-scene{margin-top:32px}
.agent-demo-command{display:flex;align-items:center;gap:12px;background:#e7e4de;border-radius:19px;padding:10px 18px;min-height:52px}
.agent-demo-command p{margin:0!important;flex:1;color:var(--ad-ink);font-size:14px!important;line-height:1.5!important;min-width:0}
.agent-demo-submit{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#171715;color:#fff}
.agent-demo-submit svg{display:block;width:23px;height:23px}
.agent-demo-typed::after{content:'';display:inline-block;width:1px;height:1em;margin-inline-start:3px;background:#bcb7ae;vertical-align:-.1em;animation:agent-demo-caret .75s step-end infinite}
.agent-demo.is-typing .agent-demo-typed::after{animation:none}
.agent-demo-response{position:relative;margin:28px 0 20px;min-height:52px}
.agent-demo-answer{font-size:14px!important;line-height:1.7!important;margin:0!important;color:var(--ad-ink)}
.agent-demo-thinking{display:none;align-items:center;gap:10px;color:#817b74;font-size:14px;line-height:24px}
.agent-demo-thinking-mark{position:relative;display:block;width:19px;height:19px;flex:none}
.agent-demo-thinking-mark svg{position:absolute;inset:0;display:block;width:19px;height:19px;opacity:0;transform-origin:center}
.agent-demo-thinking-mark .agent-demo-think-gold{opacity:1}
.agent-demo-result{position:relative;min-width:0}
.agent-demo-result-note{margin:13px 0 0!important;font-size:10px!important;line-height:1.55!important;color:var(--ad-muted)}
.agent-demo-disclaimer{font-size:10px!important;line-height:1.6!important;color:var(--ad-muted);margin:14px 0 0!important}
/* Inquiry: a real semantic table, not a second checklist card. */
.agent-demo-result--table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;background:transparent}
.agent-demo-result--table caption{text-align:start;font-size:14px;font-weight:500;margin-bottom:14px;color:var(--ad-ink)}
.agent-demo-result--table th,.agent-demo-result--table td{text-align:start;vertical-align:middle;padding:10px 6px;border:0;line-height:1.5;background:transparent}
.agent-demo-result--table thead th{font-size:10px;font-weight:400;color:var(--ad-muted);padding-top:0;padding-bottom:6px}
.agent-demo-result--table tbody th{font-weight:500;width:48%}
.agent-demo-result--table td{color:#635c54;font-size:11px}
.agent-demo-row-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e6e9dc;color:#687457;margin-inline-end:9px;font:9px ui-monospace,monospace;vertical-align:middle}
/* Project: a layered document preview, with no pretend interactive controls. */
.agent-demo-result--deck{max-width:370px;padding-bottom:8px}
.agent-demo-deck{position:relative;background:#626b51;color:#fff;border-radius:12px;padding:26px 24px 0;min-height:205px;box-shadow:0 10px 0 -4px #899174,0 20px 0 -8px #afb79b}
.agent-demo-deck-label{display:block;font-size:11px;letter-spacing:.04em;margin-bottom:16px;color:#edf0e5}
.agent-demo .agent-demo-deck h3{font:400 27px/1.06 Geist,Arial,sans-serif;color:#fff;margin:0 0 26px;letter-spacing:-.02em}
.brand-site .agent-demo .agent-demo-deck h3 em{font-family:Georgia,serif;font-weight:400;color:inherit}
.agent-demo-deck-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#505a41;margin:0 -24px;padding:11px 15px;border-radius:0 0 12px 12px;font-size:9px;color:#edf0e5}
.agent-demo-review{background:#ffffff1c;border-radius:10px;padding:4px 8px}
.agent-demo-result--deck .agent-demo-result-note{margin-top:26px!important}
/* Growth: generous graph area rather than a graph plus three stacked steps. */
.agent-demo-result--chart{padding:20px 18px 14px;background:#fffdfa;border-radius:12px}
.agent-demo-chart{display:block;width:100%;height:135px;overflow:visible}
.agent-demo-grid{fill:none;stroke:#e9e6df;stroke-width:1;stroke-dasharray:3 4}
.agent-demo-line{fill:none;stroke:#ad965c;stroke-width:1.8;stroke-linecap:round}
.agent-demo-line--secondary{stroke:#bf869b;stroke-width:1.6}
.agent-demo-legend{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:9px;color:#635c54}
.agent-demo-legend span::before{content:'';display:inline-block;width:14px;height:2px;background:#ad965c;vertical-align:middle;margin-inline-end:5px}
.agent-demo-legend span+span::before{background:#bf869b}
.agent-demo-chart-labels{display:flex;justify-content:space-between;gap:8px;color:var(--ad-muted);font-size:9px}
.agent-demo-result--chart .agent-demo-result-note{font-size:9px!important}
/* Complete source prompt reserves wrapping and remains available to screen readers. */
.agent-demo.is-enhanced .agent-demo-scenes{min-height:410px}
.agent-demo.is-enhanced .agent-demo-scene+.agent-demo-scene{margin-top:0}
.agent-demo.is-enhanced .agent-demo-command p{position:relative}
.agent-demo.is-enhanced .agent-demo-source{opacity:0}
.agent-demo.is-enhanced [data-agent-typed]{position:absolute;inset:0}
.agent-demo.is-enhanced .agent-demo-thinking{display:flex;position:absolute;inset:0 auto auto 0;opacity:0;filter:blur(2px);transition:opacity .2s,filter .2s}
html[dir=rtl] .agent-demo.is-enhanced .agent-demo-thinking{inset:0 0 auto auto}
.agent-demo.is-enhanced.is-thinking .agent-demo-thinking{opacity:1;filter:none}
.agent-demo.is-thinking .agent-demo-think-gold{animation:agent-demo-think-gold 1.3s ease both}
.agent-demo.is-thinking .agent-demo-think-slate{animation:agent-demo-think-slate 1.3s ease both}
.agent-demo.is-thinking .agent-demo-think-rose{animation:agent-demo-think-rose 1.3s ease both}
.agent-demo.is-enhanced .agent-demo-answer{opacity:0;filter:blur(4px);transition:opacity .3s,filter .3s}
.agent-demo.is-enhanced.is-answer-ready .agent-demo-answer{opacity:1;filter:none}
.agent-demo.is-enhanced .agent-demo-result{opacity:0;filter:blur(5px);transform:translateY(12px) scale(.98);transition:opacity .45s,filter .45s,transform .45s;transform-origin:50% 20%}
.agent-demo.is-enhanced.is-result-ready .agent-demo-result{opacity:1;filter:none;transform:none}
.agent-demo.is-enhanced.is-result-ready .agent-demo-line{animation:agent-demo-draw .8s ease both}
.agent-demo.is-enhanced.is-clearing .agent-demo-result{transition-duration:.3s;transform:translateY(4px) scale(.99)}
/* Static fallback and suspended states always settle on legible, complete content. */
.agent-demo.is-static .agent-demo-scenes{min-height:0}
.agent-demo.is-static .agent-demo-scene+.agent-demo-scene{margin-top:40px}
.agent-demo.is-static .agent-demo-source{opacity:1}
.agent-demo.is-static [data-agent-typed],.agent-demo.is-static .agent-demo-thinking{display:none}
.agent-demo.is-enhanced.is-paused .agent-demo-answer,.agent-demo.is-enhanced.is-paused .agent-demo-result{transition:none;opacity:1;filter:none;transform:none}
.agent-demo.is-enhanced.is-paused .agent-demo-line{animation:none;stroke-dashoffset:0}
.agent-demo.is-paused .agent-demo-typed::after{animation:none}
@keyframes agent-demo-caret{50%{opacity:0}}
@keyframes agent-demo-think-gold{0%{opacity:1;transform:rotate(-12deg) scale(.9)}25%{opacity:1;transform:rotate(8deg) scale(1)}38%,100%{opacity:0;transform:rotate(18deg) scale(.86)}}
@keyframes agent-demo-think-slate{0%,25%{opacity:0;transform:rotate(-14deg) scale(.86)}40%,62%{opacity:1;transform:rotate(4deg) scale(1)}76%,100%{opacity:0;transform:rotate(15deg) scale(.9)}}
@keyframes agent-demo-think-rose{0%,62%{opacity:0;transform:rotate(-10deg) scale(.86)}77%,100%{opacity:1;transform:rotate(5deg) scale(1)}}
@keyframes agent-demo-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media(min-width:761px) and (max-width:1000px){.agent-demo.is-enhanced:not(.is-static) .agent-demo-scenes{min-height:450px}.agent-demo-command{padding-inline:12px}}
@media(max-width:600px){.agent-demo{padding-inline:0}.agent-demo-command{min-height:64px;padding:10px 14px}.agent-demo-command p{font-size:14px!important}.agent-demo-response{min-height:88px;margin:24px 0 16px}.agent-demo-answer{font-size:13px!important}.agent-demo.is-enhanced:not(.is-static) .agent-demo-scenes{min-height:450px}.agent-demo-row-icon{display:none}.agent-demo-result--table td{font-size:11px}.agent-demo-deck{padding-inline:20px}.agent-demo-deck-footer{margin-inline:-20px}.agent-demo .agent-demo-deck h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.agent-demo *, .agent-demo *::after,.agent-demo *::before{animation:none!important;transition:none!important}}
html.access-motion .agent-demo *,html.access-motion .agent-demo *::after,html.access-motion .agent-demo *::before{animation:none!important;transition:none!important}