/* 6.4 "Before you go" prompt (LHR_Lead_Capture). Own classes: xint-*. Desktop: centred card over a dim backdrop. Phones: bottom sheet. */
.xint { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: var(--s-4); background: rgba(14, 22, 32, .55); opacity: 0; transition: opacity .3s var(--ease); }
.xint[hidden] { display: none; }
.xint.is-shown { opacity: 1; }
.xint__card { position: relative; width: min(520px, 100%); background: var(--c-white); color: var(--c-ink); border-radius: var(--radius-lg); padding: var(--s-5); box-shadow: 0 24px 60px rgba(0, 0, 0, .35); transform: translateY(12px); transition: transform .3s var(--ease); }
.xint.is-shown .xint__card { transform: none; }
.xint__close { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--c-cloud); color: var(--c-ink); font-size: 22px; line-height: 1; cursor: pointer; }
.xint__close:hover { background: var(--c-line); }
.xint__title { font-weight: 800; font-size: var(--fs-3); margin: 0 var(--s-6) 0 0; }
.xint__q { margin-top: var(--s-2); color: var(--c-slate); }
.xint__reasons { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-3); }
.xint__reason { font: inherit; font-weight: 600; font-size: var(--fs-0); padding: .5em .9em; border-radius: 999px; border: 1.5px solid var(--c-line); background: var(--c-white); color: var(--c-ink); cursor: pointer; }
.xint__reason:hover { border-color: var(--c-ink); }
.xint__reason.is-on { background: var(--c-ink); border-color: var(--c-ink); color: var(--c-white); }
.xint__after { margin-top: var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--c-line); }
.xint__thanks { color: var(--c-slate); font-size: var(--fs-0); }
.xint__cta { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-3); }
.xint__cb { margin-top: var(--s-4); font-size: var(--fs-0); color: var(--c-slate); }
.xint__form { display: grid; grid-template-columns: 1fr 1fr auto; gap: var(--s-2); margin-top: var(--s-2); }
.xint__form input { font: inherit; padding: .6em .8em; border: 1.5px solid var(--c-line); border-radius: 10px; min-width: 0; background: var(--c-white); color: var(--c-ink); }
.xint__form input:focus { outline: 2px solid var(--c-accent); outline-offset: 1px; border-color: var(--c-accent); }
.xint__form .btn { white-space: nowrap; }
.xint__form.is-busy { opacity: .6; pointer-events: none; }
.xint__form.is-sent input, .xint__form.is-sent .btn { display: none; }
.xint__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.xint__status { grid-column: 1 / -1; margin: 0; font-size: var(--fs-0); min-height: 1.2em; color: var(--c-slate); }
.xint__status.is-err { color: var(--c-error); }
.xint__status.is-ok { color: var(--c-accent-2); font-weight: 700; }
@media (max-width: 600px) {
	.xint { place-items: end center; padding: 0; }
	.xint__card { width: 100%; border-radius: var(--radius-lg) var(--radius-lg) 0 0; padding: var(--s-4) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom)); transform: translateY(100%); }
	.xint__form { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .xint, .xint__card { transition: none; } }