.demo{padding:18px 0 80px;position:relative;--mono:"JetBrains Mono",ui-monospace,monospace;--font:"Inter Tight",system-ui,-apple-system,sans-serif;--maxw:1180px;--ease:cubic-bezier(.22,1,.36,1);--ink:#0e0f0d;--card:#1c1d14;--brand:#c8742a;--brand-hi:#e0954a;--sage:#7caa6b;--emerald:#7caa6b;--cyan:#a9cf97;--fg-60:rgba(242,239,231,.6)}.demo .wrap{max-width:1180px;margin:0 auto;padding:0 22px}.demo-cap{max-width:720px;margin:0 0 30px}.demo-cap .eyebrow{margin-bottom:18px}.demo-cap h2{font-size:clamp(26px,3.4vw,40px);line-height:1.08;letter-spacing:-.02em}.demo-cap p{margin-top:14px;color:var(--fg-60);font-size:17px;line-height:1.5;max-width:580px}.cdemo{position:relative;width:100%;max-width:var(--maxw);height:620px;margin:0 auto;overflow:hidden;border-top:1px solid rgba(242,239,231,.08);font-family:var(--mono)}.cdemo *{font-family:var(--mono)}.ctrace{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.ctrace path{transition:stroke-dashoffset .7s var(--ease)}.cpanel{position:absolute;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(242,239,231,.08);background:#0e0f0d80;padding:16px;transform:translate(-50%);transition:opacity .5s var(--ease),border-color .5s var(--ease)}.cpanel.lit{border-color:#f2efe738;background:var(--ink);box-shadow:0 0 40px #00000080}.plabel{font-size:10px;letter-spacing:.5px;color:#f2efe74d;text-transform:uppercase;margin-bottom:14px}.p-search{width:27.4%;left:13.7%;top:7%;height:360px;z-index:5}.p-chat{width:35.5%;left:50%;top:7%;z-index:10}.p-cites{width:27.4%;left:86.3%;top:7%;height:174px;z-index:5}.p-exec{width:27.4%;left:86.3%;top:38%;height:174px;z-index:5;opacity:.55}.p-cfg{width:27.4%;left:86.3%;top:70%;z-index:5;opacity:.78}.p-cta{width:27.4%;left:13.7%;top:70%;z-index:5}.se-bar{display:flex;align-items:center;gap:8px;border:1px solid rgba(242,239,231,.06);background:#f2efe708;padding:6px 10px;margin-bottom:12px}.se-bar svg{width:12px;height:12px;color:#f2efe733;flex:none}.se-bar .q{flex:1;font-size:10px;color:#f2efe761;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-bar .cnt{font-size:9px;color:#f2efe733;flex:none}.se-rows{display:flex;flex-direction:column;gap:6px}.se-row{display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(242,239,231,.04);background:#f2efe705;padding:7px 10px;opacity:0;transform:translateY(4px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.se-row.in{opacity:1;transform:none}.se-row .ico{width:15px;height:15px;flex:none;margin-top:1px;display:grid;place-items:center;color:var(--brand-hi)}.se-row .ico svg{width:15px;height:15px}.se-row .nm{font-size:11px;color:#f2efe76b;line-height:1.15}.se-row .ds{font-size:10px;color:#f2efe733;line-height:1.2;margin-top:2px}.se-row .badge{margin-top:1px;flex:none;background:#c8742a33;color:var(--brand-hi);padding:1px 4px;font-size:8px;letter-spacing:.4px;text-transform:uppercase}.se-pw{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.se-pw .h{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#f2efe740;margin-bottom:5px}.se-pw .h.warn{color:#e0954a8c}.se-pw .li{display:flex;gap:6px;font-size:10px;color:#f2efe759;line-height:1.25;margin-bottom:3px}.se-pw .li .n{color:#f2efe726}.se-pw .li .bang{color:#e0954a8c}.p-chat{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ca,rgba(200,116,42,.3));background:#12130d;border-radius:28px;box-shadow:0 40px 90px -40px #000000e6;transition:border-color .6s var(--ease)}.ch-head{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px}.ch-head .dot{width:16px;height:16px;border-radius:50%;background:var(--ca,var(--brand-hi));display:grid;place-items:center;transition:background .6s var(--ease)}.ch-head .dot svg{width:11px;height:11px}.ch-head .nm{font-size:13px;font-weight:500;color:#f2efe7e6;font-family:var(--font)}.ch-msgs{height:300px;display:flex;flex-direction:column;gap:16px;padding:18px 20px 10px;overflow:hidden}.ch-msgs .um{align-self:flex-end;max-width:85%;padding:10px 16px;font-size:14px;line-height:1.5;background:#26271b;color:#f2efe7eb;border-radius:24px;font-family:var(--font);min-height:1.2em}.ch-msgs .status{display:inline-flex;align-items:center;gap:5px;font-size:12px;letter-spacing:.3px;background:linear-gradient(90deg,rgba(200,116,42,.3) 0%,rgba(200,116,42,.7) 40%,var(--brand-hi) 50%,rgba(200,116,42,.7) 60%,rgba(200,116,42,.3) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer-text 2s ease-in-out infinite;text-transform:uppercase;opacity:0;transition:opacity .3s}.ch-msgs .status.in{opacity:1}.ch-msgs .status svg{width:12px;height:12px;color:var(--brand-hi)}.ch-msgs .am{align-self:flex-start;max-width:92%;font-size:14px;line-height:1.6;color:#f2efe7e6;font-family:var(--font)}.ch-msgs .am b{color:#fff;font-weight:600}.ch-msgs .cur{display:inline-block;width:7px;height:14px;background:var(--ca,var(--brand-hi));vertical-align:-2px;margin-left:1px;animation:pulse-dot 1s ease-in-out infinite}.ch-reply{margin:0 12px 12px;padding:13px 16px;background:#26271b;border-radius:24px;display:flex;flex-direction:column;gap:10px}.ch-foot{display:flex;align-items:center;gap:9px;font-size:13px;color:#f2efe79e;font-family:var(--font)}.ch-foot .rdot{width:8px;height:8px;border-radius:50%;background:var(--sage);flex:none;box-shadow:0 0 0 3px #7caa6b2e}.uid{font-size:10px;color:#f2efe733;margin-bottom:12px}.cn-rows{display:flex;flex-direction:column;gap:8px}.cn-row{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(242,239,231,.08);background:#f2efe708;padding:7px 10px;opacity:.4;transition:opacity .4s var(--ease)}.cn-row.on{opacity:1}.cn-row .lf{display:flex;align-items:center;gap:8px}.cn-row .lf .lg{width:15px;height:15px;display:grid;place-items:center;color:#f2efe799}.cn-row .lf .lg svg{width:15px;height:15px}.cn-row .nm{font-size:11px;color:#f2efe780;line-height:1.1}.cn-row .sb{font-size:9px;color:#f2efe740;line-height:1.1;margin-top:1px}.cn-row .stat{display:flex;align-items:center;gap:6px;font-size:10px;color:#f2efe733}.cn-row.on .stat{color:var(--emerald)}.cn-row .stat i{width:6px;height:6px;border-radius:50%;background:#f2efe726}.cn-row.on .stat i{background:var(--emerald);animation:pulse-dot 2s ease-in-out infinite}.ex-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ex-head .plabel{margin:0}.ex-head .sess{font-size:10px;color:#f2efe733}.ex-tool{display:flex;align-items:center;gap:8px;border:1px solid rgba(242,239,231,.05);padding:7px 10px;margin-bottom:8px}.ex-tool .lg{width:14px;height:14px;color:var(--brand-hi);opacity:.9}.ex-tool .lg svg{width:14px;height:14px}.ex-tool .nm{font-size:11px;color:#f2efe780}.ex-params{display:flex;flex-direction:column;gap:4px;border:1px solid rgba(242,239,231,.04);padding:7px 10px;margin-bottom:8px}.ex-params .pr{display:flex;justify-content:space-between;font-size:10px}.ex-params .pr .k{color:#f2efe733}.ex-params .pr .v{color:#f2efe766}.ex-ok{display:flex;align-items:center;gap:6px;font-size:10px;color:#f2efe72e;transition:color .4s}.ex-ok.done{color:var(--emerald)}.ex-ok svg{width:12px;height:12px}.cfg-rows{display:flex;flex-direction:column;gap:9px}.cfg-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(242,239,231,.06);padding-bottom:8px}.cfg-row:last-child{border-bottom:0;padding-bottom:0}.cfg-row .k{font-size:11px;color:#f2efe74d}.cfg-row .v{font-size:12px;color:#f2efe7b8}.p-cta{background:#0e0f0d80}.p-cta .cl{font-size:13px;color:#f2efe78c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.p-cta .cb{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;padding:9px 15px;font-size:12px;letter-spacing:.4px;cursor:pointer;border:0;width:fit-content;transition:background .2s}.p-cta .cb:hover{background:var(--brand-hi)}.csandbox{max-width:var(--maxw);margin:0 auto;border:1px solid rgba(242,239,231,.08);background:#0e0f0d80;padding:16px;font-family:var(--mono);transition:opacity .5s}@media(max-width:1040px){.csandbox{display:none}}.sb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sb-head .plabel{margin:0}.sb-head .rt{display:flex;align-items:center;gap:6px;font-size:9px;color:#f2efe733}.sb-head .rt i{width:6px;height:6px;border-radius:50%;background:#f2efe71a}.sb-cols{display:flex;gap:12px;height:118px}.sb-col{flex:1;display:flex;flex-direction:column;border:1px dashed rgba(242,239,231,.06);background:transparent}.sb-col .ch{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(242,239,231,.06);padding:8px}.sb-col .ch .lt{display:flex;align-items:center;gap:8px}.pgrid{display:inline-grid;gap:2px;grid-template-columns:repeat(10,5px);grid-template-rows:repeat(2,5px)}.pgrid i{width:5px;height:5px;background:#f2efe70a;transition:background .3s var(--ease)}.pgrid i.fill{background:var(--brand)}.sb-col .ch .tt{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#f2efe752}.sb-col .ch .st{font-size:8px;color:#f2efe72e}.sb-col .ch .st.done{color:var(--emerald)}.sb-col pre{flex:1;overflow:hidden;font-family:var(--mono);font-size:9px;line-height:1.5;color:#f2efe747;padding:8px 10px;white-space:pre;margin:0}.sb-col pre .kw{color:var(--brand-hi)}.sb-col pre .st2{color:var(--sage)}.sb-col pre .fn{color:var(--cyan)}@keyframes shimmer-text{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:1040px){.demo{padding:6px 0 64px}.cdemo{display:flex;flex-direction:column;gap:14px;height:auto;max-width:540px;margin:0 auto;overflow:visible;border-top:none}.ctrace{display:none}.cpanel{position:static;left:auto;top:auto;width:100%;height:auto;transform:none;opacity:1;margin:0}.cpanel.p-exec,.cpanel.p-cfg,.cpanel.p-cta{display:none}.p-chat{order:1}.p-search{order:2}.p-cites{order:3}.ch-msgs{height:auto;min-height:208px}}@media(prefers-reduced-motion:reduce){.ch-msgs .status,.ch-msgs .cur,.cn-row.on .stat i{animation:none!important}}