.pricing-intro{
  position:relative;
  max-width:100%;
  overflow-x:clip;
  text-align:center;
  background:radial-gradient(ellipse at 85% 0,var(--glow-apricot),var(--c-clear) 65%),linear-gradient(180deg,var(--c-hero-top),var(--c-hero-bot));
}
.pricing-intro h1{
  margin-top:24px;
}
.pricing-lead{
  max-width:680px;
  margin-inline:auto;
  font-size:var(--text-lead);
  color:var(--c-muted);
}
.pricing-entry{
  justify-content:center;
  margin-top:28px;
}
.pricing-summary{
  padding-top:56px;
}
.pricing-caption{
  padding:16px 20px;
  text-align:left;
  color:var(--c-muted);
  font-size:var(--text-sm);
  background:var(--c-panel);
}
.pricing-table-note{
  margin-top:16px;
  margin-bottom:0;
}
.pricing-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:32px;
}
.pricing-panel-head p{
  max-width:760px;
  margin-bottom:0;
}
.pricing-panel-head .badge{
  flex-shrink:0;
}
.pricing-plan-kind{
  color:var(--c-muted);
  font-size:var(--text-xs);
  letter-spacing:.04em;
}
.pricing-page .plan-card h3{
  font-size:var(--text-h3);
}
.pricing-plan-copy{
  color:var(--c-muted);
  font-size:var(--text-sm);
  line-height:var(--leading-body);
}
.pricing-inclusions .panel h3{
  margin-top:20px;
}
.pricing-inclusions .panel p{
  color:var(--c-muted);
}
.pricing-payment .node-wall{
  align-items:start;
}
.pricing-payment h2{
  margin-top:20px;
}
.pricing-payments{
  margin-top:24px;
}
.pricing-payment-step{
  display:block;
  padding:24px;
}
.pricing-payment-step h3{
  font-size:var(--text-lead);
}
.pricing-payment-step p{
  margin-bottom:0;
  color:var(--c-muted);
  font-size:var(--text-sm);
}
.pricing-refund{
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(0,7fr);
  gap:48px;
  padding:40px;
  box-shadow:var(--edge-hi);
}
.pricing-refund-heading h2{
  margin-top:20px;
}
.pricing-refund-copy{
  min-width:0;
  color:var(--c-muted);
}
.pricing-refund-copy .btn{
  margin-top:4px;
}
.pricing-faq{
  padding-top:40px;
}
@media(max-width:1023px){
  .pricing-page .plan-card{
    padding:24px;
  }
  .pricing-page .plan-card .btn{
    padding-inline:16px;
  }
}
@media(max-width:768px){
  .pricing-panel-head{
    flex-direction:column;
    gap:16px;
  }
  .pricing-refund{
    grid-template-columns:1fr;
    gap:28px;
    padding:28px;
  }
}
@media(max-width:640px){
  .pricing-intro .badge{
    font-size:var(--text-xs);
  }
  .pricing-lead{
    font-size:var(--text-body);
  }
  .pricing-entry{
    flex-direction:column;
    gap:16px;
  }
  .pricing-refund{
    padding:24px;
  }
  .pricing-refund-copy .btn{
    padding-inline:18px;
  }
}