/* Membership banner: animated teal/indigo ambient background. */
body.membership-reference .pricing-banner{isolation:isolate;overflow:hidden;background:linear-gradient(116deg,#073f48 0%,#0b3546 45%,#172758 100%)!important}
body.membership-reference .pricing-banner>.member-eyebrow,body.membership-reference .pricing-banner>h1,body.membership-reference .pricing-banner>p{position:relative;z-index:2}
body.membership-reference .pricing-banner>.poster-clock{position:absolute;z-index:2}
body.membership-reference .pricing-banner::before{content:"";position:absolute;inset:-35%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at var(--member-x,68%) var(--member-y,42%),#7472f466,transparent 35%),radial-gradient(ellipse at 14% 82%,#24c8c257,transparent 35%),radial-gradient(ellipse at 88% 8%,#65d8ed3d,transparent 30%);filter:blur(5px);animation:member-ambient-breathe 12s ease-in-out infinite}
body.membership-reference .pricing-banner::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 22%,#b3d9ff0b 48%,transparent 74%),linear-gradient(#cdefff08 1px,transparent 1px),linear-gradient(90deg,#cdefff08 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;mask-image:linear-gradient(90deg,transparent 8%,#000 42%,transparent 100%)}
@keyframes member-ambient-breathe{0%,100%{opacity:.58;transform:translate3d(-2%,-1%,0) scale(1)}50%{opacity:1;transform:translate3d(2%,1%,0) scale(1.08)}}
@media(min-width:761px){body.membership-reference .pricing-banner h1{transform:translateY(-8px)}body.membership-reference .pricing-banner>.poster-clock{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:270px;margin:0;text-align:center}}
@media(prefers-reduced-motion:reduce){body.membership-reference .pricing-banner::before{animation:none}}

/* Keep the brand mark visible above the animated background. */
body.membership-reference .pricing-banner .member-eyebrow::before{position:relative;z-index:3;display:block;opacity:1;background-image:url('/assets/logo-symbol.svg?v=20261022-logo');background-position:center;background-size:contain;background-repeat:no-repeat}

body.membership-reference .pricing-banner .member-eyebrow::before{content:none;display:none}
body.membership-reference .pricing-banner .member-eyebrow .membership-brand-logo{display:block;width:18px;height:18px;flex:0 0 18px;object-fit:contain;opacity:1;visibility:visible}
@media(max-width:760px){body.membership-reference .pricing-banner .member-eyebrow .membership-brand-logo{width:30px;height:30px;flex-basis:30px}}