.outcomes { align-items: stretch; }

.outcome-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 8px 24px rgba(8, 61, 105, .05);
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.outcome-card:hover,
.outcome-card:focus-visible {
  transform: translateY(-4px);
  border-color: #55abe0;
  box-shadow: 0 16px 30px rgba(8, 94, 161, .16);
  outline: none;
}

.outcome-card img { display: block; width: 100%; height: 150px; object-fit: cover; }

.outcome-card__body { display: flex; min-height: 250px; flex: 1; flex-direction: column; padding: 18px 19px 19px; }
.outcome-card__tag { display: block; margin-bottom: 9px; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .09em; }
.outcome-card__title { display: block; color: var(--navy); font-size: 20px; font-weight: 800; line-height: 1.18; }
.outcome-card__text { display: block; flex: 1; margin-top: 10px; color: var(--muted); font-size: 14px; line-height: 1.47; }
.outcome-card__cta { display: block; margin-top: 18px; color: var(--blue); font-size: 15px; font-weight: 900; }
.outcome-card__cta b { margin-left: 3px; font-size: 17px; }

.outcome-card--turnkey { border: 2px solid #75bee9; box-shadow: 0 12px 27px rgba(8, 126, 212, .12); }
.outcome-card--turnkey .outcome-card__tag { color: #0575c8; }

@media (max-width: 620px) {
  .outcome-card img { height: 135px; }
  .outcome-card__body { min-height: 0; padding: 17px; }
}