.product-hero{isolation:isolate;padding-bottom:clamp(56px,7vw,96px);position:relative;overflow:clip}.product-backdrop{width:100vw;left:50%;right:auto;transform:translate(-50%);-webkit-mask-image:radial-gradient(70% 80% at 75% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 80% at 75% 20%,#000 20%,#0000 75%)}.product-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,80px);padding-top:clamp(36px,5vw,64px);display:grid}.product-hero-copy{animation:fade-up .8s var(--ease-out) both}.product-hero h1 em{display:block}.product-lead{max-width:520px;color:var(--fg-3);font-size:clamp(17px,1.4vw,19px);line-height:var(--lh-large);letter-spacing:var(--ls-large);margin-top:24px}.product-hero .hero-actions{margin-top:32px}.product-trial{color:var(--fg-3);font-size:var(--text-mini);line-height:var(--lh-mini);letter-spacing:var(--ls-mini);align-items:center;gap:7px;margin-top:16px;display:flex}.product-trial svg{width:16px;height:16px;color:var(--fg)}.product-hero-art{min-width:0;animation:fade-up .9s var(--ease-out) .1s both}.product-facts{border-block:1px solid var(--line);background:var(--bg-subtle)}.product-facts dl{grid-template-columns:repeat(4,minmax(0,1fr));margin-block:0;display:grid}.product-facts dl>div{border-left:1px solid var(--line);padding:28px 24px}.product-facts dl>div:first-child{border-left:0;padding-left:0}.product-facts dt{color:var(--fg);font-size:var(--title-4);font-weight:var(--weight-medium);letter-spacing:var(--ls-title-4);line-height:var(--lh-title-4);font-variant-numeric:tabular-nums}.product-facts dd{color:var(--fg-3);font-size:var(--text-small);line-height:var(--lh-small);letter-spacing:var(--ls-small);margin-top:6px}.product-toc{top:var(--header-height);z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.8)blur(20px);background:#fffffffc;position:sticky}.product-toc .container{align-items:center;gap:20px;min-height:52px;display:flex}.product-toc span{color:var(--fg-4);font-family:var(--font-mono);font-size:var(--mono-chip);letter-spacing:normal;text-transform:uppercase;font-weight:var(--weight-mono-small);line-height:var(--lh-mono-chip);flex-shrink:0}.product-toc ul{scrollbar-width:none;gap:4px;min-width:0;margin:0;padding:0 24px 0 0;list-style:none;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.product-toc ul::-webkit-scrollbar{display:none}.product-toc a{color:var(--fg-3);font-size:var(--text-mini);white-space:nowrap;transition:color .15s var(--ease), background .15s var(--ease);line-height:var(--lh-mini);letter-spacing:var(--ls-mini);border-radius:999px;padding:6px 12px;display:block}.product-toc a:hover{background:var(--bg-muted);color:var(--fg)}.product-toc a[aria-current]{background:var(--fg);color:var(--bg)}.product-features{gap:clamp(72px,9vw,128px);padding-block:clamp(72px,9vw,120px);display:grid}.feature-row{scroll-margin-top:calc(var(--header-height) + 72px);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.feature-row.is-flipped .feature-copy{order:2}.feature-row.is-text{grid-template-columns:minmax(0,720px);justify-content:center}.feature-copy h2{font-size:var(--title-5);letter-spacing:var(--ls-title-5);line-height:var(--lh-title-5);scroll-margin-top:calc(var(--header-height) + 72px)}.feature-copy p{color:var(--fg-2);font-size:var(--text-large);line-height:var(--lh-large);letter-spacing:var(--ls-large);margin-top:18px}.feature-bullets{margin-top:24px}.feature-links{gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.feature-media{min-width:0}.feature-code .code-panel pre{font-size:var(--mono-small);line-height:var(--lh-mono-small);letter-spacing:normal;font-family:var(--font-mono);font-weight:var(--weight-normal)}.feature-code-label{color:var(--fg-inverse-3);font-family:var(--font-mono);font-size:var(--mono-inline);font-weight:var(--weight-normal);letter-spacing:normal;line-height:var(--lh-mono-inline)}.feature-table{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--bg);box-shadow:var(--shadow);overflow-x:auto}.feature-table table{font-size:var(--text-mini);line-height:var(--lh-mini);letter-spacing:var(--ls-mini);font-variant-numeric:tabular-nums}.feature-table thead th{background:var(--bg-subtle);color:var(--fg-3);font-family:var(--font-brand);font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--ls-micro);text-transform:none;line-height:var(--lh-micro);padding:14px 20px}.feature-table tbody th{color:var(--fg);font-weight:var(--weight-semibold);white-space:nowrap;padding:18px 20px}.feature-table td{color:var(--fg-2);padding:18px 20px}.product-related{padding-bottom:clamp(72px,9vw,120px)}.product-related h2,.article-related h2{font-size:var(--title-2);letter-spacing:var(--ls-title-2);line-height:var(--lh-title-2);font-weight:var(--weight-semibold);margin-bottom:20px}.product-related ul,.article-related ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.related-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);height:100%;color:var(--fg);font-size:var(--text-regular);font-weight:var(--weight-medium);line-height:var(--lh-regular);letter-spacing:var(--ls-regular);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex;text-decoration:none!important}.related-card svg{width:18px;height:18px;color:var(--fg-4);transition:transform .25s var(--ease-out), color .2s;flex-shrink:0}.related-card:hover svg{color:var(--fg)}.pv-label{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--mono-chip);letter-spacing:normal;text-transform:uppercase;font-weight:var(--weight-mono-small);line-height:var(--lh-mono-chip);display:block}.pv-muted{color:var(--fg-4)}.pv-flow{stroke-dasharray:8 200;stroke-dashoffset:208px;animation:pipe-flow 1.8s var(--ease-in-out) infinite;stroke:var(--fg)!important}@keyframes pipe-flow{to{stroke-dashoffset:0}}.pv-dots{gap:6px;display:flex}.pv-dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px}.pv-hero-provenance{border:1px solid var(--line);border-radius:var(--radius-2xl);background:radial-gradient(circle at 1px 1px, #00000014 1px, transparent 0) 0 0 / 16px 16px, var(--bg-subtle);padding:28px}@keyframes pipe-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.pv-gen{align-items:center;display:flex}.pv-gen-node{border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.pv-gen-node>svg{width:20px;height:20px}.pv-gen-node div{display:grid}.pv-gen-node strong{color:var(--fg);font-size:var(--text-small);font-weight:var(--weight-semibold);line-height:var(--lh-small);letter-spacing:var(--ls-small)}.pv-gen-node span{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--mono-chip);font-weight:var(--weight-mono-small);letter-spacing:normal;line-height:var(--lh-mono-chip)}.pv-gen-mark{background:var(--fg);border-color:var(--fg);color:var(--bg)}.pv-gen-mark strong{color:var(--bg)}.pv-gen-mark span{color:var(--fg-inverse-2)}.pv-gen-link{background:repeating-linear-gradient(90deg, var(--line-3) 0 4px, transparent 4px 8px);flex:1;min-width:16px;height:1px;position:relative}.pv-gen-link i{background:var(--fg);width:7px;height:7px;animation:storage-dot 1.6s var(--ease-in-out) infinite;border-radius:50%;position:absolute;top:-3px;left:0}@keyframes storage-dot{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 7px)}}.pv-gen-output{border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);border-radius:12px;gap:8px;padding:10px;display:grid}.pv-gen-canvas{aspect-ratio:1;grid-template-columns:repeat(8,1fr);gap:2px;width:128px;display:grid}.pv-gen-canvas i{--o:.14;background:var(--fg);opacity:.08;animation:gen-pixel 5s var(--ease) infinite;animation-delay:calc(var(--i) * 30ms);border-radius:2px}.pv-gen-canvas i:nth-child(3n){--o:.4}.pv-gen-canvas i:nth-child(5n+1){--o:.75}.pv-gen-canvas i:nth-child(7n+2){--o:.25}.pv-gen-canvas i:nth-child(11n){--o:.95}@keyframes gen-pixel{0%{opacity:.08}20%,80%{opacity:var(--o)}to{opacity:.08}}.pv-gen-record{background:var(--bg-inverse);color:var(--fg-inverse);box-shadow:var(--shadow-lg);border-radius:14px;margin-top:20px;padding:16px 18px}.pv-gen-record .pv-label{color:var(--fg-inverse-3)}.pv-gen-record pre{color:var(--fg-inverse-2);font-size:var(--mono-inline);line-height:var(--lh-mono-inline);letter-spacing:normal;font-family:var(--font-mono);font-weight:var(--weight-normal);margin:8px 0 0}.sv{border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 1px 1px, #00000012 1px, transparent 0) 0 0 / 16px 16px, var(--bg-subtle);padding:clamp(20px,3vw,32px)}.sv-evidence{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sv-evidence>div{border:1px solid var(--line);background:var(--bg);animation:pipe-in .5s var(--ease-out) both;animation-delay:calc(var(--i) * .1s);border-radius:14px;gap:6px;padding:18px;display:grid}.sv-evidence>div.is-strong{background:var(--fg);border-color:var(--fg);color:var(--bg)}.sv-evidence svg{width:20px;height:20px}.sv-evidence strong{font-size:var(--text-small);font-weight:var(--weight-semibold);color:inherit;line-height:var(--lh-small);letter-spacing:var(--ls-small)}.sv-evidence span{color:var(--fg-3);font-size:var(--text-mini);line-height:var(--lh-mini);letter-spacing:var(--ls-mini)}.sv-evidence .is-strong span{color:var(--fg-inverse-2)}.sv-record{background:var(--bg);padding:0;overflow:hidden}.sv-record-head{border-bottom:1px solid var(--line);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sv-record dl{margin:0;padding:6px 18px}.sv-record dl>div{border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--mono-small);font-weight:var(--weight-mono-small);letter-spacing:normal;line-height:var(--lh-mono-small);grid-template-columns:130px 1fr;gap:12px;padding:12px 0;display:grid}.sv-record dl>div:last-child{border-bottom:0}.sv-record dt{color:var(--fg-3)}.sv-record dd{color:var(--fg);margin:0}.sv-record .is-key{background:var(--fg);border:0;border-radius:8px;margin:6px -10px 8px;padding:12px 10px}.sv-record .is-key dt{color:var(--fg-inverse-3)}.sv-record .is-key dd{color:var(--fg-inverse)}.sv-point ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sv-point li{border:1px solid var(--line);background:var(--bg);color:var(--fg-2);font-size:var(--text-mini);animation:pipe-in .5s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms);line-height:var(--lh-mini);letter-spacing:var(--ls-mini);border-radius:999px;align-items:center;gap:6px;padding:9px 14px;display:inline-flex;position:relative}.sv-point li.is-embed{border-color:var(--fg);background:var(--fg);color:var(--bg);box-shadow:0 0 0 5px #00000012}.sv-point li svg{width:15px;height:15px}.sv-point p{color:var(--fg-3);font-size:var(--text-small);line-height:var(--lh-small);letter-spacing:var(--ls-small);margin-top:18px}.sv-states{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sv-states>div{border:1px solid var(--line);background:var(--bg);border-radius:14px;gap:4px;padding:16px;display:grid}.sv-states>div>span{background:var(--bg-muted);width:28px;height:28px;color:var(--fg-2);border-radius:8px;place-items:center;margin-bottom:6px;display:grid}.sv-states>div.is-ok>span{background:var(--fg);color:var(--bg)}.sv-states svg{width:16px;height:16px}.sv-states strong{color:var(--fg);font-size:var(--text-small);font-weight:var(--weight-semibold);line-height:var(--lh-small);letter-spacing:var(--ls-small)}.sv-states em{color:var(--fg-3);font-size:var(--text-mini);font-style:normal;line-height:var(--lh-mini);letter-spacing:var(--ls-mini)}.sv-layers{gap:10px;display:grid}.sv-layers>div{border:1px solid var(--line);background:var(--bg);transform:translateX(calc(var(--i) * 14px));border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.sv-layers>div.is-ours{border-color:var(--fg);background:var(--fg);color:var(--bg)}.sv-layers strong{font-size:var(--text-small);font-weight:var(--weight-semibold);color:inherit;line-height:var(--lh-small);letter-spacing:var(--ls-small)}.sv-layers span{color:var(--fg-3);font-size:var(--text-mini);text-align:right;line-height:var(--lh-mini);letter-spacing:var(--ls-mini)}.sv-layers .is-ours span{color:var(--fg-inverse-2)}.guide-hero{isolation:isolate;border-bottom:1px solid var(--line);padding-bottom:40px;position:relative}.guide-meta{color:var(--fg-3);font-size:var(--text-micro);line-height:var(--lh-micro);letter-spacing:var(--ls-micro);flex-wrap:wrap;align-items:center;gap:20px;margin-top:40px;display:flex}.guide-meta>:first-child{font-family:var(--font-mono);font-size:var(--mono-chip);letter-spacing:normal;text-transform:uppercase;font-weight:var(--weight-mono-small);line-height:var(--lh-mono-chip)}.guide-meta>:last-child{align-items:center;gap:6px;display:inline-flex}.guide-meta svg{width:14px;height:14px}.guide-hero h1{max-width:850px;font-size:var(--title-7);text-wrap:balance;line-height:var(--lh-title-7);letter-spacing:var(--ls-title-7);margin-top:16px}.guide-lead{max-width:620px;font-size:clamp(17px,1.4vw,19px);line-height:var(--lh-large);text-wrap:pretty;letter-spacing:var(--ls-large);margin-top:18px}.guide-layout{grid-template-columns:220px minmax(0,720px);justify-content:space-between;gap:48px;padding-block:48px 80px;display:grid}.guide-toc{top:calc(var(--header-height) + 32px);align-self:start;position:sticky}.guide-toc p{color:var(--fg-3);font:var(--weight-mono-small) var(--mono-inline) / var(--lh-micro) var(--font-mono);letter-spacing:normal;text-transform:uppercase;margin-bottom:14px}.guide-toc ol{border-left:1px solid var(--line);gap:2px;margin:0;padding:0;list-style:none;display:grid}.guide-toc a{color:var(--fg-3);font-size:var(--text-mini);line-height:var(--lh-mini);letter-spacing:var(--ls-mini);transition:color .15s var(--ease), border-color .15s var(--ease);border-left:1px solid #0000;margin-left:-1px;padding:7px 0 7px 16px;display:block}.guide-toc a:hover{color:var(--fg)}.guide-toc a[aria-current]{border-left-color:var(--fg);color:var(--fg);font-weight:var(--weight-medium)}.guide-mobile-toc{display:none}.guide-article{min-width:0;margin:0}.guide-article>section+section{margin-top:40px}.guide-article h2{font-size:var(--title-3);line-height:var(--lh-title-3);text-wrap:balance;letter-spacing:var(--ls-title-3);font-weight:var(--weight-semibold)}.guide-article p,.guide-article ul{font-size:var(--text-large);line-height:var(--lh-large);letter-spacing:var(--ls-large)}.guide-article>section>ul:not(.article-links){padding-left:20px;list-style:outside}.guide-article :is(p,ul,ol):not(.article-links){max-width:33em}.guide-article .table-wrap{margin:20px 0 0}.guide-article table{table-layout:fixed}.guide-article thead th:first-child{width:28%}.guide-article th,.guide-article td{vertical-align:top;line-height:var(--lh-small);overflow-wrap:anywhere;padding:16px}.guide-article tbody th{font-weight:var(--weight-semibold)}.guide-points{border-top:1px solid var(--line);margin:20px 0 0}.guide-points>div{border-bottom:1px solid var(--line);grid-template-columns:160px minmax(0,1fr);gap:24px;padding:16px 0;display:grid}.guide-points dt{color:var(--fg);font-size:var(--text-regular);font-weight:var(--weight-semibold);line-height:var(--lh-regular);letter-spacing:var(--ls-regular)}.guide-points dd{color:var(--fg-2);font-size:var(--text-regular);line-height:var(--lh-regular);letter-spacing:var(--ls-regular);margin:0}.guide-article .guide-note{border-left:2px solid var(--line-3);background:var(--bg-subtle);font-size:var(--text-small);line-height:var(--lh-small);letter-spacing:var(--ls-small);border-radius:0 8px 8px 0;margin-top:20px;padding:14px 18px}.guide-mobile-toc summary{min-height:48px;color:var(--fg-2);font-size:var(--text-small);cursor:pointer;line-height:var(--lh-small);letter-spacing:var(--ls-small);justify-content:space-between;align-items:center;gap:16px;padding-block:12px;list-style:none;display:flex}.guide-mobile-toc summary::-webkit-details-marker{display:none}.guide-mobile-toc summary svg{flex:none;width:16px;height:16px}.guide-mobile-toc[open] summary svg{transform:rotate(180deg)}.guide-article .article-related{border:0;margin-top:32px;padding-top:0}.guide-article .article-related h2{font-size:var(--title-2);line-height:var(--lh-title-2);letter-spacing:var(--ls-title-2);font-weight:var(--weight-semibold)}.guide-article .article-related li+li{margin-top:10px}.article-code{margin:24px 0}.article-code figcaption{color:var(--fg-3);font-size:var(--text-mini);line-height:var(--lh-mini);letter-spacing:var(--ls-mini);margin-bottom:10px}.article-links{gap:10px;list-style:none;display:grid;margin:22px 0 0!important;padding:0!important}.article-links .arrow-link{text-decoration:none!important}.article-related{border-top:1px solid var(--line);margin-top:64px;padding-top:32px}.article-related ul{grid-template-columns:1fr;padding:0!important}.reading-progress{z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.reading-progress span{background:var(--fg);transform-origin:0;height:100%;display:block}@media (max-width:1024px){.guide-hero h1{font-size:var(--title-6);line-height:var(--lh-title-6);letter-spacing:var(--ls-title-6)}}@media (max-width:1100px){.product-hero-layout{grid-template-columns:1fr}.product-hero-art{max-width:640px}.guide-layout{grid-template-columns:minmax(0,720px);justify-content:center;gap:28px;padding-top:24px}.guide-toc{display:none}.guide-mobile-toc{border-bottom:1px solid var(--line);display:block}.guide-mobile-toc ol{margin:0;padding:0 0 12px;list-style:none}.guide-mobile-toc a{min-height:44px;color:var(--fg-2);font-size:var(--text-small);line-height:var(--lh-small);letter-spacing:var(--ls-small);padding:10px 0;display:block}.guide-mobile-toc a[aria-current]{color:var(--fg);font-weight:var(--weight-semibold)}}@media (max-width:900px){.feature-row,.feature-row.is-flipped{grid-template-columns:1fr}.feature-row.is-flipped .feature-copy{order:0}.product-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.product-facts dl>div:nth-child(3){border-left:0;padding-left:0}.product-facts dl>div:nth-child(n+3){border-top:1px solid var(--line)}.product-related ul{grid-template-columns:1fr}}@media (max-width:640px){.guide-hero h1{font-size:var(--title-5);line-height:var(--lh-title-5);letter-spacing:var(--ls-title-5)}.feature-copy h2{font-size:var(--title-4);line-height:var(--lh-title-4);letter-spacing:var(--ls-title-4)}.product-facts dt{font-size:var(--title-3);line-height:var(--lh-title-3);letter-spacing:var(--ls-title-3)}.guide-hero{padding-bottom:28px}.guide-meta{margin-top:28px}.guide-hero .breadcrumbs li:last-child{display:none}.guide-layout{gap:24px;padding-block:12px 56px}.guide-article>section+section{margin-top:32px}.guide-points>div{grid-template-columns:1fr;gap:5px;padding-block:14px}.pv-gen{flex-direction:column;align-items:stretch;gap:12px}.pv-gen-link{display:none}.pv-gen-canvas{width:100%}.sv-evidence,.sv-states{grid-template-columns:1fr}.sv-record dl>div{grid-template-columns:1fr;gap:2px}}
.blog-post-hero{isolation:isolate;border-bottom:1px solid var(--line);padding-block:0;position:relative}.blog-post-hero .grid-backdrop{width:100vw;left:50%;right:auto;transform:translate(-50%)}.blog-post-hero-inner{text-align:center;justify-items:center;max-width:860px;margin:48px auto 0;display:grid}.blog-post-section{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--mono-inline);letter-spacing:normal;text-transform:uppercase;font-weight:var(--weight-mono-small);line-height:var(--lh-micro)}.blog-post-section:hover{color:var(--fg)}.blog-post-hero h1{letter-spacing:var(--ls-title-8);font-size:clamp(2.25rem,4.6vw,3.6rem);line-height:var(--lh-title-8);text-wrap:balance;font-weight:var(--weight-medium);margin-top:16px}.blog-post-lead{max-width:620px;color:var(--fg-3);font-size:var(--text-large);line-height:var(--lh-large);text-wrap:balance;letter-spacing:var(--ls-large);margin-top:20px}.blog-post-meta{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px 24px;margin-top:40px;padding-block:20px;display:grid}.blog-post-meta .blog-byline{justify-content:center;margin-top:0}.blog-post-length{color:var(--fg-3);font-size:var(--text-small);letter-spacing:var(--ls-small);line-height:var(--lh-small);align-items:center;gap:7px;display:inline-flex}.blog-post-length svg{width:16px;height:16px}.blog-share{color:var(--fg-3);font-size:var(--text-small);letter-spacing:var(--ls-small);line-height:var(--lh-small);justify-content:flex-end;align-items:center;gap:12px;display:flex}.blog-share ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.blog-share a,.blog-share button{width:32px;height:32px;color:var(--fg-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:grid}.blog-share a:hover,.blog-share button:hover{border-color:var(--line);background:var(--bg-subtle);color:var(--fg)}.blog-share svg{width:16px;height:16px}@media (max-width:900px){.blog-post-meta{grid-template-columns:minmax(0,1fr);justify-items:center}.blog-share{justify-content:center}}.blog-byline{color:var(--fg-3);font-size:var(--text-small);letter-spacing:var(--ls-small);line-height:var(--lh-small);flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:24px;display:flex}.blog-byline strong{color:var(--fg);font-weight:var(--weight-semibold)}.blog-byline a:hover strong{text-underline-offset:3px;text-decoration:underline}.blog-author-more{font-size:var(--text-small);letter-spacing:var(--ls-small);line-height:var(--lh-small);margin-top:10px}.blog-byline-author{align-items:center;gap:10px;display:inline-flex}.blog-avatar{border:1px solid var(--line);background:var(--bg);border-radius:999px;flex:none;padding:3px}.blog-layout{grid-template-columns:minmax(0, 240px) calc(33 * var(--text-large)) 240px;grid-template-areas:".article rail";justify-content:space-between;gap:48px;padding-block:48px 80px;display:grid}.blog-main{grid-area:article;min-width:0}.blog-rail{top:calc(var(--header-height) + 32px);grid-area:rail;align-self:start;gap:28px;display:grid;position:sticky}.blog-rail .guide-toc{position:static}.blog-rail-cta{border-top:1px solid var(--line);gap:8px;padding-top:24px;display:grid}.blog-rail-cta strong{font-size:var(--text-regular);font-weight:var(--weight-semibold);letter-spacing:var(--ls-regular);line-height:var(--lh-regular)}.blog-rail-cta p{font-size:var(--text-mini);line-height:var(--lh-mini);letter-spacing:var(--ls-mini);margin:0}.blog-article>h2{margin-top:44px}.blog-article>h2:first-child{margin-top:0}.blog-article>h3{font-size:var(--title-2);letter-spacing:var(--ls-title-2);line-height:var(--lh-title-2);font-weight:var(--weight-semibold);margin-top:28px}.blog-article>p,.blog-article>ul,.blog-article>ol:not(.blog-roundup){margin-top:16px}.blog-article>ul,.blog-article>ol:not(.blog-roundup){padding-left:20px}.blog-article>ul{list-style:outside}.blog-article>ol:not(.blog-roundup){list-style:decimal}.blog-article>.docs-callout,.blog-article>.docs-code,.blog-article>.docs-table-wrap,.blog-article>.docs-cards{margin-top:24px}.blog-callout>strong{align-items:center;gap:6px;display:inline-flex}.blog-callout>strong svg{width:16px;height:16px;color:var(--fg-2)}.blog-article .docs-code pre{overscroll-behavior-x:contain;color:#e6e6e6;font-size:var(--mono-code);line-height:var(--lh-mono-code);tab-size:2;scrollbar-width:thin;scrollbar-color:#333 transparent;letter-spacing:normal;margin:0;padding:18px 20px 20px;overflow-x:auto}.blog-article .docs-code pre:focus-visible{outline-offset:-3px}.blog-article .docs-code pre code{font-family:var(--font-mono)}.blog-article :not(pre)>code{font-family:var(--font-mono);background:var(--bg-subtle);color:var(--fg);border:1px solid var(--line);-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:anywhere;font-size:.875em;font-weight:var(--weight-mono-small);letter-spacing:normal;border-radius:5px;padding:1px 5px}.blog-article code{letter-spacing:normal}@media (max-width:640px){.blog-article :not(pre)>code{font-size:.85em}}.blog-figure{margin:28px 0 0}.blog-figure img{border:1px solid var(--line);background:var(--bg-muted);border-radius:12px;width:100%;height:auto;display:block}.blog-figure figcaption{color:var(--fg-3);font-size:var(--text-mini);line-height:var(--lh-mini);letter-spacing:var(--ls-mini);margin-top:10px}.blog-video{aspect-ratio:16/9;border:1px solid var(--line);background:var(--bg-muted);border-radius:12px;max-width:100%;margin-top:28px;position:relative;overflow:hidden}.blog-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.article .blog-roundup{border-top:1px solid var(--line);margin:24px 0 0;padding:0;list-style:none;display:grid}.article .blog-roundup-item+.blog-roundup-item{margin-top:0}.blog-roundup-item{border-bottom:1px solid var(--line);line-height:var(--lh-large);gap:6px;padding:22px 0;display:grid}.blog-roundup-item h3{font-size:var(--title-2);line-height:var(--lh-title-2);letter-spacing:var(--ls-title-2);font-weight:var(--weight-semibold);margin:0}.article .blog-roundup-date{color:var(--fg-3);font-family:var(--font-brand);font-size:var(--text-micro);letter-spacing:var(--ls-micro);font-weight:var(--weight-normal);line-height:var(--lh-micro);font-variant-numeric:tabular-nums;text-transform:none;margin:0}.article .blog-roundup-body>p{margin:4px 0 0}.article .blog-roundup-source{font-size:var(--text-small);color:var(--fg-3);letter-spacing:var(--ls-small);line-height:var(--lh-small);margin:4px 0 0}.blog-roundup-source a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3);text-underline-offset:3px;align-items:center;gap:3px;display:inline-flex}.blog-roundup-source svg{width:14px;height:14px}.blog-author-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px;padding-block:24px}.blog-author{align-items:flex-start;gap:16px;display:flex}.blog-author p{font-size:var(--text-regular);line-height:var(--lh-regular);letter-spacing:var(--ls-regular);margin:0}.blog-author .blog-author-name{color:var(--fg-3);margin-bottom:4px}.blog-author strong{color:var(--fg);font-weight:var(--weight-semibold)}.blog-post-nav{grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;display:grid}.blog-post-nav a{border:1px solid var(--line);border-radius:12px;gap:6px;padding:16px 18px;display:grid}.blog-post-nav a span{color:var(--fg-3);font-size:var(--text-mini);letter-spacing:var(--ls-mini);line-height:var(--lh-mini);align-items:center;gap:6px;display:inline-flex}.blog-post-nav a span svg{width:14px;height:14px}.blog-post-nav a strong{font-size:var(--text-regular);font-weight:var(--weight-semibold);line-height:var(--lh-regular);letter-spacing:var(--ls-regular)}.blog-post-nav .blog-post-nav-next{text-align:right;justify-items:end}.blog-related{margin-top:48px}.blog-related h2{font-size:var(--title-2);letter-spacing:var(--ls-title-2);line-height:var(--lh-title-2);font-weight:var(--weight-semibold)}.blog-related ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.blog-related-card{border:1px solid var(--line);border-radius:12px;align-content:start;gap:8px;height:100%;padding:16px 18px;display:grid}.blog-related-card strong{font-size:var(--text-regular);font-weight:var(--weight-semibold);line-height:var(--lh-regular);letter-spacing:var(--ls-regular)}.blog-eyebrow{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--mono-inline);letter-spacing:normal;text-transform:uppercase;font-weight:var(--weight-mono-small);line-height:var(--lh-micro)}.blog-related-meta{color:var(--fg-3);font-size:var(--text-mini);letter-spacing:var(--ls-mini);line-height:var(--lh-mini)}@media (max-width:1100px){.blog-layout{grid-template-columns:minmax(0,720px);grid-template-areas:"rail""article";justify-content:center;gap:20px;padding-top:24px}.blog-rail{position:static}.blog-rail .guide-toc,.blog-rail-cta{display:none}.blog-rail .guide-mobile-toc{border-top:1px solid var(--line)}.blog-related ul{grid-template-columns:minmax(0,1fr)}}@media (max-width:540px){.blog-article .docs-code pre{font-size:var(--mono-small);letter-spacing:normal;line-height:var(--lh-mono-small);padding:16px}}@media (max-width:560px){.blog-post-nav{grid-template-columns:minmax(0,1fr)}.blog-post-nav .blog-post-nav-next{text-align:left;justify-items:start}.blog-author{flex-direction:column}}.blog-hero{isolation:isolate;border-bottom:1px solid var(--line);padding-block:0 64px;position:relative}.blog-hero .grid-backdrop{width:100vw;left:50%;right:auto;transform:translate(-50%)}.blog-hero-inner{text-align:center;justify-items:center;max-width:680px;margin:64px auto 0;display:grid}.blog-hero h1{font-size:clamp(3rem,7.5vw,4.5rem);font-weight:var(--weight-medium);letter-spacing:var(--ls-title-9);line-height:var(--lh-title-9);text-wrap:balance}.blog-hero-avatar{border:1px solid var(--line);background:var(--bg);border-radius:999px;margin-bottom:20px;padding:10px;box-shadow:0 8px 24px -16px #00000040}.blog-hero-role{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--mono-inline);letter-spacing:normal;text-transform:uppercase;font-weight:var(--weight-mono-small);line-height:var(--lh-mono-inline);margin-bottom:12px}.blog-hero-lead{max-width:500px;color:var(--fg-3);font-size:var(--text-regular);line-height:var(--lh-regular);text-wrap:balance;letter-spacing:var(--ls-regular);margin-top:20px}.blog-search{align-items:center;width:100%;max-width:600px;margin-top:36px;display:flex;position:relative}.blog-search>svg{width:18px;height:18px;color:var(--fg-4);pointer-events:none;position:absolute;left:18px}.blog-search input{border:1px solid var(--line-2);background:var(--bg);width:100%;height:54px;color:var(--fg);font:inherit;font-size:var(--text-regular);letter-spacing:var(--ls-regular);border-radius:14px;padding:0 52px 0 48px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000a,0 12px 32px -16px #00000029}.blog-search input::placeholder{color:var(--fg-4)}.blog-search input::-webkit-search-cancel-button{appearance:none}.blog-search input:focus{border-color:var(--fg);outline:none;box-shadow:0 0 0 4px #0000000f,0 12px 32px -16px #0003}.blog-search kbd{border:1px solid var(--line-2);background:var(--bg-subtle);min-width:24px;height:24px;color:var(--fg-3);font-family:var(--font-brand);font-size:var(--text-micro);pointer-events:none;font-weight:var(--weight-medium);letter-spacing:normal;border-radius:6px;place-items:center;padding:0 6px;line-height:1;display:grid;position:absolute;right:14px}.blog-search input:focus~kbd,.blog-search input:not(:placeholder-shown)~kbd{opacity:0}.blog-list-body{gap:32px;padding-block:32px 80px;display:grid}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.blog-toolbar-end{flex-wrap:wrap;align-items:center;gap:20px;margin-left:auto;display:flex}.blog-chips{background:var(--bg-muted);border-radius:12px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.blog-chips a{height:32px;color:var(--fg-3);font-size:var(--text-mini);font-weight:var(--weight-medium);letter-spacing:var(--ls-mini);line-height:var(--lh-mini);border-radius:9px;align-items:center;padding:0 14px;transition:color .15s,background-color .15s;display:inline-flex}.blog-chips a:hover{color:var(--fg)}.blog-chips a[aria-current]{background:var(--bg);color:var(--fg);box-shadow:0 0 0 1px var(--line), 0 1px 3px #00000014}.blog-sort{color:var(--fg-3);font-size:var(--text-mini);letter-spacing:var(--ls-mini);line-height:var(--lh-mini);align-items:center;gap:10px;display:inline-flex}.blog-sort-control{align-items:center;display:inline-flex;position:relative}.blog-sort select{appearance:none;border:1px solid var(--line-2);background:var(--bg);height:36px;color:var(--fg);font:inherit;font-size:var(--text-mini);font-weight:var(--weight-medium);cursor:pointer;letter-spacing:var(--ls-mini);border-radius:10px;padding:0 32px 0 12px}.blog-sort select:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.blog-sort-control svg{width:16px;height:16px;color:var(--fg-3);pointer-events:none;position:absolute;right:9px}.blog-search-results{gap:24px;display:grid}.blog-search-status{color:var(--fg-2);font-size:var(--text-regular);letter-spacing:var(--ls-regular);line-height:var(--lh-regular);flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0;display:flex}.blog-search-status button{color:var(--fg);font:inherit;font-size:var(--text-small);font-weight:var(--weight-medium);text-decoration:underline;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3);text-underline-offset:3px;cursor:pointer;letter-spacing:var(--ls-small);background:0 0;border:0;padding:0}.blog-series-rows{gap:12px;margin:0;padding:0;list-style:none;display:grid}.blog-series-row{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px 24px;padding:20px 24px;display:flex}.blog-series-row strong{font-size:var(--text-large);font-weight:var(--weight-semibold);letter-spacing:var(--ls-large);line-height:var(--lh-large)}.blog-series-row>span:not(.arrow-link){color:var(--fg-3);font-size:var(--text-small);letter-spacing:var(--ls-small);line-height:var(--lh-small)}.blog-series-row .arrow-link{margin-left:auto}.blog-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.blog-cards>li{min-width:0;display:flex}.blog-card{border:1px solid var(--line);background:var(--bg);width:100%;color:inherit;border-radius:16px;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.blog-card:has(.blog-card-link:focus-visible){outline:2px solid var(--fg);outline-offset:2px}.blog-card:hover{border-color:var(--line-3);transform:translateY(-2px);box-shadow:0 16px 40px -24px #00000047}.blog-card-body{flex-direction:column;flex:1;gap:12px;padding:22px 24px 24px;display:flex}.blog-card-top{color:var(--fg-3);font-family:var(--font-brand);font-size:var(--text-micro);font-weight:var(--weight-normal);letter-spacing:var(--ls-micro);line-height:var(--lh-micro);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;display:flex}.blog-pill{border:1px solid var(--line-2);height:24px;color:var(--fg-2);font-size:var(--mono-chip);letter-spacing:normal;text-transform:uppercase;line-height:var(--lh-mono-chip);font-family:var(--font-mono);font-weight:var(--weight-mono-small);border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.blog-card-link{color:inherit}.blog-card-link:focus-visible{outline:none}.blog-card-link:after{content:"";z-index:1;position:absolute;inset:0}.blog-card-author{z-index:2;color:var(--fg-2);font-weight:var(--weight-medium);text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s;position:relative}.blog-card-author:hover{color:var(--fg);text-decoration-color:currentColor}.blog-card-title{font-size:var(--title-2);font-weight:var(--weight-semibold);letter-spacing:var(--ls-title-2);line-height:var(--lh-title-2);text-wrap:balance;margin-top:4px}.blog-card-description{color:var(--fg-3);font-size:var(--text-small);line-height:var(--lh-small);-webkit-line-clamp:3;letter-spacing:var(--ls-small);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-more{color:var(--fg);font-size:var(--text-mini);font-weight:var(--weight-semibold);letter-spacing:var(--ls-mini);line-height:var(--lh-mini);align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:inline-flex}.blog-card-more svg{width:15px;height:15px;transition:transform .2s}.blog-card:hover .blog-card-more svg{transform:translate(3px)}.blog-card-meta{color:var(--fg-3);font-size:var(--text-mini);letter-spacing:var(--ls-mini);line-height:var(--lh-mini);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:-4px 0 0;display:flex}.blog-card-author{align-items:center;gap:7px;display:inline-flex}.blog-card-author-icon{width:18px;height:18px;color:var(--fg-4);border-radius:999px;flex:none}.blog-card-description{margin:0}.blog-card-cover{aspect-ratio:1200/630;border-top:1px solid var(--line);background:var(--bg-muted);display:block;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.blog-card:hover .blog-card-cover img{transform:scale(1.02)}.blog-pagination{color:var(--fg-3);font-size:var(--text-small);letter-spacing:var(--ls-small);line-height:var(--lh-small);justify-content:space-between;align-items:center;gap:16px;display:flex}.blog-pagination a{color:var(--fg);font-weight:var(--weight-medium)}.blog-feeds{color:var(--fg-3);font-size:var(--text-mini);letter-spacing:var(--ls-mini);line-height:var(--lh-mini);flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.blog-feeds svg{width:15px;height:15px}.blog-feeds a{color:var(--fg-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3);text-underline-offset:3px}.blog-latest{gap:20px;margin-top:48px;display:grid}.blog-latest-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.blog-latest-head h2{font-size:var(--title-4);line-height:var(--lh-title-4);letter-spacing:var(--ls-title-4);font-weight:var(--weight-medium)}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-cover img,.blog-card-more svg{transition:none}.blog-card:hover{transform:none}}@media (max-width:1100px){.blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.blog-hero{padding-bottom:40px}.blog-hero-inner{margin-top:40px}.blog-search kbd{display:none}.blog-cards{grid-template-columns:minmax(0,1fr)}.blog-toolbar-end{margin-left:0}.blog-chips{max-width:100%}.blog-series-row .arrow-link{margin-left:0}}