.hpp-result{margin:18px 0 4px;padding:18px 18px 16px;border-radius:14px;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0}.hpp-result-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:12px}.hpp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.hpp-kpi{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;text-align:left}.hpp-kpi-hero{background:#0f172a;border-color:#0f172a}.hpp-kpi-hero .hpp-kpi-label{color:#cbd5e1}.hpp-kpi-hero .hpp-kpi-val{color:#ffffff}.hpp-kpi-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;color:#64748b;margin-bottom:4px}.hpp-kpi-val{font-size:15px;font-weight:800;color:#0f172a;line-height:1.2;word-break:break-word}.hpp-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.hpp-tier{background:#ffffff;border:1px solid #e2e8f0;border-radius:9px;padding:8px 10px;text-align:center}.hpp-tier-main{border-color:#c9a84c;background:#fdf9ef}.hpp-tier-label{font-size:9.5px;font-weight:700;color:#64748b;margin-bottom:3px}.hpp-tier-price{font-size:13px;font-weight:800;color:#0f172a}.hpp-note{font-size:11.5px;color:#475569;line-height:1.5}@media (max-width:640px){.hpp-kpis{grid-template-columns:repeat(2,1fr)}.hpp-tiers{grid-template-columns:1fr}}