// SB7 Step 2: Has a Problem — external, internal, philosophical
function SBProblem() {
  return (
    <section id="problem" className="section problem">
      <div className="section-inner">
        <div className="section-eyebrow">Why buying feels so risky</div>
        <p className="problem-quote">
          Buying a home in Austin should feel exciting ... but for most buyers, it feels like a $600,000 gamble.
        </p>

        <div className="problem-grid">
          <div className="problem-item">
            <div className="problem-item-label">External</div>
            <h3 className="problem-item-title">You buy blind.</h3>
            <p className="problem-item-desc">
              You get a few walkthroughs, an inspection, and maybe a second showing.
              Then you sign for the biggest purchase of your life ... and only after
              closing do you actually get to live in it.
            </p>
          </div>
          <div className="problem-item">
            <div className="problem-item-label">Internal</div>
            <h3 className="problem-item-title">The fear doesn't go away.</h3>
            <p className="problem-item-desc">
              Even with the right agent, the right numbers, and the right neighborhood,
              you go to bed the night before closing thinking: <em>what if we're wrong?</em>
              That fear alone stops good buyers from moving.
            </p>
          </div>
          <div className="problem-item">
            <div className="problem-item-label">Philosophical</div>
            <h3 className="problem-item-title">This isn't how it should feel.</h3>
            <p className="problem-item-desc">
              A home isn't a stock ticker. It's the place you raise your kids, host
              your friends, and try to build a life. That decision deserves a way
              out ... not a leap of faith.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}
window.SBProblem = SBProblem;