/* profection.app — the app's own palette. No webfonts, no CDN, no
   analytics: the privacy policy promises nothing third-party loads, and the
   site that hosts it should not be the thing that breaks that promise. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh;
  background: #0e0d1a; color: #ece6d9;
  font: 17px/1.65 ui-serif, Georgia, "Times New Roman", serif;
  padding: 64px 20px 96px;
}
main { max-width: 40rem; margin: 0 auto; }
.eyebrow {
  font: 600 .78rem/1 ui-sans-serif, -apple-system, system-ui, sans-serif;
  letter-spacing: .45em; color: #d9b96a; margin: 0 0 1.6rem;
}
h1 { font-size: clamp(1.9rem, 6vw, 2.6rem); line-height: 1.25; font-weight: 500; margin: 0 0 1.4rem; }
h2 { font-size: 1.12rem; color: #d9b96a; letter-spacing: .02em; margin: 2.6em 0 .5em; }
p, li { color: #cfc8ba; }
.lede { color: #8a8498; font-family: ui-sans-serif, -apple-system, system-ui, sans-serif; font-size: .95rem; line-height: 1.7; }
a { color: #b9a7d6; }
.rule { border: 0; border-top: 1px solid #26233a; margin: 2.8rem 0; }
footer {
  margin-top: 4rem; padding-top: 1.4rem; border-top: 1px solid #26233a;
  font: .88rem/1.6 ui-sans-serif, -apple-system, system-ui, sans-serif; color: #8a8498;
}
footer a { margin-right: 1.2rem; }
dt { color: #ece6d9; margin-top: 1.2em; }
dd { margin: .3em 0 0; color: #cfc8ba; }