:root {
  color-scheme: dark;
  --cyan: #73dfff;
  --yellow: #ffda68;
  --reading-color: #bdccdf;
  --arcade-line: #45628455;
  --crt-heading-shadow: 2px 0 0 #285aaa, -2px 0 0 #643779,
    0 0 19px #729bff42, 0 4px 16px #000;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  color: var(--reading-color);
  background: #050b13;
}
* { box-sizing: border-box; }
html { background: #050b13; }
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  min-width: 320px;
  margin: 0;
  line-height: 1.85;
  background:
    linear-gradient(#000, transparent 160px),
    radial-gradient(ellipse at 0 20%, #18376035, transparent 40%),
    radial-gradient(ellipse at 100% 56%, #2b164e35, transparent 38%),
    #050b13;
}
body::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: .18;
  background-image: url("landing/grain.svg"),
    repeating-linear-gradient(0deg, #8aafff0c 0 1px, transparent 1px 4px);
}
a { color: #91d6ff; text-decoration-color: #517f9c; text-underline-offset: 5px; overflow-wrap: anywhere; }
a:hover { color: #d7edff; text-shadow: 0 0 12px #81beff66; }
a:focus-visible { outline: 2px solid var(--yellow); outline-offset: 6px; }
main, footer { width: min(100% - 40px, 820px); margin-inline: auto; }
.legal-header { border-bottom: 1px solid #26313a; background: linear-gradient(180deg, #060b10, #04070a); }
.legal-header-inner { width: min(100% - 64px, 1160px); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; text-shadow: 3px 3px 0 #3a164d, 0 0 22px #4ed5ff4d; overflow-wrap: normal; }
.brand img { width: 44px; height: 44px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 0 12px #ff5b188c); }
.brand-copy { display: grid; gap: 4px; }
.brand-title { color: #ffd85b; font-size: 28px; font-weight: 1000; letter-spacing: -.09em; line-height: .95; }
.brand-kicker { color: var(--cyan); font-size: 8px; letter-spacing: .2em; text-transform: uppercase; text-shadow: none; }
.back-link { font-size: 12px; white-space: nowrap; }
.legal-menu { display: none; }
@media (max-width: 700px) {
  .legal-header-inner { position: relative; width: 100%; height: 44px; padding: 0 14px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 0; }
  .legal-header .brand { grid-column: 2; justify-self: center; gap: 8px; }
  .legal-header .brand img { width: 32px; height: 32px; filter: none; }
  .legal-header .brand-title { font-size: 22px; letter-spacing: -.07em; text-shadow: 2px 2px 0 #3a164d; }
  .brand-kicker, .back-link { display: none; }
  .legal-menu { display: block; grid-column: 3; justify-self: end; line-height: 1.5; }
  .legal-menu summary { display: grid; align-content: center; gap: 5px; width: 42px; height: 42px; padding: 9px; cursor: pointer; list-style: none; }
  .legal-menu summary::-webkit-details-marker { display: none; }
  .legal-menu summary span { display: block; height: 2px; border-radius: 2px; background: #dff7ff; }
  .legal-menu summary:focus-visible { outline: 2px solid var(--yellow); outline-offset: -3px; }
  .legal-menu nav { position: absolute; z-index: 60; top: 44px; right: 12px; width: min(260px, calc(100vw - 24px)); padding: 14px 16px; border: 1px solid #73dfff38; border-radius: 10px; background: #060e16fa; box-shadow: 0 16px 38px #0008; font-size: 11px; }
  .legal-menu nav a { display: block; padding: 8px; color: #c6dfeb; text-decoration: none; }
}
.legal-header, body > footer { flex-shrink: 0; }
main { flex: 1 0 auto; padding-block: 72px 80px; }
.eyebrow { display: flex; align-items: center; gap: 18px; color: #8aabc4; font-size: 10px; letter-spacing: .16em; line-height: 1.7; text-transform: uppercase; }
.eyebrow::before { width: 7px; height: 7px; flex: 0 0 7px; content: ""; background: #8bcfff; box-shadow: 10px 0 0 #456a9b, 0 0 10px #69bfff55; margin-right: 10px; }
h1, h2 { color: #f2f6ff; font-weight: 1000; text-transform: uppercase; text-shadow: var(--crt-heading-shadow); text-wrap: balance; }
h1 { font-size: clamp(34px, 7vw, 52px); line-height: 1.04; letter-spacing: .025em; margin: 22px 0; }
.intro { max-width: 680px; font-size: 16px; line-height: 1.85; color: var(--reading-color); }
h2 { font-size: clamp(22px, 3vw, 30px); line-height: 1.12; letter-spacing: .025em; margin: 0 0 22px; }
section { position: relative; margin-top: 48px; padding-top: 38px; border-top: 1px solid var(--arcade-line); scroll-margin-top: 24px; }
section::before { position: absolute; top: -1px; left: 0; width: 72px; height: 2px; content: ""; background: linear-gradient(90deg, var(--cyan), #667eff 65%, transparent); box-shadow: 0 0 10px #5386ff33; }
p { margin: 0 0 16px; }
address { font-style: normal; margin-bottom: 18px; }
.draft-note { border: 1px solid #8f7748; border-left: 4px solid var(--yellow); padding: 16px 20px; margin-block: 28px; background: #ffda680a; color: #f6e5ac; }
.placeholder { color: #ffda8b; overflow-wrap: anywhere; }
.contents { display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 14px; }
dt { font-weight: 650; margin-top: 16px; }
dd { margin-left: 0; }
li { margin-block: 8px; }
code { font-size: .9em; overflow-wrap: anywhere; }
footer { border-top: 1px solid #34506c; padding-block: 32px; font-size: 12px; color: #829caa; }
footer nav { display: flex; flex-wrap: wrap; gap: 16px 28px; margin-bottom: 16px; }
[aria-current="page"] { color: var(--yellow); }
.skip-link { position: fixed; top: -100px; left: 20px; background: #071019; padding: 10px; z-index: 10; }
.skip-link:focus { top: 10px; }
@media (max-width: 480px) {
  main { padding-block: 48px 64px; }
  .draft-note { padding: 14px; }
  h1, h2 { text-shadow: 1.5px 0 0 #285aaa, -1.5px 0 0 #643779, 0 0 16px #729bff42; }
  h1 { font-size: clamp(30px, 10vw, 42px); }
  h2 { font-size: clamp(21px, 7vw, 27px); }
}
@media print { :root { color-scheme: light; color: #111; background: white; } body { background: white; } a, h1, h2, .placeholder, .draft-note, .intro, .eyebrow { color: #111; } .legal-header, footer, .skip-link, .contents { display: none; } main { width: 100%; padding: 0; } section { break-inside: avoid; } }