:root {
	color-scheme: dark;
	--background: #07080c;
	--text: #f2f3f7;
	--muted: #9aa0b4;
	--accent: #ff7a1a;
}

* {
	box-sizing: border-box;
}

html, body {
	height: 100%;
	margin: 0;
}

body {
	background: var(--background);
	color: var(--text);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	text-align: center;
}

h1 {
	font-size: clamp(3rem, 12vw, 7rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	margin: 0 0 0.25em;
}

.tagline {
	font-size: clamp(1.1rem, 3vw, 1.6rem);
	color: var(--muted);
	margin: 0 0 1.5em;
}

.soon {
	font-size: 1rem;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--accent);
	margin: 0;
}

a {
	color: var(--accent);
}