.toc-wrap{position:relative}.toc{color:inherit;font-size:.95rem}.toc>summary.toc-summary{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none;background:0 0;border:0;padding:0;margin:0 0 .4rem;color:var(--muted);font:inherit;font-weight:600;line-height:1.2}.toc>summary::-webkit-details-marker{display:none}.toc>summary::marker{content:""}.toc>summary::after{content:"▸";margin-left:.25rem}.toc[open]>summary::after{content:"▾"}.toc>summary:hover,.toc>summary:focus-visible{color:var(--fg);text-decoration:underline;outline:none}.toc .toc-body>p:first-child{margin:0 0 .25rem}.toc .toc-body>ul{margin:0;padding-left:0;list-style:none}.toc .toc-body li{margin:.15rem 0}.toc .toc-body ul ul{margin-top:.15rem;padding-left:.75rem}@media(min-width:1100px){.toc-wrap{float:right;width:20rem;margin-left:2rem;margin-bottom:.5rem}.toc{position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow:auto}}:root{--green:#3bb07c;--green-light:#4ac18a;--green-dark:#1f8a5b;--green-accent:#2b8a6a}:root,[data-theme=dark]{--bg:#0f1512;--fg:#e8f2ec;--heading:#ffffff;--muted:#a5b3ab;--link:var(--green);--surface:#121b16;--border:#18221c;--accent:var(--green-accent);--mark-bg:#fde047;--mark-fg:#111827}[data-theme=light]{--bg:#f3f6f4;--fg:#1c2b24;--heading:#0f1f17;--muted:#5f7567;--link:#1f8a5b;--surface:#ffffff;--border:#e6ece8;--accent:var(--green-accent);--mark-bg:#fef08a;--mark-fg:#1c2b24}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.site-header--landing{border-bottom-color:transparent;padding:1.25rem}.header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.brand{margin:0}.brand-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg);text-decoration:none;font-size:1.25rem;font-weight:600}.brand-link:hover{text-decoration:none}.brand-logo{width:28px;height:28px;border-radius:.25rem}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav a{padding:.25rem .5rem;background:var(--surface);border-radius:.5rem;color:var(--fg)}.nav a:hover{text-decoration:none;background:var(--border)}.nav a.active{background:var(--link);color:var(--bg);text-decoration:none}.nav a.active:hover{background:var(--green-light);color:var(--bg)}.mobile-menu-toggle{display:none;background:0 0;border:none;padding:.5rem;cursor:pointer;z-index:1001;position:relative}.hamburger{display:block;width:24px;height:18px;position:relative}.hamburger::before,.hamburger,.hamburger::after{transition:all .3s ease}.hamburger::before,.hamburger::after{content:'';position:absolute;left:0;width:24px;height:2px;background:var(--fg)}.hamburger::before{top:0}.hamburger::after{bottom:0}.hamburger span{display:block;position:absolute;top:50%;left:0;width:24px;height:2px;background:var(--fg);transform:translateY(-50%);transition:opacity .3s ease}.mobile-menu-toggle[aria-expanded=true] .hamburger span{opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger::before{top:50%;transform:translateY(-50%)rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .hamburger::after{bottom:50%;transform:translateY(50%)rotate(-45deg)}.container{max-width:900px;margin:0 auto;padding:2rem 1.25rem}footer{margin-top:2rem;padding:0 1.25rem 2rem}footer hr{border:0;border-top:1px solid var(--border);max-width:900px;margin:0 auto 1rem}footer p.meta{max-width:900px;margin:0 auto;text-align:center;color:var(--muted);font-size:.85rem}footer .meta a{color:var(--muted)}footer .meta a:hover{color:var(--link);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.meta{color:var(--muted);font-size:.95rem}ul.list{list-style:none;padding:0}ul.list li{padding:.35rem 0;border-bottom:1px dashed var(--border)}ul.list li:last-child{border-bottom:none}.badge{display:inline-block;padding:.1rem .4rem;border-radius:.5rem;background:var(--surface);color:var(--muted);font-size:.8rem;margin-right:.35rem}.post-title{margin:0 0 .25rem}.float-right-img{float:right;margin:0 0 1rem 1rem;max-width:33%}.float-left-img{float:left;margin:0 1rem 1rem 0;max-width:33%}.clearfix::after{content:"";display:block;clear:both}@media(max-width:720px){.float-right-img,.float-left-img{float:none;display:block;margin:0 auto 1rem;max-width:60%}}.hero{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem 4rem;background:radial-gradient(ellipse 80% 60% at 30% 40%,rgba(59,176,124,6%) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 75% 60%,rgba(59,176,124,4%) 0%,transparent 70%),var(--bg)}.hero-content{max-width:680px}.hero h1{font-size:clamp(2.4rem,5.5vw,3.75rem);line-height:1.1;margin:0 0 1.25rem;color:var(--heading);font-weight:700;letter-spacing:-.02em}.hero-sub{font-size:1.15rem;color:var(--muted);line-height:1.7;margin:0 auto 2.25rem;max-width:560px}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:.7rem 1.4rem;border-radius:.5rem;font-weight:600;font-size:1rem;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.btn--primary{background:var(--link);color:var(--bg)}.btn--primary:hover{background:var(--green-light);color:var(--bg);text-decoration:none}.btn--outline{border:2px solid var(--link);color:var(--link)}.btn--outline:hover{background:var(--link);color:var(--bg);text-decoration:none}.section{padding:4rem 1.5rem}.section--alt{background:var(--surface)}.section-inner{max-width:900px;margin:0 auto}.section h2{font-size:2rem;text-align:center;margin:0 0 .75rem;color:var(--heading)}.section-lead{text-align:center;color:var(--muted);font-size:1.1rem;line-height:1.65;max-width:580px;margin:0 auto 2.5rem}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.pillar{padding:2rem 1.5rem;border-radius:.75rem;background:var(--surface);border:1px solid var(--border)}.pillar-icon{width:44px;height:44px;border-radius:.6rem;background:rgba(59,176,124,.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}.pillar-icon svg{width:22px;height:22px;stroke:var(--link);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pillar h3{margin:0 0 .5rem;font-size:1.15rem;color:var(--heading)}.pillar p{color:var(--muted);margin:0;line-height:1.65;font-size:.95rem}.product-card{padding:2.5rem;border-radius:.75rem;background:var(--bg);border:1px solid var(--border);max-width:680px;margin:0 auto}.product-badge{display:inline-block;padding:.25rem .6rem;background:rgba(59,176,124,.12);color:var(--link);border-radius:.3rem;font-size:.82rem;font-weight:600;margin-bottom:.75rem;letter-spacing:.02em;text-transform:uppercase}.product-badge--soon{background:rgba(251,191,36,.12);color:#fbbf24}.product-card+.product-card{margin-top:1.5rem}.product-card h3{margin:0 0 .75rem;font-size:1.6rem}.product-card h3 a{color:var(--heading)}.product-card h3 a:hover{color:var(--link);text-decoration:none}.product-card p{color:var(--muted);margin:.6rem 0;line-height:1.7}.product-card .btn{margin-top:1.25rem;display:inline-block}.section ul.list{max-width:640px;margin:0 auto}.blog-cta{text-align:center;margin-top:2rem}.theme-toggle{padding:.25rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;color:var(--fg);cursor:pointer;font-size:1.1rem;display:inline-flex;align-items:center;gap:.25rem;transition:background .15s,border-color .15s}.theme-toggle:hover{background:var(--border);text-decoration:none}.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}[data-theme=light] .hero{background:radial-gradient(ellipse 80% 60% at 30% 40%,rgba(31,138,91,8%) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 75% 60%,rgba(31,138,91,5%) 0%,transparent 70%),var(--bg)}[data-theme=light] .section--alt{background:#e6f2ec}[data-theme=light] .pillar-icon{background:rgba(31,138,91,.1)}[data-theme=light] .product-badge{background:rgba(31,138,91,.15);color:#0f5f3b}[data-theme=light] .product-card{background:#f3f6f4;border-color:#d1dfd6}@media(max-width:768px){[data-theme=light] .nav{background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.1)}}@media(max-width:768px){.mobile-menu-toggle{display:block;margin-left:auto}.header-inner{position:relative;justify-content:space-between}.nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;padding:5rem 1.5rem 2rem;gap:.75rem;transition:right .3s ease;z-index:1000;overflow-y:auto}.nav.nav-open{right:0}.nav a{width:100%;text-align:left;padding:.75rem 1rem;display:block}.theme-toggle{width:100%;justify-content:center;margin-top:1rem;padding:.75rem 1rem}body.menu-open::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}body.menu-open{overflow:hidden}}@media(max-width:640px){.hero{min-height:40vh;padding:2.5rem 1rem 3rem}.hero h1{font-size:2.2rem}.hero-sub{font-size:1rem}.pillars{grid-template-columns:1fr;gap:1rem}.section{padding:3rem 1rem}.section h2{font-size:1.7rem}.product-card{padding:1.75rem}}@media(max-width:700px){.prose pre,.prose pre code,pre.chroma,pre.chroma code,code.chroma{font-size:clamp(.82rem,.78rem + .6vw,.9rem);line-height:1.45}.chroma .ln{padding-right:.35rem;margin-right:.35rem;min-width:2.6ch}}.meta{color:var(--muted);font-size:.9rem}.meta a{text-decoration:none}.meta .post-date{color:var(--muted);font-variant-numeric:tabular-nums}.meta a:hover{text-decoration:underline}.meta>span[aria-hidden=true]:first-child,.meta>span[aria-hidden=true]:last-child{display:none}.copy-btn{font:inherit;font-size:.8rem;line-height:1;padding:.2rem .4rem;border:none;border-radius:.3rem;background:0 0;color:var(--muted);cursor:pointer;position:absolute;top:.5rem;right:.5rem;opacity:.7;transition:opacity .2s ease,color .2s ease}.copy-btn:hover,.copy-btn:focus-visible{opacity:1;color:var(--link);outline:none}.copy-btn:active{color:var(--blue-light)}.badge--draft{background:#7c2d12;color:#fff;border:1px solid rgba(255,255,255,.15)}.prose.draft{position:relative;border:1px dashed #7c2d12;padding:1rem;border-radius:.5rem;background-image:repeating-linear-gradient( -45deg,rgba(124,45,18,8%) 0,rgba(124,45,18,8%) 10px,transparent 10px,transparent 20px )}.prose.draft::before{content:"DRAFT";position:absolute;top:12px;right:-28px;transform:rotate(30deg);font-weight:700;font-size:2.4rem;letter-spacing:.15rem;color:rgba(124,45,18,.25);pointer-events:none;user-select:none}.draft-banner{background:#3f1d0f;border:1px solid #7c2d12;padding:.75rem 1rem;border-radius:.5rem;margin:.5rem 0 1rem;color:#f8fafc}.draft-banner a{color:#ffd7a6;text-decoration:underline}[data-theme=light] .prose.draft{border-color:#92400e;background-image:repeating-linear-gradient( -45deg,rgba(180,83,9,.1) 0,rgba(180,83,9,.1) 10px,transparent 10px,transparent 20px )}[data-theme=light] .prose.draft::before{color:rgba(180,83,9,.2)}[data-theme=light] .draft-banner{background:#fef3c7;border-color:#f59e0b;color:#78350f}[data-theme=light] .draft-banner a{color:#b45309}.prose{line-height:1.7;color:var(--fg)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{line-height:1.25;margin:1.5rem 0 .75rem}.prose h1{font-size:2rem}.prose h2{font-size:1.6rem}.prose h3{font-size:1.3rem}.prose p{margin:.9rem 0}.prose a{color:var(--link);text-decoration:underline}.prose ul,.prose ol{margin:.75rem 0 .75rem 1.25rem}.prose li{margin:.25rem 0}.prose blockquote{margin:1rem 0;padding:.5rem .75rem;border-left:3px solid var(--border);color:var(--fg);background:var(--surface)}.prose code{background:var(--surface);color:var(--fg);padding:.1rem .3rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,monospace;font-size:1em}.prose pre{overflow:auto;padding:1rem;border-radius:.5rem;background:var(--surface);color:var(--fg);font-size:1.05rem;line-height:1.6}.prose pre code{padding:0;background:0 0;text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}.prose hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}.prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--border);padding:.5rem .6rem}.prose thead th{background:var(--surface)}.prose img,.prose video{max-width:100%;height:auto;border-radius:.5rem}.prose figure{margin:1rem 0;text-align:center}.prose figcaption{color:var(--muted);font-size:.9rem;margin-top:.25rem}.prose kbd{background:var(--surface);border:1px solid var(--border);border-bottom-width:3px;padding:.1rem .35rem;border-radius:.25rem;font-size:.85rem}.prose mark{background:var(--mark-bg);color:var(--mark-fg);padding:.05rem .2rem;border-radius:.2rem}@media(max-width:700px){.prose{line-height:1.55}.prose p{margin:.65rem 0}.prose ul,.prose ol{margin:.5rem 0 .5rem 1rem}.prose li{margin:.2rem 0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{line-height:1.2;margin:1.1rem 0 .55rem}.prose pre{font-size:.95rem;line-height:1.45;padding:.8rem}.prose code{font-size:.95em}.prose table{font-size:.9rem}.prose th,.prose td{padding:.45rem .5rem}.prose blockquote{padding:.4rem .6rem}.prose figure{margin:.75rem 0}}.prose ul,.prose ol{margin-left:.75rem}.prose ul ul,.prose ol ol{margin-left:.75rem}:root,[data-theme=dark]{--code-bg:var(--bg);--code-fg:var(--fg);--code-muted:var(--muted);--code-func:#93c5fd;--code-keyword:#c4b5fd;--code-string:#86efac;--code-number:#fbbf24;--code-type:#5eead4;--code-const:#f59e0b;--code-attr:#e5e7eb;--code-operator:#e5e7eb;--code-builtin:#a5b4fc;--code-deco:#94a3b8;--code-mark:rgba(255, 255, 0, .15);--code-line:rgba(255, 255, 255, .06);--code-sel:rgba(108, 178, 255, .18);--code-error:#f87171;--code-insert:#102a14;--code-delete:#3b0f10}.chroma{color:var(--code-fg);background:var(--code-bg)}pre.chroma{margin:1rem 0;padding:1rem;border-radius:.75rem;overflow:auto}pre.chroma code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,monospace;font-size:.95rem}pre.chroma ::selection{background:var(--code-sel)}.chroma .lnt,.chroma .ln{color:var(--code-muted)}.chroma .lntd{padding-right:.75rem;border-right:1px solid var(--code-line)}.chroma .hl{background:linear-gradient(90deg,rgba(255,255,255,3%),rgba(255,255,255,0))}.chroma .lnlinks{color:var(--code-muted);text-decoration:none}.chroma .c{color:var(--code-muted);font-style:italic}.chroma .cp{color:var(--code-muted)}.chroma .cm{color:var(--code-muted);font-style:italic}.chroma .c1{color:var(--code-muted);font-style:italic}.chroma .cs{color:var(--code-muted);font-weight:600}.chroma .k{color:var(--code-keyword)}.chroma .kc{color:var(--code-const)}.chroma .kd{color:var(--code-keyword)}.chroma .kn{color:var(--code-operator)}.chroma .kp{color:var(--code-keyword)}.chroma .kr{color:var(--code-keyword);font-weight:600}.chroma .kt{color:var(--code-type)}.chroma .o{color:var(--code-operator)}.chroma .ow{color:var(--code-operator);font-weight:600}.chroma .na{color:var(--code-attr)}.chroma .nb{color:var(--code-builtin)}.chroma .bp{color:var(--code-builtin)}.chroma .nc,.chroma .nn,.chroma .nt{color:var(--code-type)}.chroma .nf{color:var(--code-func)}.chroma .fm{color:var(--code-func);font-style:italic}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi{color:var(--code-fg)}.chroma .nl{color:var(--code-func)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .s1,.chroma .s2,.chroma .sd,.chroma .se,.chroma .sh,.chroma .si,.chroma .sr,.chroma .ss,.chroma .sx{color:var(--code-string)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--code-number)}.chroma .p{color:var(--code-deco)}.chroma .gd{background:var(--code-delete)}.chroma .gi{background:var(--code-insert)}.chroma .ge{font-style:italic}.chroma .gs{font-weight:600}.chroma .err,.chroma .gr{color:var(--code-error)}.chroma .w{color:var(--code-muted)}code.chroma,.chroma code:not(pre code){background:rgba(255,255,255,4%);padding:.1rem .35rem;border-radius:.4rem;color:var(--code-fg)}.chroma .lntable{border-spacing:0;width:100%}.chroma .lntable td:nth-child(1){width:3.25rem;text-align:right;user-select:none}.chroma .lntable td:nth-child(2){padding-left:.75rem}.chroma .x{background:var(--code-mark)}@media(prefers-contrast:more){.chroma .c,.chroma .cm,.chroma .c1,.chroma .lnt,.chroma .ln{color:#b0b7c0}}[data-theme=light]{--code-bg:#f6f7f9;--code-fg:#0f172a;--code-muted:#64748b;--code-func:#1d4ed8;--code-keyword:#7c3aed;--code-string:#15803d;--code-number:#b45309;--code-type:#0e7490;--code-const:#b45309;--code-attr:#0f172a;--code-operator:#0f172a;--code-builtin:#4338ca;--code-deco:#334155;--code-line:rgba(0, 0, 0, .08);--code-sel:rgba(28, 100, 242, .16);--code-mark:rgba(255, 238, 0, .25);--code-error:#b91c1c;--code-insert:#e9f7ee;--code-delete:#fde8e8}.chroma .line{display:block;white-space:pre}.chroma .ln{display:inline-block;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;user-select:none;color:var(--code-muted);border-right:1px solid var(--code-line);padding-right:.5rem;margin-right:.5rem}.chroma .cl{display:inline-block}@media(max-width:700px){.chroma .ln{padding-right:.4rem;margin-right:.4rem;min-width:2.8ch}}