.pricing-intro{padding-top:64px;padding-bottom:56px}
.pricing-intro .sub{max-width:720px}
.pricing-kicker{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:var(--fs-small);color:var(--text-muted)}
#billing-options{scroll-margin-top:var(--anchor-offset)}
#billing-options .plan-card>p:not(.plan-price){font-size:var(--fs-small);line-height:1.85}
.pricing-payment{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:48px;padding:36px}
.pricing-payment>*{min-width:0}
.pricing-payment p:last-child{margin-bottom:0}
.pricing-payment-side{align-content:start}
.pricing-payment-side .chip{justify-content:center;min-height:44px;background:var(--bg-panel);border:1px solid var(--border)}
.pricing-payment-side .btn{width:100%;padding-inline:12px}
.pricing-refund{padding:40px}
.pricing-refund>p{max-width:880px}
.pricing-refund .pricing-kicker{color:var(--on-accent-muted)}
@media(max-width:768px){
  .pricing-intro{padding-top:40px;padding-bottom:40px}
  .pricing-payment{grid-template-columns:1fr;gap:28px;padding:24px}
  .pricing-refund{padding:24px}
}
@media(max-width:360px){
  .pricing-intro .actions{width:100%;flex-direction:column}
  .pricing-intro .btn{width:100%}
}