/* ── Coming Soon page — layout and components ── */

/* Email notification capture */
.coming-soon-notify {
  margin-top: var(--ssk-space-8, 2rem);
}

.coming-soon-notify__label {
  font-size: var(--ssk-text-sm, 0.875rem);
  opacity: 0.85;
  margin-bottom: var(--ssk-space-3, 0.75rem);
}

.coming-soon-notify__form {
  display: flex;
  gap: var(--ssk-space-2, 0.5rem);
  justify-content: center;
  flex-wrap: wrap;
}

.coming-soon-notify__input {
  padding: var(--ssk-space-3, 0.75rem) var(--ssk-space-4, 1rem);
  border-radius: var(--ssk-radius-md, 0.5rem);
  border: none;
  font-size: var(--ssk-text-base, 1rem);
  min-width: 220px;
  color: var(--ssk-gray-900, #111827);
}

.coming-soon-notify__btn {
  background: var(--ssk-brand-secondary, #f4c542);
  color: var(--ssk-gray-900, #111827);
  border: none;
  padding: var(--ssk-space-3, 0.75rem) var(--ssk-space-6, 1.5rem);
  border-radius: var(--ssk-radius-md, 0.5rem);
  font-weight: 700;
  cursor: pointer;
  font-size: var(--ssk-text-base, 1rem);
  transition: opacity 0.2s;
}

.coming-soon-notify__btn:hover {
  opacity: 0.9;
}

.coming-soon-notify__success {
  display: none;
  margin-top: var(--ssk-space-3, 0.75rem);
  color: var(--ssk-brand-secondary, #f4c542);
  font-weight: 600;
}

/* Social links row */
.coming-soon-social {
  margin-top: var(--ssk-space-6, 1.5rem);
  display: flex;
  justify-content: center;
  gap: var(--ssk-space-4, 1rem);
}

.coming-soon-social__link {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--ssk-text-xl, 1.25rem);
  text-decoration: none;
  transition: color 0.2s;
}

.coming-soon-social__link:hover {
  color: var(--ssk-white, #ffffff);
}

/* CTA actions row */
.coming-soon-actions {
  margin-top: var(--ssk-space-6, 1.5rem);
}

/* Timeline MVP label */
.coming-soon-timeline-label {
  font-size: var(--ssk-text-sm, 0.875rem);
  opacity: 0.7;
}