/* A uniform desktop stage; mobile cards follow their portrait and content. */
.refined.evolved .ways#ways { --ways-space: clamp(112px, 8vw, 152px); width: calc(100% - 48px); max-width: none; padding-block: var(--ways-space) 0; scroll-margin-top: calc(0px - var(--ways-space)); }
.refined.evolved .ways .section-head { display: flex; align-items: flex-end; justify-content: space-between; max-width: none; margin-bottom: 32px; padding-inline: 24px; gap: 32px; }
.refined.evolved #ways-title { font-size: clamp(56px, 5.8vw, 88px); line-height: 1; letter-spacing: -.04em; }
.refined.evolved .membership-scene { --scene-height: 720px; position: relative; isolation: isolate; height: var(--scene-height); overflow-anchor: none; }
/* Keep card layers below the detail overlay after reveal transforms are cleared. */
.refined.evolved .membership-grid { isolation: isolate; height: 100%; gap: 16px; margin: 0; padding: 0; }
.refined.evolved .membership-grid .feature { min-width: 0; scroll-margin-top: 0; }
.refined.evolved .membership-grid .feature-inner { border-radius: 16px; box-shadow: none; height: 560px; min-height: 0; aspect-ratio: auto; }
.refined.evolved .membership-grid .feature-inner img { transform: none; transition: none; }
/* Keep the original photograph visible while the decorative preview loads. */
.refined.evolved .membership-grid .feature-hover { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.refined.evolved .membership-grid .feature-inner .feature-hover-image { opacity: 0; transition: opacity .4s ease; }
.refined.evolved .membership-scene:not(.has-selection) .feature-inner:focus-visible .feature-hover-image { opacity: 1; }
.refined.evolved .membership-grid .feature-copy { z-index: 3; inset-inline: clamp(22px, 2.1vw, 38px); bottom: 24px; }
.refined.evolved .membership-grid .feature-tag { min-height: 18px; margin: 0 0 10px; font-size: 12px; line-height: 1.5; }
.refined.evolved .membership-grid .feature-name { min-height: 0; font-size: clamp(36px, 3.25vw, 56px); line-height: 1.05; letter-spacing: -.035em; }
.refined.evolved .membership-grid .feature-line { min-height: 44px; margin-top: 12px; font-size: 15px; line-height: 1.45; max-width: none; }
.refined.evolved .membership-grid .feature-coaching { display: block; color: var(--blue); font-weight: 700; }
.refined.evolved .membership-grid .feature-price { margin-top: 18px; }
.refined.evolved .membership-grid .feature-price strong { font-size: clamp(28px, 2.5vw, 40px); line-height: 1; }
.refined.evolved .membership-grid .feature-price small { display: inline; margin-left: 6px; font-size: 12px; }
.refined.evolved .feature-open { display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; min-height: 46px; margin-top: 20px; padding-top: 12px; border-top: 1px solid rgba(245,245,247,.35); background: none; box-shadow: none; border-radius: 0; font-size: 13px; line-height: 1.3; color: var(--text); transition: color .2s ease, border-color .2s ease; }
.refined.evolved .feature-open .ic { width: 18px; height: 18px; flex: none; transform: none; transition: none; }
.refined.evolved .membership-grid .is-gold .feature-open { background: none; }
.refined.evolved .membership-grid .feature-shade { z-index: 2; background: linear-gradient(0deg, rgba(4,9,12,.98), rgba(4,9,12,.78) 34%, rgba(4,9,12,.03) 78%); transition: opacity .2s ease; }
.refined.evolved .ways-footer { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 28px; padding: 22px 24px 0; }
.refined.evolved .ways-footer .text-link { display: inline-flex; align-items: center; justify-content: center; order: 0; min-height: 44px; margin: 0; font-size: 14px; }
.refined.evolved .ways-footer [data-membership-tour] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding-inline: 24px; border: 1px solid rgba(194,219,236,.42); border-radius: 999px; color: #e3f0f7; background: rgba(194,219,236,.08); font-size: 14px; font-weight: 600; text-decoration: none; }
.refined.evolved .recovery-option .circle { display: none; }
.refined.evolved .recovery-option { min-height: 80px; }
.refined.evolved .recovery-option[aria-pressed="true"] { padding-left: 0; }
.refined.evolved .comparison-arrow { display: none; }
.refined.evolved .comparison-name .col-name { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.refined.evolved .nav-blob, .refined.evolved .tab-blob { transition: transform .2s ease, width .2s ease, opacity .15s ease; }
.refined.evolved .tabbar .glass { background: linear-gradient(145deg, rgba(45,60,69,.9), rgba(13,25,32,.94)); }
.refined.evolved .tabbar .tab-tour { background: #c2dbec; color: #173b4d; }
.refined.evolved ::selection { background: #c2dbec; color: #102530; }
.refined.evolved .btn { min-height: 48px; padding-inline: 26px; letter-spacing: -.01em; box-shadow: none; transition: background-color .22s ease, color .22s ease, border-color .22s ease; }
.refined.evolved .btn-lg { min-height: 56px; padding-inline: 32px; }
.refined.evolved .btn:active { transform: none; }
@media (min-width: 1051px) {
  .refined.evolved .membership-scene { --scene-height: clamp(720px, calc(100svh - 210px), 820px); }
  .refined.evolved .membership-grid .feature, .refined.evolved .membership-grid .feature-inner { height: 100%; }
}
@media (max-width: 1050px) {
  .refined.evolved .ways .section-head { padding: 0; }
  .refined.evolved .membership-scene { --scene-height: 900px; }
  .refined.evolved .membership-grid { grid-template-rows: repeat(2, minmax(0,1fr)); }
  .refined.evolved .membership-grid .feature, .refined.evolved .membership-grid .feature-inner { height: 100%; }
  .refined.evolved .ways-footer { padding-inline: 0; }
}
@media (max-width: 760px) {
  .refined.evolved .ways#ways { --ways-space: 80px; width: calc(100% - 32px); }
  .refined.evolved .ways .section-head { align-items: flex-start; gap: 16px; margin-bottom: 28px; }
  .refined.evolved #ways-title { font-size: clamp(42px, 10vw, 66px); max-width: 14ch; }
  .refined.evolved .membership-scene { height: auto; }
  .refined.evolved .membership-grid { grid-template-columns: minmax(0,1fr); grid-template-rows: none; height: auto; gap: 20px; }
  .refined.evolved .membership-grid .feature { height: auto; }
  .refined.evolved .membership-grid .feature-inner { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 3 / 4; border-radius: 16px; }
  .refined.evolved .membership-grid .feature.is-selected > .feature-inner { display: none; }
  .refined.evolved .membership-grid .feature-copy { inset-inline: 22px; bottom: 22px; }
  .refined.evolved .membership-grid .feature-tag { min-height: 0; font-size: 12px; margin-bottom: 8px; }
  .refined.evolved .membership-grid .feature-name { font-size: clamp(44px, 12vw, 64px); }
  .refined.evolved .membership-grid .feature-line { min-height: 0; max-width: none; font-size: 15px; margin-top: 12px; }
  .refined.evolved .membership-grid .feature-price { margin-top: 18px; }
  .refined.evolved .membership-grid .feature-price strong { font-size: 32px; }
  .refined.evolved .membership-grid .feature-price small { display: inline; margin: 0 0 0 6px; font-size: 12px; }
  .refined.evolved .feature-open { margin-top: 18px; padding-top: 12px; min-height: 44px; font-size: 14px; gap: 8px; }
  .refined.evolved .feature-open .ic { width: 18px; height: 18px; }
  .refined.evolved .ways-footer { justify-content: space-between; gap: 8px 16px; padding-top: 20px; }
}
@media (hover: hover) and (pointer: fine) {
  .refined.evolved .membership-scene:not(.has-selection) .feature-inner:hover .feature-hover-image { opacity: 1; }
  .refined.evolved .membership-grid .feature-inner:hover { box-shadow: none; border-color: rgba(245,245,247,.7); }
  .refined.evolved .membership-grid .feature-inner:hover img { transform: none; }
  .refined.evolved .membership-grid .feature-inner:hover .feature-open { color: #c2dbec; border-color: #c2dbec; }
  .refined.evolved .membership-grid .is-gold .feature-inner:hover .feature-open { color: #e9c992; border-color: #e9c992; }
  .refined.evolved .membership-grid .feature-inner:hover .feature-open .ic { transform: none; }
  .refined.evolved .comparison-name:hover .col-name { text-decoration-color: currentColor; }
  .refined.evolved .btn-primary:hover { background: #c2dbec; color: #102530; box-shadow: none; }
  .refined.evolved .ways-footer [data-membership-tour]:hover { background: #c2dbec; color: #102530; border-color: #c2dbec; }
}
@media (prefers-reduced-motion: reduce) {
  .refined.evolved .membership-grid .feature-inner .feature-hover-image { transition: none; }
  .refined.evolved :is(.nav-blob, .tab-blob, .feature-shade, .feature-open, .btn, .choice-plans a) { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .refined.evolved .tabbar .glass { background: #182a34; }
}

.refined.evolved .membership-grid .feature-inner[aria-expanded="true"] .feature-open { background: none; }

/* A uniform stage. Selected photography stays portrait; details occupy the other columns. */
.refined.evolved .membership-detail {
  --detail-accent: #c2dbec;
  --detail-tint: 20,38,48;
  position: absolute; inset: 0; z-index: 2; isolation: isolate;
  display: block; min-width: 0; width: 100%; height: 100%; padding: 0;
  border: 0; outline: 1px solid rgba(224,237,244,.3); outline-offset: -1px; border-radius: 16px;
  background: linear-gradient(140deg, rgba(var(--detail-tint),.76), rgba(var(--detail-tint),.9)); color: #f5f5f7;
  -webkit-backdrop-filter: blur(24px) saturate(.9); backdrop-filter: blur(24px) saturate(.9);
  overflow: visible;
}
.refined.evolved .membership-detail[hidden] { display: none; }
.refined.evolved .membership-detail[data-plan="3"] { --detail-accent: #e9c992; --detail-tint: 31,37,31; outline-color: rgba(233,201,146,.5); background: linear-gradient(140deg, rgba(var(--detail-tint),.76), rgba(var(--detail-tint),.9)); }
.refined.evolved .detail-shell { position: relative; isolation: isolate; display: grid; grid-template-columns: var(--cover-width) minmax(0,1fr); grid-template-rows: 76px minmax(0,1fr); gap: 0 16px; height: 100%; min-width: 0; padding: 0; border: 0; background: none; }
.refined.evolved .detail-photo { display: block; position: relative; grid-column: 1; grid-row: 1 / 3; width: var(--cover-width); height: var(--cover-height); z-index: 0; overflow: hidden; border: 1px solid transparent; border-radius: var(--cover-radius); pointer-events: none; }
.refined.evolved .detail-photo::after { content: ''; position: absolute; inset: 0; z-index: 3; background: linear-gradient(180deg, rgba(4,14,19,.2), transparent 30%, rgba(4,14,19,.15)); }
.refined.evolved .membership-detail .detail-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: none; transition: none; }
.refined.evolved .detail-image:first-child { opacity: 1; }
.refined.evolved .detail-image:last-child { opacity: 0; }
.refined.evolved .detail-navigation { position: static; grid-column: 2; grid-row: 1; z-index: 2; display: flex; justify-content: flex-end; align-items: center; min-height: 44px; margin: 0; padding: 0 28px; border: 0; gap: 12px; }
.refined.evolved .detail-close,
.refined.evolved .detail-switcher button {
  display: inline-flex; justify-content: center; align-items: center;
  width: auto; height: auto; min-height: 44px; margin: 0; padding: 0 22px;
  border: 1px solid rgba(245,245,247,.3); border-radius: 999px;
  background: linear-gradient(140deg, rgba(54,73,82,.62), rgba(12,27,35,.58));
  -webkit-backdrop-filter: blur(20px) saturate(1.15); backdrop-filter: blur(20px) saturate(1.15);
  color: #f5f5f7; font-size: 14px; line-height: 1.2; font-weight: 400; white-space: nowrap;
  transition: background-color .22s ease, border-color .22s ease, color .22s ease;
}
.refined.evolved .detail-close { position: absolute; inset: 16px auto auto 16px; z-index: 3; gap: 5px; padding-inline: 12px 16px; font-size: 12px; }
.refined.evolved .detail-close .ic { width: 17px; height: 17px; }
.refined.evolved .detail-close .detail-close-icon { display: none; }
.refined.evolved .detail-switcher { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); width: min(100%, 520px); align-items: center; gap: 8px; }
.refined.evolved .detail-switcher button { position: relative; min-width: 0; }
.refined.evolved .detail-switcher button::after { display: none; }
.refined.evolved .detail-switcher button[aria-pressed="true"] { background: rgba(25,64,83,.84); border-color: #d4e8f5; color: #fff; font-weight: 700; }
.refined.evolved .membership-detail[data-plan="3"] .detail-switcher button[aria-pressed="true"] { background: rgba(75,56,27,.84); border-color: #e9c992; color: #fff0d5; }
.refined.evolved .detail-inner { grid-column: 2; grid-row: 2; position: relative; z-index: 1; display: flex; min-width: 0; min-height: 0; width: 100%; height: 100%; margin: 0; padding: 0; gap: 0; }
.refined.evolved .detail-content { display: flex; flex-direction: column; justify-content: flex-start; flex: 1; min-width: 0; min-height: 0; padding: 24px 28px; overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.refined.evolved .detail-summary { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 24px; flex-shrink: 0; }
.refined.evolved .detail-eyebrow { grid-column: 1; max-width: none; margin: 0 0 5px; color: var(--detail-accent); font-size: 12px; line-height: 1.3; }
.refined.evolved .detail-summary h3 { grid-column: 1; margin: 0; max-width: none; font-size: clamp(48px,4.5vw,72px); line-height: 1; letter-spacing: -.035em; color: #fff; }
.refined.evolved #detail-price { grid-column: 2; grid-row: 1 / 3; align-self: end; margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.refined.evolved #detail-price strong { font-size: clamp(30px,2.7vw,43px); line-height: 1; letter-spacing: -.035em; }
.refined.evolved #detail-price small { display: block; margin: 6px 0 0; color: #d1dce2; font-size: 12px; }
.refined.evolved .detail-benefits { flex: none; min-height: 0; overflow: visible; padding: 0; margin-top: 22px; border: 0; }
.refined.evolved .detail-benefits h4 { margin: 0; }
.refined.evolved .plan-highlights { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 0 0 22px; }
.refined.evolved .plan-highlight { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.refined.evolved .plan-highlight:only-child { grid-column: 1 / -1; }
.refined.evolved .plan-highlight dt { font-size: 14px; line-height: 1.4; color: #f5f5f7; }
.refined.evolved .plan-highlight dd { order: -1; margin: 0; font-size: clamp(24px,2.1vw,30px); font-weight: 700; line-height: 1.05; letter-spacing: -.03em; color: var(--detail-accent); }
.refined.evolved .plan-highlight dd > small { font-size: 13px; font-weight: 400; letter-spacing: 0; }
.refined.evolved .plan-highlight-period { display: inline; margin-left: 6px; font-size: 11px; font-weight: 400; color: #d1dce2; }
.refined.evolved .plan-inclusions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 18px 32px; margin: 0; }
.refined.evolved .plan-inclusion { min-width: 0; margin: 0; padding: 12px 0 0; border-top: 1px solid rgba(228,240,247,.23); }
.refined.evolved .plan-inclusion-title { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; font-size: 14px; font-weight: 700; line-height: 1.4; color: #f5f5f7; cursor: default; }
.refined.evolved .plan-inclusion summary::-webkit-details-marker { display: none; }
.refined.evolved .inclusion-chevron { display: none; width: 16px; height: 16px; flex: none; }
.refined.evolved .plan-inclusion-copy { display: grid; gap: 4px; margin: 8px 0 0; padding: 0; list-style: none; color: #d9e4ea; font-size: 14px; line-height: 1.45; }
.refined.evolved .plan-inclusion-copy li { margin: 0; }
.refined.evolved .plan-privileges { grid-column: 1 / -1; }
.refined.evolved .plan-privileges .plan-inclusion-copy { grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 24px; }
.refined.evolved .membership-detail :is(button,a,summary):focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (min-width: 1600px) {
  .refined.evolved .detail-content { padding: 28px 36px; }
  .refined.evolved .detail-navigation { padding-inline: 36px; }
  .refined.evolved .plan-inclusion-copy { font-size: 16px; }
  .refined.evolved .plan-inclusion-title { font-size: 16px; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  .refined.evolved .detail-shell { display: flex; flex-direction: column; gap: 0; }
  .refined.evolved .detail-photo { position: absolute; inset: 0 auto auto 0; -webkit-mask-image: linear-gradient(#000 35%, transparent 100%); mask-image: linear-gradient(#000 35%, transparent 100%); }
  .refined.evolved .detail-navigation { min-height: 76px; }
  .refined.evolved .detail-inner { flex: 1; height: auto; margin-top: 112px; }
  .refined.evolved .detail-content { padding: 24px; }
  .refined.evolved .detail-navigation { padding-inline: 24px; }
  .refined.evolved .plan-inclusions { gap: 24px; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  .refined.evolved .detail-photo::after { background: linear-gradient(180deg, transparent 80px, rgba(var(--detail-tint),.85) 220px, rgb(var(--detail-tint))); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -webkit-mask-image: linear-gradient(180deg, transparent 110px, #000 200px); mask-image: linear-gradient(180deg, transparent 110px, #000 200px); }
}
@media (max-width: 760px) {
  /* The selected card stays in the one-column list, with one full-bleed glass surface. */
  .refined.evolved .membership-detail {
    position: relative; inset: auto; display: block;
    width: 100%; height: auto; min-height: var(--cover-height); aspect-ratio: auto;
    padding: 0; border-radius: 16px; overflow: clip; scroll-margin-top: 0;
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  .refined.evolved .membership-detail[hidden] { display: none; }
  .refined.evolved .detail-shell { display: flow-root; flex: none; height: auto; min-height: var(--cover-height); gap: 0; }
  .refined.evolved .detail-photo { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: inherit; -webkit-mask-image: none; mask-image: none; }
  .refined.evolved .detail-photo::after {
    background: linear-gradient(155deg, rgba(var(--detail-tint),.57), rgba(var(--detail-tint),.71));
    -webkit-backdrop-filter: blur(6px) saturate(.9); backdrop-filter: blur(6px) saturate(.9);
    -webkit-mask-image: none; mask-image: none;
  }
  .refined.evolved .detail-navigation { position: relative; display: flex; align-items: flex-start; justify-content: flex-end; min-height: 44px; gap: 0; margin: 14px 18px 0; padding: 0; }
  .refined.evolved .detail-close { position: static; width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 50%; }
  .refined.evolved .detail-close :is(.detail-back-icon, span) { display: none; }
  .refined.evolved .detail-close .detail-close-icon { display: block; width: 18px; height: 18px; }
  .refined.evolved .detail-switcher { display: none; }
  .refined.evolved .detail-inner { flex: none; width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; }
  .refined.evolved .detail-content { flex: none; width: 100%; padding: 24px 22px 26px; }
  .refined.evolved .detail-summary { gap: 0 12px; }
  .refined.evolved .detail-summary h3 { font-size: clamp(38px, 10.2vw, 56px); }
  .refined.evolved .detail-eyebrow { font-size: 12px; margin-bottom: 7px; }
  .refined.evolved #detail-price strong { font-size: 28px; }
  .refined.evolved #detail-price small { font-size: 12px; }
  .refined.evolved .detail-benefits { margin-top: 24px; }
  .refined.evolved .plan-highlights { gap: 16px; margin-bottom: 22px; }
  .refined.evolved .plan-highlight dd { font-size: 24px; }
  .refined.evolved .plan-highlight dd > small { font-size: 12px; }
  .refined.evolved .plan-highlight dt { font-size: 14px; }
  .refined.evolved .plan-highlight-period { display: block; margin: 3px 0 0; font-size: 12px; }
  .refined.evolved .plan-inclusions { display: block; }
  .refined.evolved .plan-inclusion { padding: 0; }
  .refined.evolved .plan-inclusion summary { cursor: pointer; min-height: 48px; padding-block: 10px; font-size: 14px; }
  .refined.evolved .inclusion-chevron { display: block; }
  .refined.evolved .plan-inclusion[open] .inclusion-chevron { transform: rotate(180deg); }
  .refined.evolved .plan-inclusion-copy, .refined.evolved .plan-privileges .plan-inclusion-copy { grid-template-columns: 1fr; gap: 8px; margin: 0; padding: 0 0 14px 18px; list-style: disc outside; font-size: 14px; line-height: 1.5; }
  .refined.evolved .plan-inclusion-copy li::marker { font-size: .75em; color: rgba(245,245,247,.72); }
}
@media (max-width: 359px) {
  .refined.evolved .membership-grid .feature-copy { inset-inline: 18px; bottom: 18px; }
  .refined.evolved .detail-navigation { margin-inline: 14px; }
  .refined.evolved .detail-content { padding: 22px 18px 24px; }
  .refined.evolved .detail-summary { gap: 0 8px; }
  .refined.evolved .detail-summary h3 { font-size: 36px; }
  .refined.evolved #detail-price strong { font-size: 25px; }
  .refined.evolved .plan-highlight dd { font-size: 23px; }
}
@media (hover: hover) and (pointer: fine) {
  .refined.evolved .detail-switcher button:hover, .refined.evolved .detail-close:hover { background-color: rgba(194,219,236,.25); border-color: #e2f1fa; }
}
@media (prefers-reduced-motion: reduce) {
  .refined.evolved :is(.detail-switcher button,.detail-close) { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .refined.evolved .membership-detail, .refined.evolved :is(.detail-switcher button,.detail-close) { background: #192c36; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .refined.evolved .membership-detail[data-plan="3"] { background: #272d24; }
  .refined.evolved .detail-photo::after { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .refined.evolved .detail-switcher button[aria-pressed="true"] { background: #365566; }
}

@media (max-width: 760px) and (prefers-reduced-transparency: reduce) {
  .refined.evolved .detail-photo::after { background: rgba(var(--detail-tint),.94); -webkit-mask-image: none; mask-image: none; }
}