:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #000; color: #d3d3d5; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100svh; display: grid; place-items: center; padding: 64px 28px; }
.brand { width: min(100%, 820px); text-align: center; }
h1 { margin: 0; font-size: 1rem; }
h1 img { display: block; width: 100%; height: auto; }
.slogan { margin: 38px 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.125rem, 2.2vw, 1.5rem); font-weight: 400; letter-spacing: .14em; line-height: 1.65; }
.status { margin: 70px 0 0; color: #999a9e; font-size: .875rem; font-weight: 400; letter-spacing: .38em; text-transform: uppercase; line-height: 1.8; }
@media (max-width: 600px) { main { padding: 48px 24px; } .slogan { margin-top: 30px; letter-spacing: .09em; } .status { margin-top: 54px; letter-spacing: .3em; } }