// Vecorps — Privacy Policy (minimal, on-system). Depends on window shared.
const { Nav, Frame, Footer } = window;

function App() {
  return (
    <div>
      <Nav active={null} ctaHref="index.html#access" />
      <Frame>Privacy · how we handle your data</Frame>
      <section className="section" style={{ paddingTop: '96px' }}>
        <div className="wrap narrow">
          <div className="eyebrow">Privacy Policy</div>
          <h1 className="hero-h1" style={{ fontSize: 'clamp(36px,4.4vw,56px)', maxWidth: '18ch' }}>
            Private <span className="soft">by design.</span>
          </h1>
          <div className="legal">
            <p>We collect your <b>email address</b> to notify you about our product launch.</p>
            <p>We <b>do not share</b> your data with third parties.</p>
            <p>You can <b>unsubscribe</b> at any time.</p>
            <p className="legal-meta">Questions about your data? <a href="mailto:contact@vecorps.com">contact@vecorps.com</a></p>
            <p className="legal-updated">Last updated · June 2026</p>
          </div>
        </div>
      </section>
      <Footer />
    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);