/* ---------------------------------------------------------------- */
/* Coming-soon splash page — monochrome look matching the business   */
/* course dashboard, without any sidebar/app chrome. Scoped under    */
/* .coming-soon-page so company-home.html (which shares .mega,       */
/* .modal-backdrop etc.) is untouched.                                */
/* ---------------------------------------------------------------- */

.coming-soon-page {
  --bg: #fafaf8;
  --card: #ffffff;
  --border: #e4e4e2;
  --text: #16171a;
  --muted: #6b7076;
  --accent: #16171a;
  --accent-strong: #000000;
  background: var(--bg);
}

.coming-soon-page header {
  background: rgba(250, 250, 248, 0.94);
  border-bottom-color: rgba(22, 23, 26, 0.1);
}

.coming-soon-page .brand-mark {
  border-radius: 9px;
  color: #ffffff;
}

.coming-soon-page .splash-access-btn {
  padding: 9px 16px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--text);
  font-weight: 600;
  font-size: 13px;
}

.coming-soon-page .splash-access-btn:hover {
  background: #f4f4f2;
}

.coming-soon-page .coming-soon {
  font-weight: 700;
}

.coming-soon-page .splash-waitlist-link {
  display: inline-flex;
  padding: 11px 22px;
  border-radius: 8px;
  background: var(--text);
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  opacity: 1;
}

.coming-soon-page .splash-waitlist-link:hover {
  opacity: 0.85;
}

.coming-soon-page .modal-card {
  border-radius: 14px;
}

.coming-soon-page .primary {
  color: #ffffff;
  border-radius: 8px;
}