/* CX Defense — Terms & Conditions (representative; full text maintained in production) */
const { Nav, Rule, PageHero, CTA, Footer } = window;

const SECTIONS = [
  ['1 · Agreement', 'These Terms govern the engagement between CX Defense and the client. By instructing CX Defense, the client accepts these Terms in full. Where a signed statement of work exists, its specific terms prevail over any conflict with this document.'],
  ['2 · Scope of Services', 'CX Defense provides cybersecurity engineering and advisory services as defined per engagement: network security, data protection, secure virtualization, compliance engineering, and threat intelligence. Deliverables, timelines, and acceptance criteria are set out in the relevant statement of work.'],
  ['3 · Confidentiality', 'All client information is treated as confidential from first contact. CX Defense will not disclose client identities, environments, findings, or methods to third parties except as required by law. Mutual non-disclosure applies to any proprietary methods and tooling disclosed during an engagement.'],
  ['4 · Authorisation & Lawful Use', 'The client warrants that it owns, or is lawfully authorised to commission testing and engineering work on, all systems within scope. CX Defense performs no intrusive testing without explicit written authorisation defining targets, windows, and rules of engagement.'],
  ['5 · Deliverables & Ownership', 'On full payment, the client owns the deliverables produced specifically for the engagement. CX Defense retains ownership of its pre-existing methods, frameworks, and proprietary tooling, granting the client a licence to use outputs internally.'],
  ['6 · Liability', 'CX Defense delivers services with reasonable skill and care to professional standards. To the extent permitted by law, aggregate liability is limited to the fees paid for the engagement giving rise to the claim. CX Defense is not liable for indirect or consequential loss.'],
  ['7 · Governing Law', 'These Terms are governed by the laws of the jurisdiction stated in the applicable statement of work. The registered legal name, jurisdiction, and any sector-specific terms are completed at contracting.'],
];

function App() {
  return (
    <div className="site">
      <Nav />
      <PageHero label="Legal" title="Terms &amp; <em>Conditions</em>">
        The terms on which CX Defense provides cybersecurity engineering and advisory services. A representative summary — the binding text is issued with each statement of work.
      </PageHero>
      <Rule />
      <div className="prose">
        <p style={{ fontFamily: 'var(--font-mono)', fontSize: 11, color: 'var(--text-faint)', letterSpacing: '0.05em', marginBottom: 8 }}>Last updated · June 2026</p>
        {SECTIONS.map(([h, p]) => (
          <div key={h}>
            <h2 style={{ fontSize: 24 }}>{h}</h2>
            <p>{p}</p>
          </div>
        ))}
        <div className="aside">This page is a brand-system representation. Before going live, insert the company's registered legal name, jurisdiction, and full clause set (see the production codebase, terms.html §14).</div>
      </div>
      <Rule />
      <CTA title="Questions about an <em>engagement?</em>"
        actions={<a href="contact.html" className="btn btn-primary">Speak With Us</a>}>
        We're happy to walk through scope, terms, and confidentiality before anything is signed.
      </CTA>
      <Footer />
    </div>
  );
}

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