.pricing-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  align-items:start;
  gap:48px;
  padding-bottom:48px;
}
.pricing-heading,.pricing-rule-panel{min-width:0}
.pricing-heading h1{margin:20px 0}
.pricing-lede{
  max-width:660px;
  margin-bottom:16px;
  font-size:var(--fs-h3);
  color:var(--c-muted);
}
.pricing-heading>.muted{max-width:660px}
.pricing-intro-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  margin-top:24px;
}
.pricing-intro-actions .badge{align-self:center}
.pricing-rule-panel{
  background:linear-gradient(150deg,var(--c-panel),var(--c-hero-bottom));
}
.pricing-rule-panel>.mono{font-size:var(--fs-caption)}
.pricing-rule-list{margin:20px 0 0}
.pricing-rule-list>div{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:16px;
  padding:16px 0;
  border-top:1px solid var(--c-border);
}
.pricing-rule-list dt{color:var(--c-muted);font-size:var(--fs-small)}
.pricing-rule-list dd{
  margin:0;
  font-size:var(--fs-small);
  font-weight:var(--fw-semibold);
}
.pricing-overview h2{margin-top:0}
.pricing-table-note{
  margin-top:16px;
  margin-bottom:0;
  font-size:var(--fs-small);
}
.pricing-section-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:20px;
  margin-bottom:24px;
}
.pricing-section-heading h2{margin:0 0 12px}
.pricing-section-heading p{margin:0}
.pricing-section-heading>.link-under{flex-shrink:0}
.pricing-page .plan-card>p:not(.plan-price){
  font-size:var(--fs-small);
  line-height:1.85;
}
.pricing-page .plan-card>.btn-primary{margin-top:auto;width:100%}
.pricing-page .plan-card>.badge{margin-bottom:12px}
.pricing-inclusions .panel h3{margin-top:0}
.pricing-inclusion-list{padding-left:20px;margin-bottom:24px}
.pricing-inclusion-list li{line-height:1.9}
.pricing-inclusion-list li+li{margin-top:16px}
.pricing-explanation{margin-top:28px;max-width:1000px}
.pricing-payment-layout{
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);
  gap:32px;
  align-items:start;
}
.pricing-payment-layout h3{margin-top:0}
.pricing-payment-layout .inset-panel>p{
  margin-top:24px;
  margin-bottom:0;
  font-size:var(--fs-small);
}
.pricing-refund-panel{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:40px;
}
.pricing-refund-panel>div{min-width:0}
.pricing-refund-panel h2{margin-top:20px}
.pricing-refund-panel .prose h3{margin-top:0}
.pricing-refund-links{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
@media(max-width:1024px){
  .pricing-intro{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-rule-list>div{grid-template-columns:1fr;gap:4px}
}
@media(max-width:768px){
  .pricing-intro{grid-template-columns:1fr;padding-bottom:32px}
  .pricing-heading h1{margin:16px 0}
  .pricing-lede{font-size:var(--fs-body)}
  .pricing-rule-list>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
  .pricing-payment-layout,.pricing-refund-panel{grid-template-columns:1fr;gap:24px}
}
@media(max-width:640px){
  .pricing-section-heading{align-items:flex-start}
  .pricing-rule-list>div{grid-template-columns:1fr;gap:4px}
}