.pricing {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 90px;
  align-items: center;
  border-top: 1px solid var(--line);
}

.pricing-copy h2 {
  font-size: clamp(38px, 4vw, 60px);
  line-height: 1.15;
  letter-spacing: -.05em;
}

.pricing-copy > p:not(.eyebrow) {
  color: var(--muted);
  max-width: 610px;
}

.pricing-copy ul {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
}

.pricing-copy li { font-size: 14px; font-weight: 650; }
.pricing-copy li::before { content: "✓"; color: var(--blue); margin-right: 9px; }

.price-card {
  padding: 42px;
  border-radius: 22px;
  background: var(--navy);
  color: #fff;
  box-shadow: 0 28px 60px #0b19352e;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.price-card > span {
  font: 600 11px ui-monospace, monospace;
  letter-spacing: .08em;
  color: #9eb1ce;
}

.price-card > strong { font-size: 68px; line-height: 1; margin: 24px 0 12px; letter-spacing: -.05em; }
.price-card > strong small { font-size: 25px; vertical-align: top; margin-right: 4px; }
.price-card > p { color: #a9b8ce; font-size: 13px; }
.price-card > .button { width: 100%; margin: 18px 0 12px; }
.price-card > #purchase-status { color: #899bb6; line-height: 1.55; }

@media (max-width: 840px) {
  .pricing { grid-template-columns: 1fr; gap: 45px; }
}

@media (max-width: 560px) {
  .pricing-copy ul { grid-template-columns: 1fr; }
  .price-card { padding: 30px; }
  .price-card > strong { font-size: 58px; }
}