// /methodology — the boring honest one (low bounce, not high share)
// Linked from unsubscribe footer, score card, every email

function MethodologyPage({ onNav }) {
  return (
    <div className="page">
      <DocBar onNav={onNav} crumb="METHODOLOGY · v1.0" />
      <Subnav page="/methodology" onNav={onNav} />

      <section className="page-hero">
        <div className="eyebrow">DOC · 04 MAY 2026 · v1.0</div>
        <h1>How we<br/>score.</h1>
        <p className="lede">No spinning numbers, no claims we can't cite. The math that fits on one phone screen.</p>
      </section>

      <div className="prose">
        <h3>I · WHAT WE MEASURE</h3>
        <p>Plassic is a packaging-content score, not a health score. We rate one thing only — what percentage, by mass, of a product's packaging is plastic — then weight it by recyclability, polymer count, and consumer access to recycling infrastructure. <strong>The number we display is a 0&ndash;100 cleanliness score: higher means less plastic, fewer polymers, easier to recycle. Lower means worse. 94 is oat milk in a carton. 12 is Coca-Cola.</strong></p>
        <p>We do not measure the contents of the food, cosmetic, or product itself. We do not claim a low-scoring product is unsafe to use. We score, we don't sue.</p>

        <h3>II · INPUTS</h3>
      </div>

      <div className="data-row"><span className="l">Packaging mass · plastic</span><span className="v">35%</span></div>
      <div className="data-row"><span className="l">Polymer count</span><span className="v">25%</span></div>
      <div className="data-row"><span className="l">Curbside recyclability</span><span className="v">20%</span></div>
      <div className="data-row"><span className="l">Multilayer / contamination</span><span className="v">15%</span></div>
      <div className="data-row"><span className="l">Refill / return scheme</span><span className="v">5%</span></div>

      <div className="prose">
        <h3>III · BANDS</h3>
        <div className="table">
          <div className="r clean"><div className="k">80–100</div><div className="v"><strong>Clean.</strong> Mono-material, curbside-recyclable, low polymer count.</div></div>
          <div className="r low"><div className="k">60–79</div><div className="v"><strong>Low.</strong> Recyclable in most postcodes, minor contamination.</div></div>
          <div className="r medium"><div className="k">30–59</div><div className="v"><strong>Mediocre.</strong> Mixed materials, partial recyclability.</div></div>
          <div className="r high"><div className="k">0–29</div><div className="v"><strong>High.</strong> Multilayer, non-recyclable, high polymer count.</div></div>
        </div>

        <h3>IV · SOURCES</h3>
        <p>We pull from public packaging-content datasets, brand-published material declarations, and the Australian Packaging Covenant Organisation registry. Each scan card links the citations that fed it. If we can't cite it, we don't score it.<sup className="footnote-num">1</sup></p>
        <p>Recycling-availability data: postcode-level curbside acceptance from local councils (AU), WRAP Recyclability Tracker (UK), Earth911 (US/CA). Refreshed quarterly.</p>

        <h3>V · WHAT WE DON'T DO</h3>
        <p>We do not claim a product is dangerous, toxic, carcinogenic, or otherwise unsafe — even at score 0. The score is a packaging score. Health implications, where they exist, are the domain of regulators we link to, not us.</p>
        <p>We do not accept payment from brands to adjust scores. We do not run paid placement on the brand wall. Our revenue comes from Premium subscriptions only.</p>

        <h3>VI · CORRECTIONS</h3>
        <p>If a brand changes packaging — we recalculate within 14 days of a verified material declaration. Brands can submit a packaging update at <a href="mailto:corrections@plassic.com" style={{ color: 'var(--plassic-jungle-950)' }}>corrections@plassic.com</a>. We publish a changelog at <code style={{ fontFamily: 'var(--plassic-font-mono)', fontSize: 13 }}>/methodology/changelog</code>.</p>
      </div>

      <div className="section-h" style={{ marginTop: 32 }}>
        <span>FOOTNOTES</span>
        <span>1 / 1</span>
      </div>
      <div style={{ padding: '0 20px' }}>
        <p style={{ fontFamily: 'var(--plassic-font-mono)', fontSize: 11, lineHeight: 1.55, color: 'var(--plassic-mute-400)', textTransform: 'uppercase', letterSpacing: 1 }}>
          <span style={{ color: 'var(--plassic-coral-500)', fontWeight: 700 }}>1.</span> Plassic v1.0 dataset · 1,247 SKUs · sourced 03 May 2026 · cross-checked against APCO and brand-direct declarations.
        </p>
      </div>

      <div className="section-h" style={{ marginTop: 32 }}>
        <span>SIGNED</span>
        <span>v1.0</span>
      </div>
      <div style={{ padding: '0 20px 16px' }}>
        <div style={{ borderTop: '1.5px solid var(--plassic-jungle-950)', paddingTop: 16, fontFamily: 'var(--plassic-font-mono)', fontSize: 11, textTransform: 'uppercase', letterSpacing: 1.5, lineHeight: 1.5 }}>
          K. Hartley · Founder<br/>
          B. Rao · Head of Data<br/>
          Plassic Pty Ltd · ABN 92 668 412 003
        </div>
      </div>

      <Foot onNav={onNav} />
    </div>
  );
}

window.MethodologyPage = MethodologyPage;