.pricing-intro{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.pricing-intro h1{margin:24px 0;font-weight:var(--weight-body)}
.pricing-intro__lede{max-width:32em;color:var(--text-muted)}
.pricing-intro__note h2{font-size:var(--size-h3)}
.pricing-intro__note .window__sample{margin-top:28px}
.pricing-text-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  text-decoration:underline;
  text-underline-offset:5px;
  color:var(--text-muted);
}
.pricing-overview>h2{margin-top:0}
.pricing-overview>p{max-width:64em}
.pricing-overview .table-scroll{margin-block:24px}
.pricing-section-head{max-width:48em;margin-bottom:32px}
.pricing-section-head h2{margin-top:12px}
.pricing-options>[role="tablist"]{margin-bottom:28px}
.pricing-options>[role="tabpanel"]>h3{margin-top:32px}
.pricing-options>[role="tabpanel"]>.muted{max-width:64em;margin-bottom:28px}
.pricing-options .plan-card{gap:20px}
.pricing-options .plan-card>.badge{align-self:flex-start}
.pricing-options .plan-card>p:not(.plan-card__price){font-size:var(--size-small);line-height:1.85}
.pricing-options .plan-card__price{font-variant-numeric:tabular-nums}
.pricing-options .plan-card__list{line-height:1.9}
.pricing-inclusions,.pricing-process{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);
  gap:72px;
  border-top:1px solid var(--border);
}
.pricing-inclusions h2,.pricing-process h2{margin-top:16px}
.pricing-ledger{margin:0}
.pricing-ledger>div{padding-block:24px;border-bottom:1px solid var(--border)}
.pricing-ledger>div:first-child{padding-top:0}
.pricing-ledger dt{font-weight:var(--weight-strong)}
.pricing-ledger dd{margin:10px 0 0;color:var(--text-muted);line-height:1.85}
.pricing-ledger a{text-decoration:underline;text-underline-offset:4px}
.pricing-reading{max-width:64em;margin-top:32px}
.pricing-process .prose>h3:first-child{margin-top:0}
.pricing-payments{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  margin-top:32px;
  padding-block:20px;
  border-block:1px solid var(--border);
  color:var(--text-muted);
  font-weight:var(--weight-medium);
}
#plan-options{scroll-margin-top:var(--anchor-offset)}
@media(max-width:1000px){
  .pricing-intro{gap:32px}
  .pricing-inclusions,.pricing-process{gap:36px}
}
@media(max-width:768px){
  .pricing-intro{grid-template-columns:minmax(0,1fr)}
  .pricing-intro__note{margin-top:12px}
  .pricing-inclusions,.pricing-process{grid-template-columns:minmax(0,1fr);gap:28px}
  .pricing-options .plan-card{padding:24px}
}