.tldr-pencil{color:rgb(var(--foreground)/.75);font-family:Reenie Beanie,cursive;font-size:3.5rem;left:.25rem;letter-spacing:.02em;line-height:1;margin:0;pointer-events:none;position:absolute;top:-1.9rem;transform:rotate(-4deg);transform-origin:left center;z-index:1}@media(min-width:1024px){.tldr-pencil{left:0;top:0;transform:translate(-50%,-50%) rotate(-4deg);transform-origin:center}}@media(max-width:1023.98px){.post-body .agent-demo{margin-inline:-1rem}}@media(min-width:1024px){.post-body .agent-demo{margin-left:-16.5rem;width:100cqw}}:where(.post-body,.blog-section)>*+:is(p,ul,ol,div,section,h3,figure,table,a,span){margin-top:1.5rem}.blog-p{color:rgb(var(--body));font-size:1.0625rem;line-height:1.75}.post-body :is(.blog-p,.blog-list,.blog-steps,.blog-faq) strong{color:rgb(var(--foreground));font-weight:var(--weight-strong)}.post-body :is(.blog-p,.blog-list,.blog-steps,.blog-faq) a:not([class]){color:rgb(var(--brand-fg));text-decoration:underline;text-decoration-color:rgb(var(--brand-fg)/.35);text-underline-offset:3px;transition:text-decoration-color .15s}.post-body :is(.blog-p,.blog-list,.blog-steps,.blog-faq) a:not([class]):hover{text-decoration-color:currentColor}.post-body :is(.blog-p,.blog-list,.blog-steps,.blog-faq) code{background:rgb(var(--muted));border-radius:5px;color:rgb(var(--foreground));font-family:var(--font-mono);font-size:.88em;padding:.1em .35em}.post-body{counter-reset:blog-section}.blog-section{border-top:1px solid rgb(var(--border));counter-increment:blog-section;padding-top:2.75rem}.post-body>.blog-section{margin-top:4rem}.blog-h2{color:rgb(var(--foreground));font-size:1.875rem;font-weight:var(--weight-display);letter-spacing:-.028em;line-height:1.15;text-wrap:balance}.blog-section>.blog-h2:before{color:rgb(var(--brand-fg));content:counter(blog-section,decimal-leading-zero);display:block;font-family:var(--font-mono);font-size:.8125rem;font-weight:500;letter-spacing:0;margin-bottom:.875rem}@media(min-width:640px){.blog-h2{font-size:2.25rem}}.blog-h3{color:rgb(var(--foreground));font-size:1.0625rem;font-weight:var(--weight-strong);line-height:1.45}.blog-list{color:rgb(var(--body));font-size:1.0625rem;line-height:1.75;list-style:none;padding:0}.blog-list>li{padding-left:1.625rem;position:relative}.blog-list>li+li{margin-top:.875rem}.blog-list>li:before{background:rgb(var(--color-brand-500));border-radius:1.5px;content:"";height:.4375rem;left:.25rem;position:absolute;top:.72em;transform:rotate(45deg);width:.4375rem}.blog-steps{color:rgb(var(--body));counter-reset:blog-step;font-size:1.0625rem;line-height:1.75;list-style:none;padding:0}.blog-steps>li{counter-increment:blog-step;min-height:2.25rem;padding:.25rem 0 2rem 3.5rem;position:relative}.blog-steps>li:last-child{padding-bottom:0}.blog-steps>li:before{background:rgb(var(--card));border-radius:9999px;box-shadow:var(--shadow-soft);color:rgb(var(--brand-fg));content:counter(blog-step);display:grid;font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-strong);height:2.25rem;left:0;place-items:center;position:absolute;top:0;width:2.25rem}.blog-steps>li:not(:last-child):after{background:rgb(var(--border));bottom:.5rem;content:"";left:calc(1.125rem - .5px);position:absolute;top:2.75rem;width:1px}.blog-faq{border-bottom:1px solid rgb(var(--border))}.blog-section>.blog-faq{margin-top:2rem}.blog-faq>*{border-top:1px solid rgb(var(--border));color:rgb(var(--body));font-size:1rem;line-height:1.7;padding:1.5rem 0}.blog-faq>:first-child{border-top:0;padding-top:0}.blog-faq>*>*+*{margin-top:.5rem}@media(min-width:1024px){.blog-faq>*{-moz-column-gap:2.5rem;column-gap:2.5rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.blog-faq>*>.blog-h3{grid-row:1/span 9}.blog-faq>*>:not(.blog-h3){grid-column:2}.blog-faq>*>:nth-child(2){margin-top:0}}.blog-cta{background:rgb(var(--card));border-radius:var(--radius-card);box-shadow:var(--shadow-soft);color:rgb(var(--foreground));padding:2.5rem 1.75rem}.post-body>.blog-cta{margin-top:5rem}@media(min-width:640px){.blog-cta{padding:3.5rem 3rem}}.blog-cta-title{font-size:1.875rem;font-weight:var(--weight-display);letter-spacing:-.028em;line-height:1.15;max-width:32rem;text-wrap:balance}.blog-cta-body{color:rgb(var(--body));font-size:1.0625rem;line-height:1.65;margin-top:.75rem;max-width:32rem}.blog-cta-button{margin-top:1.75rem}
