Embeddable Cost Calculator

<!-- Texas Land Clearing Cost Calculator - Bear Claw Land Clearing -->
<div id="bcl-calc-widget" style="max-width:400px;font-family:system-ui,sans-serif;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden">
  <div style="background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);padding:16px 20px;text-align:center">
    <h3 style="color:#fff;margin:0;font-size:18px">Land Clearing Cost Calculator</h3>
    <p style="color:#fed7aa;margin:4px 0 0;font-size:12px">Texas Estimate Tool</p>
  </div>
  <div style="padding:20px;background:#fff">
    <div style="margin-bottom:16px">
      <label style="display:block;font-weight:600;color:#374151;margin-bottom:6px;font-size:14px">Acres to Clear</label>
      <input type="number" id="bcl-acres" value="1" min="0.1" step="0.1" style="width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px" onchange="bclCalc()">
    </div>
    <div style="margin-bottom:16px">
      <label style="display:block;font-weight:600;color:#374151;margin-bottom:6px;font-size:14px">Vegetation Density</label>
      <select id="bcl-density" style="width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px" onchange="bclCalc()">
        <option value="2000">Light (Grass/Light Brush)</option>
        <option value="3500" selected>Medium (Brush/Small Trees)</option>
        <option value="5500">Heavy (Cedar/Dense Forest)</option>
      </select>
    </div>
    <div style="background:#fef3c7;border-radius:12px;padding:16px;text-align:center">
      <div style="font-size:12px;color:#92400e;margin-bottom:4px">Estimated Cost Range</div>
      <div id="bcl-result" style="font-size:24px;font-weight:700;color:#ea580c">$2,625 - $4,375</div>
    </div>
  </div>
  <div style="background:#f9fafb;padding:12px;text-align:center;border-top:1px solid #e5e5e5">
    <a href="https://bearclawclearing.com/cost-calculator" target="_blank" style="color:#ea580c;font-size:12px;text-decoration:none;font-weight:500">Get Accurate Quote → bearclawclearing.com</a>
  </div>
</div>
<script>
function bclCalc(){
  var a=parseFloat(document.getElementById('bcl-acres').value)||1;
  var d=parseInt(document.getElementById('bcl-density').value);
  var e=a*d;
  var l=Math.round(e*0.75);
  var h=Math.round(e*1.25);
  document.getElementById('bcl-result').textContent='$'+l.toLocaleString()+' - $'+h.toLocaleString();
}
</script>