:root{color:#17212f;font-synthesis:none;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f8fafc;margin:0}.app{background-image:linear-gradient(#edf1f5 1px,#0000 1px),linear-gradient(90deg,#edf1f5 1px,#0000 1px);background-size:40px 40px;min-height:100vh}.topbar{z-index:10;background:#fffffff7;border-bottom:1px solid #e5e9ee;justify-content:space-between;align-items:center;height:82px;padding:0 4%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.logo{color:#fff;background:#17212f;border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:grid}.brand b{font-size:19px;display:block}.brand span{letter-spacing:2px;color:#93a0ae;margin-top:3px;font-size:8px;font-weight:800;display:block}.topcenter{letter-spacing:1.8px;color:#8b98a6;font-size:10px;font-weight:800}.topcenter i,.backend i{background:#4eaa7b;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.backend{color:#687585;border:1px solid #e2e7ec;border-radius:24px;padding:10px 15px;font-size:11px;font-weight:700}.backend.offline i{background:#c26b6b}.layout{grid-template-columns:300px 1fr;max-width:1550px;margin:auto;display:grid}.sidebar{background:#fff;border-right:1px solid #e5e9ee;height:calc(100vh - 82px);min-height:calc(100vh - 82px);padding:28px 18px;position:sticky;top:82px;overflow:auto}.side-title,.label{letter-spacing:2.2px;color:#81909f;font-size:9px;font-weight:900}.side-sub{color:#9aa5b1;margin:8px 0 16px;font-size:11px}.lab{text-align:left;cursor:pointer;color:#677483;background:0 0;border:0;border-radius:12px;grid-template-columns:30px 1fr 35px;gap:8px;width:100%;margin:4px 0;padding:11px 8px;display:grid}.lab:hover,.lab.active{background:#f0f7f3}.lab .num{color:#8c9a9e;font-size:10px;font-weight:800}.lab.active .num{color:#4e9271}.labtext strong{color:#45515f;font-size:12px;display:block}.labtext small{color:#9aa5b0;margin-top:4px;font-size:9px;line-height:1.35;display:block}.lab em{color:#a0aab4;text-align:right;font-size:7px;font-style:normal}.lab.active em{color:#4eaa7b}.side-card{background:#fbfcfd;border:1px solid #e4e9ee;border-radius:14px;margin-top:18px;padding:16px}.side-card b{font-size:11px}.side-card p{color:#7d8996;font-size:10px;line-height:1.55}.side-card strong{color:#53616f}.main{padding:0 4% 30px}.hero{text-align:center;max-width:1120px;margin:auto;padding:70px 3% 52px}.eyebrow{letter-spacing:2.5px;color:#81909f;margin-bottom:28px;font-size:9px;font-weight:900}.hero h1{letter-spacing:-4px;color:#17212f;margin:0;font-size:clamp(46px,5vw,78px);line-height:1.02}.hero h1 span{color:#4e8069}.hero h1 u{text-underline-offset:7px;text-decoration-color:#b7c4bd;text-decoration-thickness:3px}.hero p{color:#718091;max-width:860px;margin:25px auto;font-size:15px;line-height:1.7}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chips b{color:#637181;background:#fff;border:1px solid #e2e7ec;border-radius:22px;padding:8px 13px;font-size:9px}.grid2{grid-template-columns:290px 1fr;gap:18px;max-width:1220px;margin:auto;display:grid}.status-card,.chat-card,.learning,.architecture{background:#fff;border:1px solid #e1e7ec;border-radius:20px;box-shadow:0 18px 50px #1e2d3c0d}.status-card{padding:25px}.status-card h2{margin:10px 0 4px;font-size:26px}.status-card h2 i{background:#4eaa7b;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.status-card>p{color:#9aa5b1;margin:0 0 20px;font-size:11px}.kv{color:#8b97a3;border-top:1px solid #edf0f3;justify-content:space-between;padding:12px 0;font-size:9px;display:flex}.kv b{color:#43505e;text-align:right;max-width:145px;font-size:9px}.chat-card{overflow:hidden}.chat-head{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.chat-head h2{margin:0;font-size:17px}.chat-head p{color:#99a3ad;margin:4px 0 0;font-size:10px}.mode{letter-spacing:1.2px;color:#9c8650;background:#fbfaf3;border:1px solid #e7e4d8;border-radius:10px;padding:8px 10px;font-size:8px;font-weight:900}.scenario-bar{background:#fafbfc;border-bottom:1px solid #edf0f3;align-items:center;gap:15px;padding:11px 25px;display:flex}.scenario-bar span{letter-spacing:1.5px;color:#8d99a5;font-size:8px;font-weight:900}.scenario-bar select{color:#536170;background:#fff;border:1px solid #e3e8ed;border-radius:8px;padding:6px 9px;font-size:10px}.messages{height:330px;padding:20px 25px;overflow:auto}.msg{align-items:flex-start;gap:10px;margin:0 0 18px;display:flex}.msg.user{flex-direction:row-reverse}.avatar{color:#4d7f68;background:#edf6f1;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:7px;font-weight:900;display:grid}.user .avatar{color:#7c8792;background:#f0f2f5}.bubble{color:#53606e;max-width:78%;font-size:12px;line-height:1.6}.bubble small{color:#9ba5ae;margin-bottom:4px;font-size:8px;display:block}.bubble>div{white-space:pre-wrap;background:#fafcfd;border:1px solid #e4e9ed;border-radius:13px;padding:11px 13px}.user .bubble{text-align:right}.user .bubble>div{background:#f0f7f3;border-color:#dbe9e1}.bubble footer{color:#98a2ac;margin-top:6px;font-size:8px}.bubble footer b{color:#60796d}.quick{flex-wrap:wrap;gap:7px;padding:0 25px 12px;display:flex}.quick button{color:#75818d;cursor:pointer;background:#fff;border:1px solid #e0e6eb;border-radius:9px;padding:7px 9px;font-size:8px}.composer{border:1px solid #dfe5ea;border-radius:14px;align-items:center;margin:0 20px;display:flex;overflow:hidden}.composer textarea{resize:none;width:100%;min-height:52px;font:inherit;color:#53606e;border:0;outline:0;padding:15px;font-size:11px}.composer button{color:#fff;cursor:pointer;background:#17212f;border:0;border-radius:10px;width:38px;height:38px;margin-right:8px;font-size:20px}.composer button:disabled{opacity:.45}.hint{text-align:right;color:#a4adb6;padding:7px 25px 14px;font-size:7px}.learning,.architecture{max-width:1220px;margin:20px auto;padding:28px}.section-head{justify-content:space-between;align-items:end;gap:30px;display:flex}.section-head h2,.architecture h2{letter-spacing:-1px;margin:7px 0 0;font-size:25px}.section-head p{color:#8a96a2;max-width:400px;font-size:11px;line-height:1.6}.cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.cards>div{border:1px solid #e7ebef;border-radius:14px;padding:18px}.cards span{color:#4eaa7b;font-size:9px;font-weight:900}.cards h3{margin:9px 0;font-size:15px}.cards p{color:#7f8b97;min-height:50px;font-size:10px;line-height:1.6}.cards b{color:#65736f;font-size:8px;line-height:1.5}.architecture h2{margin-bottom:22px}.flow{grid-template-columns:1fr auto 1.3fr auto 1.3fr auto 1.5fr auto 1.5fr;align-items:center;gap:10px;display:grid}.flow>div{background:#fbfcfd;border:1px solid #e3e8ec;border-radius:12px;padding:14px}.flow b{font-size:10px;display:block}.flow small{color:#8b97a2;margin-top:5px;font-size:8px;line-height:1.4;display:block}.flow>strong{color:#a1adb7}.footer{color:#8c98a4;justify-content:space-between;max-width:1220px;margin:30px auto 0;padding:20px 0;font-size:9px;display:flex}.footer b{color:#53616f}@media (width<=1000px){.layout{grid-template-columns:1fr}.sidebar{height:auto;min-height:0;position:relative;top:0}.grid2,.flow{grid-template-columns:1fr}.flow>strong{justify-self:center;transform:rotate(90deg)}.cards{grid-template-columns:1fr}.topcenter{display:none}.main{padding:0 18px 30px}}