.blog-hero{background:radial-gradient(ellipse 90% 60% at 50% 35%,rgba(160,82,45,.05) 0%,transparent 50%),var(--bg-color);position:relative;overflow:hidden;padding:7rem 0 4.5rem;text-align:center}.blog-hero:before,.blog-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0}.blog-hero:before{width:600px;height:600px;background:radial-gradient(circle,rgba(160,82,45,.12) 0%,transparent 70%);top:-200px;left:-100px;animation:mesh-drift 20s ease-in-out infinite}.blog-hero:after{width:500px;height:500px;background:radial-gradient(circle,rgba(197,176,141,.08) 0%,transparent 70%);bottom:-150px;right:-100px;animation:mesh-drift 25s ease-in-out infinite reverse}@keyframes mesh-drift{0%{transform:translate(0) rotate(0)}33%{transform:translate(40px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-3deg)}to{transform:translate(0) rotate(0)}}[data-theme=dark] .blog-hero:before{background:radial-gradient(circle,rgba(160,82,45,.15) 0%,transparent 70%);opacity:.5}[data-theme=dark] .blog-hero:after{background:radial-gradient(circle,rgba(197,176,141,.1) 0%,transparent 70%);opacity:.5}.blog-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(160,82,45,.14) 1px,transparent 0);background-size:36px 36px;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 30%,transparent 100%);pointer-events:none;z-index:0}.blog-hero .container{position:relative;z-index:1}.blog-hero h1{font-size:clamp(2.2rem,5vw,3.75rem);margin-bottom:1rem;font-weight:700;line-height:1.15}.blog-hero h1 span{background:var(--gradient-primary, linear-gradient(135deg, #A0522D 0%, #7c3aed 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:1.1rem;opacity:.72;max-width:560px;margin:0 auto 2rem;line-height:1.65}.blog-hero-stats{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.blog-hero-stats span{font-size:.82rem;font-weight:600;color:var(--primary-color, #A0522D);background:#a0522d14;border:1px solid rgba(160,82,45,.2);padding:.3rem .85rem;border-radius:20px;letter-spacing:.01em;transition:background .2s ease,transform .2s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.blog-hero-stats span:hover{background:#a0522d26;transform:translateY(-2px)}.blog-filters{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:2rem}.blog-filter-btn{background:none;border:1px solid rgba(160,82,45,.22);color:var(--text-color, #374151);font-size:.82rem;font-weight:600;padding:.35rem .9rem;border-radius:20px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .2s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));font-family:inherit;letter-spacing:.01em}.blog-filter-btn:hover,.blog-filter-btn.active{background:var(--gradient-primary, linear-gradient(135deg, #A0522D, #7c3aed));color:#fff;border-color:transparent;transform:translateY(-2px)}.blog-list{padding:2.5rem 0 5rem}.blog-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:.5rem}.blog-article-card:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;padding:2.25rem 2.5rem}.blog-article-card:first-child h2{font-size:1.55rem;line-height:1.3}.blog-article-card:first-child .blog-article-body{display:flex;flex-direction:column;justify-content:space-between;height:100%}.blog-article-card{background:var(--card-bg, #fff);border:1px solid var(--border-subtle, rgba(0,0,0,.07));border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;transition:transform .35s var(--ease-out, cubic-bezier(.4,0,.2,1)),box-shadow .35s ease,border-color .35s ease}.blog-article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary, linear-gradient(135deg, #A0522D 0%, #7c3aed 100%));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out, cubic-bezier(.4,0,.2,1))}.blog-article-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg, 0 20px 48px rgba(0,0,0,.12), 0 8px 20px rgba(0,0,0,.06));border-color:#a0522d33}.blog-article-card:hover:before{transform:scaleX(1)}.blog-article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.blog-article-meta time{font-size:.82rem;opacity:.55}.blog-article-card h2{font-size:1.15rem;margin-bottom:.75rem;line-height:1.4}.blog-article-card h2 a{color:inherit;text-decoration:none;transition:color .18s ease}.blog-article-card h2 a:hover{color:var(--primary-color, #A0522D)}.blog-article-card>p,.blog-article-body>p{font-size:.9rem;opacity:.7;line-height:1.65;margin-bottom:1.25rem;flex:1}.blog-tag{display:inline-block;background:var(--gradient-primary, linear-gradient(135deg, #A0522D 0%, #7c3aed 100%));color:#fff;font-size:.7rem;font-weight:700;padding:.28rem .7rem;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.blog-read-more{display:inline-flex;align-items:center;gap:5px;color:var(--primary-color, #A0522D);font-weight:600;font-size:.875rem;text-decoration:none;transition:gap .2s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.blog-read-more:after{content:"→";display:inline-block;transition:transform .2s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.blog-read-more:hover{gap:10px}.blog-read-more:hover:after{transform:translate(4px)}.blog-preview{padding:4rem 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.blog-card{background:var(--card-bg, #fff);border:1px solid var(--border-subtle, rgba(0,0,0,.07));border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .35s var(--ease-out, cubic-bezier(.4,0,.2,1)),box-shadow .35s ease,border-color .35s ease}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary, linear-gradient(135deg, #A0522D 0%, #7c3aed 100%));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out, cubic-bezier(.4,0,.2,1))}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg, 0 20px 48px rgba(0,0,0,.12));border-color:#a0522d33}.blog-card:hover:before{transform:scaleX(1)}.blog-card-content{display:flex;flex-direction:column;gap:.6rem}.blog-card h3{font-size:1rem;line-height:1.4}.blog-card h3 a{color:inherit;text-decoration:none;transition:color .18s ease}.blog-card h3 a:hover{color:var(--primary-color, #A0522D)}.blog-card p{font-size:.875rem;opacity:.68;line-height:1.6}.section-subtitle{text-align:center;font-size:1rem;opacity:.68;margin-top:-1.5rem;margin-bottom:2.5rem}.blog-preview .section-subtitle{margin-top:-1rem;margin-bottom:2rem}.blog-cta{text-align:center;margin-top:1.5rem}.blog-post{padding:5rem 0 3rem}.blog-post-container{max-width:780px}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--gradient-primary, linear-gradient(135deg, #A0522D 0%, #7c3aed 100%));z-index:9999;transition:width .1s linear;pointer-events:none}.blog-post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle, rgba(0,0,0,.07))}.blog-post-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.blog-post-meta time,.blog-author{font-size:.875rem;opacity:.6}.blog-author a{color:var(--primary-color, #A0522D);text-decoration:none}.blog-post-header h1{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.2;margin-bottom:1.25rem}.blog-post-intro{font-size:1.1rem;line-height:1.72;opacity:.82;border-left:3px solid var(--primary-color, #A0522D);padding-left:1.25rem;background:#a0522d0a;padding:1rem 1.25rem;border-radius:0 8px 8px 0}.blog-post-content{line-height:1.8;font-size:1rem}.blog-post-content h2{font-size:1.5rem;margin:2.5rem 0 .875rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle, rgba(0,0,0,.07))}.blog-post-content p{margin-bottom:1.3rem}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.3rem 1.5rem}.blog-post-content li{margin-bottom:.45rem}.blog-post-content pre{background:#0f172a;color:#e2e8f0;padding:1.5rem 1.75rem;border-radius:12px;overflow-x:auto;margin:1.75rem 0;font-size:.875rem;line-height:1.7;border:1px solid rgba(255,255,255,.05)}.blog-post-content code{background:#a0522d17;color:var(--primary-color, #A0522D);padding:.18rem .45rem;border-radius:5px;font-size:.875em}.blog-post-content pre code{background:none;color:inherit;padding:0;font-size:inherit}.blog-post-content strong{font-weight:600}.blog-post-content a{color:var(--primary-color, #A0522D);text-underline-offset:3px}.blog-author-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;background:#a0522d0d;border:1px solid rgba(160,82,45,.14);border-radius:16px;margin:3rem 0 2rem}.blog-author-avatar{width:56px;height:56px;border-radius:50%;border:2px solid rgba(160,82,45,.25);flex-shrink:0;object-fit:cover}.blog-author-info h4{font-size:.975rem;font-weight:600;margin-bottom:.2rem}.blog-author-info p{font-size:.85rem;opacity:.65;margin:0}.comparison-table{overflow-x:auto;margin:1.75rem 0;border-radius:12px;border:1px solid var(--border-subtle, rgba(0,0,0,.07));overflow:hidden}.comparison-table table{width:100%;border-collapse:collapse;font-size:.9rem}.comparison-table th,.comparison-table td{padding:.8rem 1.1rem;text-align:left;border-bottom:1px solid var(--border-subtle, rgba(0,0,0,.07))}.comparison-table th{background:var(--gradient-primary, linear-gradient(135deg, #A0522D 0%, #7c3aed 100%));color:#fff;font-weight:600;border-bottom:none}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover td{background:#a0522d0a}.blog-post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle, rgba(0,0,0,.07));display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.blog-post-footer p{opacity:.75;margin:0}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.service-card{background:var(--card-bg, #fff);border:1px solid var(--border-subtle, rgba(0,0,0,.07));border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;transition:transform .3s var(--ease-out, cubic-bezier(.4,0,.2,1)),box-shadow .3s ease,border-color .3s ease}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary, linear-gradient(135deg, #A0522D 0%, #7c3aed 100%));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out, cubic-bezier(.4,0,.2,1))}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg, 0 20px 48px rgba(0,0,0,.12));border-color:#a0522d2e}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:48px;height:48px;background:var(--gradient-primary, linear-gradient(135deg, #A0522D 0%, #7c3aed 100%));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1rem;box-shadow:0 4px 14px #a0522d4d}.service-card h3{font-size:1.05rem;margin-bottom:.6rem}.service-card p{font-size:.9rem;opacity:.72;line-height:1.6;margin-bottom:1rem}.service-stack{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.service-stack li{background:#a0522d14;color:var(--primary-color, #A0522D);font-size:.73rem;font-weight:600;padding:.2rem .55rem;border-radius:5px;border:1px solid rgba(160,82,45,.14)}.services-cta{text-align:center;padding:2.25rem;background:#a0522d0d;border-radius:16px;border:1px solid rgba(160,82,45,.15)}.services-cta p{font-size:1.05rem;margin-bottom:1rem;opacity:.82}[data-theme=dark] .blog-article-card,[data-theme=dark] .blog-card,[data-theme=dark] .service-card{background:#1e293bcc;border-color:#ffffff14}[data-theme=dark] .blog-filter-btn{color:#fffc;border-color:#a0522d4d}[data-theme=dark] .blog-post-content pre{background:#020617;border-color:#ffffff0f}[data-theme=dark] .blog-post-intro{background:#a0522d14}[data-theme=dark] .blog-author-card,[data-theme=dark] .services-cta{background:#a0522d14;border-color:#a0522d33}[data-theme=dark] .comparison-table td{border-color:#ffffff12}[data-theme=dark] .comparison-table tbody tr:hover td{background:#a0522d14}@media(max-width:1024px){.blog-articles-grid{grid-template-columns:repeat(2,1fr)}.blog-article-card:first-child{grid-column:1 / -1}}@media(max-width:640px){.blog-articles-grid{grid-template-columns:1fr}.blog-article-card:first-child{grid-template-columns:1fr;padding:1.5rem}.blog-grid,.services-grid{grid-template-columns:1fr}.blog-filters{gap:.4rem}.blog-post-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.blog-article-card,.blog-card,.service-card,.blog-filter-btn{transition-duration:.01ms!important}}