// SB7 Step 6: Helps Them Avoid Failure — the without / with contrast
function SBStakes() {
  return (
    <section id="stakes" className="section stakes">
      <div className="section-inner">
        <div className="section-eyebrow">What's at stake</div>
        <h2 className="section-title">
          Two ways this ends ...<br/>
          <em>and you get to choose.</em>
        </h2>

        <div className="stakes-compare">
          <div className="stakes-col stakes-col-neg">
            <div className="stakes-col-icon">×</div>
            <h3 className="stakes-col-h">Buying without a way out</h3>
            <ul className="stakes-list">
              <li>You commit to a mortgage before you've even slept in the house</li>
              <li>The first winter reveals problems you never saw at showings</li>
              <li>You realize the commute is 15 minutes longer than you thought</li>
              <li>Selling costs eat $30–60k of equity trying to unwind the mistake</li>
              <li>Two years of second-guessing every mortgage payment</li>
            </ul>
          </div>

          <div className="stakes-col stakes-col-pos">
            <div className="stakes-col-icon">✓</div>
            <h3 className="stakes-col-h">Buying with Byrne</h3>
            <ul className="stakes-list">
              <li>You buy the home you love ... with a written way out in your file</li>
              <li>You move in and actually live in it before deciding anything is final</li>
              <li>If it fits, you stay. That's what happens 95% of the time.</li>
              <li>If it doesn't, we list and sell it for you at zero listing commission</li>
              <li>You sleep at night ... before closing, and after.</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
}
window.SBStakes = SBStakes;
