body.soon { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
.soon-head { width: 100%; max-width: 60rem; margin: 0 auto; padding: 1.25rem 1.5rem; }
.soon-head .brand { font-size: 1.1rem; }
.soon-home, .soon-main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; padding: 2rem 1.5rem 4rem; }
.soon-home h1, .soon-main h1 { margin: 0 0 1rem; font-size: clamp(2rem, 7vw, 3.25rem); letter-spacing: -.01em; }
.soon-home p, .soon-main p { max-width: 28rem; margin: 0 0 1.75rem; }
.soon-badge { display: inline-block; padding: .5rem 1.25rem; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .95rem; margin-bottom: 0 !important; }
.soon-main img { margin-bottom: .5rem; }
.soon-doc { flex: 1; width: 100%; max-width: 40rem; margin: 0 auto; padding: 1rem 1.5rem 3rem; }
.soon-doc h1 { margin-top: 1rem; }
.soon-doc p { max-width: none; }
.soon-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem 1.25rem; padding: 1.5rem; font-size: .9rem; color: var(--muted); }
.soon-footer a, .soon-footer button { color: var(--muted); }