<div style="max-width:480px;margin:auto;padding:20px;border:1px solid #ccc;border-radius:10px;">
  <h3 style="text-align:center;">Brokerage Fee Comparison</h3>

  <p>Enter your current brokerage numbers below. Compare visually with our brokerage's defaults.</p>

  <label>Your Annual GCI ($):</label>
  <input type="number" placeholder="e.g. 150000" style="width:100%;padding:8px;margin-bottom:10px;" />

  <label>Your Brokerage Split (%):</label>
  <input type="number" placeholder="e.g. 70" style="width:100%;padding:8px;margin-bottom:10px;" />

  <label>Your Transaction Fee:</label>
  <select style="width:100%;padding:8px;margin-bottom:10px;">
    <option>Flat Fee per Closing</option>
    <option>Percentage of Commission</option>
  </select>
  <input type="number" placeholder="Amount" style="width:100%;padding:8px;margin-bottom:10px;" />

  <label>Annual Closings:</label>
  <input type="number" placeholder="e.g. 12" style="width:100%;padding:8px;margin-bottom:10px;" />

  <h4 style="margin-top:20px;">Our Brokerage Defaults:</h4>
  <ul>
    <li>Split: 90%</li>
    <li>Transaction Fee: $250 per closing</li>
    <li>Desk Fees: $0/year</li>
  </ul>

  <p style="margin-top:10px;color:#555;font-size:13px;">*Use a calculator to manually compute your net compared to ours.*</p>
</div>