.blog-page{--blog-container-max:1200px;--blog-content-max:720px;--blog-sidebar-width:280px;--blog-grid-gap:28px;--blog-section-py:80px;--blog-section-py-mobile:48px;--blog-content-gap:24px;--blog-radius-xs:6px;--blog-radius-sm:8px;--blog-radius-md:12px;--blog-radius-lg:20px;--blog-radius-xl:24px;--blog-radius-full:9999px;--blog-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--blog-shadow-md:0 4px 6px -1px rgb(0 0 0/0.07),0 2px 4px -2px rgb(0 0 0/0.07);--blog-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.08),0 4px 6px -4px rgb(0 0 0/0.08);--blog-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.08),0 8px 10px -6px rgb(0 0 0/0.08);--blog-shadow-hover:0 20px 40px -12px rgb(0 0 0/0.15);--blog-ease-out-expo:cubic-bezier(0.16,1,0.3,1);--blog-ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--blog-transition-fast:0.2s ease;--blog-transition-smooth:0.4s var(--blog-ease-out-expo);--blog-transition-spring:0.5s var(--blog-ease-out-back);--blog-font-display:"Plus Jakarta Sans Variable","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--blog-font-display)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-page *,.blog-page a,.blog-page button,.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4,.blog-page h5,.blog-page h6,.blog-page p,.blog-page span{font-family:Plus Jakarta Sans Variable,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}@keyframes blog-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-fade-in{0%{opacity:0}to{opacity:1}}.blog-page .blog-animate-in{animation:blog-fade-in-up .6s var(--blog-ease-out-expo) both}.blog-page .blog-animate-delay-1{animation-delay:.1s}.blog-page .blog-animate-delay-2{animation-delay:.15s}.blog-page .blog-animate-delay-3{animation-delay:.2s}.blog-page .blog-animate-delay-4{animation-delay:.25s}.blog-page .blog-animate-delay-5{animation-delay:.3s}.blog-page .blog-animate-delay-6{animation-delay:.35s}.blog-page .blog-line-clamp-2{-webkit-line-clamp:2}.blog-page .blog-line-clamp-2,.blog-page .blog-line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-line-clamp-3{-webkit-line-clamp:3}.blog-page .blog-category-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--blog-primary-light);border:1px solid var(--blog-primary-border,transparent);border-radius:var(--blog-radius-xs);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--blog-primary)}.blog-page .blog-image-wrapper{position:relative;overflow:hidden;border-radius:var(--blog-radius-lg);background:var(--blog-grey-100,#f1f5f9)}.blog-page .blog-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--blog-transition-smooth)}.blog-page .blog-hover-lift{transition:transform var(--blog-transition-smooth),box-shadow var(--blog-transition-smooth)}.blog-page .blog-hover-lift:hover{transform:translateY(-8px);box-shadow:var(--blog-shadow-hover)}.blog-page .blog-title-hover{transition:color var(--blog-transition-fast)}.blog-page .blog-hover-lift:hover .blog-title-hover,.blog-page a:hover .blog-title-hover{color:var(--blog-primary)}.blog-page .blog-meta{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--blog-text-muted)}.blog-page .blog-meta-divider{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.blog-page .blog-header{padding:60px 0 32px;text-align:center}.blog-page .blog-header__label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--blog-primary-50,#f0f9ff) 0,var(--blog-primary-100,#e0f2fe) 100%);border:1px solid var(--blog-primary-200,#bae6fd);border-radius:var(--blog-radius-full);font-size:.8125rem;font-weight:600;color:var(--blog-primary-700,#0369a1);margin-bottom:24px;animation:blog-fade-in-up .6s var(--blog-ease-out-expo) both}.blog-page .blog-header__label svg{width:16px;height:16px}.blog-page .blog-header__title{font-family:Plus Jakarta Sans Variable,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px;animation:blog-fade-in-up .6s var(--blog-ease-out-expo) .1s both}.blog-page .blog-header__title-gradient{background:linear-gradient(95deg,#078DEE,#64A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-page .blog-header__subtitle{font-size:1.125rem;color:var(--blog-text-secondary);max-width:560px;margin:0 auto;line-height:1.6;animation:blog-fade-in-up .6s var(--blog-ease-out-expo) .2s both}.blog-page .blog-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:36px;animation:blog-fade-in-up .6s var(--blog-ease-out-expo) .3s both}.blog-page .blog-filter__pill{padding:10px 20px;background:var(--blog-bg-paper);border:1px solid var(--blog-divider);border-radius:var(--blog-radius-full);font-size:.875rem;font-weight:500;color:var(--blog-text-secondary);cursor:pointer;transition:all .3s var(--blog-ease-out-expo)}.blog-page .blog-filter__pill:hover{border-color:var(--blog-primary-300,#7dd3fc);color:var(--blog-primary);background:var(--blog-primary-50,#f0f9ff)}.blog-page .blog-filter__pill.active{background:var(--blog-text-primary);border-color:transparent;color:var(--blog-bg-paper)}.blog-page .blog-featured{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:0;gap:0;background:var(--blog-bg-paper);border-radius:var(--blog-radius-xl);overflow:hidden;box-shadow:var(--blog-shadow-xl);border:1px solid var(--blog-divider);transition:all .5s var(--blog-ease-out-expo);cursor:pointer;text-decoration:none;color:inherit;margin-bottom:48px;animation:blog-fade-in-up .8s var(--blog-ease-out-expo) .4s both}.blog-page .blog-featured:hover{transform:translateY(-8px);box-shadow:var(--blog-shadow-xl),0 30px 60px -20px var(--blog-primary-200,rgba(14,165,233,.2))}.blog-page .blog-featured__image-wrapper{position:relative;min-height:300px;overflow:hidden;background:var(--blog-grey-100,#f1f5f9)}.blog-page .blog-featured__image{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--blog-ease-out-expo)}.blog-page .blog-featured:hover .blog-featured__image{transform:scale(1.05)}.blog-page .blog-featured__badge{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--blog-radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blog-primary)}.blog-page .blog-featured__badge svg{width:14px;height:14px}.blog-page .blog-featured__content{padding:32px;display:flex;flex-direction:column;justify-content:center}.blog-page .blog-featured__meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}.blog-page .blog-featured__category{padding:6px 12px;background:var(--blog-primary-50,#f0f9ff);border:1px solid var(--blog-primary-100,#e0f2fe);border-radius:var(--blog-radius-xs);font-size:.75rem;font-weight:600;color:var(--blog-primary-700,#0369a1);text-transform:uppercase;letter-spacing:.03em}.blog-page .blog-featured__date{font-size:.875rem;color:var(--blog-text-muted)}.blog-page .blog-featured__title{font-size:2rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;margin-bottom:16px;color:var(--blog-text-primary);transition:color .2s ease}.blog-page .blog-featured:hover .blog-featured__title{color:var(--blog-primary)}.blog-page .blog-featured__excerpt{font-size:1rem;color:var(--blog-text-secondary);line-height:1.7;margin-bottom:28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-featured__footer{display:flex;align-items:center;justify-content:space-between}.blog-page .blog-featured__author{display:flex;align-items:center;gap:12px}.blog-page .blog-featured__author-avatar{width:44px;height:44px;border-radius:var(--blog-radius-md);object-fit:cover;border:2px solid var(--blog-primary-100,#e0f2fe)}.blog-page .blog-featured__author-name{font-weight:600;font-size:.9375rem;color:var(--blog-text-primary)}.blog-page .blog-featured__author-role{font-size:.8125rem;color:var(--blog-text-muted)}.blog-page .blog-featured__read-time{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--blog-text-muted)}.blog-page .blog-featured__read-time svg{width:16px;height:16px;color:var(--blog-primary-400,#38bdf8)}.blog-page .blog-grid-section{margin-bottom:60px}.blog-page .blog-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.blog-page .blog-grid-title{font-size:1.5rem;font-weight:700;color:var(--blog-text-primary)}.blog-page .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--blog-grid-gap);gap:var(--blog-grid-gap)}.blog-page .blog-card{background:var(--blog-bg-paper);border-radius:var(--blog-radius-lg);overflow:hidden;border:1px solid var(--blog-divider);transition:all .4s var(--blog-ease-out-expo);animation:blog-fade-in-up .6s var(--blog-ease-out-expo) both}.blog-page .blog-card:hover{transform:translateY(-8px);box-shadow:var(--blog-shadow-xl);border-color:var(--blog-primary-200,#bae6fd)}.blog-page .blog-card__link{display:block;text-decoration:none;color:inherit}.blog-page .blog-card__image-wrapper{position:relative;height:200px;overflow:hidden;background:var(--blog-grey-100,#f1f5f9)}.blog-page .blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--blog-ease-out-expo)}.blog-page .blog-card:hover .blog-card__image{transform:scale(1.08)}.blog-page .blog-card__category{position:absolute;bottom:12px;left:12px;padding:6px 12px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--blog-radius-xs);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.blog-page .blog-card__content{padding:24px}.blog-page .blog-card__date{font-size:.8125rem;color:var(--blog-text-muted);margin-bottom:10px}.blog-page .blog-card__title{font-size:1.125rem;font-weight:700;line-height:1.35;color:var(--blog-text-primary);margin-bottom:12px;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-card:hover .blog-card__title{color:var(--blog-primary)}.blog-page .blog-card__excerpt{font-size:.9375rem;color:var(--blog-text-secondary);line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--blog-divider)}.blog-page .blog-card__author{display:flex;align-items:center;gap:10px}.blog-page .blog-card__author-avatar{width:32px;height:32px;border-radius:var(--blog-radius-sm);object-fit:cover}.blog-page .blog-card__author-name{font-size:.8125rem;font-weight:600;color:var(--blog-text-primary)}.blog-page .blog-card__read-time{font-size:.8125rem;color:var(--blog-text-muted)}.blog-page .blog-empty{text-align:center;padding:80px 0}.blog-page .blog-empty__title{font-size:1.25rem;font-weight:600;color:var(--blog-text-secondary);margin-bottom:8px}.blog-page .blog-empty__subtitle{font-size:.9375rem;color:var(--blog-text-muted)}@media (max-width:1024px){.blog-page .blog-grid{grid-template-columns:repeat(2,1fr)}.blog-page .blog-featured{grid-template-columns:1fr}.blog-page .blog-featured__image-wrapper{height:300px}.blog-page .blog-featured__content{padding:32px}}@media (max-width:768px){.blog-page .blog-header{padding:40px 0 24px}.blog-page .blog-grid{grid-template-columns:1fr}.blog-page .blog-featured__title{font-size:1.5rem}.blog-page .blog-filter{margin-bottom:40px}.blog-page .blog-featured{margin-bottom:36px}}.blog-article .blog-hero{position:relative;height:70vh;min-height:500px;max-height:700px;margin-bottom:60px;border-radius:0 0 80px 80px/0 0 48px 48px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12)}@media (min-width:900px){.blog-article .blog-hero{margin-top:calc(-1 * var(--nav-height, 72px))}}.blog-article .blog-hero__image-wrapper{position:absolute;inset:0;overflow:hidden}.blog-article .blog-hero__image{width:100%;height:100%;object-fit:cover}.blog-article .blog-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,.08) 20%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.7))}.blog-article .blog-hero__content{position:absolute;bottom:0;left:0;right:0;padding:60px 24px}.blog-article .blog-hero__inner{max-width:var(--blog-content-max);margin:0 auto}.blog-article .blog-hero__categories{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.blog-article .blog-hero__category{padding:8px 16px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--blog-radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:white}.blog-article .blog-hero__title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:white;margin-bottom:24px;animation:blog-fade-in-up .6s var(--blog-ease-out-expo) .1s both}.blog-article .blog-hero__meta{display:flex;align-items:center;gap:24px;animation:blog-fade-in-up .6s var(--blog-ease-out-expo) .2s both;flex-wrap:wrap}.blog-article .blog-hero__author{display:flex;align-items:center;gap:14px}.blog-article .blog-hero__author-avatar{width:52px;height:52px;border-radius:14px;object-fit:cover;border:3px solid rgba(255,255,255,.3)}.blog-article .blog-hero__author-name{font-weight:700;font-size:1rem;color:white}.blog-article .blog-hero__author-role{font-size:.875rem;color:rgba(255,255,255,.7)}.blog-article .blog-hero__meta-divider{width:1px;height:40px;background:rgba(255,255,255,.2)}.blog-article .blog-hero__meta-item{display:flex;flex-direction:column}.blog-article .blog-hero__meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.6);margin-bottom:2px}.blog-article .blog-hero__meta-value{font-size:.9375rem;font-weight:600;color:white}.blog-article .blog-progress{position:fixed;top:0;left:0;width:var(--progress,0);height:3px;background:linear-gradient(90deg,var(--blog-primary-400,#38bdf8),var(--blog-primary));z-index:1100;transition:width .1s linear}.blog-article .blog-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--blog-bg-paper);border:1px solid var(--blog-divider);border-radius:10px;font-size:.875rem;font-weight:600;color:var(--blog-text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--blog-shadow-md)}.blog-article .blog-back-btn:hover{background:var(--blog-primary-50,#f0f9ff);border-color:var(--blog-primary-200,#bae6fd);color:var(--blog-primary)}.blog-article .blog-back-btn svg{width:16px;height:16px}.blog-article .blog-back-btn--fixed{position:fixed;top:calc(var(--nav-height, 72px) + 24px);left:24px;z-index:100}@media (min-width:900px){.blog-article .blog-back-btn--fixed{display:none}}.blog-article .blog-hero__eyebrow{display:none;align-items:center;gap:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.7);text-decoration:none;margin-bottom:20px;transition:color .2s ease,gap .2s ease}.blog-article .blog-hero__eyebrow:hover{color:white;gap:10px}.blog-article .blog-hero__eyebrow svg{width:14px;height:14px;flex-shrink:0}@media (min-width:900px){.blog-article .blog-hero__eyebrow{display:inline-flex}}.blog-article .blog-article-container{display:grid;grid-template-columns:1fr 300px;grid-gap:80px;gap:80px;max-width:1240px;margin:0 auto;padding:0 24px 100px}.blog-article .blog-content{font-size:1.375rem;line-height:1.75;color:var(--blog-text-primary)}.blog-article .blog-content h2{font-size:2.25rem;font-weight:800;margin:64px 0 24px;color:var(--blog-text-primary);letter-spacing:-.025em}.blog-article .blog-content h3{font-size:1.75rem;font-weight:700;margin:48px 0 20px;color:var(--blog-text-primary);letter-spacing:-.015em}.blog-article .blog-content p{margin-bottom:28px}.blog-article .blog-content img{width:100%;border-radius:16px;margin:32px 0}.blog-article .blog-content blockquote{position:relative;margin:40px 0;padding:32px 32px 32px 40px;background:linear-gradient(135deg,var(--blog-primary-50,#f0f9ff) 0,var(--blog-primary-100,#e0f2fe) 100%);border-radius:16px;border-left:4px solid var(--blog-primary);font-size:1.25rem;font-style:italic;color:var(--blog-text-secondary);line-height:1.7}.blog-article .blog-content ol,.blog-article .blog-content ul{margin:24px 0;padding-left:24px}.blog-article .blog-content li{margin-bottom:12px}.blog-article .blog-content a{color:var(--blog-primary);text-decoration:underline;-webkit-text-decoration-color:var(--blog-primary-200,#bae6fd);text-decoration-color:var(--blog-primary-200,#bae6fd);text-underline-offset:3px;transition:-webkit-text-decoration-color .2s ease;transition:text-decoration-color .2s ease;transition:text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.blog-article .blog-content a:hover{-webkit-text-decoration-color:var(--blog-primary);text-decoration-color:var(--blog-primary)}.blog-article .blog-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--nav-height, 72px) + 32px);height:-moz-fit-content;height:fit-content}.blog-article .blog-sidebar-card{background:var(--blog-grey-50,#f8fafc);border-radius:var(--blog-radius-lg);padding:28px;margin-bottom:24px;border:1px solid var(--blog-divider)}.blog-article .blog-sidebar-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blog-text-muted);margin-bottom:20px}.blog-article .blog-author-card__avatar{width:72px;height:72px;border-radius:16px;object-fit:cover;margin-bottom:16px}.blog-article .blog-author-card__name{font-size:1.125rem;font-weight:700;margin-bottom:4px}.blog-article .blog-author-card__role{font-size:.875rem;color:var(--blog-text-muted);margin-bottom:16px}.blog-article .blog-author-card__bio{font-size:.9375rem;color:var(--blog-text-secondary);line-height:1.6;margin-bottom:20px}.blog-article .blog-social-links{display:flex;gap:12px}.blog-article .blog-social-link{width:40px;height:40px;border-radius:10px;background:var(--blog-bg-paper);border:1px solid var(--blog-divider);display:flex;align-items:center;justify-content:center;color:var(--blog-text-secondary);transition:all .2s ease;text-decoration:none}.blog-article .blog-social-link:hover{background:var(--blog-primary-50,#f0f9ff);border-color:var(--blog-primary-200,#bae6fd);color:var(--blog-primary)}.blog-article .blog-social-link svg{width:18px;height:18px}.blog-article .blog-toc__list{list-style:none;padding:0;margin:0}.blog-article .blog-toc__item{margin-bottom:12px}.blog-article .blog-toc__link{display:block;font-size:.9375rem;color:var(--blog-text-secondary);text-decoration:none;padding:8px 12px;border-radius:var(--blog-radius-sm);transition:all .2s ease;border-left:2px solid transparent}.blog-article .blog-toc__link.active,.blog-article .blog-toc__link:hover{background:var(--blog-primary-50,#f0f9ff);color:var(--blog-primary)}.blog-article .blog-toc__link.active{border-left-color:var(--blog-primary)}.blog-article .blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-article .blog-tag{padding:6px 12px;background:var(--blog-bg-paper);border:1px solid var(--blog-divider);border-radius:var(--blog-radius-xs);font-size:.8125rem;color:var(--blog-text-secondary);text-decoration:none;transition:all .2s ease}.blog-article .blog-tag:hover{background:var(--blog-primary-50,#f0f9ff);border-color:var(--blog-primary-200,#bae6fd);color:var(--blog-primary)}.blog-article .blog-related{padding:80px 0;background:var(--blog-grey-50,#f8fafc);border-top:1px solid var(--blog-divider)}.blog-article .blog-related__title{font-size:1.5rem;font-weight:700;color:var(--blog-text-primary);margin-bottom:32px}.blog-article .blog-related__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--blog-grid-gap);gap:var(--blog-grid-gap)}@media (max-width:1199px){.blog-article .blog-article-container{grid-template-columns:1fr}.blog-article .blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.blog-article .blog-related__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-article .blog-hero{height:60vh;min-height:400px}.blog-article .blog-hero__content{padding:40px 20px}.blog-article .blog-hero__meta{gap:16px}.blog-article .blog-hero__meta-divider{display:none}.blog-article .blog-related__grid,.blog-article .blog-sidebar{grid-template-columns:1fr}.blog-article .blog-back-btn--fixed{top:auto;bottom:24px;left:50%;transform:translateX(-50%)}}