.demo-stage{background:color-mix(in oklab, var(--color-panel) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff14;border:1px solid lab(100% -.0000298023 .0000119209/.08);border-radius:1.4rem;padding:1.75rem 1.75rem 1.5rem;position:relative}.demo-stage-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.demo-stage-title{font-family:var(--font-display);color:var(--color-paper);letter-spacing:-.02em;font-size:clamp(1.4rem,2.6vw,2rem)}.demo-controls{flex-shrink:0;gap:.4rem;display:flex}.demo-ctl{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-body);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:999px;min-width:2.6rem;padding:.45rem .8rem;font-size:.75rem;transition:color .2s,border-color .2s}.demo-ctl:hover{color:var(--color-amber-bright);border-color:var(--color-amber)}.demo-ctl-wide{min-width:4.6rem}.demo-frame{min-height:19rem;animation:.5s ease-out both demo-in}@keyframes demo-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.demo-caption{color:var(--color-body);max-width:44rem;margin-top:1.25rem;line-height:1.55}.demo-dots{gap:.5rem;margin-top:1.25rem;display:flex}.demo-dot{background:color-mix(in oklab, var(--color-border) 70%, transparent);cursor:pointer;border:none;border-radius:99px;flex:1 1 0;height:6px;padding:0;position:relative;overflow:hidden}.demo-dot-on{background:color-mix(in oklab, var(--color-amber) 40%, transparent)}.demo-dot-progress{background:var(--color-amber);width:0;animation:linear forwards demo-progress;position:absolute;inset:0}@keyframes demo-progress{0%{width:0}to{width:100%}}.demo-panel{flex-direction:column;gap:.75rem;display:flex}.demo-row{border-bottom:1px solid color-mix(in oklab, var(--color-amber) 14%, transparent);grid-template-columns:7rem 1fr;align-items:start;gap:1rem;padding:.7rem 0;display:grid}.demo-row:last-child{border-bottom:none}.demo-k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-amber);padding-top:.2rem;font-size:.7rem}.demo-v{color:var(--color-body);line-height:1.5}.demo-num{font-family:var(--font-mono);color:var(--color-amber-bright)}.demo-small{font-size:.95rem}.demo-redact{font-family:var(--font-mono);color:var(--color-violet-bright);background:color-mix(in oklab, var(--color-violet) 18%, transparent);border-radius:4px;padding:0 .3rem}.demo-chip{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid #0000;border-radius:999px;margin:.1rem .15rem .1rem 0;padding:.15rem .55rem;font-size:.68rem;display:inline-block}.demo-chip-amber{color:var(--color-amber-bright);border-color:color-mix(in oklab, var(--color-amber) 45%, transparent);background:color-mix(in oklab, var(--color-amber) 12%, transparent)}.demo-chip-teal{color:var(--color-teal-bright);border-color:color-mix(in oklab, var(--color-teal) 55%, transparent);background:color-mix(in oklab, var(--color-teal) 14%, transparent)}.demo-chip-violet{color:var(--color-violet-bright);border-color:color-mix(in oklab, var(--color-violet) 55%, transparent);background:color-mix(in oklab, var(--color-violet) 14%, transparent)}.demo-chip-dim{color:var(--color-dim);border-color:var(--color-border)}.demo-widget{color:#1f2937;max-width:24rem;font-family:var(--font-sans);background:#fff;border-radius:14px;margin:0 auto;overflow:hidden;box-shadow:0 12px 40px -12px #0009}.demo-widget-head{color:#fff;background:#4f46e5;padding:.7rem 1rem;font-size:.9rem;font-weight:600}.demo-bubble{border-radius:12px;max-width:82%;margin:.7rem .8rem;padding:.6rem .8rem;font-size:.92rem;line-height:1.4}.demo-bubble-customer{color:#fff;background:#4f46e5;border-bottom-right-radius:2px;margin-left:auto}.demo-bubble-typing{background:#f3f4f6;border-bottom-left-radius:2px;gap:4px;margin-bottom:1rem;padding:.7rem .9rem;display:inline-flex}.demo-bubble-typing span{background:#9ca3af;border-radius:50%;width:6px;height:6px;animation:1.2s infinite demo-blink}.demo-bubble-typing span:nth-child(2){animation-delay:.2s}.demo-bubble-typing span:nth-child(3){animation-delay:.4s}@keyframes demo-blink{0%,80%,to{opacity:.3}40%{opacity:1}}.demo-desk{gap:1rem;display:grid}@media (min-width:768px){.demo-desk{grid-template-columns:1fr 1.3fr}}.demo-pop,.demo-coagent{border:1px solid var(--color-border);background:color-mix(in oklab, var(--color-ink) 60%, transparent);color:var(--color-body);border-radius:1rem;padding:1rem 1.1rem;line-height:1.5}.demo-pop{border-color:color-mix(in oklab, var(--color-amber) 50%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--color-amber) 10%, transparent)}.demo-pop-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-amber);margin-bottom:.4rem;font-size:.68rem}.demo-pop-why{color:var(--color-dim);margin-top:.4rem;font-size:.9rem}.demo-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.demo-btn{border:1px solid var(--color-border);color:var(--color-body);border-radius:999px;padding:.35rem .8rem;font-size:.8rem}.demo-btn-amber{background:var(--color-amber);color:var(--color-ink);border-color:var(--color-amber);font-weight:600}.demo-btn-ghost{color:var(--color-dim)}.demo-note{color:var(--color-dim);margin-left:auto;font-size:.78rem;font-style:italic}.demo-version{border-bottom:1px solid var(--color-border);color:var(--color-body);grid-template-columns:3rem 1fr auto;align-items:center;gap:.8rem;padding:.65rem .5rem;font-size:.95rem;display:grid}.demo-version:last-child{border-bottom:none}.demo-version-active{background:color-mix(in oklab, var(--color-amber) 8%, transparent);border-radius:.6rem}.demo-vn{font-family:var(--font-mono);color:var(--color-amber)}.demo-govern{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.demo-stat{font-family:var(--font-display);color:var(--color-amber-bright);font-size:2.4rem;line-height:1}.demo-stat-k{color:var(--color-dim);margin-top:.3rem;font-size:.85rem}.demo-bars{grid-column:1/-1;gap:.45rem;margin-top:.5rem;display:grid}.demo-bar{font-family:var(--font-mono);color:var(--color-body);grid-template-columns:11rem 1fr 3rem;align-items:center;gap:.75rem;font-size:.72rem;display:grid}.demo-bar-track{background:color-mix(in oklab, var(--color-border) 70%, transparent);border-radius:99px;height:8px;overflow:hidden}.demo-bar-fill{background:var(--color-amber);height:100%;display:block}.demo-bar-v{text-align:right;color:var(--color-amber-bright)}.demo-prompts{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.demo-prompts li{border:1px solid var(--color-border);color:var(--color-body);border-radius:999px;padding:.4rem .9rem;font-size:.9rem}@media (prefers-reduced-motion:reduce){.demo-frame{animation:none}.demo-dot-progress{width:100%;animation:none}.demo-bubble-typing span{opacity:.6;animation:none}}@media (max-width:640px){.demo-row{grid-template-columns:1fr;gap:.25rem}.demo-govern,.demo-bar{grid-template-columns:1fr}.demo-stage-head{flex-direction:column;align-items:flex-start}}