/* ─── SmartWatt Lead Popup ──────────────────────────────────────── */

.swcs-popup {
	--sky:        #0ea5e9;
	--sky-600:    #0284c7;
	--sky-50:     #f0f9ff;
	--sky-100:    #e0f2fe;
	--slate-200:  #e2e8f0;
	--slate-300:  #cbd5e1;
	--slate-400:  #94a3b8;
	--slate-500:  #64748b;
	--slate-700:  #334155;
	--slate-900:  #0f172a;

	position: fixed; inset: 0; z-index: 9990;
	display: flex; align-items: center; justify-content: center;
	padding: 1rem;
	font-family: 'Inter', system-ui, sans-serif;
}
.swcs-popup[hidden] { display: none; }

.swcs-popup__backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, .6); backdrop-filter: blur(4px); }
.swcs-popup__dialog { position: relative; width: 100%; max-width: 28rem; background: #fff; border-radius: 1rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); overflow: hidden; color: var(--slate-900); }

.swcs-popup__close { position: absolute; top: .75rem; right: .75rem; width: 2rem; height: 2rem; border-radius: 9999px; background: rgba(255,255,255,.85); border: 0; color: var(--slate-500); cursor: pointer; font-size: 1.5rem; line-height: 1; z-index: 2; }
.swcs-popup__close:hover { color: var(--slate-900); background: #fff; }

.swcs-popup__header { background: linear-gradient(135deg, var(--sky) 0%, var(--sky-600) 100%); color: #fff; padding: 1.5rem 1.5rem 1.25rem; }
.swcs-popup__kicker { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--sky-100); margin: 0; }
.swcs-popup__title { font-family: 'Bricolage Grotesque', sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.2; margin: .5rem 0 0; }
.swcs-popup__sub { font-size: .9rem; line-height: 1.5; margin: .5rem 0 0; color: var(--sky-100); }

.swcs-popup__form { padding: 1.25rem 1.5rem 1.5rem; display: flex; flex-direction: column; gap: .75rem; }
.swcs-popup__label { display: flex; flex-direction: column; gap: .25rem; }
.swcs-popup__label span { font-size: .75rem; font-weight: 600; color: var(--slate-700); }
.swcs-popup__label input { width: 100%; padding: .65rem .75rem; border: 1px solid var(--slate-300); border-radius: .5rem; font-size: .9rem; color: var(--slate-900); background: #fff; }
.swcs-popup__label input:focus { outline: none; border-color: var(--sky); box-shadow: 0 0 0 2px var(--sky-100); }

.swcs-popup__cta { display: inline-flex; align-items: center; justify-content: center; padding: .85rem 1.5rem; background: var(--sky); color: #fff; border: 0; border-radius: .5rem; font-weight: 700; font-size: .95rem; cursor: pointer; min-height: 2.75rem; }
.swcs-popup__cta:hover { background: var(--sky-600); }

.swcs-popup__divider { position: relative; text-align: center; margin: .25rem 0; }
.swcs-popup__divider::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--slate-200); }
.swcs-popup__divider span { position: relative; padding: 0 .75rem; background: #fff; color: var(--slate-400); font-size: .75rem; font-weight: 600; }

.swcs-popup__wa { display: inline-flex; align-items: center; justify-content: center; padding: .75rem 1rem; border: 2px solid var(--slate-200); border-radius: .5rem; color: var(--slate-900); text-decoration: none; font-weight: 700; font-size: .9rem; }
.swcs-popup__wa:hover { border-color: var(--slate-300); background: #f8fafc; }
.swcs-popup__phone { display: inline-flex; align-items: center; justify-content: center; padding: .5rem; color: var(--slate-500); text-decoration: none; font-size: .9rem; font-weight: 600; }
.swcs-popup__phone:hover { color: var(--sky-600); }

.swcs-popup__trust { text-align: center; font-size: .75rem; color: var(--slate-400); margin: .25rem 0 0; }