/* Services.jsx — services view */

function Services({ onNav }) {
  return (
    <main data-screen-label="Services">
      <section className="svc-hero">
        <Container>
          <div className="hero-eyebrow">
            <span className="rule"></span>
            <span>What we do — and don't</span>
          </div>
          <h1>Three services, in the order we deliver them.</h1>
          <p className="lede">
            We screen, we review, we testify. Each engagement builds on the one before it. If the merit review doesn't hold up, we tell you, and we stop there — at no further cost.
          </p>
        </Container>
      </section>

      <Container>
        <div className="svc-block">
          <div className="left">
            <span className="num">§ 01</span>
            <h3>Merit screening</h3>
          </div>
          <div className="right">
            <p>Every engagement begins here. We read the records you have, ask for the ones you don't, and write a two-page memo with a clinical opinion on whether the facts support a delayed-diagnosis claim.</p>
            <p>Turnaround is typically ten business days from receipt of a complete record. The fee is fixed; the memo is yours to keep, regardless of conclusion.</p>
            <ul>
              <li>Records intake under HIPAA authorization</li>
              <li>Clinical timeline of the care episode</li>
              <li>Identification of likely breach points and missed windows</li>
              <li>Plain-English memo with citations to records</li>
            </ul>
          </div>
        </div>

        <div className="svc-block">
          <div className="left">
            <span className="num">§ 02</span>
            <h3>Medical-record review</h3>
          </div>
          <div className="right">
            <p>If the merit review supports moving forward, the full record review builds the case theory. A paragraph-numbered chronology, footnoted to the underlying records, that holds up under cross.</p>
            <p>Includes specialty consultations as needed — surgical oncology, radiation oncology, pathology — coordinated through the clinical network at MUSC Hollings.</p>
            <ul>
              <li>Paragraph-numbered chronology of the care episode</li>
              <li>Standard-of-care analysis against published guidelines (NCCN, USPSTF, ASCO)</li>
              <li>Damages framing — staging, treatment burden, survival statistics</li>
              <li>Carolina Cancer Case Card — the one-page trial reference</li>
            </ul>
          </div>
        </div>

        <div className="svc-block">
          <div className="left">
            <span className="num">§ 03</span>
            <h3>Expert testimony</h3>
          </div>
          <div className="right">
            <p>Deposition and trial testimony from a currently-practicing oncology nurse practitioner — a working clinician, not a professional witness.</p>
            <p>We testify only in cases we've reviewed from intake. We will not be retained for a deposition without having built the underlying record review ourselves.</p>
            <ul>
              <li>Discovery deposition preparation with the trial team</li>
              <li>Direct examination at trial</li>
              <li>Cross-examination support for defense experts</li>
              <li>Demonstrative exhibits — timelines, staging diagrams</li>
            </ul>
          </div>
        </div>

        {/* The flagship deliverable, again, deeper */}
        <div className="feature-deliverable" style={{marginTop: 80}}>
          <div className="left">
            <div className="label">Included with every full review</div>
            <h3>The Carolina Cancer Case Card.</h3>
            <p>A one-page synthesis prepared at the close of the medical-record review. Designed for the trial team — opening prep, deposition framing, expert handoffs.</p>
            <p style={{fontSize: 14, color: 'rgba(245,239,227,.7)'}}>Printed on Crane Lettra parchment, 110-lb cover. A digital PDF accompanies every case.</p>
          </div>
          <div className="right">
            <div className="card-mock" style={{maxWidth: 380}}>
              <div className="cm-head">
                <span className="cm-eyebrow">CAROLINA CANCER CASE CARD</span>
                <span className="cm-num">№ 2025–114</span>
              </div>
              <h4>Delayed colorectal carcinoma — F, 52</h4>
              <div className="cm-rule"></div>
              <div className="cm-rows">
                <div className="cm-row"><b>Window</b><span>06/2021 – 11/2023 (29 mo)</span></div>
                <div className="cm-row"><b>Breach</b><span>FOBT (+) without follow-up colonoscopy</span></div>
                <div className="cm-row"><b>Stage</b><span>I at presumed dx → IIIB at actual dx</span></div>
                <div className="cm-row"><b>Standard</b><span>USPSTF 2021 + NCCN 3.2021</span></div>
                <div className="cm-row"><b>Damages</b><span>Adj. chemo, RT, ostomy; reduced 5-yr OS</span></div>
              </div>
              <div className="cm-foot">
                <span>Carolina Oncology Review</span>
                <span>p. 1 / 1</span>
              </div>
            </div>
          </div>
        </div>
      </Container>

      <section className="banner-cta">
        <Container>
          <div className="inner">
            <div>
              <h3>Send the records.</h3>
              <p>Most engagements begin with a short intake form and a HIPAA authorization. We respond within five business days.</p>
            </div>
            <div className="actions">
              <Button variant="primary" onClick={() => onNav('contact')}>Request a review</Button>
            </div>
          </div>
        </Container>
      </section>
    </main>
  );
}

Object.assign(window, { Services });