/* Minimal VC-style one pager: all black, tiny type, Space Mono */
:root {
	--bg: #000;
	--fg: #f5f5f5;
	--muted: #b3b3b3;
}

* { box-sizing: border-box; }

html, body {
	height: 100%;
	margin: 0;
	background: var(--bg);
	color: var(--fg);
	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.container {
	min-height: 100dvh;
	display: grid;
	place-items: center;
	padding: 24px;
}

.stack {
	display: grid;
	gap: 8px;
	text-align: center;
}

.brand {
	margin: 0;
	font-size: 10px; /* super small */
	letter-spacing: 0.12em;
	text-transform: lowercase;
	color: var(--fg);
}

.tagline {
	margin: 0;
	font-size: 9px; /* even smaller */
	letter-spacing: 0.08em;
	color: var(--muted);
}

@media (min-width: 768px) {
	.brand { font-size: 12px; }
	.tagline { font-size: 10px; }
}