/* Services — Sticky Card Stack (clean rebuild v3.94, ACTS reference 1440px) */
.ssc{
	--ssc-left:46%;
	--ssc-gap:72px;
	--ssc-top:100px;
	--ssc-offset:20px;
	--ssc-card-gap:22px;
	--ssc-card-h:320px;
	--ssc-end:0px;
	--ssc-shadow:none;
	display:grid;
	grid-template-columns:var(--ssc-left) minmax(0,1fr);
	column-gap:var(--ssc-gap);
	align-items:stretch;
	color:#111;
}
.ssc *,.ssc *::before,.ssc *::after{box-sizing:border-box}

/* Intro (left) — pinned while the cards stack */
.ssc-intro{min-width:0}
.ssc-intro-pin{position:sticky;top:var(--ssc-top)}
.ssc-eyebrow{
	margin:0 0 12px;
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	font-size:12px;
	line-height:1;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:#555;
}
.ssc-heading{margin:0 0 20px;font-size:32px;font-weight:400;line-height:1.1;letter-spacing:-.01em;color:#0B1B3A}
.ssc-intro-text{margin:0;max-width:575px;font-size:15px;line-height:1.42;color:#444}

/* Cards (right) */
.ssc-cards{
	display:flex;
	flex-direction:column;
	gap:var(--ssc-card-gap);
	min-width:0;
	padding-bottom:0;
}
.ssc--stack .ssc-cards{padding-bottom:var(--ssc-end)}
.ssc-end{display:none}

.ssc-slot{position:relative;z-index:calc(1 + var(--ssc-i,0))}
.ssc--stack .ssc-slot{
	position:sticky;
	top:calc(var(--ssc-top) + (var(--ssc-i,0) * var(--ssc-offset)));
}
.ssc-card{
	position:relative;
	display:flex;
	height:var(--ssc-card-h);
	overflow:hidden;
	background-color:var(--ssc-bg,#EAF4FD);
	background-image:var(--ssc-img,none);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:var(--ssc-shadow);
	transform:scale(var(--ssc-scale,1));
	transform-origin:top center;
	will-change:transform;
}
.ssc-card-inner{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	width:100%;
	padding:24px 24px 28px;
}
.ssc-title{margin:0 0 12px;font-size:26px;font-weight:400;line-height:1.14;letter-spacing:-.02em;color:#000}
.ssc-text{margin:0;max-width:420px;font-size:16px;line-height:1.44;color:#444}
/* link / button: the wrapper does the spacing, the link can be styled freely */
.ssc-link-wrap{
	display:flex;
	justify-content:flex-start;
	margin-top:auto;
	padding-top:24px;
}
.ssc-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	flex:0 0 auto;
	padding:0;
	border:0 solid transparent;
	border-radius:0;
	background:transparent;
	font-size:13px;
	font-weight:500;
	line-height:1.2;
	color:#000;
	text-decoration:none;
	transition-property:color,background-color,background-image,border-color,box-shadow;
	transition-duration:.2s;
	transition-timing-function:ease;
}
.ssc-link:hover,.ssc-link:focus{text-decoration:none}
.ssc-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* "Button (white box)" starting look — every value can be changed in Style → Link / Button */
.ssc--btn .ssc-link{
	padding:18px 36px;
	background:#FFFFFF;
	color:#0B1A33;
	font-size:18px;
	font-weight:400;
	line-height:1.2;
}
.ssc--btn .ssc-link:hover{background:#F1F4F8}
.ssc-arrow{
	flex:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:var(--ssc-icon,12px);
	height:var(--ssc-icon,12px);
	font-size:var(--ssc-icon,12px);
	line-height:1;
	color:var(--ssc-icon-color,currentColor);
	transition:transform .2s ease,color .2s ease;
}
.ssc-arrow--custom i,
.ssc-arrow--custom svg{display:block;width:1em;height:1em;font-size:inherit;line-height:1}
.ssc-arrow--custom svg{fill:currentColor}
.ssc-link:hover .ssc-arrow{
	color:var(--ssc-icon-hover,var(--ssc-icon-color,currentColor));
	transform:translateX(var(--ssc-icon-shift,0px));
}

@media(max-width:1024px){
	.ssc{--ssc-left:40%;--ssc-gap:40px;--ssc-card-h:300px}
	.ssc-heading{font-size:28px}
	.ssc-title{font-size:24px}
}

@media(max-width:767px){
	.ssc{
		--ssc-card-h:280px;
		--ssc-offset:14px;
		grid-template-columns:1fr;
		row-gap:28px;
	}
	.ssc-intro-pin{position:static}
	.ssc-heading{font-size:26px}
	.ssc-title{font-size:22px}
	.ssc-text{font-size:15px;max-width:none}
	.ssc-card-inner{padding:20px 18px 22px}
	.ssc.ssc--no-mobile-stack .ssc-slot{position:relative;top:auto}
	.ssc.ssc--no-mobile-stack .ssc-card{transform:none}
	.ssc.ssc--no-mobile-stack .ssc-cards{padding-bottom:0}
}

/* Measuring pass: read each card's natural position */
.ssc.is-measuring .ssc-slot{position:relative!important;top:auto!important}