.conversation-demo{--demo-bg:#f4f8fa;--demo-paper:#fff;--demo-ink:#163740;--demo-muted:#617a83;--demo-line:#dce9eb;--demo-accent:#087e8d;--demo-soft:#e3f4f3;color:var(--demo-ink);background:var(--demo-bg);text-align:left;font-size:13px}[data-preview-theme=dark] .conversation-demo{--demo-bg:#0e202a;--demo-paper:#152e39;--demo-ink:#e1f5f6;--demo-muted:#a0bac5;--demo-line:#2c4651;--demo-accent:#65e3d7;--demo-soft:#1b4248}.demo-toolbar{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:8px 12px;font-size:10px;display:flex}.demo-toolbar>span{color:var(--demo-muted);align-items:center;gap:6px;display:flex}.demo-status-dot{background:var(--demo-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.demo-toolbar button{min-height:30px;color:var(--demo-accent);align-items:center;gap:5px;font-weight:650;display:flex}.demo-workspace{grid-template-columns:minmax(0,1fr);height:510px;display:grid}.demo-chat{background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--demo-accent), transparent 93%), transparent 65%);flex-direction:column;min-width:0;display:flex;overflow:hidden}.demo-chat-header{border-bottom:1px solid var(--demo-line);background:var(--demo-paper);align-items:center;gap:8px;padding:14px 12px;display:flex}.demo-chat-header>div{flex:1;min-width:0}.demo-chat-header strong{font-size:12px;line-height:1.3;display:block}.demo-chat-header small{color:var(--demo-muted);margin-top:3px;font-size:9px;display:block}.demo-chat-header>svg{color:var(--demo-accent);flex-shrink:0}.demo-messages{pointer-events:none;-webkit-user-select:none;user-select:none;flex:1;min-height:0;padding:18px 12px;overflow:hidden}.demo-welcome{color:var(--demo-muted);justify-items:center;gap:7px;padding:20px 8px 24px;font-size:11px;display:grid}.demo-welcome svg{color:var(--demo-accent);margin-bottom:5px}.demo-welcome strong{color:var(--demo-ink);font-size:15px;font-weight:550}.demo-message{align-items:flex-end;gap:7px;margin-top:16px;animation:.5s cubic-bezier(.16,1,.3,1) both demo-message-arrive;display:flex}.demo-message-human{justify-content:flex-end;padding-left:18px}.demo-bubble{background:var(--demo-paper);border:1px solid var(--demo-line);overflow-wrap:anywhere;border-radius:16px 16px 16px 4px;max-width:95%;padding:12px 14px;font-size:12px;line-height:1.55;box-shadow:0 3px 8px #001b2810}.demo-message-human .demo-bubble{color:#fff;background:linear-gradient(120deg,#057f91,#06679c);border:0;border-radius:16px 16px 4px}.demo-speaker{opacity:.72;margin-bottom:4px;font-size:9px;font-weight:650;display:block}.demo-delivered{opacity:.8;margin:5px 0 -3px auto;display:block}.demo-text-caret{vertical-align:-.1em;border-right:1.5px solid;height:1em;margin-left:2px;animation:.8s step-end infinite demo-caret;display:inline-block}.demo-thinking{color:var(--demo-muted);align-items:center;gap:9px;margin-top:18px;display:flex}.demo-thinking>span{background:var(--demo-paper);border:1px solid var(--demo-line);border-radius:14px;gap:4px;padding:12px;display:flex}.demo-thinking i{background:var(--demo-accent);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite demo-dot}.demo-thinking i:nth-child(2){animation-delay:.15s}.demo-thinking i:nth-child(3){animation-delay:.3s}.demo-thinking small{font-size:9px}.demo-composer{border-top:1px solid var(--demo-line);background:var(--demo-paper);align-items:center;gap:8px;min-height:64px;padding:11px 12px;display:flex}.demo-composer>span:first-child{color:var(--demo-muted);flex:1;font-size:11px;line-height:1.5}.demo-send{background:var(--demo-soft);width:30px;height:30px;color:var(--demo-accent);border-radius:50%;flex-shrink:0;place-items:center;transition:background .3s;display:grid}.demo-send.is-composing{color:#fff;background:#087e8d;box-shadow:0 0 0 5px #08839115}.demo-options{gap:8px;margin:14px 0 8px 31px;display:grid}.demo-option{border:1px solid var(--demo-line);background:var(--demo-paper);border-radius:13px;gap:10px;padding:13px 10px;transition:border-color .4s,background .4s,transform .4s;animation:.6s cubic-bezier(.16,1,.3,1) both demo-option-arrive;display:flex;position:relative}.demo-option-number{color:var(--demo-accent);padding-top:3px;font-size:9px}.demo-option strong,.demo-option small,.demo-option b{display:block}.demo-option strong{padding-right:12px;font-size:12px;font-weight:600}.demo-option small{color:var(--demo-muted);margin-top:4px;font-size:10px}.demo-option b{color:var(--demo-accent);font-variant-numeric:tabular-nums;margin-top:8px;font-size:15px}.demo-option.is-selected{border-color:var(--demo-accent);background:var(--demo-soft);transform:translate(-3px)}.demo-option-check{color:#fff;background:#087e8d;border-radius:50%;padding:3px;animation:.4s cubic-bezier(.16,1,.3,1) demo-stamp;position:absolute;top:12px;right:9px}.demo-pointer{z-index:3;pointer-events:none;align-items:flex-end;gap:4px;animation:1.8s cubic-bezier(.22,1,.36,1) both demo-pointer-in;display:flex;position:absolute;bottom:5px;right:12px}.demo-pointer svg{fill:#163b4b;stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 2px 3px #0004);width:18px;height:24px}.demo-pointer>span{color:#fff;background:#163b4b;border-radius:4px;padding:4px 6px;font-size:8px}.demo-document{background:var(--demo-paper);border:1px solid var(--demo-line);border-top:3px solid var(--demo-accent);border-radius:8px 8px 15px 15px;margin-top:16px;padding:18px;animation:.8s cubic-bezier(.16,1,.3,1) both demo-paper-arrive;box-shadow:0 12px 24px -15px #082d4b55}.demo-document-top{color:var(--demo-accent);align-items:center;gap:8px;margin-bottom:16px;display:flex}.demo-document-top small{flex:1;font-size:9px;font-weight:600}.demo-document-seal{opacity:0;transition:transform .5s,opacity .5s;transform:scale(.5)rotate(-20deg)}.demo-document[data-complete=true] .demo-document-seal{opacity:1;transform:scale(1)rotate(0)}.demo-document h4{letter-spacing:-.03em;font-size:19px;font-weight:600;line-height:1.2}.demo-document>p{color:var(--demo-muted);margin-top:6px;font-size:10px}.demo-document-lines{margin-top:20px}.demo-document-lines>div,.demo-document-total{border-bottom:1px solid var(--demo-line);opacity:.14;justify-content:space-between;gap:10px;padding:9px 0;font-size:10px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(7px)}.demo-document-lines>div:not(.is-written){color:#0000;background:linear-gradient(90deg, var(--demo-line), transparent);background-position:50%;background-repeat:no-repeat;background-size:100% 9px}.demo-document .is-written{opacity:1;transform:translateY(0)}.demo-document-lines strong{white-space:nowrap;font-weight:600}.demo-document-total{border:0;align-items:center;margin-top:12px}.demo-document-total>span{color:var(--demo-muted);font-size:9px}.demo-document-total strong{color:var(--demo-accent);letter-spacing:-.025em;text-align:right;font-variant-numeric:tabular-nums;font-size:20px}.demo-document-note{color:var(--demo-muted);margin-top:14px;font-size:9px;line-height:1.5;display:block}.demo-brief{border-left:1px solid var(--demo-line);background:var(--demo-paper);padding:22px 14px}.demo-brief-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--demo-accent);font-size:8px;line-height:1.6;display:block}.demo-brief>strong{letter-spacing:-.03em;margin-top:9px;font-size:19px;font-weight:550;line-height:1.2;display:block}.demo-brief>p{color:var(--demo-muted);margin:12px 0 28px;font-size:10px;line-height:1.6}.demo-brief>div:not(.demo-brief-note){opacity:.35;gap:9px;margin-top:22px;transition:opacity .6s,transform .6s;display:flex;transform:translate(3px)}.demo-brief>div.is-collected{opacity:1;transform:translate(0)}.demo-brief>div>span{border:1px solid var(--demo-line);width:24px;height:24px;color:var(--demo-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:9px;display:grid}.demo-brief>div>div strong{font-size:11px;display:block}.demo-brief>div>div small{color:var(--demo-muted);margin-top:4px;font-size:9px;line-height:1.4;display:block}.demo-brief .demo-brief-note{border-top:1px solid var(--demo-line);color:var(--demo-accent);align-items:center;gap:9px;margin-top:30px;padding-top:16px;display:flex}.demo-brief .demo-brief-note>span{border:0;border-radius:0;flex:1;width:auto;height:auto;font-size:9px;line-height:1.5;display:block}.demo-timeline{border-top:1px solid var(--demo-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:12px 10px 8px;display:grid}.demo-timeline button{min-width:0;color:var(--demo-muted);text-align:left;padding:3px 0}.demo-timeline button>span{background:var(--demo-line);border-radius:3px;height:3px;display:block;overflow:hidden}.demo-timeline i{background:var(--demo-accent);transform-origin:0;height:100%;display:block}.demo-timeline small{overflow-wrap:anywhere;margin-top:7px;font-size:9px;display:block}.demo-timeline [aria-pressed=true]{color:var(--demo-accent);font-weight:650}.demo-transcript{border-top:1px solid var(--demo-line);color:var(--demo-muted);padding:9px 12px;font-size:10px}.demo-transcript summary{cursor:pointer}.demo-transcript>div{max-height:300px;padding-top:10px;font-size:12px;line-height:1.7;overflow:auto}.demo-transcript p{margin-bottom:10px}.demo-transcript ul{margin-bottom:10px;padding-left:16px;list-style:outside}[data-device=mobile] .demo-workspace{grid-template-columns:minmax(0,1fr)}[data-device=mobile] .demo-brief{display:none}[data-device=mobile] .demo-toolbar{padding-inline:9px;font-size:9px}[data-device=mobile] .demo-chat-header{padding-inline:10px}[data-device=mobile] .demo-toolbar>span{max-width:160px}.conversation-demo[data-playing=false] *,.conversation-demo[data-playing=false] :before{transition:none!important;animation:none!important}@keyframes demo-message-arrive{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes demo-option-arrive{0%{opacity:0;transform:translate(20px)rotate(2deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes demo-paper-arrive{0%{opacity:0;transform:translateY(25px)perspective(600px)rotateX(12deg)}to{opacity:1;transform:translateY(0)perspective(600px)rotateX(0)}}@keyframes demo-pointer-in{0%{opacity:0;transform:translate(30px,25px)}45%,85%{opacity:1;transform:translate(0)}92%{transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes demo-stamp{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes demo-dot{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes demo-caret{50%{opacity:0}}@media (max-width:680px){.demo-workspace{grid-template-columns:minmax(0,1fr)}.demo-brief{display:none}.demo-bubble{padding:10px;font-size:11px}.demo-messages{padding:14px 8px}.demo-chat-header small{font-size:8px}.demo-toolbar{font-size:9px}.demo-options{margin-left:0}.demo-document{padding:13px}.demo-document-total strong,.demo-document h4{font-size:17px}.demo-composer{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.conversation-demo *,.conversation-demo :before{transition:none!important;animation:none!important}}
.agent-device-preview{border:1px solid var(--agent-line);background:color-mix(in srgb, var(--agent-paper), white 4%);border-radius:24px;min-width:0;margin:0;padding:24px;overflow:hidden}.preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.preview-eyebrow{color:var(--agent-accent);letter-spacing:.17em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.preview-heading h3{font-size:clamp(17px,1.6vw,22px);font-weight:600;line-height:1.2}.preview-controls{z-index:2;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex;position:relative}.preview-segment{background:color-mix(in srgb, var(--agent-line), transparent 65%);border:1px solid var(--agent-line);border-radius:999px;grid-template-columns:1fr 1fr;gap:2px;padding:4px;display:grid;position:relative}.preview-segment button{z-index:1;min-height:36px;color:var(--agent-muted);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:600;transition:color .25s;display:flex;position:relative}.preview-segment button[aria-pressed=true]{color:var(--agent-ink)}.preview-segment-pill{background:var(--agent-paper);width:calc(50% - 5px);box-shadow:0 2px 6px #00192215, inset 0 0 0 1px color-mix(in srgb, var(--agent-accent), transparent 78%);border-radius:999px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:4px auto 4px 4px}.preview-segment[data-active=second] .preview-segment-pill{transform:translate(calc(100% + 2px))}.preview-stage{isolation:isolate;justify-content:center;align-items:center;min-height:595px;padding:30px 0 64px;display:flex;position:relative}.preview-stage:before{content:"";z-index:-1;background:radial-gradient(#2ecad32b,#0000 65%);transition:opacity .6s;position:absolute;inset:8% -12%}[data-preview-theme=dark] .preview-stage:before{opacity:.6}.preview-orbit{z-index:-1;border:1px solid color-mix(in srgb, var(--agent-accent), transparent 88%);pointer-events:none;border-radius:50%;width:470px;height:470px;position:absolute;transform:rotateX(55deg)rotate(-25deg)}.preview-orbit-two{width:630px;height:630px;transform:rotateX(55deg)rotate(25deg)}.preview-device{background:#182a35;border:1px solid #506371;border-radius:15px;width:100%;max-width:720px;padding:5px;transition:width .65s cubic-bezier(.22,1,.36,1),border-radius .65s,padding .65s,background .45s;position:relative;box-shadow:0 24px 40px -20px #00182570,0 4px 10px #00182512,inset 0 0 0 1px #ffffff1a}[data-device=mobile] .preview-device{border-radius:30px;width:238px;padding:7px}.preview-device-chrome{color:#b4cbd4;align-items:center;gap:4px;height:25px;padding-inline:9px;display:flex}.preview-device-chrome>span{background:#6e8492;border-radius:50%;width:5px;height:5px}.preview-device-chrome>small{letter-spacing:.04em;margin-left:8px;font-size:9px}.preview-device-chrome>i{display:none}[data-device=mobile] .preview-device-chrome{justify-content:center;height:17px}[data-device=mobile] .preview-device-chrome>span,[data-device=mobile] .preview-device-chrome>small{display:none}[data-device=mobile] .preview-device-chrome>i{background:#09141c;border-radius:4px;width:45px;height:4px;display:block}.preview-display{aspect-ratio:1280/900;background:#f7fbff;border-radius:8px;transition:aspect-ratio .65s cubic-bezier(.22,1,.36,1),background .45s;position:relative;overflow:hidden}[data-preview-theme=dark] .preview-display{background:#101e29}[data-device=mobile] .preview-display{aspect-ratio:390/844;border-radius:19px}.preview-home-indicator{height:0;transition:height .65s}[data-device=mobile] .preview-home-indicator{height:12px}[data-device=mobile] .preview-home-indicator:after{content:"";background:#637983;border-radius:5px;width:62px;height:3px;display:block;position:absolute;bottom:7px;left:calc(50% - 31px)}.preview-caption{border-top:1px solid var(--agent-line);color:var(--agent-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:10px;display:flex}.agent-showcase .agent-panel{grid-template-columns:.8fr 1.5fr;gap:28px;padding:32px}@media (max-width:1100px){.agent-showcase .agent-panel{grid-template-columns:1fr}.agent-device-preview{width:100%}}@media (max-width:680px){.agent-showcase .agent-panel{gap:24px;padding:18px}.agent-device-preview{border-radius:20px;order:-1;padding:16px 12px}.preview-heading{flex-wrap:wrap;gap:4px;margin-bottom:12px}.preview-controls{gap:8px}.preview-segment{flex:auto}.preview-segment button{min-height:38px;padding-inline:10px}.preview-stage{min-height:585px}.preview-device{max-width:100%}[data-device=mobile] .preview-device{width:min(238px,100%)}}@media (max-width:360px){.agent-showcase .agent-panel{padding:12px}.preview-stage{min-height:555px}}@media (prefers-reduced-motion:reduce){.agent-device-preview *,.agent-device-preview :before,.agent-device-preview :after{transition:none!important;animation:none!important}}.preview-heading p{color:var(--agent-muted);margin-top:8px;font-size:13px}.preview-stage{min-height:0;padding:26px 0}.preview-device{max-width:820px}[data-device=mobile] .preview-device{width:min(350px,100%)}.preview-display,[data-device=mobile] .preview-display{aspect-ratio:auto}.agent-device-preview button:focus-visible,.agent-device-preview summary:focus-visible{outline:2px solid var(--agent-accent);outline-offset:3px}.preview-caption{line-height:1.6}@media (max-width:680px){.agent-showcase .agent-panel{padding:10px}.agent-device-preview{padding:16px 8px}.preview-stage{min-height:0}.preview-segment button{padding-inline:8px}}div.agent-showcase{overflow:clip}div.agent-showcase .agent-tabs{z-index:8;background:var(--agent-paper);position:sticky;top:96px}.agent-showcase .agent-panel{padding:16px;display:block}.agent-showcase .agent-device-preview{background:0 0;border:0;border-radius:0;padding:0}.agent-showcase .preview-controls{max-width:820px;margin:0 auto}.agent-showcase .preview-stage{padding:16px 0 8px}.agent-showcase .preview-caption{border:0;justify-content:center;padding-top:4px}.agent-demo-heading{margin-bottom:24px}@media (max-width:680px){.agent-showcase .agent-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-showcase .agent-tabs button{gap:6px;padding:10px 4px}.agent-showcase .agent-tabs strong{overflow-wrap:anywhere;font-size:10px;line-height:1.3}.agent-showcase .agent-panel{padding:12px 6px}.agent-showcase .preview-controls{gap:6px}.agent-showcase .preview-segment button{padding-inline:6px;font-size:11px}}