.blog-hero{overflow:hidden;padding:8rem 0 5rem;position:relative}.blog-hero-orbs{inset:0;pointer-events:none;position:absolute}.blog-hero-orb{border-radius:50%;filter:blur(70px);opacity:.5;position:absolute}.blog-hero-orb--1{background:#8b5cf626;height:480px;left:-5%;top:-15%;width:480px}.blog-hero-orb--2{background:#f973161a;height:320px;right:-10%;top:20%;width:320px}.blog-hero-orb--3{background:#8b5cf61a;bottom:10%;height:240px;left:40%;width:240px}.blog-hero-container{max-width:720px;position:relative;z-index:1}.blog-hero-content{position:relative}.blog-hero-badge{align-items:center;background:var(--brand-muted);border:1px solid var(--border-brand);border-radius:var(--r-full);color:var(--brand);display:inline-flex;font-size:.8125rem;font-weight:700;gap:.5rem;letter-spacing:.06em;margin-bottom:1.75rem;padding:.5rem 1.25rem;text-transform:uppercase}.blog-hero-badge-dot{animation:blog-pulse 2s ease-in-out infinite;background:var(--cta);border-radius:50%;height:6px;width:6px}@keyframes blog-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.blog-hero-title{color:var(--text-primary);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.25rem}.blog-hero-subtitle{color:var(--text-secondary);font-size:1.1875rem;line-height:1.75;margin-bottom:1.75rem;max-width:560px}.blog-hero-meta{display:flex;flex-wrap:wrap;gap:1.25rem 2rem}.blog-hero-meta-item{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem}.blog-hero-meta-item svg{color:var(--success);flex-shrink:0}.blog-featured-section{padding:0 0 4rem}.blog-featured-label{align-items:center;color:var(--cta);display:flex;font-size:.75rem;font-weight:700;gap:.75rem;letter-spacing:.12em;margin-bottom:1.25rem;text-transform:uppercase}.blog-featured-label-line{background:linear-gradient(90deg,var(--cta),var(--brand));border-radius:1px;height:2px;width:24px}.blog-featured-card{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-raised) 100%);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-md),0 0 0 1px #8b5cf60d;display:block;overflow:hidden;padding:2.5rem 3rem;position:relative;transition:all var(--t-base)}.blog-featured-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg),0 0 0 1px #8b5cf614;transform:translateY(-2px)}.blog-featured-card-glow{background:linear-gradient(90deg,var(--brand),var(--cta));height:4px;left:0;opacity:.9;position:absolute;right:0;top:0}.blog-featured-card-inner{position:relative}.blog-featured-meta{margin-bottom:1rem}.blog-featured-date{color:var(--text-muted);font-size:.875rem;font-weight:600}.blog-featured-title{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.25;margin-bottom:1rem}.blog-featured-excerpt{color:var(--text-secondary);font-size:1.0625rem;line-height:1.7;margin-bottom:1.5rem;max-width:640px}.blog-featured-cta{align-items:center;color:var(--brand);display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;transition:gap var(--t-fast),color var(--t-fast)}.blog-featured-card:hover .blog-featured-cta{color:var(--cta);gap:.75rem}.blog-featured-cta svg{transition:transform var(--t-fast)}.blog-featured-card:hover .blog-featured-cta svg{transform:translateX(4px)}.blog-list-section{padding:3rem 0 5rem}.blog-list-section--single{padding-top:0}.blog-list-heading{color:var(--text-muted);font-size:1.125rem;font-weight:700;letter-spacing:.08em;margin-bottom:1.5rem;text-transform:uppercase}.blog-more-soon{color:var(--text-muted);font-size:.9375rem;font-weight:500;padding:2rem 0;text-align:center}.blog-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 1px 3px #0000000a;color:var(--text-primary);display:block;overflow:hidden;position:relative;transition:all var(--t-base)}.blog-card:hover{border-color:var(--border-hover);box-shadow:0 12px 40px #00000014,0 0 0 1px #8b5cf60f;transform:translateY(-4px)}.blog-card-accent{background:linear-gradient(90deg,var(--brand),var(--cta));height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--t-base)}.blog-card:hover .blog-card-accent{opacity:1}.blog-card-inner{padding:2rem}.blog-card-meta{margin-bottom:1rem}.blog-card-date{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.4rem}.blog-card-date svg{opacity:.75}.blog-card h3,.blog-card-title{color:var(--text-primary);font-size:1.1875rem;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin-bottom:.75rem}.blog-card p,.blog-card-excerpt{color:var(--text-secondary);font-size:.9375rem;line-height:1.65;margin-bottom:1.25rem}.blog-card-link{align-items:center;color:var(--brand);display:inline-flex;font-size:.9375rem;font-weight:700;gap:.4rem;transition:gap var(--t-fast),color var(--t-fast)}.blog-card:hover .blog-card-link{color:var(--cta);gap:.6rem}.blog-card-link svg{transition:transform var(--t-fast)}.blog-card:hover .blog-card-link svg{transform:translateX(3px)}.blog-empty{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-2xl);padding:5rem 2rem;text-align:center}.blog-empty-icon{color:var(--text-muted);margin-bottom:1.5rem;opacity:.4}.blog-empty-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.blog-empty-desc{color:var(--text-muted);font-size:1rem;margin:0 auto;max-width:360px}.blog-cta{padding:4rem 0 5rem}.blog-cta--article{padding-top:3rem}.blog-cta-card{background:linear-gradient(135deg,#8b5cf60f,#f973160a);border:1px solid var(--border-brand);border-radius:var(--r-2xl);padding:3rem;text-align:center}.blog-cta-badge{color:var(--brand);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.blog-cta-title{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.blog-cta-desc{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:1.75rem;margin-left:auto;margin-right:auto;max-width:480px}.blog-cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.blog-article-page{min-height:60vh}.blog-article-hero{overflow:hidden;padding:7rem 0 4rem;position:relative}.blog-article-hero-orbs{inset:0;pointer-events:none;position:absolute}.blog-article-hero-orb{border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.blog-article-hero-orb--1{background:#8b5cf61f;height:360px;right:-5%;top:-10%;width:360px}.blog-article-hero-orb--2{background:#f9731614;bottom:10%;height:240px;left:-5%;width:240px}.blog-article-hero-container{max-width:720px;position:relative;z-index:1}.blog-article-back{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:2rem;transition:color var(--t-fast),gap var(--t-fast)}.blog-article-back:hover{color:var(--brand);gap:.75rem}.blog-article-back svg{transition:transform var(--t-fast)}.blog-article-back:hover svg{transform:translateX(-2px)}.blog-article-hero-content{position:relative}.blog-article-date{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem}.blog-article-date svg{opacity:.75}.blog-article-title{color:var(--text-primary);font-size:clamp(2rem,4.5vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.15;margin-bottom:1rem}.blog-article-lead{color:var(--text-secondary);font-size:1.25rem;line-height:1.7}.blog-article-body{padding-bottom:3rem}.blog-article-body-container{margin:0 auto;max-width:680px}.blog-article-content{color:var(--text-primary);font-size:1.125rem;line-height:1.85}.blog-article-content>:first-child{margin-top:0}.blog-article-content>:last-child{margin-bottom:0}.blog-article-content p{margin-bottom:1.5rem}.blog-article-content strong{color:var(--text-primary);font-weight:700}.blog-article-content em{color:var(--text-secondary);font-style:italic}.blog-article-content h1,.blog-article-content h2,.blog-article-content h3,.blog-article-content h4{color:var(--text-primary);font-weight:700;line-height:1.3;margin-bottom:1rem;margin-top:2.5rem}.blog-article-content h1{font-size:2rem;margin-top:0}.blog-article-content h2{font-size:1.5rem}.blog-article-content h3{font-size:1.25rem}.blog-article-content h4{font-size:1.125rem}.blog-article-content ol,.blog-article-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.blog-article-content li{margin-bottom:.5rem}.blog-article-content li::marker{color:var(--accent)}.blog-article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.blog-article-content a:hover{color:var(--accent-hover,var(--accent))}.blog-article-content blockquote{background:rgba(var(--accent-rgb,99,102,241),.06);border-left:3px solid var(--accent);border-radius:0 var(--r-md,8px) var(--r-md,8px) 0;color:var(--text-secondary);font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.blog-article-content blockquote p:last-child{margin-bottom:0}.blog-article-content code{background:#ffffff0f;border-radius:4px;color:var(--accent);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;padding:.15em .4em}.blog-article-content pre{background:#0000004d;border:1px solid #ffffff0f;border-radius:var(--r-md,8px);margin:1.5rem 0;overflow-x:auto;padding:1.25rem 1.5rem}.blog-article-content pre code{background:none;color:var(--text-primary);font-size:.875rem;line-height:1.7;padding:0}.blog-article-content table{border-collapse:collapse;font-size:.95rem;margin:1.5rem 0;width:100%}.blog-article-content td,.blog-article-content th{border-bottom:1px solid #ffffff14;padding:.75rem 1rem;text-align:left}.blog-article-content th{background:#ffffff08;color:var(--text-primary);font-weight:700}.blog-article-content td{color:var(--text-secondary)}.blog-article-content tr:last-child td{border-bottom:none}.blog-article-content hr{border:none;border-top:1px solid #ffffff14;margin:2.5rem 0}.blog-article-content img{border-radius:var(--r-lg,12px);display:block;height:auto;margin:2rem 0;max-width:100%}.blog-article-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){.blog-hero{padding:5.5rem 0 3rem}.blog-featured-card{padding:1.5rem}.blog-grid{grid-template-columns:1fr}.blog-cta-card{padding:1.5rem}.blog-article-hero{padding:5.5rem 0 2.5rem}.blog-article-content{padding:0 .25rem}}