:root{--bg:#fff;--bg-alt:#f5f5f7;--surface:#fff;--sunken:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--faint:#86868b;--hair:#0000001a;--hair-strong:#00000029;--accent:#06c;--accent-fill:#0071e3;--ok:#1a7f37;--buy:#1a7f37;--sell:#d1242f;--buy-bg:#1a7f371a;--sell-bg:#d1242f17;--hot:#b25000;--violet:#8944ab;--heat0:#ebedf0;--heat1:#9be9a8;--heat2:#40c463;--heat3:#30a14e;--heat4:#216e39;--nav-bg:#ffffffc7;--shadow:0 1px 2px #0000000a,0 8px 28px -12px #0000001f;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",sans-serif;--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",sans-serif;--mono:"Liga SFMono Nerd Font","Liga SF Mono","SF Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.25,.1,.25,1);--buncss-light:initial;--buncss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--bg:#0b0b0c;--bg-alt:#111113;--surface:#161618;--sunken:#0e0e10;--text:#f5f5f7;--muted:#a1a1a6;--faint:#7c7c82;--hair:#ffffff1a;--hair-strong:#ffffff2e;--accent:#2997ff;--accent-fill:#0a84ff;--ok:#3fb950;--buy:#3fb950;--sell:#ff6b6b;--buy-bg:#3fb95021;--sell-bg:#ff6b6b1f;--hot:#ff9f0a;--violet:#bf5af2;--heat0:#1f1f22;--heat1:#0e4429;--heat2:#006d32;--heat3:#26a641;--heat4:#39d353;--nav-bg:#0b0b0cb8;--shadow:0 1px 0 #ffffff0a inset,0 12px 32px -16px #000c}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:var(--bg);color:var(--text);font:17px/1.5 var(--font);letter-spacing:-.016em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}code{font:.88em var(--mono);letter-spacing:0;background:var(--sunken);border-radius:5px;padding:.1em .35em}.mono,code,pre{font-family:var(--mono);letter-spacing:0;font-variant-ligatures:contextual common-ligatures;font-feature-settings:"calt","liga"}.muted{color:var(--muted)}button{font:inherit;color:inherit;cursor:pointer}.container{max-width:1080px;margin:0 auto;padding:0 28px}h1,h2,h3,h4{font-family:var(--display);font-weight:600}h1{letter-spacing:-.035em;font-size:clamp(40px,5.6vw,64px);font-weight:700;line-height:1.06}h2{letter-spacing:-.045em;font-size:clamp(44px,7vw,80px);font-weight:700;line-height:1}.h2-sm{letter-spacing:-.035em;font-size:clamp(32px,4.4vw,48px);line-height:1.08}h3{letter-spacing:-.022em;font-size:21px;line-height:1.25}h4{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:12px;font-weight:600;font-family:var(--font)}.kicker{font:500 13px var(--mono);letter-spacing:0;color:var(--muted);margin-bottom:18px}.lede{color:var(--muted);letter-spacing:-.02em;max-width:620px;margin-top:20px;font-size:clamp(18px,1.7vw,21px);line-height:1.45}.lede.wide{max-width:760px}.lede a{color:var(--text);text-decoration:underline;text-decoration-color:var(--hair-strong);text-underline-offset:3px}.nav{position:fixed;z-index:50;background:var(--nav-bg);backdrop-filter:saturate(180%)blur(20px);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hair);opacity:0;visibility:hidden;transition:transform .45s var(--ease),opacity .3s var(--ease),visibility 0s .45s;top:0;left:0;right:0;transform:translateY(-100%)}.nav.show{opacity:1;visibility:visible;transition:transform .45s var(--ease),opacity .3s var(--ease);transform:none}.nav-inner{display:flex;justify-content:space-between;align-items: center;gap:24px;height:52px}.brand{display:inline-flex;font:600 17px var(--display);color:var(--text);letter-spacing:-.02em;flex:none;align-items: center;gap:9px}.brand:hover{text-decoration:none}.nav-avatar{background:var(--sunken);border-radius:50%;width:22px;height:22px}.nav-links{position:relative;display:flex;overflow-x:auto;scrollbar-width:none;gap:4px;min-width:0;font-size:13px}.nav-links::-webkit-scrollbar{display:none}.nav-links a{display:inline-flex;color:var(--muted);white-space:nowrap;border-radius:980px;align-items:baseline;gap:6px;padding:6px 12px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a.active{color:var(--text);background:var(--sunken)}.nav-progress{position:absolute;pointer-events:none;height:2px;bottom:-1px;left:0;right:0}.nav-progress i{display:block;background:var(--accent-fill);transform-origin:left;opacity:.8;height:100%;transform:scaleX(0)}.btn{display:inline-flex;background:var(--accent-fill);color:#fff;letter-spacing:-.01em;transition:filter .2s,transform .15s var(--ease);border:0;border-radius:980px;justify-content:center;align-items: center;gap:6px;padding:11px 20px;font-size:15px;font-weight:500}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn.full{width:100%;padding:13px}.btn.sell{background:var(--sell)}.ghost{border:1px solid var(--hair-strong);color:var(--muted);background:0 0;border-radius:980px;padding:4px 12px;transition:color .2s,border-color .2s;font-size:12px}.ghost:hover{color:var(--text);border-color:var(--text)}.ext:after{content:" ↗";font-size:.9em}.panel{background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow);border-radius:18px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items: center;gap:64px;padding-top:clamp(64px,11vh,128px);padding-bottom:clamp(72px,12vh,136px)}.hero-links{display:flex;flex-wrap:wrap;align-items: center;gap:24px;margin-top:36px;font-size:15px}.trace{overflow:hidden;padding:0}.panel-head,.panel-foot{display:flex;justify-content:space-between;align-items: center;gap:12px;padding:14px 18px;font-size:13px}.panel-head{border-bottom:1px solid var(--hair)}.panel-foot{border-top:1px solid var(--hair);align-items: center;font-size:12px}.panel-foot .ghost{white-space:nowrap;flex:none}.verb{color:var(--accent);margin-right:6px;font-weight:500}.status{font:500 12px var(--mono);background:var(--sunken);color:var(--muted);border-radius:6px;padding:2px 8px}.status.ok{color:var(--ok);background:var(--buy-bg)}.status.bad{color:var(--sell);background:var(--sell-bg)}.trace-rows{display:grid;gap:9px;min-height:196px;padding:14px 18px}.tr-row{display:grid;grid-template-columns:112px 1fr 64px;align-items: center;gap:12px;font-size:13px}.tr-k{color:var(--muted);white-space:pre}.tr-v{text-align:right;font-size:12px}.tr-bar{position:relative;background:var(--sunken);overflow:hidden;border-radius:4px;height:8px}.tr-bar i{position:absolute;background:var(--accent-fill);animation:grow .6s var(--ease)both;transform-origin:left;border-radius:4px;top:0;bottom:0}.tr-row.sv .tr-bar i{background:var(--hot)}.tr-row.total{border-top:1px solid var(--hair);margin-top:2px;padding-top:9px;font-weight:600}.tr-row.total .tr-k{color:var(--text)}@keyframes grow{0%{transform:scaleX(0)}}.caption{color:var(--faint);font-size:12px;line-height:1.5}.caption code{font-size:11px}.section{border-top:1px solid var(--hair);padding:clamp(96px,14vh,152px) 0}.section.alt{background:var(--bg-alt)}.title-row{display:flex;flex-wrap:wrap;align-items: center;gap:18px}.title-row h2{margin-right:4px}.pill{font:500 12px var(--mono);color:var(--hot);letter-spacing:0;border:1px solid;border-radius:980px;padding:3px 10px}.pill.release{color:var(--ok)}a.pill:hover{text-decoration:none;background:color-mix(in srgb,currentColor 12%,transparent)}.src-btn{display:inline-flex;border:1px solid var(--hair-strong);color:var(--text);transition:background .2s,border-color .2s,transform .15s var(--ease);border-radius:980px;align-items: center;gap:8px;margin-left:auto;padding:8px 16px 8px 13px;font-size:14px;font-weight:500}.src-btn svg{width:16px;height:16px}.src-btn:active,a.pill:active{transform:scale(.97)}.src-btn:hover{text-decoration:none;background:var(--sunken);border-color:var(--text)}.arch{background:var(--bg-alt);border-radius:22px;margin:64px 0 24px;padding:28px}.arch svg{display:block;width:100%;height:auto}.arch .boundary{fill:none;stroke:var(--hair-strong);stroke-dasharray:5 6}.arch .b-label{font:500 12px var(--mono);fill:var(--faint)}.arch .n rect{fill:var(--surface);stroke:var(--hair-strong)}.arch .n text{font:600 15px var(--display);fill:var(--text);text-anchor:middle;letter-spacing:-.01em}.arch .n text.m{font:400 11px var(--mono);fill:var(--muted);letter-spacing:0}.arch .n.q rect{stroke:var(--accent)}.arch .n.hot rect{stroke:var(--hot);stroke-width:1.5}.arch .n.dur rect{stroke:var(--violet);stroke-dasharray:4 4}.arch .edge path{stroke-width:1.6;fill:none}.arch .edge.req path{stroke:var(--accent-fill)}.arch .edge.res path{stroke:var(--ok)}.arch .edge.dur path{stroke:var(--violet);stroke-dasharray:5 5}.arch .edge.plain path{stroke:var(--faint)}.arch .ah{fill:var(--faint)}.arch .ah-req{fill:var(--accent-fill)}.arch .ah-res{fill:var(--ok)}.arch .ah-dur{fill:var(--violet)}.arch .e-label{font:400 11px var(--mono);text-anchor:middle}.arch .e-label.dur{fill:var(--violet)}.arch text.e-label[x="928"]{text-anchor:start}.arch .badge circle{fill:var(--bg-alt);stroke-width:1.4}.arch .badge text{font:600 10px var(--mono);text-anchor:middle}.arch .badge.req circle{stroke:var(--accent-fill)}.arch .badge.req text{fill:var(--accent-fill)}.arch .badge.res circle{stroke:var(--ok)}.arch .badge.res text{fill:var(--ok)}.arch .flow path{stroke:var(--accent-fill);stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:8 600;stroke-dashoffset:8;opacity:0;animation:3.6s linear infinite flow;animation-delay:var(--d)}.arch .flow path.r{stroke:var(--ok)}@keyframes flow{0%{stroke-dashoffset:8;opacity:1}12%{stroke-dashoffset:-40;opacity:1}13%,to{stroke-dashoffset:-40;opacity:0}}.arch .flow path.long{animation-name:flow-long}@keyframes flow-long{0%{stroke-dashoffset:8;opacity:1}14%{stroke-dashoffset:-330;opacity:1}15%,to{stroke-dashoffset:-330;opacity:0}}.flow-legend{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:40px;margin:8px 0 24px}.flow-legend h4{display:flex;align-items: center;gap:8px;margin-bottom:14px}.dot{display:inline-block;border-radius:50%;width:8px;height:8px}.dot.req{background:var(--accent-fill)}.dot.res{background:var(--ok)}.dot.dur{background:var(--violet)}.steps{display:grid;color:var(--muted);gap:10px;font-size:14px;line-height:1.5}.steps li{display:grid;grid-template-columns:22px 1fr;gap:6px}.steps b{font:600 12px var(--mono);color:var(--text);padding-top:1px}.steps i{color:var(--text);font-style:normal;font-weight:600}.dur-list b{color:var(--violet)}.specs{border-top:1px solid var(--hair);margin-top:40px}.spec-row{display:grid;grid-template-columns:300px 1fr;border-bottom:1px solid var(--hair);gap:48px;padding:28px 0}.spec-row p{color:var(--muted);font-size:16px;line-height:1.55}.spec-row p i{color:var(--text);font-style:normal;font-weight:500}.demo{overflow:hidden;margin-top:72px}.demo-head{padding:28px 28px 0}.demo-head h3{font-size:24px}.demo-head p{max-width:720px;margin-top:8px;font-size:15px}.demo-body{display:grid;grid-template-columns:1.1fr .9fr 1fr;border-top:1px solid var(--hair);gap:0;margin-top:24px}.demo-body>*{padding:22px 24px}.demo-body>*+*{border-left:1px solid var(--hair)}.ladder-head{display:grid;grid-template-columns:1fr 1fr 56px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;padding:0 8px 8px;font-size:11px}.tape .ladder-head{display:flex;justify-content:space-between;align-items: center}.lvl{position:relative;display:grid;grid-template-columns:1fr 1fr 56px;font:13px var(--mono);border-radius:4px;padding:4px 8px;transition:background .5s}.lvl i{position:absolute;transition:width .35s var(--ease);border-radius:3px;top:1px;bottom:1px;right:0}.lvl span{position:relative}.lvl span:nth-of-type(n+2){text-align:right}.lvl.ask span:first-of-type{color:var(--sell)}.lvl.bid span:first-of-type{color:var(--buy)}.lvl.ask i{background:var(--sell-bg)}.lvl.bid i{background:var(--buy-bg)}.lvl.flash{animation:flash .9s var(--ease)}@keyframes flash{0%{background:color-mix(in srgb,var(--accent-fill)22%,transparent)}}.spread{text-align:center;color:var(--faint);border-top:1px dashed var(--hair);border-bottom:1px dashed var(--hair);margin:4px 0;padding:8px 0;font-size:11px}.ticket{display:grid;align-content: start;gap:12px}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--sunken);border-radius:10px;padding:3px}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label{text-align:center;cursor:pointer;color:var(--muted);border-radius:8px;padding:7px;transition:background .2s,color .2s;font-size:13px;font-weight:500}.seg input:checked+label{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.seg input:focus-visible+label{outline:2px solid var(--accent)}.field{display:grid;color:var(--muted);gap:5px;font-size:12px}.field input{font:15px var(--mono);color:var(--text);background:var(--sunken);outline:none;border:1px solid #0000;border-radius:10px;width:100%;padding:10px 12px;transition:border-color .2s}.field input:focus{border-color:var(--accent)}.field.disabled{opacity:.4}.result{color:var(--muted);min-height:36px;font-size:12px;line-height:1.5}.st{background:var(--sunken);color:var(--text);border-radius:4px;padding:1px 6px;font-weight:500}.st-Filled{color:var(--ok);background:var(--buy-bg)}.st-Cancelled{color:var(--sell);background:var(--sell-bg)}.st-PartiallyFilled,.st-Open{color:var(--hot)}.bad{color:var(--sell)}.tape ol{display:grid;overflow-y:auto;gap:2px;max-height:330px;font-size:13px}.tape li{display:flex;animation:in .4s var(--ease);border-radius:4px;justify-content:space-between;padding:4px 8px}.tape li.buy span:first-child{color:var(--buy)}.tape li.sell span:first-child{color:var(--sell)}.tape li .muted{font-size:11px}.tape li.empty{justify-content:flex-start}@keyframes in{0%{opacity:0;transform:translateY(-4px)}}.pipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)76px)minmax(0,1fr);background:var(--surface);border:1px solid var(--hair);border-radius:26px;row-gap:0;margin:56px 0 8px;padding:32px}.section:not(.alt) .pipe{background:var(--bg-alt);border-color:#0000}.pipe-node{display:flex;background:var(--bg);border:1px solid var(--hair-strong);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items: center;gap:4px;min-height:76px;padding:14px 16px;box-shadow:0 1px 2px #0000000a}.section:not(.alt) .pipe-node{background:var(--surface)}.pipe-node b{font:600 15px var(--display);letter-spacing:-.015em;overflow-wrap:anywhere}.pipe-node small{font:11px var(--mono);color:var(--muted);letter-spacing:0}.pipe-node.t-accent{border-color:var(--accent-fill)}.pipe-node.t-hot{border-color:var(--hot);border-width:1.5px}.pipe-node.t-ok{border-color:var(--ok)}.pa{position:relative;display:flex;justify-content:center;align-items: center;min-height:52px}.pa:before{content:"";position:absolute;background:var(--faint)}.pa:after{content:"";position:absolute;border:4.5px solid #0000}.pa span{position:relative;font:10px var(--mono);color:var(--muted);letter-spacing:0;white-space:nowrap;background:inherit}.pa.r:before,.pa.l:before{height:1.5px;top:50%;left:6px;right:6px}.pa.r:after{border-left:7px solid var(--faint);border-right:0;top:calc(50% - 4px);right:2px}.pa.l:after{border-right:7px solid var(--faint);border-left:0;top:calc(50% - 4px);left:2px}.pa.r span,.pa.l span{top:-13px}.pa.d:before{width:1.5px;top:4px;bottom:6px;left:50%}.pa.d:after{border-top:7px solid var(--faint);border-bottom:0;bottom:1px;left:calc(50% - 4px)}.pa.d span{position:absolute;left:calc(50% + 14px)}.proj-foot{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;margin-top:40px}.proj-foot h4{margin-bottom:14px}.endpoints{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.endpoints li{background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:6px 10px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips li{font:12px var(--mono);border:1px solid var(--hair-strong);color:var(--muted);letter-spacing:0;border-radius:980px;padding:5px 10px}.media{overflow:hidden;border:1px solid var(--hair);box-shadow:var(--shadow);background:#000;border-radius:18px;margin-top:48px}.media img{display:block;width:100%}.stack-table{border-top:1px solid var(--hair);margin-top:48px}.st-row{display:grid;grid-template-columns:240px 1fr auto;border-bottom:1px solid var(--hair);align-items: center;gap:32px;padding:20px 0}.st-tool{font:600 19px var(--display);letter-spacing:-.02em}.st-note{color:var(--muted);font-size:15px}.st-used{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.st-used a{font:12px var(--mono);background:var(--sunken);color:var(--text);letter-spacing:0;border-radius:980px;padding:4px 10px;transition:background .2s,color .2s}.st-used a:hover{background:var(--accent-fill);color:#fff;text-decoration:none}.footer{border-top:1px solid var(--hair);background:var(--bg-alt)}.footer-inner{display:flex;color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;padding-top:28px;padding-bottom:28px;font-size:12px}.footer-inner a{color:var(--muted)}.joke{color:var(--faint);font-size:12px}.ic{display:inline-block;-webkit-mask:var(--ic)center/contain no-repeat;mask:var(--ic)center/contain no-repeat;background:currentColor;flex:none;width:1em;height:1em}.ic-github{--ic:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgRnJlZSA2LjUuMSBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4gLS0+PHBhdGggZD0iTTE2NS45IDM5Ny40YzAgMi0yLjMgMy42LTUuMiAzLjYtMy4zLjMtNS42LTEuMy01LjYtMy42IDAtMiAyLjMtMy42IDUuMi0zLjYgMy0uMyA1LjYgMS4zIDUuNiAzLjZ6bS0zMS4xLTQuNWMtLjcgMiAxLjMgNC4zIDQuMyA0LjkgMi42IDEgNS42IDAgNi4yLTJzLTEuMy00LjMtNC4zLTUuMmMtMi42LS43LTUuNS4zLTYuMiAyLjN6bTQ0LjItMS43Yy0yLjkuNy00LjkgMi42LTQuNiA0LjkuMyAyIDIuOSAzLjMgNS45IDIuNiAyLjktLjcgNC45LTIuNiA0LjYtNC42LS4zLTEuOS0zLTMuMi01LjktMi45ek0yNDQuOCA4QzEwNi4xIDggMCAxMTMuMyAwIDI1MmMwIDExMC45IDY5LjggMjA1LjggMTY5LjUgMjM5LjIgMTIuOCAyLjMgMTcuMy01LjYgMTcuMy0xMi4xIDAtNi4yLS4zLTQwLjQtLjMtNjEuNCAwIDAtNzAgMTUtODQuNy0yOS44IDAgMC0xMS40LTI5LjEtMjcuOC0zNi42IDAgMC0yMi45LTE1LjcgMS42LTE1LjQgMCAwIDI0LjkgMiAzOC42IDI1LjggMjEuOSAzOC42IDU4LjYgMjcuNSA3Mi45IDIwLjkgMi4zLTE2IDguOC0yNy4xIDE2LTMzLjctNTUuOS02LjItMTEyLjMtMTQuMy0xMTIuMy0xMTAuNSAwLTI3LjUgNy42LTQxLjMgMjMuNi01OC45LTIuNi02LjUtMTEuMS0zMy4zIDIuNi02Ny45IDIwLjktNi41IDY5IDI3IDY5IDI3IDIwLTUuNiA0MS41LTguNSA2Mi44LTguNXM0Mi44IDIuOSA2Mi44IDguNWMwIDAgNDguMS0zMy42IDY5LTI3IDEzLjcgMzQuNyA1LjIgNjEuNCAyLjYgNjcuOSAxNiAxNy43IDI1LjggMzEuNSAyNS44IDU4LjkgMCA5Ni41LTU4LjkgMTA0LjItMTE0LjggMTEwLjUgOS4yIDcuOSAxNyAyMi45IDE3IDQ2LjQgMCAzMy43LS4zIDc1LjQtLjMgODMuNiAwIDYuNSA0LjYgMTQuNCAxNy4zIDEyLjFDNDI4LjIgNDU3LjggNDk2IDM2Mi45IDQ5NiAyNTIgNDk2IDExMy4zIDM4My41IDggMjQ0LjggOHpNOTcuMiAzNTIuOWMtMS4zIDEtMSAzLjMuNyA1LjIgMS42IDEuNiAzLjkgMi4zIDUuMiAxIDEuMy0xIDEtMy4zLS43LTUuMi0xLjYtMS42LTMuOS0yLjMtNS4yLTF6bS0xMC44LTguMWMtLjcgMS4zLjMgMi45IDIuMyAzLjkgMS42IDEgMy42LjcgNC4zLS43LjctMS4zLS4zLTIuOS0yLjMtMy45LTItLjYtMy42LS4zLTQuMy43em0zMi40IDM1LjZjLTEuNiAxLjMtMSA0LjMgMS4zIDYuMiAyLjMgMi4zIDUuMiAyLjYgNi41IDEgMS4zLTEuMy43LTQuMy0xLjMtNi4yLTIuMi0yLjMtNS4yLTIuNi02LjUtMXptLTExLjQtMTQuN2MtMS42IDEtMS42IDMuNiAwIDUuOSAxLjYgMi4zIDQuMyAzLjMgNS42IDIuMyAxLjYtMS4zIDEuNi0zLjkgMC02LjItMS40LTIuMy00LTMuMy01LjYtMnoiLz48L3N2Zz4=)}.ic-linkedin{--ic:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgRnJlZSA2LjUuMSBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4gLS0+PHBhdGggZD0iTTQxNiAzMkgzMS45QzE0LjMgMzIgMCA0Ni41IDAgNjQuM3YzODMuNEMwIDQ2NS41IDE0LjMgNDgwIDMxLjkgNDgwSDQxNmMxNy42IDAgMzItMTQuNSAzMi0zMi4zVjY0LjNjMC0xNy44LTE0LjQtMzIuMy0zMi0zMi4zek0xMzUuNCA0MTZINjlWMjAyLjJoNjYuNVY0MTZ6bS0zMy4yLTI0M2MtMjEuMyAwLTM4LjUtMTcuMy0zOC41LTM4LjVTODAuOSA5NiAxMDIuMiA5NmMyMS4yIDAgMzguNSAxNy4zIDM4LjUgMzguNSAwIDIxLjMtMTcuMiAzOC41LTM4LjUgMzguNXptMjgyLjEgMjQzaC02Ni40VjMxMmMwLTI0LjgtLjUtNTYuNy0zNC41LTU2LjctMzQuNiAwLTM5LjkgMjctMzkuOSA1NC45VjQxNmgtNjYuNFYyMDIuMmg2My43djI5LjJoLjljOC45LTE2LjggMzAuNi0zNC41IDYyLjktMzQuNSA2Ny4yIDAgNzkuNyA0NC4zIDc5LjcgMTAxLjlWNDE2eiIvPjwvc3ZnPg==)}.ic-x{--ic:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgRnJlZSA2LjUuMSBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4gLS0+PHBhdGggZD0iTTM4OS4yIDQ4aDcwLjZMMzA1LjYgMjI0LjIgNDg3IDQ2NEgzNDVMMjMzLjcgMzE4LjYgMTA2LjUgNDY0SDM1LjhMMjAwLjcgMjc1LjUgMjYuOCA0OEgxNzIuNEwyNzIuOSAxODAuOSAzODkuMiA0OHpNMzY0LjQgNDIxLjhoMzkuMUwxNTEuMSA4OGgtNDJMMzY0LjQgNDIxLjh6Ii8+PC9zdmc+)}.ic-instagram{--ic:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgRnJlZSA2LjUuMSBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4gLS0+PHBhdGggZD0iTTIyNC4xIDE0MWMtNjMuNiAwLTExNC45IDUxLjMtMTE0LjkgMTE0LjlzNTEuMyAxMTQuOSAxMTQuOSAxMTQuOVMzMzkgMzE5LjUgMzM5IDI1NS45IDI4Ny43IDE0MSAyMjQuMSAxNDF6bTAgMTg5LjZjLTQxLjEgMC03NC43LTMzLjUtNzQuNy03NC43czMzLjUtNzQuNyA3NC43LTc0LjcgNzQuNyAzMy41IDc0LjcgNzQuNy0zMy42IDc0LjctNzQuNyA3NC43em0xNDYuNC0xOTQuM2MwIDE0LjktMTIgMjYuOC0yNi44IDI2LjgtMTQuOSAwLTI2LjgtMTItMjYuOC0yNi44czEyLTI2LjggMjYuOC0yNi44IDI2LjggMTIgMjYuOCAyNi44em03Ni4xIDI3LjJjLTEuNy0zNS45LTkuOS02Ny43LTM2LjItOTMuOS0yNi4yLTI2LjItNTgtMzQuNC05My45LTM2LjItMzctMi4xLTE0Ny45LTIuMS0xODQuOSAwLTM1LjggMS43LTY3LjYgOS45LTkzLjkgMzYuMXMtMzQuNCA1OC0zNi4yIDkzLjljLTIuMSAzNy0yLjEgMTQ3LjkgMCAxODQuOSAxLjcgMzUuOSA5LjkgNjcuNyAzNi4yIDkzLjlzNTggMzQuNCA5My45IDM2LjJjMzcgMi4xIDE0Ny45IDIuMSAxODQuOSAwIDM1LjktMS43IDY3LjctOS45IDkzLjktMzYuMiAyNi4yLTI2LjIgMzQuNC01OCAzNi4yLTkzLjkgMi4xLTM3IDIuMS0xNDcuOCAwLTE4NC44ek0zOTguOCAzODhjLTcuOCAxOS42LTIyLjkgMzQuNy00Mi42IDQyLjYtMjkuNSAxMS43LTk5LjUgOS0xMzIuMSA5cy0xMDIuNyAyLjYtMTMyLjEtOWMtMTkuNi03LjgtMzQuNy0yMi45LTQyLjYtNDIuNi0xMS43LTI5LjUtOS05OS41LTktMTMyLjFzLTIuNi0xMDIuNyA5LTEzMi4xYzcuOC0xOS42IDIyLjktMzQuNyA0Mi42LTQyLjYgMjkuNS0xMS43IDk5LjUtOSAxMzIuMS05czEwMi43LTIuNiAxMzIuMSA5YzE5LjYgNy44IDM0LjcgMjIuOSA0Mi42IDQyLjYgMTEuNyAyOS41IDkgOTkuNSA5IDEzMi4xczIuNyAxMDIuNy05IDEzMi4xeiIvPjwvc3ZnPg==)}.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.socials a{display:inline-flex;border:1px solid var(--hair-strong);color:var(--text);transition:background .2s,border-color .2s,transform .15s var(--ease);border-radius:980px;align-items: center;gap:8px;padding:9px 16px 9px 14px;font-size:15px;font-weight:500}.socials a:hover{text-decoration:none;background:var(--sunken);border-color:var(--text)}.socials a:active{transform:scale(.97)}.socials .ic{font-size:17px}.who{display:flex;align-items: center;gap:14px;margin-bottom:28px}.avatar{border:1px solid var(--hair);background:var(--sunken);object-fit:cover;border-radius:50%;width:56px;height:56px}.who-name{font:600 17px var(--display);letter-spacing:-.02em}.who .kicker{margin:2px 0 0}.notice{position:relative;background:color-mix(in srgb,var(--hot)9%,transparent);border:1px solid color-mix(in srgb,var(--hot)35%,transparent);color:var(--text);border-radius:16px;max-width:820px;margin-top:32px;padding:16px 20px 16px 44px;font-size:14px;line-height:1.55}.notice[hidden]{display:none}.notice:before{content:"";position:absolute;background:var(--hot);border-radius:50%;width:8px;height:8px;top:22px;left:20px}.notice b{font-weight:600}.notice time{font-weight:500}.notice-why{color:var(--muted);display:grid;gap:2px;margin-top:8px;font-size:12px}.dsa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}.dcard{background:var(--surface);border:1px solid var(--hair);display:flex;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:22px;min-width:0;padding:28px}.heat-card,.cf-card{grid-column:span 2}.heat-card{grid-column:1/-1}.card-head{display:flex;justify-content:space-between;align-items: flex-start;gap:16px}.card-head h3{font-size:19px}.card-head a{white-space:nowrap;padding-top:4px;font-size:12px}.card-sub{color:var(--muted);margin-top:3px;font-size:13px}.metric{display:flex;flex-direction:column;gap:4px;min-width:0}.metric-k{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:600}.metric-v{font:600 24px var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.metric-v.big{letter-spacing:-.045em;font-size:52px;font-weight:700;line-height:1}.rank{font:500 13px var(--mono);text-transform:capitalize;color:var(--muted);letter-spacing:0}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair);gap:16px;margin-top:auto;padding-top:20px}.metric-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-top{display:grid;grid-template-columns:1fr 1fr auto auto;align-items: end;gap:36px}.chart{display:block;overflow:visible;width:100%;height:auto}.chart.grow{flex:1;min-height:120px}.chart .line{fill:none;stroke:var(--text);stroke-width:1.6;stroke-linejoin:round;opacity:.7}.chart .grid{stroke:var(--hair)}.tick{font:10px var(--mono);fill:var(--faint);text-anchor:end;letter-spacing:0}.tick.start{text-anchor:start}.tick.mid{text-anchor:middle}.tick.peak{fill:var(--muted)}.hist{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);flex:1;gap:5px;min-height:220px}.hb{display:flex;flex-direction:column;gap:6px;min-width:0}.hb-col{display:flex;flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;gap:4px}.hb-col i{display:block;opacity:.9;transition:height .6s var(--ease);border-radius:4px 4px 2px 2px;flex:none}.hb-n{font:10px var(--mono);color:var(--muted);letter-spacing:0;text-align:center}.hb-x{font:10px var(--mono);color:var(--faint);letter-spacing:0;white-space:nowrap;text-align:center;overflow:visible;height:12px}.tags{display:grid;flex:1;align-content:space-between;gap:11px}.tags li{display:grid;grid-template-columns:minmax(0,1fr)30% 30px;align-items: center;gap:12px;font-size:14px}.tags li span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags .mono{text-align:right;color:var(--muted);font-size:12px}.t-bar{background:var(--sunken);overflow:hidden;border-radius:3px;height:6px}.t-bar i{display:block;background:var(--accent-fill);transition:width .6s var(--ease);border-radius:3px;height:100%}.heat-tabs{display:inline-grid;grid-auto-flow:column;grid-template-columns:none}.heat-tabs label{padding:6px 12px;font-size:12px}.heat-wrap{width:100%}.heat{display:block;width:100%;height:auto}.hc{fill:var(--sunken)}.hc.l0{fill:var(--heat0)}.hc.l1{fill:var(--heat1)}.hc.l2{fill:var(--heat2)}.hc.l3{fill:var(--heat3)}.hc.l4{fill:var(--heat4)}.heat-foot{display:flex;border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:24px;padding-top:20px}.heat-stats{display:flex;flex-wrap:wrap;gap:40px}.heat-legend{display:flex;color:var(--faint);align-items: center;gap:4px;font-size:11px}.heat-legend span{margin:0 4px}.heat-legend i{border-radius:2.5px;width:11px;height:11px}.heat-legend .l0{background:var(--heat0)}.heat-legend .l1{background:var(--heat1)}.heat-legend .l2{background:var(--heat2)}.heat-legend .l3{background:var(--heat3)}.heat-legend .l4{background:var(--heat4)}.diff{display:grid;gap:8px}.d-row{display:grid;grid-template-columns:58px 1fr 32px;color:var(--muted);text-transform:capitalize;align-items: center;gap:10px;font-size:12px}.d-row .mono{text-align:right;color:var(--text)}.d-bar{background:var(--sunken);overflow:hidden;border-radius:3px;height:6px}.d-bar i{display:block;transition:width .6s var(--ease);border-radius:3px;height:100%}.d-bar .easy{background:#00b8a3}.d-bar .medium{background:#ffb800}.d-bar .hard{background:#ef4743}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width:960px){.hero{grid-template-columns:1fr;gap:48px}.demo-body{grid-template-columns:1fr 1fr}.demo-body .tape{grid-column:1/-1;border-left:0;border-top:1px solid var(--hair)}.spec-row{grid-template-columns:1fr;gap:10px}.st-row{grid-template-columns:1fr auto;gap:6px 24px}.st-note{grid-row:2;grid-column:1/-1}.st-used{grid-row:1;grid-column:2}.flow-legend{grid-template-columns:1fr 1fr}.flow-legend>:last-child{grid-column:1/-1}.dsa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-card{grid-column:1/-1}.proj-foot{grid-template-columns:1fr;gap:32px}}@media (max-width:640px){.container{padding:0 16px}.nav-inner{gap:12px}.brand span,.brand{font-size:15px}.nav-links a{padding:6px 9px}.pipe{display:flex;flex-direction:column;padding:20px}.pa{min-height:44px}.pa.r:before,.pa.l:before,.pa.d:before{width:1.5px;height:auto;inset:4px auto 6px 50%}.pa.r:after,.pa.l:after,.pa.d:after{border:4.5px solid #0000;border-top:7px solid var(--faint);border-bottom:0;inset:auto auto 1px calc(50% - 4px)}.pa.r span,.pa.l span,.pa.d span{position:absolute;top:auto;left:calc(50% + 14px)}.cf-top{grid-template-columns:1fr 1fr;gap:20px}.heat-wrap{overflow:hidden;display:flex;justify-content:flex-end}.heat{flex:none;width:775px}.heat-card .card-head{flex-direction:column}.heat-tabs{overflow-x:auto;max-width:100%}.arch{padding:10px}.demo-body{grid-template-columns:1fr}.demo-body>*+*{border-left:0;border-top:1px solid var(--hair)}.demo-head{padding:22px 20px 0}.demo-body>*{padding:20px}.tr-row{grid-template-columns:96px 1fr 58px;gap:8px}.flow-legend,.dsa-grid{grid-template-columns:minmax(0,1fr);gap:24px}.heat-card,.cf-card{grid-column:auto}.st-row{grid-template-columns:1fr}.st-used{grid-row:auto;grid-column:auto;justify-content:flex-start}.footer-inner{flex-direction:column}}
