/* BizTorq — WhatsApp-to-Online ROI Calculator (roi- prefix; builds on cost-calculator.css) */
.roi-tool { background:#F7F5FC; padding:clamp(32px,5vw,64px) 0; }
.roi-grid { display:grid; grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr); gap:clamp(18px,3vw,36px); align-items:start; }
.roi-form, .roi-results { background:#fff; border:1px solid #E3DDF6; border-radius:4px; padding:clamp(18px,2.6vw,30px); }
.roi-form h2 { font-size:clamp(20px,2.3vw,25px); margin:0 0 14px; }
.roi-field { display:block; margin-bottom:12px; }
.roi-field span { display:block; font-size:13.5px; font-weight:600; color:#2A2640; margin-bottom:6px; line-height:1.4; }
.roi-field input, .roi-field select { width:100%; font-family:inherit; font-size:16px; padding:11px 13px; border:1px solid #DCD4F2; border-radius:3px; color:#191233; background:#fff; }
.roi-field input:focus, .roi-field select:focus { outline:2px solid #6C3FD1; outline-offset:0; border-color:transparent; }
.roi-form .cc-btn { width:100%; margin-top:6px; }

.roi-now { background:#191233; color:#F7F5FC; border-radius:4px; padding:18px 20px; }
.roi-big { font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:clamp(32px,4vw,44px); line-height:1.1; margin:6px 0 4px; }
.roi-big small { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:600; color:#B9B1D6; margin-left:6px; }
.roi-now p { margin:0; font-size:14.5px; color:#D6D0EA; line-height:1.55; }
.roi-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; margin:14px 0; }
.roi-card { border:1px solid #E3DDF6; border-radius:4px; padding:12px 14px; display:flex; flex-direction:column; gap:4px; }
.roi-card span, .roi-payback span { font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#5A566E; }
.roi-card strong { font-size:17px; }
.roi-card small, .roi-payback small { font-size:12.5px; color:#5A566E; line-height:1.45; }
.roi-payback { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.roi-payback > div { border-radius:4px; padding:14px 16px; display:flex; flex-direction:column; gap:4px; background:#F4FBF7; border:1px solid #B9E3C8; }
.roi-payback > div + div { background:#F7F5FC; border-color:#E3DDF6; }
.roi-payback strong { font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:clamp(22px,2.6vw,28px); }
.roi-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.roi-actions .cc-btn { width:auto; flex:1 1 200px; }

@media (max-width:900px) {
  .roi-grid { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .roi-payback { grid-template-columns:1fr; }
}