/* Privacy.jsx — green privacy strip */

function Privacy(){
  return (
    <section id="privacy" className="privacy">
      <div className="shell privacy-grid">
        <div>
          <span className="eyebrow">Privacy · 06</span>
          <h2 className="reveal">Privacy by potato.<br/><i>Nothing leaves this device.</i></h2>
          <p className="reveal reveal-d-2">
            No account. No email. No tracking unless you opt in. Premium users sync to their <em>own</em> private iCloud container — we never see what's in it. The potato keeps your secrets.
          </p>
        </div>
        <div className="priv-badges">
          <Reveal className="priv-badge" delay={1}>
            <b>0 accounts</b>
            <span>The app opens. You cook. There is no sign-up screen.</span>
          </Reveal>
          <Reveal className="priv-badge" delay={2}>
            <b>0 emails</b>
            <span>We don't ask. We wouldn't know what to do with it.</span>
          </Reveal>
          <Reveal className="priv-badge" delay={3}>
            <b>On-device</b>
            <span>Recipes, points, notes, saves — all stored locally.</span>
          </Reveal>
          <Reveal className="priv-badge" delay={4}>
            <b>Your iCloud</b>
            <span>Premium sync lives in your private container. Not ours.</span>
          </Reveal>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Privacy });