/* Documents: privacy, terms, support, the press kit and the pages of products in development.
   The night bar of the home page on top, a light reading column, the night footer. */
body { background: #fbfbfa; color: #14201e; font-family: Figtree, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
/* A short page still ends with the footer at the bottom of the screen. */
body { min-height: 100vh; display: flex; flex-direction: column; }
a { color: #1f6f5c; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #1f6f5c; outline-offset: 2px; border-radius: 4px; }
.wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding-inline: 24px; box-sizing: border-box; }
.doc-head { background: #0d1413; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-block: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 22px; color: #e8efec; }
.brand svg { width: 30px; height: 30px; fill: currentColor; }
.nav { display: flex; gap: 28px; flex-wrap: wrap; }
.nav a { text-decoration: none; color: #9bada8; font-size: 15px; }
.nav a:hover { color: #e8efec; }
.doc { flex: 1 0 auto; max-width: 768px; padding-block: 72px 104px; font-size: 17px; line-height: 28px; }
.doc h1 { font-family: "Bricolage Grotesque", sans-serif; font-size: clamp(36px, 5vw, 56px); line-height: 1; letter-spacing: -0.025em; margin: 0 0 20px; text-wrap: balance; }
.doc h2 { font-family: "Bricolage Grotesque", sans-serif; font-size: 24px; line-height: 30px; letter-spacing: -0.01em; margin: 48px 0 12px; text-wrap: balance; }
.doc h3 { font-size: 17px; line-height: 24px; margin: 28px 0 8px; }
.doc p, .doc ul, .doc ol { margin: 0 0 16px; }
.doc li + li { margin-top: 8px; }
.doc .lead { font-size: 20px; line-height: 30px; color: #55635f; }
.doc .muted, .doc .meta { font-size: 15px; color: #55635f; }
.doc table { border-collapse: collapse; width: 100%; margin: 16px 0; }
.doc th, .doc td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #e2e6e4; vertical-align: top; }
.fact-grid { display: grid; grid-template-columns: 160px minmax(0, 1fr); margin: 16px 0 20px; border-top: 1px solid #e2e6e4; }
.fact-grid div { display: contents; }
.fact-grid dt, .fact-grid dd { margin: 0; padding-block: 10px; border-bottom: 1px solid #e2e6e4; }
.fact-grid dt { font-size: 12px; line-height: 28px; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase; color: #55635f; }
.fact-grid dd { font-variant-numeric: tabular-nums; }
.foot { background: #0d1413; color: #9bada8; padding-block: 36px; font-size: 15px; }
.foot a { color: #9bada8; }
.foot-row { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
@media (max-width: 560px) {
  .nav { width: 100%; gap: 20px; }
  .fact-grid { grid-template-columns: minmax(0, 1fr); }
  .fact-grid dt { border-bottom: 0; padding-bottom: 0; }
}