.blog-page .tiers{flex-direction:column;gap:14px;margin:24px 0 32px;display:flex}.blog-page .tier{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.blog-page .tier-header{flex-wrap:wrap;align-items:center;gap:14px;padding:14px 20px;display:flex}.blog-page .tier.t1 .tier-header{background:#10b9810f;border-bottom:1px solid #10b98133}.blog-page .tier.t2 .tier-header{background:#4b6ae80f;border-bottom:1px solid #4b6ae833}.blog-page .tier.t3 .tier-header{background:#e5196b0d;border-bottom:1px solid #e5196b33}.blog-page .tier-badge{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:100px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.blog-page .tier.t1 .tier-badge{color:#059669;background:#10b98126}.blog-page .tier.t2 .tier-badge{color:var(--blue);background:#4b6ae826}.blog-page .tier.t3 .tier-badge{color:var(--pink);background:#e5196b1f}.blog-page .tier-header h4{flex:1;margin:0;font-size:15px}.blog-page .tier.t1 .tier-header h4{color:#059669}.blog-page .tier.t2 .tier-header h4{color:var(--navy-mid)}.blog-page .tier.t3 .tier-header h4{color:var(--pink)}.blog-page .tier-ai{white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.blog-page .tier.t1 .tier-ai{color:var(--green)}.blog-page .tier.t2 .tier-ai{color:var(--blue)}.blog-page .tier.t3 .tier-ai{color:var(--pink)}.blog-page .tier-body{padding:16px 20px}.blog-page .tier-body p{color:var(--gray-800);margin-bottom:8px;font-size:14px;line-height:1.6}.blog-page .tier-body p:last-child{margin-bottom:0}.blog-page .tier-examples{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.blog-page .tier-ex{color:var(--navy);background:var(--off-white);border:1px solid var(--border);border-radius:100px;padding:3px 10px;font-size:12px}.blog-page .trigger-list{flex-direction:column;gap:10px;margin:20px 0 32px;display:flex}.blog-page .trigger-item{border-radius:var(--radius);background:#6b5ce70a;border:1px solid #6b5ce726;align-items:flex-start;gap:12px;padding:13px 17px;display:flex}.blog-page .trigger-icon{flex-shrink:0;margin-top:2px;font-size:18px}.blog-page .trigger-content h4{color:var(--navy);margin-bottom:3px;font-size:15px}.blog-page .trigger-content p{color:var(--text-light);margin-bottom:0;font-size:14px;line-height:1.5}.blog-page .handoff-steps{flex-direction:column;gap:0;margin:24px 0 32px;display:flex;position:relative}.blog-page .handoff-steps:before{content:"";background:var(--border);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:21px}.blog-page .handoff-step{z-index:1;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex;position:relative}.blog-page .handoff-step:last-child{padding-bottom:0}.blog-page .hs-icon{background:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.blog-page .hs-content{padding-top:8px}.blog-page .hs-content h4{margin-bottom:4px;font-size:15px}.blog-page .hs-content p{color:var(--text-light);margin-bottom:0;font-size:14px;line-height:1.6}.blog-page .metrics-row{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 28px;display:grid}.blog-page .metric-card{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:18px 16px}.blog-page .metric-num{font-family:var(--font-poppins),sans-serif;color:var(--navy);margin-bottom:4px;font-size:26px;font-weight:800}.blog-page .metric-label{color:var(--text-light);font-size:12px;line-height:1.4}.blog-page .mistake-list{flex-direction:column;gap:10px;margin:16px 0 28px;display:flex}.blog-page .mistake-item{border-radius:var(--radius);background:#e5196b0a;border:1px solid #e5196b24;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.blog-page .mistake-num{font-family:var(--font-poppins),sans-serif;color:var(--pink);flex-shrink:0;min-width:22px;font-size:15px;font-weight:800}.blog-page .mistake-content h4{margin-bottom:3px;font-size:15px}.blog-page .mistake-content p{color:var(--text-light);margin-bottom:0;font-size:14px;line-height:1.5}.blog-page .no-auto-icon{background:0 0;border-radius:0;width:auto;height:auto;margin-top:2px;font-size:16px}@media (max-width:640px){.blog-page .metrics-row{grid-template-columns:1fr}.blog-page .tier-header{flex-wrap:wrap;gap:8px}}