// "Why this, why now" POV section
function Belief() {
  return (
    <section id="belief" style={{ background: 'var(--beige)', borderTop: '1px solid var(--rule)' }}>
      <div className="container">
        <div className="sec-header">
          <div>
            <div className="eyebrow">Why this, why now</div>
            <h2 style={{ maxWidth: 880 }}>
              Why this matters now<span style={{ color: 'var(--navy)' }}>.</span>
            </h2>
          </div>
        </div>

        <div className="belief-grid">
          <div className="belief-lede">
            <p className="lede">
              AI and no-code have made shipping easy. Anyone can launch a product.
            </p>
            <p>
              What's harder, and rarer, is building something customers genuinely trust. Something they feel understood by. Something they come back to, tell their friends about, and choose over the cheaper alternative.
            </p>
            <p>
              That's the work I do. Customer experience, product strategy, and proposition design for teams who know that mattering to customers is the difference between a business that lasts and a business that launches.
            </p>
          </div>

          <aside className="belief-side">
            <div className="belief-pillars">
              <div className="belief-pillar">
                <div className="idx">01</div>
                <h4>In the work, not around it.</h4>
                <p>No slide decks handed over at the end. I embed with your team and ship with you.</p>
              </div>
              <div className="belief-pillar">
                <div className="idx">02</div>
                <h4>Regulated industries, done right.</h4>
                <p>Eight years across financial services and women's health. I move without tripping over compliance, risk or trust.</p>
              </div>
              <div className="belief-pillar">
                <div className="idx">03</div>
                <h4>Customer and commercial, same conversation.</h4>
                <p>CX doesn't live apart from the P&L. I work on both at once.</p>
              </div>
            </div>
          </aside>
        </div>
      </div>
    </section>
  );
}
window.Belief = Belief;