/* Page 2 — Philosophy (white/cream) */

function Page2() {
  return (
    <section id="philosophy" className="black-on-cream" style={{ padding:'120px 0' }}>
      <div className="wrap">
        <div className="page-chapter"><span>(02 / 05) — What we believe</span><span>Manifesto</span></div>

        <Reveal>
          <h2 className="display display-xl" style={{ marginTop:64, maxWidth:'15ch' }}>
            Technology outruns<br/>
            <span style={{ display:'inline-block', padding:'0 18px 6px', background:'var(--yellow)' }}>business.</span>
            &nbsp;We outrun it back.
          </h2>
        </Reveal>

        <div className="p2-pillars">
          <Reveal className="body-lg text-wrap-pretty">
            <div className="mono" style={{ opacity:.55, marginBottom:14 }}>01 — The pace</div>
            Tools appear every month. What yesterday required a team of engineers is solved differently today. Falling behind that pace means paying for yesterday's decisions with tomorrow's money.
          </Reveal>
          <Reveal delay={100} className="body-lg text-wrap-pretty">
            <div className="mono" style={{ opacity:.55, marginBottom:14 }}>02 — The practice</div>
            So we chose another path: learn constantly. Break down new tools, assemble them into working loops, test on our own products — then apply with clients. A real, working arsenal in hand the moment the task walks in.
          </Reveal>
          <Reveal delay={200} className="body-lg text-wrap-pretty">
            <div className="mono" style={{ opacity:.55, marginBottom:14 }}>03 — The belief</div>
            Upgrading a process frees the time to evolve the business. Not hype, not AI for AI's sake. Working loops that return the hours that used to disappear into manual work.
          </Reveal>
        </div>

        <div className="p2-stats">
          {[
            ['Primary vertical','Restaurants & service business'],
            ['Status','Part in prod · Part rolling out'],
            ['Own products first','Nothing reaches clients untested'],
            ['Tempo','Ship every two weeks']
          ].map(([t,v],i)=>(
            <Reveal key={t} delay={i*80}>
              <div className="h-label">{String(i+1).padStart(2,'0')} — {t}</div>
              <div className="display display-sm" style={{ marginTop:10, fontSize:'clamp(18px,1.6vw,26px)' }}>{v}</div>
            </Reveal>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Page2 = Page2;