.pricing-intro {
  background:linear-gradient(180deg,var(--paper-top),var(--paper-bottom));
  max-width:none;
  padding-top:64px;
  padding-bottom:64px;
}
.pricing-intro__copy {
  max-width:900px;
  margin-inline:auto;
  text-align:center;
}
.pricing-kicker {
  font-family:var(--font-mono);
  font-size:14px;
  font-weight:700;
  color:var(--accent-dark);
  margin-bottom:16px;
}
.pricing-intro__lead {
  max-width:680px;
  margin:24px auto 0;
  color:var(--text-muted);
}
.pricing-intro__actions {
  justify-content:center;
  margin-top:28px;
}
.pricing-intro__trust {
  margin-top:24px;
  font-size:15px;
  color:var(--text-muted);
}
.pricing-intro .facts {
  margin-top:24px;
}
.pricing-overview {
  padding-top:64px;
}
.pricing-note {
  margin-top:24px;
  color:var(--text-muted);
  font-size:15px;
}
.pricing-period {
  margin-top:32px;
}
.pricing-period p {
  margin-top:8px;
  color:var(--text-muted);
  font-size:15px;
}
.pricing-plan-copy {
  color:var(--text-muted);
  font-size:16px;
  line-height:var(--body-leading);
}
.pricing-packs {
  background:var(--amber-band);
}
.pricing-packs .section-head > p:last-child,
.pricing-packs .pricing-note {
  color:var(--amber-ink);
}
.pricing-packs .pricing-kicker {
  color:var(--amber-ink);
}
.pricing-packs .plan-card {
  box-shadow:var(--shadow-warm);
}
.pricing-context {
  max-width:840px;
  margin-top:32px;
}
.pricing-context h3 {
  margin-top:32px;
  margin-bottom:16px;
}
.pricing-context p {
  color:var(--text-muted);
}
.pricing-context p + p {
  margin-top:20px;
}
.pricing-context .button-row {
  margin-top:24px;
}
.pricing-text-link {
  display:inline-block;
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:4px;
}
.pricing-payment__methods {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.pricing-process {
  padding-left:24px;
  margin-block:24px;
}
.pricing-process li {
  padding-left:8px;
  color:var(--text-muted);
}
.pricing-process li + li {
  margin-top:20px;
}
.pricing-process strong {
  color:var(--text);
}
.pricing-refund__headline h2 {
  font-size:clamp(28px,3vw,40px);
}
@media (max-width:768px) {
  .pricing-intro {
    padding-top:40px;
    padding-bottom:48px;
  }
  .pricing-overview {
    padding-top:48px;
  }
  .pricing-period {
    align-items:flex-start;
  }
}
@media (max-width:480px) {
  .pricing-intro__actions {
    gap:12px;
  }
  .pricing-intro__actions .btn {
    padding-inline:20px;
  }
  .pricing-period .button-row {
    gap:12px;
  }
  .pricing-period .btn {
    padding-inline:18px;
  }
}