/* GE2studio V1.8.0 — acquisition and premium decision journey. */
.decision-promise--premium {
	padding-bottom: 128px;
	background:
		radial-gradient(circle at 88% 10%, rgba(221, 100, 44, .17), transparent 25%),
		radial-gradient(circle at 8% 92%, rgba(185, 74, 27, .08), transparent 24%),
		linear-gradient(180deg, #f7f3ec 0%, #eae2d7 100%);
}

.decision-promise--premium::before { opacity: .17; }

.decision-promise-bridge {
	color: #6a3a24 !important;
	letter-spacing: .09em;
	text-transform: uppercase;
	align-items: center;
	gap: 13px;
	margin-top: 27px !important;
	font-size: 10px !important;
	font-weight: 800;
	display: flex;
}

.decision-promise-bridge i {
	background: linear-gradient(90deg, #b94a1b, rgba(185, 74, 27, .18));
	width: 56px;
	height: 1px;
}

.decision-journey {
	--journey-pad: clamp(32px, 4.7vw, 66px);
	isolation: isolate;
	color: var(--ivory);
	background:
		radial-gradient(circle at 88% 6%, rgba(221, 100, 44, .23), transparent 27%),
		radial-gradient(circle at 7% 92%, rgba(225, 122, 75, .10), transparent 24%),
		linear-gradient(137deg, #1b1d1f 0%, #111315 58%, #18130f 100%);
	border: 1px solid rgba(244, 240, 232, .19);
	border-radius: clamp(24px, 2.5vw, 36px);
	margin-top: clamp(64px, 6vw, 88px);
	position: relative;
	overflow: hidden;
	box-shadow: 0 42px 110px rgba(16, 17, 18, .32), inset 0 1px rgba(255, 255, 255, .08);
}

.decision-journey::before {
	content: "";
	pointer-events: none;
	border: 1px solid rgba(225, 122, 75, .13);
	border-radius: 50%;
	aspect-ratio: 1;
	width: min(560px, 44vw);
	position: absolute;
	top: -330px;
	right: -90px;
	box-shadow: 0 0 0 54px rgba(225, 122, 75, .035), 0 0 0 118px rgba(225, 122, 75, .02);
}

.decision-journey-meta {
	color: #aaa59d;
	letter-spacing: .14em;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(244, 240, 232, .13);
	justify-content: space-between;
	align-items: center;
	min-height: 64px;
	padding: 0 var(--journey-pad);
	font-size: 10px;
	font-weight: 780;
	display: flex;
	position: relative;
	z-index: 2;
}

.decision-journey-meta span { color: #e17a4b; }
.decision-journey-meta small { color: #8f8a82; font-size: inherit; }

.decision-journey-stage { min-height: 460px; position: relative; }

.decision-journey-line {
	width: calc(100% - var(--journey-pad) - var(--journey-pad));
	height: 100%;
	position: absolute;
	top: 0;
	left: var(--journey-pad);
	overflow: visible;
}

.decision-journey-line-shadow,
.decision-journey-line-accent {
	fill: none;
	vector-effect: non-scaling-stroke;
}

.decision-journey-line-shadow { stroke: rgba(244, 240, 232, .09); stroke-width: 8px; }
.decision-journey-line-accent { stroke-width: 1.6px; }

.decision-journey-steps {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	height: 460px;
	margin: 0;
	padding: 0 var(--journey-pad);
	list-style: none;
	display: grid;
	position: relative;
	z-index: 2;
}

.decision-journey-steps li {
	--node-y: 50%;
	min-width: 0;
	height: 100%;
	padding: 0 clamp(7px, .8vw, 13px);
	position: relative;
}

.decision-journey-steps li:nth-child(1) { --node-y: 62%; }
.decision-journey-steps li:nth-child(2) { --node-y: 38%; }
.decision-journey-steps li:nth-child(3) { --node-y: 56%; }
.decision-journey-steps li:nth-child(4) { --node-y: 34%; }
.decision-journey-steps li:nth-child(5) { --node-y: 50%; }
.decision-journey-steps li:nth-child(6) { --node-y: 35%; }

.decision-journey-node {
	z-index: 3;
	color: #e17a4b;
	background: radial-gradient(circle at 70% 15%, rgba(225, 122, 75, .26), transparent 48%), #17191b;
	border-color: rgba(225, 122, 75, .55);
	border-radius: 50%;
	width: 54px;
	height: 54px;
	position: absolute;
	top: var(--node-y);
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 0 7px rgba(17, 19, 21, .92), 0 0 0 8px rgba(225, 122, 75, .17), 0 16px 35px rgba(0, 0, 0, .35);
}

.decision-journey-steps .is-decision .decision-journey-node {
	color: #fffdf9;
	background: linear-gradient(145deg, #e17a4b, #b94a1b);
	border-color: #f4a17b;
	box-shadow: 0 0 0 7px rgba(17, 19, 21, .94), 0 0 0 8px rgba(240, 139, 92, .42), 0 0 30px rgba(225, 122, 75, .25);
}

.decision-journey-steps .is-measure .decision-journey-node {
	color: #f2a07c;
	border-color: rgba(242, 160, 124, .8);
	box-shadow: 0 0 0 7px rgba(17, 19, 21, .94), 0 0 0 8px rgba(242, 160, 124, .24), 0 0 30px rgba(225, 122, 75, .16);
}

.decision-journey-copy {
	position: absolute;
	right: clamp(7px, .8vw, 13px);
	left: clamp(7px, .8vw, 13px);
}

.decision-journey-steps .is-above .decision-journey-copy { bottom: calc(100% - var(--node-y) + 43px); }
.decision-journey-steps .is-below .decision-journey-copy { top: calc(var(--node-y) + 43px); }

.decision-journey-copy > span {
	color: #e17a4b;
	font: 520 21px/1 "Newsreader Variable", Georgia, serif;
	display: block;
}

.decision-journey-copy small {
	color: #aaa59d;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin-top: 13px;
	font-size: 9px;
	font-weight: 780;
	display: block;
}

.decision-journey-copy h3 {
	color: #f4f0e8;
	letter-spacing: -.025em;
	margin: 7px 0 10px;
	font-family: "Newsreader Variable", Georgia, serif;
	font-size: clamp(26px, 1.85vw, 32px);
	font-weight: 520;
	line-height: 1;
}

.decision-journey-copy p {
	color: #aaa59d;
	max-width: 23ch;
	margin: 0;
	font-size: 12px;
	line-height: 1.58;
}

.decision-journey-steps .is-decision h3,
.decision-journey-steps .is-measure h3 { color: #f2a07c; }

.decision-journey-principle {
	background: rgba(255, 255, 255, .035);
	border-top: 1px solid rgba(244, 240, 232, .14);
	grid-template-columns: minmax(270px, .82fr) minmax(330px, 1.2fr) auto;
	align-items: center;
	gap: clamp(28px, 4vw, 62px);
	padding: clamp(30px, 3vw, 44px) var(--journey-pad);
	display: grid;
	position: relative;
	z-index: 2;
}

.decision-journey-principle > div > span {
	color: #e17a4b;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 800;
}

.decision-journey-principle h3 {
	color: #f4f0e8;
	letter-spacing: -.025em;
	max-width: 430px;
	margin: 11px 0 0;
	font-size: clamp(21px, 1.8vw, 28px);
	font-weight: 630;
	line-height: 1.25;
}

.decision-journey-principle > p {
	color: #aaa59d;
	max-width: 62ch;
	margin: 0;
	font-size: 14px;
	line-height: 1.72;
}

.decision-journey-principle .text-link { color: #f4f0e8; white-space: nowrap; }
.decision-journey-principle .text-link svg { transition: transform .2s ease; }
.decision-journey-principle .text-link:hover svg { transform: translateX(4px); }
.decision-journey-principle .text-link:focus-visible { outline: 3px solid #f3b08d; outline-offset: 5px; }

.migration-bsport-data > div:first-child .text-link {
	display: flex;
	width: max-content;
	max-width: 100%;
}

.migration-bsport-data > div:first-child .text-link + .text-link { margin-top: 16px; }

.migration-bsport-faq { padding-top: 124px; padding-bottom: 124px; }

.migration-generic-actions {
	justify-content: center;
	align-items: center;
	gap: 28px;
	margin-top: 32px;
	display: flex;
}

.final-cta .migration-generic-actions .migration-generic-secondary { color: var(--ivory); }

@media (width <= 1180px) {
	.decision-journey-line { display: none; }
	.decision-journey-stage { min-height: 0; }
	.decision-journey-steps { height: auto; padding: 12px var(--journey-pad); display: block; }
	.decision-journey-steps::before {
		content: "";
		background: linear-gradient(180deg, rgba(225, 122, 75, .25), #e17a4b 48%, #f08b5c);
		width: 1px;
		position: absolute;
		top: 52px;
		bottom: 52px;
		left: calc(var(--journey-pad) + 28px);
	}
	.decision-journey-steps li { min-height: 0; height: auto; grid-template-columns: 68px minmax(0, 1fr); align-items: start; padding: 26px 0; display: grid; }
	.decision-journey-node { grid-area: 1 / 1; position: relative; top: auto; left: auto; transform: none; }
	.decision-journey-copy,
	.decision-journey-steps .is-above .decision-journey-copy,
	.decision-journey-steps .is-below .decision-journey-copy { grid-area: 1 / 2; position: static; }
	.decision-journey-copy p { max-width: 55ch; font-size: 14px; }
	.decision-journey-principle { grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); }
	.decision-journey-principle .text-link { grid-column: 2; justify-self: start; }
}

@media (width <= 720px) {
	.decision-promise--premium { padding: 76px 18px 86px; }
	.decision-promise-bridge { flex-wrap: wrap; gap: 9px; }
	.decision-promise-bridge i { width: 34px; }
	.decision-journey { --journey-pad: 18px; border-radius: 22px; margin-top: 48px; }
	.decision-journey-meta { min-height: 58px; font-size: 9px; }
	.decision-journey-steps::before { left: calc(var(--journey-pad) + 23px); }
	.decision-journey-steps li { grid-template-columns: 60px minmax(0, 1fr); padding: 23px 0; }
	.decision-journey-node { width: 46px; height: 46px; box-shadow: 0 0 0 5px rgba(17, 19, 21, .94), 0 0 0 6px rgba(225, 122, 75, .19); }
	.decision-journey-node svg { width: 19px; height: 19px; }
	.decision-journey-copy > span { font-size: 19px; }
	.decision-journey-copy small { margin-top: 12px; }
	.decision-journey-copy h3 { font-size: 29px; }
	.decision-journey-principle { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 28px 22px; }
	.decision-journey-principle .text-link { grid-column: auto; white-space: normal; }
	.migration-bsport-faq { padding-top: 84px; padding-bottom: 84px; }
	.migration-generic-actions { flex-direction: column; align-items: stretch; gap: 18px; }
	.migration-generic-actions .pill { width: 100%; }
	.migration-generic-actions .text-link { width: max-content; max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.decision-journey-principle .text-link svg { transition: none; }
}