*{box-sizing:border-box}body{margin:0;background:#1e1e1e;color:#dadada;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Inter","PingFang SC",sans-serif}
a{color:inherit;text-decoration:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;position:sticky;top:0;background:#1e1e1ecc;backdrop-filter:blur(8px);z-index:9}
.nav nav{display:flex;gap:22px;align-items:center;font-size:14px;color:#aaa}.nav nav a:hover{color:#fff}
.brand{display:flex;gap:10px;align-items:center;font-weight:600;color:#fff}
.logo{width:26px;height:26px;background:#000;border:1px solid #444;border-radius:7px;position:relative;display:inline-block}
.logo i{position:absolute;left:7px;top:5px;width:3px;height:15px;background:#fff}.logo i:after{content:"";position:absolute;left:0;bottom:0;width:11px;height:3px;background:#fff}
.logo b{position:absolute;right:5px;top:5px;width:5px;height:5px;background:#576AE0}
.lang{background:#2a2a2a;border:1px solid #3a3a3a;color:#ddd;border-radius:6px;padding:4px 10px;cursor:pointer}
.hero{text-align:center;padding:90px 24px 40px}h1{font-size:clamp(36px,6vw,68px);line-height:1.08;color:#fff;max-width:900px;margin:0 auto 22px;letter-spacing:-.02em}
.sub{max-width:640px;margin:0 auto;color:#a8a8a8;font-size:19px}.ctas{display:flex;gap:12px;justify-content:center;margin:32px 0 60px}
.btn{padding:11px 22px;border-radius:8px;background:#2c2c2c;border:1px solid #3c3c3c;font-weight:600;color:#fff}.btn.primary{background:#576AE0;border-color:#576AE0}
.win{max-width:1180px;margin:0 auto;border:1px solid #363636;border-radius:12px;overflow:hidden;background:#262626;box-shadow:0 40px 120px #000a;text-align:left;font-size:13px}
.bar{height:34px;display:flex;gap:8px;align-items:center;padding:0 14px;background:#2b2b2b;border-bottom:1px solid #333}.bar span{width:12px;height:12px;border-radius:50%}
.r{background:#ff5f57}.y{background:#febc2e}.g{background:#28c840}.app{display:grid;grid-template-columns:240px 1fr 320px;height:560px}
.side{background:#222;border-right:1px solid #333;padding:12px;display:flex;flex-direction:column}
.tabs{display:flex;align-items:center;gap:6px;margin-bottom:10px}.pill{background:#576AE0;color:#fff;border-radius:6px;padding:3px 10px}.ic{color:#999;padding:3px 6px}.sp{flex:1}
.grp{color:#777;font-size:11px;text-transform:uppercase;margin:12px 0 4px}.it{padding:3px 8px;border-radius:5px;color:#ccc}.it.sel{background:#333;color:#fff}
.bottom{margin-top:auto}.nc{background:#2e2e2e;border-radius:6px;padding:7px 10px;display:flex;justify-content:space-between}kbd{color:#888;font-family:inherit}.si{color:#888;padding:8px 10px}
.doc{padding:30px 44px;overflow:hidden}.doc h2{color:#fff;font-size:26px;margin:12px 0}.doc h4{color:#fff;margin:16px 0 4px}.doc p,.doc ul{margin:0;color:#bbb}
.badge{font-size:12px;color:#8B98EE;background:#576AE022;border:1px solid #576AE055;border-radius:20px;padding:3px 10px}.lnk{color:#8B98EE!important}
.chat{border-left:1px solid #333;background:#232323;padding:14px;display:flex;flex-direction:column;gap:12px}.ct{color:#fff;font-weight:600}
.q{align-self:flex-end;background:#576AE0;color:#fff;border-radius:10px;padding:8px 12px;max-width:90%}.a{background:#2d2d2d;border-radius:10px;padding:10px 12px;color:#ccc}
sup{color:#8B98EE}.src{margin-top:8px;display:flex;flex-direction:column;gap:4px}.src span{font-size:11px;color:#8B98EE;background:#576AE01a;border-radius:4px;padding:2px 6px}
.inp{margin-top:auto;border:1px solid #3a3a3a;border-radius:8px;padding:9px;color:#777}
.sec{max-width:1080px;margin:0 auto;padding:110px 24px 0;text-align:center}.sec h2{font-size:clamp(28px,4vw,44px);color:#fff;margin:0 0 16px;letter-spacing:-.01em}
.lead{max-width:680px;margin:0 auto;color:#a8a8a8;font-size:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;text-align:left;align-items:center}.split .lead{margin:0}
.flow{display:flex;align-items:center;justify-content:center;gap:16px;margin:48px 0}.col{display:flex;flex-direction:column;gap:10px}.ar{color:#666;font-size:24px}
.nd{border:1px solid #3a3a3a;background:#262626;border-radius:10px;padding:12px 18px}.nd.big{padding:28px}.nd small{color:#888}.nd.hl{border-color:#576AE0;background:#576AE022;color:#fff;font-weight:600}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;text-align:left}.card{background:#262626;border:1px solid #333;border-radius:12px;padding:22px}.card h3{color:#fff;margin:0 0 6px;font-size:17px}.card p{margin:0;color:#999}
pre{background:#161616;border:1px solid #333;border-radius:10px;padding:16px;font:13px/1.6 ui-monospace,Menlo,monospace;color:#d4d4d4;overflow:auto;margin:0 0 14px}.cm{color:#6a9955}
.loop{margin-top:40px;font-size:20px;color:#666;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.loop span{color:#fff;background:#262626;border:1px solid #3a3a3a;border-radius:30px;padding:8px 18px}
.mini{background:#232323;border:1px solid #333;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}
.final{padding-bottom:40px}footer{border-top:1px solid #2e2e2e;display:flex;justify-content:space-between;padding:28px 32px;color:#777;font-size:14px;margin-top:60px}
@media(max-width:900px){.app{grid-template-columns:200px 1fr}.chat{display:none}.split,.cards{grid-template-columns:1fr}.flow{flex-direction:column}.nav nav a:not(.gh){display:none}}
.ctas{gap:32px;align-items:center}
.btn.primary{display:inline-flex;align-items:center;justify-content:center;background:#576AE0;border:1px solid #6E7FE5}
.tlink{font-size:18px;font-weight:500;color:#8B98EE;background:none;border:0}.tlink:hover{color:#A4AEF2}
.nl,.nr{display:flex;align-items:center;gap:28px}.nr{gap:20px}
.nav .brand{font-size:21px;font-weight:700;gap:10px}.nav .brand .logo{width:26px;height:26px}
.nav nav{gap:24px;font-size:14.5px;color:#a8a8a8}
.ld{position:relative}.lang{display:flex;align-items:center;gap:6px;background:none;border:0;color:#a8a8a8;font-size:14.5px;padding:4px;cursor:pointer}.lang:hover,.gh:hover{color:#fff}
.gh{font-size:14.5px;color:#a8a8a8}
.lm{display:none;position:absolute;right:0;top:32px;background:#262626;border:1px solid #3a3a3a;border-radius:8px;padding:4px;min-width:130px}.lm.open{display:block}
.lm a{display:block;padding:6px 10px;border-radius:5px;font-size:14px;cursor:pointer}.lm a:hover{background:#333}
@media(max-width:900px){.nav nav a:not(:first-child){display:none}}
.logo{background:none;border:0;border-radius:0;width:26px;height:26px}footer .logo{width:22px;height:22px}
.ctas{gap:40px}
.btn.primary{height:56px;min-width:230px;padding:0 32px;font-size:20px;font-weight:600;border-radius:10px}
.tlink{font-size:20px;font-weight:500}
:root{--container:1180px;--gutter:24px;--edge:max(var(--gutter),calc((100% - var(--container))/2))}
.nav,footer{padding-left:var(--edge);padding-right:var(--edge)}
.foot-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tm{color:#5c5c5c;font-size:12px}
@media(max-width:600px){footer{flex-direction:column;gap:14px}.foot-r{align-items:flex-start}}
.hero{padding-left:var(--gutter);padding-right:var(--gutter)}.win{max-width:var(--container)}
.sec{max-width:calc(var(--container) + 2*var(--gutter));padding-left:var(--gutter);padding-right:var(--gutter)}
.ph{color:#8a8a8a;font-style:italic}
.btn.primary:hover{background:#4A5CD4}.btn:focus-visible,.tlink:focus-visible,.gh:focus-visible,.lang:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(110,127,229,.45);border-radius:8px}
.gh,.tlink{color:#8B98EE}.gh:hover,.tlink:hover{color:#A4AEF2}
.pill{background:#262A45;color:#A4AEF2}.it.sel{background:#262A45;color:#A4AEF2}
.li{width:18px;height:18px;flex:none}.bar{position:relative}.barr{margin-left:auto;display:flex;gap:14px;color:#9a9a9a}
.tabs{gap:4px}.pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);color:#e6e6e6;border-radius:999px;padding:4px 12px 4px 10px}
.ic{display:inline-flex;color:#9a9a9a;padding:5px}.ncl{display:inline-flex;align-items:center;gap:6px}.ncl .li{width:16px;height:16px}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle}
.chat .inp{min-height:68px;border-radius:14px;font-size:16px;background:#1f1f1f;color:#8a8a8a;border:1.5px solid #6E7FE5;box-shadow:0 0 0 4px rgba(110,127,229,.35);padding:12px 14px;display:flex;align-items:flex-start}
.caret{display:inline-block;width:1.5px;height:20px;background:#e6e6e6;margin:1px 2px 0 0;animation:blink 1.06s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.side .nc{justify-content:center;gap:8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 2px rgba(0,0,0,.35);color:#e6e6e6;padding:8px 12px}
.side .nc kbd{font-size:11px;color:#a8a8a8;background:rgba(255,255,255,.08);border-radius:5px;padding:1px 6px}
.side .div{height:1px;background:#333;margin:10px 0 6px}.side .si{display:flex;align-items:center;gap:8px;color:#e6e6e6;padding:4px 2px}
.av{width:24px;height:24px;border-radius:50%;background:#3a3a3a;display:inline-flex;align-items:center;justify-content:center;color:#bdbdbd}.av .li{width:14px;height:14px}
.hp{margin-left:auto;color:#9a9a9a;display:inline-flex}
.chat .inp{border:1px solid rgba(255,255,255,.10);box-shadow:none}

.step{background:#262626;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px;margin:0 0 14px}.step p{margin:6px 0 10px;color:#a3a3a3;font-size:14px}.step a{font-size:14px}.step-h{display:flex;align-items:center;gap:10px}.step-n{width:22px;height:22px;border-radius:50%;background:#576AE0;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}

.step .step-code{margin:12px 0 0;background:rgba(255,255,255,.04);border:0;border-radius:8px;padding:12px 14px}

.chat-card{border:1px solid #333;border-radius:12px;padding:18px}.chat-card .inp{min-height:0;font-size:14px;border:1px solid #3a3a3a;box-shadow:none;border-radius:8px;padding:9px 12px}.ck{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.ck li{font-size:13px;color:#ddd}.ck li:before{content:"☐ ";color:#8B98EE}
@media(max-width:900px){.chat.chat-card{display:flex}}