.pricing-intro{
  position:relative;
  padding-bottom:40px;
  background:linear-gradient(180deg,var(--bg),var(--lavender));
  border-bottom:1px solid var(--border);
}
.pricing-intro h1{margin:20px 0}
.pricing-lead{max-width:760px;font-size:var(--size-sub);color:var(--text-muted)}
.pricing-entry{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px}
.pricing-entry>span{font-size:var(--size-small)}
.pricing-overview{padding-top:40px}
.pricing-panel-heading{max-width:820px;margin-bottom:28px}
.pricing-panel-heading h3{margin:0 0 12px}
.pricing-card-copy{margin-top:20px;font-size:var(--size-small);color:var(--text-muted)}
.pricing-page .plan-card{border-top-color:var(--accent-a35)}
.pricing-page .plan-price{color:var(--accent-dark)}
.pricing-page .panel h3{margin-top:16px;margin-bottom:14px}
.pricing-page .panel p{color:var(--text-muted)}
.pricing-reading{max-width:820px;margin-top:32px}
.pricing-reading h3{margin:28px 0 14px}
.pricing-reading p{color:var(--text-muted)}
.pricing-methods{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.pricing-steps{padding-left:24px;color:var(--text-muted)}
.pricing-steps li{padding-left:4px}
.pricing-steps li+li{margin-top:20px}
.pricing-steps strong{color:var(--text);font-weight:var(--weight-bold)}
.pricing-inline-action{margin-top:20px}
@media(max-width:640px){
  .pricing-intro{padding-bottom:32px}
  .pricing-lead{font-size:var(--size-body)}
  .pricing-entry{align-items:flex-start;flex-direction:column}
}