.vrg-relocation-guide {
	--vrg-cobalt: #050E3D;
	--vrg-lime: #89CE1D;
	--vrg-lime-accessible: #64A70B;
	--vrg-lime-soft: #edf7df;
	--vrg-legacy-blue: #05C3F9;
	--vrg-blue: var(--vrg-legacy-blue);
	--vrg-seaglass: #BFDDDB;
	--vrg-slate: #615B56;
	--vrg-graphite: #403E3E;
	--vrg-text: #1D1D1D;
	--real-onyx: #1D1D1D;
	--real-coral: #FF557E;
	--vrg-border: #d9e4e2;
	--vrg-surface: #FFFFFF;
	--vrg-chalk: #FFFFFF;
	color: var(--vrg-text);
	font-family: Inter, "Open Sans", Arial, sans-serif;
	margin: 0 auto;
	max-width: 1440px;
}

.vrg-relocation-guide * {
	box-sizing: border-box;
}

.vrg-relocation-guide__shell {
	background: linear-gradient(180deg, #ffffff 0%, #f6fbfa 100%);
	border: 1px solid var(--vrg-border);
	border-radius: 8px;
	box-shadow: 0 18px 55px rgba(5, 14, 61, 0.1);
	overflow: hidden;
}

.vrg-relocation-guide__intro {
	background: var(--vrg-cobalt);
	color: #ffffff;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) 320px;
	padding: clamp(24px, 4vw, 42px);
}

.vrg-relocation-guide__eyebrow,
.vrg-relocation-guide__step-kicker {
	color: var(--vrg-seaglass);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.vrg-relocation-guide h2,
.vrg-relocation-guide h3,
.vrg-relocation-guide h4,
.vrg-relocation-guide p {
	margin-top: 0;
}

.vrg-relocation-guide h2 {
	color: inherit;
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 850;
	line-height: 1.03;
	margin-bottom: 16px;
}

.vrg-relocation-guide h3 {
	color: var(--vrg-cobalt);
	font-size: clamp(1.45rem, 3vw, 2.1rem);
	font-weight: 850;
	line-height: 1.14;
	margin-bottom: 12px;
}

.vrg-relocation-guide__intro-text {
	color: rgba(255, 255, 255, 0.84);
	font-size: 1.05rem;
	line-height: 1.65;
	margin-bottom: 18px;
	max-width: 680px;
}

.vrg-relocation-guide__brand-line {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.35;
	margin-bottom: 0;
	padding: 8px 12px;
}

.vrg-relocation-guide__scorecard {
	align-self: end;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	padding: 20px;
}

.vrg-relocation-guide__scorecard strong {
	color: var(--vrg-lime);
	display: block;
	font-size: 2.15rem;
	line-height: 1;
	margin-bottom: 8px;
}

.vrg-relocation-guide__scorecard span {
	color: rgba(255, 255, 255, 0.78);
	display: block;
	font-size: 0.94rem;
	line-height: 1.45;
}

.vrg-relocation-guide__body {
	padding: clamp(20px, 4vw, 36px);
}

.vrg-relocation-guide__topline {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.vrg-relocation-guide__progress {
	background: #e8efee;
	border-radius: 999px;
	flex: 1;
	height: 12px;
	overflow: hidden;
}

.vrg-relocation-guide__progress-bar {
	background: linear-gradient(90deg, var(--vrg-lime) 0%, var(--vrg-blue) 100%);
	border-radius: inherit;
	height: 100%;
	transition: width 180ms ease;
	width: 33.33%;
}

.vrg-relocation-guide__count {
	color: var(--vrg-cobalt);
	font-size: 0.92rem;
	font-weight: 800;
	min-width: 118px;
	text-align: right;
}

.vrg-relocation-guide__step {
	background: var(--vrg-surface);
	border: 1px solid var(--vrg-border);
	border-radius: 8px;
	display: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 980px;
	padding: clamp(18px, 3vw, 24px);
}

.vrg-relocation-guide__step.is-active {
	display: block;
}

.vrg-relocation-guide__guide-panel {
	background: var(--vrg-surface);
	border: 1px solid var(--vrg-border);
	border-radius: 8px;
	margin: 0 auto 24px;
	max-width: 980px;
	padding: clamp(18px, 3vw, 24px);
}

.vrg-relocation-guide__step-kicker {
	color: var(--vrg-lime);
}

.vrg-relocation-guide__step-copy,
.vrg-relocation-guide__lead p,
.vrg-relocation-guide__result p {
	color: var(--vrg-slate);
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 18px;
}

.vrg-relocation-guide__question,
.vrg-relocation-guide__field {
	display: grid;
	gap: 9px;
	margin-top: 18px;
}

.vrg-relocation-guide__group-title,
.vrg-relocation-guide__field label,
.vrg-relocation-guide__adaptive-card label {
	color: var(--vrg-cobalt);
	font-size: 0.92rem;
	font-weight: 850;
}

.vrg-relocation-guide__choice-grid,
.vrg-relocation-guide__mini-grid,
.vrg-relocation-guide__adaptive-grid,
.vrg-relocation-guide__lead-grid,
.vrg-relocation-guide__insight-grid,
.vrg-relocation-guide__highlight-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vrg-relocation-guide__highlight {
	background: #f7fbfa;
	border: 1px solid var(--vrg-border);
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(5, 14, 61, 0.04);
	padding: 16px;
	position: relative;
}

.vrg-relocation-guide__highlight::before {
	background: var(--vrg-lime-accessible);
	border-radius: 999px;
	content: "";
	display: block;
	height: 8px;
	margin-bottom: 12px;
	width: 36px;
}

.vrg-relocation-guide__highlight strong {
	color: var(--vrg-cobalt);
	display: block;
	font-size: 1rem;
	margin-bottom: 6px;
}

.vrg-relocation-guide__highlight span {
	color: var(--vrg-slate);
	display: block;
	font-size: 0.92rem;
	line-height: 1.45;
}

.vrg-relocation-guide__choice {
	align-items: flex-start;
	background: #ffffff;
	border: 1px solid #e5eceb;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	gap: 12px;
	line-height: 1.45;
	padding: 13px 14px;
	transition: border-color 140ms ease, background-color 140ms ease;
}

.vrg-relocation-guide__choice:hover {
	background: #f8fbfb;
	border-color: var(--vrg-seaglass);
}

.vrg-relocation-guide__choice:has(input:checked) {
	background: var(--vrg-lime-soft);
	border-color: rgba(100, 167, 11, 0.5);
}

.vrg-relocation-guide input[type="checkbox"],
	.vrg-relocation-guide input[type="radio"] {
	accent-color: var(--vrg-lime-accessible);
	flex: 0 0 auto;
	height: 19px;
	margin-top: 1px;
	width: 19px;
}

.vrg-relocation-guide input[type="text"],
.vrg-relocation-guide input[type="email"],
.vrg-relocation-guide input[type="tel"],
.vrg-relocation-guide select,
.vrg-relocation-guide textarea {
	background: #ffffff;
	border: 1px solid var(--vrg-border);
	border-radius: 6px;
	color: var(--vrg-text);
	font: inherit;
	min-height: 44px;
	padding: 11px 12px;
	width: 100%;
}

.vrg-relocation-guide input[type="text"]:focus,
.vrg-relocation-guide input[type="email"]:focus,
.vrg-relocation-guide input[type="tel"]:focus,
.vrg-relocation-guide select:focus,
.vrg-relocation-guide textarea:focus,
.vrg-relocation-guide button:focus-visible,
.vrg-relocation-guide a:focus-visible,
.vrg-relocation-guide input[type="checkbox"]:focus-visible,
.vrg-relocation-guide input[type="radio"]:focus-visible {
	outline: 3px solid rgba(5, 195, 249, 0.45);
	outline-offset: 2px;
}

.vrg-relocation-guide textarea {
	min-height: 96px;
	resize: vertical;
}

.vrg-relocation-guide__help-text {
	color: var(--vrg-slate);
	font-size: 0.86rem;
	line-height: 1.5;
	margin: 2px 0 0;
}

.vrg-relocation-guide__adaptive-grid {
	margin-top: 18px;
}

.vrg-relocation-guide__adaptive-card {
	background: #f7fbfa;
	border: 1px solid var(--vrg-border);
	border-radius: 8px;
	display: none;
	gap: 9px;
	padding: 14px;
}

.vrg-relocation-guide__adaptive-card.is-visible,
.vrg-relocation-guide__broker-name.is-visible {
	display: grid;
}

.vrg-relocation-guide__broker-name {
	display: none;
}

.vrg-relocation-guide__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.vrg-relocation-guide button,
.vrg-relocation-guide__cta {
	align-items: center;
	border-radius: 6px;
	cursor: pointer;
	display: inline-flex;
	font-size: 0.98rem;
	font-weight: 850;
	justify-content: center;
	min-height: 46px;
	padding: 12px 18px;
	text-decoration: none;
}

.vrg-relocation-guide__primary {
	background: var(--vrg-cobalt);
	border: 1px solid var(--vrg-cobalt);
	color: #ffffff;
}

.vrg-relocation-guide__primary:hover {
	background: #0a1858;
	border-color: #0a1858;
}

.vrg-relocation-guide__secondary {
	background: #ffffff;
	border: 1px solid var(--vrg-border);
	color: var(--vrg-cobalt);
}

.vrg-relocation-guide [data-vrg-build] {
	display: none;
}

.vrg-relocation-guide.is-last-step [data-vrg-next] {
	display: none;
}

.vrg-relocation-guide.is-last-step [data-vrg-build] {
	display: inline-flex;
}

.vrg-relocation-guide__result {
	background: #ffffff;
	border: 1px solid var(--vrg-border);
	border-radius: 8px;
	margin-top: 18px;
	overflow: hidden;
}

.vrg-relocation-guide__result-main {
	display: grid;
	gap: 20px;
	grid-template-columns: 160px minmax(0, 1fr);
	padding: 24px;
}

.vrg-relocation-guide__result-score {
	background: var(--vrg-cobalt);
	border-radius: 8px;
	color: #ffffff;
	padding: 18px;
	text-align: center;
}

.vrg-relocation-guide__result-score strong {
	display: block;
	font-size: 2.45rem;
	line-height: 1;
}

.vrg-relocation-guide__result-score span {
	color: rgba(255, 255, 255, 0.78);
	display: block;
	font-size: 0.86rem;
	margin-top: 8px;
}

.vrg-relocation-guide__insight {
	background: #f7fbfa;
	border: 1px solid var(--vrg-border);
	border-radius: 8px;
	padding: 16px;
}

.vrg-relocation-guide__insight-wide {
	grid-column: 1 / -1;
}

.vrg-relocation-guide__insight h4 {
	color: var(--vrg-cobalt);
	font-size: 1rem;
	line-height: 1.25;
	margin: 0 0 12px;
}

.vrg-relocation-guide__insight ul {
	margin: 0;
	padding-left: 20px;
}

.vrg-relocation-guide__insight li {
	margin: 7px 0;
}

.vrg-relocation-guide__cta-panel {
	align-items: center;
	background: #edf7f6;
	border-top: 1px solid var(--vrg-border);
	display: flex;
	gap: 18px;
	justify-content: space-between;
	padding: 20px 24px;
}

.vrg-relocation-guide__cta-panel p {
	margin: 0;
}

.vrg-relocation-guide__cta {
	background: #ffffff;
	border: 1px solid var(--vrg-border);
	color: var(--vrg-cobalt);
	flex: 0 0 auto;
}

.vrg-relocation-guide__cta:hover {
	background: #f7fbfa;
	border-color: var(--vrg-seaglass);
}

.vrg-relocation-guide__lead {
	background: #ffffff;
	border: 1px solid var(--vrg-border);
	border-radius: 8px;
	display: none;
	margin-top: 24px;
	padding: 24px;
}

.vrg-relocation-guide__lead-form {
	margin-left: auto;
	margin-right: auto;
	max-width: 980px;
}

.vrg-relocation-guide__lead.is-visible {
	display: block;
}

.vrg-relocation-guide__full {
	grid-column: 1 / -1;
}

.vrg-relocation-guide__fine-print,
.vrg-relocation-guide__footer-note {
	color: var(--vrg-slate);
	font-size: 0.84rem;
	line-height: 1.5;
}

.vrg-relocation-guide__footer-note {
	margin: 22px 0 0;
}

.vrg-relocation-guide__status {
	border-radius: 6px;
	display: none;
	font-weight: 750;
	line-height: 1.5;
	margin-top: 16px;
	padding: 12px 14px;
}

.vrg-relocation-guide__status.is-visible {
	display: block;
}

.vrg-relocation-guide__status.is-success {
	background: var(--vrg-lime-soft);
	color: #2f5f02;
}

.vrg-relocation-guide__status.is-error {
	background: #fff2f3;
	color: #8c2132;
}

.vrg-relocation-guide__hp {
	display: none !important;
}

@media (max-width: 760px) {
	.vrg-relocation-guide__intro,
	.vrg-relocation-guide__choice-grid,
	.vrg-relocation-guide__mini-grid,
	.vrg-relocation-guide__adaptive-grid,
	.vrg-relocation-guide__lead-grid,
	.vrg-relocation-guide__insight-grid,
	.vrg-relocation-guide__highlight-grid,
	.vrg-relocation-guide__result-main {
		grid-template-columns: 1fr;
	}

	.vrg-relocation-guide__topline,
	.vrg-relocation-guide__cta-panel {
		align-items: stretch;
		flex-direction: column;
	}

	.vrg-relocation-guide__count {
		min-width: 0;
		text-align: left;
	}

	.vrg-relocation-guide__cta,
	.vrg-relocation-guide button {
		width: 100%;
	}
}
