body.is-lead-success-active { overflow: hidden; }
body.is-lead-success-active #app,
body.is-lead-success-active .session-unlock-layer,
body.is-lead-success-active .landing-shell > :not(.lead-success-overlay) {
  pointer-events: none;
  user-select: none;
}
#leadSuccessOverlay { --lead-success-z-index: 40; }
#publishSuccessOverlay { --lead-success-z-index: 140; }
.lead-success-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--lead-success-z-index, 40);
  display: grid;
  place-items: center;
  padding: clamp(24px, 4vw, 56px);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  isolation: isolate;
  overflow: hidden;
}
.lead-success-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(960px 520px at 18% 12%, rgba(97,165,245,.18), transparent 58%),
    radial-gradient(720px 420px at 84% 10%, rgba(31,113,210,.14), transparent 60%),
    linear-gradient(180deg, #05090f 0%, #071021 100%);
  opacity: var(--lead-success-backdrop-opacity, 0);
}
.lead-success-overlay.is-measuring { visibility: hidden; }
.lead-success-overlay.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.lead-success-stage {
  position: relative;
  z-index: 1;
  width: min(860px, 88vw);
  max-width: 100%;
  display: grid;
  justify-items: center;
  gap: clamp(20px, 3.2vw, 32px);
}
.lead-success-lockup { width: min(620px, 74vw, 148vh); opacity: 0; }
.lead-success-wordmark-shell { width: 100%; aspect-ratio: 1330 / 384; }
.lead-success-artwork { display: block; width: 100%; height: 100%; overflow: visible; }
.lead-success-copy {
  width: min(580px, 86vw);
  max-width: 100%;
  display: grid;
  gap: .8rem;
  text-align: center;
  opacity: 0;
}
.lead-success-title {
  margin: 0;
  font-size: clamp(2.2rem, 5.2vw, 4.4rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 800;
  color: #f4f8fc;
  overflow-wrap: anywhere;
}
.lead-success-body {
  margin: 0;
  color: rgba(229,239,252,.84);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.75;
}
.lead-success-timer {
  position: absolute;
  left: clamp(18px, 3vw, 34px);
  right: clamp(18px, 3vw, 34px);
  bottom: max(env(safe-area-inset-bottom, 0px), clamp(18px, 3vw, 30px));
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(164,201,240,.12);
  opacity: 0;
}
.lead-success-timer-bar {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(143,208,255,.6), rgba(243,248,255,.95));
  transform: scaleX(0);
  transform-origin: left center;
}
.lead-success-dismiss {
  position: absolute;
  z-index: 2;
  top: max(16px, env(safe-area-inset-top, 0px));
  right: 18px;
  min-width: 64px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid rgba(168,220,255,.35);
  border-radius: 12px;
  background: #071021;
  color: #f4f8fc;
  font: inherit;
  cursor: pointer;
}
.lead-success-dismiss:focus-visible { outline: 2px solid #a8dcff; outline-offset: 3px; }
@media (max-height: 480px) {
  .lead-success-stage { gap: 12px; }
  .lead-success-lockup { width: min(400px, 65vw, 90vh); }
  .lead-success-title { font-size: clamp(1.5rem, 6vh, 2.2rem); }
  .lead-success-body { line-height: 1.4; }
}
@media (prefers-reduced-motion: reduce) {
  .lead-success-overlay * { scroll-behavior: auto; }
}