// Applications — platform reach across extracorporeal medicine

const APPS = [
  {
    tag: "01",
    h: "Cardiopulmonary bypass",
    p: "Direct, real-time control of electrolyte composition, acid\u2013base balance, and fluid status throughout the bypass run without the dilution-driven trade-offs of conventional management."
  },
  {
    tag: "02",
    h: "Extracorporeal life support",
    p: "Sustained physiologic regulation during prolonged extracorporeal support, where electrolyte and metabolic derangements compound over time and are difficult to correct with existing methods."
  },
  {
    tag: "03",
    h: "Ex vivo organ perfusion",
    p: "A modular solution to maintain near-physiologic perfusate composition during organ procurement, improving organ quality, extending preservation times, and expanding the donor pool."
  }
];

function Perfusionists() {
  return (
    <section className="section" id="applications">
      <div className="wrap">
        <div className="section-head">
          <div className="section-head__label">
            <span className="eyebrow">
              <span className="dot" aria-hidden="true"></span>
              <span className="num">06</span>
              <span>Platform reach</span>
            </span>
          </div>
          <div>
            <h2 className="h2 section-head__title">
              A platform technology for <em>extracorporeal medicine.</em>
            </h2>
            <p className="body" style={{ marginTop: 20, maxWidth: '60ch' }}>
              Volume-neutral physiologic control addresses a fundamental limitation of extracorporeal management. The same mechanism that protects patients on bypass extends across adjacent indications.
            </p>
          </div>
        </div>

        <div className="apps">
          {APPS.map((a, i) => (
            <div className="apps__card" key={i}>
              <div className="apps__tag">{a.tag}</div>
              <h4>{a.h}</h4>
              <p>{a.p}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Perfusionists = Perfusionists;