.pricing-intro{
  padding-top:56px;
  padding-bottom:40px;
  background:linear-gradient(180deg,var(--ambient-top),var(--ambient-bottom));
}
.pricing-intro .hero-title{
  margin-top:24px;
}
.pricing-lede{
  max-width:var(--reading-max);
  margin-top:24px;
  color:var(--muted);
  font-size:var(--body);
}
.pricing-trust{
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
  margin-top:32px;
  font-size:var(--text-nav);
}
.pricing-trust span{
  padding-left:12px;
  border-left:2px solid var(--accent);
}
.pricing-entry{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid var(--border);
}
.pricing-entry p{
  min-width:0;
  max-width:var(--reading-max);
  color:var(--muted);
  font-size:var(--text-nav);
}
.pricing-note{
  margin-top:20px;
  max-width:var(--reading-max);
  color:var(--muted);
  font-size:var(--text-nav);
}
.pricing-selection{
  padding-top:24px;
}
.pricing-panel-heading{
  margin-bottom:28px;
}
.pricing-panel-heading p{
  max-width:var(--reading-max);
  margin-top:12px;
  color:var(--muted);
  font-size:var(--body);
}
.pricing-selection [role="tabpanel"]{
  border:1px solid var(--border);
  border-top:0;
}
.pricing-selection .pricing-grid>*{
  min-width:0;
}
.plan-description{
  font-size:var(--text-card);
  color:var(--text);
}
.plan-boundary{
  padding-top:16px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:var(--text-nav);
}
.pricing-selection .plan-title{
  overflow-wrap:normal;
}
.pricing-selection .plan-price{
  white-space:nowrap;
}
.pricing-selection .callout{
  margin-bottom:0;
}
.pricing-inclusion{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
}
.pricing-fact{
  font-size:var(--text-nav);
  color:var(--accent);
}
.pricing-inclusion p{
  font-size:var(--body);
  color:var(--muted);
}
.pricing-inclusion .text-link{
  margin-top:auto;
}
.pricing-explanation{
  max-width:var(--reading-max);
  margin-top:32px;
}
.pricing-payment-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  align-items:start;
  gap:40px;
}
.pricing-payment-layout>*,
.pricing-refund>*{
  min-width:0;
}
.pricing-payment-methods{
  display:grid;
  gap:0;
}
.pricing-payment-methods span{
  padding-top:20px;
  padding-bottom:20px;
  font-size:var(--text-xl);
}
.pricing-payment-methods span+span{
  border-top:1px solid var(--border);
}
.pricing-payment-layout .prose>h3:first-child{
  margin-top:0;
}
.pricing-refund{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:40px;
  padding:32px;
  border-top:2px solid var(--accent);
}
.pricing-refund h2{
  margin-top:24px;
  margin-bottom:20px;
}
.pricing-refund .text-link{
  margin-top:24px;
}
@media(max-width:1024px){
  .pricing-selection .plan-card{
    padding:24px 20px;
  }
  .pricing-selection .pricing-grid{
    gap:16px;
  }
}
@media(max-width:768px){
  .pricing-intro{
    padding-top:32px;
    padding-bottom:32px;
  }
  .pricing-payment-layout,
  .pricing-refund{
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .pricing-refund{
    padding:24px;
  }
  .pricing-selection [role="tabpanel"]{
    padding:20px;
  }
}
@media(max-width:640px){
  .pricing-entry{
    align-items:flex-start;
    flex-direction:column;
    gap:20px;
  }
  .pricing-selection [role="tab"]{
    flex:1;
    min-width:0;
    padding-inline:16px;
  }
  .pricing-selection [role="tabpanel"]{
    padding:16px;
  }
  .pricing-selection .plan-card{
    padding:24px 16px;
  }
  .pricing-trust{
    gap:12px 20px;
  }
}