.membership-page-hero{gap:var(--space-16);padding-block:var(--space-12) var(--space-20);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;display:grid}.membership-page-hero h1{font-size:clamp(var(--font-3xl), 4vw, var(--font-display));line-height:var(--leading-tight);text-wrap:balance;margin:0}.membership-page-hero h1 span{color:var(--text-muted);display:block}.membership-lead,.membership-page p,.membership-plan li{font-size:var(--font-base);line-height:var(--leading-body)}.membership-lead{margin-block:var(--space-6) var(--space-8);max-width:var(--content-reading)}.membership-page .ui-kicker,.membership-page .membership-plan-note{font-size:var(--font-sm)}.membership-hero-actions,.membership-plan-top{gap:var(--space-3);flex-wrap:wrap;display:flex}.membership-intro-card{padding:var(--space-8);background:var(--surface-muted);border-radius:var(--radius-md)}.membership-hero-icon{width:var(--space-20);height:var(--space-20);margin-block:var(--space-8);display:block}.membership-page h2{font-size:var(--font-3xl);line-height:var(--leading-heading);text-wrap:balance}.membership-page h3{margin-block:var(--space-4) var(--space-3);font-size:var(--font-xl);line-height:var(--leading-heading);text-wrap:balance}.membership-page-section{padding-block:var(--space-16);border-top:var(--border-width) solid var(--line);scroll-margin-top:var(--space-8)}.membership-overview{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.membership-overview .ui-section-heading{margin-bottom:0}.membership-overview>p{color:var(--text-muted);margin:0}.membership-benefit-grid,.membership-plan-grid,.membership-steps{gap:var(--space-6);display:grid}.membership-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.membership-benefit-card,.membership-plan{padding:var(--space-6);border-radius:var(--radius-md)}.membership-benefit-icon,.membership-step-number{width:var(--control-height-lg);height:var(--control-height-lg);border-radius:var(--radius-circle);background:var(--surface-muted);color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.membership-benefit-card p,.membership-plan>p,.membership-steps p{color:var(--text-muted);margin-block:0}.membership-plan-grid,.membership-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.membership-plan{flex-direction:column;align-items:stretch;display:flex}.membership-plan--featured{border-color:var(--ink);background:var(--surface-muted);box-shadow:inset 0 var(--space-1) 0 var(--ink)}.membership-plan h3{font-size:var(--font-2xl)}.membership-plan .membership-fee{margin-block:var(--space-6);padding-block:var(--space-4);border-block:var(--border-width) solid var(--line);color:var(--ink);font-weight:700}.membership-plan .membership-period{margin-block:calc(var(--space-4) * -1) 0;font-size:var(--font-sm);color:var(--text-muted)}.membership-plan ul{margin:0 0 var(--space-8);padding:0;list-style:none}.membership-plan li{align-items:start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.membership-plan li .ui-icon{margin-top:var(--space-1)}.membership-plan .ui-button{margin-top:auto}.membership-plan-note{margin-top:var(--space-6);color:var(--text-muted)}.membership-steps{margin:0;padding:0;list-style:none}.membership-steps li{align-items:start;gap:var(--space-4);display:flex}.membership-steps h3{margin-top:0}.membership-step-number{background:var(--ink);color:var(--paper);font-weight:800}.membership-final-cta{justify-content:space-between;align-items:center;gap:var(--space-8);margin-block:var(--space-4) var(--space-16);padding:var(--space-8);border-radius:var(--radius-md);background:var(--surface-muted);display:flex}.membership-final-cta h2{margin-block:0 var(--space-4)}.membership-final-cta p:last-child{margin-bottom:0}.membership-final-cta .ui-button{flex-shrink:0}@media (max-width:64rem){.membership-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-page-hero{gap:var(--space-8)}.membership-plan-grid{grid-template-columns:1fr}}@media (max-width:48rem){.membership-page-hero,.membership-overview,.membership-benefit-grid,.membership-steps{grid-template-columns:1fr}.membership-page-hero,.membership-page-section{padding-block:var(--space-8)}.membership-overview{gap:var(--space-6)}.membership-final-cta{padding:var(--space-6);flex-direction:column;align-items:stretch}}