.agent-demo{background:var(--white);border-radius:16px;display:flex;flex-direction:column;gap:20px;margin:0 8px 8px;min-height:400px;padding:24px;text-align:left}.agent-demo__pills{display:flex;flex-wrap:wrap;gap:8px}.agent-demo__pill{align-items:center;background:var(--white);border:1px solid #dcd5ce;border-radius:999px;color:var(--foreground);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:500;gap:6px;line-height:1.2;padding:7px 14px;transition:background .3s,color .3s,border-color .3s}.agent-demo__pill.is-active,.agent-demo__pill:hover{border-color:var(--brand-accent)}.agent-demo__pill.is-active{background:var(--brand-accent);color:var(--white)}.agent-demo__pill:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.agent-demo__tool{opacity:.65}.agent-demo__slide{display:flex;flex-direction:column;gap:20px}.agent-demo__slide[hidden]{display:none}.agent-demo__block{display:flex;flex-direction:column;gap:8px}.agent-demo__label{color:#8a8484;font-size:12px}.agent-demo__source{color:var(--brand-accent);font-weight:500}.agent-demo__q{align-self:flex-start;background:#f3f1ee;border-radius:14px 14px 14px 4px;color:var(--foreground);font-size:15px;line-height:1.5;max-width:90%;padding:12px 15px}.agent-demo__a{background:#eef0ff;border-radius:14px 14px 4px 14px;display:flex;flex-direction:column;gap:12px;padding:15px}.agent-demo__a p{color:var(--foreground);font-size:15px;line-height:1.55;margin:0;text-wrap:pretty}.agent-demo__quote{border-left:2px solid #7c8cf8;display:flex;flex-direction:column;gap:4px;padding-left:12px}.agent-demo__quote-text{color:var(--foreground);font-family:var(--font-serif);font-size:15px;font-style:italic;line-height:1.45}.agent-demo__cite{color:#6b6f99;font-size:12px}.agent-demo__bars{display:flex;gap:6px;margin-top:auto}.agent-demo__bar{background:#ece8e4;border-radius:2px;flex:1;height:3px;transition:background .3s}.agent-demo__bar.is-active{background:var(--brand-accent)}@media (max-width:600px){.agent-demo{min-height:360px;padding:18px}}.pv{aspect-ratio:580/360;background:#fff;color:#1a1414;font-family:var(--font-sans);line-height:normal;overflow:hidden;position:relative;text-align:left;width:100%;-webkit-font-smoothing:antialiased}.pv__stage{height:360px;left:0;position:absolute;top:0;transform-origin:top left;width:580px}.browser .pv img{display:inline-block;height:16px;width:16px}@keyframes pv-pop{0%,8%{opacity:0;transform:translateY(10px) scale(.97)}16%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-4px)}}@keyframes pv-grow{0%,8%{transform:scaleX(0)}40%,to{transform:scaleX(1)}}@keyframes pv-pulse{0%,to{box-shadow:0 0 0 0 rgba(59,91,254,.4)}50%{box-shadow:0 0 0 8px rgba(59,91,254,0)}}@keyframes pv-sweep{0%,15%{background-size:0 100%}45%,to{background-size:100% 100%}}@media (prefers-reduced-motion:reduce){.pv *{animation:none!important}}