.blog-hero{background:linear-gradient(160deg,var(--color-primary-50) 0,var(--color-white) 68%);padding:120px 0 var(--space-20);border-bottom:1px solid var(--border-default);overflow:hidden}.blog-hero__inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-10);gap:var(--space-10);align-items:center;min-height:inherit}.blog-hero__content{display:flex;flex-direction:column}.blog-hero__image-wrap{position:relative;height:520px;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.blog-hero__image{object-fit:cover;object-position:center}.blog-hero__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.blog-hero__heading{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5);max-width:780px}.blog-hero__sub{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin-bottom:var(--space-8)}.blog-hero__cta{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);text-decoration:none;transition:gap var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.blog-hero__cta:hover{gap:var(--space-3);color:#fff;background:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.blog-section-title{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:0}.blog-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);white-space:nowrap}.blog-badge--category{background-color:var(--color-primary-50);color:var(--color-primary)}.blog-badge--featured{background-color:var(--color-warning-light);color:var(--color-warning)}.blog-featured{background-color:var(--color-white)}.blog-featured__grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-10)}.blog-featured__card--hero{background-color:var(--color-gray-50);border:1px solid var(--border-default);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition-base),transform var(--transition-base)}.blog-featured__card--hero:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.blog-featured__image-wrap{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-primary-100),var(--color-surface-container));display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);overflow:hidden}.blog-featured__body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1 1}.blog-featured__title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-snug);transition:color var(--transition-fast)}.blog-card__title-link:hover .blog-featured__title{color:var(--color-primary)}.blog-featured__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);flex:1 1}.blog-featured__read-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);text-decoration:none;margin-top:auto;transition:gap var(--transition-fast)}.blog-featured__read-link:hover{gap:var(--space-3)}.blog-featured__side{display:flex;flex-direction:column;gap:var(--space-4)}.blog-featured__card--side{background-color:var(--color-gray-50);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;display:grid;grid-template-columns:180px 1fr;transition:box-shadow var(--transition-base),transform var(--transition-base)}.blog-featured__card--side:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-featured__side-image{position:relative;background:linear-gradient(135deg,var(--color-primary-100),var(--color-surface-container));display:flex;align-items:flex-start;padding:var(--space-3);min-height:110px;overflow:hidden}.blog-featured__side-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.blog-featured__side-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug);transition:color var(--transition-fast)}.blog-card__title-link:hover .blog-featured__side-title{color:var(--color-primary)}.blog-featured__side-excerpt{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);flex:1 1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-all{background-color:var(--color-gray-50)}.blog-all__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.blog-all__count{font-size:var(--text-sm);color:var(--text-tertiary)}.blog-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-10)}.blog-filter-pill{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--border-hover);background-color:var(--color-white);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.blog-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.blog-filter-pill.is-active{background:var(--color-primary);border-color:transparent;color:var(--text-inverse)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.blog-card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-default);display:flex;flex-direction:column;transition:box-shadow var(--transition-base),transform var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card__image-wrap{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-primary-100),var(--color-surface-container));display:flex;align-items:flex-start;padding:var(--space-3);overflow:hidden}.blog-featured__image{object-fit:cover;object-position:center}.blog-card__title-link{text-decoration:none;color:inherit}.blog-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1 1}.blog-card__title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug);transition:color var(--transition-fast)}.blog-card__title-link:hover .blog-card__title{color:var(--color-primary)}.blog-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.blog-card__tag{background-color:var(--color-gray-100);padding:2px var(--space-2);border-radius:var(--radius-sm)}.blog-card__meta,.blog-card__tag{font-size:var(--text-xs);color:var(--text-tertiary)}.blog-card__meta{display:flex;align-items:center;gap:var(--space-2)}.blog-card__dot{color:var(--color-gray-300)}.blog-seo{background-color:var(--color-white)}.blog-seo__inner{max-width:780px;margin:0 auto;text-align:center}.blog-seo__title{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-5)}.blog-seo__body{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.blog-seo__links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm)}.blog-seo__links-label{color:var(--text-tertiary);font-weight:var(--font-medium)}.blog-seo__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.blog-seo__link:hover{border-color:var(--color-primary)}.blog-cta{background:linear-gradient(135deg,var(--color-gray-900) 0,var(--color-primary) 100%);padding:var(--space-24) 0}.blog-cta__inner{text-align:center;max-width:600px;margin:0 auto}.blog-cta__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:color-mix(in srgb,var(--text-inverse) 50%,transparent);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.blog-cta__heading{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--text-inverse);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5)}.blog-cta__sub{font-size:var(--text-base);color:color-mix(in srgb,var(--text-inverse) 65%,transparent);line-height:var(--leading-relaxed);margin-bottom:var(--space-10)}.blog-cta__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.blog-cta__actions,.blog-cta__btn{align-items:center;justify-content:center}.blog-cta__btn{display:inline-flex;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--transition-fast)}.blog-cta__btn--primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:0 4px 20px color-mix(in srgb,var(--color-primary) 40%,transparent)}.blog-cta__btn--primary:hover{box-shadow:0 6px 28px color-mix(in srgb,var(--color-primary) 55%,transparent);transform:translateY(-1px);color:var(--text-inverse)}.blog-cta__btn--secondary{background:color-mix(in srgb,var(--text-inverse) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--text-inverse) 20%,transparent);color:var(--text-inverse);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-cta__btn--secondary:hover{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.35);color:var(--text-inverse)}@media (max-width:1024px){.blog-hero__heading{font-size:var(--text-4xl)}.blog-hero__inner{grid-template-columns:1fr}.blog-hero__image-wrap{height:360px}.blog-featured__grid{grid-template-columns:1fr}.blog-featured__side{display:grid;grid-template-columns:repeat(3,1fr)}.blog-featured__card--side{grid-template-columns:1fr}.blog-featured__side-image{aspect-ratio:16/7;min-height:unset}}@media (max-width:768px){.blog-hero{padding:var(--space-24) 0 var(--space-12)}.blog-hero__image-wrap{height:260px}.blog-hero__heading{font-size:var(--text-3xl)}.blog-hero__sub,.blog-seo__body{font-size:var(--text-sm);text-align:justify}.blog-featured__side{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-all__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.blog-cta__heading{font-size:var(--text-4xl)}}@media (max-width:480px){.blog-hero__heading{font-size:var(--text-2xl)}.blog-grid{grid-template-columns:1fr}.blog-cta__heading{font-size:var(--text-3xl)}.blog-cta__actions{flex-direction:column;width:100%}.blog-cta__btn{width:100%}}