.pricing-page{
  padding-top:48px;
}
.pricing-opening{
  max-width:960px;
  padding-top:24px;
  padding-bottom:56px;
}
.pricing-opening h1{
  margin-top:24px;
  margin-bottom:24px;
}
.pricing-opening__lead{
  max-width:34em;
  color:var(--muted);
  font-size:var(--size-h3);
}
.pricing-opening .actions>span{
  font-size:var(--size-small);
}
.pricing-overview{
  padding:32px;
  background:var(--panel-2);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-panel),inset 0 1px 0 var(--hl);
}
.pricing-overview h2{
  margin-bottom:20px;
}
.pricing-overview>p:last-child{
  margin-bottom:0;
}
.pricing-section{
  padding-top:var(--space-section);
}
.pricing-section>p{
  max-width:58em;
  color:var(--muted);
}
.pricing-page .pricing-card>p:not(.pricing-card__price){
  color:var(--muted);
  font-size:var(--size-small);
}
.pricing-payment-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:24px;
}
.pricing-page .step-timeline{
  max-width:960px;
  margin-top:40px;
  margin-bottom:0;
}
.pricing-page .step-timeline p{
  color:var(--muted);
}
.pricing-page .step-timeline li:last-child{
  padding-bottom:0;
}
.pricing-page .panel>p{
  max-width:62em;
}
.pricing-page .data-table th[scope="row"]{
  background:var(--panel);
}
@media(max-width:768px){
  .pricing-page{
    padding-top:24px;
  }
  .pricing-opening{
    padding-top:16px;
    padding-bottom:40px;
  }
  .pricing-opening__lead{
    font-size:var(--size-body);
  }
  .pricing-overview{
    padding:24px;
  }
}
@media(max-width:420px){
  .pricing-overview{
    padding:20px;
  }
  .pricing-page .step-timeline{
    padding-left:64px;
  }
  .pricing-page .step-timeline li::before{
    left:-64px;
  }
}