/* OnPoint Assessment Suite — email gate styles */
#results .gate-wrap { padding: 24px 28px 4px; }
#results .gate-wrap .lead-capture { margin: 0; }

#results.gated .result-body {
  filter: blur(7px);
  -webkit-user-select: none; user-select: none;
  pointer-events: none;
  max-height: 240px; overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 40%, transparent);
          mask-image: linear-gradient(#000 40%, transparent);
}
#results.gated .result-cta { display: none; }

/* Already signed up in this browser: skip the gate card entirely. */
#results.unlocked-before .gate-wrap { display: none; }

/* After unlocking, keep the confirmation but drop the pitch. */
#results.unlocked:not(.unlocked-before) .lead-capture h4,
#results.unlocked:not(.unlocked-before) .lead-capture > p { display: none; }

.lead-capture .gate-points { margin: 10px 0 14px; padding-left: 18px; font-size: 14px; line-height: 1.6; }
.lead-capture .gate-points li { margin: 2px 0; }

.csp-cta {
  margin: 28px 0 0; padding: 26px 28px; border-radius: 14px;
  background: #fff; border: 2px solid #002B5C;
  display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap;
}
.csp-cta h2 { margin: 0 0 6px; font-size: 22px; color: #002B5C; }
.csp-cta p { margin: 0; max-width: 620px; line-height: 1.55; }
.csp-cta a {
  display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
  background: #002B5C; color: #fff; text-decoration: none; font-weight: 700;
  padding: 14px 22px; border-radius: 10px;
}
.csp-cta a:hover { background: #001a38; }
@media (max-width: 640px) { .csp-cta { padding: 20px; } .csp-cta a { width: 100%; justify-content: center; } }
#results.unlocked:not(.unlocked-before) #zcampaignOptinForm,
#results.unlocked:not(.unlocked-before) .gate-points,
#results.unlocked:not(.unlocked-before) .lead-capture small { display: none !important; }