.demo{position:relative;z-index:1;display:flex;flex-direction:column;margin-top:clamp(18px,3vh,32px);overflow:hidden}.demo-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.demo-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:var(--label-shadow)}.demo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 0 4px #b49a642e}.demo-tag{margin-left:auto;color:var(--accent-bright)}.demo-log{display:flex;flex-direction:column;gap:12px;height:clamp(360px,48vh,520px);overflow-y:auto;padding:18px 16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.demo-msg{max-width:78%}.demo-msg-user{align-self:flex-end}.demo-msg-user .demo-text{background:var(--accent);color:var(--text-on-accent);border-radius:14px 14px 4px;padding:10px 14px;font-weight:500}.demo-msg-agent{align-self:flex-start}.demo-msg-agent .demo-text{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:14px 14px 14px 4px;padding:11px 14px}.demo-text{margin:0;font-size:.9375rem;line-height:1.5;white-space:pre-line}.demo-text.is-streaming:after{content:"▍";margin-left:2px;color:var(--accent-bright);animation:demoCaret .9s steps(2) infinite}@keyframes demoCaret{50%{opacity:0}}.demo-tools{display:flex;flex-direction:column;gap:6px;align-self:flex-start;max-width:78%}.demo-tool{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:#ffffff08;font-size:.8125rem;color:var(--text-primary);animation:demoIn .36s cubic-bezier(.22,1,.36,1) both}.demo-tool-app{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:3px 7px;border:1px solid var(--border-strong);border-radius:4px;white-space:nowrap}.demo-tool-action{min-width:0}.demo-tool-state{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.demo-tool.is-running .demo-tool-state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:var(--text-secondary);animation:demoBlink .8s ease-in-out infinite}.demo-tool.is-done .demo-tool-state{color:var(--accent-bright)}.demo-tool.is-done .demo-tool-state:before{content:"✓";margin-right:6px}.demo-tool.is-done .demo-tool-app{border-color:var(--accent-border)}@keyframes demoBlink{50%{opacity:.25}}@keyframes demoIn{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.demo-cites{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start;max-width:78%;animation:demoIn .36s cubic-bezier(.22,1,.36,1) both}.demo-cite{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:4px 8px;border-radius:var(--radius-full);border:1px dashed var(--border-strong)}.demo-cite:before{content:"from ";color:var(--text-secondary)}.demo-gate{align-self:flex-start;max-width:78%;display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--accent-border);border-radius:10px;background:#b49a640f;animation:demoIn .36s cubic-bezier(.22,1,.36,1) both}.demo-gate-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright)}.demo-gate-prompt{font-size:.9375rem;line-height:1.45;color:var(--text-primary)}.demo-gate-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-gate-btn:disabled{cursor:default;opacity:.85}.demo-gate.is-approved{border-color:var(--accent)}.demo-gate.is-declined{border-color:var(--border-default);background:transparent}.demo-foot{border-top:1px solid var(--border-subtle);padding:12px 16px 14px;display:flex;flex-direction:column;gap:10px}.demo-chips{display:flex;flex-wrap:wrap;gap:8px}.demo-chip{font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:#fff;padding:7px 12px;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:#ffffff08;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.demo-chip:hover{border-color:#fff}.demo-chip.is-active{border-color:var(--accent);color:var(--accent-bright);background:#b49a6414}.demo-form{display:flex;gap:8px}.demo-form input{flex:1;min-width:0;font-family:var(--font-body);font-size:.9375rem;color:#fff;background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-full);padding:10px 16px}.demo-form input::placeholder{color:var(--text-secondary)}.demo-form input:focus{outline:none;border-color:var(--accent-border)}.demo-send{width:42px;border-radius:50%;border:1px solid var(--accent);background:var(--accent);color:var(--text-on-accent);font-size:1.125rem;cursor:pointer}@media(max-width:640px){.demo-log{height:clamp(340px,52vh,460px);padding:14px 12px}.demo-msg,.demo-tools,.demo-cites,.demo-gate{max-width:94%}.demo-tag{display:none}.demo-tool{grid-template-columns:auto 1fr}.demo-tool-state{grid-column:2}}@media(prefers-reduced-motion:reduce){.demo-tool,.demo-cites,.demo-gate{animation:none}.demo-text.is-streaming:after,.demo-tool.is-running .demo-tool-state:before{animation:none}.demo-log{scroll-behavior:auto}}.eyebrow-gold[data-astro-cid-qh2qpigm]{font-size:.875rem;color:var(--accent-bright);font-weight:700;text-shadow:var(--label-shadow)}.band-demo[data-astro-cid-qh2qpigm]{padding-top:0;padding-bottom:clamp(48px,7vh,88px);gap:0}.band-demo[data-astro-cid-qh2qpigm] .demo[data-astro-cid-qh2qpigm]{margin-top:clamp(12px,2vh,20px)}.aglist[data-astro-cid-qh2qpigm]{list-style:none;margin:clamp(8px,2vh,20px) 0 0;padding:6px clamp(18px,2.4vw,30px);position:relative;overflow:hidden}.aglist[data-astro-cid-qh2qpigm]>li[data-astro-cid-qh2qpigm]{border-bottom:1px solid var(--border-subtle)}.aglist[data-astro-cid-qh2qpigm]>li[data-astro-cid-qh2qpigm]:last-child{border-bottom:0}.ag[data-astro-cid-qh2qpigm]{transition:background .2s ease}.aglist[data-astro-cid-qh2qpigm]{--ag-gap: clamp(14px, 2vw, 28px);--ag-pad-x: 6px;--ag-indent: calc(2ch + var(--ag-gap) + var(--ag-pad-x))}.ag-row[data-astro-cid-qh2qpigm]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--ag-gap);padding:clamp(14px,2vh,20px) var(--ag-pad-x);cursor:pointer;list-style:none}.ag-row[data-astro-cid-qh2qpigm]::-webkit-details-marker{display:none}.ag-row[data-astro-cid-qh2qpigm]:hover{background:#ffffff06}.ag-row[data-astro-cid-qh2qpigm]:focus-visible{outline:1px solid var(--accent-bright);outline-offset:-1px;border-radius:6px}.ag-accent[data-astro-cid-qh2qpigm] .ag-row[data-astro-cid-qh2qpigm]{cursor:default}.ag-accent[data-astro-cid-qh2qpigm] .ag-row[data-astro-cid-qh2qpigm]:hover{background:transparent}.ag-num[data-astro-cid-qh2qpigm]{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.12em;color:#fff;text-shadow:var(--label-shadow);transition:color .2s ease;min-width:2ch}.ag-row[data-astro-cid-qh2qpigm]:hover .ag-num[data-astro-cid-qh2qpigm],.ag[data-astro-cid-qh2qpigm][open] .ag-num[data-astro-cid-qh2qpigm]{color:var(--accent-bright)}.ag-main[data-astro-cid-qh2qpigm]{display:flex;flex-direction:column;gap:4px;min-width:0}.ag-name[data-astro-cid-qh2qpigm]{font-family:var(--font-display);font-size:clamp(1.0625rem,1.4vw,1.25rem);letter-spacing:-.015em;line-height:1.2;font-weight:600;color:#fff;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 16px rgba(0,0,0,.7)}.ag-replaces[data-astro-cid-qh2qpigm]{font-size:clamp(.9375rem,1.05vw,1.0313rem);line-height:1.4;font-weight:500;color:var(--accent-bright);text-shadow:0 1px 3px rgba(0,0,0,.9)}.ag-replaces[data-astro-cid-qh2qpigm] i[data-astro-cid-qh2qpigm]{font-style:normal;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-right:6px;text-shadow:var(--label-shadow)}.ag-cat[data-astro-cid-qh2qpigm]{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#fff;white-space:nowrap;text-shadow:var(--label-shadow)}.ag-more[data-astro-cid-qh2qpigm]{position:relative;width:14px;height:14px}.ag-more[data-astro-cid-qh2qpigm]:before,.ag-more[data-astro-cid-qh2qpigm]:after{content:"";position:absolute;left:0;top:6px;width:14px;height:1.5px;background:#fff;transition:rotate .26s cubic-bezier(.22,1,.36,1),background .2s ease}.ag-more[data-astro-cid-qh2qpigm]:after{rotate:90deg}.ag[data-astro-cid-qh2qpigm][open] .ag-more[data-astro-cid-qh2qpigm]:after{rotate:0deg}.ag[data-astro-cid-qh2qpigm][open] .ag-more[data-astro-cid-qh2qpigm]:before,.ag[data-astro-cid-qh2qpigm][open] .ag-more[data-astro-cid-qh2qpigm]:after{background:var(--accent-bright)}.ag-copy[data-astro-cid-qh2qpigm]{margin:0;padding:0 var(--ag-pad-x) clamp(16px,2.2vh,22px) var(--ag-indent);font-size:clamp(.9375rem,1.05vw,1.0313rem);line-height:1.55;color:#fff;max-width:68ch;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 16px rgba(0,0,0,.7);animation:agOpen .32s cubic-bezier(.22,1,.36,1) both}@keyframes agOpen{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}.ag-accent[data-astro-cid-qh2qpigm] .ag-name[data-astro-cid-qh2qpigm]{color:var(--accent);text-shadow:0 1px 3px rgba(0,0,0,.9)}.ag-accent[data-astro-cid-qh2qpigm] .ag-num[data-astro-cid-qh2qpigm]{color:var(--accent-bright)}.ag-accent[data-astro-cid-qh2qpigm] .ag-replaces[data-astro-cid-qh2qpigm]{color:#fff;font-weight:400;max-width:62ch}@media(max-width:640px){.aglist[data-astro-cid-qh2qpigm]{--ag-gap: 12px;--ag-pad-x: 4px}.ag-row[data-astro-cid-qh2qpigm]{grid-template-columns:auto minmax(0,1fr) auto;padding:16px var(--ag-pad-x)}.ag-cat[data-astro-cid-qh2qpigm]{display:none}.ag-name[data-astro-cid-qh2qpigm]{font-size:1.0625rem}}@keyframes agRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){.ag[data-astro-cid-qh2qpigm]{animation:agRise linear both;animation-timeline:view();animation-range:entry 5% entry 55%}}@media(prefers-reduced-motion:reduce){.ag[data-astro-cid-qh2qpigm]{animation:none;opacity:1}}