.lcsp-calculator {
	--lcsp-primary: #1a56db;
	--lcsp-secondary: #0f172a;
	--lcsp-bg: #ffffff;
	--lcsp-border: #e2e8f0;
	--lcsp-text: #1e293b;
	--lcsp-muted: #64748b;
	--lcsp-radius: 10px;

	max-width: 640px;
	margin: 1.5em 0;
	padding: 1.5em;
	background: var(--lcsp-bg);
	border: 1px solid var(--lcsp-border);
	border-radius: var(--lcsp-radius);
	color: var(--lcsp-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	box-sizing: border-box;
}
.lcsp-calculator * { box-sizing: border-box; }

.lcsp-theme-dark { --lcsp-bg: #0f172a; --lcsp-text: #e2e8f0; --lcsp-border: #334155; --lcsp-muted: #94a3b8; }
.lcsp-theme-glass { --lcsp-bg: rgba(255,255,255,0.6); backdrop-filter: blur(8px); }
.lcsp-theme-minimal { --lcsp-border: transparent; box-shadow: none; }
.lcsp-theme-corporate { --lcsp-primary: #0f4c81; --lcsp-secondary: #08213a; }

.lcsp-title { margin: 0 0 0.25em; font-size: 1.35em; }
.lcsp-subtitle { margin: 0 0 1em; color: var(--lcsp-muted); font-size: 0.95em; }

.lcsp-field { margin-bottom: 1em; }
.lcsp-field label { display: block; font-weight: 600; margin-bottom: 0.35em; font-size: 0.92em; }
.lcsp-required { color: #dc2626; margin-left: 2px; }

.lcsp-field input[type="text"],
.lcsp-field input[type="number"],
.lcsp-field input[type="email"],
.lcsp-field select {
	width: 100%;
	padding: 0.6em 0.75em;
	border: 1px solid var(--lcsp-border);
	border-radius: 6px;
	font-size: 1em;
	background: transparent;
	color: inherit;
}
.lcsp-field input[type="range"] { width: 85%; vertical-align: middle; }
.lcsp-field output { margin-left: 0.5em; font-weight: 600; }

.lcsp-submit-btn,
.lcsp-lead-submit-btn {
	background: var(--lcsp-primary);
	color: #fff;
	border: none;
	padding: 0.75em 1.5em;
	border-radius: 8px;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
	width: 100%;
	transition: opacity 0.15s ease;
}
.lcsp-submit-btn:hover,
.lcsp-lead-submit-btn:hover { opacity: 0.9; }
.lcsp-submit-btn:focus-visible,
.lcsp-lead-submit-btn:focus-visible,
.lcsp-field input:focus-visible,
.lcsp-field select:focus-visible { outline: 3px solid var(--lcsp-primary); outline-offset: 2px; }

.lcsp-results { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid var(--lcsp-border); }
.lcsp-result-range { display: flex; gap: 0.75em; margin: 1em 0; }
.lcsp-result-box { flex: 1; text-align: center; padding: 0.85em 0.5em; border: 1px solid var(--lcsp-border); border-radius: 8px; }
.lcsp-result-box-main { border-color: var(--lcsp-primary); border-width: 2px; }
.lcsp-result-label { display: block; font-size: 0.8em; color: var(--lcsp-muted); text-transform: uppercase; letter-spacing: 0.03em; }
.lcsp-result-value { display: block; font-size: 1.25em; font-weight: 700; margin-top: 0.2em; }

.lcsp-breakdown { margin: 1em 0; font-size: 0.92em; }
.lcsp-breakdown-row { display: flex; justify-content: space-between; padding: 0.4em 0; border-bottom: 1px dashed var(--lcsp-border); }

.lcsp-insights { margin: 1em 0; }
.lcsp-insights ul { margin: 0; padding-left: 1.2em; }
.lcsp-insights li { margin-bottom: 0.4em; font-size: 0.92em; }

.lcsp-lead-form { margin-top: 1.25em; padding: 1em; background: rgba(26,86,219,0.06); border-radius: 8px; }
.lcsp-lead-intro { margin: 0 0 0.6em; font-size: 0.9em; }
.lcsp-lead-form input { width: 100%; margin-bottom: 0.5em; padding: 0.55em 0.7em; border: 1px solid var(--lcsp-border); border-radius: 6px; }
.lcsp-lead-status { font-size: 0.85em; color: var(--lcsp-primary); min-height: 1.2em; }

.lcsp-disclaimer { margin-top: 1.25em; font-size: 0.78em; color: var(--lcsp-muted); }

.lcsp-faqs { margin-top: 1.5em; }
.lcsp-faqs summary { cursor: pointer; font-weight: 600; padding: 0.5em 0; }
.lcsp-faqs p { color: var(--lcsp-muted); font-size: 0.92em; }

@media (max-width: 480px) {
	.lcsp-result-range { flex-direction: column; }
}