@scope(.prototype-blog-index){:scope{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#010118;--header:#000018f5;--surface:#0b1028;--surface-strong:#131c39;--surface-deep:#05061d;--surface-hover:#17213f;--text:#f7fbff;--text-soft:#d9e2f2;--muted:#9ba8bf;--muted-strong:#65718a;--line:#263858;--line-strong:#536781;--accent:#4792fc;--accent-hover:#2d7fe9;--accent-soft:#4792fc1f;--technical:#72cdff;--max-width:1240px;--header-height:72px;--radius:8px;--font-display:"Space Grotesk",var(--font-inter),Arial,sans-serif;--font-body:var(--font-inter),Arial,sans-serif;--font-mono:var(--font-ibm-plex-mono),monospace}*{box-sizing:border-box}:scope{scroll-behavior:smooth;background:var(--page);background:var(--page);min-width:320px;color:var(--text-soft);font-family:var(--font-body);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}.skip-link{z-index:100;background:var(--accent);color:#fff;border-radius:6px;padding:8px 12px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header{z-index:50;height:var(--header-height);border-bottom:1px solid var(--line);background:var(--header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;display:none!important}.nav-shell{width:min(calc(100% - 40px),var(--max-width));align-items:center;gap:32px;height:100%;margin:0 auto;display:flex}.brand{min-height:44px;color:var(--text);font-family:var(--font-body);flex:none;align-items:center;gap:9px;font-size:20px;font-weight:600;display:inline-flex}.brand-mark{background:currentColor;flex:0 0 24px;width:24px;height:24px}.primary-nav{font-family:var(--font-display);align-items:center;gap:22px;margin-right:auto;font-size:13px;font-weight:600;display:flex}.primary-nav a,.primary-nav .nav-disabled,.nav-menu-trigger{color:#ffffffa3;text-decoration:none;transition:color .16s}.primary-nav a:hover,.primary-nav a[aria-current=page],.nav-menu-trigger:hover,.nav-menu-trigger[aria-expanded=true]{color:var(--text)}.primary-nav .nav-disabled{cursor:default}.nav-menu{height:var(--header-height);align-items:center;display:flex;position:relative}.nav-menu-trigger{font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.nav-menu-trigger svg{width:14px;height:14px;transition:transform .16s}.nav-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.nav-dropdown{border:1px solid var(--line);border-radius:var(--radius);background:#13161b;gap:2px;width:224px;padding:10px;display:grid;position:absolute;top:calc(100% - 6px);left:-18px;box-shadow:0 18px 46px #00000061}.nav-dropdown span{color:var(--muted);font-family:var(--font-body);cursor:default;border-radius:5px;padding:10px;font-size:13px;font-weight:500;display:block}.nav-dropdown span:hover{background:var(--surface-hover);color:var(--text-soft)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-button{border:1px solid var(--line-strong);border-radius:var(--radius);color:#ffffffdb;min-height:44px;font-family:var(--font-display);background:0 0;justify-content:center;align-items:center;padding:0 18px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.nav-button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.mobile-menu-button{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:44px;height:44px;display:none}.mobile-nav{display:none}main{min-height:calc(100vh - var(--header-height))}.shell{width:min(calc(100% - 40px),var(--max-width));margin:0 auto}.blog-hero{border-bottom:1px solid var(--line);padding:78px 0 44px}.eyebrow{color:var(--accent);font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:18px;height:1px}h1,h2,h3{color:var(--text);font-family:var(--font-display);letter-spacing:0;margin-top:0}.blog-hero h1{max-width:820px;margin-bottom:18px;font-size:72px;font-weight:400;line-height:1.06}.blog-hero p{max-width:680px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.discovery-bar{padding:32px 0 0}.search-row{grid-template-columns:minmax(260px,460px) 1fr;align-items:end;gap:32px;display:grid}.search-field{position:relative}.search-field label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-field svg{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-field input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;height:48px;color:var(--text);padding:0 46px;transition:border-color .16s,background .16s}.search-field input::placeholder{color:var(--muted-strong)}.search-field input:hover,.search-field input:focus{background:var(--surface-strong);border-color:#2b86ffb3;outline:none}.clear-search{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-search.visible{display:inline-flex}.category-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:24px;min-width:0;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{min-width:44px;min-height:48px;color:var(--muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.category-tab:after{background:var(--accent);content:"";height:2px;transition:transform .16s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.category-tab:hover{color:var(--text-soft)}.category-tab[aria-selected=true]{color:var(--text)}.category-tab[aria-selected=true]:after{transform:scaleX(1)}.results-meta{min-height:26px;color:var(--muted-strong);justify-content:space-between;align-items:center;margin:26px 0 16px;font-size:13px;display:flex}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:88px;display:grid}.blog-pagination{justify-content:center;align-items:center;gap:14px;margin:-42px 0 88px;display:flex}.pagination-link,.pagination-status{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:38px;color:var(--text-soft);font-family:var(--font-display);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.pagination-status{border-color:var(--line);color:var(--muted-strong)}.pagination-link:hover{color:var(--text);border-color:#2b86ff85}.pagination-link svg{width:14px;height:14px}.article-card,.related-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;transition:border-color .16s,background .16s,transform .16s;position:relative}.article-card:hover,.related-card:hover{background:var(--surface-hover);border-color:#2b86ff85;transform:translateY(-2px)}.card-button,.related-button{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.card-button{min-height:258px;padding:24px}.card-meta{color:var(--muted-strong);align-items:center;gap:10px;margin-bottom:26px;font-size:12px;display:flex}.category-label{background:var(--accent-soft);color:#8fc0ff;min-height:25px;font-family:var(--font-display);text-transform:uppercase;border:1px solid #2b86ff5c;border-radius:5px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.card-title{color:var(--text);font-family:var(--font-display);margin:0 0 16px;font-size:20px;font-weight:600;line-height:1.4}.card-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.card-byline{color:var(--muted-strong);flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;font-size:11px;display:flex}.card-byline .byline-author{color:#b8c5d8}.meta-dot{color:#59616e}.card-action{color:var(--text-soft);font-family:var(--font-display);align-items:center;gap:7px;margin-top:auto;padding-top:22px;font-size:12px;font-weight:600;display:inline-flex}.card-action svg{width:14px;height:14px;color:var(--accent);transition:transform .16s}.article-card:hover .card-action svg,.related-card:hover .card-action svg{transform:translate(3px)}.empty-state{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;margin:12px 0 88px;padding:56px 24px}.empty-state h2{margin-bottom:8px;font-size:22px}.empty-state p{margin:0}.detail-view{padding:30px 0 96px}.site-breadcrumb,.detail-topbar{min-height:44px;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;margin:0 0 28px;font-size:11px;display:flex}.site-breadcrumb ol,.detail-topbar ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.site-breadcrumb li,.detail-topbar li{align-items:center;gap:8px;min-width:0;display:inline-flex}.site-breadcrumb li[hidden]{display:none}.site-breadcrumb li+li:before,.detail-topbar li+li:before{color:#59616e;content:"/"}.site-breadcrumb a,.site-breadcrumb button,.detail-topbar a,.detail-topbar button{color:var(--accent-soft);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.site-breadcrumb a:hover,.site-breadcrumb button:hover,.detail-topbar a:hover,.detail-topbar button:hover{color:var(--text)}.site-breadcrumb [aria-current=page],.detail-topbar [aria-current=page]{color:var(--muted);overflow-wrap:anywhere}.detail-layout{grid-template-columns:240px minmax(0,820px);justify-content:center;align-items:start;gap:76px;display:grid}.toc{top:calc(var(--header-height) + 30px);max-height:calc(100vh - var(--header-height) - 60px);padding-right:20px;position:sticky;overflow:auto}.toc-title{color:var(--text);font-family:var(--font-display);text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:700}.toc-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.toc-link{border:0;border-left:1px solid var(--line-strong);width:100%;color:var(--muted-strong);text-align:left;cursor:pointer;background:0 0;padding:9px 0 9px 14px;font-size:12px;line-height:1.45;display:block}.toc-link:hover,.toc-link.active{border-left-color:var(--accent);color:var(--text)}.article-header{border-bottom:1px solid var(--line);margin-bottom:54px;padding-bottom:38px}.article-kicker{color:var(--muted);align-items:center;gap:12px;margin-bottom:22px;font-size:13px;display:flex}.article-header h1{margin-bottom:22px;font-size:58px;font-weight:600;line-height:1.1}.article-deck{max-width:720px;color:var(--muted);margin:0;font-size:18px;line-height:1.75}.article-byline{color:var(--muted-strong);flex-wrap:wrap;align-items:center;gap:9px;margin-top:24px;font-size:13px;display:flex}.author-link{color:#8fc0ff;text-underline-offset:4px;font-weight:500;-webkit-text-decoration:underline #8fc0ff75;text-decoration:underline #8fc0ff75}.author-link:hover{color:#b8d7ff}.article-section{scroll-margin-top:calc(var(--header-height) + 30px);margin-bottom:52px}.article-section h2{margin-bottom:20px;font-size:30px;font-weight:600;line-height:1.28}.article-section h3{margin:32px 0 12px;font-size:20px;font-weight:600;line-height:1.4}.article-section p,.article-section li{color:#c3cad5;font-size:16px;line-height:1.85}.article-section p{margin:0 0 20px}.article-section ul{margin:0 0 24px;padding-left:22px}.article-section li{margin-bottom:8px}.article-section a{color:#72adff;text-underline-offset:4px;text-decoration-color:#72adff7a}.article-section a:hover{color:#a9ceff}.code-note{border:1px solid var(--line);border-top-color:var(--technical);border-radius:var(--radius);background:var(--surface);color:#d7deea;font-family:var(--font-mono);margin:26px 0;padding:18px 20px;font-size:13px;line-height:1.7}.faq-section{border-top:1px solid var(--line);margin-top:72px;margin-bottom:0;padding-top:42px}.faq-section h2{margin:0 0 24px}.faq-list{border-bottom:1px solid var(--line)}.faq-item{border-top:1px solid var(--line)}.faq-item summary{min-height:68px;color:var(--text);font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;font-size:17px;font-weight:600;line-height:1.45;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:""}.faq-item summary:hover{color:#b8d7ff}.faq-icon{width:18px;height:18px;color:var(--muted);flex:0 0 18px;transition:transform .16s,color .16s}.faq-item[open] .faq-icon{color:var(--accent);transform:rotate(180deg)}.faq-answer{max-width:720px;padding:0 48px 20px 0}.faq-answer p{color:#c3cad5;margin:0;font-size:16px;line-height:1.85}.related-section{border-top:1px solid var(--line);margin-top:76px;padding-top:42px}.related-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.related-heading h2{margin:0;font-size:30px;font-weight:600}.related-heading span{color:var(--muted-strong);font-size:12px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.related-button{min-height:188px;padding:18px}.related-card .card-meta{margin-bottom:16px}.related-card .card-title{margin-bottom:0;font-size:15px;line-height:1.5}.site-footer{border-top:1px solid var(--line);background:var(--surface-deep,#05061d)}.footer-shell{width:min(calc(100% - 40px),var(--max-width));color:var(--muted-strong);grid-template-columns:minmax(190px,1.35fr) repeat(5,minmax(116px,1fr));align-items:start;gap:42px;margin:0 auto;padding:64px 0 56px;font-size:12px;display:grid}.footer-brand{max-width:220px}.footer-brand .brand{margin-bottom:18px}.footer-brand p{color:var(--muted-strong);margin:0;font-size:12px;line-height:1.7}.footer-group h2{color:var(--text);font-family:var(--font-display);margin:0 0 18px;font-size:12px;font-weight:600}.footer-group h2 button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.footer-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.footer-list span,.footer-list a{min-height:44px;color:var(--muted);align-items:center;line-height:1.5;text-decoration:none;display:inline-flex}.footer-list span{cursor:default}.footer-list a:hover,.footer-group h2 button:hover{color:var(--text)}@media (max-width:1024px){.nav-shell,.shell,.footer-shell{width:min(calc(100% - 32px),var(--max-width))}.primary-nav{gap:16px;font-size:12px}.nav-shell{gap:24px}.nav-button{padding:0 14px}.blog-hero h1{font-size:56px}.article-header h1{font-size:48px}.search-row{grid-template-columns:1fr;gap:18px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}.footer-shell{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.footer-brand{grid-column:1/-1;max-width:280px}}@media (max-width:768px){:scope{--header-height:64px}.nav-shell,.shell,.footer-shell{width:min(calc(100% - 28px),var(--max-width))}.brand,.brand img{width:132px}.primary-nav,.nav-actions{display:none}.mobile-menu-button{margin-left:auto;display:inline-flex}.mobile-nav{top:var(--header-height);z-index:45;max-height:calc(100vh - var(--header-height));border-bottom:1px solid var(--line);background:#111419;display:block;position:fixed;left:0;right:0;overflow-y:auto}.mobile-nav-link,.mobile-nav-static,.mobile-nav-trigger{border-bottom:1px solid var(--line);width:100%;min-height:50px;color:var(--text-soft);font-family:var(--font-display);background:0 0;justify-content:space-between;align-items:center;padding:15px 20px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.mobile-nav-trigger{text-align:left;cursor:pointer;border-top:0;border-left:0;border-right:0}.mobile-nav-trigger svg{width:16px;height:16px;transition:transform .16s}.mobile-nav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-nav-submenu{border-bottom:1px solid var(--line);background:#0d1014;padding:6px 0;display:grid}.mobile-nav-submenu span{color:var(--muted);cursor:default;padding:10px 20px 10px 34px;font-size:13px}.mobile-nav-actions{grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px 18px;display:grid}.mobile-nav-actions .nav-button{min-width:0;padding:0 12px}.blog-hero{padding:54px 0 34px}.blog-hero h1{font-size:42px}.blog-hero p{font-size:16px}.discovery-bar{padding-top:24px}.article-grid{grid-template-columns:1fr}.card-button{min-height:228px}.detail-view{padding-top:20px}.detail-topbar{margin-bottom:30px}.detail-layout{display:block}.toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-height:none;margin-bottom:38px;padding:18px;position:static;overflow:visible}.toc-title{margin-bottom:12px}.toc-list{grid-template-columns:repeat(2,minmax(0,1fr))}.toc-link{border:0;border-left:1px solid var(--line-strong);padding:7px 10px}.article-header{margin-bottom:40px}.article-header h1{font-size:38px}.article-deck{font-size:16px}.article-section h2{font-size:26px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;padding:48px 0}}@media (max-width:520px){.category-tabs{gap:20px}.results-meta{flex-direction:column;align-items:flex-start;gap:4px}.toc-list,.related-grid{grid-template-columns:1fr}.related-button{min-height:158px}.article-header h1{font-size:34px}.article-section p,.article-section li{font-size:15px}.faq-item summary{gap:16px;min-height:62px;font-size:16px}.faq-answer{padding-right:0}.faq-answer p{font-size:15px}.footer-brand,.footer-group:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.site-header{display:none!important}.resource-mega{overflow:hidden;width:min(600px,100vw - 40px)!important;padding:0!important}.resource-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:342px;display:grid}.resource-column{min-width:0;padding:24px 20px 28px}.resource-column+.resource-column{border-left:1px solid var(--line,#293139)}.resource-column-label{min-height:20px;font-family:var(--mono,"IBM Plex Mono",monospace);text-transform:uppercase;letter-spacing:0;margin:0 0 12px;font-weight:600;line-height:20px;display:block;color:var(--muted,#9ca7b1)!important;padding:0 10px!important;font-size:10px!important}.resource-menu-link{border-radius:6px;align-items:center;gap:12px;min-height:44px;line-height:1.35;text-decoration:none;color:var(--muted,#9ca7b1)!important;padding:10px!important;display:flex!important}.resource-menu-link svg{width:16px;height:16px;color:var(--muted,#9ca7b1);stroke-width:1.7px;flex:0 0 16px;transition:color .15s}.resource-menu-link:hover,.resource-menu-link:focus-visible{background:#ffffff0b;color:var(--text,#f3f6f8)!important}.resource-menu-link:hover svg,.resource-menu-link:focus-visible svg{color:var(--cyan,var(--technical,#42d7d0))}.resource-menu-link:focus-visible{outline:1px solid var(--cyan,var(--technical,#42d7d0));outline-offset:-1px}.resource-mobile-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-top:8px;display:grid}.resource-mobile-column{min-width:0;padding:12px 10px}.resource-mobile-column+.resource-mobile-column{border-left:1px solid var(--line,#293139)}.resource-mobile-column .resource-column-label{padding-inline:10px!important}.resource-mobile-column a{overflow-wrap:anywhere}.pricing-nav-link{color:#b7c0c8;align-items:center;min-height:44px;padding:10px;text-decoration:none;display:inline-flex}.pricing-nav-link:hover{color:#fff}.pricing-mobile-link{min-height:44px;color:var(--muted,#9ca7b1);align-items:center;text-decoration:none;display:flex}.pricing-mobile-link:hover{color:#fff}@media (max-width:640px){.resource-mega{width:calc(100vw - 28px)!important}.resource-mega-grid,.resource-mobile-columns{grid-template-columns:1fr;min-height:0}.resource-column,.resource-mobile-column{padding:16px 10px}.resource-column+.resource-column,.resource-mobile-column+.resource-mobile-column{border-left:0;border-top:1px solid var(--line,#293139)}}}