.blog-callout{border-radius:16px;align-items:flex-start;gap:16px;margin:28px 0;padding:20px 24px;display:flex}.blog-callout-icon{flex-shrink:0;margin-top:2px;font-size:1.75rem;line-height:1}.blog-callout-body{flex:1;min-width:0}.blog-callout-body p{margin:0 0 8px}.blog-callout-body p:last-child{margin-bottom:0}.blog-callout-title{margin-bottom:6px;font-size:1.05rem;font-weight:800}.blog-callout.info{background:#eff6ff;border:1px solid #bfdbfe}.blog-callout.tip{background:#f0fdf4;border:1px solid #bbf7d0}.blog-callout.warning{background:#fffbeb;border:1px solid #fde68a}.blog-callout.important{background:#fef2f2;border:1px solid #fecaca}.blog-callout.purple{background:#f5f3ff;border:1px solid #ddd6fe}.blog-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:28px 0;display:grid}.blog-stat{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 16px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.blog-stat:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.blog-stat-emoji{margin-bottom:8px;font-size:2rem}.blog-stat-number{color:#1e293b;font-size:1.75rem;font-weight:900;line-height:1.2}.blog-stat-label{color:#64748b;margin-top:4px;font-size:.85rem;line-height:1.4}.blog-steps{flex-direction:column;gap:20px;margin:28px 0;display:flex}.blog-step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;transition:border-color .2s;display:flex;box-shadow:0 1px 4px #0000000a}.blog-step:hover{border-color:#93c5fd}.blog-step-num{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:1.15rem;font-weight:900;display:flex}.blog-step-num.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.blog-step-num.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.blog-step-num.rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}.blog-step-num.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.blog-step-content{flex:1;min-width:0}.blog-step-title{color:#1e293b;margin-bottom:6px;font-size:1.05rem;font-weight:800}.blog-step-content p{color:#475569;margin:0;line-height:1.7}.blog-icon-list{flex-direction:column;gap:10px;display:flex;margin:24px 0!important;padding:0!important;list-style:none!important}.blog-icon-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;transition:background .2s;display:flex}.blog-icon-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.blog-icon-item-emoji{flex-shrink:0;margin-top:2px;font-size:1.3rem}.blog-icon-item-text{color:#334155;flex:1;line-height:1.7}.blog-quote{color:#4338ca;text-align:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:20px;margin:36px 0;padding:28px 32px;font-size:1.2rem;font-weight:700;line-height:1.8;position:relative}.blog-quote:before{content:"‟";color:#a5b4fc;font-size:4rem;line-height:1;position:absolute;top:-8px;right:20px}.blog-divider{text-align:center;letter-spacing:12px;color:#cbd5e1;margin:40px 0;font-size:1.3rem}.blog-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:28px 0;display:grid}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 4px #0000000a}.blog-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.blog-card-emoji{margin-bottom:12px;font-size:2.5rem}.blog-card-title{color:#1e293b;margin-bottom:8px;font-size:1.05rem;font-weight:800}.blog-card p,.blog-card-desc{color:#64748b;margin:0;font-size:.9rem;line-height:1.6}.blog-highlight{text-align:center;background:linear-gradient(135deg,#faf5ff,#fce7f3);border-radius:20px;margin:32px 0;padding:28px}.blog-highlight-emoji{margin-bottom:12px;font-size:3rem}.blog-highlight-title{color:#1e293b;margin-bottom:8px;font-size:1.4rem;font-weight:900}.blog-highlight-text{color:#64748b;font-size:1rem;line-height:1.6}.blog-table-wrapper{border:1px solid #e2e8f0;border-radius:16px;margin:28px 0;overflow:hidden;box-shadow:0 2px 8px #0000000a}.blog-table-wrapper table{border-collapse:collapse;width:100%;box-shadow:none!important;border:none!important;margin:0!important}.blog-table-wrapper thead{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.blog-table-wrapper th{text-align:right;font-weight:700;color:#fff!important;background:0 0!important;border:none!important;padding:14px 18px!important}.blog-table-wrapper td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 18px!important}.blog-table-wrapper tbody tr:hover{background:#f8fafc}.blog-table-wrapper tbody tr:last-child td{border-bottom:none}.blog-table-wrapper.green thead{background:linear-gradient(135deg,#22c55e,#16a34a)}.blog-table-wrapper.blue thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.blog-table-wrapper.amber thead{background:linear-gradient(135deg,#f59e0b,#d97706)}.blog-compare{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}@media (max-width:640px){.blog-compare{grid-template-columns:1fr}}.blog-compare-card{border:1px solid #e2e8f0;border-radius:16px;padding:24px}.blog-compare-card.positive{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.blog-compare-card.negative{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.blog-compare-title{align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;font-weight:800;display:flex}.blog-timeline{margin:28px 0;padding-right:32px;position:relative}.blog-timeline:before{content:"";background:linear-gradient(#3b82f6,#8b5cf6);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;right:14px}.blog-timeline-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:16px 20px;position:relative;box-shadow:0 1px 4px #0000000a}.blog-timeline-item:before{content:"";background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:22px;right:-25px;box-shadow:0 0 0 2px #3b82f6}.blog-timeline-date{color:#6366f1;margin-bottom:4px;font-size:.9rem;font-weight:800}.blog-timeline-title{color:#1e293b;margin-bottom:4px;font-weight:700}.blog-timeline-desc{color:#64748b;font-size:.9rem;line-height:1.6}.blog-funnel{flex-direction:column;align-items:center;gap:8px;margin:28px 0;display:flex}.blog-funnel-step{text-align:center;color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:16px;font-weight:700;line-height:1.4;transition:transform .2s;display:flex}.blog-funnel-step:hover{transform:scale(1.02)}.blog-funnel-arrow{color:#94a3b8;font-size:1.5rem}.blog-section-header{align-items:center;gap:12px;margin-top:40px;margin-bottom:16px;display:flex}.blog-section-emoji{font-size:2rem}.blog-section-title{color:#1e293b;font-size:1.5rem;font-weight:900}.blog-badge{border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.blog-badge.blue{color:#1d4ed8;background:#dbeafe}.blog-badge.green{color:#15803d;background:#dcfce7}.blog-badge.amber{color:#b45309;background:#fef3c7}.blog-badge.red{color:#dc2626;background:#fee2e2}.blog-badge.purple{color:#7c3aed;background:#ede9fe}.blog-big-number{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:20px;justify-content:center;align-items:center;gap:16px;margin:28px 0;padding:24px;display:flex}.blog-big-number-value{color:#4f46e5;font-size:3.5rem;font-weight:900;line-height:1}.blog-big-number-text{color:#475569;font-size:1.1rem;font-weight:600;line-height:1.6}.blog-content .blog-callout p,.blog-content .blog-step-content p,.blog-content .blog-card p,.blog-content .blog-icon-item-text,.blog-content .blog-highlight-text,.blog-content .blog-timeline-desc,.blog-content .blog-compare-card p{margin:0;padding:0}.blog-content .blog-stats,.blog-content .blog-steps,.blog-content .blog-icon-list,.blog-content .blog-card-grid,.blog-content .blog-callout,.blog-content .blog-quote,.blog-content .blog-highlight,.blog-content .blog-table-wrapper,.blog-content .blog-compare,.blog-content .blog-timeline,.blog-content .blog-funnel,.blog-content .blog-big-number,.blog-content .blog-divider{max-width:none}
