.brand-mark {
  width: 50px;
  height: 50px;
  display: block;
  object-fit: contain;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 8px 20px rgba(7, 61, 59, .14);
}

.footer-brand .brand-mark {
  width: 42px;
  height: 42px;
}

@media (max-width: 560px) {
  .nav .brand-mark {
    width: 44px;
    height: 44px;
  }
}

:root {
  --brand-aqua: #24bdba;
  --brand-aqua-deep: #08766d;
  --brand-aqua-soft: #ddf7f5;
}

body {
  background:
    radial-gradient(circle at 10% 18%, rgba(36, 189, 186, .28), transparent 28%),
    radial-gradient(circle at 88% 34%, rgba(133, 224, 217, .3), transparent 30%),
    linear-gradient(145deg, #eefaf9 0%, #dff4f1 48%, #f7fcfb 100%);
}

.nav {
  background: rgba(239, 251, 250, .78);
}

.eyebrow,
.care-copy a,
.product-info a {
  color: #0d817d;
}

.nav-cta,
.primary {
  background: linear-gradient(135deg, #0b8984, var(--brand-aqua-deep));
}

.hero h1 em {
  color: #0d817d;
}

.trust-strip b {
  color: #72d9d5;
}

.product-card.product-pack {
  background: linear-gradient(135deg, #effbf9, var(--brand-aqua-soft));
}

.about-card {
  background:
    radial-gradient(circle at 88% 14%, rgba(36, 189, 186, .45), transparent 35%),
    linear-gradient(135deg, #08766d 0%, #07534f 100%);
}