:root {
  --navy: #102a43;
  --navy-2: #173b5e;
  --teal: #07898d;
  --teal-dark: #057378;
  --coral: #f35f5f;
  --gold: #f4c95d;
  --cream: #f7fbfa;
  --blue: #dff1f1;
}

.brand-with-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1;
}

.brand-logo {
  display: block;
  width: 82px;
  height: 82px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.site-header,
.kit-header {
  min-height: 84px;
  height: auto;
  background: rgba(255,255,255,.97);
  border-bottom: 4px solid var(--teal);
}

.nav-cta {
  border-color: var(--coral);
  background: var(--coral);
  color: #fff;
}

.nav .nav-cta:hover {
  color: #fff;
  background: var(--teal-dark);
  border-color: var(--teal-dark);
}

.hero-wash {
  background: linear-gradient(90deg,rgba(16,42,67,.99) 0%,rgba(16,42,67,.94) 34%,rgba(7,137,141,.58) 66%,rgba(7,137,141,.12) 100%);
}

.hero h1 span {
  color: #62c7c9;
}

.primary,
.download-button {
  background: var(--coral);
}

.hero-note,
.exclusive-label {
  background: var(--gold);
  color: var(--navy);
}

.statement {
  background: var(--teal);
  border-top: 8px solid var(--coral);
  border-bottom: 8px solid var(--gold);
}

.statement strong {
  color: var(--gold);
}

.method {
  background: var(--cream);
}

.reset-grid b {
  background: var(--teal);
}

.reset-word:nth-child(2) b {
  background: var(--coral);
}

.audience {
  background: var(--navy);
}

.cards article {
  background: #173b5e;
  border-top-color: var(--teal);
}

.cards article:nth-child(2) {
  border-top-color: var(--coral);
}

.cards article:nth-child(3) {
  border-top-color: var(--gold);
}

.gold {
  color: var(--gold);
}

.coming {
  border-top: 10px solid var(--teal);
}

.dark {
  background: var(--coral);
}

.workbook-ad {
  background: linear-gradient(145deg,var(--navy) 0%,var(--navy) 70%,var(--teal) 70%);
  border-bottom: 10px solid var(--coral);
}

.workbook-ad strong {
  color: var(--gold);
}

.story {
  background: var(--blue);
  border-top: 8px solid var(--gold);
}

.story-mark {
  color: var(--coral);
}

.join {
  background: var(--teal);
  border-top: 8px solid var(--coral);
}

.join h2 {
  color: var(--gold);
}

footer {
  background: var(--navy);
  border-top: 7px solid var(--teal);
}

.brand-logo-footer {
  width: 108px;
  height: 108px;
  padding: .25rem;
  background: #fff;
  border-radius: 50%;
  mix-blend-mode: normal;
}

.email-link,
.instagram-link {
  color: var(--gold);
}

.kit-hero {
  background: linear-gradient(135deg,var(--navy) 0%,var(--navy) 64%,var(--teal) 64%,var(--teal) 100%);
}

.thank-you {
  background: var(--teal);
}

.help {
  background: var(--blue);
}

@media (max-width: 850px) {
  .site-header {
    min-height: 78px;
  }

  .nav {
    top: 78px;
    border-bottom: 4px solid var(--teal);
  }
}

@media (max-width: 540px) {
  .brand-logo {
    width: 68px;
    height: 68px;
  }

  .site-header,
  .kit-header {
    min-height: 72px;
  }

  .nav {
    top: 72px;
  }

  .brand-logo-footer {
    width: 96px;
    height: 96px;
  }
}