:root {
  --bg: #f7f9fb;
  --panel: #ffffff;
  --text: #111820;
  --muted: #657284;
  --blue: #42b7e8;
  --blue2: #158cc0;
  --line: #dce4ea;
  --paper: #fffdf8;
}

body {
  background-color: var(--bg);
  background-image:
    radial-gradient(circle at 78% 8%, rgba(66, 183, 232, .16), transparent 27%),
    linear-gradient(180deg, #ffffff 0, #f7f9fb 34%, #f1f6f8 100%);
}

.nav {
  background: rgba(255, 255, 255, .78);
  backdrop-filter: blur(16px);
}

.button {
  color: #071219;
  box-shadow: 0 12px 32px rgba(29, 151, 201, .18);
}

.lead,
.answer,
.truth > p:last-child {
  color: #536173;
}

.book {
  box-shadow: 22px 34px 62px rgba(25, 48, 66, .24);
  border-color: #cbd7df;
}

.halo {
  background: radial-gradient(circle, rgba(73, 187, 237, .26), transparent 66%);
}

.hero-meta span,
.feature,
.route-list,
.route-item,
.faq details,
footer {
  border-color: #d5e0e7;
}

.thoughts p,
.feature {
  box-shadow: 0 10px 28px rgba(37, 70, 92, .045);
}

.thoughts p,
.feature p,
.preview-copy > p:not(.eyebrow),
.route-item span,
.faq details p,
.modal p:not(.eyebrow),
footer {
  color: #445365;
}

.route-item strong,
.feature h3,
.modal h2,
summary,
.price strong {
  color: #111820;
}

.hero-meta span,
.price span,
.price small,
.legal {
  color: #536273;
}

.legal a {
  color: #267fa7;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.principle {
  background: linear-gradient(100deg, rgba(66, 183, 232, .08), rgba(255, 255, 255, .45));
  border-color: #cfe0e9;
  border-radius: 20px;
  padding-left: 48px;
  padding-right: 48px;
}

.pages img {
  box-shadow: 0 20px 42px rgba(23, 45, 61, .2);
  border-color: #ccd7de;
}

.buy {
  background: linear-gradient(135deg, #eaf8fe, #dff2fa);
  border-color: #a9d9ed;
  box-shadow: 0 24px 70px rgba(54, 132, 164, .12);
}

.buy-copy > p:last-child,
.price small,
.price span {
  color: #5b6b78;
}

.modal {
  background: #ffffff;
  box-shadow: 0 30px 90px rgba(16, 34, 48, .3);
}

.modal::backdrop {
  background: rgba(28, 42, 52, .65);
}

@media (max-width: 850px) {
  .principle {
    border-radius: 14px;
    padding-left: 24px;
    padding-right: 24px;
  }
}