.blog-page .grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(to right, var(--ds-color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--ds-color-border) 1px, transparent 1px);opacity:.25;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 15%,#000 25%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 15%,#000 25%,#0000 75%)}.blog-page .glow-blue{pointer-events:none;z-index:0;background:radial-gradient(circle, var(--ds-color-brand-blue) 0%, transparent 60%);filter:blur(90px);opacity:.25;width:40%;height:40%;position:fixed;top:-10%;right:10%}.blog-page .wrap{max-width:var(--ds-wrap-max);z-index:1;margin:0 auto;padding:0 32px;position:relative}.blog-page .eyebrow{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ds-color-brand-blue-light);align-items:center;gap:8px;font-size:11px;display:inline-flex}.blog-page .eyebrow .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.blog-page .hero{border-bottom:1px solid var(--ds-color-border);padding:88px 0 48px}.blog-page h1.headline{font-family:var(--ds-font-display-editorial);letter-spacing:-.025em;margin:22px 0;font-size:clamp(44px,6vw,84px);font-weight:500;line-height:1.05}.blog-page h1.headline em{color:var(--ds-color-brand-blue-light);font-style:italic}.blog-page p.subhead{color:var(--ds-color-ink-secondary);margin:0;font-size:18px;line-height:1.6}.blog-page .filter-bar{border-bottom:1px solid var(--ds-color-border);flex-wrap:wrap;align-items:center;gap:24px;padding:22px 0;display:flex}.blog-page .filter-tags{flex-wrap:wrap;flex:1;gap:8px;display:flex}.blog-page .filter-tag{border-radius:var(--ds-radius-full);border:1px solid var(--ds-color-border);font-family:var(--ds-font-mono);color:var(--ds-color-ink-secondary);cursor:pointer;background:var(--ds-surface-50);padding:7px 14px;font-size:12px;transition:all .15s}.blog-page .filter-tag:hover{color:var(--ds-color-ink-primary);border-color:var(--ds-color-brand-blue-light)}.blog-page .filter-tag.active{background:var(--ds-color-brand-blue);border-color:var(--ds-color-brand-blue);color:#fff}.blog-page .filter-tag .count{color:var(--ds-color-ink-muted);margin-left:6px}.blog-page .filter-tag.active .count{color:#ffffffb3}.blog-page .search-box{border:1px solid var(--ds-color-border);background:var(--ds-surface-50);border-radius:6px;align-items:center;gap:8px;padding:8px 14px;display:flex}.blog-page .search-box input{color:var(--ds-color-ink-primary);font-family:var(--ds-font-body);background:0 0;border:0;outline:0;width:200px;font-size:13px}.blog-page .search-box svg{color:var(--ds-color-ink-muted)}.blog-page .featured{border-bottom:1px solid var(--ds-color-border);padding:56px 0}.blog-page .featured-card{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);background:linear-gradient(135deg, color-mix(in oklch, var(--ds-color-brand-blue) 12%, var(--ds-surface-50)), var(--ds-surface-50));grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:40px;display:grid}.blog-page .featured-card .meta-row{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;text-transform:uppercase;gap:14px;margin-bottom:18px;font-size:11px;display:flex}.blog-page .featured-card .meta-row .tag-pill{color:var(--ds-color-brand-blue-light)}.blog-page .featured-card h2{font-family:var(--ds-font-display-editorial);letter-spacing:-.015em;margin:0 0 16px;font-size:38px;font-weight:500;line-height:1.15}.blog-page .featured-card p.dek{color:var(--ds-color-ink-secondary);margin:0 0 24px;font-size:15.5px;line-height:1.6}.blog-page .featured-card .author{font-family:var(--ds-font-mono);color:var(--ds-color-ink-secondary);align-items:center;gap:10px;font-size:12px;display:flex}.blog-page .featured-card .author .av{background:linear-gradient(135deg, var(--ds-color-brand-blue), var(--ds-color-brand-blue-dark));border-radius:50%;width:28px;height:28px}.blog-page .featured-card .visual{aspect-ratio:16/11;background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);position:relative;overflow:hidden}.blog-page .featured-card .visual:before{content:"";background-image:linear-gradient(to right, var(--ds-color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--ds-color-border) 1px, transparent 1px);opacity:.4;background-size:28px 28px;position:absolute;inset:0}.blog-page .featured-card .visual .terminal{font-family:var(--ds-font-mono);color:#a4b0d4;background:#0b0f1c;border-radius:6px;padding:28px 16px 14px;font-size:11px;line-height:1.7;position:absolute;inset:14% 12%}.blog-page .featured-card .visual .terminal:before{content:"";background:#d41d56;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:11px;box-shadow:11px 0 #f6ad55,22px 0 #4ade80}.blog-page .featured-card .visual .terminal .ok{color:#4ade80}.blog-page .featured-card .visual .terminal .blue{color:#6b8dff}.blog-page .articles{border-bottom:1px solid var(--ds-color-border);padding:64px 0}.blog-page .article-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px;display:grid}.blog-page .article-card{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface-50);transition:all .24s var(--ds-ease-out-expo);flex-direction:column;gap:18px;padding:24px;display:flex}.blog-page .article-card:hover{border-color:var(--ds-color-brand-blue-light);transform:translateY(-3px)}.blog-page .article-card .preview{aspect-ratio:16/10;background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.blog-page .article-card .preview .pv-grid{background-image:linear-gradient(to right, var(--ds-color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--ds-color-border) 1px, transparent 1px);opacity:.4;background-size:20px 20px;position:absolute;inset:0}.blog-page .article-card .preview .pv-text{font-family:var(--ds-font-mono);color:var(--ds-color-ink-secondary);text-align:center;max-width:100%;font-size:10.5px;line-height:1.7;position:relative}.blog-page .article-card .preview .pv-text .ok{color:var(--ds-color-success)}.blog-page .article-card .preview .pv-text .blue{color:var(--ds-color-brand-blue-light)}.blog-page .article-card .preview .pv-text .red{color:var(--ds-color-brand-red)}.blog-page .article-card .meta{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;text-transform:uppercase;gap:12px;font-size:10.5px;display:flex}.blog-page .article-card .meta .tag{color:var(--ds-color-brand-blue-light)}.blog-page .article-card h3{font-family:var(--ds-font-display-editorial);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:500;line-height:1.25}.blog-page .article-card p{color:var(--ds-color-ink-secondary);flex:1;margin:0;font-size:14px;line-height:1.55}.blog-page .article-card .footer{border-top:1px dashed var(--ds-color-border);font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:11.5px;display:flex}.blog-page .article-card .footer .author{align-items:center;gap:8px;display:flex}.blog-page .article-card .footer .av{background:linear-gradient(135deg, var(--ds-color-brand-blue), var(--ds-color-brand-blue-dark));border-radius:50%;width:22px;height:22px}.blog-page .article-card .footer .read{color:var(--ds-color-brand-blue-light)}.blog-page .series{border-bottom:1px solid var(--ds-color-border);background:var(--ds-surface-50);padding:64px 0}.blog-page .series-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px;display:grid}.blog-page .series-card{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface-base);flex-direction:column;gap:14px;padding:32px;display:flex}.blog-page .series-card .label{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.16em;text-transform:uppercase;font-size:10.5px}.blog-page .series-card h3{font-family:var(--ds-font-display-editorial);letter-spacing:-.015em;margin:0;font-size:26px;font-weight:500}.blog-page .series-card p{color:var(--ds-color-ink-secondary);margin:0;font-size:14px;line-height:1.55}.blog-page .series-card ol{font-family:var(--ds-font-mono);color:var(--ds-color-ink-secondary);flex-direction:column;gap:6px;margin:0;padding-left:22px;font-size:12.5px;display:flex}.blog-page .series-card ol li::marker{color:var(--ds-color-ink-muted)}.blog-page .series-card .ep-count{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.06em;border-top:1px dashed var(--ds-color-border);justify-content:space-between;padding-top:14px;font-size:11px;display:flex}.blog-page .topics{border-bottom:1px solid var(--ds-color-border);padding:64px 0}.blog-page .topic-cloud{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.blog-page .topic-pill{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-full);background:var(--ds-surface-50);font-family:var(--ds-font-mono);color:var(--ds-color-ink-secondary);cursor:pointer;padding:10px 18px;font-size:12.5px;transition:all .15s}.blog-page .topic-pill:hover{border-color:var(--ds-color-brand-blue-light);color:var(--ds-color-ink-primary);transform:translateY(-1px)}.blog-page .topic-pill .ct{color:var(--ds-color-ink-muted);margin-left:8px;font-size:11px}.blog-page .newsletter{border-bottom:1px solid var(--ds-color-border);background:linear-gradient(135deg, color-mix(in oklch, var(--ds-color-brand-blue) 10%, var(--ds-surface-base)), var(--ds-surface-base));padding:64px 0}.blog-page .nl-card{grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;display:grid}.blog-page .nl-card h2{font-family:var(--ds-font-display-editorial);letter-spacing:-.02em;margin:0 0 12px;font-size:36px;font-weight:500}.blog-page .nl-card p{color:var(--ds-color-ink-secondary);margin:0 0 20px;font-size:15px;line-height:1.6}.blog-page .nl-card .nl-form{gap:8px;display:flex}.blog-page .nl-card input{border:1px solid var(--ds-color-border);background:var(--ds-surface-50);border-radius:var(--ds-radius-md);color:var(--ds-color-ink-primary);flex:1;padding:14px 16px;font-size:14px}.blog-page .nl-card input:focus{border-color:var(--ds-color-brand-blue-light);outline:0}.blog-page .nl-card button{background:var(--ds-color-brand-blue);color:#fff;font-family:var(--ds-font-mono);border-radius:var(--ds-radius-md);cursor:pointer;border:0;padding:14px 22px;font-size:13px}.blog-page .nl-card button:hover{background:var(--ds-color-brand-blue-dark)}.blog-page .nl-stats{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.blog-page .nl-stat{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-surface-50);padding:18px}.blog-page .nl-stat .v{font-family:var(--ds-font-heading);font-size:22px;font-weight:600}.blog-page .nl-stat .l{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:10.5px}@media (max-width:1000px){.blog-page .featured-card,.blog-page .article-grid,.blog-page .series-grid,.blog-page .nl-card{grid-template-columns:1fr}.blog-page .nl-card .nl-form{flex-direction:column}}
