.pricing-intro{
  position:relative;
  max-width:100%;
  overflow-x:clip;
  padding-top:64px;
  padding-bottom:64px;
  background:
    radial-gradient(ellipse at 12% 8%,var(--teal-soft),var(--clear) 58%),
    linear-gradient(180deg,var(--hero-top),var(--hero-bottom));
  box-shadow:inset 0 -1px 0 var(--hl);
}
.pricing-intro h1{
  margin-top:24px;
  font-size:var(--text-h1);
  line-height:1.1;
}
.pricing-intro__lede{
  max-width:var(--reading);
  font-size:var(--text-lede);
  color:var(--text-muted);
}
.pricing-intro__facts{margin-bottom:24px}
.pricing-intro__actions{margin-top:28px}
.pricing-caption{
  margin-top:24px;
  margin-bottom:0;
  color:var(--text-muted);
  font-size:var(--text-sm);
}
.pricing-caption a,
.pricing-inclusions a{
  text-decoration:underline;
  text-underline-offset:4px;
}
.pricing-period-note{
  max-width:var(--reading);
  margin-bottom:28px;
  color:var(--text-muted);
}
.pricing-inclusions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.pricing-inclusions h3{margin-top:20px}
.pricing-inclusions p:last-child{margin-bottom:0}
.pricing-guidance{
  max-width:var(--reading);
  margin-top:40px;
}
.pricing-payments{
  justify-content:center;
  margin-bottom:32px;
}
.pricing-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.pricing-flow h3{margin-top:0}
.pricing-flow p:last-child{margin-bottom:0}
.pricing-flow .panel{min-width:0}
.pricing-inclusions>*{min-width:0}
@media(max-width:900px){
  .pricing-flow{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:768px){
  .pricing-intro{padding-top:40px;padding-bottom:48px}
  .pricing-intro h1{font-size:40px;line-height:1.15}
  .pricing-intro__lede{font-size:var(--text-base)}
}
@media(max-width:640px){
  .pricing-inclusions{grid-template-columns:minmax(0,1fr)}
  .pricing-intro__actions{gap:12px}
  .pricing-intro__actions .btn{padding-inline:22px}
}