html { background: #F7FAFB; }
body {
  font-family: "Inter", system-ui, sans-serif;
  background-color: #F7FAFB;
  background-image:
    radial-gradient(circle at 92% -8%, rgba(18, 168, 188, 0.12), transparent 42%),
    radial-gradient(circle at -6% 10%, rgba(10, 101, 117, 0.07), transparent 40%);
  background-attachment: fixed;
  color: #0E2A30;
}
.legal-prose {
  color: #33474C;
  font-size: 0.95rem;
  line-height: 1.8;
}
.legal-prose p + p { margin-top: 1.1rem; }
.legal-prose a { color: #0A6575; text-decoration: underline; text-underline-offset: 2px; }
.legal-prose a:hover { color: #074955; }
.msg-ok { color: #0A6575; }
.msg-err { color: #B91C1C; }
.eyebrow {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 500;
}
#waitlist { scroll-margin-top: 7rem; }
#concept, #features, #faq { scroll-margin-top: 5.5rem; }
.section-a { background: rgba(255, 255, 255, 0.55); }
.section-b {
  background: rgba(10, 101, 117, 0.05);
  border-top: 1px solid rgba(14, 42, 48, 0.08);
  border-bottom: 1px solid rgba(14, 42, 48, 0.08);
}
details summary::-webkit-details-marker { display: none; }