.sup-hero.phero h1{font-size:clamp(38px,4.6vw,66px);line-height:1}.sup-chat{box-shadow:14px 16px 0 -2px var(--blue), 0 50px 90px -50px #0a102080;border-radius:22px;margin:0}.sup-chat-top{border-bottom:1px solid var(--line);background:var(--paper);font:600 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;padding:14px 20px;display:flex}.sup-live{background:var(--good);border-radius:50%;width:7px;height:7px}.sup-chat-body{gap:14px;padding:22px 22px 18px;display:grid}.sup-msg{gap:4px;max-width:86%;display:grid}.sup-msg .who{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.sup-msg .bub{border-radius:14px;margin:0;padding:12px 15px;font-size:15px;line-height:1.5}.sup-msg.v .bub{background:var(--paper-2);color:var(--ink);border-bottom-left-radius:4px}.sup-msg.b{justify-self:end}.sup-msg.b .who{text-align:right}.sup-msg.b .bub{background:var(--blue);color:#fff;border-bottom-right-radius:4px}.sup-msg.b .bub b{font-weight:700}.sup-esc{background:color-mix(in srgb, var(--good) 12%, #fff);color:var(--good);font:600 12.5px var(--mono);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;line-height:1.45;display:flex}.sup-esc i{background:var(--good);border-radius:50%;flex:none;width:8px;height:8px}.sup-chat-meta{border-top:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.sup-chat-meta>div{padding:14px 20px}.sup-chat-meta>div+div{border-left:1px solid var(--line)}.sup-chat-meta dt{color:var(--ink-3);font-size:12.5px}.sup-chat-meta dd{font:700 18px var(--display);color:var(--ink);margin:2px 0 0}.sup-chat-meta dd.up{color:var(--good)}@media (prefers-reduced-motion:no-preference){.sup-chat-body>*{animation:.5s cubic-bezier(.2,.7,.2,1) backwards supMsgIn}.sup-chat-body>:first-child{animation-delay:.3s}.sup-chat-body>:nth-child(2){animation-delay:1.2s}.sup-chat-body>:nth-child(3){animation-delay:2.3s}.sup-chat-body>:nth-child(4){animation-delay:3.2s}.sup-chat-body>:nth-child(5){animation-delay:4.2s}.sup-live{animation:1.6s ease-in-out infinite supBlink}@keyframes supMsgIn{0%{opacity:0;transform:translateY(10px)}}@keyframes supBlink{50%{opacity:.25}}}.sup-stage{background:#fff;height:440px;position:relative;overflow:hidden}.sup-site{align-content:start;gap:14px;padding:26px 28px;display:grid;position:absolute;inset:0}.sup-site .snav{border-bottom:1px solid var(--line);align-items:center;gap:18px;margin-bottom:10px;padding-bottom:14px;display:flex}.sup-site .snav b{background:var(--ink);border-radius:6px;width:70px;height:12px}.sup-site .snav i{background:var(--paper-2);border-radius:5px;width:44px;height:8px}.sup-site .h1{background:var(--paper-2);border-radius:8px;width:52%;height:20px}.sup-site .ln{background:var(--paper-2);border-radius:5px;height:10px}.sup-site .cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.sup-site .cards div{border:1px solid var(--line);background:var(--paper);border-radius:12px;height:96px}.sup-fab,.sup-ripple{border-radius:50%;width:62px;height:62px;position:absolute;bottom:24px;right:24px}.sup-fab{background:var(--blue);color:#fff;box-shadow:0 14px 30px -10px var(--blue-deep);opacity:0;place-items:center;display:grid}.sup-fab svg{width:28px;height:28px}.sup-ripple{border:3px solid var(--blue);opacity:0}.sup-cursor{z-index:5;opacity:0;filter:drop-shadow(0 4px 6px #0a102054);width:26px;height:26px;position:absolute;top:22%;left:18%}.sup-win{border:1px solid var(--line-2);transform-origin:100% 100%;background:#fff;border-radius:16px;width:min(320px,100% - 48px);position:absolute;bottom:24px;right:24px;overflow:hidden;box-shadow:0 30px 60px -24px #0a1020a8}.sup-win .h{background:var(--app-chat-head);color:#fff;font:700 14px var(--sans);align-items:center;gap:10px;padding:13px 16px;display:flex}.sup-win .h i{border:1.5px solid #ffffffa8;border-radius:50%;width:22px;height:22px}.sup-win .b{align-content:start;gap:10px;min-height:230px;padding:14px;display:grid}.sup-win .m,.sup-win .u{border-radius:14px;margin:0;padding:10px 13px;font-size:13.5px;line-height:1.45}.sup-win .m{background:var(--app-bubble);max-width:88%}.sup-win .u{background:var(--app-bubble-user);color:#fff;justify-self:end}.sup-win .in{border:1px solid var(--line-2);color:var(--ink-3);border-radius:10px;justify-content:space-between;align-items:center;margin:0 14px 14px;padding:10px 12px;font-size:13px;display:flex}.sup-win .in svg{width:15px;height:15px;color:var(--app-blue)}.sup-demo[data-live=true] .sup-fab{animation:11s infinite supFab}.sup-demo[data-live=true] .sup-ripple{animation:11s infinite supRipple}.sup-demo[data-live=true] .sup-cursor{animation:11s infinite supCursor}.sup-demo[data-live=true] .sup-win{animation:11s infinite supWin}.sup-demo[data-live=true] .sup-win .m1{animation:11s infinite supM1}.sup-demo[data-live=true] .sup-win .m2{animation:11s infinite supM2}.sup-demo[data-live=true] .sup-win .u{animation:11s infinite supU}.sup-demo[data-live=true] .sup-win .m3{animation:11s infinite supM3}@keyframes supCursor{0%{opacity:0;top:22%;left:18%}6%{opacity:1}26%{opacity:1;top:calc(100% - 56px);left:calc(100% - 62px)}31%{top:calc(100% - 56px);left:calc(100% - 62px);transform:scale(.8)}34%{opacity:1;transform:scale(1)}40%,to{opacity:0;top:calc(100% - 56px);left:calc(100% - 62px)}}@keyframes supFab{0%,28%{opacity:1;transform:scale(1)}31%{opacity:1;transform:scale(.88)}34%{opacity:1;transform:scale(1)}38%,94%{opacity:0;transform:scale(.6)}98%,to{opacity:1;transform:scale(1)}}@keyframes supRipple{0%,30%{opacity:0;transform:scale(1)}32%{opacity:.8;transform:scale(1)}42%{opacity:0;transform:scale(1.9)}to{opacity:0}}@keyframes supWin{0%,33%{opacity:0;transform:scale(.15)}42%,90%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.15)}}@keyframes supM1{0%,44%{opacity:0;transform:translateY(8px)}50%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes supM2{0%,52%{opacity:0;transform:translateY(8px)}58%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes supU{0%,64%{opacity:0;transform:translateY(8px)}70%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes supM3{0%,76%{opacity:0;transform:translateY(8px)}82%,90%{opacity:1;transform:none}96%,to{opacity:0}}.sup-agent{border-radius:22px}.sup-agent-top{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:14px;padding:18px 22px;display:flex}.sup-agent-top .av{background:var(--blue-wash);width:46px;height:46px;color:var(--blue);border-radius:14px;flex:none;place-items:center;display:grid}.sup-agent-top .av svg{width:24px;height:24px}.sup-agent-top b{font:700 18px var(--display);letter-spacing:-.01em;display:block}.sup-agent-top small{color:var(--ink-3);font-size:13px}.sup-agent-top .on{background:var(--blue);color:#fff;font:700 12px var(--mono);border-radius:99px;margin-left:auto;padding:5px 12px}.sup-agent-kv{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.sup-agent-kv>div{padding:14px 18px}.sup-agent-kv>div+div{border-left:1px solid var(--line)}.sup-agent-kv dt{color:var(--ink-3);font-size:12.5px}.sup-agent-kv dd{font:700 16px var(--sans);color:var(--ink);margin:3px 0 0}.sup-agent-src{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:16px 22px;display:flex}.sup-agent-src .l{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:6px}.sup-agent-src .c{border:1px solid var(--line-2);background:#fff;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:flex}.sup-agent-src .c svg{width:14px;height:14px;color:var(--good)}.sup-agent-chat{background:linear-gradient(180deg, #fff, var(--paper));gap:12px;padding:20px 22px 22px;display:grid}.sup-agent-chat .m{border-radius:14px;max-width:84%;margin:0;padding:11px 14px;font-size:14.5px;line-height:1.5}.sup-agent-chat .m.v{background:var(--paper-2);border-bottom-left-radius:4px}.sup-agent-chat .m.b{background:var(--blue);color:#fff;border-bottom-right-radius:4px;justify-self:end}.sup-agent-chat .acts{flex-wrap:wrap;justify-self:end;gap:10px;display:flex}.sup-agent-chat .acts span{border:1.5px solid var(--blue);color:var(--blue-mid);font:600 13px var(--sans);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:8px 13px;display:flex}.sup-agent-chat .acts svg{width:15px;height:15px}.sup-ui{background:var(--app-bg);border-radius:16px;font-size:13px;line-height:1.45}.sup-ui .hd{border-bottom:1px solid var(--app-line);background:var(--app-card);color:var(--app-muted);align-items:center;gap:8px;padding:11px 18px;font-size:13px;display:flex}.sup-ui .hd b{color:var(--app-blue);font-weight:600}.sup-ui .tabs,.sup-ui .stabs{border-bottom:1px solid var(--app-line);background:var(--app-card);white-space:nowrap;gap:2px;display:flex;overflow:hidden}.sup-ui .tabs{padding:0 12px}.sup-ui .stabs{padding:0 8px}.sup-ui .tabs span,.sup-ui .stabs span{color:var(--app-muted);border-bottom:2px solid #0000;padding:11px 12px}.sup-ui .tabs span.on,.sup-ui .stabs span.on{border-color:var(--app-blue);color:var(--app-blue)}.sup-ui .bd{padding:18px}.sup-ui .card{border:1px solid var(--app-line);background:var(--app-card);border-radius:10px}.sup-ui .t5{font:600 15.5px var(--sans)}.sup-ui .t6{font:600 13.5px var(--sans)}.sup-ui .sub{color:var(--app-muted);margin-top:3px;font-size:12.5px}.sup-ui .faint{color:var(--app-faint);margin-top:2px;font-size:11.5px}.sup-ui .pill{background:var(--app-blue-wash);color:var(--app-blue);font:600 11px var(--sans);border-radius:99px;padding:3px 9px}.sup-ui .btn2{font:500 12px var(--sans);background:#f9fafb;border:1px solid #d1d5db;border-radius:7px;flex:none;padding:6px 12px}.sup-ui .two{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;display:grid}.sup-ui .form{padding-bottom:16px}.sup-ui .fld{padding:14px 16px 0}.sup-ui .fld .lbl{font:600 12.5px var(--sans);margin-bottom:5px;display:block}.sup-ui .fld .in{border:1px solid var(--app-line);background:var(--app-card);border-radius:7px;padding:9px 11px}.sup-ui .fld .in+.in{margin-top:6px}.sup-ui .fld small{color:var(--app-faint);margin-top:4px;font-size:11.5px;display:block}.sup-ui .prev{background-color:#f9fafb;background-image:radial-gradient(#d9dde5 1px,#0000 1px);background-size:14px 14px;padding:16px}.sup-ui .prev .t5{text-align:center}.sup-ui .tg{border:1px solid var(--app-line);background:var(--app-card);text-align:center;border-radius:8px;grid-template-columns:1fr 1fr;max-width:360px;margin:10px auto 14px;font-size:12px;display:grid;overflow:hidden}.sup-ui .tg div{padding:7px}.sup-ui .tg .on{background:#eef0f4;font-weight:600}.sup-ui .win{background:var(--app-card);border-radius:12px;max-width:360px;margin:0 auto;overflow:hidden;box-shadow:0 10px 24px -14px #0a102078}.sup-ui .win .h{background:var(--app-chat-head);color:#fff;font:600 13.5px var(--sans);align-items:center;gap:8px;padding:11px 13px;display:flex}.sup-ui .win .h i{border:1.5px solid #fff9;border-radius:50%;width:18px;height:18px}.sup-ui .win .b{gap:7px;padding:12px;display:grid}.sup-ui .win .m{background:var(--app-bubble);border-radius:10px;max-width:85%;padding:8px 11px;font-size:12.5px}.sup-ui .win .mt{color:var(--app-muted);margin:-2px 0 2px 2px;font-size:10.5px}.sup-ui .win .u{background:var(--app-bubble-user);color:#fff;border-radius:10px;justify-self:end;padding:8px 11px;font-size:12.5px}.sup-ui .chHead{border-bottom:1px solid var(--app-line);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 16px;display:flex}.sup-ui .chHead .sub{margin:0 0 0 auto}.sup-ui .chGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 16px 16px;display:grid}.sup-ui .ch{border:1px solid var(--app-line);background:var(--app-card);border-radius:10px;flex-direction:column;padding:13px;display:flex}.sup-ui .ch .t{font:600 13.5px var(--sans);align-items:center;gap:8px;display:flex}.sup-ui .ch .t i{width:28px;height:28px;color:var(--app-ink-2);background:#f3f4f6;border-radius:7px;flex:none;place-items:center;display:grid}.sup-ui .ch .t i svg{width:15px;height:15px}.sup-ui .ch .t em{color:var(--amber);font:600 10.5px var(--sans);background:#fff1da;border-radius:99px;margin-left:auto;padding:2px 7px;font-style:normal}.sup-ui .ch .t em.a{color:var(--good);background:#e4f6ec}.sup-ui .ch p{color:var(--app-muted);flex:1;margin:9px 0 11px;font-size:12px;line-height:1.45}.sup-ui .ch .f{border-top:1px solid var(--app-line-soft);color:var(--app-muted);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:12px;display:flex}.sup-ui .sw{align-items:center;gap:7px;display:flex}.sup-ui .sw s{background:#d1d5db;border-radius:99px;width:28px;height:15px;display:inline-block;position:relative}.sup-ui .sw s:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:2px;left:2px}.sup-ui .sw.on s{background:var(--app-blue)}.sup-ui .sw.on s:after{left:auto;right:2px}.sup-ui .connect{padding:18px}.sup-ui .connect .t6{margin-top:16px}.sup-ui .vers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.sup-ui .vers>div{border:1px solid var(--app-line);background:var(--app-card);color:var(--app-muted);border-radius:9px;padding:12px 13px;font-size:12px;line-height:1.45}.sup-ui .vers>div.on{border:1.5px solid var(--app-blue);background:#f2f6ff}.sup-ui .vers b{color:var(--app-ink);align-items:center;gap:7px;margin-bottom:4px;font-size:13px;display:flex}.sup-ui .vers em{background:var(--app-blue-wash);color:var(--app-blue);font:600 10px var(--sans);border-radius:99px;padding:2px 7px;font-style:normal}.sup-ui .stp{font:600 13px var(--sans);align-items:center;gap:8px;margin-top:14px;display:flex}.sup-ui .stp i{background:var(--app-blue);color:#fff;width:20px;height:20px;font:700 11px var(--sans);border-radius:50%;place-items:center;font-style:normal;display:grid}.sup-ui .code{border:1px solid var(--app-line);font:500 12.5px/1.7 var(--mono);color:var(--app-ink);background:#f3f4f7;border-radius:8px;margin:8px 0 0;padding:12px 14px;overflow-x:auto}.sup-ui .note2{color:var(--app-ink-2);background:#eef0f4;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px}.sup-ui .note2 b{margin-right:6px}.sup-ui .anBar{justify-content:space-between;align-items:center;gap:10px;display:flex}.sup-ui .anBar .sub{margin:0}.sup-ui .an{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.sup-ui .an .card{padding:14px 16px}.sup-ui .an .tt{justify-content:space-between;gap:10px;display:flex}.sup-ui .kp{text-align:right;color:var(--app-faint);white-space:nowrap;gap:14px;font-size:11px;display:flex}.sup-ui .kp b{font:700 19px var(--sans);color:var(--app-ink);display:block}.sup-ui .an svg.ln{width:100%;height:84px;margin-top:8px;display:block}.sup-ui .bars2{gap:8px;margin-top:12px;font-size:12px;display:grid}.sup-ui .bars2>div{color:var(--app-ink-2);grid-template-columns:100px minmax(0,1fr) 26px;align-items:center;gap:8px;display:grid}.sup-ui .bars2 s{background:#e8ecf4;border-radius:99px;height:7px;display:block;position:relative;overflow:hidden}.sup-ui .bars2 s i{background:var(--app-blue);border-radius:99px;position:absolute;inset:0 auto 0 0}.sup-ui .bars2 b{text-align:right;font-weight:600}.sup-ui .qs{margin-top:8px;font-size:12.5px;display:grid}.sup-ui .qs>div{border-top:1px solid var(--app-line-soft);color:#374151;justify-content:space-between;gap:10px;padding:8px 0;display:flex}.sup-ui .qs>div:first-child{border-top:0}.sup-ui .qs b{font:700 12px var(--mono)}.sup-ui .cvHead{border-bottom:1px solid var(--app-line);background:#fafafa;border-radius:10px 10px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;display:flex}.sup-ui .cvHead .t5 span{background:var(--app-blue);color:#fff;font:600 11px var(--sans);border-radius:99px;margin-left:8px;padding:2px 9px}.sup-ui .sel{gap:8px;display:flex}.sup-ui .sel span{border:1px solid var(--app-line);background:var(--app-card);border-radius:7px;padding:5px 10px;font-size:12px}.sup-ui .li{border-top:1px solid var(--app-line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 16px;font-size:13.5px;display:grid}.sup-ui .cvHead+.li{border-top:0}.sup-ui .li small{color:var(--app-faint);margin-top:2px;font-size:11.5px;display:block}.sup-ui .tag{color:var(--good);font:600 11px var(--sans);background:#e4f6ec;border-radius:99px;padding:3px 9px}.sup-ui .tag.t{color:var(--amber);background:#fff1da}.sup-ui .tag.l{background:var(--app-blue-wash);color:var(--app-blue)}.sup-video h2.h-sec{letter-spacing:-.03em;margin-top:16px;font-size:clamp(30px,3.9vw,54px);line-height:1.04}.sup-video .videoWrap{margin-top:48px}@media (max-width:1180px){.sup-ui .chGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.sup-ui .an{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.sup-stage{height:420px}}@media (max-width:860px){.sup-ui .two{grid-template-columns:minmax(0,1fr)}.sup-ui .chGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sup-ui .chHead .sub{flex-basis:100%;margin-left:0}}@media (max-width:640px){.sup-chat{box-shadow:7px 9px 0 -2px var(--blue), 0 30px 60px -44px #0a102080;border-radius:18px}.sup-chat-body{padding:18px 16px 14px}.sup-msg{max-width:92%}.sup-msg .bub{font-size:14.5px}.sup-chat-meta>div{padding:12px 14px}.sup-chat-meta dt{font-size:11.5px}.sup-chat-meta dd{font-size:15.5px}.sup-stage{height:430px}.sup-site{padding:20px 18px}.sup-site .cards div{height:72px}.sup-fab,.sup-ripple{width:54px;height:54px;bottom:14px;right:14px}.sup-win{border-radius:14px;width:min(264px,100% - 28px);bottom:14px;right:14px}.sup-win .h{padding:11px 14px}.sup-win .b{gap:8px;min-height:0;padding:12px}.sup-win .m,.sup-win .u{padding:8px 11px;font-size:12.5px}.sup-win .in{margin:0 12px 12px;padding:8px 11px;font-size:12.5px}.sup-agent{border-radius:18px}.sup-agent-top,.sup-agent-src{padding-left:16px;padding-right:16px}.sup-agent-kv{grid-template-columns:repeat(2,minmax(0,1fr))}.sup-agent-kv>div{padding:12px 16px}.sup-agent-kv>div:nth-child(odd){border-left:0}.sup-agent-kv>div:nth-child(n+3){border-top:1px solid var(--line)}.sup-agent-chat{padding:16px}.sup-agent-chat .m{max-width:92%}.sup-ui{border-radius:14px}.sup-ui .bd,.sup-ui .connect{padding:12px}.sup-ui .vers,.sup-ui .an{grid-template-columns:minmax(0,1fr)}.sup-ui .chGrid{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.sup-ui .ch p{display:none}.sup-ui .ch .f{margin-top:10px}.sup-ui .li,.sup-ui .cvHead{padding:12px}}