/* ============================================================
   Module: split — alternating promo rows + the two-party
   responsibility band (doctor ↔ clinic).
   ============================================================ */

.split {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}
@media (min-width: 980px) {
  .split { grid-template-columns: 1fr 1fr; }
  .split.flip > .split-copy { order: 2; }
  .split.flip > .split-visual { order: 1; }
}
.split-copy h2 { max-width: 18ch; }
.split-visual { position: relative; }

/* ---------- Responsibility band: two commitments, one platform ---------- */
.pact {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--s5);
  align-items: stretch;
}
@media (min-width: 900px) {
  .pact { grid-template-columns: 1fr auto 1fr; align-items: center; }
}
.pact-card {
  height: 100%;
  border-radius: var(--r-card);
  border: 1px solid var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  padding: var(--s6) var(--s7);
}
.pact-card .eyebrow { margin-bottom: var(--s3); }
.pact-card h3 { margin-bottom: var(--s3); }
.pact-card p { color: var(--text-2); }
.pact-card ul { list-style: none; margin: var(--s4) 0 0; padding: 0; }
.pact-card li {
  display: flex;
  gap: var(--s3);
  align-items: flex-start;
  color: var(--text-2);
  font-weight: 600;
  font-size: var(--fs-label);
  margin-bottom: var(--s2);
}
.pact-card li svg { width: 18px; height: 18px; margin-top: 2px; color: var(--accent-text); flex-shrink: 0; }

.pact-join {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-inline: auto;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--g1), var(--g-text));
  color: var(--white);
  box-shadow: var(--shadow-md);
}
.pact-join svg { width: 24px; height: 24px; }

.pact-note {
  max-width: 760px;
  margin: var(--s6) auto 0;
  text-align: center;
  color: var(--text-2);
  font-size: var(--fs-label);
}