:root {
  --ding-primary: #ffc107;
  --ding-primary-foreground: #ffc107;
  --ding-primary-background: #ffc10720;
  --ding-primary-background-hover: #ffc10745;
  --ding-normal: #007bff;
  --ding-normal-foreground: #007bff;
  --ding-normal-background: #007bff20;
  --ding-normal-background-hover: #007bff45;
  --ding-success: #3FCC53;
  --ding-success-foreground: #3FCC53;
  --ding-success-background: #3FCC5320;
  --ding-success-background-hover: #3FCC5345;
  --ding-danger: #dc3545;
  --ding-danger-foreground: #dc3545;
  --ding-danger-background: #dc354520;
  --ding-danger-background-hover: #dc354545;
  --ding-warning: #ffc107;
  --ding-warning-foreground: #ffc107;
  --ding-warning-background: #ffc10720;
  --ding-warning-background-hover: #ffc10745;
  --ding-disabled: #90A4AE;
  --ding-disabled-foreground: #90A4AE;
  --ding-disabled-background: #90A4AE20;
  --ding-disabled-background-hover: #90A4AE45;
  --ding-muted: #90A4AE;
  --ding-muted-foreground: #90A4AE;
  --ding-muted-background: #90A4AE20;
  --ding-muted-background-hover: #90A4AE45; }

body {
  font-family: sans-serif !important; }
  body .detail-text {
    font-size: 1.1em;
    font-family: sans-serif !important;
    font-weight: 300; }

.hero .lead {
  font-size: 1.5625rem;
  font-weight: 300;
  color: #666; }

#bottom-gradient {
  background: #fff; }

#features img {
  max-width: 320px; }

.lead-gen {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 64px;
  margin: 12px 12px 24px;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0px 0px 9px #888;
  background: white; }
  @media screen and (min-width: 480px) {
    .lead-gen {
      max-width: 360px; }
      .lead-gen {
        font-size: larger; }
      .lead-gen .title {
        font-size: 1.4em; }
      .lead-gen .hint {
        font-size: 1em; } }
  .lead-gen .title {
    font-size: 1em;
    margin: 0.8em 1em;
    margin-bottom: 0em;
    font-weight: bold; }
  .lead-gen .hint {
    font-size: 0.8em; }
  .lead-gen button {
    border-radius: 0 !important;
    background: #ffcc01;
    background: linear-gradient(74deg, #ffcc01 40%, #ffe477 100%);
    border: none; }
  .lead-gen input {
    display: inline-block;
    width: 100%;
    margin: 4px 16px 4px; }
  .lead-gen .invalid-message {
    margin: 4px 16px 8px; }