/* GoSignup page background treatment */
html body {
  background-color: #eef1f4;
  background-image:
    radial-gradient(circle, rgba(74, 96, 122, 0.18) 1.15px, transparent 1.3px),
    radial-gradient(circle, rgba(74, 96, 122, 0.18) 1.15px, transparent 1.3px);
  background-size: 32px 32px;
  background-position: 0 0, 16px 16px;
  background-attachment: fixed;
}

/* Give white content surfaces clearer separation from the patterned page canvas. */
html body .card {
  border-color: #d7dde4;
  box-shadow: 0 14px 34px rgba(39, 49, 60, 0.12);
}

/* GoSignup primary header brand treatment */
html body .topbar .brand {
  width: 220px;
  height: 52px;
  flex: 0 0 220px;
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  background-image: url('/gosignup-logo.webp');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

html body .topbar .brand > * {
  display: none !important;
}

button.brand {
  cursor: pointer;
}

/* Pilot build labels are intentionally hidden from the production UI. */
html body .topbar .prototype-pill {
  display: none !important;
}

@media (max-width: 620px) {
  html body .topbar .brand {
    width: 150px;
    height: 40px;
    flex-basis: 150px;
  }
}