.roi-calculator.svelte-1257dt {
		--roi-bg: var(--color-background);
		--roi-panel: var(--color-surface);
		--roi-panel-alt: color-mix(in srgb, var(--color-surface) 88%, var(--color-background));
		--roi-line: var(--color-border);
		--roi-strong-line: color-mix(in srgb, var(--color-text-primary) 44%, var(--color-border));
		--roi-text: var(--color-text-primary);
		--roi-muted: var(--color-text-secondary);
		--roi-faint: var(--color-text-tertiary);
		--roi-accent: var(--color-accent);
		--roi-accent-soft: color-mix(in srgb, var(--color-accent) 12%, transparent);
		--roi-positive: var(--color-success);
		--roi-negative: var(--color-danger);
		--roi-motion: cubic-bezier(0.16, 1, 0.3, 1);
		background:
			linear-gradient(var(--roi-line) 1px, transparent 1px),
			linear-gradient(90deg, var(--roi-line) 1px, transparent 1px),
			var(--roi-bg);
		background-size: 48px 48px;
		color: var(--roi-text);
		min-height: 100vh;
		padding: clamp(2.5rem, 6vw, 5rem) 1rem;
	}

	[data-theme='dark'] .roi-calculator.svelte-1257dt {
		--roi-panel-alt: color-mix(in srgb, var(--color-surface) 82%, #000);
		--roi-strong-line: color-mix(in srgb, var(--color-text-primary) 34%, var(--color-border));
		--roi-accent-soft: color-mix(in srgb, var(--color-accent) 18%, transparent);
	}

	.roi-container.svelte-1257dt {
		width: 100%;
		margin: 0 auto;
	}

	.roi-header.svelte-1257dt {
		position: relative;
		margin-bottom: 2rem;
		padding: clamp(1.25rem, 4vw, 2rem);
		background: var(--roi-panel);
		border: 2px solid var(--roi-strong-line);
	}

	.roi-header.svelte-1257dt::before {
		content: '';
		position: absolute;
		inset: 0 auto 0 0;
		width: 6px;
		background: var(--roi-accent);
	}

	.roi-kicker.svelte-1257dt,
	.roi-label.svelte-1257dt,
	.roi-helper.svelte-1257dt,
	.roi-total-label.svelte-1257dt,
	.roi-total-multiple.svelte-1257dt,
	.roi-total-note.svelte-1257dt,
	.roi-breakdown-title.svelte-1257dt,
	.roi-insights-title.svelte-1257dt,
	.roi-slider-labels.svelte-1257dt,
	.roi-progress-labels.svelte-1257dt,
	.roi-assumption-grid.svelte-1257dt,
	.roi-comparison-table.svelte-1257dt,
	.roi-cta-note.svelte-1257dt {
		font-family: var(--font-mono);
	}

	.roi-kicker.svelte-1257dt {
		margin: 0 0 1rem;
		color: var(--roi-accent);
		font-size: 0.75rem;
		font-weight: 600;
		letter-spacing: 0.18em;
		line-height: 1.4;
		text-transform: uppercase;
	}

	.roi-title.svelte-1257dt {
		max-width: 980px;
		margin: 0;
		color: var(--roi-text);
		font-size: clamp(3rem, 9vw, 7rem);
		font-weight: 900;
		letter-spacing: -0.04em;
		line-height: 0.85;
		text-transform: uppercase;
	}

	.roi-subtitle.svelte-1257dt {
		max-width: 720px;
		margin: 1.25rem 0 0;
		color: var(--roi-muted);
		font-size: clamp(1rem, 2vw, 1.2rem);
		line-height: 1.55;
	}

	.roi-grid.svelte-1257dt {
		display: grid;
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		border: 2px solid var(--roi-strong-line);
		background: var(--roi-panel);
	}

	.roi-input-section.svelte-1257dt,
	.roi-results-section.svelte-1257dt {
		min-width: 0;
		padding: clamp(1.25rem, 3vw, 2rem);
		background: var(--roi-panel);
	}

	.roi-input-section.svelte-1257dt {
		border-right: 2px solid var(--roi-strong-line);
	}

	.roi-results-section.svelte-1257dt {
		position: relative;
		background:
			linear-gradient(90deg, var(--roi-accent-soft), transparent 42%),
			var(--roi-panel);
	}

	.roi-results-pulse.svelte-1257dt {
		position: absolute;
		inset: 0 0 auto;
		height: 4px;
		background: var(--roi-accent);
	}

	.roi-section-title.svelte-1257dt {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		margin: 0 0 1.25rem;
		padding-bottom: 0.85rem;
		border-bottom: 1px solid var(--roi-line);
		color: var(--roi-text);
		font-size: 1rem;
		font-weight: 800;
		letter-spacing: 0;
		line-height: 1.2;
		text-transform: uppercase;
	}

	.roi-section-title.svelte-1257dt span:where(.svelte-1257dt) {
		display: inline-flex;
		align-items: center;
		min-height: 1.75rem;
		padding: 0 0.55rem;
		background: var(--roi-text);
		color: var(--color-background);
		font-family: var(--font-mono);
		font-size: 0.7rem;
		font-weight: 700;
		letter-spacing: 0.14em;
	}

	.roi-inputs.svelte-1257dt {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
	}

	.roi-field.svelte-1257dt {
		display: flex;
		min-width: 0;
		flex-direction: column;
		gap: 0.5rem;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.roi-field-wide.svelte-1257dt {
		grid-column: 1 / -1;
	}

	.roi-label.svelte-1257dt {
		color: var(--roi-faint);
		font-size: 0.72rem;
		font-weight: 700;
		letter-spacing: 0.14em;
		line-height: 1.4;
		text-transform: uppercase;
	}

	.roi-input.svelte-1257dt {
		width: 100%;
		min-height: 3rem;
		padding: 0.75rem 0.875rem;
		background: var(--roi-bg);
		border: 1px solid var(--roi-line);
		border-radius: 0;
		color: var(--roi-text);
		font-family: var(--font-primary);
		font-size: 1rem;
		font-weight: 600;
		transition:
			border-color 180ms var(--roi-motion),
			box-shadow 180ms var(--roi-motion),
			background-color 180ms var(--roi-motion);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.roi-input.svelte-1257dt:focus {
		outline: none;
		border-color: var(--roi-accent);
		box-shadow: inset 4px 0 0 var(--roi-accent);
	}

	.roi-input.svelte-1257dt::placeholder {
		color: var(--roi-faint);
	}

	.roi-cost-display.svelte-1257dt {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 1rem;
		min-height: 3rem;
		padding: 0.75rem 0.875rem;
		background: var(--roi-bg);
		border: 1px solid var(--roi-line);
		color: var(--roi-text);
	}

	.roi-cost-display.svelte-1257dt strong:where(.svelte-1257dt) {
		font-size: 1rem;
		font-weight: 800;
	}

	.roi-cost-display.svelte-1257dt span:where(.svelte-1257dt) {
		color: var(--roi-muted);
		font-size: 0.875rem;
		font-weight: 700;
	}

	.roi-input[type='number'].svelte-1257dt::-webkit-outer-spin-button,
	.roi-input[type='number'].svelte-1257dt::-webkit-inner-spin-button {
		margin: 0;
		-webkit-appearance: none;
	}

	.roi-input[type='number'].svelte-1257dt {
		-moz-appearance: textfield;
	}

	.roi-helper.svelte-1257dt {
		margin: 0;
		color: var(--roi-faint);
		font-size: 0.72rem;
		line-height: 1.45;
		text-transform: uppercase;
	}

	.roi-slider.svelte-1257dt {
		width: 100%;
		height: 1.25rem;
		margin-top: 0.35rem;
		background: transparent;
		border: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.roi-slider.svelte-1257dt::-webkit-slider-runnable-track {
		height: 0.5rem;
		background: var(--roi-bg);
		border: 1px solid var(--roi-line);
	}

	.roi-slider.svelte-1257dt::-webkit-slider-thumb {
		width: 1.1rem;
		height: 1.6rem;
		margin-top: -0.6rem;
		background: var(--roi-accent);
		border: 2px solid var(--roi-text);
		border-radius: 0;
		cursor: pointer;
		-webkit-appearance: none;
		appearance: none;
	}

	.roi-slider.svelte-1257dt::-moz-range-track {
		height: 0.5rem;
		background: var(--roi-bg);
		border: 1px solid var(--roi-line);
	}

	.roi-slider.svelte-1257dt::-moz-range-thumb {
		width: 1.1rem;
		height: 1.6rem;
		background: var(--roi-accent);
		border: 2px solid var(--roi-text);
		border-radius: 0;
		cursor: pointer;
	}

	.roi-slider.svelte-1257dt:focus-visible::-webkit-slider-thumb {
		box-shadow: 0 0 0 3px var(--roi-accent-soft);
	}

	.roi-slider-labels.svelte-1257dt {
		display: flex;
		justify-content: space-between;
		margin-top: 0.35rem;
		color: var(--roi-faint);
		font-size: 0.72rem;
	}

	.roi-slider-value.svelte-1257dt {
		color: var(--roi-text);
		font-weight: 800;
	}

	.roi-checkbox-grid.svelte-1257dt {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
	}

	.roi-checkbox.svelte-1257dt {
		display: flex;
		align-items: center;
		gap: 0.65rem;
		min-height: 3rem;
		padding: 0.75rem;
		background: var(--roi-bg);
		border: 1px solid var(--roi-line);
		color: var(--roi-muted);
		cursor: pointer;
		font-size: 0.9rem;
		font-weight: 700;
		line-height: 1.2;
		text-transform: uppercase;
		transition:
			background-color 180ms var(--roi-motion),
			border-color 180ms var(--roi-motion),
			color 180ms var(--roi-motion);
	}

	.roi-checkbox.svelte-1257dt:hover,
	.roi-checkbox.checked.svelte-1257dt {
		background: var(--roi-accent-soft);
		border-color: var(--roi-accent);
		color: var(--roi-text);
	}

	.roi-checkbox.svelte-1257dt input[type='checkbox']:where(.svelte-1257dt) {
		position: relative;
		width: 1rem;
		height: 1rem;
		flex: 0 0 auto;
		margin: 0;
		background: var(--roi-panel);
		border: 1px solid var(--roi-strong-line);
		border-radius: 0;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.roi-checkbox.svelte-1257dt input[type='checkbox']:where(.svelte-1257dt):checked {
		background: var(--roi-accent);
		border-color: var(--roi-accent);
	}

	.roi-checkbox.svelte-1257dt input[type='checkbox']:where(.svelte-1257dt):checked::after {
		content: '';
		position: absolute;
		inset: 3px;
		background: var(--color-background);
	}

	.roi-checkbox.svelte-1257dt input[type='checkbox']:where(.svelte-1257dt):focus-visible {
		outline: 2px solid var(--roi-accent);
		outline-offset: 2px;
	}

	.roi-total.svelte-1257dt {
		margin-bottom: 1.5rem;
		padding: 1.25rem;
		background: var(--roi-panel-alt);
		border: 1px solid var(--roi-line);
	}

	.roi-total-label.svelte-1257dt {
		margin: 0 0 0.5rem;
		color: var(--roi-faint);
		font-size: 0.72rem;
		font-weight: 700;
		letter-spacing: 0.14em;
		text-transform: uppercase;
	}

	.roi-total-value.svelte-1257dt {
		margin: 0;
		color: var(--roi-text);
		font-size: clamp(2.75rem, 7vw, 5.5rem);
		font-weight: 900;
		letter-spacing: -0.05em;
		line-height: 0.9;
	}

	.roi-total-multiple.svelte-1257dt {
		margin: 0.75rem 0 0;
		color: var(--roi-muted);
		font-size: 0.8rem;
		line-height: 1.45;
		text-transform: uppercase;
	}

	.roi-total-multiple.svelte-1257dt span:where(.svelte-1257dt) {
		color: var(--roi-accent);
		font-weight: 800;
	}

	.roi-total-note.svelte-1257dt {
		margin: 0.75rem 0 0;
		padding-top: 0.75rem;
		border-top: 1px solid var(--roi-line);
		color: var(--roi-faint);
		font-size: 0.72rem;
		font-weight: 700;
		letter-spacing: 0.08em;
		line-height: 1.45;
		text-transform: uppercase;
	}

	.roi-progress-container.svelte-1257dt {
		height: 1.25rem;
		margin-bottom: 1.5rem;
		background: var(--roi-bg);
		border: 1px solid var(--roi-line);
		overflow: hidden;
	}

	.roi-progress-labels.svelte-1257dt {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0.4rem;
		color: var(--roi-faint);
		font-size: 0.72rem;
		font-weight: 800;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	.roi-progress-bar.svelte-1257dt {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-width: 2.25rem;
		padding: 0 0.5rem;
		background: var(--roi-accent);
		color: var(--color-background);
		font-family: var(--font-mono);
		font-size: 0.72rem;
		font-weight: 800;
		transition: width 500ms var(--roi-motion);
	}

	.roi-breakdown.svelte-1257dt {
		margin-bottom: 1.5rem;
	}

	.roi-assumptions.svelte-1257dt {
		margin-bottom: 1.5rem;
		padding: 1rem;
		background: var(--roi-panel-alt);
		border: 1px solid var(--roi-line);
	}

	.roi-assumption-grid.svelte-1257dt {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 0.65rem 0.85rem;
		align-items: start;
		color: var(--roi-muted);
		font-size: 0.75rem;
		line-height: 1.45;
	}

	.roi-assumption-grid.svelte-1257dt span:where(.svelte-1257dt) {
		color: var(--roi-text);
		font-weight: 800;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.roi-assumption-grid.svelte-1257dt p:where(.svelte-1257dt) {
		margin: 0;
	}

	.roi-breakdown-title.svelte-1257dt,
	.roi-insights-title.svelte-1257dt {
		margin: 0 0 0.75rem;
		color: var(--roi-text);
		font-size: 0.78rem;
		font-weight: 800;
		letter-spacing: 0.14em;
		line-height: 1.4;
		text-transform: uppercase;
	}

	.roi-breakdown-item.svelte-1257dt {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 1rem;
		align-items: center;
		padding: 0.85rem 0;
		border-top: 1px solid var(--roi-line);
	}

	.roi-breakdown-item.svelte-1257dt:last-child {
		border-bottom: 1px solid var(--roi-line);
	}

	.roi-breakdown-label.svelte-1257dt {
		color: var(--roi-muted);
		font-size: 0.9rem;
		font-weight: 700;
		text-transform: uppercase;
	}

	.roi-breakdown-value.svelte-1257dt {
		color: var(--roi-text);
		font-family: var(--font-mono);
		font-size: 1rem;
		font-weight: 800;
		white-space: nowrap;
	}

	.roi-comparison.svelte-1257dt {
		margin-bottom: 1.5rem;
		overflow-x: auto;
		border: 1px solid var(--roi-line);
	}

	.roi-comparison-table.svelte-1257dt {
		width: 100%;
		min-width: 460px;
		border-collapse: collapse;
	}

	.roi-comparison-table.svelte-1257dt th:where(.svelte-1257dt),
	.roi-comparison-table.svelte-1257dt td:where(.svelte-1257dt) {
		padding: 0.8rem;
		border-bottom: 1px solid var(--roi-line);
		text-align: left;
	}

	.roi-comparison-table.svelte-1257dt th:where(.svelte-1257dt) {
		background: var(--roi-panel-alt);
		color: var(--roi-faint);
		font-size: 0.72rem;
		font-weight: 800;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	.roi-comparison-table.svelte-1257dt td:where(.svelte-1257dt) {
		color: var(--roi-muted);
		font-size: 0.9rem;
	}

	.roi-comparison-table.svelte-1257dt tr:where(.svelte-1257dt):last-child td:where(.svelte-1257dt) {
		border-bottom: 0;
	}

	.roi-total-row.svelte-1257dt {
		background: var(--roi-accent-soft);
		font-weight: 800;
	}

	.roi-negative.svelte-1257dt {
		color: var(--roi-negative) !important;
	}

	.roi-positive.svelte-1257dt {
		color: var(--roi-positive) !important;
		font-weight: 800;
	}

	.roi-insights.svelte-1257dt {
		padding: 1rem;
		background: var(--roi-panel-alt);
		border: 1px solid var(--roi-line);
	}

	.roi-insights-list.svelte-1257dt {
		display: flex;
		flex-direction: column;
		gap: 0.65rem;
	}

	.roi-insight.svelte-1257dt {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 0.75rem;
		align-items: start;
	}

	.roi-insight-icon.svelte-1257dt {
		padding: 0.15rem 0.35rem;
		background: var(--roi-text);
		color: var(--color-background);
		font-family: var(--font-mono);
		font-size: 0.65rem;
		font-weight: 800;
		letter-spacing: 0.08em;
		line-height: 1.4;
	}

	.roi-insight-text.svelte-1257dt {
		color: var(--roi-muted);
		font-size: 0.9rem;
		line-height: 1.5;
	}

	.roi-cta.svelte-1257dt {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 1rem 1.5rem;
		align-items: center;
		margin-top: 2rem;
		padding: clamp(1.25rem, 3vw, 2rem);
		background: var(--roi-panel);
		border: 2px solid var(--roi-strong-line);
	}

	.roi-cta-title.svelte-1257dt {
		grid-column: 1 / -1;
		margin: 0;
		color: var(--roi-text);
		font-size: clamp(1.75rem, 4vw, 3.5rem);
		font-weight: 900;
		letter-spacing: -0.04em;
		line-height: 0.92;
		text-transform: uppercase;
	}

	.roi-cta-subtitle.svelte-1257dt,
	.roi-cta-note.svelte-1257dt {
		margin: 0;
		color: var(--roi-muted);
		line-height: 1.5;
	}

	.roi-cta-subtitle.svelte-1257dt span:where(.svelte-1257dt),
	.roi-cta-note.svelte-1257dt span:where(.svelte-1257dt) {
		color: var(--roi-text);
		font-weight: 800;
	}

	.roi-cta-button.svelte-1257dt {
		align-self: stretch;
		min-height: 3.25rem;
		padding: 0.8rem 1.2rem;
		background: var(--roi-text);
		border: 2px solid var(--roi-text);
		border-radius: 0;
		color: var(--color-background);
		cursor: pointer;
		font-family: var(--font-mono);
		font-size: 0.8rem;
		font-weight: 800;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		transition:
			background-color 180ms var(--roi-motion),
			color 180ms var(--roi-motion),
			transform 180ms var(--roi-motion);
	}

	.roi-cta-button.svelte-1257dt:hover,
	.roi-cta-button.svelte-1257dt:focus-visible {
		background: var(--roi-accent);
		color: var(--color-background);
		transform: translate(-2px, -2px);
	}

	.roi-cta-button.svelte-1257dt:focus-visible {
		outline: 2px solid var(--roi-accent);
		outline-offset: 3px;
	}

	.roi-cta-note.svelte-1257dt {
		grid-column: 1 / -1;
		font-size: 0.78rem;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	@media (max-width: 1024px) {
		.roi-grid.svelte-1257dt {
			grid-template-columns: 1fr;
		}

		.roi-input-section.svelte-1257dt {
			border-right: 0;
			border-bottom: 2px solid var(--roi-strong-line);
		}
	}

	@media (max-width: 760px) {
		.roi-calculator.svelte-1257dt {
			padding: 1rem;
			background-size: 32px 32px;
		}

		.roi-inputs.svelte-1257dt,
		.roi-checkbox-grid.svelte-1257dt,
		.roi-cta.svelte-1257dt {
			grid-template-columns: 1fr;
		}

			.roi-breakdown-item.svelte-1257dt {
				grid-template-columns: 1fr;
				gap: 0.25rem;
			}

			.roi-assumption-grid.svelte-1257dt {
				grid-template-columns: 1fr;
			}

		.roi-breakdown-value.svelte-1257dt {
			white-space: normal;
		}

		.roi-cta-button.svelte-1257dt {
			width: 100%;
		}
	}