/* The owner-approved product opening. All interface colours use hub tokens. */
.pricing-hero{position:relative;margin:0;background:var(--paper);isolation:isolate}
.pricing-hero-stage{position:relative;overflow:hidden;background:var(--paper)}
.pricing-hero-art{position:relative;height:calc(100svh - var(--hub-header-height,82px));min-height:560px;max-height:1000px;overflow:hidden}
.pricing-hero-art img,.pricing-hero-art video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.pricing-hero-art video{opacity:0;pointer-events:none}
.pricing-hero[data-video-ready] video{opacity:1}
.pricing-hero-copy{isolation:isolate;position:absolute;top:34%;left:4.5%;width:29%;color:var(--ink)}
.pricing-hero-copy h1{font-size:clamp(38px,4.3vw,72px);line-height:1.02;letter-spacing:-.045em;font-weight:550;margin:0 0 30px}
.pricing-hero-art:after{content:"";position:absolute;inset:0 auto 0 0;width:44%;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 96%,transparent),color-mix(in srgb,var(--paper) 82%,transparent) 64%,transparent)}
.pricing-hero-copy .button{min-height:46px;white-space:normal}
.pricing-hero-copy a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
body[data-route="pricing"] .account-membership.membership-featured{padding-top:36px;scroll-margin-top:calc(var(--hub-header-height,82px) + 14px)}
body[data-route="pricing"] .account-membership>.account-tabs{margin-top:0}
body[data-route="pricing"] .account-membership>.account-currency{margin:12px 0 24px}
@media(max-width:900px){
 .pricing-hero-art{height:clamp(330px,62vw,650px);min-height:0;max-height:none}
 .pricing-hero-art img,.pricing-hero-art video{object-position:90% center}
 .pricing-hero-copy{position:relative;left:auto;top:auto;width:auto;padding:24px 22px 28px;display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--paper)}
 .pricing-hero-art:after{display:none}
 .pricing-hero-copy h1{font-size:clamp(31px,4.8vw,44px);margin:0;max-width:13ch}
 .pricing-hero-copy .button{flex-shrink:0;max-width:42%;text-align:center}
 }
@media(max-width:480px){
 .pricing-hero-art{height:94vw}
 .pricing-hero-copy{display:block;padding:24px 20px 28px}
 .pricing-hero-copy h1{font-size:38px;max-width:15ch;margin-bottom:18px}
 .pricing-hero-copy h1 br{display:initial}
 .pricing-hero-copy .button{max-width:none}
}
@media(prefers-reduced-motion:reduce){.pricing-hero-art video{display:none}}