/* Isolated membership hero presentation. Existing catalog and payment UI stay untouched. */
.reference-hero.membership-hero-v2{isolation:isolate;min-height:420px;background:#080d23;border-color:#29305a;color:#fff;box-shadow:0 18px 50px #080d2312}
.reference-hero.membership-hero-v2>img.membership-hero-art{position:absolute;inset:0 0 0 auto;width:auto;max-width:none;height:100%;object-fit:contain!important;object-position:right center!important;z-index:0;pointer-events:none}
.reference-hero.membership-hero-v2::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080d23 0%,#0c1129f0 28%,#0c1129a8 43%,transparent 66%)}
.reference-hero.membership-hero-v2>.reference-hero-shade{display:none!important}
.reference-hero.membership-hero-v2>.reference-hero-content{position:relative;z-index:2;min-height:420px;padding:42px 48px;justify-content:space-between;gap:24px}
.membership-hero-v2 .membership-hero-copy{position:static!important;width:auto!important;height:auto!important;max-width:64%;overflow:visible!important;clip:auto!important;white-space:normal!important}
.membership-hero-v2 .membership-hero-brand{display:inline-flex;align-items:center;gap:9px;color:#d6dbff;font-size:15px;font-weight:750;letter-spacing:.12em;line-height:1.4}
.membership-hero-v2 .membership-hero-brand::before{content:"";width:7px;height:7px;border-radius:50%;background:#bba4ff;box-shadow:0 0 18px #a087ff}
.reference-hero.membership-hero-v2 h1{max-width:none;margin:22px 0 14px;font-size:clamp(34px,3.4vw,52px);font-weight:800;line-height:1.16;letter-spacing:-.035em;color:#fff;text-wrap:balance;text-shadow:0 3px 24px #060b24}
.reference-hero.membership-hero-v2 .membership-hero-subtitle{margin:0;color:#dee0ff;font-size:21px;line-height:1.5;font-weight:550}
.reference-hero.membership-hero-v2 .membership-hero-features{margin:22px 0 0;color:#aeb8dc;font-size:14px;line-height:1.6;letter-spacing:.025em}
.reference-hero.membership-hero-v2 .reference-hero-action{position:relative;min-height:44px;padding:11px 20px;border:1px solid #b2a0ff55;border-radius:10px;background:#7460e6;color:#fff;box-shadow:0 7px 25px #6650da40;line-height:20px;font-size:14px;font-weight:700}
.reference-hero.membership-hero-v2 .reference-hero-action:hover{background:#8570f2;color:#fff}
.reference-hero.membership-hero-v2 .reference-hero-action:focus-visible{outline:3px solid #d3caff;outline-offset:4px}
@media(max-width:1023px){.reference-hero.membership-hero-v2,.reference-hero.membership-hero-v2>.reference-hero-content{min-height:360px}.reference-hero.membership-hero-v2>.reference-hero-content{padding:32px}.reference-hero.membership-hero-v2 h1{font-size:36px}.reference-hero.membership-hero-v2 .membership-hero-subtitle{font-size:18px}.reference-hero.membership-hero-v2 .membership-hero-features{font-size:13px;margin-top:18px}}
@media(max-width:767px){.reference-hero.membership-hero-v2,.reference-hero.membership-hero-v2>.reference-hero-content{min-height:260px}.reference-hero.membership-hero-v2>.reference-hero-content{padding:24px;gap:18px}.membership-hero-v2 .membership-hero-copy{max-width:100%}.membership-hero-v2 .membership-hero-brand{font-size:12px;letter-spacing:.1em}.reference-hero.membership-hero-v2 h1{font-size:clamp(25px,5.4vw,32px);margin:14px 0 10px;line-height:1.2;white-space:nowrap}.reference-hero.membership-hero-v2 .membership-hero-subtitle{font-size:14px;white-space:nowrap;color:#e9e7ff}.reference-hero.membership-hero-v2 .membership-hero-features{font-size:11px;margin-top:14px;max-width:230px;color:#c3cae7}.reference-hero.membership-hero-v2 .reference-hero-action{min-height:40px;padding:9px 15px;font-size:13px;line-height:20px}.reference-hero.membership-hero-v2>img.membership-hero-art{opacity:.68;object-position:right center!important}.reference-hero.membership-hero-v2::after{background:linear-gradient(90deg,#080d23 0%,#0a1028e6 23%,#0a102899 50%,#0a10280d 100%)}}