@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1d6db5;--blue-dk:#155998;--blue-lt:#eff6ff;--teal:#0d9488;--purple:#7c3aed;--amber:#d97706;--sky:#0ea5e9;--ink:#0f172a;--ink-mid:#334155;--ink-soft:#64748b;--ink-faint:#94a3b8;--border:#e2e8f0;--bg:#fff;--bg-alt:#f8fafc;--max-w:1920px;--font:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace;--radius:8px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:16.5px;line-height:1.65}h1,h2,h3,h4{color:var(--ink);font-weight:700;line-height:1.15;font-family:var(--font-heading);letter-spacing:-.02em}h1{letter-spacing:-.04em;font-size:3.5rem;font-weight:800}h2{letter-spacing:-.03em;font-size:2rem}h3{font-size:1.25rem;font-weight:700}h4{font-size:1.05rem;font-weight:600}p{color:var(--ink-mid);line-height:1.75}a{color:var(--blue)}a:hover{text-decoration:underline}ul{list-style:none}code{font-family:var(--mono);background:var(--bg-alt);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.85em}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 6%}.nav{z-index:200;border-bottom:1px solid var(--border);background:#fff;height:58px;position:sticky;top:0}.nav-inner{max-width:var(--max-w);align-items:center;gap:4px;height:100%;margin:0 auto;padding:0 6%;display:flex}.nav-logo{letter-spacing:-.02em;color:var(--ink);flex-shrink:0;align-items:center;gap:8px;margin-right:20px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.nav-logo:hover{color:var(--ink);text-decoration:none}.nav-logo svg{flex-shrink:0}.nav-link{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:flex}.nav-link:hover{background:var(--bg-alt);color:var(--ink);text-decoration:none}.nav-link.active{background:var(--blue-lt);color:var(--blue)}.nav-caret{opacity:.45;font-size:.6rem;transition:transform .15s}.nav-caret.open{transform:rotate(180deg)}.nav-drop{position:relative}.nav-drop-panel{border:1px solid var(--border);border-radius:var(--radius);z-index:400;background:#fff;min-width:200px;padding:5px 0;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000014}.nav-drop-item{color:var(--ink-mid);padding:9px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:block}.nav-drop-item:hover{background:var(--bg-alt);color:var(--blue);text-decoration:none}.nav-spacer{flex:1}.nav-gh{border-radius:var(--radius);border:1px solid var(--border);color:var(--ink-soft);align-items:center;gap:6px;padding:6px 13px;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .12s,color .12s;display:inline-flex}.nav-gh:hover{border-color:var(--ink-soft);color:var(--ink);text-decoration:none}.btn{border-radius:var(--radius);font-size:.875rem;font-weight:600;font-family:var(--font);cursor:pointer;border:none;align-items:center;gap:7px;padding:10px 20px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dk);color:#fff}.btn-ghost{color:var(--ink);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--ink-soft);background:var(--bg-alt);color:var(--ink)}.hero{border-bottom:1px solid var(--border);padding:60px 0 48px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-bottom:44px;display:grid}.hero-left{flex-direction:column;display:flex}.hero-right{justify-content:center;align-items:center;display:flex}.hero-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);background:var(--blue-lt);border:1px solid #bfdbfe;border-radius:99px;width:fit-content;margin-bottom:18px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.03em;margin-bottom:14px;font-size:3rem;line-height:1.08}.hero-sub{color:var(--ink-mid);margin-bottom:28px;font-size:1rem;line-height:1.72}.hero-btns{flex-wrap:wrap;gap:10px;display:flex}.hero-stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:0;padding-top:40px;display:grid}.stat-val{color:var(--ink);letter-spacing:-.04em;font-size:2rem;font-weight:800}.stat-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.78rem}.example-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014!important}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes nodePulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes packet{0%{opacity:0}5%,95%{opacity:1}to{opacity:0}}@keyframes waveShift{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sec{padding:52px 0}.sec-alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sec h2{margin-bottom:6px}.ph{border-bottom:1px solid var(--border);padding:32px 0 24px}.ph h1{color:var(--ink);margin-bottom:8px;font-size:2rem}.ph>.wrap>p{color:var(--ink-mid);max-width:600px;font-size:1rem}.pillars{grid-template-columns:repeat(4,1fr);display:grid}.pillar{border-right:1px solid var(--border);flex-direction:column;gap:0;padding:48px 36px;display:flex}.pillar:last-child{border-right:none}.pillar-img{aspect-ratio:4/3;background:var(--bg-alt);border:1px solid var(--border);width:100%;color:var(--ink-faint);border-radius:8px;justify-content:center;align-items:center;margin-bottom:24px;font-size:.75rem;display:flex;overflow:hidden}.pillar-img img{object-fit:cover;border-radius:7px;width:100%;height:100%}.pillar-accent{border-radius:2px;width:32px;height:3px;margin-bottom:20px}.pillar h3{margin-bottom:10px;font-size:1.1rem;font-weight:700}.pillar p{color:var(--ink-mid);flex:1;font-size:.875rem}.pillar-libs{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.pillar-lib{font-size:.7rem;font-family:var(--mono);background:var(--bg-alt);border:1px solid var(--border);color:var(--ink-mid);white-space:nowrap;border-radius:4px;padding:3px 8px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-hover{transition:border-color .15s,box-shadow .15s}.card-hover:hover{border-color:#93c5fd;box-shadow:0 2px 14px #1d6db512}.g2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.g-auto{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.tag{background:var(--bg-alt);color:var(--ink-soft);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:.71rem;font-weight:600;display:inline-block}.tag-blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.tag-teal{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.tag-green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.tag-amber{color:#b45309;background:#fffbeb;border-color:#fde68a}.tag-purple{color:#6d28d9;background:#faf5ff;border-color:#ddd6fe}.filters{flex-wrap:wrap;gap:6px;margin-bottom:28px;display:flex}.fbtn{border:1px solid var(--border);background:var(--bg);color:var(--ink-soft);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font);border-radius:6px;padding:5px 14px;transition:all .12s}.fbtn:hover{border-color:var(--blue);color:var(--blue)}.fbtn.on{background:var(--blue);border-color:var(--blue);color:#fff}.ev{border-left:2px solid var(--border);align-items:flex-start;gap:24px;margin-bottom:4px;padding:20px 0 20px 20px;display:flex}.ev.upcoming{border-left-color:var(--blue)}.ev-date{width:88px;color:var(--ink-faint);flex-shrink:0;padding-top:3px;font-size:.78rem}.ev-body{flex:1}.ev-body h3{margin-bottom:4px;font-size:1rem}.ev-meta{color:var(--ink-faint);flex-wrap:wrap;gap:12px;margin-bottom:6px;font-size:.78rem;display:flex}.repo-tags{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.repo-gh{color:var(--blue);align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:inline-flex}.repo-gh:hover{color:var(--blue-dk);text-decoration:none}.avatar{background:linear-gradient(135deg, var(--blue) 0%, #38bdf8 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.78rem;font-weight:700;display:flex}.cta{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:56px 0}.cta h2{margin-bottom:10px}.cta p{max-width:420px;margin:0 auto 24px}.cta-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.prose p{margin-bottom:14px}.prose p:last-child{margin-bottom:0}.prose h2{margin:40px 0 12px}.prose ul{flex-direction:column;gap:6px;padding-left:22px;list-style:outside;display:flex}.prose li{color:var(--ink-mid)}.foot{background:var(--ink);color:#ffffff73;padding:24px 0 20px;font-size:.875rem}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px;display:grid}.foot-brand strong{color:#fff;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.foot-brand{color:#ffffff61;line-height:1.6}.foot-col h5{text-transform:uppercase;letter-spacing:.1em;color:#ffffff40;margin-bottom:10px;font-size:.68rem;font-weight:600}.foot-links{flex-direction:column;gap:8px;display:flex}.foot-links a{color:#fff6;text-decoration:none;transition:color .12s}.foot-links a:hover{color:#ffffffd9}.foot-bottom{color:#ffffff38;border-top:1px solid #ffffff12;justify-content:space-between;padding-top:20px;font-size:.75rem;display:flex}.page-with-toc{max-width:var(--max-w);grid-template-columns:240px 1fr;align-items:start;margin:0 auto;padding:0 6%;display:grid}.toc-col{border-right:1px solid var(--border);padding:40px 32px 40px 0;position:sticky;top:76px}.toc-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:12px;font-size:.68rem;font-weight:700}.toc-link{color:var(--ink-soft);border-left:2px solid var(--border);margin-bottom:3px;padding:5px 0 5px 12px;font-size:.82rem;line-height:1.4;text-decoration:none;transition:color .12s,border-color .12s;display:block}.toc-link:hover{color:var(--ink);border-left-color:var(--ink-faint);text-decoration:none}.toc-link.toc-active{color:var(--blue);border-left-color:var(--blue);font-weight:600}.toc-content{min-width:0;padding:40px 0 56px 36px}.toc-section{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:48px}.toc-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media (width<=860px){h1{font-size:2rem}.g2,.g3,.g4{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}.foot-grid{grid-template-columns:1fr 1fr;gap:24px}.page-with-toc{grid-template-columns:1fr;padding:0 20px}.toc-col{display:none}.toc-content{padding:32px 0}}@media (width<=600px){.wrap{padding:0 20px}.nav-link span:not(.nav-caret){display:none}.hero{padding:48px 0 40px}.sec{padding:44px 0}.foot-grid{grid-template-columns:1fr}.ev{flex-direction:column;gap:6px}.ev-date{width:auto}}