// Paradigm shift: current management vs Nephros — sourced from project proposal

const PARADIGM_ROWS = [
{
  old: { tag: "Today / standard of care",
    h: "Indirect, volume-driven correction",
    p: "Cardioplegia spikes serum K⁺ to dangerous levels. The team responds by adding liters of potassium-free crystalloid to dilute the concentration, then partially removes the volume with hemoconcentration." },
  nu: { tag: "Nephros",
    h: "Direct, volume-neutral electrolyte transfer",
    p: "A countercurrent transfer interface adjusts specific ions across the circuit without altering total circulating volume. Targeted correction, not dilution." }
},
{
  old: { tag: "Today",
    h: "One correction, many new imbalances",
    p: "Large crystalloid volumes lower pH, calcium, magnesium and bicarbonate while raising sodium and chloride. Correcting one parameter induces secondary derangements across the system." },
  nu: { tag: "Nephros",
    h: "Coordinated balance, all at once",
    p: "Electrolyte composition, acid-base balance and fluid status are managed simultaneously, restoring physiologic equilibrium instead of shifting between competing imbalances." }
},
{
  old: { tag: "Today",
    h: "Slow, imprecise volume removal",
    p: "Hemoconcentration removes excess fluid slowly and incompletely. Residual volume shifts into tissues; oncotic balance breaks down; interstitial edema and organ dysfunction follow." },
  nu: { tag: "Nephros",
    h: "Precise ultrafiltration, on demand",
    p: "Three integrated modes (zero-balance, ultrafiltration, and combination) let the team remove free plasma water exactly when and how much it's needed." }
},
{
  old: { tag: "Today",
    h: "Reactive: the longer the run, the worse it gets",
    p: "Disturbances worsen with time on bypass and are linked to increased morbidity and mortality. Surgeons race the clock to limit exposure to a non-physiologic state." },
  nu: { tag: "Nephros",
    h: "Proactive control of the system as a whole",
    p: "Coordinated stability across electrolyte, acid-base, metabolic and volume parameters throughout the case. Physiology no longer has to deteriorate during extracorporeal support." }
}];


function Paradigm() {
  return (
    <section className="section" id="paradigm">
      <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">002</span>
              <span>The shift</span>
            </span>
          </div>
          <div>
            <h2 className="h2 section-head__title">
              Nephros marks a departure from decades-old practices that have accepted <em style={{ color: 'var(--fg-3)' }}>physiologic compromise</em> as an inherent part of extracorporeal support.
            </h2>
            <p className="body" style={{ marginTop: 20 }}>For sixty years, cardiopulmonary bypass has saved lives, but the way we manage blood chemistry on bypass hasn't changed. Today's antiquated therapies fix one thing while causing significant secondary physiologic disruptions. Nephros doesn't.</p>
          </div>
        </div>

        <div className="paradigm">
          {PARADIGM_ROWS.map((r, i) =>
          <React.Fragment key={i}>
              <div className="paradigm__col paradigm__col--old">
                <div className="tag">{r.old.tag}</div>
                <h4>{r.old.h}</h4>
                <p>{r.old.p}</p>
              </div>
              <div className="paradigm__col paradigm__col--new">
                <div className="tag">{r.nu.tag}</div>
                <h4>{r.nu.h}</h4>
                <p>{r.nu.p}</p>
              </div>
            </React.Fragment>
          )}
        </div>
      </div>
    </section>);

}

window.Paradigm = Paradigm;