.membership-page { background: #f7f5fb; }
.membership-header .nav-shell { border-color: rgba(255,255,255,.1); background: rgba(13,7,26,.82); box-shadow: 0 18px 55px rgba(5,1,12,.26); }
.membership-header .brand span { color: #ddd8ff; border-color: rgba(255,255,255,.17); }
.membership-header .site-nav > a { color: #d4cfe0; }
.membership-header .site-nav .nav-cta { color: #140a25; background: white; }
.membership-header .language-picker { border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.055); }
.membership-header .language-picker button { color: #afa8bb; }.membership-header .language-picker button:hover { color: white; }
.membership-header .menu-button { background: white; }.membership-header .menu-button > span:not(.sr-only) { background: #160a28; }

.membership-hero { position: relative; min-height: 930px; padding: 185px 0 0; overflow: hidden; color: white; background: radial-gradient(circle at 82% 12%, rgba(109,69,238,.28), transparent 33%), linear-gradient(145deg,#0c0617,#18092d 55%,#24114c); }
.membership-grid-bg { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,black,transparent 84%); }
.membership-glow { position: absolute; border-radius: 50%; filter: blur(12px); }.glow-one { width: 520px; height: 520px; left: -360px; bottom: -180px; background: radial-gradient(circle,rgba(255,67,123,.24),transparent 68%); }.glow-two { width: 560px; height: 560px; right: -330px; bottom: -260px; background: radial-gradient(circle,rgba(74,103,255,.3),transparent 68%); }
.membership-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.1fr; gap: 50px; align-items: center; }
.membership-hero-copy { position: relative; z-index: 3; }
.membership-kicker { margin: 0 0 24px; color: #c4bbde; font-size: 12px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }.membership-kicker span { color: #ff527f; font-family: Georgia,serif; font-size: 18px; font-style: italic; letter-spacing: -.03em; text-transform: lowercase; }
.membership-hero h1 { margin: 0; max-width: 700px; font-size: clamp(62px,6.5vw,91px); line-height: .91; letter-spacing: -.07em; }.membership-hero h1 em { color: #a795ff; font-family: Georgia,serif; font-weight: 400; }
.membership-hero-copy > p:not(.membership-kicker) { max-width: 650px; margin: 30px 0 0; color: #bdb3ca; font-size: 18px; line-height: 1.65; }
.membership-actions { display: flex; align-items: center; gap: 28px; margin-top: 36px; }.membership-button { color: white; background: linear-gradient(120deg,#6e45ed,#d62283); box-shadow: 0 18px 42px rgba(83,45,217,.3); }.membership-button:hover { box-shadow: 0 23px 48px rgba(83,45,217,.4); }.membership-text-link { padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,.28); font-size: 13px; font-weight: 800; }.membership-text-link span { margin-left: 8px; color: #a795ff; }

.membership-hero-visual { position: relative; height: 590px; perspective: 1200px; }
.operator-window { position: absolute; width: 610px; height: 445px; left: 0; top: 35px; display: flex; overflow: hidden; border: 8px solid #090410; border-radius: 25px; color: #261836; background: #f7f5fb; box-shadow: -28px 38px 90px rgba(2,0,8,.54); transform: rotate(1.5deg) rotateY(-5deg); transform-origin: left center; }
.operator-sidebar { width: 67px; padding: 22px 17px; display: flex; align-items: center; flex-direction: column; gap: 31px; background: #160b29; }.operator-sidebar b { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 10px; color: white; background: linear-gradient(145deg,#7957f2,#e12d87); font-size: 13px; }.operator-sidebar i { width: 23px; height: 6px; border-radius: 7px; background: rgba(255,255,255,.17); }.operator-sidebar i.active { background: #9c87ff; }
.operator-main { flex: 1; padding: 31px; }.operator-head { display: flex; align-items: center; justify-content: space-between; }.operator-head small,.operator-head strong { display: block; }.operator-head small { color: #8c8195; font-size: 8px; font-weight: 850; letter-spacing: .13em; }.operator-head strong { margin-top: 5px; font-size: 21px; }.operator-head > span { padding: 7px 11px; border: 1px solid #ded7e4; border-radius: 8px; font-size: 8px; }
.operator-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 26px 0 17px; }.operator-stats div { position: relative; padding: 18px; border: 1px solid #e7e0ec; border-radius: 14px; background: white; }.operator-stats small,.operator-stats strong { display: block; }.operator-stats small { color: #877d90; font-size: 8px; }.operator-stats strong { margin-top: 7px; font-size: 23px; }.operator-stats em { position: absolute; right: 14px; top: 14px; color: #6d3ce7; font-size: 8px; font-style: normal; font-weight: 800; }
.operator-schedule { padding: 19px; border: 1px solid #e7e0ec; border-radius: 14px; background: white; }.operator-schedule > div { display: flex; justify-content: space-between; font-size: 10px; }.operator-schedule > div small { color: #7251d8; }.operator-schedule p { display: flex; align-items: center; gap: 12px; margin: 13px 0 0; padding: 11px; border-radius: 10px; background: #f7f4fa; }.operator-schedule p > i { width: 39px; height: 35px; display: grid; place-items: center; flex: none; border-radius: 9px; color: white; background: #6c4ce1; font-size: 8px; font-style: normal; }.operator-schedule p span { flex: 1; }.operator-schedule p b,.operator-schedule p small { display: block; }.operator-schedule p b { font-size: 9px; }.operator-schedule p small { margin-top: 3px; color: #8e8396; font-size: 7px; }.operator-schedule p > em { padding: 4px 7px; border-radius: 9px; color: #6445ca; background: #ece8ff; font-size: 7px; font-style: normal; }
.member-phone { position: absolute; z-index: 3; width: 205px; height: 410px; right: -15px; bottom: 5px; padding: 21px; overflow: hidden; border: 7px solid #090410; border-radius: 34px; color: white; background: radial-gradient(circle at 100% 0,rgba(255,76,129,.32),transparent 40%),linear-gradient(160deg,#261448,#15102f 65%,#0c1e38); box-shadow: 0 32px 70px rgba(3,0,9,.52); transform: rotate(-4deg); }.member-phone::after { content:""; position:absolute; width:180px; height:180px; right:-120px; bottom:-110px; border:25px solid rgba(113,90,240,.28); border-radius:50%; }
.member-phone-top { display: flex; justify-content: space-between; align-items: center; font-size: 10px; letter-spacing: .1em; }.member-phone-top i { width: 17px; height: 1px; background: white; box-shadow: 0 5px white; }.member-phone > p { margin: 29px 0 12px; color: #c7bed6; font-size: 8px; }
.member-pass { padding: 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: linear-gradient(145deg,rgba(119,82,234,.46),rgba(213,31,126,.26)); }.member-pass small,.member-pass strong,.member-pass span { display: block; }.member-pass small { color: #bdb2da; font-size: 6px; font-weight: 850; letter-spacing: .12em; }.member-pass strong { margin-top: 11px; font-size: 15px; }.member-pass span { margin-top: 17px; color: #dcd6e7; font-size: 7px; }.member-pass span i { width: 7px; height: 7px; display: inline-block; margin-right: 5px; border-radius: 50%; background: #59c4ff; box-shadow: 0 0 0 4px rgba(89,196,255,.13); }
.member-shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }.member-shortcuts span { padding: 10px 5px; border-radius: 10px; color: #cbc3d5; background: rgba(255,255,255,.07); font-size: 6px; text-align: center; }.member-shortcuts i { display: block; margin-bottom: 5px; color: #a996ff; font-size: 12px; font-style: normal; }
.member-next { margin-top: 15px; padding: 13px; border-radius: 13px; color: #2b1839; background: white; }.member-next small,.member-next strong,.member-next span { display: block; }.member-next small { color: #9a8da2; font-size: 6px; letter-spacing: .12em; }.member-next strong { margin-top: 6px; font-size: 11px; }.member-next span { margin-top: 3px; color: #796d81; font-size: 7px; }
.access-status { position: absolute; z-index: 5; left: -26px; bottom: 65px; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border-radius: 15px; color: #29173a; background: white; box-shadow: 0 20px 42px rgba(4,0,10,.35); transform: rotate(-3deg); }.access-status > i { width: 11px; height: 11px; border-radius: 50%; background: #5ac5ff; box-shadow: 0 0 0 5px rgba(90,197,255,.15); }.access-status small,.access-status strong { display: block; }.access-status small { color: #9b8da4; font-size: 6px; letter-spacing: .12em; }.access-status strong { margin-top: 3px; font-size: 9px; }.access-status > span { margin-left: 13px; padding: 5px 7px; border-radius: 8px; color: #5c3ac1; background: #eee9ff; font-size: 7px; font-weight: 850; }
.membership-proof { position: relative; z-index: 3; display: flex; justify-content: space-between; margin-top: 30px; padding: 27px 0; border-top: 1px solid rgba(255,255,255,.12); color: #a89eb7; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.experience-heading { display: grid; grid-template-columns: 245px 1fr; gap: 60px; }.membership-eyebrow { margin: 0; display: flex; align-items: center; gap: 10px; color: #6543c5; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }.membership-eyebrow > span { width: 22px; height: 2px; background: linear-gradient(90deg,#6641dd,#e02c83); }.membership-eyebrow-light { color: #c5b9dd; }
.experience-heading h2,.access-copy h2,.brand-copy h2,.fit-heading-membership h2,.flow-copy h2,.membership-cta h2 { margin: 0; font-size: clamp(50px,5.7vw,76px); line-height: 1; letter-spacing: -.06em; }.experience-heading h2 em,.brand-copy h2 em,.fit-heading-membership h2 em,.membership-cta h2 em { color: #6e4ed0; font-family: Georgia,serif; font-weight: 400; }.experience-heading > div > p { max-width: 760px; margin: 27px 0 0; color: #6e6575; font-size: 18px; }
.experience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 70px; }.experience-card { position: relative; min-height: 680px; padding: 38px; overflow: hidden; border: 1px solid rgba(44,23,65,.1); border-radius: 28px; background: white; box-shadow: 0 20px 60px rgba(35,15,57,.07); }.operator-experience { color: white; background: radial-gradient(circle at 100% 0,rgba(114,75,235,.38),transparent 43%),linear-gradient(145deg,#160b29,#301253); }
.experience-card-head { display: flex; align-items: center; justify-content: space-between; color: #8f8298; font-size: 9px; font-weight: 850; letter-spacing: .12em; }.experience-card-head b { padding: 6px 9px; border-radius: 20px; color: #6541c4; background: #eee9ff; font-size: 8px; letter-spacing: 0; }.operator-experience .experience-card-head { color: #b8abc5; }.operator-experience .experience-card-head b { color: white; background: rgba(255,255,255,.1); }
.experience-card h3 { max-width: 520px; margin: 45px 0 17px; font-size: 34px; line-height: 1.05; letter-spacing: -.04em; }.experience-card > p { margin: 0; color: #776d7d; font-size: 15px; }.operator-experience > p { color: #b9adc4; }.experience-card > ul { list-style: none; margin: 27px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.experience-card > ul li { position: relative; padding: 11px 10px 11px 25px; border-radius: 11px; color: #5c5064; background: #f5f1f8; font-size: 10px; }.experience-card > ul li::before { content:"✓"; position:absolute; left:10px; color:#714cdf; font-weight:900; }.operator-experience > ul li { color: #ddd5e4; background: rgba(255,255,255,.065); }
.experience-mini-ui { position: absolute; left: 38px; right: 38px; bottom: 36px; border-radius: 18px; }.member-mini-ui { display: grid; grid-template-columns: 1fr 1.2fr; gap: 10px; }.member-mini-ui > div,.member-mini-ui > p { margin: 0; padding: 18px; border: 1px solid #e7dfec; border-radius: 15px; background: #fbf9fc; }.member-mini-ui > div span,.member-mini-ui > div b { display: block; }.member-mini-ui > div span { color: #796b81; font-size: 8px; }.member-mini-ui > div span i { width: 7px; height: 7px; display: inline-block; margin-right: 5px; border-radius: 50%; background: #5ac5ff; }.member-mini-ui > div b { margin-top: 18px; color: #6842cc; font-size: 11px; }.member-mini-ui > p small,.member-mini-ui > p strong,.member-mini-ui > p span { display: block; }.member-mini-ui > p small { color: #9b8fa3; font-size: 7px; letter-spacing: .12em; }.member-mini-ui > p strong { margin-top: 8px; font-size: 12px; }.member-mini-ui > p span { margin-top: 4px; color: #786d80; font-size: 8px; }
.operator-mini-ui { display: grid; grid-template-columns: .75fr 1.25fr; gap: 15px; align-items: end; padding: 20px; background: rgba(255,255,255,.07); }.operator-mini-ui > div:first-child small,.operator-mini-ui > div:first-child strong,.operator-mini-ui > div:first-child span { display:block; }.operator-mini-ui small { color:#aea0bb; font-size:7px; letter-spacing:.12em; }.operator-mini-ui strong { margin-top:7px; font-size:29px; }.operator-mini-ui span { margin-top:4px; color:#b5a5ff; font-size:8px; }.mini-bars { height:82px; display:flex; align-items:end; gap:7px; }.mini-bars i { flex:1; border-radius:4px 4px 0 0; background:linear-gradient(to top,#6b48dc,#dc2d82); }.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:52%}.mini-bars i:nth-child(3){height:45%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:63%}.mini-bars i:nth-child(6){height:88%}.mini-bars i:nth-child(7){height:78%}

.membership-capabilities { position:relative; overflow:hidden; background:linear-gradient(180deg,#f1eef6 0,#fff 46%,#f8f5fb 100%); }
.membership-capabilities::before { content:""; position:absolute; width:560px; height:560px; right:-330px; top:120px; border:1px solid rgba(112,73,211,.1); border-radius:50%; box-shadow:0 0 0 70px rgba(112,73,211,.025),0 0 0 140px rgba(112,73,211,.018); }
.capabilities-heading { position:relative; display:grid; grid-template-columns:245px 1fr; gap:60px; }.capabilities-heading h2 { margin:0; font-size:clamp(50px,5.7vw,76px); line-height:1; letter-spacing:-.06em; }.capabilities-heading h2 em { color:#6e4ed0; font-family:Georgia,serif; font-weight:400; }.capabilities-heading > div > p { max-width:760px; margin:27px 0 0; color:#6e6575; font-size:18px; }
.capability-grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:68px; }.capability-card { position:relative; min-height:330px; padding:30px; overflow:hidden; border:1px solid rgba(48,25,67,.1); border-radius:24px; background:rgba(255,255,255,.84); box-shadow:0 18px 45px rgba(47,22,65,.06); }.capability-card::after { content:""; position:absolute; width:145px; height:145px; right:-88px; bottom:-88px; border:22px solid rgba(108,70,209,.055); border-radius:50%; }.capability-card-accent { color:white; border-color:rgba(255,255,255,.08); background:radial-gradient(circle at 100% 0,rgba(157,115,255,.36),transparent 42%),linear-gradient(145deg,#160b29,#35155b); box-shadow:0 25px 55px rgba(36,14,59,.16); }.capability-card-accent::after { border-color:rgba(255,255,255,.07); }
.capability-card > span { position:absolute; right:26px; top:26px; color:#a69aad; font-size:10px; font-weight:850; }.capability-card > small { color:#704bcf; font-size:8px; font-weight:850; letter-spacing:.13em; }.capability-card-accent > span { color:#a99bbb; }.capability-card-accent > small { color:#bbaaff; }
.capability-card h3 { max-width:260px; margin:44px 0 14px; font-size:27px; line-height:1.05; letter-spacing:-.04em; }.capability-card > p { margin:0; color:#766b7b; font-size:13px; line-height:1.6; }.capability-card-accent > p { color:#bcb0c7; }.capability-card > div { position:absolute; z-index:2; left:30px; right:30px; bottom:27px; display:flex; flex-wrap:wrap; gap:6px; }.capability-card > div b { padding:7px 9px; border-radius:20px; color:#6240bf; background:#eee9fb; font-size:7px; letter-spacing:.03em; }.capability-card-accent > div b { color:#ded4ff; background:rgba(255,255,255,.09); }

.membership-access { position: relative; overflow: hidden; color: white; background: #100720; }.access-glow { position:absolute; width:720px; height:720px; right:-350px; top:-230px; border-radius:50%; background:radial-gradient(circle,rgba(84,81,230,.32),transparent 68%); }.access-layout { position:relative; z-index:2; display:grid; grid-template-columns:.88fr 1.12fr; gap:80px; align-items:center; }.access-copy h2 { margin-top:24px; }.access-copy h2 em { color:#a996ff; font-family:Georgia,serif; font-weight:400; }.access-copy > p:not(.membership-eyebrow) { margin:28px 0 0; color:#b9adc7; font-size:17px; }.access-copy > ul { list-style:none; margin:35px 0 0; padding:0; }.access-copy > ul li { display:flex; gap:14px; padding:17px 0; border-top:1px solid rgba(255,255,255,.11); }.access-copy > ul li > i { width:26px; height:26px; display:grid; place-items:center; flex:none; border-radius:50%; color:#170b2b; background:#a995ff; font-size:10px; font-style:normal; }.access-copy li strong,.access-copy li span { display:block; }.access-copy li strong { font-size:14px; }.access-copy li span { margin-top:4px; color:#9f92ad; font-size:12px; }
.access-demo { padding:30px; border:1px solid rgba(255,255,255,.13); border-radius:28px; color:#29183a; background:#f7f5fb; box-shadow:0 35px 90px rgba(2,0,8,.48); transform:perspective(1100px) rotateY(-3deg); }.access-demo-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:21px; border-bottom:1px solid #e3dce8; }.access-demo-top span,.access-demo-top strong { display:block; }.access-demo-top span { color:#918499; font-size:7px; font-weight:850; letter-spacing:.13em; }.access-demo-top strong { margin-top:5px; font-size:18px; }.access-demo-top > b { padding:7px 10px; border-radius:20px; color:#5d3dbb; background:#ebe7ff; font-size:8px; }.access-demo-top > b i { width:7px; height:7px; display:inline-block; margin-right:5px; border-radius:50%; background:#59c5ff; }
.door-preview { display:grid; grid-template-columns:180px 1fr; gap:25px; align-items:center; margin:25px 0; padding:20px; border-radius:18px; background:linear-gradient(135deg,#e8e3f0,#f5edf1); }.door-frame { position:relative; height:150px; border:9px solid #321d43; border-bottom:0; border-radius:8px 8px 0 0; background:linear-gradient(90deg,#d8cfe0,#f6f2f8); box-shadow:inset -18px 0 25px rgba(57,29,73,.08); }.door-frame i { position:absolute; width:10px; height:10px; right:18px; top:72px; border-radius:50%; background:#6b4bd6; box-shadow:0 0 0 6px rgba(107,75,214,.12); }.door-frame span { position:absolute; width:32px; height:50px; right:-22px; top:52px; border:4px solid #3a224b; border-radius:8px; background:#100720; }.door-preview > div:last-child small,.door-preview > div:last-child strong { display:block; }.door-preview > div:last-child small { color:#8e8196; font-size:7px; letter-spacing:.12em; }.door-preview > div:last-child strong { margin-top:7px; font-size:18px; }.door-preview > div:last-child p { margin:8px 0 0; color:#766a7d; font-size:10px; }
.schedule-toggle { display:flex; gap:4px; width:max-content; padding:4px; border-radius:11px; background:#eae5ee; }.schedule-toggle button { padding:8px 11px; border:0; border-radius:8px; color:#7c7083; background:transparent; font:inherit; font-size:8px; font-weight:800; cursor:pointer; }.schedule-toggle button.active { color:white; background:#5f3dc2; box-shadow:0 5px 14px rgba(76,43,167,.25); }
.access-week { margin-top:19px; }.access-week > div { display:grid; grid-template-columns:65px 1fr 78px; gap:12px; align-items:center; padding:9px 0; color:#796d80; font-size:8px; }.access-week > div > i { position:relative; height:7px; border-radius:8px; background:#e4dfe8; overflow:hidden; }.access-week > div > i b { position:absolute; left:var(--start); width:var(--width); height:100%; border-radius:inherit; background:linear-gradient(90deg,#6e4be0,#d72982); }.access-week > div > strong { color:#4a3557; font-size:8px; text-align:right; }
.nuki-note { display:flex; align-items:center; gap:12px; margin-top:18px; padding-top:18px; border-top:1px solid #e2dbe7; }.nuki-note > span { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#140b21; background:#ffd45d; font-size:13px; font-weight:950; }.nuki-note small,.nuki-note strong { display:block; }.nuki-note small { color:#978a9e; font-size:6px; letter-spacing:.14em; }.nuki-note strong { margin-top:4px; font-size:10px; }

.membership-brand { background:#f1eef6; }.brand-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:85px; align-items:center; }.brand-preview { position:relative; min-height:590px; }.brand-phone { position:absolute; width:230px; height:460px; padding:24px; overflow:hidden; border:7px solid #0e0718; border-radius:38px; color:white; box-shadow:0 35px 75px rgba(30,12,48,.25); }.brand-phone::before { content:""; position:absolute; width:230px; height:230px; right:-130px; bottom:-125px; border:30px solid rgba(255,255,255,.11); border-radius:50%; }.brand-phone > div { display:flex; justify-content:space-between; align-items:center; font-size:11px; letter-spacing:.1em; }.brand-phone > div i { width:17px; height:1px; background:white; box-shadow:0 5px white; }.brand-phone > span { position:relative; z-index:2; display:block; margin-top:170px; font-family:Georgia,serif; font-size:30px; line-height:1.02; }.brand-phone button { position:relative; z-index:2; width:100%; margin-top:28px; padding:12px; border:0; border-radius:12px; font:inherit; font-size:9px; font-weight:850; }.brand-phone-one { left:15px; top:30px; background:radial-gradient(circle at 100% 0,rgba(255,83,125,.34),transparent 40%),linear-gradient(150deg,#211342,#111b35); transform:rotate(-7deg); }.brand-phone-one button { color:#25153b; background:white; }.brand-phone-two { right:25px; top:70px; color:#2f1d38; background:linear-gradient(145deg,#f4e9ee,#e5d5f0); transform:rotate(7deg); }.brand-phone-two::before { border-color:rgba(92,57,163,.09); }.brand-phone-two > div i { background:#2f1d38; box-shadow:0 5px #2f1d38; }.brand-phone-two button { color:white; background:#a03278; }.brand-controls { position:absolute; z-index:5; left:50%; bottom:20px; width:300px; padding:20px; border-radius:18px; color:#2d1a3a; background:white; box-shadow:0 22px 50px rgba(42,18,58,.18); transform:translateX(-50%); }.brand-controls small { display:block; color:#95889c; font-size:7px; font-weight:850; letter-spacing:.13em; }.brand-controls > div { display:flex; gap:8px; margin:13px 0; }.brand-controls i { width:25px; height:25px; border-radius:50%; background:#1b1030; }.brand-controls i:nth-child(2){background:#7450dd}.brand-controls i:nth-child(3){background:#dc2e82}.brand-controls i:nth-child(4){background:#efb9cb}.brand-controls strong { font-size:9px; }
.brand-copy h2 { margin-top:24px; }.brand-copy > p:not(.membership-eyebrow) { margin:28px 0 0; color:#6e6373; font-size:17px; }.brand-features { margin-top:34px; border-top:1px solid rgba(46,22,62,.12); }.brand-features > div { display:grid; grid-template-columns:35px 1fr; gap:15px; padding:18px 0; border-bottom:1px solid rgba(46,22,62,.12); }.brand-features > div > span { color:#6b45cf; font-size:9px; font-weight:850; }.brand-features p { margin:0; }.brand-features strong,.brand-features small { display:block; }.brand-features strong { font-size:14px; }.brand-features small { margin-top:4px; color:#7a6e7f; font-size:11px; }

.membership-insights { position:relative; overflow:hidden; color:white; background:radial-gradient(circle at 5% 100%,rgba(213,41,127,.19),transparent 32%),linear-gradient(145deg,#100720,#21103b 58%,#2c1650); }
.membership-insights::after { content:""; position:absolute; width:620px; height:620px; right:-360px; top:-300px; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012); }
.insights-layout { position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:center; }.insights-dashboard { padding:27px; border:1px solid rgba(255,255,255,.11); border-radius:26px; color:#2c193b; background:#f8f5fb; box-shadow:0 35px 85px rgba(3,0,9,.45); transform:perspective(1200px) rotateY(3deg); }.insights-dashboard-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:1px solid #e5deea; }.insights-dashboard-head small,.insights-dashboard-head strong { display:block; }.insights-dashboard-head small { color:#97899f; font-size:7px; font-weight:850; letter-spacing:.13em; }.insights-dashboard-head strong { margin-top:5px; font-size:18px; }.insights-dashboard-head > span { padding:7px 10px; border-radius:20px; color:#5d3ebb; background:#ebe7ff; font-size:8px; font-weight:800; }.insights-dashboard-head > span i { width:7px; height:7px; display:inline-block; margin-right:5px; border-radius:50%; background:#58c5ff; box-shadow:0 0 0 4px rgba(88,197,255,.12); }
.insights-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:18px 0; }.insights-stats > div { padding:15px; border:1px solid #e9e2ed; border-radius:13px; background:white; }.insights-stats small,.insights-stats strong,.insights-stats span { display:block; }.insights-stats small { color:#9b8fa2; font-size:6px; font-weight:850; letter-spacing:.1em; }.insights-stats strong { margin-top:8px; font-size:24px; }.insights-stats span { margin-top:5px; color:#7658cc; font-size:7px; }
.insights-chart { padding:18px; border:1px solid #e8e1ed; border-radius:16px; background:white; }.insights-chart > div:first-child { display:flex; justify-content:space-between; align-items:center; }.insights-chart > div:first-child strong { font-size:11px; }.insights-chart > div:first-child small { color:#94879c; font-size:7px; }.insights-bars { height:100px; display:flex; align-items:end; gap:7px; margin-top:18px; padding-bottom:6px; border-bottom:1px solid #ece5ef; background:repeating-linear-gradient(to bottom,#fff 0,#fff 32px,#eee8f1 33px); }.insights-bars i { flex:1; min-height:12px; border-radius:4px 4px 0 0; background:linear-gradient(to top,#6744d2,#dd2d83); }.insights-bars i:nth-child(1){height:22%}.insights-bars i:nth-child(2){height:38%}.insights-bars i:nth-child(3){height:53%}.insights-bars i:nth-child(4){height:74%}.insights-bars i:nth-child(5){height:61%}.insights-bars i:nth-child(6){height:46%}.insights-bars i:nth-child(7){height:35%}.insights-bars i:nth-child(8){height:47%}.insights-bars i:nth-child(9){height:68%}.insights-bars i:nth-child(10){height:91%}.insights-bars i:nth-child(11){height:72%}.insights-bars i:nth-child(12){height:39%}.insights-axis { display:flex; justify-content:space-between; margin-top:7px; color:#a094a7; font-size:6px; }
.insights-events { margin-top:13px; }.insights-events p { display:grid; grid-template-columns:9px 1fr auto; gap:10px; align-items:center; margin:0; padding:10px 3px; border-top:1px solid #e9e2ed; }.insights-events p > i { width:8px; height:8px; border-radius:50%; }.event-success { background:#52c6a2; }.event-training { background:#7752dc; }.event-warning { background:#ed9a4d; }.insights-events strong,.insights-events small { display:block; }.insights-events strong { font-size:8px; }.insights-events small { margin-top:2px; color:#8c8094; font-size:6px; }.insights-events time { color:#978b9f; font-size:7px; }
.insights-copy h2 { margin:24px 0 0; font-size:clamp(48px,5.2vw,70px); line-height:1; letter-spacing:-.06em; }.insights-copy h2 em { color:#ac9aff; font-family:Georgia,serif; font-weight:400; }.insights-copy > p:not(.membership-eyebrow) { margin:26px 0 0; color:#b8acc4; font-size:16px; }.insights-copy > ul { list-style:none; margin:32px 0 0; padding:0; border-top:1px solid rgba(255,255,255,.11); }.insights-copy > ul li { display:grid; grid-template-columns:35px 1fr; gap:13px; padding:17px 0; border-bottom:1px solid rgba(255,255,255,.11); }.insights-copy > ul li > span { color:#aa98ff; font-size:9px; font-weight:850; }.insights-copy strong,.insights-copy small { display:block; }.insights-copy strong { font-size:13px; }.insights-copy small { margin-top:4px; color:#9f93ab; font-size:10px; }

.membership-fit { background:#fff; }.fit-heading-membership { max-width:900px; }.fit-heading-membership h2 { margin-top:24px; }.fit-heading-membership > p:last-child { max-width:720px; margin:27px 0 0; color:#716675; font-size:17px; }.membership-fit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:65px; }.membership-fit-card { min-height:440px; padding:30px; border:1px solid rgba(49,23,67,.1); border-radius:24px; background:#faf8fc; }.membership-fit-card > span { color:#9d91a4; font-size:9px; font-weight:850; }.membership-fit-card h3 { margin:28px 0 12px; font-size:23px; }.membership-fit-card p { margin:0; color:#756a79; font-size:14px; }.membership-fit-card small { display:block; margin-top:23px; color:#6943c9; font-size:8px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.fit-symbol { position:relative; height:150px; margin-top:28px; overflow:hidden; border-radius:18px; background:linear-gradient(145deg,#e8e2f2,#f5ecf1); }.fit-symbol i { position:absolute; display:block; }.strength-symbol i:first-child { width:120px; height:18px; left:calc(50% - 60px); top:66px; border-radius:12px; background:#6845cf; }.strength-symbol i:last-child { width:18px; height:75px; left:calc(50% - 9px); top:38px; border-radius:12px; background:#e03082; box-shadow:-45px 0 0 #2d193d,45px 0 0 #2d193d; }.studio-symbol i { width:50px; height:50px; top:50px; border:9px solid #7550d6; border-radius:50%; background:transparent; }.studio-symbol i:nth-child(1){left:55px}.studio-symbol i:nth-child(2){left:calc(50% - 25px);border-color:#df3784}.studio-symbol i:nth-child(3){right:55px;border-color:#2f1b40}.club-symbol i:first-child { width:130px; height:95px; left:calc(50% - 65px); bottom:-8px; border-radius:70px 70px 10px 10px; background:linear-gradient(145deg,#7350d7,#dd3582); }.club-symbol i:last-child { width:45px; height:45px; left:calc(50% - 22px); top:18px; border:8px solid #2e193f; border-radius:50%; background:#f4eff7; }

.membership-flow { color:white; background:linear-gradient(145deg,#140925,#241143 60%,#32145a); }.flow-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:start; }.flow-copy { position:sticky; top:140px; }.flow-copy h2 { margin-top:24px; }.flow-copy h2 em { color:#a996ff; font-family:Georgia,serif; font-weight:400; }.flow-copy > p:not(.membership-eyebrow) { max-width:500px; margin:27px 0 0; color:#b3a7bf; font-size:16px; }.membership-flow-list { list-style:none; margin:0; padding:0; border-top:1px solid rgba(255,255,255,.12); }.membership-flow-list li { display:grid; grid-template-columns:58px 1fr; gap:22px; padding:29px 0; border-bottom:1px solid rgba(255,255,255,.12); }.membership-flow-list li > span { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; color:#d4c9ff; background:rgba(139,110,255,.12); font-size:9px; font-weight:850; }.membership-flow-list strong { font-size:19px; }.membership-flow-list p { margin:7px 0 0; color:#a99db5; font-size:13px; }

.membership-cta { position:relative; overflow:hidden; color:white; background:linear-gradient(135deg,#36135e,#6431b8 58%,#b42877); }.membership-cta-orb { position:absolute; width:650px; height:650px; right:-260px; bottom:-390px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 58px rgba(255,255,255,.03),0 0 0 116px rgba(255,255,255,.02); }.membership-cta-inner { position:relative; z-index:2; max-width:930px; text-align:center; }.membership-cta-inner .membership-eyebrow { justify-content:center; }.membership-cta h2 { margin-top:24px; }.membership-cta h2 em { color:#e6dfff; }.membership-cta-inner > p:not(.membership-eyebrow) { max-width:690px; margin:28px auto 36px; color:#ddd3e7; font-size:17px; }.membership-button-light { color:#32134c; background:white; box-shadow:0 18px 40px rgba(17,5,30,.24); }
.membership-footer { background:#0e0717; }

@media (max-width:1100px) {
  .membership-hero-layout { grid-template-columns:minmax(0,1fr); }.membership-hero { padding-top:165px; }.membership-hero-copy { min-width:0; max-width:850px; }.membership-hero-visual { width:min(100%,700px); margin:10px auto 0; }.membership-proof { margin-top:0; }
  .experience-grid { grid-template-columns:1fr; }.experience-card { min-height:610px; }
  .capability-grid { grid-template-columns:1fr 1fr; }
  .access-layout { grid-template-columns:1fr; }.access-copy { max-width:760px; }.access-demo { max-width:760px; margin:0 auto; }
  .brand-layout { gap:45px; }.membership-fit-grid { grid-template-columns:1fr; }.membership-fit-card { min-height:0; display:grid; grid-template-columns:1fr 1fr; column-gap:34px; }.membership-fit-card .fit-symbol { grid-column:2; grid-row:1 / 5; margin:0; }.membership-fit-card h3,.membership-fit-card p,.membership-fit-card small { grid-column:1; }
  .insights-layout { grid-template-columns:1fr; }.insights-dashboard { width:min(100%,760px); transform:none; }.insights-copy { max-width:760px; }
}

@media (max-width:820px) {
  .membership-header .site-nav { background:#160b29; }.membership-header .site-nav > a { color:#ddd6e5; }
  .membership-hero h1 { font-size:clamp(58px,12vw,78px); }.membership-hero-visual { width:720px; height:520px; transform:scale(.82); transform-origin:left top; margin-bottom:-85px; }.membership-proof { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
  .experience-heading { grid-template-columns:1fr; gap:25px; }.experience-card { min-height:660px; }.experience-card > ul { grid-template-columns:1fr; }.experience-mini-ui { position:static; margin-top:28px; }
  .capabilities-heading { grid-template-columns:1fr; gap:25px; }.capability-grid { grid-template-columns:1fr; }.capability-card { min-height:300px; }
  .brand-layout { grid-template-columns:1fr; }.brand-preview { width:min(100%,600px); margin:0 auto; }.brand-copy { max-width:720px; }
  .membership-fit-card { display:block; }.membership-fit-card .fit-symbol { height:190px; margin-top:25px; }
  .flow-layout { grid-template-columns:1fr; gap:50px; }.flow-copy { position:static; }
}

@media (max-width:560px) {
  .membership-header .brand img { width:82px; }.membership-header .brand span { font-size:8px; }
  .membership-hero { min-height:960px; padding-top:140px; }.membership-hero h1 { font-size:53px; }.membership-hero-copy > p:not(.membership-kicker) { font-size:15px; }.membership-actions { align-items:flex-start; flex-direction:column; gap:18px; }.membership-hero-visual { height:420px; width:720px; justify-self:start; transform:scale(.59); margin-top:30px; margin-bottom:-150px; }.membership-proof { display:none; }
  .experience-heading h2,.capabilities-heading h2,.access-copy h2,.brand-copy h2,.insights-copy h2,.fit-heading-membership h2,.flow-copy h2,.membership-cta h2 { font-size:43px; }.experience-heading > div > p,.capabilities-heading > div > p { font-size:16px; }.experience-card { min-height:0; padding:27px; }.experience-card h3 { margin-top:36px; font-size:29px; }.experience-mini-ui { left:auto; right:auto; bottom:auto; }.member-mini-ui,.operator-mini-ui { grid-template-columns:1fr; }.operator-mini-ui { align-items:stretch; }.mini-bars { height:100px; }
  .capability-card { min-height:320px; padding:25px; }.capability-card > div { left:25px; right:25px; }.capability-card h3 { font-size:25px; }
  .access-layout { gap:55px; }.access-demo { padding:22px; transform:none; }.door-preview { grid-template-columns:115px 1fr; gap:18px; padding:15px; }.door-frame { height:125px; }.access-week > div { grid-template-columns:55px 1fr; }.access-week > div > strong { grid-column:2; }.schedule-toggle { width:100%; }.schedule-toggle button { flex:1; }.nuki-note { align-items:flex-start; }
  .brand-preview { min-height:500px; transform:scale(.78); transform-origin:top left; width:128%; margin-bottom:-100px; }.brand-phone { width:215px; height:430px; }.brand-phone-two { right:10px; }.brand-controls { width:270px; }
  .insights-dashboard { padding:18px; }.insights-stats { grid-template-columns:1fr; }.insights-chart { padding:14px; }.insights-events p { grid-template-columns:9px 1fr; }.insights-events time { display:none; }
  .membership-fit-card { padding:25px; }.membership-fit-card .fit-symbol { height:170px; }.membership-flow-list li { grid-template-columns:47px 1fr; gap:15px; }
  .membership-cta-inner > p:not(.membership-eyebrow) { font-size:15px; }
}