.blog-featured{padding:80px 0;background:#fff}.blog-featured-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.blog-featured-image{position:relative}.blog-featured-img-placeholder{background:linear-gradient(135deg,#0f2a4a 0%,#1a3f6f 100%);border-radius:16px;padding:32px;min-height:320px;display:flex;align-items:center;justify-content:center}.blog-featured-mockup{width:100%;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);border-radius:12px;padding:20px}.bfm-header{display:flex;align-items:center;gap:6px;margin-bottom:20px}.bfm-dot{width:10px;height:10px;border-radius:50%}.bfm-dot.red{background:#ff5f57}.bfm-dot.yellow{background:#febc2e}.bfm-dot.green{background:#28c840}.bfm-title{font-size:11px;color:rgb(255 255 255 / .6);margin-left:8px;font-family:monospace}.bfm-chart{margin-bottom:16px}.bfm-bar-group{display:flex;align-items:flex-end;gap:8px;height:80px;margin-bottom:8px}.bfm-bar{flex:1;background:rgb(255 255 255 / .15);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:background 0.3s}.bfm-bar.accent{background:#f97316}.bfm-bar span{font-size:9px;color:rgb(255 255 255 / .6)}.bfm-label{font-size:10px;color:rgb(255 255 255 / .5);text-align:center}.bfm-stats{display:flex;gap:16px}.bfm-stat{flex:1;background:rgb(255 255 255 / .07);border-radius:8px;padding:10px;text-align:center}.bfm-val{display:block;font-size:18px;font-weight:700;color:#fff}.bfm-val.green{color:#4ade80}.bfm-key{display:block;font-size:10px;color:rgb(255 255 255 / .5);margin-top:2px}.blog-featured-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.blog-date{font-size:13px;color:#64748b}.blog-read-time{font-size:13px;color:#64748b}.blog-featured-title{font-size:clamp(22px, 3vw, 32px);font-weight:800;color:#0f2a4a;line-height:1.25;margin-bottom:16px}.blog-featured-excerpt{font-size:16px;color:#475569;line-height:1.7;margin-bottom:20px}.blog-featured-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.blog-tag{background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.blog-cat{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:20px}.blog-cat-ads{background:#fef3c7;color:#92400e}.blog-cat-seo{background:#dcfce7;color:#166534}.blog-cat-ai{background:#ede9fe;color:#5b21b6}.blog-cat-web{background:#dbeafe;color:#1e40af}.blog-cat-social{background:#fce7f3;color:#9d174d}.blog-filter-section{background:#f8fafc;padding:24px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.blog-filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.blog-filter-btn{background:#fff;border:1.5px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600;padding:8px 18px;border-radius:24px;cursor:pointer;transition:all 0.2s;font-family:inherit}.blog-filter-btn:hover{border-color:#0f2a4a;color:#0f2a4a}.blog-filter-btn.active{background:#0f2a4a;border-color:#0f2a4a;color:#fff}.blog-grid-section{padding:60px 0 80px;background:#f8fafc}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgb(0 0 0 / .06);transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgb(0 0 0 / .12)}.blog-card-img-link{display:block;text-decoration:none}.blog-card-img{background:linear-gradient(135deg,#0f2a4a 0%,#1a3f6f 100%);background-size:cover;background-position:center;padding:20px;min-height:190px;display:flex;align-items:center}.blog-card-mockup{width:100%}.bcm-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgb(255 255 255 / .08);font-size:12px}.bcm-row:last-of-type{border-bottom:none}.bcm-label{color:rgb(255 255 255 / .6)}.bcm-val{color:#fff;font-weight:700}.bcm-val.green{color:#4ade80}.bcm-val.red{color:#f87171}.bcm-bar-mini{margin-top:10px;height:4px;background:rgb(255 255 255 / .15);border-radius:2px;overflow:hidden}.bcm-bar-fill{height:100%;background:#f97316;border-radius:2px}.blog-card-body{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.blog-card-title{font-size:17px;font-weight:700;color:#0f2a4a;line-height:1.35;margin-bottom:10px}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:#f97316}.blog-card-excerpt{font-size:14px;color:#64748b;line-height:1.65;flex:1;margin-bottom:16px}.blog-card-link{font-size:14px;font-weight:700;color:#f97316;text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-top:auto}.blog-card-link:hover{color:#ea580c}.blog-card.hidden{display:none}.blog-load-more{text-align:center}.blog-load-more-btn{min-width:200px}.blog-newsletter{padding:80px 0;background:#fff}.blog-newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.blog-newsletter-badge{display:inline-block;background:#e0f2fe;color:#0e7490;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:20px;margin-bottom:16px}.blog-newsletter h2{font-size:clamp(22px, 2.5vw, 30px);font-weight:800;color:#0f2a4a;line-height:1.3;margin-bottom:16px}.blog-newsletter p{font-size:16px;color:#475569;line-height:1.7;margin-bottom:20px}.blog-newsletter-list{list-style:none;padding:0;margin:0}.blog-newsletter-list li{font-size:15px;color:#475569;padding:6px 0;padding-left:24px;position:relative}.blog-newsletter-list li::before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.blog-newsletter-card{background:linear-gradient(135deg,#0c5f78 0%,#0e7490 50%,#0891b2 100%);border-radius:20px;padding:40px;text-align:center;color:#fff;box-shadow:0 8px 40px rgb(14 116 144 / .18)}.blog-newsletter-card h3{font-size:24px;font-weight:700;margin-bottom:8px}.blog-newsletter-card p{color:rgb(255 255 255 / .7);font-size:14px;margin-bottom:24px}.blog-newsletter-cta{width:100%;justify-content:center;margin-bottom:16px}.blog-newsletter-privacy{font-size:12px;color:rgb(255 255 255 / .5);margin:0}@media (max-width:900px){.blog-featured-inner,.blog-newsletter-inner{grid-template-columns:1fr;gap:32px}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-filter-bar{gap:6px}.blog-filter-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.blog-newsletter-card{padding:24px 20px}}