.blog-layout{max-width:64rem;margin:0 auto;padding:2rem 1rem}@media (min-width:768px){.blog-layout{padding:3rem 2rem}}.blog-prose{font-family:var(--font-mono);font-size:1rem;line-height:1.8;letter-spacing:.01em;color:var(--color-foreground);max-width:48rem;margin:0 auto}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{font-family:var(--font-mono);font-weight:600;line-height:1.2;color:var(--color-foreground);margin-bottom:1.25rem}.blog-prose h2,.blog-prose h3,.blog-title{color:var(--color-gray-100)}.blog-prose h1{margin-top:3.5rem}.blog-prose h2{margin-top:3rem}.blog-prose h3{margin-top:2.5rem}.blog-prose h4,.blog-prose h5,.blog-prose h6{margin-top:2rem}.blog-prose>h1:first-child,.blog-prose>h2:first-child,.blog-prose>h3:first-child{margin-top:0}.blog-prose h1{font-size:1.875rem}.blog-prose h2{font-size:1.5rem}.blog-prose h3{font-size:1.25rem}.blog-prose h4{font-size:1.125rem}.blog-prose p{margin-top:0;margin-bottom:2.25rem}.blog-prose h1+p,.blog-prose h2+p,.blog-prose h3+p,.blog-prose h4+p{margin-top:.75rem}.blog-prose>p:first-of-type{font-size:1.125rem;line-height:1.65;color:var(--color-gray-200);margin-bottom:2.5rem;font-weight:400}.blog-prose a{color:var(--color-brand-lime);text-decoration:none;font-weight:500;transition:all .2s ease;position:relative}.blog-prose a:hover{text-decoration:underline;text-underline-offset:.2em;color:color-mix(in srgb,var(--color-brand-lime) 85%,white)}.blog-prose b,.blog-prose strong{font-weight:600;color:var(--color-foreground)}.blog-prose code{font-family:var(--font-mono);font-size:.875rem;background-color:var(--color-gray-800);padding:.125rem .375rem;border-radius:.25rem;color:var(--color-foreground)}.blog-prose pre{margin:0;border-radius:inherit;overflow-x:auto;max-width:100%}.blog-prose pre code{background-color:transparent;padding:0;font-size:.875rem}.blog-prose ol,.blog-prose ul{margin-top:1.5rem;margin-bottom:1.75rem;padding-left:1.75rem;list-style-position:outside}.blog-prose ul{list-style-type:disc}.blog-prose ol{list-style-type:decimal}.blog-prose li{margin:.75rem 0;line-height:1.8;display:list-item;color:var(--color-foreground)}.blog-prose li::marker{color:var(--color-muted-foreground)}.blog-prose .code-card{position:relative;margin:0 0 2.5rem;border-radius:1rem;background:var(--color-blog-surface);border:1px solid color-mix(in srgb,var(--color-brand-lime) 22%,transparent);box-shadow:0 26px 48px rgba(10,8,7,.35);overflow:hidden;transition:box-shadow .25s ease;color:var(--color-gray-100)}.blog-prose .code-card:hover{box-shadow:0 34px 58px rgba(10,8,7,.45)}.code-card__body{position:relative;padding:1.35rem}.code-card__body pre{font-family:var(--font-mono);line-height:1.7;background:transparent!important}.code-card__body code{font-family:var(--font-mono);font-size:.9375rem}.code-card__body .token-line{line-height:1.75}.code-card--terminal .code-card__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.85rem;border-bottom:1px solid color-mix(in srgb,var(--color-brand-lime) 14%,transparent);background:var(--color-blog-surface-header);gap:.75rem}.code-card__chrome{display:flex;align-items:center;gap:.85rem;flex:1;min-width:0}.code-card__chrome-dots{display:flex;gap:.45rem}.code-card__chrome-dots span{width:.55rem;height:.55rem;border-radius:999px;background:color-mix(in srgb,var(--color-brand-lime) 45%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--color-brand-lime) 35%,transparent);transition:transform .25s ease}.code-card__chrome-dots span:nth-child(2){background:rgba(168,85,247,.4);box-shadow:0 0 18px rgba(168,85,247,.28)}.code-card--terminal:hover .code-card__chrome-dots span{transform:translateY(-1px)}.code-card__chrome-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(236,232,229,.55)}.code-card__copy-button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:rgba(255,255,255,.7);cursor:pointer;border-radius:.375rem;transition:color .2s ease,transform .2s ease}.code-card__copy-button:hover{color:rgba(255,255,255,.95)}.code-card__copy-button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-brand-lime) 50%,transparent);outline-offset:3px}.code-card__copy-button:active{transform:translateY(1px)}.code-card__copy-button svg{width:1rem;height:1rem}.code-card__copy-button[data-copied=true]{color:var(--color-success)}.code-card--with-lines .react-syntax-highlighter-line-number{color:rgba(236,232,229,.32)!important}.code-card--with-lines .code-card__body pre{padding-left:.25rem}.code-card__line{position:relative;padding-left:.1rem;transition:background .18s ease}.code-card__line[data-line-number]:before{content:attr(data-line-number);position:absolute;left:-3.4rem;width:3rem;text-align:right;color:rgba(236,232,229,.28);font-size:.7rem;letter-spacing:.1em}.code-card--with-lines .code-card__line:hover{background:color-mix(in srgb,var(--color-brand-lime) 8%,transparent)}.blog-prose li>ol,.blog-prose li>ul{margin-top:.5rem;margin-bottom:.5rem}.blog-prose blockquote{position:relative;margin:2.5rem 0;padding:2.25rem 2.25rem 2.25rem 3rem;border-radius:.95rem;background:var(--color-blog-surface-header);border:1px solid color-mix(in srgb,var(--color-brand-lime) 18%,transparent);color:var(--color-gray-100);font-style:italic;line-height:1.75;box-shadow:0 22px 45px rgba(6,5,4,.35);overflow:visible}.blog-prose blockquote:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-blog-surface-accent);border:1px solid rgba(255,255,255,.04);transform:translate(-14px,12px) rotate(-1.5deg);z-index:-1;filter:drop-shadow(0 16px 28px rgba(6,5,4,.25))}.blog-prose blockquote:after{content:"";position:absolute;top:1.75rem;left:1.5rem;width:42px;border-top:2px solid color-mix(in srgb,var(--color-brand-lime) 55%,transparent)}.blog-prose blockquote>*{position:relative;z-index:1}.blog-prose blockquote p{margin-bottom:0;color:inherit;font-size:1.05rem}.blog-prose blockquote p+p{margin-top:1rem}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose blockquote cite{display:block;margin-top:1.75rem;font-size:.875rem;color:var(--color-muted-foreground);font-style:normal;letter-spacing:.08em;text-transform:uppercase}.blog-prose blockquote cite:before{content:"— ";color:color-mix(in srgb,var(--color-brand-lime) 65%,transparent)}.blog-prose hr{margin:2.5rem 0;border:none;border-top:1px solid var(--color-border)}.blog-prose img{margin:2.5rem auto;border-radius:.25rem;max-width:100%;height:auto;display:block}@media (max-width:768px){.blog-prose{font-size:.9375rem;line-height:1.75}.blog-prose p{margin-bottom:1.5rem}.blog-prose>p:first-of-type{font-size:1.0625rem;margin-bottom:1.75rem}.blog-prose h1{font-size:1.75rem;margin-top:2.5rem}.blog-prose h2{font-size:1.5rem;margin-top:2rem}.blog-prose h3{font-size:1.25rem;margin-top:1.75rem}.blog-prose ol,.blog-prose ul{padding-left:1.25rem}.blog-prose blockquote{margin:2rem 0;padding:1.75rem 1.5rem 1.75rem 2.5rem;border-radius:.875rem}.blog-prose blockquote:before{transform:translate(-10px,10px) rotate(-1deg)}.blog-prose blockquote:after{top:1.5rem;left:1.25rem;width:32px}.blog-prose blockquote p{font-size:1rem}.blog-prose blockquote cite{margin-top:1.5rem}.code-card{margin:1.75rem 0}.code-card__body{padding:1.5rem}.code-card__chrome-label{font-size:.65rem;letter-spacing:.2em}}@media (min-width:1440px){.blog-prose{font-size:1.125rem}.blog-prose>p:first-of-type{font-size:1.25rem}}.fd-steps{counter-reset:step;position:relative;margin-left:3.5rem;margin-top:2rem;margin-bottom:2rem;padding-left:1.5rem}.fd-steps:before{content:"";position:absolute;left:.2rem;top:0;bottom:1rem;width:1px;background-color:var(--color-gray-600)}@media (min-width:640px){.fd-steps{margin-left:3rem;padding-left:1.75rem}}.fd-step{position:relative;padding-bottom:1.5rem}.fd-step:last-child{padding-bottom:0}.fd-step:before{content:counter(step);counter-increment:step;position:absolute;left:-2.5rem;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:9999px;background-color:var(--color-gray-800);border:1px solid var(--color-gray-600);font-size:.875rem;font-weight:500}.fd-step h3,.fd-step:before{color:var(--color-foreground)}.fd-step h3{margin-top:0;margin-bottom:.5rem;font-size:1rem;font-weight:600}.fd-step p{margin:.5rem 0;color:var(--color-muted-foreground)}.bg-grid-neutral-200\/20{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(229 229 229 / 0.2)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")}.not-prose{max-width:none;font-size:inherit;line-height:inherit}.not-prose img{margin:0}.blog-prose .mermaid-diagram{position:relative;margin:2.5rem 0;padding:3rem;border-radius:1rem;background:var(--color-blog-surface);border:1px solid color-mix(in srgb,var(--color-brand-lime) 22%,transparent);box-shadow:0 26px 48px rgba(10,8,7,.35);overflow-x:auto;overflow-y:visible;transition:transform .25s ease,box-shadow .25s ease;display:flex;justify-content:safe center}.blog-prose .mermaid-diagram:hover{transform:translateY(-4px);box-shadow:0 34px 58px rgba(10,8,7,.45)}.blog-prose .mermaid-diagram svg{width:max-content;height:auto;display:block;margin:0 auto}.blog-prose .mermaid-diagram text{font-family:var(--font-mono)!important}.blog-prose-v2 .mermaid-diagram,.blog-prose-v2 .mermaid-diagram p,.blog-prose-v2 .mermaid-diagram span,.blog-prose-v2 .mermaid-diagram text{color:inherit}.blog-prose .mermaid-diagram .edge-pattern,.blog-prose .mermaid-diagram .edge-thickness{stroke:var(--color-gray-600)!important}@media (max-width:640px){.blog-prose .mermaid-diagram{padding:1.5rem;margin:1.5rem -1rem;border-radius:.75rem}}.blog-prose table{width:100%;margin:2rem 0;border-collapse:separate;border-spacing:0;border-radius:.75rem;overflow:hidden;background:var(--color-blog-surface);border:1px solid color-mix(in srgb,var(--color-brand-lime) 22%,transparent);box-shadow:0 16px 32px rgba(10,8,7,.25)}.blog-prose thead{background:var(--color-blog-surface-header);border-bottom:1px solid color-mix(in srgb,var(--color-brand-lime) 18%,transparent)}.blog-prose th{padding:.875rem 1.25rem;text-align:left;font-weight:600;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-300)}.blog-prose td{padding:.875rem 1.25rem;border-top:1px solid rgba(255,255,255,.04);color:var(--color-gray-200);font-size:.9375rem}.blog-prose tbody tr{transition:background .15s ease}.blog-prose tbody tr:hover{background:color-mix(in srgb,var(--color-brand-lime) 6%,transparent)}.blog-prose tbody tr:first-child td{border-top:none}.blog-prose td code{font-size:.8125rem;padding:.125rem .375rem;background:rgba(38,38,38,.6)}@media (max-width:640px){.blog-prose table{font-size:.875rem;margin:1.5rem -.5rem;width:calc(100% + 1rem);border-radius:0}.blog-prose td,.blog-prose th{padding:.75rem .875rem}.blog-prose th{font-size:.6875rem}}.blog-prose-v2{font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:28px;color:rgb(16 49 45/85%);max-width:720px;margin:0 auto}.blog-prose-v2 h2,.blog-prose-v2 h3,.blog-prose-v2 h4,.blog-prose-v2 h5,.blog-prose-v2 h6{font-family:var(--font-futura);font-weight:800;color:rgb(16 49 45/90%);letter-spacing:-.03em}.blog-prose-v2 h2{font-size:44px;line-height:40px;margin-top:86px;margin-bottom:40px}.blog-prose-v2 h3{font-size:32px;line-height:32px;margin-top:86px;margin-bottom:40px}.blog-prose-v2 h4,.blog-prose-v2 h5,.blog-prose-v2 h6{font-size:24px;line-height:28px;margin-top:48px;margin-bottom:24px}.blog-prose-v2>h1:first-child,.blog-prose-v2>h2:first-child,.blog-prose-v2>h3:first-child{margin-top:0}.blog-prose-v2 p{margin-top:0;margin-bottom:20px;color:rgb(16 49 45/85%)}.blog-prose-v2 h1+p,.blog-prose-v2 h2+p,.blog-prose-v2 h3+p,.blog-prose-v2 h4+p{margin-top:0}.blog-prose-v2>.blog-prose>p:first-of-type,.blog-prose-v2>p:first-of-type{font-size:24px;font-weight:600;line-height:30px;color:var(--color-brand-jungle);margin-bottom:86px}.blog-prose-v2 a{color:var(--color-brand-jungle);text-decoration:underline;text-decoration-color:var(--color-brand-lime);text-underline-offset:.2em;text-decoration-thickness:2px;font-weight:500;transition:all .2s ease}.blog-prose-v2 a:hover{color:color-mix(in srgb,var(--color-brand-jungle) 70%,transparent);text-decoration-color:var(--color-brand-jungle)}.blog-prose-v2 b,.blog-prose-v2 strong{font-weight:600;color:var(--color-brand-jungle)}.blog-prose-v2 code{font-family:"Geist Mono",var(--font-mono);font-size:16px;font-weight:500;background-color:rgba(194,228,118,.58);padding:0 7px;border-radius:4px;color:var(--color-brand-jungle);line-height:28px}.blog-prose-v2 pre{margin:0;border-radius:inherit;overflow-x:auto;max-width:100%}.blog-prose-v2 pre code{background-color:transparent;padding:0;font-size:.875rem;border:none}.blog-prose-v2 ol,.blog-prose-v2 ul{margin-top:1.5rem;margin-bottom:1.75rem;padding-left:1.75rem;list-style-position:outside}.blog-prose-v2 ul{list-style-type:disc}.blog-prose-v2 ol{list-style-type:decimal}.blog-prose-v2 li{margin:.625rem 0;line-height:1.75;display:list-item;color:color-mix(in srgb,var(--color-brand-jungle) 85%,transparent)}.blog-prose-v2 li::marker{color:var(--color-brand-lime)}.blog-prose-v2 li>ol,.blog-prose-v2 li>ul{margin-top:.5rem;margin-bottom:.5rem}.blog-prose-v2 .code-card{position:relative;margin:0 0 2rem;border-radius:22px;background:#f3f3f3;border:1px solid rgba(0,0,0,.08);box-shadow:0 30px 8px 0 rgba(0,0,0,0),0 19px 8px 0 rgba(0,0,0,0),0 11px 7px 0 rgba(0,0,0,.01),0 5px 5px 0 rgba(0,0,0,.02),0 1px 3px 0 rgba(0,0,0,.02);overflow:hidden;color:var(--color-brand-jungle)}.blog-prose-v2 .code-card--terminal .code-card__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid rgba(16,49,45,.08);background:rgba(16,49,45,.03);gap:.75rem}.blog-prose-v2 .code-card__chrome{display:flex;align-items:center;gap:.85rem;flex:1;min-width:0}.blog-prose-v2 .code-card__chrome-dots{display:flex;gap:.45rem}.blog-prose-v2 .code-card__chrome-dots span{width:.55rem;height:.55rem;border-radius:999px;background:var(--color-brand-lime);opacity:.6;transition:opacity .25s ease}.blog-prose-v2 .code-card__chrome-dots span:nth-child(2){background:var(--color-brand-jungle-light)}.blog-prose-v2 .code-card--terminal:hover .code-card__chrome-dots span{opacity:.8}.blog-prose-v2 .code-card__chrome-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-brand-jungle-light)}.blog-prose-v2 .code-card__body{padding:24px;background:transparent;display:flex;flex-direction:column;gap:24px}.blog-prose-v2 .code-card__body pre{background:transparent!important;font-family:"Geist Mono",var(--font-mono);font-size:14px;font-weight:500;line-height:28px;margin:0}.blog-prose-v2 .code-card__body{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}.blog-prose-v2 .code-card__body::-webkit-scrollbar{height:8px}.blog-prose-v2 .code-card__body::-webkit-scrollbar-track{background:transparent;border-radius:4px}.blog-prose-v2 .code-card__body::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px}.blog-prose-v2 .code-card__body::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.blog-prose-v2 .code-card__line-numbers{color:#869694;width:12px;text-align:right;user-select:none}.blog-prose-v2 .code-card__line[data-line-number]:before{color:#869694}.blog-prose-v2 .code-card--with-lines .react-syntax-highlighter-line-number{color:#869694!important}.blog-prose-v2 .code-card__copy-button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;background:rgba(16,49,45,.12);color:var(--color-brand-jungle);font-family:var(--font-sans);font-size:15px;font-weight:600;border:none;cursor:pointer;transition:background .2s ease}.blog-prose-v2 .code-card__copy-button:hover{background:rgba(16,49,45,.18)}.blog-prose-v2 .code-card .token.builtin,.blog-prose-v2 .code-card .token.keyword{color:#2165ee}.blog-prose-v2 .code-card .token.function{color:#be4900}.blog-prose-v2 .code-card .token.string{color:#1c8100}.blog-prose-v2 .code-card .token.comment{color:#869694}.blog-prose-v2 blockquote{position:relative;margin:32px 0;padding:0 0 0 32px;border-left:4px solid var(--color-brand-lime);background:transparent;color:var(--color-brand-jungle);font-style:normal}.blog-prose-v2 blockquote:after,.blog-prose-v2 blockquote:before{display:none}.blog-prose-v2 blockquote p{margin-bottom:0;color:var(--color-brand-jungle);font-size:24px;font-weight:600;line-height:31px}.blog-prose-v2 blockquote p+p{margin-top:32px}.blog-prose-v2 blockquote cite,.blog-prose-v2 blockquote footer{display:flex;align-items:center;gap:16px;margin-top:32px;font-size:18px;font-weight:600;color:var(--color-brand-jungle);font-style:normal}.blog-prose-v2 blockquote cite:before{content:"";display:block;width:28px;height:28px;background:var(--color-brand-lime);border-radius:8px}.blog-prose-v2 blockquote cite span{color:#869694;font-weight:500}.blog-prose-v2 hr{margin:2.5rem 0;border:none;border-top:1px solid color-mix(in srgb,var(--color-brand-jungle) 15%,transparent)}.blog-prose-v2 img{margin:2rem auto;border-radius:.75rem;max-width:100%;height:auto;display:block;box-shadow:0 4px 24px rgba(29,41,34,.08)}.blog-prose-v2 table{width:100%;margin:2rem 0;border-collapse:separate;border-spacing:0;border-radius:.75rem;overflow:hidden;background:white;border:1px solid color-mix(in srgb,var(--color-brand-jungle) 12%,transparent);box-shadow:0 4px 16px rgba(29,41,34,.06)}.blog-prose-v2 thead{background:color-mix(in srgb,var(--color-brand-jungle) 4%,white);border-bottom:1px solid color-mix(in srgb,var(--color-brand-jungle) 10%,transparent)}.blog-prose-v2 th{padding:.875rem 1.25rem;text-align:left;font-weight:600;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-brand-jungle) 70%,transparent)}.blog-prose-v2 td{padding:.875rem 1.25rem;border-top:1px solid color-mix(in srgb,var(--color-brand-jungle) 8%,transparent);color:color-mix(in srgb,var(--color-brand-jungle) 85%,transparent);font-size:.9375rem}.blog-prose-v2 tbody tr{transition:background .15s ease}.blog-prose-v2 tbody tr:hover{background:color-mix(in srgb,var(--color-brand-lime) 8%,transparent)}.blog-prose-v2 tbody tr:first-child td{border-top:none}.blog-prose-v2 td code{font-size:.8125rem;padding:.125rem .375rem;background:color-mix(in srgb,var(--color-brand-jungle) 6%,transparent)}.blog-prose-v2 .mermaid-diagram{position:relative;margin:2rem 0;padding:2rem;border-radius:.75rem;background:white;border:1px solid color-mix(in srgb,var(--color-brand-jungle) 12%,transparent);box-shadow:0 4px 16px rgba(29,41,34,.06);overflow-x:auto;overflow-y:visible;display:flex;justify-content:safe center}.blog-prose-v2 .mermaid-diagram:hover{box-shadow:0 8px 24px rgba(29,41,34,.1)}.blog-prose-v2 .mermaid-diagram text{font-family:var(--font-sans)!important}.blog-prose-v2 .fd-steps{counter-reset:step;position:relative;margin-left:3.5rem;margin-top:2rem;margin-bottom:2rem;padding-left:1.5rem}.blog-prose-v2 .fd-steps:before{content:"";position:absolute;left:.2rem;top:0;bottom:1rem;width:2px;background-color:color-mix(in srgb,var(--color-brand-jungle) 15%,transparent)}.blog-prose-v2 .fd-step:before{content:counter(step);counter-increment:step;position:absolute;left:-2.5rem;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:9999px;background-color:var(--color-brand-lime);border:2px solid white;color:var(--color-brand-jungle);font-size:.875rem;font-weight:600;box-shadow:0 2px 8px rgba(29,41,34,.1)}.blog-prose-v2 .fd-step h3{margin-top:0;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--color-brand-jungle);text-transform:none}.blog-prose-v2 .fd-step p{margin:.5rem 0;color:color-mix(in srgb,var(--color-brand-jungle) 70%,transparent)}@media (max-width:768px){.blog-prose-v2{font-size:16px;line-height:26px}.blog-prose-v2 p{margin-bottom:16px}.blog-prose-v2>p:first-of-type{font-size:20px;line-height:28px;margin-bottom:48px}.blog-prose-v2 h2{font-size:32px;line-height:32px;margin-top:48px;margin-bottom:24px}.blog-prose-v2 h3{font-size:24px;line-height:28px;margin-top:48px;margin-bottom:24px}.blog-prose-v2 ol,.blog-prose-v2 ul{padding-left:27px}.blog-prose-v2 blockquote{margin:24px 0;padding-left:24px}.blog-prose-v2 blockquote p{font-size:20px;line-height:28px}.blog-prose-v2 .code-card{width:calc(100% + 48px);margin-left:-24px;border-radius:16px}.blog-prose-v2 table{font-size:14px;margin:24px -16px;width:calc(100% + 32px);border-radius:16px}.blog-prose-v2 td,.blog-prose-v2 th{padding:12px 16px}}