/* NEXA first-run tour. One easing, nothing loops. */
.nx-tour { position: fixed; inset: 0; z-index: 9000; font-family: inherit; }
.nx-tour-block { position: absolute; inset: 0; }
.nx-tour.is-interactive .nx-tour-block { pointer-events: none; }
.nx-tour-hole { position: absolute; border-radius: 16px; pointer-events: none; opacity: 0; box-shadow: 0 0 0 100vmax rgba(6, 5, 12, .74), 0 0 0 2px color-mix(in srgb, var(--copper) 85%, #fff), 0 0 30px 2px color-mix(in srgb, var(--copper) 55%, transparent); transition: left .55s var(--nx-ease, cubic-bezier(.16,1,.3,1)), top .55s var(--nx-ease, cubic-bezier(.16,1,.3,1)), width .55s var(--nx-ease, cubic-bezier(.16,1,.3,1)), height .55s var(--nx-ease, cubic-bezier(.16,1,.3,1)), opacity .3s; }
.nx-tour.is-center .nx-tour-block { background: rgba(6, 5, 12, .74); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.nx-tour-card { position: absolute; padding: 18px 18px 16px; border-radius: 22px; color: var(--ink); background: color-mix(in srgb, var(--panel) 92%, transparent); -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); box-shadow: 0 0 0 1px var(--line), 0 24px 60px -16px rgba(0, 0, 0, .6); transition: left .55s var(--nx-ease, cubic-bezier(.16,1,.3,1)), top .55s var(--nx-ease, cubic-bezier(.16,1,.3,1)); }
.nx-tour.is-center .nx-tour-card { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); text-align: center; width: min(400px, calc(100vw - 24px)) !important; padding: 28px 24px 22px; }
.nx-tour.is-center .nx-tour-top { justify-content: center; position: relative; flex-direction: column; gap: 12px; }
.nx-tour.is-center .nx-tour-x { position: absolute; inset-block-start: -10px; inset-inline-end: -8px; }
.nx-tour.is-center .nx-tour-ico { width: 56px; height: 56px; border-radius: 18px; }
.nx-tour.is-center .nx-tour-ico svg { width: 30px; height: 30px; }
.nx-tour-top { display: flex; align-items: center; gap: 12px; margin-block-end: 12px; }
.nx-tour-ico { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; flex: none; color: #fff; background: linear-gradient(135deg, var(--nx-btn-a, var(--copper)), var(--nx-btn-b, var(--copper))); box-shadow: 0 8px 20px -8px var(--copper); }
.nx-tour-dots { display: flex; gap: 5px; margin-inline-start: auto; }
.nx-tour.is-center .nx-tour-dots { margin: 0; }
.nx-tour-dots i { width: 6px; height: 6px; border-radius: 99px; background: color-mix(in srgb, var(--ink) 22%, transparent); transition: width .4s var(--nx-ease, cubic-bezier(.16,1,.3,1)), background .3s; }
.nx-tour-dots i.past { background: color-mix(in srgb, var(--copper) 55%, transparent); }
.nx-tour-dots i.on { width: 20px; background: var(--copper); }
.nx-tour-x { width: 30px; height: 30px; border-radius: 50%; border: 0; background: color-mix(in srgb, var(--ink) 8%, transparent); color: var(--ink-dim); cursor: pointer; font-size: .8rem; flex: none; }
.nx-tour-x:hover { color: var(--ink); background: color-mix(in srgb, var(--ink) 14%, transparent); }
.nx-tour-card h3 { margin: 0 0 6px; font-size: 1.15rem; line-height: 1.35; }
.nx-tour-card p { margin: 0 0 16px; font-size: .92rem; line-height: 1.75; color: var(--ink-dim); }
.nx-tour-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.nx-tour.is-center .nx-tour-nav { justify-content: center; }
.nx-tour-nav .primary-btn { width: auto; padding: 0 20px; min-height: 42px; margin: 0; }
.nx-tour-back { border: 0; background: none; color: var(--ink-dim); font: inherit; font-weight: 600; cursor: pointer; padding: 10px 6px; }
.nx-tour-back:hover { color: var(--ink); }
.nx-tour-hint { font-size: .8rem; color: var(--copper); font-weight: 600; flex: 1; text-align: center; }
.nx-tour.is-interactive .nx-tour-hint { animation: nx-tour-pulse 1.8s ease-in-out infinite; }
@keyframes nx-tour-pulse { 50% { opacity: .45; } }
.nx-tour.is-out { opacity: 0; transition: opacity .25s; pointer-events: none; }
.nx-tour.is-out .nx-tour-card, .nx-tour.is-out .nx-tour-hole, .nx-tour.is-out .nx-tour-block { opacity: 0; transition: opacity .25s; }
.nx-confetti { position: absolute; width: 8px; height: 12px; border-radius: 2px; pointer-events: none; }
#tourBtn { font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .nx-tour-hole, .nx-tour-card, .nx-tour-dots i { transition: none; } .nx-tour.is-interactive .nx-tour-hint { animation: none; } }
.nx-tour.is-interactive { pointer-events: none; }
.nx-tour.is-interactive .nx-tour-card { pointer-events: auto; }