.pricing-intro {
  position: relative;
  max-width: 100%;
  overflow-x: clip;
  background: radial-gradient(ellipse at 85% 10%, var(--c-accent-a04), var(--c-transparent) 60%), linear-gradient(180deg, var(--c-hero-top), var(--c-hero-bottom));
}
.pricing-intro h1 {
  margin-top: 24px;
  max-width: 900px;
}
.pricing-lead {
  max-width: 760px;
  margin-top: 24px;
  font-size: var(--fs-h3);
  color: var(--c-muted);
}
.pricing-entry {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.pricing-registration {
  margin-top: 18px;
  color: var(--c-muted);
  font-size: var(--fs-small);
}
.pricing-note {
  margin-top: 20px;
  color: var(--c-muted);
  font-size: var(--fs-small);
}
.pricing-panel-copy {
  max-width: 820px;
  margin-bottom: 28px;
}
.pricing-panel-copy p {
  margin-top: 14px;
  color: var(--c-muted);
}
.pricing-plan-description {
  color: var(--c-muted);
  font-size: var(--fs-small);
  line-height: 1.8;
}
.pricing-inclusions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.pricing-inclusions > * {
  min-width: 0;
}
.pricing-layer-label {
  display: inline-block;
  margin-bottom: 18px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--c-accent);
  color: var(--c-muted);
  font-size: var(--fs-small);
  font-weight: var(--weight-medium);
}
.pricing-inclusions h3 {
  margin-bottom: 14px;
}
.pricing-inclusions p {
  color: var(--c-muted);
  font-size: var(--fs-small);
  line-height: 1.8;
}
.pricing-payment-methods {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.pricing-payment > .btn {
  margin-top: 8px;
}
.pricing-refund {
  border-top: 3px solid var(--c-accent);
  box-shadow: var(--shadow-float);
}
.pricing-refund h2 {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .pricing-lead {
    font-size: var(--fs-body);
  }
  .pricing-inclusions {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .pricing-entry {
    gap: 10px;
  }
  .pricing-entry .btn {
    min-width: 128px;
    padding-inline: 16px;
  }
}