/* Final material palette: photography, smoked glass, ivory and a quiet champagne accent.
   This layer changes colour and surface treatment without changing section geometry. */
body.refined.evolved {
  --blue: #eeeae3;
  --gold: #cbbfa9;
  --text-2: rgba(241, 239, 234, .72);
  --text-3: rgba(241, 239, 234, .5);
  --control-accent: 238, 234, 227;
  --control-stroke: rgba(255, 255, 255, .2);
  --control-surface: linear-gradient(155deg, rgba(56, 57, 57, .48), rgba(17, 18, 19, .56));
  --control-highlight: inset 0 1px 0 rgba(255, 255, 255, .1);
  --control-blur: blur(18px) saturate(.75);
  --glass-bg: var(--control-surface);
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .04);
  --glass-drop: 0 12px 32px rgba(0, 0, 0, .16);
}

body.refined.evolved ::selection {
  background: #eeeae3;
  color: #151617;
}

body.refined.evolved .glass {
  background: var(--control-surface);
  -webkit-backdrop-filter: var(--control-blur);
  backdrop-filter: var(--control-blur);
}

body.refined.evolved :is(.nav-blob, .tab-blob) {
  background: rgba(255, 255, 255, .12);
}

body.refined.evolved :is(.btn-glass, .detail-close, .detail-switcher button, .ways-footer [data-membership-tour]) {
  color: #f2f0eb;
  border-color: var(--control-stroke);
  background: var(--control-surface);
}

body.refined.evolved .detail-switcher button[aria-pressed="true"],
body.refined.evolved .membership-detail[data-plan="3"] .detail-switcher button[aria-pressed="true"] {
  color: #fff;
  border-color: rgba(244, 241, 234, .55);
  background: linear-gradient(155deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .065));
  box-shadow: var(--control-highlight);
}

body.refined.evolved .membership-detail[data-plan="3"] .detail-switcher button[aria-pressed="true"] {
  border-color: rgba(203, 191, 169, .55);
}

body.refined.evolved .choice-plans a {
  color: #eeeae3;
  text-decoration-color: rgba(238, 234, 227, .38);
}

body.refined.evolved .choice-plans a[href="#membership-gold"] {
  --control-accent: 203, 191, 169;
  color: var(--gold);
  text-decoration-color: rgba(203, 191, 169, .4);
}

body.refined.evolved .membership-grid .is-gold .feature-inner {
  border-color: rgba(203, 191, 169, .34);
}

body.refined.evolved .membership-grid .is-gold .feature-tag {
  color: var(--gold);
}

body.refined.evolved .membership-grid .is-gold .feature-name {
  color: #f5f5f7;
}

/* One glass plane covers the original cards; the selected portrait stays sharp. */
body.refined.evolved .membership-detail {
  --detail-accent: #eeeae3;
  --detail-tint: 18, 19, 20;
  outline-color: rgba(255, 255, 255, .22);
  background: linear-gradient(145deg, rgba(var(--detail-tint), .68), rgba(var(--detail-tint), .78));
  -webkit-backdrop-filter: blur(20px) saturate(.75);
  backdrop-filter: blur(20px) saturate(.75);
}

body.refined.evolved .membership-detail[data-plan="3"] {
  --detail-accent: #cbbfa9;
  --detail-tint: 18, 19, 20;
  outline-color: rgba(203, 191, 169, .34);
  background: linear-gradient(145deg, rgba(var(--detail-tint), .68), rgba(var(--detail-tint), .78));
}

body.refined.evolved .detail-photo::after {
  background: linear-gradient(180deg, rgba(6, 7, 8, .16), transparent 30%, rgba(6, 7, 8, .12));
}

body.refined.evolved .membership-detail[data-plan="3"] :is(.detail-eyebrow, #detail-list .ic) {
  color: var(--gold);
}

body.refined.evolved :is(.plan-inclusion-copy, .plan-highlight-period, #detail-price small) {
  color: #d9d8d4;
}

body.refined.evolved .plan-inclusion {
  border-top-color: rgba(245, 243, 239, .2);
}

/* Opaque charcoal headers keep scrolling rows fully masked. */
body.refined.evolved .compare {
  --comparison-ink: #f5f4f0;
  --comparison-muted: #b7b8b5;
  --comparison-rule: #303234;
}

body.refined.evolved .table-wrap {
  background: #141516;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .11);
}

body.refined.evolved .matrix thead th {
  background: #1b1c1d;
}

body.refined.evolved .matrix thead th.c2 {
  background: #202224;
}

body.refined.evolved .matrix thead th:last-child {
  background: #22211f;
}

body.refined.evolved .c2 .comparison-plan .col-eyebrow {
  color: #d6d6d1;
}

body.refined.evolved .c3 .comparison-plan .col-eyebrow {
  color: var(--gold);
}

body.refined.evolved .matrix .comparison-name .col-name {
  color: inherit;
}

body.refined.evolved .comparison-name[aria-expanded="true"] {
  color: #eeeae3;
}

body.refined.evolved .c3 .comparison-name[aria-expanded="true"] {
  color: var(--gold);
}

body.refined.evolved .comparison-name:focus-visible {
  outline-color: #eeeae3;
}

body.refined.evolved .matrix tbody td.c2 {
  background: #1a1c1d;
}

body.refined.evolved .matrix tbody td.c3 {
  background: #1d1c1a;
}

body.refined.evolved .matrix .yes,
body.refined.evolved .matrix :is(.c2, .c3) .yes {
  width: 25px;
  height: 25px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .055);
}

body.refined.evolved .matrix .yes .ic {
  width: 18px;
  height: 18px;
  color: #eeeae3;
}

body.refined.evolved .matrix .c3 .yes .ic {
  color: var(--gold);
}

body.refined.evolved .matrix .no {
  background: #828583;
}

body.refined.evolved .matrix .cell-value {
  color: #eeeae3;
}

body.refined.evolved .matrix .c3 .cell-value {
  color: var(--gold);
}

@media (hover: hover) and (pointer: fine) {
  body.refined.evolved :is(.btn-glass, .detail-close, .detail-switcher button, .ways-footer [data-membership-tour]):hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .38);
    background: linear-gradient(155deg, rgba(73, 74, 74, .54), rgba(24, 25, 26, .58));
  }

  body.refined.evolved .detail-switcher button[aria-pressed="true"]:hover {
    background: linear-gradient(155deg, rgba(255, 255, 255, .19), rgba(255, 255, 255, .09));
  }

  body.refined.evolved .membership-detail[data-plan="3"] .detail-switcher button[aria-pressed="true"]:hover {
    border-color: rgba(203, 191, 169, .72);
  }

  body.refined.evolved .membership-grid .feature-inner:hover .feature-open,
  body.refined.evolved .comparison-name:hover {
    color: #eeeae3;
    border-color: rgba(238, 234, 227, .68);
  }

  body.refined.evolved .membership-grid .is-gold .feature-inner:hover {
    border-color: rgba(203, 191, 169, .6);
  }

  body.refined.evolved .membership-grid .is-gold .feature-inner:hover .feature-open,
  body.refined.evolved .c3 .comparison-name:hover {
    color: var(--gold);
    border-color: rgba(203, 191, 169, .62);
  }

  body.refined.evolved .matrix tbody tr.row:hover > * {
    background: #202224;
  }

  body.refined.evolved .matrix tbody tr.row:hover > .c2 {
    background: #27292b;
  }

  body.refined.evolved .matrix tbody tr.row:hover > .c3 {
    background: #292825;
  }
}

@media (min-width: 761px) and (max-width: 1050px) {
  body.refined.evolved .detail-photo::after {
    background: linear-gradient(180deg, transparent 80px, rgba(var(--detail-tint), .8) 220px, rgb(var(--detail-tint)));
  }
}

@media (max-width: 760px) {
  /* The full-height portrait supplies the only visible mobile card surface. */
  body.refined.evolved .membership-detail,
  body.refined.evolved .membership-detail[data-plan="3"] {
    background: #121314;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body.refined.evolved .detail-photo::after {
    background: linear-gradient(155deg, rgba(var(--detail-tint), .68), rgba(var(--detail-tint), .78));
    -webkit-backdrop-filter: blur(6px) saturate(.75);
    backdrop-filter: blur(6px) saturate(.75);
  }

  body.refined.evolved .choice-plans a {
    --control-accent: 238, 234, 227;
  }

  body.refined.evolved .choice-plans a[href="#membership-gold"] {
    --control-accent: 203, 191, 169;
  }

  body.refined.evolved .choice-plans a::before {
    background: var(--control-surface);
  }

  body.refined.evolved .tabbar .tab-tour {
    color: #171819;
    background: #eeeae3;
  }

  body.refined.evolved .tabs a {
    color: #c4c4c0;
  }

  body.refined.evolved .matrix .comparison-name .col-name {
    text-decoration-color: rgba(238, 234, 227, .42);
  }

  /* A feature is one continuous row, with no four coloured patches beneath it. */
  body.refined.evolved .matrix tbody tr.row {
    background: #141516;
  }

  body.refined.evolved .matrix tbody tr.row > :is(th, td, td.c2, td.c3) {
    background: transparent;
    border-radius: 0;
  }

  body.refined.evolved .matrix tbody tr.row:last-child {
    border-radius: 0 0 18px 18px;
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.refined.evolved {
    --control-surface: #242526;
    --control-blur: none;
  }

  body.refined.evolved :is(.glass, .pill-nav, .tabbar .tabs, .btn-glass, .top-actions .circle, .detail-close, .detail-switcher button, .ways-footer [data-membership-tour], .choice-plans a::before) {
    background: #242526;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body.refined.evolved .membership-detail,
  body.refined.evolved .membership-detail[data-plan="3"] {
    background: #1b1c1d;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body.refined.evolved .detail-switcher button[aria-pressed="true"],
  body.refined.evolved .membership-detail[data-plan="3"] .detail-switcher button[aria-pressed="true"] {
    background: #3a3b3c;
  }
}

@media (max-width: 760px) and (prefers-reduced-transparency: reduce) {
  body.refined.evolved .detail-photo::after {
    background: rgba(18, 19, 20, .96);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}