/* Intimita Narovinu approved accent #FF634D. Layout/media unchanged. */
:root{--brand-pink:#ff634d;--brand-pink-rgb:255 99 77;--brand-on-pink:#151515}
:root {
  color-scheme: dark;
  --black: #050505;
  --ink: #f7f3f5;
  --muted: #a2a2a2;
  --line: #282828;
  --paper: #090709;
  --white: #ffffff;
  --coral: var(--brand-pink);
  --coral-dark: var(--brand-pink);
  --blue: var(--brand-pink);
  --orange: #f28b20;
  --green: #2f8f6b;
  --mint: #5ad8ad;
  --surface: #111014;
  --surface-2: #181218;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.48);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.legacy-migration-page {
  width: min(1180px, calc(100% - 40px));
  margin: 36px auto 90px;
}

.legacy-migration-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(42px, 7vw, 84px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 42px;
  background:
    radial-gradient(circle at 88% 12%, rgb(var(--brand-pink-rgb) / 0.24), transparent 34%),
    linear-gradient(135deg, #171316, #0d0b0e 65%);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
}

.legacy-migration-brand-shift {
  display: flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
  margin-bottom: 38px;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  color: #bdb6bc;
  font-weight: 850;
  letter-spacing: 0.06em;
}

.legacy-migration-brand-shift strong {
  color: var(--brand-pink);
}

.legacy-migration-hero h1 {
  max-width: 900px;
  margin: 10px 0 24px;
  font-size: clamp(3rem, 7vw, 6.8rem);
  line-height: 0.94;
  letter-spacing: -0.065em;
}

.legacy-migration-lead {
  max-width: 820px;
  margin: 0;
  color: #c5bec3;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  line-height: 1.65;
}

.legacy-migration-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.legacy-migration-benefits span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 15px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.065);
  color: #f4eef2;
  font-weight: 750;
}

.legacy-migration-benefits svg {
  color: var(--brand-pink);
}

.legacy-migration-flow {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap: 28px;
  align-items: start;
  margin-top: 28px;
}

.legacy-migration-explanation,
.legacy-migration-card,
.legacy-migration-help {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  background: #171417;
}

.legacy-migration-explanation {
  padding: clamp(30px, 5vw, 56px);
}

.legacy-migration-explanation h2,
.legacy-migration-card h2 {
  margin: 10px 0 16px;
  font-size: clamp(2rem, 4vw, 3.3rem);
  letter-spacing: -0.045em;
}

.legacy-migration-explanation > p,
.legacy-migration-card > p {
  color: #bdb5bb;
  font-size: 1.08rem;
  line-height: 1.7;
}

.legacy-migration-explanation ol {
  display: grid;
  gap: 15px;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}

.legacy-migration-explanation li {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 15px;
  align-items: center;
  padding: 16px;
  border-radius: 18px;
  background: #0d0b0e;
}

.legacy-migration-explanation li > span {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font-weight: 900;
}

.legacy-migration-explanation li div {
  display: grid;
  gap: 4px;
}

.legacy-migration-explanation li small {
  color: #9e969c;
  line-height: 1.45;
}

.legacy-migration-card {
  position: sticky;
  top: 28px;
  padding: clamp(28px, 4vw, 44px);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3);
}

.legacy-migration-icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 18px;
  background: rgb(var(--brand-pink-rgb) / 0.13);
  color: var(--brand-pink);
}

.legacy-migration-icon.is-success {
  background: rgba(91, 223, 177, 0.13);
  color: #5bdfb1;
}

.legacy-migration-form {
  display: grid;
  gap: 16px;
  margin-top: 25px;
}

.legacy-migration-form label {
  display: grid;
  gap: 8px;
  color: #f3edf1;
  font-weight: 800;
}

.legacy-migration-form input {
  width: 100%;
  padding: 15px 16px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 14px;
  background: #0c0a0d;
  color: white;
  font: inherit;
}

.legacy-migration-form input:focus {
  outline: 2px solid rgb(var(--brand-pink-rgb) / 0.45);
  outline-offset: 2px;
}

.legacy-migration-form .primary-button,
.legacy-migration-card > .primary-button {
  width: 100%;
  justify-content: center;
}

.legacy-migration-notice {
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
}

.legacy-migration-notice.is-error {
  background: rgba(255, 95, 101, 0.12);
  color: #ffb4b7;
}

.legacy-already-reset {
  display: block;
  margin-top: 18px;
  color: #c8c0c5;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.legacy-migration-help {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
  align-items: center;
  margin-top: 28px;
  padding: 24px 28px;
}

.legacy-migration-help p {
  margin: 0;
  color: #aca4aa;
}

.legacy-migration-help a {
  color: var(--brand-pink);
  font-weight: 850;
}

@media (max-width: 800px) {
  .legacy-migration-page {
    width: min(100% - 24px, 1180px);
    margin-top: 18px;
  }

  .legacy-migration-hero {
    padding: 32px 22px;
    border-radius: 28px;
  }

  .legacy-migration-brand-shift {
    gap: 9px;
    margin-bottom: 28px;
    padding: 10px 12px;
    font-size: 0.78rem;
  }

  .legacy-migration-hero h1 {
    font-size: clamp(2.7rem, 14vw, 4.4rem);
  }

  .legacy-migration-benefits {
    display: grid;
  }

  .legacy-migration-flow {
    grid-template-columns: 1fr;
  }

  .legacy-migration-card {
    position: static;
  }

  .legacy-migration-help {
    grid-template-columns: 1fr;
    gap: 9px;
  }
}

.admin-auth-page {
  min-height: calc(100vh - 170px);
  display: grid;
  place-items: center;
  padding: clamp(28px, 6vw, 88px) 20px;
}

.admin-auth-card {
  width: min(100%, 590px);
  display: grid;
  gap: 24px;
  padding: clamp(28px, 5vw, 56px);
  border: 1px solid rgba(255, 79, 142, 0.32);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 55, 128, 0.12), transparent 52%),
    #1d1b1e;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.32);
}

.admin-auth-card.is-checking {
  justify-items: center;
  text-align: center;
}

.admin-auth-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: #ff5f9b;
  border: 1px solid rgba(255, 95, 155, 0.42);
  border-radius: 50%;
  background: rgba(255, 69, 137, 0.1);
}

.admin-auth-card h1 {
  margin: 0;
  max-width: 11ch;
  font-size: clamp(2.2rem, 6vw, 4rem);
  line-height: 1;
}

/* Tvoje knihovna používá střídmější titulky než interní administrace. */
.member-login-card h1 {
  max-width: 13ch;
  font-size: clamp(1.6rem, 4.2vw, 2.8rem);
  line-height: 1.08;
}

.password-checklist {
  display: grid;
  gap: 7px;
  margin: -2px 0 4px;
  padding: 0;
  color: var(--muted);
  font-size: .84rem;
  list-style: none;
}

.password-checklist li {
  align-items: center;
  display: flex;
  gap: 8px;
}

.password-checklist svg { color: #7e7e7e; }
.password-checklist .is-complete { color: var(--brand-pink); }
.password-checklist .is-complete svg { color: var(--brand-pink); }

.admin-ratings-panel .admin-panel-head > div > p:last-child {
  color: var(--muted);
  font-size: .95rem;
  margin: 8px 0 0;
}

.admin-ratings-table .admin-table-row {
  align-items: center;
  grid-template-columns: minmax(180px, 1fr) 180px 150px;
}

.admin-rating-stars {
  align-items: center;
  color: #ff609b;
  display: inline-flex;
  gap: 3px;
}

.admin-rating-stars b { color: var(--text); margin-left: 8px; }

.admin-testimonials-panel .admin-panel-head > div > p:last-child {
  color: var(--muted);
  font-size: .95rem;
  margin: 8px 0 0;
}

.admin-testimonials-list { display: grid; gap: 14px; }

.admin-testimonial-card {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px;
  padding: 18px;
}

.admin-testimonial-card.has-withdrawal-alert {
  border-color: rgba(255, 107, 127, .62);
  box-shadow: inset 4px 0 0 #ff6b7f;
}

.admin-testimonial-withdrawal-alert {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  padding: 15px 17px;
  border: 1px solid rgba(255, 107, 127, .55);
  border-radius: 14px;
  color: #ffd6dd;
  background: rgba(180, 39, 67, .14);
}

.admin-testimonial-withdrawal-alert svg { flex: 0 0 auto; color: #ff8093; }
.admin-testimonial-withdrawal-alert p { margin: 5px 0 0; color: rgba(255, 230, 235, .72); line-height: 1.5; }

.admin-testimonial-head {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.admin-testimonial-head strong { display: block; font-size: 1.1rem; }
.admin-testimonial-head small { color: var(--muted); display: block; margin-top: 4px; }

.admin-status-pill {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: var(--muted);
  font-size: .78rem;
  padding: 6px 10px;
  white-space: nowrap;
}

.admin-status-pill.is-positive { border-color: rgba(93,219,171,.52); color: #7be0bd; }
.admin-status-pill.is-danger { border-color: rgba(255,107,127,.58); color: #ff9cac; }
.admin-testimonial-review { line-height: 1.65; margin: 16px 0; white-space: pre-wrap; }
.admin-testimonial-statuses { display: flex; flex-wrap: wrap; gap: 14px 22px; }
.admin-testimonial-statuses span { align-items: center; display: inline-flex; font-size: .9rem; gap: 7px; }
.admin-testimonial-statuses .is-positive { color: #7be0bd; }
.admin-testimonial-statuses .is-reviewed { color: var(--coral); }
.admin-testimonial-statuses .is-muted { color: var(--muted); }
.admin-testimonial-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.admin-testimonial-actions .admin-testimonial-reject { border-color: rgba(255, 92, 133, .42); color: #ff9cac; }

@media (max-width: 720px) {
  .admin-ratings-table .admin-table-row { grid-template-columns: 1fr; gap: 9px; }
  .admin-testimonial-head { align-items: flex-start; flex-direction: column; }
}

.admin-auth-card > p {
  margin: 0;
  color: #bfb7bd;
  font-size: 1.05rem;
  line-height: 1.65;
}

.admin-auth-form {
  display: grid;
  gap: 18px;
}

.admin-auth-form label {
  display: grid;
  gap: 8px;
  color: #f7f1f4;
  font-weight: 750;
}

.admin-auth-form input {
  width: 100%;
  min-height: 52px;
  padding: 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  outline: none;
  color: #fff;
  background: rgba(6, 5, 7, 0.62);
  font: inherit;
}

.admin-auth-form input:focus {
  border-color: rgba(255, 95, 155, 0.8);
  box-shadow: 0 0 0 3px rgba(255, 95, 155, 0.12);
}

.admin-auth-form .primary-button {
  width: 100%;
  justify-content: center;
}

.admin-auth-error {
  margin: -4px 0 0;
  padding: 12px 14px;
  color: #ffd3df;
  border-left: 3px solid #ff5f80;
  background: rgba(255, 69, 105, 0.1);
}

.admin-auth-security {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #8f888d;
  font-size: 0.9rem;
  line-height: 1.45;
}

.admin-auth-security svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: #59dab0;
}

.admin-auth-spinner {
  animation: admin-auth-spin 0.9s linear infinite;
}

@keyframes admin-auth-spin {
  to {
    transform: rotate(360deg);
  }
}

.admin-commerce-withdrawal-section {
  margin-top: 22px;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 20px;
  background: rgba(18, 14, 16, .86);
}

.admin-commerce-withdrawal-section.has-request {
  border-color: rgba(255, 109, 157, .52);
  background: linear-gradient(145deg, rgba(60, 25, 39, .6), rgba(18, 14, 16, .94));
}

.admin-commerce-withdrawal-section .admin-commerce-detail-card-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: .88rem;
}

.admin-commerce-withdrawal-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  color: #8fdcbe;
}

.admin-commerce-withdrawal-request {
  margin-top: 22px;
}

.admin-commerce-withdrawal-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.admin-commerce-withdrawal-status-row span,
.admin-commerce-withdrawal-reason span {
  display: block;
  color: var(--muted);
  font-size: .78rem;
}

.admin-commerce-withdrawal-status-row strong {
  display: block;
  margin-top: 5px;
}

.admin-commerce-withdrawal-status {
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  padding: 8px 12px;
  color: #fff;
  font-style: normal;
  font-size: .78rem;
  font-weight: 800;
}

.admin-commerce-withdrawal-status.is-submitted,
.admin-commerce-withdrawal-status.is-reviewing {
  border-color: rgba(255, 183, 77, .5);
  color: #ffd08a;
}

.admin-commerce-withdrawal-status.is-approved,
.admin-commerce-withdrawal-status.is-refunded {
  border-color: rgba(100, 221, 178, .5);
  color: #91e6c5;
}

.admin-commerce-withdrawal-status.is-rejected,
.admin-commerce-withdrawal-status.is-cancelled {
  color: #c4b8bd;
}

.admin-commerce-withdrawal-evidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.admin-commerce-withdrawal-evidence > div {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  background: rgba(0, 0, 0, .2);
}

.admin-commerce-withdrawal-evidence span,
.admin-commerce-withdrawal-evidence strong {
  display: block;
}

.admin-commerce-withdrawal-evidence span {
  margin-bottom: 6px;
  color: var(--muted);
  font-size: .73rem;
}

.admin-commerce-withdrawal-evidence strong {
  overflow-wrap: anywhere;
  font-size: .86rem;
}

.admin-commerce-withdrawal-reason {
  margin-top: 16px;
  padding: 15px;
  border-left: 3px solid var(--pink);
  background: rgba(255, 255, 255, .04);
}

.admin-commerce-withdrawal-reason p {
  margin: 7px 0 0;
  line-height: 1.55;
}

.admin-commerce-withdrawal-note {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
}

.admin-commerce-withdrawal-note textarea {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(0, 0, 0, .28);
  color: #fff;
  font: inherit;
}

.admin-commerce-withdrawal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.admin-commerce-withdrawal-actions .ghost-button,
.admin-commerce-withdrawal-actions .primary-button {
  min-height: 42px;
  padding: 10px 14px;
  font-size: .8rem;
}

.admin-commerce-withdrawal-actions > span,
.admin-commerce-withdrawal-warning {
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.5;
}

.admin-commerce-withdrawal-warning {
  margin: 12px 0 0;
}

@media (max-width: 640px) {
  .admin-commerce-withdrawal-evidence {
    grid-template-columns: 1fr;
  }

  .admin-commerce-withdrawal-status-row {
    align-items: flex-start;
    flex-direction: column;
  }
}

.admin-session-bar {
  width: min(1440px, calc(100% - 40px));
  margin: 18px auto 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  color: #a49da2;
  font-size: 0.88rem;
}

.admin-session-bar strong {
  color: #fff;
}

.admin-session-bar button {
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  color: #fff;
  background: transparent;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.admin-session-bar button:hover {
  border-color: rgba(255, 95, 155, 0.65);
  color: #ff7dac;
}

@media (max-width: 640px) {
  .admin-session-bar {
    width: min(100% - 30px, 1440px);
    justify-content: space-between;
  }

  .admin-session-bar span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

}

.age-gate {
  position: relative;
  display: grid;
  min-height: 100dvh;
  place-items: center;
  overflow: hidden;
  padding: clamp(22px, 5vw, 64px);
  background:
    linear-gradient(90deg, rgb(27 27 27 / 0.76), rgba(8, 6, 8, 0.88) 48%, rgb(var(--brand-pink-rgb) / 0.04)),
    #050505;
  color: var(--ink);
}

.age-gate::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 72px 72px;
  content: "";
  pointer-events: none;
}

.age-gate-panel {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%, 780px);
  min-width: 0;
  box-sizing: border-box;
  gap: 30px;
  padding: clamp(30px, 6vw, 64px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 8px;
  background: rgba(17, 16, 20, 0.96);
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.62);
}

.age-gate-panel > *,
.age-gate-copy,
.age-gate-actions {
  min-width: 0;
}

.age-gate-logo {
  width: min(100%, 270px);
  height: auto;
}

.age-gate-copy {
  display: grid;
  gap: 16px;
}

.age-gate-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--brand-pink);
  font-size: 0.86rem;
  font-weight: 900;
  text-transform: uppercase;
}

.age-gate-copy h1 {
  max-width: 640px;
  margin: 0;
  overflow-wrap: anywhere;
  font-size: clamp(2.35rem, 6vw, 4.75rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.age-gate-copy p {
  max-width: 650px;
  margin: 0;
  color: #c1c1c1;
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
}

.age-gate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.age-gate-confirm,
.age-gate-decline,
.age-gate-leave {
  display: inline-flex;
  box-sizing: border-box;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  border-radius: 6px;
  font: inherit;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.age-gate-confirm {
  border: 1px solid transparent;
  background: var(--brand-pink);
  box-shadow: 0 18px 46px rgb(var(--brand-pink-rgb) / 0.23);
  color: var(--brand-on-pink) !important;
}

.age-gate-decline,
.age-gate-leave {
  border: 1px solid rgba(255, 255, 255, 0.17);
  background: rgba(255, 255, 255, 0.055);
  color: #eee8eb;
}

.age-gate-confirm:hover,
.age-gate-confirm:focus-visible,
.age-gate-decline:hover,
.age-gate-decline:focus-visible,
.age-gate-leave:hover,
.age-gate-leave:focus-visible {
  border-color: rgba(255, 255, 255, 0.55);
  transform: translateY(-1px);
}

.age-gate-note {
  max-width: 620px;
  margin: -8px 0 0;
  color: #888888;
  font-size: 0.8rem;
  line-height: 1.5;
}

.age-gate-blocked .age-gate-panel {
  width: min(100%, 700px);
}

.age-gate-blocked .age-gate-copy h1 {
  font-size: clamp(2.15rem, 5vw, 4rem);
  line-height: 1.04;
}

@media (max-width: 620px) {
  .age-gate {
    align-items: center;
    padding: 16px;
  }

  .age-gate-panel {
    width: 100%;
    gap: 24px;
    padding: 26px 22px;
  }

  .age-gate-logo {
    width: 210px;
  }

  .age-gate-copy h1 {
    font-size: clamp(2rem, 11vw, 2.65rem);
  }

  .age-gate-actions {
    display: grid;
  }

  .age-gate-confirm,
  .age-gate-decline,
  .age-gate-leave {
    width: 100%;
    min-height: 56px;
    padding: 12px 18px;
  }
}

/* Member library and product workspaces */
.member-library-section,
.member-recommendation-strip,
.member-content-section,
.member-archive,
.archive-detail,
.member-product-reflection {
  margin-top: 28px;
  padding: clamp(22px, 3vw, 36px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: #151215;
}

.member-weekly-video {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1.1fr);
  gap: clamp(20px, 3vw, 42px);
  align-items: center;
  margin: 0 0 28px;
  padding: clamp(22px, 3vw, 38px);
  min-width: 0;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.34);
  border-radius: 28px;
  background: radial-gradient(circle at 85% 15%, rgb(var(--brand-pink-rgb) / 0.22), transparent 42%), linear-gradient(125deg, rgba(31, 27, 32, 0.98), rgba(21, 19, 22, 0.98));
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.2);
}

.member-weekly-benefits {
  margin: 0 0 28px;
}

.member-weekly-benefits .member-weekly-video { margin-bottom: 0; }

.member-weekly-benefits.has-testimonial-reward {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
  gap: 18px;
  align-items: stretch;
}

.member-testimonial-reward {
  display: grid;
  grid-template-columns: 106px minmax(0, 1fr);
  align-content: center;
  gap: 18px;
  padding: 22px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.48);
  border-radius: 28px;
  background:
    radial-gradient(circle at 88% 10%, rgb(var(--brand-pink-rgb) / 0.22), transparent 38%),
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.066), rgba(20, 17, 21, 0.98));
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.2);
}

.member-testimonial-reward > img {
  width: 106px;
  height: 156px;
  align-self: center;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.32);
}

.member-testimonial-reward h2 {
  margin: 9px 0 10px;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.member-testimonial-reward p {
  margin: 0 0 17px;
  color: var(--text-muted);
  font-size: 0.94rem;
  line-height: 1.5;
}

.member-testimonial-reward .primary-button { width: 100%; justify-content: center; }

.member-testimonial-consent {
  grid-template-columns: 1fr;
  border-color: rgb(var(--brand-pink-rgb) / 0.38);
  background:
    radial-gradient(circle at 88% 10%, rgb(var(--brand-pink-rgb) / 0.18), transparent 40%),
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.087), rgba(20, 17, 21, .98));
}

.member-testimonial-consent .ghost-button {
  justify-content: center;
  width: 100%;
}

.feedback-success-modal {
  align-items: center;
  background: rgba(7, 5, 8, .78);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 120;
}

.feedback-success-modal-panel {
  max-width: 490px;
  padding: clamp(28px, 5vw, 46px);
  text-align: center;
  border: 1px solid rgba(99, 229, 179, .52);
  border-radius: 28px;
  background: radial-gradient(circle at 50% 0%, rgba(82, 220, 164, .18), transparent 55%), #181419;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .52);
}

.feedback-success-modal-panel > svg { color: #70e1b9; margin-bottom: 14px; }
.feedback-success-modal-panel .eyebrow { color: #92e8cc; margin: 0 0 9px; }
.feedback-success-modal-panel h2 { font-size: clamp(1.8rem, 5vw, 2.7rem); line-height: 1.04; margin: 0; }
.feedback-success-modal-panel > p:not(.eyebrow) { color: var(--text-muted); font-size: 1.08rem; line-height: 1.55; margin: 14px 0 26px; }
.feedback-success-modal-panel .primary-button { justify-content: center; width: 100%; }

.member-weekly-video-copy { min-width: 0; }

.member-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.member-weekly-video h2 {
  max-width: 620px;
  margin: 11px 0 12px;
  font-size: clamp(1.7rem, 3vw, 2.65rem);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.member-weekly-video p {
  max-width: 570px;
  margin: 0;
  color: var(--text-muted);
  font-size: clamp(0.97rem, 1.25vw, 1.1rem);
  line-height: 1.58;
}

.weekly-video-refresh {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: #dedede;
  font-size: 0.88rem;
  font-weight: 700;
}

.weekly-video-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  background: rgba(8, 7, 9, 0.67);
}

.weekly-video-preview {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: #080708;
  cursor: pointer;
}

.weekly-video-preview::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, transparent 28%, rgba(0, 0, 0, 0.68));
}

.weekly-video-preview img,
.weekly-video-fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.weekly-video-fallback { background: linear-gradient(130deg, rgb(var(--brand-pink-rgb) / 0.103), #19131a 62%); }

.weekly-video-play {
  position: absolute;
  z-index: 1;
  bottom: 16px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  border-radius: 999px;
  color: var(--brand-on-pink) !important;
  background: var(--brand-pink);
  box-shadow: 0 10px 24px rgb(var(--brand-pink-rgb) / 0.35);
  font-weight: 800;
}

.weekly-video-preview:hover .weekly-video-play,
.weekly-video-preview:focus-visible .weekly-video-play { transform: translateY(-2px); }

.weekly-video-meta {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px 17px 17px;
}

.weekly-video-meta div { min-width: 0; }

.weekly-video-meta span {
  display: block;
  margin-bottom: 5px;
  color: var(--brand-pink);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.weekly-video-meta h3 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.22;
}

.weekly-video-meta small {
  flex: 0 0 auto;
  color: var(--text-muted);
  font-size: 0.82rem;
  white-space: nowrap;
}

.weekly-video-player,
.weekly-video-player .reliable-video,
.weekly-video-player video { width: 100%; }

.weekly-video-player video {
  display: block;
  aspect-ratio: 16 / 9;
  background: #000;
}

.member-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.member-section-heading h2 {
  max-width: 760px;
  margin: 6px 0 5px;
  font-size: clamp(1.65rem, 3vw, 2.5rem);
  line-height: 1.08;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.member-section-heading p {
  margin: 0;
  color: var(--muted);
}

.member-section-heading > svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.member-library-filters {
  display: flex;
  gap: 8px;
  margin-bottom: 22px;
  overflow-x: auto;
  scrollbar-width: none;
}

.member-library-filters button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: #0c0a0c;
  color: var(--muted);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 800;
  cursor: pointer;
}

.member-library-filters button.is-active {
  border-color: var(--brand-pink);
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.member-library-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.member-library-card {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  min-height: 166px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: #0b090b;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.member-library-card:hover,
.member-library-card:focus-visible {
  border-color: rgb(var(--brand-pink-rgb) / 0.8);
  background: #120d11;
  transform: translateY(-2px);
}

.better-normal-library-section {
  border-color: rgb(var(--brand-pink-rgb) / 0.38);
  background: radial-gradient(circle at 90% 10%, rgb(var(--brand-pink-rgb) / 0.16), transparent 38%), #151215;
}

.better-normal-library-progress {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 2px solid var(--brand-pink);
  border-radius: 50%;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
}

.better-normal-library-card {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 20px;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: #0b090b;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.better-normal-library-card:hover,
.better-normal-library-card:focus-visible { border-color: var(--brand-pink); }
.better-normal-library-card > div { display: grid; gap: 7px; }
.better-normal-library-card small { color: var(--brand-pink); font-weight: 900; text-transform: uppercase; }
.better-normal-library-card strong { font-size: clamp(1.25rem, 2.5vw, 1.8rem); }
.better-normal-library-card > div > span { color: var(--muted); }
.better-normal-library-card > span { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; color: #fff; font-weight: 900; }

@media (max-width: 640px) {
  .better-normal-library-card { align-items: flex-start; flex-direction: column; }
}

.member-library-cover {
  display: grid;
  place-items: center;
  position: relative;
  min-width: 0;
  padding: 12px 8px;
  background: #050505;
}

.member-library-cover img {
  width: 100%;
  height: auto;
  max-height: 142px;
  object-fit: contain;
}

.member-library-cover.is-square img { aspect-ratio: 1; }
.member-library-cover.is-portrait img { aspect-ratio: 3 / 4; }

.migration-gift {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 4px 7px;
  border-radius: 4px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.member-charlie-gift {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-flex;
  max-width: calc(100% - 16px);
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background: var(--brand-pink);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
  color: var(--brand-on-pink) !important;
  font-size: 0.62rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.adult-video-preview {
  position: relative;
  display: grid;
  min-height: clamp(300px, 49vw, 660px);
  overflow: hidden;
  place-items: center;
  background: #0a0809;
}

.adult-video-preview > img,
.adult-video-preview-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.adult-video-preview > img { object-fit: cover; }
.adult-video-preview-shade { background: linear-gradient(90deg, rgba(7,5,6,.88), rgba(7,5,6,.38) 60%, rgba(7,5,6,.18)); }

.adult-video-preview-content {
  position: relative;
  z-index: 1;
  width: min(560px, calc(100% - 36px));
  justify-self: start;
  margin-left: clamp(18px, 5vw, 72px);
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  background: rgba(13,9,11,.86);
  box-shadow: 0 20px 60px rgba(0,0,0,.46);
  backdrop-filter: blur(10px);
}

.adult-video-preview-content > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border-radius: 5px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font-size: .78rem;
  font-weight: 950;
}

.adult-video-preview-content h4 { margin: 16px 0 10px; color: #fff; font-size: clamp(1.35rem, 3vw, 2.35rem); line-height: 1.05; }
.adult-video-preview-content p { margin: 0; color: #ded6da; font-size: .94rem; line-height: 1.55; }
.adult-video-preview-content button { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 12px 16px; border: 0; border-radius: 7px; background: var(--brand-pink); color: var(--brand-on-pink) !important; cursor: pointer; font: inherit; font-weight: 900; }

.happy-bedroom-promo-preview {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: #0a0809;
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
}

.happy-bedroom-promo-viewer-count {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 13px 18px 14px;
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  color: #d9d0d4;
  font-size: .94rem;
  line-height: 1.4;
  text-align: center;
}

.happy-bedroom-promo-viewer-count svg { color: var(--brand-pink); flex: 0 0 auto; }
.happy-bedroom-promo-viewer-count strong { color: #fff; }

.happy-bedroom-promo-preview.is-member-primary,
.happy-bedroom-promo-preview.is-member-journey {
  margin-top: 24px;
}

.happy-bedroom-promo-preview.is-member-compact {
  grid-column: 1 / -1;
}

.happy-bedroom-promo-preview.is-member-compact .adult-video-preview,
.happy-bedroom-promo-preview.is-member-soft-option .adult-video-preview {
  min-height: clamp(330px, 38vw, 520px);
}

.happy-bedroom-promo-preview.is-member-soft-option {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
  .adult-video-preview { min-height: 520px; align-items: end; }
  .adult-video-preview-shade { background: linear-gradient(180deg, rgba(7,5,6,.08), rgba(7,5,6,.94) 62%); }
  .adult-video-preview-content { width: calc(100% - 24px); justify-self: center; margin: 0 0 12px; padding: 20px; }
}

.member-library-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 16px;
}

.member-library-copy small {
  color: var(--brand-pink);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.member-library-copy > strong {
  margin-top: 5px;
  font-size: 1.08rem;
  line-height: 1.15;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.member-library-copy > span {
  display: -webkit-box;
  margin-top: 8px;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.member-library-copy em {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  color: #fff;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.member-recommendation-strip {
  display: grid;
  grid-template-columns: minmax(220px, 0.65fr) minmax(0, 1.35fr);
  gap: 28px;
}

.member-recommendation-strip h2 {
  margin: 7px 0 0;
  font-size: clamp(1.5rem, 2.5vw, 2.1rem);
}

.member-recommendation-strip > div:first-child > p {
  max-width: 520px;
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.6;
}

.member-bundle-recommendation {
  display: grid;
  grid-template-columns: minmax(180px, 1.15fr) minmax(210px, 0.85fr);
  overflow: hidden;
  min-height: 230px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.28);
  border-radius: 8px;
  background: #151215;
}

.member-bundle-recommendation > img {
  width: 100%;
  height: 100%;
  min-height: 230px;
  object-fit: contain;
  background: #120d10;
}

.member-bundle-recommendation-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding: 24px;
}

.member-bundle-recommendation-copy > span {
  color: var(--brand-pink);
  font-size: 0.75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.member-bundle-recommendation-copy > strong {
  font-size: 1.55rem;
  line-height: 1.08;
}

.member-bundle-recommendation-copy > small {
  color: var(--muted);
  font-size: 1rem;
}

.member-bundle-recommendation-copy > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  margin-top: 12px;
  padding: 0 17px;
  border: 0;
  border-radius: 6px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.member-bundle-owned {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 120px;
  padding: 24px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.28);
  border-radius: 8px;
  background: rgb(var(--brand-pink-rgb) / 0.07);
}

.member-bundle-owned > svg {
  flex: 0 0 auto;
  color: var(--mint);
}

.member-bundle-owned > div {
  display: grid;
  gap: 5px;
}

.member-bundle-owned span {
  color: var(--muted);
}

.personal-collaboration,
.personal-collaboration-form,
.personal-collaboration-confirmation {
  display: grid;
  gap: 24px;
}

.personal-collaboration-intro {
  display: grid;
  grid-template-columns: minmax(160px, .42fr) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.34);
  border-radius: 8px;
  background: linear-gradient(120deg, rgb(var(--brand-pink-rgb) / 0.2), rgba(19, 17, 19, .95));
}

.personal-collaboration-intro img { width: 100%; height: 100%; min-height: 270px; object-fit: cover; object-position: center top; }
.personal-collaboration-intro > div { display: grid; align-content: center; justify-items: start; gap: 13px; padding: clamp(24px, 4vw, 46px); }
.personal-collaboration-intro h2, .personal-collaboration-form h2, .personal-collaboration-confirmation h2 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.55rem); line-height: 1.08; }
.personal-collaboration-intro p, .personal-collaboration-form p, .personal-collaboration-confirmation p { margin: 0; color: var(--muted); line-height: 1.6; }
.personal-collaboration-form { padding: clamp(22px, 4vw, 44px); border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: #151215; }
.personal-collaboration-form-head, .personal-collaboration-confirmation { display: flex; justify-content: space-between; gap: 18px; }
.personal-collaboration-form-head > div { display: grid; gap: 9px; }
.personal-collaboration-form-head > svg, .personal-collaboration-confirmation > svg { color: var(--brand-pink); flex: 0 0 auto; }
.collaboration-fields { display: grid; gap: 16px; }
.collaboration-fields > label, .collaboration-fields fieldset { display: grid; gap: 10px; padding: 19px; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; color: #fff; font-weight: 750; }
.collaboration-fields fieldset { margin: 0; }
.collaboration-fields legend { padding: 0 5px; line-height: 1.38; }
.collaboration-fields label small { color: var(--muted); font-size: .78rem; font-weight: 600; }
.collaboration-fields input, .collaboration-fields textarea { width: 100%; box-sizing: border-box; border: 1px solid rgba(255,255,255,.2); border-radius: 5px; background: #0e0c0d; color: #fff; font: inherit; padding: 12px; }
.collaboration-fields textarea { min-height: 116px; resize: vertical; }
.collaboration-choice { display: flex !important; align-items: center; gap: 9px; color: var(--muted); font-weight: 600 !important; }
.collaboration-choice input { width: 18px; height: 18px; accent-color: var(--brand-pink); }
.collaboration-submit { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: .9rem; }
.collaboration-submit > svg { color: var(--mint); }
.collaboration-submit button { margin-left: auto; }
.collaboration-error { color: #ff849e !important; font-weight: 800; }
.personal-collaboration-confirmation { align-items: flex-start; padding: 28px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.38); border-radius: 8px; background: rgb(var(--brand-pink-rgb) / 0.08); }
.personal-collaboration-confirmation > div { display: grid; gap: 8px; }
.personal-collaboration-return-offer { display: grid; gap: 16px; max-width: 760px; padding: clamp(26px, 4vw, 46px); border: 1px solid rgb(var(--brand-pink-rgb) / 0.38); border-radius: 8px; background: radial-gradient(circle at 92% 0%, rgb(var(--brand-pink-rgb) / 0.2), transparent 18rem), rgb(var(--brand-pink-rgb) / 0.033); }
.personal-collaboration-return-offer h2, .personal-collaboration-return-offer p { margin: 0; }
.personal-collaboration-return-offer p { color: var(--muted); line-height: 1.6; }
.personal-collaboration-return-offer .primary-button { justify-self: start; text-decoration: none; }
.personal-collaboration-price { display: flex; align-items: baseline; gap: 12px; }.personal-collaboration-price s { color: var(--muted); }.personal-collaboration-price strong { color: #fff; font-size: clamp(1.6rem, 4vw, 2.5rem); }
.collaboration-step { min-height: 220px; align-content: center; }.collaboration-step > label, .collaboration-step fieldset { width: min(100%, 760px); box-sizing: border-box; }
.collaboration-gate-note { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--muted); }.collaboration-gate-note svg { color: var(--mint); }
.admin-notification-badge { display: inline-grid; min-width: 22px; min-height: 22px; place-items: center; margin-left: 5px; padding: 0 6px; border-radius: 999px; background: var(--coral); color: #fff; font-size: .72rem; }
.collaboration-capacity-admin { display: grid; grid-template-columns: minmax(240px,1fr) 150px auto; align-items: end; gap: 18px; margin: 0 0 22px; padding: 20px 22px; border: 1px solid rgba(255,96,155,.42); border-radius: 14px; background: linear-gradient(120deg, rgba(255,63,127,.14), rgba(255,255,255,.035)); }
.collaboration-capacity-admin > div:first-child { display: grid; gap: 4px; }.collaboration-capacity-admin > div:first-child span { color: #ff8eb5; font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.collaboration-capacity-admin h3, .collaboration-capacity-admin p { margin: 0; }.collaboration-capacity-admin h3 { font-size: 1.35rem; }.collaboration-capacity-admin > div:first-child p { color: var(--muted); font-size: .82rem; line-height: 1.45; }
.collaboration-capacity-admin label { display: grid; gap: 7px; }.collaboration-capacity-admin label span { color: var(--muted); font-size: .75rem; font-weight: 800; }.collaboration-capacity-admin input { width: 100%; min-height: 46px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; background: rgba(0,0,0,.25); color: #fff; padding: 8px 12px; font: inherit; font-size: 1.15rem; font-weight: 900; }
.collaboration-capacity-admin .primary-button { min-height: 46px; white-space: nowrap; }.collaboration-capacity-admin__saved { grid-column: 2 / -1; display: flex; align-items: center; justify-content: flex-end; gap: 7px; color: #7be0bd; font-size: .8rem; font-weight: 800; }
.collaboration-waitlist-admin { margin: 0 0 22px; padding: 18px 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.025); }.collaboration-waitlist-admin header { display: flex; justify-content: space-between; gap: 18px; align-items: end; }.collaboration-waitlist-admin header > div { display: grid; gap: 3px; }.collaboration-waitlist-admin header span { color: #ff8eb5; font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.collaboration-waitlist-admin h3 { margin: 0; font-size: 1.2rem; }.collaboration-waitlist-admin small { color: var(--muted); }.collaboration-waitlist-admin > div { display: grid; gap: 7px; margin-top: 15px; }.collaboration-waitlist-admin > div p { display: flex; justify-content: space-between; gap: 14px; margin: 0; padding: 10px 12px; border-top: 1px solid rgba(255,255,255,.08); }.collaboration-waitlist-admin > div span { color: var(--muted); font-size: .78rem; }
.collaboration-admin-tabs { display: flex; gap: 8px; margin: 0 0 22px; padding: 5px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.025); }
.collaboration-admin-tabs button { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 9px 15px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font: inherit; font-weight: 850; cursor: pointer; }
.collaboration-admin-tabs button[aria-selected="true"] { background: linear-gradient(135deg,#ff3f7f,#d91f58); color: #fff; box-shadow: 0 8px 24px rgba(255,63,127,.2); }
.collaboration-admin-tabs button span { display: inline-grid; min-width: 23px; height: 23px; place-items: center; padding: 0 6px; border-radius: 999px; background: rgba(255,255,255,.12); font-size: .72rem; }
.collaboration-impression-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px; margin: 0 0 22px; padding: 20px 22px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.34); border-radius: 14px; background: linear-gradient(120deg, rgb(var(--brand-pink-rgb) / 0.13), rgba(255,255,255,.035)); }
.collaboration-impression-card > svg { color: var(--brand-pink); }
.collaboration-impression-card > div { display: grid; gap: 3px; }
.collaboration-impression-card > div span, .collaboration-impression-card dt, .collaboration-impression-card small { color: var(--muted); }
.collaboration-impression-card > div strong { color: #fff; font-size: clamp(1.45rem,3vw,2.15rem); }
.collaboration-impression-card small { font-size: .72rem; }
.collaboration-impression-card dl { display: grid; grid-template-columns: repeat(2,minmax(110px,1fr)); gap: 10px; margin: 0; }
.collaboration-impression-card dl div { padding: 11px 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(0,0,0,.16); }
.collaboration-impression-card dt { font-size: .67rem; }
.collaboration-impression-card dd { margin: 3px 0 0; color: #fff; font-size: 1.15rem; font-weight: 900; }
.collaboration-admin-list { display: grid; gap: 14px; }
.collaboration-admin-list article { display: grid; gap: 16px; padding: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; }
.collaboration-admin-list article.is-unread { border-color: rgba(255,96,155,.72); background: rgba(191,31,92,.09); }
.collaboration-admin-list header { display: flex; align-items: center; gap: 10px; }.collaboration-admin-list header > div { display: grid; gap: 2px; }.collaboration-admin-list header span, .collaboration-admin-list header small { color: var(--muted); }.collaboration-admin-list header small { margin-left: auto; }.collaboration-admin-list header > svg { color: var(--coral); }.collaboration-admin-list header > svg:last-child { color: var(--mint); }
.collaboration-admin-release-shell { min-height: 100vh; padding: 0 0 80px; background: #080607; color: #fff; }
.collaboration-admin-release-header { position: sticky; z-index: 40; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 22px; border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(8,6,7,.96); backdrop-filter: blur(14px); }
.collaboration-admin-release-brand { color: #fff; font-size: .9rem; font-weight: 950; letter-spacing: .06em; text-decoration: none; }
.collaboration-admin-release-brand span { margin-left: 7px; color: #ff4f88; font-size: .68rem; }
.collaboration-admin-release-header nav { display: flex; align-items: center; gap: 7px; }
.collaboration-admin-release-header nav a { display: inline-flex; align-items: center; gap: 7px; min-height: 39px; padding: 8px 12px; border: 1px solid transparent; border-radius: 11px; color: #bdb4ba; font-size: .78rem; font-weight: 800; text-decoration: none; }
.collaboration-admin-release-header nav a:hover, .collaboration-admin-release-header nav a.is-active { border-color: rgba(255,79,136,.42); background: rgba(255,79,136,.12); color: #fff; }
.collaboration-admin-release-state { display: grid; place-content: center; min-height: 100vh; padding: 28px; background: #080607; color: #fff; text-align: center; }
.collaboration-admin-release-state h1 { margin: 0 0 10px; }
.collaboration-admin-release-state p { margin: 0 0 22px; color: #bdb4ba; }
.collaboration-admin-release-state a { justify-self: center; padding: 12px 18px; border-radius: 12px; background: #ff3f7f; color: #fff; font-weight: 850; text-decoration: none; }
@media (max-width: 680px) { .collaboration-admin-release-header { position: static; display: grid; padding: 13px 14px; }.collaboration-admin-release-header nav { display: grid; grid-template-columns: 1fr 1fr; }.collaboration-admin-release-header nav a { justify-content: center; padding-inline: 7px; text-align: center; }.collaboration-admin-release-header nav a:last-child { grid-column: 1 / -1; } }
.collaboration-admin-list dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 20px; margin: 0; }.collaboration-admin-list dl div { min-width: 0; }.collaboration-admin-list dt { color: var(--muted); font-size: .78rem; }.collaboration-admin-list dd { margin: 3px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.collaboration-view-switcher { display: flex; gap: 8px; margin: 18px 0 14px; }.collaboration-view-switcher button, .collaboration-request-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.045); color: var(--muted); font: inherit; font-weight: 750; cursor: pointer; }.collaboration-view-switcher button { padding: 8px 15px; }.collaboration-view-switcher button[aria-pressed="true"] { border-color: rgb(var(--brand-pink-rgb) / 0.7); background: rgb(var(--brand-pink-rgb) / 0.16); color: #fff !important; }.collaboration-view-switcher button span { display: inline-grid; min-width: 21px; min-height: 21px; place-items: center; padding: 0 6px; border-radius: 999px; background: rgba(255,255,255,.11); font-size: .75rem; }
.collaboration-request-status { display: flex; flex-wrap: wrap; gap: 8px; }.collaboration-request-status span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: var(--muted); font-size: .78rem; }.collaboration-request-status span.is-complete { border-color: rgb(var(--brand-pink-rgb) / 0.38); color: var(--brand-pink); }
.collaboration-request-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 2px; border-top: 1px solid rgba(255,255,255,.08); }.collaboration-request-actions button { padding: 8px 13px; }.collaboration-request-actions button:hover:not(:disabled), .collaboration-request-actions button.is-active { border-color: rgb(var(--brand-pink-rgb) / 0.65); background: rgb(var(--brand-pink-rgb) / 0.13); color: #fff !important; }.collaboration-request-actions button:disabled { cursor: wait; opacity: .55; }
@media (max-width: 900px) { .collaboration-capacity-admin { grid-template-columns: 1fr 130px; }.collaboration-capacity-admin__preview { align-self: center; }.collaboration-capacity-admin .primary-button { width: 100%; }.collaboration-capacity-admin__saved { grid-column: 1 / -1; } }
@media (max-width: 680px) { .personal-collaboration-intro { grid-template-columns: 1fr; }.personal-collaboration-intro img { min-height: 220px; max-height: 300px; }.collaboration-submit button { width: 100%; margin-left: 0; }.collaboration-capacity-admin { grid-template-columns: 1fr; }.collaboration-capacity-admin__saved { grid-column: 1; justify-content: flex-start; }.collaboration-waitlist-admin header, .collaboration-waitlist-admin > div p { display: grid; }.collaboration-admin-tabs { display: grid; grid-template-columns: 1fr 1fr; }.collaboration-admin-tabs button { justify-content: center; padding-inline: 9px; }.collaboration-impression-card { grid-template-columns: auto minmax(0,1fr); }.collaboration-impression-card dl { grid-column: 1 / -1; }.collaboration-admin-list header { align-items: flex-start; flex-wrap: wrap; }.collaboration-admin-list header small { margin-left: 0; }.collaboration-admin-list dl { grid-template-columns: 1fr; }.collaboration-view-switcher, .collaboration-request-actions { display: grid; grid-template-columns: 1fr; }.collaboration-view-switcher button, .collaboration-request-actions button { width: 100%; }.collaboration-request-status { display: grid; grid-template-columns: 1fr; } }

.member-product-page {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
  padding: 28px 0 72px;
}

.member-back-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  background: #151215;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.member-product-hero {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 68px);
  margin-top: 18px;
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: linear-gradient(125deg, #171317 0%, #0b090b 64%, #151515 100%);
}

.member-product-cover {
  display: grid;
  min-height: 260px;
  place-items: center;
  overflow: hidden;
  border-radius: 6px;
  background: #050505;
}

.member-product-cover img {
  width: 100%;
  max-height: 340px;
  object-fit: contain;
}

.member-product-hero h1 {
  max-width: 780px;
  margin: 8px 0 12px;
  font-size: clamp(1.35rem, 3vw, 2.35rem);
  line-height: 1.08;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.member-product-gift {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 13px;
  padding: 8px 11px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.48);
  border-radius: 6px;
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.member-product-hero p {
  max-width: 720px;
  color: var(--muted);
  font-size: 1.08rem;
  line-height: 1.6;
}

.member-product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 20px 0;
}

.member-product-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 5px;
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--brand-pink);
  font-size: 0.8rem;
  font-weight: 800;
}

.ghost-button.is-completed {
  border-color: rgba(91, 218, 172, 0.45);
  color: #75ddb7;
}

.member-product-bonus-return {
  display: flex;
  justify-content: flex-start;
  margin: -14px 0 34px;
}

.member-product-bonus-return .ghost-button {
  width: auto;
}

.member-content-section .audio-player {
  margin: 0;
}

.member-format-note {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  padding: 15px;
  border-left: 3px solid var(--brand-pink);
  background: #0b090b;
}

.member-format-note div {
  display: grid;
  gap: 3px;
}

.member-format-note span {
  color: var(--muted);
  font-size: 0.88rem;
}

.member-ebook-format-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px !important;
  margin-left: auto;
}

.member-ebook-format-actions .primary-button {
  min-width: 96px;
  justify-content: center;
}

.member-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.member-video-grid.is-single {
  grid-template-columns: minmax(0, 920px);
  justify-content: center;
}

.member-video-grid article {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: #050505;
}

.member-video-grid video,
.member-video-frame video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  object-fit: contain;
}

.member-video-grid strong {
  display: block;
  padding: 14px 16px;
}

.member-relaunch-video {
  border-color: rgb(var(--brand-pink-rgb) / 0.34);
  background:
    radial-gradient(circle at 92% 2%, rgb(var(--brand-pink-rgb) / 0.18), transparent 34%),
    #151215;
}

.member-review-reward {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 42px);
  align-items: center;
  margin-top: 22px;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.58);
  border-radius: 8px;
  background:
    radial-gradient(circle at 4% 0%, rgb(var(--brand-pink-rgb) / 0.2), transparent 42%),
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.065), rgba(8, 7, 8, 0.98));
}

.member-review-reward > img {
  display: block;
  width: 100%;
  max-height: 330px;
  object-fit: contain;
  border-radius: 7px;
  background: #050505;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
}

.member-review-reward > div { min-width: 0; }

.member-review-reward-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.member-review-reward h3 {
  max-width: 780px;
  margin: 10px 0 12px;
  font-size: clamp(1.65rem, 3.2vw, 2.75rem);
  line-height: 1.04;
}

.member-review-reward p {
  max-width: 760px;
  margin: 9px 0 0;
  color: rgba(255, 247, 251, 0.74);
  line-height: 1.62;
}

.member-review-reward p strong { color: #fff; }

.member-review-reward-actions {
  display: grid;
  justify-items: start;
  gap: 10px;
  margin-top: 20px;
}

.member-review-reward-actions .primary-button { text-align: center; }

.member-review-reward-actions small {
  max-width: 690px;
  color: rgba(255, 247, 251, 0.56);
  font-size: 0.78rem;
  line-height: 1.5;
}

.member-legacy-video {
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.48);
  border-radius: 8px;
  background:
    radial-gradient(circle at 4% 0%, rgb(var(--brand-pink-rgb) / 0.16), transparent 42%),
    linear-gradient(125deg, rgb(var(--brand-pink-rgb) / 0.054), rgba(8, 7, 8, 0.98));
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2);
}

.member-legacy-video summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  min-height: 118px;
  padding: clamp(20px, 3vw, 28px);
  cursor: pointer;
  list-style: none;
}

.member-legacy-video summary::-webkit-details-marker { display: none; }

.member-legacy-video-title {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}

.member-legacy-video-icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.55);
  border-radius: 50%;
  background: rgb(var(--brand-pink-rgb) / 0.13);
  color: var(--brand-pink);
}

.member-legacy-video-title > span:last-child { display: grid; gap: 5px; }

.member-legacy-video-title small {
  color: var(--brand-pink);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.member-legacy-video-title strong {
  color: #fff;
  font-size: clamp(1.3rem, 2.6vw, 2rem);
  line-height: 1.08;
}

.member-legacy-video-title em {
  color: rgba(255, 247, 251, 0.66);
  font-size: 0.9rem;
  font-style: normal;
  line-height: 1.45;
}

.member-legacy-video-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.6);
  border-radius: 999px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font-size: 0.86rem;
  font-weight: 900;
  white-space: nowrap;
}

.member-legacy-video[open] .member-legacy-video-action {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
}

.member-legacy-video-player {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 18px 20px;
}

.member-legacy-video-player video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #000;
}

.member-legacy-video-player > strong {
  display: block;
  padding: 13px 0 0;
}

.member-video-pending {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.65fr);
  max-width: 920px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.34);
  border-radius: 8px;
  background: #090708;
}

.member-video-pending > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
}

.member-video-pending > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: clamp(22px, 4vw, 38px);
}

.member-video-pending svg {
  color: var(--brand-pink);
}

.member-video-pending strong {
  font-size: 1.2rem;
  line-height: 1.25;
}

.member-video-pending span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

.member-outcome-grid,
.kod-module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.member-outcome-grid > div {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 15px;
  border-left: 3px solid var(--brand-pink);
  background: #0b090b;
}

.member-outcome-grid svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.member-reading-block {
  max-width: 820px;
  margin: 28px auto 0;
}

.member-reading-block h3 {
  margin-bottom: 9px;
  font-size: 1.45rem;
}

.member-reading-block p {
  color: var(--muted);
  line-height: 1.65;
}

.kod-module-grid article {
  min-height: 185px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: #0b090b;
}

.kod-module-grid article > span {
  color: var(--brand-pink);
  font-size: 1.8rem;
  font-weight: 900;
}

.kod-module-grid h3 {
  margin: 10px 0 6px;
}

.kod-module-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.kod-lessons-section {
  margin-top: 24px;
}

.kod-lesson-list {
  display: grid;
  gap: 22px;
}

.kod-lesson {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: #0b090b;
}

.kod-lesson:nth-child(even) .kod-lesson-video {
  order: 2;
}

.kod-lesson-video {
  min-width: 0;
  align-self: start;
  aspect-ratio: 16 / 9;
  background: #000;
}

.kod-lesson-video .reliable-video,
.kod-lesson-video video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: contain;
  background: #000;
}

.kod-lesson-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 4vw, 44px);
}

.kod-lesson-copy > span {
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.kod-lesson-copy h3 {
  margin: 10px 0;
  font-size: clamp(1.5rem, 2.6vw, 2.25rem);
}

.kod-lesson-copy p {
  margin: 0;
  color: #f4eef1;
  font-weight: 700;
  line-height: 1.45;
}

.kod-lesson-copy ul {
  display: grid;
  gap: 9px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.kod-lesson-copy li {
  position: relative;
  padding-left: 18px;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.45;
}

.kod-lesson-copy li::before {
  position: absolute;
  left: 0;
  color: var(--brand-pink);
  content: "•";
}

.member-reflection-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 24px;
}

.member-reflection-heading h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 7px 0 0;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
}

.member-reflection-heading h2 svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.member-reflection-heading small {
  max-width: 260px;
  color: var(--muted);
  text-align: right;
}

.member-reflection-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.member-reflection-fields label {
  display: grid;
  gap: 9px;
}

.member-reflection-fields label > span {
  font-weight: 850;
  line-height: 1.3;
}

.member-reflection-fields textarea {
  width: 100%;
  min-height: 142px;
  padding: 15px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: #080708;
  color: #fff;
  font: inherit;
  line-height: 1.5;
}

.member-reflection-fields textarea:focus {
  outline: 2px solid rgb(var(--brand-pink-rgb) / 0.3);
  border-color: var(--brand-pink);
}

.member-reflection-footer {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(320px, 1.2fr);
  align-items: end;
  gap: 28px;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.member-rating {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.member-rating legend {
  margin-bottom: 8px;
  font-weight: 850;
}

.member-rating > div {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.member-rating button {
  display: grid;
  width: 40px;
  height: 40px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: rgba(255, 255, 255, 0.28);
  cursor: pointer;
}

.member-rating button:hover,
.member-rating button.is-active {
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: var(--brand-pink) !important;
}

.member-rating button:focus-visible {
  outline: 2px solid var(--brand-pink);
  outline-offset: 2px;
}

.member-rating > div > span {
  margin-left: 8px;
  color: var(--muted);
  font-size: 0.92rem;
}

.member-reflection-save {
  display: grid;
  justify-items: end;
  gap: 13px;
}

.member-reflection-save p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.45;
}

.member-reflection-save p svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--brand-pink);
}

.member-reflection-save > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

.member-reflection-save .primary-button {
  min-width: 138px;
}

.member-save-confirmation {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--brand-pink);
  font-weight: 850;
}

.program-workspace.is-single-program {
  margin-top: 28px;
}

.program-workspace.is-single-program > .bozsky-app.is-single-program {
  grid-column: 1 / -1;
}

.member-archive,
.archive-detail {
  margin-top: 28px;
}

.archive-count {
  flex: 0 0 auto;
  color: var(--brand-pink);
  font-weight: 850;
}

.archive-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 6px;
  background: #080708;
}

.archive-search svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.archive-search input {
  width: 100%;
  min-height: 48px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font: inherit;
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.archive-card {
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: #0b090b;
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.archive-card-media {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #050505;
}

.archive-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.archive-card-media span {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.84);
  font-size: 0.72rem;
  font-weight: 800;
}

.archive-card > div:last-child {
  display: grid;
  gap: 7px;
  padding: 15px;
}

.archive-card small {
  color: var(--brand-pink);
  font-weight: 800;
}

.archive-card strong {
  min-height: 2.5em;
  line-height: 1.25;
}

.archive-card > div:last-child > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 0.8rem;
}

.archive-more {
  margin: 22px auto 0;
}

.archive-detail > .member-back-button {
  margin-bottom: 18px;
}

.archive-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  align-items: start;
  gap: 24px;
}

.archive-article h2 {
  margin: 7px 0 14px;
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  line-height: 1.08;
}

.archive-article > p,
.archive-actions p {
  max-height: 460px;
  overflow: auto;
  color: var(--muted);
  line-height: 1.65;
  white-space: pre-line;
}

.archive-actions {
  margin-top: 18px;
  padding: 16px;
  border-left: 3px solid var(--brand-pink);
  background: #0b090b;
}

@media (max-width: 980px) {
  .admin-revenue-chart-layout {
    grid-template-columns: 1fr;
  }

  .admin-revenue-tooltip {
    min-height: 0;
  }

  .member-library-grid,
  .archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-recommendation-strip,
  .archive-detail-grid {
    grid-template-columns: 1fr;
  }

  .member-weekly-benefits.has-testimonial-reward {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .member-weekly-video {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px;
    border-radius: 22px;
  }

  .member-testimonial-reward {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 15px;
    padding: 20px;
    border-radius: 22px;
  }

  .member-testimonial-reward > img {
    width: 84px;
    height: 124px;
  }

  .member-weekly-video h2 {
    font-size: clamp(1.65rem, 8vw, 2.2rem);
  }

  .member-library-section,
  .member-recommendation-strip,
  .member-content-section,
  .member-archive,
  .archive-detail,
  .member-product-reflection {
    padding: 18px;
  }

  .member-reflection-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }

  .member-reflection-heading small {
    max-width: none;
    text-align: left;
  }

  .member-reflection-fields,
  .member-reflection-footer {
    grid-template-columns: 1fr;
  }

  .member-reflection-fields textarea {
    min-height: 120px;
  }

  .member-reflection-save {
    justify-items: stretch;
  }

  .member-reflection-save > div {
    justify-content: space-between;
  }

  .member-library-grid,
  .archive-grid,
  .member-video-grid,
  .member-video-pending,
  .member-outcome-grid,
  .kod-module-grid,
  .kod-lesson {
    grid-template-columns: 1fr;
  }

  .kod-lesson:nth-child(even) .kod-lesson-video {
    order: initial;
  }

  .kod-lesson-video .reliable-video,
  .kod-lesson-video video {
    min-height: 0;
  }

  .member-video-pending > img {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .member-library-card {
    grid-template-columns: 92px minmax(0, 1fr);
    min-height: 148px;
  }

  .member-bundle-recommendation {
    grid-template-columns: 1fr;
  }

  .member-bundle-recommendation > img {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .member-bundle-recommendation-copy > button {
    width: 100%;
  }

  .member-product-page {
    width: min(100% - 24px, 1180px);
    padding-top: 16px;
  }

  .member-product-hero {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 20px;
  }

  .member-product-cover {
    min-height: 220px;
  }

  .member-product-cover img {
    max-height: 290px;
  }

  .member-product-hero h1 {
    font-size: clamp(1.35rem, 7vw, 1.9rem);
    line-height: 1.12;
  }

}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 80% 12%, rgb(var(--brand-pink-rgb) / 0.18), transparent 30%),
    linear-gradient(180deg, #090709 0%, #120d11 42%, #050505 100%),
    var(--paper);
  color: var(--ink);
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.app {
  min-height: 100vh;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px clamp(18px, 4vw, 54px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 5, 5, 0.88);
  backdrop-filter: blur(18px);
}

.brand {
  display: inline-flex;
  align-items: center;
  width: clamp(188px, 18vw, 238px);
  border: 0;
  background: transparent;
  padding: 0;
}

.brand img {
  width: 100%;
  height: auto;
  display: block;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
}

.nav-button,
.ghost-button,
.primary-button,
.inline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  min-height: 40px;
  border: 1px solid transparent;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease,
    color 160ms ease;
}

.nav-button {
  padding: 9px 12px;
  background: transparent;
  color: #c7c7c7;
  text-decoration: none;
  white-space: nowrap;
}

.nav-button.is-active,
.nav-button:hover {
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.primary-button {
  padding: 11px 16px;
  border-color: var(--brand-pink);
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font-weight: 750;
}

.primary-button.hot {
  background: var(--brand-pink);
  border-color: var(--brand-pink);
  box-shadow: 0 14px 36px rgb(var(--brand-pink-rgb) / 0.22);
  color: var(--brand-on-pink) !important;
}

.primary-button:hover,
.inline-button:hover,
.ghost-button:hover {
  transform: translateY(-1px);
}

.ghost-button {
  padding: 11px 16px;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: var(--ink);
  font-weight: 700;
}

.inline-button {
  min-height: 34px;
  max-width: 100%;
  padding: 7px 0;
  background: transparent;
  color: var(--brand-pink);
  font-weight: 800;
  text-align: left;
  white-space: normal;
}

.inline-button svg {
  flex: 0 0 auto;
}

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr);
  gap: clamp(28px, 4vw, 70px);
  align-items: center;
  min-height: calc(100vh - 74px);
  padding: clamp(28px, 4vw, 58px) clamp(18px, 5vw, 72px);
}

.hero-copy {
  max-width: 720px;
}

.hero-copy h1 {
  max-width: 620px;
  font-size: clamp(2.45rem, 4.6vw, 4.15rem);
  line-height: 1;
}

.eyebrow,
.product-kind {
  margin: 0 0 12px;
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 20px;
  color: var(--white);
  font-size: clamp(2.45rem, 6vw, 5.6rem);
  line-height: 0.96;
  letter-spacing: 0;
}

h2 {
  margin-bottom: 14px;
  font-size: clamp(1.75rem, 3vw, 2.6rem);
  line-height: 1.02;
  letter-spacing: 0;
  color: var(--white);
}

h3 {
  margin-bottom: 12px;
  font-size: 1.35rem;
  line-height: 1.12;
  letter-spacing: 0;
  color: var(--white);
}

p {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.64;
}

.hero-copy > p:not(.eyebrow) {
  max-width: 620px;
  font-size: 1.08rem;
}

.hero-copy h2 {
  color: var(--brand-pink);
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.hero .button-row {
  margin-top: 16px;
}

.hero-visual {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(150deg, rgb(var(--brand-pink-rgb) / 0.22), rgba(0, 0, 0, 0.2)),
    var(--surface);
  box-shadow: var(--shadow);
}

.charlie-photo {
  position: absolute;
  right: -16%;
  bottom: -1%;
  width: min(560px, 92%);
  max-height: 100%;
  object-fit: contain;
}

.hero-products {
  position: absolute;
  left: 28px;
  bottom: 28px;
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

.hero-products img {
  width: 112px;
  aspect-ratio: 0.72;
  object-fit: contain;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
}

.system-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0 clamp(18px, 5vw, 72px) 56px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.system-strip article {
  display: grid;
  gap: 6px;
  padding: 20px;
  background: var(--surface);
}

.system-strip svg {
  color: var(--brand-pink);
}

.system-strip strong {
  color: var(--white);
}

.system-strip span {
  color: var(--muted);
  font-size: 0.9rem;
}

.page-shell,
.home-grid {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
  padding: 48px 0 72px;
}

.home-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
  gap: 26px;
  padding-top: 0;
}

.section-heading {
  max-width: 760px;
  margin-bottom: 28px;
}

.section-heading h1 {
  font-size: clamp(2.2rem, 5vw, 4.4rem);
}

.admin-card {
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  background: rgba(17, 16, 20, 0.9);
  box-shadow: var(--shadow);
}

.story-panel,
.quiz,
.member-card,
.member-profile-panel,
.audio-player,
.security-panel,
.login-card,
.continue-card,
.lesson-panel,
.workspace-sidebar,
.bozsky-strip {
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  background: rgba(17, 16, 20, 0.9);
  box-shadow: var(--shadow);
}

.story-panel {
  padding: clamp(22px, 4vw, 38px);
}

.principle-list {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.principle-list span,
.security-list span {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 9px 12px;
  border-radius: 8px;
  background: rgb(var(--brand-pink-rgb) / 0.11);
  color: var(--ink);
  font-weight: 700;
  line-height: 1.28;
}

.story-dark {
  background: linear-gradient(150deg, rgb(var(--brand-pink-rgb) / 0.16), rgba(17, 16, 20, 0.96));
}

.split-layout {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.catalog-layout {
  display: block;
}

.catalog-section {
  margin-top: 24px;
}

.catalog-section-head {
  display: grid;
  grid-template-columns: minmax(180px, 0.42fr) minmax(0, 0.58fr);
  gap: 20px;
  align-items: end;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.catalog-section-head h2 {
  margin-bottom: 0;
  color: var(--brand-pink);
  text-transform: uppercase;
}

.catalog-section-head p {
  margin-bottom: 0;
}

.quiz-picker {
  display: grid;
  gap: 8px;
}

.picker-item {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 14px;
  text-align: left;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  background: var(--surface);
}

.picker-item span {
  color: var(--brand-pink);
  font-size: 0.74rem;
  font-weight: 850;
  text-transform: uppercase;
}

.picker-item.is-active {
  border-color: var(--brand-pink);
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.picker-item.is-active span {
  color: var(--brand-pink);
}

.picker-item:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.admin-result-preview-layout {
  display: grid;
  grid-template-columns: minmax(230px, 320px) minmax(0, 1fr);
  gap: 24px;
  margin-top: 22px;
  align-items: start;
}

.admin-result-preview-controls {
  display: grid;
  gap: 24px;
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding-right: 4px;
}

.admin-result-preview-controls > .quiz-picker > strong {
  margin-bottom: 4px;
  color: var(--white);
}

.admin-result-copy-variants {
  padding: 14px;
  border: 1px solid rgba(255, 63, 127, 0.3);
  border-radius: 12px;
  background: rgba(255, 63, 127, 0.07);
}

.admin-result-preview-canvas {
  overflow: hidden;
  border: 1px solid rgba(255, 63, 127, 0.28);
  border-radius: 24px;
  background: #08060a;
}

.admin-result-preview-canvas .youtube-safe-result {
  padding: clamp(24px, 4vw, 52px);
}

.admin-result-preview-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(255, 63, 127, 0.28);
  background: rgba(255, 63, 127, 0.1);
  color: var(--white);
}

.admin-result-preview-badge strong {
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--coral);
  font-size: 0.75rem;
  text-transform: uppercase;
}

.admin-result-preview-badge span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.82rem;
}

@media (max-width: 900px) {
  .admin-result-preview-layout {
    grid-template-columns: 1fr;
  }

  .admin-result-preview-controls {
    position: static;
    max-height: none;
  }
}

.quiz {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 4vw, 38px);
}

.quiz.is-compact {
  align-self: start;
}

.quiz-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
}

.quiz-progress span {
  display: block;
  height: 100%;
  background: var(--brand-pink);
  transition: width 220ms ease;
}

.quiz-blue .quiz-progress span {
  background: var(--brand-pink);
}

.quiz-orange .quiz-progress span {
  background: var(--brand-pink);
}

.quiz-black .quiz-progress span {
  background: var(--black);
}

.quiz-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.quiz-head span {
  color: var(--muted);
  font-weight: 800;
}

.option-grid {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.option-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  gap: 16px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: #181218;
  color: var(--ink);
  text-align: left;
}

.option-card.is-selected,
.option-card:hover {
  border-color: var(--brand-pink);
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: #fff !important;
}

.quiz-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
}

.quiz-result .diagnosis {
  color: var(--ink);
  font-weight: 700;
}

.quiz-result-summary {
  display: grid;
  gap: 14px;
}

.quiz-result-summary span {
  color: var(--brand-pink);
  font-size: 0.9rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.quiz-result-summary h3 {
  max-width: 18ch;
  margin: 0;
  color: var(--white);
  font-size: clamp(1.7rem, 2.35vw, 2.85rem);
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.quiz-result-summary p {
  max-width: 560px;
  margin: 0;
  color: rgba(255, 247, 251, 0.72);
  font-size: clamp(1rem, 1.24vw, 1.12rem);
  line-height: 1.55;
}

.result-html {
  display: grid;
  gap: 14px;
  max-width: 980px;
}

.result-html h1,
.result-html h2,
.result-html h3,
.result-html h4 {
  margin: 0 0 6px;
  color: var(--white);
  line-height: 1.08;
}

.result-html h2,
.result-html h3 {
  font-size: clamp(1.8rem, 3vw, 3rem);
}

.result-html p {
  margin: 0;
  color: #d9d1d6;
  font-size: 1.02rem;
}

.result-html strong {
  color: var(--white);
}

.result-html ul,
.result-html ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 22px;
  color: #d9d1d6;
}

.result-html li {
  line-height: 1.58;
}

.result-html a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 8px 4px 0;
  border-radius: 8px !important;
  background: var(--brand-pink) !important;
  color: var(--brand-on-pink) !important;
  font-weight: 850 !important;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: normal;
}

.result-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: clamp(16px, 3vw, 36px);
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(18px);
}

.result-modal-panel {
  position: relative;
  overflow: auto;
  width: min(980px, 100%);
  max-height: min(86vh, 980px);
  padding: clamp(22px, 4vw, 54px);
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 28%, transparent);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--product-primary, var(--brand-pink)) 15%, transparent), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.026)),
    #090708;
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.52);
}

.result-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 3;
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--white);
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.result-modal-close:hover {
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.14);
  transform: scale(1.04);
}

.result-modal-close:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 76%, white);
  outline-offset: 3px;
}

.result-modal-panel > h2 {
  max-width: 760px;
  margin: 8px 0 clamp(22px, 3vw, 34px);
  color: var(--white);
  font-size: clamp(2rem, 3.2vw, 3.45rem);
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.result-modal-label {
  display: inline-flex;
  width: fit-content;
  margin-top: 8px;
  padding: 7px 10px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 16%, transparent);
  color: var(--white);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.result-modal-content {
  gap: 16px;
  max-width: 780px;
  padding-top: clamp(18px, 2vw, 26px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.result-modal-content h1,
.result-modal-content h2,
.result-modal-content h3 {
  margin-top: 10px;
  font-size: clamp(1.45rem, 2.4vw, 2.35rem);
  line-height: 1.08;
}

.result-modal-content p {
  font-size: clamp(1rem, 1.2vw, 1.14rem);
  line-height: 1.72;
}

.result-modal-content strong {
  color: var(--white);
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 10%, transparent);
  border-radius: 6px;
  padding: 0 0.18em;
}

.result-modal-content p:first-child {
  padding: clamp(14px, 2vw, 20px);
  border-left: 4px solid var(--product-primary, var(--brand-pink));
  border-radius: 10px;
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 10%, transparent);
  color: rgba(255, 247, 251, 0.9);
  font-size: clamp(1.08rem, 1.35vw, 1.24rem);
  font-weight: 750;
}

.recommendation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 20px 0;
  padding: 14px;
  border-radius: 8px;
  background: rgb(var(--brand-pink-rgb) / 0.1);
}

.books-quiz-band {
  margin-bottom: 20px;
}

.product-detail {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr);
  gap: 20px;
  align-items: stretch;
  margin-bottom: 20px;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.13), rgba(17, 16, 20, 0.92));
  box-shadow: var(--shadow);
}

.product-page-detail .detail-section {
  grid-column: 1 / -1;
}

.back-link {
  margin: 0 0 14px;
}

.product-detail-copy {
  display: grid;
  min-width: 0;
  align-content: center;
}

.product-detail-art {
  display: grid;
  min-width: 0;
  place-items: center;
  min-height: 320px;
  overflow: hidden;
}

.product-detail-art img {
  width: min(280px, 86%);
  max-width: 100%;
  height: auto;
  max-height: 420px;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.44);
}

.product-detail-art.is-wide-art img {
  width: min(620px, 100%);
  max-height: none;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.video-placeholder {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: #050505;
}

.question-panel {
  margin-top: 24px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(5, 5, 5, 0.34);
}

.question-panel div,
.detail-bullets {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.question-panel span,
.detail-bullets span {
  display: block;
  padding: 12px 14px;
  border-left: 3px solid var(--brand-pink);
  background: rgba(255, 255, 255, 0.05);
  color: var(--ink);
  font-weight: 760;
}

.detail-section {
  padding-top: 8px;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.video-grid.is-primary-video {
  grid-template-columns: minmax(0, 900px);
}

.video-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: #050505;
}

.video-card video,
.video-card iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 6px;
  background: #000;
}

.reliable-video {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
  background: #000;
}

.reliable-video video {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
}

.reliable-video.has-poster-overlay video {
  opacity: 0.001;
}

.reliable-video-poster {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  place-items: center;
  background: #000;
}

.reliable-video-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.reliable-video-poster span {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 7px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.76);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
}

.reliable-video-play {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: grid;
  width: 4.5rem;
  height: 4.5rem;
  padding: 0;
  place-items: center;
  color: #fff;
  background: rgba(4, 4, 4, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 50%;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease;
}

.reliable-video-play:hover {
  background: var(--accent);
  border-color: var(--accent);
  transform: translate(-50%, -50%) scale(1.06);
}

.reliable-video-play:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

.reliable-video-play svg {
  width: 2rem;
  height: 2rem;
  margin-left: 0.2rem;
}

.reliable-video-error {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 24px;
  background: rgba(5, 5, 5, 0.94);
  color: rgba(255, 247, 251, 0.84);
  text-align: center;
}

.video-placeholder span {
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 850;
  text-transform: uppercase;
}

.format-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.detail-testimonials {
  padding: clamp(22px, 4vw, 38px);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 8% 12%, rgb(var(--brand-pink-rgb) / 0.12), transparent 30%),
    radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.065), transparent 34%),
    rgba(255, 255, 255, 0.026);
}

.testimonial-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(18px, 3vw, 28px);
}

.testimonial-heading h3 {
  margin: 0;
}

.testimonial-grid blockquote {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: clamp(20px, 2.5vw, 28px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.032)),
    rgba(12, 10, 12, 0.76);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.2);
}

.testimonial-grid blockquote::before {
  content: "“";
  position: absolute;
  top: -28px;
  right: 18px;
  color: rgb(var(--brand-pink-rgb) / 0.16);
  font-size: 8rem;
  font-weight: 950;
  line-height: 1;
}

.testimonial-grid blockquote::after {
  content: "";
  position: absolute;
  top: 0;
  right: 18px;
  left: 18px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: var(--brand-pink);
}

.testimonial-grid strong {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 14ch;
  margin-bottom: 14px;
  color: var(--white);
  font-size: clamp(1.18rem, 1.7vw, 1.65rem);
  font-weight: 950;
  line-height: 1.08;
}

.testimonial-grid p {
  position: relative;
  z-index: 1;
  color: rgba(255, 247, 251, 0.78);
  font-size: clamp(0.98rem, 1.12vw, 1.08rem);
  line-height: 1.55;
}

.testimonial-grid cite {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  color: var(--brand-pink);
  font-style: normal;
  font-weight: 950;
  font-size: 1rem;
}

.testimonial-grid cite::before {
  content: "";
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.product-image-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.product-image-strip img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  object-fit: cover;
  background: #050505;
}

.happy-bedroom-technique-showcase {
  display: grid;
  gap: clamp(24px, 4vw, 42px);
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid color-mix(in srgb, var(--brand-pink) 28%, transparent);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--brand-pink) 14%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
    rgba(8, 7, 8, 0.9);
  overflow: hidden;
}

.happy-bedroom-technique-copy {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 14px clamp(28px, 5vw, 72px);
  align-items: end;
}

.happy-bedroom-technique-copy .detail-section-eyebrow {
  grid-column: 1 / -1;
  margin: 0;
}

.happy-bedroom-technique-copy h3 {
  max-width: 15ch;
  margin: 0;
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  line-height: 1;
}

.happy-bedroom-technique-copy > p:last-child {
  max-width: 42ch;
  margin: 0;
  color: rgba(255, 247, 251, 0.72);
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  line-height: 1.58;
}

.happy-bedroom-technique-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1.5vw, 18px);
}

.happy-bedroom-technique-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  object-fit: cover;
  background: #050505;
}

.happy-bedroom-video-samples {
  display: grid;
  gap: clamp(22px, 3vw, 34px);
  padding: clamp(24px, 3.5vw, 42px);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.025);
}

.happy-bedroom-video-samples-copy {
  display: grid;
  gap: 9px;
  max-width: 720px;
}

.happy-bedroom-video-samples-copy h3,
.happy-bedroom-video-samples-copy p {
  margin: 0;
}

.happy-bedroom-video-samples-copy h3 {
  font-size: clamp(1.75rem, 3vw, 2.8rem);
  line-height: 1.05;
}

.happy-bedroom-video-samples-copy > p:last-child {
  color: rgba(255, 247, 251, 0.66);
  line-height: 1.55;
}

.happy-bedroom-video-samples-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.7vw, 20px);
}

.happy-bedroom-video-samples-stage {
  position: relative;
}

.happy-bedroom-video-samples-stage.is-locked {
  min-height: clamp(360px, 34vw, 460px);
  overflow: hidden;
  border-radius: 16px;
}

.happy-bedroom-video-samples-stage.is-locked .happy-bedroom-video-samples-grid {
  min-height: inherit;
  filter: blur(3px) brightness(0.48);
  pointer-events: none;
  transform: scale(1.015);
}

.happy-bedroom-video-samples-gate {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: linear-gradient(90deg, rgba(7, 5, 6, 0.78), rgba(7, 5, 6, 0.48), rgba(7, 5, 6, 0.78));
}

.happy-bedroom-video-samples-gate .adult-video-preview-content {
  width: min(580px, 100%);
  justify-self: center;
  margin: 0;
}

.happy-bedroom-video-sample {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(5, 5, 5, 0.72);
}

.happy-bedroom-video-sample video,
.happy-bedroom-video-sample > img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #050505;
  object-fit: cover;
}

.happy-bedroom-video-sample h4 {
  margin: 0;
  padding: 13px 15px 15px;
  color: rgba(255, 247, 251, 0.88);
  font-size: 0.94rem;
}

@media (max-width: 980px) {
  .happy-bedroom-technique-copy {
    grid-template-columns: 1fr;
  }

  .happy-bedroom-technique-copy .detail-section-eyebrow {
    grid-column: auto;
  }

  .happy-bedroom-technique-copy h3,
  .happy-bedroom-technique-copy > p:last-child {
    max-width: 100%;
  }

  .happy-bedroom-technique-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .happy-bedroom-technique-showcase {
    padding: 22px;
  }

  .happy-bedroom-technique-gallery {
    grid-template-columns: 1fr;
  }

  .happy-bedroom-video-samples-grid {
    grid-template-columns: 1fr;
  }

  .happy-bedroom-video-samples-stage.is-locked {
    min-height: 720px;
  }

  .happy-bedroom-video-samples-gate {
    align-items: start;
    padding-top: 24px;
  }

  .happy-bedroom-video-samples-gate .adult-video-preview-content {
    padding: 20px;
  }
}

.format-grid article {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(5, 5, 5, 0.45);
}

.format-grid span {
  display: block;
  margin: 6px 0;
  color: var(--brand-pink);
  font-weight: 850;
}

.recommendation span,
.access-item span,
.offer-item span,
.login-card span {
  color: var(--muted);
  font-size: 0.9rem;
}

.recommendation strong {
  display: block;
  margin-top: 4px;
  font-size: 1.1rem;
}

.recommendation img {
  width: 72px;
  height: 92px;
  border-radius: 6px;
  object-fit: cover;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.product-card {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 224px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: var(--surface);
  color: inherit;
  text-decoration: none;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease;
}

.product-card > div:last-child {
  min-width: 0;
}

.product-card:hover,
.product-card:focus-visible {
  border-color: var(--brand-pink);
  background: rgb(var(--brand-pink-rgb) / 0.08);
  box-shadow: 0 0 0 1px rgb(var(--brand-pink-rgb) / 0.25), var(--shadow);
  transform: translateY(-1px);
  outline: none;
}

.product-image-frame {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 180px;
  overflow: hidden;
  border-radius: 7px;
  background: #050505;
}

.product-image-frame img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}

.image-contain img {
  width: auto;
  max-width: 100%;
  max-height: 196px;
  object-fit: contain;
}

.image-wide {
  aspect-ratio: 16 / 9;
  min-height: 0;
}

.image-wide img {
  object-fit: contain;
}

.product-card h3 {
  margin-bottom: 8px;
}

.product-card p {
  font-size: 0.93rem;
}

.product-card-highlights {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.product-card-highlights span {
  position: relative;
  display: block;
  padding-left: 18px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.84rem;
  font-weight: 750;
  line-height: 1.35;
}

.product-card-highlights span::before {
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--brand-pink);
  box-shadow: 0 0 0 4px rgb(var(--brand-pink-rgb) / 0.12);
  content: "";
}

.product-card-note {
  display: block;
  margin-top: 12px;
  color: #ffffff;
  font-size: 0.88rem;
  line-height: 1.35;
}

.product-card-price-switch {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.13), rgb(var(--brand-pink-rgb) / 0.06)),
    rgba(255, 255, 255, 0.035);
}

.product-card-price-switch span {
  color: var(--brand-pink);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.product-card-price-switch strong {
  color: var(--white);
  font-size: clamp(1.05rem, 1.5vw, 1.32rem);
  line-height: 1;
}

.product-card-price-switch small {
  color: rgba(255, 247, 251, 0.72);
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.35;
}

.product-card-price-switch.is-unlocked {
  border-color: rgb(var(--brand-pink-rgb) / 0.28);
  background:
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.13), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.035);
}

.product-card-price-switch.is-unlocked span {
  color: var(--mint);
}

.bundle-grid {
  grid-template-columns: 1fr;
}

.product-card.is-wide-product {
  grid-template-columns: minmax(420px, 1.55fr) minmax(260px, 0.9fr);
  min-height: 260px;
}

.product-card.is-wide-product .product-image-frame {
  min-height: 0;
}

.product-card.is-wide-product h3 {
  max-width: 14ch;
}

.product-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--brand-pink);
  font-size: 0.86rem;
  font-weight: 750;
}

.member-hero {
  display: grid;
  gap: 20px;
  align-items: stretch;
  margin-bottom: 22px;
}

.member-hero h1 {
  font-size: clamp(2.05rem, 4vw, 3.8rem);
}

.login-card {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 24px;
  background: var(--black);
  color: var(--white);
}

.continue-card {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 24px;
  background: linear-gradient(150deg, rgb(var(--brand-pink-rgb) / 0.18), rgba(5, 5, 5, 0.95));
}

.continue-card.has-product-cover {
  align-content: stretch;
  grid-template-columns: minmax(112px, 0.42fr) minmax(0, 1fr);
  gap: clamp(18px, 2.2vw, 28px);
  overflow: hidden;
  padding: 18px;
}

.continue-card-cover {
  align-self: center;
  width: 100%;
  height: auto;
  max-height: 236px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(7, 6, 8, 0.72);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
  object-fit: contain;
}

.continue-card-cover.is-square { aspect-ratio: 1; }
.continue-card-cover.is-portrait { aspect-ratio: 3 / 4; }

.continue-card-product-copy {
  display: grid;
  align-content: center;
  min-width: 0;
}

.continue-card-product-copy > strong {
  margin-top: 6px;
}

.continue-card-product-copy > p {
  margin: 8px 0 14px;
}

.member-hero-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.member-assessment-panel {
  background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.059), rgba(14, 13, 16, .98));
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.48);
  border-radius: 34px;
  margin: 28px 0;
  padding: clamp(24px, 4vw, 56px);
  scroll-margin-top: 170px;
}

.member-assessment-panel-head {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 28px;
}

.member-assessment-panel-head h2 {
  margin: 8px 0 10px;
}

.member-assessment-panel-head p {
  color: #bdb6be;
  margin: 0;
}

.member-assessment-panel-head > button,
.member-assessment-back {
  align-items: center;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .16);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 800;
  gap: 8px;
}

.member-assessment-panel-head > button {
  border-radius: 999px;
  flex: 0 0 auto;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.member-assessment-back {
  border-radius: 999px;
  margin-bottom: 20px;
  padding: 11px 17px;
}

.member-assessment-panel .deep-diagnostic-page {
  min-height: 0;
  padding: 0;
}

.member-assessment-panel .deep-diagnostic-intro {
  display: none;
}

@media (max-width: 720px) {
  .member-assessment-panel {
    border-radius: 24px;
    padding: 22px 16px;
  }

  .member-assessment-panel-head {
    gap: 14px;
  }

  .member-assessment-panel-head h2 {
    font-size: clamp(1.75rem, 9vw, 2.4rem);
  }

  .continue-card.has-product-cover {
    grid-template-columns: minmax(92px, 0.35fr) minmax(0, 1fr);
    gap: 16px;
    padding: 14px;
  }

  .continue-card-cover {
    max-height: 190px;
    border-radius: 14px;
  }

  .continue-card-product-copy > strong {
    font-size: 1rem;
  }

  .continue-card-product-copy > p {
    font-size: 0.88rem;
    margin-bottom: 10px;
  }

  .continue-card-product-copy .continue-card-actions > button {
    min-height: 46px;
    padding: 11px 15px;
  }
}

.member-account-card {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 24px;
  background: linear-gradient(150deg, rgb(var(--brand-pink-rgb) / 0.05), rgba(5, 5, 5, 0.95));
}

.member-profile-trigger {
  font-size: 0.92rem;
}

.continue-card-actions {
  display: grid;
  gap: 10px;
  margin-top: 4px;
}

.continue-card-actions > button {
  width: 100%;
  min-height: 52px;
  justify-content: center;
}

.continue-card-logout {
  color: rgb(230 230 230 / 0.88);
}

.continue-card span {
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 850;
  text-transform: uppercase;
}

.login-card span {
  color: rgba(255, 255, 255, 0.72);
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.metric-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 8px;
  color: var(--white);
}

.metric-card strong {
  font-size: 1.75rem;
}

.metric-card span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.9rem;
}

.metric-blue {
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.metric-orange {
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.metric-dark {
  background: var(--black);
}

.admin-overview-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 30px 0 20px;
}

.admin-overview-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.admin-overview-actions .ghost-button { text-decoration: none; }

/* Admin-only member journey design lab */
.member-journey-lab {
  --journey-accent: var(--brand-pink);
  --journey-accent-soft: rgb(var(--brand-pink-rgb) / 0.14);
  --journey-accent-line: rgb(var(--brand-pink-rgb) / 0.42);
  min-height: 100vh;
  padding: 24px clamp(16px, 3vw, 48px) 64px;
  background:
    radial-gradient(circle at 88% 4%, rgb(var(--brand-pink-rgb) / 0.17), transparent 28%),
    radial-gradient(circle at 4% 50%, rgb(var(--brand-pink-rgb) / 0.09), transparent 30%),
    #080709;
}
.member-journey-lab.is-coral {
  --journey-accent: var(--brand-pink);
  --journey-accent-soft: rgb(var(--brand-pink-rgb) / 0.14);
  --journey-accent-line: rgb(var(--brand-pink-rgb) / 0.42);
}
.member-journey-lab-toolbar {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto auto auto;
  gap: 12px;
  margin: 0 auto 18px;
  max-width: 1480px;
}
.member-journey-lab-toolbar > div:first-child { display: grid; gap: 3px; }
.member-journey-lab-toolbar > div:first-child > span { align-items: center; color: var(--brand-pink); display: flex; font-size: .72rem; font-weight: 900; gap: 6px; letter-spacing: .12em; text-transform: uppercase; }
.member-journey-lab-toolbar strong { color: #fff; font-size: 1rem; }
.member-journey-lab-toolbar small { color: #86828a; }
.member-journey-scenario { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); border-radius: 999px; display: flex; justify-self: center; padding: 5px; }
.member-journey-scenario button { background: transparent; border: 0; border-radius: 999px; color: #aaa4ad; cursor: pointer; font: inherit; font-size: .9rem; font-weight: 900; min-width: 142px; padding: 12px 20px; }
.member-journey-scenario button.is-active { background: var(--brand-pink); color: var(--brand-on-pink) !important; box-shadow: 0 8px 24px color-mix(in srgb, var(--brand-pink), transparent 68%); }
.member-guidance-scenario { background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.11); border-radius: 999px; display: flex; padding: 4px; }
.member-guidance-scenario button { background: transparent; border: 0; border-radius: 999px; color: #848484; cursor: pointer; font: inherit; font-size: .68rem; font-weight: 850; padding: 9px 11px; }
.member-guidance-scenario button.is-active { background: rgba(255,255,255,.12); color: #fff; }
.member-journey-admin-back { align-items: center; color: #b8b3bc; display: inline-flex; font-size: .8rem; font-weight: 800; gap: 7px; justify-self: end; text-decoration: none; }
.member-journey-browser { background: #0d0b0e; border: 1px solid rgba(255,255,255,.12); border-radius: 30px; box-shadow: 0 40px 100px rgba(0,0,0,.5); margin: 0 auto; max-width: 1480px; min-height: 860px; overflow: hidden; }
.member-journey-nav { align-items: center; background: rgba(9,8,10,.96); border-bottom: 1px solid rgba(255,255,255,.08); display: grid; grid-template-columns: 1fr auto 1fr; min-height: 86px; padding: 0 clamp(22px, 4vw, 62px); position: relative; z-index: 2; }
.member-journey-brand { align-items: center; color: #fff; display: flex; font-size: .75rem; font-weight: 950; gap: 10px; letter-spacing: .08em; line-height: .95; text-decoration: none; }
.member-journey-brand img { height: 36px; object-fit: contain; width: 36px; }
.member-journey-nav-links { display: flex; gap: 8px; }
.member-journey-nav-links button { align-items: center; background: transparent; border: 0; border-radius: 999px; color: #99949d; cursor: pointer; display: flex; font: inherit; font-size: .84rem; font-weight: 850; gap: 8px; padding: 11px 17px; }
.member-journey-nav-links button.is-active { background: var(--journey-accent-soft); color: #fff; }
.member-recommendation-nav-icon { align-items: center; display: inline-flex; height: 20px; justify-content: center; position: relative; width: 20px; }
.member-recommendation-nav-icon > svg:first-child { height: 20px; width: 20px; }
.member-recommendation-nav-icon > svg:last-child { color: var(--brand-pink); left: 6px; position: absolute; top: 6px; }
.member-journey-profile { align-items: center; background: transparent; border: 0; color: #fff; cursor: pointer; display: flex; font: inherit; gap: 10px; justify-self: end; text-align: left; }
.member-journey-profile > svg { background: rgba(255,255,255,.08); border-radius: 50%; box-sizing: content-box; padding: 10px; }
.member-journey-profile span { font-size: .8rem; font-weight: 850; line-height: 1.15; }
.member-journey-profile small { color: #817c85; font-size: .66rem; font-weight: 650; }
.member-journey-profile-panel { background: #171318; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; box-shadow: 0 24px 70px rgba(0,0,0,.55); color: #fff; display: grid; padding: 22px; position: absolute; right: clamp(18px, 4vw, 62px); top: 72px; width: min(390px, calc(100vw - 36px)); z-index: 20; }
.member-journey-profile-panel h2 { font-size: 1.35rem; letter-spacing: -.035em; margin: 10px 0 7px; }
.member-journey-profile-panel > p { color: #939393; font-size: .73rem; line-height: 1.55; margin: 0 0 16px; }
.member-journey-profile-panel > div { display: grid; gap: 7px; }
.member-journey-profile-panel > div > button { align-items: center; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; color: #fff; cursor: pointer; display: flex; font: inherit; gap: 12px; justify-content: space-between; padding: 12px 14px; text-align: left; }
.member-journey-profile-panel > div > button.is-active { background: var(--journey-accent-soft); border-color: var(--journey-accent-line); }
.member-journey-profile-panel button > span { display: grid; gap: 3px; }
.member-journey-profile-panel button strong { font-size: .76rem; }
.member-journey-profile-panel button small { color: #8f8992; font-size: .62rem; }
.member-journey-profile-panel button > svg { color: var(--brand-pink); flex: 0 0 auto; }
.member-journey-screen { animation: member-journey-enter .35s ease both; }
@keyframes member-journey-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.member-journey-eyebrow { align-items: center; color: var(--brand-pink); display: inline-flex; font-size: .72rem; font-weight: 950; gap: 7px; letter-spacing: .13em; text-transform: uppercase; }
.member-journey-welcome { align-items: center; background: linear-gradient(120deg, rgba(255,255,255,.035), var(--journey-accent-soft)); display: grid; gap: clamp(30px, 5vw, 90px); grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr); padding: clamp(48px, 7vw, 100px) clamp(28px, 7vw, 108px); position: relative; }
.member-journey-welcome::after { background: linear-gradient(90deg, var(--brand-pink), transparent); bottom: 0; content: ""; height: 1px; left: 7%; opacity: .5; position: absolute; right: 7%; }
.member-journey-welcome h1 { color: #fff; font-size: clamp(3rem, 6vw, 6.8rem); letter-spacing: -.065em; line-height: .87; margin: 22px 0 28px; max-width: 850px; }
.member-journey-welcome h1 em { color: #aaa5ad; font-style: normal; font-weight: 500; }
.member-journey-welcome > div > p { color: #a5a0a9; font-size: clamp(1rem, 1.5vw, 1.3rem); line-height: 1.7; max-width: 620px; }
.member-journey-continue-card { background: linear-gradient(135deg, color-mix(in srgb, var(--brand-pink), transparent 78%), rgb(21 21 21 / 0.96) 46%, #121014); border: 1px solid var(--journey-accent-line); border-radius: 26px; box-shadow: 0 28px 80px rgba(0,0,0,.32); display: grid; gap: 24px; grid-template-columns: minmax(165px, .75fr) 1fr; overflow: hidden; padding: 18px; transform: none; }
.member-journey-continue-card > img { align-self: center; aspect-ratio: 1; background: #171318; border-radius: 17px; height: auto; object-fit: contain; width: 100%; }
.member-journey-continue-card > img.is-book-cover { aspect-ratio: auto; background: transparent; object-fit: contain; }
.member-journey-continue-card > div { align-content: center; display: grid; padding: 12px 12px 12px 0; }
.member-journey-continue-card span { color: var(--brand-pink); font-size: .7rem; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.member-journey-continue-card strong { color: #fff; font-size: 1.6rem; letter-spacing: -.03em; margin-top: 7px; }
.member-journey-continue-card p, .member-journey-continue-card small { color: #aaa4ad; }
.member-journey-continue-card p { font-size: .84rem; margin: 5px 0 18px; }
.member-journey-continue-card small { font-size: .68rem; margin: 7px 0 14px; }
.member-journey-progress { background: rgba(255,255,255,.13); border-radius: 999px; height: 5px; overflow: hidden; }
.member-journey-progress i { background: var(--brand-pink); border-radius: inherit; display: block; height: 100%; }
.member-journey-continue-card button { align-items: center; background: var(--brand-pink); border: 0; border-radius: 999px; color: var(--brand-on-pink) !important; cursor: pointer; display: flex; font: inherit; font-size: .78rem; font-weight: 900; gap: 8px; justify-content: center; padding: 12px 16px; }
.member-safe-benefits { align-items: stretch; display: grid; gap: 18px; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); padding: 42px clamp(28px, 7vw, 108px) 0; }
.member-safe-benefits .member-weekly-video { height: 100%; margin: 0; }
.member-safe-benefits .member-testimonial-reward { height: 100%; }
.member-safe-benefits .member-testimonial-reward .primary-button { border: 0; cursor: pointer; font: inherit; }
.member-guidance-permission { align-items: center; background: linear-gradient(135deg, rgba(255,255,255,.045), var(--journey-accent-soft)); border: 1px solid var(--journey-accent-line); border-radius: 28px; display: grid; gap: 28px; grid-template-columns: auto minmax(0, 1fr) minmax(245px, auto); margin: 42px clamp(28px, 7vw, 108px) 0; padding: clamp(26px, 4vw, 46px); }
.member-guidance-permission-icon { align-items: center; background: var(--journey-accent-soft); border: 1px solid var(--journey-accent-line); border-radius: 50%; color: var(--brand-pink); display: flex; height: 72px; justify-content: center; width: 72px; }
.member-guidance-permission h2 { color: #fff; font-size: clamp(1.7rem, 3vw, 3rem); letter-spacing: -.045em; line-height: 1.04; margin: 12px 0; max-width: 850px; }
.member-guidance-permission p { color: #aaa4ad; font-size: .88rem; line-height: 1.6; margin: 0; max-width: 800px; }
.member-guidance-permission small { color: #7e7881; display: block; font-size: .65rem; margin-top: 12px; }
.member-guidance-permission-actions { display: grid; gap: 9px; }
.member-guidance-permission-actions button { align-items: center; background: transparent; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #fff; cursor: pointer; display: flex; font: inherit; font-size: .72rem; font-weight: 900; gap: 8px; justify-content: center; padding: 13px 16px; }
.member-guidance-permission-actions button.is-primary { background: var(--brand-pink); border-color: var(--brand-pink); color: var(--brand-on-pink) !important; }
.member-guidance-questionnaire { background: linear-gradient(135deg, rgba(255,255,255,.045), var(--journey-accent-soft)); border: 1px solid var(--journey-accent-line); border-radius: 28px; display: grid; gap: 28px; margin: 42px clamp(28px, 7vw, 108px) 0; padding: clamp(28px, 4vw, 48px); }
.member-guidance-questionnaire > header { max-width: 900px; }
.member-guidance-questionnaire h2 { color: #fff; font-size: clamp(2rem, 4vw, 4.2rem); letter-spacing: -.055em; line-height: .96; margin: 14px 0; }
.member-guidance-questionnaire > header > p { color: #aaa4ad; font-size: .86rem; line-height: 1.65; margin: 0; max-width: 760px; }
.member-guidance-answer-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.member-guidance-answer-grid.is-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.member-guidance-answer-grid > button, .member-guidance-depth-grid > button { align-items: center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; color: #fff; cursor: pointer; display: grid; font: inherit; gap: 8px 14px; min-height: 92px; padding: 19px 20px; text-align: left; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.member-guidance-answer-grid > button { grid-template-columns: minmax(0, 1fr) auto; }
.member-guidance-answer-grid > button:hover, .member-guidance-depth-grid > button:hover { background: var(--journey-accent-soft); border-color: var(--brand-pink); transform: translateY(-2px); }
.member-guidance-answer-grid strong { font-size: .87rem; line-height: 1.25; }
.member-guidance-answer-grid span { color: #918b94; font-size: .69rem; grid-column: 1; line-height: 1.45; }
.member-guidance-answer-grid svg, .member-guidance-depth-grid svg { color: var(--brand-pink); }
.member-guidance-depth-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.member-guidance-depth-grid > button { grid-template-columns: auto minmax(0, 1fr) auto; }
.member-guidance-depth-grid > button > span { display: grid; gap: 5px; }
.member-guidance-depth-grid strong { font-size: .9rem; }
.member-guidance-depth-grid small { color: #918b94; font-size: .68rem; line-height: 1.45; }
.member-guidance-questionnaire > footer { align-items: center; display: flex; justify-content: space-between; }
.member-guidance-questionnaire > footer button { align-items: center; background: transparent; border: 0; color: #aaa4ad; cursor: pointer; display: inline-flex; font: inherit; font-size: .7rem; font-weight: 850; gap: 7px; padding: 7px 0; }
.member-strength-assessment-progress { display: grid; gap: 9px; }
.member-strength-assessment-progress > div { align-items: center; color: var(--brand-pink); display: flex; font-size: .68rem; font-weight: 900; justify-content: space-between; letter-spacing: .08em; text-transform: uppercase; }
.member-strength-assessment-progress::after { background: rgba(255,255,255,.1); border-radius: 999px; content: ""; grid-column: 1; grid-row: 2; height: 5px; width: 100%; }
.member-strength-assessment-progress > i { background: var(--brand-pink); border-radius: 999px; grid-column: 1; grid-row: 2; height: 5px; position: relative; transition: width .22s ease; z-index: 1; }
.member-strength-assessment-answers > button { min-height: 126px; }
.member-strength-assessment-result { background: linear-gradient(120deg, rgb(var(--brand-pink-rgb) / 0.13), rgba(255,255,255,.035)); border: 1px solid rgb(var(--brand-pink-rgb) / 0.34); border-radius: 18px; display: grid; gap: 7px; margin-bottom: 22px; padding: 18px 20px; }
.member-strength-assessment-result > span { color: var(--brand-pink); font-size: .66rem; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; }
.member-strength-assessment-result > strong { color: #fff; font-size: 1rem; line-height: 1.35; }
.member-strength-assessment-result > p { color: #aaa4ad; font-size: .76rem; line-height: 1.55; margin: 0; }
.member-guidance-live { --journey-accent: var(--brand-pink); --journey-accent-soft: rgb(var(--brand-pink-rgb) / 0.11); --journey-accent-line: rgb(var(--brand-pink-rgb) / 0.3); }
.member-guidance-live .member-next-step-card { margin-top: 28px; }
.member-guidance-live .member-next-step-card > img { align-self: center; border-radius: 18px; box-shadow: 0 28px 70px rgba(0,0,0,.38); max-height: 360px; object-fit: contain; width: 100%; }
.member-guidance-buy, .member-guidance-bundle a, .member-guidance-finish { align-items: center; background: var(--brand-pink); border: 1px solid var(--brand-pink); border-radius: 999px; color: var(--brand-on-pink) !important; display: inline-flex; font: inherit; font-size: .78rem; font-weight: 900; gap: 8px; justify-content: center; margin-top: 18px; padding: 13px 18px; text-decoration: none; width: fit-content; }
.member-next-step-sample-highlight button:disabled { cursor: default; filter: saturate(.55); opacity: .72; }
.member-guidance-bundle { align-items: center; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.1); border-radius: 22px; display: grid; gap: 18px; grid-template-columns: 74px minmax(0,1fr) auto; margin-top: 18px; padding: 18px 20px; }
.member-guidance-bundle.is-strong { background: linear-gradient(120deg, rgb(var(--brand-pink-rgb) / 0.15), rgba(255,255,255,.035)); border-color: rgb(var(--brand-pink-rgb) / 0.38); }
.member-guidance-bundle img { border-radius: 12px; height: 74px; object-fit: cover; width: 74px; }
.member-guidance-bundle > div { display: grid; gap: 5px; }
.member-guidance-bundle small { color: var(--brand-pink); font-size: .65rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.member-guidance-bundle strong { color: #fff; font-size: 1.05rem; }
.member-guidance-bundle p { color: #99939c; font-size: .72rem; line-height: 1.5; margin: 0; }
.member-guidance-bundle a { background: transparent; border-color: rgba(255,255,255,.18); margin: 0; white-space: nowrap; }
.member-guidance-bundle .happy-bedroom-promo-preview { margin-top: 4px; }
.member-guidance-finish { cursor: pointer; }
.member-guidance-notice { color: var(--brand-pink); font-size: .75rem; margin: 0; }
.member-book-sample-player { align-items: center; background: linear-gradient(120deg, rgb(var(--brand-pink-rgb) / 0.15), rgba(255,255,255,.035)); border: 1px solid rgb(var(--brand-pink-rgb) / 0.38); border-radius: 20px; display: grid; gap: 14px; grid-template-columns: auto minmax(0,1fr) auto; margin-top: 4px; padding: 17px; position: relative; }
.member-book-sample-player audio { display: none; }
.member-book-sample-play { align-items: center; background: var(--brand-pink); border: 0; border-radius: 50%; color: var(--brand-on-pink) !important; cursor: pointer; display: flex; height: 48px; justify-content: center; width: 48px; }
.member-book-sample-play:disabled { cursor: default; opacity: .48; }
.member-book-sample-player > div:not(.member-book-sample-list) { display: grid; gap: 4px; }
.member-book-sample-player small { align-items: center; color: var(--brand-pink); display: flex; font-size: .65rem; font-weight: 900; gap: 6px; letter-spacing: .07em; text-transform: uppercase; }
.member-book-sample-player strong { color: #fff; font-size: .92rem; }
.member-book-sample-player span { color: #a9a3ab; font-size: .69rem; line-height: 1.45; }
.member-book-sample-chapters { align-items: center; background: transparent; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-size: .68rem; font-weight: 850; gap: 7px; padding: 10px 12px; }
.member-book-sample-list { background: #171317; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; display: grid; grid-column: 1 / -1; max-height: 280px; overflow: auto; padding: 7px; }
.member-book-sample-list button { align-items: center; background: transparent; border: 0; border-radius: 10px; color: #d8d2d7; cursor: pointer; display: grid; font: inherit; font-size: .71rem; gap: 9px; grid-template-columns: 28px minmax(0, 1fr) auto; padding: 10px; text-align: left; }
.member-book-sample-list button.is-active { background: rgb(var(--brand-pink-rgb) / 0.14); color: #fff !important; }
.member-book-sample-list button span { color: var(--brand-pink); font-weight: 900; }
.member-book-sample-list button strong { min-width: 0; }
.member-book-sample-list button time { color: #918b94; font-size: .66rem; font-variant-numeric: tabular-nums; font-weight: 850; }
.member-book-sample-player > p { color: var(--brand-pink); font-size: .71rem; grid-column: 1 / -1; margin: 0; }
.member-guidance-quiet { align-items: center; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.1); border-radius: 20px; color: #fff; display: grid; gap: 15px; grid-template-columns: auto 1fr auto; margin: 42px clamp(28px, 7vw, 108px) 0; padding: 22px 26px; }
.member-guidance-quiet > svg { color: var(--brand-pink); }
.member-guidance-quiet > div { display: grid; gap: 4px; }
.member-guidance-quiet strong { font-size: .88rem; }
.member-guidance-quiet span { color: #8f8992; font-size: .72rem; line-height: 1.5; }
.member-guidance-quiet button { background: transparent; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #fff; cursor: pointer; font: inherit; font-size: .7rem; font-weight: 850; padding: 10px 14px; }
.member-credit-countdown { align-items: center; background: linear-gradient(125deg, var(--journey-accent-soft), rgba(255,255,255,.035) 48%, rgba(13,11,14,.98)); border: 1px solid var(--journey-accent-line); border-radius: 26px; display: grid; gap: clamp(25px, 3vw, 48px); grid-template-columns: minmax(300px, 1.2fr) auto minmax(260px, .8fr); margin: 42px auto 0; max-width: 1540px; padding: clamp(24px, 3vw, 38px); width: calc(100% - clamp(56px, 14vw, 216px)); }
.member-credit-countdown-copy { min-width: 0; }
.member-credit-countdown-copy h2 { color: #fff; font-size: clamp(1.8rem, 3vw, 3.1rem); letter-spacing: -.045em; line-height: 1; margin: 12px 0; }
.member-credit-countdown-copy > p { color: #aaa4ad; font-size: .82rem; line-height: 1.6; margin: 0; max-width: 610px; }
.member-credit-book-progress { margin-top: 21px; max-width: 520px; }
.member-credit-book-progress > span { align-items: center; color: #d5cfd7; display: flex; font-size: .72rem; font-weight: 800; gap: 7px; }
.member-credit-book-progress > span svg { color: var(--brand-pink); }
.member-credit-book-progress > div { background: rgba(255,255,255,.11); border-radius: 999px; height: 5px; margin-top: 9px; overflow: hidden; }
.member-credit-book-progress > div > i { background: var(--brand-pink); border-radius: inherit; display: block; height: 100%; width: 18%; }
.member-credit-timer { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(72px, 1fr)); }
.member-credit-timer > span { align-items: center; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.11); border-radius: 14px; display: grid; min-height: 86px; min-width: 64px; padding: 10px; text-align: center; }
.member-credit-timer strong { color: #fff; font-size: 1.55rem; letter-spacing: -.04em; }
.member-credit-timer small { color: #918b94; font-size: .58rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.member-credit-actions { display: grid; gap: 9px; }
.member-credit-actions button { align-items: center; border-radius: 999px; cursor: pointer; display: flex; font: inherit; font-size: .72rem; font-weight: 900; gap: 8px; justify-content: center; padding: 12px 15px; }
.member-credit-primary { background: var(--brand-pink); border: 1px solid var(--brand-pink); color: #fff; }
.member-credit-secondary { background: transparent; border: 1px solid rgba(255,255,255,.18); color: #fff; }
.member-credit-actions > small { color: #77717a; font-size: .58rem; line-height: 1.45; text-align: center; }
.member-next-step-section { padding: clamp(70px, 8vw, 120px) clamp(28px, 7vw, 108px); }
.member-next-step-heading { align-items: end; display: flex; justify-content: space-between; gap: 36px; margin-bottom: 38px; }
.member-next-step-heading h2, .member-mini-path h2, .member-owned-preview h2, .member-sample-layout h2 { color: #fff; font-size: clamp(2.2rem, 4vw, 4.6rem); letter-spacing: -.055em; line-height: .95; margin: 14px 0 0; }
.member-next-step-heading > p { color: #8f8992; line-height: 1.6; max-width: 400px; }
.member-next-step-heading > p strong { color: #fff; }
.member-offer-guide { align-items: end; align-self: stretch; display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr) 132px; max-width: 470px; overflow: hidden; padding: 0 8px; }
.member-offer-guide > img { align-self: end; filter: drop-shadow(0 18px 34px rgba(0,0,0,.42)); height: 158px; justify-self: end; object-fit: contain; object-position: bottom; width: 132px; }
.member-offer-guide > p { color: #99939c; font-size: .79rem; line-height: 1.58; margin: 0 0 18px; }
.member-offer-guide > p strong { color: #fff; display: block; margin-top: 8px; }
.member-next-step-card { align-items: center; background: linear-gradient(135deg, #21181e, #151215 55%, #151515); border: 1px solid var(--journey-accent-line); border-radius: 28px; display: grid; gap: clamp(28px, 3vw, 48px); grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); margin-inline: auto; max-width: 1540px; overflow: hidden; padding: clamp(26px, 3vw, 42px); position: relative; width: 100%; }
.member-next-step-card::before { background: var(--brand-pink); border-radius: 50%; content: ""; filter: blur(90px); height: 240px; opacity: .12; position: absolute; right: -80px; top: -120px; width: 240px; }
.member-next-step-cover { align-self: center; justify-self: center; max-width: 340px; min-width: 0; position: relative; width: 100%; }
.member-next-step-cover > span { background: #fff; border-radius: 999px; color: #09080a; font-size: .64rem; font-weight: 950; left: -10px; letter-spacing: .08em; padding: 8px 11px; position: absolute; text-transform: uppercase; top: 17px; transform: rotate(-4deg); z-index: 1; }
.member-next-step-cover img { aspect-ratio: 3 / 4; background: #171318; border-radius: 18px; display: block; height: auto; max-height: 470px; object-fit: contain; width: 100%; }
.member-next-step-copy { align-content: center; display: grid; min-width: 0; }
.member-next-step-copy > small { color: var(--brand-pink); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.member-next-step-copy h3 { color: #fff; font-size: clamp(2.8rem, 5vw, 5.8rem); letter-spacing: -.06em; line-height: .9; margin: 10px 0 22px; }
.member-next-step-copy > p { color: #c1bbc3; font-size: 1.06rem; line-height: 1.7; margin: 0 0 18px; max-width: 650px; }
.member-next-step-copy ul { display: grid; gap: 9px; list-style: none; margin: 0 0 26px; padding: 0; }
.member-next-step-copy li { align-items: center; color: #9e98a0; display: flex; font-size: .83rem; gap: 9px; }
.member-next-step-copy li svg { color: var(--brand-pink); }
.member-bundle-content-summary { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 4px 0 20px; }
.member-bundle-content-summary > div { align-items: center; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.11); border-radius: 15px; display: grid; gap: 2px 9px; grid-template-columns: auto 1fr; padding: 13px; }
.member-bundle-content-summary svg { color: var(--brand-pink); grid-row: 1 / span 2; }
.member-bundle-content-summary strong { color: #fff; font-size: 1.4rem; letter-spacing: -.04em; line-height: 1; }
.member-bundle-content-summary span { color: #aaa4ad; font-size: .61rem; font-weight: 800; line-height: 1.25; }
.member-bundle-cover-strip { align-items: end; display: flex; gap: 6px; margin: 0 0 22px; overflow: visible; padding: 7px 0; }
.member-bundle-cover-strip img { aspect-ratio: 1; background: #171318; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; box-shadow: 0 8px 18px rgba(0,0,0,.28); height: 54px; object-fit: cover; width: 54px; }
.member-bundle-cover-strip img:nth-child(2n) { transform: translateY(-5px); }
.member-next-step-sample-highlight { align-items: center; background: linear-gradient(120deg, color-mix(in srgb, var(--brand-pink), transparent 82%), rgba(255,255,255,.035)); border: 1px solid color-mix(in srgb, var(--brand-pink), #fff 24%); border-radius: 20px; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr) auto; margin-top: 3px; padding: 18px; }
.member-next-step-sample-highlight > div { display: grid; gap: 4px; }
.member-next-step-sample-highlight > div > span { align-items: center; color: var(--brand-pink); display: flex; font-size: .67rem; font-weight: 950; gap: 7px; letter-spacing: .11em; text-transform: uppercase; }
.member-next-step-sample-highlight > div > strong { color: #fff; font-size: 1.03rem; line-height: 1.25; }
.member-next-step-sample-highlight > div > small { color: #a9a3ab; font-size: .72rem; }
.member-next-step-sample-highlight .member-next-step-primary { align-items: center; background: var(--brand-pink); border: 1px solid var(--brand-pink); border-radius: 999px; box-shadow: 0 12px 34px rgb(var(--brand-pink-rgb) / 0.24); color: var(--brand-on-pink) !important; cursor: pointer; display: inline-flex; font: inherit; font-size: .86rem; font-weight: 900; gap: 8px; justify-content: center; min-height: 52px; padding-inline: 22px; white-space: nowrap; }
.member-next-step-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.member-next-step-actions.is-secondary-only { margin-top: 10px; }
.member-next-step-actions.is-secondary-only .member-next-step-secondary { color: #aaa4ad; font-size: .72rem; padding: 9px 12px; }
.member-next-step-actions button, .member-next-step-price button, .member-sample-layout aside button, .member-roadmap article button { align-items: center; border-radius: 999px; cursor: pointer; display: inline-flex; font: inherit; font-size: .78rem; font-weight: 900; gap: 8px; justify-content: center; padding: 13px 17px; }
.member-next-step-primary, .member-next-step-price button, .member-sample-layout aside button { background: var(--brand-pink); border: 1px solid var(--brand-pink); color: var(--brand-on-pink) !important; }
.member-next-step-secondary, .member-roadmap article button { background: transparent; border: 1px solid rgba(255,255,255,.17); color: #fff; }
.member-next-step-price { align-items: center; background: linear-gradient(115deg, var(--journey-accent-soft), rgba(255,255,255,.035)); border: 1px solid var(--journey-accent-line); border-radius: 20px; color: #fff; display: grid; gap: 5px 20px; grid-column: 1 / -1; grid-template-columns: auto auto minmax(220px, 1fr) auto; min-height: 0; min-width: 0; padding: 22px 24px; position: relative; width: 100%; z-index: 1; }
.member-next-step-price > span { color: #b7b0b9; font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.member-next-step-price > span { grid-column: 1 / span 2; grid-row: 1; }
.member-next-step-price > strong { font-size: 2.5rem; grid-column: 1; grid-row: 2; letter-spacing: -.05em; margin: 0; }
.member-next-step-price > small { color: #aaa4ad; grid-column: 2; grid-row: 2; margin: 0; }
.member-next-step-price > p { align-items: flex-start; align-self: center; color: #c1bbc3; display: flex; font-size: .72rem; gap: 7px; grid-column: 3; grid-row: 1 / span 2; line-height: 1.5; margin: 0; max-width: 520px; }
.member-next-step-price > p svg { color: var(--brand-pink); flex: 0 0 auto; }
.member-next-step-price > button { background: var(--brand-pink); border: 0; grid-column: 4; grid-row: 1 / span 2; min-width: 180px; padding: 14px 20px; color: var(--brand-on-pink) !important; }
.member-book-credit-explanation { color: #c9c3cb; font-size: .73rem; line-height: 1.5; min-width: 0; }
.member-next-step-price > .member-book-credit-explanation { grid-column: 3; grid-row: 1 / span 2; max-width: 540px; }
.member-next-step-price > .member-book-credit-explanation[open] { grid-column: 1 / -1; grid-row: 3; max-width: none; margin-top: 12px; }
.member-book-credit-explanation summary { cursor: pointer; display: grid; gap: 6px; list-style: none; outline: none; }
.member-book-credit-explanation summary::-webkit-details-marker { display: none; }
.member-book-credit-explanation summary > span { color: #ded9df; font-weight: 750; }
.member-book-credit-explanation summary > small { align-items: center; color: var(--brand-pink); display: inline-flex; font-size: .67rem; font-weight: 900; gap: 7px; width: max-content; }
.member-book-credit-explanation summary i { align-items: center; background: #fff; border-radius: 50%; color: #0c0a0d; display: inline-flex; font-family: Arial, sans-serif; font-size: .66rem; font-style: normal; height: 19px; justify-content: center; width: 19px; }
.member-book-credit-explanation summary:focus-visible { border-radius: 7px; box-shadow: 0 0 0 3px rgba(140,195,255,.9); }
.member-book-credit-panel { background: rgba(8,7,9,.76); border: 1px solid color-mix(in srgb, var(--brand-pink), transparent 48%); border-radius: 17px; display: grid; gap: 12px; margin-top: 12px; padding: 20px; }
.member-book-credit-panel > strong:first-child { color: #fff; font-size: 1.05rem; }
.member-book-credit-panel > p { color: #b8b1ba; line-height: 1.65; margin: 0; max-width: 850px; }
.member-book-credit-table-wrap { overflow-x: auto; }
.member-book-credit-panel table { border-collapse: collapse; color: #d7d1d8; width: 100%; }
.member-book-credit-panel th, .member-book-credit-panel td { border-bottom: 1px solid rgba(255,255,255,.1); padding: 12px 14px; text-align: left; vertical-align: top; }
.member-book-credit-panel thead th { color: #8e8790; font-size: .61rem; letter-spacing: .1em; text-transform: uppercase; }
.member-book-credit-panel tbody th { color: #fff; font-size: .75rem; width: 29%; }
.member-book-credit-panel tbody td { color: #b8b1ba; font-size: .72rem; }
.member-book-credit-panel tbody td > span { display: block; }
.member-book-credit-link { align-items: center; color: var(--brand-pink); display: inline-flex; font-weight: 900; gap: 7px; margin-top: 9px; text-decoration: none; }
.member-book-credit-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.member-book-credit-link:focus-visible { border-radius: 5px; outline: 2px solid #fff; outline-offset: 4px; }
.member-book-credit-panel .member-book-credit-choice { color: #e3dde4; }
.member-book-credit-control { color: var(--brand-pink); font-size: .86rem; }
.member-next-step-price-original { color: #a59ea7; font-size: .71rem; grid-column: 1 / span 3; grid-row: 2; }
.member-next-step-price-original s { color: #d2cbd3; margin-left: 5px; text-decoration-color: var(--brand-pink); text-decoration-thickness: 2px; }
.member-next-step-price.is-bundle > strong { grid-column: 1; grid-row: 3; }
.member-next-step-price.is-bundle > small { grid-column: 2 / span 2; grid-row: 3; max-width: 390px; }
.member-next-step-price.is-bundle > button { grid-row: 1 / span 3; }
.member-soft-bundle-option { align-items: center; background: linear-gradient(125deg, rgb(var(--brand-pink-rgb) / 0.16), rgba(255,255,255,.04) 42%, rgb(var(--brand-pink-rgb) / 0.11)); border: 1px solid rgb(var(--brand-pink-rgb) / 0.48); border-radius: 25px; box-shadow: 0 22px 58px rgba(0,0,0,.2); display: grid; gap: clamp(22px, 3vw, 44px); grid-template-columns: 180px minmax(0, 1fr) minmax(230px, auto); margin: 24px auto 0; max-width: 1540px; padding: clamp(22px, 3vw, 34px); position: relative; }
.member-soft-bundle-option::before { background: var(--brand-pink); border-radius: 25px 25px 0 0; content: ""; height: 3px; left: 22px; position: absolute; right: 22px; top: 0; }
.member-soft-bundle-option .happy-bedroom-promo-preview { position: relative; }
.member-soft-bundle-visual { padding-top: 42px; position: relative; }
.member-soft-bundle-visual > img { aspect-ratio: 1; border-radius: 18px; box-shadow: 0 18px 45px rgba(0,0,0,.34); display: block; object-fit: cover; width: 180px; }
.member-soft-bundle-visual > strong { align-items: center; background: #fff; border-radius: 999px; box-shadow: 0 12px 30px rgba(0,0,0,.3); color: #151114; display: flex; font-size: .9rem; height: 42px; justify-content: center; padding: 0 17px; position: absolute; right: 0; top: -2px; transform: none; white-space: nowrap; }
.member-soft-bundle-copy { display: grid; gap: 7px; }
.member-soft-bundle-copy > span { color: var(--brand-pink); font-size: .68rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.member-soft-bundle-copy > h3 { color: #fff; font-size: clamp(1.8rem, 3vw, 3rem); letter-spacing: -.045em; line-height: 1; margin: 0; }
.member-soft-bundle-copy > p { color: #c1bbc3; font-size: .78rem; line-height: 1.55; margin: 4px 0 0; max-width: 650px; }
.member-soft-bundle-copy > small { color: #817b84; font-size: .64rem; line-height: 1.45; }
.member-soft-bundle-saving { align-content: center; border-left: 1px solid rgba(255,255,255,.12); display: grid; padding-left: clamp(22px, 3vw, 38px); }
.member-soft-bundle-saving > span { color: #9e979f; font-size: .68rem; }
.member-soft-bundle-saving > span s { text-decoration-color: var(--brand-pink); text-decoration-thickness: 2px; }
.member-soft-bundle-saving > strong { color: #fff; font-size: 2.5rem; letter-spacing: -.055em; margin-top: 4px; }
.member-soft-bundle-saving > b { color: var(--brand-pink); font-size: .74rem; margin: 2px 0 17px; }
.member-soft-bundle-saving > button { align-items: center; background: var(--brand-pink); border: 0; border-radius: 999px; color: var(--brand-on-pink) !important; cursor: pointer; display: inline-flex; font: inherit; font-size: .72rem; font-weight: 900; gap: 7px; justify-content: center; min-height: 46px; padding: 11px 16px; white-space: nowrap; }
.member-mini-path { background: linear-gradient(140deg, color-mix(in srgb, var(--brand-pink), transparent 88%), rgba(13,11,14,.98) 58%); color: #fff; padding: clamp(65px, 7vw, 98px) clamp(28px, 7vw, 108px); }
.member-mini-path h2 { color: #fff; max-width: 900px; }
.member-mini-path-guide { align-items: end; display: grid; gap: 38px; grid-template-columns: minmax(0, 1fr) 220px; overflow: hidden; }
.member-mini-path-guide > div > p { color: #a9a3ab; font-size: .82rem; line-height: 1.55; margin: 20px 0 0; }
.member-mini-path-guide > div > p strong { color: #fff; }
.member-mini-path-guide > img { align-self: end; filter: drop-shadow(0 18px 35px rgba(0,0,0,.42)); height: 245px; justify-self: end; object-fit: contain; object-position: bottom; width: 220px; }
.member-mini-path-map { align-items: stretch; background: rgba(255,255,255,.035); border: 1px solid var(--journey-accent-line); border-radius: 26px; cursor: pointer; display: grid; gap: 18px; grid-template-columns: 1fr auto 1fr auto 1fr; margin-top: 38px; padding: 28px; width: 100%; }
.member-mini-path-map > span { align-content: center; align-items: center; column-gap: 16px; display: grid; grid-template-columns: 104px minmax(0, 1fr); justify-items: start; min-height: 132px; padding: 12px; text-align: left; }
.member-mini-path-map > span > img { align-self: center; aspect-ratio: 1; background: #171318; border-radius: 11px; grid-column: 1; grid-row: 1 / span 3; height: 104px; object-fit: cover; width: 104px; }
.member-mini-path-map > span > i { align-items: center; background: rgba(255,255,255,.1); border-radius: 50%; color: #aaa4ad; display: inline-flex; font-size: .78rem; font-style: normal; font-weight: 950; height: 34px; justify-content: center; margin-bottom: 12px; width: 34px; }
.member-mini-path-map > span > i, .member-mini-path-map > span > small, .member-mini-path-map > span > strong { grid-column: 2; }
.member-mini-path-map > span.is-complete > i { background: #212121; color: var(--brand-pink); }
.member-mini-path-map > span.is-current { background: var(--journey-accent-soft); border-radius: 17px; }
.member-mini-path-map > span.is-current > i { background: var(--brand-pink); color: var(--brand-on-pink) !important; }
.member-mini-path-map small { color: #8b848c; font-size: .66rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.member-mini-path-map strong { color: #fff; font-size: 1.02rem; margin-top: 5px; }
.member-mini-path-map > svg { align-self: center; color: var(--brand-pink); }
.member-owned-preview { padding: clamp(65px, 7vw, 98px) clamp(28px, 7vw, 108px) 110px; }
.member-owned-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); margin-top: 34px; }
.member-owned-grid article { background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-radius: 18px; display: grid; gap: 16px; grid-template-columns: 92px 1fr; min-width: 0; padding: 14px; }
.member-owned-grid article.is-charlie-gift { border-color: rgb(var(--brand-pink-rgb) / 0.36); background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.1), rgba(255,255,255,.035)); }
.member-owned-cover { align-self: center; position: relative; width: 92px; }
.member-owned-grid img { aspect-ratio: 3 / 4; border-radius: 10px; height: 118px; object-fit: cover; width: 92px; }
.member-owned-grid article:first-child:not(.is-charlie-gift) img { aspect-ratio: 1; align-self: center; height: 92px; object-fit: contain; }
.member-owned-cover > span { align-items: center; background: var(--brand-pink); border-radius: 6px; bottom: 5px; color: #0d0d0d; display: flex; font-size: .46rem; font-weight: 950; gap: 3px; left: 5px; line-height: 1.1; padding: 4px 5px; position: absolute; right: 5px; text-transform: uppercase; }
.member-owned-grid article > div { align-content: center; display: grid; min-width: 0; }
.member-owned-grid small { color: var(--brand-pink); font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.member-owned-grid strong { color: #fff; font-size: 1rem; line-height: 1.14; margin: 5px 0 14px; overflow-wrap: anywhere; white-space: normal; }
.member-owned-grid button { align-items: center; background: transparent; border: 0; color: #969098; cursor: pointer; display: flex; font: inherit; font-size: .7rem; font-weight: 850; gap: 5px; padding: 0; }

.happy-bedroom-upgrade-preview {
  min-height: 100vh;
  padding: clamp(24px, 4vw, 60px);
  background: #080708;
}

.happy-bedroom-upgrade-head {
  display: flex;
  max-width: 1320px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin: 0 auto 32px;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.25);
  border-radius: 18px;
  background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.1), rgb(var(--brand-pink-rgb) / 0.07));
}

.happy-bedroom-upgrade-head span,
.happy-bedroom-upgrade-links a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.happy-bedroom-upgrade-head span { color: var(--brand-pink); font-size: .74rem; font-weight: 900; text-transform: uppercase; }
.happy-bedroom-upgrade-head h1 { max-width: 880px; margin: 12px 0; font-size: clamp(2rem, 4vw, 4rem); line-height: 1; }
.happy-bedroom-upgrade-head p { max-width: 820px; margin: 0; color: var(--muted); line-height: 1.6; }
.happy-bedroom-upgrade-links { display: grid; flex: 0 0 auto; gap: 9px; }
.happy-bedroom-upgrade-links a { justify-content: center; padding: 11px 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; color: #fff; font-size: .82rem; font-weight: 850; text-decoration: none; }
.happy-bedroom-upgrade-preview .transactional-previews { max-width: 1320px; margin: 0 auto; }

@media (max-width: 760px) {
  .happy-bedroom-upgrade-preview { padding: 16px; }
  .happy-bedroom-upgrade-head { align-items: stretch; flex-direction: column; }
  .happy-bedroom-upgrade-links { width: 100%; }
}

/* Standalone educational entry used only by links attributed to YouTube. */
.youtube-safe-page {
  --safe-bg: #0b090d;
  --safe-panel: #171116;
  --safe-line: rgb(var(--brand-pink-rgb) / 0.24);
  --safe-text: #fff7fb;
  --safe-muted: #bdbdbd;
  --safe-accent: var(--brand-pink);
  min-height: 100vh;
  padding: 0 max(22px, calc((100vw - 1120px) / 2));
  background:
    radial-gradient(circle at 82% 0%, rgb(var(--brand-pink-rgb) / 0.2), transparent 38%),
    radial-gradient(circle at 10% 38%, rgb(var(--brand-pink-rgb) / 0.09), transparent 32%),
    linear-gradient(180deg, #0b090d, #110b10 65%, #09070a);
  color: var(--safe-text);
}

.youtube-safe-header,
.youtube-safe-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 0;
}

.youtube-safe-header { border-bottom: 1px solid var(--safe-line); }
.youtube-safe-header img { width: min(220px, 48vw); height: auto; }
.youtube-safe-header span,
.youtube-safe-hero aside span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--brand-pink);
  font-size: 14px;
  font-weight: 800;
}

.youtube-safe-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: clamp(38px, 7vw, 90px);
  align-items: center;
  padding: clamp(58px, 8vw, 104px) 0 52px;
}

.youtube-safe-page .eyebrow {
  margin: 0 0 12px;
  color: var(--brand-pink);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.youtube-safe-hero h1 {
  max-width: 780px;
  margin: 0;
  font-size: clamp(42px, 6.4vw, 76px);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.youtube-safe-hero > div > p:not(.eyebrow) {
  max-width: 760px;
  margin: 24px 0 18px;
  color: var(--safe-muted);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.65;
}

.youtube-safe-hero strong { display: block; max-width: 720px; line-height: 1.55; }
.youtube-safe-hero aside { display: grid; gap: 18px; padding: 28px; border: 1px solid var(--safe-line); border-radius: 24px; background: rgba(24, 15, 22, 0.82); }

.youtube-safe-solution-hero { padding-bottom: 38px; }
.youtube-safe-picker { padding: 14px 0 46px; }
.youtube-safe-picker > div:first-child { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.youtube-safe-picker h2 { max-width: 760px; margin: 0; font-size: clamp(30px, 4vw, 50px); line-height: 1.08; letter-spacing: -.035em; }
.youtube-safe-picker-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.youtube-safe-picker-grid button {
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 20px;
  border: 1px solid var(--safe-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .035);
  color: var(--safe-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.youtube-safe-picker-grid button:hover,
.youtube-safe-picker-grid button:focus-visible { border-color: var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.09); outline: none; transform: translateY(-2px); color: #fff !important; }
.youtube-safe-picker-grid button.is-active { border-color: var(--brand-pink); background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.17), rgba(255, 255, 255, .035)); box-shadow: inset 0 0 0 1px rgb(var(--brand-pink-rgb) / 0.16); }
.youtube-safe-picker-grid strong { font-size: 18px; line-height: 1.2; }
.youtube-safe-picker-grid span { color: var(--safe-muted); font-size: 14px; line-height: 1.5; }
.youtube-safe-test-intro { margin-bottom: 18px; padding: 0 4px; }
.youtube-safe-test-intro h2 { margin: 0 0 12px; font-size: clamp(28px, 4vw, 44px); line-height: 1.1; }
.youtube-safe-test-intro > p:last-child { max-width: 760px; margin: 0; color: var(--safe-muted); font-size: 17px; line-height: 1.6; }
.youtube-safe-educational-result h1 { margin: 0 0 30px; font-size: clamp(38px, 5.5vw, 64px); line-height: 1.03; letter-spacing: -.04em; }
.youtube-safe-context-note { margin-top: 32px; padding: 18px 20px; border-left: 3px solid var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.07); color: var(--safe-muted); line-height: 1.55; }

.youtube-safe-assessment {
  max-width: 900px;
  margin: 18px auto 70px;
}

.youtube-safe-assessment > .quiz,
.youtube-safe-assessment > .youtube-safe-result {
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--safe-line);
  border-radius: 28px;
  background: rgba(23, 17, 22, 0.96);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
}

.youtube-safe-progress { height: 5px; background: rgba(255, 255, 255, 0.07); }
.youtube-safe-progress span { display: block; height: 100%; background: var(--brand-pink); transition: width 220ms ease; }
.youtube-safe-question,
.youtube-safe-result { padding: clamp(28px, 5.5vw, 58px); }
.youtube-safe-question h2,
.youtube-safe-result h2 { max-width: 760px; margin: 0 0 30px; font-size: clamp(28px, 4vw, 46px); line-height: 1.15; }
.youtube-safe-question > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.youtube-safe-question button,
.youtube-safe-reset {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 14px 18px;
  border: 1px solid var(--safe-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--safe-text);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.youtube-safe-question button:hover,
.youtube-safe-question button:focus-visible,
.youtube-safe-reset:hover,
.youtube-safe-reset:focus-visible { border-color: var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.12); outline: none; color: #fff !important; }
.youtube-safe-result > p:not(.eyebrow) { color: var(--safe-muted); font-size: 18px; line-height: 1.65; }
.youtube-safe-result h3 { margin: 30px 0 14px; }
.ytracker-experiment { margin-top: 28px; }
.ytracker-experiment-table .admin-commerce-table-head,
.ytracker-experiment-table .admin-commerce-payment-row { grid-template-columns: minmax(230px, 1.5fr) repeat(8, minmax(82px, .65fr)); }
.ytracker-experiment-table small { display: block; margin-top: 3px; color: var(--muted); line-height: 1.25; }
.youtube-safe-result ul { display: grid; gap: 12px; padding-left: 22px; color: #e6e6e6; line-height: 1.55; }
.youtube-safe-health-note { margin-top: 28px; padding: 18px; border-left: 3px solid var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.08); }
.youtube-safe-reset { width: fit-content; margin-top: 24px; }

.youtube-safe-assembly-result h1 { margin: 0 0 22px; font-size: clamp(38px, 5.5vw, 64px); line-height: 1.03; letter-spacing: -.04em; }
.youtube-safe-assembly-claim { margin: 0; color: var(--safe-text) !important; font-size: clamp(20px, 2.5vw, 26px) !important; font-weight: 760; line-height: 1.5 !important; }
.youtube-safe-assembly-reframe { margin: 28px 0; padding: 22px; border: 1px solid var(--safe-line); border-radius: 18px; background: rgb(var(--brand-pink-rgb) / 0.08); }
.youtube-safe-assembly-reframe strong { display: block; margin-bottom: 8px; color: var(--brand-pink); }
.youtube-safe-assembly-reframe p { margin: 0; color: var(--safe-text); font-size: 18px; line-height: 1.65; }
.youtube-safe-assembly-sections { display: grid; gap: 14px; margin-top: 30px; }
.youtube-safe-assembly-sections > section { padding: 24px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 18px; background: rgba(255, 255, 255, .025); }
.youtube-safe-assembly-sections > section > span { color: var(--brand-pink); font-size: 12px; font-weight: 950; letter-spacing: .1em; }
.youtube-safe-assembly-sections h2 { margin: 8px 0 14px; font-size: clamp(24px, 3.2vw, 34px); }
.youtube-safe-assembly-sections p { margin: 10px 0 0; color: var(--safe-muted); font-size: 17px; line-height: 1.68; }
.youtube-safe-health-note { display: flex; align-items: flex-start; gap: 12px; }
.youtube-safe-health-note svg { flex: 0 0 auto; color: var(--brand-pink); }
.youtube-safe-health-note p { margin: 0; color: var(--safe-text); line-height: 1.6; }

@media (max-width: 640px) {
  .youtube-safe-assembly-sections > section { padding: 20px; }
}

.youtube-safe-offer {
  margin-top: 34px;
  padding: clamp(24px, 4vw, 36px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.4);
  border-radius: 20px;
  background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.12), rgb(var(--brand-pink-rgb) / 0.035));
}
.youtube-safe-offer h2 { margin: 5px 0 14px; font-size: clamp(30px, 4vw, 50px); line-height: 1.04; text-wrap: balance; }
.youtube-safe-offer h3 { margin: 0 0 12px; font-size: clamp(23px, 3vw, 32px); }
.youtube-safe-offer > p:not(.eyebrow) { margin: 0; color: var(--safe-muted); line-height: 1.6; }
.youtube-safe-offer ul { margin: 22px 0; }
.youtube-safe-offer > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid var(--safe-line); }
.youtube-safe-offer > div > span { color: var(--safe-muted); }
.youtube-safe-offer > div strong { display: block; margin-top: 3px; color: var(--safe-text); font-size: 26px; }
.youtube-safe-offer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 20px;
  border-radius: 12px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font-weight: 900;
  text-decoration: none;
}
.youtube-safe-offer a:hover,
.youtube-safe-offer a:focus-visible { background: var(--brand-pink); outline: 2px solid #fff; outline-offset: 3px; color: var(--brand-on-pink) !important; }
.youtube-safe-offer small { display: block; margin-top: 16px; color: var(--safe-muted); line-height: 1.5; }
.youtube-safe-offer .youtube-safe-author {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  justify-content: initial;
  align-items: stretch;
  gap: clamp(22px, 4vw, 42px);
  overflow: hidden;
  padding: 20px 28px 0;
  border: 1px solid var(--safe-line);
  border-radius: 16px;
  background:
    radial-gradient(circle at 8% 100%, rgb(var(--brand-pink-rgb) / 0.16), transparent 38%),
    rgba(255, 255, 255, .035);
}
.youtube-safe-author img { align-self: end; width: 170px; height: 205px; object-fit: contain; object-position: bottom; }
.youtube-safe-author p { align-self: center; display: grid; gap: 10px; margin: 0; padding-bottom: 20px; }
.youtube-safe-author p span { color: #efefef; font-size: clamp(19px, 2.2vw, 27px); line-height: 1.35; }
.youtube-safe-author p strong { margin: 0; font-size: clamp(21px, 2vw, 28px); }
.youtube-safe-offer .youtube-safe-author p strong {
  display: inline;
  font-size: 1rem;
  line-height: 1.35;
}
.youtube-safe-offer .youtube-safe-author p strong a {
  display: inline;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--brand-pink);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
}
.youtube-safe-testimonial {
  position: relative;
  margin: 18px 0 0;
  padding: 22px 24px 20px 58px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.34);
  border-radius: 16px;
  background: rgb(var(--brand-pink-rgb) / 0.075);
}
.youtube-safe-testimonial > svg { position: absolute; top: 24px; left: 22px; color: var(--brand-pink); }
.youtube-safe-testimonial blockquote { margin: 0 0 12px; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.55; }
.youtube-safe-testimonial figcaption { color: #fff; font-weight: 900; }
.youtube-safe-testimonial small { margin-top: 3px; font-size: 12px; }
.result-testimonial-rotation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.result-testimonial-rotation.is-single {
  grid-template-columns: minmax(0, 1fr);
}
.result-testimonial-rotation__card {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 22px 22px 20px 55px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.34);
  border-radius: 16px;
  background: rgb(var(--brand-pink-rgb) / 0.075);
  transform-origin: 50% 50%;
  animation: result-testimonial-enter .9s cubic-bezier(.22, 1, .36, 1) both;
}
.result-testimonial-rotation__card > svg { position: absolute; top: 23px; left: 20px; color: var(--safe-accent, var(--brand-pink)); }
.result-testimonial-rotation__card blockquote { margin: 0 0 13px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.55; }
.result-testimonial-rotation__card figcaption { color: #fff; font-weight: 900; }
.result-testimonial-rotation__card small { display: block; margin-top: 4px; color: #a0a0a0; font-size: 11px; line-height: 1.4; }
.home-testimonials-section {
  width: min(1220px, calc(100% - 40px));
  margin: clamp(48px, 7vw, 86px) auto;
}
.home-testimonials-section > h2 {
  max-width: 880px;
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.home-result-testimonial-rotation {
  width: 100%;
  margin: clamp(22px, 3vw, 34px) 0 0;
}
.home-result-testimonial-rotation .result-testimonial-rotation__card {
  padding: clamp(24px, 3vw, 34px) clamp(24px, 3vw, 34px) clamp(23px, 3vw, 32px) clamp(58px, 5vw, 68px);
  border-color: rgb(var(--brand-pink-rgb) / 0.25);
  border-radius: 24px;
  background: radial-gradient(circle at 0 0, rgb(var(--brand-pink-rgb) / 0.13), transparent 45%), rgba(28, 25, 31, .92);
}
.home-result-testimonial-rotation .result-testimonial-rotation__card blockquote { font-size: clamp(16px, 1.55vw, 20px); }
.product-proof-spotlight {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  overflow: hidden;
  padding: clamp(30px, 5vw, 58px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.26);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.17), transparent 44%),
    linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(15, 12, 16, .96));
}
.product-proof-spotlight__heading h3 {
  margin: 9px 0 14px;
  color: #fff;
  font-size: clamp(28px, 3.4vw, 46px);
  line-height: 1.06;
  letter-spacing: -.035em;
}
.product-proof-spotlight__heading > p:last-child { margin: 0; color: var(--muted); font-size: 1.04rem; line-height: 1.6; }
.product-proof-spotlight__rotation { margin: 0; grid-template-columns: minmax(0, 1fr); }
.product-proof-spotlight__rotation .result-testimonial-rotation__card {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 4vw, 48px) clamp(28px, 4vw, 44px) clamp(28px, 4vw, 42px) clamp(64px, 6vw, 78px);
  border-color: rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 20px;
  background: rgba(28, 25, 31, .9);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .26);
}
.product-proof-spotlight__rotation .result-testimonial-rotation__card > svg { top: 35px; left: 28px; }
.product-proof-spotlight__rotation .result-testimonial-rotation__card blockquote { font-size: clamp(18px, 2vw, 25px); line-height: 1.5; }
@keyframes result-testimonial-enter {
  0% {
    opacity: 0;
    transform: scale(.992);
    filter: blur(2px);
  }
  55% {
    opacity: .82;
    filter: blur(.35px);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}
@media (prefers-reduced-motion: reduce) { .result-testimonial-rotation__card { animation: none; } }
@media (max-width: 760px) {
  .product-proof-spotlight { grid-template-columns: 1fr; padding: 26px 20px; border-radius: 18px; }
  .product-proof-spotlight__rotation .result-testimonial-rotation__card { min-height: 0; padding: 28px 22px 26px 56px; }
  .product-proof-spotlight__rotation .result-testimonial-rotation__card > svg { top: 29px; left: 20px; }
}
.youtube-safe-offer .youtube-safe-purchase {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(24px, 4vw, 46px);
  overflow: hidden;
  margin-top: 24px;
  padding: clamp(24px, 3.5vw, 38px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.64);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.27), transparent 42%),
    linear-gradient(125deg, rgb(var(--brand-pink-rgb) / 0.13), rgba(9, 6, 10, .94) 52%);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .08);
}
.youtube-safe-price {
  display: grid;
  align-content: center;
  min-width: 0;
  gap: 7px;
  container-type: inline-size;
}
.youtube-safe-price em {
  color: var(--safe-muted);
  font-size: clamp(1.35rem, 2.3vw, 2rem);
  font-style: normal;
  font-weight: 800;
  letter-spacing: -.025em;
}
.youtube-safe-price > small { max-width: 500px; margin: 0 !important; font-size: 13px; }
.result-product-current-label { display: block; margin-top: 8px; color: var(--brand-pink); font-size: .86rem; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.youtube-safe-purchase-action { display: grid; align-content: center; gap: 11px; min-width: 0; }
.youtube-safe-offer .youtube-safe-purchase-action > a {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 78px;
  padding: 18px clamp(16px, 2vw, 28px);
  border: 1px solid rgba(255, 255, 255, .36);
  border-radius: 16px;
  white-space: normal;
  background: var(--brand-pink);
  box-shadow: 0 20px 46px rgb(var(--brand-pink-rgb) / 0.38), inset 0 1px rgba(255, 255, 255, .32);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
  color: var(--brand-on-pink) !important;
}
.youtube-safe-offer .youtube-safe-purchase-action > a span {
  min-width: 0;
  color: #fff;
  font-size: clamp(.98rem, 1.45vw, 1.22rem);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -.025em;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 1px 1px rgb(var(--brand-pink-rgb) / 0.22);
  overflow-wrap: anywhere;
  white-space: normal;
}
.youtube-safe-offer .youtube-safe-purchase-action > a:hover { transform: translateY(-2px) scale(1.008); box-shadow: 0 25px 54px rgb(var(--brand-pink-rgb) / 0.48), inset 0 1px rgba(255, 255, 255, .38); }
.youtube-safe-purchase-action > small { margin: 0 !important; text-align: center; font-size: 12px !important; }
.result-free-preview-choice {
  position: relative;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px !important;
  align-items: center !important;
  overflow: hidden;
  margin-top: 18px;
  padding: 20px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 17px;
  background:
    radial-gradient(circle at 0 50%, rgb(var(--brand-pink-rgb) / 0.12), transparent 34%),
    rgba(255, 255, 255, .025);
}
.result-free-preview-choice::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--brand-pink);
}
.result-free-preview-choice__icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.26);
  border-radius: 15px;
  color: var(--brand-pink);
  background: rgb(var(--brand-pink-rgb) / 0.1);
}
.result-free-preview-choice__copy { min-width: 0; }
.result-free-preview-choice__copy > span {
  display: block;
  margin-bottom: 5px;
  color: var(--brand-pink);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.result-free-preview-choice__copy h3 {
  margin: 0 0 6px !important;
  color: #fff !important;
  font-size: clamp(18px, 1.9vw, 23px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.025em;
}
.result-free-preview-choice__copy p {
  max-width: 620px;
  margin: 0 !important;
  color: #b5b5b5 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.result-free-preview-choice__facts {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  gap: 8px 16px !important;
  margin-top: 10px;
  padding: 0 !important;
  border: 0 !important;
}
.result-free-preview-choice__facts small {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  color: #a2a2a2 !important;
  font-size: 11px !important;
  font-weight: 750;
}
.result-free-preview-choice__facts svg { color: var(--brand-pink); }
.result-free-preview-choice .result-free-preview-choice__cta {
  box-sizing: border-box;
  grid-column: 2;
  justify-self: start;
  width: min(100%, 260px);
  min-height: 50px;
  padding: 12px 15px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  color: #fff;
  background: rgba(255, 255, 255, .055);
  box-shadow: none;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
}
.result-free-preview-choice .result-free-preview-choice__cta:hover,
.result-free-preview-choice .result-free-preview-choice__cta:focus-visible {
  border-color: rgb(var(--brand-pink-rgb) / 0.72);
  color: #fff !important;
  background: rgb(var(--brand-pink-rgb) / 0.13);
  box-shadow: none;
  outline: 2px solid rgba(255, 255, 255, .78);
  outline-offset: 3px;
  transform: none;
}
.youtube-safe-review-bonus {
  --product-primary: var(--brand-pink);
  --product-secondary: var(--brand-pink);
  margin-top: 24px;
  scroll-margin-top: 96px;
}
.youtube-safe-offer > .result-product-bonuses {
  display: grid;
  align-items: initial;
  justify-content: initial;
  gap: 13px;
  padding: 20px;
  border-top: 1px solid color-mix(in srgb, var(--brand-pink) 56%, transparent);
}
.youtube-safe-offer > .result-product-bonuses > div {
  display: grid;
  padding: 0;
  border: 0;
}
.youtube-safe-offer .youtube-safe-purchase.is-primary {
  margin-top: 28px;
}
.youtube-safe-proof {
  margin-top: clamp(30px, 5vw, 52px);
  padding-top: clamp(24px, 4vw, 36px);
  border-top: 1px solid var(--safe-line);
}
.youtube-safe-proof > .eyebrow { margin: 0 0 14px; }
.youtube-safe-proof .result-testimonial-rotation { margin-top: 0; }
.youtube-safe-offer > .youtube-safe-repeat-purchase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .72fr);
  align-items: center;
  margin-top: clamp(30px, 5vw, 48px);
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.5);
  border-radius: 18px;
  background: rgb(var(--brand-pink-rgb) / 0.055);
}
.youtube-safe-repeat-purchase > div:first-child { display: grid; gap: 5px; }
.youtube-safe-repeat-purchase > div:first-child span { color: var(--safe-text); font-size: clamp(1.15rem, 2vw, 1.5rem); font-weight: 850; }
.youtube-safe-repeat-purchase .result-product-price-lockup { margin-top: 3px; }
.youtube-safe-repeat-purchase .result-product-old-price { padding: 3px 7px; }
.youtube-safe-repeat-purchase .result-product-current-price { margin: 0; color: var(--brand-pink); font-size: clamp(1.7rem, 3vw, 2.35rem); line-height: 1; }
.youtube-safe-repeat-purchase .youtube-safe-purchase-action > a { min-height: 62px; }
.result-free-preview-stage {
  margin-top: clamp(44px, 7vw, 78px);
  padding-top: clamp(26px, 4vw, 42px);
  border-top: 1px solid rgba(255, 255, 255, .12);
}
.result-free-preview-stage .result-free-preview-choice {
  margin: 0;
  padding: clamp(26px, 4vw, 40px) !important;
  border-color: rgba(255, 255, 255, .1) !important;
  border-radius: 22px;
  background:
    radial-gradient(circle at 0 50%, rgb(var(--brand-pink-rgb) / 0.12), transparent 38%),
    rgba(255, 255, 255, .018);
}
.result-free-preview-choice.is-library::before {
  width: 2px;
  background: var(--brand-pink);
}
.result-free-preview-choice.is-library .result-free-preview-choice__icon {
  color: var(--brand-pink);
  border-color: rgb(var(--brand-pink-rgb) / 0.28);
  background: rgb(var(--brand-pink-rgb) / 0.1);
}
.result-free-preview-choice.is-library .result-free-preview-choice__copy > span { color: var(--brand-pink); }
.result-free-preview-choice.is-library .result-free-preview-choice__facts svg { color: var(--brand-pink); }
.result-free-preview-choice.is-library .result-free-preview-choice__cta:hover,
.result-free-preview-choice.is-library .result-free-preview-choice__cta:focus-visible {
  border-color: rgb(var(--brand-pink-rgb) / 0.72);
  background: rgb(var(--brand-pink-rgb) / 0.13);
  color: #fff !important;
}
.result-free-preview-jump {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  color: #b5b5b5;
  background: transparent;
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
}
.result-free-preview-jump strong { color: #fff; }
.result-free-preview-jump svg { flex: 0 0 auto; color: var(--brand-pink); }
.result-free-preview-jump:hover,
.result-free-preview-jump:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .055);
  outline: 2px solid rgba(255, 255, 255, .72);
  outline-offset: 2px;
}
.youtube-safe-offer > .youtube-safe-purchase-options { display: grid; align-items: stretch; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.youtube-safe-purchase-option { display: grid; align-content: start; min-width: 0; gap: 15px; padding: clamp(22px, 3vw, 32px); border: 1px solid var(--safe-line); border-radius: 22px; background: rgba(255,255,255,.035); }
.youtube-safe-purchase-option.is-recommended { border-color: rgb(var(--brand-pink-rgb) / 0.72); background: radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.22), transparent 42%), rgb(var(--brand-pink-rgb) / 0.07); box-shadow: 0 22px 55px rgb(var(--brand-pink-rgb) / 0.15); }
.youtube-safe-option-label { width: fit-content; padding: 7px 11px; border-radius: 999px; background: rgba(255,255,255,.08); color: #d6d6d6; font-size: 12px; font-weight: 950; letter-spacing: .045em; text-transform: uppercase; }
.youtube-safe-purchase-option.is-recommended .youtube-safe-option-label { background: rgb(var(--brand-pink-rgb) / 0.2); color: var(--brand-pink); }
.youtube-safe-purchase-option h3 { margin: 0; color: #fff; font-size: clamp(22px, 2.25vw, 31px); line-height: 1.12; }
.youtube-safe-purchase-option ul { gap: 6px; margin: 0; padding-left: 22px; color: var(--safe-muted); }
.youtube-safe-purchase-option li { margin: 0; line-height: 1.36; }
.youtube-safe-price-heading { margin-top: auto; color: var(--safe-muted); font-size: 1rem; font-weight: 800; }
.youtube-safe-purchase-option .result-product-price-lockup { margin-top: 0; }
.youtube-safe-purchase-option .result-product-price-lockup.is-compact .result-product-current-price { font-size: clamp(2rem, 3vw, 2.65rem); }
.youtube-safe-purchase-option .result-product-price-lockup.is-compact .result-product-old-price { gap: 12px; }
.youtube-safe-purchase-option > a { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; min-height: 66px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.32); border-radius: 15px; background: var(--brand-pink); box-shadow: 0 18px 40px rgb(var(--brand-pink-rgb) / 0.32), inset 0 1px rgba(255,255,255,.28); white-space: normal; color: var(--brand-on-pink) !important; }
.youtube-safe-purchase-option > a span { min-width: 0; font-size: clamp(.9rem, 1.35vw, 1.08rem); font-weight: 950; line-height: 1.08; letter-spacing: -.02em; text-wrap: balance; overflow-wrap: anywhere; white-space: normal; text-shadow: 0 1px 1px rgb(var(--brand-pink-rgb) / 0.22); }
.youtube-safe-purchase-option > small { margin: -4px 0 0 !important; text-align: center; font-size: 12px !important; }

.youtube-safe-footer { border-top: 1px solid var(--safe-line); color: var(--safe-muted); font-size: 14px; }
.youtube-safe-footer a { color: var(--brand-pink); }

@media (max-width: 980px) {
  .youtube-safe-offer .youtube-safe-purchase { grid-template-columns: 1fr; }
  .youtube-safe-offer > .youtube-safe-purchase-options { grid-template-columns: 1fr; }
  .youtube-safe-offer > .youtube-safe-repeat-purchase { grid-template-columns: 1fr; }
  .result-testimonial-rotation { grid-template-columns: 1fr; }
  .youtube-safe-picker-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .youtube-safe-header { align-items: flex-start; flex-direction: column; }
  .youtube-safe-hero { grid-template-columns: 1fr; padding-top: 52px; }
  .youtube-safe-question > div { grid-template-columns: 1fr; }
  .youtube-safe-picker-grid { grid-template-columns: 1fr; }
  .youtube-safe-picker-grid button { min-height: 0; }
  .youtube-safe-offer .youtube-safe-author { grid-template-columns: 118px minmax(0, 1fr); gap: 14px; padding: 14px 16px 0; }
  .youtube-safe-author img { width: 118px; height: 150px; }
  .youtube-safe-author p span { font-size: 15px; }
  .youtube-safe-offer .youtube-safe-purchase { grid-template-columns: 1fr; padding: 20px 14px; }
  .youtube-safe-offer .youtube-safe-purchase-action > a { min-height: 70px; padding: 14px 12px; white-space: normal; }
  .youtube-safe-offer .youtube-safe-purchase-action > a span { font-size: clamp(.86rem, 3.8vw, 1rem); text-wrap: balance; white-space: normal; }
  .youtube-safe-offer > .youtube-safe-purchase-options { grid-template-columns: 1fr; }
  .result-free-preview-choice { padding: 17px 15px !important; }
  .result-free-preview-choice__icon { width: 44px; height: 44px; }
  .result-free-preview-choice .result-free-preview-choice__cta { grid-column: 1 / -1; width: 100%; }
  .youtube-safe-footer { align-items: flex-start; flex-direction: column; }
}
.member-screen-back { align-items: center; background: transparent; border: 0; color: #9d97a0; cursor: pointer; display: flex; font: inherit; font-size: .78rem; font-weight: 850; gap: 8px; margin: 30px clamp(28px, 7vw, 108px) 0; padding: 8px 0; }
.member-registration-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.member-registration-return { display: block; margin-top: 16px; color: #b9b0b6; font-size: .8rem; font-weight: 750; text-align: center; text-decoration: underline; text-underline-offset: 3px; }
.member-sample-hero { align-items: center; display: grid; gap: clamp(40px, 7vw, 110px); grid-template-columns: minmax(240px, .55fr) minmax(0, 1.2fr); padding: clamp(50px, 6vw, 88px) clamp(28px, 10vw, 160px) 80px; }
.member-sample-cover { justify-self: center; max-width: 320px; position: relative; }
.member-sample-cover img { border-radius: 23px; box-shadow: 0 34px 80px rgba(0,0,0,.45); display: block; width: 100%; }
.member-sample-cover span { background: #fff; border: 2px solid #080808; border-radius: 999px; box-shadow: 0 10px 28px rgba(0,0,0,.28); color: #080808; font-size: .7rem; font-weight: 950; padding: 9px 13px; position: absolute; right: -20px; text-transform: uppercase; top: 20px; transform: rotate(4deg); }
.member-sample-copy h1, .member-roadmap-screen > header h1 { color: #fff; font-size: clamp(4rem, 8vw, 8.4rem); letter-spacing: -.07em; line-height: .85; margin: 20px 0 28px; }
.member-sample-copy > p { color: #aaa4ad; font-size: 1.07rem; line-height: 1.75; max-width: 720px; }
.member-audio-player { align-items: center; background: linear-gradient(135deg, var(--journey-accent-soft), rgba(255,255,255,.035)); border: 1px solid var(--journey-accent-line); border-radius: 20px; display: grid; gap: 18px; grid-template-columns: auto 1fr; margin-top: 30px; max-width: 680px; padding: 18px; transform: none; }
.member-audio-player > button { align-items: center; background: var(--brand-pink); border: 0; border-radius: 50%; color: var(--brand-on-pink) !important; cursor: pointer; display: flex; height: 54px; justify-content: center; width: 54px; }
.member-audio-player > div { display: grid; gap: 7px; }
.member-audio-player strong { color: #fff; font-size: .9rem; }
.member-audio-player span { background: rgba(255,255,255,.13); border-radius: 999px; display: block; height: 5px; overflow: hidden; }
.member-audio-player span i { background: var(--brand-pink); display: block; height: 100%; width: 18%; color: var(--brand-on-pink) !important; }
.member-audio-player span i.is-playing { animation: member-audio-preview 8s linear infinite; }
@keyframes member-audio-preview { from { width: 18%; } to { width: 72%; } }
.member-audio-player small { color: #aaa4ad; font-size: .65rem; }
.member-sample-audio-error { color: #ff9d91 !important; font-size: .78rem !important; font-weight: 750; margin: 10px 0 0 !important; }
.member-sample-note { align-items: center; display: flex; font-size: .74rem !important; gap: 8px; }
.member-sample-layout { background: linear-gradient(145deg, color-mix(in srgb, var(--brand-pink), transparent 89%), #0d0b0e 55%); color: #fff; display: grid; gap: 70px; grid-template-columns: 1fr 360px; padding: clamp(65px, 7vw, 98px) clamp(28px, 7vw, 108px) 110px; }
.member-sample-layout h2 { color: #fff; max-width: 700px; }
.member-chapter-list { display: grid; gap: 9px; margin-top: 30px; }
.member-chapter-list button { align-items: center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.11); border-radius: 14px; color: #fff; cursor: pointer; display: grid; gap: 14px; grid-template-columns: 36px 1fr auto auto; padding: 15px 18px; text-align: left; }
.member-chapter-list button.is-open { border-color: var(--brand-pink); box-shadow: inset 3px 0 var(--brand-pink); }
.member-chapter-list span { color: #aaa3aa; font-size: .7rem; font-weight: 900; }
.member-chapter-list strong { font-size: .88rem; }
.member-chapter-list small { color: #888188; font-size: .68rem; }
.member-chapter-list svg { color: var(--brand-pink); }
.member-video-sample-placeholder { align-items: center; background: linear-gradient(135deg, var(--journey-accent-soft), rgba(255,255,255,.025)); border: 1px solid var(--journey-accent-line); border-radius: 20px; display: grid; gap: 18px; grid-template-columns: auto 1fr; margin-top: 30px; max-width: 720px; padding: 26px; }
.member-video-sample-placeholder > svg { color: var(--brand-pink); }
.member-video-sample-placeholder strong { color: #fff; font-size: 1rem; }
.member-video-sample-placeholder p { color: #99939c; font-size: .76rem; line-height: 1.55; margin: 6px 0 0; }
.member-sample-layout aside { align-content: center; align-self: start; background: linear-gradient(145deg, var(--journey-accent-soft), #181419 65%); border: 1px solid var(--journey-accent-line); border-radius: 23px; color: #fff; display: grid; padding: 32px; position: sticky; top: 24px; }
.member-sample-layout aside > span { color: var(--brand-pink); font-size: .68rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.member-sample-layout aside > strong { font-size: 1.65rem; letter-spacing: -.03em; line-height: 1.1; margin: 10px 0 20px; }
.member-sample-layout aside > b { font-size: 2.7rem; letter-spacing: -.05em; margin-bottom: 20px; }
.member-sample-layout aside > p { color: #a7a0a9; font-size: .72rem; line-height: 1.55; margin: 15px 0 0; }
.member-sample-layout aside > .member-book-credit-explanation { margin-top: 16px; }
.member-roadmap-screen { padding-bottom: 110px; }
.member-recommendation-story-hero { align-items: stretch; background: radial-gradient(circle at 84% 32%, var(--journey-accent-soft), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); border-bottom: 1px solid rgba(255,255,255,.08); display: grid; gap: clamp(32px, 6vw, 100px); grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); min-height: 690px; overflow: hidden; padding: clamp(55px, 7vw, 105px) clamp(28px, 7vw, 108px) 0; }
.member-recommendation-story-copy { align-self: center; max-width: 860px; padding-bottom: clamp(54px, 7vw, 100px); }
.member-recommendation-story-copy h1 { color: #fff; font-size: clamp(4rem, 7vw, 7.8rem); letter-spacing: -.055em; line-height: .94; margin: 22px 0 28px; }
.member-recommendation-story-intro { color: #fff; font-size: clamp(1.05rem, 1.6vw, 1.35rem); font-weight: 720; line-height: 1.5; margin: 0 0 25px; max-width: 720px; }
.member-recommendation-story-body { display: grid; gap: 12px; max-width: 760px; }
.member-recommendation-story-body p { color: #aaa4ad; font-size: .89rem; line-height: 1.7; margin: 0; }
.member-recommendation-story-copy > strong { color: #fff; display: block; font-size: .76rem; margin-top: 25px; }
.member-recommendation-story-photo { align-self: end; display: grid; justify-items: center; min-height: 590px; position: relative; }
.member-recommendation-story-photo::before { background: radial-gradient(circle, var(--journey-accent-soft), transparent 68%); bottom: 0; content: ""; height: 72%; position: absolute; width: 120%; }
.member-recommendation-story-photo > img { align-self: end; filter: drop-shadow(0 28px 55px rgba(0,0,0,.52)); height: min(610px, 52vw); max-height: 610px; object-fit: contain; object-position: bottom; position: relative; width: 100%; z-index: 1; }
.member-recommendation-story-photo > span { background: rgba(12,10,13,.86); border: 1px solid var(--journey-accent-line); border-radius: 16px; bottom: 34px; color: #fff; font-size: clamp(1.05rem, 1.45vw, 1.35rem); font-weight: 800; left: 0; line-height: 1.45; max-width: calc(100% - 20px); padding: 17px 20px; position: absolute; z-index: 2; }
.member-recommendation-path-intro { margin: 90px auto 54px; max-width: 1120px; padding: 0 28px; text-align: center; }
.member-recommendation-path-intro .member-journey-eyebrow { justify-content: center; }
.member-recommendation-path-intro h2 { color: #fff; font-size: clamp(2.8rem, 5vw, 5.8rem); letter-spacing: -.06em; line-height: .92; margin: 17px 0 22px; }
.member-recommendation-path-intro p { color: #aaa4ad; font-size: .96rem; line-height: 1.7; margin: 0 auto; max-width: 820px; }
.member-recommendation-story-steps { display: grid; gap: 22px; margin-inline: auto; max-width: 1540px; padding: 0 clamp(28px, 5vw, 75px); }
.member-recommendation-story-steps article { align-items: center; background: linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.017)); border: 1px solid rgba(255,255,255,.11); border-radius: 28px; display: grid; gap: clamp(28px, 4vw, 64px); grid-template-columns: clamp(180px, 20vw, 270px) minmax(0, 1fr); min-height: 330px; overflow: hidden; padding: clamp(24px, 3vw, 38px); position: relative; }
.member-recommendation-story-steps article.is-current { background: linear-gradient(135deg, var(--journey-accent-soft), rgba(255,255,255,.026) 62%); border-color: var(--journey-accent-line); box-shadow: inset 3px 0 var(--brand-pink); }
.member-recommendation-story-steps article > img { aspect-ratio: 1; background: #171318; border-radius: 20px; box-shadow: 0 24px 55px rgba(0,0,0,.34); height: auto; object-fit: cover; width: 100%; }
.member-recommendation-step-number { align-items: center; background: #282329; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; color: #aaa4ad; display: flex; font-size: .82rem; font-weight: 950; height: 44px; justify-content: center; left: 18px; position: absolute; top: 18px; width: 44px; z-index: 2; }
.member-recommendation-story-steps article.is-complete .member-recommendation-step-number { background: #212121; color: var(--brand-pink); }
.member-recommendation-story-steps article.is-current .member-recommendation-step-number { background: var(--brand-pink); color: var(--brand-on-pink) !important; }
.member-recommendation-step-copy { align-content: center; display: grid; min-width: 0; padding-right: clamp(0px, 3vw, 36px); }
.member-recommendation-step-copy > small { color: var(--brand-pink); font-size: .68rem; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.member-recommendation-step-copy h3 { color: #fff; font-size: clamp(2rem, 4vw, 4rem); letter-spacing: -.055em; line-height: .96; margin: 10px 0 18px; }
.member-recommendation-step-copy p { color: #aaa4ad; font-size: .88rem; line-height: 1.68; margin: 0; max-width: 820px; }
.member-recommendation-step-copy > strong { border-left: 2px solid var(--brand-pink); color: #fff; font-size: .78rem; line-height: 1.55; margin-top: 18px; max-width: 760px; padding-left: 13px; }
.member-recommendation-step-copy > span { color: var(--brand-pink); font-size: .7rem; font-weight: 900; margin-top: 19px; text-transform: uppercase; }
.member-recommendation-step-copy > button { align-items: center; background: var(--brand-pink); border: 0; border-radius: 999px; color: var(--brand-on-pink) !important; cursor: pointer; display: inline-flex; font: inherit; font-size: .74rem; font-weight: 900; gap: 8px; justify-content: center; justify-self: start; margin-top: 15px; padding: 12px 17px; }
.member-roadmap-screen > header { margin: 70px auto 65px; max-width: 900px; padding: 0 28px; text-align: center; }
.member-roadmap-screen > header .member-journey-eyebrow { justify-content: center; }
.member-roadmap-screen > header h1 { font-size: clamp(3.5rem, 7vw, 7.6rem); }
.member-roadmap-screen > header p { color: #aaa4ad; font-size: 1.05rem; line-height: 1.7; margin: 0 auto; max-width: 680px; }
.member-roadmap { align-items: stretch; display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr) 54px minmax(0, 1fr); margin-inline: auto; max-width: 1540px; padding: 0 clamp(28px, 5vw, 75px); }
.member-roadmap article { background: linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.022)); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; display: flex; flex-direction: column; min-height: 540px; padding: 26px; position: relative; }
.member-roadmap article.is-current { background: linear-gradient(155deg, var(--journey-accent-soft), rgba(255,255,255,.028)); border-color: var(--journey-accent-line); box-shadow: inset 0 3px var(--brand-pink); transform: none; }
.member-roadmap article > img,
.member-roadmap article:first-of-type > img { align-self: stretch; aspect-ratio: auto; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.07); border-radius: 17px; height: 190px; object-fit: contain; padding: 14px; width: 100%; }
.member-roadmap article > div:last-child { align-content: start; display: flex; flex: 1; flex-direction: column; min-width: 0; }
.member-roadmap-number { align-items: center; background: #272228; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; color: #aaa4ad; display: flex; font-size: .8rem; font-weight: 950; height: 38px; justify-content: center; left: 17px; position: absolute; top: -20px; width: 38px; }
.member-roadmap article.is-complete .member-roadmap-number { background: #212121; color: var(--brand-pink); }
.member-roadmap article.is-current .member-roadmap-number { background: var(--brand-pink); color: var(--brand-on-pink) !important; }
.member-roadmap article small { color: var(--brand-pink); font-size: .62rem; font-weight: 950; letter-spacing: .08em; margin-top: 22px; text-transform: uppercase; }
.member-roadmap article h2 { color: #fff; font-size: clamp(1.35rem, 2vw, 1.75rem); letter-spacing: -.035em; line-height: 1.05; margin: 8px 0 14px; min-height: 2.1em; }
.member-roadmap article p { color: #9d97a0; font-size: .78rem; line-height: 1.58; margin: 0 0 20px; }
.member-roadmap article span { color: var(--brand-pink); font-size: .68rem; font-weight: 850; margin-top: auto; }
.member-roadmap article button { align-self: flex-start; justify-self: start; margin-top: auto; padding: 9px 12px; }
.member-roadmap-connector { align-items: center; display: flex; justify-content: center; position: relative; }
.member-roadmap-connector i { background: rgba(255,255,255,.13); height: 1px; left: 0; position: absolute; right: 0; }
.member-roadmap-connector svg { background: #0d0b0e; color: #756f78; position: relative; }
.member-path-choice { align-items: center; background: linear-gradient(135deg, color-mix(in srgb, var(--brand-pink), transparent 87%), rgba(255,255,255,.025)); border: 1px solid var(--journey-accent-line); border-radius: 28px; color: #fff; display: grid; gap: 18px; grid-template-columns: 1.2fr .8fr .8fr; margin: 90px clamp(28px, 5vw, 75px) 0; padding: 32px; }
.member-path-choice h2 { font-size: 2rem; letter-spacing: -.04em; margin: 9px 0; }
.member-path-choice > div > p { color: #aaa4ad; font-size: .8rem; line-height: 1.5; margin: 0; max-width: 440px; }
.member-path-choice > button { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; color: #fff; cursor: pointer; display: grid; font: inherit; min-height: 170px; padding: 20px; position: relative; text-align: left; }
.member-path-choice > button.is-active { background: var(--journey-accent-soft); border-color: var(--brand-pink); }
.member-path-choice > button > span { color: var(--brand-pink); font-size: .67rem; font-weight: 950; }
.member-path-choice > button > strong { font-size: 1.2rem; line-height: 1.05; margin: 18px 0 8px; }
.member-path-choice > button > small { color: #aaa4ad; font-size: .68rem; }
.member-path-choice > button > svg { bottom: 18px; color: var(--brand-pink); position: absolute; right: 18px; }

@media (max-width: 1350px) {
  .member-journey-lab-toolbar { grid-template-columns: 1fr auto auto; }
  .member-journey-lab-toolbar > div:first-child { grid-row: 1 / span 2; }
  .member-guidance-scenario { grid-column: 2; }
  .member-journey-demo-complete { grid-column: 3; grid-row: 1; }
  .member-journey-admin-back { grid-column: 3; }
  .member-safe-benefits { grid-template-columns: 1fr; }
  .member-guidance-permission { grid-template-columns: auto 1fr; }
  .member-guidance-permission-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .member-credit-countdown { grid-template-columns: 1fr auto; }
  .member-credit-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .member-credit-actions > small { grid-column: 1 / -1; }
  .member-next-step-card { grid-template-columns: minmax(240px, .8fr) 1.2fr; }
  .member-roadmap { grid-template-columns: 1fr; gap: 34px; }
  .member-recommendation-story-hero { grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr); }
  .member-roadmap article { min-height: 0; }
  .member-roadmap-connector { min-height: 26px; transform: rotate(90deg); }
  .member-path-choice { grid-template-columns: 1fr 1fr; }
  .member-path-choice > div { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .member-journey-lab { padding: 10px 8px 36px; }
  .member-journey-lab-toolbar { align-items: stretch; grid-template-columns: 1fr; padding: 8px; }
  .member-journey-admin-back { grid-column: auto; grid-row: auto; }
  .member-journey-lab-toolbar > div:first-child, .member-guidance-scenario, .member-journey-demo-complete { grid-column: auto; grid-row: auto; }
  .member-journey-scenario { justify-self: stretch; width: 100%; }
  .member-journey-scenario button { flex: 1; }
  .member-journey-admin-back { justify-self: start; }
  .member-journey-browser { border-radius: 20px; }
  .member-journey-nav { grid-template-columns: 1fr auto; min-height: 72px; padding: 0 18px; }
  .member-journey-brand span, .member-journey-profile span { display: none; }
  .member-journey-nav-links { bottom: 0; left: 50%; position: fixed; transform: translateX(-50%); z-index: 15; }
  .member-journey-nav-links button { background: #181419; border: 1px solid rgba(255,255,255,.12); }
  .member-recommendation-story-hero { grid-template-columns: 1fr; min-height: 0; padding: 55px 22px 0; }
  .member-recommendation-story-copy { padding-bottom: 0; }
  .member-recommendation-story-copy h1 { font-size: 4.25rem; }
  .member-recommendation-story-photo { min-height: 390px; }
  .member-recommendation-story-photo > img { height: 420px; }
  .member-recommendation-story-photo > span { bottom: 20px; }
  .member-recommendation-path-intro { margin-top: 62px; padding-inline: 22px; }
  .member-recommendation-story-steps { padding: 0 22px; }
  .member-recommendation-story-steps article { grid-template-columns: 1fr; }
  .member-recommendation-story-steps article > img { justify-self: center; max-width: 260px; }
  .member-recommendation-step-copy { padding-right: 0; }
  .member-journey-welcome { grid-template-columns: 1fr; padding: 50px 22px; }
  .member-journey-welcome h1 { font-size: 3.4rem; }
  .member-journey-continue-card { grid-template-columns: minmax(118px, .7fr) 1fr; transform: none; }
  .member-safe-benefits { grid-template-columns: 1fr; padding: 24px 22px 0; }
  .member-safe-benefits .member-weekly-video { grid-template-columns: 1fr; }
  .member-safe-benefits .member-testimonial-reward { grid-template-columns: 82px 1fr; padding: 17px; }
  .member-safe-benefits .member-testimonial-reward > img { height: 122px; width: 82px; }
  .member-guidance-permission { grid-template-columns: 1fr; margin-left: 22px; margin-right: 22px; }
  .member-guidance-permission-actions { grid-column: auto; grid-template-columns: 1fr; }
  .member-guidance-questionnaire { margin-left: 22px; margin-right: 22px; }
  .member-guidance-answer-grid, .member-guidance-answer-grid.is-topics, .member-guidance-depth-grid { grid-template-columns: 1fr; }
  .member-guidance-quiet { grid-template-columns: auto 1fr; margin-left: 22px; margin-right: 22px; }
  .member-guidance-quiet button { grid-column: 1 / -1; }
  .member-guidance-bundle { grid-template-columns: 58px 1fr; }
  .member-guidance-bundle img { height: 58px; width: 58px; }
  .member-guidance-bundle a { grid-column: 1 / -1; width: 100%; }
  .member-book-sample-player { grid-template-columns: auto 1fr; }
  .member-book-sample-chapters { grid-column: 1 / -1; justify-content: center; width: 100%; }
  .member-credit-countdown { grid-template-columns: 1fr; width: calc(100% - 44px); }
  .member-credit-timer { grid-template-columns: repeat(2, 1fr); }
  .member-credit-actions { grid-column: auto; grid-template-columns: 1fr; }
  .member-credit-actions > small { grid-column: auto; }
  .member-next-step-section, .member-mini-path, .member-owned-preview { padding-left: 22px; padding-right: 22px; }
  .member-next-step-heading { align-items: flex-start; flex-direction: column; }
  .member-offer-guide { grid-template-columns: 1fr 104px; max-width: none; width: 100%; }
  .member-offer-guide > img { height: 125px; width: 104px; }
  .member-next-step-card { grid-template-columns: 1fr; }
  .member-next-step-cover img { max-height: 360px; object-fit: contain; }
  .member-next-step-copy h3 { font-size: 3.4rem; }
  .member-next-step-sample-highlight { grid-template-columns: 1fr; }
  .member-next-step-sample-highlight .member-next-step-primary { width: 100%; }
  .member-next-step-price { display: grid; gap: 8px; grid-template-columns: 1fr; }
  .member-next-step-price > span, .member-next-step-price > strong, .member-next-step-price > small, .member-next-step-price > p, .member-next-step-price > button, .member-next-step-price > .member-book-credit-explanation, .member-next-step-price > .member-book-credit-explanation[open] { grid-column: auto; grid-row: auto; }
  .member-next-step-price > p { margin: 8px 0; }
  .member-next-step-price > button { width: 100%; }
  .member-next-step-price-original, .member-next-step-price.is-bundle > strong, .member-next-step-price.is-bundle > small, .member-next-step-price.is-bundle > button { grid-column: auto; grid-row: auto; }
  .member-bundle-content-summary { grid-template-columns: 1fr; }
  .member-bundle-cover-strip { display: grid; grid-template-columns: repeat(5, 1fr); }
  .member-bundle-cover-strip img { height: auto; transform: none !important; width: 100%; }
  .member-soft-bundle-option { grid-template-columns: 100px 1fr; }
  .member-soft-bundle-visual > img { width: 100px; }
  .member-soft-bundle-visual { padding-top: 36px; }
  .member-soft-bundle-visual > strong { font-size: .72rem; height: 36px; padding: 0 13px; right: 0; top: -2px; width: auto; }
  .member-soft-bundle-saving { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); grid-column: 1 / -1; padding-left: 0; padding-top: 20px; }
  .member-soft-bundle-saving > button { width: 100%; }
  .member-mini-path-guide { grid-template-columns: 1fr 120px; }
  .member-mini-path-guide > img { height: 150px; width: 120px; }
  .member-mini-path-map { grid-template-columns: 1fr; }
  .member-mini-path-map > svg { justify-self: center; transform: rotate(90deg); }
  .member-mini-path-map > span { grid-template-columns: 96px minmax(0, 1fr); }
  .member-mini-path-map > span > img { height: 96px; width: 96px; }
  .member-owned-grid { grid-template-columns: 1fr; }
  .member-sample-hero, .member-sample-layout { grid-template-columns: 1fr; }
  .member-sample-hero { padding-left: 22px; padding-right: 22px; }
  .member-sample-copy h1 { font-size: 4rem; }
  .member-sample-layout { gap: 40px; padding-left: 22px; padding-right: 22px; }
  .member-sample-layout aside { position: static; }
  .member-book-credit-panel { padding: 16px; }
  .member-book-credit-panel thead { display: none; }
  .member-book-credit-panel tr { border-bottom: 1px solid rgba(255,255,255,.11); display: block; padding: 12px 0; }
  .member-book-credit-panel th, .member-book-credit-panel td { border: 0; display: block; padding: 2px 0; width: auto; }
  .member-chapter-list button { grid-template-columns: 28px 1fr auto; }
  .member-chapter-list button small { display: none; }
  .member-roadmap { padding: 0 22px; }
  .member-roadmap article { padding: 20px; }
  .member-roadmap article > img, .member-roadmap article:first-of-type > img { height: 170px; }
  .member-path-choice { grid-template-columns: 1fr; margin-left: 22px; margin-right: 22px; padding: 22px; }
  .member-path-choice > div { grid-column: auto; }
}

.admin-page {
  padding-top: 24px;
}

.admin-overview-head h1 {
  max-width: none;
  margin: 3px 0 5px;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 1;
  text-transform: none;
}

.admin-overview-head p:not(.eyebrow) {
  margin: 0;
  color: var(--muted);
}

.admin-overview-head .ghost-button {
  flex: 0 0 auto;
}

.admin-overview-error {
  margin: 0 0 14px;
}

.admin-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.admin-kpi-card {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-areas:
    "icon label"
    "icon value"
    "icon detail";
  column-gap: 13px;
  align-items: center;
  min-height: 132px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(21, 18, 21, 0.86);
}

.admin-kpi-card::after {
  position: absolute;
  content: "";
  inset: auto -30px -50px auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255, 60, 125, 0.09);
  pointer-events: none;
}

.admin-kpi-icon {
  grid-area: icon;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  align-self: start;
  border-radius: 12px;
  color: var(--pink);
  background: rgba(255, 60, 125, 0.12);
}

.admin-kpi-card > span {
  grid-area: label;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.admin-kpi-card > strong {
  grid-area: value;
  min-width: 0;
  margin: 2px 0;
  overflow-wrap: anywhere;
  color: var(--white);
  font-size: clamp(1.45rem, 2.5vw, 2.1rem);
  line-height: 1.05;
}

.admin-kpi-card > small {
  grid-area: detail;
  color: rgba(255, 255, 255, 0.48);
}

.admin-revenue-history {
  margin: 0 0 24px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(21, 18, 21, 0.86);
}

.admin-revenue-history-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.admin-revenue-history h2 {
  margin: 3px 0 6px;
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.05;
}

.admin-revenue-history p:not(.eyebrow) {
  max-width: 670px;
  margin: 0;
  color: var(--muted);
}

.admin-revenue-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 800;
}

.admin-revenue-legend span,
.admin-revenue-tooltip b {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.admin-revenue-legend i,
.admin-revenue-tooltip i {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 2px;
}

.admin-revenue-chart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 14px;
  align-items: stretch;
}

.admin-revenue-chart-wrap {
  min-height: 330px;
  min-width: 0;
  overflow-x: auto;
  padding: 18px 16px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01));
}

.admin-revenue-chart {
  display: grid;
  grid-template-columns: repeat(12, minmax(54px, 1fr));
  min-width: 720px;
  height: 290px;
  padding: 10px 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
  background-image: linear-gradient(to bottom, rgba(153, 170, 192, 0.14) 1px, transparent 1px);
  background-size: 100% 25%;
}

.admin-revenue-month {
  display: grid;
  grid-template-rows: 1fr auto;
  min-width: 0;
  padding: 0 6px 0;
  outline: none;
}

.admin-revenue-month:focus-visible .admin-revenue-bars,
.admin-revenue-month:hover .admin-revenue-bars {
  background: rgba(255, 60, 125, 0.08);
}

.admin-revenue-bars {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 3px;
  min-height: 0;
  padding: 8px 5px 0;
  border-radius: 7px 7px 0 0;
  transition: background 140ms ease;
}

.admin-revenue-bar {
  width: min(17px, 28%);
  min-height: 0;
  border-radius: 3px 3px 0 0;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.24);
  transition: filter 140ms ease, transform 140ms ease;
}

.admin-revenue-month:hover .admin-revenue-bar,
.admin-revenue-month:focus-visible .admin-revenue-bar {
  filter: brightness(1.18);
  transform: translateY(-2px);
}

.admin-revenue-month > span {
  padding-top: 10px;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 750;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-revenue-tooltip {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 12px;
  background: rgba(16, 14, 16, 0.97);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.28);
}

.admin-revenue-tooltip > strong {
  font-size: 1.05rem;
}

.admin-revenue-tooltip-year {
  display: grid;
  gap: 4px;
  padding-top: 9px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  color: var(--muted);
  font-size: 0.82rem;
}

.admin-revenue-tooltip-year b {
  color: var(--white);
}

.admin-revenue-tooltip-year b em {
  margin-left: auto;
  font-style: normal;
}

.admin-revenue-tooltip-year span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.admin-revenue-tooltip-year span strong {
  color: var(--white);
  font-weight: 700;
}

.admin-revenue-empty {
  margin: 0;
  color: var(--muted);
}

.admin-revenue-mobile {
  display: none;
}

.admin-weekday-revenue {
  margin: 0 0 24px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(21, 18, 21, 0.86);
}

.admin-weekday-revenue-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.admin-weekday-revenue h2 {
  margin: 3px 0 6px;
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.05;
}

.admin-weekday-revenue-head p:not(.eyebrow) {
  max-width: 670px;
  margin: 0;
  color: var(--muted);
}

.admin-weekday-period-select {
  flex: 0 0 auto;
  min-width: 210px;
}

.admin-weekday-period-select .admin-select-trigger {
  width: 100%;
}

.admin-weekday-revenue-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 220px)) 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.admin-weekday-revenue-summary > div {
  display: grid;
  gap: 3px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
}

.admin-weekday-revenue-summary span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.admin-weekday-revenue-summary strong {
  color: var(--white);
  font-size: 1.15rem;
  font-variant-numeric: tabular-nums;
}

.admin-weekday-revenue-summary > p {
  justify-self: end;
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
}

.admin-weekday-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 14px;
  background: rgba(8, 7, 9, 0.38);
}

.admin-weekday-table {
  width: 100%;
  min-width: 650px;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

.admin-weekday-table th,
.admin-weekday-table td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  text-align: right;
}

.admin-weekday-table th:first-child {
  width: 25%;
  text-align: left;
}

.admin-weekday-table th:nth-child(2) {
  width: 23%;
}

.admin-weekday-table th:nth-child(3) {
  width: 40%;
}

.admin-weekday-table thead th {
  background: rgba(255, 64, 132, 0.08);
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.68rem;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.admin-weekday-table tbody tr:last-child th,
.admin-weekday-table tbody tr:last-child td {
  border-bottom: 0;
}

.admin-weekday-table tbody th {
  color: var(--white);
}

.admin-weekday-table tbody th span {
  display: inline-block;
  min-width: 78px;
}

.admin-weekday-table tbody th em {
  display: inline-flex;
  margin-left: 8px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--muted);
  font-size: 0.6rem;
  font-style: normal;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.admin-weekday-table tbody td {
  color: rgba(255, 255, 255, 0.72);
}

.admin-weekday-table tbody td > strong {
  color: var(--white);
}

.admin-weekday-table tbody tr.is-strongest {
  background: rgba(50, 181, 119, 0.075);
}

.admin-weekday-table tbody tr.is-strongest th em {
  background: rgba(50, 181, 119, 0.16);
  color: #8ce0b6;
}

.admin-weekday-table tbody tr.is-weakest {
  background: rgba(255, 133, 75, 0.055);
}

.admin-weekday-table tbody tr.is-weakest th em {
  background: rgba(255, 133, 75, 0.14);
  color: #ffb48f;
}

.admin-weekday-share {
  display: grid;
  grid-template-columns: minmax(80px, 1fr) 52px;
  gap: 12px;
  align-items: center;
}

.admin-weekday-share::before {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  content: "";
}

.admin-weekday-share > span {
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  min-width: 2px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1769d1, #ff3c7d);
}

.admin-weekday-share > strong {
  color: var(--white);
  text-align: right;
}

.campaign-revenue-table-card {
  margin: 0 0 24px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(21, 18, 21, 0.86);
}

.campaign-revenue-table-card.is-light {
  margin: 0 0 22px;
  border-color: #dfdfdf;
  background: #fbf8f5;
  color: #201a18;
}

.campaign-revenue-table-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.campaign-revenue-table-head h3 {
  margin: 3px 0 6px;
  color: var(--white);
  font-size: clamp(1.4rem, 2.8vw, 1.9rem);
  line-height: 1.08;
}

.campaign-revenue-table-card.is-light .campaign-revenue-table-head h3 {
  color: #201a18;
}

.campaign-revenue-table-head p:not(.eyebrow) {
  max-width: 650px;
  margin: 0;
  color: var(--muted);
}

.campaign-revenue-table-card.is-light .campaign-revenue-table-head p:not(.eyebrow) {
  color: #6c6c6c;
}

.campaign-revenue-total {
  display: grid;
  flex: 0 0 auto;
  min-width: 210px;
  gap: 2px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
}

.is-light .campaign-revenue-total {
  border-color: #d9d9d9;
  background: #fff;
}

.campaign-revenue-total span,
.campaign-revenue-total small {
  color: var(--muted);
  font-size: 0.72rem;
}

.is-light .campaign-revenue-total span,
.is-light .campaign-revenue-total small {
  color: #6e6e6e;
}

.campaign-revenue-total span {
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.campaign-revenue-total strong {
  color: var(--white);
  font-size: 1.35rem;
  font-variant-numeric: tabular-nums;
}

.is-light .campaign-revenue-total strong {
  color: #201a18;
}

.campaign-revenue-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 14px;
  background: rgba(8, 7, 9, 0.38);
}

.is-light .campaign-revenue-table-wrap {
  border-color: #dcdcdc;
  background: #fff;
}

.campaign-revenue-table {
  width: 100%;
  min-width: 840px;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

.campaign-revenue-table th,
.campaign-revenue-table td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.72);
  text-align: right;
}

.is-light .campaign-revenue-table th,
.is-light .campaign-revenue-table td {
  border-bottom-color: #e7e7e7;
  color: #676767;
}

.campaign-revenue-table thead th {
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.68rem;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.is-light .campaign-revenue-table thead th {
  background: #f3f3f3;
  color: #676767;
}

.campaign-revenue-table th:first-child {
  width: 37%;
  text-align: left;
}

.campaign-revenue-table tbody tr:last-child th,
.campaign-revenue-table tbody tr:last-child td {
  border-bottom: 0;
}

.campaign-revenue-table tbody th span {
  display: block;
  color: var(--white);
  font-size: 0.92rem;
}

.is-light .campaign-revenue-table tbody th span {
  color: #201a18;
}

.campaign-revenue-table tbody th em {
  display: inline-flex;
  margin-top: 6px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgb(var(--brand-pink-rgb) / 0.16);
  color: var(--brand-pink);
  font-size: 0.6rem;
  font-style: normal;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.is-light .campaign-revenue-table tbody th em {
  background: #efefef;
  color: #606060;
}

.campaign-revenue-table tbody tr.is-best {
  background: rgb(var(--brand-pink-rgb) / 0.07);
}

.is-light .campaign-revenue-table tbody tr.is-best {
  background: #f1faf4;
}

.campaign-revenue-table tbody td strong {
  color: var(--white);
  font-size: 1rem;
}

.is-light .campaign-revenue-table tbody td strong {
  color: #201a18;
}

.campaign-revenue-table tbody td small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
}

.is-light .campaign-revenue-table tbody td small {
  color: #838383;
}

.campaign-revenue-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 16px;
  padding: 12px 16px;
  border: 1px solid currentColor;
  border-radius: 12px;
  background: transparent;
  color: var(--brand-pink);
  font: inherit;
  cursor: pointer;
}

.campaign-revenue-toggle:hover {
  background: rgb(var(--brand-pink-rgb) / 0.1);
}

.campaign-revenue-empty {
  margin: 0;
  color: var(--muted);
}

.is-light .campaign-revenue-empty {
  color: #6e6e6e;
}

.admin-period-metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin: -8px 0 24px;
}

.admin-period-metric-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(21, 18, 21, 0.86);
}

.admin-period-metric-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.admin-period-metric-title h2 {
  margin: 0;
  font-size: 1.05rem;
}

.admin-period-metric-card label {
  min-width: 0;
}

.admin-period-metric-card select {
  width: 100%;
  min-width: 0;
  padding: 11px 38px 11px 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  color: var(--white);
  font: inherit;
  font-size: 0.84rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  background: rgba(255, 255, 255, 0.055);
}

.admin-period-metric-card select:focus {
  border-color: var(--pink);
  outline: 2px solid rgba(255, 60, 125, 0.25);
  outline-offset: 2px;
}

.admin-period-metric-card strong {
  color: var(--white);
  font-size: clamp(1.7rem, 2.8vw, 2.45rem);
  line-height: 1;
}

.admin-period-metric-card small {
  color: rgba(255, 255, 255, 0.48);
}

.admin-questionnaire-funnel {
  margin: 0 0 28px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(21, 18, 21, 0.9);
}

.admin-questionnaire-funnel-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  margin-bottom: 20px;
}

.admin-questionnaire-funnel-head h2 {
  margin: 4px 0 8px;
  color: var(--white);
  font-size: clamp(1.35rem, 2.3vw, 1.9rem);
}

.admin-questionnaire-funnel-head p:not(.eyebrow) {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.admin-questionnaire-funnel-periods {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.admin-questionnaire-funnel-periods button {
  padding: 9px 12px;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.62);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
  background: transparent;
}

.admin-questionnaire-funnel-periods button:hover,
.admin-questionnaire-funnel-periods button:focus-visible {
  color: var(--white);
  outline: none;
  background: rgba(255, 255, 255, 0.08);
}

.admin-questionnaire-funnel-periods button.is-active {
  color: #fff;
  background: var(--pink);
  box-shadow: 0 8px 22px rgba(255, 60, 125, 0.2);
}

.admin-questionnaire-funnel-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
}

.admin-questionnaire-funnel-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  color: var(--white);
}

.admin-questionnaire-funnel-table th,
.admin-questionnaire-funnel-table td {
  padding: 15px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: right;
  vertical-align: middle;
}

.admin-questionnaire-funnel-table thead th {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.72rem;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.035);
}

.admin-questionnaire-funnel-table th:first-child,
.admin-questionnaire-funnel-table td:first-child {
  text-align: left;
}

.admin-questionnaire-funnel-table tbody tr:last-child th,
.admin-questionnaire-funnel-table tbody tr:last-child td {
  border-bottom: 0;
}

.admin-questionnaire-funnel-table tbody tr:hover:not(.is-total) {
  background: rgba(255, 255, 255, 0.025);
}

.admin-questionnaire-funnel-table tr.is-total {
  background: rgba(255, 60, 125, 0.08);
}

.admin-questionnaire-funnel-table tr.is-total th,
.admin-questionnaire-funnel-table tr.is-total td {
  font-size: 1.04rem;
  font-weight: 900;
}

.admin-questionnaire-funnel-table th small,
.admin-questionnaire-funnel-table td small {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.72rem;
  font-weight: 600;
}

.admin-questionnaire-funnel-empty {
  padding: 28px !important;
  color: var(--muted);
  text-align: center !important;
}

.admin-questionnaire-funnel-note {
  margin: 12px 2px 0;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.76rem;
  line-height: 1.5;
}

.member-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 18px;
  margin-bottom: 18px;
}

.member-card {
  padding: 22px;
}

.member-profile-panel {
  display: grid;
  gap: 18px;
  margin-top: 28px;
  margin-bottom: 18px;
  padding: clamp(18px, 3vw, 28px);
}

.member-profile-collapsed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 28px;
  margin-bottom: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)),
    rgba(13, 10, 13, 0.72);
}

.member-profile-collapsed div {
  display: grid;
  gap: 3px;
}

.member-profile-collapsed strong {
  color: var(--white);
  font-size: 1.18rem;
}

.member-profile-collapsed p {
  margin: 0;
  color: rgba(255, 247, 251, 0.62);
}

.tripwire-unlocked-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr);
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.22);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.18), transparent 26rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.078), rgba(255, 255, 255, 0.03)),
    rgba(13, 10, 13, 0.84);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.tripwire-copy {
  display: grid;
  align-content: center;
  gap: 14px;
}

.tripwire-copy h2 {
  max-width: 12ch;
  font-size: clamp(2.2rem, 4vw, 4.2rem);
}

.tripwire-copy p {
  max-width: 48ch;
}

.tripwire-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tripwire-status-row span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgb(var(--brand-pink-rgb) / 0.1);
  color: var(--green);
  font-size: 0.8rem;
  font-weight: 850;
}

.tripwire-next-step {
  display: grid;
  gap: 4px;
  padding: 14px;
  border-left: 4px solid var(--brand-pink);
  border-radius: var(--radius-sm);
  background: rgb(var(--brand-pink-rgb) / 0.12);
}

.tripwire-next-step strong {
  color: var(--white);
}

.tripwire-next-step p {
  margin: 0;
}

.tripwire-media {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
}

.tripwire-media img {
  width: 100%;
  border-radius: var(--radius-sm);
  object-fit: contain;
  background: #000;
}

.tripwire-media video {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--radius-sm);
  background: #000;
}

.profile-close-button {
  min-height: 42px;
  padding: 10px 16px;
}

.member-profile-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.2);
  border-radius: var(--radius-sm);
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: rgba(255, 247, 251, 0.76);
}

.member-profile-notice svg {
  flex: 0 0 auto;
  color: var(--green);
}

.member-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
  gap: 16px;
  align-items: start;
}

.profile-form-card {
  display: grid;
  gap: 15px;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.045);
}

.profile-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.profile-card-title svg,
.member-profile-panel > .card-head svg {
  color: var(--brand-pink);
}

.profile-card-title h3 {
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.profile-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.profile-form-grid label {
  display: grid;
  gap: 7px;
  color: rgba(255, 247, 251, 0.66);
  font-size: 0.86rem;
  font-weight: 800;
}

.profile-form-grid input {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(0, 0, 0, 0.22);
  color: var(--ink);
  outline: none;
}

.profile-form-grid input:focus {
  border-color: rgb(var(--brand-pink-rgb) / 0.56);
  box-shadow: 0 0 0 3px rgb(var(--brand-pink-rgb) / 0.12);
}

.password-change-rows {
  display: grid;
  gap: 18px;
}

.password-change-row {
  display: grid;
  gap: 9px;
}

label.password-change-row,
.password-change-row > label {
  display: grid;
  gap: 7px;
  color: rgba(255, 247, 251, 0.66);
  font-size: 0.86rem;
  font-weight: 800;
}

.password-change-row .password-checklist {
  margin: 0;
}

.password-state {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: end;
  min-height: 48px;
  padding: 11px 13px;
  border-radius: var(--radius-sm);
  background: rgb(var(--brand-pink-rgb) / 0.1);
  color: rgba(255, 247, 251, 0.74);
  font-size: 0.88rem;
  font-weight: 780;
}

.password-state svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.profile-secondary-action {
  justify-self: start;
}

.billing-card {
  background:
    linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.08), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.04);
}

.billing-form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.billing-form-grid label:first-child,
.billing-form-grid label:nth-child(2) {
  grid-column: span 2;
}

.profile-actions {
  display: flex;
  justify-content: flex-end;
}

.card-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.card-head svg {
  color: var(--brand-pink);
}

.access-list,
.offer-list {
  display: grid;
  gap: 10px;
}

.access-item,
.offer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}

.access-item div:first-child,
.offer-item div {
  display: grid;
  gap: 4px;
}

.progress-ring {
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border: 5px solid rgb(var(--brand-pink-rgb) / 0.18);
  border-top-color: var(--brand-pink);
  border-radius: 50%;
}

.progress-ring span {
  color: var(--ink);
  font-size: 0.75rem;
  font-weight: 850;
}

.offer-item img {
  width: 48px;
  height: 64px;
  border-radius: 5px;
  object-fit: cover;
}

.offer-item button,
.audio-controls button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--white);
}

.audio-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 18px;
}

.audio-player {
  display: grid;
  gap: 0;
  overflow: hidden;
  padding: 0;
}

.audio-native-controls {
  display: none;
}

.audio-bar {
  display: grid;
  grid-template-columns: 52px 58px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 86px;
  padding: 12px 16px;
}

.audio-bar img {
  width: 58px;
  height: 68px;
  object-fit: cover;
  border-radius: 6px;
}

.audio-title {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  text-align: left;
}

.audio-title span {
  color: var(--brand-pink);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.audio-title em {
  overflow: hidden;
  color: var(--muted);
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.audio-controls {
  display: flex;
  gap: 8px;
}

.audio-controls .audio-main {
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

/* The primary play/pause control sits directly in the player grid rather than
   inside .audio-controls. Define its hit area explicitly so iOS never renders
   it like an unstyled, stretched native button. */
.audio-main {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  box-shadow: 0 8px 20px rgb(var(--brand-pink-rgb) / 0.24);
  cursor: pointer;
}

.audio-main:hover {
  filter: brightness(1.07);
}

.audio-progress {
  display: grid;
  gap: 8px;
  padding: 0 18px 14px 140px;
}

.audio-time-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: var(--muted);
  font-size: 0.84rem;
}

.audio-time-row strong {
  color: var(--ink);
}

.audio-seek {
  width: 100%;
  height: 7px;
  margin: 0;
  appearance: none;
  cursor: pointer;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand-pink) var(--audio-progress), rgba(255, 255, 255, 0.17) var(--audio-progress));
}

.audio-seek::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  appearance: none;
  border: 2px solid var(--white);
  border-radius: 50%;
  background: var(--brand-pink);
  box-shadow: 0 2px 10px rgb(var(--brand-pink-rgb) / 0.42);
  color: var(--brand-on-pink) !important;
}

.audio-seek::-moz-range-thumb {
  width: 13px;
  height: 13px;
  border: 2px solid var(--white);
  border-radius: 50%;
  background: var(--brand-pink);
  box-shadow: 0 2px 10px rgb(var(--brand-pink-rgb) / 0.42);
  color: var(--brand-on-pink) !important;
}

.audio-book-duration {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
}

.audio-offline-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 0 18px 16px;
  padding: 15px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.24);
  border-radius: 14px;
  background: rgb(var(--brand-pink-rgb) / 0.07);
}

.audio-offline-panel > div {
  display: grid;
  gap: 5px;
}

.audio-offline-panel strong {
  display: flex;
  gap: 7px;
  align-items: center;
  color: var(--white);
}

.audio-offline-panel span,
.audio-offline-panel small {
  color: var(--muted);
  line-height: 1.45;
}

.audio-offline-size {
  color: var(--white);
  font-size: 0.88rem;
}

.audio-offline-panel progress {
  width: 100%;
  height: 7px;
  accent-color: var(--brand-pink);
}

.audio-offline-panel .primary-button,
.audio-offline-panel .ghost-button {
  white-space: nowrap;
}

.chapter-list {
  display: grid;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.chapter-row {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 42px;
  padding: 10px 18px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(5, 5, 5, 0.28);
  color: var(--muted);
  text-align: left;
}

.chapter-row span {
  min-width: 0;
}

.chapter-row time {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.76rem;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}

.chapter-row.is-active,
.chapter-row:hover {
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--white) !important;
}

select,
textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: #0d0b0e;
  color: var(--ink);
}

select {
  min-height: 38px;
  padding: 8px 10px;
}

.program-workspace {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.workspace-sidebar {
  display: grid;
  gap: 18px;
  padding: 20px;
}

.program-workspace > .workspace-sidebar {
  position: sticky;
  top: 92px;
  max-height: calc(100vh - 112px);
  overflow: auto;
}

.lesson-list {
  display: grid;
  gap: 8px;
}

.program-week-progress {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.program-week-progress > span {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

.program-week-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--brand-pink);
}

.program-week-progress strong {
  color: var(--white);
  font-size: 0.84rem;
}

.lesson-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  text-align: left;
}

.lesson-item span {
  line-height: 1.18;
}

.lesson-item.is-active {
  border-color: var(--brand-pink);
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.lesson-item svg {
  flex: 0 0 auto;
  color: var(--green);
}

.lesson-panel {
  overflow: hidden;
}

.video-frame {
  background: var(--black);
  aspect-ratio: 16 / 9;
}

.video-frame video {
  width: 100%;
  height: 100%;
  display: block;
}

.lesson-content {
  padding: 22px;
}

.lesson-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.lesson-title-block {
  min-width: 0;
}

.lesson-title-block h3 {
  margin-bottom: 10px;
}

.lesson-title-block p {
  margin: 0;
}

.lesson-done-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 8px;
  min-height: 44px;
  margin-top: 2px;
  padding: 0 16px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.34);
  border-radius: 999px;
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: var(--green) !important;
  font-weight: 900;
  letter-spacing: 0;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lesson-done-button:hover {
  transform: translateY(-1px);
  border-color: rgb(var(--brand-pink-rgb) / 0.66);
  background: rgb(var(--brand-pink-rgb) / 0.14);
  color: #fff !important;
}

.lesson-done-button.is-done {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.07);
  color: var(--ink);
}

.lesson-overview {
  display: grid;
  gap: 10px;
  margin-top: 22px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.04);
}

.lesson-overview p {
  margin: 0;
  color: var(--muted);
}

.two-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.program-task-list {
  display: grid;
  gap: 8px;
}

.program-task-list button {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  width: 100%;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--muted);
  font: inherit;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
}

.program-task-list button svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.4);
}

.program-task-list button.is-completed {
  border-color: rgba(96, 240, 190, 0.28);
  background: rgba(96, 240, 190, 0.08);
  color: rgba(255, 255, 255, 0.68);
}

.program-task-list button.is-completed svg {
  color: var(--green);
}

.lesson-materials {
  margin-top: 22px;
}

.lesson-material-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.lesson-material-grid a,
.lesson-material-grid button,
.lesson-material-static {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  align-items: center;
  min-height: 74px;
  padding: 13px 14px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.2);
  border-radius: var(--radius-sm);
  background: rgb(var(--brand-pink-rgb) / 0.07);
  color: var(--ink) !important;
}

.lesson-material-grid button {
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lesson-material-grid button:hover {
  transform: translateY(-2px);
  border-color: rgb(var(--brand-pink-rgb) / 0.48);
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: #fff !important;
}

.lesson-material-grid a > span,
.lesson-material-grid button > span,
.lesson-material-static > span {
  grid-column: 1 / -1;
  color: var(--green);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.lesson-material-grid a strong,
.lesson-material-grid button strong,
.lesson-material-static strong {
  line-height: 1.2;
}

.lesson-material-grid a svg,
.lesson-material-grid button svg {
  color: var(--green);
}

.member-media-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 18% 14%, rgb(var(--brand-pink-rgb) / 0.14), transparent 32%),
    rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(16px);
}

.member-media-panel {
  width: min(1080px, 100%);
  max-height: min(92vh, 900px);
  overflow: auto;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.26);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(25, 25, 28, 0.98), rgba(7, 7, 8, 0.98)),
    var(--panel);
  box-shadow: 0 34px 120px rgba(0, 0, 0, 0.62);
  padding: clamp(18px, 3vw, 34px);
}

.member-media-header {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 18px;
}

.member-media-header h3 {
  margin: 6px 0 4px;
  font-size: clamp(1.8rem, 4vw, 4rem);
  line-height: 0.98;
}

.member-media-header p {
  margin: 0;
  color: var(--muted);
  font-size: 1.05rem;
}

.member-media-close {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
}

.member-media-frame {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-md);
  background: #000;
}

.member-media-frame iframe,
.member-media-frame video {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}

.member-media-audio {
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.22);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at top left, rgb(var(--brand-pink-rgb) / 0.18), transparent 36%),
    rgb(var(--brand-pink-rgb) / 0.06);
  padding: clamp(18px, 4vw, 38px);
}

.member-audio-shell {
  display: grid;
  gap: 18px;
  color: var(--ink);
}

.member-audio-shell svg {
  color: var(--green);
}

.member-audio-shell strong {
  font-size: clamp(1.4rem, 3vw, 2.6rem);
  line-height: 1.05;
}

.member-audio-shell audio {
  width: 100%;
  margin-top: 8px;
}

ul {
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.55;
}

.notes-box {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}

.notes-box span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
}

.notes-box textarea {
  min-height: 120px;
  padding: 12px;
  resize: vertical;
}

.program-note-save {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 10px;
}

.program-note-save span {
  color: var(--muted);
  font-size: 0.82rem;
}

.program-note-save button,
.happy-bedroom-milestone-list article > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 9px 14px;
  border: 0;
  border-radius: 999px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.happy-bedroom-milestones {
  margin-bottom: 18px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.24);
  border-radius: var(--radius-md);
  background: radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.15), transparent 34rem), rgba(18, 13, 16, 0.88);
}

.happy-bedroom-milestones summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: clamp(18px, 3vw, 28px);
  cursor: pointer;
  list-style: none;
}

.happy-bedroom-milestones summary::-webkit-details-marker {
  display: none;
}

.happy-bedroom-milestones summary h2 {
  max-width: 24ch;
  margin: 6px 0 9px;
}

.happy-bedroom-milestones summary p {
  margin: 0;
  color: var(--muted);
}

.happy-bedroom-milestones-toggle {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  color: var(--white);
  font-weight: 850;
}

.happy-bedroom-milestones-toggle svg {
  color: var(--brand-pink);
  transition: transform 0.2s ease;
}

.happy-bedroom-milestones details[open] .happy-bedroom-milestones-toggle svg {
  transform: rotate(180deg);
}

.happy-bedroom-milestones-content {
  display: grid;
  gap: 18px;
  padding: 0 clamp(18px, 3vw, 28px) clamp(18px, 3vw, 28px);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.happy-bedroom-milestones-content > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-top: clamp(18px, 3vw, 28px);
}

.happy-bedroom-milestones-content h3 {
  max-width: 18ch;
  margin: 6px 0 9px;
  font-size: clamp(1.35rem, 2.5vw, 2rem);
}

.happy-bedroom-milestones header p,
.happy-bedroom-milestone-list p {
  margin: 0;
}

.happy-bedroom-milestones-content > header > strong {
  flex: 0 0 auto;
  color: var(--brand-pink);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
}

.happy-bedroom-milestone-list {
  display: grid;
  gap: 10px;
}

.happy-bedroom-milestone-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.035);
}

.happy-bedroom-milestone-list article > svg {
  color: rgba(255, 255, 255, 0.34);
}

.happy-bedroom-milestone-list article.is-completed > svg {
  color: var(--green);
}

.happy-bedroom-milestone-list article.is-next {
  border-color: rgb(var(--brand-pink-rgb) / 0.42);
  background: rgb(var(--brand-pink-rgb) / 0.08);
}

.bozsky-strip {
  grid-column: 1 / -1;
  padding: 18px;
}

.bozsky-app {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 18px;
}

.bozsky-app .workspace-sidebar {
  position: static;
  max-height: none;
  overflow: visible;
}

.bozsky-strip div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bozsky-strip span:not(.product-kind) {
  padding: 8px 10px;
  border-radius: 8px;
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 700;
}

.admin-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.admin-card {
  padding: 20px;
}

.admin-card svg {
  color: var(--coral);
}

.admin-card li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
}

.admin-card li svg {
  color: var(--green);
  flex: 0 0 auto;
}

.admin-page {
  width: min(1440px, calc(100% - 32px));
}

.admin-heading {
  max-width: 980px;
}

.admin-module-card {
  display: grid;
  align-content: start;
  width: 100%;
  min-height: 260px;
  color: inherit;
  text-align: left;
}

.admin-module-card h2 {
  max-width: 10ch;
}

.admin-module-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.admin-module-card.is-active {
  border-color: rgba(255, 63, 127, 0.54);
  background:
    linear-gradient(145deg, rgba(255, 63, 127, 0.16), rgba(255, 255, 255, 0.04)),
    rgba(13, 10, 13, 0.92);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

/* Administration is a workspace: the section chooser stays compact on the
   left and only the chosen area occupies the main working space. */
.admin-module-layout {
  display: grid;
  grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  margin-top: 20px;
}

.admin-module-menu {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(21, 18, 21, 0.9);
}

.admin-module-menu .eyebrow {
  margin: 2px 4px 0;
}

.admin-module-menu nav {
  display: grid;
  gap: 6px;
}

.admin-module-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 12px 11px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: rgba(255, 247, 251, 0.7);
  font: inherit;
  font-size: 0.91rem;
  font-weight: 750;
  line-height: 1.25;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.admin-module-menu-item svg {
  flex: 0 0 auto;
  color: var(--coral);
}

.admin-module-menu-item span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-module-menu-item:hover,
.admin-module-menu-item:focus-visible {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.055);
  color: var(--white);
}

.admin-module-menu-item.is-active {
  border-color: rgba(255, 63, 127, 0.56);
  background: linear-gradient(135deg, rgba(255, 63, 127, 0.2), rgba(255, 255, 255, 0.055));
  color: var(--white);
}

.admin-module-main {
  min-width: 0;
  container: admin-module-main / inline-size;
}

.admin-module-main > .admin-notice {
  margin-top: 0;
}

@media (max-width: 900px) {
  .admin-module-layout {
    grid-template-columns: 1fr;
  }

  .admin-module-menu {
    position: static;
  }

  .admin-module-menu nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .admin-module-menu {
    padding: 12px;
  }

  .admin-module-menu nav {
    grid-template-columns: 1fr;
  }
}

/* Příběhy klientů */
.client-stories-page { min-height: 100vh; padding: 72px 24px 96px; background: radial-gradient(circle at 90% 0,rgb(var(--brand-pink-rgb) / 0.12),transparent 30%),linear-gradient(180deg,#0c090d,#120d12 48%,#0b090c); color:#fff7fb; }
.client-stories-shell,.client-story-detail { width:min(1160px,100%); margin:0 auto; }
.story-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; color:#959595; font-size:.78rem; font-weight:750; }
.story-breadcrumbs a { color:#cecece; text-decoration:none; }
.client-stories-hero { max-width:900px; margin-bottom:42px; }
.client-stories-hero>span,.client-story-detail>header>span,.story-collaboration-intro span,.story-collaboration-confirmation span { color:var(--brand-pink); font-size:.76rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.client-stories-hero h1,.client-story-detail h1 { margin:12px 0 18px; font-size:clamp(2.65rem,7vw,5.8rem); line-height:.96; letter-spacing:-.055em; }
.client-stories-hero p { max-width:760px; margin:0; color:#bebebe; font-size:clamp(1rem,2vw,1.25rem); line-height:1.65; }
.client-story-topic-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:-18px 0 64px; }
.client-story-topic-nav a { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:12px 14px; border:1px solid rgb(var(--brand-pink-rgb) / 0.28); border-radius:14px; color:var(--brand-pink); background:rgb(var(--brand-pink-rgb) / 0.05); font-size:.78rem; font-weight:800; line-height:1.25; text-decoration:none; }
.client-story-topic-nav a:hover { border-color:var(--brand-pink); background:rgb(var(--brand-pink-rgb) / 0.11); color:#fff; }
.client-story-topic-nav small { display:grid; flex:0 0 auto; place-items:center; width:25px; height:25px; border-radius:50%; background:rgb(var(--brand-pink-rgb) / 0.13); color:#fff; font-size:.7rem; }
.client-story-category-list { display:grid; gap:76px; }
.client-story-category { scroll-margin-top:110px; }
.client-story-category>header { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.72fr); column-gap:36px; align-items:end; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.11); }
.client-story-category>header>span { grid-column:1/-1; margin-bottom:8px; color:var(--brand-pink); font-size:.72rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.client-story-category>header h2 { margin:0; font-size:clamp(1.8rem,4vw,3.15rem); line-height:1; letter-spacing:-.035em; }
.client-story-category>header p { margin:0; color:#aeaeae; font-size:.95rem; line-height:1.6; }
.client-story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.client-story-grid article { display:flex; flex-direction:column; min-height:280px; padding:28px; border:1px solid rgba(255,255,255,.11); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.058),rgba(255,255,255,.018)); }
.client-story-grid article>span { color:var(--brand-pink); font-size:.72rem; font-weight:850; }
.client-story-grid h3 { margin:12px 0; font-size:1.35rem; line-height:1.2; }
.client-story-grid h3 a { color:#fff; text-decoration:none; }
.client-story-grid p { display:-webkit-box; overflow:hidden; margin:0 0 20px; color:#a3a3a3; font-size:.88rem; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.client-story-grid article>a { display:inline-flex; align-items:center; gap:8px; margin-top:auto; color:var(--brand-pink); font-weight:850; text-decoration:none; }
.client-story-detail>header { max-width:980px; margin:0 auto 44px; padding:42px 0 34px; border-bottom:1px solid rgba(255,255,255,.1); }
.client-story-detail>header>a { display:inline-flex; align-items:center; gap:11px; color:#fff; text-decoration:none; }
.client-story-detail>header>a img { width:54px; height:54px; border-radius:50%; object-fit:cover; object-position:center top; }
.client-story-detail>header>a span { display:grid; gap:2px; }.client-story-detail>header>a small { color:#9f9f9f; }
.client-story-anonymization { max-width:720px; margin:18px 0 0; color:#a3a3a3; font-size:.82rem; line-height:1.55; }
.client-story-copy { width:min(760px,100%); margin:0 auto; }
.client-story-copy p { margin:0 0 1.35em; color:#e6dde2; font-size:clamp(1.03rem,2vw,1.18rem); line-height:1.74; }
.client-story-copy p a { color:var(--brand-pink); font-weight:850; text-decoration-thickness:1px; text-underline-offset:4px; }
.client-story-copy p a:hover { color:#fff; }
.client-story-copy p.is-dialogue { margin:1.6em -30px; padding:18px 26px; border-left:3px solid var(--brand-pink); background:rgb(var(--brand-pink-rgb) / 0.075); color:#fff; font-weight:650; }
.client-story-related { width:min(900px,100%); margin:72px auto 0; padding:clamp(24px,4vw,42px); border:1px solid rgb(var(--brand-pink-rgb) / 0.3); border-radius:24px; background:linear-gradient(145deg,rgb(var(--brand-pink-rgb) / 0.062),rgb(17 17 17 / 0.9)); }
.client-story-related>span { color:var(--brand-pink); font-size:.7rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.client-story-related h2 { max-width:700px; margin:10px 0 12px; font-size:clamp(1.65rem,3vw,2.45rem); line-height:1.05; }
.client-story-related>p { max-width:720px; margin:0; color:#c5c5c5; line-height:1.65; }
.client-story-related>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:28px; }
.client-story-related article { padding:20px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(10,7,10,.34); }
.client-story-related h3 { margin:0 0 12px; color:#fff; font-size:1rem; }
.client-story-related article>a,.client-story-related li a { color:var(--brand-pink); font-weight:780; text-underline-offset:3px; }
.client-story-related ul { display:grid; gap:10px; margin:14px 0 0; padding-left:20px; color:var(--brand-pink); }
.client-story-medical-note { margin-top:22px!important; padding:15px 18px; border-left:3px solid var(--brand-pink); background:rgba(255,255,255,.04); color:#e3d8de!important; font-size:.9rem; }
.story-next-nav { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:64px 0; }
.story-next-nav a { display:flex; align-items:center; gap:12px; min-height:96px; padding:17px; border:1px solid rgba(255,255,255,.11); border-radius:15px; color:#fff; text-decoration:none; }
.story-next-nav a:nth-child(2) { text-align:center; justify-content:center; }.story-next-nav a:last-child { text-align:right; justify-content:flex-end; }
.story-next-nav span { display:grid; gap:5px; font-size:.82rem; line-height:1.3; font-weight:800; }.story-next-nav small { color:var(--brand-pink); font-size:.65rem; text-transform:uppercase; letter-spacing:.1em; }
.story-collaboration { overflow:hidden; border:1px solid rgb(var(--brand-pink-rgb) / 0.42); border-radius:24px; background:linear-gradient(135deg,rgb(var(--brand-pink-rgb) / 0.042),rgba(17,12,16,.98)); }
.story-collaboration-intro { display:grid; grid-template-columns:minmax(220px,.42fr) minmax(0,1fr); border-bottom:1px solid rgba(255,255,255,.1); }
.story-collaboration-intro img { width:100%; height:100%; min-height:310px; object-fit:contain; object-position:center bottom; background:radial-gradient(circle at 50% 70%,rgb(var(--brand-pink-rgb) / 0.22),transparent 58%); }
.story-collaboration-intro>div { display:grid; align-content:center; gap:14px; padding:clamp(28px,5vw,58px); }
.story-collaboration h2,.story-collaboration-confirmation h2 { margin:0; font-size:clamp(1.8rem,4vw,3.2rem); line-height:1.04; }
.story-collaboration-intro p { margin:0; color:#bcbcbc; line-height:1.65; }
.story-collaboration-form { display:grid; gap:22px; padding:clamp(24px,5vw,56px); }
.story-form-progress { display:grid; gap:9px; width:min(720px,100%); margin:0 auto; }
.story-form-progress>span { color:var(--brand-pink); font-size:.74rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.story-form-progress>div { overflow:hidden; height:6px; border-radius:999px; background:rgba(255,255,255,.1); }
.story-form-progress i { display:block; height:100%; border-radius:inherit; background:var(--brand-pink); transition:width .25s ease; }
.story-collaboration-grid { width:min(720px,100%); min-height:190px; margin:0 auto; }
.story-form-step>label { display:grid; align-content:start; gap:12px; color:#fff; font-size:clamp(1rem,2vw,1.18rem); font-weight:850; line-height:1.45; }
.story-form-step[hidden] { display:none; }
.story-collaboration-grid input,.story-collaboration-grid select,.story-collaboration-grid textarea { width:100%; box-sizing:border-box; padding:13px 14px; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:#0e0b0e; color:#fff; font:inherit; }
.story-collaboration-grid textarea { min-height:150px; resize:vertical; }.story-form-wide { grid-column:1/-1; }
.story-sensitive { display:flex!important; align-items:flex-start; flex-direction:row; padding:16px; border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#bbbbbb!important; font-weight:600!important; }.story-sensitive input { flex:0 0 auto; width:18px; height:18px; accent-color:var(--brand-pink); }.story-sensitive a { color:var(--brand-pink); }
.story-honeypot { position:absolute!important; left:-9999px; }.story-collaboration-form>small { width:min(720px,100%); margin:0 auto; color:#9f9f9f; line-height:1.55; }.story-form-error { width:min(720px,100%); margin:0 auto; color:#ff94aa; font-weight:800; }.story-step-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; width:min(720px,100%); margin:0 auto; }.story-step-actions button { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.story-collaboration-confirmation { display:flex; gap:18px; width:min(920px,100%); box-sizing:border-box; margin:64px auto 0; padding:34px; border:1px solid rgb(var(--brand-pink-rgb) / 0.42); border-radius:22px; background:rgb(var(--brand-pink-rgb) / 0.034); }.story-collaboration-confirmation svg { flex:0 0 auto; color:var(--brand-pink); }.story-collaboration-confirmation>div { display:grid; gap:10px; }.story-collaboration-confirmation p { margin:0; color:#bcbcbc; line-height:1.6; }.story-collaboration-confirmation a { display:inline-flex; align-items:center; gap:7px; color:var(--brand-pink); font-weight:850; text-decoration:none; }
@media(max-width:900px){.client-story-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.client-story-category>header{grid-template-columns:1fr;gap:12px}.client-story-category>header>span{grid-column:auto}}
@media(max-width:760px){.client-stories-page{padding:38px 14px 68px}.client-story-topic-nav{grid-template-columns:1fr;margin-bottom:50px}.client-story-topic-nav a{min-height:48px}.client-story-category-list{gap:58px}.client-story-category{scroll-margin-top:170px}.client-story-category>header{margin-bottom:18px;padding:0 3px 17px}.client-story-grid,.story-collaboration-intro,.client-story-related>div{grid-template-columns:1fr}.client-story-detail h1{font-size:2.7rem}.client-story-copy p.is-dialogue{margin:1.5em -2px;padding:16px 18px}.story-next-nav{grid-template-columns:1fr}.story-next-nav a:nth-child(2),.story-next-nav a:last-child{text-align:left;justify-content:flex-start}.story-collaboration-intro img{min-height:250px;max-height:310px}.story-form-wide{grid-column:auto}.story-collaboration-grid{min-height:220px}.story-step-actions{align-items:stretch}.story-step-actions button{flex:1}.story-step-actions>span{display:none}}

.admin-notice {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
  padding: 14px 16px;
  border: 1px solid rgba(98, 227, 181, 0.22);
  border-radius: var(--radius-sm);
  background: rgba(98, 227, 181, 0.08);
  color: rgba(255, 247, 251, 0.8);
}

.admin-notice svg {
  flex: 0 0 auto;
  color: var(--green);
}

.admin-notice span {
  flex: 1 1 280px;
}

.admin-user-purchase-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 16px 0 20px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.035);
}

.admin-user-purchase-filter > span {
  flex: 0 0 auto;
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-user-purchase-filter > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.admin-user-purchase-filter button {
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 247, 251, 0.76);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 800;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.admin-user-purchase-filter button:hover,
.admin-user-purchase-filter button:focus-visible {
  border-color: rgba(255, 63, 127, 0.46);
  color: var(--white);
}

.admin-user-purchase-filter button:focus-visible {
  outline: 2px solid rgba(255, 63, 127, 0.22);
  outline-offset: 2px;
}

.admin-user-purchase-filter button.is-active {
  border-color: rgba(255, 63, 127, 0.58);
  background: rgba(255, 63, 127, 0.18);
  color: var(--white);
}

.admin-user-list-empty {
  margin: 0;
  padding: 18px 12px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  color: rgba(255, 247, 251, 0.58);
  font-size: 0.9rem;
  text-align: center;
}

.admin-reset-button {
  min-height: 42px;
  padding: 10px 14px;
  font-size: 0.9rem;
}

.admin-workspace {
  display: grid;
  grid-template-columns: minmax(300px, 0.38fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.admin-users-panel,
.admin-user-card,
.admin-editor-card,
.admin-coming-next {
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.078), rgba(255, 255, 255, 0.035)),
    rgba(13, 10, 13, 0.82);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
}

.admin-users-panel {
  position: sticky;
  top: 102px;
  display: grid;
  gap: 16px;
  padding: 18px;
}

.admin-panel-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.admin-panel-head h2,
.admin-panel-head h3 {
  margin-bottom: 0;
}

.admin-icon-button {
  width: 44px;
  min-height: 44px;
  padding: 0;
}

.admin-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(0, 0, 0, 0.22);
}

.admin-search svg {
  flex: 0 0 auto;
  color: var(--coral-dark);
}

.admin-search input,
.admin-form-grid input,
.admin-form-grid select,
.admin-editor-card textarea,
.admin-purchase-add input,
.admin-purchase-add select,
.admin-users-panel select,
.admin-product-row input,
.admin-product-row select,
.admin-user-actions select {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.06);
  color: var(--ink);
  outline: none;
}

.admin-search input {
  border: 0;
  padding: 0;
  background: transparent;
}

.admin-form-grid input,
.admin-form-grid select,
.admin-editor-card textarea,
.admin-purchase-add input,
.admin-purchase-add select,
.admin-users-panel select,
.admin-product-row input,
.admin-product-row select,
.admin-user-actions select {
  min-height: 46px;
  padding: 11px 13px;
}

.admin-form-grid input:focus,
.admin-form-grid select:focus,
.admin-editor-card textarea:focus,
.admin-purchase-add input:focus,
.admin-purchase-add select:focus,
.admin-users-panel select:focus,
.admin-product-row input:focus,
.admin-product-row select:focus,
.admin-user-actions select:focus {
  border-color: rgba(255, 63, 127, 0.56);
  box-shadow: 0 0 0 3px rgba(255, 63, 127, 0.12);
}

.admin-user-list {
  display: grid;
  gap: 8px;
  max-height: 430px;
  overflow: auto;
  padding-right: 4px;
}

.admin-user-row {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  text-align: left;
}

.admin-user-row.is-active,
.admin-user-row:hover {
  border-color: rgba(255, 63, 127, 0.44);
  background: rgba(255, 63, 127, 0.12);
}

.admin-user-row span {
  color: var(--white);
  font-weight: 900;
}

.admin-user-row small,
.admin-user-row em {
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.86rem;
  font-style: normal;
}

.admin-create-user {
  display: grid;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.admin-form-grid.is-single {
  grid-template-columns: 1fr;
}

.admin-form-grid label {
  display: grid;
  gap: 7px;
  color: rgba(255, 247, 251, 0.68);
  font-size: 0.82rem;
  font-weight: 850;
}

.admin-user-card {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 3vw, 28px);
  container: admin-user-card / inline-size;
}

.admin-user-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.admin-user-hero h2 {
  max-width: none;
  font-size: clamp(1.15rem, 1.2vw, 1.35rem);
  overflow-wrap: anywhere;
}

.admin-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.admin-tags span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 63, 127, 0.12);
  color: rgba(255, 247, 251, 0.78);
  font-size: 0.82rem;
  font-weight: 850;
}

.admin-user-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  max-width: 520px;
}

.admin-temporary-password {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(260px, 1.1fr) auto;
  gap: 16px;
  align-items: end;
  padding: 16px;
  border: 1px solid rgba(255, 63, 127, 0.26);
  border-radius: 14px;
  background: rgba(255, 63, 127, 0.07);
}

.admin-password-reset-confirmation {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(255, 174, 82, 0.32);
  border-radius: 14px;
  background: rgba(255, 174, 82, 0.08);
}

.admin-password-reset-confirmation p {
  margin: 6px 0 0;
  color: rgba(255, 247, 251, 0.7);
  font-size: 0.86rem;
  line-height: 1.5;
}

.admin-temporary-password p {
  margin: 6px 0 0;
  color: rgba(255, 247, 251, 0.66);
  font-size: 0.82rem;
  line-height: 1.5;
}

.admin-temporary-password label {
  display: grid;
  gap: 7px;
  color: rgba(255, 247, 251, 0.72);
  font-size: 0.82rem;
  font-weight: 800;
}

.admin-temporary-password input {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(9, 7, 10, 0.78);
  color: #fff7fb;
  font: inherit;
}

.admin-temporary-password input:focus {
  border-color: rgba(255, 63, 127, 0.72);
  outline: 2px solid rgba(255, 63, 127, 0.16);
}

.admin-temporary-password-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@container admin-user-card (max-width: 900px) {
  .admin-temporary-password,
  .admin-password-reset-confirmation {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .admin-password-reset-confirmation {
    display: grid;
  }
}

/* The admin has its own sidebar, so viewport breakpoints alone do not describe
   how much space the user workspace actually has. Reflow from the real panel
   width before the list and detail card start squeezing each other. */
@container admin-module-main (max-width: 1040px) {
  .admin-user-purchase-filter {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-user-purchase-filter > div {
    justify-content: flex-start;
  }

  .admin-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-users-panel {
    position: static;
  }
}

@media (max-width: 560px) {
  .admin-user-purchase-filter button {
    width: 100%;
  }
}

@container admin-user-card (max-width: 720px) {
  .admin-user-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-user-hero h2 {
    max-width: none;
  }

  .admin-user-actions {
    justify-content: flex-start;
    max-width: none;
  }
}

.danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 54px;
  padding: 15px 20px;
  border: 1px solid rgba(255, 107, 90, 0.34);
  border-radius: 999px;
  background: rgba(255, 107, 90, 0.11);
  color: #ff9b90;
  font-weight: 850;
}

.admin-user-metrics,
.admin-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-user-metrics article,
.admin-summary-grid article {
  display: grid;
  gap: 5px;
  padding: 16px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.055);
}

.admin-user-metrics strong,
.admin-summary-grid strong {
  color: var(--white);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.1;
}

.admin-user-metrics span,
.admin-summary-grid span {
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.88rem;
}

.admin-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.admin-editor-card {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
}

.admin-editor-card h3 {
  max-width: 16ch;
  font-size: clamp(1.45rem, 2.4vw, 2.2rem);
}

.admin-editor-card textarea {
  resize: vertical;
}

.admin-access-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-height: 530px;
  overflow: auto;
  padding-right: 4px;
}

.admin-access-item {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
}

.admin-access-item.is-active { border-color: rgba(98, 227, 181, 0.45); }
.admin-access-item .admin-access-toggle { border: 0; border-radius: 0; width: 100%; }

.admin-ebook-limit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 11px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--muted);
  font-size: .76rem;
}

.admin-ebook-limit label { align-items: center; display: inline-flex; gap: 6px; }
.admin-ebook-limit input {
  width: 54px;
  padding: 5px 6px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 7px;
  background: rgba(0, 0, 0, .22);
  color: var(--white);
  font: inherit;
}

.admin-access-grid.is-large {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-height: none;
}

.admin-access-toggle {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 74px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  text-align: left;
}

.admin-access-toggle.is-active {
  border-color: rgba(98, 227, 181, 0.45);
  background: rgba(98, 227, 181, 0.1);
}

.admin-access-toggle img {
  grid-row: span 2;
  width: 44px;
  height: 56px;
  border-radius: 10px;
  object-fit: cover;
  background: #000;
}

.admin-access-toggle span {
  min-width: 0;
  color: var(--white);
  font-size: 0.92rem;
  font-weight: 850;
}

.admin-access-toggle small {
  color: rgba(255, 247, 251, 0.58);
  font-size: 0.78rem;
}

.admin-purchase-add {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px auto;
  gap: 10px;
}

.admin-full-panel {
  padding: clamp(18px, 3vw, 30px);
}

.admin-questionnaire-dashboard {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.admin-questionnaire-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 63, 127, 0.12), rgba(255, 255, 255, 0.025) 52%);
}

.admin-questionnaire-head h2,
.admin-questionnaire-chart h3,
.admin-questionnaire-answers h3,
.admin-questionnaire-secondary h3,
.admin-questionnaire-records h3 {
  margin: 0;
  letter-spacing: 0;
}

.admin-questionnaire-head h2 {
  margin-top: 4px;
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  line-height: 1.05;
}

.admin-questionnaire-head > div:first-child > p:last-child {
  max-width: 70ch;
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.admin-questionnaire-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.admin-questionnaire-filters {
  display: grid;
  grid-template-columns: minmax(150px, 0.7fr) minmax(160px, 0.8fr) minmax(210px, 1.2fr);
  gap: 10px;
}

.admin-questionnaire-catalog {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.admin-questionnaire-catalog h3 {
  margin: 3px 0 0;
  font-size: clamp(1.15rem, 2vw, 1.5rem);
}

.admin-questionnaire-catalog > div:first-child > p:last-child {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.5;
}

.admin-questionnaire-catalog-list {
  display: grid;
  gap: 7px;
}

.admin-questionnaire-catalog-list button {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 20px;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 11px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: var(--white);
  background: rgba(0, 0, 0, 0.12);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.admin-questionnaire-catalog-list button:hover,
.admin-questionnaire-catalog-list button.is-selected {
  border-color: rgba(255, 92, 133, 0.62);
  background: linear-gradient(90deg, rgba(255, 63, 127, 0.16), rgba(255, 255, 255, 0.035));
  box-shadow: 0 0 0 3px rgba(255, 63, 127, 0.06);
}

.admin-questionnaire-catalog-list button > span {
  min-width: 0;
  font-weight: 750;
}

.admin-questionnaire-catalog-list button strong {
  color: var(--muted);
  font-size: 0.78rem;
  white-space: nowrap;
}

.admin-questionnaire-catalog-list button svg {
  justify-self: end;
  color: var(--coral);
  transform: rotate(-90deg);
}

.admin-questionnaire-catalog-list button.is-selected svg {
  transform: rotate(0);
}

.admin-questionnaire-catalog-export {
  justify-self: start;
}

.admin-questionnaire-filters label {
  min-width: 0;
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.045);
}

.admin-questionnaire-filters input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--white);
  background: transparent;
  font: inherit;
}

.admin-select {
  position: relative;
  min-width: 0;
  z-index: 1;
}

.admin-select.is-open {
  z-index: 30;
}

.admin-select-trigger {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 6px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.045);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.admin-select-trigger:hover,
.admin-select.is-open .admin-select-trigger {
  border-color: rgba(255, 92, 133, 0.58);
  background: rgba(255, 92, 133, 0.08);
  box-shadow: 0 0 0 3px rgba(255, 92, 133, 0.08);
}

.admin-select-trigger > span:not(.admin-select-icon) {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-select-icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: var(--mint);
}

.admin-select-trigger > svg {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.68);
  transition: transform 160ms ease;
}

.admin-select.is-open .admin-select-trigger > svg {
  transform: rotate(180deg);
}

.admin-select-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  max-height: 320px;
  display: grid;
  gap: 3px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid rgba(255, 92, 133, 0.48);
  border-radius: 8px;
  background: #171418;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.54),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

.admin-select-menu button {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 0;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.72);
  background: transparent;
  font: inherit;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

.admin-select-menu button:hover,
.admin-select-menu button:focus-visible {
  color: var(--white);
  background: rgba(255, 255, 255, 0.07);
  outline: 0;
}

.admin-select-menu button.is-selected {
  color: var(--white);
  background: rgba(255, 92, 133, 0.14);
}

.admin-select-menu button svg {
  color: var(--coral);
}

/* Every dropdown is a web-controlled menu so its opened state stays in the
   same dark palette on macOS, Windows and mobile browsers. */
.admin-form-grid > .admin-select,
.admin-product-row > .admin-select,
.admin-purchase-add > .admin-select,
.admin-users-panel > .admin-select,
.admin-user-actions > .admin-select,
.admin-inline-select,
.admin-sidebar-select,
.admin-commerce-filter > .admin-select {
  width: 100%;
}
.mailer-contact-status-select {
  width: 100%;
}

.admin-form-grid > .admin-select .admin-select-trigger,
.admin-product-row > .admin-select .admin-select-trigger,
.admin-purchase-add > .admin-select .admin-select-trigger,
.admin-users-panel > .admin-select .admin-select-trigger,
.admin-user-actions > .admin-select .admin-select-trigger,
.admin-inline-select .admin-select-trigger,
.admin-sidebar-select .admin-select-trigger,
.admin-commerce-filter > .admin-select .admin-select-trigger,
.mailer-contact-status-select .admin-select-trigger {
  min-height: 46px;
  border-color: rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.06);
  color: var(--ink);
}

.admin-period-metric-select .admin-select-trigger {
  min-height: 48px;
  padding: 11px 12px;
  border-color: rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--white);
  font-size: 0.84rem;
  line-height: 1.3;
}

.admin-period-metric-select .admin-select-menu {
  z-index: 50;
}

.admin-inline-select {
  min-width: 132px;
}

.admin-commerce-filter {
  display: grid;
  min-width: 176px;
  gap: 5px;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-commerce-filter .admin-select-trigger {
  font-size: 0.9rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}

.rich-toolbar-select {
  width: auto;
  min-width: 132px;
}

.rich-toolbar-select .admin-select-trigger {
  min-height: 34px;
  padding: 6px 10px;
  border-color: rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 247, 251, 0.88);
}

.rich-toolbar-select .admin-select-menu {
  min-width: max-content;
}

.admin-questionnaire-search input::placeholder {
  color: rgba(255, 255, 255, 0.43);
}

.admin-questionnaire-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-questionnaire-kpis article {
  min-height: 102px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: center;
  column-gap: 10px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.admin-questionnaire-kpis svg {
  grid-row: span 2;
  align-self: center;
  color: var(--mint);
}

.admin-questionnaire-kpis strong {
  color: var(--white);
  font-size: clamp(1.65rem, 3vw, 2.4rem);
  line-height: 1;
}

.admin-questionnaire-kpis span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.84rem;
}

.admin-questionnaire-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.admin-questionnaire-chart,
.admin-questionnaire-answers,
.admin-questionnaire-secondary > article,
.admin-questionnaire-records {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.admin-questionnaire-chart.is-wide {
  grid-column: 1 / -1;
}

.admin-questionnaire-chart-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.admin-questionnaire-chart-head > span {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 0.83rem;
  font-weight: 750;
}

.questionnaire-trend {
  height: 210px;
  display: flex;
  align-items: stretch;
  gap: 7px;
  overflow-x: auto;
  padding: 14px 2px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.questionnaire-trend > div {
  min-width: 27px;
  flex: 1 0 27px;
  display: grid;
  grid-template-rows: 18px 1fr 34px;
  align-items: end;
  gap: 5px;
  text-align: center;
}

.questionnaire-trend strong {
  color: var(--muted);
  font-size: 0.67rem;
}

.questionnaire-trend i {
  width: min(100%, 22px);
  height: var(--bar-height);
  justify-self: center;
  border-radius: 3px 3px 0 0;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.questionnaire-trend span {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.64rem;
  line-height: 1.15;
}

.questionnaire-donut-wrap {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
}

.questionnaire-donut {
  width: 150px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

.questionnaire-donut::after {
  content: "";
  width: 86px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #19171a;
}

.questionnaire-legend {
  display: grid;
  gap: 9px;
}

.questionnaire-legend > div {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  color: var(--muted);
  font-size: 0.81rem;
}

.questionnaire-legend i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.questionnaire-legend strong {
  color: var(--white);
  font-size: 0.78rem;
}

.questionnaire-horizontal-bars {
  display: grid;
  gap: 13px;
}

.questionnaire-horizontal-bars > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 12px;
}

.questionnaire-horizontal-bars span {
  min-width: 0;
  color: var(--muted);
  font-size: 0.83rem;
}

.questionnaire-horizontal-bars strong {
  color: var(--white);
  font-size: 0.78rem;
}

.questionnaire-horizontal-bars i {
  grid-column: 1 / -1;
  height: 6px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.08);
}

.questionnaire-horizontal-bars b {
  width: var(--bar-width);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.questionnaire-horizontal-bars.is-compact {
  margin-top: 16px;
  gap: 10px;
}

.admin-questionnaire-conversions {
  display: grid;
  gap: 12px;
}

.admin-questionnaire-conversions > article {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.questionnaire-conversion-table {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
}

.questionnaire-conversion-row {
  min-width: 1040px;
  display: grid;
  grid-template-columns: minmax(260px, 1.6fr) repeat(8, minmax(78px, 0.55fr));
  gap: 10px;
  align-items: center;
  padding: 11px 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 0.79rem;
}

.questionnaire-conversion-row:first-child {
  border-top: 0;
}

.questionnaire-conversion-row > span {
  color: var(--muted);
  line-height: 1.35;
}

.questionnaire-conversion-row > strong {
  color: var(--white);
  font-size: 0.76rem;
  text-align: right;
  white-space: nowrap;
}

.questionnaire-conversion-row.is-head {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.questionnaire-conversion-row.is-head > strong {
  color: var(--muted);
  font-size: inherit;
}

.admin-questionnaire-answers > h4 {
  margin: 0 0 14px;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
}

.admin-questionnaire-question-list {
  display: grid;
  gap: 22px;
}

.admin-questionnaire-question {
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.admin-questionnaire-question:first-child {
  padding-top: 0;
  border-top: 0;
}

.admin-questionnaire-question-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  margin-bottom: 14px;
}

.admin-questionnaire-question-heading > span {
  color: var(--coral);
  font-size: 1.12rem;
  font-weight: 850;
}

.admin-questionnaire-question-heading h4 {
  margin: 0;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.28;
}

.admin-questionnaire-question-heading small {
  padding-top: 3px;
  color: var(--muted);
  font-size: 0.78rem;
  white-space: nowrap;
}

.admin-questionnaire-answer-select {
  width: min(100%, 560px);
  flex: 0 1 560px;
}

.admin-questionnaire-answer-select .admin-select-trigger {
  min-height: 44px;
  background: #242125;
}

.admin-questionnaire-note,
.admin-questionnaire-empty {
  color: var(--muted);
  font-size: 0.83rem;
  line-height: 1.5;
}

.questionnaire-answer-layout {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.questionnaire-answer-table,
.questionnaire-record-table {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
}

.questionnaire-answer-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px 76px;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 0.83rem;
}

.questionnaire-answer-row:first-child {
  border-top: 0;
}

.questionnaire-answer-row.is-head,
.questionnaire-record-row.is-head {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.questionnaire-answer-row > span {
  display: flex;
  align-items: center;
  gap: 9px;
}

.questionnaire-answer-row > span i {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
}

.questionnaire-answer-row strong {
  text-align: right;
}

.admin-questionnaire-secondary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.questionnaire-record-row {
  width: 100%;
  display: grid;
  grid-template-columns: 155px minmax(140px, 1fr) minmax(180px, 1.2fr) minmax(110px, 0.8fr) 70px 28px;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: var(--white);
  background: transparent;
  text-align: left;
  font: inherit;
}

.questionnaire-record:first-of-type .questionnaire-record-row {
  border-top: 0;
}

.questionnaire-record-row:not(.is-head) {
  cursor: pointer;
}

.questionnaire-record-row:not(.is-head):hover {
  background: rgb(var(--brand-pink-rgb) / 0.06);
}

.questionnaire-record-row span {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.79rem;
}

.questionnaire-record-row span:last-child {
  display: grid;
  place-items: center;
}

.questionnaire-record-detail {
  display: grid;
  gap: 16px;
  padding: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(0, 0, 0, 0.15);
}

.questionnaire-record-detail dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.questionnaire-record-detail dl > div,
.questionnaire-record-answers > div {
  min-width: 0;
}

.questionnaire-record-detail dt {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.questionnaire-record-detail dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  font-size: 0.76rem;
}

.questionnaire-record-assembled-result {
  padding: 13px 14px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.22);
  border-radius: 8px;
  background: rgb(var(--brand-pink-rgb) / 0.045);
}

.questionnaire-record-assembled-result summary {
  cursor: pointer;
  color: var(--brand-pink);
  font-size: 0.82rem;
  font-weight: 900;
}

.questionnaire-record-assembled-result h4,
.questionnaire-record-assembled-result h5 {
  margin: 14px 0 6px;
}

.questionnaire-record-assembled-result h4 { font-size: 1rem; }
.questionnaire-record-assembled-result h5 { font-size: 0.86rem; }

.questionnaire-record-assembled-result p,
.questionnaire-record-assembled-result li {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.55;
}

.questionnaire-record-assembled-result p { margin: 5px 0; }
.questionnaire-record-assembled-result ul { margin: 7px 0 0; padding-left: 20px; }

.questionnaire-record-answers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.questionnaire-record-answers > div {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 6px;
}

.questionnaire-record-answers strong {
  font-size: 0.76rem;
}

.questionnaire-record-answers span {
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.admin-questionnaire-state {
  min-height: 320px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 14px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: var(--muted);
  text-align: center;
}

.admin-questionnaire-state.is-error {
  border-color: rgba(255, 63, 127, 0.45);
}

.is-spinning {
  animation: admin-questionnaire-spin 0.85s linear infinite;
}

@keyframes admin-questionnaire-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 960px) {
  .admin-questionnaire-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-questionnaire-actions {
    justify-content: flex-start;
  }

  .admin-questionnaire-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-questionnaire-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .questionnaire-answer-layout {
    grid-template-columns: 1fr;
  }

  .questionnaire-record-table {
    overflow-x: auto;
  }

  .questionnaire-record-row {
    min-width: 840px;
  }

  .questionnaire-record-detail dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .admin-questionnaire-dashboard {
    gap: 12px;
  }

  .admin-questionnaire-head,
  .admin-questionnaire-chart,
  .admin-questionnaire-answers,
  .admin-questionnaire-secondary > article,
  .admin-questionnaire-records {
    padding: 14px;
  }

  .admin-questionnaire-actions {
    display: grid;
    grid-template-columns: 1fr 1fr 46px;
    width: 100%;
  }

  .admin-questionnaire-actions button {
    min-width: 0;
    justify-content: center;
  }

  .admin-questionnaire-filters,
  .admin-questionnaire-overview,
  .admin-questionnaire-secondary {
    grid-template-columns: 1fr;
  }

  .admin-questionnaire-kpis article {
    min-height: 84px;
  }

  .questionnaire-donut-wrap {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 12px;
  }

  .questionnaire-donut {
    width: 116px;
  }

  .questionnaire-donut::after {
    width: 66px;
  }

  .admin-questionnaire-chart-head {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-questionnaire-answer-select {
    width: 100%;
    flex-basis: auto;
  }

  .admin-select-menu {
    max-height: 260px;
  }

  .questionnaire-answer-row {
    grid-template-columns: minmax(0, 1fr) 56px 56px;
    padding: 10px;
  }

  .questionnaire-record-answers,
  .questionnaire-record-detail dl {
    grid-template-columns: 1fr;
  }
}

.admin-product-table {
  display: grid;
  gap: 10px;
}

.admin-product-table.is-compact {
  gap: 8px;
}

.admin-product-row {
  display: grid;
  grid-template-columns: 58px minmax(190px, 1.2fr) minmax(110px, 0.42fr) minmax(110px, 0.42fr) minmax(110px, 0.42fr) minmax(190px, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.028)),
    rgba(0, 0, 0, 0.14);
}

.admin-product-table.is-compact .admin-product-row {
  grid-template-columns: 54px minmax(0, 1fr) auto auto;
}

.admin-product-pricing-table .admin-product-row {
  grid-template-columns: 58px minmax(190px, 1.2fr) minmax(100px, .38fr) repeat(4, minmax(108px, .4fr)) minmax(130px, .55fr) minmax(150px, .62fr) auto;
}

.admin-price-pair {
  color: var(--mint) !important;
  font-weight: 850;
  white-space: nowrap;
}

.admin-product-table.is-session-list .admin-product-row {
  grid-template-columns: 72px minmax(260px, 1fr) minmax(250px, auto);
  gap: 16px;
  padding: 16px;
}

.admin-session-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(132px, auto));
  gap: 8px;
  justify-content: end;
}

.admin-session-actions .admin-row-action {
  width: 100%;
  min-width: 0;
  max-width: 220px;
  justify-content: center;
  padding-inline: 16px;
  white-space: normal;
  line-height: 1.2;
  text-align: center;
}

.admin-session-actions:has(.admin-row-action:only-child) {
  grid-template-columns: minmax(180px, 220px);
}

.admin-session-group {
  display: grid;
  gap: 12px;
}

.admin-session-group + .admin-session-group {
  margin-top: 14px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-session-heading {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-session-heading strong {
  color: var(--coral);
}

.admin-product-row img {
  width: 54px;
  height: 64px;
  border-radius: 10px;
  object-fit: cover;
  background: rgba(0, 0, 0, 0.5);
}

.admin-product-table.is-session-list .admin-product-row img {
  width: 72px;
  height: 82px;
}

.admin-product-table.is-session-list .admin-product-row > div:nth-child(2) {
  min-width: 0;
}

.admin-product-table.is-session-list .admin-product-row strong {
  margin-bottom: 3px;
  font-size: 1.03rem;
  line-height: 1.2;
}

.admin-product-table.is-session-list .admin-product-row small {
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.admin-product-row > svg,
.admin-media-icon {
  width: 54px;
  height: 54px;
  padding: 13px;
  border-radius: 14px;
  background: rgba(255, 63, 127, 0.11);
  color: var(--coral);
}

.admin-media-icon {
  display: inline-grid;
  place-items: center;
  font-size: 0.76rem;
  font-weight: 950;
}

.admin-product-row strong {
  display: block;
  color: var(--white);
  font-weight: 950;
}

.admin-product-row span,
.admin-product-row small {
  display: block;
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.88rem;
  line-height: 1.45;
}

.admin-row-action {
  min-height: 42px;
  padding: 10px 14px;
  white-space: nowrap;
}

.admin-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-column: 1 / -1;
}

.admin-row-actions .ghost-button,
.admin-row-actions .danger-button {
  min-height: 40px;
  padding: 9px 13px;
  font-size: 0.86rem;
}

.admin-table {
  display: grid;
  gap: 8px;
}

.admin-table-row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.05);
}

.admin-table-row strong {
  color: var(--white);
}

.admin-table-row span,
.admin-table-row small {
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.88rem;
}

.admin-table-row small {
  grid-column: 1 / -1;
}

.admin-audit-table .admin-table-row {
  grid-template-columns: 1fr;
}

.admin-invoice-row {
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr) auto;
}

.admin-fiscal-note {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(135deg, rgba(98, 227, 181, 0.08), rgba(255, 255, 255, 0.035)),
    rgba(0, 0, 0, 0.18);
}

.admin-fiscal-note strong {
  color: var(--white);
  font-weight: 950;
}

.admin-fiscal-note span,
.admin-fiscal-note small {
  color: rgba(255, 247, 251, 0.66);
  font-size: 0.86rem;
  line-height: 1.45;
}

.admin-payment-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-payment-flow.is-vertical {
  grid-template-columns: 1fr;
}

.admin-payment-flow article {
  display: grid;
  gap: 7px;
  min-height: 118px;
  padding: 16px;
  border: 1px solid rgba(255, 91, 77, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(255, 91, 77, 0.075);
}

.admin-payment-flow strong {
  color: var(--white);
  font-size: 1rem;
  line-height: 1.2;
}

.admin-payment-flow span {
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.86rem;
  line-height: 1.45;
}

.admin-payment-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.admin-mini-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: clamp(18px, 2.2vw, 28px);
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)),
    rgba(0, 0, 0, 0.18);
}

.admin-mini-panel h3 {
  max-width: 28ch;
  margin: 0;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.admin-mini-panel p {
  color: rgba(255, 247, 251, 0.66);
  line-height: 1.55;
}

.admin-mini-panel p strong {
  color: var(--white);
}

.admin-payment-attempts {
  display: grid;
  gap: 10px;
}

.admin-payment-attempt {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(0, 0, 0, 0.18);
}

.admin-payment-attempt strong,
.admin-payment-attempt span,
.admin-payment-attempt small {
  display: block;
}

.admin-payment-attempt strong {
  color: var(--white);
  font-weight: 950;
}

.admin-payment-attempt span,
.admin-payment-attempt small {
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.86rem;
  line-height: 1.45;
}

.admin-case-board {
  display: grid;
  gap: 16px;
  margin-top: 6px;
  padding: 18px;
  border: 1px solid rgba(255, 74, 139, 0.18);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 74, 139, 0.14), transparent 34%),
    rgba(0, 0, 0, 0.16);
}

.admin-case-list {
  display: grid;
  gap: 14px;
}

.admin-case-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.028)),
    rgba(0, 0, 0, 0.18);
}

.admin-case-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.admin-case-card-head h4 {
  margin: 10px 0 4px;
  color: var(--white);
  font-size: clamp(1.15rem, 1.7vw, 1.55rem);
  line-height: 1.1;
}

.admin-case-card-head p {
  color: rgba(255, 247, 251, 0.62);
  line-height: 1.35;
}

.admin-case-card-head > strong {
  color: rgba(255, 247, 251, 0.9);
  font-size: 0.95rem;
  white-space: nowrap;
}

.admin-case-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.admin-case-steps span {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 4px 7px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 151, 15, 0.18);
  border-radius: 14px;
  background: rgba(255, 151, 15, 0.08);
  color: #ffbe69;
}

.admin-case-steps span.is-done {
  border-color: rgba(98, 227, 181, 0.22);
  background: rgba(98, 227, 181, 0.08);
  color: var(--green);
}

.admin-case-steps svg {
  grid-row: span 2;
  margin-top: 1px;
}

.admin-case-steps b {
  color: rgba(255, 247, 251, 0.88);
  font-size: 0.78rem;
  line-height: 1.15;
}

.admin-case-steps small {
  color: rgba(255, 247, 251, 0.52);
  font-size: 0.72rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.admin-case-actions {
  align-items: center;
  gap: 8px;
}

.admin-case-actions .primary-button,
.admin-case-actions .ghost-button,
.admin-case-actions .danger-button {
  min-height: 42px;
  padding: 10px 13px;
  font-size: 0.86rem;
}

.admin-empty-state {
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-sm);
  color: rgba(255, 247, 251, 0.62);
}

.admin-invoice-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.admin-invoice-register {
  display: grid;
  gap: 12px;
}

.admin-export-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(98, 227, 181, 0.24);
  border-radius: var(--radius-sm);
  background: linear-gradient(145deg, rgba(98, 227, 181, 0.12), rgba(255, 255, 255, 0.035));
}

.admin-export-panel h3 {
  margin: 4px 0 6px;
  color: var(--white);
}

.admin-export-panel p:not(.eyebrow) {
  margin: 0;
  color: rgba(255, 247, 251, 0.7);
  font-size: 0.9rem;
  line-height: 1.45;
}

.admin-export-panel label {
  display: grid;
  gap: 7px;
  color: rgba(255, 247, 251, 0.78);
  font-weight: 800;
  font-size: 0.84rem;
}

.admin-monthly-invoice-export {
  overflow: hidden;
  margin: 18px 0;
  border: 1px solid rgba(98, 227, 181, 0.24);
  border-radius: var(--radius-md);
  background: rgba(11, 9, 11, 0.58);
}

.admin-monthly-invoice-export summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 68px;
  padding: 15px 18px;
  cursor: pointer;
  list-style: none;
}

.admin-monthly-invoice-export summary::-webkit-details-marker { display: none; }

.admin-monthly-invoice-export summary > span:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--mint);
}

.admin-monthly-invoice-export summary span span {
  display: grid;
  gap: 2px;
  color: var(--white);
}

.admin-monthly-invoice-export summary small {
  color: rgba(255, 247, 251, 0.6);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-monthly-invoice-export summary strong { font-size: 1rem; }

.admin-monthly-export-chevron {
  color: var(--mint);
  font-size: 1.45rem;
  line-height: 1;
  transition: transform 160ms ease;
}

.admin-monthly-invoice-export[open] .admin-monthly-export-chevron { transform: rotate(180deg); }

.admin-monthly-invoice-export .admin-export-panel {
  margin: 0 18px 18px;
}

.admin-invoice-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 91, 77, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.032)),
    rgba(0, 0, 0, 0.18);
}

.admin-invoice-card-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
}

.admin-invoice-card-head h3 {
  margin: 10px 0 3px;
  font-size: clamp(1.25rem, 2vw, 1.9rem);
}

.admin-invoice-card-head p,
.admin-invoice-foot {
  color: rgba(255, 247, 251, 0.62);
}

.admin-invoice-card-head > strong {
  color: var(--white);
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  white-space: nowrap;
}

.admin-invoice-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-invoice-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 247, 251, 0.78);
  overflow-wrap: anywhere;
}

.admin-invoice-meta b {
  color: var(--coral);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-invoice-meta small {
  color: rgba(255, 247, 251, 0.52);
  line-height: 1.35;
}

.admin-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(98, 227, 181, 0.12);
  color: var(--green);
  font-weight: 950;
}

.admin-status-pill.is-warning,
.admin-summary-grid article.is-warning {
  background: rgba(255, 151, 15, 0.12);
  color: #ffbe69;
}

.admin-summary-grid.is-stacked {
  grid-template-columns: 1fr;
}

.ytracker-dashboard {
  display: grid;
  gap: 18px;
}

.ytracker-summary { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ytracker-primary-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, .025);
}
.ytracker-date-range { display: flex; gap: 8px; }
.ytracker-date-range label { display: flex; align-items: center; gap: 7px; color: rgba(255,247,251,.68); font-size: .76rem; font-weight: 850; }
.ytracker-date-range input,
.ytracker-search input {
  box-sizing: border-box;
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 9px;
  color: var(--white);
  background: rgba(0,0,0,.24);
  font: inherit;
}
.ytracker-search { position: relative; display: flex; align-items: center; flex: 1 1 260px; min-width: min(260px, 100%); }
.ytracker-search svg { position: absolute; left: 12px; color: rgba(255,247,251,.5); pointer-events: none; }
.ytracker-search input { width: 100%; padding-left: 38px; }
.ytracker-table-intro { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 4px; }
.ytracker-table-intro h3 { margin: 0; font-size: 1.15rem; }
.ytracker-table-intro p { margin: 5px 0 0; color: rgba(255,247,251,.58); font-size: .82rem; line-height: 1.45; }
.ytracker-table-intro > span { flex: 0 0 auto; color: rgba(255,247,251,.62); font-size: .82rem; font-weight: 850; }
.ytracker-technical { margin-top: 8px; padding: 0 16px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-sm); background: rgba(255,255,255,.02); }
.ytracker-technical summary { padding: 16px 0; color: rgba(255,247,251,.72); font-weight: 900; cursor: pointer; }
.ytracker-technical[open] summary { color: var(--white); }
.ytracker-technical > * + * { margin-top: 14px; }
.ytracker-checkout-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ytracker-checkout-stages span { display: grid; gap: 4px; padding: 12px; border-radius: 10px; background: rgba(255,255,255,.045); color: rgba(255,247,251,.62); font-size: .75rem; }
.ytracker-checkout-stages b { color: var(--white); font-size: 1.2rem; }

.web-analytics-dashboard { display: grid; gap: 18px; }

.feedback-page { display: grid; place-items: center; padding-block: clamp(38px, 8vw, 90px); }
.feedback-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, .7fr); width: min(1120px, 100%); overflow: hidden; border: 1px solid rgb(var(--brand-pink-rgb) / 0.34); border-radius: var(--radius-md); background: radial-gradient(circle at 5% 0%, rgb(var(--brand-pink-rgb) / 0.14), transparent 42%), linear-gradient(145deg, rgba(34, 27, 31, .98), rgba(14, 11, 13, .98)); box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.feedback-intro, .feedback-form { display: grid; align-content: start; gap: 18px; padding: clamp(26px, 5vw, 58px); }
.feedback-intro { border-right: 1px solid rgba(255,255,255,.1); }
.feedback-intro h1, .feedback-form h2 { margin: 0; }
.feedback-intro h1 { font-size: clamp(2.25rem, 4.5vw, 4.5rem); line-height: .98; }
.feedback-intro > p, .feedback-form > div > p { margin: 0; color: var(--muted); font-size: 1.02rem; line-height: 1.65; }
.feedback-reward-card { display: grid; grid-template-columns: minmax(130px, .46fr) minmax(0, 1fr); gap: 18px; align-items: center; padding: 17px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.5); border-radius: 18px; background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.029), rgba(18, 14, 16, .54)); transition: border-color .2s ease, background .2s ease; }
.feedback-reward-card.is-active { border-color: rgb(var(--brand-pink-rgb) / 0.68); background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.035), rgba(18, 14, 16, .54)); }
.feedback-reward-card > img { width: 100%; max-width: 174px; justify-self: center; border-radius: 8px; box-shadow: 0 16px 30px rgba(0,0,0,.38); }
.feedback-reward-copy { display: grid; gap: 12px; }
.feedback-reward { display: flex; gap: 13px; align-items: center; color: var(--brand-pink); }
.feedback-reward div { display: grid; gap: 3px; color: var(--white); }.feedback-reward span { color: var(--brand-pink); font-size: .88rem; }
.feedback-reward-copy > p { margin: 0; color: rgba(255,247,251,.78); font-size: .94rem; line-height: 1.55; }
.feedback-reward-status { display: flex; gap: 9px; align-items: flex-start; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.12); color: var(--brand-pink) !important; font-weight: 800; }
.feedback-reward-status.is-active { color: var(--brand-pink) !important; }
.feedback-reward-status svg { flex: 0 0 auto; margin-top: 2px; }
.feedback-note { color: rgba(255,247,251,.55) !important; font-size: .86rem !important; }
.feedback-terms { display: grid; gap: 14px; margin-top: 4px; padding: clamp(20px, 3vw, 28px); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(0,0,0,.2); }
.feedback-terms > .eyebrow { margin: 0; color: var(--brand-pink); }
.feedback-terms > h2 { margin: -5px 0 0; font-size: clamp(1.45rem, 2.6vw, 2rem); line-height: 1.08; }
.feedback-terms > p { margin: 0; color: rgba(255,247,251,.72); font-size: .92rem; line-height: 1.58; }
.feedback-terms-list { display: grid; gap: 10px; }
.feedback-terms-list article { padding: 13px 14px; border-left: 3px solid rgb(var(--brand-pink-rgb) / 0.7); background: rgba(255,255,255,.035); }
.feedback-terms-list strong { display: block; margin-bottom: 4px; color: var(--white); font-size: .9rem; }
.feedback-terms-list p { margin: 0; color: rgba(255,247,251,.64); font-size: .84rem; line-height: 1.5; }
.feedback-terms-legal { padding-top: 13px; border-top: 1px solid rgba(255,255,255,.11); color: rgba(255,247,251,.55) !important; font-size: .8rem !important; }
.feedback-terms-legal a { color: var(--brand-pink); text-decoration: underline; text-underline-offset: 2px; }
.feedback-form { background: rgba(0,0,0,.15); }
.feedback-form label { display: grid; gap: 7px; color: rgba(255,247,251,.82); font-weight: 800; }
.feedback-form input:not([type="checkbox"]), .feedback-form textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; color: var(--white); background: rgba(0,0,0,.28); font: inherit; }
.feedback-form textarea { resize: vertical; line-height: 1.5; }
.feedback-field-help { color: rgba(255,247,251,.58); font-size: .8rem; font-weight: 600; line-height: 1.45; }
.feedback-belief-field { padding: 16px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.38); border-radius: 12px; background: rgb(var(--brand-pink-rgb) / 0.013); }
.feedback-belief-examples { display: grid; gap: 8px; margin-top: 3px; padding: 13px 14px; border-left: 3px solid var(--brand-pink); border-radius: 0 10px 10px 0; background: rgba(0,0,0,.2); }
.feedback-belief-examples strong { color: rgba(255,247,251,.88); font-size: .82rem; line-height: 1.35; }
.feedback-belief-examples p { margin: 0; color: rgba(255,247,251,.66); font-size: .78rem; font-weight: 600; line-height: 1.48; }
.feedback-review-count { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--brand-pink); font-size: .78rem; font-weight: 800; }
.feedback-review-count b { color: inherit; font-size: .82rem; }
.feedback-review-count small { color: inherit; }
.feedback-review-count.is-complete { color: var(--brand-pink); }
.feedback-consent { display: flex !important; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 10px !important; color: rgba(255,247,251,.72) !important; font-size: .87rem; font-weight: 600 !important; line-height: 1.5; }.feedback-consent input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--brand-pink); }
.feedback-consent-management { display: grid; gap: 14px; padding: 15px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.35); border-radius: 13px; background: rgb(var(--brand-pink-rgb) / 0.1); }
.feedback-consent-management > div { display: flex; align-items: flex-start; gap: 11px; }
.feedback-consent-management svg { flex: 0 0 auto; color: var(--brand-pink); margin-top: 1px; }
.feedback-consent-management strong { display: block; color: #f4f4f4; }
.feedback-consent-management p { margin: 5px 0 0; color: rgb(245 245 245 / 0.7); font-size: .86rem; line-height: 1.5; }
.feedback-consent-management.is-withdrawn { border-color: rgb(var(--brand-pink-rgb) / 0.38); background: rgb(var(--brand-pink-rgb) / 0.09); }
.feedback-consent-management.is-withdrawn svg { color: var(--brand-pink); }
.feedback-withdraw-button { justify-content: center; width: 100%; color: #dfdfdf; border-color: rgb(var(--brand-pink-rgb) / 0.35); }
.feedback-success { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 12px 14px; border-left: 3px solid #57d6ab; color: #baf5df; background: rgba(57,202,153,.12); line-height: 1.5; }.feedback-success svg { flex: 0 0 auto; margin-top: 2px; }
.feedback-login-help { color: var(--brand-pink); font-size: .88rem; text-decoration: underline; }

@media (max-width: 820px) { .feedback-card { grid-template-columns: 1fr; }.feedback-intro { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }.feedback-intro h1 { font-size: clamp(2.15rem, 11vw, 3.25rem); }.feedback-reward-card { grid-template-columns: 120px minmax(0, 1fr); } }
@media (max-width: 480px) { .feedback-reward-card { grid-template-columns: 1fr; }.feedback-reward-card > img { max-width: 150px; } }

@media (max-width: 760px) {
  .member-review-reward { grid-template-columns: 1fr; }
  .member-review-reward > img { width: min(100%, 240px); max-height: 300px; justify-self: center; }
  .member-review-reward-actions { justify-items: stretch; }
  .member-review-reward-actions .primary-button { width: 100%; }
  .member-legacy-video summary { grid-template-columns: 1fr; align-items: flex-start; gap: 18px; }
  .member-legacy-video-title { grid-template-columns: 46px minmax(0, 1fr); gap: 13px; }
  .member-legacy-video-icon { width: 46px; height: 46px; }
  .member-legacy-video-action { width: 100%; box-sizing: border-box; }
}
.web-analytics-summary article { position: relative; display: grid; gap: 2px; }
.web-analytics-summary article > svg { position: absolute; top: 16px; right: 16px; color: var(--brand-pink); opacity: .9; }
.web-analytics-summary article small { color: rgba(255, 247, 251, .56); font-size: .73rem; line-height: 1.35; }
.web-analytics-section { display: grid; gap: 14px; padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-sm); background: rgba(255,255,255,.025); }
.web-analytics-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.web-analytics-section-head h3 { margin: 0; font-size: 1.16rem; }
.web-analytics-section-head .eyebrow { margin: 0 0 3px; }
.web-analytics-section-head > small { color: rgba(255,247,251,.58); font-weight: 800; }
.web-analytics-chart { display: flex; align-items: end; gap: clamp(2px, .45vw, 7px); min-height: 188px; padding: 16px 4px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.web-analytics-bar { display: grid; grid-template-rows: 17px 1fr 22px; align-items: end; flex: 1 1 0; min-width: 0; height: 170px; text-align: center; }
.web-analytics-bar i { display: block; width: 100%; min-height: 2px; border-radius: 5px 5px 0 0; background: var(--brand-pink); box-shadow: 0 4px 14px rgb(var(--brand-pink-rgb) / 0.22); color: var(--brand-on-pink) !important; }
.web-analytics-bar-value { overflow: hidden; color: rgba(255,247,251,.72); font-size: .67rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.web-analytics-bar small { overflow: hidden; color: rgba(255,247,251,.52); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.web-analytics-pages { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; }
.web-analytics-pages-head, .web-analytics-pages-row { display: grid; grid-template-columns: 84px minmax(0, 1fr) 110px; gap: 12px; align-items: center; padding: 11px 14px; }
.web-analytics-pages-head { color: rgba(255,247,251,.56); border-bottom: 1px solid rgba(255,255,255,.12); font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.web-analytics-pages-row { border-bottom: 1px solid rgba(255,255,255,.08); }
.web-analytics-pages-row:last-child { border-bottom: 0; }
.web-analytics-pages-row > span { color: rgba(255,247,251,.58); font-weight: 800; }
.web-analytics-pages-row b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.web-analytics-pages-row strong { text-align: right; }

@media (max-width: 640px) {
  .web-analytics-chart { gap: 2px; min-height: 150px; }
  .web-analytics-bar { height: 132px; }
  .web-analytics-bar-value { display: none; }
  .web-analytics-pages-head, .web-analytics-pages-row { grid-template-columns: 48px minmax(0, 1fr) 68px; gap: 7px; padding: 10px; font-size: .84rem; }
  .web-analytics-pages-head { font-size: .62rem; }
}

.ytracker-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, .025);
}

.ytracker-controls label {
  display: grid;
  gap: 6px;
  min-width: 126px;
  color: rgba(255, 247, 251, .67);
  font-size: .77rem;
  font-weight: 800;
}

.ytracker-controls input {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 9px;
  color: var(--white);
  background: rgba(0, 0, 0, .24);
}

.ytracker-controls input:disabled { opacity: .5; }

.ytracker-periods {
  display: inline-flex;
  overflow: hidden;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 10px;
}

.ytracker-periods button {
  padding: 8px 11px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .12);
  color: rgba(255, 247, 251, .72);
  background: transparent;
  font-weight: 800;
}

.ytracker-periods button:last-child { border-right: 0; }
.ytracker-periods button.is-active { color: var(--white); background: rgba(255, 64, 132, .22); }
.ytracker-table .admin-commerce-table-head,
.ytracker-table .admin-commerce-payment-row { grid-template-columns: minmax(240px, 2.2fr) repeat(6, minmax(92px, 1fr)); }
.ytracker-table .admin-commerce-payment-row > span:first-child a { display: inline-flex; align-items: flex-start; gap: 6px; color: var(--white); text-decoration: none; line-height: 1.35; }
.ytracker-table .admin-commerce-payment-row > span:first-child a:hover { color: #ff9fbe; }
.ytracker-table .admin-commerce-payment-row > span:first-child svg { flex: 0 0 auto; margin-top: 3px; opacity: .6; }
.ytracker-table .admin-commerce-payment-row small { display: block; margin-top: 3px; color: rgba(255,247,251,.48); font-size: .69rem; line-height: 1.25; }
.ytracker-table .admin-commerce-table-head > span {
  min-width: 0;
}
.ytracker-table .admin-commerce-table-head button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 3px 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  letter-spacing: inherit;
  text-align: left;
  text-transform: inherit;
  cursor: pointer;
  transition: color 160ms ease;
}
.ytracker-table .admin-commerce-table-head button svg {
  flex: 0 0 auto;
  opacity: .42;
  transition: opacity 160ms ease, transform 160ms ease;
}
.ytracker-table .admin-commerce-table-head button:hover,
.ytracker-table .admin-commerce-table-head button:focus-visible,
.ytracker-table .admin-commerce-table-head button.is-active {
  color: var(--white);
}
.ytracker-table .admin-commerce-table-head button:hover svg,
.ytracker-table .admin-commerce-table-head button:focus-visible svg,
.ytracker-table .admin-commerce-table-head button.is-active svg {
  opacity: 1;
  transform: translateY(1px);
}
.ytracker-outbox { margin-top: 2px; }

.ytracker-failures { display: grid; gap: 8px; }
.ytracker-failures article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 128, 128, .25);
  border-radius: 12px;
  background: rgba(185, 57, 72, .1);
}
.ytracker-failures article div { display: grid; gap: 3px; }
.ytracker-failures small { color: rgba(255, 240, 240, .68); }

@media (max-width: 1100px) {
  .ytracker-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ytracker-checkout-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .ytracker-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ytracker-primary-controls { align-items: stretch; }
  .ytracker-periods { width: 100%; }
  .ytracker-periods button { flex: 1 1 0; padding-inline: 6px; }
  .ytracker-date-range { width: 100%; }
  .ytracker-date-range label { flex: 1 1 0; }
  .ytracker-date-range input { min-width: 0; width: 100%; }
  .ytracker-table-intro { align-items: flex-start; flex-direction: column; gap: 6px; }
  .ytracker-checkout-stages { grid-template-columns: 1fr; }
}

.admin-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(10px);
}

.admin-invoice-modal {
  display: grid;
  gap: 16px;
  width: min(1180px, 100%);
  max-height: min(88vh, 920px);
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(255, 74, 139, 0.28);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 74, 139, 0.14), transparent 36%),
    linear-gradient(145deg, rgba(34, 31, 34, 0.98), rgba(9, 8, 9, 0.98));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.45);
  overflow: auto;
}

.admin-password-modal {
  display: grid;
  gap: 18px;
  width: min(560px, 100%);
  max-height: min(88vh, 780px);
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(255, 74, 139, 0.34);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 74, 139, 0.16), transparent 40%),
    linear-gradient(145deg, rgba(34, 31, 34, 0.99), rgba(9, 8, 9, 0.99));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.52);
  overflow: auto;
}

.admin-password-modal h2,
.admin-password-modal > p { margin: 0; }

.admin-password-modal > p { color: var(--muted); line-height: 1.55; }

.admin-password-success {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: -4px 0 0;
  padding: 12px 14px;
  color: #baf5df;
  border-left: 3px solid #57d6ab;
  background: rgba(57, 202, 153, 0.12);
}

.admin-password-success svg { flex: 0 0 auto; }

.admin-invoice-modal-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.admin-invoice-preview-frame {
  width: 100%;
  min-height: min(66vh, 780px);
  border: 0;
  border-radius: var(--radius-sm);
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.admin-content-hero {
  display: grid;
  grid-template-columns: minmax(160px, 0.34fr) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.admin-content-hero img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-sm);
  object-fit: cover;
  background: #050505;
}

.admin-coming-next {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
  gap: 18px;
  align-items: center;
  padding: clamp(22px, 4vw, 36px);
}

.admin-coming-next h2 {
  max-width: 13ch;
  font-size: clamp(2.1rem, 4vw, 4rem);
}

.security-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
  gap: 20px;
  margin-top: 18px;
  padding: 24px;
}

.security-list {
  display: grid;
  gap: 10px;
}

.security-list span {
  background: rgb(var(--brand-pink-rgb) / 0.1);
}

.security-list svg {
  color: var(--brand-pink);
}

.site-footer {
  margin-top: clamp(42px, 6vw, 86px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(circle at 22% 0%, rgb(var(--brand-pink-rgb) / 0.14), transparent 34%),
    linear-gradient(180deg, rgba(17, 16, 20, 0.92), #050505 72%);
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(300px, 1.25fr) minmax(240px, 0.85fr);
  gap: 18px;
  width: min(100% - 36px, 1180px);
  margin: 0 auto;
  padding: clamp(28px, 5vw, 54px) 0;
}

.footer-panel {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.footer-panel h2,
.footer-panel h3 {
  margin: 0;
}

.footer-panel h2 {
  font-size: clamp(1.5rem, 2.3vw, 2rem);
}

.footer-panel h3 {
  margin-top: 16px;
  font-size: 1.08rem;
  color: var(--white);
}

.footer-panel p {
  color: #c7c7c7;
}

.footer-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ink);
  font-weight: 760;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--brand-pink);
}

.footer-link svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.newsletter-panel {
  border-color: rgb(var(--brand-pink-rgb) / 0.24);
  background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.14), rgba(255, 255, 255, 0.035));
}

.newsletter-widget {
  min-height: 92px;
}

.newsletter-consent-note {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 247, 251, 0.72);
  font-size: 0.92rem;
}

.newsletter-widget input,
.newsletter-widget button {
  max-width: 100%;
}

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; }
.newsletter-form { display:grid; gap:12px; margin-top:22px; }
.newsletter-email-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.newsletter-form input { min-width:0; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.075); color:inherit; border-radius:12px; padding:14px 15px; font:inherit; }
.newsletter-form input:focus { outline:0; border-color:rgb(var(--brand-pink-rgb) / 0.85); box-shadow:0 0 0 3px rgb(var(--brand-pink-rgb) / 0.14); }
.newsletter-form input::placeholder { color:rgba(255,255,255,.68); }
.newsletter-form button { justify-content:center; min-height:52px; border:0; border-radius:12px; padding:13px 18px; background:var(--brand-pink); color:var(--brand-on-pink) !important; font:800 14px/1 inherit; cursor:pointer; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.newsletter-form button:hover:not(:disabled) { background:var(--brand-pink); transform:translateY(-1px); }
.newsletter-form button:disabled { opacity:.7; cursor:wait; }
.newsletter-form-message { margin:0; font-size:12px; line-height:1.5; color:rgba(255,247,251,.55); }
.newsletter-consent-check { display:flex; align-items:flex-start; gap:9px; color:rgba(255,247,251,.78); font-size:12px; line-height:1.5; }
.newsletter-consent-check input { width:17px; height:17px; min-width:17px; margin-top:1px; padding:0; accent-color:var(--brand-pink); }
.newsletter-consent-check a, .collaboration-sensitive-consent a { color:#dddddd; text-underline-offset:2px; }
.newsletter-form-message.is-success { color:#c8f6d7; }.newsletter-form-message.is-error { color:#ffd2cd; }
.newsletter-honeypot { position:absolute!important; left:-9999px!important; opacity:0!important; pointer-events:none!important; }
.spin { animation:spin 1s linear infinite; } @keyframes spin { to { transform:rotate(360deg) } }

.mailer-workspace { max-width:1320px; margin:28px auto 80px; padding:0 22px; }
.mailer-head,.mailer-section-title,.mailer-actions,.mailer-history article { display:flex; align-items:center; justify-content:space-between; gap:16px; }.mailer-head h2{margin:4px 0}.mailer-head p{margin:0;color:#6c6c6c}.mailer-head .eyebrow{color:var(--brand-pink)}
.mailer-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:22px 0; }.mailer-metrics article{background:#fff;border:1px solid #e2e2e2;border-radius:18px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.mailer-metrics svg{color:var(--brand-pink);grid-row:span 2}.mailer-metrics strong{font-size:24px}.mailer-metrics span{color:#6e6e6e;font-size:13px}
.mailer-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px}.mailer-compose,.mailer-segment,.mailer-history{background:#fff;border:1px solid #e2e2e2;border-radius:20px;padding:22px}.mailer-section-title{justify-content:flex-start;margin-bottom:18px}.mailer-section-title h3{margin:0}.mailer-compose>label{display:grid;gap:7px;margin:14px 0;font-weight:750}.mailer-compose>label small{font-weight:400;color:#6f6f6f}.mailer-compose input,.schedule-field input{border:1px solid #d4d4d4;border-radius:10px;padding:11px;font:inherit;background:#fff}.rich-toolbar{display:flex;gap:7px;margin-top:18px}.rich-toolbar button{border:1px solid #d4d4d4;border-radius:8px;background:#f9f6f2;padding:7px 10px;cursor:pointer}.rich-editor{min-height:260px;margin-top:8px;border:1px solid #d4d4d4;border-radius:12px;padding:16px;line-height:1.55;outline:none}.rich-editor:focus{border-color:var(--brand-pink);box-shadow:0 0 0 3px rgb(var(--brand-pink-rgb) / 0.11)}.mailer-help{font-size:12px;color:#6e6e6e}.mailer-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:16px}.schedule-field{display:flex;align-items:center;gap:7px;color:#646464}.mailer-segment>p{color:#6e6e6e;line-height:1.45}.segment-choice{display:grid;gap:7px}.segment-choice button{padding:11px;border:1px solid #d5d5d5;background:#faf7f3;text-align:left;border-radius:10px;cursor:pointer}.segment-choice button.is-active{border-color:var(--brand-pink);background:#f3f3f3}.product-segment-list{max-height:280px;overflow:auto;margin:15px 0;display:grid;gap:7px}.product-segment-list label,.match-choice label{font-size:13px;display:flex;gap:8px;align-items:flex-start}.match-choice{border-top:1px solid #e6e6e6;padding-top:14px;display:grid;gap:8px}.mailer-estimate{margin-top:18px;border-radius:13px;background:#171411;color:#fff;padding:14px;display:grid;gap:6px}.mailer-estimate span{font-size:12px;line-height:1.4;color:#d1d1d1}.mailer-history{margin-top:18px}.mailer-history article{padding:13px 0;border-top:1px solid #e6e6e6}.mailer-history article div{display:grid;gap:4px}.mailer-history span,.mailer-history em{font-size:13px;color:#6e6e6e;font-style:normal}.mailer-notice{margin:14px 0;color:#585858}
.mailer-contact-card{margin-top:18px;background:#fff;border:1px solid #e2e2e2;border-radius:20px;padding:22px}.mailer-contact-search{display:flex;gap:8px}.mailer-contact-search input{min-width:0;flex:1;border:1px solid #d4d4d4;border-radius:10px;padding:11px;font:inherit}.mailer-contact-result{margin-top:15px;border-top:1px solid #e6e6e6;padding-top:15px;display:grid;gap:7px}.mailer-contact-result span{font-size:13px;color:#6e6e6e}.mailer-contact-result div{display:flex;gap:8px;margin-top:5px}

.mailer-workspace {
  color: rgba(255, 247, 251, 0.94);
}

.mailer-head p,
.mailer-compose > label small,
.mailer-help,
.mailer-segment > p,
.mailer-history span,
.mailer-history em {
  color: rgba(255, 247, 251, 0.62);
}

.mailer-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
}

.mailer-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.mailer-tabs button.is-active {
  border-color: rgb(var(--brand-pink-rgb) / 0.52);
  background: rgb(var(--brand-pink-rgb) / 0.16);
  color: #fff !important;
}

.mailer-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mailer-metrics article,
.mailer-compose,
.mailer-segment,
.mailer-history,
.mailer-contact-list {
  border-color: rgba(255, 255, 255, 0.11);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
    rgba(13, 10, 13, 0.94);
  color: inherit;
}

.mailer-metrics span {
  color: rgba(255, 247, 251, 0.62);
}

.mailer-configuration {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -4px 0 18px;
  padding: 12px 14px;
  border: 1px solid;
  border-radius: 12px;
  font-size: 0.9rem;
}

.mailer-configuration.is-ready {
  border-color: rgb(var(--brand-pink-rgb) / 0.28);
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: var(--brand-pink);
}

.mailer-configuration.is-incomplete {
  border-color: rgb(var(--brand-pink-rgb) / 0.28);
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: var(--brand-pink);
}

.mailer-compose input,
.schedule-field input,
.mailer-test-row input,
.mailer-contact-filters input,
.mailer-contact-filters select {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.rich-toolbar {
  flex-wrap: wrap;
}

.rich-toolbar button,
.segment-choice button {
  border-color: rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 247, 251, 0.88);
}

.rich-toolbar button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.rich-toolbar-select select,
.rich-toolbar-color {
  min-height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 247, 251, 0.88);
  font: inherit;
}

.rich-toolbar-select select {
  padding: 6px 10px;
}

.rich-toolbar-color {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 8px;
  font-size: .9rem;
}

.rich-toolbar-color input {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
}

.segment-choice button.is-active {
  border-color: rgb(var(--brand-pink-rgb) / 0.48);
  background: rgb(var(--brand-pink-rgb) / 0.14);
  color: #fff !important;
}

.rich-editor {
  border-color: rgba(255, 255, 255, 0.14);
  background: #fff;
  color: #1b1719 !important;
  caret-color: #1b1719;
  direction: ltr;
  text-align: left;
  unicode-bidi: plaintext;
}

.rich-editor :is(p, div, span, li, h1, h2, h3, h4, h5, h6, strong, em) {
  color: #1b1719;
}

.rich-editor a,
.rich-editor a :is(p, div, span, li, h1, h2, h3, h4, h5, h6, strong, em) {
  color: var(--brand-pink) !important;
  text-decoration-color: var(--brand-pink);
}

.rich-editor :is(ul, ol, li) {
  color: #171411;
  font-family: Roboto, Arial, sans-serif !important;
  font-size: inherit;
  line-height: inherit;
}

.mailer-email-preview-body :is(ul, ol, li) {
  color: #171411;
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.6;
}

.rich-editor :is(ul, ol) { margin: 1em 0; }
.rich-editor :is(ul, ol) li { margin: 0; }

.rich-editor p,
.mailer-email-preview-body p {
  margin: 0 0 1.15em;
}

.rich-editor p:last-child,
.mailer-email-preview-body p:last-child { margin-bottom: 0; }

.mailer-link-dialog-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 2, 3, 0.82);
  backdrop-filter: blur(10px);
}

.mailer-link-dialog {
  width: min(720px, 100%);
  max-height: min(820px, calc(100vh - 48px));
  overflow: auto;
  padding: clamp(20px, 4vw, 30px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  background: #171215;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.52);
  color: #fff7fb;
}

.mailer-link-dialog > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.mailer-link-dialog > header h3,
.mailer-link-dialog > header p { margin: 0; }

.mailer-link-dialog > header h3 { margin-top: 6px; }

.mailer-link-dialog > header > button {
  display: grid;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  cursor: pointer;
}

.mailer-link-custom {
  display: grid;
  gap: 8px;
  margin-top: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mailer-link-custom > label {
  color: rgba(255, 247, 251, 0.72);
  font-size: 0.82rem;
  font-weight: 800;
}

.mailer-link-custom > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.mailer-link-custom input {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 10px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
  font: inherit;
  outline: none;
}

.mailer-link-custom input:focus {
  border-color: rgb(var(--brand-pink-rgb) / 0.72);
  box-shadow: 0 0 0 3px rgb(var(--brand-pink-rgb) / 0.14);
}

.mailer-test-link-list {
  display: grid;
  gap: 8px;
  margin-top: 22px;
}

.mailer-test-link-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 4px;
}

.mailer-test-link-heading span {
  color: rgba(255, 247, 251, 0.54);
  font-size: 0.78rem;
}

.mailer-test-link-list > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.045);
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition: 160ms ease;
}

.mailer-test-link-list > button:hover,
.mailer-test-link-list > button:focus-visible {
  border-color: rgb(var(--brand-pink-rgb) / 0.5);
  background: rgb(var(--brand-pink-rgb) / 0.12);
  transform: translateY(-1px);
  color: #fff !important;
}

.mailer-test-link-list > button > span {
  display: grid;
  gap: 3px;
}

.mailer-test-link-list small {
  color: var(--brand-pink);
  font-size: 0.78rem;
}

.mailer-test-link-list svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.mailer-email-preview {
  container-type: inline-size;
  min-height: 260px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  color: #1b1719;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.mailer-preview-note {
  margin: 12px 0 8px;
  color: rgba(255, 247, 251, 0.64);
  font-size: .82rem;
}

.mailer-email-preview-body {
  padding: 32px 26px;
  color: #171411;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.mailer-email-preview-body :is(p, li, h1, h2, h3, h4, h5, h6, strong, em, span) {
  color: #171411;
  font-family: Roboto, Arial, sans-serif;
}

.mailer-email-preview-body a,
.mailer-email-preview-body a :is(p, li, h1, h2, h3, h4, h5, h6, strong, em, span) {
  color: var(--brand-pink) !important;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 700;
  text-decoration-color: var(--brand-pink);
}

.mailer-email-help {
  margin: 10px 16px 0;
  padding: 24px 10px;
  border-top: 2px solid #171411;
  border-bottom: 1px solid #e6e2e4;
  background: #fff;
  color: #171411;
  font-family: Roboto, Arial, sans-serif;
}

.mailer-email-help .mailer-email-help-eyebrow {
  margin: 0 0 18px;
  color: var(--brand-pink) !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.2px;
  line-height: 1.4;
  text-transform: uppercase;
}

.mailer-email-help-grid {
  display: grid;
  grid-template-columns: 48fr 52fr;
}

.mailer-email-help-test {
  padding-right: 20px;
}

.mailer-email-help-test h3 {
  margin: 0 0 10px;
  color: #171411;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.mailer-email-help-test p,
.mailer-email-help-mission p {
  color: #4f494c !important;
  font-style: normal;
}

.mailer-email-help-test p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.55;
}

.mailer-email-help-test a {
  display: inline-block;
  padding: 12px 17px;
  border-radius: 999px;
  background: #171411;
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none;
}

.mailer-email-help-mission {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 14px;
  padding-left: 16px;
  border-left: 1px solid #e6e2e4;
}

.mailer-email-help-mission img {
  display: block;
  width: 112px;
  height: 168px;
  object-fit: cover;
  object-position: center top;
}

.mailer-email-help-mission strong {
  display: block;
  margin-bottom: 7px;
  color: #171411;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .8px;
  line-height: 1.4;
  text-transform: uppercase;
}

.mailer-email-help-mission p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.mailer-email-help-advice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 24px -10px -24px;
  padding: 15px 10px;
  border-top: 1px solid #e6e2e4;
  background: #faf7f8;
}

.mailer-email-help-advice strong {
  color: #171411;
  font-size: 13px;
  line-height: 1.4;
}

.mailer-email-help-advice a {
  flex: 0 0 auto;
  color: var(--brand-pink) !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none;
}

.mailer-email-footer {
  margin: 0;
  padding: 25px 26px 28px;
  border-top: 1px solid #e6e2e4;
  background: #fff;
  color: #6f686d !important;
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  font-style: italic;
  line-height: 1.6;
  text-align: center;
}

.mailer-email-footer p {
  margin: 0 0 11px;
  color: #6f686d !important;
  font-size: 11px !important;
  font-style: italic !important;
}

.mailer-email-footer a {
  color: var(--brand-pink) !important;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
}

.mailer-email-testimonial {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  margin: 42px 26px 0;
  padding: 22px 24px;
  border: 1px solid #eee7ea;
  border-left: 5px solid var(--brand-pink);
  border-radius: 16px;
  background: #fff8fa;
  color: #171411;
}

.mailer-email-testimonial > span { color: var(--brand-pink); font: 38px/1 Georgia, serif; }
.mailer-email-testimonial blockquote { margin: 0; color: #2b2528; font-size: 15px; font-style: italic; line-height: 1.65; }
.mailer-email-testimonial strong { display: block; margin-top: 14px; color: #171411; font-size: 13px; }
.mailer-email-testimonial small { display: block; margin-top: 4px; color: #797979; font-size: 10px; line-height: 1.45; }
.mailer-email-testimonial small:first-of-type { letter-spacing: .55px; text-transform: uppercase; }

.mailer-email-identity {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 16px;
  margin: 24px 26px 0;
  padding: 20px 0;
  border-top: 2px solid #171411;
  border-bottom: 1px solid #e6e2e4;
  background: #fff;
}

.mailer-email-identity img { display: block; width: 96px; height: 144px; object-fit: cover; object-position: center top; }
.mailer-email-identity h3 { margin: 0 0 5px; color: #171411; font-size: 17px; line-height: 1.25; }
.mailer-email-identity h3 a { color: #171411 !important; font-weight: 900; text-decoration-color: var(--brand-pink); text-underline-offset: 3px; }
.mailer-email-identity strong { color: var(--brand-pink); font-size: 11px; letter-spacing: .8px; text-transform: uppercase; }
.mailer-email-identity p { margin: 8px 0 0; color: #4f494c; font-size: 12px; line-height: 1.55; }

.mailer-testimonial-picker {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.28);
  border-radius: 18px;
  background: linear-gradient(145deg, #fff 0%, #fff7fa 100%);
}

.mailer-testimonial-picker-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.mailer-testimonial-picker-heading .eyebrow { margin: 0 0 3px; color: var(--brand-pink); font-size: 11px; font-weight: 800; letter-spacing: .9px; text-transform: uppercase; }
.mailer-testimonial-picker-heading h3 { margin: 0; color: #171411; font-size: 20px; }
.mailer-testimonial-picker-heading > button,
.mailer-testimonial-topics button { padding: 8px 12px; border: 1px solid #d9d1d5; border-radius: 999px; background: #fff; color: #352f32; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.mailer-testimonial-picker button.is-selected { border-color: var(--brand-pink); background: var(--brand-pink); color: var(--brand-on-pink) !important; }
.mailer-testimonial-topics { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.mailer-testimonial-options { display: grid; gap: 10px; max-height: 430px; margin-top: 16px; overflow: auto; }
.mailer-testimonial-options > button { display: grid; gap: 8px; width: 100%; padding: 16px; border: 1px solid #e6dde1; border-radius: 14px; background: #fff; color: #312b2e; font: inherit; line-height: 1.55; text-align: left; cursor: pointer; }
.mailer-testimonial-options > button:hover { border-color: var(--brand-pink); }
.mailer-testimonial-options > button.is-selected { border-color: var(--brand-pink); box-shadow: 0 0 0 2px rgb(var(--brand-pink-rgb) / 0.12); }
.mailer-testimonial-option-author { color: #171411; font-size: 13px; font-weight: 850; }
.mailer-testimonial-options em { color: var(--brand-pink); font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; }

@media (max-width: 700px) {
  .mailer-email-help-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .mailer-email-help-test {
    padding-right: 0;
  }

  .mailer-email-help-mission {
    grid-template-columns: 112px minmax(0, 1fr);
    padding: 20px 0 0;
    border-top: 1px solid #e6e2e4;
    border-left: 0;
  }
}

@container (max-width: 560px) {
  .mailer-email-help-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .mailer-email-help-test {
    padding-right: 0;
  }

  .mailer-email-help-mission {
    padding: 20px 0 0;
    border-top: 1px solid #e6e2e4;
    border-left: 0;
  }

  .mailer-email-help-advice {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
}

@media (max-width: 640px) {
  .mailer-testimonial-picker-heading { align-items: stretch; flex-direction: column; }
  .mailer-testimonial-picker-heading > button { align-self: flex-start; }
  .mailer-email-testimonial { margin-inline: 14px; padding: 18px; }
  .mailer-email-identity { margin-inline: 14px; grid-template-columns: 76px minmax(0, 1fr); }
  .mailer-email-identity img { width: 76px; height: 114px; }
}

.mailer-test-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 8px;
  margin-top: 14px;
}

.mailer-test-row input {
  min-width: 0;
  padding: 11px;
  border: 1px solid;
  border-radius: 10px;
  font: inherit;
}

.product-segment-list label,
.match-choice label {
  color: rgba(255, 247, 251, 0.82);
}

.match-choice {
  border-color: rgba(255, 255, 255, 0.1);
}

.mailer-contact-list {
  padding: 22px;
  border: 1px solid;
  border-radius: 20px;
}

.mailer-list-head,
.mailer-list-actions,
.mailer-contact-filters,
.mailer-pagination,
.mailer-dialog-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.mailer-list-head {
  justify-content: space-between;
}

.mailer-list-head h3,
.mailer-list-head p {
  margin: 0;
}

.mailer-list-head p {
  margin-top: 5px;
  color: rgba(255, 247, 251, 0.58);
}

.mailer-file-button {
  position: relative;
  cursor: pointer;
}

.mailer-file-button input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.mailer-contact-filters {
  margin: 18px 0 12px;
}

.mailer-contact-filters > label {
  display: flex;
  flex: 1 1 280px;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
}

.mailer-contact-filters > label input {
  width: 100%;
  border: 0;
  background: transparent;
}

.mailer-contact-filters select {
  min-width: 170px;
  padding: 11px;
  border: 1px solid;
  border-radius: 10px;
}

.mailer-contact-table {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
}

.mailer-contact-table > button {
  display: grid;
  grid-template-columns: minmax(240px, 1.5fr) 130px 100px minmax(120px, 0.7fr);
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 13px 14px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.mailer-contact-table > button:hover {
  background: rgba(255, 255, 255, 0.045);
}

.mailer-contact-table > button:last-of-type {
  border-bottom: 0;
}

.mailer-contact-table > button > span:first-child {
  display: grid;
  gap: 3px;
}

.mailer-contact-table small,
.mailer-contact-table > button > span:not(:first-child) {
  color: rgba(255, 247, 251, 0.6);
}

.contact-status {
  width: fit-content;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 850;
}

.contact-status.is-subscribed {
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--brand-pink);
}

.contact-status.is-unsubscribed,
.contact-status.is-suppressed {
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--brand-pink);
}

.contact-status.is-not_subscribed {
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--brand-pink);
}

.mailer-pagination {
  justify-content: center;
  margin-top: 14px;
}

.mailer-pagination button {
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  color: inherit;
  cursor: pointer;
}

.mailer-pagination button:disabled {
  opacity: 0.4;
  cursor: default;
}

.mailer-history-actions {
  display: flex !important;
  flex-direction: row;
}

.mailer-ab-setup {
  margin: 18px 0;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.mailer-ab-setup.is-enabled {
  border-color: rgb(var(--brand-pink-rgb) / 0.3);
  background: rgb(var(--brand-pink-rgb) / 0.07);
}

.mailer-ab-toggle {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}

.mailer-ab-toggle input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--brand-pink);
}

.mailer-ab-toggle span {
  display: grid;
  gap: 4px;
}

.mailer-ab-toggle small,
.mailer-ab-variants small,
.mailer-ab-size p {
  color: rgba(255, 247, 251, 0.62);
}

.mailer-ab-variants {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 15px;
}

.mailer-ab-variants > div,
.mailer-ab-variants > label {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.16);
}

.mailer-ab-variants input {
  width: 100%;
  min-width: 0;
}

.mailer-ab-size {
  margin-top: 15px;
}

.mailer-ab-size > label {
  display: grid;
  grid-template-columns: auto minmax(130px, 1fr) 76px auto;
  gap: 10px;
  align-items: center;
}

.mailer-ab-size input[type="number"] {
  width: 76px;
}

.mailer-ab-size p {
  margin: 9px 0 0;
  font-size: 0.82rem;
}

.mailer-campaign-card {
  display: grid !important;
  gap: 14px !important;
  padding: 18px 0 !important;
}

.mailer-campaign-head,
.mailer-ab-results > header {
  display: flex !important;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.mailer-campaign-head > div:first-child,
.mailer-ab-results > header > div {
  display: grid;
  gap: 4px;
}

.mailer-campaign-status {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.78rem !important;
  line-height: 1.2;
  font-style: normal;
}

.mailer-campaign-status b { font-weight: 850; }
.mailer-campaign-status time { font-variant-numeric: tabular-nums; }
.mailer-campaign-status.is-draft,
.mailer-campaign-status.is-cancelled,
.mailer-campaign-status.is-sending {
  color: rgba(255, 247, 251, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
}
.mailer-campaign-status.is-sent {
  color: var(--brand-pink) !important;
  border-color: rgb(var(--brand-pink-rgb) / 0.35);
  background: rgb(var(--brand-pink-rgb) / 0.12);
}
.mailer-campaign-status.is-scheduled {
  color: var(--brand-pink) !important;
  border-color: rgb(var(--brand-pink-rgb) / 0.4);
  background: rgb(var(--brand-pink-rgb) / 0.13);
}

.mailer-campaign-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px !important;
}

.mailer-campaign-stats > div {
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
}

.mailer-campaign-stats strong {
  font-size: 1.5rem;
}

.mailer-campaign-stats small {
  color: rgba(255, 247, 251, 0.58);
}

.mailer-delivery-estimate {
  display: grid;
  gap: 6px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 12px;
  background: rgb(var(--brand-pink-rgb) / 0.1);
}

.mailer-delivery-estimate > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.mailer-delivery-estimate span,
.mailer-delivery-estimate small {
  color: rgb(242 242 242 / 0.76);
}

.mailer-delivery-estimate strong {
  color: var(--brand-pink);
  font-size: 1.35rem;
}

.mailer-delivery-estimate p,
.mailer-delivery-estimate small {
  margin: 0;
}

.mailer-ab-results {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.24);
  border-radius: 14px;
  background: rgb(var(--brand-pink-rgb) / 0.06);
}

.mailer-ab-winner {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgb(var(--brand-pink-rgb) / 0.14);
  color: var(--brand-pink);
  white-space: nowrap;
}

.mailer-ab-variant-results {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px !important;
}

.mailer-ab-variant-results > div {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 11px;
  background: rgba(0, 0, 0, 0.16);
}

.mailer-ab-variant-results > div.is-winner {
  border-color: rgb(var(--brand-pink-rgb) / 0.35);
  background: rgb(var(--brand-pink-rgb) / 0.07);
}

.mailer-contact-dialog {
  position: fixed;
  z-index: 120;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.68);
}

.mailer-contact-dialog > div {
  position: relative;
  width: min(620px, 100%);
  max-height: 86vh;
  overflow: auto;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  background: #171318;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
}

.mailer-contact-dialog h3 {
  margin: 5px 0;
}

.mailer-contact-dialog dl {
  display: grid;
  gap: 10px;
  margin: 20px 0;
}

.mailer-contact-dialog dl div {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 12px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mailer-contact-dialog dt {
  color: rgba(255, 247, 251, 0.56);
}

.mailer-contact-dialog dd {
  margin: 0;
}

.mailer-analysis-dialog > div {
  width: min(1120px, 100%);
}

.mailer-analysis-intro {
  margin: 8px 0;
  color: var(--brand-pink);
}

.mailer-analysis-note {
  margin: 0 0 18px;
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.9rem;
  line-height: 1.45;
}

.mailer-analysis-list {
  display: grid;
  gap: 10px;
}

.mailer-analysis-row {
  display: grid;
  grid-template-columns: minmax(190px, 0.82fr) minmax(220px, 1.08fr) minmax(250px, 1.1fr);
  gap: 16px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.mailer-analysis-row > div {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.mailer-analysis-row > div > b,
.mailer-analysis-row time,
.mailer-analysis-row small,
.mailer-analysis-row > div > span {
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.84rem;
}

.mailer-analysis-row a {
  overflow-wrap: anywhere;
  color: var(--brand-pink);
}

.mailer-analysis-row ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mailer-analysis-row li {
  display: grid;
  gap: 2px;
}

.mailer-analysis-row li span {
  color: rgba(255, 247, 251, 0.62);
  font-size: 0.84rem;
}

@media (max-width: 780px) {
  .mailer-analysis-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.mailer-dialog-close {
  position: absolute;
  top: 12px;
  right: 14px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 1.7rem;
  cursor: pointer;
}

.admin-marketing-status {
  grid-column: 1 / -1;
}

.admin-marketing-status > p {
  color: rgba(255, 247, 251, 0.7);
}

.admin-marketing-status > small {
  display: block;
  margin-top: 10px;
  color: rgba(255, 247, 251, 0.58);
}

.admin-marketing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.member-marketing-card > p {
  color: var(--muted);
  line-height: 1.55;
}

.member-marketing-state {
  margin: 16px 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgb(var(--brand-pink-rgb) / 0.08);
}

.member-marketing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.member-marketing-notice {
  margin: 14px 0 0;
  color: var(--brand-pink) !important;
  font-weight: 700;
}

.profile-saved-confirmation {
  display: inline-flex;
  grid-column: 1 / -1;
  justify-self: end;
  align-items: center;
  gap: 11px;
  margin: 14px 0 0 auto;
  padding: 12px 16px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 14px;
  color: var(--brand-pink);
  background: rgb(var(--brand-pink-rgb) / 0.058);
}

.profile-saved-confirmation > svg { flex: 0 0 auto; }
.profile-saved-confirmation div { display: grid; gap: 2px; }
.profile-saved-confirmation strong { color: #fafafa; }
.profile-saved-confirmation span { color: rgb(249 249 249 / 0.78); font-size: .9rem; }

.transactional-previews {
  margin-top: 18px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 20px;
  background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),rgba(13,10,13,.94);
}
.transactional-head { display:flex; align-items:flex-start; justify-content:space-between; gap:22px; margin-bottom:22px; }
.transactional-head h3 { margin:4px 0 8px; font-size:1.45rem; }
.transactional-head p:not(.eyebrow) { max-width:710px; margin:0; color:rgba(255,247,251,.62); line-height:1.55; }
.transactional-meta { display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; padding:9px 12px; border:1px solid rgb(var(--brand-pink-rgb) / 0.3); border-radius:999px; color:var(--brand-pink); background:rgb(var(--brand-pink-rgb) / 0.08); font-size:.82rem; font-weight:800; }
.transactional-grid { display:grid; grid-template-columns:280px minmax(0,1fr); gap:18px; }
.transactional-picker { display:grid; align-content:start; gap:8px; }
.transactional-picker button { display:flex; align-items:flex-start; gap:10px; width:100%; padding:13px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.035); color:inherit; text-align:left; cursor:pointer; }
.transactional-picker button:hover,.transactional-picker button.is-active { border-color:rgb(var(--brand-pink-rgb) / 0.48); background:rgb(var(--brand-pink-rgb) / 0.12); color: #fff !important; }
.transactional-picker svg { flex:0 0 auto; margin-top:2px; color:var(--brand-pink); }
.transactional-picker span { display:grid; gap:3px; min-width:0; }
.transactional-picker strong { font-size:.9rem; }
.transactional-picker small { overflow:hidden; color:rgba(255,247,251,.55); font-size:.72rem; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.transactional-picker em { width:fit-content; margin-top:2px; padding:3px 6px; border:1px solid rgb(var(--brand-pink-rgb) / 0.32); border-radius:999px; color:var(--brand-pink); background:rgb(var(--brand-pink-rgb) / 0.08); font-size:.62rem; font-style:normal; font-weight:850; letter-spacing:.02em; }
.transactional-preview-panel { min-width:0; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:#111014; }
.transactional-preview-panel > header { display:grid; grid-template-columns:1fr 1.15fr; gap:12px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.09); }
.transactional-message-kind { grid-column:1 / -1; padding-top:9px; border-top:1px solid rgba(255,255,255,.08); }
.transactional-message-kind strong { width:fit-content; padding:5px 8px; border-radius:999px; color:var(--brand-pink); background:rgb(var(--brand-pink-rgb) / 0.1); font-size:.72rem; }
.transactional-message-kind.is-commercial strong { color:var(--brand-pink); background:rgb(var(--brand-pink-rgb) / 0.1); }
.transactional-preview-panel header div { display:grid; gap:4px; min-width:0; }
.transactional-preview-panel header span { color:var(--brand-pink); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.transactional-preview-panel header strong,.transactional-preview-panel header small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.transactional-preview-panel header small { color:rgba(255,247,251,.62); }
.transactional-device { width:min(100%,640px); margin:24px auto; overflow:hidden; border:8px solid #282328; border-radius:22px; box-shadow:0 20px 50px rgba(0,0,0,.38); background:#f5f0ef; }
.transactional-device-bar { display:flex; align-items:center; gap:5px; height:29px; padding:0 10px; background:#282328; }
.transactional-device-bar i { width:7px; height:7px; border-radius:50%; background:#6d6d6d; }
.transactional-device-bar b { display:inline-flex; align-items:center; gap:5px; margin-left:auto; color:#c3bac0; font-size:.68rem; font-weight:700; }
.transactional-device iframe { display:block; width:100%; height:620px; border:0; background:#f5f0ef; }

.automation-studio { display:grid; gap:18px; margin-top:18px; }
.automation-studio-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px; border:1px solid rgba(255,255,255,.11); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),rgba(13,10,13,.94); }
.automation-studio-head h3 { margin:4px 0 8px; font-size:1.45rem; }
.automation-studio-head p { max-width:740px; margin:0; color:rgba(255,247,251,.64); line-height:1.5; }
.automation-kill-switch { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-width:295px; padding:12px 14px; border:1px solid rgb(var(--brand-pink-rgb) / 0.28); border-radius:13px; background:rgb(var(--brand-pink-rgb) / 0.08); color:var(--brand-pink); }
.automation-kill-switch span { display:grid; flex:1; gap:3px; }.automation-kill-switch small { color:rgb(var(--brand-pink-rgb) / 0.7); }.automation-kill-switch button{flex:1 0 100%;padding:7px 9px;border:1px solid rgb(var(--brand-pink-rgb) / 0.32);border-radius:8px;background:rgba(0,0,0,.18);color:var(--brand-pink);font:inherit;font-size:.68rem;font-weight:850;cursor:pointer}.automation-kill-switch button:disabled{opacity:.5}
.automation-preflight-panel{display:grid;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#100d10}.automation-preflight-panel.is-safe{border-color:rgb(var(--brand-pink-rgb) / 0.28);background:linear-gradient(145deg,rgb(var(--brand-pink-rgb) / 0.08),rgba(255,255,255,.02)),#100d10}.automation-preflight-panel.has-blockers{border-color:rgb(var(--brand-pink-rgb) / 0.28)}.automation-preflight-panel>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.automation-preflight-panel h4{margin:3px 0 5px}.automation-preflight-panel header p{max-width:760px;margin:0;color:rgba(255,247,251,.55);line-height:1.45}.automation-preflight-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:10px;background:rgb(var(--brand-pink-rgb) / 0.09)}.automation-preflight-status span{color:rgba(255,247,251,.58);font-size:.75rem}.automation-preflight-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}.automation-preflight-grid article{display:grid;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.03)}.automation-preflight-grid span{color:rgba(255,247,251,.48);font-size:.68rem}.automation-preflight-grid strong{font-size:.82rem}.automation-preflight-grid article.is-on strong{color:var(--brand-pink)}.automation-preflight-grid article.is-off strong{color:var(--brand-pink)}.automation-preflight-panel>ul{margin:0;padding-left:20px;color:var(--brand-pink);font-size:.76rem}.automation-preflight-panel>small{color:var(--brand-pink)}
.automation-studio-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:10px; }
.automation-studio-toolbar label { display:grid; flex:1 1 280px; gap:6px; color:rgba(255,247,251,.65); font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.automation-studio-toolbar input,.automation-description textarea,.automation-node-editor input,.automation-node-editor textarea,.automation-simulator textarea { width:100%; box-sizing:border-box; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.055); color:#fff; padding:11px 12px; font:inherit; }
.automation-description { display:grid; gap:7px; color:rgba(255,247,251,.72); font-size:.82rem; font-weight:800; }.automation-description textarea{min-height:76px;resize:vertical;font-weight:400}
.automation-release-check{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.03)}.automation-release-check>div{display:grid;flex:1 1 380px;gap:4px}.automation-release-check>div span{color:rgba(255,247,251,.56);font-size:.76rem;line-height:1.4}.automation-release-check.is-ready{border-color:rgb(var(--brand-pink-rgb) / 0.4);background:rgb(var(--brand-pink-rgb) / 0.07)}.automation-release-check.has-errors{border-color:rgb(var(--brand-pink-rgb) / 0.35);background:rgb(var(--brand-pink-rgb) / 0.06)}.automation-release-check ul{flex:1 0 100%;display:grid;gap:5px;margin:2px 0 0;padding:11px 13px 11px 30px;border-radius:9px;background:rgba(0,0,0,.16);color:var(--brand-pink);font-size:.76rem;line-height:1.4}.automation-release-check li.is-valid{color:var(--brand-pink)}.automation-release-dirty{color:var(--brand-pink);font-size:.75rem;font-weight:850}
.automation-draft-list { display:flex; gap:8px; overflow:auto; padding-bottom:3px; }.automation-draft-list button{display:grid;flex:0 0 230px;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer}.automation-draft-list button.is-active{border-color:rgb(var(--brand-pink-rgb) / 0.5);background:rgb(var(--brand-pink-rgb) / 0.12);color: #fff !important}.automation-draft-list span{color:rgba(255,247,251,.55);font-size:.72rem}
.automation-palette { display:flex; flex-wrap:wrap; gap:8px; padding:11px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.025); }
.automation-palette button { display:inline-flex; align-items:center; gap:7px; padding:9px 11px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:#211c21; color:#fff; font:inherit; font-weight:750; cursor:pointer; }.automation-palette button:hover{border-color:var(--brand-pink)}
.automation-builder { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:14px; min-height:620px; }
.automation-canvas-wrap { overflow:auto; min-width:0; border:1px solid rgba(255,255,255,.11); border-radius:18px; background-color:#f3f8fb; background-image:radial-gradient(var(--brand-pink) 1px,transparent 1px); background-size:22px 22px; }
.automation-canvas { position:relative; }.automation-canvas svg{position:absolute;inset:0;pointer-events:none}.automation-edge{fill:none;stroke:#969696;stroke-width:2.2}.automation-edge.is-yes{stroke:var(--brand-pink)}.automation-edge.is-no{stroke:var(--brand-pink)}.automation-canvas svg text{fill:#747474;font-size:10px;font-weight:900}
.automation-node { position:absolute; display:grid; width:240px; min-height:140px; gap:8px; padding:14px; border:1px solid #d3d3d3; border-top:4px solid #8a8a8a; border-radius:12px; background:#fff; color:#262626; box-shadow:0 8px 24px rgb(var(--brand-pink-rgb) / 0.09); text-align:left; cursor:pointer; }.automation-node:hover,.automation-node.is-selected{border-color:var(--brand-pink);box-shadow:0 0 0 3px rgb(var(--brand-pink-rgb) / 0.14),0 12px 26px rgb(var(--brand-pink-rgb) / 0.12)}
.automation-node>span{display:flex;align-items:center;gap:7px;color:#6e6e6e;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.automation-node>span b{margin-left:auto;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand-pink);color:var(--brand-on-pink) !important}.automation-node>strong{font-size:.95rem}.automation-node>small{color:#747474;line-height:1.35}.automation-node>em{display:flex;justify-content:flex-end;gap:7px;margin-top:auto;font-style:normal}.automation-node>em i{padding:3px 6px;border-radius:5px;color:#fff;font-size:.62rem;font-style:normal;font-weight:900}.automation-node>em i:first-child{background:var(--brand-pink);color: var(--brand-on-pink) !important}.automation-node>em i:last-child{background:var(--brand-pink);color: var(--brand-on-pink) !important}
.automation-node.is-trigger{border-top-color:var(--brand-pink)}.automation-node.is-wait{border-top-color:var(--brand-pink)}.automation-node.is-condition{border-top-color:var(--brand-pink)}.automation-node.is-email{border-top-color:var(--brand-pink)}.automation-node.is-tag{border-top-color:var(--brand-pink)}.automation-node.is-credit{border-top-color:#47a97d}.automation-node.is-end{border-top-color:#797979}.automation-node.has-error{border-color:#cc3f3f}
.automation-node-editor { position:sticky; top:12px; align-self:start; display:grid; gap:13px; max-height:calc(100vh - 40px); overflow:auto; padding:18px; border:1px solid rgba(255,255,255,.11); border-radius:18px; background:#151116; }
.automation-node-editor>header { display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.1); }.automation-node-editor>header div{display:grid;gap:2px}.automation-node-editor>header small{color:var(--brand-pink);font-size:.68rem;font-weight:900;text-transform:uppercase}.automation-node-editor label{display:grid;gap:6px;color:rgba(255,247,251,.7);font-size:.77rem;font-weight:800}.automation-node-editor label.is-yes{color:var(--brand-pink)}.automation-node-editor label.is-no{color:var(--brand-pink)}.automation-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.automation-editor-help{margin:0;color:rgba(255,247,251,.54);font-size:.74rem;line-height:1.45}.automation-node-error{display:flex;align-items:flex-start;gap:7px;margin:0;padding:9px;border-radius:9px;background:rgba(212,69,69,.12);color:#f2a1a1;font-size:.74rem;line-height:1.4}
.automation-email-node-fields{display:grid;gap:11px}.automation-email-actions{display:flex;flex-wrap:wrap;gap:7px}.automation-email-actions button{padding:8px 10px;font-size:.74rem}.automation-email-card{display:grid;gap:4px;padding:11px;border:1px solid rgb(var(--brand-pink-rgb) / 0.25);border-radius:10px;background:rgb(var(--brand-pink-rgb) / 0.07)}.automation-email-card span,.automation-email-card small{color:rgba(255,247,251,.58);font-size:.72rem;line-height:1.4}.automation-email-card small{color:var(--brand-pink);font-weight:800}
.automation-product-picker{display:grid;gap:5px;max-height:230px;margin:0;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:auto}.automation-product-picker legend{padding:0 5px;color:rgba(255,247,251,.7);font-size:.77rem;font-weight:800}.automation-product-picker label{display:flex;align-items:flex-start;gap:7px;padding:5px 3px;font-weight:600;line-height:1.3}.automation-product-picker input{width:auto;margin:2px 0 0;accent-color:var(--brand-pink)}
.automation-validation { display:grid; gap:16px; padding:20px; border:1px solid rgba(255,255,255,.11); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),#100d10; }.automation-validation>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.automation-validation>header>div{display:flex;align-items:center;gap:10px}.automation-validation>header span{display:grid;gap:3px}.automation-validation>header small{color:rgba(255,247,251,.55)}
.automation-simulator { display:grid; grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr); gap:14px; }.automation-simulation-input{display:grid;align-content:start;gap:9px}.automation-simulation-input>strong{font-size:.84rem}.automation-simulation-input>label{display:grid;gap:7px;font-size:.8rem;font-weight:800}.automation-simulation-input>label small{color:rgba(255,247,251,.5);font-weight:400}.automation-presets{display:flex;flex-wrap:wrap;gap:6px}.automation-presets button{padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(255,255,255,.05);color:inherit;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}.automation-presets button:hover{border-color:var(--brand-pink)}.automation-simulator textarea{min-height:360px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;line-height:1.45}
.automation-trace { display:grid; align-content:start; gap:8px; padding:15px; border:1px solid rgba(255,255,255,.09); border-radius:13px; background:rgba(255,255,255,.025); }.automation-trace h4{margin:0 0 5px}.automation-trace>p{color:rgba(255,247,251,.55);line-height:1.5}.automation-trace article{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px;border-left:3px solid #7f7f7f;border-radius:8px;background:rgba(255,255,255,.04)}.automation-trace article>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.09)}.automation-trace article div{display:grid;gap:3px}.automation-trace article span{color:var(--brand-pink);font-size:.75rem;font-weight:850}.automation-trace article small{color:rgba(255,247,251,.55);line-height:1.35}.automation-trace article.is-condition{border-left-color:var(--brand-pink)}.automation-trace article.is-email{border-left-color:var(--brand-pink)}.automation-trace article.is-end{border-left-color:rgb(var(--brand-pink-rgb) / 0.49)}.automation-trace footer{margin-top:5px;color:#c8c8c8;font-size:.77rem;font-weight:800}
.automation-email-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:22px;background:rgba(3,2,3,.82);backdrop-filter:blur(8px)}.automation-email-modal-card{display:grid;width:min(1180px,96vw);max-height:94vh;overflow:auto;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:#151116;box-shadow:0 28px 90px rgba(0,0,0,.65)}.automation-email-modal-card>header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.automation-email-modal-card>header h3{margin:3px 0 5px;font-size:1.45rem}.automation-email-modal-card>header p{margin:0;color:rgba(255,247,251,.58)}.automation-email-modal-card>header small{color:var(--brand-pink);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.automation-email-modal-card>header>button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.automation-email-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px}.automation-email-modal-fields label:first-child{grid-column:1/-1}.automation-email-modal-fields label{display:grid;gap:6px;color:rgba(255,247,251,.72);font-size:.8rem;font-weight:800}.automation-email-modal-fields small{color:rgba(255,247,251,.46);font-weight:500}.automation-email-modal-fields input{padding:11px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.055);color:#fff;font:inherit}.automation-email-compose{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 18px}.automation-email-compose>section,.automation-email-compose>iframe,.automation-email-preview-placeholder{min-height:430px;border:1px solid rgba(255,255,255,.11);border-radius:14px;overflow:hidden}.automation-email-format{display:flex;gap:6px;padding:9px;border-bottom:1px solid rgba(255,255,255,.1);background:#201a20}.automation-email-format button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.05);color:#fff;font:inherit;cursor:pointer}.automation-email-rich-editor{min-height:365px;padding:22px;background:#fff;color:#1b1719;font:16px/1.65 Arial,sans-serif;outline:0}.automation-email-compose>iframe{width:100%;background:#f6f2f1}.automation-email-preview-placeholder{display:grid;place-content:center;justify-items:center;padding:30px;background:rgba(255,255,255,.025);text-align:center}.automation-email-preview-placeholder p{max-width:320px;color:rgba(255,247,251,.55)}.automation-email-error{display:flex;align-items:center;gap:8px;margin:0 22px;padding:10px 12px;border-radius:9px;background:rgba(212,69,69,.14);color:#f3a2a2}.automation-email-error span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#c84c4c;color:#fff;font-weight:900}.automation-email-modal-card>footer{display:flex;align-items:end;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid rgba(255,255,255,.1)}.automation-email-modal-card>footer label{display:grid;margin-right:auto;gap:5px;color:rgba(255,247,251,.62);font-size:.75rem;font-weight:800}.automation-email-modal-card>footer select{padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#241e24;color:#fff}

.automation-email-rich-editor p,.automation-email-rich-editor li,.automation-email-rich-editor div{color:#1b1719}.automation-email-rich-editor a{color:var(--brand-pink)}
.automation-runtime-panel{display:grid;gap:15px;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgb(var(--brand-pink-rgb) / 0.09),rgba(255,255,255,.02)),#100d10}.automation-runtime-panel>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.automation-runtime-panel h4{margin:3px 0 6px;font-size:1.15rem}.automation-runtime-panel header p{max-width:700px;margin:0;color:rgba(255,247,251,.57);line-height:1.45}.automation-dry-run-form{display:flex;flex:0 1 520px;gap:8px}.automation-dry-run-form input{min-width:260px;flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.055);color:#fff;font:inherit}.automation-run-list{display:grid;gap:10px}.automation-run-card{display:grid;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.1);border-left:4px solid #787878;border-radius:12px;background:rgba(255,255,255,.028)}.automation-run-card.is-completed{border-left-color:#54ad70}.automation-run-card.is-waiting{border-left-color:var(--brand-pink)}.automation-run-card.is-failed{border-left-color:var(--brand-pink)}.automation-run-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.automation-run-card>header div{display:grid;gap:3px}.automation-run-card>header span{color:rgba(255,247,251,.55);font-size:.74rem}.automation-run-card>header>b{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.07);font-size:.7rem}.automation-run-card ol{display:flex;gap:7px;margin:0;padding:0;overflow:auto;list-style:none}.automation-run-card li{display:grid;grid-template-columns:22px minmax(130px,1fr);flex:1 0 180px;gap:7px;padding:8px;border-radius:8px;background:rgba(255,255,255,.04)}.automation-run-card li i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(255,255,255,.09);font-size:.68rem;font-style:normal}.automation-run-card li span{display:grid;gap:3px}.automation-run-card li strong{font-size:.72rem}.automation-run-card li small{color:rgba(255,247,251,.53);font-size:.67rem;line-height:1.35}.automation-run-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.automation-run-card>footer>small{color:rgba(255,247,251,.46)}.automation-run-card>footer div{display:flex;gap:7px}.automation-run-card>footer button{padding:7px 9px;font-size:.7rem}.automation-run-error{margin:0;padding:8px 10px;border-radius:8px;background:rgba(216,93,104,.12);color:#f1a0a7;font-size:.75rem}.automation-empty-runs{margin:0;padding:16px;border:1px dashed rgba(255,255,255,.13);border-radius:10px;color:rgba(255,247,251,.48);text-align:center}
.automation-pilot-panel{display:grid;gap:16px;padding:20px;border:1px solid rgb(var(--brand-pink-rgb) / 0.18);border-radius:18px;background:linear-gradient(145deg,rgb(var(--brand-pink-rgb) / 0.07),rgba(255,255,255,.02)),#100d10}.automation-pilot-panel>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.automation-pilot-panel h4{margin:3px 0 6px;font-size:1.15rem}.automation-pilot-panel header p{max-width:760px;margin:0;color:rgba(255,247,251,.57);line-height:1.45}.automation-pilot-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px}.automation-pilot-metrics article{display:grid;gap:5px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.03)}.automation-pilot-metrics span{color:rgba(255,247,251,.5);font-size:.72rem}.automation-pilot-metrics strong{font-size:1.45rem}.automation-pilot-form{display:flex;align-items:end;gap:10px}.automation-pilot-form label{display:grid;flex:1;gap:6px;color:rgba(255,247,251,.7);font-size:.76rem;font-weight:750}.automation-pilot-form input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.055);color:#fff;font:inherit}.automation-pilot-lock{display:flex;align-items:center;gap:6px;color:var(--brand-pink);line-height:1.4}

@media (max-width:800px){
  .newsletter-email-row{grid-template-columns:1fr}
  .newsletter-form button{width:100%;justify-content:center}
  .mailer-layout{grid-template-columns:1fr}
  .mailer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mailer-head{align-items:flex-start;flex-direction:column}
  .mailer-workspace{padding:0 14px}
  .mailer-test-row{grid-template-columns:1fr}
  .mailer-contact-table>button{grid-template-columns:1fr auto}
  .mailer-contact-table>button>span:nth-child(3),
  .mailer-contact-table>button>span:nth-child(4){display:none}
  .mailer-ab-variants,.mailer-ab-variant-results,.mailer-campaign-stats{grid-template-columns:1fr}
  .mailer-ab-size>label{grid-template-columns:1fr 76px auto}
  .mailer-ab-size>label>span{grid-column:1/-1}
  .mailer-campaign-head,.mailer-ab-results>header{flex-direction:column}
  .transactional-head{flex-direction:column}.transactional-grid{grid-template-columns:1fr}.transactional-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.transactional-picker small{white-space:normal}.transactional-preview-panel>header{grid-template-columns:1fr}.transactional-device{margin:14px auto;border-width:5px;border-radius:16px}.transactional-device iframe{height:640px}
  .automation-studio-head{flex-direction:column}.automation-kill-switch{min-width:0;width:100%;box-sizing:border-box;flex-wrap:wrap}.automation-builder{grid-template-columns:1fr}.automation-node-editor{position:static;max-height:none}.automation-simulator{grid-template-columns:1fr}.automation-studio-toolbar{align-items:stretch}.automation-studio-toolbar label{flex-basis:100%}.automation-runtime-panel>header,.automation-dry-run-form,.automation-run-card>footer,.automation-pilot-panel>header,.automation-pilot-form,.automation-preflight-panel>header,.automation-preflight-status{align-items:stretch;flex-direction:column}.automation-dry-run-form{width:100%}.automation-dry-run-form input{min-width:0}.automation-run-card>footer div{flex-wrap:wrap}.automation-pilot-metrics,.automation-preflight-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}
  .automation-email-compose,.automation-email-modal-fields{grid-template-columns:1fr}.automation-email-modal{padding:8px}.automation-email-modal-card{width:100%;max-height:98vh}.automation-email-modal-card>footer{align-items:stretch;flex-direction:column}.automation-email-modal-card>footer label{margin-right:0}
}

@media (max-width:520px){.transactional-previews{padding:16px}.transactional-picker{grid-template-columns:1fr}.transactional-device iframe{height:660px}}

.member-entry-panel {
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 420px;
  background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.12), rgba(255, 255, 255, 0.035));
}

.footer-testimonial-rotation {
  display: block;
  min-height: 245px;
  margin: 0;
}

.footer-testimonial-rotation .result-testimonial-rotation__card {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  min-height: 245px;
  padding: 18px 0 0 34px;
  border: 0;
  background: transparent;
}

.footer-testimonial-rotation .result-testimonial-rotation__card > svg {
  top: 20px;
  left: 0;
}

.footer-testimonial-rotation .result-testimonial-rotation__card blockquote {
  margin: 0;
  overflow: hidden;
  color: #c7c7c7;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
}

.footer-testimonial-rotation .result-testimonial-rotation__card figcaption {
  margin-top: 12px;
  font-size: .92rem;
}

.footer-testimonial-rotation .result-testimonial-rotation__card small {
  font-size: .68rem;
}

.footer-cta {
  width: fit-content;
  margin-top: 4px;
  text-decoration: none;
}

.footer-bottom {
  width: min(100% - 36px, 1180px);
  margin: 0 auto;
  padding: 13px 0 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--muted);
  font-size: 0.92rem;
  text-align: center;
}

.legal-page {
  width: min(1040px, calc(100% - 32px));
}

.legal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: clamp(22px, 4vw, 42px);
  align-items: center;
  padding: clamp(28px, 5vw, 56px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 84% 12%, rgb(var(--brand-pink-rgb) / 0.18), transparent 18rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
    rgba(12, 10, 12, 0.86);
  box-shadow: var(--shadow);
}

.legal-hero h1 {
  max-width: 13ch;
}

.legal-hero p {
  max-width: 68ch;
  font-size: clamp(1.05rem, 1.8vw, 1.22rem);
}

.legal-updated {
  display: inline-flex;
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--brand-pink);
  font-weight: 850;
}

.legal-cookie-button {
  width: fit-content;
  margin-top: 18px;
}

.legal-hero-icon {
  display: grid;
  place-items: center;
  width: 128px;
  height: 128px;
  border-radius: 32px;
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--brand-pink);
}

.legal-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0;
}

.legal-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 11px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--ink);
  font-weight: 850;
  text-decoration: none;
}

.legal-tab.is-active,
.legal-tab:hover {
  border-color: rgb(var(--brand-pink-rgb) / 0.35);
  background: rgb(var(--brand-pink-rgb) / 0.14);
  color: var(--white) !important;
}

.legal-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.legal-card {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)),
    rgba(11, 9, 11, 0.84);
}

.legal-reference-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
.legal-reference-links a { color:var(--brand-pink); font-weight:800; text-underline-offset:3px; }
.legal-reference-links a:hover { color:#fff; }
.collaboration-sensitive-consent { display:flex; align-items:flex-start; gap:10px; margin-top:16px; color:var(--muted); font-size:.9rem; line-height:1.5; }
.collaboration-sensitive-consent input { width:18px; height:18px; min-width:18px; margin-top:2px; accent-color:var(--brand-pink); }

.legal-card h2 {
  max-width: 20ch;
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.legal-card p {
  margin: 0;
}

.legal-card ul {
  display: grid;
  gap: 8px;
  margin-top: 4px;
}

.legal-card li {
  color: rgba(255, 247, 251, 0.74);
}

.cookie-consent {
  position: fixed;
  inset: auto 18px 18px auto;
  z-index: 80;
  width: min(520px, calc(100% - 36px));
}

.cookie-card {
  position: relative;
  display: grid;
  gap: 14px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 92% 0%, rgb(var(--brand-pink-rgb) / 0.2), transparent 15rem),
    rgba(10, 8, 10, 0.94);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(18px);
}

.cookie-card h2 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
}

.cookie-card p {
  margin: 0;
}

.cookie-close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--ink);
}

.cookie-options {
  display: grid;
  gap: 10px;
}

.cookie-options label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 13px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
}

.cookie-options input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  accent-color: var(--brand-pink);
}

.cookie-options span {
  display: grid;
  gap: 3px;
  color: rgba(255, 247, 251, 0.68);
  line-height: 1.4;
}

.cookie-options strong {
  color: var(--white);
}

.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cookie-actions .primary-button,
.cookie-actions .ghost-button {
  min-height: 46px;
  padding: 11px 15px;
}

.cookie-link {
  color: var(--brand-pink);
  font-weight: 850;
}

@media (max-width: 980px) {
  .site-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .hero,
  .home-grid,
  .split-layout,
  .member-hero,
  .member-hero-panels,
  .member-grid,
  .member-profile-grid,
  .billing-form-grid,
  .tripwire-unlocked-panel,
  .program-workspace,
  .bozsky-app,
  .security-panel,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
  }

  .hero-visual {
    min-height: 420px;
  }

  .admin-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .system-strip,
  .metric-grid,
  .audio-grid,
  .product-grid,
  .video-grid,
  .testimonial-grid,
  .product-image-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bundle-grid {
    grid-template-columns: 1fr;
  }

  .product-detail {
    grid-template-columns: 1fr;
  }

  .program-workspace > .workspace-sidebar {
    position: static;
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 640px) {
  .site-header {
    padding: 12px;
  }

  .admin-overview-head {
    align-items: flex-start;
    padding-top: 20px;
  }

  .admin-overview-head h1 {
    font-size: 2rem;
  }

  .admin-kpi-grid {
    grid-template-columns: 1fr;
  }

  .admin-period-metric-grid {
    grid-template-columns: 1fr;
  }

  .admin-questionnaire-funnel {
    padding: 18px;
  }

  .admin-questionnaire-funnel-head {
    display: grid;
    align-items: stretch;
  }

  .admin-questionnaire-funnel-periods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-questionnaire-funnel-periods button {
    padding-inline: 8px;
  }

  .admin-revenue-history {
    padding: 18px;
  }

  .admin-revenue-history-head {
    display: grid;
  }

  .lesson-header-row,
  .happy-bedroom-milestones summary,
  .happy-bedroom-milestones-content > header,
  .program-note-save {
    align-items: stretch;
    flex-direction: column;
  }

  .happy-bedroom-milestones-toggle {
    justify-content: space-between;
  }

  .happy-bedroom-milestone-list article {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .happy-bedroom-milestone-list article > button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .admin-revenue-legend {
    display: none;
  }

  .admin-revenue-chart-layout {
    display: none;
  }

  .admin-revenue-mobile {
    display: grid;
    gap: 12px;
  }

  .admin-weekday-revenue {
    padding: 18px;
  }

  .admin-weekday-revenue-head {
    display: grid;
  }

  .admin-weekday-period-select {
    width: 100%;
    min-width: 0;
  }

  .admin-weekday-revenue-summary {
    grid-template-columns: 1fr 1fr;
  }

  .admin-weekday-revenue-summary > p {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .campaign-revenue-table-card {
    padding: 18px;
  }

  .campaign-revenue-table-head {
    display: grid;
  }

  .campaign-revenue-total {
    min-width: 0;
  }

  .admin-revenue-mobile > label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .admin-revenue-mobile select {
    min-width: 104px;
    padding: 9px 34px 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.055);
    color: var(--white);
    font: inherit;
  }

  .admin-revenue-mobile-table-wrap {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 13px;
    background: rgba(8, 7, 9, 0.38);
  }

  .admin-revenue-mobile-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-variant-numeric: tabular-nums;
  }

  .admin-revenue-mobile-table th,
  .admin-revenue-mobile-table td {
    padding: 11px 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    font-size: clamp(0.65rem, 2.85vw, 0.78rem);
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
  }

  .admin-revenue-mobile-table th:first-child,
  .admin-revenue-mobile-table td:first-child {
    width: 25%;
    padding-left: 10px;
    text-align: left;
  }

  .admin-revenue-mobile-table thead th {
    background: rgba(255, 64, 132, 0.1);
    color: rgba(255, 255, 255, 0.62);
    font-size: clamp(0.56rem, 2.45vw, 0.69rem);
    letter-spacing: 0.035em;
    text-transform: uppercase;
  }

  .admin-revenue-mobile-table tbody th {
    color: var(--white);
    font-weight: 720;
  }

  .admin-revenue-mobile-table tbody td {
    color: rgba(255, 255, 255, 0.82);
  }

  .admin-revenue-mobile-table .has-unpaid {
    color: #ff9abc;
    font-weight: 800;
  }

  .admin-revenue-mobile-table tfoot th,
  .admin-revenue-mobile-table tfoot td {
    padding-right: 6px;
    padding-left: 6px;
    border-bottom: 0;
    background: rgba(255, 255, 255, 0.055);
    color: var(--white);
    font-size: clamp(0.65rem, 2.85vw, 0.78rem);
    font-weight: 850;
  }

  .nav-button span {
    display: none;
  }

  .hero {
    padding: 28px 14px;
  }

  .page-shell,
  .home-grid {
    width: min(100% - 24px, 1180px);
  }

  .admin-grid {
    grid-template-columns: 1fr;
  }

  .system-strip,
  .metric-grid,
  .audio-grid,
  .product-grid,
  .video-grid,
  .testimonial-grid,
  .product-image-strip,
  .format-grid,
  .two-columns,
  .lesson-material-grid,
  .profile-form-grid,
  .billing-form-grid {
    grid-template-columns: 1fr;
  }

  .product-card {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  .product-image-frame {
    min-height: 154px;
  }

  .image-contain img {
    max-height: 154px;
  }

  .product-card.is-wide-product {
    grid-template-columns: 1fr;
  }

  .product-card.is-wide-product .product-image-frame {
    min-height: 0;
  }

  .tripwire-media {
    grid-template-columns: 1fr;
  }

  .tripwire-media img {
    max-height: 220px;
  }

  .member-profile-collapsed {
    align-items: stretch;
    flex-direction: column;
  }

  .member-profile-collapsed .ghost-button,
  .member-profile-trigger {
    width: 100%;
  }

  .member-media-modal {
    align-items: end;
    padding: 10px;
  }

  .member-media-panel {
    max-height: 94vh;
    border-radius: 24px;
    padding: 18px;
  }

  .member-media-header {
    align-items: flex-start;
    gap: 14px;
  }

  .member-media-header h3 {
    font-size: clamp(1.6rem, 11vw, 2.6rem);
  }

  .member-media-close {
    width: 44px;
    height: 44px;
  }

  .member-media-frame {
    aspect-ratio: 16 / 10;
  }

  .lesson-header-row {
    display: grid;
    gap: 14px;
  }

  .lesson-done-button {
    justify-self: start;
    width: 100%;
    max-width: 280px;
  }

  .audio-bar {
    grid-template-columns: 48px 58px minmax(0, 1fr);
    gap: 12px;
  }

  .audio-native-controls {
    display: block;
    width: calc(100% - 32px);
    height: 44px;
    margin: 14px 16px 2px;
  }

  .member-format-note {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
  }

  .member-format-note > div {
    min-width: 0;
  }

  .member-format-note > button,
  .member-format-note > .member-ebook-format-actions {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }

  .member-ebook-format-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-left: 0;
  }

  .member-ebook-format-actions .primary-button {
    min-width: 0;
    width: 100%;
  }

  .audio-controls {
    grid-column: 1 / -1;
  }

  .audio-progress {
    padding: 0 16px 14px;
  }

  .audio-offline-panel {
    grid-template-columns: 1fr;
    margin: 0 16px 14px;
  }

  .audio-offline-panel .primary-button,
  .audio-offline-panel .ghost-button {
    width: 100%;
    justify-content: center;
  }

  .audio-time-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .hero-products img {
    width: 78px;
  }

  .charlie-photo {
    right: -34%;
  }

  h1 {
    font-size: 2.45rem;
  }
}

/* Nekonecny Milenec inspired design refresh */
:root {
  --black: #070507;
  --ink: #fff7fb;
  --muted: #b0b0b0;
  --line: rgba(255, 255, 255, 0.1);
  --paper: #080608;
  --white: #ffffff;
  --coral: var(--brand-pink);
  --coral-dark: var(--brand-pink);
  --blue: var(--brand-pink);
  --orange: #ff970f;
  --green: #62e3b5;
  --surface: rgba(255, 255, 255, 0.055);
  --surface-2: rgba(255, 255, 255, 0.085);
  --radius-lg: 32px;
  --radius-md: 24px;
  --radius-sm: 18px;
  --shadow: 0 34px 90px rgba(0, 0, 0, 0.36);
}

body {
  background:
    radial-gradient(circle at 72% 0%, rgb(var(--brand-pink-rgb) / 0.23), transparent 31rem),
    radial-gradient(circle at 10% 18%, rgb(var(--brand-pink-rgb) / 0.12), transparent 28rem),
    linear-gradient(180deg, #10090d 0%, #080608 48%, #050405 100%),
    var(--paper);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 70%);
}

.site-header {
  top: 12px;
  left: auto;
  width: min(1120px, calc(100% - 32px));
  margin: 14px auto 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(8, 6, 8, 0.76);
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.28);
}

.brand {
  width: clamp(188px, 18vw, 238px);
  margin-left: 8px;
}

.main-nav {
  gap: 4px;
}

.nav-button,
.ghost-button,
.primary-button,
.inline-button,
.footer-cta {
  border-radius: 999px;
}

.nav-button {
  min-height: 44px;
  padding: 10px 15px;
  color: rgba(255, 247, 251, 0.72);
  font-weight: 800;
}

.nav-button.is-active,
.nav-button:hover {
  background: rgb(var(--brand-pink-rgb) / 0.16);
  color: var(--white) !important;
  box-shadow: inset 0 0 0 1px rgb(var(--brand-pink-rgb) / 0.22);
}

.primary-button {
  min-height: 54px;
  padding: 15px 22px;
  border: 0;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  box-shadow: 0 18px 44px rgb(var(--brand-pink-rgb) / 0.28);
}

.primary-button.hot {
  border: 0;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.home-final-actions .primary-button {
  position: relative;
  min-width: 354px;
  padding-inline: 54px;
}

.home-final-actions .primary-button svg {
  position: absolute;
  right: 24px;
}

.ghost-button {
  min-height: 54px;
  padding: 15px 22px;
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.07);
}

.inline-button {
  color: var(--brand-pink);
  font-weight: 900;
}

.hero {
  width: min(1120px, calc(100% - 32px));
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.82fr);
  min-height: auto;
  margin: 0 auto;
  padding: clamp(30px, 4vw, 54px) 0 clamp(32px, 5vw, 62px);
}

.hero-copy {
  max-width: 680px;
}

h1 {
  max-width: 12ch;
  font-weight: 950;
  line-height: 1.03;
  text-transform: uppercase;
}

.hero .hero-copy h1 {
  max-width: 620px;
  font-size: clamp(2.35rem, 4.3vw, 4rem);
  line-height: 1;
}

h2 {
  font-weight: 900;
  line-height: 1.12;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

p {
  color: rgba(255, 247, 251, 0.68);
  font-size: 1.03rem;
}

.hero-copy h2 {
  color: var(--brand-pink);
}

.hero-visual {
  min-height: 460px;
  border: 0;
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at 75% 25%, rgb(var(--brand-pink-rgb) / 0.3), transparent 18rem);
  box-shadow: var(--shadow);
}

.hero-visual::before {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  pointer-events: none;
}

.hero-products img {
  border: 0;
  border-radius: 18px;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.055);
}

.system-strip,
.page-shell,
.home-grid {
  width: min(1120px, calc(100% - 32px));
}

.system-strip {
  gap: 14px;
  margin: 0 auto clamp(34px, 5vw, 60px);
  overflow: visible;
  border: 0;
  background: transparent;
}

.admin-card {
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.078), rgba(255, 255, 255, 0.035)),
    rgba(13, 10, 13, 0.82);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.26);
}

.system-strip article,
.story-panel,
.quiz,
.member-card,
.audio-player,
.security-panel,
.login-card,
.continue-card,
.lesson-panel,
.workspace-sidebar,
.bozsky-strip,
.footer-panel {
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.078), rgba(255, 255, 255, 0.035)),
    rgba(13, 10, 13, 0.82);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.26);
}

.admin-card h2 {
  max-width: 14ch;
  font-size: clamp(2rem, 3.8vw, 4rem);
  line-height: 1.1;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.story-panel h2,
.member-card h2,
.security-panel h2,
.continue-card h2,
.login-card h2 {
  max-width: 14ch;
  font-size: clamp(2rem, 3.8vw, 4rem);
  line-height: 1.1;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.story-panel p {
  max-width: 62ch;
}

.system-strip article {
  padding: 22px;
}

.page-shell {
  padding-top: clamp(34px, 5vw, 64px);
}

.section-heading {
  max-width: 840px;
  margin: 0 auto 34px;
  text-align: center;
}

.section-heading h1 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(2.8rem, 6.5vw, 6rem);
}

.catalog-section {
  margin-top: clamp(34px, 5vw, 58px);
}

.catalog-section-head {
  grid-template-columns: 1fr;
  gap: 8px;
  max-width: 780px;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
}

.catalog-section-head h2 {
  color: var(--white);
  text-transform: none;
}

.catalog-section-head p {
  max-width: 620px;
}

.product-grid {
  gap: 18px;
}

.product-card {
  grid-template-columns: 142px minmax(0, 1fr);
  min-height: 238px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.032)),
    rgba(12, 10, 12, 0.9);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.product-card:hover,
.product-card:focus-visible {
  border-color: rgb(var(--brand-pink-rgb) / 0.38);
  background:
    linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.12), rgba(255, 255, 255, 0.04)),
    rgba(12, 10, 12, 0.92);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32);
  transform: translateY(-3px);
}

.product-image-frame,
.product-image-frame img,
.product-detail-art img,
.product-image-strip img,
.video-card,
.video-card video,
.video-card iframe {
  border-radius: var(--radius-sm);
}

.product-image-frame {
  background: rgba(255, 255, 255, 0.045);
}

.product-card h3 {
  font-size: clamp(1.5rem, 2.4vw, 2.25rem);
}

.product-card.has-rich-copy {
  align-items: stretch;
  min-height: 330px;
}

.product-card.has-rich-copy > div:last-child {
  display: grid;
  align-content: center;
}

.product-card.has-rich-copy .product-kind {
  margin-bottom: 4px;
}

.product-card.has-rich-copy h3 {
  margin-bottom: 8px;
  font-size: clamp(1.55rem, 2.15vw, 2.15rem);
}

.product-card.has-rich-copy p {
  max-width: 52ch;
}

.product-card.has-rich-copy .product-card-highlights {
  padding-top: 2px;
}

.product-card.has-rich-copy .product-card-note {
  padding: 10px 12px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.18);
  border-radius: 7px;
  background: rgb(var(--brand-pink-rgb) / 0.07);
}

.product-card.is-unlimited-access {
  grid-template-columns: minmax(300px, 0.86fr) minmax(320px, 1fr);
  align-items: stretch;
  padding: clamp(18px, 3vw, 30px);
  border-color: rgb(var(--brand-pink-rgb) / 0.22);
  background:
    radial-gradient(circle at 22% 18%, rgb(var(--brand-pink-rgb) / 0.18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.032)),
    rgba(12, 10, 12, 0.94);
}

.product-card.is-unlimited-access > div:last-child {
  display: grid;
  align-content: center;
  gap: 12px;
}

.unlimited-portrait-frame {
  min-height: clamp(320px, 34vw, 460px);
  align-items: end;
  background:
    radial-gradient(circle at 50% 16%, rgb(var(--brand-pink-rgb) / 0.2), transparent 42%),
    linear-gradient(150deg, rgb(var(--brand-pink-rgb) / 0.077), rgba(7, 6, 8, 0.96));
}

.unlimited-portrait-frame img {
  width: min(72%, 330px);
  max-height: 100%;
  object-fit: contain;
  object-position: bottom center;
  filter: drop-shadow(0 26px 38px rgba(0, 0, 0, 0.34));
}

.unlimited-price-bomb {
  display: grid;
  gap: 3px;
  margin: 2px 0 4px;
}

.unlimited-price-bomb span {
  color: var(--brand-pink);
  font-size: 0.95rem;
  font-weight: 950;
  text-transform: uppercase;
}

.unlimited-price-bomb strong {
  color: var(--white);
  font-size: clamp(3.2rem, 7vw, 6.4rem);
  font-weight: 950;
  line-height: 0.88;
  letter-spacing: 0;
}

.unlimited-price-bomb small {
  color: rgba(255, 247, 251, 0.74);
  font-size: clamp(1rem, 1.9vw, 1.35rem);
  font-weight: 850;
}

.unlimited-price-bomb del {
  color: rgba(255, 247, 251, 0.52);
  text-decoration-color: var(--brand-pink);
  text-decoration-thickness: 3px;
}

.product-card.is-unlimited-access h3 {
  max-width: none;
  margin-bottom: 0;
}

.unlimited-cover-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 2px 0 4px;
}

.unlimited-cover-strip img {
  width: 42px;
  aspect-ratio: 3 / 4;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.065);
  object-fit: contain;
}

.product-meta {
  color: var(--green);
}

.product-detail {
  grid-template-columns: minmax(0, 0.94fr) minmax(280px, 0.76fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: center;
  width: min(1040px, 100%);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 36px;
  padding: clamp(28px, 5vw, 56px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 80% 6%, rgb(var(--brand-pink-rgb) / 0.18), transparent 22rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
    rgba(12, 10, 12, 0.86);
}

.product-detail-copy h1 {
  max-width: 100%;
  font-size: clamp(2.35rem, 5vw, 4.75rem);
  line-height: 0.98;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

/* Size catalogue titles from the actual copy column, not from the viewport.
   This keeps long product names inside their grid cell even on wide screens. */
.product-page-detail .product-detail-copy {
  container-type: inline-size;
}

@supports (font-size: 1cqi) {
  .product-page-detail .product-detail-copy h1 {
    font-size: clamp(2.35rem, 12cqi, 4.75rem);
  }
}

.product-detail-copy p {
  max-width: 680px;
  font-size: clamp(1.12rem, 2vw, 1.32rem);
}

.product-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

.product-detail-actions a,
a.primary-button,
a.ghost-button,
a.footer-cta {
  text-decoration: none;
}

.product-detail-art {
  min-height: 360px;
}

.product-detail-art img {
  border: 0;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
}

/* Keep catalogue hero copy and artwork in genuinely separate columns.  Long
   Czech descriptions must never run underneath a product cover. */
@media (min-width: 901px) {
  .product-page-detail.product-detail {
    grid-template-columns: minmax(0, 1fr) clamp(260px, 24vw, 360px);
    column-gap: clamp(36px, 5vw, 88px);
  }

  .product-page-detail > .product-detail-copy {
    grid-column: 1;
    grid-row: 1;
    max-width: 760px;
  }

  .product-page-detail > .product-detail-copy > p {
    width: min(100%, 760px);
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .product-page-detail > .product-detail-art {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
  }

  .product-page-detail > .product-detail-art img {
    width: min(100%, 320px);
  }
}

.detail-section {
  padding-top: clamp(18px, 3vw, 34px);
}

.detail-section > h3 {
  max-width: 760px;
  margin-bottom: 18px;
  font-size: clamp(1.65rem, 2.8vw, 2.55rem);
}

.detail-section > p {
  max-width: 680px;
}

.format-grid {
  gap: 16px;
}

.format-section {
  position: relative;
  overflow: hidden;
  margin-top: clamp(16px, 3vw, 34px);
  padding: clamp(24px, 4vw, 40px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 8% 0%, rgb(var(--brand-pink-rgb) / 0.09), transparent 32%),
    radial-gradient(circle at 92% 15%, rgb(var(--brand-pink-rgb) / 0.07), transparent 30%),
    rgba(255, 255, 255, 0.028);
}

.format-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 86px 86px;
  mask-image: linear-gradient(135deg, black, transparent 64%);
}

.format-section > * {
  position: relative;
  z-index: 1;
}

.format-section-eyebrow {
  margin: 0 0 10px;
  color: var(--brand-pink);
  font-size: 0.86rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.format-section.detail-section > h3 {
  max-width: 15ch;
  margin-bottom: 12px;
  font-size: clamp(2.2rem, 4vw, 4.4rem);
  line-height: 0.96;
}

.format-section.detail-section > p:not(.format-section-eyebrow) {
  max-width: 760px;
  color: rgba(255, 247, 251, 0.76);
  font-size: clamp(1.08rem, 1.7vw, 1.38rem);
}

.format-section .format-grid {
  gap: 18px;
  margin-top: clamp(24px, 4vw, 42px);
}

.format-grid article {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.055);
}

.format-grid .format-card {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 276px;
  padding: clamp(20px, 2.6vw, 28px);
  border-color: rgba(255, 255, 255, 0.105);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.026)),
    rgba(10, 8, 10, 0.78);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
}

.format-grid .format-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 22px;
  left: 22px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, rgb(var(--brand-pink-rgb) / 0.82), rgb(var(--brand-pink-rgb) / 0.82));
}

.format-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 24px;
}

.format-card-top svg {
  color: var(--brand-pink);
}

.format-card-top span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.22);
  border-radius: 999px;
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: rgba(255, 247, 251, 0.8);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.format-grid .format-card strong {
  margin-bottom: 8px;
  color: var(--white);
  font-size: clamp(1.35rem, 1.8vw, 1.8rem);
  line-height: 1.05;
}

.format-grid .format-card b {
  color: var(--brand-pink);
  font-size: clamp(1.18rem, 1.45vw, 1.5rem);
  font-weight: 900;
  line-height: 1.16;
}

.format-price-note {
  display: block;
  margin-top: 4px;
  color: rgba(255, 247, 251, 0.64);
  font-size: 0.84rem;
  font-weight: 850;
}

.format-price-note.is-unlocked {
  color: var(--mint);
}

.format-grid .format-card p {
  margin: 18px 0 26px;
  color: rgba(255, 247, 251, 0.72);
  font-size: 1rem;
}

.format-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  align-self: end;
  min-height: 48px;
  margin-top: auto;
  padding: 12px 17px;
  border: 0;
  border-radius: 999px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font: inherit;
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 12px 30px rgb(var(--brand-pink-rgb) / 0.2);
}

.format-button:hover,
.format-button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgb(var(--brand-pink-rgb) / 0.3);
  outline: none;
}

.price-unlock-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin-top: 18px;
  padding: 10px 13px;
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 22%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 9%, transparent);
  color: rgba(255, 247, 251, 0.76);
  font-size: 0.94rem;
}

.price-unlock-bar strong {
  color: var(--white);
}

.price-unlock-bar span {
  color: inherit;
}

.price-unlock-bar.is-unlocked {
  border-color: rgb(var(--brand-pink-rgb) / 0.3);
  background: rgb(var(--brand-pink-rgb) / 0.08);
}

.price-unlock-bar.is-unlocked strong {
  color: var(--mint);
}

.product-quiz-section {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(20px, 4vw, 42px);
  align-items: start;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 20%, transparent);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--product-primary, var(--brand-pink)) 14%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.026)),
    rgba(8, 7, 9, 0.62);
}

.product-quiz-copy {
  display: grid;
  min-width: 0;
  gap: 14px;
  max-width: 540px;
}

.product-quiz-copy h3 {
  max-width: min(100%, 13ch);
  margin: 0;
  font-size: clamp(1.75rem, 2.55vw, 2.7rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.product-quiz-copy p {
  margin: 0;
  color: rgba(255, 247, 251, 0.72);
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.55;
}

.product-quiz-copy strong {
  display: block;
  padding: 14px 16px;
  border-left: 4px solid var(--product-secondary, var(--brand-pink));
  border-radius: 8px;
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 11%, transparent);
  color: var(--white);
  font-size: 1rem;
  line-height: 1.35;
}

.product-quiz-section .quiz {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 18%, transparent);
  background: rgba(5, 5, 5, 0.48);
}

.sample-video-section {
  display: grid;
  grid-template-columns: minmax(260px, 0.58fr) minmax(360px, 1fr);
  gap: clamp(20px, 4vw, 42px);
  align-items: center;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 18%, transparent);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--product-secondary, var(--brand-pink)) 13%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024)),
    rgba(7, 7, 8, 0.66);
}

.sample-video-copy {
  display: grid;
  gap: 12px;
}

.sample-video-copy h3 {
  max-width: 10ch;
  margin: 0;
  font-size: clamp(2rem, 3.2vw, 3.6rem);
  line-height: 0.98;
}

.sample-video-copy p:not(.detail-section-eyebrow) {
  max-width: 520px;
  margin: 0;
  color: rgba(255, 247, 251, 0.72);
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.55;
}

.sample-video-grid {
  display: grid;
  gap: 14px;
}

.sample-video-card {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 26%, transparent);
  border-radius: 18px;
  background: #050505;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
}

.sample-video-card video,
.sample-video-card iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  background: #050505;
}

.final-purchase-section {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(20px, 4vw, 42px);
  align-items: center;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.18);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 0% 0%, rgb(var(--brand-pink-rgb) / 0.16), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.024)),
    rgba(8, 7, 9, 0.62);
}

.final-purchase-copy {
  display: grid;
  gap: 12px;
}

.final-purchase-copy h3 {
  max-width: 10ch;
  margin: 0;
  font-size: clamp(2rem, 3.4vw, 3.8rem);
  line-height: 0.98;
}

.final-purchase-copy p:not(.detail-section-eyebrow) {
  max-width: 560px;
  margin: 0;
  color: rgba(255, 247, 251, 0.72);
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.55;
}

.final-purchase-actions {
  display: grid;
  gap: 12px;
}

.return-man-upgrade-credit {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid rgba(78, 211, 171, 0.44);
  border-radius: 20px;
  background:
    radial-gradient(circle at 0 0, rgba(78, 211, 171, 0.17), transparent 40%),
    rgba(4, 15, 12, 0.72);
}

.return-man-upgrade-credit h4,
.return-man-upgrade-credit p,
.return-man-upgrade-credit dl {
  margin: 0;
}

.return-man-upgrade-credit h4 {
  max-width: 28ch;
  font-size: clamp(1.35rem, 2.3vw, 2.15rem);
  line-height: 1.08;
}

.return-man-upgrade-credit > p:not(.detail-section-eyebrow) {
  max-width: 72ch;
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.55;
}

.return-man-upgrade-credit dl {
  display: grid;
  gap: 7px;
  max-width: 820px;
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.return-man-upgrade-credit dl > div {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.return-man-upgrade-credit dt,
.return-man-upgrade-credit dd {
  margin: 0;
}

.return-man-upgrade-credit dd {
  flex: 0 0 auto;
  font-weight: 800;
  text-align: right;
}

.return-man-upgrade-credit .is-base {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.return-man-upgrade-credit .is-credit,
.return-man-credit-forever {
  color: var(--mint);
}

.return-man-upgrade-credit .is-final {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
  font-weight: 900;
}

.return-man-upgrade-credit .is-final dd {
  color: var(--brand-pink);
}

.return-man-credit-forever {
  font-size: 1rem;
}

.return-man-upgrade-credit small {
  max-width: 74ch;
  color: rgba(255, 255, 255, 0.58);
  line-height: 1.45;
}

@media (max-width: 620px) {
  .return-man-upgrade-credit dl > div {
    display: grid;
    gap: 2px;
  }

  .return-man-upgrade-credit dd {
    text-align: left;
  }
}

.final-purchase-button {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 22px;
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 78px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.15), rgb(var(--brand-pink-rgb) / 0.08)),
    rgba(255, 255, 255, 0.045);
  color: var(--white);
  font: inherit;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.final-purchase-button > svg:first-child {
  justify-self: center;
  color: var(--brand-pink);
}

.final-purchase-button span {
  display: grid;
  gap: 4px;
}

.final-purchase-button strong {
  font-size: clamp(1rem, 1.28vw, 1.2rem);
  line-height: 1.1;
}

.final-purchase-button small {
  color: rgba(255, 247, 251, 0.7);
  font-size: 0.92rem;
  font-weight: 800;
}

.final-purchase-button > svg:last-child {
  color: var(--brand-pink);
}

.final-purchase-button:hover,
.final-purchase-button:focus-visible {
  transform: translateY(-2px);
  border-color: rgb(var(--brand-pink-rgb) / 0.42);
  background:
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.24), rgb(var(--brand-pink-rgb) / 0.14)),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 18px 44px rgb(var(--brand-pink-rgb) / 0.14);
  outline: none;
}

.final-purchase-button.is-checkout-pending {
  cursor: not-allowed;
  opacity: 0.72;
}

.final-purchase-button.is-checkout-pending:hover,
.final-purchase-button.is-checkout-pending:focus-visible {
  transform: none;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.final-purchase-section.is-single-purchase {
  grid-template-columns: minmax(260px, 0.92fr) minmax(320px, 0.9fr);
  gap: clamp(24px, 4vw, 56px);
}

.final-purchase-section.is-single-purchase .final-purchase-actions {
  align-self: stretch;
}

.final-purchase-section.is-single-purchase .final-purchase-button {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 18px;
  min-height: 0;
  padding: clamp(22px, 3vw, 30px);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--product-primary, var(--brand-pink)) 18%, transparent), transparent 42%),
    linear-gradient(145deg, color-mix(in srgb, var(--product-primary, var(--brand-pink)) 12%, transparent), rgba(255, 255, 255, 0.052)),
    rgba(7, 7, 8, 0.7);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 54px rgba(0, 0, 0, 0.28);
}

.final-purchase-section.is-single-purchase .final-purchase-button-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.final-purchase-section.is-single-purchase .final-purchase-icon {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 34%, transparent);
  border-radius: 999px;
  color: var(--product-primary, var(--brand-pink));
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 10%, transparent);
}

.final-purchase-section.is-single-purchase .final-purchase-badge {
  display: inline-block;
  max-width: 62%;
  padding: 9px 14px;
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 28%, transparent);
  border-radius: 999px;
  color: color-mix(in srgb, var(--product-light, var(--white)) 88%, transparent);
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 10%, transparent);
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.08;
  text-align: right;
  text-transform: uppercase;
}

.final-purchase-section.is-single-purchase .final-purchase-offer-main {
  display: grid;
  gap: 8px;
}

.final-purchase-section.is-single-purchase .final-purchase-offer-main strong {
  font-size: clamp(1.65rem, 2.25vw, 2.5rem);
  line-height: 1;
}

.final-purchase-section.is-single-purchase .final-purchase-offer-main small {
  color: #fff;
  font-size: clamp(1.4rem, 2.38vw, 2.42rem);
  font-weight: 950;
  line-height: 0.95;
}

.final-purchase-price-lines {
  display: grid;
  gap: 0.12em;
  white-space: nowrap;
}

.final-purchase-section.is-single-purchase .final-purchase-original-price {
  margin-bottom: 2px;
  color: rgba(255, 247, 251, 0.58);
  font-size: clamp(0.82rem, 1vw, 0.96rem);
  font-weight: 750;
  line-height: 1.2;
}

.final-purchase-section .final-purchase-current-price {
  color: #fff;
}

.final-purchase-original-price del {
  color: rgba(201, 194, 198, 0.86);
  text-decoration-color: rgb(var(--brand-pink-rgb) / 0.78);
  text-decoration-thickness: 2px;
}

.final-purchase-section.is-single-purchase .final-purchase-system-value {
  display: grid;
  gap: 4px;
  margin-bottom: 8px;
  font-size: clamp(0.86rem, 1.05vw, 1rem);
}

.final-purchase-section.is-single-purchase .final-purchase-system-value del {
  font-size: clamp(1.1rem, 1.55vw, 1.45rem);
  font-weight: 900;
  line-height: 1.05;
}

.final-purchase-section.is-single-purchase .final-purchase-offer-copy {
  display: block;
  max-width: 34rem;
  color: rgba(255, 247, 251, 0.68);
  font-size: clamp(0.98rem, 1.15vw, 1.08rem);
  font-weight: 650;
  line-height: 1.45;
}

.final-purchase-section.is-single-purchase .final-purchase-cta {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 4px;
  padding: 15px 22px;
  border-radius: 999px;
  color: var(--product-dark, #050505);
  background: linear-gradient(135deg, var(--product-light, #fff), color-mix(in srgb, var(--product-secondary, var(--brand-pink)) 26%, #fff));
  font-size: clamp(0.98rem, 1.1vw, 1.08rem);
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 18px 38px color-mix(in srgb, var(--product-primary, var(--brand-pink)) 20%, transparent);
}

.final-purchase-section.is-single-purchase .final-purchase-cta svg {
  color: currentColor;
}

.final-purchase-section.is-single-purchase .final-purchase-button:hover,
.final-purchase-section.is-single-purchase .final-purchase-button:focus-visible {
  transform: translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 28px 62px color-mix(in srgb, var(--product-primary, var(--brand-pink)) 20%, rgba(0, 0, 0, 0.3));
}

.product-page-detail.theme-muz-21 {
  --coral: var(--brand-pink);
  --coral-dark: var(--brand-pink);
  --product-blue: var(--brand-pink);
  --product-orange: var(--brand-pink);
  --product-white: #ffffff;
  --product-black: #050505;
  border-color: rgb(var(--brand-pink-rgb) / 0.22);
  background:
    radial-gradient(circle at 79% 7%, rgb(var(--brand-pink-rgb) / 0.19), transparent 22rem),
    radial-gradient(circle at 88% 27%, rgb(var(--brand-pink-rgb) / 0.16), transparent 24rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.026)),
    rgba(5, 5, 5, 0.88);
}

.product-page-detail.theme-muz-21 .product-kind,
.product-page-detail.theme-muz-21 .detail-section-eyebrow,
.product-page-detail.theme-muz-21 .question-panel-eyebrow,
.product-page-detail.theme-muz-21 .format-section-eyebrow {
  color: var(--brand-pink);
}

.product-page-detail.theme-muz-21 .primary-button.hot,
.product-page-detail.theme-muz-21 .format-button {
  background: var(--brand-pink);
  box-shadow: 0 18px 44px rgb(var(--brand-pink-rgb) / 0.22);
  color: var(--brand-on-pink) !important;
}

.product-page-detail.theme-muz-21 .ghost-button {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
}

.product-page-detail.theme-muz-21 .question-panel .question-list span {
  border-color: rgb(var(--brand-pink-rgb) / 0.26);
  background:
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.16), rgb(var(--brand-pink-rgb) / 0.07)),
    rgba(255, 255, 255, 0.045);
}

.product-page-detail.theme-muz-21 .question-panel .question-list span::before {
  background: var(--brand-pink);
  box-shadow: 0 0 0 7px rgb(var(--brand-pink-rgb) / 0.12);
}

.product-page-detail.theme-muz-21 .format-section,
.product-page-detail.theme-muz-21 .detail-testimonials,
.product-page-detail.theme-muz-21 .final-purchase-section {
  border-color: rgb(var(--brand-pink-rgb) / 0.2);
  background:
    radial-gradient(circle at 8% 0%, rgb(var(--brand-pink-rgb) / 0.12), transparent 30%),
    radial-gradient(circle at 92% 15%, rgb(var(--brand-pink-rgb) / 0.13), transparent 30%),
    rgba(255, 255, 255, 0.028);
}

.product-page-detail.theme-muz-21 .format-grid .format-card::before,
.product-page-detail.theme-muz-21 .testimonial-grid blockquote::after {
  background: var(--brand-pink);
}

.product-page-detail.theme-muz-21 .format-card-top svg,
.product-page-detail.theme-muz-21 .final-purchase-button > svg:first-child,
.product-page-detail.theme-muz-21 .final-purchase-button > svg:last-child,
.product-page-detail.theme-muz-21 .testimonial-grid cite,
.product-page-detail.theme-muz-21 .detail-outcomes-section .detail-bullets small {
  color: var(--brand-pink);
}

.product-page-detail.theme-muz-21 .format-card-top span {
  border-color: rgb(var(--brand-pink-rgb) / 0.28);
  background: rgb(var(--brand-pink-rgb) / 0.1);
}

.product-page-detail.theme-muz-21 .format-grid .format-card b {
  color: var(--brand-pink);
}

.product-page-detail.theme-muz-21 .testimonial-grid blockquote::before {
  color: rgb(var(--brand-pink-rgb) / 0.16);
}

.product-page-detail.theme-muz-21 .detail-outcomes-section {
  border-color: rgb(var(--brand-pink-rgb) / 0.18);
  background:
    linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.09), rgb(var(--brand-pink-rgb) / 0.035)),
    rgba(5, 5, 5, 0.58);
}

.product-page-detail.theme-muz-21 .detail-outcomes-section .detail-bullets span {
  border-color: rgb(var(--brand-pink-rgb) / 0.16);
  background: rgba(255, 255, 255, 0.035);
}

.product-page-detail.theme-muz-21 .detail-prose-card.is-story-card,
.product-page-detail.theme-muz-21 .detail-prose-card.is-author-appeal {
  border-color: rgb(var(--brand-pink-rgb) / 0.2);
}

.product-page-detail.theme-muz-21 .detail-prose-author-frame {
  border-color: rgb(var(--brand-pink-rgb) / 0.18);
  background:
    radial-gradient(circle at 48% 18%, rgb(var(--brand-pink-rgb) / 0.16), transparent 34%),
    radial-gradient(circle at 66% 60%, rgb(var(--brand-pink-rgb) / 0.13), transparent 38%),
    rgba(255, 255, 255, 0.035);
}

.product-page-detail.theme-muz-21 .video-card {
  border-color: rgb(var(--brand-pink-rgb) / 0.18);
  box-shadow: inset 0 1px 0 rgb(var(--brand-pink-rgb) / 0.08);
}

.product-page-detail.theme-muz-21 .final-purchase-button {
  border-color: rgb(var(--brand-pink-rgb) / 0.18);
  background:
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.15), rgb(var(--brand-pink-rgb) / 0.08)),
    rgba(255, 255, 255, 0.045);
}

.product-page-detail.theme-muz-21 .final-purchase-button:hover,
.product-page-detail.theme-muz-21 .final-purchase-button:focus-visible {
  border-color: rgb(var(--brand-pink-rgb) / 0.42);
  background:
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.18), rgb(var(--brand-pink-rgb) / 0.14)),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 18px 44px rgb(var(--brand-pink-rgb) / 0.16);
}

.detail-bullets {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.detail-bullets span {
  min-height: 74px;
  border-left: 0;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.065);
  box-shadow: inset 4px 0 0 var(--brand-pink);
}

.detail-outcomes-section {
  display: grid;
  grid-template-columns: minmax(260px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: start;
  margin-top: clamp(18px, 4vw, 46px);
  padding: clamp(26px, 4vw, 46px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    rgba(8, 7, 9, 0.44);
}

.detail-outcomes-heading {
  display: grid;
  gap: 12px;
}

.detail-section-eyebrow {
  margin: 0;
  color: var(--brand-pink);
  font-size: 0.86rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.detail-outcomes-heading h3 {
  max-width: 11ch;
  margin: 0;
  font-size: clamp(2rem, 3.6vw, 4rem);
  line-height: 0.96;
}

.detail-outcomes-sample {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top: clamp(8px, 1vw, 14px);
  object-fit: cover;
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 38%, transparent);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.28);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.detail-outcomes-section .detail-bullets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}

.detail-outcomes-section .detail-bullets span {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 0;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 247, 251, 0.84);
  box-shadow: none;
}

.detail-outcomes-section .detail-bullets small {
  color: var(--brand-pink);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}

.detail-outcomes-section .detail-bullets strong {
  color: var(--white);
  font-size: clamp(1.15rem, 1.55vw, 1.45rem);
  line-height: 1.12;
}

.detail-outcomes-section .detail-bullets em {
  color: rgba(255, 247, 251, 0.68);
  font-size: 0.98rem;
  font-style: normal;
  font-weight: 650;
  line-height: 1.45;
}

.return-man-guided-journey,
.return-man-complete-system {
  position: relative;
  overflow: hidden;
  margin-top: clamp(24px, 5vw, 64px);
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 56%, transparent);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--product-primary, var(--brand-pink)) 22%, transparent), transparent 34%),
    radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--product-secondary, var(--brand-pink)) 17%, transparent), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    #0b0909;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.32);
}

.return-man-guided-journey {
  border-color: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 72%, transparent);
  background:
    radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--product-primary, var(--brand-pink)) 29%, transparent), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018)),
    #0b0909;
}

.return-man-guided-copy {
  max-width: 1120px;
}

.return-man-guided-copy h3 {
  max-width: 13ch;
  margin: 12px 0 26px;
  font-size: clamp(2.7rem, 6.4vw, 6.8rem);
  line-height: 0.92;
  letter-spacing: -0.06em;
}

.return-man-guided-copy > p:not(.detail-section-eyebrow) {
  max-width: 900px;
  color: rgba(255, 247, 251, 0.75);
  font-size: clamp(1.08rem, 1.7vw, 1.4rem);
  line-height: 1.55;
}

.return-man-result-statement strong {
  color: #fff;
}

.return-man-guidance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: clamp(34px, 5vw, 62px);
}

.return-man-guidance-grid article {
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
}

.return-man-guidance-grid svg {
  width: 30px;
  height: 30px;
  margin-bottom: 22px;
  color: var(--product-primary, var(--brand-pink));
}

.return-man-guidance-grid span {
  display: block;
  margin-bottom: 9px;
  color: var(--product-primary, var(--brand-pink));
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.return-man-guidance-grid h4 {
  margin: 0 0 12px;
  font-size: clamp(1.35rem, 2.1vw, 2.1rem);
  line-height: 1.06;
}

.return-man-guidance-grid p {
  margin: 0;
  color: rgba(255, 247, 251, 0.68);
  line-height: 1.5;
}

.return-man-guided-conclusion {
  margin-top: 14px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 46%, transparent);
  border-radius: 24px;
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 12%, rgba(0, 0, 0, 0.42));
}

.return-man-guided-conclusion strong {
  display: block;
  max-width: 950px;
  font-size: clamp(1.35rem, 2.4vw, 2.35rem);
  line-height: 1.12;
}

.return-man-guided-conclusion p {
  max-width: 900px;
  margin: 14px 0 0;
  color: rgba(255, 247, 251, 0.72);
  line-height: 1.55;
}

.return-man-complete-system::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 92px 92px;
  mask-image: linear-gradient(135deg, black, transparent 70%);
}

.return-man-complete-system > * {
  position: relative;
  z-index: 1;
}

.return-man-complete-system-heading {
  max-width: 980px;
}

.return-man-complete-system-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  max-width: 100%;
  margin-bottom: clamp(24px, 4vw, 42px);
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: #fff;
  color: #15100e;
  font-size: clamp(0.78rem, 1.1vw, 0.92rem);
  font-weight: 950;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-align: left;
}

.return-man-complete-system-badge svg {
  width: 18px;
  height: 18px;
  color: var(--product-primary, var(--brand-pink));
}

.return-man-complete-system-heading h3 {
  max-width: 13ch;
  margin: 12px 0 20px;
  font-size: clamp(2.5rem, 6vw, 6.6rem);
  line-height: 0.93;
  letter-spacing: -0.055em;
}

.return-man-complete-system-promise {
  max-width: none;
  color: var(--product-primary, var(--brand-pink));
  font-size: clamp(1rem, 1.55vw, 1.35rem);
  font-weight: 950;
  letter-spacing: -0.015em;
  text-transform: none;
}

.return-man-complete-system-heading > p:last-child {
  max-width: 860px;
  margin: 0;
  color: rgba(255, 247, 251, 0.76);
  font-size: clamp(1.08rem, 1.7vw, 1.42rem);
  line-height: 1.55;
}

.return-man-content-groups {
  display: grid;
  gap: 18px;
  margin-top: clamp(34px, 6vw, 70px);
}

.return-man-content-group {
  display: grid;
  grid-template-columns: minmax(210px, 0.42fr) minmax(0, 1.58fr);
  gap: clamp(20px, 4vw, 46px);
  padding: clamp(22px, 3.5vw, 36px);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
}

.return-man-content-group header p {
  margin: 0 0 10px;
  color: var(--product-primary, var(--brand-pink));
  font-size: 0.8rem;
  font-weight: 950;
  text-transform: uppercase;
}

.return-man-content-group header h4 {
  margin: 0;
  font-size: clamp(1.3rem, 2vw, 2rem);
  line-height: 1.08;
}

.return-man-content-products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.return-man-content-product {
  position: relative;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 18px;
  min-width: 0;
  min-height: 126px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.27);
}

.return-man-content-product-cover {
  display: grid;
  place-items: center;
  width: 82px;
  height: 96px;
}

.return-man-content-product img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

.return-man-content-group--square .return-man-content-product-cover {
  height: 82px;
}

.return-man-content-product-title {
  min-width: 0;
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  line-height: 1.16;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: pretty;
}

.return-man-content-product-check {
  position: static;
  justify-self: end;
  width: 21px;
  height: 21px;
  color: var(--brand-pink);
}

.return-man-complete-system-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 18px;
  padding: clamp(22px, 3.5vw, 34px);
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--brand-pink)) 38%, transparent);
  border-radius: 24px;
  background: color-mix(in srgb, var(--product-primary, var(--brand-pink)) 11%, rgba(0, 0, 0, 0.42));
}

.return-man-complete-system-footer strong {
  display: block;
  margin-bottom: 7px;
  font-size: clamp(1.3rem, 2vw, 1.8rem);
}

.return-man-complete-system-footer p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 247, 251, 0.7);
  line-height: 1.5;
}

.return-man-complete-system-footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 58px;
  padding: 16px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--product-secondary, var(--brand-pink)), var(--product-primary, var(--brand-pink)));
  color: #fff;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 18px 44px color-mix(in srgb, var(--product-primary, var(--brand-pink)) 24%, transparent);
}

.return-man-complete-system-footer a svg {
  width: 19px;
  height: 19px;
}

.product-page-detail.theme-stastna-loznice .detail-outcomes-section {
  grid-template-columns: minmax(220px, 0.48fr) minmax(0, 1.52fr);
}

.happy-bedroom-content-groups {
  display: grid;
  gap: clamp(26px, 4vw, 42px);
}

.happy-bedroom-content-group {
  display: grid;
  gap: 14px;
}

.happy-bedroom-content-group h4 {
  margin: 0;
  color: var(--white);
  font-size: clamp(1.15rem, 1.65vw, 1.45rem);
  line-height: 1.1;
}

.product-page-detail.theme-stastna-loznice .detail-outcomes-section .happy-bedroom-content-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.happy-bedroom-content-card {
  display: grid;
  place-items: center;
  min-width: 0;
  aspect-ratio: 1 / 1;
  padding: clamp(12px, 1.7vw, 20px);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--brand-pink) 30%, transparent);
  border-radius: var(--radius-sm);
  background:
    radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--brand-pink) 16%, transparent), transparent 55%),
    rgba(12, 9, 12, 0.72);
}

.happy-bedroom-content-card.is-book {
  background:
    radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--brand-pink) 17%, transparent), transparent 55%),
    rgba(12, 9, 12, 0.72);
}

.happy-bedroom-content-card img {
  width: min(100%, 170px);
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media (max-width: 980px) {
  .product-page-detail.theme-stastna-loznice .detail-outcomes-section .happy-bedroom-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .product-page-detail.theme-stastna-loznice .detail-outcomes-section .happy-bedroom-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .happy-bedroom-content-card {
    padding: 12px;
  }
}

.question-panel {
  display: grid;
  grid-template-columns: minmax(280px, 0.62fr) minmax(0, 1.38fr);
  grid-column: 1 / -1;
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  margin-top: clamp(14px, 3vw, 28px);
  padding: clamp(24px, 4vw, 38px) 0 0;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0;
  background: transparent;
}

.question-panel-heading {
  display: grid;
  gap: 12px;
  max-width: 440px;
}

.question-panel-eyebrow {
  margin: 0;
  color: var(--brand-pink);
  font-size: 0.86rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.question-panel h3 {
  max-width: 11ch;
  margin: 0;
  color: var(--white);
  font-size: clamp(2rem, 3.2vw, 3.35rem);
  line-height: 0.98;
}

.question-panel-heading p:not(.question-panel-eyebrow) {
  max-width: 34ch;
  margin: 0;
  color: rgba(255, 247, 251, 0.68);
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  line-height: 1.45;
}

.question-panel .question-list {
  display: grid;
  gap: 12px;
  margin-top: 0;
}

.question-panel .question-list span {
  position: relative;
  min-height: 0;
  padding: 16px 18px 16px 42px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.12), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.035);
  color: rgba(255, 247, 251, 0.92);
  font-size: clamp(0.98rem, 1.18vw, 1.08rem);
  font-weight: 850;
  line-height: 1.28;
  box-shadow: none;
}

.question-panel .question-list span::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 20px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--brand-pink);
  box-shadow: 0 0 0 5px rgb(var(--brand-pink-rgb) / 0.12);
}

.video-card {
  padding: 18px;
  border-color: rgba(255, 255, 255, 0.09);
  background: rgba(0, 0, 0, 0.46);
}

.video-grid.is-primary-video .video-card {
  padding: clamp(16px, 2.4vw, 24px);
}

.detail-prose-section {
  padding-top: clamp(28px, 5vw, 54px);
}

.detail-prose-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.detail-prose-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 100%;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.032)),
    rgba(9, 7, 9, 0.72);
}

.detail-prose-card > div {
  display: grid;
  gap: 12px;
}

.detail-prose-card h3 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(1.75rem, 2.4vw, 2.4rem);
}

.detail-prose-card p {
  max-width: 56ch;
  margin: 0;
}

.detail-prose-card.is-story-card {
  border-color: rgb(var(--brand-pink-rgb) / 0.14);
  background:
    radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.12), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.028)),
    rgba(9, 7, 9, 0.76);
}

.detail-prose-card.is-story-card h3 {
  max-width: 9ch;
}

.product-origin-story {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.48fr);
  gap: clamp(24px, 5vw, 58px);
  align-items: end;
  overflow: hidden;
  padding: clamp(28px, 5vw, 54px) clamp(28px, 5vw, 54px) 0;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.2);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 82% 18%, rgb(var(--brand-pink-rgb) / 0.12), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.026)),
    rgba(9, 7, 9, 0.76);
}

.product-origin-story-copy {
  display: grid;
  align-self: center;
  gap: 14px;
  padding-bottom: clamp(28px, 5vw, 54px);
}

.product-origin-story-copy h3 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2.2rem, 4.3vw, 4.6rem);
  line-height: 1.02;
}

.product-origin-story-copy p {
  max-width: 62ch;
  margin: 0;
}

.product-origin-story > img {
  width: 100%;
  max-height: 540px;
  object-fit: contain;
  object-position: bottom center;
  filter: drop-shadow(0 34px 64px rgba(0, 0, 0, 0.5));
}

.product-origin-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  margin-top: 6px;
  padding: 11px 16px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: var(--text);
  background: rgba(255, 255, 255, 0.07);
  font-size: 0.94rem;
  font-weight: 850;
  text-decoration: none;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.product-origin-cta:hover {
  transform: translateY(-1px);
  border-color: rgb(var(--brand-pink-rgb) / 0.68);
  background: rgb(var(--brand-pink-rgb) / 0.16);
  color: #fff !important;
}

.detail-prose-card.is-author-appeal {
  grid-column: 1 / -1;
  grid-template-columns: minmax(260px, 0.48fr) minmax(0, 0.72fr);
  gap: clamp(28px, 5vw, 66px);
  align-items: center;
  overflow: hidden;
  min-height: 0;
  padding: clamp(28px, 5vw, 54px);
  border-color: rgb(var(--brand-pink-rgb) / 0.14);
  background:
    radial-gradient(circle at 22% 18%, rgb(var(--brand-pink-rgb) / 0.12), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.026)),
    rgba(9, 7, 9, 0.76);
}

.detail-prose-card.is-author-appeal h3 {
  max-width: 14ch;
  font-size: clamp(2rem, 3.3vw, 3.9rem);
  line-height: 0.98;
}

.detail-prose-card.is-author-appeal p {
  max-width: 58ch;
  color: rgba(255, 247, 251, 0.78);
  font-size: clamp(1rem, 1.28vw, 1.18rem);
  line-height: 1.58;
}

.detail-prose-author-frame {
  display: grid;
  align-self: stretch;
  place-items: end center;
  min-height: 420px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 50% 20%, rgb(var(--brand-pink-rgb) / 0.14), transparent 36%),
    rgba(255, 255, 255, 0.035);
}

.detail-prose-author {
  width: min(86%, 330px);
  max-height: 430px;
  justify-self: center;
  align-self: end;
  object-fit: contain;
  object-position: bottom center;
  filter: drop-shadow(0 34px 58px rgba(0, 0, 0, 0.48));
}

.detail-prose-video {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top: 12px;
  border: 0;
  border-radius: var(--radius-sm);
  background: #000;
}

.product-page-detail {
  --product-primary: var(--brand-pink);
  --product-secondary: var(--brand-pink);
  --product-light: var(--white);
  --product-dark: #050505;
  border-color: color-mix(in srgb, var(--brand-pink) 24%, transparent);
  background:
    radial-gradient(circle at 80% 6%, color-mix(in srgb, var(--brand-pink) 18%, transparent), transparent 22rem),
    radial-gradient(circle at 92% 24%, color-mix(in srgb, var(--brand-pink) 14%, transparent), transparent 24rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
    color-mix(in srgb, var(--product-dark) 88%, transparent);
}

.product-page-detail .product-kind,
.product-page-detail .detail-section-eyebrow,
.product-page-detail .question-panel-eyebrow,
.product-page-detail .format-section-eyebrow {
  color: var(--brand-pink);
}

.product-page-detail .primary-button.hot,
.product-page-detail .format-button {
  background: var(--brand-pink);
  box-shadow: 0 18px 44px color-mix(in srgb, var(--brand-pink) 22%, transparent);
  color: var(--brand-on-pink) !important;
}

.product-page-detail .primary-button.hot.assembly-test-button {
  width: fit-content;
  justify-content: center;
  background: var(--brand-pink);
  box-shadow: 0 18px 44px rgb(var(--brand-pink-rgb) / 0.3);
  color: var(--brand-on-pink) !important;
}

.product-page-detail .primary-button.hot.assembly-test-button:hover,
.product-page-detail .primary-button.hot.assembly-test-button:focus-visible {
  box-shadow: 0 20px 48px rgb(var(--brand-pink-rgb) / 0.42);
}

.product-page-detail .assembly-test-gateway {
  position: relative;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.82fr);
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  overflow: hidden;
  border-color: rgb(var(--brand-pink-rgb) / 0.3);
  background:
    radial-gradient(circle at 7% 12%, rgb(var(--brand-pink-rgb) / 0.2), transparent 38%),
    radial-gradient(circle at 92% 80%, rgb(var(--brand-pink-rgb) / 0.13), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.026)),
    rgba(8, 7, 9, 0.72);
}

.product-page-detail .assembly-test-gateway::after {
  position: absolute;
  right: -90px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.16);
  border-radius: 50%;
  box-shadow:
    0 0 0 46px rgb(var(--brand-pink-rgb) / 0.035),
    0 0 0 92px rgb(var(--brand-pink-rgb) / 0.025);
  content: "";
  pointer-events: none;
}

.product-page-detail .assembly-test-gateway .detail-section-eyebrow {
  color: var(--brand-pink);
}

.product-page-detail .assembly-test-gateway .product-quiz-copy {
  max-width: 720px;
}

.assembly-test-flow {
  position: relative;
  z-index: 1;
  display: grid;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.1), transparent 42%),
    rgba(5, 5, 6, 0.72);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.assembly-test-flow > p {
  margin: 0;
  color: var(--brand-pink);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.assembly-test-flow ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.assembly-test-flow li {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 92px;
  padding: 16px 0;
}

.assembly-test-flow li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.assembly-test-flow li > span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 15px;
  background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.22), rgb(var(--brand-pink-rgb) / 0.12));
  color: var(--brand-pink);
  box-shadow: 0 10px 28px rgb(var(--brand-pink-rgb) / 0.14);
}

.assembly-test-flow li div {
  display: grid;
  gap: 4px;
}

.assembly-test-flow strong {
  color: #fff;
  font-size: clamp(1.08rem, 1.35vw, 1.28rem);
  line-height: 1.28;
}

.assembly-test-flow small {
  color: rgba(255, 247, 251, 0.63);
  font-size: 0.91rem;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .product-page-detail .assembly-test-gateway {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .product-page-detail .assembly-test-gateway {
    gap: 24px;
  }

  .assembly-test-flow {
    padding: 18px;
    border-radius: 18px;
  }

  .assembly-test-flow li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
  }

  .assembly-test-flow li > span {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }
}

.product-page-detail .format-button:hover,
.product-page-detail .format-button:focus-visible {
  box-shadow: 0 18px 38px color-mix(in srgb, var(--brand-pink) 26%, transparent);
}

.product-page-detail .ghost-button {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
}

.product-page-detail .question-panel .question-list span {
  border-color: color-mix(in srgb, var(--brand-pink) 24%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--brand-pink) 15%, transparent), color-mix(in srgb, var(--brand-pink) 8%, transparent)),
    rgba(255, 255, 255, 0.04);
}

.product-page-detail .question-panel .question-list span::before {
  background: var(--brand-pink);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--brand-pink) 14%, transparent);
}

.product-page-detail .format-section,
.product-page-detail .detail-testimonials,
.product-page-detail .final-purchase-section {
  border-color: color-mix(in srgb, var(--brand-pink) 20%, transparent);
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--brand-pink) 12%, transparent), transparent 30%),
    radial-gradient(circle at 92% 15%, color-mix(in srgb, var(--brand-pink) 13%, transparent), transparent 30%),
    rgba(255, 255, 255, 0.028);
}

.product-page-detail .format-grid .format-card::before,
.product-page-detail .testimonial-grid blockquote::after,
.product-page-detail .quiz-progress span {
  background: var(--brand-pink);
}

.product-page-detail .format-card-top svg,
.product-page-detail .final-purchase-button > svg:first-child,
.product-page-detail .final-purchase-button > svg:last-child,
.product-page-detail .testimonial-grid cite,
.product-page-detail .detail-outcomes-section .detail-bullets small {
  color: var(--brand-pink);
}

.product-page-detail .format-card-top span {
  border-color: color-mix(in srgb, var(--brand-pink) 28%, transparent);
  background: color-mix(in srgb, var(--brand-pink) 10%, transparent);
}

.product-page-detail .format-grid .format-card b {
  color: var(--brand-pink);
}

.product-page-detail .testimonial-grid blockquote::before {
  color: color-mix(in srgb, var(--brand-pink) 16%, transparent);
}

.product-page-detail .detail-outcomes-section {
  border-color: color-mix(in srgb, var(--brand-pink) 18%, transparent);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--brand-pink) 9%, transparent), color-mix(in srgb, var(--brand-pink) 4%, transparent)),
    rgba(5, 5, 5, 0.58);
}

.product-page-detail .detail-outcomes-section .detail-bullets span {
  border-color: color-mix(in srgb, var(--brand-pink) 16%, transparent);
  background: rgba(255, 255, 255, 0.035);
}

.product-page-detail .detail-prose-card.is-story-card,
.product-page-detail .detail-prose-card.is-author-appeal {
  border-color: color-mix(in srgb, var(--brand-pink) 20%, transparent);
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand-pink) 12%, transparent), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.028)),
    rgba(9, 7, 9, 0.76);
}

.product-page-detail .detail-prose-author-frame {
  border-color: color-mix(in srgb, var(--brand-pink) 18%, transparent);
  background:
    radial-gradient(circle at 48% 18%, color-mix(in srgb, var(--brand-pink) 16%, transparent), transparent 34%),
    radial-gradient(circle at 66% 60%, color-mix(in srgb, var(--brand-pink) 13%, transparent), transparent 38%),
    rgba(255, 255, 255, 0.035);
}

.product-page-detail .video-card {
  border-color: color-mix(in srgb, var(--brand-pink) 18%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--brand-pink) 8%, transparent);
}

.product-page-detail .final-purchase-button {
  border-color: color-mix(in srgb, var(--brand-pink) 18%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--brand-pink) 15%, transparent), color-mix(in srgb, var(--brand-pink) 8%, transparent)),
    rgba(255, 255, 255, 0.045);
}

.product-page-detail .final-purchase-button:hover,
.product-page-detail .final-purchase-button:focus-visible {
  border-color: color-mix(in srgb, var(--brand-pink) 42%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--brand-pink) 18%, transparent), color-mix(in srgb, var(--brand-pink) 14%, transparent)),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 18px 44px color-mix(in srgb, var(--brand-pink) 16%, transparent);
}

.final-purchase-commerce {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  min-width: 0;
  padding: clamp(14px, 2vw, 20px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.28);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 10%, rgb(var(--brand-pink-rgb) / 0.18), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(10, 7, 9, 0.86);
  box-shadow: 0 26px 64px rgba(0, 0, 0, 0.34);
}

.final-purchase-delivery.book-delivery-benefit.is-compact {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  gap: 9px;
  justify-items: start;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 14px;
  background: linear-gradient(120deg, rgb(var(--brand-pink-rgb) / 0.13), rgb(var(--brand-pink-rgb) / 0.07));
}

.final-purchase-delivery.book-delivery-benefit.is-compact > span {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #dedede;
  font-size: 0.78rem;
}

.final-purchase-commerce .checkout-guarantee--compact {
  padding: 16px 18px;
  border-color: rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 15px;
  background: rgb(var(--brand-pink-rgb) / 0.085);
}

.final-purchase-commerce .checkout-guarantee--compact strong {
  font-size: 0.88rem;
}

.final-purchase-commerce .checkout-guarantee--compact p {
  font-size: 0.75rem;
}

.final-purchase-section:not(.is-single-purchase) .final-purchase-button {
  grid-template-columns: 40px minmax(0, 1fr);
  padding: 17px;
}

.final-purchase-section:not(.is-single-purchase) .final-purchase-cta {
  grid-column: 1 / -1;
}

.final-purchase-section .final-purchase-cta,
.final-purchase-section.is-single-purchase .final-purchase-cta {
  display: inline-flex;
  width: 100%;
  min-height: 52px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 5px;
  padding: 15px 20px;
  border-radius: 13px;
  color: var(--brand-on-pink) !important;
  background: var(--brand-pink);
  font-size: clamp(0.98rem, 1.1vw, 1.08rem);
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 16px 34px rgb(var(--brand-pink-rgb) / 0.3);
}

.final-purchase-section .final-purchase-cta svg {
  color: currentColor;
}

.final-purchase-button:hover .final-purchase-cta,
.final-purchase-button:focus-visible .final-purchase-cta {
  background: var(--brand-pink);
  box-shadow: 0 19px 40px rgb(var(--brand-pink-rgb) / 0.4);
  color: var(--brand-on-pink) !important;
}

@media (max-width: 760px) {
  .final-purchase-commerce {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
    border-radius: 19px;
  }

  .final-purchase-section .final-purchase-cta,
  .final-purchase-section.is-single-purchase .final-purchase-cta {
    min-height: 56px;
    font-size: 1rem;
  }
}

.quiz {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(24px, 5vw, 44px);
  border-radius: var(--radius-lg);
}

.quiz-progress {
  height: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.quiz-progress span {
  background: var(--brand-pink);
}

.option-grid {
  gap: 14px;
}

.option-card {
  min-height: 72px;
  padding: 18px 20px;
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
}

.option-card.is-selected,
.option-card:hover {
  border-color: rgb(var(--brand-pink-rgb) / 0.62);
  background: rgb(var(--brand-pink-rgb) / 0.13);
  color: #fff !important;
}

.recommendation {
  border-radius: 22px;
  background: rgb(var(--brand-pink-rgb) / 0.13);
}

.admin-grid {
  gap: 20px;
}

.member-hero,
.member-grid,
.program-workspace,
.bozsky-app,
.security-panel {
  gap: 20px;
}

.metric-card,
.access-item,
.offer-item,
.lesson-item,
.bozsky-strip span:not(.product-kind),
select,
textarea,
.audio-controls button {
  border-radius: var(--radius-sm);
}

.audio-bar {
  min-height: 96px;
  padding: 16px 18px;
}

.site-footer {
  border-top: 0;
  background:
    radial-gradient(circle at 70% 0%, rgb(var(--brand-pink-rgb) / 0.16), transparent 28rem),
    linear-gradient(180deg, rgba(8, 6, 8, 0), rgba(5, 4, 5, 0.95) 25%, #050405);
}

.footer-grid,
.footer-bottom {
  width: min(1120px, calc(100% - 32px));
}

.footer-panel {
  padding: 24px;
}

.newsletter-panel {
  border-color: rgb(var(--brand-pink-rgb) / 0.2);
  background:
    linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.13), rgba(255, 255, 255, 0.045)),
    rgba(12, 10, 12, 0.88);
}

.admin-page {
  width: min(1440px, calc(100% - 32px));
}

.admin-page .section-heading {
  max-width: 980px;
}

.admin-module-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-module-card h2 {
  max-width: 10ch;
  font-size: clamp(1rem, 1.7vw, 2.3rem);
}

.admin-user-card h2,
.admin-coming-next h2 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.hero-proof-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 620px;
  margin-top: 26px;
}

.hero-proof-row span {
  display: grid;
  gap: 2px;
  min-height: 82px;
  padding: 15px 16px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 247, 251, 0.68);
  font-size: 0.9rem;
}

.hero-proof-row strong {
  color: var(--white);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  line-height: 1;
}

.home-section {
  width: min(1040px, calc(100% - 32px));
  margin: 0 auto clamp(42px, 6vw, 78px);
}

.home-section h2,
.home-section h3 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.home-section-head {
  max-width: 720px;
  margin: 0 auto clamp(22px, 4vw, 34px);
  text-align: center;
}

.home-section-head h2 {
  max-width: 13ch;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(2.2rem, 5vw, 4.8rem);
}

.home-section-head p:not(.eyebrow) {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.home-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--green);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.home-problem-band,
.home-test-callout,
.home-video-section,
.home-proof-section,
.home-origin-section,
.home-final-cta {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.078), rgba(255, 255, 255, 0.032)),
    rgba(13, 10, 13, 0.78);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
}

.home-problem-band {
  padding: clamp(26px, 5vw, 58px);
}

.home-problem-copy {
  max-width: 760px;
}

.home-problem-copy h2 {
  max-width: 13ch;
  font-size: clamp(2.4rem, 6vw, 5.4rem);
  line-height: 1.04;
}

.home-problem-copy p {
  max-width: 64ch;
  font-size: clamp(1.05rem, 2vw, 1.22rem);
}

.pain-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: clamp(22px, 4vw, 36px);
}

.pain-chip {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 104px;
  padding: 16px;
  border-radius: var(--radius-sm);
  background: rgb(var(--brand-pink-rgb) / 0.11);
  color: var(--ink);
  font-weight: 850;
  line-height: 1.25;
}

.pain-chip svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--brand-pink);
}

.home-test-callout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(20px, 4vw, 42px);
  align-items: center;
  padding: clamp(24px, 4vw, 42px);
  background:
    radial-gradient(circle at 90% 10%, rgb(var(--brand-pink-rgb) / 0.22), transparent 18rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)),
    rgba(13, 10, 13, 0.85);
}

.home-test-callout h2 {
  max-width: 16ch;
  font-size: clamp(2rem, 4.4vw, 4.1rem);
}

.home-test-callout p {
  max-width: 62ch;
}

.home-test-actions,
.home-final-actions {
  display: grid;
  gap: 10px;
  align-items: stretch;
}

.home-test-actions .primary-button,
.home-test-actions .ghost-button,
.home-final-actions .primary-button,
.home-final-actions .ghost-button {
  justify-content: center;
}

.home-video-section {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
  gap: clamp(22px, 4vw, 46px);
  align-items: center;
  padding: clamp(24px, 4vw, 42px);
}

.home-video-copy h2 {
  max-width: 15ch;
}

.home-video-copy p {
  max-width: 56ch;
}

.home-guidance-panel {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.24);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.18), transparent 42%),
    rgba(255, 255, 255, 0.035);
}

.home-guidance-panel .eyebrow {
  margin-bottom: 20px;
}

.home-guidance-panel ol {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-guidance-panel li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.home-guidance-panel li > span {
  display: grid;
  width: 42px;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  background: rgb(var(--brand-pink-rgb) / 0.16);
  color: var(--brand-pink);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.home-guidance-panel strong {
  display: block;
  margin-top: 2px;
  color: var(--ink);
  font-size: 1.02rem;
}

.home-guidance-panel li p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.5;
}

.home-product-steps {
  width: min(1120px, calc(100% - 32px));
}

.women-work-proof {
  width: min(1120px, calc(100% - 32px));
  margin: clamp(48px, 8vw, 92px) auto;
  overflow: hidden;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.34);
  border-radius: var(--radius-lg);
  background: #080708;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.38);
}

.women-work-proof__intro {
  max-width: 860px;
  padding: clamp(30px, 5vw, 58px) clamp(26px, 6vw, 72px) clamp(24px, 4vw, 38px);
}

.women-work-proof__intro .eyebrow {
  margin-bottom: 12px;
}

.women-work-proof__intro h2 {
  max-width: 18ch;
  margin-bottom: 14px;
  font-size: clamp(2rem, 4.8vw, 4.3rem);
  line-height: 1.02;
}

.women-work-proof__intro > p:last-child {
  max-width: 66ch;
  margin: 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.8vw, 1.17rem);
  line-height: 1.55;
}

.women-work-proof__reaction {
  position: relative;
  padding: clamp(24px, 4vw, 42px) clamp(26px, 6vw, 72px) clamp(30px, 5vw, 52px);
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(circle at 0 0, rgb(var(--brand-pink-rgb) / 0.16), transparent 42%),
    linear-gradient(135deg, #0a090a, #0d0d0d);
}

.women-work-proof__status,
.women-work-proof__controls,
.women-work-proof blockquote footer {
  display: flex;
  align-items: center;
}

.women-work-proof__status {
  justify-content: space-between;
  gap: 16px;
  color: var(--coral-light);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.women-work-proof__status strong {
  color: var(--muted);
}

.women-work-proof__progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0 clamp(26px, 4vw, 38px);
}

.women-work-proof__progress i {
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.14);
}

.women-work-proof__progress i.is-active {
  background: var(--brand-pink);
}

.women-work-proof blockquote {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px 18px;
  max-width: 980px;
  margin: 0;
}

.women-work-proof blockquote > svg {
  margin-top: 4px;
  color: var(--brand-pink);
}

.women-work-proof blockquote > p {
  margin: 0;
  color: var(--white);
  font-size: clamp(1.32rem, 2.8vw, 2.25rem);
  font-weight: 850;
  line-height: 1.26;
}

.women-work-proof blockquote footer {
  grid-column: 2;
  flex-wrap: wrap;
  gap: 7px 14px;
  margin-top: 13px;
}

.women-work-proof blockquote footer strong {
  color: var(--white);
}

.women-work-proof blockquote footer span {
  color: var(--muted);
  font-size: 0.9rem;
}

.women-work-proof__controls {
  justify-content: flex-end;
  gap: 10px;
  margin-top: 26px;
}

.women-work-proof__controls button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.055);
}

.women-work-proof__controls a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: 10px;
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 800;
}

.women-work-proof__controls button:hover,
.women-work-proof__controls button:focus-visible,
.women-work-proof__controls a:hover,
.women-work-proof__controls a:focus-visible {
  color: var(--coral-light);
  border-color: rgb(var(--brand-pink-rgb) / 0.7);
}

.product-store-women-work-proof {
  width: 100%;
  margin-top: 18px;
  margin-bottom: clamp(44px, 7vw, 78px);
}

.home-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 640px) {
  .women-work-proof {
    width: min(100% - 24px, 1120px);
    border-radius: 22px;
  }

  .women-work-proof__intro,
  .women-work-proof__reaction {
    padding-left: 22px;
    padding-right: 22px;
  }

  .women-work-proof blockquote {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 8px 11px;
  }

  .women-work-proof blockquote > svg {
    width: 25px;
  }

  .women-work-proof__controls {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .women-work-proof__controls a {
    width: 100%;
    margin: 8px 0 0;
  }

  .product-store-women-work-proof {
    width: 100%;
  }
}

.home-product-step {
  position: relative;
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-height: 250px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.032)),
    rgba(12, 10, 12, 0.88);
  color: inherit;
  text-decoration: none;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.home-product-step:hover,
.home-product-step:focus-visible {
  border-color: rgb(var(--brand-pink-rgb) / 0.4);
  background:
    linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.13), rgba(255, 255, 255, 0.04)),
    rgba(12, 10, 12, 0.92);
  outline: none;
  transform: translateY(-3px);
}

.home-product-step img {
  width: 100%;
  max-height: 190px;
  border-radius: var(--radius-sm);
  object-fit: contain;
  background: rgba(255, 255, 255, 0.045);
}

.home-product-step h3 {
  max-width: 12ch;
  margin-bottom: 8px;
  font-size: clamp(1.55rem, 3vw, 2.6rem);
}

.home-product-step p {
  max-width: 42ch;
  margin-bottom: 14px;
  font-size: 0.97rem;
}

.home-product-step strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--brand-pink);
  font-weight: 900;
}

.home-step-number {
  position: absolute;
  top: 16px;
  right: 18px;
  color: rgba(255, 255, 255, 0.16);
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  font-weight: 950;
  line-height: 1;
}

.home-proof-section {
  padding: clamp(24px, 4vw, 44px);
}

.home-proof-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.34fr);
  gap: clamp(18px, 4vw, 46px);
  align-items: end;
  margin-bottom: clamp(22px, 4vw, 40px);
}

.home-proof-intro .home-section-head {
  margin: 0;
  max-width: 820px;
  text-align: left;
}

.home-proof-intro .home-section-head h2 {
  margin-right: 0;
  margin-left: 0;
  max-width: 12ch;
}

.home-proof-intro .home-section-head p:not(.eyebrow) {
  max-width: 720px;
  color: rgba(255, 247, 251, 0.72);
}

.home-proof-author {
  width: min(100%, 280px);
  max-height: 360px;
  justify-self: center;
  align-self: end;
  object-fit: contain;
  object-position: bottom center;
  filter: drop-shadow(0 28px 38px rgba(0, 0, 0, 0.36));
}

.home-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.home-proof-grid article {
  display: grid;
  gap: 10px;
  min-height: 176px;
  padding: 22px;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.055);
}

.home-proof-grid svg {
  color: var(--brand-pink);
}

.home-proof-grid strong {
  color: var(--white);
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
}

.home-proof-grid span {
  color: rgba(255, 247, 251, 0.7);
}

.home-youtube-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.home-youtube-grid-single {
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}

.home-youtube-card {
  display: grid;
  gap: 16px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.032)),
    rgba(12, 10, 12, 0.88);
}

.home-youtube-card h3 {
  max-width: 14ch;
  font-size: clamp(1.7rem, 3vw, 2.7rem);
}

.home-youtube-card iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: var(--radius-sm);
  background: #000;
}

.home-testimonials {
  width: min(1120px, calc(100% - 32px));
}

.home-testimonial-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.16fr 0.92fr;
  gap: 18px;
  align-items: stretch;
}

.home-testimonial {
  display: grid;
  gap: 14px;
  min-height: 100%;
  margin: 0;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.032)),
    rgba(12, 10, 12, 0.88);
}

.home-testimonial:nth-child(2) {
  transform: translateY(-16px);
  background:
    linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.13), rgba(255, 255, 255, 0.04)),
    rgba(12, 10, 12, 0.92);
}

.home-testimonial svg {
  color: var(--brand-pink);
}

.home-testimonial strong {
  color: var(--white);
  font-size: 1.12rem;
  line-height: 1.25;
}

.home-testimonial p {
  margin: 0;
  font-size: 0.98rem;
}

.home-testimonial cite {
  color: var(--green);
  font-style: normal;
  font-weight: 900;
}

.home-origin-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.48fr);
  gap: clamp(20px, 4vw, 42px);
  align-items: end;
  overflow: hidden;
  padding: clamp(26px, 5vw, 58px) clamp(26px, 5vw, 58px) 0;
}

.home-origin-copy {
  align-self: center;
  padding-bottom: clamp(26px, 5vw, 58px);
}

.home-origin-copy h2 {
  max-width: 10ch;
  font-size: clamp(2.4rem, 5vw, 5rem);
}

.home-origin-copy p {
  max-width: 62ch;
}

.home-origin-section img {
  width: 100%;
  max-height: 620px;
  object-fit: contain;
  object-position: bottom center;
  filter: drop-shadow(0 34px 70px rgba(0, 0, 0, 0.45));
}

.home-final-cta {
  display: grid;
  justify-items: center;
  gap: 14px;
  max-width: 880px;
  padding: clamp(30px, 6vw, 68px);
  text-align: center;
}

.home-final-cta svg {
  color: var(--brand-pink);
}

.home-final-cta h2 {
  max-width: 14ch;
  margin: 0;
  font-size: clamp(2.2rem, 5vw, 5rem);
}

.home-final-cta p {
  max-width: 54ch;
  margin: 0 0 8px;
}

.home-final-actions {
  grid-template-columns: repeat(2, minmax(0, auto));
}

@media (max-width: 1440px) {
  .return-man-content-group {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .site-header {
    width: min(100% - 24px, 1120px);
    align-items: center;
    border-radius: 26px;
  }

  .brand {
    margin-left: 0;
  }

  .hero {
    width: min(100% - 28px, 1120px);
    grid-template-columns: 1fr;
  }

  .product-detail,
  .product-card.is-wide-product {
    grid-template-columns: 1fr;
  }

  .legal-hero,
  .legal-content {
    grid-template-columns: 1fr;
  }

  .admin-workspace,
  .admin-user-hero,
  .admin-editor-grid,
  .admin-coming-next {
    grid-template-columns: 1fr;
  }

  .detail-prose-grid,
  .detail-bullets,
  .pain-grid,
  .home-product-grid,
  .home-proof-intro,
  .home-youtube-grid,
  .home-testimonial-grid,
  .home-video-section,
  .home-origin-section,
  .home-test-callout,
  .security-panel {
    grid-template-columns: 1fr;
  }

  .admin-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-users-panel {
    position: static;
  }

  .admin-user-actions {
    justify-content: flex-start;
  }

  .admin-user-metrics,
  .admin-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-testimonial:nth-child(2) {
    transform: none;
  }

  .home-video-section {
    align-items: start;
  }

  .detail-outcomes-section {
    grid-template-columns: 1fr;
  }

  .return-man-content-group {
    grid-template-columns: 1fr;
  }

  .return-man-guidance-grid {
    grid-template-columns: 1fr;
  }

  .return-man-complete-system-footer {
    grid-template-columns: 1fr;
  }

  .final-purchase-section {
    grid-template-columns: 1fr;
  }

  .final-purchase-section.is-single-purchase {
    grid-template-columns: 1fr;
  }

  .product-quiz-section {
    grid-template-columns: 1fr;
  }

  .sample-video-section {
    grid-template-columns: 1fr;
  }

  .admin-case-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .final-purchase-copy h3 {
    max-width: 100%;
  }

  .detail-outcomes-section .detail-bullets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .question-panel {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .question-panel h3 {
    max-width: 11ch;
  }

  .detail-outcomes-heading h3 {
    max-width: 100%;
  }

  .detail-prose-card.is-author-appeal {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .product-origin-story {
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }

  .product-origin-story-copy {
    padding-bottom: 0;
  }

  .product-origin-story > img {
    width: min(64vw, 300px);
    justify-self: center;
  }

  .detail-prose-author-frame {
    min-height: 360px;
  }

  .detail-prose-card.is-author-appeal h3 {
    max-width: 100%;
  }

  .detail-prose-author {
    width: min(60vw, 300px);
  }

  .home-proof-author {
    width: min(64vw, 260px);
  }

  .home-origin-section {
    padding-bottom: 0;
  }

  .product-card.is-wide-product h3 {
    max-width: none;
  }
}

@media (max-width: 640px) {
  .site-header {
    margin-top: 8px;
    padding: 10px;
  }

  .brand {
    width: min(178px, 58vw);
  }

  .return-man-complete-system {
    padding: 24px 18px;
  }

  .return-man-complete-system-heading h3 {
    max-width: 100%;
    font-size: clamp(2.45rem, 14vw, 4.2rem);
  }

  .return-man-content-products {
    grid-template-columns: 1fr;
  }

  .return-man-content-product {
    grid-template-columns: 68px minmax(0, 1fr) 22px;
    min-height: 108px;
    gap: 13px;
    padding: 12px;
  }

  .return-man-content-product-cover {
    width: 68px;
    height: 80px;
  }

  .return-man-content-group--square .return-man-content-product-cover {
    height: 68px;
  }

  .return-man-content-product-title {
    font-size: 1rem;
  }

  .return-man-complete-system-footer a {
    width: 100%;
  }

  .hero,
  .home-section,
  .page-shell,
  .home-grid,
  .system-strip,
  .footer-grid,
  .footer-bottom {
    width: min(100% - 24px, 1120px);
  }

  .nav-button {
    padding: 10px 12px;
  }

  .product-card {
    grid-template-columns: 1fr;
  }

  .product-card.has-rich-copy {
    min-height: 0;
  }

  .product-card.has-rich-copy > div:last-child {
    align-content: start;
  }

  .product-card-highlights {
    gap: 6px;
  }

  .product-card-highlights span {
    font-size: 0.82rem;
  }

  .admin-module-grid,
  .admin-user-metrics,
  .admin-summary-grid,
  .admin-access-grid,
  .admin-access-grid.is-large,
  .admin-form-grid,
  .admin-purchase-add,
  .admin-product-row,
  .admin-product-table.is-compact .admin-product-row,
  .admin-product-table.is-session-list .admin-product-row,
  .admin-table-row,
  .admin-invoice-row,
  .admin-content-hero,
  .admin-payment-flow,
  .admin-payment-split,
  .admin-invoice-layout,
  .admin-invoice-meta,
  .admin-case-card-head,
  .admin-case-steps {
    grid-template-columns: 1fr;
  }

  .hero-proof-row,
  .home-proof-grid,
  .home-product-step {
    grid-template-columns: 1fr;
  }

  .admin-session-actions,
  .admin-session-actions:has(.admin-row-action:only-child) {
    width: 100%;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .admin-session-actions .admin-row-action {
    max-width: none;
  }

  .admin-modal-backdrop {
    padding: 10px;
  }

  .mailer-link-dialog-backdrop {
    padding: 10px;
  }

  .mailer-link-dialog {
    max-height: calc(100vh - 20px);
    border-radius: 16px;
  }

  .mailer-link-custom > div {
    grid-template-columns: 1fr;
  }

  .mailer-test-link-heading {
    display: grid;
    gap: 2px;
  }

  .admin-invoice-modal {
    max-height: 92vh;
    border-radius: 24px;
  }

  .admin-invoice-modal-actions {
    display: grid;
  }

  .admin-invoice-preview-frame {
    min-height: 620px;
  }

  .admin-invoice-card-head {
    display: grid;
  }

  .admin-invoice-card-head > strong {
    white-space: normal;
  }

  .hero-visual {
    display: none;
  }

  .hero-proof-row {
    gap: 8px;
  }

  .hero-proof-row span {
    min-height: 58px;
    padding: 10px 12px;
  }

  .detail-outcomes-section {
    padding: 22px;
  }

  .final-purchase-section {
    padding: 22px;
  }

  .product-quiz-section {
    padding: 22px;
  }

  .sample-video-section {
    padding: 22px;
  }

  .sample-video-copy h3 {
    max-width: 100%;
    font-size: clamp(2rem, 9vw, 2.8rem);
  }

  .product-quiz-copy h3 {
    max-width: 100%;
    font-size: clamp(2rem, 9vw, 2.8rem);
  }

  .final-purchase-button {
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    min-height: 70px;
    padding: 13px 14px;
  }

  .final-purchase-section.is-single-purchase .final-purchase-button {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .final-purchase-section.is-single-purchase .final-purchase-badge {
    max-width: 70%;
  }

  .detail-outcomes-section .detail-bullets {
    grid-template-columns: 1fr;
  }

  .detail-outcomes-section .detail-bullets span {
    padding: 17px;
  }

  .question-panel {
    padding-top: 24px;
  }

  .question-panel h3 {
    font-size: clamp(2rem, 10vw, 2.8rem);
  }

  .question-panel .question-list span {
    padding: 16px 18px 16px 42px;
  }

  .detail-prose-card.is-author-appeal {
    padding: 22px;
  }

  .detail-prose-card.is-author-appeal p {
    font-size: 1rem;
    line-height: 1.55;
  }

  .detail-prose-author-frame {
    min-height: 300px;
  }

  .home-proof-intro {
    gap: 16px;
  }

  .home-proof-intro .home-section-head h2 {
    max-width: 100%;
  }

  .home-proof-author {
    width: min(58vw, 220px);
  }

  .admin-module-card {
    min-height: 0;
  }

  .admin-module-card h2,
  .admin-user-hero h2,
  .admin-coming-next h2 {
    max-width: 100%;
  }

  .home-problem-band,
  .home-test-callout,
  .home-video-section,
  .home-proof-section,
  .home-origin-section,
  .product-origin-story,
  .home-final-cta {
    border-radius: 24px;
  }

  .home-final-actions {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .home-final-actions .primary-button {
    min-width: 0;
  }

  .home-problem-copy h2,
  .home-section-head h2,
  .home-test-callout h2,
  .home-origin-copy h2,
  .product-origin-story-copy h3,
  .home-final-cta h2 {
    max-width: 100%;
    font-size: clamp(2rem, 13vw, 3.8rem);
  }

  .home-product-step {
    min-height: 0;
  }

  .home-product-step h3 {
    max-width: 100%;
  }

  .home-step-number {
    font-size: 2.2rem;
  }

  .product-image-frame {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }

  .product-detail {
    padding: 22px;
  }

  .cookie-consent {
    inset: auto 12px 12px;
    width: auto;
  }

  .legal-hero {
    padding: 24px;
  }

  .legal-hero-icon {
    width: 92px;
    height: 92px;
    border-radius: 24px;
  }
}
/* Test-first public solution architecture */
.product-store {
  max-width: 1480px;
  padding-bottom: 100px;
}

.product-store-hero {
  max-width: 1100px;
  padding: 58px 0 74px;
}

.product-store-hero h1 {
  max-width: 18ch;
  margin: 12px 0 22px;
  font-size: clamp(2.8rem, 5.4vw, 5.6rem);
  line-height: .98;
  text-transform: none;
  text-wrap: balance;
}

.product-store-hero > p:not(.eyebrow) {
  max-width: 780px;
  color: var(--muted);
  font-size: clamp(1.08rem, 1.7vw, 1.3rem);
  line-height: 1.6;
}

.product-store-discount-rule {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-top: 22px;
  padding: 12px 16px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.35);
  border-radius: 999px;
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: #e3e3e3;
  font-size: .93rem;
  font-weight: 700;
}

.product-store-discount-rule svg { flex: 0 0 auto; color: var(--coral-light); }

.product-store-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.product-store-jump a {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  padding: 11px 15px;
  color: var(--white);
  font-weight: 800;
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #1b191b;
}

.product-store-jump a:hover,
.product-store-jump a:focus-visible { border-color: var(--brand-pink); }
.product-store-jump svg { color: var(--coral-light); }
.product-store-bedroom-teaser { display: flex; align-items: center; gap: 28px; margin-top: 26px; padding: 24px 28px; border: 1px solid var(--brand-pink); border-radius: 14px; background: linear-gradient(120deg, rgb(var(--brand-pink-rgb) / 0.07), #1a1116); color: #fff; text-decoration: none; }
.product-store-bedroom-teaser:hover { border-color: var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.064); }
.product-store-bedroom-teaser:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.product-store-bedroom-teaser__copy { display: grid; gap: 9px; flex: 1; }
.product-store-bedroom-teaser__copy .eyebrow { color: var(--brand-pink); }
.product-store-bedroom-teaser__copy > strong { font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.2; }
.product-store-bedroom-teaser__copy > span:last-child { color: #cecece; line-height: 1.5; }
.product-store-bedroom-teaser__cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px 10px; flex: 0 0 245px; padding: 16px 18px; border-radius: 10px; background: var(--brand-pink); font-weight: 850; color: var(--brand-on-pink) !important; }
.product-store-bedroom-teaser__cta small { grid-column: 1 / -1; font-weight: 500; }
@media(max-width:700px) { .product-store-bedroom-teaser { flex-direction: column; align-items: stretch; gap: 18px; padding: 20px; } .product-store-bedroom-teaser__cta { flex-basis: auto; } }

.product-store-section {
  padding: 64px 0 72px;
  border-top: 1px solid var(--line);
  scroll-margin-top: 80px;
}

.product-store-section-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  max-width: 860px;
  margin-bottom: 32px;
}

.product-store-section-head > svg { margin-top: 8px; color: var(--brand-pink); }
.product-store-section-head h2 { margin: 0 0 8px; font-size: clamp(2.4rem, 4.5vw, 4.4rem); }
.product-store-section-head p { margin: 0; color: var(--muted); font-size: 1.1rem; line-height: 1.55; }

.product-store-system-recommendation {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(360px, .82fr);
  gap: 20px;
  margin: 0 0 30px;
}

.product-store-system-advice,
.product-store-system-author {
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.32);
  border-radius: 18px;
  background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.13), rgb(var(--brand-pink-rgb) / 0.04)), #181618;
}

.product-store-system-advice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  padding: clamp(22px, 3vw, 34px);
}

.product-store-system-advice > svg {
  box-sizing: content-box;
  padding: 9px;
  color: var(--brand-pink);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.34);
  border-radius: 50%;
  background: rgb(var(--brand-pink-rgb) / 0.11);
}

.product-store-system-advice strong { color: #fff; font-size: 1.15rem; line-height: 1.45; }
.product-store-system-advice p { margin: 12px 0 0; color: #d1d1d1; line-height: 1.58; }

.product-store-system-author {
  position: relative;
  display: grid;
  grid-template-columns: minmax(185px, 1.05fr) minmax(140px, .9fr);
  align-items: end;
  min-height: 280px;
  overflow: hidden;
  padding: 20px 20px 0 8px;
}

.product-store-system-author img { align-self: end; width: 100%; max-height: 310px; object-fit: contain; object-position: center bottom; }
.product-store-system-author > div { display: grid; gap: 6px; align-self: center; padding-bottom: 18px; }
.product-store-system-author span {
  width: fit-content;
  padding: 5px 9px;
  color: var(--brand-on-pink) !important;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
  background: var(--brand-pink);
}
.product-store-system-author strong { color: #fff; font-size: 1.15rem; }
.product-store-system-author small { color: var(--muted); line-height: 1.4; }

.product-store-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.product-store-testimonial-rotation {
  grid-template-columns: minmax(0, 1fr);
  margin-top: clamp(28px, 4vw, 46px);
}
.product-store-testimonial-rotation .result-testimonial-rotation__card {
  min-height: 230px;
  padding: clamp(26px, 3.5vw, 42px) clamp(26px, 4vw, 52px) clamp(26px, 3.5vw, 40px) clamp(62px, 6vw, 82px);
  border-color: rgb(var(--brand-pink-rgb) / 0.25);
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgb(var(--brand-pink-rgb) / 0.13), transparent 45%), rgba(28, 25, 31, .92);
}
.product-store-testimonial-rotation .result-testimonial-rotation__card blockquote {
  max-width: 1050px;
  font-size: clamp(17px, 1.7vw, 22px);
}

.product-store-card {
  --store-accent: var(--brand-pink);
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  min-height: 360px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  background:
    radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--product-primary, var(--brand-pink)) 18%, transparent), transparent 34%),
    #181618;
}

.product-store-cover {
  display: grid;
  place-items: center;
  padding: 24px 12px;
  background: rgba(0,0,0,.22);
}

.product-store-cover img {
  display: block;
  width: 100%;
  max-height: 285px;
  object-fit: contain;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.34));
  transition: transform .2s ease;
}

.product-store-card:hover .product-store-cover img { transform: translateY(-3px); }

.product-store-card-copy {
  display: flex;
  flex-direction: column;
  padding: 26px;
}

.product-store-card-copy h3 { margin: 4px 0 10px; font-size: clamp(1.7rem, 2.3vw, 2.45rem); }
.product-store-card-copy h3 a { color: var(--white); text-decoration: none; }
.product-store-card-copy > p:not(.product-kind) { margin: 0; color: var(--muted); line-height: 1.53; }
.product-store-card-copy ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.product-store-card-copy li { display: grid; grid-template-columns: auto 1fr; gap: 8px; color: #d4cdd1; font-size: .94rem; line-height: 1.4; }
.product-store-card-copy li svg { margin-top: 2px; color: var(--mint); }

.product-store-buy {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 24px;
}

.product-store-buy > div { display: grid; gap: 3px; }
.product-store-buy small { color: var(--muted); }
.product-store-buy strong { color: var(--white); font-size: 1.25rem; }
.product-store-featured-price { display: grid; gap: 3px; margin-top: 3px; }
.product-store-featured-price s { color: #a0a0a0; font-size: .85rem; }
.product-store-featured-price strong { color: #fff; font-size: 1.3rem; }
.product-store-featured-price em { color: var(--brand-pink); font-size: .77rem; font-style: normal; font-weight: 850; }
.product-store-buy .primary-button {
  flex: 0 0 auto;
  max-width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  white-space: nowrap;
}

.product-store-cart-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 12px;
  padding: 11px 15px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.product-store-cart-button:hover,
.product-store-cart-button:focus-visible {
  border-color: rgb(var(--brand-pink-rgb) / 0.75);
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: #fff !important;
}

.product-store-cart-button.is-selected {
  border-color: var(--mint);
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--brand-pink) !important;
}

.product-store-detail-link { margin-top: 13px; color: #cecece; font-size: .92rem; text-align: right; text-underline-offset: 4px; }

.product-store-help {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.32);
  border-radius: 10px;
  background: linear-gradient(110deg, rgb(var(--brand-pink-rgb) / 0.14), #191719 52%);
}

.product-store-help h2 { margin: 8px 0; font-size: clamp(2.1rem, 3.6vw, 3.6rem); }
.product-store-help p:not(.eyebrow) { max-width: 660px; margin: 0; color: var(--muted); line-height: 1.55; }
.product-store-help .ghost-button { flex: 0 0 auto; }

.product-store-cart {
  position: sticky;
  z-index: 30;
  bottom: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 20px;
  margin: 32px 0 18px;
  padding: 18px 20px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.52);
  border-radius: 20px;
  background: rgba(20, 14, 18, .96);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .48);
  backdrop-filter: blur(18px);
}

.product-store-cart-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.product-store-cart-summary > svg { color: var(--coral-light); }
.product-store-cart-summary > div { display: grid; gap: 3px; min-width: 0; }
.product-store-cart-summary strong { color: #fff; }
.product-store-cart-summary span {
  overflow: hidden;
  color: var(--muted);
  font-size: .82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-store-cart-discount-progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(42px, 1fr));
  gap: 5px;
  margin-top: 7px;
}

.product-store-cart-discount-progress i {
  padding: 4px 5px;
  color: #878787;
  font-size: .7rem;
  font-style: normal;
  font-weight: 850;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.product-store-cart-discount-progress i.is-active {
  transform: translateY(-1px);
  color: #180f14;
  border-color: var(--brand-pink);
  background: var(--brand-pink);
  box-shadow: 0 5px 14px rgb(var(--brand-pink-rgb) / 0.2);
}

.product-store-cart-next-discount {
  color: #cdcdcd;
  font-size: .73rem;
}

.product-store-cart-price { display: grid; gap: 2px; justify-items: end; white-space: nowrap; }
.product-store-cart-price small { color: var(--muted); font-size: .78rem; }
.product-store-cart-price strong { display: grid; justify-items: end; color: #fff; font-size: 1.12rem; }
.product-store-cart-price strong span { color: var(--brand-pink); font-size: .68rem; letter-spacing: .05em; text-transform: uppercase; }
.product-store-cart-price em { color: var(--brand-pink); font-size: .74rem; font-style: normal; font-weight: 800; }

@media (max-width: 1050px) {
  .product-store-grid { grid-template-columns: 1fr; }
  .product-store-system-recommendation { grid-template-columns: 1fr; }
  .product-store-system-author { grid-template-columns: minmax(220px, 280px) minmax(160px, 1fr); min-height: 290px; }
  .product-store-system-author img { max-height: 300px; }
  .product-store-cart { grid-template-columns: 1fr auto; }
  .product-store-cart-summary { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  .product-store-hero { padding-top: 32px; }
  .product-store-card { grid-template-columns: 112px minmax(0, 1fr); min-height: 0; }
  .product-store-cover { align-items: start; padding: 20px 8px; }
  .product-store-card-copy { padding: 20px 16px; }
  .product-store-card-copy ul { display: none; }
  .product-store-system-advice { grid-template-columns: 1fr; }
  .product-store-system-author { grid-template-columns: 145px minmax(0, 1fr); min-height: 210px; }
  .product-store-system-author img { max-height: 220px; }
  .product-store-buy { display: grid; }
  .product-store-buy .primary-button {
    width: 100%;
    padding-inline: 12px;
    font-size: clamp(.74rem, 3.5vw, 1rem);
  }
  .product-store-detail-link { text-align: left; }
  .product-store-help { align-items: stretch; flex-direction: column; }
  .product-store-discount-rule { align-items: flex-start; border-radius: 18px; }
  .product-store-cart { grid-template-columns: 1fr; bottom: 8px; }
  .product-store-cart-summary { grid-column: auto; }
  .product-store-cart-price,
  .product-store-cart-price strong { justify-items: start; }
  .product-store-cart .primary-button { width: 100%; }
}

@media (max-width: 480px) {
  .product-store-card { grid-template-columns: 1fr; }
  .product-store-cover { padding: 20px; }
  .product-store-cover img { width: min(180px, 60vw); max-height: 240px; }
}

.solution-hub,
.deep-diagnostic-page,
.deep-result-page {
  max-width: 1480px;
}

.solution-hero {
  display: grid;
  gap: 46px;
  padding: 72px 0 92px;
  border-bottom: 1px solid var(--line);
}

.solution-hero > div:first-child {
  max-width: 900px;
}

.solution-hero h1,
.deep-diagnostic-intro h1,
.deep-result-hero h1 {
  max-width: 980px;
  margin: 12px 0 18px;
  font-size: 3.8rem;
  line-height: 1.08;
}

.solution-hero > div:first-child > p:last-child,
.deep-diagnostic-intro > p:last-child,
.deep-result-hero > div > p:last-child {
  max-width: 760px;
  color: var(--muted);
  font-size: 1.28rem;
  line-height: 1.55;
}

.solution-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.solution-entry {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px 18px;
  align-items: center;
  min-height: 210px;
  padding: 34px;
  color: var(--text);
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #1b191b;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.solution-entry:hover,
.solution-entry:focus-visible {
  transform: translateY(-3px);
  border-color: var(--brand-pink);
  background: #211b1e;
}

.solution-entry > svg:first-child { color: var(--brand-pink); }
.solution-entry > svg:last-child { grid-row: 1 / 4; grid-column: 3; }
.solution-entry span { color: var(--coral-light); font-weight: 800; text-transform: uppercase; }
.solution-entry strong { grid-column: 2; font-size: 1.7rem; }
.solution-entry small { grid-column: 2; color: var(--muted); font-size: 1rem; line-height: 1.5; }

.solution-bundle-feature {
  display: grid;
  grid-template-columns: minmax(250px, .85fr) minmax(0, 1.15fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: center;
  margin: 34px 0 0;
  padding: clamp(24px, 3.6vw, 42px);
  overflow: hidden;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 12px;
  background:
    radial-gradient(circle at 86% 20%, rgb(var(--brand-pink-rgb) / 0.22), transparent 37%),
    linear-gradient(115deg, rgb(var(--brand-pink-rgb) / 0.15), rgba(18, 14, 17, .95) 55%);
}
.solution-bundle-copy { max-width: 650px; }
.solution-bundle-copy .eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--brand-pink); }
.solution-bundle-copy h2 { max-width: 13ch; margin: 10px 0 0; font-size: clamp(2rem, 3.3vw, 3.45rem); line-height: 1.04; }
.solution-bundle-intro { align-self:center; max-width: 680px; }
.solution-bundle-intro p { margin:0; color:var(--muted); font-size:1.12rem; line-height:1.58; }
.solution-bundle-intro p:first-child { max-width:28ch; color:var(--white); font-size:clamp(1.25rem,1.8vw,1.65rem); line-height:1.28; }
.solution-bundle-intro p + p { margin-top:14px; }
.solution-bundle-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.solution-bundle-intro .solution-bundle-actions { margin-top:20px; }
.solution-bundle-price { display:grid; gap:2px; min-width:max-content; }
.solution-bundle-price s { color:rgba(255,247,251,.78); font-size:1.8rem; font-weight:900; line-height:1; text-decoration-color:var(--brand-pink); text-decoration-thickness:3px; }
.solution-bundle-price b { color:#fff; font-size:1.35rem; line-height:1.05; }
.solution-bundle-detail { color: #fff; font-weight: 800; text-underline-offset: 4px; }
.solution-bundle-covers { grid-column:1 / -1; display:flex; justify-content:space-between; gap:8px; padding-top:4px; }
.solution-bundle-covers span { display:grid; flex:1 1 0; max-width:108px; aspect-ratio:1; place-items:center; padding:7px; border:1px solid rgb(var(--brand-pink-rgb) / 0.38); border-radius:7px; background:#120d10; box-shadow:0 10px 20px rgba(0,0,0,.18); }
.solution-bundle-covers img { display:block; width:100%; height:100%; object-fit:contain; }

.solution-quick-section { padding: 92px 0; }
.solution-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 520px); gap: 44px; align-items: end; margin-bottom: 38px; }
.solution-section-head h2 { margin: 8px 0 0; font-size: 3.6rem; }
.solution-section-head > p { color: var(--muted); font-size: 1.15rem; line-height: 1.6; }

.solution-path-grid { display: grid; gap: 16px; }
.solution-path-card {
  display: grid;
  grid-template-columns: 70px 150px minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  min-height: 190px;
  padding: 24px 30px;
  color: var(--text);
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #191719;
  transition: transform .2s ease, border-color .2s ease;
}
.solution-path-card:hover,
.solution-path-card:focus-visible { transform: translateX(5px); border-color: var(--brand-pink); }
.solution-path-number { align-self: start; color: var(--brand-pink); font-weight: 900; }
.solution-path-image { width: 150px; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 6px; background: #0b0a0b; }
.solution-path-image img { width: 100%; height: 100%; object-fit: contain; }
.solution-path-image.image-wide img { object-fit: cover; }
.solution-path-card h3 { margin: 7px 0 8px; font-size: 2rem; }
.solution-path-card p:not(.product-kind) { margin: 0 0 16px; color: var(--muted); font-size: 1.05rem; }
.solution-path-card strong { display: inline-flex; gap: 9px; align-items: center; color: var(--coral-light); }

.solution-testimonials-section {
  margin: 0 0 clamp(72px, 8vw, 110px);
}
.solution-testimonials-section > h2 {
  max-width: 880px;
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.solution-result-testimonial-rotation {
  margin-top: clamp(22px, 3vw, 34px);
}
.solution-result-testimonial-rotation .result-testimonial-rotation__card {
  padding: clamp(24px, 3vw, 34px) clamp(24px, 3vw, 34px) clamp(23px, 3vw, 32px) clamp(58px, 5vw, 68px);
  border-color: rgb(var(--brand-pink-rgb) / 0.25);
  border-radius: 24px;
  background: radial-gradient(circle at 0 0, rgb(var(--brand-pink-rgb) / 0.13), transparent 45%), rgba(28, 25, 31, .92);
}
.solution-result-testimonial-rotation .result-testimonial-rotation__card blockquote { font-size: clamp(16px, 1.55vw, 20px); }


.solution-deep-callout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(240px, .7fr) auto;
  gap: 38px;
  align-items: center;
  margin-bottom: 90px;
  padding: 46px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.35);
  border-radius: 8px;
  background: linear-gradient(110deg, rgb(var(--brand-pink-rgb) / 0.14), #191719 48%);
}
.solution-deep-callout h2 { margin: 10px 0 14px; font-size: 3rem; }
.solution-deep-callout p:not(.eyebrow) { color: var(--muted); line-height: 1.55; }
.solution-deep-points { display: grid; gap: 12px; }
.solution-deep-points span { display: flex; gap: 10px; align-items: center; font-weight: 700; }
.solution-deep-points svg { color: var(--mint); }

.happy-bedroom-library {
  scroll-margin-top: 82px;
  margin: 36px 0 52px;
  padding: clamp(22px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 12px;
  background:
    radial-gradient(circle at 95% 5%, rgb(var(--brand-pink-rgb) / 0.2), transparent 29%),
    linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.12), rgba(19, 16, 19, .96) 54%);
}
.happy-bedroom-library-heading { max-width: 850px; }
.happy-bedroom-library-heading .eyebrow { color: var(--brand-pink); }
.happy-bedroom-library-heading h2 { margin: 10px 0 14px; font-size: clamp(2rem, 3.5vw, 3.25rem); line-height: 1.08; }
.happy-bedroom-library-heading > p:last-child { margin: 0; color: #cdcdcd; font-size: clamp(1.08rem, 1.55vw, 1.24rem); line-height: 1.62; }
.happy-bedroom-library-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  margin-top: 24px;
}
.happy-bedroom-library-cover { display: grid; place-items: center; min-height: 390px; padding: 28px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.24); border-radius: 10px; background: rgba(0, 0, 0, .22); }
.happy-bedroom-library-cover img { display: block; width: min(100%, 350px); max-height: 520px; object-fit: contain; filter: drop-shadow(0 25px 28px rgba(0, 0, 0, .42)); }
.happy-bedroom-library-copy { max-width: 790px; }
.happy-bedroom-library-copy > p { margin: 0; color: #cdcdcd; font-size: 1.08rem; line-height: 1.64; }
.happy-bedroom-library-copy > p + p { margin-top: 16px; }
.happy-bedroom-library-copy ul { display: grid; gap: 10px; margin: 0 0 20px; padding: 0; list-style: none; }
.happy-bedroom-library-copy li { padding: 14px 16px; color: #ddd4d8; line-height: 1.52; border-left: 3px solid var(--brand-pink); background: rgba(255, 255, 255, .045); }
.happy-bedroom-library-copy li strong { color: #fff; }
.happy-bedroom-library-copy li strong { display: block; margin-bottom: 4px; }
.happy-bedroom-library .primary-button.hot { background: var(--brand-pink) !important; white-space: normal; color: var(--brand-on-pink) !important; }
.happy-bedroom-library-media { min-width: 0; }
.adult-video-preview-poster { position: relative; }
.adult-video-preview-poster > img { display: block; width: 100%; height: auto; object-fit: contain; }
.adult-video-preview-play { position: relative; display: block; width: 100%; border: 0; padding: 12px 18px; border-radius: 0; background: var(--brand-pink); color: var(--brand-on-pink) !important; cursor: pointer; }
.adult-video-preview-play-label { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 12px; row-gap: 3px; align-items: center; text-align: left; }
.adult-video-preview-play-icon { grid-row: 1 / 3; display: grid; place-items: center; width: 44px; aspect-ratio: 1; border-radius: 50%; background: rgba(0,0,0,.18); transition: transform .18s ease; }
.adult-video-preview-play strong { font-size: clamp(16px, 1.4vw, 19px); }
.adult-video-preview-play small { font-size: 12px; }
.adult-video-preview-play:hover .adult-video-preview-play-icon { transform: scale(1.08); }
.adult-video-preview-play:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
.happy-bedroom-library-media .adult-video-preview-content button:focus { outline: 3px solid #fff; outline-offset: 4px; }
.happy-bedroom-library-media .adult-video-preview { min-height: 0; aspect-ratio: auto; display: block; background: #100c0e; }
.happy-bedroom-library-media .adult-video-preview > img { position: relative; display: block; width: 100%; height: auto; object-fit: contain; }
.happy-bedroom-library-media .adult-video-preview-shade { display: none; }
.happy-bedroom-library-media .adult-video-preview-content { position: relative; width: 100%; margin: 0; padding: 16px 18px; max-width: none; }
.happy-bedroom-library-media .adult-video-preview-content > span { float: right; }
.happy-bedroom-library-media .adult-video-preview-content h4 { margin: 0 45px 7px 0; font-size: 1.08rem; }
.happy-bedroom-library-media .adult-video-preview-content p { font-size: .82rem; }
.happy-bedroom-library-media .adult-video-preview-content button { margin-top: 12px; background: var(--brand-pink); color: var(--brand-on-pink) !important; }
.happy-bedroom-library-media video { display: block; width: 100%; height: auto; }
.happy-bedroom-library-included { display: flex; align-items: center; gap: 16px; margin-top: 18px; }
.happy-bedroom-library-included img { width: 115px; height: auto; object-fit: contain; flex-shrink: 0; }
.happy-bedroom-library-included p { display: grid; gap: 8px; margin: 0; color: var(--muted); line-height: 1.5; font-size: .9rem; }
.happy-bedroom-library-included strong { color: #fff; }
.happy-bedroom-library-video {
  display: grid;
  grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr);
  gap: clamp(28px, 5vw, 70px);
  align-items: center;
  margin-top: clamp(42px, 7vw, 82px);
  padding-top: clamp(32px, 5vw, 58px);
  border-top: 1px solid rgba(255, 255, 255, .12);
}
.happy-bedroom-library-video h3 { margin: 10px 0 14px; font-size: clamp(2rem, 3.2vw, 3.35rem); line-height: 1.04; }
.happy-bedroom-library-video p:not(.eyebrow) { max-width: 410px; margin: 0; color: var(--muted); line-height: 1.58; }
.happy-bedroom-library-video .adult-video-preview { width: 100%; }

.deep-diagnostic-page { padding-top: 68px; padding-bottom: 100px; }
.deep-diagnostic-intro { max-width: 920px; margin-bottom: 48px; }
.deep-question-card {
  max-width: 980px;
  padding: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #1b191b;
}
.deep-progress { height: 5px; margin: -42px -42px 38px; overflow: hidden; background: #302d30; border-radius: 8px 8px 0 0; }
.deep-progress span { display: block; height: 100%; background: var(--brand-pink); transition: width .25s ease; }
.deep-question-meta { display: flex; justify-content: space-between; color: var(--coral-light); text-transform: uppercase; font-weight: 800; }
.deep-question-card h1,
.deep-question-card h2 { margin: 20px 0 8px; font-size: 3rem; line-height: 1.08; }
.deep-question-card > p { color: var(--muted); font-size: 1.08rem; }
.deep-handoff { max-width: 860px; }
.deep-handoff h1 {
  max-width: none;
  margin-bottom: 22px;
  font-size: clamp(2.15rem, 3.2vw, 2.8rem);
  text-transform: none;
}
.deep-handoff-topic { max-width: 720px; margin: 0 0 12px; line-height: 1.55; }
.deep-handoff-topic strong { color: var(--text); }
.deep-handoff > p:not(.deep-handoff-topic) { max-width: 720px; line-height: 1.55; }
.deep-options { display: grid; gap: 12px; margin: 34px 0 28px; }
.deep-options button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 78px;
  padding: 18px 22px;
  color: var(--text);
  font: inherit;
  font-size: 1.12rem;
  text-align: left;
  border: 1px solid #454145;
  border-radius: 7px;
  background: #242124;
  cursor: pointer;
}
.deep-options button:hover,
.deep-options button:focus-visible { border-color: var(--brand-pink); background: #2b2226; }

.deep-result-page { padding-top: 64px; padding-bottom: 100px; }
.deep-profile-result { padding-bottom: 72px; }
.deep-profile-header {
  max-width: 1120px;
  padding-bottom: 42px;
  border-bottom: 1px solid var(--line);
}
.deep-profile-header h1 {
  max-width: 18ch;
  margin: 14px 0 0;
  font-size: clamp(3rem, 5vw, 5.25rem);
  line-height: 1;
  text-transform: none;
  text-wrap: balance;
}
.deep-profile-body {
  max-width: 940px;
  padding-top: 52px;
  color: #c9c2c7;
  font-size: 1.18rem;
  line-height: 1.78;
}
.deep-profile-body p { margin: 0 0 24px; }
.deep-profile-body h2,
.deep-profile-body h3,
.deep-profile-body h4 {
  max-width: 25ch;
  margin: 52px 0 20px;
  color: var(--ink);
  font-size: clamp(1.8rem, 3vw, 2.45rem);
  line-height: 1.14;
  text-wrap: balance;
}
.deep-profile-body strong { color: var(--ink); }
.deep-profile-body ul,
.deep-profile-body ol {
  display: grid;
  gap: 14px;
  margin: 24px 0 34px;
  padding-left: 26px;
}
.deep-profile-body li::marker { color: var(--brand-pink); font-weight: 900; }
.deep-caution {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  max-width: 940px;
  margin-top: 38px;
  padding: 20px;
  color: #dadada;
  line-height: 1.55;
  border-left: 3px solid var(--brand-pink);
  background: #231c1f;
}
.deep-caution svg { flex: 0 0 auto; margin-top: 2px; color: var(--coral-light); }
.deep-solution-recommendation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
  gap: 58px;
  align-items: center;
  margin-bottom: 72px;
  padding: 54px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 8px;
  background: linear-gradient(115deg, rgb(var(--brand-pink-rgb) / 0.14), #191719 48%);
}
.deep-solution-copy h2 {
  max-width: 12ch;
  margin: 12px 0 18px;
  font-size: clamp(2.8rem, 5vw, 4.7rem);
  line-height: .98;
  text-wrap: balance;
}
.deep-solution-copy > p:not(.eyebrow) {
  max-width: 680px;
  color: var(--muted);
  font-size: 1.13rem;
  line-height: 1.65;
}
.deep-solution-copy .primary-button {
  width: min(100%, 430px);
  margin-top: 18px;
}
.deep-solution-copy small {
  display: block;
  max-width: 560px;
  margin-top: 18px;
  color: #968f94;
  line-height: 1.45;
}
.deep-solution-visual { min-width: 0; }
.deep-product-image {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 6px;
  background: #0b0a0b;
  box-shadow: 0 28px 60px rgba(0, 0, 0, .32);
}
.deep-product-image img { width: 100%; height: 100%; object-fit: contain; }
.deep-product-image.image-wide img { object-fit: cover; }
.deep-result-footer { display: flex; gap: 20px; align-items: center; padding-top: 30px; border-top: 1px solid var(--line); }

@media (max-width: 900px) {
  .solution-entry-grid,
  .solution-section-head,
  .solution-deep-callout,
  .solution-bundle-feature,
  .happy-bedroom-library-feature,
  .happy-bedroom-library-video,
  .deep-solution-recommendation { grid-template-columns: 1fr; }
  .solution-path-card { grid-template-columns: 42px 104px minmax(0, 1fr); gap: 16px; padding: 20px; }
  .solution-path-image { width: 104px; }
  .solution-deep-callout { padding: 32px; }
  .solution-bundle-feature { margin-top: 28px; }
  .happy-bedroom-library-cover { max-width: 430px; min-height: 0; margin: 0 auto; }
  .solution-bundle-copy h2 { max-width: none; }
  .solution-bundle-intro p:first-child { max-width:28ch; }
  .solution-hero h1,
  .deep-diagnostic-intro h1 { font-size: 3.1rem; }
  .deep-profile-header h1 { font-size: clamp(2.8rem, 7vw, 4.4rem); }
  .deep-solution-recommendation { padding: 40px; }
  .deep-solution-visual { max-width: 660px; }
  .solution-section-head h2 { font-size: 3rem; }
  .solution-deep-callout h2,
  .deep-question-card h1,
  .deep-question-card h2 { font-size: 2.6rem; }
}

@media (max-width: 620px) {
  .solution-hero { padding: 44px 0 64px; gap: 28px; }
  .solution-hero h1,
  .deep-diagnostic-intro h1 { font-size: 2.4rem; }
  .deep-profile-header h1 {
    max-width: none;
    font-size: clamp(2.4rem, 11vw, 3.3rem);
    line-height: 1.08;
  }
  .deep-profile-result { padding-bottom: 52px; }
  .deep-profile-header { padding-bottom: 30px; }
  .deep-profile-body { padding-top: 34px; font-size: 1.05rem; line-height: 1.7; }
  .deep-profile-body h2,
  .deep-profile-body h3,
  .deep-profile-body h4 { margin-top: 38px; font-size: 1.8rem; }
  .solution-section-head h2 { font-size: 2.5rem; }
  .solution-deep-callout h2,
  .deep-question-card h1,
  .deep-question-card h2 { font-size: 2.15rem; }
  .solution-path-card h3 { font-size: 1.7rem; }
  .solution-entry { grid-template-columns: auto 1fr; padding: 24px; }
  .solution-entry > svg:last-child { grid-row: auto; grid-column: 2; }
  .solution-path-card { grid-template-columns: 34px 1fr; }
  .solution-path-image { grid-column: 2; width: 100%; max-width: 260px; }
  .solution-path-card > div:last-child { grid-column: 2; }
  .solution-bundle-actions { align-items:stretch; flex-direction:column; gap:13px; }
  .solution-bundle-actions .primary-button { width:100%; justify-content:center; }
  .solution-bundle-detail { text-align:center; }
  .solution-bundle-covers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .solution-bundle-covers span { max-width:none; }
  .happy-bedroom-library { padding: 26px 18px; border-radius: 8px; }
  .happy-bedroom-library-heading h2 { font-size: 2rem; }
  .happy-bedroom-library-feature { gap: 28px; margin-top: 30px; }
  .happy-bedroom-library-cover { padding: 20px; }
  .happy-bedroom-library-copy li { padding: 13px; }
  .happy-bedroom-library-video { gap: 24px; margin-top: 42px; padding-top: 32px; }
  .deep-question-card { padding: 24px; }
  .deep-progress { margin: -24px -24px 28px; }
  .deep-solution-recommendation { gap: 32px; margin-bottom: 52px; padding: 28px 22px; }
  .deep-solution-copy h2 { max-width: none; font-size: 2.65rem; }
  .deep-solution-copy .primary-button { width: 100%; }
  .deep-result-footer { align-items: stretch; flex-direction: column; }
}

/* Tripwire to complete-bedroom next step */
.next-step-page {
  max-width: 1480px;
  padding-top: 68px;
  padding-bottom: 100px;
}

.next-step-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 54px;
  align-items: end;
  padding-bottom: 64px;
  border-bottom: 1px solid var(--line);
}

.next-step-hero-copy h1 {
  max-width: 940px;
  margin: 12px 0 20px;
  font-size: clamp(3rem, 5.1vw, 4.85rem);
  line-height: 1.1;
  letter-spacing: -.035em;
}

.next-step-hero-copy > p:not(.eyebrow) {
  max-width: 780px;
  color: var(--muted);
  font-size: 1.2rem;
  line-height: 1.6;
}

.next-step-hero-copy > p:not(.eyebrow) strong {
  color: var(--ink);
  font-weight: 900;
}

.next-step-video-jump {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  width: fit-content;
  margin-top: 26px;
  padding: 14px 19px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.58);
  border-radius: 999px;
  background: rgb(var(--brand-pink-rgb) / 0.1);
  color: #fff;
  font-weight: 850;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.next-step-video-jump svg { flex: 0 0 auto; color: var(--brand-pink); }
.next-step-video-jump:hover { transform: translateY(-2px); border-color: var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.17); }
.next-step-video-jump:focus-visible { outline: 3px solid rgb(var(--brand-pink-rgb) / 0.52); outline-offset: 4px; }

.next-step-author-portrait {
  position: relative;
  display: flex;
  align-self: stretch;
  align-items: end;
  justify-content: center;
  min-height: 520px;
  overflow: hidden;
}

.next-step-author-portrait::before {
  position: absolute;
  right: 5%;
  bottom: 3%;
  width: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(var(--brand-pink-rgb) / 0.2), rgb(var(--brand-pink-rgb) / 0) 68%);
  content: "";
  filter: blur(12px);
}

.next-step-author-portrait img {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 520px);
  max-height: 610px;
  object-fit: contain;
  object-position: bottom center;
  filter: drop-shadow(0 28px 44px rgba(0, 0, 0, .48));
}

.next-step-sequence {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  align-items: center;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #181518;
}

.next-step-sequence span,
.next-step-sequence strong {
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 1.35;
}

.next-step-sequence span { color: var(--muted); }
.next-step-sequence strong { color: var(--ink); }
.next-step-sequence svg { flex: 0 0 auto; color: var(--brand-pink); }

.next-step-offer {
  display: grid;
  grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr);
  gap: 58px;
  align-items: center;
  padding: 82px 0;
}

.next-step-art {
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #090709;
}

.next-step-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #120d10;
}

.next-step-art.is-portrait {
  width: min(100%, 520px);
  aspect-ratio: 1748 / 2480;
  justify-self: center;
  border: 0;
  background: transparent;
  box-shadow: 0 34px 74px rgba(0, 0, 0, .38);
}

.next-step-art.is-portrait img {
  display: block;
  background: transparent;
  object-fit: cover;
}

.product-page-detail.theme-stastna-loznice .product-detail-art img {
  object-fit: contain;
  background: #120d10;
}

.next-step-offer-copy h2 {
  margin: 10px 0 16px;
  font-size: clamp(3rem, 5vw, 4.7rem);
  line-height: 1;
}

.next-step-offer-copy > p:not(.eyebrow) {
  max-width: 780px;
  color: var(--muted);
  font-size: 1.15rem;
  line-height: 1.6;
}

.next-step-benefits {
  display: grid;
  gap: 12px;
  margin: 30px 0 34px;
}

.next-step-benefits span {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  font-weight: 750;
}

.next-step-benefits svg { color: var(--mint); }

.next-step-price-row {
  display: grid;
  grid-template-columns: auto minmax(280px, 1fr);
  gap: 30px;
  align-items: end;
  padding-top: 30px;
  border-top: 1px solid var(--line);
}

.next-step-price-spotlight {
  display:grid;
  gap:5px;
  min-width:245px;
  padding:16px 19px;
  border:1px solid rgb(var(--brand-pink-rgb) / 0.54);
  border-radius:14px;
  background:linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.27), rgb(var(--brand-pink-rgb) / 0.24));
  box-shadow:0 14px 34px rgb(var(--brand-pink-rgb) / 0.13);
}
.next-step-price-spotlight small { color:#e7e7e7; font-size:.85rem; font-weight:800; line-height:1.35; }
.next-step-price-spotlight small s { color:#fff; text-decoration-color:var(--brand-pink); text-decoration-thickness:2px; }
.next-step-price-spotlight strong { color:#fff; font-size:2.35rem; line-height:1; letter-spacing:-.04em; }
.next-step-price-row .primary-button { width: 100%; min-height: 62px; }

.next-step-member-link {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 24px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.next-step-video-preview {
  display: grid;
  gap: 18px;
  padding: 0 0 72px;
  scroll-margin-top: 120px;
}

.next-step-video-preview h2 {
  max-width: 900px;
  margin: 0 0 10px;
  font-size: clamp(2.2rem, 4.5vw, 4.4rem);
  line-height: 1;
}

.next-step-member-link > svg { color: var(--brand-pink); }
.next-step-member-link > div { display: grid; gap: 4px; }
.next-step-member-link span { color: var(--muted); }

.next-step-preview-banner {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 34px;
  padding: 14px 18px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 10px;
  background: rgb(var(--brand-pink-rgb) / 0.1);
}

.next-step-preview-banner strong { color: var(--brand-pink); }
.next-step-preview-banner span { color: var(--muted); font-size: .85rem; }
.is-preview-disabled { cursor: default; opacity: .72; text-align: center; }

.next-step-owned-product {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 13px;
  align-items: center;
  margin: 28px 0 0;
  padding: 17px 18px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.27);
  border-radius: 12px;
  background: rgb(var(--brand-pink-rgb) / 0.07);
}

.next-step-owned-product > svg { color: var(--mint); }
.next-step-owned-product div { display: grid; gap: 4px; }
.next-step-owned-product span { color: var(--muted); font-size: .76rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.next-step-owned-product strong { color: var(--ink); }

.next-step-credit {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: clamp(42px, 7vw, 92px);
  align-items: center;
  padding: 72px clamp(26px, 5vw, 74px);
  margin-bottom: 70px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.25);
  border-radius: 22px;
  background: radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.17), transparent 42%), #151116;
}

.next-step-credit-copy h2 {
  max-width: 760px;
  margin: 10px 0 20px;
  color: var(--ink);
  font-size: clamp(2.3rem, 4.5vw, 4.2rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.next-step-credit-copy > p:not(.eyebrow) { max-width: 720px; color: var(--muted); font-size: 1.02rem; line-height: 1.7; }
.next-step-credit-copy > p strong { color: var(--ink); }

.next-step-credit-card {
  display: grid;
  gap: 0;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 18px;
  background: rgba(5, 4, 6, .68);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
}

.next-step-credit-card > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 2px;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.next-step-credit-card > div span { color: var(--muted); }
.next-step-credit-card > div strong { color: var(--ink); white-space: nowrap; }
.next-step-credit-card > div.is-crossed { align-items: center; }
.next-step-credit-card > div.is-crossed s {
  color: #b9afb5;
  font-size: 1.15rem;
  font-weight: 850;
  text-decoration-color: var(--brand-pink);
  text-decoration-thickness: 2px;
  white-space: nowrap;
}
.next-step-credit-card > div.is-credit strong { color: var(--mint); }
.next-step-credit-card > div.is-total { align-items: end; padding: 22px 2px 15px; border-bottom: 0; }
.next-step-credit-card > div.is-total span { color: var(--ink); font-weight: 850; }
.next-step-credit-card > div.is-total strong { color: var(--brand-pink); font-size: 2.45rem; letter-spacing: -.045em; }
.next-step-credit-card > small { margin-bottom: 20px; color: var(--muted); line-height: 1.5; }
.next-step-credit-card > small b { color: var(--ink); }
.next-step-credit-card > .primary-button { min-height: 60px; text-align: center; }
.next-step-credit-card > p { display: flex; gap: 8px; align-items: center; justify-content: center; margin: 13px 0 0; color: var(--muted); font-size: .72rem; }
.next-step-credit-card > p svg { color: var(--mint); flex: 0 0 auto; }

@media (max-width: 900px) {
  .next-step-hero,
  .next-step-offer,
  .next-step-credit { grid-template-columns: 1fr; }
  .next-step-hero { align-items: start; }
  .next-step-author-portrait { min-height: 430px; }
  .next-step-author-portrait img { max-height: 500px; }
  .next-step-offer { gap: 36px; }
}

@media (max-width: 620px) {
  .next-step-page { padding-top: 44px; }
  .next-step-hero { gap: 30px; padding-bottom: 46px; }
  .next-step-hero-copy h1 { font-size: 3rem; }
  .next-step-author-portrait { min-height: 340px; }
  .next-step-author-portrait img { max-height: 390px; }
  .next-step-sequence { grid-template-columns: 1fr; }
  .next-step-sequence > svg { transform: rotate(90deg); }
  .next-step-offer { padding: 56px 0; }
  .next-step-art { aspect-ratio: 4 / 3; }
  .next-step-art.is-portrait { width: min(88vw, 390px); aspect-ratio: 1748 / 2480; }
  .next-step-offer-copy h2 { font-size: 2.7rem; }
  .next-step-price-row,
  .next-step-member-link { grid-template-columns: 1fr; align-items: stretch; }
  .next-step-member-link .ghost-button { width: 100%; }
  .next-step-video-preview { padding-bottom: 48px; }
  .next-step-preview-banner { align-items: flex-start; flex-direction: column; }
  .next-step-credit { padding: 44px 20px; }
  .next-step-credit-card { padding: 19px; }
  .next-step-credit-card > div.is-total strong { font-size: 2rem; }
}

/* Focused short-test landing pages */
.funnel-landing-page,
.funnel-result-page {
  width: min(1360px, calc(100% - 48px));
  margin: 0 auto;
  padding: 46px 0 92px;
}

.funnel-landing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
  gap: 72px;
  align-items: end;
  padding: 34px 0 60px;
  border-bottom: 1px solid var(--line);
}

.funnel-landing-copy {
  max-width: 800px;
}

.funnel-landing-copy h1 {
  max-width: 780px;
  margin: 12px 0 28px;
  font-size: 5rem;
  line-height: .98;
}

.funnel-landing-copy > p:not(.eyebrow) {
  max-width: 680px;
  margin: 0 0 14px;
  color: var(--muted);
  font-size: clamp(1.12rem, 2vw, 1.32rem);
  line-height: 1.64;
}

.funnel-promise {
  max-width: 710px;
  margin: 30px 0 26px;
  padding: 19px 22px;
  border-left: 4px solid var(--brand-pink);
  background: rgb(var(--brand-pink-rgb) / 0.1);
}

.funnel-promise strong {
  color: var(--white);
  font-size: 1.15rem;
  line-height: 1.45;
}

.funnel-landing-copy > .primary-button {
  min-height: 58px;
  padding: 14px 24px;
}

.funnel-landing-reasons {
  display: grid;
  gap: 0;
  padding: 8px 0;
  border-top: 1px solid var(--line);
}

.funnel-landing-reasons .eyebrow {
  padding: 22px 0 16px;
}

.funnel-landing-reasons span {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, .08);
  color: #e7dfe4;
  font-size: 1.03rem;
  font-weight: 720;
  line-height: 1.5;
}

.funnel-landing-reasons svg {
  margin-top: 2px;
  color: var(--mint);
}

.funnel-quiz-section {
  display: grid;
  grid-template-columns: minmax(260px, .68fr) minmax(0, 1.32fr);
  gap: 56px;
  align-items: start;
  padding: 72px 0 20px;
  scroll-margin-top: 92px;
}

.funnel-quiz-section > header {
  position: sticky;
  top: 112px;
}

.funnel-quiz-section > header h2 {
  margin: 8px 0 18px;
  font-size: 3.25rem;
  line-height: 1.02;
}

.funnel-quiz-section > header > p:last-child {
  max-width: 430px;
  color: var(--muted);
  font-size: 1.05rem;
  line-height: 1.65;
}

.funnel-quiz-section .quiz {
  min-height: 490px;
  padding: 42px;
}

.funnel-quiz-section .quiz h3 {
  max-width: 760px;
  font-size: 2.15rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.funnel-quiz-section .option-card {
  min-height: 72px;
  padding: 17px 20px;
  font-size: 1.05rem;
}

.quiz-evaluating {
  display: grid;
  align-content: center;
}

.funnel-result-page {
  padding-top: 64px;
}

.funnel-result-hero {
  max-width: 980px;
  padding: 34px 0 54px;
  border-bottom: 1px solid var(--line);
}

.funnel-result-hero h1 {
  max-width: 940px;
  margin: 10px 0 20px;
  font-size: 4.5rem;
  line-height: 1;
  overflow-wrap: anywhere;
}

.funnel-result-hero > p:last-child {
  max-width: 720px;
  color: var(--muted);
  font-size: 1.13rem;
  line-height: 1.6;
}

.funnel-result-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(42px, 6vw, 76px);
  align-items: start;
  padding-top: 68px;
}

.funnel-result-diagnosis {
  min-width: 0;
}

.funnel-result-diagnosis > h2 {
  max-width: 820px;
  font-size: 3rem;
}

.funnel-result-html {
  display: block;
  max-width: 980px;
}

.funnel-result-html > * + * {
  margin-top: 20px;
}

.funnel-result-html h1,
.funnel-result-html h2,
.funnel-result-html h3,
.funnel-result-html h4 {
  max-width: 760px;
  margin-top: 44px;
  font-size: 2rem;
  line-height: 1.15;
}

.funnel-result-html p {
  max-width: 800px;
  color: #d6cdd2;
  font-size: 1.08rem;
  line-height: 1.78;
}

.funnel-result-html p:first-child {
  padding: 20px 22px;
  border-left: 4px solid var(--brand-pink);
  background: rgb(var(--brand-pink-rgb) / 0.08);
  color: var(--white);
  font-size: 1.18rem;
  font-weight: 700;
}

.funnel-result-page.is-structured-prototype {
  width: min(100% - 48px, 1240px);
  padding-top: 52px;
}

.is-structured-prototype .funnel-result-hero {
  position: relative;
  overflow: hidden;
  max-width: none;
  padding: clamp(36px, 6vw, 72px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.32);
  border-radius: 34px;
  background:
    radial-gradient(circle at 92% 12%, rgb(var(--brand-pink-rgb) / 0.2), transparent 34%),
    linear-gradient(125deg, rgb(var(--brand-pink-rgb) / 0.1), transparent 55%),
    #151215;
  box-shadow: 0 32px 80px rgba(0, 0, 0, .28);
}

.is-structured-prototype .funnel-result-hero::after {
  position: absolute;
  top: -90px;
  right: -70px;
  width: 300px;
  height: 300px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 50%;
  content: "";
}

.is-structured-prototype .funnel-result-hero h1 {
  max-width: 13ch;
  margin: 14px 0 24px;
  font-size: clamp(3.25rem, 7vw, 6.6rem);
  letter-spacing: -.055em;
}

.is-structured-prototype .funnel-result-hero > p:last-child {
  max-width: 640px;
  margin: 0;
  font-size: clamp(1.05rem, 1.5vw, 1.23rem);
}

.is-structured-prototype .funnel-result-layout {
  gap: clamp(28px, 4vw, 48px);
  padding-top: clamp(28px, 4vw, 48px);
}

.is-structured-prototype .funnel-result-diagnosis {
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .035), transparent 48%),
    #111012;
}

.is-structured-prototype .funnel-result-diagnosis > .eyebrow {
  margin: 0 0 clamp(30px, 5vw, 60px);
}

.structured-result-chapters {
  display: grid;
  gap: 0;
}

.structured-result-chapter {
  position: relative;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: clamp(18px, 3vw, 34px);
  padding: 0 0 clamp(42px, 6vw, 72px);
}

.structured-result-chapter:not(:last-child)::before {
  position: absolute;
  top: 67px;
  bottom: 14px;
  left: 32px;
  width: 1px;
  background: linear-gradient(rgb(var(--brand-pink-rgb) / 0.42), rgba(255, 255, 255, .06));
  content: "";
}

.structured-result-chapter:last-child {
  padding-bottom: 0;
}

.structured-result-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 20px;
  background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.2), rgb(var(--brand-pink-rgb) / 0.08));
  color: var(--brand-pink);
  box-shadow: 0 14px 34px rgb(var(--brand-pink-rgb) / 0.1);
}

.structured-result-copy {
  max-width: 900px;
}

.structured-result-kicker {
  margin: 0 0 5px !important;
  color: var(--brand-pink) !important;
  font-size: .78rem !important;
  font-weight: 950;
  letter-spacing: .14em;
}

.structured-result-copy h2 {
  margin: 0 0 20px;
  color: var(--white);
  font-size: clamp(2rem, 3.2vw, 3.35rem);
  line-height: 1.04;
  letter-spacing: -.035em;
}

.structured-result-copy > p:not(.structured-result-kicker) {
  max-width: 850px;
  margin: 0;
  color: #d8d0d5;
  font-size: clamp(1.05rem, 1.45vw, 1.24rem);
  line-height: 1.72;
}

.structured-result-copy > p:not(.structured-result-kicker) + p {
  margin-top: 14px;
}

.structured-result-copy strong {
  color: var(--white);
  font-weight: 850;
}

.ff27-proof-band {
  position: relative;
  display: grid;
  gap: 16px;
  margin: clamp(-18px, -2vw, -8px) 0 clamp(52px, 7vw, 82px);
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.13), transparent 38%),
    #090809;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
  min-height: 290px;
}

.ff27-proof-band::before {
  position: absolute;
  inset: 18px auto 18px 0;
  width: 3px;
  border-radius: 999px;
  background: var(--brand-pink);
  content: "";
}

.ff27-proof-band > .eyebrow,
.ff27-proof-band__heading > .eyebrow {
  margin: 0;
}

.ff27-proof-band__heading,
.ff27-proof-band__controls,
.ff27-proof-band blockquote footer {
  display: flex;
  align-items: center;
}

.ff27-proof-band__heading {
  justify-content: space-between;
  gap: 18px;
}

.ff27-proof-band__heading > span {
  color: #a3a3a3;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .08em;
}

.ff27-proof-band__progress {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.ff27-proof-band__progress i {
  height: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .13);
}

.ff27-proof-band__progress i.is-active {
  background: var(--brand-pink);
}

.ff27-proof-band blockquote {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 16px;
  margin: 0;
}

.ff27-proof-band blockquote > svg {
  color: var(--brand-pink);
}

.ff27-proof-band blockquote > p {
  margin: 0;
  color: #fff;
  font-size: clamp(1.08rem, 1.7vw, 1.36rem);
  font-weight: 760;
  line-height: 1.52;
}

.ff27-proof-band blockquote footer {
  grid-column: 2;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin-top: 10px;
}

.ff27-proof-band blockquote footer strong {
  color: #fff;
}

.ff27-proof-band blockquote footer span {
  color: #a0a0a0;
  font-size: .83rem;
}

.ff27-proof-band__controls {
  justify-content: flex-end;
  gap: 8px;
}

.ff27-proof-band__controls button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .045);
  cursor: pointer;
}

.ff27-proof-band__controls a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  color: #b0b0b0;
  font-size: .8rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ff27-proof-band__controls button:hover,
.ff27-proof-band__controls button:focus-visible,
.ff27-proof-band__controls a:hover,
.ff27-proof-band__controls a:focus-visible {
  color: #fff;
  outline: 2px solid rgba(255, 255, 255, .72);
  outline-offset: 2px;
}

.ff27-proof-band.is-man .result-testimonial-rotation {
  width: 100%;
  margin-top: 0;
}

.ff27-proof-band.is-man .result-testimonial-rotation__card {
  width: 100%;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ff27-proof-band.is-man .result-testimonial-rotation__card blockquote {
  display: block;
  width: 100%;
  max-width: none;
  overflow-wrap: normal;
  word-break: normal;
  font-size: clamp(1.08rem, 1.7vw, 1.36rem);
  line-height: 1.52;
}

.ff27c-result-prototype .youtube-safe-purchase.is-primary > div:last-child {
  display: grid;
  align-content: center;
  gap: 4px;
}

.ff27c-result-prototype .youtube-safe-purchase .result-free-preview-jump {
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  color: #b5b5b5;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  text-shadow: none;
  transform: none;
}

.ff27c-result-prototype .youtube-safe-purchase .result-free-preview-jump span,
.ff27c-result-prototype .youtube-safe-purchase .result-free-preview-jump strong {
  color: inherit;
  font-size: 12px;
  font-weight: 500;
  text-shadow: none;
}

.ff27c-result-prototype .youtube-safe-purchase .result-free-preview-jump strong {
  color: #fff;
  font-weight: 800;
}

.ff27c-result-prototype .youtube-safe-purchase .result-free-preview-jump:hover,
.ff27c-result-prototype .youtube-safe-purchase .result-free-preview-jump:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .055);
  box-shadow: none;
  transform: none;
}

.ff27c-result-prototype .youtube-safe-review-bonus {
  margin-top: clamp(28px, 5vw, 48px);
}

.is-structured-prototype .result-product-offer.is-footer {
  margin-top: 0;
  border-radius: 34px;
}

.result-product-offer {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 18px;
  padding: 28px;
  border: 1px solid color-mix(in srgb, var(--brand-pink) 48%, transparent);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand-pink) 17%, transparent), transparent 36%),
    #151215;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
}

.result-product-visual {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 6px;
  background: #090809;
}

.result-product-visual img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
}

.result-product-visual.image-cover img,
.result-product-visual.image-wide img {
  object-fit: cover;
}

.result-product-copy {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.result-product-label {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
  margin: 0;
  color: var(--brand-pink);
  font-size: .82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.result-product-type {
  color: rgba(255, 255, 255, .58);
  font-size: .82rem;
  font-weight: 850;
  text-transform: uppercase;
}

.result-product-offer h2 {
  margin: 2px 0 0;
  font-size: 1.28rem;
  line-height: 1.02;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

.result-product-copy > p:not(.result-product-label) {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.result-product-outcomes {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 1.2rem;
  color: #dfdfdf;
  line-height: 1.55;
}

.result-product-outcomes li::marker {
  color: var(--brand-pink);
}

.result-product-author {
  display: grid;
  grid-template-columns: 142px minmax(0, 1fr);
  gap: 22px;
  align-items: end;
  overflow: hidden;
  padding: 18px 22px 0;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.result-product-author img {
  display: block;
  width: 142px;
  height: 170px;
  object-fit: contain;
  object-position: bottom;
}

.result-product-author p { display: grid; gap: 9px; align-self: center; margin: 0; color: #e6e6e6; font-size: 1.12rem; line-height: 1.45; }
.result-product-author strong { margin-top: 0; color: #fff; font-size: 1.25rem; }
.result-product-author .author-profile-name-link {
  display: inline;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--brand-pink);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
}

.result-product-testimonial {
  position: relative;
  margin: 0;
  padding: 19px 20px 18px 52px;
  border: 1px solid color-mix(in srgb, var(--brand-pink) 40%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--brand-pink) 8%, transparent);
}

.result-product-testimonial > svg { position: absolute; top: 21px; left: 18px; color: var(--brand-pink); }
.result-product-testimonial blockquote { margin: 0 0 9px; color: #fff; font-weight: 750; line-height: 1.55; }
.result-product-testimonial figcaption { color: #fff; font-weight: 900; }
.result-product-testimonial small { display: block; margin-top: 2px; color: var(--muted); font-size: .72rem; }

.result-product-bonuses {
  display: grid;
  gap: 13px;
  margin-top: 4px;
  padding: 20px;
  border: 1px solid color-mix(in srgb, var(--brand-pink) 56%, transparent);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand-pink) 14%, transparent), transparent 42%),
    rgba(255, 255, 255, .035);
}

.result-product-bonus-kicker {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  width: fit-content;
  margin: 0;
  padding: 9px 14px;
  border: 1px solid color-mix(in srgb, var(--brand-pink) 62%, transparent);
  border-radius: 999px;
  color: #fff;
  background: color-mix(in srgb, var(--brand-pink) 24%, rgba(0, 0, 0, .3));
  box-shadow: 0 10px 28px color-mix(in srgb, var(--brand-pink) 18%, transparent);
  font-size: 1.05rem;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.result-product-bonus-kicker svg {
  color: var(--brand-pink);
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--brand-pink) 55%, transparent));
}

.result-product-bonuses h3 {
  margin: 0;
  color: #fff;
  font-size: 1.12rem;
  line-height: 1.25;
  text-wrap: balance;
}

.result-product-bonus-access {
  margin: 0;
  padding: 11px 13px;
  border-left: 3px solid var(--brand-pink);
  border-radius: 0 8px 8px 0;
  color: #d1d1d1;
  background: color-mix(in srgb, var(--brand-pink) 9%, rgba(0, 0, 0, .24));
  font-size: .82rem;
  line-height: 1.5;
}

.result-product-bonus-access strong { color: #fff; }

.result-product-bonus-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.result-product-bonus-grid.is-single {
  grid-template-columns: minmax(0, 1fr);
}

.result-product-bonus-grid article {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  background: rgba(5, 4, 5, .52);
}

.result-product-secret-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 78px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--brand-pink) 42%, transparent), transparent 42%),
    linear-gradient(145deg, #1a1a1a, #0b090a);
}

.result-product-bonus-grid article > div:last-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.result-product-bonus-grid span {
  color: var(--brand-pink);
  font-size: .67rem;
  font-weight: 950;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.result-product-bonus-grid strong {
  color: #fff;
  font-size: .88rem;
  line-height: 1.25;
}

.result-product-bonus-grid p {
  margin: 0;
  color: #b6b6b6;
  font-size: .75rem;
  line-height: 1.4;
}

.result-product-bonuses > small {
  color: #a2a2a2;
  font-size: .72rem;
  line-height: 1.45;
}

.result-product-personalization {
  display: grid;
  gap: 10px;
}

.result-product-personalization p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.result-product-personalization .result-product-signals {
  color: var(--white);
  font-size: 1.08rem;
  font-weight: 800;
}

.result-product-personalization .result-product-solution {
  color: #f1e8ec;
  font-weight: 650;
}

.result-product-purchase {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 4px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.result-product-purchase > div {
  display: grid;
  gap: 3px;
}

.result-product-purchase > div:first-child {
  width: min(100%, 34rem);
}

.result-product-purchase span,
.result-product-purchase small {
  color: var(--muted);
  font-weight: 700;
}

.result-product-purchase strong {
  color: var(--white);
  font-size: 1.6rem;
}

.result-product-price-lockup {
  display: inline-grid;
  grid-template-columns: max-content;
  justify-self: start;
  min-width: 0;
  width: max-content;
  max-width: 100%;
  margin-top: 7px;
}

.youtube-safe-price .result-product-price-lockup {
  grid-template-columns: max-content;
  width: max-content;
}

.result-product-purchase .result-product-current-price,
.youtube-safe-price .result-product-current-price,
.youtube-safe-purchase-option .result-product-current-price {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: clamp(2.75rem, 5vw, 3.45rem);
  font-weight: 950;
  letter-spacing: -.045em;
  line-height: .98;
  text-align: left;
  white-space: nowrap;
}

.youtube-safe-price .result-product-current-price {
  font-size: clamp(2.35rem, 11cqi, 3.45rem);
}

.result-product-old-price {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: baseline;
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, var(--product-primary, var(--safe-accent, var(--brand-pink))) 42%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--product-primary, var(--safe-accent, var(--brand-pink))) 8%, transparent);
  color: rgba(255, 255, 255, .78);
  font-size: .82rem;
  font-weight: 800;
}

.result-product-old-price > span {
  color: rgba(255, 255, 255, .64);
  font-size: .75rem;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.result-product-old-price del {
  color: rgba(201, 194, 198, .86);
  font-size: 1.12rem;
  font-weight: 900;
  line-height: 1.2;
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: rgb(var(--brand-pink-rgb) / 0.78);
}

.result-product-purchase .primary-button {
  flex: 0 0 auto;
  min-height: 60px;
}

.result-product-purchase-action { display: grid; gap: 9px; min-width: 0; }
.result-product-purchase-action .primary-button {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 70px;
  padding: 16px clamp(18px, 2.2vw, 30px);
  border: 1px solid rgba(255, 255, 255, .34);
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  box-shadow: 0 20px 46px rgb(var(--brand-pink-rgb) / 0.38), inset 0 1px rgba(255, 255, 255, .32);
  white-space: normal;
}
.result-product-offer .result-product-purchase-action .primary-button.hot {
  border: 1px solid rgba(255, 255, 255, .34);
  background: var(--brand-pink);
  box-shadow: 0 20px 46px rgb(var(--brand-pink-rgb) / 0.38), inset 0 1px rgba(255, 255, 255, .32);
  color: var(--brand-on-pink) !important;
}
.result-product-purchase-action .primary-button > span {
  min-width: 0;
  color: #fff;
  font-size: clamp(1.05rem, 1.42vw, 1.22rem);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
  text-align: center;
  text-shadow: 0 1px 1px rgb(var(--brand-pink-rgb) / 0.22);
  text-wrap: balance;
  white-space: normal;
}
.result-product-purchase-action .primary-button > svg {
  flex: 0 0 auto;
  color: #fff;
  filter: drop-shadow(0 1px 1px rgb(var(--brand-pink-rgb) / 0.28));
  transform: scale(1.12);
}
.result-product-purchase-action .primary-button:hover {
  transform: translateY(-2px) scale(1.008);
  box-shadow: 0 25px 54px rgb(var(--brand-pink-rgb) / 0.48), inset 0 1px rgba(255, 255, 255, .38);
}
.result-product-purchase-action > small { text-align: center; font-size: .72rem; }

.result-product-note {
  color: #938a90;
  line-height: 1.45;
}

.result-product-discount {
  max-width: 44rem;
  color: #d5d5d5 !important;
  line-height: 1.45;
}

.result-product-discount del {
  color: rgba(255, 255, 255, .62);
  text-decoration-thickness: 2px;
}

.result-product-inside {
  display: grid;
  grid-template-columns: minmax(0, .76fr) minmax(260px, 1.24fr);
  gap: 20px;
  align-items: center;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid color-mix(in srgb, var(--brand-pink) 48%, transparent);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand-pink) 17%, transparent), transparent 48%),
    #151215;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .26);
}

.result-product-stack {
  display: grid;
  gap: 22px;
  align-content: start;
  width: 100%;
}

.result-modal-panel > .result-product-inside {
  margin-top: 22px;
}

.result-product-inside .eyebrow {
  margin: 0 0 8px;
}

.result-product-inside h3 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.22;
}

.result-product-inside .reliable-video {
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
}

.result-product-offer.is-sidebar .result-product-purchase {
  display: grid;
}

.result-product-offer.is-sidebar .primary-button {
  width: 100%;
}

.result-product-offer.is-modal {
  position: static;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 4vw, 46px);
  align-items: center;
  margin-top: clamp(34px, 5vw, 58px);
  padding: clamp(20px, 3vw, 34px);
  border-color: color-mix(in srgb, var(--brand-pink) 62%, transparent);
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--brand-pink) 14%, transparent), transparent 58%),
    #151215;
}

.result-product-offer.is-modal .result-product-visual {
  width: min(100%, 420px);
  aspect-ratio: 1 / 1;
  justify-self: center;
}

.result-product-offer.is-modal h2 {
  font-size: clamp(1.25rem, 1.7vw, 1.6rem);
}

.result-product-offer.is-footer {
  position: static;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: stretch;
  width: 100%;
  margin-top: clamp(18px, 3vw, 34px);
  padding: clamp(24px, 4vw, 48px);
  border-radius: 28px;
  border-color: color-mix(in srgb, var(--brand-pink) 62%, transparent);
  background:
    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--brand-pink) 22%, transparent), transparent 36%),
    linear-gradient(118deg, color-mix(in srgb, var(--brand-pink) 12%, transparent), transparent 54%),
    #151215;
}

.result-product-offer.is-footer .result-product-visual {
  min-height: 100%;
  aspect-ratio: auto;
  border-radius: 18px;
}

.result-product-offer.is-footer .result-product-copy {
  align-content: center;
  grid-template-columns: minmax(0, 1fr);
  column-gap: clamp(24px, 4vw, 52px);
}

.result-product-offer.is-footer .result-product-copy > * {
  min-width: 0;
}

.result-product-offer.is-footer .result-product-label,
.result-product-offer.is-footer .result-product-type,
.result-product-offer.is-footer h2,
.result-product-offer.is-footer .result-product-personalization,
.result-product-offer.is-footer .result-product-copy > p:not(.result-product-label) {
  grid-column: 1;
}

.result-product-offer.is-footer h2 {
  font-size: clamp(1.35rem, 2vw, 2.4rem);
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.result-product-preview-button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 78px;
  padding: 20px 26px;
  border: 1px solid color-mix(in srgb, var(--brand-pink) 78%, white 8%);
  border-radius: 20px;
  background:
    radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--brand-pink) 27%, transparent), transparent 25%),
    linear-gradient(115deg, color-mix(in srgb, var(--brand-pink) 24%, #151215), color-mix(in srgb, var(--brand-pink) 15%, #151215));
  color: var(--white);
  font: inherit;
  font-size: clamp(1.02rem, 1.3vw, 1.18rem);
  font-weight: 900;
  letter-spacing: -.01em;
  text-align: left;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .3), 0 0 30px color-mix(in srgb, var(--brand-pink) 13%, transparent);
}

.result-product-preview-button:hover {
  border-color: color-mix(in srgb, var(--brand-pink) 86%, white 14%);
  transform: translateY(-2px);
}

.result-product-preview-button > span {
  min-width: 0;
  line-height: 1.25;
  text-align: center;
  overflow-wrap: anywhere;
}

.result-preview-modal {
  position: fixed;
  inset: 0;
  z-index: 260;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, .86);
  backdrop-filter: blur(16px);
}

.result-preview-panel {
  position: relative;
  overflow: hidden;
  width: min(920px, 100%);
  max-height: calc(100vh - 48px);
  padding: clamp(24px, 5vw, 54px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 8%, rgb(var(--brand-pink-rgb) / 0.2), transparent 35%),
    #151215;
  box-shadow: 0 40px 120px rgba(0, 0, 0, .72);
}

.result-preview-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 50%;
  background: rgba(0, 0, 0, .34);
  color: var(--white);
}

.result-preview-age-gate {
  display: grid;
  justify-items: center;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.result-preview-age-gate > svg {
  margin-bottom: 18px;
  color: var(--brand-pink);
}

.result-preview-age-gate h2,
.result-preview-video h2 {
  margin: 8px 0 16px;
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: 1.02;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

.result-preview-age-gate > p:not(.eyebrow) {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: 1.05rem;
  line-height: 1.65;
}

.result-preview-age-gate > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}

.result-preview-video {
  display: grid;
  gap: 12px;
}

.result-preview-video h2 {
  max-width: 18ch;
  margin-top: 0;
  font-size: clamp(1.7rem, 3.5vw, 2.8rem);
}

.result-preview-video .reliable-video {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 16px;
  background: #050405;
}

.result-product-offer.is-footer .result-product-purchase {
  grid-column: 2;
  grid-row: 1 / span 5;
  display: grid;
  align-content: center;
  align-self: stretch;
  margin: 0;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid color-mix(in srgb, var(--brand-pink) 46%, transparent);
  border-radius: 24px;
  background: color-mix(in srgb, var(--brand-pink) 11%, #151215);
}

.result-product-offer.is-footer .result-product-preview-button {
  grid-column: 1;
}

.result-product-offer.is-footer .result-product-purchase strong {
  font-size: clamp(1.9rem, 3vw, 3.25rem);
}

.result-product-offer.is-footer .result-product-purchase .result-product-current-price {
  font-size: clamp(2.75rem, 4vw, 3.45rem);
}

.result-product-offer.is-footer .result-product-purchase .primary-button {
  width: 100%;
}

.result-product-offer.is-footer .result-product-note {
  grid-column: 2;
  text-align: center;
}

.checkout-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, .82);
  backdrop-filter: blur(16px);
}

.checkout-modal-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  width: min(1040px, 100%);
  height: min(900px, calc(100vh - 48px));
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: #111012;
  box-shadow: 0 36px 120px rgba(0, 0, 0, .7);
}

.checkout-modal-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: start;
  padding: 22px 24px;
  border-bottom: 1px solid var(--line);
}

.checkout-modal-head h2 {
  margin: 2px 0 6px;
  font-size: 1.55rem;
}

.checkout-modal-head span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: var(--muted);
  font-size: .9rem;
}

.checkout-modal-head span svg {
  color: var(--mint);
}

.checkout-modal-close {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  color: var(--white);
}

.checkout-form {
  overflow-y: auto;
  display: grid;
  align-content: start;
  gap: 22px;
  padding: clamp(24px, 5vw, 54px);
}

.checkout-step-intro { display: grid; gap: 7px; }
.checkout-step-intro h3 { margin: 0; color: var(--white); font-size: clamp(1.4rem, 2.5vw, 2rem); }
.checkout-step-intro p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.55; }

.checkout-testimonial-bonus {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  padding: 17px 18px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgb(var(--brand-pink-rgb) / 0.14), transparent 40%),
    rgba(255, 255, 255, .035);
}

.checkout-testimonial-bonus > svg {
  display: block;
  color: var(--brand-pink);
  margin-top: 2px;
}

.checkout-testimonial-bonus > div { display: grid; gap: 7px; min-width: 0; }
.checkout-testimonial-kicker { color: var(--brand-pink); font-size: .72rem; font-weight: 950; letter-spacing: .045em; text-transform: uppercase; }
.checkout-testimonial-bonus strong { color: #fff; font-size: 1.05rem; line-height: 1.3; }
.checkout-testimonial-bonus p { margin: 0; color: #bfbfbf; font-size: .84rem; line-height: 1.5; }
.checkout-testimonial-bonus ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.checkout-testimonial-bonus li { display: grid; align-items: start; gap: 10px; padding: 13px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #ededed; background: rgba(0,0,0,.2); font-size: .82rem; }
.checkout-testimonial-bonus li svg { color: var(--mint); flex: 0 0 auto; }
.checkout-testimonial-bonus small { color: #a1a1a1; font-size: .72rem; line-height: 1.45; }
.checkout-testimonial-reward-copy { display: flex; align-items: flex-start; gap: 9px; min-width: 0; }
.checkout-testimonial-reward-copy b { line-height: 1.45; }
.checkout-testimonial-reward-value { display: flex; align-items: center; gap: 9px; margin-left: 28px; }
.checkout-testimonial-reward-value s { color: #b4b4b4; font-size: .8rem; font-weight: 800; white-space: nowrap; }
.checkout-testimonial-reward-value strong { padding: 5px 8px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.48); border-radius: 7px; color: var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.1); font-size: .7rem; letter-spacing: .04em; }

.checkout-currency-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
}

.checkout-currency-picker legend {
  grid-column: 1 / -1;
  margin-bottom: 3px;
  color: var(--white);
  font-weight: 850;
}

.checkout-currency-picker > p {
  grid-column: 1 / -1;
  margin: -5px 0 2px;
  color: var(--muted);
  font-size: .9rem;
}

.checkout-currency-picker label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: 12px;
  align-items: center;
  min-height: 106px;
  padding: 18px;
  border: 2px solid rgba(255, 255, 255, .15);
  border-radius: 14px;
  background: rgba(255, 255, 255, .04);
  cursor: pointer;
}

.checkout-currency-picker label.is-selected {
  border-color: var(--brand-pink);
  background: color-mix(in srgb, var(--brand-pink) 16%, transparent);
  box-shadow: 0 12px 30px rgb(var(--brand-pink-rgb) / 0.14);
}

.checkout-currency-picker input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.checkout-currency-check { color: rgba(255, 255, 255, .3); }
.checkout-currency-picker label.is-selected .checkout-currency-check { color: var(--brand-pink); }

.checkout-currency-copy { display: grid; gap: 4px; }
.checkout-currency-copy strong { color: var(--white); font-size: 1rem; }
.checkout-currency-copy small {
  color: var(--muted);
  font-size: .78rem;
}

.checkout-currency-picker b {
  color: var(--white);
  font-size: 1.2rem;
  white-space: nowrap;
}

.checkout-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.checkout-form-grid label:first-child {
  grid-column: 1 / -1;
}

.checkout-form-grid label,
.checkout-country-field {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 700;
}

.checkout-form-grid input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
  color: var(--white);
  padding: 14px 15px;
  font: inherit;
}

.checkout-form-grid input:focus {
  border-color: var(--brand-pink);
  outline: 2px solid color-mix(in srgb, var(--brand-pink) 30%, transparent);
}

.checkout-country-select {
  position: relative;
}

.checkout-country-trigger {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 15px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
  color: var(--white);
  font: inherit;
  font-size: 1rem;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.checkout-country-trigger .is-placeholder { color: rgba(255, 247, 251, .52); }
.checkout-country-trigger svg { flex: 0 0 auto; transition: transform .18s ease; }
.checkout-country-select.is-open .checkout-country-trigger {
  border-color: var(--brand-pink);
  outline: 2px solid color-mix(in srgb, var(--brand-pink) 30%, transparent);
}
.checkout-country-select.is-open .checkout-country-trigger svg { transform: rotate(180deg); }

.checkout-country-options {
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  display: grid;
  gap: 5px;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 12px;
  background: #181519;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .48);
}

.checkout-country-options button {
  display: flex;
  width: 100%;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: rgba(255, 247, 251, .84);
  font: inherit;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.checkout-country-options button:hover,
.checkout-country-options button.is-selected {
  border-color: rgb(var(--brand-pink-rgb) / 0.34);
  background: rgb(var(--brand-pink-rgb) / 0.14);
  color: var(--white) !important;
}

.checkout-country-options button svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.checkout-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.55;
}

.checkout-check.is-marketing {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  background: rgba(255, 255, 255, .04);
  padding: 13px 15px;
}

.checkout-check.is-marketing > span { display: grid; gap: 4px; }
.checkout-check.is-marketing strong { color: var(--white); font-size: 1rem; }
.checkout-check.is-marketing small { display: block; color: rgba(255,247,251,.68); font-size: .76rem; line-height: 1.5; }

.checkout-check input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--brand-pink);
}

.checkout-check a {
  color: var(--white);
  text-decoration: underline;
}

.checkout-submit {
  width: 100%;
  justify-content: center;
}

.checkout-submit:disabled {
  cursor: wait;
  opacity: .7;
}

.checkout-form-error {
  margin: 0;
  border: 1px solid rgba(255, 105, 89, .35);
  border-radius: 8px;
  background: rgba(255, 105, 89, .1);
  color: #ffd2cd;
  padding: 12px 14px;
}

.checkout-provider-note {
  margin: -8px 0 0;
  color: var(--muted);
  text-align: center;
  font-size: .82rem;
}

.checkout-order-consent {
  margin: -5px 0 -7px;
  color: rgba(255, 247, 251, .64);
  font-size: .75rem;
  line-height: 1.5;
  text-align: center;
}

.checkout-order-consent a {
  color: rgba(255, 247, 251, .88);
}

.checkout-unavailable,
.payment-return {
  display: grid;
  justify-items: start;
  gap: 14px;
  max-width: 720px;
  min-height: 65vh;
  align-content: center;
}

.checkout-unavailable h1,
.payment-return h1,
.payment-return h2,
.payment-return p {
  margin: 0;
}

.payment-return h1 {
  max-width: 16ch;
  font-size: clamp(2.35rem, 6vw, 4.8rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.payment-return h2 {
  color: var(--text);
  font-size: clamp(1.1rem, 2.2vw, 1.45rem);
  line-height: 1.25;
}

.payment-return-copy {
  display: grid;
  gap: 10px;
  max-width: 620px;
  color: var(--text);
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  line-height: 1.58;
}

.payment-return-note {
  color: var(--muted);
  font-size: .94em;
}

@media (max-width: 620px) {
  .payment-return {
    min-height: 58vh;
    gap: 12px;
  }

  .payment-return > svg { width: 44px; height: 44px; }
  .payment-return h1 { font-size: clamp(2.25rem, 12vw, 3.35rem); }
}

.payment-return.is-paid > svg { color: var(--mint); }
.payment-return.is-cancelled > svg,
.payment-return.is-failed > svg { color: var(--brand-pink); }
.payment-return.is-payment_pending > svg { color: var(--brand-pink); }

.admin-live-commerce {
  display: grid;
  gap: 18px;
  margin: 24px 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
  padding: 20px;
}

.admin-commerce-intro {
  max-width: 680px;
  margin: 7px 0 0;
  color: var(--muted);
}

.admin-commerce-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  align-items: end;
}

.admin-commerce-toolbar label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-commerce-toolbar select {
  min-width: 176px;
  min-height: 46px;
  padding: 0 38px 0 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--white);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}

.admin-live-ok,
.admin-live-error {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  border-radius: 8px;
  padding: 11px 13px;
}

.admin-live-ok { background: rgba(73, 211, 170, .1); color: var(--mint); }
.admin-live-error { background: rgba(255, 105, 89, .1); color: #ffd2cd; }

.admin-commerce-table-wrap {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(3, 3, 4, 0.24);
}

.admin-commerce-table {
  width: 100%;
  min-width: 0;
}

.admin-commerce-table-head,
.admin-commerce-payment-row {
  display: grid;
  grid-template-columns:
    minmax(108px, 0.85fr)
    minmax(128px, 1.15fr)
    minmax(128px, 1.1fr)
    minmax(76px, 0.62fr)
    minmax(106px, 0.82fr)
    minmax(92px, 0.7fr)
    20px;
  gap: 8px;
  align-items: center;
}

.admin-commerce-table-head {
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.admin-commerce-payment-row {
  width: 100%;
  padding: 12px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  background: transparent;
  color: var(--white);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, transform 160ms ease;
}

.admin-commerce-payment-row:last-child {
  border-bottom: 0;
}

.admin-commerce-payment-row:hover,
.admin-commerce-payment-row:focus-visible,
.admin-commerce-payment-row[aria-expanded="true"] {
  background:
    linear-gradient(90deg, rgba(255, 63, 127, 0.13), rgba(255, 91, 77, 0.05)),
    rgba(255, 255, 255, 0.025);
}

.admin-commerce-payment-row > span:not(.admin-commerce-row-arrow) {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.admin-commerce-payment-row b,
.admin-commerce-payment-row strong {
  overflow: hidden;
  color: var(--white);
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-commerce-payment-row strong {
  font-size: 0.86rem;
  font-weight: 950;
}

.admin-commerce-payment-row small {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-commerce-row-arrow {
  display: grid;
  place-items: center;
  color: var(--coral);
}

.admin-commerce-status {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 26px;
  padding: 4px 7px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.07);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.admin-commerce-status.is-paid {
  border-color: rgba(73, 211, 170, 0.3);
  background: rgba(73, 211, 170, 0.11);
  color: var(--mint);
}

.admin-commerce-status.is-pending {
  border-color: rgba(255, 151, 15, 0.34);
  background: rgba(255, 151, 15, 0.12);
  color: #ffc36d;
}

.admin-commerce-status.is-superseded {
  border-color: rgba(143, 159, 214, 0.36);
  background: rgba(143, 159, 214, 0.12);
  color: #c5cff5;
}

.admin-commerce-status.is-cancelled,
.admin-commerce-status.is-failed {
  border-color: rgba(255, 91, 77, 0.35);
  background: rgba(255, 91, 77, 0.12);
  color: #ffaaa0;
}

.admin-commerce-demo-note {
  display: flex;
  gap: 7px;
  align-items: baseline;
  margin: 0;
  padding: 10px 12px;
  border: 1px dashed rgba(255, 151, 15, 0.34);
  border-radius: 10px;
  background: rgba(255, 151, 15, 0.07);
  color: var(--muted);
  font-size: 0.76rem;
}

.admin-commerce-demo-note strong,
.admin-commerce-demo-badge {
  color: #ffc36d;
}

.admin-commerce-demo-badge {
  display: inline-flex;
  width: fit-content;
  margin-top: 10px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 151, 15, 0.34);
  border-radius: 999px;
  background: rgba(255, 151, 15, 0.1);
  font-size: 0.7rem;
  font-weight: 900;
}

.admin-commerce-pagination {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.admin-commerce-pagination > span {
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 850;
}

.admin-commerce-detail-backdrop {
  position: fixed;
  z-index: 180;
  inset: 0;
  display: grid;
  align-items: start;
  justify-items: center;
  overflow-y: auto;
  padding: clamp(16px, 4vw, 52px);
  background: rgba(4, 3, 5, 0.82);
  backdrop-filter: blur(14px);
}

.admin-commerce-detail {
  display: grid;
  gap: 20px;
  width: min(1120px, 100%);
  padding: clamp(20px, 3.5vw, 40px);
  border: 1px solid rgba(255, 91, 77, 0.28);
  border-radius: 24px;
  background:
    radial-gradient(circle at 96% 0%, rgba(255, 63, 127, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
    #121013;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58);
}

.admin-commerce-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: start;
}

.admin-commerce-detail-head h2 {
  margin: 6px 0 0;
  font-size: clamp(1.8rem, 4vw, 3.4rem);
  line-height: 0.98;
}

.admin-commerce-close {
  display: grid;
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: var(--white);
  cursor: pointer;
}

.admin-commerce-detail-loading {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--muted);
}

.admin-commerce-detail-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.admin-commerce-detail-summary article {
  display: grid;
  gap: 6px;
  align-content: start;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.2);
}

.admin-commerce-detail-summary small {
  color: var(--coral);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.admin-commerce-detail-summary strong {
  overflow-wrap: anywhere;
  color: var(--white);
  font-size: 1.08rem;
}

.admin-commerce-detail-summary a,
.admin-commerce-detail-summary article > span:not(.admin-commerce-detail-icon) {
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: 0.84rem;
}

.admin-commerce-detail-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  margin-bottom: 5px;
  border-radius: 12px;
  background: rgba(255, 63, 127, 0.12);
  color: var(--coral);
}

.admin-commerce-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.admin-commerce-detail-card,
.admin-commerce-history {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.18);
}

.admin-commerce-detail-card-head {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--coral);
}

.admin-commerce-detail-card-head h3 {
  margin: 0;
  color: var(--white);
  font-size: 1rem;
}

.admin-commerce-detail-card dl {
  display: grid;
  gap: 0;
  margin: 0;
}

.admin-commerce-detail-card dl > div {
  display: grid;
  grid-template-columns: minmax(126px, 0.55fr) minmax(0, 1fr);
  gap: 16px;
  padding: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.admin-commerce-detail-card dt {
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 850;
}

.admin-commerce-detail-card dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--white);
  font-size: 0.86rem;
  text-align: right;
}

.admin-commerce-history > div:not(.admin-commerce-detail-card-head) {
  display: grid;
  grid-template-columns: minmax(150px, 0.28fr) minmax(0, 1fr);
  gap: 18px;
  padding: 11px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.admin-commerce-history time {
  color: var(--muted);
  font-size: 0.8rem;
}

.admin-commerce-history span {
  color: var(--white);
  font-size: 0.86rem;
}

.admin-commerce-invoice-section {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.18);
}

.admin-commerce-invoice-section > .admin-commerce-detail-card-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.admin-commerce-invoice-section h3,
.admin-commerce-invoice-section p {
  margin: 0;
}

.admin-commerce-invoice-section .admin-commerce-detail-card-head p,
.admin-commerce-invoice-pending {
  color: var(--muted);
  font-size: 0.8rem;
}

.admin-invoice-pdf-shell {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: clamp(12px, 2vw, 24px);
  border-radius: 14px;
  background: #39373a;
}

.admin-invoice-pdf-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: min(794px, 100%);
  aspect-ratio: 210 / 297;
  margin: 0;
  border-radius: 4px;
  background: #fff;
  color: #242124;
}

.admin-invoice-pdf-document {
  display: block;
  width: min(794px, 100%);
  aspect-ratio: 210 / 297;
  border: 0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.admin-invoice-preview {
  display: grid;
  gap: 20px;
  padding: clamp(18px, 3vw, 32px);
  border-radius: 12px;
  background: #f8f8f8;
  color: #171717;
}

.admin-invoice-preview-head,
.admin-invoice-parties,
.admin-invoice-line,
.admin-invoice-total {
  display: grid;
  gap: 10px;
}

.admin-invoice-preview-head {
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.admin-invoice-preview-head > div {
  display: grid;
  gap: 4px;
}

.admin-invoice-preview-head > div:last-child {
  justify-items: end;
  text-align: right;
}

.admin-invoice-preview-head span {
  color: #ff3f7f;
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.12em;
}

.admin-invoice-preview-head strong {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
}

.admin-invoice-preview-head small {
  color: #666;
}

.admin-invoice-parties {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 18px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.admin-invoice-parties section {
  display: grid;
  gap: 4px;
}

.admin-invoice-parties small {
  color: #777;
  font-weight: 850;
  text-transform: uppercase;
}

.admin-invoice-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.admin-invoice-meta div {
  display: grid;
  gap: 4px;
}

.admin-invoice-meta dt {
  color: #777;
  font-size: 0.72rem;
}

.admin-invoice-meta dd {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 800;
}

.admin-invoice-line {
  grid-template-columns: 70px minmax(0, 1fr) auto;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.admin-invoice-total {
  grid-template-columns: 1fr auto;
  align-items: end;
  justify-items: end;
  font-size: 1rem;
}

.admin-invoice-total strong {
  color: #ff3f7f;
  font-size: 1.45rem;
}

.admin-invoice-preview > p {
  color: #777;
  font-size: 0.72rem;
}

@media (max-width: 760px) {
  .admin-live-commerce {
    padding: 16px;
  }

  .admin-live-commerce > .admin-panel-head,
  .admin-commerce-toolbar {
    align-items: stretch;
  }

  .admin-commerce-toolbar,
  .admin-commerce-toolbar label,
  .admin-commerce-toolbar select,
  .admin-commerce-filter,
  .admin-commerce-filter > .admin-select {
    width: 100%;
  }

  .admin-commerce-table-wrap {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .admin-commerce-demo-note {
    display: grid;
  }

  .admin-commerce-table {
    display: grid;
    min-width: 0;
    gap: 10px;
  }

  .admin-commerce-table-head {
    display: none;
  }

  .admin-commerce-payment-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 16px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.2);
  }

  .admin-commerce-payment-row > span:not(.admin-commerce-row-arrow)::before {
    content: attr(data-label);
    color: var(--coral);
    font-size: 0.64rem;
    font-weight: 950;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }

  .admin-commerce-payment-row > span:nth-child(2),
  .admin-commerce-payment-row > span:nth-child(3) {
    grid-column: 1 / -1;
  }

  .admin-commerce-payment-row > span:nth-child(6) {
    align-self: end;
  }

  .admin-commerce-row-arrow {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .admin-commerce-detail-backdrop {
    padding: 0;
  }

  .admin-commerce-detail {
    min-height: 100%;
    border: 0;
    border-radius: 0;
    padding: 22px 16px 34px;
  }

  .admin-commerce-detail-summary,
  .admin-commerce-detail-grid {
    grid-template-columns: 1fr;
  }

  .admin-commerce-detail-card dl > div,
  .admin-commerce-history > div:not(.admin-commerce-detail-card-head) {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .admin-commerce-detail-card dd {
    text-align: left;
  }

  .admin-commerce-invoice-section > .admin-commerce-detail-card-head,
  .admin-invoice-preview-head,
  .admin-invoice-parties,
  .admin-invoice-meta {
    grid-template-columns: 1fr;
  }

  .admin-commerce-invoice-section > .admin-commerce-detail-card-head .ghost-button {
    width: 100%;
  }

  .admin-invoice-pdf-shell {
    padding: 8px;
  }

  .admin-invoice-preview-head > div:last-child {
    justify-items: start;
    text-align: left;
  }

  .admin-invoice-line {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .admin-invoice-line b {
    grid-column: 2;
  }
}

@media (max-width: 900px) {
  .funnel-landing-hero,
  .funnel-quiz-section,
  .funnel-result-layout {
    grid-template-columns: 1fr;
  }

  .funnel-result-page.is-structured-prototype {
    width: min(100% - 24px, 1240px);
    padding-top: 24px;
  }

  .is-structured-prototype .funnel-result-hero,
  .is-structured-prototype .funnel-result-diagnosis {
    padding: 24px 20px;
    border-radius: 22px;
  }

  .is-structured-prototype .funnel-result-hero h1 {
    font-size: clamp(2.45rem, 12.5vw, 3.15rem);
    overflow-wrap: normal;
    word-break: normal;
  }

  .structured-result-chapter {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    padding-bottom: 40px;
  }

  .structured-result-icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .structured-result-icon svg {
    width: 22px;
    height: 22px;
  }

  .structured-result-chapter:not(:last-child)::before {
    top: 49px;
    bottom: 10px;
    left: 23px;
  }

  .structured-result-copy h2 {
    margin-bottom: 14px;
    font-size: 1.75rem;
  }

  .structured-result-copy > p:not(.structured-result-kicker) {
    font-size: 1rem;
    line-height: 1.62;
  }

  .ff27-proof-band {
    margin-bottom: 46px;
    padding: 20px 17px;
    border-radius: 17px;
    min-height: 0;
  }

  .ff27-proof-band:not(.is-man) blockquote {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 6px 10px;
  }

  .ff27-proof-band:not(.is-man) blockquote > svg {
    width: 23px;
    height: 23px;
  }

  .ff27-proof-band__controls {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .ff27-proof-band__controls a {
    flex-basis: 100%;
    margin: 5px 0 0;
  }

  .funnel-landing-hero {
    min-height: auto;
    gap: 44px;
  }

  .funnel-landing-copy h1 {
    font-size: 4rem;
  }

  .funnel-quiz-section > header,
  .result-product-offer {
    position: static;
  }

  .funnel-result-hero h1 {
    font-size: 3.7rem;
  }

  .result-product-offer.is-sidebar {
    max-width: 680px;
  }

  .result-product-offer.is-modal {
    grid-template-columns: minmax(160px, .58fr) minmax(0, 1.42fr);
  }

  .result-product-offer.is-footer {
    grid-template-columns: minmax(200px, .52fr) minmax(0, 1.48fr);
  }

  .result-product-offer.is-footer .result-product-copy {
    grid-template-columns: 1fr;
  }

  .result-product-offer.is-footer .result-product-purchase,
  .result-product-offer.is-footer .result-product-note {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 620px) {
  .funnel-landing-page,
  .funnel-result-page {
    width: min(100% - 28px, 1360px);
    padding: 38px 0 68px;
  }

  .funnel-landing-hero {
    padding: 18px 0 48px;
  }

  .funnel-landing-copy h1 {
    font-size: 3rem;
    line-height: 1.02;
  }

  .funnel-quiz-section {
    gap: 28px;
    padding-top: 54px;
  }

  .funnel-quiz-section > header h2 {
    font-size: 2.35rem;
  }

  .funnel-quiz-section .quiz {
    min-height: 0;
    padding: 26px 20px;
  }

  .funnel-quiz-section .quiz h3 {
    font-size: 1.65rem;
  }

  .funnel-quiz-section .option-card {
    min-height: 64px;
    padding: 15px;
  }

  .funnel-result-hero {
    padding: 20px 0 38px;
  }

  .funnel-result-hero h1 {
    font-size: 2.75rem;
    line-height: 1.04;
  }

  .funnel-result-layout {
    gap: 44px;
    padding-top: 42px;
  }

  .funnel-result-html p {
    font-size: 1rem;
    line-height: 1.7;
  }

  .funnel-result-html h1,
  .funnel-result-html h2,
  .funnel-result-html h3,
  .funnel-result-html h4 {
    margin-top: 34px;
    font-size: 1.7rem;
  }

  .result-product-offer {
    padding: 22px;
  }

  .result-product-offer h2 {
    font-size: 1.35rem;
  }

  .result-product-offer.is-modal {
    grid-template-columns: 1fr;
  }

  .result-product-offer.is-modal .result-product-visual {
    width: min(100%, 320px);
    max-height: none;
    aspect-ratio: 1 / 1;
  }

  .result-product-offer.is-footer {
    grid-template-columns: 1fr;
    padding: 22px;
    border-radius: 20px;
  }

  .result-product-offer.is-footer .result-product-visual {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .result-product-offer.is-footer .result-product-purchase {
    padding: 22px;
    border-radius: 18px;
  }

  .result-product-preview-button {
    grid-template-columns: 24px minmax(0, 1fr) 20px;
    gap: 8px;
    min-height: 64px;
    padding: 15px 14px;
    font-size: .98rem;
  }

  .result-product-preview-button > svg {
    max-width: 100%;
  }

  .result-product-purchase {
    display: grid;
  }

  .result-product-bonus-grid {
    grid-template-columns: 1fr;
  }

  .result-product-purchase .primary-button {
    width: 100%;
  }

  .result-product-purchase .result-product-current-price,
  .youtube-safe-price .result-product-current-price,
  .youtube-safe-purchase-option .result-product-current-price {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }

  .result-product-inside {
    grid-template-columns: 1fr;
  }

  .result-preview-modal {
    padding: 10px;
  }

  .result-preview-panel {
    max-height: calc(100vh - 20px);
    padding: 58px 18px 22px;
    border-radius: 20px;
  }

  .result-preview-age-gate > div {
    display: grid;
    width: 100%;
  }

  .result-preview-age-gate .primary-button,
  .result-preview-age-gate .ghost-button {
    width: 100%;
  }

  .checkout-modal {
    padding: 0;
  }

  .checkout-modal-panel {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .checkout-modal-head {
    padding: 16px;
  }

  .checkout-modal-head h2 {
    font-size: 1.25rem;
  }

  .checkout-modal-foot {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 16px;
  }

  .checkout-form-grid {
    grid-template-columns: 1fr;
  }

  .checkout-currency-picker {
    grid-template-columns: 1fr;
  }

  .checkout-form-grid label:first-child {
    grid-column: auto;
  }

  .checkout-form {
    padding: 22px 16px 32px;
  }

  .checkout-testimonial-bonus {
    grid-template-columns: 1fr;
  }

  .checkout-testimonial-bonus li {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Šťastná ložnice: na telefonu musí úvod a obsah tvořit dva samostatné řádky.
   Specifický desktopový poměr sloupců by jinak přebil obecné mobilní pravidlo. */
@media (max-width: 700px) {
  .product-page-detail.theme-stastna-loznice .detail-outcomes-section {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .product-page-detail.theme-stastna-loznice .detail-outcomes-heading,
  .product-page-detail.theme-stastna-loznice .happy-bedroom-content-groups {
    min-width: 0;
  }

  .product-page-detail.theme-stastna-loznice .detail-outcomes-heading h3 {
    max-width: 100%;
    font-size: clamp(2.25rem, 11vw, 3.1rem);
  }

  .product-page-detail.theme-stastna-loznice .detail-outcomes-section .happy-bedroom-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

.checkout-check.is-digital-consent {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  padding: 13px 15px;
  background: rgba(255, 255, 255, .04);
}
.checkout-check.is-digital-consent > span { display: grid; gap: 4px; }
.checkout-check.is-digital-consent strong { color: var(--white); font-size: 1rem; }
.checkout-check.is-digital-consent small { display: block; color: rgba(255,247,251,.68); font-size: .76rem; line-height: 1.5; }

.withdrawal-page {
  width: min(960px, calc(100% - 32px));
  padding-block: 54px 80px;
}

.withdrawal-hero {
  max-width: 760px;
  margin-bottom: 26px;
}

.withdrawal-hero-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 24px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.5);
  border-radius: 18px;
  background: rgb(var(--brand-pink-rgb) / 0.1);
  color: var(--brand-pink);
}

.withdrawal-hero h1 {
  max-width: none;
  margin: 10px 0 18px;
  font-size: clamp(2.6rem, 7vw, 5.4rem);
  line-height: .98;
}

.withdrawal-hero > p:last-child {
  max-width: 660px;
  color: var(--muted);
  font-size: clamp(1rem, 2vw, 1.22rem);
  line-height: 1.65;
}

.withdrawal-card,
.withdrawal-order-card,
.withdrawal-law-note {
  margin-top: 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 24px;
  background: linear-gradient(145deg, rgb(34 34 34 / 0.96), rgba(17, 13, 15, .98));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
}

.withdrawal-card {
  padding: clamp(24px, 5vw, 44px);
}

.withdrawal-card.is-loading,
.withdrawal-error,
.withdrawal-success {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.withdrawal-error {
  border-color: rgba(255, 135, 122, .52);
  color: #ffb8af;
}

.withdrawal-success {
  border-color: rgba(100, 221, 178, .5);
}

.withdrawal-success > svg {
  flex: 0 0 auto;
  color: #69ddb2;
}

.withdrawal-success h2,
.withdrawal-error h2 {
  margin: 4px 0 10px;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
}

.withdrawal-success p,
.withdrawal-error p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.withdrawal-success small {
  display: block;
  margin-top: 14px;
  color: #8fdcbe;
}

.withdrawal-order-card {
  display: grid;
  grid-template-columns: 1.45fr .8fr 1fr;
  overflow: hidden;
}

.withdrawal-order-card > div {
  min-width: 0;
  padding: 24px;
}

.withdrawal-order-card > div + div {
  border-left: 1px solid rgba(255, 255, 255, .1);
}

.withdrawal-order-card span,
.withdrawal-order-card small {
  display: block;
  color: var(--muted);
}

.withdrawal-order-card strong {
  display: block;
  margin: 8px 0;
  overflow-wrap: anywhere;
  font-size: 1.08rem;
}

.withdrawal-law-note {
  display: flex;
  gap: 18px;
  padding: 24px;
  border-color: rgb(var(--brand-pink-rgb) / 0.35);
  background: linear-gradient(145deg, rgb(34 34 34 / 0.94), rgba(17, 13, 15, .98));
}

.withdrawal-law-note > svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.withdrawal-law-note h2 {
  margin: 0 0 8px;
  font-size: 1.2rem;
}

.withdrawal-law-note p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.withdrawal-law-note small {
  display: block;
  margin-top: 12px;
  color: var(--brand-pink);
  line-height: 1.55;
}

.withdrawal-form-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}

.withdrawal-form-head > svg {
  color: var(--brand-pink);
}

.withdrawal-form-head h2 {
  margin: 5px 0 0;
  font-size: clamp(1.55rem, 4vw, 2.2rem);
}

.withdrawal-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.withdrawal-form label:not(.checkout-check) {
  display: grid;
  gap: 8px;
  color: #f5edf1;
  font-weight: 700;
}

.withdrawal-form input:not([type="checkbox"]),
.withdrawal-form textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 13px;
  padding: 14px 16px;
  background: rgba(5, 4, 5, .72);
  color: #fff;
  font: inherit;
  box-sizing: border-box;
}

.withdrawal-form textarea {
  resize: vertical;
}

.withdrawal-form label small {
  color: var(--muted);
  font-weight: 400;
}

.withdrawal-reason {
  grid-column: 1 / -1;
}

.withdrawal-declaration {
  margin: 22px 0;
}

.withdrawal-form .primary-button {
  width: 100%;
  justify-content: center;
}

.withdrawal-form-footnote {
  margin: 16px 0 0;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.55;
  text-align: center;
}

/* Global overflow guardrails. Every layout child may shrink inside flex/grid,
   media never grows past its card, and ordinary words stay intact. */
html,
body,
#root {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

:where(main, section, article, header, footer, nav, aside, form, fieldset, div) {
  min-width: 0;
}

:where(img, picture, video, canvas, iframe) {
  max-width: 100%;
}

:where(h1, h2, h3, h4, h5, h6) {
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

:where(p, li, dd, dt, blockquote, label, button, a) {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}

:where(a[href^="mailto:"], a[href^="tel:"], code, pre) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 900px) {
  .product-page-detail .product-detail-copy h1 {
    font-size: clamp(2.15rem, 11vw, 4rem);
  }
}

@media (max-width: 720px) {
  .withdrawal-page {
    width: min(100% - 22px, 960px);
    padding-block: 30px 60px;
  }

  .withdrawal-hero h1 {
    font-size: clamp(2.35rem, 14vw, 4rem);
  }

  .withdrawal-order-card,
  .withdrawal-form-grid {
    grid-template-columns: 1fr;
  }

  .withdrawal-order-card > div + div {
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-left: 0;
  }

  .withdrawal-reason {
    grid-column: auto;
  }

  .withdrawal-card,
  .withdrawal-law-note {
    border-radius: 19px;
  }
}
.unsubscribe-page {
  display: grid;
  min-height: min(760px, calc(100vh - 220px));
  place-items: center;
  padding-block: clamp(36px, 8vw, 100px);
}

.unsubscribe-card {
  align-items: center;
  background:
    radial-gradient(circle at 50% 0%, rgb(var(--brand-pink-rgb) / 0.16), transparent 48%),
    rgba(22, 18, 21, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 32px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.32);
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 720px;
  padding: clamp(34px, 7vw, 72px);
  text-align: center;
  width: 100%;
}

.unsubscribe-card > svg {
  color: var(--brand-pink);
}

.unsubscribe-card h1 {
  font-size: clamp(2.2rem, 7vw, 4.4rem);
  line-height: 0.98;
  margin: 0;
}

.unsubscribe-card > p:not(.eyebrow, .unsubscribe-help) {
  color: var(--muted);
  font-size: clamp(1.05rem, 2.4vw, 1.3rem);
  line-height: 1.6;
  margin: 0;
}

.unsubscribe-note {
  align-items: center;
  background: rgb(var(--brand-pink-rgb) / 0.1);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.28);
  border-radius: 16px;
  color: var(--brand-pink);
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 14px 18px;
}

.unsubscribe-help {
  color: var(--muted);
  line-height: 1.55;
  margin: 0;
}

.unsubscribe-help a {
  color: var(--brand-pink);
}

@media (max-width: 600px) {
  .unsubscribe-page {
    min-height: calc(100vh - 160px);
    padding-inline: 16px;
  }

  .unsubscribe-card {
    border-radius: 24px;
    padding: 34px 22px;
  }
}
/* Veřejná, mediálně bezpečná nabídka Šťastné ložnice pro odkazy z YouTube. */
.happy-bedroom-youtube-page {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 72px 0 96px;
}

.happy-bedroom-youtube-hero,
.happy-bedroom-youtube-final {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
  gap: 48px;
  align-items: center;
  padding: clamp(32px, 5vw, 68px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  background: linear-gradient(135deg, rgb(14 14 14 / 0.98), rgb(var(--brand-pink-rgb) / 0.06));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.happy-bedroom-youtube-copy h1,
.happy-bedroom-youtube-included h2,
.happy-bedroom-youtube-final h2 {
  margin: 12px 0 18px;
  max-width: 830px;
}

.happy-bedroom-youtube-copy h1 {
  font-size: clamp(48px, 7vw, 88px);
  line-height: 0.96;
}

.happy-bedroom-youtube-lead {
  max-width: 760px;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.55;
}

.happy-bedroom-youtube-assurance {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  margin-top: 28px;
  padding: 18px 20px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 18px;
  background: rgb(var(--brand-pink-rgb) / 0.1);
}

.happy-bedroom-youtube-assurance svg {
  flex: 0 0 auto;
  color: var(--brand-pink);
}

.happy-bedroom-youtube-assurance p,
.happy-bedroom-youtube-offer p,
.happy-bedroom-youtube-final p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.55;
}

.happy-bedroom-youtube-offer {
  display: grid;
  gap: 14px;
  padding: 30px;
  border-radius: 24px;
  background: #f2f2f2;
  color: #171717;
}

.happy-bedroom-youtube-offer > span {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.happy-bedroom-youtube-offer > strong {
  font-size: clamp(40px, 5vw, 62px);
  line-height: 1;
}

.happy-bedroom-youtube-original-price {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 15px !important;
  font-weight: 750;
}

.happy-bedroom-youtube-original-price s {
  text-decoration-color: var(--brand-pink);
  text-decoration-thickness: 2px;
}

.happy-bedroom-youtube-offer .happy-bedroom-youtube-original-price {
  color: #727272 !important;
}

.happy-bedroom-youtube-offer > small {
  color: #515151;
  font-size: 15px;
}

.happy-bedroom-youtube-offer .primary-button {
  justify-content: center;
  margin-top: 8px;
  white-space: nowrap;
}

.happy-bedroom-youtube-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 11px 18px;
  border: 1px solid rgb(23 23 23 / 0.24);
  border-radius: 999px;
  color: #232323;
  font-weight: 850;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.happy-bedroom-youtube-preview:hover {
  border-color: rgb(var(--brand-pink-rgb) / 0.52);
  background: rgb(var(--brand-pink-rgb) / 0.08);
  transform: translateY(-1px);
}

.happy-bedroom-youtube-offer p {
  color: #646464;
  font-size: 13px;
  text-align: center;
}

.happy-bedroom-youtube-included {
  padding: 80px clamp(8px, 3vw, 30px);
}

.happy-bedroom-youtube-included h2,
.happy-bedroom-youtube-final h2 {
  font-size: clamp(32px, 5vw, 54px);
  line-height: 1.08;
}

.happy-bedroom-youtube-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}

.happy-bedroom-youtube-grid article {
  min-height: 230px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.04);
}

.happy-bedroom-youtube-grid svg {
  color: var(--brand-pink);
}

.happy-bedroom-youtube-grid h3 {
  margin: 22px 0 10px;
  font-size: 22px;
}

.happy-bedroom-youtube-grid p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.55;
}

.happy-bedroom-youtube-final {
  grid-template-columns: minmax(0, 1fr) auto;
  background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.068), rgb(13 13 13 / 0.98));
}

.happy-bedroom-youtube-final .primary-button {
  white-space: nowrap;
}

.happy-bedroom-youtube-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 24px;
  padding: 28px 12px 0;
}

.happy-bedroom-youtube-legal a {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  text-decoration: none;
}

.happy-bedroom-youtube-legal a:hover {
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 820px) {
  .happy-bedroom-youtube-page {
    width: min(100% - 20px, 1180px);
    padding: 32px 0 64px;
  }

  .happy-bedroom-youtube-hero,
  .happy-bedroom-youtube-final {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 28px 22px;
    border-radius: 22px;
  }

  .happy-bedroom-youtube-grid {
    grid-template-columns: 1fr;
  }

  .happy-bedroom-youtube-grid article {
    min-height: 0;
  }

  .happy-bedroom-youtube-final .primary-button {
    justify-content: center;
    white-space: normal;
  }
}

/* Skutečná členská cesta; zapíná se pouze testovacím účtům nebo globálním přepínačem. */
.member-journey-strip {
  margin: 38px auto;
  padding: 26px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 28px;
  background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.058), rgba(19, 14, 18, 0.98));
}

.member-journey-switch {
  display: flex;
  width: fit-content;
  margin: 0 auto 26px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.28);
}

.member-journey-switch button {
  padding: 11px 20px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.member-journey-switch button.is-active {
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
}

.member-journey-strip.is-entry-choice {
  display: grid;
  grid-template-columns: minmax(250px, 0.72fr) minmax(420px, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: clamp(36px, 5vw, 74px);
  max-width: 1180px;
  min-height: 430px;
  overflow: hidden;
  padding: 28px clamp(36px, 5vw, 68px) 0 34px;
}

.member-journey-strip.is-entry-choice .member-journey-entry-photo {
  align-self: end;
  grid-column: 1;
  grid-row: 1 / span 2;
  height: 100%;
  min-height: 400px;
  position: relative;
}

.member-journey-strip.is-entry-choice .member-journey-entry-photo::after {
  background: radial-gradient(circle, rgb(var(--brand-pink-rgb) / 0.17), transparent 67%);
  content: "";
  inset: 9% -8% 0;
  position: absolute;
}

.member-journey-strip.is-entry-choice .member-journey-entry-photo img {
  bottom: 0;
  filter: drop-shadow(0 24px 38px rgba(0, 0, 0, 0.42));
  height: min(420px, 100%);
  left: 50%;
  max-width: 100%;
  object-fit: contain;
  object-position: bottom;
  position: absolute;
  transform: translateX(-50%);
  z-index: 1;
}

.member-journey-strip.is-entry-choice .member-journey-switch {
  grid-column: 2;
  justify-self: start;
  margin: 4px 0 30px;
}

.member-journey-strip.is-entry-choice .member-journey-entry-copy {
  align-content: start;
  display: grid;
  gap: 28px;
  grid-column: 2;
  grid-template-columns: 1fr;
  padding-bottom: 48px;
}

.member-journey-strip.is-entry-choice .member-journey-entry-copy h2 {
  font-size: clamp(36px, 4vw, 58px);
  line-height: 0.98;
}

.member-journey-strip.is-entry-choice .member-journey-entry-copy p {
  font-size: 17px;
  max-width: 560px;
}

.member-journey-strip.is-entry-choice .member-journey-entry-copy > button {
  grid-column: auto;
  justify-self: start;
  max-width: 420px;
  min-height: 58px;
  padding-inline: 28px;
  width: 100%;
}

.member-journey-content,
.member-journey-empty {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  align-items: center;
  gap: 34px;
}

.member-journey-content h2,
.member-journey-empty h2 {
  margin: 10px 0 14px;
  font-size: clamp(25px, 3vw, 42px);
}

.member-journey-content p,
.member-journey-empty p {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.55;
}

.member-journey-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.11);
}

.member-journey-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--brand-pink);
}

.member-journey-action {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
}

.member-journey-action img {
  width: 72px;
  aspect-ratio: 2 / 3;
  object-fit: contain;
  border-radius: 9px;
}

.member-journey-action button,
.member-journey-empty button {
  display: inline-flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 18px;
  border: 0;
  border-radius: 999px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.member-journey-locked {
  display: inline-flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.58);
  font-weight: 700;
}

.member-journey-complete {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 22px;
  margin: 38px auto;
  padding: 28px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.42);
  border-radius: 28px;
  background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.055), rgba(16, 12, 15, 0.98));
}

.member-journey-complete-summary,
.member-journey-complete-next {
  padding: 24px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.045);
}

.member-journey-complete-summary .product-kind {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.member-journey-complete-summary h2 {
  margin: 14px 0 10px;
  font-size: clamp(28px, 3.5vw, 48px);
}

.member-journey-complete-summary p,
.member-journey-complete-next p {
  color: rgba(255, 255, 255, 0.69);
  line-height: 1.55;
}

.member-journey-complete-summary ul {
  display: grid;
  gap: 10px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.member-journey-complete-summary li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, 0.78);
}

.member-journey-complete-summary li svg { color: var(--brand-pink); }

.member-journey-complete-next {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
}

.member-journey-complete-next > span {
  color: var(--brand-pink);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.member-journey-complete-next > strong {
  margin-top: 12px;
  font-size: 28px;
}

.member-journey-complete-next button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 16px;
  padding: 15px 18px;
  border: 0;
  border-radius: 999px;
  background: var(--brand-pink);
  color: var(--brand-on-pink) !important;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.member-journey-complete-secondary {
  grid-column: 1 / -1;
  opacity: 0.86;
}

.member-journey-complete-secondary .personal-collaboration {
  margin: 0;
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.025);
}

.member-journey-demo-complete {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.member-journey-demo-complete.is-active {
  border-color: rgb(var(--brand-pink-rgb) / 0.6);
  background: rgb(var(--brand-pink-rgb) / 0.12);
  color: var(--brand-pink) !important;
}

.member-completion-screen { padding-top: 70px; }

.member-completion-celebration {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  align-items: center;
  gap: 56px;
  padding: 54px;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.38);
  border-radius: 32px;
  background: radial-gradient(circle at 15% 20%, rgb(var(--brand-pink-rgb) / 0.14), transparent 38%), linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.055), rgba(16, 12, 15, 0.98));
}

.member-completion-score {
  display: flex;
  aspect-ratio: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.45);
  border-radius: 50%;
  color: var(--brand-pink);
  box-shadow: 0 0 60px rgb(var(--brand-pink-rgb) / 0.11);
}

.member-completion-score strong { margin-top: 10px; color: #fff; font-size: 56px; }
.member-completion-score span { color: rgba(255, 255, 255, 0.6); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.member-completion-celebration h1 { max-width: 900px; margin: 16px 0; font-size: clamp(44px, 5.2vw, 78px); line-height: 0.98; }
.member-completion-celebration p { color: rgba(255, 255, 255, 0.66); font-size: 22px; }
.member-completion-celebration ul { display: grid; gap: 11px; margin-top: 28px; padding: 0; list-style: none; }
.member-completion-celebration li { display: flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, 0.76); }
.member-completion-celebration li svg { color: var(--brand-pink); }

.member-completion-options {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 24px;
  margin-top: 24px;
}

.member-completion-options article { padding: 34px; border-radius: 26px; }
.member-completion-options .is-primary { border: 1px solid rgb(var(--brand-pink-rgb) / 0.48); background: linear-gradient(135deg, rgb(var(--brand-pink-rgb) / 0.069), rgb(20 20 20 / 0.95)); }
.member-completion-options .is-secondary { border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.035); }
.member-completion-options span { color: var(--brand-pink); font-size: 13px; font-weight: 850; letter-spacing: 0.09em; text-transform: uppercase; }
.member-completion-options h2 { margin: 12px 0; font-size: clamp(28px, 3vw, 46px); }
.member-completion-options p { max-width: 680px; color: rgba(255, 255, 255, 0.64); line-height: 1.55; }
.member-completion-options button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin-top: 18px; padding: 14px 20px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: transparent; color: #fff; font: inherit; font-weight: 850; cursor: pointer; }
.member-completion-options .is-primary button { border: 0; background: var(--brand-pink); color: var(--brand-on-pink) !important; }

@media (max-width: 760px) {
  .member-journey-strip { padding: 19px; }
  .member-journey-strip.is-entry-choice {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    min-height: 0;
    padding: 20px 20px 0;
  }
  .member-journey-strip.is-entry-choice .member-journey-switch {
    grid-column: 1;
    grid-row: 1;
    justify-self: stretch;
    margin: 0 0 24px;
  }
  .member-journey-strip.is-entry-choice .member-journey-entry-copy {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 22px;
  }
  .member-journey-strip.is-entry-choice .member-journey-entry-copy h2 { font-size: 40px; }
  .member-journey-strip.is-entry-choice .member-journey-entry-copy p { font-size: 15px; }
  .member-journey-strip.is-entry-choice .member-journey-entry-copy > button { max-width: none; }
  .member-journey-strip.is-entry-choice .member-journey-entry-photo {
    grid-column: 1;
    grid-row: 3;
    min-height: 260px;
  }
  .member-journey-strip.is-entry-choice .member-journey-entry-photo img { height: 285px; }
  .member-journey-content,
  .member-journey-empty { grid-template-columns: 1fr; }
  .member-journey-switch { width: 100%; }
  .member-journey-switch button { flex: 1; padding-inline: 10px; }
  .member-journey-complete { grid-template-columns: 1fr; padding: 18px; }
  .member-completion-celebration { grid-template-columns: 1fr; padding: 28px 22px; }
  .member-completion-score { width: 200px; margin: 0 auto; }
  .member-completion-options { grid-template-columns: 1fr; }
}
/* Member library discovery and journey map */
.member-discovery,
.member-happy-bedroom-recommendation,
.member-map {
  width: min(100%, 1240px);
  margin: 52px auto 0;
}

.member-happy-bedroom-recommendation {
  position: relative;
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr) minmax(270px, .72fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  overflow: hidden;
  padding: clamp(25px, 4vw, 44px);
  border: 1px solid rgb(var(--brand-pink-rgb) / 0.44);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 15%, rgb(var(--brand-pink-rgb) / 0.2), transparent 31%),
    linear-gradient(128deg, rgb(var(--brand-pink-rgb) / 0.1), rgb(var(--brand-pink-rgb) / 0.055) 55%, rgba(255, 255, 255, .025)),
    #141116;
  box-shadow: 0 28px 76px rgba(0, 0, 0, .28);
}
.member-happy-bedroom-recommendation::before { position: absolute; inset: 0 9% auto; height: 2px; background: linear-gradient(90deg, transparent, var(--brand-pink) 35%, var(--brand-pink) 65%, transparent); content: ""; }
.member-happy-bedroom-recommendation-art { position: relative; display: grid; place-items: center; min-width: 0; }
.member-happy-bedroom-recommendation-art img { display: block; width: 100%; max-height: 285px; object-fit: contain; filter: drop-shadow(0 22px 30px rgba(0, 0, 0, .48)); }
.member-happy-bedroom-recommendation-art > span { position: absolute; right: -5px; bottom: 13px; padding: 8px 11px; border-radius: 999px; background: #fff; color: #171116; font-size: .66rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; transform: rotate(-3deg); }
.member-happy-bedroom-recommendation-copy { min-width: 0; }
.member-happy-bedroom-recommendation-copy h2 { max-width: 690px; margin: 10px 0 16px; color: #fff; font-size: clamp(2rem, 3.4vw, 3.55rem); letter-spacing: -.05em; line-height: .98; }
.member-happy-bedroom-recommendation-copy > p { max-width: 700px; margin: 0; color: #cbcbcb; font-size: .96rem; line-height: 1.65; }
.member-happy-bedroom-recommendation-copy > p + p { margin-top: 10px; }
.member-happy-bedroom-recommendation-copy .member-happy-bedroom-recommendation-calm { color: #959595; font-size: .82rem; }
.member-happy-bedroom-recommendation-copy ul { display: grid; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; }
.member-happy-bedroom-recommendation-copy li { display: grid; grid-template-columns: 19px minmax(0, 1fr); gap: 8px; color: #e4dce1; font-size: .8rem; line-height: 1.45; }
.member-happy-bedroom-recommendation-copy li svg { margin-top: 1px; color: var(--brand-pink); }
.member-happy-bedroom-recommendation-action { align-content: center; display: grid; min-width: 0; padding-left: clamp(22px, 3vw, 38px); border-left: 1px solid rgba(255, 255, 255, .12); }
.member-happy-bedroom-price-stack { display: grid; gap: 12px; }
.member-happy-bedroom-price-stack > div { display: grid; gap: 3px; }
.member-happy-bedroom-price-stack small { color: #979797; font-size: .62rem; font-weight: 850; letter-spacing: .025em; text-transform: uppercase; }
.member-happy-bedroom-price-stack s { color: #a3a3a3; font-size: .88rem; text-decoration-color: var(--brand-pink); text-decoration-thickness: 2px; }
.member-happy-bedroom-price-stack .is-discounted { padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.1); }
.member-happy-bedroom-price-stack .is-final small { color: var(--brand-pink); }
.member-happy-bedroom-price-stack strong { color: #fff; font-size: clamp(1.75rem, 2.8vw, 2.6rem); letter-spacing: -.05em; line-height: 1; }
.member-happy-bedroom-recommendation-action > b { margin-top: 8px; color: var(--brand-pink); font-size: .75rem; }
.member-happy-bedroom-recommendation-action > p { margin: 0 0 16px; color: #cccccc; font-size: .82rem; line-height: 1.55; }
.member-happy-bedroom-recommendation-action > button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; margin-top: 19px; padding: 12px 16px; border: 0; border-radius: 999px; background: var(--brand-pink); box-shadow: 0 14px 34px rgb(var(--brand-pink-rgb) / 0.2); color: var(--brand-on-pink) !important; cursor: pointer; font: inherit; font-size: .77rem; font-weight: 900; }
.member-happy-bedroom-recommendation-action .member-happy-bedroom-recommendation-choice { margin-top: 9px; color: #827980; font-size: .62rem; line-height: 1.4; text-align: center; }

.member-discovery-heading,
.member-map-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
}

.member-discovery-heading > div,
.member-map-heading > div { max-width: 780px; }
.member-discovery-heading h2 { margin: 8px 0 10px; font-size: clamp(1.75rem, 3vw, 2.65rem); line-height: 1.08; }
.member-map-heading h2 { margin: 10px 0 13px; font-size: clamp(2.15rem, 4vw, 3.55rem); line-height: 1.02; letter-spacing: -.035em; text-shadow: 0 10px 38px rgb(var(--brand-pink-rgb) / 0.16); }
.member-discovery-heading p,
.member-map-heading p { margin: 0; color: var(--muted); line-height: 1.65; }
.member-map-heading .product-kind { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.26); border-radius: 999px; background: rgb(var(--brand-pink-rgb) / 0.09); }
.member-map-heading > .ghost-button { border-color: rgb(var(--brand-pink-rgb) / 0.36); background: rgba(255,255,255,.07); box-shadow: 0 14px 38px rgba(0,0,0,.22); }
.member-map-path-choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 24px; }
.member-map-path-choice > button { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon title arrow" "icon copy arrow"; gap: 5px 18px; align-items: center; min-height: 142px; padding: 27px 28px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.34); border-radius: 23px; background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.079), rgba(29,27,35,.92)); box-shadow: inset 0 1px rgba(255,255,255,.06), 0 18px 48px rgba(0,0,0,.2); color: #fff; cursor: pointer; font: inherit; text-align: left; transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease; }
.member-map-path-choice > button:hover { transform: translateY(-4px); border-color: rgb(var(--brand-pink-rgb) / 0.82); background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.119), rgba(36,31,40,.96)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 24px 58px rgb(var(--brand-pink-rgb) / 0.15); }
.member-map-path-choice > button.is-active { border-color: var(--brand-pink); background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.141), rgb(34 34 34 / 0.98)); box-shadow: 0 22px 58px rgb(var(--brand-pink-rgb) / 0.2); }
.member-map-path-choice > button > span { grid-area: icon; display: grid; place-items: center; width: 66px; height: 66px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.3); border-radius: 19px; background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.3), rgb(var(--brand-pink-rgb) / 0.14)); color: var(--brand-pink); box-shadow: 0 12px 28px rgb(var(--brand-pink-rgb) / 0.12); }
.member-map-path-choice > button > strong { grid-area: title; font-size: clamp(1.2rem, 1.8vw, 1.5rem); line-height: 1.15; }
.member-map-path-choice > button > small { grid-area: copy; color: #c5c5c5; font-size: .86rem; line-height: 1.45; }
.member-map-path-choice > button > svg { grid-area: arrow; color: var(--brand-pink); }
.member-map-choice-prompt { display: flex; justify-content: center; align-items: center; gap: 9px; min-height: 72px; color: #d7d7d7; font-size: .86rem; font-weight: 700; }

.member-discovery-group { margin-top: 34px; }
.member-discovery-group-heading { display: grid; grid-template-columns: minmax(180px, .5fr) 1fr; gap: 24px; align-items: end; margin-bottom: 16px; }
.member-discovery-group-heading h3 { margin: 0; font-size: 1.35rem; }
.member-discovery-group-heading p { margin: 0; color: var(--muted); line-height: 1.55; }
.member-discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.member-discovery-card { display: grid; grid-template-columns: 132px minmax(0, 1fr); min-height: 230px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); box-shadow: 0 18px 52px rgba(0,0,0,.16); }
.member-discovery-cover { position: relative; display: grid; place-items: center; min-height: 100%; padding: 14px 10px 42px; background: rgba(0,0,0,.2); }
.member-discovery-cover img { display: block; width: 100%; height: auto; max-height: 184px; object-fit: contain; }
.member-discovery-cover.is-square img { aspect-ratio: 1; }
.member-discovery-cover.is-portrait img { aspect-ratio: 3 / 4; }
.member-discovery-cover span { position: absolute; left: 8px; right: 8px; bottom: 9px; padding: 5px 7px; border-radius: 999px; background: rgba(10,10,14,.86); color: #fff; font-size: .66rem; text-align: center; }
.member-discovery-copy { display: flex; flex-direction: column; padding: 19px 18px; }
.member-discovery-copy small { color: var(--brand-pink); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.member-discovery-copy h4 { margin: 6px 0 8px; font-size: 1.18rem; }
.member-discovery-copy p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.member-discovery-preview-label { display: flex; align-items: center; gap: 7px; margin: auto 0 12px; padding-top: 14px; color: #dadada; font-size: .78rem; font-weight: 750; }
.member-discovery-copy button,
.member-map-step-copy > button { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 10px 0 0; border: 0; border-top: 1px solid rgba(255,255,255,.1); background: transparent; color: #fff; font: inherit; font-size: .82rem; font-weight: 800; cursor: pointer; text-align: left; }
.member-map-step-copy > button:disabled { color: #77717a; cursor: not-allowed; }

.member-map { position: relative; padding: clamp(28px, 4.5vw, 58px); overflow: hidden; border: 1px solid rgb(var(--brand-pink-rgb) / 0.34); border-radius: 32px; background: radial-gradient(circle at 8% 0, rgb(var(--brand-pink-rgb) / 0.29), transparent 38%), radial-gradient(circle at 82% 12%, rgb(var(--brand-pink-rgb) / 0.028), transparent 34%), linear-gradient(145deg, #17131a, #111119 58%); box-shadow: 0 32px 90px rgba(0,0,0,.32), 0 0 70px rgb(var(--brand-pink-rgb) / 0.07); }
.member-map::before { content: ""; position: absolute; inset: 0 12% auto; height: 2px; background: linear-gradient(90deg, transparent, var(--brand-pink) 35%, var(--brand-pink) 65%, transparent); box-shadow: 0 0 22px rgb(var(--brand-pink-rgb) / 0.65); }
.member-map > * { position: relative; z-index: 1; }
.member-map-paths { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: start; }
.member-map-path { width: 100%; padding: clamp(24px, 4vw, 46px); border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: rgba(255,255,255,.035); animation: member-map-path-in .25s ease both; }
@keyframes member-map-path-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.member-map-path > header > span { color: var(--brand-pink); font-size: .75rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.member-map-path > header h3 { margin: 8px 0 12px; font-size: clamp(1.45rem, 2.3vw, 2rem); line-height: 1.14; }
.member-map-path > header p { margin: 0; color: var(--muted); line-height: 1.62; }
.member-map-flow { margin-top: 26px; }
.member-map-stage-heading { display: grid; grid-template-columns: 34px 1fr; gap: 12px; margin: 8px 0 14px; }
.member-map-stage-heading > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgb(var(--brand-pink-rgb) / 0.14); color: var(--brand-pink); font-size: .72rem; font-weight: 850; }
.member-map-stage-heading h4 { margin: 2px 0 4px; }
.member-map-stage-heading p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.5; }
.member-map-stage-grid { display: grid; gap: 12px; }
.member-map-stage-grid.has-branches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.member-map-branch-label { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; color: #c6c6c6; font-size: .78rem; }
.member-map-arrow { display: flex; justify-content: center; padding: 10px 0; color: var(--brand-pink); }
.member-map-step { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 18px; padding: 18px; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: rgba(5,5,8,.42); }
.member-map-step.is-owned { border-color: rgb(var(--brand-pink-rgb) / 0.34); background: rgb(var(--brand-pink-rgb) / 0.023); }
.member-map-step.is-outcome { border-color: rgb(var(--brand-pink-rgb) / 0.46); background: linear-gradient(145deg, rgb(var(--brand-pink-rgb) / 0.15), rgba(5,5,8,.42)); }
.member-map-step-cover { display: grid; place-items: center; align-self: start; width: 82px; min-height: 82px; border-radius: 10px; background: rgba(0,0,0,.24); }
.member-map-step-cover img { display: block; width: 82px; height: auto; object-fit: contain; border-radius: 10px; }
.member-map-step-cover.is-square img { aspect-ratio: 1; }
.member-map-step-cover.is-portrait img { aspect-ratio: 3 / 4; }
.member-map-step-copy > small { color: var(--brand-pink); font-weight: 800; }
.member-map-step-copy h4 { margin: 3px 0 5px; font-size: 1rem; }
.member-map-step-copy > p { margin: 0 0 8px; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.member-map-step-copy > span { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; color: #e5e5e5; font-size: .72rem; font-weight: 750; }
.member-strength-question { display: flex; align-items: center; gap: 12px; margin: 24px 0 15px; padding: 14px; border-radius: 14px; background: rgb(var(--brand-pink-rgb) / 0.1); }
.member-strength-question small,
.member-strength-question strong { display: block; }
.member-strength-question small { color: var(--muted); }
.member-strength-branches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.member-strength-branch { padding: 13px; border-radius: 16px; background: rgba(255,255,255,.035); }
.member-strength-branch > h4 { min-height: 44px; margin: 0 0 12px; font-size: .88rem; }

.member-offer-detail { padding-top: 36px; }
.member-offer-back { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 20px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.member-offer-hero { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: clamp(30px, 6vw, 80px); align-items: center; padding: clamp(28px, 5vw, 64px); overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background: radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--member-product-accent) 28%, transparent), transparent 35%), #121218; }
.member-offer-copy h1 { max-width: 800px; margin: 10px 0 14px; font-size: clamp(2.2rem, 5vw, 4.6rem); line-height: .98; }
.member-offer-copy > p { max-width: 720px; color: #cbcbcb; font-size: 1.08rem; line-height: 1.65; }
.member-offer-art img { width: 100%; max-height: 390px; object-fit: contain; filter: drop-shadow(0 25px 32px rgba(0,0,0,.45)); }
.member-offer-body { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 28px; align-items: start; margin-top: 28px; }
.member-offer-main,
.member-offer-purchase { padding: clamp(22px, 4vw, 38px); border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: #14141a; }
.member-offer-section-heading { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 22px; }
.member-offer-section-heading > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: color-mix(in srgb, var(--member-product-accent) 18%, transparent); color: var(--member-product-accent); }
.member-offer-section-heading small { color: var(--member-product-accent-secondary); font-weight: 800; text-transform: uppercase; }
.member-offer-section-heading h2 { margin: 4px 0 0; }
.member-book-sample-remaining { flex: 0 0 auto; margin-left: auto; padding: 9px 13px; border: 1px solid color-mix(in srgb, var(--member-product-accent) 45%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--member-product-accent) 12%, transparent); color: var(--member-product-accent-secondary); font-size: .76rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.member-book-sample-access-note { margin: -8px 0 18px; padding: 13px 15px; border-left: 3px solid var(--member-product-accent); border-radius: 0 12px 12px 0; background: color-mix(in srgb, var(--member-product-accent) 9%, transparent); color: #c9c0c6; font-size: .82rem; line-height: 1.55; }
.member-book-sample-access-note strong { color: #fff; }
.member-offer-video iframe,
.member-offer-video video { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 16px; background: #000; }
.member-happy-bedroom-included { margin-top: 32px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.1); }
.member-happy-bedroom-included > h2 { max-width: 760px; margin: 7px 0 10px; }
.member-happy-bedroom-included > p { max-width: 760px; margin: 0 0 22px; color: var(--muted); line-height: 1.6; }
.member-happy-bedroom-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.member-happy-bedroom-product-grid article { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 13px; align-items: center; min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.035); }
.member-happy-bedroom-cover { display: grid; place-items: center; width: 74px; height: 88px; overflow: hidden; border-radius: 9px; background: rgba(0,0,0,.24); }
.member-happy-bedroom-cover.is-square { height: 74px; }
.member-happy-bedroom-cover img { display: block; width: 100%; height: 100%; object-fit: contain; }
.member-happy-bedroom-product-grid article > div:last-child { display: grid; gap: 4px; min-width: 0; }
.member-happy-bedroom-product-grid small { color: var(--member-product-accent-secondary); font-size: .65rem; font-weight: 850; text-transform: uppercase; }
.member-happy-bedroom-product-grid strong { color: #fff; font-size: .82rem; line-height: 1.25; }
.member-offer-preview-unavailable { display: flex; align-items: center; gap: 14px; padding: 22px; border-radius: 15px; background: rgba(255,255,255,.04); color: var(--muted); }
.member-book-format-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; margin: 18px 0 28px; padding: 18px 20px; border: 1px solid color-mix(in srgb, var(--member-product-accent) 48%, rgba(255,255,255,.1)); border-radius: 17px; background: linear-gradient(135deg, color-mix(in srgb, var(--member-product-accent) 14%, transparent), rgba(255,255,255,.025)); }
.member-book-format-summary > div { display: grid; gap: 5px; }
.member-book-format-summary small { color: var(--member-product-accent-secondary); font-size: .7rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.member-book-format-summary strong { color: #fff; font-size: 1rem; }
.member-book-format-summary > span { display: inline-flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #fff; font-size: .76rem; font-weight: 850; white-space: nowrap; }
.member-book-format-summary > span svg { color: var(--member-product-accent); }
.member-product-information-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.member-product-information-preview > section { min-width: 0; padding: clamp(20px, 2.5vw, 28px); border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: linear-gradient(145deg, color-mix(in srgb, var(--member-product-accent) 10%, transparent), rgba(255,255,255,.025)); }
.member-product-information-preview > section.is-outcome { grid-column: 1 / -1; border-color: color-mix(in srgb, var(--member-product-accent) 42%, rgba(255,255,255,.1)); }
.member-product-information-preview small { color: var(--member-product-accent-secondary); font-size: .72rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.member-product-information-preview h3 { margin: 9px 0 12px; color: #fff; font-size: clamp(1.35rem, 2.4vw, 2rem); line-height: 1.08; }
.member-product-information-preview p { margin: 7px 0 0; color: var(--muted); line-height: 1.65; }
.member-product-information-preview ul { display: grid; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }
.member-product-information-preview li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 9px; color: #ddd7dc; line-height: 1.5; }
.member-product-information-preview li svg { margin-top: 3px; color: var(--member-product-accent); }
@media (max-width: 720px) {
  .member-book-format-summary { grid-template-columns: 1fr; }
  .member-book-format-summary > span { width: fit-content; }
  .member-product-information-preview { grid-template-columns: 1fr; }
  .member-product-information-preview > section.is-outcome { grid-column: auto; }
  .member-happy-bedroom-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.member-offer-includes { margin-top: 32px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.1); }
.member-offer-includes h2 { margin: 7px 0 16px; }
.member-offer-content-groups { display: grid; gap: 22px; }
.member-offer-content-groups section { display: grid; gap: 10px; }
.member-offer-content-groups h3 { margin: 0; color: #fff; font-size: 1rem; }
.member-offer-includes ul { display: grid; gap: 10px; padding: 0; list-style: none; }
.member-offer-includes li { display: flex; gap: 9px; color: #d7d7d7; line-height: 1.5; }
.member-offer-includes li svg { flex: 0 0 auto; margin-top: 3px; color: var(--member-product-accent); }
.member-offer-explanation { margin-top: 30px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.1); }
.member-offer-explanation h2 { margin: 7px 0 12px; }
.member-offer-explanation p { color: var(--muted); line-height: 1.65; }
.member-offer-purchase { position: sticky; top: 96px; }
.member-offer-purchase-cover { display: grid; place-items: center; margin: -10px auto 22px; padding: 4px; width: min(210px, 100%); }
.member-offer-purchase-cover img { display: block; width: 100%; height: auto; max-height: 290px; object-fit: contain; border-radius: 8px; filter: drop-shadow(0 22px 30px rgba(0,0,0,.48)); }
.member-offer-purchase.has-book-cover > small,
.member-offer-purchase.has-book-cover > h2 { text-align: center; }
.member-offer-detail .member-book-sample-list { max-height: none; overflow: visible; }
@media (max-width: 760px) { .member-offer-section-heading { flex-wrap: wrap; }.member-book-sample-remaining { margin-left: 56px; } }
.member-offer-purchase > small { display: block; margin: 12px 0 3px; color: var(--muted); }
.member-offer-purchase h2 { margin: 0 0 20px; }
.member-offer-prices > span,
.member-offer-prices > strong,
.member-offer-prices > em { display: block; }
.member-offer-prices > span { color: var(--muted); font-size: .85rem; }
.member-offer-original-price small { display: block; margin-bottom: 3px; font-size: .68rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.member-offer-original-price s { font-size: 1rem; }
.member-offer-upgrade-base { margin-top: 12px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.1); color: #e7e7e7 !important; font-weight: 800; }
.member-offer-upgrade-base small { display: block; margin-bottom: 3px; color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.member-offer-upgrade-base s { text-decoration-color: var(--brand-pink); text-decoration-thickness: 2px; }
.member-offer-prices > strong { margin: 8px 0 11px; color: #fff; font-size: 1.8rem; }
.member-offer-prices > strong small { display: block; margin-bottom: 3px; color: var(--brand-pink); font-size: .72rem; text-transform: uppercase; }
.member-offer-prices > em { color: var(--muted); font-size: .76rem; line-height: 1.45; }
.member-offer-upgrade-note { padding: 13px 14px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.22); border-radius: 13px; background: rgb(var(--brand-pink-rgb) / 0.07); }
.member-offer-account-credit { margin-bottom: 16px; padding: 14px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.28); border-radius: 14px; background: rgb(var(--brand-pink-rgb) / 0.07); }
.member-offer-account-credit strong { color: #fff; font-size: 1rem; }
.member-offer-account-credit p { margin: 6px 0 0; color: #bdb3ba; font-size: .76rem; line-height: 1.5; }
.member-offer-upgrade-breakdown { display: grid; gap: 7px; margin: 13px 0; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.member-offer-upgrade-breakdown > div { display: flex; justify-content: space-between; gap: 12px; color: #b6b6b6; font-size: .74rem; }
.member-offer-upgrade-breakdown dt, .member-offer-upgrade-breakdown dd { margin: 0; }
.member-offer-upgrade-breakdown dd { flex: 0 0 auto; color: var(--brand-pink); font-weight: 850; white-space: nowrap; }
.member-offer-purchase .primary-button,
.member-offer-purchase .ghost-button { width: 100%; margin-top: 18px; justify-content: center; }
.member-offer-purchase .ghost-button { margin-top: 9px; }
.member-offer-price-missing { color: var(--brand-pink); }

.member-discovery button:focus-visible,
.member-map button:focus-visible,
.member-map summary:focus-visible,
.member-offer-detail button:focus-visible,
.member-offer-detail a:focus-visible { outline: 3px solid var(--brand-pink); outline-offset: 3px; }

@media (max-width: 1080px) {
  .member-happy-bedroom-recommendation { grid-template-columns: 160px minmax(0, 1fr); }
  .member-happy-bedroom-recommendation-action { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 24px; align-items: center; padding: 20px 0 0; border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
  .member-happy-bedroom-price-stack { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column: 1; gap: 16px; }
  .member-happy-bedroom-price-stack .is-discounted { padding: 0 16px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 0; border-left: 1px solid rgba(255,255,255,.1); }
  .member-happy-bedroom-recommendation-action > b { grid-column: 1; }
  .member-happy-bedroom-recommendation-action > button { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
  .member-happy-bedroom-recommendation-action .member-happy-bedroom-recommendation-choice { display: none; }
  .member-discovery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-map-paths { grid-template-columns: 1fr; }
  .member-offer-body { grid-template-columns: minmax(0, 1fr) 310px; }
}

@media (max-width: 760px) {
  .member-discovery,
  .member-happy-bedroom-recommendation,
  .member-map { margin-top: 34px; }
  .member-happy-bedroom-recommendation { grid-template-columns: 1fr; gap: 22px; padding: 22px 20px; border-radius: 22px; }
  .member-happy-bedroom-recommendation-art { width: min(180px, 58vw); margin: 0 auto; }
  .member-happy-bedroom-recommendation-art > span { right: -8px; bottom: 0; padding: 6px 8px; font-size: .54rem; }
  .member-happy-bedroom-recommendation-copy h2 { font-size: clamp(1.7rem, 8vw, 2.4rem); }
  .member-happy-bedroom-recommendation-action { display: grid; grid-template-columns: 1fr; gap: 4px; }
  .member-happy-bedroom-price-stack,
  .member-happy-bedroom-recommendation-action > b,
  .member-happy-bedroom-recommendation-action > button { grid-column: 1; grid-row: auto; }
  .member-happy-bedroom-price-stack { grid-template-columns: 1fr; gap: 11px; }
  .member-happy-bedroom-price-stack .is-discounted { padding: 0 0 11px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); border-left: 0; }
  .member-happy-bedroom-recommendation-action > button { margin-top: 14px; }
  .member-happy-bedroom-recommendation-action .member-happy-bedroom-recommendation-choice { display: block; }
  .member-discovery-heading,
  .member-map-heading { display: grid; }
  .member-discovery-group-heading { grid-template-columns: 1fr; gap: 6px; }
  .member-discovery-grid { grid-template-columns: 1fr; }
  .member-map { padding: 16px; border-radius: 22px; }
  .member-map-path-choice { grid-template-columns: 1fr; }
  .member-map-path-choice > button { min-height: 112px; padding: 19px; }
  .member-map-path-choice > button > span { width: 54px; height: 54px; border-radius: 16px; }
  .member-map-path { padding: 17px; }
  .member-map-stage-grid.has-branches,
  .member-strength-branches { grid-template-columns: 1fr; }
  .member-strength-branch > h4 { min-height: auto; }
  .member-offer-hero { grid-template-columns: 1fr; }
  .member-offer-art { order: -1; max-width: 190px; margin: auto; }
  .member-offer-body { grid-template-columns: 1fr; }
  .member-offer-purchase { position: static; }
}

@media (max-width: 430px) {
  .member-discovery-card { grid-template-columns: 100px minmax(0, 1fr); }
  .member-discovery-cover { padding: 12px 8px 40px; }
  .member-discovery-copy { padding: 15px 13px; }
  .member-map-step { grid-template-columns: 48px minmax(0, 1fr); padding: 11px; }
  .member-map-step-cover { width: 48px; min-height: 48px; }
  .member-map-step-cover img { width: 48px; }
  .member-offer-hero,
  .member-offer-main,
  .member-offer-purchase { padding: 20px; border-radius: 19px; }
  .member-happy-bedroom-product-grid { grid-template-columns: 1fr; }
}

/* Public editorial library: readable long-form answers, source transparency and research reports. */
.editorial-page { min-height: 100vh; padding: 72px 24px 96px; background: radial-gradient(circle at 90% 0, rgb(var(--brand-pink-rgb) / 0.11), transparent 28%), linear-gradient(180deg,#0c090d 0,#120d12 42%,#0b090c 100%); color: #fff7fb; }
.editorial-page > article { width: min(1160px, 100%); margin: 0 auto; }
.editorial-hero { display: grid; grid-template-columns: minmax(0,1fr) 180px; gap: 48px; align-items: center; padding: 58px; border: 1px solid rgba(255,255,255,.1); border-radius: 34px; background: linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018)); box-shadow: 0 28px 80px rgba(0,0,0,.28); }
.editorial-eyebrow,.editorial-sidebar > span,.editorial-related > span { color: var(--brand-pink); font-size: .76rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.editorial-hero h1 { max-width: 900px; margin: 13px 0 20px; font-size: clamp(2.45rem,6vw,5.5rem); line-height: .98; letter-spacing: -.055em; }
.editorial-lead { max-width: 860px; margin: 0; color: #d0d0d0; font-size: clamp(1.05rem,2vw,1.3rem); line-height: 1.68; }
.editorial-page--author .editorial-lead { white-space: pre-line; }
.editorial-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 30px; color: #9f9f9f; font-size: .78rem; }
.editorial-byline > a { display: flex; align-items: center; gap: 14px; color: #fff; text-decoration: none; }
.editorial-byline .editorial-author-signature { padding: 8px 16px 8px 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; background: rgba(255,255,255,.035); transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.editorial-byline .editorial-author-signature:hover { border-color: rgb(var(--brand-pink-rgb) / 0.35); background: rgb(var(--brand-pink-rgb) / 0.075); transform: translateY(-1px); }
.editorial-author-photo { position: relative; flex: 0 0 64px; width: 64px; height: 64px; overflow: hidden; border-radius: 50%; background: linear-gradient(145deg,rgb(var(--brand-pink-rgb) / 0.14),rgba(255,255,255,.025)); }
.editorial-byline .editorial-author-photo img { position: absolute; top: 0; left: 50%; width: 108px; max-width: none; height: auto; border-radius: 0; transform: translateX(-50%); }
.editorial-byline a span { display: grid; gap: 3px; }
.editorial-byline strong { font-size: 1rem; line-height: 1.15; }
.editorial-byline small { color: #a0a0a0; font-size: .72rem; }
.editorial-byline > span { display: inline-flex; align-items: center; gap: 6px; }
.editorial-hero-mark { display: grid; place-items: center; width: 150px; height: 150px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.25); border-radius: 38px; color: var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.08); transform: rotate(3deg); }
.editorial-page--author .editorial-hero { position: relative; grid-template-columns: minmax(0,1fr) minmax(360px,460px); gap: 24px; overflow: hidden; }
.editorial-page--author .author-profile-image-link { align-self: end; }
.editorial-author-portrait { display: block; align-self: end; width: min(100%,460px); max-height: 540px; object-fit: contain; object-position: center bottom; border-radius: 0; filter: none; transform: translateY(58px); }
.editorial-answer { width: min(900px,calc(100% - 64px)); margin: -28px auto 42px; padding: 28px 34px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.25); border-radius: 24px; background: #161616; box-shadow: 0 24px 60px rgba(0,0,0,.35); position: relative; }
.editorial-answer > span { display: flex; align-items: center; gap: 8px; color: var(--brand-pink); font-size: .76rem; font-weight: 900; text-transform: uppercase; }
.editorial-answer h2 { margin: 10px 0 8px; font-size: 1.35rem; }
.editorial-answer p { margin: 0; color: #e8e8e8; font-size: 1.05rem; line-height: 1.65; }
.editorial-answer-next-step { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 21px -8px -7px; padding: 16px 17px; border-top: 1px solid rgb(var(--brand-pink-rgb) / 0.18); border-radius: 12px; color: #ececec; background: rgba(255,255,255,.025); font-size: .86rem; line-height: 1.55; text-decoration: none; }
.editorial-answer-next-step strong { color: #fff; }
.editorial-answer-next-step svg { flex: 0 0 auto; color: var(--brand-pink); }
.editorial-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 12px; margin: 42px 0; }
.editorial-stats article { display: grid; gap: 5px; padding: 22px; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: rgba(255,255,255,.035); }
.editorial-stats strong { color: var(--brand-pink); font-size: 2rem; letter-spacing: -.04em; }
.editorial-stats span { color: #f7eef2; font-weight: 800; line-height: 1.35; }
.editorial-stats small { color: #959595; line-height: 1.4; }
.editorial-layout { display: grid; grid-template-columns: minmax(0,760px) minmax(260px,1fr); gap: 58px; align-items: start; margin-top: 56px; }
.editorial-prose { min-width: 0; }
.editorial-article-contents { margin: 0 0 44px; padding: 24px 26px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.2); border-radius: 20px; background: rgb(var(--brand-pink-rgb) / 0.055); }
.editorial-article-contents > span { display: block; margin-bottom: 14px; color: var(--brand-pink); font-size: .76rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.editorial-article-contents ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 28px; margin: 0; padding-left: 22px; }
.editorial-article-contents a { color: #ebebeb; text-decoration-color: rgb(var(--brand-pink-rgb) / 0.42); text-underline-offset: 3px; }
.editorial-article-contents a:hover { color: var(--brand-pink); }
.editorial-prose > section,.editorial-reading-body > section {
  padding: 0 0 42px;
  scroll-margin-top: 132px;
}
.editorial-prose h2 { margin: 0 0 16px; color: #fff; font-size: clamp(1.65rem,3vw,2.25rem); line-height: 1.12; letter-spacing: -.035em; }
.editorial-prose h3 { margin: 34px 0 13px; color: #fff; font-size: clamp(1.18rem,2vw,1.45rem); line-height: 1.2; letter-spacing: -.02em; }
.editorial-prose p,.editorial-prose li { color: #d2d2d2; font-size: 1.03rem; line-height: 1.78; }
.editorial-prose p { margin: 0 0 17px; }
.editorial-opening-sentence { color: #fff7fb; font-weight: 800; }
.editorial-prose ul { display: grid; gap: 10px; margin: 17px 0 0; padding-left: 24px; }
.editorial-prose li::marker { color: var(--brand-pink); }
.editorial-prose aside { margin-top: 22px; padding: 19px 22px; border-left: 4px solid var(--brand-pink); border-radius: 0 14px 14px 0; background: rgb(var(--brand-pink-rgb) / 0.08); color: #e9e9e9; line-height: 1.65; }
.editorial-inline-diagnostic { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 22px; margin: 4px 0 52px !important; padding: clamp(25px,4vw,38px) !important; scroll-margin-top: 132px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.31) !important; border-left: 1px solid rgb(var(--brand-pink-rgb) / 0.31) !important; border-radius: 24px !important; background: radial-gradient(circle at 100% 0,rgb(var(--brand-pink-rgb) / 0.18),transparent 38%),linear-gradient(145deg,#171717,#171016) !important; box-shadow: 0 24px 65px rgba(0,0,0,.25); }
.editorial-inline-icon { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.35); border-radius: 16px; color: var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.1); }
.editorial-inline-diagnostic > div:last-child > span,.editorial-inline-product-copy > span { display: block; margin-bottom: 10px; color: var(--brand-pink); font-size: .72rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.editorial-inline-diagnostic h2 { max-width: 620px; margin-bottom: 17px; font-size: clamp(1.65rem,3vw,2.25rem); }
.editorial-inline-diagnostic p { color: #d5d5d5; }
.editorial-inline-diagnostic ul { display: flex; flex-wrap: wrap; gap: 8px 10px; margin: 23px 0 25px; padding: 0; list-style: none; }
.editorial-inline-diagnostic li { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; color: #f1e8ec; background: rgba(255,255,255,.035); font-size: .76rem; font-weight: 750; line-height: 1.2; }
.editorial-inline-diagnostic li svg,.editorial-inline-product-list li svg { flex: 0 0 auto; color: var(--brand-pink); }
.editorial-inline-primary { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 14px 18px; border-radius: 12px; color: var(--brand-on-pink) !important; background: var(--brand-pink); box-shadow: 0 13px 32px rgb(var(--brand-pink-rgb) / 0.24); font-size: .88rem; font-weight: 900; line-height: 1.3; text-decoration: none; }
.editorial-inline-primary:hover,.editorial-inline-secondary:hover,.editorial-answer-next-step:hover { filter: brightness(1.09); transform: translateY(-1px); }
.editorial-inline-primary:focus-visible,.editorial-inline-secondary:focus-visible,.editorial-answer-next-step:focus-visible { outline: 3px solid var(--brand-pink); outline-offset: 3px; }
.editorial-inline-product { display: grid; grid-template-columns: minmax(180px,235px) minmax(0,1fr); gap: clamp(26px,4vw,45px); margin: 18px 0 48px; padding: clamp(28px,4vw,44px) !important; overflow: hidden; scroll-margin-top: 132px; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: radial-gradient(circle at 0 100%,rgb(var(--brand-pink-rgb) / 0.13),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018)); box-shadow: 0 28px 75px rgba(0,0,0,.3); }
.editorial-inline-product-cover { align-self: start; }
.editorial-inline-product-cover img { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 18px; box-shadow: 0 20px 48px rgba(0,0,0,.42); }
.editorial-inline-product-cover > span { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 12px; color: #adadad; font-size: .7rem; font-weight: 800; text-align: center; }
.editorial-product-author { display: grid; justify-items: center; gap: 0; margin-top: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; color: #fff; background: linear-gradient(145deg,rgb(var(--brand-pink-rgb) / 0.09),rgba(255,255,255,.025)); text-decoration: none; transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.editorial-product-author:hover { border-color: rgb(var(--brand-pink-rgb) / 0.34); background: linear-gradient(145deg,rgb(var(--brand-pink-rgb) / 0.14),rgba(255,255,255,.04)); transform: translateY(-1px); }
.editorial-inline-product-cover .editorial-product-author > img { align-self: end; width: min(210px,92%); height: 205px; object-fit: contain; object-position: center bottom; border-radius: 0; box-shadow: none; }
.editorial-product-author > span { display: grid; gap: 4px; width: 100%; padding: 13px 14px 15px; border-top: 1px solid rgba(255,255,255,.075); text-align: center; }
.editorial-product-author strong { color: #fff; font-size: .88rem; line-height: 1.25; }
.editorial-product-author small { color: #a0a0a0; font-size: .67rem; line-height: 1.35; }
.editorial-inline-product-copy { align-self: center; }
.editorial-inline-product-copy h2 { margin-bottom: 18px; font-size: clamp(1.8rem,3.5vw,2.65rem); }
.editorial-inline-product-copy > p { color: #d5d5d5; }
.editorial-inline-product-list { margin: 24px 0 27px; padding: 21px 22px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.18); border-radius: 17px; background: rgb(var(--brand-pink-rgb) / 0.055); }
.editorial-inline-product-list > strong { display: block; color: #fff; font-size: .88rem; line-height: 1.5; }
.editorial-inline-product-list ul { gap: 8px; margin-top: 14px; padding: 0; list-style: none; }
.editorial-inline-product-list li { display: flex; align-items: flex-start; gap: 9px; color: #d5d5d5; font-size: .84rem; line-height: 1.5; }
.editorial-inline-product-list li svg { margin-top: 3px; }
.editorial-inline-product-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 19px; }
.editorial-inline-secondary { color: var(--brand-pink); font-size: .8rem; font-weight: 850; text-underline-offset: 4px; }
.editorial-sidebar { position: sticky; top: 98px; display: grid; gap: 13px; padding: 25px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(20,14,18,.94); }
.editorial-sidebar h2 { margin: 0; font-size: 1.3rem; line-height: 1.25; }
.editorial-sidebar > div { display: grid; gap: 9px; margin-top: 6px; }
.editorial-sidebar > p { margin: 4px 0 0; color: #909090; font-size: .72rem; line-height: 1.5; }
.editorial-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; border-radius: 12px; color: #fff; font-size: .82rem; font-weight: 850; line-height: 1.35; text-decoration: none; }
.editorial-action.is-primary { background: var(--brand-pink); box-shadow: 0 10px 28px rgb(var(--brand-pink-rgb) / 0.2); color: var(--brand-on-pink) !important; }
.editorial-action.is-secondary { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.055); }
.editorial-action.is-text { padding-left: 2px; color: var(--brand-pink); }
.editorial-sources { padding-top: 34px !important; border-top: 1px solid rgba(255,255,255,.1); }
.editorial-sources ol { display: grid; gap: 15px; padding-left: 23px; }
.editorial-sources a { display: inline-flex; align-items: center; gap: 6px; color: var(--brand-pink); font-weight: 800; text-underline-offset: 3px; }
.editorial-sources li p { margin: 4px 0 0; color: #959595; font-size: .84rem; line-height: 1.5; }
.editorial-sources li { scroll-margin-top: 132px; }
.editorial-methodology-note { margin: 26px 0 0 !important; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); color: #808080 !important; font-size: .76rem !important; line-height: 1.55 !important; }
.editorial-methodology-note strong { color: #a0a0a0; }
.editorial-testimonials { margin: 12px 0 46px; padding: 30px 0 42px !important; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.editorial-testimonials > span { display: block; margin-bottom: 8px; color: var(--brand-pink); font-size: .72rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.editorial-testimonials > h2 { max-width: 720px; margin: 0; }
.editorial-testimonials .result-testimonial-rotation { margin-top: 20px; }
.editorial-testimonials .result-testimonial-rotation__card { min-height: 0; }
.editorial-related { margin-top: 68px; padding: 34px; border-top: 1px solid rgba(255,255,255,.1); }
.editorial-story-links { margin-top: 72px; padding: clamp(26px,4vw,42px); border: 1px solid rgb(var(--brand-pink-rgb) / 0.3); border-radius: 25px; background: linear-gradient(145deg,rgb(var(--brand-pink-rgb) / 0.056),rgb(15 15 15 / 0.94)); }
.editorial-story-links > span,.editorial-story-links article > span { color:var(--brand-pink); font-size:.72rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.editorial-story-links > h2 { max-width:780px; margin:10px 0 12px; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.06; }
.editorial-story-links > p { max-width:760px; margin:0; color:#b9b9b9; line-height:1.65; }
.editorial-story-links > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:28px; }
.editorial-story-links article { display:flex; flex-direction:column; min-height:230px; padding:22px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(11,8,11,.4); }
.editorial-story-links h3 { margin:10px 0 12px; font-size:1.15rem; line-height:1.25; }
.editorial-story-links h3 a { color:#fff; text-decoration:none; }
.editorial-story-links article p { display:-webkit-box; overflow:hidden; margin:0 0 18px; color:#a4a4a4; font-size:.82rem; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.editorial-story-links article > a,.editorial-story-links-all { display:inline-flex; align-items:center; gap:7px; color:var(--brand-pink); font-weight:850; text-decoration:none; }
.editorial-story-links article > a { margin-top:auto; font-size:.8rem; }
.editorial-story-links-all { margin-top:22px; }
.editorial-related > div { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 15px; }
.editorial-related a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: #e6e6e6; font-size: .8rem; font-weight: 800; text-decoration: none; }
.editorial-action:hover,.editorial-related a:hover { transform: translateY(-1px); filter: brightness(1.08); }
.editorial-action:focus-visible,.editorial-related a:focus-visible,.editorial-sources a:focus-visible { outline: 3px solid var(--brand-pink); outline-offset: 3px; }
@media (max-width: 900px) { .editorial-hero,.editorial-page--author .editorial-hero { grid-template-columns: 1fr; padding: 38px; }.editorial-hero-mark,.editorial-author-portrait { display: none; transform: none; }.editorial-layout { grid-template-columns: 1fr; gap: 24px; }.editorial-sidebar { position: static; }.editorial-answer { width: calc(100% - 28px); } }
@media (max-width: 560px) { .editorial-page { padding: 36px 14px 64px; }.editorial-hero { padding: 28px 22px 48px; border-radius: 24px; }.editorial-hero h1 { font-size: 2.55rem; }.editorial-byline .editorial-author-signature { padding: 6px 13px 6px 6px; }.editorial-author-photo { flex-basis: 54px; width: 54px; height: 54px; }.editorial-byline .editorial-author-photo img { width: 92px; }.editorial-byline strong { font-size: .9rem; }.editorial-answer { margin-top: -24px; padding: 23px 20px; }.editorial-stats { grid-template-columns: 1fr 1fr; }.editorial-stats article { padding: 17px; }.editorial-stats strong { font-size: 1.55rem; }.editorial-article-contents { padding: 21px 20px; }.editorial-article-contents ol,.editorial-story-links > div { grid-template-columns: 1fr; }.editorial-prose p,.editorial-prose li { font-size: .98rem; }.editorial-story-links { padding:24px 20px; }.editorial-story-links article { min-height:0; }.editorial-related { padding: 28px 4px; }.editorial-prose > section,.editorial-reading-body > section,.editorial-sources li { scroll-margin-top: 108px; } }
@media (max-width: 390px) { .editorial-stats { grid-template-columns: 1fr; } }

/* Poradna information architecture: persistent topics, visible hubs and mobile wayfinding. */
.editorial-page > article { width: min(1440px,100%); }
.editorial-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 18px; color: #868686; font-size: .76rem; line-height: 1.45; }
.editorial-breadcrumbs span { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.editorial-breadcrumbs a { color: #c6c6c6; text-decoration: none; }
.editorial-breadcrumbs strong { max-width: min(720px,70vw); overflow: hidden; color: #fff; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.editorial-breadcrumbs i { color: #635a60; font-style: normal; }
.editorial-topic-nav-mobile { display: none; }
.editorial-layout { grid-template-columns: minmax(210px,245px) minmax(0,760px) minmax(245px,285px); gap: clamp(24px,3vw,48px); }
.editorial-topic-nav { position: sticky; top: 92px; max-height: calc(100vh - 116px); overflow: auto; padding: 22px 18px; border: 1px solid rgba(255,255,255,.09); border-radius: 20px; background: rgba(17,12,16,.9); scrollbar-width: thin; }
.editorial-topic-nav > span { display: block; margin: 0 0 14px; color: var(--brand-pink); font-size: .72rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.editorial-topic-nav-content { display: grid; gap: 10px; }
.editorial-topic-nav-content a { display: block; border-radius: 9px; color: #c7c7c7; font-size: .78rem; font-weight: 720; line-height: 1.4; text-decoration: none; }
.editorial-topic-nav-content > a { padding: 9px 10px; }
.editorial-topic-centers { display: grid; gap: 5px; }
.editorial-topic-centers > section > a { padding: 9px 10px; }
.editorial-topic-centers > section > a.is-current-center { color: var(--brand-pink); background: rgb(var(--brand-pink-rgb) / 0.07); }
.editorial-topic-nav-content a.is-active { color: #fff; background: linear-gradient(135deg,rgb(var(--brand-pink-rgb) / 0.34),rgb(var(--brand-pink-rgb) / 0.18)); box-shadow: inset 3px 0 var(--brand-pink); }
.editorial-topic-articles { display: grid; gap: 2px; margin: 4px 0 9px 10px; padding-left: 10px; border-left: 1px solid rgba(255,255,255,.1); }
.editorial-topic-articles a { padding: 7px 8px; color: #a1a1a1; font-size: .7rem; font-weight: 620; }
.editorial-back-center { margin-top: 4px; padding: 10px !important; color: var(--brand-pink) !important; }
.editorial-center-section { margin: 48px 0 62px; }
.editorial-center-section > span { color: var(--brand-pink); font-size: .76rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.editorial-center-section > h2 { max-width: 820px; margin: 9px 0 22px; font-size: clamp(1.8rem,3vw,2.65rem); line-height: 1.08; letter-spacing: -.035em; }
.editorial-center-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.editorial-page--hub .editorial-center-grid > article:first-child:last-child { grid-column: auto; }
.editorial-center-grid > article { display: flex; flex-direction: column; min-height: 230px; padding: 26px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); }
.editorial-page--hub .editorial-center-grid > article { min-height: 260px; }
.editorial-center-grid h3 { margin: 0 0 11px; font-size: 1.2rem; line-height: 1.25; }
.editorial-center-grid h3 a { color: #fff; text-decoration: none; }
.editorial-center-grid p { margin: 0 0 14px; color: #afafaf; font-size: .86rem; line-height: 1.55; }
.editorial-center-grid ul { display: grid; gap: 6px; margin: 0 0 18px; padding-left: 18px; color: #909090; font-size: .74rem; line-height: 1.45; }
.editorial-center-grid li::marker { color: var(--brand-pink); }
.editorial-center-link { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--brand-pink); font-size: .78rem; font-weight: 850; text-decoration: none; }
.editorial-problem-search { margin: 38px 0 18px; padding: 24px; border: 1px solid rgb(var(--brand-pink-rgb) / 0.18); border-radius: 22px; background: rgb(var(--brand-pink-rgb) / 0.055); }
.editorial-problem-search > div:first-child { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; color: #fff; font-weight: 850; }
.editorial-problem-search input { width: 100%; padding: 14px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; outline: none; color: #fff; background: rgba(8,6,8,.55); font: inherit; }
.editorial-problem-search input:focus { border-color: var(--brand-pink); box-shadow: 0 0 0 3px rgb(var(--brand-pink-rgb) / 0.12); }
.editorial-search-results { display: grid; gap: 5px; margin-top: 12px; }
.editorial-search-results a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 9px; color: #eee5ea; background: rgba(255,255,255,.035); font-size: .82rem; text-decoration: none; }
.editorial-search-results p { margin: 7px 0 0; color: #a0a0a0; font-size: .82rem; }
.editorial-book-link,.editorial-citation-link,.editorial-context-link { color: var(--brand-pink); font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.editorial-context-link:hover { color: var(--brand-pink); text-decoration-thickness: 2px; }
.editorial-questionnaire-results { margin: 54px 0 68px; padding: clamp(24px,4vw,46px); border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: rgba(255,255,255,.025); }
.editorial-questionnaire-results > span { color: var(--brand-pink); font-size: .74rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.editorial-questionnaire-results > h2 { margin: 9px 0 10px; font-size: clamp(1.8rem,3vw,2.65rem); letter-spacing: -.035em; }
.editorial-questionnaire-method { max-width: 780px; margin: 0 0 28px; color: #b0b0b0; line-height: 1.65; }
.editorial-questionnaire-method a { color: var(--brand-pink); font-weight: 800; }
.editorial-questionnaire-results > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.editorial-questionnaire-results article { padding: 22px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(11,8,10,.38); }
.editorial-questionnaire-results h3 { margin: 0 0 18px; font-size: 1rem; line-height: 1.4; }
.editorial-answer-distribution { display: grid; gap: 15px; }
.editorial-answer-distribution p { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; margin: 0 0 7px; color: #afafaf; font-size: .72rem; line-height: 1.4; }
.editorial-answer-distribution strong { color: #fff; font-size: .7rem; white-space: nowrap; }
.editorial-result-bar { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.07); }
.editorial-result-bar i { display: block; height: 100%; border-radius: inherit; background: var(--brand-pink); color: var(--brand-on-pink) !important; }
.editorial-topic-nav a:hover,.editorial-center-grid a:hover,.editorial-breadcrumbs a:hover,.editorial-search-results a:hover { color: #fff; filter: brightness(1.08); }
.editorial-topic-nav a:focus-visible,.editorial-center-grid a:focus-visible,.editorial-breadcrumbs a:focus-visible,.editorial-search-results a:focus-visible,.editorial-problem-search input:focus-visible,.editorial-book-link:focus-visible,.editorial-citation-link:focus-visible,.editorial-context-link:focus-visible { outline: 3px solid var(--brand-pink); outline-offset: 3px; }

@media (max-width: 1180px) {
  .editorial-topic-nav { display: none; }
  .editorial-topic-nav-mobile { display: block; margin: 0 0 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(19,13,17,.94); }
  .editorial-topic-nav-mobile summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; color: #fff; font-size: .82rem; font-weight: 850; cursor: pointer; list-style: none; }
  .editorial-topic-nav-mobile summary::-webkit-details-marker { display: none; }
  .editorial-topic-nav-mobile[open] summary svg { transform: rotate(180deg); }
  .editorial-topic-nav-mobile .editorial-topic-nav-content { max-height: 70vh; overflow: auto; padding: 0 12px 14px; }
  .editorial-layout { grid-template-columns: minmax(0,1fr) minmax(245px,285px); }
}
@media (max-width: 900px) {
  .editorial-layout { grid-template-columns: 1fr; }
  .editorial-center-grid { grid-template-columns: 1fr; }
  .editorial-questionnaire-results > div { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .editorial-breadcrumbs strong { max-width: 54vw; }
  .editorial-center-section { margin: 38px 0 46px; }
  .editorial-center-grid > article,.editorial-page--hub .editorial-center-grid > article { min-height: 0; padding: 21px; }
  .editorial-problem-search { padding: 19px; }
  .editorial-answer-next-step { align-items: flex-start; margin: 18px -5px -5px; padding: 14px; font-size: .8rem; }
  .editorial-inline-diagnostic { grid-template-columns: 1fr; gap: 17px; padding: 22px !important; scroll-margin-top: 170px; border-radius: 20px !important; }
  .editorial-inline-icon { width: 46px; height: 46px; }
  .editorial-inline-diagnostic ul { display: grid; grid-template-columns: 1fr 1fr; }
  .editorial-inline-primary { width: 100%; }
  .editorial-prose > section.editorial-inline-product { grid-template-columns: 1fr; padding: 22px !important; scroll-margin-top: 170px; border-radius: 22px; }
  .editorial-inline-product-cover { display: flex; flex-direction: column; align-items: center; gap: 12px; }
  .editorial-inline-product-cover img { flex: 0 0 auto; width: min(260px,100%); height: auto; object-fit: contain; border-radius: 14px; }
  .editorial-inline-product-cover > span { justify-content: center; margin: 0; text-align: center; }
  .editorial-product-author { width: min(300px,100%); margin-top: 8px; }
  .editorial-inline-product-list { padding: 18px; }
  .editorial-inline-product-actions { align-items: stretch; flex-direction: column; }
  .editorial-inline-secondary { text-align: center; }
}
.author-profile-image-link {
  display: contents;
}

.author-profile-name-link {
  color: inherit;
  font: inherit;
  text-decoration-color: var(--brand-pink);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.author-profile-name-link:hover {
  color: var(--brand-pink);
}
.book-delivery-benefit { align-items: center; background: linear-gradient(120deg, rgb(var(--brand-pink-rgb) / 0.13), rgb(var(--brand-pink-rgb) / 0.07)); border: 1px solid rgb(var(--brand-pink-rgb) / 0.34); border-radius: 16px; color: #fff; display: grid; gap: 13px; grid-template-columns: auto minmax(0,1fr) auto; padding: 15px 17px; }
.book-delivery-benefit__icon { align-items: center; background: rgb(var(--brand-pink-rgb) / 0.16); border: 1px solid rgb(var(--brand-pink-rgb) / 0.38); border-radius: 50%; color: var(--brand-pink); display: inline-flex; height: 42px; justify-content: center; width: 42px; }
.book-delivery-benefit > div { display: grid; gap: 4px; }
.book-delivery-benefit strong { color: #fff; font-size: .9rem; line-height: 1.3; }
.book-delivery-benefit p { color: #bdb4ba; font-size: .74rem; line-height: 1.5; margin: 0; }
.book-delivery-benefit__formats, .book-delivery-benefit.is-compact > span { align-items: center; color: #dedede; display: inline-flex; font-size: .68rem; font-weight: 850; gap: 6px; white-space: nowrap; }
.book-delivery-benefit.is-compact { background: transparent; border: 0; display: flex; flex-wrap: wrap; gap: 7px 13px; padding: 0; }
.book-delivery-benefit.is-compact > span { border: 1px solid rgb(var(--brand-pink-rgb) / 0.28); border-radius: 999px; padding: 6px 9px; }
@media (max-width: 680px) { .book-delivery-benefit { align-items: start; grid-template-columns: auto 1fr; }.book-delivery-benefit__formats { grid-column: 2; white-space: normal; } }
/* Shared Mailer footer: approved compact invitation and author identity. */
.mailer-email-preview .mailer-email-identity{margin:0;padding:22px 16px;background:#ffffff;border-top:1px solid #e6e2e4;border-bottom:1px solid #e6e2e4;color:#171411}
.mailer-email-preview .mailer-email-identity h3 a{color:#171411!important}
.mailer-email-preview .mailer-email-identity p{color:#4f494c}
.mailer-email-preview .mailer-email-identity img{height:auto;object-fit:contain}

.admin-section-error { padding: 24px; background: #211b20; color: #fff; border: 1px solid #ff3975; border-radius: 16px; }
.admin-section-error h2 { font-size: 1.5rem; }
.admin-section-error pre { white-space: pre-wrap; overflow-wrap: anywhere; }

.site-header.collaboration-navigation .main-nav>a[href="/"]{display:none}.site-header.collaboration-navigation .nav-button svg{display:none}.site-header.collaboration-navigation .main-nav{gap:8px;flex-wrap:wrap}.site-header.collaboration-navigation .nav-button{font-size:14px;padding:10px 12px;white-space:nowrap}.site-header.collaboration-navigation .main-nav>a[href="/moje-knihovna"]{margin-left:10px;border-left:1px solid #363636;border-radius:0;padding-left:22px}@media(max-width:980px){.site-header.collaboration-navigation{position:relative;top:0;flex-direction:column}.site-header.collaboration-navigation .main-nav{justify-content:center}}@media(max-width:700px){.site-header.collaboration-navigation .nav-button span{display:inline}.site-header.collaboration-navigation .nav-button{font-size:13px;min-height:42px;padding:10px}.site-header.collaboration-navigation .main-nav>a[href="/moje-knihovna"]{border:0;margin-left:0;padding-left:10px}}.result-testimonial-controls{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#c6bec2;font-size:13px;font-weight:700}.result-testimonial-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgb(var(--brand-pink-rgb) / 0.234);border-radius:50%;background:#191919;color:#fff;cursor:pointer}.result-testimonial-controls button:hover{background:var(--brand-pink);border-color:var(--brand-pink);color: var(--brand-on-pink) !important}.result-testimonial-controls button:focus-visible{outline:2px solid var(--brand-pink);outline-offset:3px}.erection-reviews{margin:28px 0;padding:24px;background:#191318;border:1px solid #5c5c5c;border-radius:12px}.erection-reviews h2{font-size:27px}.erection-reviews>p{color:#cacaca;font-size:15px}.erection-reviews .result-testimonial-rotation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.erection-reviews figure{margin:0;padding:22px;background:#1d1d1d;border:1px solid rgb(var(--brand-pink-rgb) / 0.248);border-radius:12px}.erection-reviews .result-testimonial-rotation__card>svg{position:static;display:block;margin-bottom:12px;color:var(--brand-pink);flex-shrink:0}.erection-reviews blockquote{margin:12px 0;font-size:15px;line-height:1.7}.erection-reviews figcaption{font-weight:700;margin:16px 0 8px}.erection-reviews figure small{color:#b9b9b9;font-size:11px;line-height:1.6;display:block}@media(max-width:760px){.erection-reviews{padding:18px 14px;margin:24px -7px}.erection-reviews .result-testimonial-rotation{grid-template-columns:1fr}.erection-reviews h2{font-size:24px}.erection-reviews figure{padding:18px}}.erection-reviews .result-testimonial-controls{display:none}.nmc-support{box-sizing:border-box;padding:40px;margin:32px 0;border:1px solid rgb(var(--brand-pink-rgb) / 0.455);border-radius:16px;background:linear-gradient(135deg,#1b1b1b,#171217 70%);color:#f9f5f7;font-family:Inter,Arial,sans-serif;line-height:1.65;scroll-margin-top:30px}.nmc-support *{box-sizing:border-box}.nmc-support .nmc-eyebrow{color:var(--brand-pink);font-size:11px;letter-spacing:1.7px;font-weight:800}.nmc-support .nmc-support-heading h2{font-size:40px;line-height:1.15;letter-spacing:-.8px;margin:14px 0 20px;color:#fff}.nmc-support-heading>p{max-width:800px;margin:0 0 30px;color:#cacaca;font-size:16px}.nmc-support-grid{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:25px;align-items:start}.nmc-portrait-wrap{align-self:start;position:sticky;top:30px}.nmc-portrait{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;object-position:center bottom}.nmc-support .nmc-support-copy h3{font-size:25px;line-height:1.3;color:#fff;margin:0 0 16px}.nmc-support-copy>p{font-size:15px;color:#c7c7c7;margin:0 0 18px}.nmc-session{display:flex;gap:12px;padding:17px;border:1px solid rgb(var(--brand-pink-rgb) / 0.221);background:#100b0f80;border-radius:8px;margin:22px 0 14px}.nmc-session svg{flex-shrink:0;color:var(--brand-pink);margin-top:3px}.nmc-session strong{display:block;font-size:15px}.nmc-session span{display:block;font-size:14px;color:#c9c9c9;margin-top:3px}.nmc-contact-invitation{display:flex;gap:14px;padding:22px;background:#252525;border:1px solid rgb(var(--brand-pink-rgb) / 0.386);border-radius:11px;margin:25px 0 18px}.nmc-contact-invitation>svg{flex-shrink:0;color:var(--brand-pink);margin-top:3px}.nmc-contact-invitation strong{font-size:20px;line-height:1.4;display:block}.nmc-contact-invitation p{font-size:15px;color:#e0e0e0;line-height:1.65;margin:10px 0 0}.nmc-contact-invitation p:last-child{font-weight:600}.nmc-contact{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}.nmc-support .nmc-primary,.nmc-support .nmc-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;border-radius:7px;color:#fff;font-size:14px;font-weight:750;text-decoration:none;min-height:49px}.nmc-primary{background:var(--brand-pink);border:1px solid var(--brand-pink);color: var(--brand-on-pink) !important}.nmc-secondary{border:1px solid #6a6a6a;background:#191319}.nmc-support a:focus-visible{outline:3px solid var(--brand-pink);outline-offset:4px}.nmc-credit{border:1px solid rgb(var(--brand-pink-rgb) / 0.545);background:linear-gradient(110deg,#232323,#181818);padding:27px 28px;margin:28px 0 0;border-radius:11px}.nmc-credit>strong{display:flex;align-items:center;gap:17px;font-size:22px;line-height:1.35}.nmc-credit-icon{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;color:#ffb4d1;background:rgb(var(--brand-pink-rgb) / 0.156);border:1px solid var(--brand-pink);border-radius:16px;box-shadow:0 0 28px rgb(var(--brand-pink-rgb) / 0.165)}.nmc-credit p{font-size:15px;color:#e3cdd8;line-height:1.75;margin:16px 0 0}.nmc-expectations{display:flex;gap:17px;padding:25px 27px;margin-top:20px;border:1px solid #5c5c5c;border-radius:11px;background:#221b20}.nmc-expectations>svg{flex-shrink:0;color:var(--brand-pink);margin-top:2px}.nmc-expectations strong{font-size:18px;line-height:1.45;display:block}.nmc-expectations p{font-size:14px;color:#c9c9c9;line-height:1.75;margin:10px 0 0}.nmc-expectations p:last-child{color:#e3e3e3;font-weight:600}@media(max-width:760px){.nmc-support{padding:25px 20px;margin:26px 0}.nmc-support .nmc-support-heading h2{font-size:31px}.nmc-support-heading>p{font-size:15px}.nmc-support-grid{grid-template-columns:1fr;gap:24px}.nmc-portrait-wrap{position:static;display:none}.nmc-support .nmc-support-copy h3{font-size:24px}.nmc-contact-invitation{padding:19px 16px;gap:11px}.nmc-contact-invitation strong{font-size:19px}.nmc-contact-invitation p{font-size:14px}.nmc-contact{display:grid;grid-template-columns:1fr}.nmc-credit{padding:23px 18px}.nmc-credit>strong{font-size:20px;align-items:flex-start;gap:13px}.nmc-credit-icon{width:45px;height:45px;border-radius:12px}.nmc-credit p{font-size:14px}.nmc-expectations{padding:21px 17px;gap:12px}.nmc-expectations strong{font-size:17px}}.nmc-compact{padding:32px;scroll-margin-top:72px}.nmc-compact-intro{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:center}.nmc-compact-intro img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;align-self:end}.nmc-compact h2{font-size:36px;line-height:1.15;letter-spacing:-.7px;margin:12px 0 16px}.nmc-compact-intro h3{font-size:23px;line-height:1.3;margin:22px 0 10px}.nmc-compact-intro p{font-size:16px;color:#cacaca;line-height:1.65;margin:0;max-width:750px}.nmc-compact .nmc-matej{margin:25px 0;padding:25px;gap:30px}.nmc-compact .nmc-matej h3{font-size:30px}.nmc-compact-price{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;border:1px solid #5c5c5c;background:#191318;border-radius:10px;font-size:19px;line-height:1.4}.nmc-compact-price>span{font-size:20px;white-space:nowrap;color:#ededed}.nmc-compact-price b{padding:0 8px;color:var(--brand-pink)}.nmc-compact-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:26px;padding:24px 0}.nmc-compact-contact h3{font-size:23px;line-height:1.3;margin:0 0 9px}.nmc-compact-contact p{font-size:15px;line-height:1.6;color:#d2d2d2;margin:5px 0}.nmc-compact-contact .nmc-compact-arrangement{font-size:14px;color:#b9b9b9}.nmc-compact-contact .nmc-contact{display:flex;flex-direction:column;margin:0;gap:9px;min-width:215px}.nmc-compact-details{border-top:1px solid rgb(var(--brand-pink-rgb) / 0.234)}.nmc-compact-details details{border-bottom:1px solid rgb(var(--brand-pink-rgb) / 0.234)}.nmc-compact-details summary{display:flex;align-items:center;gap:13px;list-style:none;padding:18px 0;cursor:pointer;font-weight:650;font-size:16px}.nmc-compact-details summary::-webkit-details-marker{display:none}.nmc-compact-details summary>svg{flex-shrink:0;color:var(--brand-pink)}.nmc-compact-details summary>svg:last-child{margin-left:auto;transition:transform .15s}.nmc-compact-details details[open] summary>svg:last-child{transform:rotate(180deg)}.nmc-compact-details details>div{padding:0 30px 18px 36px;max-width:920px}.nmc-compact-details p{font-size:15px;line-height:1.7;color:#cacaca;margin:0 0 12px}.nmc-compact-details summary:focus-visible{outline:2px solid var(--brand-pink);outline-offset:3px}@media(max-width:760px){.nmc-compact{padding:23px 18px}.nmc-compact-intro{grid-template-columns:minmax(0,1fr) 90px;gap:12px;align-items:start}.nmc-compact-intro>div{display:contents}.nmc-compact-intro .nmc-eyebrow,.nmc-compact-intro p,.nmc-compact-intro h3{grid-column:1/-1}.nmc-compact-intro h2{grid-column:1;grid-row:2;font-size:28px;margin:0 0 8px}.nmc-compact-intro img{grid-column:2;grid-row:2;align-self:center;max-height:130px}.nmc-compact-intro h3{font-size:22px;margin:9px 0 0}.nmc-compact-intro p{font-size:15px}.nmc-compact .nmc-matej{padding:20px 13px;margin:24px -7px}.nmc-compact .nmc-matej h3{font-size:27px}.nmc-compact-price{align-items:flex-start;flex-direction:column;gap:7px;padding:17px;font-size:18px}.nmc-compact-price>span{font-size:19px}.nmc-compact-contact{grid-template-columns:1fr;gap:16px;padding:23px 0}.nmc-compact-contact h3{font-size:22px}.nmc-compact-contact .nmc-contact{min-width:0}.nmc-compact-details summary{font-size:15px;gap:10px}.nmc-compact-details details>div{padding:0 0 14px}.nmc-compact-details p{font-size:14px}}@media(max-width:760px){.nmc-compact-price>span{white-space:normal}.nmc-compact-price small{display:block;font-size:14px;margin-top:5px}.nmc-compact-intro>a:has(>img){grid-column:2;grid-row:2;align-self:center}}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#100d10;color:#f9f5f7}.support-page-main{max-width:1120px;margin:28px auto 0;padding:20px}.support-page-main .nmc-support{margin:0}.nmc-compact h1{max-width:none;text-transform:none;font-size:36px;line-height:1.15;letter-spacing:-.7px;margin:12px 0 16px}@media(max-width:760px){.support-page-main{padding:0 10px;margin-top:20px}.nmc-compact-intro h1{grid-column:1;grid-row:2;font-size:28px;margin:0 0 8px}}