.blogs-page-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--container-px) var(--space-20)}.blogs-hero{display:flex;flex-direction:column;justify-content:center;position:relative;padding:var(--space-12) 0 var(--space-8);margin-bottom:var(--space-8)}.blogs-hero:before{content:"";position:absolute;top:20%;left:10%;width:650px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,rgba(37,99,235,.03) 50%,transparent 70%);pointer-events:none;z-index:0;filter:blur(80px)}.blogs-hero-content{width:100%;position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}.blogs-title{font-size:clamp(2.5rem,5vw,4.25rem);font-weight:var(--fw-extrabold);color:var(--color-text-primary);letter-spacing:-.035em;line-height:1.05;margin:0 0 var(--space-4) 0}.blogs-subtitle{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--color-text-secondary);line-height:1.68;max-width:50rem;margin:0 0 var(--space-8) 0}.blogs-telemetry-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.telemetry-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-surface-1);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-text-secondary);box-shadow:var(--shadow-sm)}.telemetry-pill svg{color:var(--color-emerald)}.hero-scroll-cue{display:inline-flex;align-items:center;gap:8px;margin:var(--space-6) auto 0;text-decoration:none;font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);transition:color .2s ease,transform .2s ease;cursor:pointer;position:relative;z-index:2;padding:8px 16px;border-radius:var(--radius-full);background:#0f172a08;border:1px solid var(--color-border)}:global(.dark) .hero-scroll-cue{background:#ffffff08}.hero-scroll-cue:hover{color:var(--color-emerald);transform:translateY(2px);border-color:#10b9814d}.scroll-cue-icon{animation:scrollBounce 2s infinite ease-in-out}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.blogs-bento-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.blogs-bento-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media(min-width:1024px){.blogs-bento-grid{grid-template-columns:repeat(12,1fr);gap:var(--space-6)}.blogs-bento-grid .blog-card[data-bento=hero]{grid-column:span 8;grid-row:span 2}.blogs-bento-grid .blog-card[data-bento=hero] .hero-corner-chip{display:inline-flex}.blogs-bento-grid .blog-card[data-bento=hero] .blog-img-wrap{aspect-ratio:16/9;max-height:340px}.blogs-bento-grid .blog-card[data-bento=hero] .blog-title{font-size:clamp(var(--text-xl),2.1vw,var(--text-3xl));-webkit-line-clamp:3}.blogs-bento-grid .blog-card[data-bento=hero] .blog-excerpt{-webkit-line-clamp:4;font-size:var(--text-base)}.blogs-bento-grid .blog-card[data-bento=side]{grid-column:span 4;grid-row:span 1}.blogs-bento-grid .blog-card[data-bento=side] .blog-card-body{padding:var(--space-5);gap:.35rem}.blogs-bento-grid .blog-card[data-bento=side] .blog-title{font-size:var(--text-base);-webkit-line-clamp:2}.blogs-bento-grid .blog-card[data-bento=side] .blog-excerpt{font-size:var(--text-sm);-webkit-line-clamp:2}.blogs-bento-grid .blog-card[data-bento=side] .blog-img-wrap{aspect-ratio:16/9}.blogs-bento-grid .blog-card[data-bento=wide]{grid-column:span 4;grid-row:span 1}.blogs-bento-grid .blog-card[data-bento=duo]{grid-column:span 6;grid-row:span 1}.blogs-bento-grid .blog-card[data-bento=duo] .blog-title{font-size:var(--text-lg)}.blogs-bento-grid .blog-card[data-bento=page-card]{grid-column:span 4;grid-row:span 1}}.blog-card{display:flex;flex-direction:column;text-decoration:none;height:100%;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-smooth);animation:fadeInCard .35s var(--ease-smooth) both}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.blog-card:hover .blog-title{color:var(--color-emerald)!important}.blog-card:hover .blog-img{transform:scale(1.04)}.blog-card-inner{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface-1);height:100%}.blog-img-wrap{aspect-ratio:16 / 10;overflow:hidden;position:relative;background:var(--color-surface-2)}.hero-corner-chip{display:none;position:absolute;top:var(--space-3);left:var(--space-3);padding:.25rem .65rem;border-radius:var(--radius-full);font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;background:#10b981e6;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadow-sm);z-index:2}.blog-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-brand)}.blog-card-body{padding:var(--space-5);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.blog-meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.blog-tags-wrap{display:flex;gap:6px;flex-wrap:wrap}.blog-tag{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--fw-bold);background:#10b9811f;color:var(--color-emerald);text-transform:uppercase;letter-spacing:.04em}.blog-read-time{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--fw-semibold);white-space:nowrap}.blog-title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--color-text-primary);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);transition:color var(--duration-base) var(--ease-smooth);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-author-row{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);margin-top:auto}.blog-author-name{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--color-text-primary);display:block}.blog-author-date{font-size:11px;color:var(--color-text-muted);display:block}.blog-read-link{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--color-emerald);display:inline-flex;align-items:center;gap:4px;transition:transform var(--duration-fast)}.blog-card:hover .blog-read-link{transform:translate(3px)}.blogs-empty-note{color:var(--color-text-muted);margin-top:var(--space-8)}.pagination-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle)}.pagination-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .95rem;border-radius:var(--radius-md);background:var(--color-surface-1);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--fw-semibold);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-emerald)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{flex-wrap:wrap;justify-content:center;display:flex;align-items:center;gap:.35rem}.page-number-btn{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-surface-1);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--fw-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.page-number-btn:hover{background:var(--color-surface-2);color:var(--color-text-primary);border-color:#10b98166}.page-number-btn.active{background:var(--color-emerald);color:#fff;border-color:var(--color-emerald);font-weight:var(--fw-bold);box-shadow:0 2px 8px #10b9814d}