/* Browse Courses introduction. Scoped to the owner-requested top two sections. */
.hero.funda-course-hero,
.funda-course-clarity { background: linear-gradient(135deg, #eef1f0 0%, #f4f1eb 62%, #f3e8e7 100%); color: #10254e; }
.funda-course-hero { overflow: hidden; border-bottom: 1px solid #e8eef6; }
.funda-course-symbols { position: absolute; width: 0; height: 0; overflow: hidden; }
.funda-course-hero-grid { position: relative; isolation: isolate; max-width: 1536px; min-height: 540px; margin: auto; overflow: hidden; background: linear-gradient(135deg, #eef1f0 0%, #f4f1eb 62%, #f3e8e7 100%); }
.funda-course-hero-grid::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, #eef1f0 0%, rgba(238, 241, 240, .97) 29%, rgba(238, 241, 240, .78) 38%, rgba(238, 241, 240, .25) 48%, rgba(238, 241, 240, .06) 56%, transparent 62%); }
.funda-course-hero-copy { display: flex; flex-direction: column; justify-content: center; width: 52%; min-height: 540px; min-width: 0; padding: 35px 20px 32px clamp(24px, 4.4vw, 68px); position: relative; z-index: 2; }
.funda-course-pill { display: inline-flex; align-items: center; gap: 9px; align-self: flex-start; padding: 8px 16px; border: 1px solid #e9d4a5; border-radius: 999px; background: #fffaf1; color: #16386d; font-size: 13px; line-height: 1.2; font-weight: 800; letter-spacing: .025em; }
.funda-course-pill svg { width: 17px; height: 17px; flex: none; }
.funda-course-title { margin: 25px 0 0; max-width: 660px; color: #0b2047; font-size: clamp(38px, 4.25vw, 66px); line-height: 1.035; letter-spacing: -.045em; font-weight: 800; }
.funda-course-title span { color: #ac731b; }
.funda-course-title span.funda-strong-text { color: #ac731b !important; --funda-strong-color: #ac731b !important; }
.funda-course-lead { margin: 19px 0 0; max-width: 630px; color: #344761; font-size: clamp(16px, 1.25vw, 19px); line-height: 1.52; }
.funda-course-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.funda-course-actions a { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; padding: 10px 24px; border-radius: 10px; text-decoration: none; font-size: 16px; line-height: 1.25; font-weight: 800; text-align: center; }
.funda-course-actions .funda-primary { background: #164a98; color: #fff; border: 1px solid #164a98; }
.funda-course-actions .funda-secondary { background: #fff; color: #123469; border: 1px solid #8baad4; }
.funda-course-actions a:focus-visible { outline: 3px solid #c99a2e; outline-offset: 3px; }
.funda-course-highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 27px; max-width: 675px; }
.funda-course-highlight { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 0 12px; border-left: 1px solid #d4e0f0; }
.funda-course-highlight:first-child { padding-left: 0; border-left: 0; }
.funda-course-highlight svg { width: 50px; height: 50px; padding: 11px; border-radius: 50%; flex: none; color: #17478e; background: #ffedc8; }
.funda-course-highlight strong, .funda-course-highlight span { display: block; line-height: 1.16; }
.funda-course-highlight strong { color: #0b2f70; font-size: 17px; }
.funda-course-highlight span { margin-top: 2px; color: #234161; font-size: 13px; }
.funda-course-visual { position: absolute; inset: 0 0 0 auto; z-index: 0; width: 65%; min-height: 540px; overflow: hidden; background: #eef1f0; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 7%, #000 18%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 7%, #000 18%); }
.funda-course-visual img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(1.07) saturate(1.04) contrast(1.01); }
.funda-course-clarity { padding: 24px 0 40px; border-bottom: 1px solid #e7edf5; }
.funda-course-clarity-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(420px, .85fr); gap: clamp(28px, 4.5vw, 70px); max-width: 1536px; margin: auto; padding: 0 clamp(24px, 4.4vw, 68px); align-items: stretch; }
.funda-course-clarity-copy { display: flex; flex-direction: column; padding-top: 3px; min-width: 0; }
.funda-course-motivation { display: flex; flex: 1; flex-direction: column; max-width: 700px; padding: 7px 0 22px 25px; border-left: 4px solid #c99a2e; }
.funda-course-motivation small { display: block; color: #ac731b; font-size: 12px; font-weight: 800; line-height: 1.2; letter-spacing: .14em; }
.funda-course-motivation h2 { margin: 10px 0 0; color: #10254e; font-size: clamp(38px, 3.55vw, 55px); line-height: 1.06; letter-spacing: -.04em; font-weight: 800; }
.funda-course-motivation p { margin: 17px 0 0; max-width: 670px; color: #344761; font-size: 18px; line-height: 1.5; }
.funda-course-motivation p + p { margin-top: 14px; color: #173461; font-weight: 600; }
.funda-course-values { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; max-width: 740px; margin-top: auto; padding-top: 30px; }
.funda-course-value { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 0 14px; border-left: 1px solid #ccdaed; color: #173461; font-size: 13px; line-height: 1.25; font-weight: 700; }
.funda-course-value:first-child { padding-left: 0; border-left: 0; }
.funda-course-value svg { width: 34px; height: 34px; flex: none; color: #17478e; }
.funda-course-board { border: 1px solid #d8e5f5; border-radius: 18px; background: #fff; padding: 20px 22px 16px; box-shadow: 0 8px 26px rgba(31, 65, 105, .045); min-width: 0; }
.funda-course-board > small { color: #173461; font-size: 12px; font-weight: 800; line-height: 1.2; letter-spacing: .14em; }
.funda-course-board h3 { margin: 7px 0 8px; color: #0b2f70; font-size: 24px; line-height: 1.2; font-weight: 800; }
.funda-course-fact { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid #e4eaf3; }
.funda-course-fact:last-of-type { border-bottom: 0; }
.funda-course-fact > svg { width: 43px; height: 43px; padding: 10px; border: 1px solid #d7e6f8; border-radius: 50%; color: #17478e; background: #f2f7fe; }
.funda-course-fact strong, .funda-course-fact span { display: block; }
.funda-course-fact strong { color: #0b2f70; font-size: 16px; line-height: 1.25; }
.funda-course-fact span { margin-top: 2px; color: #344761; font-size: 14px; line-height: 1.35; }
.funda-course-board-note { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 10px 13px; border-radius: 10px; background: #fff4e4; color: #173461; font-size: 14px; line-height: 1.3; }
.funda-course-board-note svg { width: 24px; height: 24px; flex: none; color: #e2a61a; }
@media (max-width: 1050px) {
  .funda-course-hero-copy { width: 57%; padding-right: 16px; }
  .funda-course-visual { width: 69%; }
  .funda-course-hero-grid::after { background: linear-gradient(90deg, #eef1f0 0%, rgba(238, 241, 240, .98) 33%, rgba(238, 241, 240, .80) 42%, rgba(238, 241, 240, .30) 54%, rgba(238, 241, 240, .07) 62%, transparent 69%); }
  .funda-course-highlights { grid-template-columns: 1fr 1fr; row-gap: 12px; }
  .funda-course-highlight:nth-child(3) { padding-left: 0; border-left: 0; }
  .funda-course-clarity-grid { grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr); gap: 25px; }
  .funda-course-values { grid-template-columns: 1fr 1fr; row-gap: 18px; }
  .funda-course-value:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 800px) {
  .funda-course-hero-grid { min-height: 0; }
  .funda-course-hero-grid::after { display: none; }
  .funda-course-hero-copy { justify-content: center; width: 100%; min-height: 0; padding: 38px 24px 34px; }
  .funda-course-visual { display: none; }
  .funda-course-clarity { display: none; }
}
@media (max-width: 540px) {
  .funda-course-hero-copy { padding: 30px 18px 28px; }
  .funda-course-pill { font-size: 11px; padding: 7px 11px; }
  .funda-course-title { margin-top: 18px; font-size: clamp(35px, 10vw, 43px); }
  .funda-course-lead { font-size: 16px; line-height: 1.5; }
  .funda-course-actions { display: grid; grid-template-columns: 1fr; gap: 9px; }
  .funda-course-actions a { min-height: 48px; font-size: 15px; }
  .funda-course-highlights { margin-top: 23px; grid-template-columns: 1fr; gap: 11px; }
  .funda-course-highlight, .funda-course-highlight:nth-child(3) { padding: 0; border: 0; }
  .funda-course-highlight svg { width: 43px; height: 43px; padding: 9px; }
}