.pbrand{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.pbrand b{color:var(--text);font-size:15px}
.pmk{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:600;border:1px solid var(--line-2);background:var(--panel);flex:0 0 38px}
.live-tag{font-family:var(--mono);font-size:11px;color:var(--green);border:1px solid rgba(76,183,130,.4);border-radius:6px;padding:2px 8px}
.live-tag.soft{color:var(--accent);border-color:rgba(244,196,0,.4)}
.jobs-f{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 22px}
.jobs-f button{font:inherit;font-size:13.5px;color:var(--muted);background:transparent;border:1px solid var(--line-2);border-radius:8px;padding:8px 14px;cursor:pointer}
.jobs-f button.on{color:var(--text);background:var(--panel);border-color:#3a4566}
.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1000px){.hgrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.hgrid{grid-template-columns:1fr}}
.hcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--bg-2);padding:22px;transition:.25s}
.hcard:hover{border-color:rgba(244,196,0,.55);transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(244,196,0,.25)}
.hcard.hide{display:none}
.hc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hc-job{font-family:var(--mono);font-size:10.5px;color:var(--dim);text-align:right}
.hcard h3{font-size:20px;margin:16px 0 6px}.hcard p{color:var(--muted);font-size:14px}
.hc-demo{margin:16px 0;height:118px;border:1px solid var(--line-2);border-radius:12px;background:#0A1024;overflow:hidden;position:relative;font-family:var(--mono);font-size:11.5px;color:var(--muted);padding:10px 12px}
.hcard .go{margin-top:auto;font-size:14px;color:var(--text)}.hcard:hover .go{color:var(--accent)}
.hd-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px dashed var(--line)}
.hd-row:last-child{border-bottom:0}
.hd-pill{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}
.hd-pill.g{background:rgba(76,183,130,.14);color:var(--green)}
.hd-wave{display:flex;gap:3px;align-items:center;height:30px;margin:8px 0}
.hd-wave i{display:block;width:3px;border-radius:2px;background:var(--accent);animation:wv .9s ease-in-out infinite alternate}
@keyframes wv{from{height:4px}to{height:26px}}
.soon{display:flex;align-items:center;gap:14px;margin-top:16px;border:1px dashed var(--line-2);border-radius:16px;padding:18px 20px}
.soon b{color:var(--text);display:block}.soon small{color:var(--muted);font-size:13.5px}.soon .live-tag{margin-left:auto}
.pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}
@media(max-width:1000px){.pgrid{grid-template-columns:1fr 1fr}}
.pcard2{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);padding:16px;display:grid;gap:6px;transition:.2s}
.pcard2:hover{border-color:rgba(244,196,0,.5)}
.pcard2 b{color:var(--text)}.pcard2 small{color:var(--muted);font-size:12.5px}
.ask-log{padding:14px 16px;display:grid;gap:10px;min-height:230px;align-content:end}
.ask-m{max-width:88%;padding:10px 13px;border-radius:12px;font-size:13.5px;line-height:1.5;animation:lin .35s ease}
.ask-m.u{justify-self:end;background:#16203F;color:var(--text);border:1px solid var(--line-2)}
.ask-m.a{background:var(--panel);color:var(--muted);border:1px solid var(--line)}
.ask-m .act{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:9px 11px;border-radius:9px;border:1px solid rgba(244,196,0,.35);background:var(--accent-soft);color:var(--text);font-size:12.5px}
.ask-m .act span{font-family:var(--mono);font-size:11px;color:var(--accent)}
.ask-chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 16px;border-top:1px solid var(--line)}
.ask-chips button{font:inherit;font-size:12.5px;color:var(--muted);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;cursor:pointer}
.ask-chips button:hover{color:var(--text);border-color:var(--accent)}
.ask-chips button:disabled{opacity:.4;cursor:default}
@keyframes lin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.chat2{padding:16px;display:grid;gap:10px}
.chat2 .m{max-width:88%;padding:10px 13px;border-radius:12px;font-size:13.5px;line-height:1.5}
.chat2 .u{justify-self:end;background:#16203F;color:var(--text);border:1px solid var(--line-2)}
.chat2 .a{background:var(--panel);color:var(--muted);border:1px solid var(--line)}
.chat2 .src{display:inline-flex;gap:5px;align-items:center;margin:8px 6px 0 0;font-family:var(--mono);font-size:11px;color:var(--accent);border:1px solid rgba(244,196,0,.3);border-radius:6px;padding:2px 7px}
.plug{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px}
@media(max-width:900px){.plug{grid-template-columns:1fr 1fr}}
.pl{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);padding:14px;display:grid;gap:4px;color:var(--muted);transition:.15s}
.pl i{color:var(--dim);font-size:18px}.pl b{color:var(--text);font-size:14px}.pl small{font-size:12px}
.pl.ft{position:relative;border-color:rgba(244,196,0,.35);background:linear-gradient(180deg,#121C3A,#0E152B)}.pl.ft i{color:var(--accent)}
.pl-t{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:10.5px;color:var(--accent);border:1px solid rgba(244,196,0,.35);border-radius:999px;padding:1px 8px}
.pl:hover{border-color:#3a4566}.pl.on{border-color:rgba(244,196,0,.6);background:var(--accent-soft)}.pl.on i{color:var(--accent)}
.plug-note{margin-top:16px;color:var(--muted);font-size:14px}.plug-note b{color:var(--accent);font-weight:500}
.kop-screen{position:relative;margin:14px 16px;height:150px;border:1px solid var(--line-2);border-radius:10px;background:#0E152B;overflow:hidden}
.kop-ui span{position:absolute;border-radius:6px;background:#16203F;border:1px solid var(--line-2)}
.kop-ui .b1{left:14px;top:14px;width:120px;height:22px}.kop-ui .b2{left:14px;top:50px;width:70%;height:22px}.kop-ui .b3{left:14px;top:86px;width:50%;height:22px}.kop-ui .b4{right:14px;bottom:14px;width:90px;height:28px;background:var(--accent);border-color:var(--accent)}
.kop-cur{position:absolute;width:14px;height:14px;left:20px;top:20px;transition:left .8s ease,top .8s ease;background:#fff;clip-path:polygon(0 0,0 100%,30% 72%,52% 100%,64% 92%,44% 66%,80% 64%)}
.kop-ring{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid var(--accent);opacity:0;transform:translate(-8px,-8px) scale(.4)}
.kop-ring.go{animation:ring .6s ease}
@keyframes ring{0%{opacity:1;transform:translate(-8px,-8px) scale(.4)}100%{opacity:0;transform:translate(-8px,-8px) scale(1.6)}}
.kop-steps{padding:0 16px;display:grid;gap:6px;min-height:118px}
.kop-s{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--text);animation:lin .35s ease}
.kop-s span{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-family:var(--mono);font-size:11px;background:rgba(76,183,130,.14);color:var(--green)}
.kop-done{margin:10px 16px 16px;padding:10px 12px;border-radius:10px;border:1px solid rgba(76,183,130,.35);background:rgba(76,183,130,.08);color:var(--text);font-size:13px;opacity:0;transition:opacity .4s}
.kop-done.on{opacity:1}.kop-done i{color:var(--green)}
.rec{color:#F87171!important}.rec::before{display:none}
.dic-text{min-height:150px;margin:16px;padding:14px;border:1px solid var(--line-2);border-radius:12px;font-size:15px;line-height:1.6;color:var(--text)}
.dic-text .ph{color:var(--dim)}.dic-text .cur{display:inline-block;width:2px;height:17px;background:var(--accent);vertical-align:-3px;margin-left:2px;animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}
.dic-bar{display:flex;align-items:center;gap:14px;padding:0 16px 16px}
.dic-btn{font:inherit;font-size:14px;font-weight:600;color:#08090A;background:var(--accent);border:0;border-radius:999px;padding:12px 18px;cursor:pointer;display:flex;gap:8px;align-items:center;user-select:none;-webkit-user-select:none;touch-action:none}
.dic-btn.on{background:#F87171;color:#fff}
.dic-wave{display:flex;gap:3px;align-items:center;height:34px;flex:1}
.dic-wave i{display:block;width:3px;height:4px;border-radius:2px;background:var(--line-2);transition:height .12s}
.dic.rec .dic-wave i{background:var(--accent);animation:wv2 .5s ease-in-out infinite alternate}
.dic.rec .dic-wave i:nth-child(odd){animation-delay:.15s}
@keyframes wv2{from{height:4px}to{height:calc(var(--h)*1px)}}
.mlc-stage{position:relative;margin:14px 16px;height:240px;border-radius:12px;background:linear-gradient(160deg,#1B2440,#0B0F1E);overflow:hidden}
.mlc-live{position:absolute;left:12px;top:12px;font-family:var(--mono);font-size:11px;background:#E11D48;color:#fff;padding:3px 8px;border-radius:5px}
.mlc-view{position:absolute;left:80px;top:12px;font-family:var(--mono);font-size:11px;background:rgba(255,255,255,.12);color:#fff;padding:3px 8px;border-radius:5px}
.mlc-cmts{position:absolute;left:12px;bottom:12px;width:58%;display:grid;gap:6px}
.mlc-c{font-size:12px;color:#fff;background:rgba(0,0,0,.45);padding:5px 9px;border-radius:9px;animation:lin .35s ease}
.mlc-c b{color:var(--accent);font-weight:600;margin-right:4px}
.mlc-prod{position:absolute;right:12px;bottom:12px;width:36%;background:rgba(255,255,255,.95);border-radius:10px;padding:10px;color:#14161C}
.mlc-prod b{display:block;font-size:13px}.mlc-prod small{font-size:11px;color:#6B7080}
.mlc-add{display:block;margin-top:8px;text-align:center;font-size:12px;font-weight:600;background:#14161C;color:#fff;border-radius:7px;padding:6px;transition:transform .2s}
.mlc-add.pop{transform:scale(1.08);background:#E11D48}
.mlc-foot{display:flex;justify-content:space-between;padding:0 16px 16px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.mlc-foot span:first-child{color:var(--green)}
.apps3{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:1000px){.apps3{grid-template-columns:1fr 1fr}}@media(max-width:560px){.apps3{grid-template-columns:1fr}}
.app{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);padding:16px;display:grid;gap:4px;transition:.2s}
.app:hover{border-color:rgba(244,196,0,.5);transform:translateY(-2px)}.app.hide{display:none}
.app b{color:var(--text)}.app small{color:var(--dim);font-family:var(--mono);font-size:11px}.app span{font-size:12.5px;color:var(--accent);margin-top:8px}