html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #06080B; }
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
a { color: #EEF2F5; text-decoration: none; }
a:hover { color: #3FA2FF; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #3FA2FF; outline-offset: 2px;
}
.cavern { background: #06080B url(cavern-bg.jpg) center top / 100% auto no-repeat; }
[hidden] { display: none !important; }
button[type="submit"]:disabled { opacity: 0.6; cursor: wait; }
.form-thanks { display: flex; flex-direction: column; gap: 12px; padding: 8px 0; }
.form-thanks h3 { margin: 0; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 32px; text-transform: uppercase; line-height: 1; color: #EEF2F5; }
.form-thanks p { margin: 0; color: #AEB9C2; }
.form-error { margin: 0; color: #FF8A80; font-size: 14px; flex-basis: 100%; }

/* Phones and small tablets: shrink the big display type */
@media (max-width: 720px) {
  .page h1 { font-size: 54px !important; }
  .page h2 { font-size: 36px !important; }
  .page section { padding-top: 56px !important; padding-bottom: 56px !important; }
  .page header nav { gap: 6px 18px !important; font-size: 14px !important; }
  .page form { padding: 22px !important; }
  .cavern { background-size: 180% auto; }
}
@media (max-width: 420px) {
  .page h1 { font-size: 44px !important; }
}