/* Infirise Technologies (infirise.com): conversion and location pages (plan cards, two-column split). */

/* ---------- Two columns: a narrow column beside a wider one (a form or office list); stacks below 960px ---------- */

.split { display: grid; align-items: start; gap: 32px 48px; }
.split-col { min-width: 0; display: flex; flex-direction: column; gap: 20px; }
@media (min-width: 960px) {
  .split { grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); }
}

/* ---------- Plan cards: the most popular plan is outlined and lifted ---------- */

.plan { display: flex; flex-direction: column; gap: 14px; padding: 28px; }
.plan-pop { position: relative; border: 2px solid var(--azure); box-shadow: var(--shadow-lift); }
/* The badge sits on the card's top edge, so the three cards' rows still line up. */
.plan-badge {
  position: absolute;
  top: 0;
  left: 26px;
  transform: translateY(-50%);
  width: fit-content;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--azure);
  color: #ffffff;
  font: 600 12px/1.3 var(--font-body);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.plan-name { font: 800 22px/1.2 var(--font-display); color: var(--navy); }
.plan-price { font: 800 26px/1.25 var(--font-display); color: var(--navy); }
.plan-unit { font: 600 15px/1.4 var(--font-body); color: var(--muted); white-space: nowrap; }
.plan-label { font: 600 13px/1.3 var(--font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--azure); }
.plan-line { font-size: 15px; line-height: 1.55; color: var(--muted); }
.plan-line b { color: var(--navy); font-weight: 600; }
.plan .checklist { font-size: 15px; }
.plan .btn { margin-top: auto; }