/* The holding page (apps/landing/index.html): white, centred, nothing else. Its own sheet because the
   front door's CSP allows no inline style, and legal.css follows the device into dark mode. */
:root { color-scheme: light; }
html, body { margin: 0; background: #ffffff; color: #2b3445; }
body {
  font-family: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 32px 20px; box-sizing: border-box;
}
.soon { max-width: 42rem; text-align: center; }
.mark { width: 160px; height: 160px; }
h1 { font-size: 3rem; margin: 16px 0 4px; font-weight: 700; }
.byline { font-size: 1.5rem; margin: 0 0 28px; color: #5b6576; }
.coming { font-size: 2rem; font-weight: 700; margin: 0 0 20px; color: #a87c1e; }
p { font-size: 1.5rem; line-height: 1.6; margin: 0 0 16px; }
a { color: #2f5d9a; }
.small { margin-top: 40px; max-width: 52rem; text-align: center; color: #4a5466; }
.small p { font-size: 1.2rem; line-height: 1.6; margin: 0 0 10px; }
.small a { color: #2f5d9a; }
@media (max-width: 480px) { h1 { font-size: 2.3rem; } .mark { width: 120px; height: 120px; } }