.blog-index{background:#fff}.blog-hero{padding:5.5rem 0 3.5rem;background:var(--gradient-hero);border-bottom:1px solid var(--line)}.blog-hero h1{max-width:20ch;margin:1rem 0;font-size:var(--step-d2);line-height:1.08;letter-spacing:-.035em}.blog-hero p{max-width:46rem;color:var(--ink-3);font-size:1.0625rem;line-height:1.7}.blog-list{padding:3.5rem 0 4.5rem}.blog-lead{display:grid;grid-template-columns:minmax(0,1fr) 14rem;grid-gap:2.5rem;gap:2.5rem;align-items:center;padding:2.25rem;margin-bottom:1rem;overflow:visible;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper-2);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}.blog-lead:hover{border-color:var(--line-strong);box-shadow:var(--sh-2)}.blog-lead h2{max-width:22ch;margin:.85rem 0 .75rem;font-size:clamp(1.6rem,1.1rem + 1.8vw,2.25rem);line-height:1.14;letter-spacing:-.03em}.blog-lead p{max-width:52ch;color:var(--ink-3);font-size:1rem;line-height:1.7}.blog-lead-cta{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.25rem;font-size:.9375rem;font-weight:550;color:var(--blue)}.blog-lead:hover .blog-lead-cta span{transform:translateX(3px)}.blog-lead-cta span{transition:transform var(--t-fast) var(--ease)}.blog-lead-mark{position:relative;aspect-ratio:1/1.32;border:1px solid var(--line);border-radius:var(--r-sm);background:radial-gradient(circle,var(--line) 1.2px,transparent 1.4px) 0 0 /15px 15px,#fff}.blog-lead-mark .tape{width:84px;height:24px}.blog-lead-mark span{position:absolute;width:10px;height:10px;background:var(--ink)}.blog-lead-mark span:first-child{top:10px;left:10px}.blog-lead-mark span:nth-child(2){top:10px;right:10px}.blog-lead-mark span:nth-child(3){bottom:10px;left:10px}.blog-lead-mark span:nth-child(4){bottom:10px;right:10px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));grid-gap:1rem;gap:1rem}.blog-card{display:flex;flex-direction:column;padding:1.75rem;border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}.blog-card:hover{border-color:var(--line-strong);box-shadow:var(--sh-2);transform:translateY(-3px)}.blog-card h2{margin:.85rem 0 .6rem;font-size:1.25rem;line-height:1.25;letter-spacing:-.025em}.blog-card p{flex:1 1;color:var(--ink-3);font-size:.9375rem;line-height:1.65}.blog-card-foot{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line-soft);font-size:11px}.blog-card-foot,.blog-meta{font-family:var(--font-mono-stack);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-4)}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:10.5px}.blog-category{padding:.2rem .6rem;border:1px solid var(--blue-line);border-radius:var(--r-full);background:var(--blue-soft);color:var(--blue-dark)}.blog-cta{padding:3.5rem 0;background:var(--ink);color:#DAE3ED}.blog-cta .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.blog-cta h2{color:#fff;font-size:1.75rem;letter-spacing:-.03em}.blog-cta p{margin-top:.4rem;color:#C8D5E3;font-size:1rem}.blog-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}.blog-cta .btn-primary{background:#F5F8FC;color:var(--ink)}.blog-cta .btn-secondary{background:transparent;color:#fff;border-color:rgba(236,240,246,.3)}.blog-cta .btn-secondary:hover{background:rgba(236,240,246,.1);border-color:#fff}@media (max-width:860px){.blog-lead{grid-template-columns:1fr;gap:1.5rem;padding:1.75rem}.blog-lead-mark{display:none}.blog-hero{padding:4rem 0 2.5rem}}