/* ============================================
   Sales page — additions on top of style.css
   ============================================ */

/* Quiet "log in" link in the nav, next to the loud enroll button */

.nav__login {
  color: var(--warm-gray) !important;
  font-size: 0.9rem !important;
}

.nav__login:hover { color: var(--burgundy) !important; }

/* "Already enrolled?" under the hero CTA */

.hero__signin {
  margin-top: 1.25rem;
  font-size: 0.92rem;
  color: var(--warm-gray);
}

.hero__signin a {
  color: var(--burgundy);
  font-weight: 500;
}

/* Sales video */

.sales-video-section {
  background: var(--blush-light);
}

.sales-video-section .section-header {
  margin-bottom: 2.5rem;
}

.sales-video {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: var(--charcoal);
  box-shadow: 0 14px 40px rgba(45, 42, 38, 0.18);
}

.sales-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.sales-video-section .cta-row {
  margin-top: 2.5rem;
}

/* Curriculum: modules can carry a subtitle */

.section-header__sub {
  color: var(--warm-gray);
  max-width: 48ch;
  margin: 1rem auto 0;
}

.module__title em {
  display: block;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 0.88em;
  color: var(--warm-gray);
  margin-top: 4px;
}

/* Enroll band */

.enroll__buy {
  font-size: 1.05rem;
  padding: 16px 40px;
}

.enroll__reassurance {
  font-size: 0.85rem;
  color: rgba(250, 246, 241, 0.7);
  margin-top: 1.25rem;
}

.enroll__signin {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(250, 246, 241, 0.2);
  font-size: 0.92rem;
  color: rgba(250, 246, 241, 0.8);
}

.enroll__signin a {
  color: var(--cream);
  font-weight: 600;
}