.blog-page{min-height:100vh;background:var(--bg-primary)}.blog-hero{padding:var(--space-8) var(--space-4);padding-top:88px;max-width:900px;margin:0 auto;text-align:center;background:transparent}@media(min-width:768px){.blog-hero{padding:var(--space-10) var(--space-6);padding-top:112px}}@media(min-width:1024px){.blog-hero{padding:var(--space-12) var(--space-8);padding-top:120px}}.blog-hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.15;margin-bottom:var(--space-6);color:var(--text-primary)}@media(min-width:768px){.blog-hero-title{font-size:var(--font-size-4xl)}}@media(min-width:1024px){.blog-hero-title{font-size:48px}}.blog-hero-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);max-width:680px;margin:0 auto;line-height:1.6}@media(min-width:768px){.blog-hero-subtitle{font-size:var(--font-size-lg)}}@media(min-width:1024px){.blog-hero-subtitle{font-size:20px}}.blog-filters{padding:var(--space-4) var(--space-4);background:var(--bg-white);border-bottom:1px solid var(--border-light);position:sticky;top:72px;z-index:var(--z-sticky)}@media(min-width:768px){.blog-filters{padding:var(--space-4) var(--space-6)}}@media(min-width:1024px){.blog-filters{padding:var(--space-5) var(--space-8)}}.blog-filters-inner{max-width:var(--container-content);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.blog-category-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.blog-category-pill{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:8px 16px;background:var(--bg-secondary);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease}.blog-category-pill:hover{border-color:var(--border-medium);color:var(--text-primary)}.blog-category-pill--active{background:var(--accent-primary);color:var(--text-inverse)}.blog-category-pill--active:hover{background:var(--accent-primary-hover);color:var(--text-inverse)}.blog-category-pill--active.blog-category-pill--insights{background:#a893c9}.blog-category-pill--active.blog-category-pill--insights:hover{background:#9683b9}.blog-category-pill--active.blog-category-pill--product{background:var(--accent-primary)}.blog-category-pill--active.blog-category-pill--use-cases{background:#84a95c}.blog-category-pill--active.blog-category-pill--use-cases:hover{background:#74994c}.blog-category-pill--active.blog-category-pill--company{background:#e8a87d}.blog-category-pill--active.blog-category-pill--company:hover{background:#d8986d}.blog-category-pill[data-category=insights]:hover:not(.blog-category-pill--active){border-color:#a893c9;color:#a893c9}.blog-category-pill[data-category=product]:hover:not(.blog-category-pill--active){border-color:var(--accent-primary);color:var(--accent-primary)}.blog-category-pill[data-category=use-cases]:hover:not(.blog-category-pill--active){border-color:#84a95c;color:#84a95c}.blog-category-pill[data-category=company]:hover:not(.blog-category-pill--active){border-color:#e8a87d;color:#e8a87d}.blog-filters-left{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.blog-filters-right{display:flex;align-items:center;gap:var(--space-4)}.blog-featured-section{margin-bottom:var(--space-10)}.blog-results-count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.blog-sort-dropdown{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.blog-content{max-width:var(--container-content);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.blog-content{padding:0 var(--space-6)}}@media(min-width:1024px){.blog-content{padding:0 var(--space-8)}}.featured-post{display:grid;grid-template-columns:1fr;gap:var(--space-5);background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--space-4);margin-bottom:var(--space-8);transition:all var(--duration-normal) ease}.featured-post:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media(min-width:768px){.featured-post{grid-template-columns:1fr 1fr;gap:var(--space-8)}.featured-post.featured-post--no-image{grid-template-columns:1fr}}.featured-post-image{width:100%;aspect-ratio:16/10;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.featured-post-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-post-content{display:flex;flex-direction:column;justify-content:center}.featured-post-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent-featured-light);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--accent-featured);margin-bottom:var(--space-3);width:-moz-fit-content;width:fit-content}.featured-post-category{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);width:-moz-fit-content;width:fit-content}.featured-post-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3);line-height:var(--line-height-snug)}@media(min-width:768px){.featured-post-title{font-size:var(--font-size-2xl)}}.featured-post-excerpt{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.featured-post-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary)}.featured-post-author{display:flex;align-items:center;gap:var(--space-2)}.featured-post-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-secondary)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:640px){.blog-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden;transition:all var(--duration-normal) ease;display:flex;flex-direction:column}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-card-image{width:100%;aspect-ratio:16/10;background:var(--bg-secondary);overflow:hidden}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card-content{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.blog-card-category{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);width:-moz-fit-content;width:fit-content}.blog-card-category--insights{background:#a893c926;color:#a893c9}.blog-card-category--product{background:var(--accent-primary-light);color:var(--accent-primary)}.blog-card-category--use-cases{background:var(--accent-success-light);color:var(--accent-success)}.blog-card-category--company{background:#e8a87d26;color:#e8a87d}.blog-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--line-height-snug)}.blog-card-excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-4);flex:1}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary)}.blog-card-author{display:flex;align-items:center;gap:var(--space-2)}.blog-card-avatar{width:24px;height:24px;border-radius:var(--radius-full);background:var(--bg-secondary)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8)}.blog-pagination-btn{padding:10px 16px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease}.blog-pagination-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.blog-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.blog-pagination-page{padding:10px 14px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease}.blog-pagination-page:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.blog-pagination-page--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.newsletter-signup{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark-secondary) 40%,#3D3A38 100%);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-4);text-align:center;margin:var(--space-8) var(--space-4);position:relative;overflow:hidden}@media(min-width:768px){.newsletter-signup{padding:var(--space-10) var(--space-6);margin:var(--space-8) var(--space-6)}}@media(min-width:1024px){.newsletter-signup{padding:var(--space-12) var(--space-8);margin:var(--space-8)}}.newsletter-signup:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(74,124,124,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none}.newsletter-badge{display:inline-flex;padding:4px 12px;background:#ffffff1a;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-inverse);margin-bottom:var(--space-4);position:relative}.newsletter-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-inverse);margin-bottom:var(--space-3);position:relative}@media(min-width:768px){.newsletter-title{font-size:var(--font-size-3xl)}}.newsletter-subtitle{font-size:var(--font-size-md);color:#fffc;max-width:500px;margin:0 auto var(--space-6);position:relative}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;margin:0 auto;position:relative}@media(min-width:768px){.newsletter-form{flex-direction:row}}.newsletter-input{flex:1;padding:14px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-size:var(--font-size-md);color:var(--text-inverse)}.newsletter-input::-moz-placeholder{color:#ffffff80}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{outline:none;border-color:#ffffff80}.newsletter-submit{padding:16px 28px;background:var(--accent-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap}.newsletter-submit:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.newsletter-submit:disabled,.newsletter-submit--loading{opacity:.7;cursor:not-allowed}.newsletter-success{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--accent-success);margin-top:var(--space-4)}.newsletter-privacy{font-size:var(--font-size-xs);color:#ffffff80;margin-top:var(--space-2);position:relative}.blog-post-page{min-height:100vh;background:var(--bg-primary)}.blog-breadcrumb{padding:var(--space-4) var(--space-4);max-width:var(--container-content);margin:0 auto}@media(min-width:768px){.blog-breadcrumb{padding:var(--space-4) var(--space-6)}}@media(min-width:1024px){.blog-breadcrumb{padding:var(--space-4) var(--space-8)}}.blog-breadcrumb-list{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--font-size-sm)}.blog-breadcrumb-item{color:var(--text-tertiary)}.blog-breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) ease}.blog-breadcrumb-link:hover{color:var(--accent-primary)}.blog-breadcrumb-separator{color:var(--text-tertiary)}.blog-post-hero{padding:var(--space-4) 0 var(--space-6);max-width:var(--container-content);margin:0 auto}@media(min-width:768px){.blog-post-hero{padding:var(--space-4) 0 var(--space-6)}}@media(min-width:1024px){.blog-post-hero{padding:var(--space-6) 0 var(--space-8)}}.blog-post-meta-top{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary)}.blog-post-category{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.blog-post-hero-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-5);line-height:var(--line-height-tight)}@media(min-width:768px){.blog-post-hero-title{font-size:var(--font-size-3xl)}}@media(min-width:1024px){.blog-post-hero-title{font-size:var(--font-size-4xl)}}.blog-post-author-info{display:flex;align-items:center;gap:var(--space-3)}.blog-post-author-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-secondary)}.blog-post-author-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.blog-post-author-role{font-size:var(--font-size-sm);color:var(--text-tertiary)}.blog-post-featured-image{max-width:var(--container-content);margin:0 auto var(--space-8);padding:0 var(--space-4)}@media(min-width:768px){.blog-post-featured-image{padding:0 var(--space-6)}}@media(min-width:1024px){.blog-post-featured-image{padding:0 var(--space-8)}}.blog-post-featured-image img{width:100%;border-radius:var(--radius-xl)}.blog-post-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--container-content);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.blog-post-layout{padding:0 var(--space-6)}}@media(min-width:1024px){.blog-post-layout{grid-template-columns:1fr 280px;padding:0 var(--space-8)}}.blog-post-content{max-width:720px}.blog-post-prose{font-size:var(--font-size-md);color:var(--text-primary);line-height:var(--line-height-relaxed)}.blog-post-prose h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-top:var(--space-8);margin-bottom:var(--space-4)}.blog-post-prose h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-top:var(--space-6);margin-bottom:var(--space-3)}.blog-post-prose p{margin-bottom:var(--space-5)}.blog-post-prose ul,.blog-post-prose ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.blog-post-prose li{margin-bottom:var(--space-2)}.blog-post-prose blockquote{padding:var(--space-5);background:var(--bg-secondary);border-left:4px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-6) 0;font-style:italic;color:var(--text-secondary)}.blog-post-prose code{padding:2px 6px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:monospace}.blog-post-prose pre{padding:var(--space-5);background:var(--bg-dark);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-6) 0}.blog-post-prose pre code{background:none;padding:0;color:var(--text-inverse)}.blog-post-prose img{width:100%;border-radius:var(--radius-lg);margin:var(--space-6) 0}.blog-post-prose a{color:var(--accent-primary);text-decoration:underline}.blog-post-prose a:hover{color:var(--accent-primary-hover)}.blog-callout{padding:var(--space-5);border-radius:var(--radius-lg);margin:var(--space-6) 0}.blog-callout--tip{background:var(--accent-success-light);border-left:4px solid var(--accent-success)}.blog-callout--warning{background:var(--accent-warning-light);border-left:4px solid var(--accent-warning)}.blog-callout--info{background:var(--accent-info-light);border-left:4px solid var(--accent-info)}.blog-callout-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.blog-callout--tip .blog-callout-title{color:var(--accent-success)}.blog-callout--warning .blog-callout-title{color:var(--accent-warning)}.blog-callout--info .blog-callout-title{color:var(--accent-info)}.blog-callout-content{font-size:var(--font-size-sm);color:var(--text-secondary)}.blog-post-sidebar{display:none}@media(min-width:1024px){.blog-post-sidebar{display:block;position:sticky;top:96px;height:-moz-fit-content;height:fit-content}}.blog-toc{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--space-5);margin-bottom:var(--space-5)}.blog-toc-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.blog-toc-list{list-style:none;padding:0;margin:0}.blog-toc-item{margin-bottom:var(--space-2)}.blog-toc-link{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;display:block;padding:var(--space-1) 0;transition:color var(--duration-fast) ease}.blog-toc-link:hover{color:var(--accent-primary)}.blog-toc-link--active{color:var(--accent-primary);font-weight:var(--font-weight-medium)}.blog-toc-link--level-3{padding-left:var(--space-4)}.blog-tags{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--space-5);margin-bottom:var(--space-5)}.blog-tags-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.blog-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-tag{padding:4px 10px;background:var(--bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary)}.blog-share{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--space-5)}.blog-share-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.blog-share-buttons{display:flex;gap:var(--space-2)}.blog-share-btn{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) ease;color:var(--text-secondary)}.blog-share-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.blog-author-bio{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--space-6);margin:var(--space-10) 0;display:flex;flex-direction:column;text-align:center;gap:var(--space-5)}@media(min-width:640px){.blog-author-bio{flex-direction:row;text-align:left}}.blog-author-bio-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--bg-secondary);flex-shrink:0;margin:0 auto}@media(min-width:640px){.blog-author-bio-avatar{margin:0}}.blog-author-bio-content{flex:1}.blog-author-bio-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.blog-author-bio-role{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-3)}.blog-author-bio-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.blog-author-social{display:flex;gap:var(--space-2);justify-content:center}@media(min-width:640px){.blog-author-social{justify-content:flex-start}}.blog-author-social-link{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--duration-fast) ease}.blog-author-social-link:hover{background:var(--accent-primary-light);color:var(--accent-primary)}.blog-post-navigation{display:grid;grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-6) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin:var(--space-8) 0}@media(min-width:640px){.blog-post-navigation{grid-template-columns:1fr 1fr}}.blog-post-nav-item{padding:var(--space-4);background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-decoration:none;transition:all var(--duration-fast) ease}.blog-post-nav-item:hover{border-color:var(--accent-primary)}.blog-post-nav-item--next{text-align:right}.blog-post-nav-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-1)}.blog-post-nav-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.blog-related{margin:var(--space-10) 0}.blog-related-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.blog-related-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-6)}.reading-progress-bar{position:fixed;top:72px;left:0;right:0;height:3px;background:var(--bg-secondary);z-index:var(--z-fixed)}.reading-progress-fill{height:100%;background:var(--accent-primary);transition:width .1s ease-out}.blog-empty{text-align:center;padding:var(--space-12) 0}.blog-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.blog-empty-description{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-6)}.blog-post-two-column{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start;margin-top:var(--space-4)}@media(min-width:1024px){.blog-post-two-column{grid-template-columns:1fr 280px}}.blog-author-row{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-light)}@media(min-width:768px){.blog-author-row{align-items:center;justify-content:space-between;flex-wrap:nowrap}}.blog-author-avatar{width:56px;height:56px}@media(min-width:768px){.blog-author-avatar{width:80px;height:80px}.featured-post{padding:var(--space-6)}}