@font-face{font-family:"Archivo";font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-italic.woff2) format("woff2");}@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo.woff2) format("woff2");}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format("woff2");}/* PURELAP. Layout concept: the page is a lap. A fixed 3D world flies along the driven line behind
   everything; sections are the sectors of that lap and float over it. Every colour comes from the
   tokens below, which app.js fills per section from the chosen world. */
:root {
  --bg: #07060b; --fg: #f5f3fa; --muted: #a19cb4; --rule: #2a2838; --panel: #0f0e16;
  --accent: #e040fb; --on-accent: #0b0210; --best: #e040fb; --on-best: #0b0210; --good: #2fe08a;
  --display: "Archivo", "Arial Black", Arial, sans-serif; --body: "Archivo", Arial, sans-serif; --mono: "JetBrains Mono", Consolas, monospace;
  --d-wght: 800; --d-wdth: 125%; --d-style: italic; --d-track: -.02em; --d-case: uppercase; --d-scale: 1; --b-wdth: 100%;
  --gut: clamp(18px, 3.2vw, 56px);
  --ang: 12deg;
  color-scheme: dark;
}
* { box-sizing: border-box; }
:root{--bg:#07060B;--fg:#F5F3FA;--muted:#A7A2BA;--rule:#2A2838;--panel:#0F0E16;--wbg:#07060B;--uifg:#F5F3FA;--accent:#E040FB;--on-accent:#0B0210;--uiacc:#E040FB;--uionacc:#0B0210;--best:#E040FB;--on-best:#0B0210;--display:"Archivo","Arial Black",Arial,sans-serif;--body:"Archivo",Arial,sans-serif;--mono:"JetBrains Mono",Consolas,monospace;--d-wght:800;--d-wdth:125%;--d-style:italic;--d-track:-.025em;--d-case:uppercase;--d-scale:0.86;--b-wdth:100%;--veil:0.86;--gap:72vh;--gap-m:45vh;--grain:0.12;--vig:0.2;color-scheme:dark;}/* Imprint, privacy and the small waitlist pages: the same type and colour as the lap, no world behind. */
body.page { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--body); font-size: clamp(16px, .5vw + 14px, 19px); line-height: 1.55; }
.page-main { max-width: 46em; margin: 0 auto; padding: clamp(24px, 5vh, 56px) max(20px, env(safe-area-inset-right, 0px)) 80px max(20px, env(safe-area-inset-left, 0px)); }
.page-mark { display: inline-block; font-family: var(--display); font-weight: var(--d-wght); font-style: var(--d-style); font-stretch: var(--d-wdth); letter-spacing: var(--d-track); font-size: 22px; text-decoration: none; text-transform: uppercase; margin-bottom: clamp(30px, 7vh, 70px); color: inherit; }
.page h1 { font-family: var(--display); font-weight: var(--d-wght); font-style: var(--d-style); font-stretch: var(--d-wdth); letter-spacing: var(--d-track); text-transform: var(--d-case); line-height: 1; font-size: calc(clamp(34px, 6vw, 72px) * var(--d-scale)); margin: 0 0 .5em; text-wrap: balance; }
.page h2 { font-size: 1.15em; margin: 1.8em 0 .3em; line-height: 1.25; }
.page p, .page address { margin: 0 0 .85em; font-style: normal; }
.page a { color: inherit; text-underline-offset: 3px; }
.page-back { display: inline-block; margin-top: 2.4em; font-family: var(--mono); font-size: 14px; }
.page .btn { display: inline-block; font-family: var(--display); font-weight: var(--d-wght); font-stretch: var(--d-wdth); font-style: var(--d-style); text-transform: var(--d-case); letter-spacing: var(--d-track); background: var(--accent); color: var(--on-accent); border: 0; cursor: pointer; padding: .82em 1.7em; font-size: 18px; line-height: 1; clip-path: polygon(.62em 0, 100% 0, calc(100% - .62em) 100%, 0 100%); text-decoration: none; }
.page .btn:focus-visible { outline: 3px solid var(--fg); outline-offset: 3px; }