/* Reference treatment for the ambassador programme hero. */
.ambassador-program-page .ambassador-program-hero--reference {
  position: relative;
  isolation: isolate;
  min-height: 690px;
  padding-block: 92px 86px;
  overflow: hidden;
  color: #123a70;
  background:
    linear-gradient(151deg, transparent 0 68%, rgba(225, 240, 250, .72) 68.1% 79%, transparent 79.1%),
    linear-gradient(28deg, transparent 0 58%, rgba(226, 240, 249, .68) 58.1% 72%, transparent 72.1%),
    radial-gradient(circle at 78% 20%, rgba(221, 243, 255, .92), transparent 30%),
    #f8fcff;
}

.ambassador-program-page .ambassador-program-hero--reference::before {
  position: absolute;
  z-index: -1;
  width: 455px;
  height: 455px;
  top: 26px;
  left: 6%;
  border: 1px solid rgba(113, 177, 223, .18);
  border-radius: 50%;
  box-shadow: inset 0 0 0 72px rgba(219, 236, 249, .43);
  content: "";
}

.ambassador-program-page .ambassador-program-hero--reference::after {
  position: absolute;
  z-index: -1;
  right: -14%;
  bottom: -52%;
  width: 840px;
  height: 440px;
  border: 1px solid rgba(197, 223, 241, .4);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, .48), transparent 68%);
  content: "";
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, .85fr);
  min-height: 510px;
  gap: clamp(48px, 7vw, 132px);
  align-items: center;
}

.ambassador-program-page .ambassador-program-hero__copy {
  text-align: right;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-kicker {
  padding: 10px 18px;
  border: 1px solid #d8eaf8;
  color: #075aaf;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 10px 28px rgba(10, 82, 145, .06);
  font-size: .9rem;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-kicker i {
  width: 11px;
  height: 11px;
  background: #22d49d;
  box-shadow: 0 0 0 7px rgba(34, 212, 157, .14);
}

.ambassador-program-page .ambassador-program-hero--reference h1 {
  margin: 26px 0 20px;
  color: #0b356a;
  font-size: clamp(3.7rem, 6.2vw, 6.5rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.065em;
}

.ambassador-program-page .ambassador-program-hero--reference h1 em {
  color: #ffa127;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-hero__copy > p {
  max-width: 780px;
  color: #5f7898;
  font-size: clamp(1rem, 1.4vw, 1.3rem);
  line-height: 2;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-actions {
  gap: 16px;
  margin-top: 30px;
}

.ambassador-program-page .ambassador-program-hero--reference .public-button {
  min-width: 205px;
  min-height: 68px;
  padding-inline: 24px;
  border-radius: 15px;
  font-size: 1rem;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-primary {
  order: -1;
  color: #123a70;
  border-color: #ffb14a;
  background: linear-gradient(135deg, #ffc365, #ff9f2c);
  box-shadow: 0 16px 28px rgba(243, 151, 31, .22);
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-primary:hover {
  color: #123a70;
  background: linear-gradient(135deg, #ffd17e, #ffa43d);
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-secondary {
  color: #123a70;
  border-color: #dbeaf5;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 10px 22px rgba(21, 72, 125, .06);
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-trust {
  justify-content: flex-start;
  gap: 17px 35px;
  margin-top: 29px;
  color: #7992b2;
  font-size: .84rem;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card {
  width: 100%;
  max-width: 640px;
  padding: 28px 32px 23px;
  border: 1px solid #d5e7f7;
  border-radius: 26px;
  color: #173e70;
  background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(239, 248, 255, .88));
  box-shadow: 0 25px 65px rgba(30, 105, 164, .1);
  backdrop-filter: blur(14px);
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card::before {
  display: none;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card__brand {
  grid-template-columns: auto 1fr auto;
  padding-bottom: 19px;
  border-bottom-color: #d9e9f5;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card__brand > b {
  color: #8da7c3;
  font-size: .94rem;
  letter-spacing: .04em;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card__brand small {
  color: #8ca4be;
  font-size: .67rem;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card__brand strong {
  color: #113766;
  font-size: 1.12rem;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card__brand img {
  width: 76px;
  height: 76px;
  padding: 8px;
  border-radius: 17px;
  box-shadow: 0 9px 24px rgba(10, 83, 147, .08);
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card > p {
  margin: 18px 0;
  color: #617b9c;
  font-size: 1rem;
  line-height: 1.9;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-rewards {
  gap: 10px;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-rewards > div {
  min-height: 130px;
  padding: 16px 9px;
  border-color: #e0edf8;
  border-radius: 15px;
  background: rgba(232, 243, 253, .64);
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-rewards b {
  color: #ff9f20;
  font-size: 1.7rem;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-rewards span {
  margin-top: 8px;
  color: #4d6c90;
  font-size: .65rem;
  font-weight: 700;
}

.ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card > small {
  margin-top: 16px;
  color: #88a3c1;
  font-size: .55rem;
}

@media (max-width: 1050px) {
  .ambassador-program-page .ambassador-program-hero--reference {
    min-height: auto;
    padding-block: 64px;
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-hero__grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card {
    max-width: 680px;
    margin-inline: auto;
  }
}

@media (max-width: 700px) {
  .ambassador-program-page .ambassador-program-hero--reference {
    padding-block: 48px 54px;
  }

  .ambassador-program-page .ambassador-program-hero--reference::before {
    top: -54px;
    left: -130px;
    width: 310px;
    height: 310px;
    box-shadow: inset 0 0 0 45px rgba(219, 236, 249, .43);
  }

  .ambassador-program-page .ambassador-program-hero--reference h1 {
    margin-block: 20px 14px;
    font-size: clamp(2.75rem, 13vw, 4.1rem);
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-hero__copy > p {
    font-size: .92rem;
    line-height: 1.9;
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ambassador-program-page .ambassador-program-hero--reference .public-button {
    width: 100%;
    min-height: 57px;
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-trust {
    gap: 8px;
    align-items: flex-start;
    flex-direction: column;
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card {
    padding: 20px 17px 17px;
    border-radius: 20px;
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card__brand img {
    width: 62px;
    height: 62px;
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-card > p {
    font-size: .84rem;
  }

  .ambassador-program-page .ambassador-program-hero--reference .ambassador-program-rewards > div {
    min-height: 100px;
  }
}