.pricing-intro {
  position:relative;
  z-index:1;
  text-align:center;
}
.pricing-intro h1 {
  margin-top:20px;
  font-size:64px;
}
.pricing-intro .lede {
  max-width:680px;
  margin-inline:auto;
}
.pricing-intro .facts {
  margin-top:24px;
}
.pricing-reading {
  max-width:920px;
  margin:28px auto 0;
  color:var(--muted);
}
.pricing-card-note {
  font-size:14px;
  color:var(--muted);
}
.pricing-boundary {
  margin-top:28px;
}
.pricing-boundary p {
  margin-top:16px;
  color:var(--muted);
}
.pricing-links {
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin-top:20px;
}
.pricing-links a {
  display:inline-flex;
  align-items:center;
  min-height:32px;
}
.pricing-payments {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.pricing-payment .prose {
  max-width:920px;
}
.pricing-refund {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:40px;
}
.pricing-refund h2 {
  margin-top:20px;
}
.pricing-refund > div > p {
  margin-top:20px;
  color:var(--muted);
}
.pricing-refund .prose h3:first-child {
  margin-top:0;
}
.pricing-refund .prose {
  color:var(--muted);
}
.pricing-refund .prose h3 {
  color:var(--text);
}
@media (max-width:768px) {
  .pricing-intro h1 {
    font-size:40px;
  }
  .pricing-refund {
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
}
@media (max-width:640px) {
  .pricing-intro h1 {
    font-size:38px;
  }
}