function TrustStrip() {
  const items = [
    { k: "HIPAA", v: "Encrypted at rest and in transit. BAAs signed before pilot." },
    { k: "Audit trail", v: "Every call recorded, transcribed, timestamped, and retrievable." },
    { k: "No clinical AI risk", v: "Samika captures structure. Clinical decisions remain with the physician." },
    { k: "PMS-native", v: "Writes appointments directly to your existing system. No new workflow." },
  ];
  return (
    <section className="trust section--tight">
      <div className="container">
        <div className="trust__grid">
          {items.map((it, i) => (
            <div className="trust__cell" key={i}>
              <div className="trust__num">0{i+1}</div>
              <div className="trust__k">{it.k}</div>
              <div className="trust__v">{it.v}</div>
            </div>
          ))}
        </div>
      </div>
      <style>{`
        .trust { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
        .trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
        .trust__cell { padding: 8px 28px 8px 0; border-right: 1px solid var(--line); }
        .trust__cell:last-child { border-right: 0; padding-right: 0; }
        .trust__cell:not(:first-child) { padding-left: 28px; }
        .trust__num { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; color: var(--ink-400); margin-bottom: 16px; }
        .trust__k { font-size: 17px; font-weight: 500; color: var(--ink-900); margin-bottom: 8px; letter-spacing: -0.01em; }
        .trust__v { font-size: 13.5px; color: var(--ink-600); line-height: 1.5; }
        @media (max-width: 900px) {
          .trust__grid { grid-template-columns: 1fr 1fr; }
          .trust__cell:nth-child(2) { border-right: 0; }
          .trust__cell:nth-child(3), .trust__cell:nth-child(4) { border-top: 1px solid var(--line); padding-top: 28px; margin-top: 28px; }
        }
      `}</style>
    </section>
  );
}
window.TrustStrip = TrustStrip;