.hb-main{--ink:var(--nc-text-primary);--ink2:#cbd5e1;--ink3:var(--nc-text-secondary);--line:#94a3b847;--surface:#0f172a;--teal:#2dd4bf;--teal2:#5eead4;--teal-fill:#0f766e;--teal-bg:#2dd4bf1f;--violet:#a78bfa;--red:#f87171;--red-bg:#f871711f;--green:#34d399;--green-bg:#34d3991f;--blue:#60a5fa;--blue-bg:#60a5fa1f;--amber:#fbbf24;--amber-bg:#fbbf241f;--mono:var(--font-signal);--ease:cubic-bezier(.4, 0, .2, 1);--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-lg:0 18px 40px -16px #000000b3;color:var(--ink);min-height:64vh;padding-top:78px;padding-bottom:8px}.hb-main .btn{background:var(--surface);border-color:var(--line);color:var(--ink)}.hb-main .btn.teal{background:var(--teal-fill);border-color:var(--teal-fill);color:#fff}.hb-main .btn.line{background:0 0}.hb-main .btn.sm{padding:6px 14px;font-size:13px}.hb-progress{z-index:100;transform-origin:0;background:var(--teal);will-change:transform;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.hb-hero{padding:30px 0 22px}.hb-hero h1{max-width:16ch;margin-top:6px}.hb-hero .lead{max-width:56ch;margin-top:18px}.hb-filter{gap:16px;margin-top:26px;display:grid}.hb-search{background:var(--surface);border:1px solid var(--line);max-width:460px;box-shadow:var(--shadow);border-radius:99px;align-items:center;gap:10px;padding:12px 18px;display:flex}.hb-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font:500 15px Inter,sans-serif}.hb-search input::placeholder{font-family:var(--mono);color:var(--ink3);font-size:13px}.hb-search .ic{color:var(--ink3);flex:none}.hb-pillrow{flex-wrap:wrap;gap:9px;display:flex}.hb-pillbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink2);font:700 12px/1 var(--mono);letter-spacing:.04em;cursor:pointer;transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);border-radius:99px;padding:8px 15px}.hb-pillbtn:hover{border-color:var(--ink3);color:var(--ink)}.hb-pillbtn.on{background:var(--teal-fill);border-color:var(--teal-fill);color:#fff}.hb-search:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:2px}.hb-pillbtn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.hb-featured{transition:transform .2s var(--ease), box-shadow .2s var(--ease);grid-template-columns:1.05fr 1fr;gap:0;margin-top:34px;display:grid;overflow:hidden}.hb-featured:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hb-featured .cover{min-height:300px}.hb-featured .body{flex-direction:column;justify-content:center;padding:clamp(24px,3vw,40px);display:flex}.hb-featured .body h2{margin:14px 0 10px;font-size:clamp(24px,2.4vw,34px)}.hb-featured .body .excerpt{color:var(--ink2);font-size:15.5px;line-height:1.6}.hb-cover{aspect-ratio:16/9;background:var(--teal-bg);background-position:50%;background-size:cover;position:relative;overflow:hidden}.hb-cover.tall{aspect-ratio:auto;height:100%}.hb-cover .glyph{font:800 clamp(30px, 5vw, 60px) var(--mono);color:var(--teal);opacity:.5;letter-spacing:.1em;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hb-cards{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;display:grid}.hb-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.hb-card .body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.hb-card h3{transition:color .18s var(--ease);font-size:19px;line-height:1.25}.hb-card:hover h3{color:var(--teal)}.hb-card .excerpt{color:var(--ink2);flex:1;font-size:14.5px;line-height:1.55}.hb-meta{font:600 12px var(--mono);color:var(--ink3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hb-meta .dot:before{content:"·";margin-right:8px}.hb-empty{text-align:center;max-width:520px;margin:48px auto;padding:40px 28px}.hb-empty .mono{font-family:var(--mono);color:var(--ink2);margin:12px 0 20px;font-size:14px}.hb-detail{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:clamp(28px,4vw,56px);padding:8px 0 40px;display:grid}.hb-article{min-width:0}.hb-header{padding:6px 0 8px}.hb-header h1{max-width:20ch;margin:12px 0 14px;font-size:clamp(32px,4.4vw,54px)}.hb-header .dek{color:var(--ink2);max-width:60ch;font-size:clamp(17px,1.4vw,20px);line-height:1.5}.hb-byline{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.hb-avatar{background:var(--teal-fill);color:#fff;width:42px;height:42px;font:800 14px var(--mono);border-radius:99px;flex:none;place-items:center;display:grid}.hb-byline .who b{font-size:15px}.hb-byline .who span{font:600 12px var(--mono);color:var(--ink3);margin-top:2px;display:block}.hb-share{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.hb-share a{border:1px solid var(--line);font:700 12px var(--mono);color:var(--ink2);background:var(--surface);transition:border-color .18s var(--ease), color .18s var(--ease);border-radius:99px;align-items:center;gap:6px;padding:8px 13px;display:inline-flex}.hb-share a:hover{border-color:var(--teal);color:var(--teal)}.hb-share a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.hb-hero-cover{box-shadow:var(--shadow-lg);border-radius:18px;margin:26px 0 6px;overflow:hidden}.hb-block{margin:22px 0}.hb-measure{max-width:68ch}.hb-prose{color:var(--ink2);font-size:17px;line-height:1.72}.hb-prose p{margin:0 0 16px}.hb-prose a{color:var(--teal);text-underline-offset:2px;text-decoration:underline}.hb-prose ul,.hb-prose ol{gap:8px;margin:0 0 16px 1.1em;display:grid}.hb-prose li{padding-left:4px}.hb-prose strong,.hb-prose b{color:var(--ink)}.hb-prose code{font:600 14px var(--mono);background:var(--teal-bg);color:var(--teal);border-radius:6px;padding:2px 6px}.hb-prose blockquote{border-left:3px solid var(--line);color:var(--ink2);margin:0 0 16px;padding-left:16px}.hb-h2{margin:40px 0 8px;scroll-margin-top:96px}.hb-h3{margin:30px 0 6px;scroll-margin-top:96px}.hb-h4{margin:24px 0 4px;scroll-margin-top:96px;font-size:18px}.hb-tldr{background:var(--teal-bg);border-color:var(--teal2);margin:6px 0 26px;padding:22px 24px}.hb-tldr .kicker{margin-bottom:12px}.hb-tldr ul{gap:10px;list-style:none;display:grid}.hb-tldr li{color:var(--ink);gap:10px;font-size:15.5px;line-height:1.5;display:flex}.hb-tldr li .ck{color:var(--teal);flex:none;font-weight:800}.hb-quote{border:0;margin:30px 0}.hb-quote blockquote{letter-spacing:-.02em;color:var(--teal);border-left:4px solid var(--teal);padding-left:22px;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.32}.hb-quote figcaption{font:600 13px var(--mono);color:var(--ink3);margin-top:14px;padding-left:22px}.hb-figure{margin:28px 0}.hb-figure img{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:16px;display:block}.hb-figure figcaption{font:600 12.5px var(--mono);color:var(--ink3);text-align:center;margin-top:10px}.hb-statband{margin:28px 0;padding:12px 8px}.hb-comparison{margin:28px 0;overflow-x:auto}.hb-win{background:var(--teal-bg)}.ctable thead th.hb-win{background:var(--teal-bg);color:var(--teal)}.hb-case{border-left:3px solid var(--violet);margin:28px 0;padding:22px 24px}.hb-case .lbl{align-items:center;gap:10px;margin-bottom:12px;display:flex}.hb-case .lbl .ind{font:600 12px var(--mono);color:var(--ink3)}.hb-case h4{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin:14px 0 4px}.hb-case p{color:var(--ink2);font-size:15px;line-height:1.6}.hb-capability{margin:28px 0}.hb-capability .fi{font-size:22px}.hb-capability .cap-label{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.hb-callout{border-left:3px solid var(--ink3);margin:26px 0;padding:20px 22px}.hb-callout .title{color:var(--ink);margin:10px 0 6px;font-weight:800}.hb-callout p{color:var(--ink2);font-size:15px;line-height:1.6}.hb-callout-info{background:var(--blue-bg);border-left-color:var(--blue)}.hb-callout-success{background:var(--green-bg);border-left-color:var(--green)}.hb-callout-warning{background:var(--amber-bg);border-left-color:var(--amber)}.hb-callout-danger{background:var(--red-bg);border-left-color:var(--red)}.hb-callout-teal{background:var(--teal-bg);border-left-color:var(--teal)}.hb-ctaband{background:var(--teal-fill);color:#fff;text-align:center;border-radius:22px;margin:34px 0;padding:clamp(28px,4vw,48px)}.hb-ctaband h2{color:#fff;font-size:clamp(24px,2.6vw,36px)}.hb-ctaband p{color:#fff;opacity:.92;max-width:52ch;margin:12px auto 0}.hb-ctaband .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.hb-ctaband .btn.solid{color:var(--teal-fill);background:#fff;border-color:#fff}.hb-ctaband .btn.solid:hover{transform:translateY(-2px)}.hb-ctaband .btn.ghost{color:#fff;background:0 0;border-color:currentColor}.hb-divider{border:0;border-top:1px solid var(--line);margin:34px 0}.hb-blockmeta{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 0;display:flex}.hb-sup{font:700 11px var(--mono);color:var(--teal);vertical-align:super;margin-left:3px;text-decoration:none}.hb-sup:hover{text-decoration:underline}.hb-blockmeta .src{font:600 12px var(--mono);color:var(--ink3)}.hb-sources{border-top:1px solid var(--line);margin:40px 0 8px;padding-top:22px}.hb-sources ol{gap:10px;margin:14px 0 0 1.2em;display:grid}.hb-sources li{color:var(--ink2);font-size:14px;line-height:1.5}.hb-sources a{color:var(--teal);text-underline-offset:2px;word-break:break-word;text-decoration:underline}.hb-faq{margin:30px 0}.hb-faq .faq{margin:0}.hb-faq .srcnote{font:600 12px var(--mono);color:var(--ink3);padding:0 0 16px}.hb-rail{align-self:start;gap:18px;display:grid;position:sticky;top:92px}.hb-toc h4,.hb-toc-inline h4{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px}.hb-toc nav{border-left:2px solid var(--line);gap:2px;display:grid}.hb-toc a{color:var(--ink2);transition:color .16s var(--ease), border-color .16s var(--ease);border-left:2px solid #0000;margin-left:-2px;padding:6px 0 6px 14px;font-size:13.5px;line-height:1.4;display:block}.hb-toc a.lvl3{color:var(--ink3);padding-left:26px;font-size:13px}.hb-toc a:hover{color:var(--teal)}.hb-toc a.on{color:var(--teal);border-left-color:var(--teal);font-weight:700}.hb-toc a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.hb-toc-inline{margin:26px 0;padding:20px 22px}.hb-toc-inline ol{gap:8px;margin:0 0 0 1.1em;display:grid}.hb-toc-inline a{color:var(--ink2);font-size:14.5px}.hb-toc-inline a:hover{color:var(--teal)}.hb-demo{padding:22px 22px 24px}.hb-demo .kicker{margin-bottom:10px}.hb-demo p{color:var(--ink2);margin:0 0 16px;font-size:14px;line-height:1.55}.hb-demo .btn{justify-content:center;width:100%}.hb-author{align-items:center;gap:16px;margin:40px 0 8px;padding:24px;display:flex}.hb-author .who b{font-size:16px}.hb-author .who p{color:var(--ink2);max-width:60ch;margin-top:4px;font-size:14px}.hb-related{margin-top:12px}.hb-related .grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.hb-skel{background:linear-gradient(90deg, var(--line), var(--surface), var(--line));animation:hb-shim 1.3s var(--ease) infinite;background-size:200% 100%;border-radius:12px}@keyframes hb-shim{0%{background-position:200% 0}to{background-position:-200% 0}}.hb-skel-hero{max-width:60%;height:46px;margin:40px 0 14px}.hb-skel-line{height:14px;margin:8px 0}.hb-skel-cards{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;display:grid}.hb-skel-card{border-radius:16px;height:300px}.hb-404{text-align:center;max-width:560px;margin:0 auto;padding:90px 0 60px}.hb-404 .code{font:800 clamp(60px, 10vw, 120px) var(--mono);color:var(--teal);line-height:1}@media (max-width:980px){.hb-detail{grid-template-columns:1fr}.hb-rail{position:static;top:auto}.hb-cards,.hb-related .grid,.hb-skel-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.hb-featured{grid-template-columns:1fr}.hb-featured .cover{min-height:200px}.hb-cards,.hb-related .grid,.hb-skel-cards{grid-template-columns:1fr}.hb-share{margin-left:0}}@media (prefers-reduced-motion:reduce){.hb-skel{animation:none}.hb-pillbtn,.hb-featured,.hb-card h3,.hb-toc a,.hb-share a{transition:none}}