:root{--bg:#0b0d12;--bg2:#11141b;--bg3:#171b24;--line:#232836;--text:#e8ebf2;--muted:#8a93a6;--accent:#7c5cff;--green:#3ddc97;--amber:#ffb84d;--blue:#4da3ff;--f:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--f);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}code,pre{font-family:var(--mono)}.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0b0d12d9;position:sticky;top:0}.nav__in{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.brand b{color:var(--accent)}.brand__k{font-family:var(--mono);color:var(--accent);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:14px}.nav__links{color:var(--muted);align-items:center;gap:22px;font-size:14px;display:flex}.nav__links a:hover{color:var(--text)}.ver{font-family:var(--mono);background:var(--bg3);border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:12px}.hero{padding-top:80px;padding-bottom:60px}.eyebrow{font:500 13px var(--mono);color:var(--green);align-items:center;gap:8px;margin:0;display:inline-flex}.live{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3ddc9726}h1{letter-spacing:-.03em;margin:18px 0 0;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.04}.lede{max-width:620px;color:var(--muted);margin-top:20px;font-size:18px}.cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{background:var(--accent);color:#fff;border-radius:8px;align-items:center;padding:12px 20px;font-size:15px;font-weight:600;transition:filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn--ghost{background:var(--bg3);border:1px solid var(--line);color:var(--text)}.hero__code{background:var(--bg2);border:1px solid var(--line);color:#cdd3e0;border-radius:12px;margin:44px 0 0;padding:22px 24px;font-size:13.5px;line-height:1.7;overflow-x:auto}.c{color:var(--muted)}.g{color:var(--green)}.sec{padding:70px clamp(16px,4vw,40px)}h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.6vw,38px)}.sub{color:var(--muted);margin:8px 0 0}.sub code{color:var(--amber)}.grid{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:30px;display:grid;overflow:hidden}.card{background:var(--bg2);padding:24px}.card h3{margin:0 0 6px;font-size:17px}.card p{color:var(--muted);margin:0;font-size:14.5px}.explorer{border:1px solid var(--line);background:var(--bg2);border-radius:12px;grid-template-columns:300px 1fr;margin-top:28px;display:grid;overflow:hidden}.ep-list{border-right:1px solid var(--line);margin:0;padding:10px;list-style:none}.ep-list button{width:100%;color:var(--muted);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ep-list button:hover{background:var(--bg3);color:var(--text)}.ep-list button.is-on{background:var(--bg3);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.ep-list code{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.m{font:600 10.5px var(--mono);border-radius:5px;flex:none;padding:3px 7px}.m--get{color:var(--blue);background:#4da3ff24}.m--post{color:var(--green);background:#3ddc9724}.ep{min-width:0;padding:24px}.ep h3{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.ep h3 code{font-size:16px}.ep>p{color:var(--muted)}.params{border-collapse:collapse;width:100%;margin:6px 0 18px;font-size:14px}.params th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 0;font-size:12px;font-weight:500}.params td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px 9px 0}.params code{color:var(--amber)}.req{font:500 11px var(--mono);color:#ff7a7a}.opt{font:500 11px var(--mono);color:var(--muted)}.lbl{font:600 12px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}.ok{color:var(--green)}.ep pre{background:var(--bg);border:1px solid var(--line);color:#cdd3e0;border-radius:8px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.diagram{gap:0;max-width:520px;margin-top:30px;display:grid}.blk{background:var(--bg2);border:1px solid var(--line);border-radius:10px;margin-bottom:26px;padding:16px 20px;position:relative}.blk b{display:block}.blk span{font:400 13px var(--mono);color:var(--muted)}.blk i{color:var(--accent);font-style:normal;position:absolute;bottom:-24px;left:50%}.blk:nth-child(3){border-color:var(--accent);box-shadow:0 0 0 4px #7c5cff1f}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:26px;padding-bottom:40px;font-size:13px;display:flex}@media (max-width:880px){.grid,.explorer{grid-template-columns:1fr}.ep-list{border-right:0;border-bottom:1px solid var(--line)}.nav__links a{display:none}}
