.calc-input-group { margin-bottom: 20px; }
.calc-label { display: block; font-weight: 600; margin-bottom: 8px; color: #1a1a1a; font-size: 16px; }
.calc-input { width: 100%; padding: 12px; border: 2px solid #edeff2; border-radius: 6px; font-size: 16px; transition: border-color 0.2s; box-sizing: border-box; }
.calc-input:focus { border-color: #007cba; outline: none; }
.calc-btn { width: 100%; background-color: #007cba; color: white; padding: 14px; border: none; border-radius: 6px; font-size: 18px; font-weight: 700; cursor: pointer; transition: background 0.3s; }
.calc-btn:hover { background-color: #006799; }
#calc-results { margin-top: 25px; padding: 20px; background: #f0f6fb; border-radius: 8px; display: none; }
.result-item { display: flex; justify-content: space-between; margin-bottom: 10px; border-bottom: 1px solid #d0dee9; padding-bottom: 10px; }
.result-label { color: #444; font-weight: 500; }
.result-value { font-weight: 800; color: #007cba; }
function handleCalculation() {
var traffic = parseFloat(document.getElementById('monthly-traffic').value) || 0;
var convRate = parseFloat(document.getElementById('conversion-rate').value) || 0;
var orderValue = parseFloat(document.getElementById('avg-value').value) || 0;
var leads = Math.round(traffic * (convRate / 100));
var revenue = leads * orderValue;
document.getElementById('res-leads').innerText = leads.toLocaleString();
document.getElementById('res-revenue').innerText = '$' + revenue.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});
var resultDiv = document.getElementById('calc-results');
resultDiv.style.display = 'block';
// SEO Benefit: Triggers smooth scroll to results on mobile
resultDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
}
SEO ROI Estimator
Estimate your potential revenue growth
Total Monthly Leads:
0
Estimated Monthly Revenue:
$0.00
*This is an estimate based on provided metrics. Actual conversion rates and SEO performance vary by industry.