.blog-article{--blog-radius:.9rem}.blog-article :where(figure){margin:2em 0}.blog-article .blog-figure img{border-radius:var(--blog-radius);width:100%;height:auto;box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent);margin:0}.blog-article .blog-figure[data-width=wide]{margin-inline:clamp(-4rem,-6vw,0rem)}.blog-article .blog-figure[data-width=full]{margin-inline:clamp(-8rem,-10vw,0rem)}.blog-article figcaption{text-align:center;color:var(--muted-foreground);margin-top:.7em;font-size:.875em}.blog-article .bl-code{border-radius:var(--blog-radius);color:#e6e8f5;background:#14162b;margin:1.6em 0;position:relative;overflow:hidden}.blog-article .bl-code[data-lang]:before{content:attr(data-lang);letter-spacing:.06em;text-transform:uppercase;color:#8b90b3;padding:.6rem 1rem 0;font-size:.7rem;display:block}.blog-article .bl-code pre{background:0 0;border-radius:0;margin:0;padding:.75rem 1rem 1rem;font-size:.86em;line-height:1.65;overflow-x:auto}.blog-article .bl-code pre code{color:inherit;background:0 0;padding:0;font-weight:400}.blog-article .bl-copy{color:#c7cbe6;opacity:0;background:#ffffff12;border-radius:.4rem;padding:.2rem .55rem;font-size:.72rem;transition:opacity .15s,background .15s;position:absolute;top:.45rem;right:.45rem}.blog-article .bl-code:hover .bl-copy,.blog-article .bl-copy:focus-visible{opacity:1}.blog-article .bl-copy:hover{background:#ffffff24}.blog-article .hljs-keyword,.blog-article .hljs-selector-tag,.blog-article .hljs-built_in,.blog-article .hljs-meta .hljs-keyword{color:#c4a7ff}.blog-article .hljs-string,.blog-article .hljs-attr+.hljs-string,.blog-article .hljs-addition{color:#9ee6a8}.blog-article .hljs-number,.blog-article .hljs-literal,.blog-article .hljs-symbol{color:#ffb88a}.blog-article .hljs-comment,.blog-article .hljs-quote{color:#7d83a8;font-style:italic}.blog-article .hljs-title,.blog-article .hljs-section,.blog-article .hljs-function .hljs-title{color:#8ec5ff}.blog-article .hljs-attr,.blog-article .hljs-attribute,.blog-article .hljs-variable,.blog-article .hljs-template-variable,.blog-article .hljs-property{color:#7fd6e6}.blog-article .hljs-tag,.blog-article .hljs-name{color:#ff9ab8}.blog-article .hljs-deletion{color:#ff9a9a}.blog-article .bl-table{border-radius:var(--blog-radius);box-shadow:inset 0 0 0 1px var(--border);margin:1.6em 0;overflow-x:auto}.blog-article .bl-table table{width:100%;margin:0}.blog-article .bl-table th{background:color-mix(in oklab, var(--foreground) 4%, transparent);padding:.65rem .9rem}.blog-article .bl-table td{padding:.6rem .9rem}.blog-article .bl-table [align=center]{text-align:center}.blog-article .bl-table [align=right]{text-align:right}.blog-article .blog-callout{--c:var(--info);border-radius:var(--blog-radius);background:color-mix(in oklab, var(--c) 9%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 22%, transparent);gap:.85rem;margin:1.75em 0;padding:1rem 1.15rem;display:flex}.blog-article .blog-callout[data-type=tip]{--c:var(--primary)}.blog-article .blog-callout[data-type=warning]{--c:var(--warning)}.blog-article .blog-callout[data-type=danger]{--c:var(--destructive)}.blog-article .blog-callout[data-type=success]{--c:var(--success)}.blog-article .blog-callout-icon{width:1.25rem;height:1.25rem;color:var(--c);flex-shrink:0;margin-top:.2rem}.blog-article .blog-callout-body{flex:1;min-width:0}.blog-article .blog-callout-body>:first-child{margin-top:0}.blog-article .blog-callout-body>:last-child{margin-bottom:0}.blog-article .blog-callout-title+*,.blog-article .blog-step-title+*,.blog-article .blog-card-title+*{margin-top:0}.blog-article .blog-callout-title{color:var(--foreground);margin:0 0 .35em;font-weight:650}.blog-article .blog-buttons{margin:1.5em 0}.blog-article .blog-btn{border-radius:.6rem;align-items:center;gap:.45rem;padding:.6rem 1.05rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}.blog-article .blog-btn .blog-icon{width:1rem;height:1rem;transition:translate .15s}.blog-article .blog-btn:hover .blog-icon{translate:2px}.blog-article .blog-btn-primary{background:var(--primary);color:var(--primary-foreground)}.blog-article .blog-btn-primary:hover{background:var(--primary-hover)}.blog-article .blog-btn-outline{color:var(--foreground);background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 15%, transparent)}.blog-article .blog-btn-outline:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 30%, transparent)}.blog-article .blog-cta{background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 12%, transparent);border-radius:1.1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin:2.25em 0;padding:1.5rem 1.75rem;display:flex}.blog-article .blog-cta-copy{flex:16rem;min-width:0}.blog-article .blog-cta-title{font-family:var(--font-heading,inherit);letter-spacing:-.01em;color:var(--foreground);margin:0;font-size:1.2rem;font-weight:700}.blog-article .blog-cta-text{color:var(--muted-foreground);margin-top:.25rem;font-size:.92rem}.blog-article .blog-cta-text>*{margin:0}.blog-article .blog-video{aspect-ratio:16/9;border-radius:var(--blog-radius);background:#000;position:relative;overflow:hidden}.blog-article .blog-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.blog-article .blog-steps{counter-reset:blog-step;margin:1.75em 0;padding:0;list-style:none}.blog-article .blog-step{counter-increment:blog-step;margin:0;padding:0 0 1.4rem 3.1rem;position:relative}.blog-article .blog-step:before{content:counter(blog-step);background:var(--primary);width:2rem;height:2rem;color:var(--primary-foreground);border-radius:999px;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.blog-article .blog-step:not(:last-child):after{content:"";background:color-mix(in oklab, var(--primary) 22%, transparent);border-radius:2px;width:2px;position:absolute;top:2.4rem;bottom:.4rem;left:calc(1rem - 1px)}.blog-article .blog-step::marker{content:none}.blog-article .blog-step-body{padding-top:.2rem}.blog-article .blog-step-body>:first-child{margin-top:0}.blog-article .blog-step-body>:last-child{margin-bottom:0}.blog-article .blog-step-title{color:var(--foreground);margin:0 0 .3em;font-weight:650}.blog-article .blog-faq{border-radius:var(--blog-radius);box-shadow:inset 0 0 0 1px var(--border);margin:1.75em 0;overflow:hidden}.blog-article .blog-faq-item+.blog-faq-item{border-top:1px solid var(--border)}.blog-article .blog-faq summary,.blog-article .blog-details summary{cursor:pointer;color:var(--foreground);justify-content:space-between;align-items:center;gap:1rem;font-weight:600;list-style:none;display:flex}.blog-article .blog-faq summary{padding:1rem 1.15rem}.blog-article .blog-faq summary::-webkit-details-marker{display:none}.blog-article .blog-details summary::-webkit-details-marker{display:none}.blog-article .blog-faq summary:hover{background:color-mix(in oklab, var(--foreground) 3%, transparent)}.blog-article .blog-faq-chevron{width:1.1rem;height:1.1rem;color:var(--muted-foreground);flex-shrink:0;transition:rotate .2s}.blog-article details[open]>summary .blog-faq-chevron{rotate:180deg}.blog-article .blog-faq-answer{padding:0 1.15rem 1rem}.blog-article .blog-faq-answer>:first-child,.blog-article .blog-details-body>:first-child{margin-top:0}.blog-article .blog-faq-answer>:last-child,.blog-article .blog-details-body>:last-child{margin-bottom:0}.blog-article .blog-details{border-radius:var(--blog-radius);background:color-mix(in oklab, var(--foreground) 3%, var(--card));box-shadow:inset 0 0 0 1px var(--border);margin:1.5em 0;padding:.85rem 1.1rem}.blog-article .blog-details[open]>summary{margin-bottom:.75rem}.blog-article .blog-quote{background:color-mix(in oklab, var(--primary) 5%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 12%, transparent);border-radius:1.1rem;margin:2.25em 0;padding:2.4rem 1.75rem 1.4rem;position:relative}.blog-article .blog-quote:before{content:"“";color:color-mix(in oklab, var(--primary) 35%, transparent);font-family:Georgia,serif;font-size:4.5rem;line-height:1;position:absolute;top:.5rem;left:1.4rem}.blog-article .blog-quote blockquote{color:var(--foreground);quotes:none;border:0;margin:0;padding:0;font-size:1.15em;font-style:normal;font-weight:500}.blog-article .blog-quote blockquote p:before,.blog-article .blog-quote blockquote p:after{content:none}.blog-article .blog-quote figcaption{text-align:left;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.blog-article .blog-quote-avatar{object-fit:cover;border-radius:999px;width:2.4rem;height:2.4rem;margin:0}.blog-article .blog-quote-author{color:var(--foreground);font-size:.95rem;font-weight:600;display:block}.blog-article .blog-quote-role{font-size:.85rem;display:block}.blog-article .blog-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog-article .blog-checks{margin:.75em 0 0;padding:0;list-style:none}.blog-article .blog-checks li{gap:.6rem;margin:.45em 0;padding:0;display:flex}.blog-article .blog-checks li::marker{content:none}.blog-article .blog-checks li>div{flex:1;min-width:0}.blog-article .blog-checks li>div>*{margin:0}.blog-article .blog-check-icon{stroke-width:2.5px;width:1.05rem;height:1.05rem;color:var(--success);flex-shrink:0;margin-top:.3em}.blog-article .blog-checks li[data-mark=no] .blog-check-icon{color:var(--destructive)}.blog-article .blog-compare table{background:var(--card)}.blog-article .blog-compare thead th{background:color-mix(in oklab, var(--foreground) 4%, var(--card));vertical-align:bottom}.blog-article .blog-compare tbody th{color:var(--foreground);text-align:left;font-weight:600}.blog-article .blog-compare tr>:first-child{z-index:1;position:sticky;left:0}.blog-article .blog-compare tbody th{background:var(--card)}.blog-article .blog-compare [data-highlight]{background:color-mix(in oklab, var(--primary) 6%, var(--card))}.blog-article .blog-compare thead th[data-highlight]{color:var(--primary);background:color-mix(in oklab, var(--primary) 11%, var(--card))}.blog-article .blog-compare-badge{background:var(--primary);width:fit-content;color:var(--primary-foreground);white-space:nowrap;border-radius:999px;margin:0 0 .35rem;padding:.1rem .5rem;font-size:.68rem;font-weight:600;display:block}.blog-article .blog-compare th[align=center] .blog-compare-badge{margin-inline:auto}.blog-article .blog-compare th[align=right] .blog-compare-badge{margin-left:auto}.blog-article .blog-mark{vertical-align:middle;border-radius:999px;place-items:center;width:1.4rem;height:1.4rem;display:inline-grid}.blog-article .blog-mark[data-mark=yes]{color:var(--success);background:color-mix(in oklab, var(--success) 15%, transparent)}.blog-article .blog-mark[data-mark=no]{color:var(--muted-foreground);background:color-mix(in oklab, var(--foreground) 6%, transparent)}.blog-article .blog-mark[data-mark=partial]{color:var(--warning);background:color-mix(in oklab, var(--warning) 16%, transparent)}.blog-article .blog-mark-icon{stroke-width:2.75px;width:.85rem;height:.85rem}.blog-article .blog-pricing{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;margin:2.25em 0;display:grid}.blog-article .blog-pricing[data-count="4"]{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.blog-article .blog-plan{background:var(--card);max-width:24rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:1.1rem;flex-direction:column;margin:2em 0;padding:1.5rem 1.35rem 1.35rem;display:flex;position:relative}.blog-article .blog-pricing>.blog-plan{max-width:none;margin:0}.blog-article .blog-plan[data-featured]{background:color-mix(in oklab, var(--primary) 4%, var(--card));box-shadow:inset 0 0 0 2px var(--primary), 0 14px 32px -18px color-mix(in oklab, var(--primary) 55%, transparent)}.blog-article .blog-plan-badge{background:var(--primary);color:var(--primary-foreground);white-space:nowrap;border-radius:999px;padding:.2rem .7rem;font-size:.72rem;font-weight:600;position:absolute;top:0;left:50%;translate:-50% -50%}.blog-article .blog-plan:not([data-featured]) .blog-plan-badge{background:var(--primary-soft);color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 20%, transparent)}.blog-article .blog-plan-name{color:var(--foreground);margin:0;font-weight:650}.blog-article .blog-plan-price{flex-wrap:wrap;align-items:baseline;gap:.25rem;margin:.4rem 0 0;display:flex}.blog-article .blog-plan-amount{font-family:var(--font-heading,inherit);letter-spacing:-.02em;color:var(--foreground);font-size:2.1rem;font-weight:750;line-height:1.1}.blog-article .blog-plan-period{color:var(--muted-foreground);font-size:.875rem}.blog-article .blog-plan-about{color:var(--muted-foreground);margin-top:.5rem;font-size:.92rem}.blog-article .blog-plan-about>*{margin:.4em 0}.blog-article .blog-plan-about>:first-child{margin-top:0}.blog-article .blog-plan-about>:last-child{margin-bottom:0}.blog-article .blog-plan .blog-checks{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem;font-size:.92rem}.blog-article .blog-plan .blog-checks li[data-mark=no]{color:var(--muted-foreground)}.blog-article .blog-plan .blog-checks li[data-mark=no] .blog-check-icon{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent)}.blog-article .blog-plan>:nth-last-child(2){margin-bottom:1.25rem}.blog-article .blog-plan>.blog-btn{justify-content:center;margin-top:auto}.blog-article .blog-proscons{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.75em 0;display:grid}.blog-article .blog-proscons-side{--c:var(--success);border-radius:var(--blog-radius);background:color-mix(in oklab, var(--c) 7%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 20%, transparent);padding:1.1rem 1.2rem}.blog-article .blog-proscons-side[data-mark=no]{--c:var(--destructive)}.blog-article .blog-proscons-title{color:var(--foreground);margin:0;font-weight:650}.blog-article .blog-proscons-side>:last-child{margin-bottom:0}.blog-article .blog-stats{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:2em 0;display:grid}.blog-article .blog-stat{border-radius:var(--blog-radius);background:color-mix(in oklab, var(--primary) 5%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 12%, transparent);padding:1.1rem 1.2rem}.blog-article .blog-stat-value{font-family:var(--font-heading,inherit);letter-spacing:-.02em;color:var(--primary);margin:0;font-size:2rem;font-weight:750;line-height:1.1}.blog-article .blog-stat-label{color:var(--muted-foreground);margin:.35rem 0 0;font-size:.9rem;line-height:1.45}.blog-article .blog-takeaways{border-radius:var(--blog-radius);background:color-mix(in oklab, var(--primary) 6%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 16%, transparent);margin:1.75em 0;padding:1.15rem 1.3rem}.blog-article .blog-takeaways-title{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.78rem;font-weight:700}.blog-article .blog-takeaways .blog-check-icon{color:var(--primary)}.blog-article .blog-takeaways>:last-child{margin-bottom:0}.blog-article .blog-cards{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin:1.75em 0;display:grid}.blog-article .blog-cards[data-columns="3"]{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.blog-article .blog-card{border-radius:var(--blog-radius);background:var(--card);box-shadow:inset 0 0 0 1px var(--border);padding:1.1rem 1.2rem}.blog-article .blog-card-title{color:var(--foreground);margin:0 0 .35em;font-weight:650}.blog-article .blog-card-title~*{color:var(--muted-foreground);font-size:.92rem}.blog-article .blog-card>:last-child{margin-bottom:0}.blog-article .blog-problem{color:var(--destructive);background:color-mix(in oklab, var(--destructive) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--destructive) 25%, transparent);border-radius:.6rem;margin:1.25em 0;padding:.65rem .9rem;font-size:.85rem}