/* Layered glass product banners, scoped to membership comparison. */
.compare-page #membership-compare{position:relative;background:radial-gradient(ellipse at 15% 10%,rgba(192,209,194,.24),transparent 46%),radial-gradient(ellipse at 90% 18%,rgba(180,203,222,.23),transparent 43%),linear-gradient(160deg,#f0f2f1,#e7ebed 38%,#f5f6f5 72%);border-radius:30px;padding:50px 30px;margin-top:36px;isolation:isolate}
.compare-page #membership-compare .membership-glass-grid{gap:22px;padding:12px 0 28px}
.compare-page #membership-compare .membership-glass{border:1px solid rgba(255,255,255,.82);border-radius:23px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px #ffffffdd,inset 0 -1px 1px #ffffff66,0 18px 30px -15px #243d4c66,0 4px 8px #3048540c;background:linear-gradient(125deg,#ffffffbb 0%,#ffffff30 35%,#ffffff08 65%,#ffffff66 100%),linear-gradient(155deg,#aab8c24d,#728b9b2e);color:#223740}
.compare-page #membership-compare .membership-glass:before{width:160%;height:80%;right:-30%;top:-52%;border-radius:50%;background:linear-gradient(180deg,#ffffffb3,#ffffff05);transform:rotate(-18deg);box-shadow:none}
.compare-page #membership-compare .membership-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff33;box-shadow:inset 1px 0 0 #ffffff80;pointer-events:none}
.compare-page #membership-compare .membership-glass.mint{background:linear-gradient(125deg,#ffffffa6,#ffffff20 42%,#ffffff08 70%,#ffffff66),linear-gradient(150deg,#d5e89b9c,#adc8676b)}
.compare-page #membership-compare .membership-glass.blue{background:linear-gradient(125deg,#ffffffa6,#ffffff20 42%,#ffffff08 70%,#ffffff66),linear-gradient(150deg,#a6d8f1a6,#69aaca70)}
.compare-page #membership-compare .membership-glass.noblian-black{background:linear-gradient(125deg,#ffffff30,#ffffff05 38%,#ffffff00 68%,#ffffff18),linear-gradient(150deg,#29333bee,#0c1117ed);color:#fff;border-color:#ffffff55;box-shadow:inset 0 1px 1px #ffffff66,inset 0 -1px 1px #ffffff22,0 18px 30px -15px #0a111bcc,0 4px 8px #14232e22}
.compare-page #membership-compare .membership-glass.noblian-black:before{background:linear-gradient(180deg,#ffffff26,#ffffff00)}
.compare-page #membership-compare .membership-glass:hover{box-shadow:inset 0 1px 1px #ffffffcc,0 22px 35px -15px #243d4c80}
.compare-page #membership-compare .membership-glass.noblian-black .card-index,.compare-page #membership-compare .membership-glass.noblian-black p{color:#edf2f5}
.compare-page #membership-compare .membership-glass.noblian-black .card-bottom{color:#fff;border-top-color:#ffffff40}
.compare-page .compare-heading-single{max-width:100%;text-wrap:balance}
@media(max-width:700px){.compare-page #membership-compare{padding:30px 14px;border-radius:20px;margin-top:20px}.compare-page #membership-compare .membership-glass-grid{gap:14px}.compare-page #membership-compare .membership-glass{padding:24px 15px}.compare-page .compare-heading-single{font-size:25px;line-height:1.4}}
.compare-page #membership-compare .comparison-price-card{background:linear-gradient(125deg,#ffffffd9,#ffffff70 60%,#ffffffa6);border:1px solid #ffffffd9;border-radius:22px;box-shadow:inset 0 1px 0 #fff,0 16px 35px -22px #243d4c80;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:28px}
.compare-page #membership-compare .comparison-price-card h3{letter-spacing:-.7px;font-weight:600;color:#263b46}
.compare-page #membership-compare .comparison-price-card thead th{background:linear-gradient(120deg,#cad9e45c,#ffffff66);color:#415764;border-bottom-color:#c3cfd680}
.compare-page #membership-compare .comparison-price-card td,.compare-page #membership-compare .comparison-price-card th{border-bottom-color:#aebfc54d}
.compare-page #membership-compare .comparison-open{background:linear-gradient(120deg,#ffffffb3,#d5e0e64d);border:1px solid #ffffffd9;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 4px 10px #263b4610;color:#29424f}
.compare-page #membership-compare .tablebox{background:#ffffff80;border:1px solid #ffffffbb;border-radius:18px;box-shadow:inset 0 1px 0 #fff,0 12px 24px -18px #263b4666;overflow:auto}
.compare-page #membership-compare .tablebox th{background:#d8e2e680;color:#344e5b}
.compare-page #membership-compare details{background:linear-gradient(120deg,#ffffffb3,#ffffff66);border:1px solid #ffffffd9;border-radius:14px;padding:4px 20px;margin-top:12px;box-shadow:inset 0 1px 0 #fff,0 8px 18px -15px #263b4680}
@media(max-width:700px){.compare-page #membership-compare .comparison-price-card{padding:22px 16px}.compare-page #membership-compare details{padding:4px 14px}}
/* Preserve the landscape's afterglow instead of enclosing content in a gray panel. */
.compare-page{background:#f8faf9}
.compare-page .compare-hero{overflow:visible;padding-bottom:110px}
.compare-page .compare-hero:after{inset:auto 0 -1px;height:210px;background:linear-gradient(180deg,rgba(248,250,249,0),rgba(248,250,249,.5) 52%,#f8faf9);z-index:1}
.compare-page .compare-glass{position:relative;z-index:2}
.compare-page #membership-compare{margin-top:-92px;padding:0 30px 50px;background:transparent;border-radius:0;isolation:auto;z-index:3}
.compare-page #membership-compare>.compare-heading:first-child{margin-bottom:26px;padding-top:10px}
.compare-page #membership-compare .membership-glass-grid{position:relative;padding-top:0;padding-bottom:38px}
.compare-page #membership-compare .membership-glass{box-shadow:inset 0 2px 2px #ffffffed,inset 0 -2px 2px #ffffff80,0 24px 32px -18px #1f3a4a88,0 6px 12px #30485412}
.compare-page #membership-compare .membership-glass:before{top:-47%;background:linear-gradient(180deg,#ffffffd9,#ffffff10);border-bottom:1px solid #ffffff80}
.compare-page #membership-compare .membership-glass.noblian-black:before{background:linear-gradient(180deg,#ffffff4d,#ffffff00);border-bottom-color:#ffffff30}
@media(max-width:700px){.compare-page .compare-hero{padding-bottom:100px}.compare-page .compare-hero:after{height:130px}.compare-page #membership-compare{margin-top:-70px;padding:0 16px 36px}.compare-page #membership-compare>.compare-heading:first-child{padding-top:0}.compare-page #membership-compare .membership-glass-grid{gap:14px}}