/* New client-report visual direction: navy / light blue / white / orange. */
#report {
  --report-card-gutter: 24px;
  --red: #e33c3c;
  --hy-green: #ff6b1a;
  --hy-page: #edf7fb;
  --hy-page-alt: #e3f2f9;
  --hy-surface: #ffffff;
  --hy-surface-soft: #f7fcff;
  --hy-line: #c8dfeb;
  --orange: #ff6b1a;
  background: #edf7fb;
}

#report > .logo,
#report > .mainTitle {
  width: calc(100% - (var(--report-card-gutter) * 2));
  margin-right: var(--report-card-gutter);
  margin-left: var(--report-card-gutter);
  background-color: #061018;
  background-image:
    linear-gradient(90deg, rgba(2, 12, 20, .12), rgba(3, 8, 13, .02) 48%, rgba(17, 7, 1, .05)),
    url("/analysisassets/cost-20261020/report-hero-bg-v1-64ca60759fcf.webp");
  background-repeat: no-repeat;
  background-size: 100% 470px;
}

#report > .logo {
  min-height: 116px;
  padding: 27px 38px 15px;
  border: 1.5px solid #43525c;
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  background-position: center top;
}

#report > .logo img {
  width: 150px;
  max-width: 38%;
  margin: 0;
}

#report > .mainTitle {
  isolation: isolate;
  overflow: hidden;
  min-height: 338px;
  padding: 58px 38px 76px;
  border: 1.5px solid #43525c;
  border-top: 0;
  border-radius: 0 0 22px 22px;
  background-position: center -116px;
  color: #fff;
  font-size: 56px;
  font-weight: 900;
  line-height: .98;
  letter-spacing: -.052em;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .36);
}

#report > .mainTitle::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  width: 360px;
  height: 220px;
  transform: translateX(-30%);
  background: center / contain no-repeat url("/hero-title-arc.svg");
  pointer-events: none;
}

#report > .mainTitle::after {
  left: 38px;
  bottom: 45px;
  width: 62px;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff4f16, #ff8428);
}

#report > .clientPhotoSection { padding-top: 34px; background: #edf7fb; }
#report > .topCard { background: #edf7fb; }
#report > .topCard::before { right: var(--report-card-gutter); left: var(--report-card-gutter); border: 1px solid #c6dfeb; background: #fff; }
#report > .potentialSection {
  border-top: 1px solid #dceaf1;
  border-bottom: 1px solid #dceaf1;
  background: #f8fbfd;
}

/* Keep all primary rounded report cards on one shared horizontal grid. */
#report > .clientPhotoSection,
#report > .infoBlocks,
#report > .anchorCard,
#report > .improvementCard,
#report > .difficultySection,
#report > .potentialSection {
  padding-right: var(--report-card-gutter);
  padding-left: var(--report-card-gutter);
}

#report .difficultyCard { margin-right: 0; margin-left: 0; }

#report .anchorCard .anchorFeatures {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Remove the former green palette from every report section. */
#report .potentialIntro strong,
#report .difficultyNotes strong,
#report .anchorFeatures,
#report .improvementBullet.isSelected .improvementName { color: #f05a1b !important; }

#report .improvementCount {
  position: relative;
  color: inherit !important;
}

/* The count follows the literal “Top ” text, so this rule visually underlines both. */
#report .improvementCount::after {
  content: "";
  position: absolute;
  right: -.04em;
  bottom: .08em;
  left: -2.25em;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

#nextStepsSection { background: #fff !important; color: #111827 !important; }
#nextStepsSection .aor-main-heading { background: #dceff7 !important; }
#nextStepsSection .aor-kicker,
#nextStepsSection .aor-option-label,
#nextStepsSection .amo-label { color: #f05a1b !important; }
#nextStepsSection .aor-heading-rule { background: #ff6b1a !important; }
#nextStepsSection .aor-options-count { color: #365b6e !important; }
#nextStepsSection .aor-diy { background: #fff !important; }
#nextStepsSection .aor-number { background: #e2f4fb !important; color: #137fa7 !important; }
#nextStepsSection .aor-schedule span { color: #137fa7 !important; }
#nextStepsSection .amo-program { background: #e2f3fa !important; }
#nextStepsSection .coach-caption { color: #315f74 !important; }
#nextStepsSection .amo-intro { color: #263842 !important; }
#nextStepsSection .amo-benefits article { border-top-color: rgba(35, 107, 137, .22) !important; }
#nextStepsSection .amo-icon-shell { background: #f8fdff !important; border-color: rgba(19, 127, 167, .17) !important; }
#nextStepsSection .amo-benefits article:nth-child(1) .amo-icon-shell,
#nextStepsSection .amo-benefits article:nth-child(1) .amo-number { color: #0cacdd !important; }
#nextStepsSection .amo-benefits article:nth-child(2) .amo-icon-shell,
#nextStepsSection .amo-benefits article:nth-child(2) .amo-number { color: #fc670c !important; }
#nextStepsSection .amo-benefits article:nth-child(3) .amo-icon-shell,
#nextStepsSection .amo-benefits article:nth-child(3) .amo-number { color: #0ab767 !important; }
#nextStepsSection .amo-benefits article:nth-child(4) .amo-number { color: #8a60f8 !important; }
#nextStepsSection .amo-copy p { color: #334953 !important; }
#nextStepsSection .amo-game-icon { filter: hue-rotate(118.5deg) saturate(1.5) brightness(1.0824); }

.mobile-disclosure-toggle,
.mobile-disclosure-ellipsis { display: none; }

@media print {
  .mobile-disclosure-more { display: inline !important; }
  .mobile-disclosure-toggle,
  .mobile-disclosure-ellipsis { display: none !important; }
}

@media screen and (max-width: 700px) {
  .mobile-disclosure-more {
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-3px);
    transition:
      max-height .42s cubic-bezier(.22, .61, .36, 1),
      opacity .28s ease-out,
      transform .42s cubic-bezier(.22, .61, .36, 1);
    will-change: max-height, opacity, transform;
  }
  .mobile-disclosure-more.is-expanded {
    max-height: 24rem;
    opacity: 1;
    transform: translateY(0);
  }
  .mobile-disclosure-ellipsis { display: inline; }
  .mobile-disclosure-more.is-expanded + .mobile-disclosure-ellipsis { display: none; }
  .mobile-disclosure-toggle {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 7px;
    margin-top: 9px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #315f74;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.3;
    cursor: pointer;
  }
  .mobile-disclosure-toggle::after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    transform-origin: center;
  }
  .mobile-disclosure-toggle[aria-expanded="true"]::after {
    transform: rotate(225deg) translateY(-1px);
  }
  .mobile-disclosure-toggle:focus-visible {
    outline: 2px solid #ff5a0a;
    outline-offset: 4px;
    border-radius: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-disclosure-more { transition: none !important; }
}

@media screen and (max-width: 700px) {
  #report { --report-card-gutter: 14px; }

  #report > .logo,
  #report > .mainTitle {
    width: calc(100% - (var(--report-card-gutter) * 2));
    margin-right: var(--report-card-gutter);
    margin-left: var(--report-card-gutter);
    background-size: 100% 448px;
  }

  #report > .logo {
    min-height: 100px;
    padding: 23px 26px 14px;
    border-radius: 18px 18px 0 0;
  }

  #report > .logo img { width: 128px; max-width: 43%; }

  #report > .mainTitle {
    min-height: 336px;
    padding: 51px 26px 72px;
    border-radius: 0 0 18px 18px;
    background-position: center -100px;
    font-size: clamp(38px, 11.2vw, 47px);
    line-height: .98;
    letter-spacing: -.05em;
  }

  #report > .mainTitle::after {
    left: 26px;
    bottom: 43px;
    width: 50px;
    height: 5px;
  }

  #report > .clientPhotoSection { padding-top: 28px; background: #edf7fb; }
  #report > .topCard { padding-top: 28px; background: #edf7fb; }
}

/* Approved upper report direction: white navigation + diagonal black/orange hero. */
#report > .logo,
#report > .mainTitle {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}

#report > .logo {
  display: flex;
  align-items: center;
  min-height: 96px;
  padding: 0 58px;
  background: #fff;
}

#report > .logo img {
  width: 128px;
  max-width: 38%;
  filter: url("/logo-charcoal-filter.svg");
}

#report > .mainTitle {
  display: flex;
  isolation: isolate;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 300px;
  padding: 42px 46px 68px;
  background: #171a1c url("/hero-title-diagonal.svg") center / 100% 100% no-repeat;
  color: #fff;
  text-align: center;
  font-size: 56px;
  line-height: 1;
  letter-spacing: -.045em;
  text-shadow: 0 3px 12px rgba(0, 0, 0, .28);
  box-shadow: inset 2px 0 #1497ac, inset 0 -2px #ff6a1a;
}

#report > .mainTitle::before { display: none; }

#report > .mainTitle::after {
  left: 50%;
  bottom: 34px;
  width: 56px;
  height: 5px;
  transform: translateX(-50%);
  background: #ff641c;
}

@media screen and (max-width: 700px) {
  #report > .logo {
    min-height: 79px;
    padding: 0 40px;
  }

  #report > .logo img { width: 94px; max-width: 42%; }

  #report > .mainTitle {
    min-height: 206px;
    padding: 28px 32px 48px;
    font-size: 41px;
    line-height: 1.01;
    letter-spacing: -.047em;
  }

  #report > .mainTitle::after {
    bottom: 31px;
    width: 48px;
    height: 4px;
  }

  #report > .topCard::before {
    top: 19px;
    right: var(--report-card-gutter);
    left: var(--report-card-gutter);
  }

  #report > .topCard {
    padding-top: 35px;
    padding-right: 30px;
    padding-left: 30px;
  }
}