/* ── LEAP Guided Tour — post-onboarding product walkthrough ───────────────
 * A centered modal-card sequence. The real module page shows dimmed behind
 * each card. Loaded alongside wizard.css; tokens are theme-aware so the
 * card adapts to dark mode automatically.
 */

.gt-backdrop {
  position: fixed; inset: 0; z-index: 10050;
  display: none; align-items: center; justify-content: center;
  padding: 24px;
  background: rgba(15, 25, 43, .58);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
body.gt-open { overflow: hidden; }

.gt-card {
  width: 100%; max-width: 460px;
  background: var(--sf);
  border: 1px solid var(--bd);
  border-radius: 16px;
  box-shadow: 0 24px 60px -12px rgba(15, 25, 43, .45);
  padding: 28px 28px 22px;
  text-align: center;
  animation: gtPop .22s cubic-bezier(.34, 1.3, .64, 1) both;
}
@keyframes gtPop {
  from { opacity: 0; transform: translateY(8px) scale(.97); }
  to   { opacity: 1; transform: none; }
}

.gt-step {
  font-size: .68rem; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--dm);
}

.gt-icon {
  width: 56px; height: 56px; margin: 14px auto 0;
  display: flex; align-items: center; justify-content: center;
  border-radius: 14px;
  /* #fff on --navy is the on-navy foreground pattern (.btn-primary, etc.) —
     --navy-fg is navy-AS-text and would render icon-on-navy invisible. */
  background: var(--navy); color: #fff;
}
.gt-icon svg { width: 28px; height: 28px; }

.gt-title {
  margin-top: 14px;
  font-size: 1.22rem; font-weight: 800; letter-spacing: -.01em;
  color: var(--tx);
}
.gt-body {
  margin-top: 8px;
  font-size: .9rem; line-height: 1.6; color: var(--mt);
}

.gt-dots {
  display: flex; gap: 6px; justify-content: center;
  margin: 18px 0 4px;
}
.gt-dot {
  width: 6px; height: 6px; border-radius: 999px;
  background: var(--bd2);
  transition: background .15s ease, width .15s ease;
}
.gt-dot.active { width: 20px; background: var(--navy); }

.gt-actions {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 16px;
}
.gt-skip {
  background: none; border: none; cursor: pointer;
  font-size: .8rem; font-weight: 600; color: var(--dm);
  padding: 6px 4px;
}
.gt-skip:hover { color: var(--mt); }
.gt-nav { display: flex; gap: 8px; }