/* Generated bundle: service.css */
/* Source fragments:
 * - public/assets/css-src/service/10-service-page-layout.css
 * - public/assets/css-src/service/90-service-contrast-lift.css
 */

/* Source fragment: 40-service-page-layout.css */
/* Service-page hero, trust panel, callouts, and service-specific layout rules. */

/* Service Page */

#banner.service-banner {
	align-items: flex-start;
	display: block;
	height: auto;
	margin-bottom: 0;
	max-height: none;
	min-height: 0;
	padding: 4.35em 0 1.95em 0;
	top: 0;
}

.service-banner > .inner {
	max-width: 76em;
	width: calc(100% - 5em);
}

.service__kicker {
	letter-spacing: .12em;
	text-transform: uppercase;
	font-size: .75em;
	opacity: .9;
	margin-bottom: .6rem;
}

/* HERO GRID: dedicated service hero layout */
.service__hero-shell {
	display: grid;
	grid-template-columns: minmax(0, 1.14fr) minmax(320px, 0.86fr);
	gap: 1rem 2.15rem;
	align-items: start;
	width: 100%;
}

.service__hero-left,
.service__hero-right,
.service__content {
	min-width: 0;
}

.service__hero-header {
	margin: 0 0 0.8rem;
	max-width: 42rem;
	padding-top: 0.2rem;
}

.service__hero-header h1,
.service__kicker + h1 {
	font-size: clamp(2.05rem, 3vw, 2.85rem);
	line-height: 1.04;
	margin: 0;
	max-width: 15ch;
}

.service__content {
	width: 100%;
}

.service__hero-left p {
	max-width: 39rem;
}

.service__hero-right {
	display: grid;
	gap: 1rem;
	align-content: start;
	background:
		radial-gradient(circle at 78% 16%, rgba(181, 245, 255, 0.12), transparent 28%),
		linear-gradient(180deg, rgba(18, 26, 48, 0.66), rgba(12, 18, 34, 0.58));
	border: 1px solid rgba(255, 255, 255, 0.08);
	-webkit-backdrop-filter: blur(16px) saturate(125%);
	backdrop-filter: blur(16px) saturate(125%);
	border-radius: 1.3rem;
	box-shadow: 0 22px 58px rgba(4, 8, 20, 0.18);
	isolation: isolate;
	overflow: hidden;
	padding: 1.12rem 1.08rem 1.28rem;
	position: relative;
}

.service__hero-right::after {
	background:
		linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent),
		repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0 1px, transparent 1px 18px);
	border-radius: 1rem;
	content: '';
	inset: 0.7rem;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent 92%);
	opacity: 0.45;
	pointer-events: none;
	position: absolute;
	transform: translate3d(0, 0, 0);
	transform-origin: 50% 50%;
	animation: service-hero-grid-drift 18s ease-in-out infinite;
	will-change: transform, opacity;
}

.service__hero-right::before {
	background:
		radial-gradient(circle at 18% 78%, rgba(111, 195, 223, 0.22), transparent 24%),
		radial-gradient(circle at 82% 72%, rgba(181, 245, 255, 0.16), transparent 22%),
		radial-gradient(circle at 58% 108%, rgba(255, 214, 137, 0.12), transparent 24%);
	border-radius: 1rem;
	content: '';
	filter: blur(16px);
	inset: 18% 0.35rem -8% 0.35rem;
	opacity: 0.94;
	pointer-events: none;
	position: absolute;
	transform: translate3d(0, 0, 0) scale(1);
	transform-origin: 50% 60%;
	animation: service-hero-glow-drift 14s ease-in-out infinite alternate;
	will-change: transform, opacity, filter;
}

.service__hero-right > * {
	position: relative;
	z-index: 1;
}

@keyframes service-hero-glow-drift {
	0% {
		transform: translate3d(-2%, 2%, 0) scale(0.98);
		opacity: 0.78;
		filter: blur(15px);
	}

	35% {
		transform: translate3d(2.5%, -3%, 0) scale(1.04);
		opacity: 0.96;
		filter: blur(18px);
	}

	68% {
		transform: translate3d(-1.5%, -5%, 0) scale(1.01);
		opacity: 0.88;
		filter: blur(16px);
	}

	100% {
		transform: translate3d(4%, 1%, 0) scale(1.06);
		opacity: 0.98;
		filter: blur(19px);
	}
}

@keyframes service-hero-grid-drift {
	0% {
		transform: translate3d(-0.45rem, 0, 0);
		opacity: 0.3;
	}

	50% {
		transform: translate3d(0.28rem, -0.18rem, 0);
		opacity: 0.47;
	}

	100% {
		transform: translate3d(0.56rem, 0.14rem, 0);
		opacity: 0.34;
	}
}

@media (prefers-reduced-motion: reduce) {
	.service__hero-right::before,
	.service__hero-right::after {
		animation: none;
	}
}

.service__hero-lede {
	font-size: 1.12rem;
	line-height: 1.45;
	margin-bottom: 0.7rem;
	max-width: 29rem;
}

.service__trust-list {
	display: grid;
	gap: 0.45rem;
	list-style: none;
	margin: 0.95rem 0 0;
	padding: 0;
}

.service__trust-list li {
	padding-left: 1.2rem;
	position: relative;
}

.service__trust-list li:before {
	color: #9bf1ff;
	content: '>';
	font-weight: 700;
	left: 0;
	position: absolute;
	top: 0;
}

.service-privacy-strip {
	padding: 0;
}

.service-privacy-strip > .inner {
	padding-top: 0;
}

.service-privacy-strip__shell {
	background:
		radial-gradient(circle at 85% 0%, rgba(155, 241, 255, 0.16), transparent 38%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 1.4rem;
	box-shadow:
		0 20px 60px rgba(8, 15, 32, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.07);
	display: grid;
	gap: 1.4rem;
	padding: 1.45rem 1.5rem 1.55rem;
}

.service-privacy-strip__intro {
	max-width: 54rem;
}

.service-privacy-strip__eyebrow {
	color: rgba(181, 245, 255, 0.92);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.17em;
	margin: 0 0 0.7rem;
	text-transform: uppercase;
}

.service-privacy-strip__intro h2 {
	font-size: clamp(1.5rem, 2vw, 2rem);
	line-height: 1.18;
	margin: 0 0 0.8rem;
}

.service-privacy-strip__intro p {
	color: rgba(248, 251, 255, 0.86);
	font-size: 1.04rem;
	line-height: 1.78;
	margin: 0;
	max-width: 48rem;
}

.service-privacy-strip__facts {
	display: grid;
	gap: 0.95rem;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.service-privacy-strip__fact {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.022));
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 1rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	padding: 1rem 1rem 1.05rem;
}

.service-privacy-strip__fact-label {
	color: rgba(181, 245, 255, 0.92);
	display: block;
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.service-privacy-strip__fact-value {
	color: #ffffff;
	display: block;
	font-size: 1.08rem;
	line-height: 1.42;
}

.service-privacy-strip__fact-detail {
	color: rgba(248, 251, 255, 0.7);
	display: block;
	font-size: 0.97rem;
	line-height: 1.62;
	margin-top: 0.42rem;
}

.service-privacy-strip__footer {
	color: rgba(248, 251, 255, 0.8);
	font-size: 1rem;
	line-height: 1.72;
	margin: 0;
}

.service-privacy-strip__footer a {
	font-weight: 700;
}

.home-privacy-strip {
	padding: 0 0 0.9rem;
}

.home-privacy-strip > .inner {
	padding-top: 0;
}

.decision-strip {
	padding: 0 0 1.4rem;
	position: relative;
}

.decision-strip::before,
.decision-strip::after {
	content: '';
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.decision-strip::before {
	left: 3%;
	top: 0.55rem;
	width: min(24rem, 34vw);
	height: 12rem;
	background: radial-gradient(circle, rgba(155, 241, 255, 0.2), rgba(155, 241, 255, 0) 70%);
	filter: blur(1.85rem);
	opacity: 0.56;
}

.decision-strip::after {
	right: 2%;
	bottom: 1.1rem;
	width: min(21rem, 30vw);
	height: 10.5rem;
	background: radial-gradient(circle, rgba(135, 197, 164, 0.16), rgba(135, 197, 164, 0) 72%);
	filter: blur(1.9rem);
	opacity: 0.46;
}

.decision-strip > .inner {
	padding-top: 0;
	position: relative;
	z-index: 1;
}

.decision-strip__shell {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	gap: 1.2rem 1.35rem;
	align-items: start;
	padding: 1.6rem 1.55rem 1.4rem;
	background:
		radial-gradient(circle at 12% 16%, rgba(227, 252, 255, 0.09), transparent 18%),
		radial-gradient(circle at 86% 14%, rgba(155, 241, 255, 0.16), transparent 22%),
		radial-gradient(circle at 82% 88%, rgba(135, 197, 164, 0.1), transparent 24%),
		linear-gradient(135deg, rgba(20, 29, 54, 0.76), rgba(9, 15, 29, 0.52) 42%, rgba(8, 12, 24, 0.76) 100%);
	border: 1px solid rgba(214, 246, 255, 0.08);
	border-radius: 1.95rem;
	box-shadow:
		0 1.9rem 4rem rgba(4, 8, 20, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);
	-webkit-backdrop-filter: blur(20px) saturate(150%);
	backdrop-filter: blur(20px) saturate(150%);
	overflow: hidden;
	isolation: isolate;
}

.decision-strip__shell::before,
.decision-strip__shell::after {
	content: '';
	pointer-events: none;
	position: absolute;
}

.decision-strip__shell::before {
	inset: 0;
	background:
		radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.18), transparent 11%),
		radial-gradient(circle at 86% 18%, rgba(155, 241, 255, 0.16), transparent 16%),
		linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.045) 36%, transparent 58%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px);
	background-size: auto, auto, 180% 100%, 5rem 5rem, 5rem 5rem;
	background-position: center center, center center, -160% 0, center center, center center;
	mask-image: linear-gradient(125deg, transparent 0%, rgba(0, 0, 0, 0.94) 18%, rgba(0, 0, 0, 0.42) 78%, transparent 100%);
	opacity: 0.52;
	animation: decision-strip-shell-scan 13.5s linear infinite;
}

.decision-strip__shell::after {
	inset: auto -12% -16% 42%;
	height: 15rem;
	background:
		radial-gradient(circle at 24% 44%, rgba(155, 241, 255, 0.22), rgba(155, 241, 255, 0) 34%),
		linear-gradient(128deg, rgba(155, 241, 255, 0) 12%, rgba(155, 241, 255, 0.14) 48%, rgba(155, 241, 255, 0) 78%);
	filter: blur(1rem);
	opacity: 0.76;
	transform: rotate(-8deg);
}

.decision-strip__hero,
.decision-strip__flow,
.decision-strip__proof {
	min-width: 0;
	position: relative;
	z-index: 1;
}

.decision-strip__hero {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

header.major.decision-strip__header,
.decision-strip__header {
	margin: 0 0 1.05rem;
	max-width: 32rem;
	width: 100%;
}

.decision-strip__header > :first-child {
	width: auto !important;
}

.decision-strip__header > :first-child:after {
	display: none;
}

.decision-strip__header h2::after {
	content: '';
	display: block;
	width: min(8.6rem, 48%);
	height: 1px;
	margin-top: 1rem;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(155, 241, 255, 0.74), rgba(155, 241, 255, 0));
	box-shadow: 0 0 1.5rem rgba(155, 241, 255, 0.18);
}

.decision-strip__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.72rem;
	margin: 0 0 0.95rem;
	color: rgba(233, 246, 255, 0.7);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}

.decision-strip__eyebrow-signal {
	display: inline-block;
	flex: 0 0 auto;
	width: 0.58rem;
	height: 0.58rem;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(214, 246, 255, 0.98) 0%, rgba(155, 241, 255, 0.88) 42%, rgba(155, 241, 255, 0) 82%);
	box-shadow:
		0 0 0 0.16rem rgba(155, 241, 255, 0.08),
		0 0 1rem rgba(155, 241, 255, 0.24);
	animation: decision-strip-pulse 5.8s ease-in-out infinite;
}

.decision-strip__header h2 {
	margin: 0;
	max-width: 11ch;
	font-size: clamp(2.15rem, 3.15vw, 3rem);
	line-height: 0.96;
	letter-spacing: -0.05em;
	text-wrap: balance;
	color: #ffffff;
	background: linear-gradient(115deg, #ffffff 0%, #e6fbff 30%, #9bf1ff 62%, #d3ffe8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 2.1rem rgba(155, 241, 255, 0.1);
}

.decision-strip__intro {
	margin: 0 0 1.1rem;
	max-width: 33rem;
	color: rgba(241, 248, 255, 0.88);
	font-size: 1.12rem;
	line-height: 1.84;
}

.decision-strip__privacy-note {
	position: relative;
	margin: 0 0 1.25rem;
	max-width: 36rem;
	padding: 0.95rem 1rem 0.98rem 3rem;
	color: rgba(241, 248, 255, 0.78);
	font-size: 0.96rem;
	line-height: 1.72;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
		radial-gradient(circle at 94% 14%, rgba(155, 241, 255, 0.12), transparent 24%);
	border: 1px solid rgba(191, 239, 255, 0.12);
	border-radius: 1rem;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 0 1px rgba(155, 241, 255, 0.02);
}

.decision-strip__privacy-note::before,
.decision-strip__privacy-note::after {
	content: '';
	position: absolute;
	pointer-events: none;
}

.decision-strip__privacy-note::before {
	left: 1rem;
	top: 1rem;
	width: 0.82rem;
	height: 0.82rem;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(236, 251, 255, 0.98) 0%, rgba(155, 241, 255, 0.88) 42%, rgba(155, 241, 255, 0) 78%);
	box-shadow:
		0 0 0 0.14rem rgba(155, 241, 255, 0.08),
		0 0 1rem rgba(155, 241, 255, 0.26);
	animation: decision-strip-pulse 5.8s ease-in-out infinite;
}

.decision-strip__privacy-note::after {
	left: 1.45rem;
	top: 1.4rem;
	width: 1rem;
	height: 1px;
	background: linear-gradient(90deg, rgba(155, 241, 255, 0.74), rgba(155, 241, 255, 0));
	opacity: 0.78;
}

.decision-strip__cta {
	display: grid;
	gap: 1rem;
	margin-top: auto;
	padding-top: 0.2rem;
}

.decision-strip__cta p {
	margin: 0;
	max-width: 32rem;
	color: rgba(241, 248, 255, 0.8);
	font-size: 1.02rem;
	line-height: 1.76;
}

.decision-strip__cta .actions {
	margin: 0;
	gap: 0.85rem;
}

.decision-strip__cta .actions li {
	padding-left: 0;
}

.decision-strip__cta .button {
	min-height: 3.45rem;
	padding: 0.88rem 1.4rem;
	border-radius: 999px;
}

.decision-strip__cta .button.primary {
	color: #152038;
	background: linear-gradient(135deg, #fcfeff 0%, #effcff 54%, #dfffee 100%);
	border-color: rgba(255, 255, 255, 0.96);
	box-shadow: 0 1rem 2.2rem rgba(181, 245, 255, 0.16);
}

.decision-strip__cta .button.primary:hover,
.decision-strip__cta .button.primary:focus-visible {
	box-shadow: 0 1.2rem 2.5rem rgba(181, 245, 255, 0.2);
	transform: translateY(-1px);
}

.decision-strip__cta .button:not(.primary) {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
	border-color: rgba(191, 239, 255, 0.22);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	color: #eafcff;
}

.decision-strip__cta .button:not(.primary):hover,
.decision-strip__cta .button:not(.primary):focus-visible {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.04));
	border-color: rgba(191, 239, 255, 0.34);
	transform: translateY(-1px);
}

.decision-strip__flow {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	align-self: start;
	padding-top: 0.2rem;
}

.decision-strip__flow::before,
.decision-strip__flow::after {
	content: '';
	pointer-events: none;
	position: absolute;
}

.decision-strip__flow::before {
	left: 1.2rem;
	right: 1.2rem;
	top: 1.55rem;
	height: 1px;
	background: linear-gradient(90deg, rgba(191, 239, 255, 0), rgba(191, 239, 255, 0.34) 20%, rgba(155, 241, 255, 0.24) 52%, rgba(135, 197, 164, 0.28) 82%, rgba(191, 239, 255, 0));
	opacity: 0.78;
}

.decision-strip__flow::after {
	left: -4%;
	top: 1.08rem;
	width: 38%;
	height: 1rem;
	background: linear-gradient(90deg, rgba(155, 241, 255, 0), rgba(205, 248, 255, 0.32) 40%, rgba(155, 241, 255, 0));
	filter: blur(0.45rem);
	opacity: 0.86;
	animation: decision-strip-flow-scan 7.8s linear infinite;
}

.decision-strip__card {
	--card-offset: 0rem;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-height: 12.8rem;
	padding: 1.18rem 1.1rem 1.16rem;
	background:
		linear-gradient(160deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05) 34%, rgba(8, 13, 25, 0.14) 100%),
		radial-gradient(circle at 86% 10%, rgba(155, 241, 255, 0.2), transparent 26%),
		radial-gradient(circle at 18% 100%, rgba(135, 197, 164, 0.12), transparent 30%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 1.45rem 1.6rem 1.35rem 1.5rem;
	box-shadow:
		0 1.35rem 3rem rgba(4, 8, 20, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
	-webkit-backdrop-filter: blur(18px) saturate(150%);
	backdrop-filter: blur(18px) saturate(150%);
	overflow: hidden;
	transform: translate3d(0, var(--card-offset), 0);
	transition:
		transform 220ms ease,
		border-color 220ms ease,
		box-shadow 220ms ease;
}

.decision-strip__card:nth-child(1) {
	--card-offset: 0.6rem;
}

.decision-strip__card:nth-child(2) {
	--card-offset: 1.15rem;
}

.decision-strip__card:nth-child(3) {
	--card-offset: 0.35rem;
}

.decision-strip__card::before,
.decision-strip__card::after {
	content: '';
	position: absolute;
	pointer-events: none;
}

.decision-strip__card::before {
	left: 1.1rem;
	top: 1rem;
	width: 2.6rem;
	height: 1px;
	background: linear-gradient(90deg, rgba(205, 248, 255, 0.92), rgba(155, 241, 255, 0));
	opacity: 0.84;
}

.decision-strip__card::after {
	right: -14%;
	bottom: -24%;
	width: 72%;
	height: 62%;
	background: linear-gradient(132deg, rgba(111, 195, 223, 0.24), rgba(111, 195, 223, 0) 60%);
	filter: blur(1rem);
	opacity: 0.55;
	animation: decision-strip-card-glow 8.4s ease-in-out infinite;
}

.decision-strip__card:nth-child(2)::after {
	animation-delay: 1.2s;
}

.decision-strip__card:nth-child(3)::after {
	animation-delay: 2.4s;
}

.decision-strip__card:hover,
.decision-strip__card:focus-within {
	transform: translate3d(0, calc(var(--card-offset) - 0.45rem), 0) scale(1.01);
	border-color: rgba(191, 239, 255, 0.26);
	box-shadow:
		0 1.7rem 3.2rem rgba(4, 8, 20, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		0 0 0 1px rgba(181, 245, 255, 0.05);
}

.decision-strip__card-index {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 2.1rem;
	padding: 0.45rem 0.72rem;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(155, 241, 255, 0.16), rgba(155, 241, 255, 0.06));
	border: 1px solid rgba(191, 239, 255, 0.22);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	color: #d8fbff;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1;
	text-transform: uppercase;
}

.decision-strip__card h3 {
	margin: 0;
	max-width: 12ch;
	font-size: 1.28rem;
	line-height: 1.16;
	text-wrap: balance;
}

.decision-strip__card p {
	margin: 0;
	max-width: 18ch;
	color: rgba(239, 246, 255, 0.8);
	font-size: 0.98rem;
	line-height: 1.68;
}

.decision-strip__proof {
	display: grid;
	grid-column: 1 / -1;
	gap: 0.85rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.decision-strip__fact {
	position: relative;
	min-height: 100%;
	padding: 1rem 1rem 1.04rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 1.05rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	overflow: hidden;
}

.decision-strip__fact::before,
.decision-strip__fact::after {
	content: '';
	position: absolute;
	pointer-events: none;
}

.decision-strip__fact::before {
	left: 1rem;
	right: 42%;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(191, 239, 255, 0.24), rgba(191, 239, 255, 0));
	opacity: 0.85;
}

.decision-strip__fact::after {
	right: -18%;
	bottom: -28%;
	width: 70%;
	height: 70%;
	background: radial-gradient(circle, rgba(155, 241, 255, 0.16), rgba(155, 241, 255, 0) 70%);
	opacity: 0.5;
	animation: decision-strip-fact-glow 9.5s ease-in-out infinite;
}

.decision-strip__fact:nth-child(2)::after {
	animation-delay: 1.1s;
}

.decision-strip__fact:nth-child(3)::after {
	animation-delay: 2.2s;
}

.decision-strip__fact:nth-child(4)::after {
	animation-delay: 3.3s;
}

.decision-strip__fact-label {
	color: rgba(236, 249, 255, 0.58);
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	margin-bottom: 0.42rem;
	text-transform: uppercase;
}

.decision-strip__fact-value {
	color: #ffffff;
	display: block;
	font-size: 1.04rem;
	line-height: 1.42;
}

.decision-strip__fact-detail {
	color: rgba(239, 246, 255, 0.66);
	display: block;
	font-size: 0.92rem;
	line-height: 1.58;
	margin-top: 0.42rem;
}

@keyframes decision-strip-shell-scan {
	0% {
		background-position: center center, center center, -160% 0, center center, center center;
	}

	100% {
		background-position: center center, center center, 190% 0, center center, center center;
	}
}

@keyframes decision-strip-pulse {
	0%,
	100% {
		box-shadow:
			0 0 0 0.16rem rgba(155, 241, 255, 0.08),
			0 0 1rem rgba(155, 241, 255, 0.24);
		opacity: 0.92;
	}

	50% {
		box-shadow:
			0 0 0 0.36rem rgba(155, 241, 255, 0.02),
			0 0 1.35rem rgba(155, 241, 255, 0.34);
		opacity: 1;
	}
}

@keyframes decision-strip-flow-scan {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 0;
	}

	10%,
	68% {
		opacity: 0.86;
	}

	100% {
		transform: translate3d(285%, 0, 0);
		opacity: 0;
	}
}

@keyframes decision-strip-card-glow {
	0%,
	100% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0.5;
	}

	50% {
		transform: translate3d(-0.22rem, -0.14rem, 0) scale(1.1);
		opacity: 0.88;
	}
}

@keyframes decision-strip-fact-glow {
	0%,
	100% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0.42;
	}

	50% {
		transform: translate3d(-0.28rem, -0.18rem, 0) scale(1.08);
		opacity: 0.74;
	}
}

.service__hero-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.95rem 1rem;
	list-style: none;
	margin-left: 0;
	margin-top: 1.25rem;
	margin-bottom: 0.55rem;
	padding-left: 0;
}

.service__hero-actions li {
	padding: 0;
}

.service__hero-actions .button {
	margin: 0;
}

.service__hero-actions .button:not(.primary) {
	background: rgba(18, 28, 51, 0.88);
	border-color: rgba(255, 255, 255, 0.32);
	box-shadow: 0 14px 32px rgba(3, 8, 20, 0.16);
}

.service__hero-actions .button:not(.primary):hover,
.service__hero-actions .button:not(.primary):active {
	background: rgba(28, 40, 68, 0.96);
	border-color: rgba(181, 245, 255, 0.34);
}

/* Keywords: use spans, not UL, to avoid template list bullets and weird outlines */
.service__keyword-pills {
	align-items: flex-start;
	background:
		linear-gradient(180deg, rgba(18, 26, 48, 0.64), rgba(12, 18, 34, 0.72)),
		radial-gradient(circle at 18% 110%, rgba(111, 195, 223, 0.2), transparent 42%),
		radial-gradient(circle at 82% 100%, rgba(181, 245, 255, 0.16), transparent 36%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	-webkit-backdrop-filter: blur(18px) saturate(130%);
	backdrop-filter: blur(18px) saturate(130%);
	border-radius: 1.08rem;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 22px 44px rgba(4, 8, 20, 0.2);
	display: flex;
	flex-wrap: wrap;
	gap: .72rem .82rem;
	margin-top: .15rem;
	overflow: hidden;
	padding: 1rem 1rem 1.06rem;
	position: relative;
}

.service__keyword-pills::before,
.service__keyword-pills::after {
	content: '';
	pointer-events: none;
	position: absolute;
}

.service__keyword-pills::before {
	background:
		radial-gradient(circle at 50% 110%, rgba(181, 245, 255, 0.3), transparent 46%),
		radial-gradient(circle at 18% 86%, rgba(135, 197, 164, 0.12), transparent 24%),
		radial-gradient(circle at 86% 84%, rgba(111, 195, 223, 0.12), transparent 24%);
	bottom: -16%;
	filter: blur(12px);
	inset: auto -2% -18% -2%;
	opacity: 0.95;
	animation: service-keyword-tray-glow 9.5s ease-in-out infinite;
}

.service__keyword-pills::after {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
		linear-gradient(118deg, transparent 0%, rgba(181, 245, 255, 0.16) 46%, transparent 74%);
	background-size: 34px 34px, 34px 34px, 200% 100%;
	background-position: center center, center center, -160% 0;
	inset: 0;
	mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.18) 34%, rgba(0, 0, 0, 0.92) 68%, rgba(0, 0, 0, 0.95) 100%);
	opacity: 0.58;
	animation: service-keyword-tray-scan 8.6s linear infinite;
}

.service__keyword-pills span {
	display: inline-flex;
	align-items: center;
	flex: 0 1 auto;
	background:
		linear-gradient(180deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.03) 100%),
		radial-gradient(circle at 18% 24%, rgba(181,245,255,.06) 0%, rgba(181,245,255,0) 42%);
	border: 1px solid rgba(194,235,255,.12);
	border-radius: 999px;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.05),
		0 0.55rem 1.2rem rgba(4, 8, 20, .12);
	color: rgba(248,251,255,.92);
	font-size: .84em;
	font-weight: 600;
	gap: .6rem;
	line-height: 1.22;
	min-height: 2.38rem;
	max-width: 100%;
	padding: .48rem 1rem .5rem .86rem;
	position: relative;
	white-space: normal;
	cursor: default;
	overflow: hidden;
	text-shadow: 0 0 .4rem rgba(181,245,255,.03);
	z-index: 1;
}

.service__keyword-pills span::before {
	background: radial-gradient(circle, rgba(181,245,255,.96), rgba(181,245,255,.46) 56%, rgba(181,245,255,0) 74%);
	border-radius: 50%;
	box-shadow:
		0 0 0 .12rem rgba(181,245,255,.08),
		0 0 .72rem rgba(181,245,255,.26);
	content: '';
	flex: 0 0 auto;
	height: .4rem;
	margin-top: .01rem;
	width: .4rem;
	opacity: .92;
	animation: service-signal-pulse 5.8s ease-out infinite;
}

.service__keyword-pills span::after {
	background: linear-gradient(90deg, rgba(181,245,255,.26), rgba(181,245,255,0));
	content: '';
	height: 1px;
	left: .92rem;
	opacity: .34;
	position: absolute;
	right: .92rem;
	top: calc(100% - .22rem);
}

.service__keyword-pills span:nth-child(2n)::before {
	animation-delay: 1s;
}

.service__keyword-pills span:nth-child(3n)::before {
	animation-delay: 2s;
}

@keyframes service-pill-breathe {
	0%, 100% {
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.08),
			inset 0 0 1.35rem rgba(181,245,255,.035),
			0 0 1.4rem rgba(181,245,255,.03);
		border-color: rgba(194,235,255,.18);
	}
	50% {
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.1),
			inset 0 0 1.7rem rgba(181,245,255,.065),
			0 0 1.7rem rgba(181,245,255,.06);
		border-color: rgba(194,235,255,.25);
	}
}

@keyframes service-keyword-tray-glow {
	0%, 100% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0.82;
	}

	50% {
		transform: translate3d(-0.4rem, -0.25rem, 0) scale(1.04);
		opacity: 1;
	}
}

@keyframes service-keyword-tray-scan {
	0% {
		background-position: center center, center center, -160% 0;
	}

	100% {
		background-position: center center, center center, 180% 0;
	}
}

@keyframes service-pill-sheen {
	0%, 72%, 100% {
		left: -42%;
		opacity: 0;
	}
	12% {
		opacity: .28;
	}
	34% {
		left: 108%;
		opacity: .5;
	}
	36% {
		opacity: 0;
	}
}

@keyframes service-signal-pulse {
	0%, 100% {
		box-shadow:
			0 0 0 .12rem rgba(181,245,255,.08),
			0 0 .72rem rgba(181,245,255,.24);
		opacity: .88;
	}
	68% {
		box-shadow:
			0 0 0 .52rem rgba(181,245,255,0),
			0 0 1rem rgba(181,245,255,.3);
		opacity: 1;
	}
}

/* Callout card: clean, readable on the banner */
.service__callout {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
		radial-gradient(circle at 92% 10%, rgba(155, 241, 255, 0.12), transparent 28%);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 1rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	padding: 1rem 1.08rem 1.02rem;
	backdrop-filter: blur(8px);
}

.service__callout .service__muted {
	color: rgba(233, 246, 255, 0.68);
	display: block;
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	margin-bottom: 0.58rem;
	opacity: 1;
	text-transform: uppercase;
}

.service__cta-panel {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
		radial-gradient(circle at 92% 10%, rgba(155, 241, 255, 0.12), transparent 28%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 1rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	padding: 1rem 1.08rem 1.05rem;
}

.service__cta-label {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	margin-bottom: 0.45rem;
	opacity: 0.82;
	text-transform: uppercase;
}

.service__cta-panel p {
	margin: 0;
	line-height: 1.5;
}

.service__hero-left > p:not(.service__hero-lede) {
	line-height: 1.66;
	margin-bottom: 0.82rem;
	max-width: 37rem;
}

#pain,
#what-you-get,
#stack,
#related {
	padding: 0 0 1.45rem;
	position: relative;
}

#pain::before,
#what-you-get::before,
#stack::before,
#related::before {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(155, 241, 255, 0.18) 18%, rgba(155, 241, 255, 0.08) 70%, rgba(255, 255, 255, 0));
	content: '';
	height: 1px;
	inset: 0 0 auto 0;
	opacity: 0.8;
	pointer-events: none;
	position: absolute;
}

#pain > .inner,
#what-you-get > .inner,
#stack > .inner,
#related > .inner {
	max-width: 76em;
	position: relative;
}

#pain .service__pain-shell,
#what-you-get .service__value-shell,
#stack .service__stack-shell,
#related .service__related-shell {
	background:
		radial-gradient(circle at 12% 18%, rgba(227, 252, 255, 0.08), transparent 20%),
		radial-gradient(circle at 84% 16%, rgba(155, 241, 255, 0.14), transparent 26%),
		radial-gradient(circle at 78% 84%, rgba(135, 197, 164, 0.09), transparent 24%),
		linear-gradient(135deg, rgba(20, 29, 54, 0.82), rgba(10, 16, 32, 0.7) 42%, rgba(7, 11, 22, 0.86) 100%);
	border: 1px solid rgba(214, 246, 255, 0.08);
	border-radius: 2rem;
	box-shadow:
		0 1.7rem 4rem rgba(4, 8, 20, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);
	-webkit-backdrop-filter: blur(18px) saturate(135%);
	backdrop-filter: blur(18px) saturate(135%);
	isolation: isolate;
	max-width: 76rem;
	overflow: hidden;
	padding: clamp(1.55rem, 1.15rem + 1.7vw, 2.55rem) clamp(1.3rem, 0.95rem + 2.4vw, 2.75rem);
	position: relative;
}

#pain .service__pain-shell::before,
#pain .service__pain-shell::after,
#what-you-get .service__value-shell::before,
#what-you-get .service__value-shell::after,
#stack .service__stack-shell::before,
#stack .service__stack-shell::after,
#related .service__related-shell::before,
#related .service__related-shell::after {
	content: '';
	pointer-events: none;
	position: absolute;
}

#pain .service__pain-shell::before,
#what-you-get .service__value-shell::before,
#stack .service__stack-shell::before,
#related .service__related-shell::before {
	inset: 0;
	background:
		linear-gradient(115deg, transparent 0, rgba(255, 255, 255, 0.045) 34%, transparent 58%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.014) 1px, transparent 1px);
	background-size: 180% 100%, 4.8rem 4.8rem, 4.8rem 4.8rem;
	background-position: -160% 0, center center, center center;
	mask-image: linear-gradient(135deg, transparent 0, rgba(0, 0, 0, 0.96) 15%, rgba(0, 0, 0, 0.68) 82%, transparent 100%);
	opacity: 0.4;
	animation: service-editorial-sheen 18s linear infinite;
}

#pain .service__pain-shell::after,
#what-you-get .service__value-shell::after,
#stack .service__stack-shell::after,
#related .service__related-shell::after {
	inset: auto -10% -26% 42%;
	height: 17rem;
	background:
		radial-gradient(circle at 22% 40%, rgba(155, 241, 255, 0.14), rgba(155, 241, 255, 0) 32%),
		radial-gradient(circle at 72% 30%, rgba(255, 222, 171, 0.08), rgba(255, 222, 171, 0) 28%),
		linear-gradient(126deg, rgba(155, 241, 255, 0) 12%, rgba(155, 241, 255, 0.1) 48%, rgba(155, 241, 255, 0) 78%);
	filter: blur(1.2rem);
	opacity: 0.68;
	transform: translate3d(0, 0, 0) scale(1);
	transform-origin: 56% 50%;
	animation: service-editorial-glow 20s ease-in-out infinite alternate;
}

#pain .service__pain-copy {
	margin: 0;
	max-width: none;
	width: 100%;
	position: relative;
	z-index: 1;
}

#what-you-get .service__value-copy,
#stack .service__stack-shell,
#related .service__related-shell {
	position: relative;
	z-index: 1;
}

.service__section-strip {
	margin: 0 0 0.95rem;
	color: rgba(214, 246, 255, 0.76);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	line-height: 1.5;
	text-transform: uppercase;
}

#pain .service__pain-header,
.service__section-header {
	display: block;
	margin: 0 0 1.08rem;
	max-width: 54rem;
	width: 100%;
}

.service__section-header--wide {
	max-width: none;
}

#pain .service__pain-header > :first-child,
.service__section-header > :first-child {
	display: block;
	max-width: 100%;
	width: 100%;
}

#pain .service__pain-header > :first-child::after,
.service__section-header > :first-child::after {
	width: min(16rem, 100%);
}

#pain .service__pain-lede {
	color: rgba(244, 249, 255, 0.94);
	font-size: clamp(1.32rem, 1.1rem + 0.9vw, 1.76rem);
	font-weight: 520;
	letter-spacing: -0.03em;
	line-height: 1.34;
	margin: 0 0 1rem;
	max-width: none;
	text-wrap: pretty;
}

.service__section-header h2 {
	font-size: clamp(1.8rem, 2.6vw, 2.45rem);
	letter-spacing: -0.04em;
	line-height: 1.02;
	margin: 0;
	max-width: 100%;
	text-wrap: pretty;
}

#pain .service__pain-header h2,
.service__section-header h2 {
	background: linear-gradient(115deg, #ffffff 0%, #edfaff 34%, #9bf1ff 68%, #d4ffe8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	display: block;
	font-size: clamp(2rem, 2.85vw, 2.85rem);
	letter-spacing: -0.05em;
	line-height: 1.02;
	margin: 0;
	max-width: none;
	width: 100%;
	text-wrap: pretty;
}

#what-you-get .service__section-lede,
#stack .service__section-lede,
#related .service__section-lede {
	color: rgba(244, 249, 255, 0.9);
	font-size: clamp(1.14rem, 1rem + 0.48vw, 1.42rem);
	font-weight: 500;
	line-height: 1.58;
	margin: 0;
	max-width: 52rem;
	text-wrap: pretty;
}

#pain .service__pain-story {
	display: grid;
	gap: 0.95rem;
	max-width: none;
	width: 100%;
}

#pain .service__pain-story p,
#what-you-get .service__value-story p,
#what-you-get .service__value-note,
#stack .service__stack-story p,
#stack .service__stack-note,
#related .service__related-link-description {
	color: rgba(241, 248, 255, 0.82);
	line-height: 1.74;
}

#pain .service__pain-story p {
	font-size: clamp(1.04rem, 0.98rem + 0.24vw, 1.16rem);
	line-height: 1.82;
	margin: 0;
	max-width: none;
}

#what-you-get .service__value-shell,
#stack .service__stack-shell,
#related .service__related-shell {
	display: grid;
	gap: 1.35rem;
}

#what-you-get .service__value-stage {
	display: grid;
	grid-template-columns: minmax(0, 0.94fr) minmax(340px, 1.06fr);
	gap: 1.5rem 2rem;
	align-items: center;
}

#what-you-get .service__value-shell.is-text-only .service__value-stage {
	grid-template-columns: 1fr;
}

#what-you-get .service__value-copy {
	min-width: 0;
	position: relative;
	z-index: 1;
	display: grid;
	align-content: start;
	gap: 1rem;
}

#what-you-get .service__value-story {
	display: grid;
	gap: 0.92rem;
	max-width: 38rem;
}

#what-you-get .service__value-story p,
#what-you-get .service__value-note {
	margin: 0;
	font-size: clamp(1.02rem, 0.96rem + 0.24vw, 1.14rem);
	line-height: 1.8;
}

#what-you-get .service__value-diagram {
	position: relative;
	min-height: 29rem;
	border-radius: 1.8rem;
	overflow: hidden;
	isolation: isolate;
	background:
		radial-gradient(circle at 50% 50%, rgba(155, 241, 255, 0.08), transparent 24%),
		radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.08), transparent 12%),
		radial-gradient(circle at 82% 78%, rgba(255, 220, 168, 0.08), transparent 14%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.008));
	border: 1px solid rgba(255, 255, 255, 0.06);
}

#what-you-get .service__value-diagram::before,
#what-you-get .service__value-diagram::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
}

#what-you-get .service__value-diagram::before {
	background:
		radial-gradient(circle at 50% 50%, rgba(155, 241, 255, 0.15), rgba(155, 241, 255, 0) 42%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);
	background-size: auto, 4rem 4rem, 4rem 4rem;
	mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.28) 76%, transparent 100%);
	opacity: 0.58;
}

#what-you-get .service__value-diagram::after {
	left: 50%;
	top: 50%;
	width: 21rem;
	height: 21rem;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(155, 241, 255, 0.12);
	box-shadow:
		0 0 0 2.8rem rgba(155, 241, 255, 0.03),
		0 0 0 6.1rem rgba(155, 241, 255, 0.02);
}

#what-you-get .service__value-diagram-visual {
	position: absolute;
	left: 1.25rem;
	top: 1.25rem;
	width: min(43%, 15rem);
	aspect-ratio: 0.9;
	border-radius: 1.35rem;
	overflow: hidden;
	box-shadow: 0 1.4rem 3.1rem rgba(4, 8, 20, 0.24);
}

#what-you-get .service__value-diagram-visual::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(7, 11, 22, 0.08), rgba(7, 11, 22, 0.38)),
		radial-gradient(circle at 82% 20%, rgba(155, 241, 255, 0.18), transparent 22%);
}

#what-you-get .service__value-diagram-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transform-origin: 50% 50%;
	transition: transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}

#what-you-get .service__value-core {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12rem;
	height: 12rem;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	padding: 1.4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.52rem;
	text-align: center;
	background:
		radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.16), transparent 50%),
		linear-gradient(160deg, rgba(10, 18, 36, 0.96), rgba(14, 28, 52, 0.86));
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow:
		0 1.4rem 3rem rgba(6, 10, 20, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	z-index: 1;
}

#what-you-get .service__value-core-label {
	color: rgba(214, 246, 255, 0.66);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	line-height: 1.4;
	text-transform: uppercase;
}

#what-you-get .service__value-core strong {
	color: #ffffff;
	font-size: clamp(1.22rem, 1.08rem + 0.42vw, 1.54rem);
	font-weight: 620;
	letter-spacing: -0.03em;
	line-height: 1.08;
	text-wrap: balance;
}

#what-you-get .service__value-node {
	position: absolute;
	display: grid;
	gap: 0.34rem;
	max-width: 12.4rem;
	padding: 0.96rem 1rem 1rem 1.25rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 1.1rem;
	box-shadow: 0 1rem 2.5rem rgba(6, 10, 20, 0.16);
}

#what-you-get .service__value-node::before {
	content: '';
	position: absolute;
	left: 0.88rem;
	top: 1.08rem;
	width: 0.38rem;
	height: 0.38rem;
	border-radius: 50%;
	background: rgba(155, 241, 255, 0.92);
	box-shadow: 0 0 0 0.3rem rgba(155, 241, 255, 0.08);
}

#what-you-get .service__value-node-index,
#related .service__related-link-index {
	color: rgba(214, 246, 255, 0.7);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	line-height: 1;
	padding-left: 0.9rem;
	text-transform: uppercase;
}

#what-you-get .service__value-node-title {
	color: #ffffff;
	font-size: 1.02rem;
	font-weight: 560;
	letter-spacing: -0.02em;
	line-height: 1.34;
	text-wrap: pretty;
}

#what-you-get .service__value-node--1 {
	left: 9%;
	top: 52%;
}

#what-you-get .service__value-node--2 {
	right: 6%;
	top: 14%;
}

#what-you-get .service__value-node--3 {
	right: 8%;
	top: 42%;
}

#what-you-get .service__value-node--4 {
	left: 13%;
	bottom: 10%;
}

#what-you-get .service__value-node--5 {
	right: 14%;
	bottom: 14%;
}

#what-you-get .service__value-node--6 {
	left: 34%;
	top: 10%;
}

#related .service__related-link-title {
	margin: 0;
	color: #ffffff;
	font-size: clamp(1.2rem, 1.05rem + 0.44vw, 1.5rem);
	line-height: 1.16;
	letter-spacing: -0.03em;
}

#what-you-get .service__value-notes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.9rem 1.25rem;
	margin-top: 0.1rem;
}

#what-you-get .service__value-note {
	flex: 1 1 17rem;
	min-width: min(100%, 17rem);
	padding-top: 0.95rem;
	border-top: 1px solid rgba(191, 239, 255, 0.16);
}

#what-you-get .service__value-note strong {
	color: #ffffff;
	font-weight: 560;
}

#what-you-get .service__section-actions {
	margin-top: 0.2rem;
}

#related .service__related-list {
	display: grid;
}

#stack .service__stack-stage {
	display: grid;
	grid-template-columns: minmax(0, 0.96fr) minmax(320px, 1.04fr);
	gap: 1.5rem 2rem;
	align-items: center;
}

#stack .service__stack-copy {
	min-width: 0;
	position: relative;
	z-index: 1;
}

#stack .service__stack-story {
	display: grid;
	gap: 0.92rem;
	max-width: 38rem;
}

#stack .service__stack-story p,
#stack .service__stack-note {
	margin: 0;
	color: rgba(241, 248, 255, 0.82);
	font-size: clamp(1.02rem, 0.96rem + 0.24vw, 1.14rem);
	line-height: 1.8;
}

#stack .service__stack-diagram {
	position: relative;
	min-height: 30rem;
	border-radius: 1.8rem;
	overflow: hidden;
	isolation: isolate;
	background:
		radial-gradient(circle at 50% 50%, rgba(155, 241, 255, 0.08), transparent 22%),
		radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.08), transparent 12%),
		radial-gradient(circle at 82% 78%, rgba(255, 220, 168, 0.08), transparent 14%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.008));
	border: 1px solid rgba(255, 255, 255, 0.06);
}

#stack .service__stack-diagram::before,
#stack .service__stack-diagram::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
}

#stack .service__stack-diagram::before {
	background:
		radial-gradient(circle at 50% 50%, rgba(155, 241, 255, 0.15), rgba(155, 241, 255, 0) 42%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);
	background-size: auto, 4rem 4rem, 4rem 4rem;
	mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.28) 76%, transparent 100%);
	opacity: 0.58;
}

#stack .service__stack-diagram::after {
	left: 50%;
	top: 50%;
	width: 22rem;
	height: 22rem;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(155, 241, 255, 0.12);
	box-shadow:
		0 0 0 3.8rem rgba(155, 241, 255, 0.03),
		0 0 0 7.4rem rgba(255, 255, 255, 0.016);
}

#stack .service__stack-core {
	position: absolute;
	left: 50%;
	top: 50%;
	display: grid;
	gap: 0.35rem;
	place-items: center;
	width: 12rem;
	height: 12rem;
	padding: 1.2rem;
	border-radius: 50%;
	background:
		radial-gradient(circle at 36% 32%, rgba(255, 255, 255, 0.18), transparent 20%),
		linear-gradient(145deg, rgba(18, 30, 57, 0.94), rgba(10, 17, 34, 0.9));
	border: 1px solid rgba(214, 246, 255, 0.14);
	box-shadow:
		0 1.4rem 3rem rgba(4, 8, 20, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2;
}

#stack .service__stack-core-label {
	color: rgba(214, 246, 255, 0.74);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.4;
	text-transform: uppercase;
}

#stack .service__stack-core strong {
	color: #ffffff;
	font-size: 1.28rem;
	line-height: 1.12;
	letter-spacing: -0.03em;
}

#stack .service__stack-node {
	position: absolute;
	display: grid;
	gap: 0.32rem;
	max-width: 11.5rem;
	padding-left: 1.1rem;
	z-index: 2;
}

#stack .service__stack-node::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.34rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(244, 251, 255, 0.98) 0%, rgba(155, 241, 255, 0.9) 44%, rgba(155, 241, 255, 0) 82%);
	box-shadow:
		0 0 0 0.16rem rgba(155, 241, 255, 0.06),
		0 0 1rem rgba(155, 241, 255, 0.18);
}

#stack .service__stack-node-index {
	color: rgba(214, 246, 255, 0.68);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	line-height: 1;
	text-transform: uppercase;
}

#stack .service__stack-node-title {
	color: #ffffff;
	font-size: 1.04rem;
	font-weight: 600;
	line-height: 1.28;
	letter-spacing: -0.02em;
	text-wrap: balance;
}

#stack .service__stack-node--1 {
	left: 10%;
	top: 12%;
}

#stack .service__stack-node--2 {
	right: 8%;
	top: 16%;
}

#stack .service__stack-node--3 {
	right: 9%;
	top: 44%;
}

#stack .service__stack-node--4 {
	left: 14%;
	bottom: 14%;
}

#stack .service__stack-node--5 {
	left: 50%;
	bottom: 8%;
	transform: translateX(-50%);
}

#stack .service__stack-node--6 {
	left: 6%;
	top: 44%;
}

#stack .service__stack-notes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem 1.4rem;
	margin-top: 0.55rem;
}

#stack .service__stack-note {
	flex: 1 1 21rem;
	max-width: calc(50% - 0.7rem);
}

#stack .service__stack-note strong {
	color: #ffffff;
	font-weight: 600;
}

#related .service__related-link {
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: start;
	border-bottom: 0;
	text-decoration: none;
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease;
}

#related .service__related-link-copy {
	display: grid;
	gap: 0.38rem;
}

#related .service__related-link-title {
	display: block;
}

#related .service__related-link-description {
	display: block;
	font-size: 0.98rem;
}

#related .service__related-link-arrow {
	align-self: center;
	color: rgba(214, 246, 255, 0.72);
	font-size: 1.08rem;
	line-height: 1;
	padding-top: 0.16rem;
}

#related .service__related-link:hover,
#related .service__related-link:focus-visible {
	border-color: rgba(214, 246, 255, 0.28);
	transform: translate3d(0.35rem, 0, 0);
}

html.has-site-shell-js .service-reveal-section .service__pain-shell,
html.has-site-shell-js .service-reveal-section .service__value-shell,
html.has-site-shell-js .service-reveal-section .service__stack-shell,
html.has-site-shell-js .service-reveal-section .service__related-shell {
	opacity: 0;
	transform: translate3d(0, 1.4rem, 0);
	transition:
		opacity 0.7s ease,
		transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

html.has-site-shell-js .service-reveal-section.is-revealed .service__pain-shell,
html.has-site-shell-js .service-reveal-section.is-revealed .service__value-shell,
html.has-site-shell-js .service-reveal-section.is-revealed .service__stack-shell,
html.has-site-shell-js .service-reveal-section.is-revealed .service__related-shell {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

html.has-site-shell-js .service-reveal-section .service-stagger-item {
	opacity: 0;
	transform: translate3d(0, 1rem, 0);
	transition:
		opacity 0.52s ease,
		transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--service-stagger-delay, 0ms);
	will-change: opacity, transform;
}

html.has-site-shell-js .service-reveal-section.is-revealed .service-stagger-item {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

html.has-site-shell-js .service-reveal-section.is-revealed .service__value-diagram-visual img {
	transform: scale(1.05);
}

@keyframes service-editorial-sheen {
	0% {
		background-position: -160% 0, center center, center center;
	}

	100% {
		background-position: 190% 0, center center, center center;
	}
}

@keyframes service-editorial-glow {
	0% {
		transform: translate3d(-1rem, 0.6rem, 0) scale(0.98) rotate(-4deg);
		opacity: 0.56;
	}

	50% {
		transform: translate3d(0.65rem, -0.5rem, 0) scale(1.04) rotate(1deg);
		opacity: 0.78;
	}

	100% {
		transform: translate3d(1.4rem, 0.25rem, 0) scale(1.06) rotate(4deg);
		opacity: 0.7;
	}
}

.service__accountability-strip {
	padding: 0 0 1.45rem;
	position: relative;
}

.service__accountability-strip::before,
.service__accountability-strip::after {
	content: '';
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.service__accountability-strip::before {
	left: 4%;
	top: 0.35rem;
	width: min(20rem, 32vw);
	height: 10.5rem;
	background: radial-gradient(circle, rgba(155, 241, 255, 0.16), rgba(155, 241, 255, 0) 72%);
	filter: blur(1.65rem);
	opacity: 0.54;
}

.service__accountability-strip::after {
	right: 2%;
	bottom: 0.8rem;
	width: min(18rem, 28vw);
	height: 9rem;
	background: radial-gradient(circle, rgba(135, 197, 164, 0.14), rgba(135, 197, 164, 0) 72%);
	filter: blur(1.6rem);
	opacity: 0.48;
}

.service__accountability-strip > .inner {
	padding-top: 0;
	position: relative;
	z-index: 1;
}

.service__accountability-shell {
	position: relative;
	display: grid;
	gap: 1.2rem;
	padding: 1.45rem 1.5rem 1.5rem;
	background:
		radial-gradient(circle at 82% 12%, rgba(155, 241, 255, 0.14), transparent 20%),
		radial-gradient(circle at 12% 100%, rgba(135, 197, 164, 0.1), transparent 26%),
		linear-gradient(145deg, rgba(20, 29, 54, 0.78), rgba(9, 15, 29, 0.56) 46%, rgba(8, 12, 24, 0.8) 100%);
	border: 1px solid rgba(214, 246, 255, 0.09);
	border-radius: 1.65rem;
	box-shadow:
		0 1.6rem 3.4rem rgba(4, 8, 20, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);
	-webkit-backdrop-filter: blur(18px) saturate(145%);
	backdrop-filter: blur(18px) saturate(145%);
	overflow: hidden;
	isolation: isolate;
}

.service__accountability-shell::before,
.service__accountability-shell::after {
	content: '';
	pointer-events: none;
	position: absolute;
}

.service__accountability-shell::before {
	inset: 0;
	background:
		linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.045) 38%, transparent 60%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px);
	background-size: 180% 100%, 4.75rem 4.75rem, 4.75rem 4.75rem;
	background-position: -155% 0, center center, center center;
	mask-image: linear-gradient(145deg, rgba(0, 0, 0, 0.95) 16%, rgba(0, 0, 0, 0.36) 78%, transparent 100%);
	opacity: 0.48;
	animation: service-accountability-shell-scan 12.5s linear infinite;
}

.service__accountability-shell::after {
	inset: auto -10% -22% 48%;
	height: 14rem;
	background:
		radial-gradient(circle at 24% 44%, rgba(155, 241, 255, 0.18), rgba(155, 241, 255, 0) 34%),
		linear-gradient(130deg, rgba(155, 241, 255, 0) 14%, rgba(155, 241, 255, 0.12) 48%, rgba(155, 241, 255, 0) 76%);
	filter: blur(1rem);
	opacity: 0.72;
	transform: rotate(-7deg);
}

.service__accountability-shell > * {
	position: relative;
	z-index: 1;
}

.service__accountability-intro {
	max-width: 54rem;
}

.service__accountability-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.72rem;
	margin: 0 0 0.92rem;
	color: rgba(233, 246, 255, 0.72);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}

.service__accountability-eyebrow::before {
	content: '';
	flex: 0 0 auto;
	width: 0.58rem;
	height: 0.58rem;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(214, 246, 255, 0.98) 0%, rgba(155, 241, 255, 0.88) 42%, rgba(155, 241, 255, 0) 82%);
	box-shadow:
		0 0 0 0.16rem rgba(155, 241, 255, 0.08),
		0 0 1rem rgba(155, 241, 255, 0.24);
	animation: service-accountability-pulse 5.8s ease-in-out infinite;
}

.service__accountability-intro h2 {
	margin: 0 0 0.85rem;
	max-width: 14ch;
	font-size: clamp(1.95rem, 3vw, 2.65rem);
	line-height: 1;
	letter-spacing: -0.04em;
	text-wrap: balance;
	color: #ffffff;
	background: linear-gradient(115deg, #ffffff 0%, #e6fbff 34%, #9bf1ff 66%, #d3ffe8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 2rem rgba(155, 241, 255, 0.1);
}

.service__accountability-intro p,
.service__accountability-card h3,
.service__accountability-card p,
.service__accountability-footer {
	hyphens: auto;
	overflow-wrap: anywhere;
}

.service__accountability-intro p {
	margin: 0;
	max-width: 50rem;
	color: rgba(241, 248, 255, 0.84);
	font-size: 1.04rem;
	line-height: 1.8;
}

.service__accountability-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem 1.35rem;
}

.service__accountability-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.72rem;
	min-height: 100%;
	padding: 1.04rem 0 0.1rem 1.16rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0) 84%);
	border: 0;
	border-top: 1px solid rgba(191, 239, 255, 0.18);
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

.service__accountability-card::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.82rem;
	bottom: 0;
	width: 1px;
	background: linear-gradient(180deg, rgba(155, 241, 255, 0.88), rgba(155, 241, 255, 0.08) 68%, rgba(155, 241, 255, 0));
}

.service__accountability-card::after {
	content: '';
	position: absolute;
	left: -0.16rem;
	top: 0.8rem;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(236, 251, 255, 0.98) 0%, rgba(155, 241, 255, 0.9) 44%, rgba(155, 241, 255, 0) 82%);
	box-shadow:
		0 0 0 0.12rem rgba(155, 241, 255, 0.08),
		0 0 1rem rgba(155, 241, 255, 0.18);
	animation: service-rail-pulse 6.6s ease-in-out infinite;
}

.service__accountability-card-index {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: rgba(214, 246, 255, 0.72);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	line-height: 1;
	text-transform: uppercase;
}

.service__accountability-card h3 {
	margin: 0;
	font-size: 1.18rem;
	line-height: 1.2;
	text-wrap: balance;
}

.service__accountability-card p {
	margin: 0;
	color: rgba(239, 246, 255, 0.76);
	font-size: 0.96rem;
	line-height: 1.7;
}

.service__accountability-footer {
	margin: 0;
	max-width: 56rem;
	padding-top: 0.15rem;
	color: rgba(241, 248, 255, 0.8);
	font-size: 0.98rem;
	line-height: 1.78;
}

@keyframes service-accountability-shell-scan {
	0% {
		background-position: -155% 0, center center, center center;
	}

	100% {
		background-position: 190% 0, center center, center center;
	}
}

@keyframes service-accountability-pulse {
	0%,
	100% {
		box-shadow:
			0 0 0 0.16rem rgba(155, 241, 255, 0.08),
			0 0 1rem rgba(155, 241, 255, 0.24);
		opacity: 0.92;
	}

	50% {
		box-shadow:
			0 0 0 0.36rem rgba(155, 241, 255, 0.02),
			0 0 1.35rem rgba(155, 241, 255, 0.34);
		opacity: 1;
	}
}

@keyframes service-pain-shell-scan {
	0% {
		background-position: -160% 0, center center, center center;
	}

	100% {
		background-position: 190% 0, center center, center center;
	}
}

@keyframes service-pain-shell-glow {
	0% {
		transform: translate3d(-1.2rem, 0.7rem, 0) scale(0.98) rotate(-4deg);
		opacity: 0.68;
	}

	42% {
		transform: translate3d(1.1rem, -0.8rem, 0) scale(1.06) rotate(2deg);
		opacity: 0.9;
	}

	100% {
		transform: translate3d(1.9rem, 0.35rem, 0) scale(1.08) rotate(5deg);
		opacity: 0.82;
	}
}

@keyframes service-rail-pulse {
	0%,
	100% {
		box-shadow:
			0 0 0 0.12rem rgba(155, 241, 255, 0.08),
			0 0 1rem rgba(155, 241, 255, 0.18);
		opacity: 0.84;
	}

	50% {
		box-shadow:
			0 0 0 0.3rem rgba(155, 241, 255, 0.02),
			0 0 1.2rem rgba(155, 241, 255, 0.26);
		opacity: 1;
	}
}

@keyframes service-spotlight-glow {
	0%,
	100% {
		transform: rotate(-6deg) translate3d(0, 0, 0) scale(1);
		opacity: 0.62;
	}

	50% {
		transform: rotate(-6deg) translate3d(-0.45rem, -0.28rem, 0) scale(1.06);
		opacity: 0.86;
	}
}

@keyframes service-spotlight-scan {
	0% {
		background-position: -155% 0, center center, center center;
	}

	100% {
		background-position: 185% 0, center center, center center;
	}
}

@media screen and (max-width: 1180px) {
	#banner.service-banner {
		padding: 4.15em 0 2.05em 0;
	}

	.service__hero-shell {
		grid-template-columns: 1fr;
		gap: 0.85rem;
	}

	.service__hero-header {
		max-width: 100%;
		padding-top: 0;
	}

	.service__hero-header h1,
	.service__kicker + h1 {
		max-width: none;
	}

	.service__hero-right {
		justify-self: stretch;
		margin-top: 0.3rem;
		max-width: 100%;
	}

	.decision-strip__shell {
		grid-template-columns: 1fr;
		gap: 1.15rem;
		padding: 1.45rem 1.35rem 1.25rem;
	}

	.decision-strip__flow {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.decision-strip__proof {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.decision-strip__card,
	.decision-strip__card:nth-child(1),
	.decision-strip__card:nth-child(2),
	.decision-strip__card:nth-child(3) {
		--card-offset: 0rem;
		min-height: 0;
	}

	.decision-strip__card p {
		max-width: none;
	}

	.service__accountability-grid {
		gap: 0.95rem 1.05rem;
	}

	#pain .row,
	#stack .row {
		gap: 1rem 1.1rem;
	}

	.spotlights#what-you-get > section {
		gap: 1rem 1.1rem;
	}

	#pain .row > .col-6,
	#stack .row > .col-6,
	#stack .row > .col-12-medium {
		padding: 1.02rem 0 0.12rem 1.08rem !important;
	}
}

/* Mobile: single column, remove any chance of overlap */
@media screen and (max-width: 980px) {
	#banner.service-banner {
		padding: 4em 0 2em 0;
	}
	.service-banner > .inner {
		width: calc(100% - 4em);
	}
	.service__hero-shell {
		grid-template-columns: 1fr;
		gap: 0.9rem;
	}
	.service__hero-left {
		max-width: 100%;
	}
	.service__hero-header {
		max-width: 100%;
		padding-top: 0;
	}
	.service__hero-header h1,
	.service__kicker + h1 {
		max-width: 14ch;
	}
	.service__hero-right {
		margin-top: 0.35rem;
		padding: 1.08rem 1rem 1.18rem;
	}
	.service__keyword-pills {
		padding: 0.92rem 0.9rem 0.98rem;
	}

	.service__accountability-shell {
		padding: 1.3rem 1.2rem 1.3rem;
	}

	.service__accountability-intro h2 {
		max-width: 16ch;
	}

	.service__accountability-grid {
		gap: 0.82rem;
	}

	.service__accountability-card {
		min-width: 0;
	}
	#pain .row,
	#stack .row {
		grid-template-columns: 1fr;
	}
	.service__hero-actions {
		margin-bottom: 0.5rem;
	}
	.operating-arc__intro h2 {
		max-width: none;
	}
	.operating-arc__story {
		grid-template-columns: 1fr;
	}
	.operating-arc__story::before {
		bottom: 1.6rem;
		height: auto;
		left: 1.4rem;
		right: auto;
		top: 1.1rem;
		width: 1px;
	}
	.operating-arc__story::after {
		height: 28%;
		left: -0.2rem;
		top: -10%;
		width: 2.2rem;
		animation-name: operating-arc-scan-vertical;
	}
	.operating-arc__stage--entry {
		transform: none;
	}
	.operating-arc__footer {
		align-items: flex-start;
		flex-direction: column;
	}
	.services-showcase__group-panel {
		grid-template-columns: 1fr;
	}
	.services-showcase__detail-card {
		min-height: 0;
	}

	.decision-strip__shell {
		padding: 1.32rem 1.22rem 1.18rem;
		border-radius: 1.45rem;
	}

	.decision-strip__header {
		max-width: none;
	}

	.decision-strip__header h2 {
		max-width: 12ch;
		font-size: clamp(1.95rem, 4vw, 2.45rem);
	}

	.decision-strip__intro {
		max-width: none;
		font-size: 1.04rem;
		line-height: 1.76;
	}

	.decision-strip__privacy-note {
		max-width: none;
		font-size: 0.96rem;
	}

	.decision-strip__cta p {
		max-width: none;
		font-size: 0.98rem;
		line-height: 1.72;
	}

	.decision-strip__flow {
		grid-template-columns: 1fr;
		gap: 0.85rem;
	}

	.decision-strip__flow::before,
	.decision-strip__flow::after {
		display: none;
	}

	.decision-strip__card h3,
	.decision-strip__card p {
		max-width: none;
	}

	#pain,
	#stack,
	#related,
	.spotlights#what-you-get {
		padding-bottom: 1.25rem;
	}

	#pain header.major,
	#stack header.major,
	#related header.major,
	.spotlights#what-you-get header.major {
		margin-bottom: 1rem;
		max-width: none;
	}

	#pain .service__hero-left {
		max-width: none;
	}

	#pain .service__pain-shell {
		padding: 1.35rem 1.3rem 1.32rem;
	}

	.spotlights#what-you-get > section {
		gap: 1rem;
		grid-template-columns: 1fr;
	}

	.spotlights#what-you-get > section > .image {
		min-height: 16rem;
	}

	.spotlights#what-you-get > section > .content {
		padding: 1.3rem 1.2rem 1.2rem;
	}
}

@media screen and (max-width: 736px) {
	.decision-strip#three {
		display: block !important;
		scroll-margin-top: 4.4rem;
	}

	.decision-strip {
		padding-bottom: 1rem;
	}

	.decision-strip__shell {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		padding: 1.05rem 1rem 1rem;
		border-radius: 1.1rem;
		box-shadow: none;
	}

	.decision-strip__shell::after {
		opacity: 0.55;
	}

	.decision-strip__header {
		margin-bottom: 0.9rem;
	}

	.decision-strip__header h2::after {
		width: min(6.5rem, 54%);
	}

	.decision-strip__header h2 {
		font-size: 1.85rem;
		max-width: 11ch;
	}

	.decision-strip__eyebrow {
		font-size: 0.72rem;
		letter-spacing: 0.2em;
	}

	.decision-strip__intro {
		font-size: 0.98rem;
		line-height: 1.68;
	}

	.decision-strip__privacy-note {
		padding: 0.9rem 0.95rem 0.92rem 2.75rem;
		font-size: 0.9rem;
		line-height: 1.6;
	}

	.decision-strip__privacy-note::before {
		top: 0.96rem;
	}

	.decision-strip__cta {
		gap: 0.85rem;
	}

	.decision-strip__cta p {
		font-size: 0.94rem;
		line-height: 1.62;
	}

	.decision-strip__cta .actions,
	.decision-strip__cta .actions li,
	.decision-strip__cta .actions li > * {
		width: 100%;
	}

	.decision-strip__cta .button {
		min-height: 3.25rem;
		padding: 0.84rem 1rem;
		font-size: 0.82rem;
		letter-spacing: 0.08em;
	}

	.decision-strip__proof {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.service__accountability-shell {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		padding: 1.05rem 1rem 1rem;
		border-radius: 1.1rem;
		box-shadow: none;
	}

	.service__accountability-shell::after {
		opacity: 0.55;
	}

	.service__accountability-eyebrow {
		font-size: 0.72rem;
		letter-spacing: 0.2em;
	}

	.service__accountability-intro h2 {
		font-size: 1.82rem;
		max-width: 17ch;
	}

	.service__accountability-intro p {
		font-size: 0.98rem;
		line-height: 1.68;
	}

	.service__accountability-grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.service__accountability-card {
		padding: 0.92rem 0 0.08rem 1rem;
	}

	.service__accountability-card h3 {
		font-size: 1.08rem;
	}

	.service__accountability-card p,
	.service__accountability-footer {
		font-size: 0.9rem;
		line-height: 1.6;
	}

	.decision-strip__fact {
		padding: 0.92rem 0.95rem 0.96rem;
	}

	.decision-strip__fact-value {
		font-size: 1rem;
	}

	.decision-strip__fact-detail {
		font-size: 0.9rem;
	}

	#pain,
	#stack,
	#related,
	.spotlights#what-you-get {
		padding-bottom: 0.95rem;
	}

	#pain > .inner,
	#stack > .inner,
	#related > .inner {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#pain .service__pain-shell {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		border-radius: 1.15rem;
		box-shadow: none;
		padding: 1.05rem 1rem 1rem;
	}

	#pain .service__pain-shell::after {
		opacity: 0.62;
	}

	#pain .service__pain-lede {
		font-size: 1.16rem;
		line-height: 1.36;
		margin-bottom: 0.84rem;
		max-width: none;
	}

	#pain .service__pain-story {
		gap: 0.78rem;
	}

	#pain .service__pain-story p {
		font-size: 0.96rem;
		line-height: 1.72;
		max-width: none;
	}

	#pain header.major h2,
	#stack header.major h2,
	#related header.major h2,
	.spotlights#what-you-get header.major h3 {
		font-size: 1.78rem;
	}

	#pain .row,
	#stack .row {
		gap: 0.75rem 0;
	}

	#pain .row > .col-6,
	#stack .row > .col-6,
	#stack .row > .col-12-medium {
		box-shadow: none;
		padding: 0.92rem 0 0.08rem 1rem !important;
	}

	.spotlights#what-you-get > section {
		box-shadow: none;
	}

	.spotlights#what-you-get > section > .image {
		min-height: 13rem;
	}

	.spotlights#what-you-get > section > .content {
		padding: 1rem 0.98rem 1.02rem;
	}

	#related ul {
		grid-template-columns: 1fr;
	}

	#related li {
		padding: 0.9rem 0 0.08rem 0.95rem;
	}

	.operating-arc__shell {
		padding: 1.15rem;
	}

	.operating-arc__intro {
		margin-bottom: 1.2rem;
	}

	.operating-arc__intro h2 {
		font-size: 1.95rem;
	}

	.operating-arc__signals {
		gap: 0.55rem;
	}

	.operating-arc__signals span,
	.operating-arc__links a {
		font-size: 0.76rem;
		letter-spacing: 0.04em;
		padding: 0.68rem 0.82rem;
	}

	.operating-arc__stage {
		padding: 1.2rem 1rem 1rem;
	}

	.operating-arc__stage h3 {
		font-size: 1.24rem;
	}

	.operating-arc__footer-copy h3 {
		font-size: 1.28rem;
	}

	.operating-arc__actions,
	.operating-arc__actions li,
	.operating-arc__actions li > * {
		width: 100%;
	}

	.services-showcase__shell {
		padding: 0.9rem;
	}

	.services-showcase__tabs {
		flex-wrap: nowrap;
		margin-inline: -0.1rem;
		overflow-x: auto;
		padding-bottom: 0.15rem;
		scrollbar-width: none;
	}

	.services-showcase__tabs::-webkit-scrollbar {
		display: none;
	}

	.services-showcase__tab {
		flex: 0 0 auto;
	}

	.services-showcase__list,
	.services-showcase__detail-card {
		padding: 1rem;
	}

	.services-showcase__service-trigger {
		gap: 0.75rem;
		grid-template-columns: auto minmax(0, 1fr);
	}

	.services-showcase__service-arrow {
		display: none;
	}

	.services-showcase__detail-card h3 {
		font-size: 1.85rem;
		max-width: none;
	}

	.services-showcase__detail-actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.global-presence__panel {
		padding: 0.9rem;
	}

	.global-presence__map-shell {
		aspect-ratio: 1600 / 720;
	}

	.global-presence__pin {
		height: 1.22rem;
		width: 1.22rem;
	}

	.service__hero-header h1,
	.service__kicker + h1,
	#pain header.major,
	#pain header.major > :first-child,
	.service__accountability-intro h2,
	#what-you-get header.major,
	#what-you-get header.major > :first-child,
	#stack header.major,
	#stack header.major > :first-child,
	.service__content,
	.service__content p,
	.service__content li,
	.service__accountability-intro p,
	.service__accountability-card h3,
	.service__accountability-card p,
	.service__accountability-footer,
	#pain li,
	#stack li,
	.spotlights li {
		hyphens: auto;
		overflow-wrap: anywhere;
	}

	#pain header.major,
	#what-you-get header.major,
	#stack header.major {
		max-width: 100%;
		width: 100%;
	}

	.service__hero-actions,
	.spotlights > section .actions,
	.decision-strip__cta .actions {
		box-sizing: border-box;
		display: grid;
		gap: 0.75rem;
		grid-template-columns: minmax(0, 1fr);
		margin-left: 0;
		max-width: 100%;
		width: 100%;
	}

	.service__hero-actions {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.service__hero-actions li,
	.service__hero-actions li > *,
	.spotlights > section .actions li,
	.spotlights > section .actions li > *,
	.decision-strip__cta .actions li,
	.decision-strip__cta .actions li > * {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
		padding-left: 0;
		width: 100%;
	}

	.service__hero-actions .button,
	.spotlights > section .actions .button,
	.decision-strip__cta .button {
		align-items: center;
		display: flex;
		height: auto;
		justify-content: center;
		line-height: 1.2;
		min-height: 3.45rem;
		overflow-wrap: anywhere;
		padding: 0.9rem 1rem;
		text-align: center;
		white-space: normal;
	}

	.service__hero-actions .button.next,
	.spotlights > section .actions .button.next {
		padding-right: 1rem;
	}

	.service__hero-actions .button.next::before,
	.service__hero-actions .button.next::after,
	.spotlights > section .actions .button.next::before,
	.spotlights > section .actions .button.next::after {
		display: none;
	}

	#pain .row,
	#stack .row {
		margin-left: 0;
		width: 100%;
	}

	#pain .row > *,
	#stack .row > * {
		min-width: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 480px) {
	.service__accountability-shell {
		padding: 0.98rem 0.9rem 0.95rem;
		border-radius: 0.95rem;
	}

	.service__accountability-intro h2 {
		font-size: 1.7rem;
	}

	.service__accountability-card {
		padding: 1rem 0.92rem 0.95rem;
	}

	.service__accountability-card h3 {
		font-size: 1.04rem;
	}

	.service__accountability-card p,
	.service__accountability-footer {
		font-size: 0.92rem;
		line-height: 1.62;
	}

	.decision-strip__shell {
		padding: 0.98rem 0.9rem 0.95rem;
		border-radius: 0.95rem;
	}

	.decision-strip__header h2 {
		font-size: 1.72rem;
	}

	.decision-strip__card {
		padding: 1rem 0.92rem 0.95rem;
	}

	.decision-strip__card h3 {
		font-size: 1.12rem;
	}

	.decision-strip__card p {
		font-size: 0.92rem;
		line-height: 1.58;
	}

	.services-showcase__service-title {
		font-size: 1rem;
	}

	.services-showcase__service-summary {
		-webkit-line-clamp: 3;
	}

	.services-showcase__detail-tags {
		gap: 0.55rem;
	}

	.services-showcase__detail-tags span {
		font-size: 0.69rem;
	}

	#pain header.major h2,
	#stack header.major h2,
	#related header.major h2,
	.spotlights#what-you-get header.major h3 {
		font-size: 1.64rem;
	}

	.spotlights#what-you-get > section > .image {
		min-height: 11.5rem;
	}
}

@media screen and (max-width: 1180px) {
	#what-you-get .service__value-stage {
		grid-template-columns: 1fr;
	}

	#what-you-get .service__value-diagram {
		min-height: 24rem;
	}

	#what-you-get .service__value-diagram-visual {
		width: min(38%, 14rem);
	}

	#what-you-get .service__value-core {
		width: 10.8rem;
		height: 10.8rem;
	}

	#stack .service__stack-stage {
		grid-template-columns: 1fr;
		gap: 1.2rem;
	}

	#stack .service__stack-story {
		max-width: none;
	}

	#stack .service__stack-diagram {
		min-height: 24rem;
	}
}

@media screen and (max-width: 980px) {
	#pain .service__pain-shell,
	#what-you-get .service__value-shell,
	#stack .service__stack-shell,
	#related .service__related-shell {
		padding: 1.35rem 1.28rem 1.3rem;
		border-radius: 1.5rem;
	}

	#what-you-get .service__value-diagram {
		min-height: 22rem;
	}

	#what-you-get .service__value-core {
		width: 9.8rem;
		height: 9.8rem;
		padding: 1.18rem;
	}

	#what-you-get .service__value-node {
		max-width: 11.2rem;
	}

	#stack .service__stack-diagram {
		min-height: 22rem;
	}

	#stack .service__stack-core {
		width: 10.4rem;
		height: 10.4rem;
	}

	#stack .service__stack-note {
		flex-basis: 100%;
		max-width: none;
	}
}

@media screen and (max-width: 736px) {
	#pain .service__pain-shell,
	#what-you-get .service__value-shell,
	#stack .service__stack-shell,
	#related .service__related-shell {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		border-radius: 1.15rem;
		box-shadow: none;
		padding: 1.05rem 1rem 1rem;
	}

	#pain .service__pain-shell::after,
	#what-you-get .service__value-shell::after,
	#stack .service__stack-shell::after,
	#related .service__related-shell::after {
		opacity: 0.52;
	}

	.service__section-strip {
		font-size: 0.7rem;
		letter-spacing: 0.2em;
	}

	#pain .service__pain-header h2,
	.service__section-header h2 {
		font-size: 1.82rem;
	}

	#pain .service__pain-lede,
	#what-you-get .service__section-lede,
	#stack .service__section-lede,
	#related .service__section-lede {
		font-size: 1.02rem;
		line-height: 1.58;
	}

	#pain .service__pain-story p,
	#what-you-get .service__value-story p,
	#what-you-get .service__value-note,
	#stack .service__stack-story p,
	#stack .service__stack-note,
	#related .service__related-link-description {
		font-size: 0.96rem;
		line-height: 1.68;
	}

	#related .service__related-link {
		grid-template-columns: 1fr;
		gap: 0.45rem;
		padding: 0.92rem 0;
	}

	#related .service__related-link-index,
	#related .service__related-link-arrow {
		padding-top: 0;
	}

	#what-you-get .service__value-stage {
		gap: 1rem;
	}

	#what-you-get .service__value-story {
		max-width: none;
	}

	#what-you-get .service__value-diagram {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
		min-height: 0;
		padding: 1rem;
	}

	#what-you-get .service__value-diagram::after {
		display: none;
	}

	#what-you-get .service__value-diagram-visual {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		min-height: 12rem;
		aspect-ratio: auto;
		grid-column: 1 / -1;
		border-radius: 1.15rem;
	}

	#what-you-get .service__value-core {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		min-height: 6.5rem;
		border-radius: 1.2rem;
		transform: none;
		grid-column: 1 / -1;
	}

	#what-you-get .service__value-node,
	#what-you-get .service__value-node--1,
	#what-you-get .service__value-node--2,
	#what-you-get .service__value-node--3,
	#what-you-get .service__value-node--4,
	#what-you-get .service__value-node--5,
	#what-you-get .service__value-node--6 {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		max-width: none;
		padding: 0.9rem 0.9rem 0.9rem 1.25rem;
		transform: none;
	}

	#what-you-get .service__value-node::before {
		left: 0.86rem;
		top: 1rem;
	}

	#what-you-get .service__value-node-title {
		font-size: 0.98rem;
	}

	#what-you-get .service__value-node-index {
		padding-top: 0;
	}

	#what-you-get .service__value-notes {
		display: grid;
		gap: 0.75rem;
	}

	#what-you-get .service__value-note {
		min-width: 0;
	}

	#stack .service__stack-stage {
		gap: 1rem;
	}

	#stack .service__stack-diagram {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
		min-height: 0;
		padding: 1rem;
	}

	#stack .service__stack-diagram::after {
		display: none;
	}

	#stack .service__stack-core {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		min-height: 6.5rem;
		border-radius: 1.2rem;
		transform: none;
		grid-column: 1 / -1;
	}

	#stack .service__stack-node,
	#stack .service__stack-node--1,
	#stack .service__stack-node--2,
	#stack .service__stack-node--3,
	#stack .service__stack-node--4,
	#stack .service__stack-node--5,
	#stack .service__stack-node--6 {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		max-width: none;
		padding: 0.9rem 0.9rem 0.9rem 1.25rem;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
		border: 1px solid rgba(255, 255, 255, 0.06);
		border-radius: 1rem;
		transform: none;
	}

	#stack .service__stack-node::before {
		left: 0.86rem;
		top: 1rem;
	}

	#stack .service__stack-node-title {
		font-size: 0.98rem;
	}

	#stack .service__stack-notes {
		display: grid;
		gap: 0.75rem;
		margin-top: 0.15rem;
	}

	#stack .service__stack-note {
		max-width: none;
	}

	#related .service__related-link-arrow {
		justify-self: start;
	}

	.service__section-actions,
	.service__section-actions li,
	.service__section-actions li > * {
		width: 100%;
	}

	.service__section-actions {
		display: grid;
		gap: 0.75rem;
	}

	.service__section-actions .button {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 3.35rem;
		padding: 0.86rem 1rem;
		white-space: normal;
	}
}

@media (prefers-reduced-motion: reduce) {
	#pain .service__pain-shell::before,
	#pain .service__pain-shell::after,
	#what-you-get .service__value-shell::before,
	#what-you-get .service__value-shell::after,
	#stack .service__stack-shell::before,
	#stack .service__stack-shell::after,
	#related .service__related-shell::before,
	#related .service__related-shell::after,
	.service__accountability-shell::before,
	.service__accountability-eyebrow::before,
	.service__accountability-card::after {
		animation: none !important;
	}

	.decision-strip__shell::before,
	.decision-strip__flow::after,
	.decision-strip__eyebrow-signal,
	.decision-strip__privacy-note::before,
	.decision-strip__card::after,
	.decision-strip__fact::after {
		animation: none !important;
	}

	.spotlights#what-you-get > section > .image img,
	.spotlights#what-you-get > section > .image::after,
	.spotlights#what-you-get > section > .content::before {
		animation: none !important;
	}

	#what-you-get .service__value-diagram-visual img {
		transition: none !important;
	}

	.decision-strip__card,
	.decision-strip__cta .button,
	.spotlights#what-you-get > section > .image img {
		transition: none;
	}

	html.has-site-shell-js .service-reveal-section .service__pain-shell,
	html.has-site-shell-js .service-reveal-section .service__value-shell,
	html.has-site-shell-js .service-reveal-section .service__stack-shell,
	html.has-site-shell-js .service-reveal-section .service__related-shell,
	html.has-site-shell-js .service-reveal-section .service-stagger-item {
		opacity: 1;
		transform: none;
		transition: none;
	}

	html.has-site-shell-js .spotlights#what-you-get .service__deliverables-item {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Futuristic service polish: subtle motion without heavy blur artifacts. */
#banner.service-banner {
	background-position: center center;
	background-size: cover;
	padding: clamp(4.75rem, 7.5vw, 6.6rem) 0 clamp(2.2rem, 4vw, 3rem);
}

.service__hero-shell {
	--service-pointer-x: 72%;
	--service-pointer-y: 28%;
	align-items: stretch;
	background:
		radial-gradient(circle at var(--service-pointer-x) var(--service-pointer-y), rgba(155, 241, 255, 0.18), rgba(155, 241, 255, 0) 23%),
		linear-gradient(115deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0) 42%),
		linear-gradient(145deg, rgba(21, 33, 61, 0.84), rgba(9, 16, 32, 0.8) 52%, rgba(6, 10, 21, 0.9));
	border: 1px solid rgba(214, 246, 255, 0.11);
	border-radius: clamp(1.45rem, 2.5vw, 2.25rem);
	box-shadow:
		0 2rem 5rem rgba(2, 6, 18, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	isolation: isolate;
	overflow: hidden;
	padding: clamp(1.35rem, 2.7vw, 2.6rem);
	position: relative;
}

.service__hero-shell::before,
.service__hero-shell::after {
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.service__hero-shell::before {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
		linear-gradient(110deg, transparent 0%, rgba(155, 241, 255, 0.075) 44%, transparent 66%);
	background-position: center center, center center, -120% 0;
	background-size: 4.75rem 4.75rem, 4.75rem 4.75rem, 220% 100%;
	opacity: 0.68;
	animation: service-shell-scan 18s linear infinite;
}

.service__hero-shell::after {
	background:
		radial-gradient(circle at 18% 78%, rgba(255, 230, 178, 0.12), rgba(255, 230, 178, 0) 18%),
		radial-gradient(circle at 84% 18%, rgba(155, 241, 255, 0.14), rgba(155, 241, 255, 0) 21%);
	opacity: 0.86;
	transform: translate3d(0, 0, 0);
	animation: service-shell-breathe 16s ease-in-out infinite alternate;
}

.service__hero-left,
.service__hero-right,
.service__content {
	position: relative;
	z-index: 1;
}

.service__hero-left {
	display: grid;
	align-content: center;
	min-height: 100%;
}

.service__hero-header {
	max-width: 48rem;
}

.service__hero-header h1,
.service__kicker + h1 {
	font-size: clamp(2.65rem, 5.1vw, 5.45rem);
	letter-spacing: -0.065em;
	line-height: 0.94;
	max-width: 11.5ch;
	text-wrap: balance;
}

.service__content > p:not(.service__hero-lede) {
	color: rgba(241, 248, 255, 0.82);
	font-size: clamp(1.05rem, 1.15vw, 1.22rem);
	line-height: 1.62;
	margin: 0 0 0.95rem;
}

.service__hero-lede {
	color: #ffffff;
	font-size: clamp(1.25rem, 1.6vw, 1.62rem);
	font-weight: 620;
	letter-spacing: -0.035em;
	line-height: 1.24;
	margin-bottom: 0.75rem;
	max-width: 34rem;
}

.service__trust-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.72rem;
	margin-top: 1.2rem;
	max-width: 47rem;
}

.service__trust-list li {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.024));
	border: 1px solid rgba(214, 246, 255, 0.09);
	border-radius: 1rem;
	color: rgba(248, 252, 255, 0.9);
	font-size: 0.93rem;
	line-height: 1.42;
	padding: 0.78rem 0.85rem 0.8rem 2rem;
	transition:
		background-color 0.28s ease,
		border-color 0.28s ease,
		transform 0.28s ease;
}

.service__trust-list li::before {
	left: 0.84rem;
	top: 0.78rem;
}

.service__hero-right {
	align-self: stretch;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.02)),
		linear-gradient(145deg, rgba(16, 31, 57, 0.84), rgba(8, 14, 28, 0.74));
	border-color: rgba(214, 246, 255, 0.12);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
	padding: clamp(1rem, 1.75vw, 1.45rem);
}

.service__hero-right::before {
	background:
		radial-gradient(circle at 22% 78%, rgba(155, 241, 255, 0.16), rgba(155, 241, 255, 0) 25%),
		radial-gradient(circle at 78% 18%, rgba(255, 230, 178, 0.12), rgba(255, 230, 178, 0) 22%);
	filter: none;
	inset: 0;
	opacity: 0.78;
	animation: service-panel-breathe 13s ease-in-out infinite alternate;
}

.service__hero-right::after {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);
	background-size: 3.5rem 3.5rem;
	opacity: 0.36;
	animation: service-grid-drift 18s linear infinite;
}

.service__callout,
.service__cta-panel {
	background: rgba(6, 12, 26, 0.35);
	border: 1px solid rgba(214, 246, 255, 0.1);
	border-radius: 1rem;
	padding: 0.95rem 1rem;
}

.service__keyword-pills {
	gap: 0.55rem;
}

.service__keyword-pills span {
	background: rgba(214, 246, 255, 0.055);
	border: 1px solid rgba(214, 246, 255, 0.11);
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease;
}

#pain .service__pain-shell,
#what-you-get .service__value-shell,
#stack .service__stack-shell,
#related .service__related-shell {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0) 38%),
		linear-gradient(145deg, rgba(18, 30, 57, 0.84), rgba(8, 14, 28, 0.86) 56%, rgba(5, 9, 19, 0.92));
	border-color: rgba(214, 246, 255, 0.105);
	box-shadow:
		0 1.55rem 4rem rgba(2, 6, 18, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#pain .service__pain-shell::after,
#what-you-get .service__value-shell::after,
#stack .service__stack-shell::after,
#related .service__related-shell::after {
	background:
		radial-gradient(circle at 24% 46%, rgba(155, 241, 255, 0.13), rgba(155, 241, 255, 0) 34%),
		linear-gradient(126deg, rgba(155, 241, 255, 0) 12%, rgba(155, 241, 255, 0.07) 48%, rgba(155, 241, 255, 0) 78%);
	filter: none;
	opacity: 0.46;
}

#what-you-get .service__value-diagram,
#stack .service__stack-diagram {
	background:
		radial-gradient(circle at 50% 50%, rgba(155, 241, 255, 0.1), rgba(155, 241, 255, 0) 24%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01));
	border-color: rgba(214, 246, 255, 0.1);
}

#what-you-get .service__value-diagram::before,
#stack .service__stack-diagram::before {
	animation: service-grid-drift 24s linear infinite;
	mask-image: none;
	opacity: 0.44;
}

#what-you-get .service__value-node,
#stack .service__stack-node,
#related .service__related-link {
	transition:
		background-color 0.28s ease,
		border-color 0.28s ease,
		box-shadow 0.28s ease,
		transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
	.service__trust-list li:hover,
	.service__keyword-pills span:hover,
	#what-you-get .service__value-node:hover,
	#stack .service__stack-node:hover,
	#related .service__related-link:hover {
		background-color: rgba(155, 241, 255, 0.07);
		border-color: rgba(155, 241, 255, 0.24);
		transform: translate3d(0, -0.16rem, 0);
	}

	#what-you-get .service__value-node:hover,
	#stack .service__stack-node:hover {
		box-shadow: 0 1.15rem 2.6rem rgba(2, 8, 20, 0.22);
	}
}

@keyframes service-shell-scan {
	0% {
		background-position: center center, center center, -120% 0;
	}

	100% {
		background-position: center center, center center, 160% 0;
	}
}

@keyframes service-shell-breathe {
	0% {
		opacity: 0.7;
		transform: translate3d(-0.5rem, 0.35rem, 0);
	}

	100% {
		opacity: 0.94;
		transform: translate3d(0.55rem, -0.35rem, 0);
	}
}

@keyframes service-panel-breathe {
	0% {
		opacity: 0.62;
		transform: translate3d(-0.35rem, 0.2rem, 0);
	}

	100% {
		opacity: 0.84;
		transform: translate3d(0.35rem, -0.3rem, 0);
	}
}

@keyframes service-grid-drift {
	0% {
		background-position: 0 0, 0 0;
	}

	100% {
		background-position: 3.5rem 0, 0 3.5rem;
	}
}

@media screen and (max-width: 980px) {
	.service__hero-shell {
		grid-template-columns: 1fr;
	}

	.service__trust-list {
		grid-template-columns: 1fr;
	}

	.service__hero-header h1,
	.service__kicker + h1 {
		font-size: clamp(2.45rem, 13vw, 4.25rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.service__hero-shell::before,
	.service__hero-shell::after,
	.service__hero-right::before,
	.service__hero-right::after,
	#what-you-get .service__value-diagram::before,
	#stack .service__stack-diagram::before {
		animation: none !important;
	}
}

/* Service Page End */

/* Source fragment: 90-service-contrast-lift.css */
/* Service-page contrast lift for readable sales copy and clearer panels. */

.service__content > p,
.service__hero-left p,
.service__trust-list li,
.service__callout p,
.service__cta-panel p,
.service__pain-shell p,
.service__value-shell p,
.service__stack-shell p,
.service__related-shell p,
.service__accountability-shell p,
.decision-strip__shell p {
	color: rgba(248, 251, 255, 0.9);
}

.service__hero-lede {
	color: #ffffff;
}

.service__kicker,
.service__keyword-pills span,
.service__section-eyebrow,
.service__accountability-eyebrow {
	color: rgba(191, 239, 255, 0.9);
}

.service__hero-shell,
.service__hero-right,
.service__callout,
.service__cta-panel,
#pain .service__pain-shell,
#what-you-get .service__value-shell,
#stack .service__stack-shell,
#related .service__related-shell,
.service__accountability-shell {
	border-color: rgba(226, 236, 255, 0.18);
}

.service__keyword-pills span,
.service__trust-list li,
#what-you-get .service__value-node,
#stack .service__stack-node,
#related .service__related-link {
	border-color: rgba(226, 236, 255, 0.2);
}