// Evidence — proposal-sourced validation results

const EV = [
{ tag: "Bench", num: "Comparator",
  h: "Dilutional Ultrafiltration: Hours and Liters",
  p: "Dilutional ultrafiltration is an indirect workaround that uses large-volume crystalloid dilution and fluid removal to influence electrolytes. It is slow, imprecise, labor-intensive, and can worsen physiologic disruption rather than directly correcting the imbalance.",
  meta: ["Standard of care", "Comparator arm"] },
{ tag: "Bench", num: "Nephros",
  h: "55% potassium reduction in ~6 minutes, no fluid added",
  p: "Twice the correction and 35x faster, with zero crystalloid added to the patient. Calcium, magnesium, sodium, pH and bicarbonate all stayed in physiologic range.",
  meta: ["Volume neutral", "No secondary derangements"] },
{ tag: "Pre-clinical", num: "Full circuit & porcine",
  h: "Clean integration. No secondary disruptions. No hemolysis. No edema.",
  p: "In simulated full bypass and porcine heart-and-lung procurement runs, Nephros integrated cleanly into standard circuits, held stable flow and pressure, and produced no hemolysis, no membrane fouling, and no device-related issues.",
  meta: ["Porcine procurement", "Safety endpoints met"] }];


function Evidence() {
  return (
    <section className="section" id="evidence">
      <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">006</span>
              <span>Evidence</span>
            </span>
          </div>
          <div>
            <h2 className="h2 section-head__title">Validated against the <em>standard of care.</em></h2>
            <p className="body" style={{ marginTop: 20 }}>Benchtop and pre-clinical studies were designed to compare Nephros directly to conventional management, measuring not just speed of correction, but the overall physiologic impact of each approach.</p>
          </div>
        </div>

        <div className="evidence">
          {EV.map((e, i) =>
          <article className="ev-card" key={i}>
              <div className="tag">
                <span>{e.tag}</span>
                <span className="num">/ {e.num}</span>
              </div>
              <h5>{e.h}</h5>
              <p>{e.p}</p>
              <div className="ev-card__meta">
                <span>{e.meta[0]}</span>
                <span>{e.meta[1]}</span>
              </div>
            </article>
          )}
        </div>
      </div>
    </section>);

}

window.Evidence = Evidence;