@import "https://assets.elements.dev/assets/app/shared/styles/page.5197036215c2c241.css";

/* Canonical page-title typography, identical to .page-hero-title and to
   .pricing-h1 / .purchase-h1. Someone arriving here from the link under the
   /pricing CTAs should see the same heading in the same place, not a page
   that renders at its own size. */
.business-h1 {
  font-family: var(--font-sans);
  font-weight: var(--weight-bold);
  font-size: var(--page-title);
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 2rem 0 var(--space-4);
  color: var(--ink);
}

.business-lede {
  font-family: var(--font-sans);
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--ink);
  margin: 0 0 var(--space-8);
}

.business-form { display: block; }

.business-textarea {
  min-height: 8rem;
  resize: vertical;
  font-family: inherit;
  line-height: 1.6;
  padding-top: 0.625rem;
}

.business-error {
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--danger, #b42318);
  margin: 0 0 var(--space-4);
}

/* Honeypot. Offscreen rather than display:none so a bot walking the DOM
   still finds a fillable input. Matches .signup-hp. */
.business-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.business-thanks {
  margin: 0 0 var(--space-8);
}

.business-thanks-title {
  font-family: var(--font-sans);
  font-size: 1.0625rem;
  font-weight: var(--weight-semibold);
  line-height: 1.6;
  /* --success-ink (600), not --success (500). The theme notes that at this
     hue sRGB has no colour that is both a vivid green and 4.5:1 on white, so
     500 is the fill step and 600 is the text step. This is text. */
  color: var(--success-ink);
  margin: 0 0 var(--space-2);
}

.business-thanks-body {
  font-family: var(--font-sans);
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--ink-soft);
  margin: 0;
}

@media (max-width: 640px) {
  /* Canonical mobile page-title size, matching /pricing and /purchase. */
  .business-h1 {
    font-size: 2.5rem;
    line-height: 1.1;
    margin-top: 1.5rem;
  }
}