.demo-agent-frame{container-type:inline-size;position:relative}.demo-agent-frame>.demo-agent{position:absolute;top:0;left:0;transform-origin:top left;transform:scale(1);transform:scale(calc(min(100cqi,440px)/440px))}.demo-agent{background-size:100% 100%,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;background-attachment:scroll,fixed}.demo-agent,.demo-agent[data-theme=dark]{background-color:var(--brand-navy);background-image:linear-gradient(180deg,#0b1530f2,#0b1530eb,#0b1530c7 70%,#0b15308c),url(/assets/einstein-hats.svg);box-shadow:0 8px 18px -4px #0f1f3d4d,-12px 28px 50px -12px #0f1f3d6b,0 45px 70px -30px #0f1f3d59}.demo-agent[data-theme=light]{background-color:#fff;background-image:linear-gradient(180deg,#fff,#fffffffa 45%,#ffffffeb 75%,#ffffffd1),url(/assets/einstein-hats-paper.svg);box-shadow:0 0 0 1px #0f1f3d0f,0 6px 14px -4px #0f1f3d1a,-10px 24px 40px -12px #0f1f3d24,0 36px 56px -28px #0f1f3d1a}.demo-agent-topbar-rule{display:block;width:1.5rem;height:1px;background:#c4baff}.demo-agent-topbar-text{font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#c4baff}.demo-agent-enlarge{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:-.25rem;margin-bottom:-.25rem;border-radius:.375rem;color:#ffffffb3;background-color:transparent;transition:color .15s ease,background-color .15s ease}.demo-agent-enlarge:hover{color:#fff;background-color:#ffffff14}.demo-agent-topbar-book{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:-.25rem;margin-bottom:-.25rem;color:#ffffffa6;pointer-events:none}.demo-agent[data-theme=light] .demo-agent-topbar-rule{background:var(--brand-blue, #3B82F6)}.demo-agent[data-theme=light] .demo-agent-topbar-text{color:var(--brand-blue, #3B82F6)}.demo-agent[data-theme=light] .demo-agent-enlarge{color:var(--fg-tertiary, #6B7280)}.demo-agent[data-theme=light] .demo-agent-enlarge:hover{color:var(--fg-primary, #0F1F3D);background-color:#0f1f3d0d}.demo-agent[data-theme=light] .demo-agent-topbar-book{color:var(--fg-tertiary, #6B7280)}.demo-agent-empty-mark{position:absolute;top:180px;left:50%;transform:translate(-50%);width:128px;height:128px;opacity:.55;transition:opacity 1.1s ease-out;pointer-events:none;z-index:0}.demo-agent:has([data-phase][data-active=true]) .demo-agent-empty-mark{opacity:0}.demo-agent-tech{position:absolute;top:252px;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);pointer-events:none;opacity:.4;transition:opacity 1.1s ease-out;z-index:0}.demo-agent-tech-svg{width:100%;height:100%;animation:demo-agent-tech-rotate 32s linear infinite;transform-origin:50% 50%}.demo-agent:has([data-phase][data-active=true]) .demo-agent-tech{opacity:0}@keyframes demo-agent-tech-rotate{to{transform:rotate(360deg)}}.demo-agent-icon{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;height:2.75rem;border-radius:.75rem;color:#fff;background-color:transparent;transition:background-color .15s ease;cursor:pointer}.demo-agent-icon:hover{background-color:#ffffff14}.demo-agent-icon[data-active=true],.demo-agent-icon[aria-selected=true]{background-color:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1f}.demo-agent-icon:focus-visible{outline:none;box-shadow:0 0 0 2px #93b4f58c}.demo-agent-icon[data-pulse=true]{background-color:#ffffff47!important;transition:background-color 0ms}.demo-agent-icon[data-disabled=true]{opacity:.35;cursor:not-allowed}.demo-agent-icon[data-disabled=true]:hover{background-color:transparent}.demo-agent-question,.demo-agent-tabs{opacity:0;transform:translateY(-4px);transition:opacity .32s ease,transform .32s ease;pointer-events:none}.demo-agent-question[data-visible=true],.demo-agent-tabs[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.demo-agent-question{word-break:break-word}.demo-agent-body{color:#ffffffeb}.demo-agent-phase{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .28s ease}.demo-agent-phase[data-active=true]{opacity:1;pointer-events:auto}.demo-agent-agent-text{position:relative;padding-left:16px;margin-top:14px;font-size:15px;line-height:1.55;color:#fffffff2;font-family:var(--font-body, inherit);min-height:1.55em}.demo-agent-stripe{position:absolute;left:0;top:4px;width:2px;height:0;background:var(--brand-blue, #3B82F6);border-radius:1px;transition:height 80ms linear,opacity .22s ease;box-shadow:0 0 8px #3b82f680}.demo-agent-agent-text[data-streaming=true] .demo-agent-stripe{animation:demo-agent-stripe-pulse 1.4s ease-in-out infinite}@keyframes demo-agent-stripe-pulse{0%,to{opacity:.85}50%{opacity:1}}.demo-agent-pills{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}.demo-agent-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:9999px;background:#93b4f533;color:#fffffff2;font-size:12px;line-height:1.2;font-family:var(--font-body, inherit);white-space:nowrap;text-decoration:none;opacity:0;transform:translate(14px);transition:opacity .24s ease,transform .24s ease,background .2s ease}.demo-agent-pill[data-visible=true]{opacity:1;transform:translate(0)}.demo-agent-pill.demo-agent-pill--cta{background:var(--brand-blue, #3B82F6);color:#fff;font-weight:500}a.demo-agent-pill.demo-agent-pill--cta:hover{background:var(--brand-blue-hover, #2563EB)}.demo-agent-meta{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#ffffff8c;font-family:var(--font-mono, ui-monospace, monospace);margin-bottom:12px}.demo-agent-meta--accent{color:#c4baff}.demo-agent-action-list{display:flex;flex-direction:column;gap:8px}.demo-agent-action{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.demo-agent-action:hover{background:#ffffff17;border-color:#ffffff2e}.demo-agent-action--primary{background:linear-gradient(135deg,#3b82f647,#3b82f61a);border-color:#93b4f566;box-shadow:0 0 0 1px #93b4f51a inset,0 6px 16px -8px #3b82f673}.demo-agent-action--primary:hover{background:linear-gradient(135deg,#3b82f65c,#3b82f624);border-color:#93b4f58c}.demo-agent-action-icon-wrap{flex:none;width:32px;height:32px;border-radius:9px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;color:#ffffffd9}.demo-agent-action--primary .demo-agent-action-icon-wrap{background:#93b4f538;color:#dae6ff}.demo-agent-action-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.demo-agent-action-title{font-size:13px;font-weight:500;color:#fff;line-height:1.3}.demo-agent-action-desc{font-size:11px;line-height:1.35;color:#ffffff94}.demo-agent-action-go{flex:none;font-size:14px;color:#ffffff73;transition:color .2s ease,transform .2s ease}.demo-agent-action--primary .demo-agent-action-go{color:#dae6ff}.demo-agent-action:hover .demo-agent-action-go{color:#fff;transform:translate(2px)}.demo-agent-help-feature{display:block;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#3b82f633,#3b82f60f);border:1px solid rgba(147,180,245,.32);margin-bottom:18px;box-shadow:0 0 0 1px #93b4f514 inset,0 4px 12px -6px #3b82f666}.demo-agent-help-tag{display:inline-block;font-size:10px;font-family:var(--font-mono, ui-monospace, monospace);text-transform:uppercase;letter-spacing:.12em;color:#c4d9ff;margin-bottom:6px}.demo-agent-help-title{font-family:var(--font-display, inherit);font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em;line-height:1.3;margin:0}.demo-agent-help-meta{font-size:11px;color:#ffffff8c;margin-top:5px}.demo-agent-help-related-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80;font-family:var(--font-mono, ui-monospace, monospace);margin-bottom:4px}.demo-agent-help-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.demo-agent-help-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;transition:padding-left .2s ease}.demo-agent-help-item:last-child{border-bottom:none}.demo-agent-help-item:hover{padding-left:4px}.demo-agent-help-item-title{color:#ffffffd9}.demo-agent-help-item-meta{color:#fff6;font-size:10px;font-family:var(--font-mono, ui-monospace, monospace);text-transform:uppercase;letter-spacing:.1em}@media(prefers-reduced-motion:reduce){.demo-agent-phase,.demo-agent-stripe,.demo-agent-pill,.demo-agent-icon[data-pulse=true],.demo-agent-tech-svg{transition:none!important;animation:none!important}}.demo-agent[data-theme=light] .demo-agent-empty-mark{opacity:.3}.demo-agent[data-theme=light] .demo-agent-question{color:var(--fg-primary, #0F1F3D)}.demo-agent[data-theme=light] .demo-agent-tabs{background-color:#0f1f3d0a;border-color:#0f1f3d1a;backdrop-filter:none}.demo-agent[data-theme=light] .demo-agent-icon{color:var(--fg-tertiary, #6B7280)}.demo-agent[data-theme=light] .demo-agent-icon:hover{background-color:#0f1f3d0d;color:var(--fg-primary, #0F1F3D)}.demo-agent[data-theme=light] .demo-agent-icon[data-active=true],.demo-agent[data-theme=light] .demo-agent-icon[aria-selected=true]{background-color:#fff;color:var(--brand-blue, #3B82F6);box-shadow:inset 0 0 0 1px #0f1f3d14,0 2px 6px -2px #0f1f3d1a}.demo-agent[data-theme=light] .demo-agent-icon[data-pulse=true]{background-color:var(--brand-blue-soft, #EAF1FE)!important}.demo-agent[data-theme=light] .demo-agent-body,.demo-agent[data-theme=light] .demo-agent-agent-text{color:var(--fg-primary, #0F1F3D)}.demo-agent[data-theme=light] .demo-agent-stripe{box-shadow:0 0 6px #3b82f659}.demo-agent[data-theme=light] .demo-agent-pill{background:var(--brand-blue-soft, #EAF1FE);color:var(--brand-blue, #3B82F6)}.demo-agent[data-theme=light] .demo-agent-pill.demo-agent-pill--cta{background:var(--brand-blue, #3B82F6);color:#fff}.demo-agent[data-theme=light] .demo-agent-meta{color:var(--fg-tertiary, #6B7280)}.demo-agent[data-theme=light] .demo-agent-meta--accent{color:var(--accent-ai, #7C5CFF)}.demo-agent[data-theme=light] .demo-agent-action{background:#fff;border-color:var(--border-subtle, rgba(15, 31, 61, .08));color:var(--fg-primary, #0F1F3D);box-shadow:0 1px 2px #0f1f3d0a}.demo-agent[data-theme=light] .demo-agent-action:hover{background:#fff;border-color:var(--border-default, rgba(15, 31, 61, .16));box-shadow:0 4px 12px -4px #0f1f3d1f}.demo-agent[data-theme=light] .demo-agent-action--primary{background:var(--brand-blue-soft, #EAF1FE);border-color:#3b82f652;box-shadow:0 1px 2px #0f1f3d0a}.demo-agent[data-theme=light] .demo-agent-action--primary:hover{background:#dde9fd;border-color:#3b82f680}.demo-agent[data-theme=light] .demo-agent-action-icon-wrap{background:#0f1f3d0d;color:var(--fg-secondary, #4B5563)}.demo-agent[data-theme=light] .demo-agent-action--primary .demo-agent-action-icon-wrap{background:var(--brand-blue-soft, #EAF1FE);color:var(--brand-blue, #3B82F6)}.demo-agent[data-theme=light] .demo-agent-action-title{color:var(--fg-primary, #0F1F3D)}.demo-agent[data-theme=light] .demo-agent-action-desc,.demo-agent[data-theme=light] .demo-agent-action-go{color:var(--fg-tertiary, #6B7280)}.demo-agent[data-theme=light] .demo-agent-action--primary .demo-agent-action-go{color:var(--brand-blue, #3B82F6)}.demo-agent[data-theme=light] .demo-agent-action:hover .demo-agent-action-go{color:var(--fg-primary, #0F1F3D)}.demo-agent[data-theme=light] .demo-agent-action--primary:hover .demo-agent-action-go{color:var(--brand-blue-hover, #2563EB)}.demo-agent[data-theme=light] .demo-agent-help-feature{background:var(--brand-blue-soft, #EAF1FE);border-color:#3b82f647;box-shadow:0 1px 2px #0f1f3d0a}.demo-agent[data-theme=light] .demo-agent-help-tag{color:var(--brand-blue, #3B82F6)}.demo-agent[data-theme=light] .demo-agent-help-title{color:var(--fg-primary, #0F1F3D)}.demo-agent[data-theme=light] .demo-agent-help-meta,.demo-agent[data-theme=light] .demo-agent-help-related-label{color:var(--fg-tertiary, #6B7280)}.demo-agent[data-theme=light] .demo-agent-help-item{border-bottom-color:var(--border-subtle, rgba(15, 31, 61, .08))}.demo-agent[data-theme=light] .demo-agent-help-item-title{color:var(--fg-primary, #0F1F3D)}.demo-agent[data-theme=light] .demo-agent-help-item-meta{color:var(--fg-tertiary, #6B7280)}