.savings {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 46px;
}

.savings div {
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
}

.savings strong, .savings span { display: block; }
.savings strong { margin-bottom: 8px; color: var(--lilac); font-size: 15px; }
.savings span { color: var(--muted); font-size: 12px; line-height: 1.75; }
.plan .equivalent { color: var(--lilac); font-weight: 600; }
.estimate-note { max-width: 780px; margin: 28px auto 0; color: #8f8397; font-size: 11px; line-height: 1.8; text-align: center; }

@media (max-width: 760px) {
  .savings { grid-template-columns: 1fr; }
}