/* ===========================================================
   ПРОДВИНУТЬСЯ ДАЛЬШЕ — переход к боту «Расследование»
   (фон переиспользует bg-delo.jpg: конверт + свечи — «следующий конверт»)
   =========================================================== */

.next-bg::before {
  content: "";
  position: fixed; inset: 0; z-index: -2;
  background: url("../img/bg-delo.jpg") right center / cover no-repeat;
}
.next-bg::after {
  content: "";
  position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(820px 640px at 84% 60%, rgba(150,90,40,.26) 0%, transparent 62%),
    linear-gradient(180deg, rgba(8,6,5,.64) 0%, rgba(8,6,5,.76) 55%, rgba(8,6,5,.92) 100%);
}

.next-stage {
  min-height: calc(100vh - 52px);
  display: grid;
  place-items: center;
  padding: 46px 22px 70px;
}

.next-card {
  width: min(600px, 100%);
  text-align: center;
  animation: next-in .8s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes next-in { from { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: none } }

.next-card .back-link { display: flex; width: max-content; margin-bottom: 30px; }

.next-card .eyebrow { display: block; margin-bottom: 14px; }
.next-card h1 {
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: clamp(28px, 6.4vw, 48px);
  line-height: 1.1;
  margin: 0 0 14px;
  color: var(--ink);
  text-shadow: 0 2px 30px rgba(0,0,0,.6);
}
.next-card .sub {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 26px;
}

.next-card__lead {
  max-width: 480px;
  margin: 0 auto 18px;
  color: var(--ink-dim);
  font-size: 16.5px;
  line-height: 1.6;
  font-style: italic;
}
.next-card__lead:last-of-type { margin-bottom: 34px; }

/* большая кнопка перехода в бота */
.next-cta {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 600;
  font-size: 18px;
  border-radius: var(--radius-sm);
  padding: 19px 34px;
  color: #1a1109;
  background: linear-gradient(180deg, var(--gold-2) 0%, var(--gold-deep) 100%);
  box-shadow: 0 14px 36px -12px var(--gold-glow), inset 0 1px 0 rgba(255,240,210,.6);
  transition: transform .14s ease, box-shadow .25s ease;
}
.next-cta:hover { transform: translateY(-2px); color: #1a1109; box-shadow: 0 20px 44px -12px var(--gold-glow), inset 0 1px 0 rgba(255,240,210,.6); }
.next-cta:active { transform: translateY(0); }
.next-cta:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.next-cta svg { flex: none; }

.next-card__note {
  margin: 22px auto 0;
  max-width: 400px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  line-height: 1.6;
  color: var(--ink-faint);
}

.next-foot {
  margin-top: 40px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--ink-faint);
}
.next-foot span { color: var(--gold-deep); }

@media (max-width: 560px) {
  .next-cta { width: 100%; justify-content: center; font-size: 16px; padding: 17px 20px; }
}