:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #050506;
  color: #f7f7f8;
}

* { box-sizing: border-box; }
body { margin: 0; background: #050506; }
main { width: min(720px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 112px; }
a { color: #63a9ff; }
.brand { color: #f7f7f8; font-size: 20px; font-weight: 750; text-decoration: none; }
.eyebrow { margin: 64px 0 8px; color: #55a2ff; font-size: 15px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(40px, 8vw, 64px); letter-spacing: -.045em; line-height: 1; }
.updated { margin-top: 18px; color: #92929d; }
section { margin-top: 40px; padding-top: 28px; border-top: 1px solid #232329; }
h2 { margin: 0 0 14px; font-size: 21px; letter-spacing: -.015em; }
p, li { color: #c7c7ce; font-size: 17px; line-height: 1.65; }
footer { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 64px; padding-top: 28px; border-top: 1px solid #232329; }
.support { margin-top: 32px; padding: 28px; border: 1px solid #253f60; border-radius: 20px; background: #0a1624; }
.support a { font-size: 24px; font-weight: 700; }