// Industries page
function Industries({ go }) {
  const industries = [
    { n: "01", t: "Legal & Litigation",
      d: "Retained through counsel for deposition exhibits, trial animations, and expert declarations. Work product is produced for admissibility and maintained under the appropriate privilege.",
      roles: ["Plaintiff counsel", "Defence counsel", "Expert witness", "Demonstrative exhibits"] },
    { n: "02", t: "Investigation Authorities",
      d: "Independent technical assistance during the factual phase of aviation occurrence investigations. Scope, confidentiality, and publication are governed by the controlling authority.",
      roles: ["Factual phase", "Technical studies", "Party-to-investigation"] },
    { n: "03", t: "Airlines & Operators",
      d: "Post-event technical review, FDM exceedance triage, and safety-of-flight analysis. Retained directly by operators or through their safety and legal advisors.",
      roles: ["Flight data monitoring", "Safety reviews", "Post-event analysis"] },
    { n: "04", t: "Media & Broadcast",
      d: "Long-form factual programming and investigative journalism. Produced under editorial review; uncertainty is shown honestly; attributions are prepared for on-screen use.",
      roles: ["Long-form factual", "News & current affairs", "Editorial features"] },
    { n: "05", t: "Insurers & Reinsurers",
      d: "Technical support to subrogation, coverage, and quantum analyses. Discreet engagement through broker, legal counsel, or claims team.",
      roles: ["Subrogation", "Coverage disputes", "Quantum support"] },
    { n: "06", t: "Government & Regulatory",
      d: "Technical advisory to regulators, ministries, and agencies requiring independent analysis outside the investigation apparatus.",
      roles: ["Regulatory review", "Technical advisory", "Ministerial briefings"] },
  ];

  return (
    <main>
      <PageHead
        index="§ Industries"
        title={<>Sectors<br/><em>served.</em></>}
        sub="Clients engage Flight Reconstruction Group on matters where the facts require an engineering standard of proof. The sectors below represent the majority of recurring engagements."
        meta={["§ V · INDUSTRIES", "6 SECTORS"]}
      />

      <section className="section" style={{paddingTop: 80}}>
        <div className="ind-grid">
          {industries.map(x => (
            <div className="ind-card" key={x.n}>
              <div className="ind-num">§ {x.n}</div>
              <div className="ind-body">
                <h3 className="ind-title">{x.t}</h3>
                <p className="ind-desc">{x.d}</p>
                <div className="ind-roles">
                  {x.roles.map(r => <span key={r} className="ind-role">{r}</span>)}
                </div>
              </div>
            </div>
          ))}
        </div>

        {/* Engagement note */}
        <div style={{
          marginTop: 80, padding: 40,
          border:'1px solid var(--hair-strong)',
          display:'grid', gridTemplateColumns:'200px 1fr auto', gap:40,
          alignItems:'center'
        }}>
          <span className="mono">§ Engagement</span>
          <p style={{color:'var(--paper-dim)', fontSize:14.5, lineHeight:1.65, maxWidth:'60ch'}}>
            Engagements outside these sectors are considered on a case-by-case
            basis. Initial discussion is without charge and conducted under
            mutual non-disclosure.
          </p>
          <button className="btn btn-ghost" onClick={() => go("contact")}>
            Initiate inquiry <span className="btn-arrow">→</span>
          </button>
        </div>
      </section>

      <CtaBand go={go}/>
    </main>
  );
}

Object.assign(window, { Industries });