/* === START: public pages — FAQ, Advisor, About, Council === */

/* ============================================================
   FAQ PAGE — SAGE Scholars 2026 Redesign
   ============================================================ */
.info-hero--faq {
  position: relative;
  min-height: 220px;
  padding: calc(8.75em + 56px) 0 56px;
  margin-top: -8.75em;
  background: #061828;
  overflow: hidden;
}
.info-hero--faq::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(to right, #061828 0%, rgba(6,24,40,.85) 30%, rgba(9,161,228,.25) 65%, transparent 90%), url('../images/faq/faq_as_1414734977.webp') center/cover no-repeat;
  pointer-events: none;
}
.info-hero--faq::after {
  content: '';
  position: absolute;
  bottom: -100px;
  left: -80px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(9,161,228,.10) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
@media (max-width: 992px) {
  .info-hero--faq::before { width: 100%; background: linear-gradient(rgba(6,24,40,.86), rgba(6,24,40,.86)), url('../images/faq/faq_as_1414734977.webp') center/cover no-repeat; }
}
@media (max-width: 768px) {
  .info-hero--faq { min-height: auto; padding-top: calc(9.25em + 48px); margin-top: -9.25em; }
}
@media (max-width: 575px) {
  .info-hero--faq { padding-top: calc(3.75em + 40px); margin-top: -3.75em; }
}
#faq-modern { padding: 40px 0 80px; }
#faq-modern .faq-filter-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem; }
#faq-modern .faq-filter-btn {
  display: inline-block;
  padding: .4rem 1.1rem;
  color: #09a1e4;
  background: transparent;
  border: 1.5px solid #09a1e4;
  border-radius: 50px;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s, color .2s;
}
#faq-modern .faq-filter-btn:hover, #faq-modern .faq-filter-btn.active { color: #ffffff; background: #09a1e4; }
#faq-modern .faq-section-label {
  margin-bottom: .4rem;
  color: #09a1e4;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
}
#faq-modern .faq-card {
  position: relative;
  height: 100%;
  padding: 1.25rem 1.25rem 1.25rem 1.5rem;
  background: #f8f9fa;
  border: 1px solid #e2e6ea;
  border-radius: 0;
  transition: box-shadow .2s, background .2s;
}
#faq-modern .faq-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 100%;
  background: linear-gradient(to bottom, rgba(9,161,228,1) 0%, rgba(9,161,228,.4) 100%);
}
#faq-modern .faq-card:hover { background: #f1f3f5; box-shadow: 0 2px 10px rgba(0,0,0,.07); }
#faq-modern .faq-question { margin-bottom: .6rem; color: rgb(31,41,55); font-size: 1.2rem; font-weight: 550; line-height: 1.35; }
#faq-modern .faq-answer { margin-bottom: 0; color: rgb(55,65,81); font-size: .95rem; line-height: 1.65; }
#faq-modern .faq-item { transition: opacity .2s; }
#faq-modern .faq-item.faq-hidden { display: none; }


/*--------------------------------------------------------------
# College Search hero
--------------------------------------------------------------*/
.info-hero.info-hero--college-search {
  background: #061828;
  position: relative;
  overflow: hidden;
  margin-top: -8.75em;
  padding: calc(8.75em + 30px) 0 30px;
  min-height: 160px;
}

.info-hero.info-hero--college-search::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 55%; height: 100%;
  background:
    linear-gradient(to right, #061828 0%, rgba(6,24,40,0.85) 30%, rgba(9,161,228,0.25) 65%, transparent 90%),
    url('../images/infofor/infoforcollege_as_1216449972.webp') center top/cover no-repeat;
  pointer-events: none;
}
.info-hero--college-search::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(9,161,228,0.10) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.info-hero--college-search .info-hero__heading span {
  color: #09a1e4;
}

@media (max-width: 992px) {
  .info-hero--college-search::before {
    width: 100%;
    background: linear-gradient(rgba(6,24,40,0.86), rgba(6,24,40,0.86)),
      url('../images/infofor/infoforcollege_as_1216449972.webp') center/cover no-repeat;
  }
}
@media (max-width: 768px) {
  .info-hero--college-search { margin-top: -9.25em; padding-top: calc(9.25em + 48px); min-height: auto; }
}
@media (max-width: 575px) {
  .info-hero--college-search { margin-top: -3.75em; padding-top: calc(3.75em + 40px); }
}

/*--------------------------------------------------------------
# College Search — filter bar
--------------------------------------------------------------*/
.search-filter-bar {
  margin: 0 0 2rem;
}

.search-filter-bar__label {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6c757d;
  margin-bottom: 10px;
  text-align: center;
}

.search-filter-bar__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.search-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: 1.5px solid #dee2e6;
  border-radius: 100px;
  background: #fff;
  color: #212529;
  font-size: 0.92rem;
  font-weight: 600;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
  white-space: nowrap;
}

.search-filter-btn:hover {
  border-color: #09a1e4;
  color: #09a1e4;
  background: #f0f9fe;
}

.search-filter-btn.is-active {
  border-color: #09a1e4;
  background: #eef7fd;
  color: #09a1e4;
}

.search-filter-btn__arrow {
  font-size: 0.65rem;
  opacity: 0.6;
  margin-left: 2px;
}

.search-filter-btn__count {
  background: #09a1e4;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 100px;
  padding: 1px 7px;
  line-height: 1.4;
}
/*--------------------------------------------------------------
# College Search — results count
--------------------------------------------------------------*/
.college-search-count {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #495057;
  padding: 16px 0 8px;
  border-top: 1px solid #e9ecef;
  margin-bottom: 8px;
}
.college-search-count span {
  color: #09a1e4;
  font-weight: 500;
}
/*--------------------------------------------------------------
# College Search — featured college divider
--------------------------------------------------------------*/
.search-featured-divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 48px 0 36px;
  color: #adb5bd;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.search-featured-divider::before,
.search-featured-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #dee2e6;
}

/*--------------------------------------------------------------
# College Profile Hero
--------------------------------------------------------------*/
.college-hero {
  position: relative;
  width: 100%;
  height: 440px;
  overflow: hidden;
  background: #0a2540;
  margin-bottom: 24px;
}

.college-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

.college-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(6,24,40,0.97) 0%,
    rgba(6,24,40,0.75) 30%,
    rgba(6,24,40,0.15) 60%,
    rgba(6,24,40,0.0) 75%
  );
  pointer-events: none;
}


.college-hero__logo {
  position: absolute;
  top: 20px;
  right: 24px;
  max-width: 300px;
  background: rgba(255,255,255,0.95);
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.college-hero__logo img {
  max-width: 100%;
  max-height: 220px;
  object-fit: contain;
}

.college-hero__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 24px;
}

.college-hero__badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  margin-top:10px;
}

.college-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
  border: 1px solid;
}

.college-hero__badge--tr {
  background: rgba(9,161,228,0.15);
  border-color: rgba(9,161,228,0.9);
  color: #7dd4f5;
}

.college-hero__badge--fasttrak {
  background: rgba(9,161,228,0.15);
  border-color: rgba(9,161,228,0.9);
  color: #7dd4f5;
}
.college-hero__badge--prime {
  background: rgba(9,161,228,0.15);
  border-color: rgba(9,161,228,0.9);
  color: #7dd4f5;
}
.college-hero__name {
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.15;
  margin-bottom: 6px;
}

.college-hero__name a {
  color: #fff;
  text-decoration: none;
}

.college-hero__name a:hover {
  color: #7dd4f5;
}

.college-hero__address {
  font-size: 1rem;
  color: rgba(255,255,255,.85);
  margin-bottom: 14px;
}

.college-hero__address a {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
}

.college-hero__address a:hover {
  color: rgba(255,183,0,0.99);
}

.college-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.college-hero__stat {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(255,255,255,0.2);
  margin-bottom: 4px;
}

.college-hero__stat:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.college-hero__stat-val {
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.college-hero__stat-label {
  font-size: 0.67rem;
  font-weight: 500;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .college-hero { height: auto; min-height: 350px; }
  .college-hero__logo { width: 180px; max-height:100px; top: 14px; right: 14px; }
  .college-hero__content { padding-bottom: 18px; }
  .college-hero__stat { margin-bottom: 8px; }
}

@media (max-width: 575px) {
  .college-hero__overlay { display: none; }
  .college-hero__content { display: none; }
  .college-hero__logo { display: none; }
  .college-hero { height: 200px; margin-bottom: 16px; }
  .college-hero__img { filter: none; }
}

.college-detail-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(9,161,228,0.08);
  border: 1px solid rgba(9,161,228,0.35);
  color: #09a1e4;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 100px;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s;
}

.college-detail-link:hover {
  background: rgba(9,161,228,0.18);
  border-color: rgba(9,161,228,0.6);
  color: #09a1e4;
}

/* ============================================================
   ADVISOR LANDING — SAGE Scholars 2026 Redesign
   ============================================================ */

.info-hero--advisor {
  background: #061828;
  position: relative;
  overflow: hidden;
  margin-top: -8.75em;
  padding: calc(8.75em + 80px) 0 80px;
  min-height: 480px;
}
.info-hero--advisor::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 55%; height: 100%;
  background: linear-gradient(to right,#061828 0%,rgba(6,24,40,0.88) 30%,rgba(10,37,64,0.45) 65%,transparent 90%),url('../images/advisors/air_as_529841366-v2.webp') center top 10%/cover no-repeat;
  pointer-events: none;
}
.info-hero--advisor::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(255,183,0,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
@media (max-width: 992px) {
  .info-hero--advisor::before {
    width: 100%;
    background: linear-gradient(rgba(6,24,40,0.88), rgba(6,24,40,0.88)),url('../images/advisors/air_as_529841366-v2.webp') center/cover no-repeat;
  }
}
@media (max-width: 768px) {
  .info-hero--advisor { margin-top: -9.25em; padding-top: calc(9.25em + 64px); min-height: auto; }
}
@media (max-width: 575px) {
  .info-hero--advisor { margin-top: -3.75em; padding-top: calc(3.75em + 48px); }
}

/* Hero badge */
.advisor-hero__tag {
  display: inline-block;
  background: rgba(255,183,0,0.15);
  color: #FFB700;
  border: 1px solid rgba(255,183,0,0.35);
  border-radius: 20px;
  padding: 4px 16px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.advisor-hero__title {
  font-size: clamp(1.8rem, 3.5vw, 2.75rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.15;
  margin-bottom: 16px;
}
.advisor-hero__title span { color: #FFB700; }

.advisor-hero__subtitle {
  font-size: clamp(1rem, 1.8vw, 1.3rem);
  font-weight: 400;
  color: #7dd4f5;
  line-height: 1.4;
  margin-top: 8px;
  margin-bottom: 0;
}

.advisor-hero__sub {
  color: rgba(255,255,255,0.75);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.7;
  margin-bottom: 0;
}
.advisor-hero__sub strong { color: #ffffff; }

@media (min-width: 2400px) {
  .info-hero--advisor {
    min-height: 680px;
  }
  .info-hero--advisor::before {
    width: 65%;
  }
}

/* ============================================================
   END ADVISOR LANDING — SAGE Scholars 2026 Redesign
============================================================ */
/* --- Advisor Form Section --- */
.advisor-form-section {
  background: #0a2540;
  padding: 64px 0 72px;
}
.advisor-form-section__layout {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 48px;
  align-items: start;
}
@media (max-width: 991px) {
  .advisor-form-section__layout {
    grid-template-columns: 1fr;
  }
}

/* Left pitch panel */
.advisor-form-pitch__tag {
  display: inline-block;
  background: rgba(255,183,0,0.15);
  color: #FFB700;
  border: 1px solid rgba(255,183,0,0.35);
  border-radius: 20px;
  padding: 4px 16px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.advisor-form-pitch__title {
  font-size: clamp(1.4rem, 2.2vw, 1.9rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 16px;
}
.advisor-form-pitch__title span { color: #FFB700; }
.advisor-form-pitch__body {
  color: rgba(255,255,255,0.75);
  font-size: 0.95rem;
  line-height: 1.75;
  margin-bottom: 28px;
}

/* Points callout */
.advisor-form-pitch__points {
  background: rgba(255,183,0,0.10);
  border: 1px solid rgba(255,183,0,0.25);
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.advisor-form-pitch__points-num {
  font-size: 2rem;
  font-weight: 800;
  color: #FFB700;
  line-height: 1;
  flex-shrink: 0;
}
.advisor-form-pitch__points-label {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.80);
  line-height: 1.5;
}
.advisor-form-pitch__points-label strong {
  display: block;
  color: #ffffff;
  font-size: 0.95rem;
  margin-bottom: 2px;
}

/* Trust stats */
.advisor-form-pitch__stats {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.advisor-form-pitch__stat {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,0.70);
  font-size: 0.88rem;
}
.advisor-form-pitch__stat i {
  color: #7dd4f5;
  font-size: 1rem;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
  --fa-secondary-color: #09a1e4;
  --fa-secondary-opacity: 0.8;
}
.advisor-form-pitch__stat strong { color: #ffffff; }

.advisor-form-pitch__points-icon {
  font-size: 1.8rem;
  color: #FFB700;
  --fa-secondary-color: #FFB700;
  --fa-secondary-opacity: 0.5;
  flex-shrink: 0;
}

/* Right form card */
.advisor-form-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}
.advisor-form-card__header {
  background: #061828;
  padding: 20px 28px;
  border-bottom: 2px solid #FFB700;
}
.advisor-form-card__header h3 {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.4;
}
.advisor-form-card__header h3 i {
  color: #FFB700;
  margin-right: 10px;
}
.advisor-form-card__body {
  padding: 28px;
}
/* advisor form checkboxes */
.advisor-topics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 16px;
  background: #f8f9fa;
  border: 1px solid #e2e6ea;
  border-radius: 8px;
  padding: 16px;
}
.advisor-topics__item--full {
  grid-column: 1 / -1;
  padding-top: 6px;
  border-top: 1px solid #e2e6ea;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .advisor-topics { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .advisor-topics { grid-template-columns: 1fr; }
}

/* Fine print */
.advisor-fine-print {
  color: rgba(255,255,255,0.40);
  font-size: 0.75rem;
  line-height: 1.6;
  margin-top: 32px;
}
/* --- END Advisor Form Section --- */

/*--------------------------------------------------------------
# BEGIN information for page hero
--------------------------------------------------------------*/

/* ── Shared "Information For" hero base ── */
.info-hero {
  margin-top: -8.75em;
  padding: calc(8.75em + 80px) 0 72px;
  position: relative;
  overflow: hidden;
}


@media (max-width: 768px) {
  .info-hero {
    margin-top: -9.25em;
    padding-top: calc(9.25em + 64px);
  }
}

@media (max-width: 575px) {
  .info-hero {
    margin-top: -3.75em;
    padding-top: calc(3.75em + 48px);
  }
}

.info-hero__inner {
  position: relative;
  z-index: 1;
}

.info-hero__badge {
  display: inline-block;
  border: 1px solid rgba(9,161,228,0.5);
  color: #7dd4f5;
  background: rgba(9,161,228,0.08);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 100px;
  margin-bottom: 22px;
}

.info-hero__heading {
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.15;
  max-width: 760px;
  margin-bottom: 20px;
}

.info-hero__sub {
  max-width: 500px;
  font-size: 1.05rem;
  /*color: rgba(255,255,255,0.72);*/
  color: rgba(255, 255, 255, 0.85);
  max-width: 580px;
  margin-bottom: 36px;
  line-height: 1.75;
  font-weight: 300;
}

.info-hero__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
}

/* ── Colleges-specific modifier ── */
/* --colleges is information for colleges || --college-list is list.cfm in /home/colleges/list.cfm as the first page of the school list */
.info-hero--colleges, .info-hero--college-list {
  background: #061828;
  position: relative;
  overflow: hidden;
}

.info-hero--colleges::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background:
    linear-gradient(to right, #061828 0%, rgba(6,24,40,0.85) 30%, rgba(6,24,40,0.4) 60%, transparent 85%),
    url('../images/benefits/foundation_as_296649485.webp') center/cover no-repeat;
  pointer-events: none;
}

.info-hero--college-list::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background:
    linear-gradient(to right, #061828 0%, rgba(6,24,40,0.85) 30%, rgba(6,24,40,0.4) 60%, transparent 85%),
    url('../images/benefits/foundation_as_296649485.webp') center/cover no-repeat;
  pointer-events: none;
}


.info-hero--colleges::after, .info-hero--college-list::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

/* I made these separate classes in case we wanted to use different images on information for colleges vs. college list page */
@media (max-width: 992px) {
  .info-hero--colleges::before {
    width: 100%;
    background: linear-gradient(rgba(6,24,40,0.86), rgba(6,24,40,0.86)),
      url('../images/benefits/foundation_as_296649485.webp') center/cover no-repeat;
  }
}

@media (max-width: 992px) {
  .info-hero--college-list::before {
    width: 100%;
    background: linear-gradient(rgba(6,24,40,0.86), rgba(6,24,40,0.86)),
      url('../images/benefits/foundation_as_296649485.webp') center/cover no-repeat;
  }
}

@media (max-width: 768px) {
  .info-hero--colleges, .info-hero--college-list { margin-top: -9.25em; padding-top: calc(9.25em + 64px); min-height: auto; }
}

@media (max-width: 575px) {
  .info-hero--colleges, .info-hero--college-list { margin-top: -3.75em; padding-top: calc(3.75em + 40px); }
}

/* ── Stat callouts in colleges hero ── */
.info-hero__stats {
  margin-top: 32px;
}

.info-hero__stat-num {
  font-size: 1.6rem;
  font-weight: 700;
  color: #f4a716;
  line-height: 1;
}

.info-hero__stat-label {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
  margin-top: 4px;
}

.info-hero__stat-divider {
  width: 1px;
  background: rgba(255,255,255,0.15);
  align-self: stretch;
}

/* ── Colleges hero heading span (blue accent) ── */
.info-hero--colleges .info-hero__heading span {
  color: #09a1e4;
}



/* ── Gold CTA button (reusable) ── */
.btn-sage-gold {
  background: #f4a716;
  color: #0a2240;
  padding: 13px 30px;
  border-radius: 7px;
  font-weight: 700;
  font-size: 0.95rem;
  border: none;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  box-shadow: 0 4px 14px rgba(244,167,22,0.32);
  text-decoration: none;
}
.btn-sage-gold:hover {
  background: #ffc23a;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(244,167,22,0.42);
  color: #0a2240;
  text-decoration: none;
}
/*--------------------------------------------------------------
# END information for page hero
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN information for families page hero
--------------------------------------------------------------*/

.info-hero--families {
  background: #0a3d2e;
  position: relative;
  overflow: hidden;
}

.info-hero--families::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background:
    linear-gradient(to right, #0a3d2e 0%, rgba(10,61,46,0.85) 30%, rgba(10,61,46,0.4) 60%, transparent 85%),
    url('../images/infofor/infoforfamilies_as_423803168.webp') center/cover no-repeat;
  pointer-events: none;
}

.info-hero--families::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
/*--------------------------------------------------------------
# END information for families page hero
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN information for financial page hero
--------------------------------------------------------------*/
.info-hero--financial {
  background: #071e24;
  position: relative;
  overflow: hidden;
}

.info-hero--financial::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background:
    linear-gradient(to right, #071e24 0%, rgba(7,30,36,0.85) 30%, rgba(7,30,36,0.4) 60%, transparent 85%),
    url('../images/infofor/infoforfinancial_as_162688889.webp') center/cover no-repeat;
  pointer-events: none;
}

.info-hero--financial::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
/*--------------------------------------------------------------
# END information for financial page hero
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN information for students page hero
--------------------------------------------------------------*/
.info-hero--students {
  background: #071e24;
  position: relative;
  overflow: hidden;
}

.info-hero--students::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background:
    linear-gradient(to right, #071e24 0%, rgba(7,30,36,0.85) 30%, rgba(7,30,36,0.4) 60%, transparent 85%),
    url('../images/infofor/infoforstudents_as_117722561.webp') center/cover no-repeat;
  pointer-events: none;
}

.info-hero--students::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
/*--------------------------------------------------------------
# END information for students page hero
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN information for employers page hero
--------------------------------------------------------------*/
.info-hero--employers {
  background: #061828;
  position: relative;
  overflow: hidden;
}

.info-hero--employers::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(to right, #061828 0%, rgba(6,24,40,0.85) 30%, rgba(6,24,40,0.4) 60%, transparent 85%), url('../images/infofor/infoforemps_as_392653378.webp') center 25% / cover no-repeat;
  pointer-events: none;
}
/* infoforemps_as_295612424.webp*/
.info-hero--employers::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
/*--------------------------------------------------------------
# END information for employers page hero
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN information for agents page hero
--------------------------------------------------------------*/

.info-hero--independent {
  background: #071e24;
  position: relative;
  overflow: hidden;
}

.info-hero--independent::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(to right, #071e24 0%, rgba(7,30,36,0.85) 30%, rgba(7,30,36,0.4) 60%, transparent 85%), url('../images/infofor/infoforagents_as_162067478.webp') center/cover no-repeat; pointer-events: none;
}
/* infoforagents_as_431455298.webp */
.info-hero--independent::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
/*--------------------------------------------------------------
# END information for agents page hero
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# BEGIN benefits page hero
--------------------------------------------------------------*/

.info-hero--benefits {
  --nav-offset: 8.75rem;
  --img-ratio: 1.5;   /* photo width ÷ height, e.g. 1920 / 1280 = 1.5 */
  --hero-h: clamp(520px, calc(100vw / var(--img-ratio)), 600px);
  min-height: calc(var(--hero-h) + var(--nav-offset));
  padding-top: var(--nav-offset);
  padding-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  isolation: isolate;
  background: #051125;   /* replaces the old background-image */
  overflow: hidden;
  --photo-min-w: 60vw;   /* how much of the screen the photo should cover, at least */
}

.info-hero--benefits::before {
  display: block;        /* overrides the old display: none */
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(100%, max(calc((var(--hero-h) + var(--nav-offset)) * var(--img-ratio)), var(--photo-min-w)));
  background:
    linear-gradient(90deg,
      #051125 0%,
      rgba(5, 17, 37, .80) 15%,
      rgba(5, 17, 37, .30) 35%,
      rgba(5, 17, 37, 0) 55%
    ),
    url('../images/solutions/solutions_hero_1680455896.webp')
    center 30% / cover no-repeat;
}

@media (max-width: 991px) {
  .info-hero--benefits::before {
    top: var(--nav-offset);
    background:
      linear-gradient(180deg,
        rgba(5, 17, 37, 0) 30%,
        rgba(5, 17, 37, .75) 55%,
        rgba(5, 17, 37, .95) 100%
      ),
      linear-gradient(90deg,
        #051125 0%,
        rgba(5, 17, 37, .80) 15%,
        rgba(5, 17, 37, .30) 35%,
        rgba(5, 17, 37, 0) 55%
      ),
      url('../images/solutions/solutions_hero_1680455896.webp') center 30% / cover no-repeat;
  }
}
@media (min-width: 861px) and (max-width: 991px) {
  .info-hero--benefits::before { top: calc(var(--nav-offset) - 40px); }
}

@media (max-width: 640px) {
  .info-hero--benefits::before { top: calc(var(--nav-offset) - 30px); }
}
@media (max-width: 575px) {
  .info-hero--benefits::before { top: calc(var(--nav-offset) - 73px); }
}



.info-hero--fasttrak {
  background: #071e24;
  background-image: url('../images/benefits/fasttrak_as_631297670.webp');
  background-size: cover;
  background-position: center top;
  position: relative;
  overflow: hidden;
}

.info-hero--fasttrak::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    #071e24 0%,
    rgba(7,30,36,0.85) 30%,
    rgba(7,30,36,0.4) 60%,
    transparent 85%
  );
  pointer-events: none;
}

/*--------------------------------------------------------------
# BEGIN Empoloyer page revamp 10-2026
--------------------------------------------------------------*/
/* employer landing page - hero */
.emp-hero {
  position: relative;
  min-height: 545px;
  margin-top: -8.75em;
  padding-top: 8.75em;
  overflow: hidden;
  color: #fff;
  background-color: #071f33;
  background-image: linear-gradient(90deg, rgba(5,29,47,.98) 0%, rgba(5,29,47,.92) 36%, rgba(5,29,47,.50) 58%, rgba(5,29,47,.08) 100%), url('../images/infofor/infoforemps_as_392653378.webp');
  background-position: center;
  background-size: cover;
}
.emp-hero__inner { display: flex; min-height: 545px; align-items: center; }
.emp-hero__content { width: min(610px, 52%); padding: 4.5rem 0; }
.emp-hero__badge { display: inline-block; margin-bottom: 2rem; padding: .38rem .85rem; color: #67cef5; border: 1px solid rgba(39,174,228,.7); border-radius: 999px; font-size: .76rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.emp-hero__heading { max-width: 600px; margin: 0 0 1.35rem; color: #fff; font-size: clamp(2.75rem, 4.2vw, 4.25rem); font-weight: 800; line-height: 1.03; letter-spacing: -.035em; }
.emp-hero__sub { max-width: 575px; margin: 0; color: rgba(255,255,255,.88); font-size: 1.12rem; line-height: 1.65; }
.emp-hero__actions { display: flex; gap: .8rem; margin-top: 2rem; align-items: center; }

/* employer landing page - proof strip */
.emp-proof { background-color: #fff; border-bottom: 1px solid #d9e5ed; }
.emp-proof .container { max-width: none; padding-right: 0; padding-left: 0; }
.emp-proof__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.emp-proof__item { min-height: 135px; padding: 1.75rem 2rem; text-align: center; border-right: 1px solid #d9e5ed; }
.emp-proof__item:last-child { border-right: 0; }
.emp-proof__num { margin-bottom: .3rem; color: #0276b1; font-family: Georgia, 'Times New Roman', serif; font-size: 2rem; font-weight: 700; line-height: 1; }
.emp-proof__label { max-width: 240px; margin: 0 auto; color: #536779; font-size: .93rem; line-height: 1.4; }

/* employer landing page - how it works */
.emp-how { padding: 5rem 0 4.5rem; background: linear-gradient(180deg, #f4faff 0%, #edf7fd 100%); }
.emp-how__header { max-width: 760px; margin: 0 auto 3.25rem; text-align: center; }
.emp-how__tag { margin-bottom: .65rem; color: #0288d1; font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.emp-how__title { margin: 0 0 .75rem; color: #082943; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 700; line-height: 1.12; }
.emp-how__lead { margin: 0; color: #526b7f; font-size: 1.05rem; line-height: 1.55; }

.emp-how__flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) 42px minmax(0, 1fr) 42px minmax(0, 1fr);
  align-items: start;
}
.emp-how__step { position: relative; text-align: center; }
.emp-how__icon { display: flex; width: 76px; height: 76px; margin: 0 auto 1.2rem; align-items: center; justify-content: center; color: #0288d1; background-color: #fff; border: 1px solid #cfe5f2; border-radius: 50%; box-shadow: 0 8px 22px rgba(8,41,67,.06); font-size: 1.75rem; }
.emp-how__num { position: absolute; top: -7px; left: calc(50% - 47px); display: flex; width: 27px; height: 27px; align-items: center; justify-content: center; color: #fff; background-color: #0288d1; border: 3px solid #edf7fd; border-radius: 50%; font-size: .7rem; font-weight: 800; }
.emp-how__step h3 { margin: 0 0 .65rem; color: #082943; font-size: 1.05rem; font-weight: 800; line-height: 1.3; }
.emp-how__step p { max-width: 245px; margin: 0 auto; color: #536779; font-size: .9rem; line-height: 1.55; }
.emp-how__connector { padding-top: 27px; color: #54bce8; text-align: center; font-size: 1.25rem; }

.emp-how__note { display: flex; width: fit-content; margin: 3rem auto 0; padding: .8rem 1.25rem; gap: .65rem; align-items: center; color: #36556b; background-color: rgba(255,255,255,.75); border: 1px solid #d4e7f1; border-radius: 999px; font-size: .9rem; }
.emp-how__note i { color: #07866e; font-size: 1.05rem; }
.emp-how__note strong { color: #082943; }

/* employer landing page - included benefits */
.emp-benefits { padding: 5.5rem 0; background-color: #fff; }
.emp-benefits__layout { display: grid; grid-template-columns: minmax(450px, .8fr) minmax(680px, 1.2fr); gap: 3rem; align-items: center; }
.emp-benefits__intro { max-width: 500px; }
.emp-benefits__tag { margin-bottom: .75rem; color: #0288d1; font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.emp-benefits__title { max-width: 540px; margin: 0 0 1.25rem; color: #082943; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.25rem, 3.5vw, 3.15rem); font-weight: 700; line-height: 1.08; }
.emp-benefits__lead { margin: 0; color: #536779; font-size: 1.02rem; line-height: 1.7; }
.emp-benefits__callout { margin: 1.75rem 0 0; padding-left: 1.15rem; color: #36556b; border-left: 3px solid #f5a800; font-size: .95rem; line-height: 1.6; }
.emp-benefits__callout strong { color: #082943; }

.emp-benefits__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; }
.emp-benefits__card {
  min-height: 195px;
  padding: 1.5rem;
  grid-column: span 2;
  border: 1px solid rgba(8,41,67,.08);
  border-radius: 10px;
}
.emp-benefits__icon { margin-bottom: .95rem; color: #0276b1; font-size: 1.45rem; }
.emp-benefits__card:nth-child(4) { grid-column: 2 / span 2; }
.emp-benefits__card:nth-child(5) { grid-column: 4 / span 2; }
.emp-benefits__card--rewards { background-color: #fff8eb; }
.emp-benefits__card--fasttrak { background-color: #eef8fd; }
.emp-benefits__card--planning { background-color: #eef9f5; }
.emp-benefits__card--prime { background-color: #fff1f2; }
.emp-benefits__card--secure { background-color: #f5f1fb; }
.emp-benefits__icon { margin-bottom: .85rem; color: #0276b1; font-size: 1.35rem; }
.emp-benefits__card--rewards .emp-benefits__icon { color: #b7791f; }
.emp-benefits__card--fasttrak .emp-benefits__icon { color: #0288d1; }
.emp-benefits__card--planning .emp-benefits__icon { color: #087d65; }
.emp-benefits__card--prime .emp-benefits__icon { color: #c64254; }
.emp-benefits__card--secure .emp-benefits__icon { color: #7056a3; }
.emp-benefits__card h3 { margin: 0 0 .55rem; color: #082943; font-size: 1.05rem; font-weight: 800; line-height: 1.25; }
.emp-benefits__card p { margin: 0; color: #27475e; font-size: .94rem; line-height: 1.55; }

/* employer landing page - why employers offer tuition rewards */
.emp-why { display: grid; min-height: 560px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background-color: #f5faff; }
.emp-why__visual { position: relative; min-height: 560px; overflow: hidden; }
.emp-why__visual::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 70%, rgba(245,250,255,.25) 100%); content: ''; }
.emp-why__visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.emp-why__content { display: flex; padding: 4.75rem clamp(3rem, 6vw, 7rem); align-items: center; }
.emp-why__content-inner { width: 100%; max-width: 650px; }
.emp-why__tag { margin-bottom: .75rem; color: #0288d1; font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.emp-why__title { margin: 0 0 1rem; color: #082943; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.3rem, 3.4vw, 3.2rem); font-weight: 700; line-height: 1.08; }
.emp-why__lead { max-width: 570px; margin: 0 0 2.25rem; color: #36556b; font-size: 1rem; line-height: 1.65; }

.emp-why__reasons { border-top: 1px solid #d5e4ed; }
.emp-why__reason { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 1rem; padding: 1.25rem 0; align-items: start; border-bottom: 1px solid #d5e4ed; }
.emp-why__icon { display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; color: #fff; border-radius: 50%; font-size: 1rem; }
.emp-why__icon--standout { background-color: #087d65; }
.emp-why__icon--family { background-color: #0288d1; }
.emp-why__icon--easy { background-color: #d48a0b; }
.emp-why__reason h3 { margin: .05rem 0 .3rem; color: #082943; font-size: 1.02rem; font-weight: 800; }
.emp-why__reason p { max-width: 520px; margin: 0; color: #36556b; font-size: .93rem; line-height: 1.55; }

/* employer landing page - testimonials */
.emp-voices { padding: 5.5rem 0 6rem; background-color: #f4f9fd; }
.emp-voices__header { max-width: 720px; margin: 0 auto 3rem; text-align: center; }
.emp-voices__tag { margin-bottom: .65rem; color: #0288d1; font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.emp-voices__title { margin: 0 0 .65rem; color: #082943; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.2rem, 3.5vw, 3rem); font-weight: 700; line-height: 1.1; }
.emp-voices__lead { margin: 0; color: #536779; font-size: 1rem; line-height: 1.55; }

.emp-voices__layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 1.25rem; max-width: 1200px; margin: 0 auto; }
.emp-voices__featured {
  position: relative;
  display: flex;
  min-height: 390px;
  padding: 3rem;
  flex-direction: column;
  color: #fff;
  background: linear-gradient(135deg, #082943 0%, #103c5d 100%);
  border-radius: 14px;
}
.emp-voices__quote-mark { color: #71c7ef; font-family: Georgia, 'Times New Roman', serif; font-size: 4rem; line-height: .65; }
.emp-voices__pill { display: inline-block; width: fit-content; margin-top: .6rem; padding: .3rem .65rem; color: #0276b1; background-color: #e4f5fc; border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.emp-voices__featured blockquote { max-width: 650px; margin: 2rem 0; color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; line-height: 1.5; }
.emp-voices__featured .emp-voices__pill { color: #bfeaff; background-color: rgba(113,199,239,.13); }
.emp-voices__featured .emp-voices__author { margin-top: auto; }

.emp-voices__supporting { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.emp-voices__quote { display: flex; padding: 1.75rem 2rem; flex-direction: column; background-color: #fff; border: 1px solid #d5e3ec; border-radius: 14px; }
.emp-voices__quote-top { display: flex; gap: .75rem; align-items: center; }
.emp-voices__quote .emp-voices__quote-mark { color: #bfe8f8; font-size: 3rem; }
.emp-voices__quote .emp-voices__pill { margin-top: 0; }
.emp-voices__quote blockquote { margin: 1.1rem 0 1.5rem; color: #183b54; font-size: .96rem; line-height: 1.65; }

.emp-voices__author { display: flex; gap: .8rem; align-items: center; }
.emp-voices__avatar { display: flex; width: 40px; height: 40px; flex: 0 0 40px; align-items: center; justify-content: center; color: #fff; background-color: #0276b1; border-radius: 50%; font-size: .75rem; font-weight: 800; }
.emp-voices__author strong { display: block; color: inherit; font-size: .9rem; }
.emp-voices__author span { display: block; margin-top: .15rem; color: #718496; font-size: .78rem; }
.emp-voices__featured .emp-voices__author span { color: rgba(255,255,255,.65); }
/* employer landing page - responsive */
@media (min-width: 1600px) {
  .info-hero--employers::before {
    background-position: center, center 22%;
  }
}


@media (max-width: 1279.98px) {
  .emp-benefits__layout { grid-template-columns: 1fr; gap: 3rem; }
  .emp-benefits__intro { max-width: 760px; }
  .emp-benefits__grid { width: 100%; max-width: 1050px; margin: 0 auto; }

  .emp-why { grid-template-columns: 44% 56%; }
  .emp-why__visual img { object-position: 38% center; }
  .emp-why__content { padding: 4rem 3.5rem; }
}

@media (max-width: 991.98px) {
  .emp-hero { min-height: 500px; background-position: 62% center; }
  .emp-hero__inner { min-height: 500px; }
  .emp-hero__content { width: 62%; }

  .emp-proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .emp-proof__item:nth-child(2) { border-right: 0; }
  .emp-proof__item:nth-child(-n+2) { border-bottom: 1px solid #d9e5ed; }

  .emp-how__flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 2rem; }
  .emp-how__connector { display: none; }

  .emp-why { grid-template-columns: 1fr; }
  .emp-why__visual { min-height: 400px; }
  .emp-why__visual img { object-position: center 35%; }
  .emp-why__content { padding: 4rem 2rem; }
  .emp-why__content-inner { max-width: 700px; margin: 0 auto; }

  .emp-voices__layout { grid-template-columns: 1fr; }
  .emp-voices__featured { min-height: 340px; }
  .emp-voices__supporting { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
}

@media (max-width: 991.98px) {
  .info-form__row { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
  .emp-hero {
    min-height: auto;
    background-position: 68% center;
    background-image: linear-gradient(90deg, rgba(5,29,47,.98) 0%, rgba(5,29,47,.91) 58%, rgba(5,29,47,.62) 100%), url('../images/infofor/infoforemps_as_392653378.webp');
  }
  .emp-hero__inner { min-height: 475px; }
  .emp-hero__content { width: 85%; padding: 3.5rem 0; }
  .emp-hero__heading { font-size: clamp(2.35rem, 9vw, 3.25rem); }

  .emp-benefits { padding: 4rem 0; }
  .emp-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 650px; }
  .emp-benefits__card,
  .emp-benefits__card:nth-child(4),
  .emp-benefits__card:nth-child(5) { grid-column: auto; }
  .emp-benefits__card:last-child { grid-column: 1 / -1; }

  .emp-voices { padding: 4rem 0; }
  .emp-voices__supporting { grid-template-columns: 1fr; }
  .emp-voices__featured { min-height: 0; padding: 2rem; }
  .emp-voices__featured blockquote { font-size: 1.2rem; }
}

@media (max-width: 575.98px) {
  .emp-hero__content { width: 100%; }
  .emp-hero__actions { align-items: stretch; flex-direction: column; }

  .emp-proof__item { min-height: 120px; padding: 1.5rem 1rem; }
  .emp-proof__num { font-size: 1.7rem; }
  .emp-proof__label { font-size: .85rem; }

  .emp-how { padding: 3.75rem 0; }
  .emp-how__header { margin-bottom: 2.5rem; }
  .emp-how__flow { grid-template-columns: 1fr; gap: 2.75rem; }
  .emp-how__note { width: 100%; border-radius: 10px; }

  .emp-benefits__grid { grid-template-columns: 1fr; }
  .emp-benefits__card,
  .emp-benefits__card:last-child { min-height: 0; grid-column: auto; }

  .emp-why__visual { min-height: 300px; }
  .emp-why__content { padding: 3.5rem 1.5rem; }
}


/*--------------------------------------------------------------
# END Empoloyer page revamp 10-2026
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN financial orgs page revamp 10-2026
--------------------------------------------------------------*/

/* financial organizations hero */
.fin-hero {
  position: relative;
  min-height: 560px;
  margin-top: -8.75em;
  padding-top: 8.75em;
  overflow: hidden;
  color: #fff;
  background-color: #071e24;
  background-image: linear-gradient(90deg, rgba(7,30,36,.98) 0%, rgba(7,30,36,.94) 37%, rgba(7,30,36,.68) 58%, rgba(7,30,36,.16) 82%), url('../images/infofor/infoforfinancial_as_162688889.webp');
  background-position: center;
  background-size: cover;
}
.fin-hero::after {
  position: absolute;
  bottom: -120px;
  left: -90px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(244,167,22,.07) 0%, transparent 70%);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.fin-hero__inner { position: relative; z-index: 1; display: flex; min-height: 560px; align-items: center; }
.fin-hero__content { width: 55%; max-width: 720px; padding: 4.5rem 0; }
.fin-hero__eyebrow { margin-bottom: 1rem; color: #6ed2c2; font-size: .78rem; font-weight: 800; letter-spacing: .13em; }
.fin-hero__heading {
  max-width: 700px;
  margin: 0 0 1.25rem;
  color: #fff;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(3rem, 4.6vw, 4.5rem);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -.025em;
}
.fin-hero__lead { max-width: 660px; margin: 0; color: rgba(255,255,255,.82); font-size: 1.12rem; line-height: 1.7; }
.fin-hero__actions { display: flex; gap: .85rem; align-items: center; margin-top: 2rem; flex-wrap: wrap; }
.fin-hero__actions .btn { padding: .8rem 1.4rem; font-weight: 700; }

/* financial impact */
.fin-impact { padding: 60px 0 82px; background: #fff; }
.fin-impact__header { max-width: 820px; margin: 0 auto 54px; text-align: center; }
.fin-impact__eyebrow { margin-bottom: .7rem; color: #087d65; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.fin-impact__heading {
  margin: 0 0 1rem;
  color: #0a2540;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.25rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.fin-impact__lead { max-width: 740px; margin: 0 auto; color: #5b6874; font-size: 1.08rem; line-height: 1.7; }
.fin-impact__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.fin-impact__story {
  min-height: 245px;
  padding: 28px 24px;
  border: 1px solid transparent;
  border-radius: 14px;
}
.fin-impact__story:nth-child(1) { background: #f1f8fa; border-color: #d9eaee; }
.fin-impact__story:nth-child(2) { background: #f1f8f5; border-color: #d9eae2; }
.fin-impact__story:nth-child(3) { background: #f2f8f8; border-color: #d9e8e7; }
.fin-impact__story:nth-child(4) { background: #f3f7f5; border-color: #dce8e2; }
.fin-impact__story-icon { display: flex; width: 46px; height: 46px; margin-bottom: 1.15rem; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.15rem; }
.fin-impact__story:nth-child(1) .fin-impact__story-icon { color: #0276b1; background: rgba(2,118,177,.10); }
.fin-impact__story:nth-child(2) .fin-impact__story-icon { color: #087d65; background: rgba(8,125,101,.10); }
.fin-impact__story:nth-child(3) .fin-impact__story-icon { color: #08727d; background: rgba(8,114,125,.10); }
.fin-impact__story:nth-child(4) .fin-impact__story-icon { color: #527d67; background: rgba(82,125,103,.10); }
.fin-impact__story h3 { margin: 0 0 .65rem; color: #082943; font-size: 1.05rem; font-weight: 800; line-height: 1.25; }
.fin-impact__story p { margin: 0; color: #27475e; font-size: .94rem; line-height: 1.55; }
.fin-impact__proof {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 32px;
  padding: 32px 0;
  background: linear-gradient(115deg, #071e24 0%, #0a3040 48%, #0b4660 100%);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(7,30,36,.12);
}
.fin-impact__stat { padding: 2px 20px; text-align: center; border-right: 1px solid rgba(255,255,255,.13); }
.fin-impact__stat:last-child { border-right: 0; }
.fin-impact__stat strong { display: block; margin-bottom: .35rem; color: #55c4e8; font-size: 2rem; font-weight: 800; line-height: 1; }
.fin-impact__stat span { display: block; color: rgba(255,255,255,.82); font-size: .82rem; line-height: 1.45; }

/* financial paths */
.fin-paths { padding: 62px 0; background: #f3f8fa; }
.fin-paths__header { max-width: 800px; margin: 0 auto 48px; text-align: center; }
.fin-paths__eyebrow { margin-bottom: .7rem; color: #087d65; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.fin-paths__heading {
  margin: 0 0 1rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.fin-paths__lead { max-width: 680px; margin: 0 auto; color: #5b6874; font-size: 1.05rem; line-height: 1.65; }
.fin-paths__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.fin-path {
  position: relative;
  display: flex;
  min-height: 430px;
  gap: 24px;
  padding: 38px 36px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce7eb;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(8,41,67,.06);
}
.fin-path::after {
  position: absolute;
  top: -90px;
  right: -90px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.fin-path--bank::after { background: radial-gradient(circle, rgba(2,118,177,.09) 0%, transparent 70%); }
.fin-path--professional::after { background: radial-gradient(circle, rgba(8,125,101,.09) 0%, transparent 70%); }
.fin-path__icon { display: flex; flex: 0 0 58px; width: 58px; height: 58px; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.4rem; }
.fin-path--bank .fin-path__icon { color: #0276b1; background: rgba(2,118,177,.10); }
.fin-path--professional .fin-path__icon { color: #087d65; background: rgba(8,125,101,.10); }
.fin-path__content { position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; }
.fin-path__tag { margin: 3px 0 .65rem; color: #08727d; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.fin-path--bank .fin-path__tag { color: #0276b1; }
.fin-path--professional .fin-path__tag { color: #087d65; }
.fin-path__title {
  max-width: 470px;
  margin: 0 0 .9rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1.15;
}
.fin-path__body { margin: 0 0 1.25rem; color: #27475e; font-size: .96rem; line-height: 1.6; }
.fin-path__list { display: grid; gap: .7rem; margin: 0 0 1.6rem; padding: 0; list-style: none; }
.fin-path__list li { display: flex; gap: .7rem; align-items: flex-start; color: #27475e; font-size: .9rem; line-height: 1.4; }
.fin-path__list i { position: relative; top: .15rem; flex: 0 0 16px; color: #087d65; font-size: .78rem; }
.fin-path--bank .fin-path__list i { color: #0276b1; }
.fin-path__link { display: inline-flex; gap: .55rem; align-items: center; margin-top: auto; color: #0276b1; font-size: .94rem; font-weight: 800; text-decoration: none; }
.fin-path--professional .fin-path__link { color: #087d65; }
.fin-path__link:hover { text-decoration: underline; }
.fin-path__link i { font-size: .8rem; transition: transform .2s ease; }
.fin-path__link:hover i { transform: translateX(3px); }

/* <= 1279.98px */
@media (max-width: 1279.98px) {
  .fin-hero { min-height: 525px; background-position: 57% center; }
  .fin-hero__inner { min-height: 525px; }
  .fin-hero__content { width: 58%; }
  .fin-hero__heading { font-size: clamp(2.8rem, 4.8vw, 3.8rem); }
}

/* <= 991.98px */
@media (max-width: 991.98px) {
  .fin-hero {
    min-height: 500px;
    background-position: 64% center;
    background-image: linear-gradient(90deg, rgba(7,30,36,.98) 0%, rgba(7,30,36,.94) 48%, rgba(7,30,36,.64) 76%, rgba(7,30,36,.28) 100%), url('../images/infofor/infoforfinancial_as_162688889.webp');
  }
  .fin-hero__inner { min-height: 500px; }
  .fin-hero__content { width: 66%; }

  .fin-impact { padding: 54px 0; }
  .fin-impact__grid { grid-template-columns: repeat(2, 1fr); }
  .fin-impact__story { min-height: 0; }
  .fin-impact__proof { grid-template-columns: repeat(2, 1fr); }
  .fin-impact__stat { padding: 18px 30px; }
  .fin-impact__stat:nth-child(2) { border-right: 0; }

  .fin-paths { padding: 68px 0; }
  .fin-paths__grid { grid-template-columns: 1fr; }
  .fin-path { min-height: 0; }
}

/* <= 767.98px */
@media (max-width: 767.98px) {
  .fin-hero {
    min-height: auto;
    background-position: 68% center;
    background-image: linear-gradient(90deg, rgba(7,30,36,.98) 0%, rgba(7,30,36,.93) 62%, rgba(7,30,36,.67) 100%), url('../images/infofor/infoforfinancial_as_162688889.webp');
  }
  .fin-hero__inner { min-height: 475px; }
  .fin-hero__content { width: 88%; padding: 3.5rem 0; }
  .fin-hero__heading { font-size: clamp(2.35rem, 9vw, 3.25rem); }
  .fin-hero__lead { font-size: 1rem; }
}

/* <= 575.98px */
@media (max-width: 575.98px) {
  .fin-hero__content { width: 100%; }
  .fin-hero__actions { align-items: stretch; flex-direction: column; }
  .fin-hero__actions .btn { width: 100%; }

  .fin-impact { padding: 44px 0; }
  .fin-impact__grid { grid-template-columns: 1fr; }
  .fin-impact__header { margin-bottom: 36px; text-align: left; }
  .fin-impact__story { padding: 26px 22px; }
  .fin-impact__proof { grid-template-columns: 1fr; padding: 18px 0; }
  .fin-impact__stat { padding: 22px 28px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .fin-impact__stat:last-child { border-bottom: 0; }

  .fin-paths { padding: 54px 0; }
  .fin-paths__header { margin-bottom: 34px; text-align: left; }
  .fin-path { display: block; padding: 30px 24px; }
  .fin-path__icon { margin-bottom: 1.15rem; }
  .fin-path__title { font-size: 1.5rem; }
  .fin-path__link { margin-top: .25rem; }
}

/*--------------------------------------------------------------
# END financial orgs page revamp 10-2026
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN Banking / CUs revamp 10-2026
--------------------------------------------------------------*/

/* banking hero */
.bank-hero {
  position: relative;
  min-height: 560px;
  margin-top: -8.75em;
  padding-top: 8.75em;
  overflow: hidden;
  color: #fff;
  background-color: #071e24;
  background-image: linear-gradient(90deg, rgba(6,31,42,.98) 0%, rgba(6,31,42,.95) 30%, rgba(6,31,42,.82) 45%, rgba(6,31,42,.42) 61%, rgba(6,31,42,.08) 78%), url('/assets/images/banking/banking_431342753.webp');
  background-position: center;
  background-size: cover;
}
.bank-hero::after {
  position: absolute;
  bottom: -140px;
  left: -100px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(2,118,177,.13) 0%, transparent 70%);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.bank-hero__inner { position: relative; z-index: 1; display: flex; min-height: 560px; align-items: center; }
.bank-hero__content { width: 52%; max-width: 690px; padding: 4.5rem 0; }
.bank-hero__eyebrow { margin-bottom: 1rem; color: #55c4e8; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.bank-hero__heading {
  max-width: 680px;
  margin: 0 0 1.25rem;
  color: #fff;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(3rem, 4.1vw, 4rem);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -.025em;
}
.bank-hero__lead { max-width: 640px; margin: 0; color: rgba(255,255,255,.84); font-size: 1.12rem; line-height: 1.7; }
.bank-hero__actions { display: flex; gap: .85rem; align-items: center; margin-top: 2rem; flex-wrap: wrap; }
.bank-hero__actions .btn { padding: .8rem 1.4rem; font-weight: 700; }

/* banking rewards */
.bank-rewards { padding: 82px 0; background: #f3f8fa; }
.bank-rewards__header { max-width: 820px; margin: 0 auto 46px; text-align: center; }
.bank-rewards__eyebrow { margin-bottom: .7rem; color: #0276b1; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.bank-rewards__heading {
  margin: 0 0 1rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.bank-rewards__lead { max-width: 720px; margin: 0 auto; color: #5b6874; font-size: 1.05rem; line-height: 1.65; }
.bank-rewards__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.bank-reward {
  position: relative;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 22px;
  min-height: 315px;
  padding: 32px 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce7eb;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(8,41,67,.05);
}
.bank-reward::after {
  position: absolute;
  top: -80px;
  right: -80px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.bank-reward--start::after { background: radial-gradient(circle, rgba(2,118,177,.08) 0%, transparent 70%); }
.bank-reward--grow::after { background: radial-gradient(circle, rgba(8,125,101,.08) 0%, transparent 70%); }
.bank-reward--engage::after { background: radial-gradient(circle, rgba(8,114,125,.08) 0%, transparent 70%); }
.bank-reward--loyalty::after { background: radial-gradient(circle, rgba(82,125,103,.08) 0%, transparent 70%); }
.bank-reward__icon { display: flex; width: 58px; height: 58px; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.35rem; }
.bank-reward--start .bank-reward__icon { color: #0276b1; background: rgba(2,118,177,.10); }
.bank-reward--grow .bank-reward__icon { color: #087d65; background: rgba(8,125,101,.10); }
.bank-reward--engage .bank-reward__icon { color: #08727d; background: rgba(8,114,125,.10); }
.bank-reward--loyalty .bank-reward__icon { color: #527d67; background: rgba(82,125,103,.10); }
.bank-reward__content { position: relative; z-index: 1; min-width: 0; }
.bank-reward__tag { margin: 3px 0 .55rem; color: #0276b1; font-size: .73rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.bank-reward--grow .bank-reward__tag { color: #087d65; }
.bank-reward--engage .bank-reward__tag { color: #08727d; }
.bank-reward--loyalty .bank-reward__tag { color: #527d67; }
.bank-reward h3 { margin: 0 0 .7rem; color: #082943; font-size: 1.18rem; font-weight: 800; line-height: 1.3; }
.bank-reward p { margin: 0 0 1.25rem; color: #27475e; font-size: .92rem; line-height: 1.6; }
.bank-reward__examples { display: flex; gap: 7px; flex-wrap: wrap; }
.bank-reward__examples span { padding: 5px 10px; color: #426074; background: #f3f7f9; border: 1px solid #dce7eb; border-radius: 100px; font-size: .75rem; font-weight: 600; line-height: 1.2; }
.bank-reward--start .bank-reward__examples span { color: #056594; background: rgba(2,118,177,.06); border-color: rgba(2,118,177,.16); }
.bank-reward--grow .bank-reward__examples span { color: #08705b; background: rgba(8,125,101,.06); border-color: rgba(8,125,101,.16); }
.bank-reward--engage .bank-reward__examples span { color: #086771; background: rgba(8,114,125,.06); border-color: rgba(8,114,125,.16); }
.bank-reward--loyalty .bank-reward__examples span { color: #486f5b; background: rgba(82,125,103,.06); border-color: rgba(82,125,103,.16); }
.bank-rewards__note {
  display: flex;
  max-width: 1040px;
  gap: 20px;
  margin: 28px auto 0;
  padding: 25px 28px;
  align-items: center;
  background: #fff;
  border: 1px solid #d7e5ea;
  border-radius: 14px;
}
.bank-rewards__note-icon { display: flex; flex: 0 0 48px; width: 48px; height: 48px; align-items: center; justify-content: center; color: #0276b1; background: rgba(2,118,177,.09); border-radius: 50%; font-size: 1.15rem; }
.bank-rewards__note strong { display: block; margin-bottom: .3rem; color: #082943; font-size: .98rem; font-weight: 800; }
.bank-rewards__note p { margin: 0; color: #5b6874; font-size: .88rem; line-height: 1.55; }

/* banking business impact */
.bank-impact { padding: 82px 0; background: #fff; }
.bank-impact__layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; }
.bank-impact__content { max-width: 600px; }
.bank-impact__eyebrow { margin-bottom: .7rem; color: #0276b1; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.bank-impact__heading {
  margin: 0 0 1.2rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.bank-impact__lead { margin: 0 0 1.15rem; color: #27475e; font-size: 1.05rem; line-height: 1.7; }
.bank-impact__body { margin: 0; color: #5b6874; font-size: .95rem; line-height: 1.7; }
.bank-impact__panel {
  position: relative;
  padding: 18px 34px;
  overflow: hidden;
  background: linear-gradient(135deg, #061e2e 0%, #08364b 55%, #0a5062 100%);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  box-shadow: 0 22px 52px rgba(8,41,67,.16);
}
.bank-impact__panel::after {
  position: absolute;
  top: -140px;
  right: -120px;
  width: 330px;
  height: 330px;
  background: radial-gradient(circle, rgba(85,196,232,.12) 0%, transparent 70%);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.bank-impact__item { position: relative; z-index: 1; display: grid; grid-template-columns: 50px 1fr; gap: 18px; padding: 26px 0; border-bottom: 1px solid rgba(255,255,255,.11); }
.bank-impact__item:last-child { border-bottom: 0; }
.bank-impact__icon { display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; color: #55c4e8; background: rgba(85,196,232,.10); border: 1px solid rgba(85,196,232,.14); border-radius: 50%; font-size: 1.2rem; }
.bank-impact__item h3 { margin: 0 0 .45rem; color: #fff; font-size: 1.02rem; font-weight: 800; line-height: 1.3; }
.bank-impact__item p { margin: 0; color: rgba(255,255,255,.72); font-size: .89rem; line-height: 1.6; }
.bank-impact__family {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(330px, auto);
  gap: 20px;
  margin-top: 42px;
  padding: 24px 28px;
  align-items: center;
  background: #f3f8fa;
  border: 1px solid #d9e8ed;
  border-radius: 14px;
}
.bank-impact__family-icon { display: flex; width: 54px; height: 54px; align-items: center; justify-content: center; color: #087d65; background: rgba(8,125,101,.10); border-radius: 50%; font-size: 1.3rem; }
.bank-impact__family-copy strong { display: block; margin-bottom: .3rem; color: #082943; font-size: 1rem; font-weight: 800; }
.bank-impact__family-copy p { max-width: 700px; margin: 0; color: #5b6874; font-size: .88rem; line-height: 1.55; }
.bank-impact__family-accent { display: flex; gap: 14px; align-items: center; padding: 8px 0 8px 30px; color: #08727d; border-left: 1px solid #d2e1e5; font-size: .9rem; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; white-space: nowrap; }
.bank-impact__family-accent i { color: #8ba6af; font-size: .85rem; }

/* banking how it works */
.bank-how { padding: 82px 0; background: #f7fafb; border-top: 1px solid #e5eef1; }
.bank-how__header { max-width: 800px; margin: 0 auto 52px; text-align: center; }
.bank-how__eyebrow { margin-bottom: .7rem; color: #0276b1; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.bank-how__heading {
  margin: 0 0 1rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.bank-how__lead { max-width: 700px; margin: 0 auto; color: #5b6874; font-size: 1.02rem; line-height: 1.65; }
.bank-how__steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px; }
.bank-how__steps::before {
  position: absolute;
  top: 25px;
  right: 11%;
  left: 11%;
  height: 2px;
  background: linear-gradient(90deg, #0276b1, #08727d, #087d65);
  content: '';
}
.bank-how__step { position: relative; z-index: 1; text-align: center; }
.bank-how__number {
  display: flex;
  width: 52px;
  height: 52px;
  margin: 0 auto 20px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #08727d;
  border: 6px solid #f7fafb;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(8,114,125,.18);
  font-size: .95rem;
  font-weight: 800;
}
.bank-how__step:nth-child(1) .bank-how__number { background: #0276b1; }
.bank-how__step:nth-child(2) .bank-how__number { background: #05768e; }
.bank-how__step:nth-child(3) .bank-how__number { background: #08727d; }
.bank-how__step:nth-child(4) .bank-how__number { background: #087d65; }
.bank-how__step-content { max-width: 270px; margin: 0 auto; }
.bank-how__step h3 { margin: 0 0 .65rem; color: #082943; font-size: 1rem; font-weight: 800; line-height: 1.35; }
.bank-how__step p { margin: 0; color: #5b6874; font-size: .88rem; line-height: 1.6; }
.bank-how__employee {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 18px;
  margin-top: 52px;
  padding: 22px 26px;
  align-items: center;
  background: #fff;
  border: 1px solid #d9e7eb;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(8,41,67,.04);
}
.bank-how__employee-icon { display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; color: #087d65; background: rgba(8,125,101,.10); border-radius: 50%; font-size: 1.15rem; }
.bank-how__employee strong { display: block; margin-bottom: .25rem; color: #082943; font-size: .96rem; font-weight: 800; }
.bank-how__employee p { margin: 0; color: #5b6874; font-size: .86rem; line-height: 1.5; }
.bank-how__employee-link { color: #0276b1; font-size: .84rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.bank-how__employee-link:hover { color: #005f91; text-decoration: underline; }

/* banking testimonial */
.bank-proof { padding: 72px 0; background: #fff; }
.bank-proof__inner {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 64px;
  padding: 46px 52px;
  align-items: center;
  background: #f3f8fa;
  border: 1px solid #d9e8ed;
  border-radius: 18px;
}
.bank-proof__intro { max-width: 500px; }
.bank-proof__eyebrow { margin-bottom: .7rem; color: #08727d; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.bank-proof__heading {
  margin: 0 0 1rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2rem, 3vw, 2.7rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.bank-proof__body { margin: 0; color: #5b6874; font-size: .96rem; line-height: 1.7; }
.bank-proof__quote {
  position: relative;
  padding: 34px 38px 34px 46px;
  overflow: hidden;
  background: linear-gradient(135deg, #061e2e 0%, #08364b 55%, #0a5062 100%);
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(8,41,67,.13);
}
.bank-proof__quote::after {
  position: absolute;
  top: -100px;
  right: -90px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(85,196,232,.12) 0%, transparent 70%);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.bank-proof__quote-mark { position: relative; z-index: 1; margin-bottom: 1rem; color: #55c4e8; font-size: 1.55rem; }
.bank-proof blockquote {
  position: relative;
  z-index: 1;
  margin: 0 0 1.35rem;
  color: #fff;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 1.22rem;
  font-weight: 600;
  line-height: 1.5;
}
.bank-proof__person { position: relative; z-index: 1; }
.bank-proof__person strong { display: block; color: #fff; font-size: .94rem; font-weight: 800; }
.bank-proof__person span { display: block; margin-top: .15rem; color: rgba(255,255,255,.65); font-size: .82rem; }

/* <= 1279.98px */
@media (max-width: 1279.98px) {
  .bank-hero { min-height: 525px; background-position: 54% center; }
  .bank-hero__inner { min-height: 525px; }
  .bank-hero__content { width: 57%; }
  .bank-hero__heading { font-size: clamp(2.8rem, 4.7vw, 3.8rem); }
}

/* <= 991.98px */
@media (max-width: 991.98px) {
  .bank-hero {
    min-height: 500px;
    background-position: 58% center;
    background-image: linear-gradient(90deg, rgba(6,31,42,.98) 0%, rgba(6,31,42,.95) 43%, rgba(6,31,42,.74) 68%, rgba(6,31,42,.35) 100%), url('/assets/images/banking/banking_431342753.webp');
  }
  .bank-hero__inner { min-height: 500px; }
  .bank-hero__content { width: 67%; }

  .bank-rewards { padding: 68px 0; }
  .bank-reward { min-height: 0; grid-template-columns: 50px 1fr; gap: 18px; padding: 28px 24px; }
  .bank-reward__icon { width: 50px; height: 50px; }

  .bank-impact { padding: 68px 0; }
  .bank-impact__layout { grid-template-columns: 1fr; gap: 40px; }
  .bank-impact__content { max-width: 760px; }
  .bank-impact__family { grid-template-columns: 54px 1fr; }
  .bank-impact__family-accent { grid-column: 2; padding: 4px 0 0; border-left: 0; }

  .bank-how { padding: 68px 0; }
  .bank-how__steps { grid-template-columns: repeat(2, 1fr); gap: 40px 34px; }
  .bank-how__steps::before { display: none; }
  .bank-how__employee { grid-template-columns: 50px 1fr; }
  .bank-how__employee-link { grid-column: 2; }

  .bank-proof { padding: 68px 0; }
  .bank-proof__inner { grid-template-columns: 1fr; gap: 34px; padding: 40px; }
  .bank-proof__intro { max-width: 700px; }
}

/* <= 767.98px */
@media (max-width: 767.98px) {
  .bank-hero {
    min-height: auto;
    background-position: 62% center;
    background-image: linear-gradient(90deg, rgba(6,31,42,.98) 0%, rgba(6,31,42,.94) 58%, rgba(6,31,42,.72) 100%), url('/assets/images/banking/banking_431342753.webp');
  }
  .bank-hero__inner { min-height: 475px; }
  .bank-hero__content { width: 88%; padding: 3.5rem 0; }
  .bank-hero__heading { font-size: clamp(2.35rem, 9vw, 3.25rem); }
  .bank-hero__lead { font-size: 1rem; }

  .bank-rewards__grid { grid-template-columns: 1fr; }
}

/* <= 575.98px */
@media (max-width: 575.98px) {
  .bank-hero__content { width: 100%; }
  .bank-hero__actions { align-items: stretch; flex-direction: column; }
  .bank-hero__actions .btn { width: 100%; }

  .bank-rewards { padding: 54px 0; }
  .bank-rewards__header { margin-bottom: 34px; text-align: left; }
  .bank-reward { display: block; padding: 28px 24px; }
  .bank-reward__icon { margin-bottom: 1rem; }
  .bank-rewards__note { align-items: flex-start; padding: 22px 20px; }

  .bank-impact { padding: 54px 0; }
  .bank-impact__panel { padding: 12px 24px; }
  .bank-impact__item { grid-template-columns: 44px 1fr; gap: 14px; padding: 24px 0; }
  .bank-impact__icon { width: 44px; height: 44px; }
  .bank-impact__family { display: block; margin-top: 32px; padding: 22px 20px; }
  .bank-impact__family-icon { margin-bottom: 1rem; }
  .bank-impact__family-accent { margin-top: 16px; padding-top: 15px; border-top: 1px solid #d2e1e5; }

  .bank-how { padding: 54px 0; }
  .bank-how__header { margin-bottom: 38px; text-align: left; }
  .bank-how__steps { grid-template-columns: 1fr; gap: 30px; }
  .bank-how__step { display: grid; grid-template-columns: 48px 1fr; gap: 16px; text-align: left; }
  .bank-how__number { width: 48px; height: 48px; margin: 0; border-width: 5px; }
  .bank-how__step-content { max-width: none; margin: 0; }
  .bank-how__employee { display: block; margin-top: 38px; padding: 22px 20px; }
  .bank-how__employee-icon { margin-bottom: 1rem; }
  .bank-how__employee-link { display: inline-block; margin-top: 14px; white-space: normal; }

  .bank-proof { padding: 54px 0; }
  .bank-proof__inner { gap: 28px; padding: 28px 22px; }
  .bank-proof__quote { padding: 28px 24px; }
  .bank-proof blockquote { font-size: 1.1rem; }
}

/*--------------------------------------------------------------
# END Banking / CUs revamp 10-2026
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# BEGIN Financial Distribution revamp 10-2026
--------------------------------------------------------------*/

/* financial distribution hero */
.agency-hero {
  position: relative;
  min-height: 560px;
  margin-top: -8.75em;
  padding-top: 8.75em;
  overflow: hidden;
  color: #fff;
  background-color: #071e2c;
  background-image: linear-gradient(90deg, rgba(6,25,40,.98) 0%, rgba(6,25,40,.95) 32%, rgba(6,25,40,.82) 47%, rgba(6,25,40,.45) 64%, rgba(6,25,40,.10) 82%), url('../images/agencies/agencies_875400746.webp');
  background-position: center;
  background-size: cover;
}
.agency-hero::after {
  position: absolute;
  bottom: -140px;
  left: -100px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(85,196,232,.11) 0%, transparent 70%);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.agency-hero__inner { position: relative; z-index: 1; display: flex; min-height: 560px; align-items: center; }
.agency-hero__content { width: 55%; max-width: 735px; padding: 4.5rem 0; }
.agency-hero__eyebrow { margin-bottom: 1rem; color: #6ed2c2; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.agency-hero__heading {
  max-width: 720px;
  margin: 0 0 1.25rem;
  color: #fff;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(3rem, 4.2vw, 4.15rem);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -.025em;
}
.agency-hero__lead { max-width: 650px; margin: 0; color: rgba(255,255,255,.84); font-size: 1.12rem; line-height: 1.7; }
.agency-hero__actions { display: flex; gap: .85rem; align-items: center; margin-top: 2rem; flex-wrap: wrap; }
.agency-hero__actions .btn { padding: .8rem 1.4rem; font-weight: 700; }

/* financial distribution audiences */
.agency-audiences { padding: 82px 0; background: #f3f8fa; }
.agency-audiences__header { max-width: 820px; margin: 0 auto 48px; text-align: center; }
.agency-audiences__eyebrow { margin-bottom: .7rem; color: #08727d; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.agency-audiences__heading {
  margin: 0 0 1rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.agency-audiences__lead { max-width: 720px; margin: 0 auto; color: #5b6874; font-size: 1.05rem; line-height: 1.65; }
.agency-audiences__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.agency-audience {
  position: relative;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 22px;
  min-height: 360px;
  padding: 32px 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce7eb;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(8,41,67,.05);
}
.agency-audience::after {
  position: absolute;
  top: -90px;
  right: -90px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.agency-audience--imo::after { background: radial-gradient(circle, rgba(2,118,177,.08) 0%, transparent 70%); }
.agency-audience--bd::after { background: radial-gradient(circle, rgba(8,114,125,.08) 0%, transparent 70%); }
.agency-audience--agency::after { background: radial-gradient(circle, rgba(8,125,101,.08) 0%, transparent 70%); }
.agency-audience--individual::after { background: radial-gradient(circle, rgba(82,125,103,.08) 0%, transparent 70%); }
.agency-audience__icon { display: flex; width: 58px; height: 58px; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.3rem; }
.agency-audience--imo .agency-audience__icon { color: #0276b1; background: rgba(2,118,177,.10); }
.agency-audience--bd .agency-audience__icon { color: #08727d; background: rgba(8,114,125,.10); }
.agency-audience--agency .agency-audience__icon { color: #087d65; background: rgba(8,125,101,.10); }
.agency-audience--individual .agency-audience__icon { color: #527d67; background: rgba(82,125,103,.10); }
.agency-audience__content { position: relative; z-index: 1; min-width: 0; }
.agency-audience__tag { margin: 3px 0 .55rem; color: #0276b1; font-size: .73rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.agency-audience--bd .agency-audience__tag { color: #08727d; }
.agency-audience--agency .agency-audience__tag { color: #087d65; }
.agency-audience--individual .agency-audience__tag { color: #527d67; }
.agency-audience h3 { margin: 0 0 .75rem; color: #082943; font-size: 1.2rem; font-weight: 800; line-height: 1.3; }
.agency-audience p { margin: 0 0 1.25rem; color: #27475e; font-size: .92rem; line-height: 1.6; }
.agency-audience__list { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.agency-audience__list li { display: flex; gap: .65rem; align-items: flex-start; color: #4b6475; font-size: .84rem; line-height: 1.4; }
.agency-audience__list i { position: relative; top: .15rem; flex: 0 0 14px; color: #087d65; font-size: .72rem; }
.agency-audience--imo .agency-audience__list i { color: #0276b1; }
.agency-audience--bd .agency-audience__list i { color: #08727d; }
.agency-audience--individual .agency-audience__list i { color: #527d67; }
.agency-audiences__note {
  display: flex;
  max-width: 1040px;
  gap: 20px;
  margin: 28px auto 0;
  padding: 25px 28px;
  align-items: center;
  background: #fff;
  border: 1px solid #d7e5ea;
  border-radius: 14px;
}
.agency-audiences__note-icon { display: flex; flex: 0 0 48px; width: 48px; height: 48px; align-items: center; justify-content: center; color: #08727d; background: rgba(8,114,125,.09); border-radius: 50%; font-size: 1.15rem; }
.agency-audiences__note strong { display: block; margin-bottom: .3rem; color: #082943; font-size: .98rem; font-weight: 800; }
.agency-audiences__note p { margin: 0; color: #5b6874; font-size: .88rem; line-height: 1.55; }

/* financial distribution relationships */
.agency-relationships { padding: 82px 0; background: #fff; }
.agency-relationships__layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; }
.agency-relationships__content { max-width: 600px; }
.agency-relationships__eyebrow { margin-bottom: .7rem; color: #08727d; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.agency-relationships__heading {
  margin: 0 0 1.2rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.agency-relationships__lead { margin: 0 0 1.15rem; color: #27475e; font-size: 1.05rem; line-height: 1.7; }
.agency-relationships__body { margin: 0; color: #5b6874; font-size: .95rem; line-height: 1.7; }
.agency-relationships__panel {
  position: relative;
  padding: 18px 34px;
  overflow: hidden;
  background: linear-gradient(135deg, #061828 0%, #082f46 55%, #0a5360 100%);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  box-shadow: 0 22px 52px rgba(8,41,67,.16);
}
.agency-relationships__panel::after {
  position: absolute;
  top: -140px;
  right: -120px;
  width: 330px;
  height: 330px;
  background: radial-gradient(circle, rgba(110,210,194,.13) 0%, transparent 70%);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.agency-relationship { position: relative; z-index: 1; display: grid; grid-template-columns: 50px 1fr; gap: 18px; padding: 26px 0; border-bottom: 1px solid rgba(255,255,255,.11); }
.agency-relationship:last-child { border-bottom: 0; }
.agency-relationship__icon { display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; color: #6ed2c2; background: rgba(110,210,194,.10); border: 1px solid rgba(110,210,194,.14); border-radius: 50%; font-size: 1.2rem; }
.agency-relationship h3 { margin: 0 0 .45rem; color: #fff; font-size: 1.02rem; font-weight: 800; line-height: 1.3; }
.agency-relationship p { margin: 0; color: rgba(255,255,255,.72); font-size: .89rem; line-height: 1.6; }

.agency-relationships__family {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(390px, auto);
  gap: 20px;
  margin-top: 42px;
  padding: 24px 28px;
  align-items: center;
  background: #f3f8fa;
  border: 1px solid #d9e8ed;
  border-radius: 14px;
}
.agency-relationships__family-icon { display: flex; width: 54px; height: 54px; align-items: center; justify-content: center; color: #087d65; background: rgba(8,125,101,.10); border-radius: 50%; font-size: 1.3rem; }
.agency-relationships__family-copy strong { display: block; margin-bottom: .3rem; color: #082943; font-size: 1rem; font-weight: 800; }
.agency-relationships__family-copy p { max-width: 720px; margin: 0; color: #5b6874; font-size: .88rem; line-height: 1.55; }
.agency-relationships__family-accent { display: flex; gap: 14px; align-items: center; padding: 8px 0 8px 30px; color: #08727d; border-left: 1px solid #d2e1e5; font-size: .9rem; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; white-space: nowrap; }
.agency-relationships__family-accent i { color: #8ba6af; font-size: .85rem; }

/* financial distribution how it works */
.agency-how { padding: 82px 0 42px; background: #f7fafb; border-top: 1px solid #e5eef1; }
.agency-how__header { max-width: 800px; margin: 0 auto 52px; text-align: center; }
.agency-how__eyebrow { margin-bottom: .7rem; color: #08727d; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.agency-how__heading {
  margin: 0 0 1rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.agency-how__lead { max-width: 700px; margin: 0 auto; color: #5b6874; font-size: 1.02rem; line-height: 1.65; }
.agency-how__steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px; }
.agency-how__steps::before {
  position: absolute;
  top: 25px;
  right: 11%;
  left: 11%;
  height: 2px;
  background: linear-gradient(90deg, #0276b1, #08727d, #087d65);
  content: '';
}
.agency-how__step { position: relative; z-index: 1; text-align: center; }
.agency-how__number {
  display: flex;
  width: 52px;
  height: 52px;
  margin: 0 auto 20px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #08727d;
  border: 6px solid #f7fafb;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(8,114,125,.18);
  font-size: .95rem;
  font-weight: 800;
}
.agency-how__step:nth-child(1) .agency-how__number { background: #0276b1; }
.agency-how__step:nth-child(2) .agency-how__number { background: #05768e; }
.agency-how__step:nth-child(3) .agency-how__number { background: #08727d; }
.agency-how__step:nth-child(4) .agency-how__number { background: #087d65; }
.agency-how__step-content { max-width: 270px; margin: 0 auto; }
.agency-how__step h3 { margin: 0 0 .65rem; color: #082943; font-size: 1rem; font-weight: 800; line-height: 1.35; }
.agency-how__step p { margin: 0; color: #5b6874; font-size: .88rem; line-height: 1.6; }

.agency-how__callout {
  display: grid;
  grid-template-columns: 50px 1fr;
  max-width: 940px;
  gap: 18px;
  margin: 52px auto 0;
  padding: 22px 26px;
  align-items: center;
  background: #fff;
  border: 1px solid #d9e7eb;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(8,41,67,.04);
}
.agency-how__callout-icon { display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; color: #087d65; background: rgba(8,125,101,.10); border-radius: 50%; font-size: 1.15rem; }
.agency-how__callout strong { display: block; margin-bottom: .25rem; color: #082943; font-size: .96rem; font-weight: 800; }
.agency-how__callout p { margin: 0; color: #5b6874; font-size: .86rem; line-height: 1.5; }

/* financial distribution testimonial */
.agency-proof { padding: 42px 0 72px; background: #fff; }
.agency-proof__inner {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 64px;
  padding: 46px 52px;
  align-items: center;
  background: #f3f8fa;
  border: 1px solid #d9e8ed;
  border-radius: 18px;
}
.agency-proof__intro { max-width: 500px; }
.agency-proof__eyebrow { margin-bottom: .7rem; color: #08727d; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.agency-proof__heading {
  margin: 0 0 1rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2rem, 3vw, 2.7rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.agency-proof__body { margin: 0; color: #5b6874; font-size: .96rem; line-height: 1.7; }
.agency-proof__quote {
  position: relative;
  padding: 34px 38px 34px 46px;
  overflow: hidden;
  background: linear-gradient(135deg, #061828 0%, #082f46 60%, #0a4b59 100%);
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(8,41,67,.13);
}
.agency-proof__quote::after {
  position: absolute;
  top: -100px;
  right: -90px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(110,210,194,.12) 0%, transparent 70%);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.agency-proof__quote-mark { position: relative; z-index: 1; margin-bottom: 1rem; color: #6ed2c2; font-size: 1.55rem; }
.agency-proof blockquote {
  position: relative;
  z-index: 1;
  margin: 0 0 1.35rem;
  color: #fff;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 1.32rem;
  font-weight: 600;
  line-height: 1.5;
}
.agency-proof__person { position: relative; z-index: 1; }
.agency-proof__person strong { display: block; color: #fff; font-size: .94rem; font-weight: 800; }
.agency-proof__person span { display: block; margin-top: .15rem; color: rgba(255,255,255,.65); font-size: .82rem; }

/* <= 1279.98px */
@media (max-width: 1279.98px) {
  .agency-hero { min-height: 525px; background-position: 57% center; }
  .agency-hero__inner { min-height: 525px; }
  .agency-hero__content { width: 59%; }
  .agency-hero__heading { font-size: clamp(2.8rem, 4.6vw, 3.8rem); }
}

/* <= 991.98px */
@media (max-width: 991.98px) {
  .agency-hero {
    min-height: 500px;
    background-position: 62% center;
    background-image: linear-gradient(90deg, rgba(6,25,40,.98) 0%, rgba(6,25,40,.95) 47%, rgba(6,25,40,.72) 74%, rgba(6,25,40,.34) 100%), url('../images/agencies/agencies_875400746.webp');
  }
  .agency-hero__inner { min-height: 500px; }
  .agency-hero__content { width: 68%; }
  .agency-audiences { padding: 68px 0; }
  .agency-audience { min-height: 0; grid-template-columns: 50px 1fr; gap: 18px; padding: 28px 24px; }
  .agency-audience__icon { width: 50px; height: 50px; }
  .agency-relationships { padding: 68px 0; }
  .agency-relationships__layout { grid-template-columns: 1fr; gap: 40px; }
  .agency-relationships__content { max-width: 760px; }
  .agency-relationships__family { grid-template-columns: 54px 1fr; }
  .agency-relationships__family-accent { grid-column: 2; padding: 4px 0 0; border-left: 0; }
  .agency-how { padding: 68px 0 44px; }
  .agency-how__steps { grid-template-columns: repeat(2, 1fr); gap: 40px 34px; }
  .agency-how__steps::before { display: none; }
  .agency-proof { padding: 44px 0 68px; }
  .agency-proof__inner { grid-template-columns: 1fr; gap: 34px; padding: 40px; }
  .agency-proof__intro { max-width: 700px; }
}

/* <= 767.98px */
@media (max-width: 767.98px) {
  .agency-hero {
    min-height: auto;
    background-position: 66% center;
    background-image: linear-gradient(90deg, rgba(6,25,40,.98) 0%, rgba(6,25,40,.94) 60%, rgba(6,25,40,.70) 100%), url('../images/agencies/agencies_875400746.webp');
  }
  .agency-hero__inner { min-height: 475px; }
  .agency-hero__content { width: 88%; padding: 3.5rem 0; }
  .agency-hero__heading { font-size: clamp(2.35rem, 9vw, 3.25rem); }
  .agency-hero__lead { font-size: 1rem; }
  .agency-audiences__grid { grid-template-columns: 1fr; }
}

/* <= 575.98px */
@media (max-width: 575.98px) {
  .agency-hero__content { width: 100%; }
  .agency-hero__actions { align-items: stretch; flex-direction: column; }
  .agency-hero__actions .btn { width: 100%; }
  .agency-audiences { padding: 54px 0; }
  .agency-audiences__header { margin-bottom: 34px; text-align: left; }
  .agency-audience { display: block; padding: 28px 24px; }
  .agency-audience__icon { margin-bottom: 1rem; }
  .agency-audiences__note { align-items: flex-start; padding: 22px 20px; }
  .agency-relationships { padding: 54px 0; }
  .agency-relationships__panel { padding: 12px 24px; }
  .agency-relationship { grid-template-columns: 44px 1fr; gap: 14px; padding: 24px 0; }
  .agency-relationship__icon { width: 44px; height: 44px; }
  .agency-relationships__family { display: block; margin-top: 32px; padding: 22px 20px; }
  .agency-relationships__family-icon { margin-bottom: 1rem; }
  .agency-relationships__family-accent { margin-top: 16px; padding-top: 15px; border-top: 1px solid #d2e1e5; }
  .agency-how { padding: 54px 0 36px; }
  .agency-how__header { margin-bottom: 38px; text-align: left; }
  .agency-how__steps { grid-template-columns: 1fr; gap: 30px; }
  .agency-how__step { display: grid; grid-template-columns: 48px 1fr; gap: 16px; text-align: left; }
  .agency-how__number { width: 48px; height: 48px; margin: 0; border-width: 5px; }
  .agency-how__step-content { max-width: none; margin: 0; }
  .agency-how__callout { display: block; margin-top: 38px; padding: 22px 20px; }
  .agency-how__callout-icon { margin-bottom: 1rem; }
  .agency-proof { padding: 36px 0 54px; }
  .agency-proof__inner { gap: 28px; padding: 28px 22px; }
  .agency-proof__quote { padding: 28px 24px; }
  .agency-proof blockquote { font-size: 1.16rem; }
}

/*--------------------------------------------------------------
# END Financial Distribution revamp 10-2026
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# BEGIN Partner With Us revamp 10-2026
--------------------------------------------------------------*/

/* partner with us hero */
.partner-hero {
  position: relative;
  min-height: 560px;
  margin-top: -8.75em;
  padding-top: 8.75em;
  overflow: hidden;
  color: #fff;
  background: #061f2c;
}
.partner-hero::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 62%;
  height: 100%;
  background: linear-gradient(to right, #061f2c 0%, rgba(6,31,44,.88) 28%, rgba(7,55,65,.42) 60%, rgba(7,55,65,.08) 88%), url('../images/infofor/infoforemps_as_392653378.webp') center 25% / cover no-repeat;
  content: '';
  pointer-events: none;
}
.partner-hero::after {
  position: absolute;
  bottom: -140px;
  left: -100px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(85,196,232,.10) 0%, transparent 70%);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.partner-hero__inner { position: relative; z-index: 1; display: flex; min-height: 560px; align-items: center; }
.partner-hero__content { width: 52%; max-width: 700px; padding: 4.5rem 0; }
.partner-hero__eyebrow { margin-bottom: 1rem; color: #6ed2c2; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.partner-hero__heading {
  max-width: 680px;
  margin: 0 0 1.25rem;
  color: #fff;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(3rem, 4.1vw, 4rem);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -.025em;
}
.partner-hero__lead { max-width: 650px; margin: 0; color: rgba(255,255,255,.84); font-size: 1.12rem; line-height: 1.7; }
.partner-hero__actions { display: flex; gap: .85rem; align-items: center; margin-top: 2rem; flex-wrap: wrap; }
.partner-hero__actions .btn { padding: .8rem 1.4rem; font-weight: 700; }

/* partner with us paths */
.partner-paths { padding: 82px 0; background: #f3f8fa; }
.partner-paths--has-flash { padding-top: 8px; }
.partner-paths__header { max-width: 820px; margin: 0 auto 48px; text-align: center; }
.partner-paths--has-flash .partner-paths__header { margin-top: 36px; }
.partner-paths__eyebrow { margin-bottom: .7rem; color: #087d65; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.partner-paths__heading {
  margin: 0 0 1rem;
  color: #082943;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.partner-paths__lead { max-width: 720px; margin: 0 auto; color: #5b6874; font-size: 1.05rem; line-height: 1.65; }
.partner-paths__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }

.partner-path {
  position: relative;
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 22px;
  min-height: 365px;
  padding: 32px 30px;
  overflow: hidden;
  color: inherit;
  background: #fff;
  border: 1px solid #dce7eb;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(8,41,67,.05);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.partner-path:hover { color: inherit; border-color: #bfd5dd; box-shadow: 0 16px 36px rgba(8,41,67,.10); text-decoration: none; transform: translateY(-3px); }
.partner-path::after {
  position: absolute;
  top: -90px;
  right: -90px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.partner-path--employers::after { background: radial-gradient(circle, rgba(8,125,101,.09) 0%, transparent 70%); }
.partner-path--bank::after { background: radial-gradient(circle, rgba(2,118,177,.09) 0%, transparent 70%); }
.partner-path--distribution::after { background: radial-gradient(circle, rgba(8,114,125,.09) 0%, transparent 70%); }
.partner-path--professionals::after { background: radial-gradient(circle, rgba(82,125,103,.09) 0%, transparent 70%); }

.partner-path__icon { display: flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.4rem; }
.partner-path--employers .partner-path__icon { color: #087d65; background: rgba(8,125,101,.10); }
.partner-path--bank .partner-path__icon { color: #0276b1; background: rgba(2,118,177,.10); }
.partner-path--distribution .partner-path__icon { color: #08727d; background: rgba(8,114,125,.10); }
.partner-path--professionals .partner-path__icon { color: #527d67; background: rgba(82,125,103,.10); }

.partner-path__content { position: relative; z-index: 1; display: flex; min-width: 0; flex-direction: column; }
.partner-path__tag { margin: 3px 0 .55rem; font-size: .73rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.partner-path--employers .partner-path__tag { color: #087d65; }
.partner-path--bank .partner-path__tag { color: #0276b1; }
.partner-path--distribution .partner-path__tag { color: #08727d; }
.partner-path--professionals .partner-path__tag { color: #527d67; }
.partner-path h3 { margin: 0 0 .7rem; color: #082943; font-size: 1.2rem; font-weight: 800; line-height: 1.3; }
.partner-path p { margin: 0 0 1.15rem; color: #526979; font-size: .91rem; line-height: 1.6; }
.partner-path__list { display: grid; gap: .55rem; margin: 0 0 1.4rem; padding: 0; list-style: none; }
.partner-path__list li { display: flex; gap: .65rem; align-items: flex-start; color: #27475e; font-size: .86rem; line-height: 1.4; }
.partner-path__list i { position: relative; top: .16rem; flex: 0 0 14px; color: #087d65; font-size: .72rem; }
.partner-path--bank .partner-path__list i { color: #0276b1; }
.partner-path--distribution .partner-path__list i { color: #08727d; }
.partner-path--professionals .partner-path__list i { color: #527d67; }
.partner-path__link { display: inline-flex; gap: .5rem; align-items: center; margin-top: auto; color: #0276b1; font-size: .88rem; font-weight: 800; }
.partner-path__link i { font-size: .75rem; transition: transform .2s ease; }
.partner-path:hover .partner-path__link i { transform: translateX(4px); }

.partner-paths__help {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 20px;
  margin-top: 28px;
  padding: 24px 28px;
  align-items: center;
  background: #fff;
  border: 1px solid #d7e5ea;
  border-radius: 14px;
}
.partner-paths__help-icon { display: flex; width: 52px; height: 52px; align-items: center; justify-content: center; color: #08727d; background: rgba(8,114,125,.10); border-radius: 50%; font-size: 1.2rem; }
.partner-paths__help-copy strong { display: block; margin-bottom: .3rem; color: #082943; font-size: .98rem; font-weight: 800; }
.partner-paths__help-copy p { margin: 0; color: #5b6874; font-size: .88rem; line-height: 1.55; }
.partner-paths__help-link { color: #0276b1; font-size: .88rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.partner-paths__help-link:hover { color: #005f91; text-decoration: underline; }

@media (max-width: 991.98px) {
  .partner-paths { padding: 68px 0; }
  .partner-path { grid-template-columns: 52px 1fr; gap: 18px; min-height: 0; padding: 28px 24px; }
  .partner-path__icon { width: 52px; height: 52px; }
  .partner-paths__help { grid-template-columns: 52px 1fr; }
  .partner-paths__help-link { grid-column: 2; }
}

@media (max-width: 767.98px) {
  .partner-paths__grid { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
  .partner-paths { padding: 54px 0; }
  .partner-paths__header { margin-bottom: 34px; text-align: left; }
  .partner-path { display: block; padding: 28px 24px; }
  .partner-path__icon { margin-bottom: 1rem; }
  .partner-paths__help { display: block; padding: 22px 20px; }
  .partner-paths__help-icon { margin-bottom: 1rem; }
  .partner-paths__help-link { display: inline-block; margin-top: 14px; white-space: normal; }
}

/*--------------------------------------------------------------
# END Partner With Us revamp 10-2026
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# BEGIN sage cares page hero
--------------------------------------------------------------*/
.info-hero--sagecares {
  background: #061828;
  position: relative;
  overflow: hidden;
}

.info-hero--sagecares::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background:
    linear-gradient(to right, #061828 0%, rgba(6,24,40,0.85) 18%, rgba(6,24,40,0.4) 45%, transparent 70%), url('../images/cares/sagecares_hero.webp') center/cover no-repeat;
  pointer-events: none;
}

.info-hero--sagecares::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.10) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

@media (max-width: 992px) {
  .info-hero--sagecares::before {
    width: 100%; background: linear-gradient(rgba(6,24,40,0.7), rgba(6,24,40,0.7)), url('../images/cares/sagecares_hero.webp') center/cover no-repeat;
  }
}

@media (max-width: 768px) {
  .info-hero--sagecares { margin-top: -9.25em; padding-top: calc(9.25em + 64px); min-height: auto; }
}

@media (max-width: 575px) {
  .info-hero--sagecares { margin-top: -3.75em; padding-top: calc(3.75em + 40px); }
}

/* gold badge override to match SAGE Cares mock */
.info-hero--sagecares .info-hero__badge {
  border: 1px solid rgba(244,167,22,0.5);
  color: #f4a716;
  background: rgba(244,167,22,0.1);
}

.info-hero--sagecares .info-hero__accent-circle {
  position: absolute;
  bottom: -20px;
  left: -90px;
  width: 200px;
  height: 200px;
  background: #f4a716;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}

@media (max-width: 768px) {
  .info-hero--sagecares .info-hero__accent-circle {
    width: 140px;
    height: 140px;
    left: -100px;
    bottom: -100px;
  }
}
/*--------------------------------------------------------------
# END sage cares page hero
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN sage cares guidance section
--------------------------------------------------------------*/
.sagecares-guidance {
  background: #ffffff;
  padding: 32px 0 72px;
}

.sagecares-guidance__heading {
  font-size: clamp(1.6rem, 2.8vw, 2.2rem);
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 24px;
}

h3.sagecares-sub__heading {
  font-size: clamp(1.4rem, 2.8vw, 1.9rem);
  margin-bottom: 14px;
  color: #f4a716;
  font-weight: 800;
}

.sagecares-guidance__body {
  color: #444;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 20px;
}

.sagecares-guidance__subhead {
  font-weight: 700;
  color: #0a2540;
  font-size: 1rem;
  margin-bottom: 14px;
}

.sagecares-guidance__list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}

.sagecares-guidance__list li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  color: #444;
  font-size: 0.98rem;
  line-height: 1.6;
}

.sagecares-guidance__list li::before {
  content: '\2713';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: #09a1e4;
  color: #ffffff;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sagecares-callout {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #eef7fd;
  border: 1px solid rgba(9,161,228,0.25);
  border-radius: 10px;
  padding: 22px 26px;
  margin-top: 8px;
}

.sagecares-callout__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: #09a1e4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: #ffffff;
  line-height: 1;
}

.sagecares-callout__text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
}

.sagecares-callout__text strong {
  display: block;
  color: #0a2540;
  font-size: 1rem;
  margin-bottom: 4px;
}

.sagecares-callout__text a {
  color: #09a1e4;
  font-weight: 600;
  text-decoration: none;
}

.sagecares-callout__text a:hover {
  text-decoration: underline;
}
/*--------------------------------------------------------------
# END sage cares guidance section
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN sage cares "start the conversation" form section
--------------------------------------------------------------*/
.info-form--sagecares {
  background: #061828;
  padding: 64px 0 56px;
}

.info-form__group select:invalid,
.info-form__group select option[value=""] {
  color: #6c7a89; /* match your input placeholder gray */
}

.info-form__group select option:not([value=""]) {
  color: #0a2240; /* keep real selections navy */
}

.info-form--sagecares .info-form__tag {
  display: inline-block;
  background: rgba(244,167,22,0.15);
  color: #f4a716;
  border: 1px solid rgba(244,167,22,0.35);
  border-radius: 20px;
  padding: 4px 16px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.info-form--sagecares .info-form__title {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 16px;
}

.info-form--sagecares .info-form__title span {
  color: #f4a716;
}

.info-form--sagecares .info-form__body {
  color: rgba(255,255,255,0.75);
  font-size: 0.98rem;
  line-height: 1.7;
  max-width: 460px;
  margin-bottom: 24px;
}

.info-form--sagecares .info-form__note {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255,255,255,0.05);
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 28px;
  max-width: 460px;
}

.info-form--sagecares .info-form__note-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  background: #f4a716;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.info-form--sagecares .info-form__note-text {
  font-size: 0.85rem;
  line-height: 1.5;
  color: rgba(255,255,255,0.75);
}

.info-form--sagecares .info-form__note-text strong {
  display: block;
  color: #ffffff;
  font-size: 0.9rem;
  margin-bottom: 2px;
}

.info-form--sagecares .info-form__stats {
  list-style: none;
  padding: 0;
  margin: 0;
}

.info-form--sagecares .info-form__stats li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,0.85);
  font-size: 0.92rem;
  margin-bottom: 14px;
}

.info-form--sagecares .info-form__stat-icon {
  color: #7dd4f5;
  font-size: 1rem;
  width: 22px;
  text-align: center;
  flex-shrink: 0;
}

.info-form--sagecares .info-form__card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #061828;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  padding: 20px 28px;
  border-bottom: 2px solid #f4a716;
}

.info-form--sagecares .info-form__card-header-icon {
  color: #f4a716;
  font-size: 1.1rem;
}

.info-form--sagecares .info-form__card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}

.info-form--sagecares .info-form__card-body {
  padding: 28px;
}

.info-form--sagecares .info-form__row--three {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

@media (max-width: 575px) {
  .info-form--sagecares .info-form__row--three {
    grid-template-columns: 1fr;
  }
}
/*--------------------------------------------------------------
# END sage cares "start the conversation" form section
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN sage cares "how it works" section
--------------------------------------------------------------*/
.sagecares-how {
  background: #eef7fd;
  padding: 64px 0;
}

.sagecares-how__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: clamp(1.4rem, 2.4vw, 1.8rem);
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 40px;
}


.sagecares-how__grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 24px;
  align-items: start;
}

.sagecares-how__step {
  text-align: left;
}

.sagecares-how__step-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.sagecares-how__icon {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid rgba(9,161,228,0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
  color: #09a1e4;
  line-height: 1;
}

.sagecares-how__step-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0a2540;
  margin: 0;
  line-height: 1.3;
}
.sagecares-how__step-body {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.65;
  margin: 0;
  padding-left: 52px; /* 40px icon + 12px gap = aligns with title text */
}

.sagecares-how__arrow {
  color: #09a1e4;
  font-size: 1.6rem;
  font-weight: 700;
  align-self: center;
  padding-top: 10px;
}

@media (max-width: 991px) {
  .sagecares-how__grid {
    grid-template-columns: 1fr;
  }
  .sagecares-how__arrow {
    display: none;
  }
  .sagecares-how__step {
    margin-bottom: 28px;
  }
  .sagecares-how__step:last-child {
    margin-bottom: 0;
  }
}
/*--------------------------------------------------------------
# END sage cares "how it works" section
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# BEGIN sage cares FAQ section
--------------------------------------------------------------*/
.sagecares-faq {
  background: #ffffff;
  padding: 56px 0 72px;
}

.sagecares-faq__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: clamp(1.4rem, 2.4vw, 1.8rem);
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 32px;
}

.sagecares-faq__heading-icon,
.sagecares-how__heading-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background: #09a1e4;
  color: #ffffff;
  border-radius: 50%;
  font-size: 1rem;
  flex-shrink: 0;
  line-height: 1;
}
.sagecares-faq__heading-icon i,
.sagecares-how__heading-icon i {
  position: relative;
}
.sagecares-faq__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e6ea;
}
.sagecares-faq__item {
  padding-right: 32px;
  border-right: 1px solid #e2e6ea;
}

.sagecares-faq__item:last-child {
  border-right: none;
  padding-right: 0;
}

.sagecares-faq__question {
  font-size: 0.95rem;
  font-weight: 700;
  color: #09a1e4;
  line-height: 1.4;
  margin-bottom: 10px;
}

.sagecares-faq__answer {
  font-size: 0.88rem;
  color: #555;
  line-height: 1.7;
  margin: 0;
}

.sagecares-faq__answer a {
  color: #09a1e4;
  font-weight: 600;
  text-decoration: none;
}

.sagecares-faq__answer a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .sagecares-faq__item {
    border-right: none;
    padding-right: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #e2e6ea;
  }
  .sagecares-faq__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
/*--------------------------------------------------------------
# END sage cares FAQ section
--------------------------------------------------------------*/

.info-hero--prime {
  background: #0a2540;
  position: relative;
  overflow: hidden;
}

.info-hero--prime::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(to right, #0a2540 0%, rgba(10,37,64,0.85) 30%, rgba(10,37,64,0.4) 60%, transparent 85%), url('../images/benefits/prime_as_456268887.webp') top center/cover no-repeat;
  pointer-events: none;
}

.info-hero--prime::after {
  content: '';
  position: absolute;
  bottom: -100px;
  left: -80px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
@media (max-width: 992px) {
  .info-hero--prime::before {
    width: 100%;
    background: linear-gradient(
      rgba(10,37,64,0.82),
      rgba(10,37,64,0.82)
    ), url('../images/benefits/prime_as_456268887.webp') 60% 40%/cover no-repeat;
  }
}
.info-hero--consortium {
  background: #0a2540;
  position: relative;
  overflow: hidden;
}

.info-hero--consortium::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(to right, #0a2540 0%, rgba(10,37,64,0.85) 30%, rgba(10,37,64,0.4) 60%, transparent 85%), url('../images/benefits/consortium_as_1140808849.webp') top center/cover no-repeat;
  pointer-events: none;
}

.info-hero--consortium::after {
  content: '';
  position: absolute;
  bottom: -100px;
  left: -80px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.07) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

@media (max-width: 992px) {
  .info-hero--consortium::before {
    width: 100%;
    background: linear-gradient(rgba(10,37,64,0.82),rgba(10,37,64,0.82)), url('../images/benefits/consortium_as_1140808849.webp') center/cover no-repeat;
  }
}

/* EARNING which is partners.cfm */
.earn-intro { padding: 4.5rem 0; background-color: #ffffff; }
.earn-intro__inner { max-width: 900px; margin: 0 auto; text-align: center; }
.earn-eyebrow { margin-bottom: 1rem; color: #009f8b; font-size: .8rem; font-weight: 800; letter-spacing: .18em; }
.earn-title { margin: 0 0 1.25rem; color: #082541; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 700; line-height: 1.1; }
.earn-intro__lead { max-width: 820px; margin: 0 auto 1rem; color: var(--bs-gray-700); font-size: 1.1rem; line-height: 1.75; }
.earn-section { padding: 5rem 0; }

.earn-section--workplace { background-color: #eef8f6; }
.earn-section--financial { background-color: #ffffff; }
.earn-section--benefits { background-color: #eef6fb; }
.earn-section--membership { background-color: #ffffff; }

.earn-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr); gap: 4.5rem; align-items: center; }
.earn-split--reverse { grid-template-columns: minmax(360px, .85fr) minmax(0, 1fr); }
.earn-split__content > p { max-width: 680px; margin-bottom: 1.25rem; color: var(--bs-gray-700); font-size: 1.05rem; line-height: 1.7; }
.earn-split__content > .btn { margin-top: .75rem; }
.earn-split__panel { min-width: 0; }

.earn-feature-list { overflow: hidden; background-color: #ffffff; border: 1px solid #cfe3df; border-radius: 16px; box-shadow: 0 14px 35px rgba(10,34,64,.08); }
.earn-feature { display: flex; gap: 1rem; align-items: flex-start; padding: 1.5rem; border-bottom: 1px solid var(--bs-gray-200); }
.earn-feature:last-child { border-bottom: 0; }
.earn-feature__icon {
  display: flex;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  color: #009f8b;
  background-color: #e1f5f0;
  border-radius: 50%;
  font-size: 1.25rem;
}
.earn-feature strong { display: block; margin-bottom: .25rem; color: #082541; font-size: 1rem; }
.earn-feature span { display: block; color: var(--bs-gray-600); line-height: 1.5; }

.earn-section__heading { max-width: 820px; margin: 0 auto 2.5rem; text-align: center; }
.earn-section__heading > p { margin: 0; color: var(--bs-gray-700); font-size: 1.05rem; line-height: 1.7; }

.earn-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.earn-card { min-height: 100%; padding: 2rem; background-color: #ffffff; border: 1px solid #cedde8; border-radius: 14px; }
.earn-card__icon {
  display: flex;
  width: 52px;
  height: 52px;
  margin-bottom: 1.25rem;
  align-items: center;
  justify-content: center;
  color: #0876b9;
  background-color: #e7f5fc;
  border-radius: 50%;
  font-size: 1.35rem;
}
.earn-card h3 { margin: 0 0 .75rem; color: #082541; font-size: 1.1rem; font-weight: 700; }
.earn-card p { margin: 0; color: var(--bs-gray-700); line-height: 1.65; }

.earn-section__action { margin-top: 2rem; text-align: center; }

.earn-benefit-card {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  padding: 2.25rem;
  color: #ffffff;
  background-color: #103c68;
  border-radius: 16px;
  box-shadow: 0 14px 35px rgba(10,34,64,.12);
}
.earn-benefit-card__icon {
  display: flex;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  color: #25b89a;
  background-color: rgba(255,255,255,.1);
  border-radius: 50%;
  font-size: 1.75rem;
}
.earn-benefit-card strong { display: block; margin-bottom: .25rem; font-family: Georgia, 'Times New Roman', serif; font-size: 1.5rem; }
.earn-benefit-card span { color: rgba(255,255,255,.8); font-size: 1.05rem; }

.earn-membership-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.earn-membership-card { padding: 2rem; background-color: #f7fafc; border: 1px solid var(--bs-gray-300); border-radius: 14px; }
.earn-membership-card > i { margin-bottom: 1rem; color: #009f8b; font-size: 1.75rem; }
.earn-membership-card h3 { margin: 0 0 .75rem; color: #082541; font-size: 1.1rem; font-weight: 700; }
.earn-membership-card p { margin: 0; color: var(--bs-gray-700); line-height: 1.65; }

.earn-request { padding: 5rem 0; color: #ffffff; background-color: #0b2d4b; }
.earn-request__inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1fr); gap: 4rem; align-items: center; }
.earn-request .earn-title { color: #ffffff; }
.earn-request__content > p { max-width: 620px; color: rgba(255,255,255,.8); font-size: 1.05rem; line-height: 1.7; }
.earn-request__card { padding: 2rem; color: var(--bs-gray-800); background-color: #ffffff; border-radius: 16px; }
.earn-request__card-icon {
  display: flex;
  width: 52px;
  height: 52px;
  margin-bottom: 1.25rem;
  align-items: center;
  justify-content: center;
  color: #009f8b;
  background-color: #e1f5f0;
  border-radius: 50%;
  font-size: 1.35rem;
}
.earn-request__card h3 { margin: 0 0 .75rem; color: #082541; font-family: Georgia, 'Times New Roman', serif; font-size: 1.5rem; }
.earn-request__card > p { color: var(--bs-gray-700); line-height: 1.6; }
.earn-request__prompt { margin: 1.5rem 0; padding: 1.25rem; background-color: #eef8f6; border-left: 4px solid #19ad91; border-radius: 0 8px 8px 0; }
.earn-request__prompt span {
  display: block;
  margin-bottom: .4rem;
  color: var(--bs-gray-600);
  font-size: .85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.earn-request__prompt strong { display: block; color: #082541; line-height: 1.55; }
.earn-direct { padding: 2.5rem 0; background-color: #f7fafc; }
.earn-direct__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  padding: 1.75rem 2rem;
  background-color: #ffffff;
  border: 1px solid var(--bs-gray-300);
  border-radius: 14px;
}
.earn-direct__icon {
  display: flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  color: #0876b9;
  background-color: #e7f5fc;
  border-radius: 50%;
  font-size: 1.4rem;
}
.earn-direct__content h2 { margin: 0 0 .35rem; color: #082541; font-size: 1.1rem; font-weight: 700; }
.earn-direct__content p { margin: 0; color: var(--bs-gray-600); font-size: .95rem; line-height: 1.55; }

.earn-final { padding: 5rem 0; color: #ffffff; background-color: #082541; }
.earn-final__inner { max-width: 800px; margin: 0 auto; text-align: center; }
.earn-final__title { margin: 0 0 1rem; color: #ffffff; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 700; line-height: 1.1; }
.earn-final__inner > p { margin: 0 auto 1.75rem; color: rgba(255,255,255,.8); font-size: 1.1rem; line-height: 1.7; }
.earn-final__actions { display: flex; gap: .75rem; justify-content: center; }
.earn-final__actions .btn { display: inline-flex; align-items: center; justify-content: center; }

/* organization decision makers */
.earn-partner { padding: 5rem 0; background-color: #ffffff; }
.earn-partner__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; max-width: 1180px; margin: 0 auto; }
.earn-partner__card {
  display: flex;
  min-height: 150px;
  gap: 1rem;
  align-items: center;
  padding: 1.5rem;
  color: var(--bs-gray-800);
  background-color: #f7fafc;
  border: 1px solid #cedde8;
  border-radius: 14px;
  text-decoration: none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.earn-partner__card:hover, .earn-partner__card:focus {
  color: var(--bs-gray-800);
  border-color: #87bfdc;
  box-shadow: 0 10px 25px rgba(10,34,64,.08);
  text-decoration: none;
  transform: translateY(-2px);
}
.earn-partner__icon {
  display: flex;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  color: #0876b9;
  background-color: #e7f5fc;
  border-radius: 50%;
  font-size: 1.35rem;
}
.earn-partner__content { display: block; flex: 1 1 auto; min-width: 0; }
.earn-partner__content strong { display: block; margin-bottom: .35rem; color: #082541; font-size: 1.05rem; font-weight: 700; line-height: 1.25; }
.earn-partner__content small { display: block; color: var(--bs-gray-600); font-size: .9rem; line-height: 1.5; }
.earn-partner__arrow { flex: 0 0 auto; color: #0876b9; font-size: .9rem; }

/* organization referral form */
.earn-connect { padding: 5rem 0; color: #ffffff; background-color: #0b2d4b; }
.earn-connect__layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(520px, 1.2fr); gap: 4rem; align-items: center; }
.earn-connect__content { min-width: 0; }
.earn-connect__content .earn-eyebrow { color: #22c7a8; }
.earn-connect__title { margin: 0 0 1.25rem; color: #ffffff; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 700; line-height: 1.1; }
.earn-connect__content > p { max-width: 580px; margin-bottom: 1.75rem; color: rgba(255,255,255,.8); font-size: 1.05rem; line-height: 1.7; }
.earn-connect__points { display: flex; flex-direction: column; gap: 0; max-width: 520px; }
.earn-connect__points > div { padding: .8rem 0; color: rgba(255,255,255,.9); border-bottom: 1px solid rgba(255,255,255,.12); font-size: 1rem; }
.earn-connect__points > div:last-child { border-bottom: 0; }
.earn-connect__points i { width: 24px; color: #22c7a8; }
.earn-connect__form-card { padding: 2.5rem; color: var(--bs-gray-900); background-color: #ffffff; border-radius: 16px; box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.earn-connect__form-card h3 { margin: 0 0 .4rem; color: #082541; font-family: Georgia, 'Times New Roman', serif; font-size: 1.65rem; font-weight: 700; }
.earn-connect__form-intro { margin: 0 0 1.75rem; color: var(--bs-gray-600); font-size: .95rem; line-height: 1.5; }
.earn-connect__form-card .form-label { margin-bottom: .4rem; color: #082541; font-size: .9rem; font-weight: 700; }
.earn-connect__form-card .form-control,
.earn-connect__form-card .form-select { min-height: 44px; padding: .65rem .85rem; color: var(--bs-gray-800); background-color: #ffffff; border: 1px solid #c7d5e0; border-radius: 8px; box-shadow: none; }
.earn-connect__form-card textarea.form-control { min-height: 115px; resize: vertical; }
.earn-connect__form-card .form-control:focus,
.earn-connect__form-card .form-select:focus { border-color: #0876b9; box-shadow: 0 0 0 .2rem rgba(8,118,185,.12); }
.earn-connect__form-card .form-control::placeholder { color: var(--bs-gray-500); }
.earn-connect__submit { margin-top: .5rem; }

/* decision maker + referral responsive */
@media (max-width: 991.98px) {
  .earn-partner__grid { grid-template-columns: 1fr; max-width: 700px; }
  .earn-partner__card { min-height: 0; }
  .earn-connect__layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .earn-connect__content { max-width: 700px; }
}

@media (max-width: 767.98px) {
  .earn-partner { padding: 3.5rem 0; }
  .earn-connect { padding: 3.5rem 0; }
  .earn-connect__form-card { padding: 1.75rem; }
  .earn-connect__title { font-size: 2rem; }
}

@media (max-width: 575.98px) {
  .earn-partner__card { align-items: flex-start; padding: 1.25rem; }
  .earn-partner__icon { flex-basis: 46px; width: 46px; height: 46px; font-size: 1.15rem; }
  .earn-connect__form-card { padding: 1.5rem; border-radius: 12px; }
}

@media (max-width: 991.98px) {
  .earn-split, .earn-split--reverse { grid-template-columns: 1fr; gap: 2.5rem; }
  .earn-split--reverse .earn-split__panel { order: 2; }
  .earn-split--reverse .earn-split__content { order: 1; }
  .earn-card-grid { grid-template-columns: 1fr; }
  .earn-membership-grid { grid-template-columns: 1fr; }
  .earn-request__inner { grid-template-columns: 1fr; gap: 2.5rem; }
}

@media (max-width: 767.98px) {
  .earn-intro { padding: 3rem 0; }
  .earn-section { padding: 3.5rem 0; }
  .earn-title { font-size: 2rem; }
  .earn-direct__inner { grid-template-columns: auto minmax(0, 1fr); }
  .earn-direct__action { grid-column: 1 / -1; }
  .earn-final__actions { flex-direction: column; align-items: stretch; }
}
@media (max-width: 575.98px) {
  .earn-intro__inner { text-align: left; }
  .earn-section__heading { text-align: left; }
  .earn-card { padding: 1.5rem; }
  .earn-membership-card { padding: 1.5rem; }
  .earn-request__card { padding: 1.5rem; }
  .earn-direct__inner { grid-template-columns: 1fr; padding: 1.5rem; }
  .earn-final__inner { text-align: left; }
}


/* EARNING TR page REPLACED by EARN* */
.info-hero--earning {
  background: #071e24;
  background-image: url('../images/infofor/infoforagents_as_162067478.webp');
  background-size: cover;
  background-position: center center;
  min-height: 220px;
  margin-top: -8.75em;
  padding: calc(8.75em + 56px) 0 56px;
  position: relative;
  overflow: hidden;
}

.info-hero--earning::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(7,30,36,0.92) 0%,
    rgba(7,30,36,0.75) 50%,
    rgba(7,30,36,0.5) 100%
  );
  pointer-events: none;
}

@media (max-width: 768px) {
  .info-hero--earning {
    margin-top: -9.25em;
    padding-top: calc(9.25em + 48px);
  }
}

@media (max-width: 575px) {
  .info-hero--earning {
    margin-top: -3.75em;
    padding-top: calc(3.75em + 40px);
  }
}

.earning-directory {
  padding: 2.5rem 0 3rem;
  background-color: var(--bs-gray-100);
}

.earning-directory__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: start;
}

.earning-category {
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid var(--bs-gray-300);
  border-radius: 10px;
}

.earning-category__heading {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: .75rem 1rem;
  color: #ffffff;
  background-color: #0b2d4b;
  font-weight: 700;
  line-height: 1.25;
}

.earning-category__heading i {
  color: #00a0d2;
}

.earning-category__links {
  display: flex;
  flex-direction: column;
}

.earning-category__links a {
  display: block;
  padding: .75rem 1rem;
  color: var(--bs-gray-800);
  line-height: 1.35;
  text-decoration: none;
  border-bottom: 1px solid var(--bs-gray-200);
}

.earning-category__links a:last-child {
  border-bottom: 0;
}

.earning-category__links a:hover,
.earning-category__links a:focus {
  color: var(--bs-sage);
  background-color: var(--bs-gray-100);
}
@media (max-width: 991.98px) {
  .earning-directory__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .earning-directory {
    padding: 1.5rem 0 2rem;
  }

  .earning-directory__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
/* END EARNING TR PAGE */

/* BEGIN HOW IT WORKS */
/* HIW Hero */
.info-hero--hiw {
  background: #0a2e1a;
  background-image: url('../images/infofor/howitworks_as_836248998.webp');
  background-size: cover;
  background-position: center center;
  min-height: 220px;
  margin-top: -8.75em;
  padding: calc(8.75em + 56px) 0 56px;
  position: relative;
  overflow: hidden;
}

.info-hero--hiw::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(10,46,26,0.88) 0%,
    rgba(10,46,26,0.70) 45%,
    rgba(10,46,26,0.35) 100%
  );
  pointer-events: none;
}

.info-hero--hiw::after {
  content: '';
  position: absolute;
  bottom: -100px;
  left: -80px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

@media (max-width: 768px) {
  .info-hero--hiw {
    margin-top: -9.25em;
    padding-top: calc(9.25em + 48px);
  }
}

@media (max-width: 575px) {
  .info-hero--hiw {
    margin-top: -3.75em;
    padding-top: calc(3.75em + 40px);
  }
}

/* HIW Body */
.hiw-body {
  background: #f4f6f9;
  padding: 48px 0 64px;
}

.hiw-layout {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 32px;
  align-items: start;
}

/* Cards */
.hiw-card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e9ef;
  margin-bottom: 24px;
  overflow: hidden;
}

.hiw-card__header {
  background: #0a2540;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.hiw-card__icon {
  font-size: 1.1rem;
  color: #7dd4f5;
  --fa-secondary-color: #09a1e4;
  --fa-secondary-opacity: 0.8;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}

.hiw-card__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.hiw-card__body {
  padding: 24px;
}

.hiw-card__body p {
  font-size: 0.95rem;
  line-height: 1.75;
  color: #333;
  margin-bottom: 14px;
}

.hiw-card__body p:last-child {
  margin-bottom: 0;
}

.hiw-card__sub {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0a2540;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 20px 0 8px;
  padding-bottom: 6px;
  border-bottom: 2px solid #09a1e4;
  display: inline-block;
}

.hiw-list {
  padding-left: 20px;
  margin-bottom: 14px;
}

.hiw-list li {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
  margin-bottom: 6px;
}

.hiw-callout {
  background: #f0f7ff;
  border-left: 4px solid #09a1e4;
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
  margin: 16px 0;
}

.hiw-callout p {
  margin-bottom: 0 !important;
}

.hiw-callout--warning {
  background: #fff8f0;
  border-left-color: #8B4500;
}

.hiw-fine-print {
  font-size: 0.8rem !important;
  color: #777 !important;
  font-style: italic;
}

.hiw-quote {
  border-left: 4px solid #FFB700;
  background: #fffbf0;
  padding: 16px 20px;
  margin: 20px 0 0;
  font-style: italic;
  font-size: 0.95rem;
  color: #444;
  border-radius: 0 8px 8px 0;
}

.hiw-help {
  background-color: var(--bs-gray-100);
  border-bottom: 1px solid var(--bs-gray-200);
}

.hiw-help__inner {
  display: flex;
  gap: .75rem;
  align-items: center;
  justify-content: center;
  padding: .8rem 0;
  color: var(--bs-gray-700);
  font-size: .95rem;
}

.hiw-help__inner a {
  color: var(--bs-sage);
  font-weight: 600;
  text-decoration: none;
}

.hiw-help__inner a:hover,
.hiw-help__inner a:focus {
  text-decoration: underline;
}

.hiw-more {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--bs-gray-200);
  color: var(--bs-gray-600);
}

@media (max-width: 575.98px) {
  .hiw-help__inner {
    flex-direction: column;
    gap: .25rem;
    text-align: center;
  }
}

/* Sidebar */
.hiw-sidebar {
  position: sticky;
  top: 100px;
}

.hiw-sidebar__label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #888;
  margin-bottom: 12px;
}

@media (max-width: 991px) {
  .hiw-layout {
    grid-template-columns: 1fr;
  }
  .hiw-sidebar {
    display: none;
  }
}
/* END HOW IT WORKS */

/* BEGIN DEADLINES */
/* Deadlines hero */
.info-hero--deadlines {
  background: #0a2540;
  background-image: url('../images/deadlines/deadlines_hero_duquesne.webp');
  background-size: cover;
  background-position: center center;
  min-height: 220px;
  margin-top: -8.75em;
  padding: calc(8.75em + 56px) 0 56px;
  position: relative;
  overflow: hidden;
}

.info-hero--deadlines::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(10,37,64,0.95) 0%,
    rgba(10,37,64,0.70) 35%,
    rgba(10,37,64,0.25) 70%,
    rgba(10,37,64,0.05) 100%
  );
  pointer-events: none;
}

.info-hero--deadlines::after {
  content: '';
  position: absolute;
  bottom: -100px;
  left: -80px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(244,167,22,0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

@media (max-width: 768px) {
  .info-hero--deadlines {
    margin-top: -9.25em;
    padding-top: calc(9.25em + 48px);
  }
}

@media (max-width: 575px) {
  .info-hero--deadlines {
    margin-top: -3.75em;
    padding-top: calc(3.75em + 40px);
  }
}

/* Deadlines body */
.deadlines-body {
  background: #f4f6f9;
  padding: 48px 0 64px;
}

.deadlines-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  align-items: stretch;
}

/* Deadline card */
.deadline-card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e9ef;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.deadline-card__header {
  background: #0a2540;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.deadline-card__icon {
  font-size: 1.4rem;
  color: #7dd4f5;
  --fa-secondary-color: #09a1e4;
  --fa-secondary-opacity: 0.8;
}

.deadline-card__aug {
  font-size: 0.95rem;
  font-weight: 800;
  color: #FFB700;
  letter-spacing: 0.02em;
}

.deadline-card__body {
  flex: 1;
  padding: 24px;
}

.deadline-card__title {
  font-size: 1rem;
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 12px;
}

.deadline-card__body p {
  font-size: 0.92rem;
  line-height: 1.75;
  color: #444;
  margin-bottom: 12px;
}

.deadline-card__body p:last-child {
  margin-bottom: 0;
}

.deadline-card__callout {
  background: #fff8ec;
  border-left: 4px solid #FFB700;
  border-radius: 0 6px 6px 0;
  padding: 12px 16px;
  font-size: 0.88rem;
  line-height: 1.6;
  color: #5a3a00;
  margin-top: 12px;
}

.deadline-card__callout i {
  color: #FFB700;
}

@media (max-width: 991px) {
  .deadlines-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 575px) {
  .deadlines-grid {
    grid-template-columns: 1fr;
  }
}
/* END DEADLINES */


/* ============================================================
   ABOUT PAGE — SAGE Scholars 2026 Redesign
   Hero color: SAGE Blue gradient (#09a1e4)
   ============================================================ */

/* --- Hero --- */
.info-hero--about {
  background: #061828;
  position: relative;
  overflow: hidden;
  margin-top: -8.75em;
  padding: calc(8.75em + 80px) 0 80px;
  min-height: 380px;
}
.info-hero--about::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 55%; height: 100%;
  background: linear-gradient(to right,
    #061828 0%,
    rgba(6,24,40,0.85) 30%,
    rgba(9,161,228,0.25) 65%,
    transparent 90%
  ),
  url('../images/aboutus/aboutus_hero.webp') center/cover no-repeat;
  pointer-events: none;
}
.info-hero--about::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(9,161,228,0.10) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
@media (max-width: 992px) {
  .info-hero--about::before {
    width: 100%;
    background: linear-gradient(rgba(6,24,40,0.86), rgba(6,24,40,0.86)),
      url('../images/aboutus/aboutus_hero.webp') center/cover no-repeat;
  }
}
@media (max-width: 768px) {
  .info-hero--about { margin-top: -9.25em; padding-top: calc(9.25em + 64px); min-height: auto; }
}
@media (max-width: 575px) {
  .info-hero--about { margin-top: -3.75em; padding-top: calc(3.75em + 48px); }
}

/* Hero text */
.about-hero__tag {
  display: inline-block;
  background: rgba(9,161,228,0.18);
  color: #7dd4f5;
  border: 1px solid rgba(9,161,228,0.35);
  border-radius: 20px;
  padding: 4px 16px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.about-hero__title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 16px;
}
.about-hero__title span { color: #09a1e4; }
.about-hero__lead {
  color: rgba(255,255,255,0.80);
  font-size: 1.1rem;
  max-width: 540px;
  line-height: 1.7;
}

/* --- Story Section --- */
.about-story {
  background: #ffffff;
  padding: 72px 0 60px;
}
.about-story__tag {
  display: inline-block;
  background: rgba(9,161,228,0.10);
  color: #09a1e4;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.about-story__intro {
  margin-bottom: 32px;
}


.about-story__heading {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 0;
}
.about-story__body p {
  color: #444;
  line-height: 1.8;
  margin-bottom: 1rem;
}
.about-story__body p:last-child { margin-bottom: 0; }
.about-story__quote {
  border-left: 4px solid #FFB700;
  background: #fffbf0;
  padding: 18px 24px;
  border-radius: 0 8px 8px 0;
  margin: 0 0 24px 0;
  color: #5a3a00;
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.6;
}
.about-story__quote cite {
  display: block;
  font-style: normal;
  font-size: 0.82rem;
  font-weight: 600;
  color: #8B4500;
  margin-top: 8px;
  letter-spacing: 0.04em;
}
.col-lg-6:last-child .about-story__body {
  margin-top: 0;
  padding-top: 0;
}
.about-story .row.g-5 > .col-lg-6 {
  padding-top: 0 !important;
}
/* --- Stats Strip --- */
.about-stats {
  background: #0a2540;
  padding: 40px 0;
}
.about-stats__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}
.about-stats__item {
  text-align: center;
  padding: 20px 24px;
  border-right: 1px solid rgba(255,255,255,0.10);
}
.about-stats__item:last-child { border-right: none; }
.about-stats__num {
  display: block;
  font-size: 2.2rem;
  font-weight: 800;
  color: #FFB700;
  line-height: 1;
  margin-bottom: 6px;
}
.about-stats__label {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.65);
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .about-stats__grid { grid-template-columns: 1fr; }
  .about-stats__item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.10); }
  .about-stats__item:last-child { border-bottom: none; }
}

/* --- Team Section --- */
.about-team {
  background: #f4f6f9;
  padding: 72px 0 80px;
}
.about-team__header { margin-bottom: 48px; }
.about-team__tag {
  display: inline-block;
  background: rgba(9,161,228,0.10);
  color: #09a1e4;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.about-team__title {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 0;
}

/* Team member card */
.team-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(6,24,40,0.07);
  margin-bottom: 28px;
  display: flex;
  gap: 0;
}
.team-card__photo-wrap {
  flex-shrink: 0;
  width: 160px;
  padding: 28px 0 28px 28px;
  display: flex;
  align-items: flex-start;
}
.team-card__photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #09a1e4;
  display: block;
}
.team-card__body {
  padding: 28px 28px 28px 20px;
  flex: 1;
}
.team-card__name {
  font-size: 1.1rem;
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 2px;
  line-height: 1.2;
}
.team-card__title {
  font-size: 0.82rem;
  font-weight: 600;
  color: #09a1e4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
}
.team-card__bio p {
  color: #555;
  font-size: 0.92rem;
  line-height: 1.75;
  margin-bottom: 0.75rem;
}
.team-card__bio p:last-child { margin-bottom: 0; }
.team-card__bio a { color: #09a1e4; text-decoration: none; }
.team-card__bio a:hover { text-decoration: underline; }

/* Founder card accent */
.team-card--founder { border-top: 3px solid #FFB700; }
.team-card--founder .team-card__photo {
  border-color: #FFB700;
  width: 130px;
  height: 130px;
}

@media (max-width: 768px) {
  .team-card { flex-direction: column; }
  .team-card__photo-wrap {
    width: 100%;
    padding: 24px 24px 0;
    justify-content: center;
  }
  .team-card__body { padding: 16px 24px 24px; }
}
@media (max-width: 575px) {
  .team-card__photo { width: 100px; height: 100px; }
  .team-card--founder .team-card__photo { width: 110px; height: 110px; }
}

/* ============================================================
   COUNCIL PAGE — SAGE Scholars 2026 Redesign
   ============================================================ */

.info-hero--council {
  background: #061828;
  position: relative;
  overflow: hidden;
  margin-top: -8.75em;
  padding: calc(8.75em + 80px) 0 80px;
  min-height: 380px;
}
.info-hero--council::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 55%; height: 100%;
  background: linear-gradient(to right,#061828 0%,rgba(6,24,40,0.85) 30%,rgba(9,161,228,0.25) 65%,transparent 90%),url('../images/council/council_as_1929044307-2.webp') center/cover no-repeat;
  pointer-events: none;
}
.info-hero--council::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(9,161,228,0.10) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
@media (max-width: 992px) {
  .info-hero--council::before {
    width: 100%;
    background: linear-gradient(rgba(6,24,40,0.86), rgba(6,24,40,0.86)),url('../images/council/council_as_1929044307.webp') center/cover no-repeat;
  }
}
@media (max-width: 768px) {
  .info-hero--council { margin-top: -9.25em; padding-top: calc(9.25em + 64px); min-height: auto; }
}
@media (max-width: 575px) {
  .info-hero--council { margin-top: -3.75em; padding-top: calc(3.75em + 48px); }
}

/* Intro */
.council-intro {
  background: #ffffff;
  padding: 64px 0 48px;
}
.council-intro__tag {
  display: inline-block;
  background: rgba(9,161,228,0.10);
  color: #09a1e4;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.council-intro__heading {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 20px;
}
.council-intro__body {
  color: #444;
  font-size: 1rem;
  line-height: 1.8;
  max-width: 100%;
}

/* Members grid */
.council-members {
  background: #f4f6f9;
  padding: 56px 0 80px;
}
.council-members__header {
  margin-bottom: 36px;
}
.council-members__title {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 0;
}

.council-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 991px) {
  .council-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .council-grid { grid-template-columns: 1fr; }
}

.council-card {
  background: #ffffff;
  border-radius: 10px;
  padding: 24px 24px 20px;
  box-shadow: 0 2px 10px rgba(6,24,40,0.06);
  border-top: 3px solid #09a1e4;
}
.council-card__name {
  font-size: 1rem;
  font-weight: 800;
  color: #0a2540;
  margin-bottom: 8px;
  line-height: 1.2;
}
.council-card__role {
  font-size: 0.85rem;
  color: #555;
  line-height: 1.6;
  margin-bottom: 0;
}
.council-card__institution {
  font-size: 0.85rem;
  font-weight: 600;
  color: #09a1e4;
  margin-top: 6px;
  line-height: 1.4;
}
.council-card__location {
  font-size: 0.78rem;
  color: #888;
  margin-top: 4px;
}



.partner-registration {
  margin: 1.5rem 0 2.5rem;
  padding: 2rem 2.25rem;
  background: #fff;
  border: 1px solid #e4e8ec;
  border-radius: .75rem;
  box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .05);
}

.partner-registration__eyebrow {
  margin-bottom: .35rem;
  color: #68737d;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.partner-registration__title {
  margin: 0 0 1.5rem;
  color: #234b86;
  font-size: 1.85rem;
  font-weight: 400;
  line-height: 1.2;
}

.partner-registration__content {
  max-width: 900px;
  font-size: 1.05rem;
  line-height: 1.65;
}

.partner-registration__content p { margin-bottom: 1.15rem; }

.partner-registration__partner {
  display: flex;
  min-height: 220px;
  padding: 1.5rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border-left: 1px solid #e4e8ec;
}

.partner-registration__logo {
  display: block;
  width: auto;
  max-width: 150px;
  max-height: 150px;
  object-fit: contain;
}

.partner-registration__partner-name {
  margin-top: 1rem;
  color: #68737d;
  font-size: .8rem;
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .partner-registration { padding: 1.5rem; }

  .partner-registration__partner {
    min-height: 0;
    padding: 1.5rem 0 0;
    border-top: 1px solid #e4e8ec;
    border-left: 0;
  }

  .partner-registration__logo { max-height: 110px; }
}

/* === END: public pages === */