:root {
  color-scheme: dark;
  --btf-bg: #030a0a;
  --btf-panel: #071412;
  --btf-panel-2: #0a1d1a;
  --btf-ink: #f7f6ef;
  --btf-muted: #a8b5b1;
  --btf-teal: #64e1dc;
  --btf-teal-soft: #a6ead3;
  --btf-gold: #e3b440;
  --btf-signal: #ff405f;
  --btf-signal-soft: #ff7283;
  --btf-line: rgba(100, 225, 220, .19);
  --btf-line-strong: rgba(100, 225, 220, .48);
  --btf-shadow: 0 30px 90px rgba(0, 0, 0, .42);
  --btf-radius: 24px;
  --btf-gradient: linear-gradient(90deg, var(--btf-teal), var(--btf-teal-soft) 52%, var(--btf-gold));
  --btf-on-accent: #06100f;

  /* Aliases used by the member dashboard, Book and Planner. */
  --bg: var(--btf-bg);
  --page: var(--btf-bg);
  --panel: var(--btf-panel);
  --panel-strong: var(--btf-panel-2);
  --ink: var(--btf-ink);
  --text: var(--btf-ink);
  --muted: var(--btf-muted);
  --teal: var(--btf-teal);
  --cyan: var(--btf-teal);
  --teal-soft: var(--btf-teal-soft);
  --gold: var(--btf-gold);
  --line: var(--btf-line);
  --line-strong: var(--btf-line-strong);
  --shadow: var(--btf-shadow);
  --radius: var(--btf-radius);
  --r: var(--btf-teal) !important;
  --v: var(--btf-gold) !important;
  --l: var(--btf-line) !important;
  --m: var(--btf-muted) !important;
  --surface: var(--btf-panel);
  --white: var(--btf-ink);
  --blue: var(--btf-teal);
  --red: var(--btf-gold);
  --violet: var(--btf-teal-soft);
}

html {
  background: var(--btf-bg) !important;
}

body {
  background:
    radial-gradient(circle at 50% -10%, rgba(37, 126, 116, .14), transparent 34%),
    var(--btf-bg) !important;
  color: var(--btf-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: var(--btf-teal) !important;
  color: var(--btf-on-accent) !important;
}

h1,
h2,
.hero h1,
.book-hero h1,
.planner-hero h1,
.section-heading h2,
.reader__heading h2,
.planner-document__heading h2 {
  font-family: Impact, "Arial Black", "Arial Narrow", Arial, sans-serif !important;
  font-weight: 900 !important;
}

.grad,
.gradient,
.book-hero h1 span,
.planner-hero h1 span {
  background: var(--btf-gradient) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.kick,
.eyebrow,
.week-label,
.section-kicker,
.member-resource__label,
.member-hub__eyebrow {
  color: var(--btf-gold) !important;
}

.lead,
.hero-copy,
.desc,
.stage > p,
.info p,
.coach span,
.tb span,
.cl span,
.libbody small,
.body span,
.library p,
.book-description,
.planner-tools p,
.section-heading > p:last-child,
.day-date,
.save-status,
.site-footer,
.footer,
.note,
.book-note {
  color: var(--btf-muted) !important;
}

.mark,
.brand-mark,
.btf {
  color: var(--btf-gold) !important;
}

.top,
header:not(.site-header):not(.topbar),
.modebar {
  border-color: var(--btf-line) !important;
  background: rgba(3, 10, 10, .94) !important;
}

.site-header,
.topbar {
  border-color: var(--btf-line) !important;
}

.back,
.member-nav a,
.mode,
.filter,
.planner-button:not(.planner-button--primary),
.button:not(.button--primary):not(.secondary),
.week-button,
.opt,
.secondary {
  border-color: var(--btf-line) !important;
  background: rgba(5, 22, 20, .72) !important;
  color: var(--btf-ink) !important;
}

.back:hover,
.back:focus-visible,
.member-nav a:hover,
.member-nav a:focus-visible,
.mode:hover,
.mode:focus-visible,
.filter:hover,
.filter:focus-visible,
.button:hover,
.button:focus-visible,
.planner-button:hover,
.planner-button:focus-visible,
.week-button:hover,
.week-button:focus-visible {
  border-color: var(--btf-teal) !important;
  color: var(--btf-teal) !important;
  outline: none;
}

.mode.active,
.filter.active,
button.active,
.opt.on {
  border-color: var(--btf-teal) !important;
  background: rgba(100, 225, 220, .11) !important;
  box-shadow: 0 0 24px rgba(100, 225, 220, .08) !important;
  color: var(--btf-teal) !important;
}

.btn:not(.alt),
.cta,
.links .start,
.button--primary,
.planner-button--primary,
button[type="submit"],
#go,
.member-action--primary {
  border: 0 !important;
  background: var(--btf-gradient) !important;
  box-shadow: 0 13px 35px rgba(0, 0, 0, .32);
  color: var(--btf-on-accent) !important;
}

.btn,
.cta,
.button--primary,
.planner-button--primary,
button[type="submit"],
#go {
  border-radius: 11px !important;
}

.back {
  border-radius: 999px !important;
}

.feature,
.thumb,
.compare,
.libcard,
.card,
.member-resource,
.book-guide,
.planner-tools,
.day-card,
.intro,
.status-card,
.steps,
.help,
.box,
.b,
.startcard,
.count,
.empty {
  border-color: var(--btf-line) !important;
  background: linear-gradient(135deg, rgba(10, 30, 27, .9), rgba(5, 14, 13, .94)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .018), 0 24px 70px rgba(0, 0, 0, .24) !important;
}

.feature:hover,
.thumb:hover,
.libcard:hover,
.card:hover,
.member-resource:hover,
.member-resource:focus-visible {
  border-color: rgba(100, 225, 220, .44) !important;
  box-shadow: inset 0 0 0 1px rgba(100, 225, 220, .16), 0 28px 60px rgba(0, 0, 0, .3) !important;
}

.belief,
.result {
  border-color: var(--btf-gold) !important;
  background: linear-gradient(90deg, rgba(227, 180, 64, .075), transparent) !important;
}

.belief b,
.coach b,
.startcard b {
  color: var(--btf-gold) !important;
}

.then,
.timeline {
  border-color: var(--btf-line) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(227, 180, 64, .09), transparent 36%),
    linear-gradient(135deg, rgba(7, 29, 26, .96), rgba(3, 14, 13, .98)) !important;
  box-shadow: inset 0 0 0 1px rgba(100, 225, 220, .08), 0 30px 80px rgba(0, 0, 0, .26) !important;
}

.titem {
  border-left-color: rgba(100, 225, 220, .28) !important;
}

.titem::before {
  border-color: var(--btf-teal) !important;
  background: var(--btf-bg) !important;
  box-shadow: 0 0 20px rgba(100, 225, 220, .24) !important;
}

.comparegrid::after,
.arrowline {
  color: var(--btf-gold) !important;
}

.compare:first-child::before {
  background: rgba(100, 225, 220, .78) !important;
  color: var(--btf-on-accent) !important;
}

.compare:last-child::before {
  background: rgba(227, 180, 64, .82) !important;
  color: var(--btf-on-accent) !important;
}

.journey-bridge {
  color: var(--btf-muted) !important;
}

.journey-bridge > div[style] {
  background: linear-gradient(var(--btf-teal), transparent) !important;
}

.filters {
  background: rgba(3, 10, 10, .94) !important;
}

.save,
.remove {
  border-color: var(--btf-line) !important;
  background: transparent !important;
  color: var(--btf-muted) !important;
}

.save.saved,
.remove:hover,
.remove:focus-visible {
  border-color: rgba(227, 180, 64, .55) !important;
  color: var(--btf-gold) !important;
}

.path,
.planner,
.member-hub {
  border-color: var(--btf-line) !important;
  background: linear-gradient(135deg, var(--btf-panel-2), var(--btf-panel)) !important;
}

input,
select,
textarea,
.field select,
.field input[type="number"],
.complete-label {
  border-color: var(--btf-line) !important;
  background-color: rgba(2, 9, 9, .82) !important;
  color: var(--btf-ink) !important;
}

input:focus,
select:focus,
textarea:focus,
.field select:focus-visible,
.field input[type="number"]:focus-visible {
  border-color: var(--btf-teal) !important;
  box-shadow: 0 0 0 3px rgba(100, 225, 220, .12) !important;
  outline: none;
}

a:not(.btn):not(.cta):not(.button):not(.planner-button):not(.member-action):not(.member-resource):not(.pillar):not(.pc):not(.back):not(.mode) {
  text-decoration-color: rgba(100, 225, 220, .46);
}

.reader__heading > a,
.planner-document__heading > a,
.planner-tools a,
.help a,
.member-hub__week > a,
.member-resource__cta {
  color: var(--btf-teal) !important;
}

@media (max-width: 720px) {
  .top,
  header:not(.site-header):not(.topbar),
  .modebar,
  .filters {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--btf-bg) !important;
  }
}

/* V13.60 · The development thread.
   Coral connects the journey; turquoise, mint and gold continue to define
   destinations and surfaces. */
.btf-dashboard .home-command__grid {
  position: relative;
  isolation: isolate;
}

.btf-dashboard .home-command__grid::before,
.btf-dashboard .home-command__grid::after {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(180deg, transparent, var(--btf-signal) 28%, var(--btf-signal) 72%, transparent);
  box-shadow: 0 0 14px rgba(255, 64, 95, .2);
}

.btf-dashboard .home-command__grid::before {
  top: 8%;
  bottom: 8%;
  left: 50%;
  width: 1.5px;
  transform: translateX(-50%);
}

.btf-dashboard .home-command__grid::after {
  right: 8%;
  left: 8%;
  top: 50%;
  height: 1.5px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, var(--btf-signal) 28%, var(--btf-signal) 72%, transparent);
}

.btf-dashboard .home-command__grid > .home-card {
  z-index: 1;
}

.btf-learning .journey-bridge > div[style] {
  width: 2px !important;
  min-height: 112px;
  background: linear-gradient(var(--btf-signal), rgba(255, 64, 95, .5) 48%, transparent) !important;
  box-shadow: 0 0 15px rgba(255, 64, 95, .22) !important;
}

.btf-learning .journey-bridge::before,
.btf-learning .journey-bridge::after {
  background: linear-gradient(90deg, transparent, rgba(255, 64, 95, .38)) !important;
}

.btf-training .weekly {
  position: relative;
}

.btf-training .weekly::after {
  position: absolute;
  left: 50%;
  bottom: -38px;
  width: 1.5px;
  height: 38px;
  transform: translateX(-50%);
  background: linear-gradient(var(--btf-signal), transparent);
  box-shadow: 0 0 13px rgba(255, 64, 95, .18);
  pointer-events: none;
  content: "";
}

:is(
  .btf-cycle main,
  .btf-planner main,
  .progress-page main,
  .session-page main,
  .weekly-report-page main,
  .btf-player-setup main,
  .btf-book main
) {
  position: relative;
  isolation: isolate;
}

:is(
  .btf-cycle main,
  .btf-planner main,
  .progress-page main,
  .session-page main,
  .weekly-report-page main,
  .btf-player-setup main,
  .btf-book main
)::before {
  position: absolute;
  z-index: 0;
  top: 86px;
  bottom: 72px;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: linear-gradient(transparent, rgba(255, 64, 95, .18) 8%, rgba(255, 64, 95, .18) 92%, transparent);
  box-shadow: 0 0 18px rgba(255, 64, 95, .08);
  pointer-events: none;
  content: "";
}

:is(
  .btf-cycle main,
  .btf-planner main,
  .progress-page main,
  .session-page main,
  .weekly-report-page main,
  .btf-player-setup main,
  .btf-book main
) > * {
  position: relative;
  z-index: 1;
}

:is(
  .btf-dashboard #pillars .head .ey,
  .btf-learning .library-live > .kick,
  .btf-cycle .section-heading .eyebrow,
  .btf-planner .section-heading .eyebrow,
  .progress-page .eyebrow,
  .session-page .eyebrow,
  .weekly-report-page .report-kicker,
  .btf-player-setup .eyebrow,
  .btf-book .eyebrow
)::before {
  display: inline-block;
  width: 20px;
  height: 2px;
  margin-right: 9px;
  vertical-align: .22em;
  border-radius: 999px;
  background: var(--btf-signal);
  box-shadow: 0 0 10px rgba(255, 64, 95, .24);
  content: "";
}

:is(
  .btf-cycle .development-block__rail li.is-current,
  .btf-cycle .week-day.is-selected,
  .btf-dashboard .first-week-guide__step[data-state="current"],
  .progress-page [aria-current="step"],
  .btf-player-setup [aria-current="step"]
) {
  box-shadow: inset 3px 0 0 var(--btf-signal), 0 0 20px rgba(255, 64, 95, .055) !important;
}

@media (max-width: 720px) {
  :is(
    .btf-cycle main,
    .btf-planner main,
    .progress-page main,
    .session-page main,
    .weekly-report-page main,
    .btf-player-setup main,
    .btf-book main
  )::before {
    top: 58px;
    bottom: 42px;
    width: 1.5px;
    background: linear-gradient(transparent, rgba(255, 64, 95, .3) 7%, rgba(255, 64, 95, .3) 93%, transparent);
    box-shadow: 0 0 14px rgba(255, 64, 95, .13);
  }

  .btf-learning .journey-bridge > div[style] {
    min-height: 132px;
  }
}

/* V13.59.1 · High-contrast proof badge on the main pillar films. */
@media (max-width: 900px) {
  .btf-dashboard .pillar::before {
    display: inline-flex !important;
    align-items: center;
    min-height: 34px;
    top: 18px !important;
    right: 16px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, .32) !important;
    border-radius: 999px !important;
    background: linear-gradient(105deg, #64e1dc 0%, #b7edba 54%, #e3b440 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .42),
      0 8px 24px rgba(0, 0, 0, .38),
      0 0 22px rgba(100, 225, 220, .14) !important;
    color: #06100f !important;
    font-size: .53rem !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: .105em !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .18);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (max-width: 380px) {
  .btf-dashboard .pillar::before {
    right: 13px !important;
    min-height: 32px;
    padding: 7px 10px !important;
    font-size: .49rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* V8 · Premium training selector — scoped to the Start Here learning page. */
.btf-learning .top .btf-sign-out {
  position: absolute !important;
  z-index: 4;
  top: 50%;
  right: max(116px, calc((100vw - 1160px) / 2 + 116px));
  border-radius: 999px !important;
  transform: translateY(-50%);
}

.btf-learning .training-selector {
  position: relative;
  isolation: isolate;
  scroll-margin-top: 78px;
  padding-top: clamp(30px, 5vw, 64px);
  padding-bottom: clamp(44px, 7vw, 82px);
  overflow: hidden;
}

.btf-learning .training-selector::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(720px, 90vw);
  aspect-ratio: 1;
  top: -58%;
  right: -24%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(100, 225, 220, .13), rgba(227, 180, 64, .045) 42%, transparent 70%);
  pointer-events: none;
}

.btf-learning .training-selector__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  align-items: end;
  gap: clamp(22px, 5vw, 70px);
  margin-bottom: clamp(22px, 4vw, 38px);
}

.btf-learning .training-selector__intro .kick {
  letter-spacing: .2em;
}

.btf-learning .training-selector__intro h1 {
  max-width: 780px;
  margin: 10px 0 0;
  font-size: clamp(3.8rem, 8vw, 7.2rem);
  line-height: .82;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.btf-learning .training-selector__intro h1 span {
  background: var(--btf-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.btf-learning .training-selector__intro > p {
  max-width: 500px;
  margin: 0 0 4px;
  color: var(--btf-muted);
  font-size: .94rem;
  line-height: 1.62;
}

.btf-learning .training-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.8vw, 20px);
}

.btf-learning .training-card {
  position: relative;
  display: block;
  min-height: 280px;
  overflow: hidden;
  border: 1px solid var(--btf-line);
  border-radius: 22px;
  background: var(--btf-panel);
  box-shadow: 0 24px 58px rgba(0, 0, 0, .3);
  color: var(--btf-ink);
  text-decoration: none !important;
  isolation: isolate;
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.btf-learning .training-card:nth-child(3n + 2) {
  border-color: rgba(227, 180, 64, .28);
}

.btf-learning .training-card__media,
.btf-learning .training-card__media::after {
  position: absolute;
  inset: 0;
}

.btf-learning .training-card__media {
  z-index: 0;
  background: var(--btf-panel-2);
}

.btf-learning .training-card__media::after {
  content: "";
  background:
    linear-gradient(180deg, rgba(2, 9, 9, .1) 0%, rgba(2, 9, 9, .2) 34%, rgba(2, 9, 9, .93) 86%, #020909 100%),
    linear-gradient(110deg, rgba(2, 9, 9, .38), transparent 56%);
}

.btf-learning .training-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .82;
  filter: saturate(.9) contrast(1.04);
  transition: transform .6s cubic-bezier(.2, .7, .2, 1), opacity .3s ease;
}

.btf-learning .training-card__top {
  position: absolute;
  inset: 17px 17px auto;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.btf-learning .training-card__top b {
  color: var(--btf-gold);
  font-family: Impact, "Arial Black", Arial, sans-serif;
  font-size: 2.05rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
  text-shadow: 0 3px 16px rgba(0, 0, 0, .5);
}

.btf-learning .training-card__top em {
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  padding: 6px 8px;
  background: rgba(2, 9, 9, .62);
  color: rgba(247, 246, 239, .88);
  font-size: .5rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .15em;
  line-height: 1;
}

.btf-learning .training-card__body {
  position: absolute;
  inset: auto 17px 17px;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 12px;
}

.btf-learning .training-card__body strong {
  grid-column: 1;
  font-family: Impact, "Arial Black", Arial, sans-serif;
  font-size: clamp(1.45rem, 2.4vw, 2.25rem);
  line-height: .95;
  letter-spacing: -.025em;
}

.btf-learning .training-card__body small {
  grid-column: 1;
  display: block;
  max-width: 250px;
  margin-top: 8px;
  color: rgba(216, 225, 221, .76);
  font-size: .68rem;
  line-height: 1.35;
}

.btf-learning .training-card__body i {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--btf-gradient);
  color: var(--btf-on-accent);
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 900;
  transition: transform .24s ease;
}

.btf-learning .training-card:hover,
.btf-learning .training-card:focus-visible {
  z-index: 2;
  border-color: var(--btf-teal);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .4), 0 0 0 3px rgba(100, 225, 220, .1);
  outline: none;
  transform: translateY(-5px);
}

.btf-learning .training-card:hover .training-card__media img,
.btf-learning .training-card:focus-visible .training-card__media img {
  opacity: .96;
  transform: scale(1.055);
}

.btf-learning .training-card:hover .training-card__body i,
.btf-learning .training-card:focus-visible .training-card__body i {
  transform: translateX(3px);
}

.btf-learning .training-selector__guide {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 24px;
  color: var(--btf-teal) !important;
  font-size: .61rem;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1.4;
  text-decoration: none !important;
}

.btf-learning .training-selector__guide span {
  color: var(--btf-gold);
  font-size: .88rem;
}

.btf-learning .pathway-explainer .cta {
  margin-bottom: 22px;
}

@media (max-width: 760px) {
  .btf-learning .training-selector {
    scroll-margin-top: 68px;
    padding-top: 27px;
    padding-bottom: 48px;
  }

  .btf-learning .training-selector__intro {
    grid-template-columns: 1fr;
    gap: 13px;
    margin-bottom: 20px;
  }

  .btf-learning .training-selector__intro h1 {
    font-size: clamp(3.25rem, 14vw, 4.4rem);
    line-height: .84;
  }

  .btf-learning .training-selector__intro > p {
    max-width: 590px;
    font-size: .8rem;
    line-height: 1.48;
  }

  .btf-learning .training-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .btf-learning .training-card {
    min-height: 205px;
    border-radius: 16px;
  }

  .btf-learning .training-card__top {
    inset: 12px 12px auto;
  }

  .btf-learning .training-card__top b {
    font-size: 1.45rem;
  }

  .btf-learning .training-card__top em {
    padding: 5px 6px;
    font-size: .4rem;
    letter-spacing: .1em;
  }

  .btf-learning .training-card__body {
    inset: auto 12px 12px;
    column-gap: 8px;
  }

  .btf-learning .training-card__body strong {
    font-size: clamp(1.08rem, 5vw, 1.42rem);
  }

  .btf-learning .training-card__body small {
    margin-top: 6px;
    font-size: .57rem;
    line-height: 1.3;
  }

  .btf-learning .training-card__body i {
    width: 29px;
    height: 29px;
    font-size: .82rem;
  }

  .btf-learning .training-selector__guide {
    margin-top: 18px;
    font-size: .53rem;
  }
}

@media (max-width: 365px) {
  .btf-learning .top .btf-sign-out {
    right: 104px;
    padding-inline: 8px;
  }

  .btf-learning .training-card {
    min-height: 190px;
  }

  .btf-learning .training-card__top em {
    display: none;
  }

  .btf-learning .training-card__body small {
    display: none;
  }
}

/* Thumbnail-first Mux delivery for the six training libraries. A real
   mux-player is mounted only after the member explicitly presses play. */
btf-lazy-video {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  color: #f7f7fb;
  background:
    radial-gradient(circle at 68% 24%, rgba(91, 220, 214, .17), transparent 34%),
    linear-gradient(135deg, #0e1e1d, #050908 72%);
  isolation: isolate;
}

btf-lazy-video > mux-player,
.fv btf-lazy-video,
.libvideo btf-lazy-video,
.compare btf-lazy-video {
  width: 100%;
  height: 100%;
}

btf-lazy-video > mux-player {
  display: block;
  margin: 0;
}

.btf-lazy-video__button {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: inherit;
  color: inherit;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.btf-lazy-video__button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .42)),
    linear-gradient(115deg, rgba(2, 10, 9, .05), transparent 58%);
  transition: background .18s ease;
}

.btf-lazy-video__button:hover::after,
.btf-lazy-video__button:focus-visible::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)),
    linear-gradient(115deg, rgba(91, 220, 214, .11), transparent 58%);
}

.btf-lazy-video__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #06100f;
}

.btf-lazy-video__play {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: clamp(52px, 14%, 72px);
  aspect-ratio: 1;
  padding-left: .13em;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  color: #07110f;
  font-size: clamp(1rem, 3vw, 1.35rem);
  line-height: 1;
  background: linear-gradient(135deg, #5bdcd6, #b5e5b6 56%, #e7b93f);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .34);
  transition: transform .18s ease, box-shadow .18s ease;
}

.btf-lazy-video__prompt {
  position: absolute;
  left: 50%;
  bottom: 14px;
  z-index: 2;
  transform: translateX(-50%);
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  color: #fff;
  font-size: .52rem;
  font-weight: 950;
  letter-spacing: .15em;
  white-space: nowrap;
  background: rgba(3, 12, 11, .78);
}

.btf-lazy-video__button:hover .btf-lazy-video__play,
.btf-lazy-video__button:focus-visible .btf-lazy-video__play {
  transform: scale(1.06);
  box-shadow: 0 14px 38px rgba(91, 220, 214, .2), 0 12px 32px rgba(0, 0, 0, .34);
}

.btf-lazy-video__button:focus-visible {
  outline: 3px solid #5bdcd6;
  outline-offset: -3px;
}

.btf-lazy-video__button--fallback .btf-lazy-video__play {
  box-shadow: 0 0 0 8px rgba(91, 220, 214, .08), 0 12px 32px rgba(0, 0, 0, .34);
}

@media (prefers-reduced-motion: reduce) {
  .btf-lazy-video__button::after,
  .btf-lazy-video__play {
    transition: none;
  }
}

/* Premium turquoise-to-gold frame shared by every training video card. */
.btf-learning :is(.feature, .compare, .thumb, .libcard),
.btf-training .card {
  border: 1.5px solid transparent !important;
  background:
    linear-gradient(145deg, rgba(8, 23, 21, .98), rgba(4, 9, 9, .99)) padding-box,
    linear-gradient(135deg, #64e1dc 0%, #b7edba 52%, #e3b440 100%) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .055),
    0 16px 38px rgba(0, 0, 0, .24),
    0 0 20px rgba(100, 225, 220, .045),
    0 0 24px rgba(227, 180, 64, .035) !important;
}

.btf-learning :is(.feature, .compare, .thumb, .libcard):hover,
.btf-training .card:hover {
  border-color: transparent !important;
  background:
    linear-gradient(145deg, rgba(10, 29, 26, .99), rgba(4, 11, 10, .99)) padding-box,
    linear-gradient(135deg, #7af0eb 0%, #d5f2b0 48%, #f0c85c 100%) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 22px 48px rgba(0, 0, 0, .3),
    0 0 25px rgba(100, 225, 220, .08),
    0 0 28px rgba(227, 180, 64, .06) !important;
}

.btf-learning :is(.feature, .compare, .thumb, .libcard):focus-within,
.btf-training .card:focus-within {
  outline: 2px solid rgba(100, 225, 220, .34);
  outline-offset: 3px;
}

@supports (-webkit-touch-callout: none) {
  .btf-learning :is(.feature, .compare, .thumb, .libcard),
  .btf-training .card {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 12px 28px rgba(0, 0, 0, .22) !important;
  }
}

/* Main dashboard: match the balanced video-card edge instead of solid gold. */
.btf-dashboard .home-command {
  border: 1.5px solid transparent !important;
  background:
    radial-gradient(circle at 7% 0, rgba(100, 225, 220, .095), transparent 31%) padding-box,
    radial-gradient(circle at 100% 100%, rgba(227, 180, 64, .055), transparent 28%) padding-box,
    linear-gradient(145deg, rgba(6, 25, 22, .97), rgba(2, 10, 9, .97)) padding-box,
    linear-gradient(135deg, #64e1dc 0%, #b7edba 53%, #e3b440 100%) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 0 0 6px rgba(3, 16, 14, .72),
    0 0 0 7px rgba(100, 225, 220, .085),
    0 30px 90px rgba(0, 0, 0, .5),
    0 0 38px rgba(100, 225, 220, .045) !important;
}

.btf-dashboard .home-command::before {
  border-color: rgba(100, 225, 220, .72) !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}

.btf-dashboard .home-command::after {
  border-color: rgba(227, 180, 64, .48) !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}

.btf-dashboard .home-command__head {
  border-bottom-color: rgba(100, 225, 220, .2) !important;
}

.btf-dashboard .home-card,
.btf-dashboard .home-card--today,
.btf-dashboard .home-card--my-training {
  border: 1.5px solid transparent !important;
  background:
    radial-gradient(circle at 7% 0, rgba(100, 225, 220, .075), transparent 34%) padding-box,
    linear-gradient(145deg, rgba(13, 40, 36, .96), rgba(3, 13, 12, .98)) padding-box,
    linear-gradient(135deg, #64e1dc 0%, #b7edba 52%, #e3b440 100%) border-box !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 28px rgba(0, 0, 0, .22) !important;
}

.btf-dashboard .home-card:hover,
.btf-dashboard .home-card:focus-visible {
  border-color: transparent !important;
  background:
    radial-gradient(circle at 7% 0, rgba(100, 225, 220, .11), transparent 36%) padding-box,
    linear-gradient(145deg, rgba(16, 49, 43, .98), rgba(3, 15, 13, .99)) padding-box,
    linear-gradient(135deg, #7af0eb 0%, #d5f2b0 48%, #f0c85c 100%) border-box !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 16px 34px rgba(0, 0, 0, .28), 0 0 22px rgba(100, 225, 220, .055) !important;
}

.btf-dashboard .home-secondary,
.btf-dashboard .home-status {
  border: 1px solid transparent !important;
  background:
    linear-gradient(145deg, rgba(7, 21, 19, .94), rgba(3, 11, 10, .94)) padding-box,
    linear-gradient(135deg, rgba(100, 225, 220, .72), rgba(183, 237, 186, .48) 55%, rgba(227, 180, 64, .58)) border-box !important;
}

.btf-dashboard .home-status {
  gap: 1px;
}

.btf-dashboard .pillar,
.btf-dashboard .tn {
  border: 1.5px solid transparent !important;
  background:
    linear-gradient(#06100f, #06100f) padding-box,
    linear-gradient(135deg, #64e1dc 0%, #b7edba 52%, #e3b440 100%) border-box !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .3), 0 0 22px rgba(100, 225, 220, .04) !important;
}

.btf-dashboard .pillar:hover,
.btf-dashboard .pillar:focus-visible {
  border-color: transparent !important;
  background:
    linear-gradient(#071513, #06100f) padding-box,
    linear-gradient(135deg, #7af0eb 0%, #d5f2b0 48%, #f0c85c 100%) border-box !important;
  box-shadow: 0 30px 76px rgba(0, 0, 0, .38), 0 0 28px rgba(100, 225, 220, .07) !important;
  outline: none;
}

/* Tighter, clearer transition from the dashboard into the six pillars. */
.btf-dashboard #pillars {
  padding-top: 46px !important;
}

.btf-dashboard #pillars .head {
  max-width: 760px !important;
  margin-bottom: 24px !important;
}

.btf-dashboard #pillars .head::before {
  margin-bottom: 13px !important;
  color: #64e1dc !important;
  font-size: .6rem !important;
}

.btf-dashboard #pillars .head .ey {
  color: #64e1dc !important;
  font-size: .62rem !important;
  letter-spacing: .25em !important;
}

.btf-dashboard #pillars .head h2 {
  max-width: 720px;
  margin: 13px auto 0 !important;
  color: #f7f7f3 !important;
  font-size: clamp(2.65rem, 5.6vw, 5rem) !important;
  line-height: .92 !important;
  text-wrap: balance;
}

.btf-dashboard #pillars .head h2::after {
  display: none !important;
  content: "" !important;
}

.btf-dashboard #pillars .head p {
  max-width: 700px !important;
  margin: 18px auto 0 !important;
  color: #aebbb7 !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  text-wrap: balance;
}

.btf-dashboard #pillars .head p strong {
  color: #dfe7e4 !important;
}

.btf-dashboard #pillars .head::after {
  display: block !important;
  margin: 24px auto 0 !important;
  color: #8fa5a0 !important;
  font-size: .56rem !important;
  letter-spacing: .22em !important;
  content: "CHOOSE A PILLAR TO BEGIN" !important;
}

.btf-dashboard .pillar .pn,
.btf-dashboard .pillar:nth-child(1) .pn,
.btf-dashboard .pillar:nth-child(2) .pn,
.btf-dashboard .pillar:nth-child(3) .pn,
.btf-dashboard .pillar:nth-child(4) .pn,
.btf-dashboard .pillar:nth-child(5) .pn,
.btf-dashboard .pillar:nth-child(6) .pn {
  color: #64e1dc !important;
  background: linear-gradient(135deg, #64e1dc 0%, #b7edba 52%, #e3b440 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
}

@media (max-width: 650px) {
  .btf-dashboard #pillars {
    padding-top: 34px !important;
  }

  .btf-dashboard #pillars .head {
    margin-bottom: 20px !important;
  }

  .btf-dashboard #pillars .head h2 {
    font-size: 2.45rem !important;
  }

  .btf-dashboard #pillars .head p {
    margin-top: 14px !important;
    font-size: .94rem !important;
    line-height: 1.55 !important;
  }

  .btf-dashboard #pillars .head::after {
    margin-top: 19px !important;
  }
}

/* V13.59 · One premium edge language across the complete member system.
   The bright frame is reserved for destinations and video cards above. These
   panels use the same three colors at a quieter intensity so hierarchy stays
   clear on long planner, progress and reporting screens. */
:is(
  .btf-learning .then,
  .btf-learning .timeline,
  .btf-training .weekly,
  .btf-training .count,
  .btf-training .empty,
  .btf-cycle .player-card__frame,
  .btf-cycle .cycle-command,
  .btf-cycle .development-block,
  .btf-cycle .week-navigator,
  .btf-cycle .selected-training-day,
  .btf-cycle .day-session,
  .btf-cycle .cycle-detail-vault,
  .btf-cycle .session-board,
  .btf-cycle .review-card,
  .btf-cycle .recommendation-card,
  .btf-cycle .week-progress-card,
  .btf-cycle .context-library,
  .btf-cycle .cycle-evidence,
  .btf-cycle .cycle-totals,
  .btf-planner .planner-tools,
  .btf-planner .planner-document,
  .btf-planner .today-plan,
  .btf-planner .week-information-center,
  .btf-planner .week-glance,
  .btf-planner .featured-plan-card,
  .btf-planner .goal-card,
  .btf-planner .workload-card,
  .btf-planner .focus-card,
  .btf-planner .weekly-review,
  .btf-planner .cycle-overview,
  .btf-planner .metric,
  .progress-page .journey-card,
  .progress-page .achievement-card,
  .progress-page .progress-dossier,
  .progress-page .personal-plan,
  .progress-page .adaptive-decision-card,
  .progress-page .adaptive-prescription,
  .progress-page .foundation-quality,
  .progress-page .next-checkpoint,
  .progress-page .next-step,
  .progress-page .milestone-timeline,
  .progress-page .pillar-progress,
  .progress-page .development-block,
  .session-page .guided-launcher,
  .session-page .guided-form,
  .session-page .guided-recommendation,
  .session-page .session-overview,
  .session-page .session-guidance,
  .session-page .challenge-card,
  .session-page .foundation-checkpoint,
  .session-page .completed-panel,
  .session-page .finish-panel,
  .session-page .state-card,
  .weekly-report-page .report-card,
  .weekly-report-page .report-scoreboard,
  .weekly-report-page .report-development-block,
  .weekly-report-page .report-review,
  .weekly-report-page .challenge-report,
  .weekly-report-page .next-action,
  .weekly-report-page .report-actions,
  .btf-player-setup .setup-step,
  .btf-player-setup .choice-card,
  .btf-player-setup .recommendation,
  .btf-player-setup .setup-plan-preview,
  .btf-player-setup .finish-panel,
  .btf-book .book-reader,
  .btf-book .reader-companion,
  .btf-book .recommendation,
  .btf-book .chapter-index,
  .btf-book .insight
) {
  border-color: rgba(183, 237, 186, .44) !important;
  box-shadow:
    inset 1px 0 0 rgba(100, 225, 220, .7),
    inset -1px 0 0 rgba(227, 180, 64, .62),
    inset 0 1px 0 rgba(150, 235, 216, .38),
    inset 0 -1px 0 rgba(222, 198, 100, .3),
    0 20px 54px rgba(0, 0, 0, .24),
    -8px 0 28px rgba(100, 225, 220, .025),
    8px 0 28px rgba(227, 180, 64, .022) !important;
}

:is(
  .btf-cycle .day-session,
  .btf-planner .metric,
  .progress-page .achievement-card,
  .session-page .guided-recommendation,
  .weekly-report-page .report-card,
  .btf-player-setup .choice-card,
  .btf-book .insight
):is(:hover, :focus-within) {
  border-color: rgba(183, 237, 186, .72) !important;
  box-shadow:
    inset 1px 0 0 rgba(122, 240, 235, .9),
    inset -1px 0 0 rgba(240, 200, 92, .82),
    inset 0 1px 0 rgba(213, 242, 176, .48),
    inset 0 -1px 0 rgba(213, 242, 176, .38),
    0 24px 58px rgba(0, 0, 0, .3) !important;
}

@media (max-width: 720px) {
  :is(
    .btf-cycle .day-session,
    .btf-planner .metric,
    .progress-page .achievement-card,
    .weekly-report-page .report-card,
    .btf-player-setup .choice-card,
    .btf-book .insight
  ) {
    box-shadow:
      inset 1px 0 0 rgba(100, 225, 220, .62),
      inset -1px 0 0 rgba(227, 180, 64, .54),
      inset 0 1px 0 rgba(183, 237, 186, .32),
      inset 0 -1px 0 rgba(183, 237, 186, .24),
      0 12px 30px rgba(0, 0, 0, .2) !important;
  }
}