.coming-page {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 10% 15%, #e9ddff 0, transparent 34rem),
    radial-gradient(circle at 92% 85%, #d8faed 0, transparent 28rem),
    #f9fafb;
  color: #1f2937;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.coming-shell {
  width: min(1120px, calc(100% - 48px));
  min-height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.coming-shell header { padding: 30px 0; }
.coming-shell header img { display: block; width: clamp(170px, 24vw, 225px); height: auto; }
.coming-content { max-width: 760px; margin: auto 0; padding: 65px 0 95px; }
.coming-eyebrow { display: flex; align-items: center; gap: 9px; color: #6d28d9; font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.coming-eyebrow span { width: 10px; height: 10px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 5px #d9f9ea; }
.coming-content h1 { margin: 24px 0; max-width: 750px; font-size: clamp(48px, 8vw, 92px); line-height: 1.02; letter-spacing: -.075em; font-weight: 850; color: #111827; }
.coming-content > p:not(.coming-eyebrow) { max-width: 610px; font-size: clamp(18px, 2.2vw, 23px); line-height: 1.55; color: #536176; }
.coming-card { display: flex; align-items: center; gap: 20px; width: min(470px, 100%); margin-top: 55px; padding: 22px; border: 1px solid #e6dcf9; border-radius: 20px; background: #fff; box-shadow: 0 18px 55px #58349112; }
.coming-icon { display: grid; place-items: center; flex: 0 0 60px; height: 60px; border-radius: 16px; background: #f2ebff; }
.coming-icon img { width: 35px; height: 37px; }
.coming-card strong, .coming-card span { display: block; }
.coming-card strong { font-size: 17px; color: #111827; }
.coming-card span { margin-top: 4px; font-size: 14px; color: #64748b; }
.coming-shell footer { display: flex; gap: 10px; padding: 27px 0; border-top: 1px solid #e8e4ef; font-size: 13px; color: #667085; }
@media (max-width: 600px) {
  .coming-shell { width: calc(100% - 36px); }
  .coming-shell header { padding: 22px 0; }
  .coming-content { padding: 50px 0 80px; }
  .coming-card { margin-top: 38px; }
}