/* One enrollment goal, offered after each major decision point. */
.enrollment-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: clamp(28px, 3vw, 40px);
  padding-top: clamp(24px, 2.7vw, 36px);
  border-top: 1px solid rgba(184, 145, 65, .3);
}
.enrollment-action .button,
.final-cta .button { width: min(100%, 380px); }
.enrollment-note {
  margin: 0;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.75;
  color: #566173;
  text-align: center;
  overflow-wrap: anywhere;
}
.hero-actions { flex-direction: column; align-items: center; gap: 12px; }
.hero-actions .enrollment-note { color: #c0cad7; text-align: center; }
.member-community-closing { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.member-community-enrollment {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
  width: min(100%, 760px);
  min-width: 0;
}
.member-community-closing .button {
  width: 100%;
  min-height: 76px;
  padding: 20px 28px;
  gap: 24px;
  font-size: 22px;
  box-shadow: 0 6px 18px rgba(96, 72, 27, .14);
}
.member-community-closing .button > span { flex: 1; text-align: center; overflow-wrap: anywhere; }
.member-community-closing .button > b { width: 40px; height: 36px; font-size: 24px; }
.member-community-closing .enrollment-note { margin-top: 14px; font-family: var(--sans); font-size: 12px; }
.mentors .enrollment-note { color: #526071; }
.free-action > small { max-width: 28em; margin: 18px auto 0; }
.free-action-deadline { min-width: 0; text-align: center; }
.free-enrollment-countdown { margin-bottom: 22px; }
.free-countdown-label { margin: 0 0 12px; color: #fff; font: 500 16px/1.6 var(--serif); }
.free-enrollment-countdown .access-window-clock { width: min(100%, 252px); margin-inline: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.free-enrollment-countdown .access-window-unit { padding: 10px 4px 8px; }
.free-enrollment-countdown .access-window-unit b { font-size: clamp(24px, 3vw, 34px); }
.free-action-deadline .free-enrollment-button { width: 100%; min-height: 68px; padding: 18px 20px; gap: 12px; font: 700 clamp(16px, 1.5vw, 19px)/1.6 var(--sans); }
.free-enrollment-button > span { flex: 1; min-width: 0; text-align: center; }
.free-action-deadline .zero { margin-top: 24px; }
@media (max-width: 760px) {
  .free-action-deadline .free-enrollment-button { min-height: 60px; padding: 16px 12px; font-size: 16px; }
  .free-enrollment-countdown { margin-bottom: 18px; }
}
.final-cta > .shell > small { max-width: 42em; margin-inline: auto; color: #c0cad7; line-height: 1.75; }
.mobile-sticky { display: none; }
.header-cta { display: inline-flex; align-items: center; gap: 10px; font-family: var(--sans); }
[data-enrollment-cta]:focus-visible { outline: 3px solid #e4c677; outline-offset: 4px; }

@media (max-width: 1060px) {
  .header-cta { display: none; }
  .lp-editor-entry { bottom: calc(84px + env(safe-area-inset-bottom)) !important; }
  body[data-page="home"] { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
  .mobile-sticky {
    display: flex;
    position: fixed;
    inset: auto 0 0;
    z-index: 90;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: calc(68px + env(safe-area-inset-bottom));
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: #d0ad64;
    color: #101923;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .2);
    font-family: var(--sans);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    visibility: hidden;
    pointer-events: none;
  }
  .mobile-sticky.is-visible { visibility: visible; pointer-events: auto; }
  .mobile-sticky .sticky-copy { display: block; min-width: 0; line-height: 1.5; }
  .mobile-sticky small { display: block; margin-top: 3px; font-size: 11px; font-weight: 500; line-height: 1.5; }
  .mobile-sticky > b { margin: 0; flex: none; font-size: 19px; }
  body[data-page="conditions"] { padding-bottom: 0; }
}

@media (max-width: 760px) {
  .hero-actions { align-items: center; }
  .hero-actions .enrollment-note { text-align: center; }
  .enrollment-action { margin-top: 28px; padding-top: 24px; gap: 12px; }
  .enrollment-action .button,
  .final-cta .button { width: 100%; }
  .member-community-closing { gap: 24px; }
  .member-community-closing .button { min-height: 68px; padding: 18px 16px; gap: 12px; font-size: 18px; }
  .member-community-closing .button > b { width: 32px; height: 32px; font-size: 20px; }
  .enrollment-note { max-width: 29em; }
}

/* Restrained gold gradients, scoped to the first LP and all its enrollment CTAs. */
body[data-page="home"] {
  --join-cta-fill: linear-gradient(115deg, #c8a45d 0%, #e6cc90 52%, #c8a45d 100%);
  --join-cta-hover: linear-gradient(115deg, #d1b374 0%, #ead5a5 52%, #d1b374 100%);
  --join-cta-active: linear-gradient(115deg, #bc984f 0%, #d7b777 52%, #bc984f 100%);
}
/* Also cover the original buttons before JavaScript positions them. */
body[data-page="home"] .track-cta { background: var(--join-cta-fill); color: #16130d; }
body[data-page="home"] [data-enrollment-cta] {
  border: 1px solid #8e6c2e;
  border-radius: 4px;
  background: var(--join-cta-fill);
  color: #16130d;
  font-family: var(--sans);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(32, 24, 10, .16);
  transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
  touch-action: manipulation;
}
body[data-page="home"] .button[data-enrollment-cta] {
  width: min(100%, 440px);
  min-height: 64px;
  padding: 16px 22px;
  gap: 14px;
  font-size: 19px;
  line-height: 1.55;
}
body[data-page="home"] [data-enrollment-cta] > span { flex: 1; min-width: 0; text-align: center; }
body[data-page="home"] [data-enrollment-cta] > b {
  flex: none;
  width: 26px;
  height: 28px;
  border: 0;
  font-size: 21px;
  line-height: 1;
  transition: transform 140ms ease;
}
body[data-page="home"] .header-cta[data-enrollment-cta] { min-height: 44px; padding: 10px 14px; gap: 10px; font-size: 13px; }
body[data-page="home"] .header-cta[data-enrollment-cta] > b { width: 18px; height: auto; font-size: 17px; }
body[data-page="home"] .member-community-closing .button[data-enrollment-cta] { width: min(100%, 600px); min-height: 68px; font-size: 20px; }
body[data-page="home"] .free-action-deadline .button[data-enrollment-cta] { width: 100%; }
body[data-page="home"] [data-enrollment-cta]:focus-visible {
  outline: 3px solid #16130d;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #fff;
}
@media (hover: hover) and (pointer: fine) {
  body[data-page="home"] [data-enrollment-cta]:hover { background: var(--join-cta-hover); transform: translateY(-2px); box-shadow: 0 7px 18px rgba(32, 24, 10, .22); }
  body[data-page="home"] [data-enrollment-cta]:hover > b { transform: translateX(3px); }
  body[data-page="home"] .mobile-sticky[data-enrollment-cta]:hover { transform: none; }
}
body[data-page="home"] [data-enrollment-cta]:active { background: var(--join-cta-active); transform: translateY(1px); box-shadow: 0 1px 4px rgba(32, 24, 10, .18); }
body[data-page="home"] .mobile-sticky[data-enrollment-cta]:active { transform: none; }
@media (max-width: 760px) {
  body[data-page="home"] .button[data-enrollment-cta],
  body[data-page="home"] .member-community-closing .button[data-enrollment-cta] { min-height: 60px; padding: 15px 16px; gap: 10px; font-size: 16px; }
}
@media (max-width: 360px) {
  body[data-page="home"] .free-action-deadline { padding-inline: 14px; }
  body[data-page="home"] .free-action-deadline .button[data-enrollment-cta] { padding-inline: 10px; gap: 6px; font-size: 15px; }
  body[data-page="home"] .free-action-deadline .button[data-enrollment-cta] > b { width: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] [data-enrollment-cta],
  body[data-page="home"] [data-enrollment-cta] > b { transition: none; }
  body[data-page="home"] [data-enrollment-cta]:hover,
  body[data-page="home"] [data-enrollment-cta]:active,
  body[data-page="home"] [data-enrollment-cta]:hover > b { transform: none; }
}