:root { color-scheme: dark; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: #000; color: #fff; }
body { font-family: "Pricedown", "Impact", "Arial Black", "Helvetica Neue", Arial, sans-serif; }
main { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; }
.title { font-weight: 900; font-size: clamp(2.5rem, 12vw, 9rem); line-height: .95; letter-spacing: .04em; text-transform: uppercase; }
.title span { display: block; font-size: .45em; letter-spacing: .5em; margin-top: .3em; }
.soon { margin-top: 3rem; font-size: clamp(1rem, 3vw, 1.75rem); letter-spacing: .6em; text-indent: .6em; opacity: .85; animation: fade 3s ease-in-out infinite; }
@keyframes fade { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .soon { animation: none; opacity: .85; } }