:root {
  --muted: #64736a;
  --line: #dfe7e2;
  --paper: #f5f8f6;
  color: #10251a;
  background: var(--paper);
}

body {
  color: #10251a;
  background: var(--paper);
}

.site-header {
  color: #f0f7f2;
  background: #07120b;
}

.nav-wrap {
  border-bottom-color: #26392c;
}

.desktop-nav a,
.login {
  color: #eaf3ed;
}

.mobile-nav {
  color: #f0f7f2;
  background: #0b1d12;
  border-color: #26392c;
}

.menu-toggle span {
  background: #f0f7f2;
}

.hero {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-right: max(20px, calc((100vw - 1320px) / 2));
  padding-left: max(20px, calc((100vw - 1320px) / 2));
  color: #f0f7f2;
  background: #07120b;
}

.hero .eyebrow {
  color: #46fdae;
}

.hero .short-line {
  background: #46fdae;
}

.hero-note svg {
  color: #46fdae;
}

.hero-description,
.hero-note {
  color: #a8bcae;
}

.hero-actions .text-link {
  color: #f0f7f2;
}

.hero-actions .text-link:hover {
  color: #c6fb4b;
}

.brand-strip {
  color: var(--muted);
}

.eyebrow {
  color: #16834d;
}

.hero .eyebrow {
  color: #46fdae;
}

.product-highlights {
  color: #53645a;
}

.features-intro .text-link,
.team-copy .text-link {
  color: var(--green);
}

.feature-list h3,
.team-benefits {
  color: #183323;
}

.mobile-side .eyebrow {
  color: var(--green);
}

.mobile-side h3 {
  color: #10251a;
}

.mobile-side p,
.mobile-side .text-link,
.phone-real figcaption {
  color: var(--muted);
}

.privacy-section {
  color: #10251a;
  background: #edf4ef;
}

.privacy-copy > .eyebrow {
  color: var(--green);
}

.privacy-copy h2,
.privacy-copy h2 span {
  color: #10251a;
}

.privacy-copy h2 span {
  color: var(--green);
}

.privacy-copy > p,
.privacy-proof p {
  color: var(--muted);
}

.privacy-proof {
  border-color: var(--line);
}

.privacy-proof > svg {
  color: var(--green);
}

.privacy-proof h3 {
  color: #183323;
}

.steps article {
  border-color: var(--line);
}

.step-example {
  color: #183323;
}

.step-example.ready {
  color: #137c49;
}

.pricing-controls .billing-toggle {
  border-color: #d7e2db;
  background: #edf3ef;
}

.billing-toggle span {
  color: #64736a;
}

.billing-toggle input:checked + span {
  color: #082615;
}

.billing-note,
.pricing-note {
  color: var(--muted);
}

.pricing-label {
  color: #53645a;
  border-color: #d7e2db;
}

.pricing-included {
  color: #53645a;
}

.pricing-note a,
.hosting-source a {
  color: #137c49;
}

.package-family {
  border-bottom-color: #dfe7e2;
}

.package-family > span {
  color: #16834d;
}

.package-family > p {
  color: #64736a;
}

.hosting-plan {
  color: #10251a;
  background: #fff;
  border-color: #dfe7e2;
  box-shadow: 0 8px 24px #10251a08;
}

.hosting-popular {
  background: #e8f7ee;
  border-color: #16a45f;
  box-shadow: 0 0 0 1px #16a45f18;
}

.hosting-bonus {
  color: #286a43;
  background: #e7f5eb;
}

.hosting-plan h3,
.hosting-features b {
  color: #10251a;
}

.hosting-description,
.hosting-price small,
.hosting-terms,
.hosting-features,
.hosting-cancel,
.hosting-source {
  color: #64736a;
}

.hosting-terms b {
  color: #395b47;
}

.hosting-order.button {
  color: #fff;
  background: #082615;
  border-color: #082615;
}

.hosting-order.button:hover {
  background: #16422a;
  border-color: #16422a;
}

.hosting-popular .hosting-order.button {
  color: #082615;
  background: #c6fb4b;
  border-color: #c6fb4b;
}

.hosting-features svg {
  color: #16a45f;
}

.hosting-cancel {
  border-top-color: #dfe7e2;
}

.hosting-popular-label {
  color: #163019;
}

.plan.featured .button {
  color: #c6fb4b;
  background: #082615;
  border-color: #082615;
}

.plan.featured .button:hover {
  background: #16422a;
}

.plan {
  color: #10251a;
  background: #fff;
  border-color: #dfe7e2;
  box-shadow: 0 8px 24px #10251a08;
}

.plan-tag {
  color: #18854f;
}

.plan-price .period,
.plan-billing,
.plan-main > div,
.plan-features {
  color: #64736a;
}

.plan-main {
  border-color: #e2e9e5;
}

.plan-main strong {
  color: #10251a;
}

.plan .button {
  color: #fff;
  background: #082615;
  border-color: #082615;
}

.plan .button:hover {
  background: #16422a;
}

.plan.featured {
  color: #082615;
  background: #e8f7ee;
  border-color: #16a45f;
}

.plan.featured .plan-tag,
.plan.featured .plan-price .period,
.plan.featured .plan-billing,
.plan.featured .plan-main > div,
.plan.featured .plan-features {
  color: #395b47;
}

.plan.featured .plan-main strong {
  color: #082615;
}

.faq-section details p a {
  color: #137c49;
}

.footer-bottom,
.footer-bottom a {
  color: #64736a;
}

@media (max-width: 650px) {
  .hero {
    padding-right: 20px;
    padding-left: 20px;
  }
}