.pricing-intro{
  background:linear-gradient(150deg,var(--sky-mid),var(--bg) 72%);
}
.pricing-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  margin-bottom:32px;
}
.pricing-heading>div{min-width:0}
.pricing-heading h1{margin:20px 0}
.pricing-summary{
  max-width:var(--reading);
  margin:0;
  color:var(--muted);
  font-size:var(--fs-lede);
}
.pricing-table-note{
  margin:16px 0 0;
  font-size:var(--fs-small);
}
.pricing-selector{padding-top:32px}
.pricing-section-lede{
  max-width:var(--reading);
  margin-bottom:28px;
  color:var(--muted);
}
.pricing-selector h2{margin-top:0}
.pricing-selector .plan-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.pricing-selector .plan-card>p:not(.plan-price){
  font-size:var(--fs-nav);
  color:var(--muted);
}
.pricing-selector .plan-facts{margin-top:8px}
.pricing-selector .pricing-card-note{margin-bottom:24px}
.pricing-selector .plan-card .btn-ink{margin-top:auto}
.pricing-inclusions{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:64px;
  padding:40px;
}
.pricing-inclusions h2{margin-top:20px}
.pricing-inclusions p{color:var(--muted)}
.pricing-fact-list{margin:0}
.pricing-fact-list>div{padding:20px 0;border-bottom:1px solid var(--border)}
.pricing-fact-list>div:first-child{padding-top:0}
.pricing-fact-list>div:last-child{border-bottom:0;padding-bottom:0}
.pricing-fact-list dt{font-weight:var(--weight-bold)}
.pricing-fact-list dd{margin:8px 0 0;color:var(--muted);font-size:var(--fs-nav)}
.pricing-reading{max-width:var(--reading);margin-top:32px}
.pricing-process{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:48px;
  align-items:start;
}
.pricing-process>div{min-width:0}
.pricing-process h2{margin-top:20px}
.pricing-process .panel h3{margin-top:0}
.pricing-process li{padding-left:4px;margin-bottom:16px}
.pricing-payment-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pricing-help-link{margin:24px 0 0;color:var(--muted);font-size:var(--fs-nav)}
@media(max-width:768px){
  .pricing-heading{flex-direction:column;align-items:flex-start;gap:20px}
  .pricing-inclusions,.pricing-process{grid-template-columns:minmax(0,1fr);gap:28px}
  .pricing-inclusions{padding:28px}
}
@media(max-width:640px){
  .pricing-inclusions{padding:22px}
  .pricing-heading h1{font-size:var(--fs-mobile-h1)}
}