/* GodsWork90.0 — integrated path artwork and continuous page motion */

/* The path is one continuous atmosphere, not a gradient behind a poster. */
.membership-page .stone-path{
  overflow:hidden!important;
  background:
    radial-gradient(ellipse at 92% 21%,rgba(67,216,232,.13),transparent 37%),
    radial-gradient(ellipse at 7% 42%,rgba(239,78,154,.11),transparent 35%),
    linear-gradient(155deg,rgba(15,8,17,.72),rgba(9,13,25,.36) 46%,rgba(3,5,8,.2))!important;
}

.membership-page .focus-card{
  min-height:350px!important;
  margin:20px -22px 0!important;
  padding:34px 22px 36px!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate;
}

/* A soft color current connects the art to the rest of the screen. */
.membership-page .focus-card:after{
  inset:-16% -22% -28% 3%!important;
  height:auto!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 69% 48%,rgba(67,216,232,.18),transparent 35%),
    radial-gradient(ellipse at 45% 68%,rgba(141,114,255,.17),transparent 42%),
    url('member-motion-field.jpg') center/cover!important;
  opacity:.38!important;
  filter:blur(9px) saturate(1.18);
  mix-blend-mode:screen!important;
  animation:gw-flow-field 12s ease-in-out infinite alternate!important;
}

.membership-page .focus-card:before{
  inset:-10% -8% -18%!important;
  background:
    linear-gradient(90deg,rgba(4,5,8,.98) 0%,rgba(4,5,8,.83) 34%,rgba(4,5,8,.18) 67%,transparent 89%),
    linear-gradient(0deg,rgba(4,5,8,.92),transparent 39%,transparent 76%,rgba(4,5,8,.25))!important;
}

.membership-page .focus-card>.focus-art{
  inset:-24px -28px -38px 12%!important;
  background-position:right center!important;
  background-size:contain!important;
  opacity:0;
  filter:contrast(1.08) brightness(.9);
  -webkit-mask-image:radial-gradient(ellipse 78% 82% at 72% 49%,#000 48%,rgba(0,0,0,.88) 64%,transparent 88%);
  mask-image:radial-gradient(ellipse 78% 82% at 72% 49%,#000 48%,rgba(0,0,0,.88) 64%,transparent 88%);
  animation:gw-integrated-art 24s cubic-bezier(.45,0,.25,1) infinite!important;
  will-change:opacity,transform,filter;
}

.membership-page .focus-art--muscle-up{animation-delay:-2s!important}
.membership-page .focus-art--goblet-squat{animation-delay:-8s!important}
.membership-page .focus-art--sled-push{animation-delay:-14s!important}
.membership-page .focus-art--landmine-press{animation-delay:-20s!important}

.membership-page .focus-card>*:not(.focus-art){
  max-width:61%!important;
  text-wrap:balance;
}

/* Carry the hero atmosphere into the schedule instead of starting a new box. */
.membership-page .week-path{
  position:relative;
  z-index:2;
  margin:0 -22px!important;
  padding:44px 22px 20px!important;
  background:linear-gradient(180deg,transparent,rgba(7,9,15,.52) 34%,rgba(7,9,15,.82))!important;
}
.membership-page .week-path:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-15%;right:-15%;top:-92px;height:170px;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 65%,rgba(75,143,255,.13),transparent 67%);
  filter:blur(14px);
}
.membership-page .week-path button{
  background:linear-gradient(90deg,rgba(14,16,23,.76),rgba(10,12,18,.48))!important;
  backdrop-filter:blur(8px) saturate(120%);
}

/* Keep the primary workout action completely above the floating navigation. */
.membership-page .today-overview{
  padding-bottom:calc(176px + env(safe-area-inset-bottom))!important;
}
.membership-page .today-overview>.path-start{
  margin-top:34px!important;
  margin-bottom:72px!important;
  scroll-margin-bottom:120px;
}

/* The navigation emerges from the page through a fade instead of cutting it. */
.membership-page .simple-nav,
.membership-page .member-nav{
  overflow:visible!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(17,18,24,.62),rgba(17,18,24,.93) 46%,rgba(14,15,20,.98))!important;
  box-shadow:none!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
}
.membership-page .simple-nav:before,
.membership-page .member-nav:before{
  content:"";
  position:absolute;
  left:0;right:0;top:-42px;height:43px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(17,18,24,.62));
}

html[data-app-theme="light"] .membership-page .stone-path{
  background:
    radial-gradient(ellipse at 92% 21%,rgba(27,165,184,.16),transparent 37%),
    radial-gradient(ellipse at 7% 42%,rgba(213,54,130,.12),transparent 35%),
    linear-gradient(155deg,#f7f3ef,#f1eef5 48%,#edf5f6)!important;
}
html[data-app-theme="light"] .membership-page .week-path{
  background:linear-gradient(180deg,transparent,rgba(245,242,238,.64) 32%,rgba(245,242,238,.92))!important;
}

/* Light surfaces must still show an unmistakable saved answer. */
html[data-app-theme="light"] .membership-page .coach-assessment .check-grid button.selected,
html[data-app-theme="light"] .membership-page .coach-assessment .quality-grid button.selected,
html[data-app-theme="light"] .membership-page .check-grid button.selected,
html[data-app-theme="light"] .membership-page .quality-grid button.selected,
html[data-app-theme="light"] .membership-page .rep-quick button.selected,
html[data-app-theme="light"] .membership-page .balance-quick button.selected,
html[data-app-theme="light"] .membership-page .reality-options button.selected,
html[data-app-theme="light"] .membership-page .onboard-choices button.selected,
html[data-app-theme="light"] .membership-page .goal-choice-grid button.selected,
html[data-app-theme="light"] .membership-page .injury-region-tabs button.selected,
html[data-app-theme="light"] .membership-page .injury-area-grid button.selected,
html[data-app-theme="light"] .membership-page .parq-grid button.selected,
html[data-app-theme="light"] .membership-page .result-tabs button.selected,
html[data-app-theme="light"] .membership-page .status-toggles button.selected{
  border-color:#7659d9!important;
  background:linear-gradient(135deg,#e9e1ff,#dff8fb)!important;
  color:#201a31!important;
  box-shadow:inset 4px 0 0 #7659d9,0 8px 22px rgba(90,66,170,.12)!important;
  font-weight:800!important;
}

/* Compact baseline: one screen, four useful inputs. */
.membership-page .baseline-details{display:grid;gap:5px;margin-top:18px!important}
.membership-page .baseline-top{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:end}
.membership-page .baseline-top .assessment-field{margin:0!important}
.membership-page .baseline-sex{min-width:0;margin:0;padding:0;border:0}
.membership-page .baseline-sex legend{margin-bottom:8px;color:var(--s-cyan);font-size:10px;font-weight:800;letter-spacing:.08em}
.membership-page .baseline-sex>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.membership-page .baseline-sex button{min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(17,19,24,.94);color:var(--s-copy);padding:8px;font-size:11px}
.membership-page .baseline-sex button:last-child{grid-column:1/3;min-height:38px;color:var(--s-muted);font-size:10px}
.membership-page .baseline-sex button.selected{border-color:#987cff;background:linear-gradient(135deg,#382b5c,#17323a);color:#fff;box-shadow:inset 3px 0 0 var(--s-cyan)}
.membership-page .baseline-weight{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.membership-page .baseline-use{display:grid;gap:5px;margin:3px 0 13px!important;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(20,22,28,.7);padding:13px}
.membership-page .baseline-use b{color:var(--s-violet)!important;font-size:9px;letter-spacing:.14em}
.membership-page .baseline-use span{color:var(--s-muted);font-size:10px;line-height:1.45}
html[data-app-theme="light"] .membership-page .baseline-sex button{border-color:rgba(25,24,29,.13);background:#fff;color:#17171a}
html[data-app-theme="light"] .membership-page .baseline-sex button.selected{border-color:#7659d9;background:linear-gradient(135deg,#e9e1ff,#dff8fb);color:#201a31;box-shadow:inset 4px 0 0 #7659d9}
html[data-app-theme="light"] .membership-page .baseline-use{border-color:rgba(25,24,29,.12);background:rgba(255,255,255,.72)}

/* The sex answer chooses the figure automatically; neutral stays between both. */
.membership-page #app-screen[data-body-figure="female"] .body-figure>path:nth-of-type(1){transform:scaleX(.86);transform-origin:90px 112px}
.membership-page #app-screen[data-body-figure="female"] .body-figure>path:nth-of-type(2){transform:translateX(5px) scaleX(.94);transform-origin:center}
.membership-page #app-screen[data-body-figure="female"] .body-figure>path:nth-of-type(3){transform:translateX(-5px) scaleX(.94);transform-origin:center}
.membership-page #app-screen[data-body-figure="female"] .body-figure>path:nth-of-type(4){transform:scaleX(1.12);transform-origin:90px 206px}
.membership-page #app-screen[data-body-figure="female"] .body-figure>path:nth-of-type(5),
.membership-page #app-screen[data-body-figure="female"] .body-figure>path:nth-of-type(6){transform:scaleX(1.045);transform-origin:center}
.membership-page #app-screen[data-body-figure="neutral"] .body-figure>path:nth-of-type(1){transform:scaleX(.94);transform-origin:90px 112px}
.membership-page .body-figure>path{transition:transform .36s ease}

@media(max-width:390px){
  .membership-page .baseline-top{grid-template-columns:96px 1fr}
  .membership-page .baseline-sex button{font-size:10px}
}
html[data-app-theme="light"] .membership-page .reality-options button.selected b,
html[data-app-theme="light"] .membership-page .reality-options button.selected small,
html[data-app-theme="light"] .membership-page .onboard-choices button.selected b,
html[data-app-theme="light"] .membership-page .onboard-choices button.selected small,
html[data-app-theme="light"] .membership-page .injury-area-grid button.selected b{
  color:#201a31!important;
}
html[data-app-theme="light"] .membership-page .nothing-now.selected{
  border:1px solid rgba(27,151,172,.36)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#e0f7f9,#eef1ff)!important;
  color:#126f7e!important;
  box-shadow:inset 4px 0 0 #1b97ac!important;
}

/* Active feedback states use a different class but require the same audit. */
html[data-app-theme="light"] .membership-page .feel button.active,
html[data-app-theme="light"] .membership-page .session-effort button.active,
html[data-app-theme="light"] .membership-page .quick-effort button.active{
  border-color:#7659d9!important;
  background:linear-gradient(135deg,#e9e1ff,#dff8fb)!important;
  color:#201a31!important;
  box-shadow:inset 3px 0 0 #7659d9!important;
  font-weight:800!important;
}
html[data-app-theme="light"] .membership-page .feel button.active i{
  border-color:#7659d9!important;
  background:#7659d9!important;
  box-shadow:0 0 0 4px rgba(118,89,217,.12)!important;
}
html[data-app-theme="light"] .membership-page .simple-nav button.active,
html[data-app-theme="light"] .membership-page .member-nav button.active{
  color:#6d51dc!important;
  font-weight:800!important;
}
html[data-app-theme="light"] .membership-page .simple-nav button.active i{
  background:#6d51dc!important;
}
html[data-app-theme="light"] .coach-app .coach-nav button.active{
  color:#6d51dc!important;
  font-weight:800!important;
}
html[data-app-theme="light"] .membership-page .simple-nav,
html[data-app-theme="light"] .membership-page .member-nav{
  background:linear-gradient(180deg,rgba(249,247,243,.64),rgba(249,247,243,.94) 48%,#f9f7f3)!important;
}
html[data-app-theme="light"] .membership-page .simple-nav:before,
html[data-app-theme="light"] .membership-page .member-nav:before{
  background:linear-gradient(180deg,transparent,rgba(249,247,243,.64));
}

@keyframes gw-integrated-art{
  0%{opacity:0;transform:translate3d(15px,6px,0) scale(1.03);filter:contrast(1.02) brightness(.78) blur(2px)}
  5%{opacity:1;transform:translate3d(5px,0,0) scale(1.012);filter:contrast(1.08) brightness(.9) blur(0)}
  20%{opacity:1;transform:translate3d(-4px,-3px,0) scale(1.022);filter:contrast(1.1) brightness(.94) blur(0)}
  25%{opacity:0;transform:translate3d(-14px,-6px,0) scale(1.038);filter:contrast(1.03) brightness(.8) blur(2px)}
  100%{opacity:0;transform:translate3d(-18px,-7px,0) scale(1.045);filter:blur(3px)}
}
@keyframes gw-flow-field{
  from{transform:translate3d(-2%,-1%,0) rotate(-3deg) scale(1.03);filter:blur(9px) hue-rotate(0)}
  to{transform:translate3d(4%,3%,0) rotate(3deg) scale(1.1);filter:blur(13px) hue-rotate(22deg)}
}

@media(max-width:390px){
  .membership-page .focus-card{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}
  .membership-page .week-path{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}
  .membership-page .focus-card>*:not(.focus-art){max-width:66%!important}
}

@media(prefers-reduced-motion:reduce){
  .membership-page .focus-card>.focus-art{animation:none!important;opacity:0!important;transform:none!important;filter:none!important}
  .membership-page .focus-card>.focus-art:first-child{opacity:1!important}
  .membership-page .focus-card:after{animation:none!important}
}

/* Interactive body profile — visual guidance with the existing controls intact. */
.membership-page .body-map-card{
  position:relative;
  margin:25px 0 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:22px;
  background:
    radial-gradient(circle at 22% 30%,rgba(67,216,232,.13),transparent 36%),
    radial-gradient(circle at 90% 74%,rgba(239,78,154,.13),transparent 42%),
    linear-gradient(145deg,rgba(21,23,31,.96),rgba(10,12,18,.96));
  box-shadow:0 24px 65px rgba(0,0,0,.26);
}
.membership-page .body-map-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 0}
.membership-page .body-map-card>header small,.membership-page .body-map-card>header b{display:block}
.membership-page .body-map-card>header small{color:var(--s-cyan)!important;font-size:9px;letter-spacing:.2em;font-weight:900}
.membership-page .body-map-card>header b{max-width:220px;margin-top:6px;color:var(--s-copy)!important;font-size:12px;line-height:1.35}
.membership-page .body-view-toggle{display:flex;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(0,0,0,.24)}
.membership-page .body-view-toggle button{border:0;border-radius:999px;background:transparent;color:#9296a0;padding:7px 9px;font-size:9px}
.membership-page .body-view-toggle button.selected{background:linear-gradient(135deg,#7659d9,#268fa2);color:#fff;box-shadow:0 5px 15px rgba(80,70,180,.26)}
.membership-page .body-map-stage{display:grid;grid-template-columns:minmax(155px,.85fr) 1fr;align-items:center;gap:4px;min-height:278px;padding:0 16px 13px}
.membership-page .body-map-stage svg{display:block;width:100%;height:255px;overflow:visible;filter:drop-shadow(0 0 28px rgba(67,216,232,.09))}
.membership-page .body-figure{fill:url(#gw-body-fill);stroke:url(#gw-body-line);stroke-width:1.35;stroke-linejoin:round;transition:transform .35s ease,opacity .35s ease}
.membership-page .body-core{filter:drop-shadow(0 8px 17px rgba(91,75,185,.13));animation:gw-body-breathe 4.5s ease-in-out infinite}
.membership-page .body-limb{fill:rgba(141,114,255,.09)}
.membership-page .body-front-detail,.membership-page .body-back-detail{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1;stroke-linecap:round;opacity:.72}
.membership-page .body-map-svg.front .body-back-detail,.membership-page .body-map-svg.back .body-front-detail{display:none}
.membership-page .body-map-svg.back .body-figure{transform:rotateY(180deg);transform-origin:center;opacity:.92}
.membership-page .body-map-svg.back .body-back-detail{transform:rotateY(180deg);transform-origin:center}
.membership-page .body-hit{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer;transition:fill .22s ease,stroke .22s ease,filter .22s ease}
.membership-page .body-hit.active{fill:rgba(141,114,255,.14);stroke:#9a84ff;filter:drop-shadow(0 0 9px rgba(141,114,255,.5))}
.membership-page .body-hit.has-selection:not(.active){fill:rgba(67,216,232,.09);stroke:rgba(67,216,232,.46)}
.membership-page .body-selected-marker circle:first-child{fill:rgba(239,78,154,.22);stroke:#ff78ba;stroke-width:1;animation:gw-body-marker 2.1s ease-in-out infinite}
.membership-page .body-selected-marker circle:last-child{fill:#fff}
.membership-page .body-map-copy{align-self:center;padding:16px 5px 16px 12px}
.membership-page .body-map-copy span{display:block;color:#9b86ff;font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.membership-page .body-map-copy b{display:block;margin:9px 0 7px;color:#fff!important;font-size:19px;line-height:1.05}
.membership-page .body-map-copy p{margin:0!important;color:#a8abb3!important;font-size:10px;line-height:1.5}
.membership-page .body-map-copy i{display:inline-block;margin-top:17px;border-top:1px solid rgba(255,255,255,.12);padding-top:8px;color:#6e727d;font-size:8px;font-style:normal;letter-spacing:.14em}
@keyframes gw-body-marker{0%,100%{r:8;opacity:.7}50%{r:12;opacity:1}}
@keyframes gw-body-breathe{0%,100%{filter:drop-shadow(0 7px 15px rgba(67,216,232,.1))}50%{filter:drop-shadow(0 10px 23px rgba(141,114,255,.24))}}

html[data-app-theme="light"] .membership-page .body-map-card{border-color:rgba(30,28,34,.13);background:radial-gradient(circle at 22% 30%,rgba(27,165,184,.13),transparent 36%),radial-gradient(circle at 90% 74%,rgba(213,54,130,.12),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,238,246,.96));box-shadow:0 20px 55px rgba(70,55,42,.09)}
html[data-app-theme="light"] .membership-page .body-map-card>header b,
html[data-app-theme="light"] .membership-page .body-map-copy b{color:#17171a!important}
html[data-app-theme="light"] .membership-page .body-map-copy p{color:#686870!important}
html[data-app-theme="light"] .membership-page .body-view-toggle{border-color:rgba(25,24,29,.13);background:rgba(30,28,35,.05)}
html[data-app-theme="light"] .membership-page .body-figure{fill:url(#gw-body-fill)}

@media(max-width:370px){
  .membership-page .body-map-stage{grid-template-columns:145px 1fr;padding-left:10px;padding-right:10px}
  .membership-page .body-map-card>header b{max-width:175px}
}

@media(prefers-reduced-motion:reduce){
  .membership-page .body-selected-marker circle:first-child{animation:none!important}
  .membership-page .body-core{animation:none!important}
  .membership-page .body-figure,.membership-page .body-hit{transition:none!important}
}

/* v97: production body-map artwork replaces the constructed polygon figure. */
.membership-page .body-figure-image{
  opacity:.96;
  pointer-events:none;
  filter:saturate(.92) contrast(1.02) drop-shadow(0 0 16px rgba(91,132,255,.18));
  transform-origin:90px 168px;
  animation:gw-figure-float 5.2s ease-in-out infinite;
  transition:opacity .28s ease,filter .28s ease;
}
.membership-page .body-map-card[data-map-figure="female"] .body-figure-image{filter:saturate(.88) contrast(1.01) drop-shadow(0 0 17px rgba(224,89,186,.16))}
.membership-page .body-hit{isolation:isolate}
.membership-page .body-hit.active{fill:rgba(102,111,255,.2);stroke:#8f7cff;stroke-width:1.5;filter:drop-shadow(0 0 11px rgba(77,200,235,.42))}
.membership-page .body-hit.has-selection:not(.active){fill:rgba(59,207,230,.1);stroke:rgba(86,202,235,.56);stroke-width:1.25}
.membership-page .body-map-svg:hover .body-figure-image{filter:saturate(1) contrast(1.03) drop-shadow(0 0 20px rgba(91,132,255,.25))}
@keyframes gw-figure-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
html[data-app-theme="light"] .membership-page .body-figure-image{opacity:.9;filter:saturate(.84) contrast(.98) drop-shadow(0 7px 16px rgba(87,75,145,.12))}
@media(prefers-reduced-motion:reduce){.membership-page .body-figure-image{animation:none!important;transition:none!important}}

/* v98: one guided activity system for all eight movement checks. */
.membership-page .coach-assessment:has(.guided-test)>.onboard-kicker,
.membership-page .coach-assessment:has(.guided-test)>h1,
.membership-page .coach-assessment:has(.guided-test)>.assessment-help,
.membership-page .coach-assessment:has(.guided-test)>.onboard-progress{display:none}
.membership-page .guided-test{--guide-cyan:#35d6e7;--guide-violet:#8868ff;--guide-pink:#eb56b2;display:grid;gap:18px;margin:13px -6px 0}
.membership-page .guided-test-progress{display:grid;gap:10px;text-align:center}
.membership-page .guided-test-progress span{color:var(--guide-cyan);font-size:10px;font-weight:900;letter-spacing:.2em}
.membership-page .guided-test-progress>i{display:block;height:2px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.09)}
.membership-page .guided-test-progress>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--guide-cyan),var(--guide-violet),var(--guide-pink));transition:width .35s ease}
.membership-page .guided-test>h2{margin:0;text-align:center;background:linear-gradient(105deg,#75dffa,#a68bff 55%,#ee74bc);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:37px;line-height:1;font-weight:850;letter-spacing:-.045em}
.membership-page .guided-purpose{max-width:330px;margin:-8px auto 0!important;text-align:center;color:#a6aab3!important;font-size:12px;line-height:1.45}
.membership-page .guided-demo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px;min-height:265px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:radial-gradient(circle at 25% 45%,rgba(168,68,151,.16),transparent 43%),radial-gradient(circle at 78% 45%,rgba(43,131,222,.18),transparent 48%),linear-gradient(135deg,#100b15,#071520);box-shadow:0 24px 55px rgba(0,0,0,.24)}
.membership-page .guided-demo:after{content:"";position:absolute;inset:auto 0 0;height:38%;pointer-events:none;background:linear-gradient(transparent,rgba(4,7,12,.78))}
.membership-page .guided-demo>img{width:100%;height:265px;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.04) saturate(.82);mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 86%,transparent 100%)}
.membership-page .guided-cues{position:relative;z-index:1;display:grid;align-content:center;gap:22px;padding:16px 14px 16px 0}
.membership-page .guided-cues span{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px}
.membership-page .guided-cues i{width:28px;height:28px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--guide-cyan);font-size:10px;font-style:normal;box-shadow:0 0 14px rgba(53,214,231,.11)}
.membership-page .guided-cues span:nth-child(2) i{color:var(--guide-violet)}
.membership-page .guided-cues span:nth-child(3) i{color:var(--guide-pink)}
.membership-page .guided-cues b{color:#f7f7f8!important;font-size:11px;line-height:1.25;font-weight:650}
.membership-page .guided-result,.membership-page .guided-balance,.membership-page .guided-recovery{display:grid;gap:11px}
.membership-page .guided-result>p,.membership-page .guided-balance p,.membership-page .guided-feedback>p,.membership-page .guided-recovery>p,.membership-page .guided-versions>p{margin:0!important;text-align:center;color:var(--guide-cyan)!important;font-size:9px;font-weight:900;letter-spacing:.16em}
.membership-page .guided-scale{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.membership-page .guided-scale:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,rgba(53,214,231,.28),rgba(136,104,255,.35),rgba(235,86,178,.25))}
.membership-page .guided-scale button,.membership-page .guided-balance button,.membership-page .guided-recovery button,.membership-page .guided-versions button{position:relative;z-index:1;min-height:49px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#101318;color:#eef0f3;font-size:11px;padding:7px}
.membership-page .guided-scale button.selected,.membership-page .guided-balance button.selected,.membership-page .guided-recovery button.selected,.membership-page .guided-versions button.selected{border-color:#63e2ef;background:linear-gradient(135deg,#20bed9,#7659e8 62%,#d94cb5);color:#fff;box-shadow:0 0 0 4px rgba(77,129,255,.12),0 8px 20px rgba(84,68,212,.25)}
.membership-page .guided-feedback{display:grid;gap:12px;margin-top:2px;padding:17px 12px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(14,16,22,.76)}
.membership-page .guided-feedback-primary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.membership-page .guided-feel{min-width:0;min-height:88px;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:linear-gradient(145deg,#15171c,#101217);color:#e9eaed;padding:9px 5px}
.membership-page .guided-feel i{width:32px;height:32px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--guide-cyan);font-size:16px;font-style:normal}
.membership-page .guided-feel:nth-child(2) i{color:var(--guide-violet)}
.membership-page .guided-feel:nth-child(3) i,.membership-page .guided-feel.discomfort i{color:var(--guide-pink)}
.membership-page .guided-feel span{color:inherit;font-size:9px;line-height:1.2;text-align:center}
.membership-page .guided-feel.selected{border-color:#61ddeb;background:linear-gradient(145deg,rgba(34,153,181,.32),rgba(99,69,187,.3));box-shadow:inset 0 0 22px rgba(91,126,255,.12)}
.membership-page .guided-more summary,.membership-page .guided-options summary{cursor:pointer;color:#9fa3ad;font-size:10px;text-align:center;padding:6px;list-style:none}
.membership-page .guided-more summary:after,.membership-page .guided-options summary:after{content:" +";color:var(--guide-violet)}
.membership-page .guided-more[open] summary:after,.membership-page .guided-options[open] summary:after{content:" −"}
.membership-page .guided-more>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}
.membership-page .guided-more .guided-feel{min-height:58px;grid-template-columns:25px 1fr;place-items:center start;text-align:left}
.membership-page .guided-more .guided-feel i{width:25px;height:25px;font-size:11px}
.membership-page .guided-balance{grid-template-columns:1fr 1fr;gap:10px}
.membership-page .guided-balance section{display:grid;gap:8px}
.membership-page .guided-balance section>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.membership-page .guided-balance button{min-height:42px;border-radius:10px;font-size:9px}
.membership-page .guided-versions{display:grid;gap:10px;margin-top:-3px}
.membership-page .guided-versions>div{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:none}
.membership-page .guided-versions button{flex:0 0 auto;min-height:38px;padding:8px 13px;font-size:9px}
.membership-page .guided-recovery>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.membership-page .guided-recovery button{border-radius:11px;font-size:9px}
.membership-page .guided-pain-field{margin:0!important;padding:14px;border:1px solid rgba(235,86,178,.3);border-radius:14px;background:rgba(235,86,178,.06)}
.membership-page .guided-options{border-top:1px solid rgba(255,255,255,.08);padding-top:8px;color:#a5a8b0;font-size:10px}
.membership-page .guided-options .assessment-field{margin:12px 0!important}
.membership-page .guided-reassure{margin:0!important;text-align:center;color:#8f94a0!important;font-size:10px}
.membership-page .coach-assessment:has(.guided-test)>.assessment-saved{display:none}
.membership-page .coach-assessment:has(.guided-test)>.onboard-actions button:last-child{border:0;background:linear-gradient(105deg,#1ac6dc,#6654f4 58%,#d946b5);box-shadow:0 13px 30px rgba(82,68,218,.23);font-weight:850;letter-spacing:.08em;text-transform:uppercase}

html[data-app-theme="light"] .membership-page .guided-test{--guide-cyan:#159db5;--guide-violet:#7256db;--guide-pink:#cb3d91}
html[data-app-theme="light"] .membership-page .guided-purpose{color:#666873!important}
html[data-app-theme="light"] .membership-page .guided-demo{border-color:rgba(40,35,50,.13);background:radial-gradient(circle at 22% 45%,rgba(224,98,177,.15),transparent 42%),radial-gradient(circle at 80% 45%,rgba(57,171,220,.16),transparent 48%),linear-gradient(145deg,#faf8fc,#edf5f8);box-shadow:0 20px 45px rgba(67,50,83,.1)}
html[data-app-theme="light"] .membership-page .guided-demo:after{background:linear-gradient(transparent,rgba(245,244,248,.74))}
html[data-app-theme="light"] .membership-page .guided-demo>img{mix-blend-mode:multiply;opacity:.88}
html[data-app-theme="light"] .membership-page .guided-cues b{color:#1c1b20!important}
html[data-app-theme="light"] .membership-page .guided-scale button,
html[data-app-theme="light"] .membership-page .guided-balance button,
html[data-app-theme="light"] .membership-page .guided-recovery button,
html[data-app-theme="light"] .membership-page .guided-versions button,
html[data-app-theme="light"] .membership-page .guided-feel{border-color:rgba(35,31,43,.14);background:rgba(255,255,255,.82);color:#242229}
html[data-app-theme="light"] .membership-page .guided-feedback{border-color:rgba(35,31,43,.12);background:rgba(255,255,255,.58)}
html[data-app-theme="light"] .membership-page .guided-options{border-top-color:rgba(35,31,43,.1)}

@media(max-width:390px){
  .membership-page .guided-demo{grid-template-columns:minmax(0,1fr) 98px;min-height:245px}
  .membership-page .guided-demo>img{height:245px}
  .membership-page .guided-cues{gap:17px;padding-right:10px}
  .membership-page .guided-test>h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){.membership-page .guided-test-progress>i b,.membership-page .guided-scale button{transition:none!important}}

/* GodsWork108.0: restore the static brand watermark on the Path hero. */
.membership-page .focus-card>.focus-art{display:none!important}
.membership-page .focus-card{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.membership-page .focus-card>.focus-watermark{display:block!important;position:absolute!important;z-index:0!important;pointer-events:none;right:-52px!important;top:50%!important;width:270px!important;height:360px!important;max-width:none!important;transform:translateY(-48%)!important;opacity:.11!important}
.membership-page .focus-card>.focus-watermark img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(1.35) contrast(1.08);mix-blend-mode:screen}
.membership-page .focus-card>*:not(.focus-watermark):not(.focus-art){position:relative!important;z-index:2!important;max-width:72%!important}
.membership-page .focus-card:after{animation:none!important;opacity:.22!important}
html[data-app-theme="light"] .membership-page .focus-card>.focus-watermark{opacity:.1!important}
html[data-app-theme="light"] .membership-page .focus-card>.focus-watermark img{filter:grayscale(1) brightness(.35) contrast(1.2);mix-blend-mode:multiply}
@media(max-width:390px){.membership-page .focus-card>.focus-watermark{right:-68px!important;width:245px!important;height:330px!important;opacity:.1!important}.membership-page .focus-card>*:not(.focus-watermark):not(.focus-art){max-width:76%!important}}

/* v99: one viewport contract—content never sits beneath either chrome layer. */
@media(max-width:699px){
  .membership-page .app-screen{
    scroll-padding-top:46px!important;
    scroll-padding-bottom:calc(176px + env(safe-area-inset-bottom))!important;
  }
  .membership-page .simple-screen,
  .membership-page .screen,
  .membership-page .stone-path,
  .membership-page .session-screen{
    padding-top:34px!important;
    padding-bottom:calc(188px + env(safe-area-inset-bottom))!important;
  }
  .membership-page .today-overview{
    padding-top:36px!important;
    padding-bottom:calc(230px + env(safe-area-inset-bottom))!important;
  }
  .membership-page .today-overview>.path-start{
    position:relative!important;
    z-index:2!important;
    margin-bottom:46px!important;
    scroll-margin-bottom:calc(160px + env(safe-area-inset-bottom))!important;
  }
  .membership-page .me-screen{
    padding-bottom:calc(230px + env(safe-area-inset-bottom))!important;
  }
  .membership-page .me-screen .support:last-child{
    margin-bottom:32px!important;
  }
}

/* The profile watermark should read as the brand mark, not disappear into the gradient. */
.membership-page .me-watermark{
  right:-18px!important;
  top:238px!important;
  width:255px!important;
  height:330px!important;
  opacity:.48!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.membership-page .me-watermark img{
  width:100%!important;
  height:auto!important;
  opacity:.22!important;
  filter:grayscale(1) invert(1) brightness(1.22) contrast(1.28) drop-shadow(0 0 22px rgba(141,114,255,.18))!important;
  mix-blend-mode:screen!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 82%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 82%,transparent 100%);
}
html[data-app-theme="light"] .membership-page .me-watermark{opacity:.32!important}
html[data-app-theme="light"] .membership-page .me-watermark img{
  opacity:.18!important;
  filter:grayscale(1) brightness(.42) contrast(1.38)!important;
  mix-blend-mode:multiply!important;
}

/* Continuous crossfade: one athlete is always visible while the next arrives. */
.membership-page .focus-card>.focus-art{
  animation-name:gw-integrated-art-continuous!important;
  animation-duration:24s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
}
.membership-page .focus-card:after{opacity:.46!important}
@keyframes gw-integrated-art-continuous{
  0%{opacity:0;transform:translate3d(10px,3px,0) scale(1.025);filter:contrast(1.03) brightness(.82) blur(1.5px)}
  5%{opacity:.9;transform:translate3d(3px,0,0) scale(1.012);filter:contrast(1.08) brightness(.93) blur(0)}
  24%{opacity:.9;transform:translate3d(-3px,-2px,0) scale(1.02);filter:contrast(1.09) brightness(.95) blur(0)}
  32%{opacity:0;transform:translate3d(-11px,-4px,0) scale(1.034);filter:contrast(1.03) brightness(.84) blur(1.5px)}
  100%{opacity:0;transform:translate3d(-13px,-5px,0) scale(1.038);filter:blur(2px)}
}

/* Coach screens follow the same protected-bottom rule. */
.coach-app{padding-bottom:calc(116px + var(--safe-bottom))!important}
.coach-screen{padding-bottom:calc(132px + var(--safe-bottom))!important}
@media(prefers-reduced-motion:reduce){
  .membership-page .focus-card>.focus-art{animation:none!important;opacity:0!important;transform:none!important;filter:none!important}
  .membership-page .focus-card>.focus-art:first-child{opacity:.9!important}
}