html[data-pricing-page] {
  scroll-padding-top: calc(var(--product-header-height) + 200px);
}
.pricing-page-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 48px;
}
.pricing-intro {
  padding: 48px 0 36px;
}
.pricing-eyebrow {
  color: var(--text-muted);
  font-size: 11px;
  letter-spacing: 0.14em;
  margin: 0 0 16px;
}
.pricing-intro h1 {
  font-size: clamp(38px, 4.5vw, 64px);
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -0.05em;
  margin: 0;
}
.pricing-page-content .membership-comparison {
  --comparison-top: var(--product-header-height);
  --comparison-surface: var(--surface);
  --comparison-canvas: var(--bg);
  --comparison-text: var(--text);
  --comparison-muted: var(--text-muted);
  --comparison-border: var(--border);
}
@media (max-width: 600px) {
  .pricing-intro {
    padding: 30px 0;
  }
}

.membership-comparison.has-compact-sticky > table:not(.pricing-sticky-clone) thead {position:static}
.membership-comparison .pricing-sticky-clone {position:fixed;z-index:25;table-layout:fixed;margin:0;animation:pricing-compact-in .15s ease-out}
.membership-comparison .pricing-sticky-clone[hidden] {display:none}
.membership-comparison .pricing-sticky-clone thead {position:static}
.membership-comparison .pricing-sticky-clone thead th {padding:8px 12px;vertical-align:middle}
.membership-comparison .pricing-sticky-clone .recommended,.membership-comparison .pricing-sticky-clone th:nth-child(2) .plan-price {display:none}
.membership-comparison .pricing-sticky-clone .plan-name {font-size:11px;line-height:14px}
.membership-comparison .pricing-sticky-clone .plan-price {font-size:16px;line-height:18px;min-height:0;margin:2px 0 4px}
.membership-comparison .pricing-sticky-clone .plan-price small {display:inline;font-size:10px;height:auto}
.membership-comparison .pricing-sticky-clone .comparison-cta {padding:6px 10px;margin-top:4px;min-height:0;font-size:12px}
@keyframes pricing-compact-in {from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.membership-comparison .pricing-sticky-clone{animation:none}}

/* Sticky Free/VIP reserve identical label, price and CTA rows. */
.membership-comparison .pricing-sticky-clone th:not(:first-child) {height:100px;box-sizing:border-box;vertical-align:top}
.membership-comparison .pricing-sticky-clone th:nth-child(2) .plan-price {display:block;visibility:hidden}
.membership-comparison .pricing-sticky-clone .plan-name {display:block;height:14px;line-height:14px;margin:0}
.membership-comparison .pricing-sticky-clone .plan-price {display:block;height:22px;line-height:22px;margin:2px 0 4px;white-space:nowrap}
.membership-comparison .pricing-sticky-clone .comparison-cta {display:flex;align-items:center;justify-content:center;height:32px;min-height:32px;box-sizing:border-box;margin-top:4px;padding:6px 10px}
/* VIP's existing 3px top border consumes 2px more than Free's 1px border. */
.membership-comparison .pricing-sticky-clone th:nth-child(3) {padding-top:6px}
