.roi-calculator{--blue:#0083ca;--blue-dark:#1774bd;--text:#101828;--muted:#52637a;--border:#d8e4f2;--bg:#f6f9fc;--card:#fff;--soft-blue:#eef8ff;background:var(--bg);border:1px solid var(--border);border-radius:20px;color:var(--text);font-family:Roboto,Arial,sans-serif;padding:24px}.roi-header{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.roi-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1;margin:0}.roi-header p{color:var(--muted);font-size:.95rem;margin:10px 0 0}.status-pill{align-items:center;align-self:flex-start;background:#fff;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:.82rem;gap:8px;padding:8px 14px;white-space:nowrap}.status-pill:before{background:var(--blue);border-radius:50%;content:"";height:7px;width:7px}.roi-tabs{align-items:center;background:#000;border:none;border-radius:3px;display:flex;gap:0;margin-bottom:28px;padding:15px;width:100%}.tab{appearance:none;background:transparent;border:0;border-radius:3px;color:#fff;cursor:pointer;flex:1;font-family:Roboto,Arial,sans-serif;font-size:1.2rem;font-weight:500;margin:0 .3rem;min-height:50px;padding:0 10px;transition:background-color .18s ease,color .18s ease,transform .18s ease}.tab.active,.tab:hover{background:#0083ca}.tab.active{color:#fff}.tab:focus-visible{outline:3px solid rgba(43,124,211,.35);outline-offset:2px}.roi-body{display:grid;gap:18px;grid-template-columns:340px 1fr}.inputs-panel,.results-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}.row{align-items:center;background:#fbfdff;border:1px solid var(--border);border-radius:12px;display:grid;gap:14px;grid-template-columns:1fr 110px;margin-bottom:12px;padding:14px}.row:last-child{margin-bottom:0}.row label{font-size:.9rem;font-weight:700;line-height:1.25}.row input,.row select{background:#fff;border:1px solid #cbd9ea;border-radius:9px;color:var(--text);font:inherit;font-size:.94rem;font-weight:700;height:38px;padding:0 10px;text-align:right;width:100%}.roi-detail-input-row{align-items:center;background:#fbfdff;border:1px solid #e6edf5;border-radius:14px;display:grid;gap:14px;grid-template-columns:1fr 120px;margin-bottom:14px;padding:14px}.roi-detail-input-copy label{color:var(--text);display:block;font-size:.92rem;font-weight:800;margin:0}.roi-detail-input-copy p{color:var(--muted);font-size:.8rem;line-height:1.35;margin:5px 0 0}.roi-detail-input-control input,.roi-detail-input-control select{background:#fff;border:1px solid #cbd8e8;border-radius:10px;color:var(--text);font:inherit;font-weight:700;height:44px;padding:0 12px;text-align:right;width:70%}.roi-detail-input-control select{width:85%}.roi-detail-input-control input:focus,.roi-detail-input-control select:focus,.row input:focus,.row select:focus{border-color:var(--blue);outline:3px solid rgba(0,131,202,.18)}.hero{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:14px;color:#fff;margin-bottom:14px;padding:22px}.hero .label{font-size:.78rem;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.hero .label,.hero .value{color:#fff;font-weight:800}.hero .value{font-size:clamp(2.6rem,6vw,4.2rem);line-height:.95}.metrics{border:1px solid var(--border);border-radius:14px;display:grid;gap:0;grid-template-columns:1fr 1fr;margin-bottom:16px;overflow:hidden}.metrics div{background:#fff;border-right:1px solid var(--border);color:var(--muted);font-size:.8rem;line-height:1.35;min-height:84px;padding:15px}.metrics div:nth-child(2n){border-right:0}.metrics strong{color:var(--text);display:block;font-size:1.25rem;line-height:1.15;margin-bottom:8px}canvas[data-role=chart]{background:#fff;border:1px solid var(--border);border-radius:14px;margin:0 0 16px;max-height:240px;padding:14px;width:100%!important}.insight{background:#fff;border:1px solid rgba(0,131,202,.25);border-left:4px solid var(--blue);border-radius:12px;color:var(--text);font-size:.92rem;line-height:1.6;padding:16px 18px}.downtime-results-panel[hidden],.quality-results-panel[hidden],.results-panel[hidden]{display:none}.quality-roi-calc__hero{background:linear-gradient(135deg,var(--blue),#1267be);border-radius:16px;color:#fff;margin-bottom:16px;padding:24px}.quality-roi-calc__hero p{font-size:.82rem;font-weight:800;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.quality-roi-calc__hero strong{display:block;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1}.quality-roi-calc__hero span{display:block;font-size:.95rem;line-height:1.5;margin-top:10px;max-width:520px;opacity:.92}.quality-roi-calc__kpis{border:1px solid var(--border);border-radius:16px;display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}.quality-roi-calc__kpi{background:#fff;border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-height:96px;padding:18px}.quality-roi-calc__kpi:nth-child(2n){border-right:0}.quality-roi-calc__kpi p{color:var(--muted);font-size:.86rem;line-height:1.35;margin:0 0 8px}.quality-roi-calc__kpi strong{color:var(--text);font-size:1.45rem;line-height:1.1}.quality-roi-calc__kpi--highlight{background:var(--soft-blue)}.quality-roi-calc__kpi--highlight strong{color:#0069a7}.quality-roi-calc__meaning{background:#fbfdff;border:1px solid #b9dcf4;border-left:4px solid var(--blue);border-radius:14px;margin-top:16px;padding:20px}.quality-roi-calc__meaning h3{font-size:.95rem;font-weight:800;margin:0 0 10px;text-transform:uppercase}.quality-roi-calc__meaning p{font-size:.95rem;line-height:1.6;margin:0}.quality-roi-calc__highlight{color:#0069a7;font-weight:800}@media (max-width:768px){.roi-header{flex-direction:column}.roi-tabs{border-radius:18px;overflow-x:auto;padding:6px}.tab{font-size:.95rem;min-height:64px;min-width:220px}.roi-body{grid-template-columns:1fr}}@media (max-width:640px){.metrics,.quality-roi-calc__kpis,.roi-detail-input-row{grid-template-columns:1fr}.metrics div,.metrics div:nth-child(2n),.quality-roi-calc__kpi,.quality-roi-calc__kpi:nth-child(2n){border-right:0}}@media (max-width:520px){.roi-calculator{border-radius:16px;padding:18px}.row{grid-template-columns:1fr}}