@font-face {
  font-family: 'Geist VPS';
  src: url('/assets/fonts/geist.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root { --font-geist-sans: 'Geist VPS', Arial, Helvetica, sans-serif; }
body { min-width: 320px; }
.static-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; font-weight: 700; text-decoration: none; border: 0; cursor: pointer; }
.note-arrow { color: #ff6847; font-size: 1.7rem; line-height: 1; flex: 0 0 auto; }
.lead-form input, .lead-form select, .lead-form textarea { display: block; }
.lead-form textarea { resize: vertical; min-height: 9rem; }
.form-error[hidden], .form-success[hidden], .lead-form[hidden] { display: none; }
.success-mark { display: grid; width: 3rem; height: 3rem; place-items: center; border: 2px solid #5c8e20; border-radius: 50%; color: #5c8e20; font-size: 1.4rem; font-weight: 900; }
.outline-button { min-height: 2.5rem; border: 1px solid #0a1b2a; background: transparent; padding: .55rem .9rem; font-weight: 700; cursor: pointer; }
.outline-button:hover { background: #e7e9df; }

@media (max-width: 520px) {
  .primary-cta.static-button { width: 100%; }
}