:root {
  --brand-primary: #d71920;
  --brand-primary-hover: #ef2931;
  --brand-dark: #08090a;
  --brand-surface: #17191b;
  --brand-on-primary: #fff;
  --orange: var(--brand-primary);
}

.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.strip-icon, .service-icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.strip-icon { width: 28px; height: 28px; flex: 0 0 auto; }
.service-icon { display: block; width: 42px; height: 42px; color: var(--brand-primary); margin-bottom: 25px; }

.demo-bar {
  background: var(--brand-primary);
  color: #fff;
}

.site-header {
  height: 104px;
  background: var(--brand-dark);
  border-bottom-color: #2a2c2e;
}

.site-header nav a {
  color: #f4f4f4;
}

.site-header nav a:hover {
  color: var(--brand-primary-hover);
}

.header-call {
  background: var(--brand-primary);
  color: #fff;
}

.header-call span {
  color: #fff;
}

.brand-logo {
  display: flex;
  width: 286px;
  height: 86px;
  align-items: center;
  flex: 0 0 auto;
}

.brand-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 80px;
  object-fit: contain;
}

.button-primary:hover {
  background: var(--brand-primary-hover);
}

.quick-strip > div:last-child {
  background: var(--brand-primary);
  color: #fff;
}

.quick-strip > div:last-child small {
  color: #ffd2d4;
}

.quick-strip > div:last-child .strip-icon {
  color: #fff;
}

.mobile-visual {
  background:
    linear-gradient(135deg, rgba(215, 25, 32, .08), transparent 42%),
    var(--brand-surface);
}

.cta-section {
  background:
    linear-gradient(115deg, rgba(0, 0, 0, .12), transparent 45%),
    var(--brand-primary);
}

.cta-section .eyebrow {
  color: #4b070a;
}

.footer-brand {
  width: 286px;
  height: 86px;
}

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

  .brand-logo {
    width: 218px;
    height: 67px;
  }

  .brand-logo img {
    max-height: 62px;
  }

  .site-header nav {
    top: 82px;
    background: #0d0e0f;
  }

  .site-header nav a {
    border-bottom-color: #282a2c;
  }

  .menu-button {
    color: #fff;
  }

  .footer-brand {
    width: 250px;
    height: 75px;
  }

}