.blog-shell{--blog-bg:#faf8ff;--blog-surface:#fff;--blog-surface-subtle:#f2f3ff;--blog-surface-accent:#eaedff;--blog-ink:#0f172a;--blog-ink-secondary:#334155;--blog-ink-muted:#5f5570;--blog-border:#e2e8f0;--blog-border-purple:#e4d8f5;--blog-primary:#7929da;--blog-primary-bright:#9d55ff;--blog-primary-soft:#f3e8ff;--blog-teal:#006b5f;--blog-teal-soft:#006b5f1a;background-color:var(--blog-bg);color:var(--blog-ink);font-family:var(--ds-font-body,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);text-align:start;overflow-wrap:break-word;flex-direction:column;min-block-size:100dvh;line-height:1.6;display:flex}.blog-nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--blog-border);background:#ffffffeb;position:sticky;inset-block-start:0}.blog-nav-inner{flex-wrap:wrap;justify-content:space-between;align-items:safe center;gap:1.25rem;max-inline-size:1280px;margin-inline:auto;padding-block:1rem;padding-inline:1.5rem;display:flex}.blog-brand{color:var(--blog-ink);align-items:safe center;gap:.625rem;text-decoration:none;display:flex}.blog-brand-logo{object-fit:contain;flex-shrink:0;block-size:2.625rem;inline-size:2.625rem;display:block}.blog-brand-text{flex-direction:column;line-height:1.1;display:flex}.blog-brand-name{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);letter-spacing:-.02em;color:var(--blog-ink);font-size:1.25rem;font-weight:800}.blog-brand-sub{color:#7d7386;font-size:.75rem;font-weight:500}.blog-nav-links{flex-wrap:wrap;flex-wrap:balance;align-items:safe center;gap:1.5rem;display:flex}.blog-nav-link{color:var(--blog-ink);font-size:.9375rem;font-weight:600;text-decoration:none;transition:color .15s}.blog-nav-link:hover{color:var(--blog-primary-bright)}.blog-nav-link-accent{color:var(--blog-primary-bright);font-weight:700}.blog-nav-link-active{color:var(--blog-primary);text-underline-offset:.35rem;text-decoration:underline;text-decoration-thickness:2px}.blog-nav-cta{background:var(--blog-primary-bright);color:#fff;font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);white-space:nowrap;border-radius:.5rem;padding-block:.625rem;padding-inline:1.375rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:background-color .15s,transform .1s}.blog-nav-cta:hover{background:var(--blog-primary)}.blog-main{flex:1;inline-size:100%}.blog-index-hero{border-block-end:1px solid var(--blog-border-purple);background:radial-gradient(circle at 80% 0,#9d55ff1f,#0000 52%),linear-gradient(#fff 0%,#faf8ff 100%);padding-block:clamp(3rem,6vw,5rem) clamp(2.5rem,5vw,4rem);padding-inline:1.5rem}.blog-index-hero-inner{max-inline-size:1200px;margin-inline:auto}.blog-eyebrow{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--blog-primary);align-items:safe center;gap:.5rem;margin-block-end:1rem;font-size:.75rem;font-weight:700;display:inline-flex}.blog-hero-title{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);letter-spacing:-.025em;color:var(--blog-ink);text-wrap:balance;max-inline-size:26ch;margin-block-end:1.25rem;font-size:clamp(2rem,1.3rem + 3vw,3.25rem);font-weight:800;line-height:1.12}.blog-hero-subtitle{color:var(--blog-ink-secondary);text-wrap:pretty;max-inline-size:68ch;margin-block-end:1.75rem;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.65}.blog-category-bar{flex-wrap:wrap;flex-wrap:balance;align-items:safe center;gap:.5rem;display:flex}.blog-category-pill{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:var(--blog-ink-muted);background:var(--blog-surface);border:1px solid var(--blog-border-purple);border-radius:9999px;align-items:safe center;gap:.375rem;padding-block:.375rem;padding-inline:.875rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.blog-category-pill:hover{border-color:var(--blog-primary-bright);color:var(--blog-primary);background:var(--blog-primary-soft)}.blog-index-container{max-inline-size:1200px;margin-inline:auto;padding-block:clamp(2.5rem,5vw,4rem);padding-inline:1.5rem}.blog-featured-card{color:#fff;background:linear-gradient(135deg,#131b2e 0%,#1f1638 100%);border:1px solid #d7baff38;border-radius:1.25rem;grid-template-columns:1fr;gap:1.5rem;margin-block-end:3rem;padding:clamp(1.75rem,4vw,2.75rem);text-decoration:none;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 16px 40px #0f172a1f}.blog-featured-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px #7929da33}.blog-featured-badges{flex-wrap:wrap;align-items:safe center;gap:.75rem;display:flex}.blog-badge-featured{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);text-transform:uppercase;letter-spacing:.06em;color:#091e1a;background:#15e1c2;border-radius:9999px;padding-block:.25rem;padding-inline:.75rem;font-size:.75rem;font-weight:700}.blog-badge-category-dark{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:#d7baff;background:#d7baff24;border:1px solid #d7baff4d;border-radius:9999px;padding-block:.25rem;padding-inline:.75rem;font-size:.75rem;font-weight:600}.blog-featured-title{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:#fff;text-wrap:balance;max-inline-size:34ch;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.25rem);font-weight:800;line-height:1.2}.blog-featured-desc{color:#cbd5e1;text-wrap:pretty;max-inline-size:68ch;font-size:1.0625rem;line-height:1.65}.blog-featured-footer{border-block-start:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:safe center;gap:1rem;padding-block-start:.75rem;display:flex}.blog-featured-meta{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:#94a3b8;font-size:.8125rem}.blog-featured-cta{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:#15e1c2;align-items:safe center;gap:.375rem;font-size:.9375rem;font-weight:700;display:inline-flex}.blog-section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-block-end:1.75rem;display:flex}.blog-section-title{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:var(--blog-ink);text-wrap:balance;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);font-weight:800;line-height:1.25}.blog-section-count{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:var(--blog-ink-muted);font-size:.8125rem;font-weight:600}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:auto;gap:1.5rem;inline-size:100%;display:grid}.blog-card{grid-row:span 3;grid-template-rows:auto 1fr auto;grid-template-rows:subgrid;background:var(--blog-surface);border:1px solid var(--blog-border);color:var(--blog-ink);border-radius:1rem;row-gap:.875rem;padding:1.5rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 4px 16px #0f172a0a}.blog-card:hover{border-color:var(--blog-primary-bright);transform:translateY(-3px);box-shadow:0 12px 30px #7929da1a}.blog-card-top{justify-content:space-between;align-items:safe center;gap:.75rem;display:flex}.blog-card-category{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:var(--blog-primary);background:var(--blog-primary-soft);border-radius:9999px;padding-block:.25rem;padding-inline:.625rem;font-size:.75rem;font-weight:700}.blog-card-number{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:#94a3b8;font-size:.75rem;font-weight:700}.blog-card-body{flex-direction:column;gap:.625rem;display:flex}.blog-card-title{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:var(--blog-ink);text-wrap:balance;font-size:1.25rem;font-weight:700;line-height:1.3}.blog-card-desc{color:var(--blog-ink-secondary);text-wrap:pretty;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:clip}.blog-card-footer{border-block-start:1px solid #f1f5f9;justify-content:space-between;align-items:safe center;gap:.75rem;padding-block-start:.875rem;font-size:.8125rem;display:flex}.blog-card-meta{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:var(--blog-ink-muted);font-size:.75rem}.blog-card-read{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:var(--blog-primary);margin-inline-start:auto;font-size:.875rem;font-weight:700}.blog-article-header{border-block-end:1px solid var(--blog-border-purple);background:radial-gradient(circle at 75% 0,#9d55ff1f,#0000 55%),linear-gradient(#fff 0%,#faf8ff 100%);padding-block:clamp(2.25rem,5vw,4rem) clamp(2rem,4vw,3rem);padding-inline:1.5rem}.blog-article-header-inner{max-inline-size:1120px;margin-inline:auto}.blog-breadcrumbs{color:var(--blog-ink-muted);flex-wrap:wrap;align-items:safe center;gap:.5rem;margin-block-end:1.5rem;font-size:.875rem;display:flex}.blog-breadcrumb-link{color:var(--blog-primary);font-weight:600;text-decoration:none}.blog-breadcrumb-link:hover{text-decoration:underline}.blog-article-meta-top{flex-wrap:wrap;align-items:safe center;gap:.75rem;margin-block-end:1rem;display:flex}.blog-article-title{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);letter-spacing:-.025em;color:var(--blog-ink);text-wrap:balance;max-inline-size:28ch;margin-block-end:1.25rem;font-size:clamp(1.875rem,1.25rem + 2.6vw,3rem);font-weight:800;line-height:1.14}.blog-article-lead{color:var(--blog-ink-secondary);text-wrap:pretty;max-inline-size:68ch;margin-block-end:1.5rem;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.65}.blog-article-byline{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:var(--blog-ink-muted);flex-wrap:wrap;align-items:safe center;gap:1.25rem;font-size:.8125rem;display:flex}.blog-article-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:3.5rem;max-inline-size:1120px;margin-inline:auto;padding-block:clamp(2rem,5vw,3.75rem);padding-inline:1.5rem;display:grid}@media (min-width:980px){.blog-article-layout{grid-template-columns:minmax(0,72ch) 280px;justify-content:space-between}}.blog-prose{inline-size:100%;max-inline-size:72ch;color:var(--blog-ink);font-size:1.0625rem;line-height:1.75}.blog-prose .blog-p{color:var(--blog-ink-secondary);text-wrap:pretty;margin-block-end:1.375rem}.blog-prose .blog-h2{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);letter-spacing:-.015em;color:var(--blog-ink);text-wrap:balance;margin-block:2.75rem 1rem;scroll-margin-block-start:5.5rem;font-size:clamp(1.45rem,1.2rem + 1vw,1.875rem);font-weight:800;line-height:1.25}.blog-prose .blog-h3{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:var(--blog-ink);text-wrap:balance;margin-block:2rem .75rem;scroll-margin-block-start:5.5rem;font-size:clamp(1.1875rem,1.05rem + .5vw,1.375rem);font-weight:700;line-height:1.35}.blog-prose .blog-h4{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:var(--blog-ink);text-wrap:balance;margin-block:1.5rem .5rem;font-size:1.0625rem;font-weight:700;line-height:1.4}.blog-prose strong{color:var(--blog-ink);font-weight:700}.blog-prose em{font-style:italic}.blog-prose .blog-link{color:var(--blog-primary);text-underline-offset:.2em;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.blog-prose .blog-link:hover{color:var(--blog-primary-bright)}.blog-prose .blog-inline-code{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);background:var(--blog-surface-subtle);color:var(--blog-primary);border:1px solid var(--blog-border-purple);border-radius:.375rem;padding-block:.125rem;padding-inline:.4rem;font-size:.875em;font-weight:600}.blog-prose .blog-divider{background:linear-gradient(90deg, var(--blog-border-purple), transparent);border:0;block-size:1px;margin-block:2.5rem}.blog-prose .blog-ul,.blog-prose .blog-ol{color:var(--blog-ink-secondary);margin-block-end:1.5rem;padding-inline-start:1.5rem}.blog-prose .blog-ul li,.blog-prose .blog-ol li{text-wrap:pretty;margin-block-end:.625rem;padding-inline-start:.25rem}.blog-prose .blog-ul-nested{margin-block:.5rem}.blog-prose .blog-li-note{color:var(--blog-ink-muted);text-wrap:pretty;margin-block:.375rem 0;font-size:.9375rem}.blog-prose .blog-callout{border-inline-start:4px solid var(--blog-primary-bright);background:linear-gradient(135deg,#f5f0ff 0%,#eef2ff 100%);border-radius:0 .875rem .875rem 0;margin-block:1.75rem;padding:1.25rem 1.5rem}.blog-prose .blog-callout p{color:var(--blog-ink);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.65}.blog-math-inline{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:var(--blog-ink);white-space:nowrap;background:#7929da0f;border-radius:.25rem;padding-block:.1rem;padding-inline:.35rem;font-size:.92em}.blog-math-inline var,.blog-math-block var{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:600}.blog-math-text{font-family:var(--ds-font-body,"Inter", sans-serif);font-style:normal}.blog-math-radicand{border-block-start:1px solid;padding-inline:.15rem}.blog-math-block{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);color:var(--blog-ink);background:var(--blog-surface);border:1px solid var(--blog-border-purple);text-align:center;border-radius:.875rem;margin-block:1.75rem;padding-block:1.25rem;padding-inline:1.5rem;font-size:1.125rem;font-weight:600;box-shadow:0 4px 14px #7929da0d}.blog-table-wrap{scrollbar-gutter:stable;border:1px solid var(--blog-border);background:var(--blog-surface);border-radius:.875rem;inline-size:100%;margin-block:1.75rem;overflow-x:auto;box-shadow:0 4px 14px #0f172a0a}.blog-table{border-collapse:collapse;inline-size:100%;font-size:.9375rem;line-height:1.5}.blog-table th{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:var(--blog-ink);background:var(--blog-surface-subtle);border-block-end:1px solid var(--blog-border);padding:.875rem 1rem;font-weight:700}.blog-table td{color:var(--blog-ink-secondary);border-block-end:1px solid #f1f5f9;padding:.875rem 1rem}.blog-table tbody tr:last-child td{border-block-end:none}.blog-cta-box{margin-block:2rem 1rem}.blog-cta-button{color:#fff;font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);background:linear-gradient(135deg,#9d55ff 0%,#7929da 100%);border-radius:.75rem;justify-content:center;align-items:safe center;padding-block:.95rem;padding-inline:1.5rem;font-size:1rem;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 24px #7929da40}.blog-cta-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #7929da59}.blog-sidebar{flex-direction:column;gap:1.5rem;display:flex;position:sticky;inset-block-start:5.5rem}.blog-toc-card{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:1rem;padding:1.25rem}.blog-toc-title{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--blog-ink-muted);margin-block-end:.875rem;font-size:.75rem;font-weight:700}.blog-toc-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc-link{color:var(--blog-ink-secondary);font-size:.84375rem;line-height:1.4;text-decoration:none;transition:color .15s;display:block}.blog-toc-link:hover{color:var(--blog-primary)}.blog-toc-link-h3{color:var(--blog-ink-muted);border-inline-start:2px solid var(--blog-border);padding-inline-start:.75rem;font-size:.8125rem}.blog-sidebar-promo{color:#fff;background:linear-gradient(155deg,#131b2e 0%,#241445 100%);border:1px solid #d7baff40;border-radius:1rem;padding:1.375rem}.blog-sidebar-promo-badge{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);letter-spacing:.06em;text-transform:uppercase;color:#15e1c2;margin-block-end:.5rem;font-size:.6875rem;font-weight:700;display:inline-block}.blog-sidebar-promo-title{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:#fff;text-wrap:balance;margin-block-end:.5rem;font-size:1.125rem;font-weight:800;line-height:1.3}.blog-sidebar-promo-copy{color:#cbd5e1;text-wrap:pretty;margin-block-end:1rem;font-size:.84375rem;line-height:1.55}.blog-sidebar-promo-btn{color:#fff;inline-size:100%;font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);background:#9d55ff;border-radius:.5rem;justify-content:center;align-items:center;margin-block-end:.5rem;padding-block:.65rem;padding-inline:1rem;font-size:.875rem;font-weight:700;text-decoration:none;display:flex}.blog-sidebar-promo-btn:hover{background:#8a3ef0}.blog-sidebar-promo-sublink{text-align:center;color:#d7baff;font-size:.78125rem;font-weight:600;text-decoration:none;display:block}.blog-sidebar-promo-sublink:hover{text-decoration:underline}.blog-prev-next{max-inline-size:1120px;margin-inline:auto;padding-block-end:3rem;padding-inline:1.5rem}.blog-prev-next-grid{border-block-start:1px solid var(--blog-border);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;padding-block-start:2rem;display:grid}.blog-nav-card{background:var(--blog-surface);border:1px solid var(--blog-border);color:var(--blog-ink);border-radius:.875rem;flex-direction:column;gap:.375rem;padding:1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.blog-nav-card:hover{border-color:var(--blog-primary-bright);transform:translateY(-2px)}.blog-nav-card-label{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);text-transform:uppercase;color:var(--blog-ink-muted);font-size:.75rem;font-weight:600}.blog-nav-card-title{font-family:var(--ds-font-heading,"Hanken Grotesk", sans-serif);color:var(--blog-primary);text-wrap:balance;font-size:1.0625rem;font-weight:700;line-height:1.35}.blog-related-section{border-block-start:1px solid var(--blog-border-purple);background:#f4f2fc;padding-block:clamp(2.5rem,5vw,4rem);padding-inline:1.5rem}.blog-related-inner{max-inline-size:1120px;margin-inline:auto}.blog-footer{background:var(--blog-surface-accent);border-block-start:1px solid var(--blog-border-purple);padding-block:3.5rem 2rem;padding-inline:1.5rem}.blog-footer-inner{max-inline-size:1280px;margin-inline:auto}.blog-footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-block-end:2.5rem;display:grid}.blog-footer-col-title{font-family:var(--ds-font-mono,"JetBrains Mono", monospace);letter-spacing:.05em;color:#7d7386;text-transform:uppercase;margin-block-end:.875rem;font-size:.75rem;font-weight:600}.blog-footer-links{flex-direction:column;gap:.625rem;display:flex}.blog-footer-link{color:#131b2e;font-size:.875rem;text-decoration:none}.blog-footer-link:hover{color:var(--blog-primary);text-decoration:underline}.blog-footer-bottom{color:#7d7386;border-block-start:1px solid #cec2d7;padding-block-start:1.5rem;font-size:.8125rem}