.roi-result{margin:18px 0 4px;padding:18px 18px 16px;border-radius:14px;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0}.roi-result-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:12px}.roi-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.roi-kpi{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;text-align:left}.roi-kpi-hero{background:#0f172a;border-color:#0f172a}.roi-kpi-hero .roi-kpi-label{color:#cbd5e1}.roi-kpi-hero .roi-kpi-val{color:#ffffff}.roi-kpi-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;color:#64748b;margin-bottom:4px}.roi-kpi-val{font-size:15px;font-weight:800;color:#0f172a;line-height:1.2;word-break:break-word}.roi-sub-kpis{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.roi-sub-kpi{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#475569}.roi-sub-kpi b{color:#0f172a;font-size:12.5px}.roi-note{font-size:11.5px;color:#475569;line-height:1.5}@media (max-width:640px){.roi-kpis{grid-template-columns:repeat(2,1fr)}}