/* W4 · Funktions-Karussell (heller Abschnitt) */
.suritec.suritec-feat {
	background: var(--suritec-light-bg);
	color: var(--suritec-light-text);
}

.suritec-feat__sticky {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(28px, 5vh, 56px);
}

.suritec-feat__head {
	padding: 0 var(--suritec-pad-x);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px;
	flex-wrap: wrap;
}

.suritec .suritec-feat__title {
	font-family: var(--suritec-font-head);
	font-size: clamp(36px, 5vw, 76px);
	line-height: .98;
	font-weight: 600;
	letter-spacing: -.045em;
	max-width: 760px;
	text-wrap: balance;
	color: var(--suritec-light-text);
}

.suritec-feat__counter {
	font-family: var(--suritec-font-mono);
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #6b6258;
}

.suritec-feat__track {
	display: flex;
	gap: 20px;
	padding: 0 var(--suritec-pad-x);
	width: max-content;
	will-change: transform;
	transform: translate3d(calc(var(--fs, 0) * (-100% + 100vw)), 0, 0);
}

.suritec-feat__card {
	width: min(78vw, 380px);
	height: min(56vh, 460px);
	border-radius: 28px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: none;
}

.suritec-feat__num {
	font-family: var(--suritec-font-mono);
	font-size: 12px;
	letter-spacing: .18em;
}

.suritec .suritec-feat__card h3 {
	margin: 0 0 12px;
	font-family: var(--suritec-font-head);
	font-size: 30px;
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: -.03em;
	color: inherit;
}

.suritec .suritec-feat__card p {
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
}

.suritec-feat__card--dark {
	background: var(--suritec-card-2);
	color: var(--suritec-text);
}

.suritec-feat__card--dark .suritec-feat__num {
	color: var(--suritec-primary);
}

.suritec .suritec-feat__card--dark p {
	color: color-mix(in srgb, var(--suritec-text) 72%, transparent);
}

.suritec-feat__card--white {
	background: #fff;
	border: 1px solid var(--suritec-light-line-2);
	color: var(--suritec-light-text);
}

.suritec-feat__card--white .suritec-feat__num {
	color: var(--suritec-light-accent);
}

.suritec .suritec-feat__card--white p {
	color: #5b534a;
}

.suritec-feat__card--orange {
	background: var(--suritec-primary);
	color: var(--suritec-ink);
}

.suritec .suritec-feat__card--orange p {
	color: #3a2206;
}

.suritec-feat__progress {
	margin: 0 var(--suritec-pad-x);
	height: 2px;
	background: #ddd6cc;
}

.suritec-feat__progress > div {
	height: 100%;
	background: var(--suritec-light-text);
	transform-origin: 0 50%;
	transform: scaleX(var(--fs, 0));
}

/* Editor: Karten statt Verschiebung umbrechen lassen, damit alle editierbar sind. */
.suritec-feat.suritec-is-static .suritec-feat__sticky {
	height: auto;
	padding: 80px 0;
}

.suritec-feat.suritec-is-static .suritec-feat__track {
	width: auto;
	flex-wrap: wrap;
	transform: none;
}