/* Mojobase, the app: the company's frame fills the window; the rest is for the rare moment there's nothing to show. */
:root { color-scheme: light dark; --bg: #f7f3f1; --ink: #1b1240; --muted: #6d6589; --accent: #2e129e; }
@media (prefers-color-scheme: dark) { :root { --bg: #100c1e; --ink: #f7f3f1; --muted: #9a93b5; --accent: #b0a3ff; } }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--ink); }
body { font: 15px/1.5 system-ui, -apple-system, sans-serif; overflow: hidden; }
#company { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: var(--bg); }
.say { max-width: 28rem; margin: 18vh auto 0; padding: 0 24px; }
.say h1 { font-size: 24px; margin: 0 0 8px; }
.say p { color: var(--muted); margin: 0 0 12px; }
.say a { color: var(--accent); font-weight: 600; }