// Notable Matters — anonymized matter descriptions
// IMPORTANT: Never name parties, dockets, counsel, or any identifying details.
// Describe matter type, forum class, role, technical issue, and outcome category only.

const MATTER_GROUPS = [
  {
    id: 'ai',
    label: 'Artificial Intelligence & Machine Learning',
    sub: 'MODEL · TRAINING DATA · OUTPUTS',
    matters: [
      {
        role: 'Sole Arbitrator',
        forum: 'Private commercial arbitration',
        scale: 'Eight-figure exposure',
        issue: 'Enterprise customer dispute against an AI vendor over alleged hallucinated outputs in a regulated workflow. Authentication of inference logs and review of system-card representations were the determinative technical questions.',
        outcome: 'Reasoned award addressing the technical and contractual issues; resolution within the procedural calendar.',
      },
      {
        role: 'Special Master',
        forum: 'Federal trade-secret litigation',
        scale: 'Nine-figure exposure',
        issue: 'Authored a tiered protective-order framework distinguishing model weights, training data, prompts, and outputs into separate access levels; supervised cleanroom review.',
        outcome: 'Workable protocol adopted by both sides; matter proceeded to merits without further protective-order disputes.',
      },
      {
        role: 'Forensic Neutral',
        forum: 'Pre-suit dispute, technology M&A',
        scale: 'Confidential valuation',
        issue: 'Independent assessment of an ML training-data provenance claim affecting the valuation of an acquired model.',
        outcome: 'Written finding accepted by both sides; transaction closed on adjusted terms.',
      },
    ],
  },
  {
    id: 'cyber-insurance',
    label: 'Cyber Insurance Coverage',
    sub: 'COVERAGE · ATTRIBUTION · DWELL TIME',
    matters: [
      {
        role: 'Mediator',
        forum: 'Private mediation following coverage litigation',
        scale: 'Multi-million-dollar exposure',
        issue: 'Coverage dispute turning on the dwell-time question \u2014 whether the threat actor first gained access pre- or post-binding. Required reading of the IR record under tier-1 protective designation.',
        outcome: 'Settled within ten days of issuance of a memorandum identifying points of consensus and points genuinely in dispute.',
      },
      {
        role: 'Mediator',
        forum: 'Insurance coverage mediation',
        scale: 'Multi-million-dollar exposure',
        issue: 'Fraudulent wire-transfer dispute under a cyber policy with a contested computer-fraud trigger; involved analysis of email-authentication records and impersonation methodology.',
        outcome: 'Negotiated resolution within the standard mediation cycle.',
      },
      {
        role: 'Sole Arbitrator',
        forum: 'Private commercial arbitration',
        scale: 'Eight-figure exposure',
        issue: 'Coverage dispute under a war-exclusion clause where attribution of the underlying incident was contested.',
        outcome: 'Reasoned award addressing both the technical attribution analysis and the policy-language questions.',
      },
    ],
  },
  {
    id: 'trade-secret',
    label: 'Trade Secret & Software IP',
    sub: 'CODE · ARCHITECTURE · MISAPPROPRIATION',
    matters: [
      {
        role: 'Forensic Neutral',
        forum: 'Federal trade-secret litigation',
        scale: 'Multi-hundred-million-dollar exposure',
        issue: 'Independent forensic protocol design and execution; chain-of-custody preservation of departing-employee devices; authentication of disputed file-existence questions.',
        outcome: 'Written report adopted by the appointing tribunal; case settled within months of report issuance.',
      },
      {
        role: 'Discovery Special Master',
        forum: 'State court trade-secret matter',
        scale: 'Confidential valuation',
        issue: 'Source-code review protocol for proprietary software alleged to have been derived from plaintiff\u2019s codebase. Designed sampling approach, reviewer-credentialing tiers, and expert-comparison framework.',
        outcome: 'Protocol order issued; review proceeded without further disputes.',
      },
      {
        role: 'Mediator',
        forum: 'Pre-suit dispute, venture-backed company',
        scale: 'Founder-equity dispute',
        issue: 'Co-founder dispute with allegations of post-departure misappropriation. Forensic evidence preservation handled in parallel.',
        outcome: 'Resolved with negotiated technical-remediation terms.',
      },
    ],
  },
  {
    id: 'esi',
    label: 'eDiscovery & ESI Disputes',
    sub: 'TAR · CAL · SPOLIATION · PRIVILEGE',
    matters: [
      {
        role: 'eDiscovery Special Master',
        forum: 'Federal multi-district class action',
        scale: 'TB-scale ESI',
        issue: 'Authored ESI protocol; supervised TAR/CAL workflow; resolved real-time discovery disputes; handled privilege-log adequacy challenges.',
        outcome: 'Protocol adopted; class production completed on revised timeline.',
      },
      {
        role: 'Discovery Referee',
        forum: 'Superior Court matter, technical IP',
        scale: 'Substantial document corpus',
        issue: 'Real-time resolution of dozens of discovery disputes between the parties over a multi-year period; spoliation findings under FRCP 37(e) standards.',
        outcome: 'Reports to the court; case proceeded efficiently to merits.',
      },
      {
        role: 'eDiscovery Special Master',
        forum: 'Federal mass-tort matter',
        scale: 'Large-scale environmental litigation',
        issue: 'ESI protocol authoring for a complex multi-defendant mass tort; cross-border production coordination.',
        outcome: 'Workable protocol implemented across all defendants.',
      },
    ],
  },
  {
    id: 'crypto',
    label: 'Smart Contracts & Cryptocurrency',
    sub: 'ON-CHAIN · OFF-CHAIN REMEDIES',
    matters: [
      {
        role: 'Sole Arbitrator',
        forum: 'Private commercial arbitration',
        scale: 'Eight-figure exposure',
        issue: 'Smart-contract dispute involving a wrong-wallet auto-execution against a counterparty. Contract bytecode audit, on-chain transaction tracing, and cross-border attribution.',
        outcome: 'Reasoned award addressing both on-chain and off-chain remedies.',
      },
      {
        role: 'Mediator',
        forum: 'Pre-suit dispute, decentralized protocol',
        scale: 'Token valuation dispute',
        issue: 'Founder/investor dispute concerning protocol governance and token-allocation execution.',
        outcome: 'Negotiated structural resolution.',
      },
      {
        role: 'Forensic Neutral',
        forum: 'Federal regulatory matter',
        scale: 'Cryptocurrency exchange',
        issue: 'On-chain forensic analysis of disputed transaction histories and wallet attribution.',
        outcome: 'Written technical findings submitted to the appointing tribunal.',
      },
    ],
  },
  {
    id: 'privacy',
    label: 'Privacy & Data Protection',
    sub: 'CLASS ACTION · BREACH · GDPR',
    matters: [
      {
        role: 'Special Master',
        forum: 'Federal class-action privacy matter',
        scale: 'TB-scale ESI; class of millions',
        issue: 'Authored ESI protocol for a multi-plaintiff privacy matter; supervised data-handling under heightened protective-order tiers; reported findings to the court.',
        outcome: 'Protocol adopted; class production completed.',
      },
      {
        role: 'Mediator',
        forum: 'Pre-suit cross-border breach matter',
        scale: 'GDPR exposure',
        issue: 'Multi-jurisdictional breach response with parallel U.S. and EU regulatory exposure; Schrems II considerations on data transfer in the production phase.',
        outcome: 'Coordinated resolution with regulatory closure paths.',
      },
    ],
  },
  {
    id: 'commercial',
    label: 'Cross-Border Commercial',
    sub: 'INTERNATIONAL · MULTI-PARTY',
    matters: [
      {
        role: 'Mediator',
        forum: 'Pre-suit cross-border partnership',
        scale: 'Multi-jurisdictional exposure',
        issue: 'Founder dispute spanning U.S., EU, and Asia operations of a technology and apparel partnership; international discovery coordination.',
        outcome: 'Negotiated dissolution and remediation terms.',
      },
      {
        role: 'Sole Arbitrator',
        forum: 'L.C.I.A. seat',
        scale: 'Confidential commercial dispute',
        issue: 'SaaS-platform service-level dispute between an enterprise customer and software vendor; contract interpretation and technical performance analysis.',
        outcome: 'Reasoned award.',
      },
      {
        role: 'Sole Arbitrator',
        forum: 'H.K.I.A.C. seat',
        scale: 'Confidential commercial dispute',
        issue: 'Cross-border software licensing dispute with multi-jurisdictional choice-of-law overlay.',
        outcome: 'Reasoned award.',
      },
    ],
  },
  {
    id: 'patents',
    label: 'Patent Litigation (Software & Hardware)',
    sub: 'VALIDITY · INFRINGEMENT · DAMAGES',
    matters: [
      {
        role: 'Forensic Neutral',
        forum: 'Federal patent litigation',
        scale: 'Substantial damages exposure',
        issue: 'Independent technical assessment of accused software functionality against claim limitations.',
        outcome: 'Written technical findings incorporated into the merits proceedings.',
      },
      {
        role: 'Mediator',
        forum: 'Pre-trial patent matter',
        scale: 'Multi-million-dollar exposure',
        issue: 'Validity and infringement issues in a software patent matter; mediated alongside a retired-judge process neutral.',
        outcome: 'Negotiated license framework.',
      },
    ],
  },
];

const NotableMattersPage = ({ onNav }) => (
  <div className="page-fade">
    <section style={{ background: 'var(--ink)', color: 'var(--paper)', padding: '120px 0 80px' }}>
      <div className="container">
        <div className="eyebrow on-dark">Representative · Anonymized</div>
        <h1 className="display" style={{ fontSize: 'clamp(56px, 7.5vw, 104px)', marginTop: 16, color: 'var(--paper)' }}>
          Notable<br/>
          <em style={{ color: 'var(--gold)', fontStyle: 'italic', fontWeight: 300 }}>matters.</em>
        </h1>
        <p style={{ marginTop: 32, fontSize: 19, color: 'var(--slate-300)', maxWidth: 720, lineHeight: 1.6 }}>
          Representative engagements organized by matter type, role, and technical issue. Entries are illustrative — describing categories of work Daniel typically handles. Parties, dockets, counsel, and identifying details are intentionally omitted; the entries do not name specific cases and are not predictions for any particular future matter.
        </p>
        <div style={{
          marginTop: 32, padding: '14px 20px',
          border: '1px solid rgba(212,185,122,0.4)',
          background: 'rgba(244,240,230,0.04)',
          maxWidth: 760,
        }}>
          <p style={{ fontSize: 14, color: 'var(--paper)', lineHeight: 1.6, opacity: 0.92, fontStyle: 'italic' }}>
            <span className="mono" style={{ fontStyle: 'normal', fontSize: 10, letterSpacing: '0.2em', color: 'var(--gold)' }}>NOTE:</span> Specific anonymized matter descriptions, with verifiable scope and outcome detail, will be provided to qualified counsel through the case manager on request.
          </p>
        </div>
        <div className="mono" style={{ marginTop: 40, paddingTop: 24, borderTop: '1px solid rgba(212,185,122,0.18)', fontSize: 11, color: 'var(--gold)', letterSpacing: '0.2em', display: 'flex', justifyContent: 'space-between' }}>
          <span>EIGHT MATTER CATEGORIES</span>
          <span>HUNDREDS OF ENGAGEMENTS · 20 YEARS</span>
        </div>
      </div>
    </section>

    {/* TOC */}
    <section style={{ background: 'var(--paper-2)', borderBottom: '1px solid var(--line-soft)', position: 'sticky', top: 65, zIndex: 30 }}>
      <div className="container" style={{ padding: '20px 32px', overflowX: 'auto' }}>
        <div style={{ display: 'flex', gap: 32, flexWrap: 'wrap' }}>
          {MATTER_GROUPS.map(g => (
            <a key={g.id} href={`#${g.id}`} className="mono" style={{
              fontSize: 11, letterSpacing: '0.16em', color: 'var(--slate-700)', textTransform: 'uppercase',
              whiteSpace: 'nowrap',
            }}>· {g.label}</a>
          ))}
        </div>
      </div>
    </section>

    {MATTER_GROUPS.map((g, gi) => (
      <section key={g.id} id={g.id} style={{
        padding: '88px 0',
        background: gi % 2 === 0 ? 'var(--paper)' : 'var(--paper-2)',
        borderBottom: '1px solid var(--line-soft)', scrollMarginTop: 120,
      }}>
        <div className="container">
          <div style={{ display: 'grid', gridTemplateColumns: '1fr 2.4fr', gap: 64 }}>
            <div>
              <div className="mono" style={{ fontSize: 11, color: 'var(--gold-deep)', letterSpacing: '0.2em' }}>
                {String(gi + 1).padStart(2, '0')} · {g.sub}
              </div>
              <h2 className="display" style={{ fontSize: 'clamp(28px, 3.2vw, 42px)', marginTop: 14, lineHeight: 1.05 }}>
                {g.label}
              </h2>
              <p className="mono" style={{ fontSize: 10, color: 'var(--slate-700)', letterSpacing: '0.18em', marginTop: 16, textTransform: 'uppercase' }}>
                {g.matters.length} REPRESENTATIVE
              </p>
            </div>
            <div>
              <ul style={{ listStyle: 'none' }}>
                {g.matters.map((m, mi) => (
                  <li key={mi} style={{
                    paddingBottom: 28, marginBottom: 28,
                    borderBottom: mi < g.matters.length - 1 ? '1px solid var(--line-soft)' : 'none',
                  }}>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 8, marginBottom: 12 }}>
                      <span className="tag gold">{m.role}</span>
                      <span className="tag">{m.forum}</span>
                      <span className="tag">{m.scale}</span>
                    </div>
                    <p className="serif" style={{ fontSize: 17, lineHeight: 1.55, color: 'var(--ink)', marginTop: 8 }}>
                      <strong style={{ color: 'var(--gold-deep)', fontWeight: 500 }}>Issue · </strong>{m.issue}
                    </p>
                    <p className="serif" style={{ fontSize: 16, lineHeight: 1.55, color: 'var(--slate-700)', marginTop: 8, fontStyle: 'italic' }}>
                      <span className="mono" style={{ fontStyle: 'normal', fontSize: 10, letterSpacing: '0.18em', color: 'var(--gold-deep)' }}>OUTCOME · </span>
                      {m.outcome}
                    </p>
                  </li>
                ))}
              </ul>
            </div>
          </div>
        </div>
      </section>
    ))}

    {/* Disclosure note */}
    <section style={{ background: 'var(--paper-2)', borderTop: '1px solid var(--line-soft)' }}>
      <div className="container" style={{ padding: '40px 32px', maxWidth: 880 }}>
        <p className="serif" style={{ fontSize: 14, color: 'var(--slate-700)', fontStyle: 'italic', lineHeight: 1.65 }}>
          <strong style={{ fontStyle: 'normal' }}>Note on confidentiality:</strong> The matters described above are illustrative and intentionally anonymized. Specific party names, docket numbers, counsel of record, jurisdictions, and identifying details have been omitted. The descriptions reflect categories of work and outcome patterns characteristic of Daniel's practice; they do not name specific cases. Past results are inherently fact-specific and do not predict outcomes in any particular future matter.
        </p>
      </div>
    </section>

    {/* CTA */}
    <section className="section" style={{ background: 'var(--ink)', color: 'var(--paper)' }}>
      <div className="container center">
        <div className="eyebrow on-dark">A matter like one of these?</div>
        <h2 className="display" style={{ fontSize: 'clamp(40px, 5vw, 68px)', marginTop: 16, color: 'var(--paper)' }}>
          Begin a confidential intake.
        </h2>
        <button className="btn btn-gold" style={{ marginTop: 40 }} onClick={() => onNav('intake')}>
          Open match intake <span className="arrow">→</span>
        </button>
      </div>
    </section>
  </div>
);

window.NotableMattersPage = NotableMattersPage;
