/* ============================================================
   IC LINKS CO — Coming Soon page
   ============================================================ */

.coming-soon {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3rem 1.5rem;
  background: var(--ivory);
  position: relative;
  overflow: hidden;
}
.coming-soon::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 15% 20%, var(--sage-mist), transparent 45%),
              radial-gradient(circle at 85% 80%, var(--rose-mist), transparent 45%);
  pointer-events: none;
}

.cs-content { position: relative; z-index: 1; max-width: 560px; }

.cs-heart { width: 44px; height: 44px; margin: 0 auto 1.5rem; color: var(--rose); }

.cs-logo { max-width: 220px; margin: 0 auto 1.5rem; }
.cs-logo-text {
  font-family: var(--font-display);
  font-size: 2rem;
  letter-spacing: 0.08em;
  color: var(--charcoal);
  margin-bottom: 1.5rem;
}

.cs-tagline { font-family: var(--font-accent); font-size: 1.7rem; color: var(--rose-dark); margin-bottom: 1.25rem; }

.cs-sub { max-width: 460px; margin: 0 auto 2rem; }

.cs-social { display: flex; gap: 1.1rem; justify-content: center; margin-top: 0.5rem; }
.cs-social a {
  width: 42px; height: 42px;
  border-radius: 50%;
  border: 1.5px solid var(--sage);
  display: flex; align-items: center; justify-content: center;
  color: var(--sage-dark);
  transition: var(--trans);
}
.cs-social a:hover { background: var(--sage); color: var(--white); transform: translateY(-2px); }
.cs-social svg { width: 18px; height: 18px; }