// Services.jsx — service catalog grid
function MsoServices() {
  const services = [
    {
      n: "01",
      title: "Revenue cycle management",
      body: "Coding, claim submission, denials, and collections handled by a dedicated pathology-literate billing team. We meet payers where they are and keep DSO honest.",
      caps: ["Coding & charge capture", "Denial management", "Patient billing"],
    },
    {
      n: "02",
      title: "Payer contracting & credentialing",
      body: "Provider enrollment, contract negotiation, and ongoing payer relations across commercial and government payers. Centralized credentialing for every clinician on the platform.",
      caps: ["Commercial & Medicare", "CAQH maintenance", "Fee-schedule analysis"],
    },
    {
      n: "03",
      title: "Compliance & regulatory",
      body: "CLIA, CAP, OSHA, HIPAA. Inspection readiness as a discipline, not a fire drill. Document control, training, and audit support for every laboratory in the network.",
      caps: ["CLIA & CAP", "HIPAA & privacy", "Inspection readiness"],
    },
    {
      n: "04",
      title: "Laboratory IT & digital pathology",
      body: "LIS administration, integration with referring EHRs, and a shared digital pathology stack. One IT team, deployed across the network, with on-call coverage that small labs can't justify alone.",
      caps: ["LIS & middleware", "EHR integrations", "Digital pathology"],
    },
    {
      n: "05",
      title: "Finance, accounting & FP&A",
      body: "Monthly close, treasury, and operating reviews. Each laboratory gets a transparent P&L, capacity model, and the financial cadence of a much larger organization.",
      caps: ["Close & reporting", "Treasury", "Capacity modeling"],
    },
    {
      n: "06",
      title: "HR, payroll & talent",
      body: "Recruiting, onboarding, benefits administration, and payroll. Pathologist and histotechnologist sourcing through a network that touches every site on the platform.",
      caps: ["Recruiting", "Benefits & payroll", "Training programs"],
    },
    {
      n: "07",
      title: "Procurement & supply chain",
      body: "Pooled purchasing on reagents, slides, instruments, and consumables. Vendor management with the leverage of the full network behind every contract.",
      caps: ["GPO contracts", "Reagent & consumables", "Capital equipment"],
    },
    {
      n: "08",
      title: "Quality & accreditation support",
      body: "Quality management systems, proficiency testing oversight, and continuous-improvement programs aligned with CAP requirements and the practice's own clinical standards.",
      caps: ["QMS administration", "Proficiency testing", "Process improvement"],
    },
    {
      n: "09",
      title: "Marketing & physician outreach",
      body: "Referring-physician relationship management, courier coordination, and outreach materials that sit firmly in the practice's voice — never the platform's.",
      caps: ["Referral support", "Courier logistics", "Outreach collateral"],
    },
  ];

  return (
    <section id="services" className="section section--paper">
      <div className="bg-hex-tile" />
      <div className="container">
        <div className="section__head">
          <div>
            <span className="eyebrow">Services</span>
            <h2 style={{ marginTop: 14 }}>
              The work that pulls clinicians<br />
              <span className="serif" style={{ color: "var(--teal-700)" }}>
                away from the bench.
              </span>
            </h2>
          </div>
          <p className="lede">
            Nine disciplines, run as a single shared service. Laboratories
            select what they need; the MSO operates them with the consistency
            of a much larger organization, while the practice keeps its
            clinical leadership and its name.
          </p>
        </div>

        <div className="services">
          {services.map((s) => (
            <div className="svc" key={s.n}>
              <div className="svc__num">{s.n}</div>
              <h3>{s.title}</h3>
              <p>{s.body}</p>
              <ul className="svc__caps">
                {s.caps.map((c) => (<li key={c}>· {c}</li>))}
              </ul>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { MsoServices });