.member-phone{min-height:0;color:var(--text-primary);font-family:var(--site-app-font,"Geist Variable", sans-serif);flex-direction:column;flex:1;display:flex;position:relative}.member-phone *,.member-phone :before,.member-phone :after{box-sizing:border-box}.member-phone button,.member-phone input{font:inherit}.member-phone button{cursor:pointer}.member-phone__address{border-bottom:1px solid var(--border);color:var(--text-secondary);letter-spacing:-.01em;flex:0 0 34px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.member-phone__scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:20px 16px 18px;overflow-y:auto}.member-phone__club-header{text-align:center;flex-direction:column;align-items:center;gap:9px;margin:2px 0 26px;display:flex}.member-phone__club-mark{background:var(--brand-soft);color:var(--brand-soft-fg);letter-spacing:-.04em;border-radius:14px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:650;display:grid}.member-phone__club-mark img{object-fit:contain;width:100%;height:100%;display:block}.member-phone__club-header h3{letter-spacing:-.035em;margin:0;font-size:19px;font-weight:650;line-height:1.15}.member-phone__club-header--compact{text-align:left;flex-direction:row;align-items:center;gap:10px;margin-bottom:17px}.member-phone__club-header--compact .member-phone__club-mark{border-radius:10px;width:36px;height:36px;font-size:13px}.member-phone__club-header--compact .member-phone__club-mark img{padding:3px}.member-phone__club-header--compact h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.member-phone__screen h2{letter-spacing:-.035em;margin:0;font-size:21px;font-weight:650;line-height:1.15}.member-phone__member-card{background:var(--surface-card);border:1px solid var(--border);border-radius:13px;margin-top:15px;padding:12px}.member-phone__member-row{color:var(--text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:0;display:flex}.member-phone__member-row strong,.member-phone__member-row small{display:block}.member-phone__member-row strong{font-size:15px;font-weight:600}.member-phone__member-row small{color:var(--text-secondary);margin-top:2px;font-size:12px}.member-phone__plans{border-top:1px solid var(--divider);flex-direction:column;gap:7px;margin-top:11px;padding-top:11px;display:flex}.member-phone__plan{background:var(--surface-card);border:1px solid var(--border);color:var(--text-primary);text-align:left;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:55px;padding:8px 9px;display:flex}.member-phone__plan--selected{background:var(--brand-soft);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.member-phone__plan--none{color:var(--text-secondary);min-height:39px;padding-left:35px;font-size:13px}.member-phone__radio{border:1px solid var(--border-strong);border-radius:50%;flex:0 0 19px;place-items:center;width:19px;height:19px;display:grid}.member-phone__plan--selected .member-phone__radio{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.member-phone__plan-copy{flex:1;min-width:0}.member-phone__plan-copy strong,.member-phone__plan-copy small,.member-phone__plan-price small{display:block}.member-phone__plan-copy strong{font-size:13px;font-weight:600}.member-phone__plan-copy small,.member-phone__plan-price small{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.25}.member-phone__plan-price{text-align:right;white-space:nowrap;font-size:14px;font-weight:600}.member-phone__change{color:var(--primary);align-items:center;gap:2px;font-size:12px;font-weight:600;display:flex}.member-phone__reference-plans{border-top:1px solid var(--divider);flex-direction:column;margin-top:2px;padding-top:3px;display:flex}.member-phone__plan-reference{color:var(--text-secondary);justify-content:space-between;align-items:center;min-height:38px;padding:4px 1px;font-size:12px;display:flex}.member-phone__plan-reference strong,.member-phone__plan-reference small{display:block}.member-phone__plan-reference strong{color:var(--text-primary);font-size:12px;font-weight:550}.member-phone__plan-reference small{color:var(--text-secondary);margin-top:1px;font-size:10px}.member-phone__plan-reference>span:last-child{text-align:right;white-space:nowrap}.member-phone__plan-reference--none{border-top:1px solid var(--divider);color:var(--text-secondary);margin-top:3px;font-size:11px}.member-phone__total,.member-phone__due{background:var(--surface-muted);border-radius:10px;justify-content:space-between;align-items:baseline;margin:15px 0;padding:12px;display:flex}.member-phone__total>span,.member-phone__due>span{color:var(--text-secondary);font-size:14px}.member-phone__total strong,.member-phone__due strong{letter-spacing:-.025em;font-size:19px;font-weight:650}.member-phone__total small{color:var(--text-secondary);font-size:12px;font-weight:400}.member-phone__primary,.member-phone__secondary{border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:47px;font-size:14px;font-weight:600;display:flex}.member-phone__primary{background:var(--primary);border:1px solid var(--primary);color:var(--primary-foreground)}.member-phone__secondary{background:var(--surface-card);border:1px solid var(--border-strong);color:var(--text-primary)}.member-phone__progress{justify-content:flex-end;gap:5px;margin:-4px 0 16px;display:flex}.member-phone__progress span{background:var(--border-strong);border-radius:999px;width:5px;height:5px}.member-phone__progress span[data-state=complete]{background:var(--primary)}.member-phone__progress span[data-state=current]{background:var(--primary);width:20px}.member-phone__intro{color:var(--text-secondary);margin:5px 0 15px;font-size:13px}.member-phone__method-tabs{background:var(--surface-muted);border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:13px;padding:3px;display:grid}.member-phone__method-tabs button{color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:39px;padding:5px;font-size:12px;font-weight:550;display:flex}.member-phone__method-tabs button[aria-pressed=true]{background:var(--surface-card);box-shadow:0 1px 3px color-mix(in srgb, var(--text-primary), transparent 93%);color:var(--text-primary)}.member-phone__payment-card{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;padding:13px}.member-phone__payment-card label{color:var(--text-secondary);font-size:12px;font-weight:500;display:block}.member-phone__payment-card label+label{margin-top:11px}.member-phone__payment-card input{background:var(--surface-card);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:8px;width:100%;height:37px;margin-top:5px;padding:0 9px;font-size:14px;display:block}.member-phone__payment-split{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.member-phone__payment-split label+label{margin-top:0}.member-phone__fixture-note{color:var(--text-tertiary);margin:8px 2px 0;font-size:11px;line-height:1.35}.member-phone__due{flex-wrap:wrap;align-items:center;row-gap:4px;margin-top:14px}.member-phone__due small{color:var(--text-secondary);flex-basis:100%;font-size:11px}.member-phone__confirmation{text-align:center;flex-direction:column;align-items:center;padding-top:6px;display:flex}.member-phone__success-mark{background:var(--primary);color:var(--primary-foreground);border-radius:50%;place-items:center;width:58px;height:58px;margin:8px 0 16px;display:grid}.member-phone__confirmation>p{color:var(--text-secondary);margin:7px 0 18px;font-size:13px}.member-phone__receipt,.member-phone__next{background:var(--surface-card);border:1px solid var(--border);text-align:left;border-radius:12px;width:100%}.member-phone__receipt{padding:8px 12px}.member-phone__receipt>div{justify-content:space-between;align-items:center;min-height:32px;display:flex}.member-phone__receipt>div+div{border-top:1px solid var(--divider)}.member-phone__receipt span{color:var(--text-secondary);font-size:12px}.member-phone__receipt strong{font-size:15px;font-weight:650}.member-phone__receipt small{color:var(--text-secondary);font-size:12px}.member-phone__next{margin:12px 0;padding:13px}.member-phone__next h3{margin:0;font-size:13px;font-weight:600}.member-phone__next p{color:var(--text-secondary);margin:5px 0 0;font-size:12px;line-height:1.35}.member-phone__member-card,.member-phone__payment-card{border-radius:16px;padding:16px}.member-phone__screen--payment h2{margin-bottom:20px}.member-phone__club-header--compact{margin-bottom:28px;padding-right:82px}.member-phone__scroll{position:relative}.member-phone__progress{margin:0;position:absolute;top:37px;right:16px}.member-phone__total,.member-phone__due{background:0 0;padding-inline:0}.member-phone__primary{min-height:48px}.member-phone__primary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.member-phone__receipt{margin-top:20px}.member-phone__primary{box-shadow:0 0 0 3px var(--background), 0 0 0 5px var(--primary);position:relative}.member-phone__action-cue{pointer-events:none;fill:var(--text-primary);stroke:var(--surface-card);stroke-width:1.5px;filter:drop-shadow(0 1px 2px #0003);position:absolute;bottom:-13px;right:24px}.member-phone__start-cue{background:var(--text-primary);color:var(--surface-card);pointer-events:none;border-radius:7px;padding:5px 10px;font-size:12px;line-height:1.3;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.member-phone__start-cue:after{content:"";border:5px solid #0000;border-top-color:var(--text-primary);position:absolute;top:100%;left:calc(50% - 5px)}@media (prefers-reduced-motion:no-preference){.member-phone__primary[data-cue-visible=true]:after{content:"";border:2px solid var(--primary);pointer-events:none;border-radius:15px;animation:2.8s ease-out infinite member-action-ring;position:absolute;inset:-6px}.member-phone__primary[data-cue-visible=true] .member-phone__action-cue{animation:2.8s ease-in-out infinite member-action-tap}@keyframes member-action-ring{0%{opacity:0;transform:scale(1)}20%{opacity:.5;transform:scale(1)}85%,to{opacity:0;transform:scale(1.06,1.4)}}@keyframes member-action-tap{0%,65%,to{transform:translate(0)}30%,45%{transform:translate(-4px,-5px)}}}.member-phone__confirmation{justify-content:center;gap:16px;min-height:390px;padding-bottom:40px}.member-phone__confirmation p{color:var(--text-secondary);font-size:14px}@media (prefers-reduced-motion:no-preference){.member-phone__success-mark{animation:.35s ease-out both signup-confirmed}.member-phone__confirmation h2,.member-phone__confirmation p{animation:.35s ease-out .1s both signup-confirmed}@keyframes signup-confirmed{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}}.member-phone__scroll[data-confirmed=true]{min-height:var(--confirmation-height,0px)}.demo-staff-embed{min-height:0;overflow:hidden}.demo-staff-frame{background:var(--background);touch-action:pan-y;border:0;flex:1;width:100%;height:100%;min-height:0;display:block}.demo-tour{width:100%;color:var(--text-primary)}.demo-tour *,.demo-tour :before,.demo-tour :after{box-sizing:border-box}.demo-tour button,.demo-tour input{font:inherit}.demo-tour button{cursor:pointer}.demo-tour button:focus-visible,.demo-tour a:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.demo-layout{gap:24px;padding-top:32px;display:grid}.demo-caption{max-width:40ch;min-height:116px}.demo-caption h3{font-family:var(--site-display);margin-bottom:12px;font-size:clamp(26px,4vw,36px);line-height:1.1}.demo-caption p{color:var(--text-secondary);font-size:16px;line-height:1.5}.demo-start-action{min-height:52px;margin-top:22px;position:relative}.demo-start{background:var(--primary);min-height:52px;color:var(--primary-foreground);transition:background .15s, transform .2s var(--site-ease);border:0;border-radius:12px;justify-content:center;align-items:center;gap:24px;padding:14px 18px;line-height:1.3;display:inline-flex;font-size:16px!important;font-weight:600!important}.demo-start:hover{background:var(--primary-hover);transform:translateY(-2px)}.demo-start:active{background:var(--primary-press);transform:translateY(0)}.demo-start span{font-size:21px;line-height:.8}.demo-start-connector{display:none}.demo-stage{min-width:0}.demo-phones{justify-content:center;display:flex}.demo-device{width:min(100%,390px);min-width:0}.demo-device-label{height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;display:flex}.demo-device-dot{display:none}.demo-phone{background:var(--background);border:5px solid var(--surface-card);width:100%;height:690px;box-shadow:0 0 0 1px var(--border-strong), 0 14px 24px -15px color-mix(in srgb, var(--text-primary), transparent 72%);letter-spacing:-.015em;color:var(--text-primary);isolation:isolate;color-scheme:light only;border-radius:42px;flex-direction:column;font-family:Geist Variable,Geist,sans-serif;font-size:14px;line-height:1.4;display:flex;position:relative;overflow:hidden}.demo-navigation{flex-direction:column;align-items:center;gap:10px;max-width:390px;margin:20px auto 0;display:flex}.demo-finish-actions{gap:10px;width:100%;display:grid}.demo-navigation:empty{display:none}.demo-next,.demo-explore{background:var(--text-primary);width:100%;min-height:48px;color:var(--surface-card);border:0;border-radius:10px;padding:12px 16px;font-size:15px!important;font-weight:600!important}.demo-replay{min-height:44px;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;font-size:15px;display:inline-flex}.demo-continue{min-height:44px;color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.demo-continue:hover{color:var(--text-primary)}.demo-replay{text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}.demo-phone h1,.demo-phone h2,.demo-phone h3,.demo-phone h4,.demo-phone p{text-wrap:initial;margin:0;font-family:inherit}.demo-phone button{letter-spacing:inherit;font-family:inherit}.demo-phone strong{font-weight:600}.demo-statusbar{background:var(--background);z-index:4;flex:0 0 37px;justify-content:space-between;align-items:center;height:37px;padding:0 22px;font-size:11px;font-weight:650;display:flex;position:relative}.demo-island{background:var(--surface-inverse);border-radius:20px;width:90px;height:24px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.demo-statusicons{align-items:center;gap:3px;display:flex}.demo-homebar{background:var(--surface-card);z-index:4;flex:0 0 19px;height:19px;position:relative}.demo-homebar:after{content:"";background:var(--text-primary);border-radius:5px;width:100px;height:4px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.demo-staff-app{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}@media (width>=880px){.demo-navigation,.demo-navigation:empty{min-height:48px;display:flex}.demo-layout{grid-template-columns:minmax(240px,1fr) minmax(390px,1.3fr);align-items:center;gap:64px;max-width:960px;margin-inline:auto}.demo-caption{min-height:200px}.demo-start-action{width:100%}.demo-start-connector{z-index:2;width:118px;height:44px;color:var(--primary);pointer-events:none;display:block;position:absolute;top:3px;left:calc(100% + 10px)}.demo-start-connector svg{width:100%;height:100%;overflow:visible}.demo-start-connector path{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}}@media (width<=599px){.demo-section>.wrap{width:calc(100% - 32px)}.demo-narration{padding-inline:4px}.demo-phone{border-width:1px;border-radius:18px;height:clamp(560px,100svh - 120px,690px)}.demo-statusbar,.demo-homebar{display:none}}@media (prefers-reduced-motion:no-preference){.demo-start-connector path:first-child{stroke-dasharray:150;stroke-dashoffset:150px;animation:demo-start-line .65s var(--site-ease) forwards}.demo-start-connector path:last-child{opacity:0;animation:demo-start-arrow .35s .45s var(--site-ease) forwards}@keyframes demo-start-line{to{stroke-dashoffset:0}}@keyframes demo-start-arrow{0%{opacity:0;transform:translate(-5px,-3px)}to{opacity:1;transform:translate(0)}}.demo-device-staff{animation:.35s ease-out demo-handoff}@keyframes demo-handoff{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.demo-tour *,.demo-tour :before,.demo-tour :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.demo-next{background:var(--primary);color:var(--primary-foreground);justify-content:center;align-items:center;gap:10px;transition:transform .16s ease-out;display:inline-flex;position:relative}.demo-next:active{transform:scale(.96)}@media (prefers-reduced-motion:no-preference){.demo-navigation[data-cue-visible=true] .demo-next:after{content:"";border:2px solid var(--primary);pointer-events:none;border-radius:14px;animation:2.8s ease-out infinite demo-next-cue;position:absolute;inset:-4px}@keyframes demo-next-cue{0%,65%,to{opacity:0;transform:scale(1.03,1.18)}12%{opacity:.7;transform:scale(1)}45%{opacity:0;transform:scale(1.03,1.18)}}}.demo-return{color:var(--text-brand);text-align:left;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:12px 0;text-decoration:underline;display:block}@media (prefers-reduced-motion:no-preference){.demo-phones[data-handoff=leaving] .demo-device-member{animation:.4s ease-in both demo-member-depart}.demo-device-staff{animation:.5s cubic-bezier(.16,1,.3,1) both demo-staff-arrive}@keyframes demo-member-depart{to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes demo-staff-arrive{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}}@media (width<=879px){.demo-layout[data-staff=true]{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"caption""phone""controls";gap:8px;height:clamp(660px,100svh - 24px,820px);padding-top:0}.demo-layout[data-staff=true] .demo-narration,.demo-layout[data-staff=true] .demo-stage{display:contents}.demo-layout[data-staff=true] .demo-caption{grid-area:caption;align-self:end;max-width:none;min-height:0;padding:clamp(16px,3svh,28px) 4px 10px}.demo-layout[data-staff=true] .demo-caption h3{margin-bottom:8px;font-size:24px}.demo-layout[data-staff=true] .demo-caption p{font-size:15px;line-height:1.4}.demo-layout[data-staff=true] .demo-phones{grid-area:phone;min-height:0}.demo-layout[data-staff=true] .demo-device{flex-direction:column;height:100%;display:flex}.demo-layout[data-staff=true] .demo-device-label{display:none}.demo-layout[data-staff=true] .demo-phone{border-width:1px;border-radius:18px;flex:1;height:auto;min-height:0}.demo-layout[data-staff=true] .demo-statusbar,.demo-layout[data-staff=true] .demo-homebar{display:none}.demo-layout[data-staff=true] .demo-navigation{grid-area:controls;align-self:center;width:min(100%,390px);margin:0 auto}.demo-layout[data-staff=true] .demo-navigation:empty{display:none}.demo-layout[data-staff=true] .demo-return{border:1px solid var(--border);background:var(--surface-card);text-align:center;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;margin:0;padding:12px 16px;display:flex;box-shadow:0 3px 8px #0000000a}.demo-layout[data-staff=true] .demo-navigation{justify-content:center;gap:12px}.demo-layout[data-staff=true] .demo-finish-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center}.demo-layout[data-staff=true] .demo-continue{padding-inline:10px}}.hero-chase{border-radius:inherit;pointer-events:none;z-index:0;opacity:0;position:absolute;inset:0;overflow:hidden}.hero-stage>h1,.hero-stage>.hero-subline{z-index:2;position:relative}.hero-stage>.scroll-link{z-index:2}.hero-chase-runner,.hero-chase-catcher{will-change:transform, opacity;position:absolute;top:0;left:0}.hero-chase-runner{border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);background:color-mix(in srgb, var(--surface-card) 84%, transparent);min-height:34px;color:color-mix(in srgb, var(--text-primary) 55%, transparent);backdrop-filter:blur(8px);white-space:nowrap;opacity:.5;transition:color .24s var(--site-ease), border-color .24s var(--site-ease), background .24s var(--site-ease), opacity .24s var(--site-ease);border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:650;line-height:1;display:inline-flex;box-shadow:0 8px 26px #0f172a12}.hero-chase-dot{background:var(--danger);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 10%, transparent);transition:background .24s var(--site-ease), box-shadow .24s var(--site-ease);border-radius:50%;flex:0 0 7px}.hero-chase-catcher{border:2px solid var(--primary);background:var(--surface-card);opacity:0;border-radius:12px;place-items:center;width:42px;height:42px;margin-left:-12px;display:grid;box-shadow:0 12px 34px #0f172a29}.hero-chase-catcher img{object-fit:contain;width:24px;height:24px}.hero-chase[data-phase=caught] .hero-chase-runner{color:var(--success-soft-fg);border-color:color-mix(in srgb, var(--success-soft-fg) 20%, transparent);background:color-mix(in srgb, var(--success-soft) 72%, var(--surface-card));opacity:.82}.hero-chase[data-phase=caught] .hero-chase-dot{background:var(--success-soft-fg);box-shadow:0 0 0 4px color-mix(in srgb, var(--success-soft-fg) 10%, transparent)}@media (hover:hover) and (pointer:fine){.hero-track[data-motion-ready=true] .hero-chase[data-enabled=true]{opacity:var(--chase-opacity,1)}}@media (prefers-reduced-motion:reduce){.hero-chase{display:none}}
