/* Coming-soon page for satusetir.com. Builds on site.css tokens. */
body.soon { padding: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: var(--ground); }
.soon-main {
  flex: 1; display: grid; place-items: center; padding: 48px 20px;
  background:
    radial-gradient(60% 50% at 50% 0%, rgba(18, 184, 248, 0.14), transparent 70%),
    radial-gradient(40% 40% at 85% 90%, rgba(62, 227, 155, 0.12), transparent 70%),
    var(--ground);
}
.soon-card { max-width: 620px; text-align: center; }
.soon-mark { width: 72px; height: 72px; margin: 0 auto; display: block; }
.soon-name { margin: 12px 0 0; font-weight: 800; font-size: 22px; letter-spacing: -0.02em; color: var(--ink); }
.soon-pill {
  display: inline-block; margin: 28px 0 0; padding: 6px 14px; border-radius: 999px;
  background: #e8f1ff; color: var(--blue-700); font-weight: 700; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase;
}
.soon-card h1 {
  margin: 16px 0 0; font-size: clamp(34px, 6vw, 54px); line-height: 1.12; letter-spacing: -0.02em; color: var(--ink);
  text-wrap: balance;
}
.soon-lede { margin: 18px auto 0; max-width: 52ch; font-size: 18px; line-height: 1.6; color: var(--mute); text-wrap: pretty; }
.soon-contact { margin: 32px 0 0; font-size: 16px; color: var(--mute); }
.soon-contact a { color: var(--blue-700); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.soon-contact a:focus-visible { outline: var(--focus); outline-offset: 3px; border-radius: 4px; }
.soon-legal { color: #d5deeb; }