/* Inventix Child - front page */
.ix-fp {
	--ix-section-y: var(--ix-section-y-compact);
	--ix-cta-y: var(--ix-section-y-compact);
	--ix-fp-section-y: var(--ix-section-y);
	--ix-fp-block-gap: var(--ix-block-gap);
}

.ix-fp .ix-section,
.ix-fp .ix-personal-trust,
.ix-fp .ix-fp-cta {
	padding-top: var(--ix-section-y);
	padding-bottom: var(--ix-section-y);
}

.ix-fp-hero {
	position: relative;
	overflow: hidden;
	background: var(--ix-bg);
	padding-top: var(--ix-hero-y-top);
	padding-bottom: var(--ix-hero-y-top);
}

.ix-fp-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.ix-fp-hero__blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(72px);
	opacity: 0.55;
}

.ix-fp-hero__blob--mint {
	width: 20rem;
	height: 20rem;
	top: -2rem;
	left: -5rem;
	background: radial-gradient(circle, #a7f3d0 0%, var(--ix-mint) 55%, transparent 75%);
}

.ix-fp-hero__blob--gold {
	width: 16rem;
	height: 16rem;
	top: 18%;
	right: -3rem;
	background: radial-gradient(circle, #fde68a 0%, var(--ix-gold) 55%, transparent 75%);
}

.ix-fp-hero__blob--blue {
	width: 18rem;
	height: 18rem;
	bottom: 5%;
	left: 38%;
	background: radial-gradient(circle, rgba(45, 212, 191, 0.55) 0%, rgba(0, 102, 102, 0.22) 55%, transparent 75%);
}

.ix-fp-hero__inner {
	position: relative;
	z-index: 1;
}

.ix-fp-hero__grid {
	display: grid;
	gap: 2.5rem;
	align-items: center;
}

@media (min-width: 1024px) {
	.ix-fp-hero__grid {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		gap: 2rem 3rem;
	}
}

.ix-fp-hero__copy {
	text-align: left;
}

.ix-fp-display--left {
	text-align: left;
	margin: 0;
	max-width: none;
}

.ix-fp-hero__sub {
	margin: 0.75rem 0 0;
	max-width: 36rem;
	font-size: clamp(0.9375rem, 1.75vw, 1.0625rem);
}

/* Hero bullets — gestapeld in copy-kolom (desktop), 3 kolommen op volle breedte (tablet) */
.ix-fp-hero-benefits .ix-fp-bullets {
	grid-template-columns: 1fr;
}

.ix-fp-hero-benefits .ix-fp-bullets__item {
	flex-direction: row;
	align-items: flex-start;
	gap: 0.625rem;
	border-bottom: 1px solid var(--ix-border);
	border-right: none;
	min-height: 0;
	padding: 0.875rem 1.125rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.ix-fp-hero-benefits .ix-fp-bullets__item:last-child {
	border-bottom: none;
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.ix-fp-hero-benefits .ix-fp-bullets {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ix-fp-hero-benefits .ix-fp-bullets__item {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
		border-bottom: none;
		border-right: 1px solid var(--ix-border);
		min-height: 5.5rem;
		padding: 1rem 1.125rem;
		font-size: 0.8125rem;
	}

	.ix-fp-hero-benefits .ix-fp-bullets__item:last-child {
		border-right: none;
	}
}

.ix-fp-hero-trust {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 1.25rem;
	margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
	.ix-fp-hero-trust {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.625rem;
	}
}

.ix-fp-hero-trust .ix-fp-badge {
	font-size: 0.75rem;
	padding: 0.4rem 0.75rem;
}

.ix-fp-hero__capacity {
	margin: 1.75rem 0 0;
	max-width: 42rem;
	padding: 0.875rem 1rem;
	border-radius: var(--ix-radius-lg);
	border: 1px solid var(--ix-border);
	border-left: 3px solid var(--ix-accent);
	background: var(--ix-bg-elevated);
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--ix-text-muted);
	font-style: italic;
}

/* Persoonlijke intro — prominent paneel onder subkop */
.ix-fp-hero__about {
	margin: 1.25rem 0 0;
	max-width: 38rem;
	padding: 1.25rem 1.375rem;
	border-radius: var(--ix-radius-xl);
	border: 1px solid var(--ix-border);
	border-left: 4px solid var(--ix-accent);
	background: linear-gradient(135deg, var(--ix-accent-soft) 0%, var(--ix-bg-elevated) 100%);
	box-shadow: var(--ix-shadow-sm);
}

.ix-fp-hero__about-label {
	margin: 0 0 0.5rem;
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--ix-accent);
}

.ix-fp-hero__about p:last-child {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--ix-text);
}

/* Dashboard visual rechts */
.ix-fp-hero__visual {
	min-width: 0;
}

.ix-fp-hero-showcase {
	position: relative;
	width: 100%;
	max-width: 36rem;
	margin: 0 auto;
	padding: 0 0 1.5rem;
}

@media (min-width: 1024px) {
	.ix-fp-hero-showcase {
		margin: 0 0 0 auto;
		padding-bottom: 0.5rem;
	}
}

/* Frontpage hero — merkmascotte (vloeiende float) */
.ix-fp-hero-photo {
	position: relative;
	margin: 0 auto;
	max-width: 28rem;
	aspect-ratio: 1 / 1;
	isolation: isolate;
}

.ix-fp-hero-photo__glow {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	will-change: transform, opacity;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.ix-fp-hero-photo__glow--teal {
	width: 68%;
	height: 68%;
	top: 12%;
	left: 16%;
	background: radial-gradient(
		circle at 50% 50%,
		rgb(20 184 166 / 0.38) 0%,
		rgb(var(--ix-accent-rgb) / 0.16) 48%,
		transparent 72%
	);
	filter: blur(32px);
	animation: ix-fp-hero-photo-glow-a 9s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.ix-fp-hero-photo__glow--amber {
	width: 42%;
	height: 42%;
	top: 28%;
	left: 8%;
	background: radial-gradient(
		circle at 50% 50%,
		rgb(245 158 11 / 0.32) 0%,
		rgb(251 146 60 / 0.1) 55%,
		transparent 75%
	);
	filter: blur(26px);
	animation: ix-fp-hero-photo-glow-b 11s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.ix-fp-hero-photo__shadow {
	position: absolute;
	z-index: 0;
	left: 22%;
	right: 22%;
	bottom: 6%;
	height: 10%;
	border-radius: 50%;
	background: rgb(10 10 10 / 0.14);
	filter: blur(14px);
	pointer-events: none;
	will-change: transform, opacity;
	transform: translate3d(0, 0, 0);
	animation: ix-fp-hero-photo-shadow 8s cubic-bezier(0.37, 0, 0.63, 1) infinite;
}

.ix-fp-hero-photo__img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ix-radius-xl);
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	will-change: transform;
	animation: ix-fp-hero-photo-bob 8s cubic-bezier(0.37, 0, 0.63, 1) infinite;
}

@keyframes ix-fp-hero-photo-bob {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	18% {
		transform: translate3d(3px, -7px, 0) rotate(-1deg);
	}
	36% {
		transform: translate3d(-2px, -14px, 0) rotate(0.7deg);
	}
	54% {
		transform: translate3d(2px, -6px, 0) rotate(-0.5deg);
	}
	72% {
		transform: translate3d(-3px, -12px, 0) rotate(0.9deg);
	}
	100% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
}

@keyframes ix-fp-hero-photo-shadow {
	0%,
	100% {
		opacity: 0.55;
		transform: translate3d(0, 0, 0) scaleX(1);
	}
	36% {
		opacity: 0.28;
		transform: translate3d(0, 2px, 0) scaleX(0.82);
	}
	72% {
		opacity: 0.34;
		transform: translate3d(0, 1px, 0) scaleX(0.88);
	}
}

@keyframes ix-fp-hero-photo-glow-a {
	0%,
	100% {
		opacity: 0.75;
		transform: translate3d(0, 0, 0) scale(1);
	}
	50% {
		opacity: 1;
		transform: translate3d(10px, -8px, 0) scale(1.08);
	}
}

@keyframes ix-fp-hero-photo-glow-b {
	0%,
	100% {
		opacity: 0.55;
		transform: translate3d(0, 0, 0) scale(1);
	}
	50% {
		opacity: 0.9;
		transform: translate3d(-12px, 6px, 0) scale(1.12);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ix-fp-hero-photo__img,
	.ix-fp-hero-photo__glow,
	.ix-fp-hero-photo__shadow {
		animation: none;
	}
}

/* Frontpage hero — Cyber wereldbol + live monitor (legacy) */
.ix-fp-cinema {
	position: relative;
	width: 100%;
	max-width: 30rem;
	margin: 0 auto;
	padding-bottom: 1.25rem;
}

.ix-fp-cinema__frame {
	position: relative;
}

.ix-fp-cinema__screen {
	position: relative;
	overflow: hidden;
	border-radius: 1.25rem;
	border: 1px solid rgb(var(--ix-accent-rgb) / 0.2);
	background: #002929;
	box-shadow:
		0 24px 48px rgb(var(--ix-accent-rgb) / 0.14),
		0 0 0 1px rgb(255 255 255 / 0.04) inset;
	aspect-ratio: 4 / 5;
	min-height: 22rem;
}

@media (min-width: 480px) {
	.ix-fp-cinema__screen {
		aspect-ratio: 10 / 11;
	}
}

.ix-fp-cinema__globe-stage {
	position: relative;
	height: 56%;
	min-height: 12.5rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ix-fp-cyber-globe__ambient {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.ix-fp-cyber-globe__glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(52px);
	opacity: 0.75;
	animation: ix-fp-cinema-drift 18s ease-in-out infinite;
}

.ix-fp-cyber-globe__glow--teal {
	width: 12rem;
	height: 12rem;
	top: -8%;
	left: 0;
	background: #0d9488;
}

.ix-fp-cyber-globe__glow--blue {
	width: 14rem;
	height: 14rem;
	top: 5%;
	right: -12%;
	background: #006666;
	animation-delay: -6s;
}

.ix-fp-cyber-globe__svg {
	position: relative;
	z-index: 2;
	width: min(100%, 15.5rem);
	height: auto;
	margin: 0.25rem auto 0;
	overflow: visible;
}

.ix-fp-globe-orbit {
	fill: none;
	stroke: #2dd4bf;
	stroke-width: 1;
	stroke-opacity: 0.35;
	transform-origin: 120px 118px;
}

.ix-fp-globe-orbit--outer {
	transform-origin: 120px 118px;
	animation: ix-fp-globe-orbit-spin 14s linear infinite;
}

.ix-fp-globe-orbit--inner {
	stroke: #2dd4bf;
	stroke-opacity: 0.45;
	transform-origin: 120px 118px;
	animation: ix-fp-globe-orbit-spin 10s linear infinite reverse;
}

@keyframes ix-fp-globe-orbit-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.ix-fp-globe-atmo {
	fill: none;
	stroke: #5eead4;
	stroke-width: 1.2;
	stroke-opacity: 0.28;
}

.ix-fp-globe-atmo--pulse {
	stroke: #2dd4bf;
	stroke-opacity: 0.18;
	transform-origin: 120px 118px;
	transform-box: fill-box;
	animation: ix-fp-globe-atmo-pulse 3.5s ease-in-out infinite;
}

@keyframes ix-fp-globe-atmo-pulse {
	0%,
	100% {
		stroke-opacity: 0.12;
		transform: scale(1);
	}

	50% {
		stroke-opacity: 0.32;
		transform: scale(1.05);
	}
}

.ix-fp-globe-spin {
	transform-origin: 120px 118px;
	animation: ix-fp-globe-spin 26s linear infinite;
}

@keyframes ix-fp-globe-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.ix-fp-globe-scan {
	fill: rgb(45 212 191 / 0.14);
	transform-origin: 120px 118px;
	animation: ix-fp-globe-scan-sweep 4s linear infinite;
}

@keyframes ix-fp-globe-scan-sweep {
	0% {
		transform: rotate(0deg);
		opacity: 0.15;
	}

	40% {
		opacity: 0.45;
	}

	100% {
		transform: rotate(360deg);
		opacity: 0.15;
	}
}

.ix-fp-globe-rim {
	fill: none;
	stroke: #5eead4;
	stroke-width: 1.5;
	stroke-opacity: 0.65;
	filter: drop-shadow(0 0 6px rgb(103 232 249 / 0.45));
}

.ix-fp-globe-arc {
	fill: none;
	stroke-width: 1.6;
	stroke-dasharray: 5 7;
	stroke-linecap: round;
	animation: ix-fp-globe-arc-flow 2.8s ease-in-out infinite;
}

.ix-fp-globe-arc--1 {
	stroke: #2dd4bf;
	stroke-opacity: 0.85;
}

.ix-fp-globe-arc--2 {
	stroke: #2dd4bf;
	stroke-opacity: 0.8;
	animation-delay: -0.9s;
}

.ix-fp-globe-arc--3 {
	stroke: #5eead4;
	stroke-opacity: 0.75;
	animation-delay: -1.8s;
}

@keyframes ix-fp-globe-arc-flow {
	0%,
	100% {
		stroke-dashoffset: 0;
		opacity: 0.55;
	}

	50% {
		stroke-dashoffset: 22;
		opacity: 1;
	}
}

.ix-fp-globe-node__core {
	fill: #5eead4;
	stroke: #f0fdfa;
	stroke-width: 1;
}

.ix-fp-globe-node__pulse {
	fill: rgb(45 212 191 / 0.22);
	opacity: 0;
	transform-origin: center;
	transform-box: fill-box;
}

.ix-fp-globe-node.is-active .ix-fp-globe-node__pulse {
	animation: ix-fp-globe-pulse 2.2s ease-out infinite;
}

.ix-fp-globe-node.is-active .ix-fp-globe-node__core {
	fill: #5eead4;
}

@keyframes ix-fp-globe-pulse {
	0% {
		opacity: 0.85;
		transform: scale(0.55);
	}

	75%,
	100% {
		opacity: 0;
		transform: scale(2.4);
	}
}

.ix-fp-cyber-globe__badge {
	position: absolute;
	top: 0.65rem;
	left: 0.75rem;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.65rem;
	border-radius: 9999px;
	border: 1px solid rgb(94 234 212 / 0.4);
	background: rgb(8 15 28 / 0.82);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	font-size: 0.5625rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #a7f3d0;
}

.ix-fp-cyber-globe__badge-dot {
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background: #34d399;
	box-shadow: 0 0 8px rgb(52 211 153 / 0.8);
	animation: ix-pulse-dot 2s ease-in-out infinite;
}

@keyframes ix-fp-cinema-drift {
	0%,
	100% {
		transform: translate(0, 0) scale(1);
	}

	33% {
		transform: translate(12px, -10px) scale(1.08);
	}

	66% {
		transform: translate(-8px, 14px) scale(0.96);
	}
}

.ix-fp-cinema__mesh {
	position: absolute;
	inset: 0;
	z-index: 1;
	background-image:
		linear-gradient(rgb(255 255 255 / 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgb(255 255 255 / 0.04) 1px, transparent 1px);
	background-size: 28px 28px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, transparent 70%);
	pointer-events: none;
}

.ix-fp-cinema__panel {
	position: absolute;
	inset: auto 0.75rem 0.75rem;
	z-index: 2;
	padding: 0.9rem 1rem 1rem;
	border-radius: 1rem;
	border: 1px solid rgb(255 255 255 / 0.12);
	background: rgb(8 15 28 / 0.72);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: 0 12px 32px rgb(0 0 0 / 0.28);
}

.ix-fp-cinema__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.ix-fp-cinema__eyebrow {
	margin: 0;
	font-size: 0.5625rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #5eead4;
}

.ix-fp-cinema__title {
	margin: 0.15rem 0 0;
	font-size: 0.875rem;
	font-weight: 700;
	color: #f8fafc;
}

.ix-fp-cinema__live {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.2rem 0.5rem;
	border-radius: 9999px;
	background: linear-gradient(135deg, #10b981, #006666);
	font-size: 0.5625rem;
	font-weight: 700;
	color: #fff;
	box-shadow: 0 4px 12px rgb(16 185 129 / 0.35);
	flex-shrink: 0;
}

.ix-fp-cinema__feeds {
	position: relative;
	min-height: 2.25rem;
	margin-bottom: 0.75rem;
}

.ix-fp-cinema__feed-line {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	font-size: 0.6875rem;
	line-height: 1.4;
	color: rgb(226 232 240 / 0.55);
	opacity: 0;
	transform: translateY(5px);
	transition: opacity 0.45s ease, transform 0.45s ease;
	pointer-events: none;
}

.ix-fp-cinema__feed-line.is-active {
	opacity: 1;
	transform: translateY(0);
	color: #e2e8f0;
}

.ix-fp-cinema__feed-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: rgb(16 185 129 / 0.2);
	font-size: 0.5625rem;
	font-weight: 800;
	color: #34d399;
	flex-shrink: 0;
}

.ix-fp-cinema__meters {
	display: grid;
	gap: 0.5rem;
}

.ix-fp-cinema__meter-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.25rem;
	font-size: 0.625rem;
	color: rgb(203 213 225 / 0.85);
}

.ix-fp-cinema__meter-head strong {
	font-size: 0.6875rem;
	font-weight: 800;
	color: #5eead4;
}

.ix-fp-cinema__meter-track {
	height: 0.3rem;
	border-radius: 9999px;
	background: rgb(255 255 255 / 0.08);
	overflow: hidden;
}

.ix-fp-cinema__meter-fill {
	display: block;
	height: 100%;
	width: var(--ix-meter, 95%);
	border-radius: inherit;
	background: linear-gradient(90deg, #0d9488, #0d9488, #14919b);
	box-shadow: 0 0 10px rgb(0 102 102 / 0.45);
	transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.ix-fp-cinema__chip {
	position: absolute;
	z-index: 3;
	top: -0.5rem;
	right: 0.5rem;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.7rem;
	border-radius: 9999px;
	border: 1px solid rgb(94 234 212 / 0.35);
	background: linear-gradient(135deg, rgb(0 102 102 / 0.95), rgb(0 61 61 / 0.95));
	font-size: 0.625rem;
	font-weight: 700;
	color: #ecfdf5;
	box-shadow: 0 8px 20px rgb(0 0 0 / 0.2);
	white-space: nowrap;
	max-width: calc(100% - 1rem);
}

@media (max-width: 380px) {
	.ix-fp-cinema__chip {
		white-space: normal;
		text-align: left;
		max-width: 11rem;
	}
}

.ix-fp-cinema__chip-dot {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background: #34d399;
	flex-shrink: 0;
	animation: ix-pulse-dot 2s ease-in-out infinite;
}

.ix-fp-cinema-enter {
	animation: ix-hero-enter 0.7s ease-out both;
}

html[data-ix-theme="light"] .ix-fp-cinema__screen {
	border-color: rgb(var(--ix-accent-rgb) / 0.22);
}

@media (prefers-reduced-motion: reduce) {
	.ix-fp-cyber-globe__glow,
	.ix-fp-globe-spin,
	.ix-fp-globe-scan,
	.ix-fp-globe-orbit,
	.ix-fp-globe-arc,
	.ix-fp-globe-atmo--pulse,
	.ix-fp-cyber-globe__badge-dot,
	.ix-fp-cinema__chip-dot,
	.ix-fp-cinema__meter-fill {
		animation: none !important;
		transition: none !important;
	}
}

.ix-fp-badges {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	margin-top: 2rem;
}

@media (min-width: 768px) {
	.ix-fp-badges {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}
}

.ix-fp-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	border-radius: 9999px;
	border: 1px solid var(--ix-border);
	background: var(--ix-bg-elevated);
	font-size: 0.8125rem;
	color: var(--ix-text-muted);
	box-shadow: var(--ix-shadow-sm);
}

.ix-fp-badge__stars {
	color: #f59e0b;
	letter-spacing: 0.05em;
}

.ix-google-wordmark {
	font-weight: 700;
	letter-spacing: -0.02em;
}

.ix-google-wordmark__l1,
.ix-google-wordmark__l4 {
	color: #4285f4;
}

.ix-google-wordmark__l2,
.ix-google-wordmark__l6 {
	color: #ea4335;
}

.ix-google-wordmark__l3 {
	color: #fbbc05;
}

.ix-google-wordmark__l5 {
	color: #34a853;
}

@media (forced-colors: active) {
	.ix-google-wordmark [class^="ix-google-wordmark__"] {
		color: CanvasText;
	}
}

.ix-fp-badge__pin {
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 9999px;
	background: var(--ix-accent);
	box-shadow: 0 0 0 3px var(--ix-accent-soft);
}

.ix-fp-intro-box {
	max-width: 42rem;
	margin: 2rem auto 0;
	padding: 1.25rem 1.5rem;
	border-radius: var(--ix-radius-xl);
	border: 1px solid var(--ix-border);
	background: linear-gradient(135deg, var(--ix-bg-elevated) 0%, var(--ix-bg-muted) 100%);
	text-align: left;
}

@media (min-width: 640px) {
	.ix-fp-intro-box {
		text-align: center;
	}
}

.ix-fp-intro-box p {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.7;
	color: var(--ix-text-muted);
}

.ix-fp-trust-strip {
	padding: 1.35rem 0;
	border-block: 1px solid transparent;
	background:
		linear-gradient(90deg, #003838 0%, #004040 40%, #006666 70%, #003838 100%);
	color: #f4f7fb;
	box-shadow: inset 0 1px 0 rgb(94 234 212 / 0.12), inset 0 -1px 0 rgb(0 102 102 / 0.4);
}

.ix-fp-trust-strip .ix-marquee__item {
	color: rgba(244, 247, 251, 0.95);
	opacity: 0.95;
	filter: none;
	transition: color var(--ix-transition), opacity var(--ix-transition), transform var(--ix-transition);
}

.ix-fp-trust-strip .ix-marquee__item:hover {
	color: #5eead4;
	opacity: 1;
}

.ix-fp-hero-paths {
	margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

.ix-fp-hero-paths__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

@media (min-width: 768px) {
	.ix-fp-hero-paths__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1rem;
	}
}

.ix-fp-hero-path {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-height: 100%;
	padding: 1rem 1.1rem;
	border-radius: var(--ix-radius-xl, 1rem);
	border: 1px solid var(--ix-border);
	background: var(--ix-bg-elevated);
	text-decoration: none;
	color: var(--ix-text);
	transition: transform var(--ix-transition), box-shadow var(--ix-transition), border-color var(--ix-transition);
}

.ix-fp-hero-path:hover,
.ix-fp-hero-path:focus-visible {
	transform: translateY(-2px);
	box-shadow: var(--ix-shadow-md);
	outline: none;
}

.ix-fp-hero-path__label {
	font-weight: 700;
	font-size: 0.98rem;
	line-height: 1.35;
}

.ix-fp-hero-path__hint {
	font-size: 0.8125rem;
	color: var(--ix-text-muted);
}

.ix-fp-hero-path--primary {
	border-color: color-mix(in srgb, var(--ix-accent, #006666) 35%, var(--ix-border));
	background: color-mix(in srgb, var(--ix-accent, #006666) 8%, var(--ix-bg-elevated));
}

.ix-fp-hero-path--urgent {
	border-color: color-mix(in srgb, #b42318 40%, var(--ix-border));
	background: color-mix(in srgb, #b42318 7%, var(--ix-bg-elevated));
}

.ix-fp-hero-path--urgent .ix-fp-hero-path__hint {
	color: #8f1f18;
	font-weight: 600;
}

.ix-fp-hero-form {
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--ix-border);
	border-radius: var(--ix-radius-xl, 1rem);
	background: var(--ix-bg-elevated);
	box-shadow: var(--ix-shadow-sm, 0 8px 24px rgba(16, 32, 51, 0.06));
}

.ix-fp-hero-form__eyebrow {
	margin: 0 0 0.35rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ix-accent, #006666);
}

.ix-fp-hero-form__title {
	margin: 0 0 1rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
}

.ix-fp-hero-form__note {
	margin: 0.85rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--ix-text-muted);
}

.ix-cf7--hero-mini .ix-cf7-field {
	margin-bottom: 0.75rem;
}

.ix-cf7--hero-mini .ix-cf7-label {
	font-size: 0.8125rem;
}

.ix-cf7--hero-mini .ix-cf7-field--acceptance {
	font-size: 0.75rem;
}

.ix-fp-trust-certainty-strip {
	padding: 1rem 0;
	border-bottom: 1px solid color-mix(in srgb, var(--ix-accent) 12%, var(--ix-border));
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--ix-accent-soft) 55%, #fff) 0%, var(--ix-bg) 100%);
}

.ix-fp-trust-certainty-strip__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

@media (min-width: 768px) {
	.ix-fp-trust-certainty-strip__list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1rem;
	}
}

.ix-fp-trust-certainty-strip__item {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.ix-fp-trust-certainty-strip__title {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--ix-text);
}

.ix-fp-trust-certainty-strip__text {
	font-size: 0.75rem;
	line-height: 1.4;
	color: var(--ix-text-muted);
}

.ix-fp-lead-grid {
	list-style: none;
	margin: var(--ix-fp-block-gap) 0 0;
	padding: 0;
	display: grid;
	gap: 1rem;
}

@media (min-width: 900px) {
	.ix-fp-lead-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.25rem;
		align-items: stretch;
	}
}

.ix-fp-lead-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1.35rem 1.4rem;
	border: 1px solid var(--ix-border);
	border-radius: var(--ix-radius-xl, 1rem);
	background: var(--ix-bg-elevated);
}

.ix-fp-lead-card__badge {
	margin: 0 0 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ix-accent, #006666);
}

.ix-fp-lead-card__title {
	margin: 0 0 0.5rem;
	font-size: 1.15rem;
}

.ix-fp-lead-card__text {
	margin: 0 0 1rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--ix-text-muted);
}

.ix-fp-lead-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: auto;
}

/* Stats */
.ix-fp-stat-grid {
	display: grid;
	gap: 1rem;
	margin-top: var(--ix-fp-block-gap);
}

@media (min-width: 768px) {
	.ix-fp-stat-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.25rem;
	}
}

@media (min-width: 1024px) {
	.ix-fp-stat-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.ix-fp-stat-card {
	padding: 2rem 1.5rem;
	text-align: center;
}

.ix-fp-stat-card__value {
	margin: 0;
	font-size: clamp(1.5rem, 4vw, 2.75rem);
	font-weight: 800;
	line-height: 1.1;
	color: var(--ix-text);
	background: linear-gradient(135deg, #006666 0%, #0d9488 45%, #14b8a6 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.ix-fp-stat-card__label {
	margin: 0.75rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--ix-text-muted);
}

.ix-fp-callout--center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.ix-fp-callout {
	max-width: 42rem;
	margin: var(--ix-fp-block-gap) auto 0;
	padding: 1.25rem 1.5rem;
	border-radius: var(--ix-radius-lg);
	border-left: 4px solid var(--ix-accent);
	background: var(--ix-bg-elevated);
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.6;
	color: var(--ix-text);
	text-align: center;
}

/* Expertise bento */
.ix-fp-expertise-grid {
	display: grid;
	gap: 1.25rem;
	margin-top: var(--ix-fp-block-gap);
}

@media (min-width: 768px) {
	.ix-fp-expertise-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.ix-fp-expertise-card {
	position: relative;
	padding: 2rem;
	border-radius: var(--ix-radius-xl);
	border: 1px solid var(--ix-border);
	overflow: hidden;
}

.ix-fp-expertise-card--blue {
	background: linear-gradient(145deg, rgba(219, 234, 254, 0.55) 0%, var(--ix-bg-elevated) 70%);
	border-color: rgba(0, 102, 102, 0.2);
}

.ix-fp-expertise-card--gold {
	background: linear-gradient(145deg, rgba(254, 243, 199, 0.55) 0%, var(--ix-bg-elevated) 70%);
	border-color: rgba(245, 158, 11, 0.2);
}

.ix-fp-expertise-card--mint {
	background: linear-gradient(145deg, rgba(167, 243, 208, 0.45) 0%, var(--ix-bg-elevated) 70%);
	border-color: rgba(16, 185, 129, 0.2);
}

.ix-fp-expertise-card--violet {
	background: linear-gradient(145deg, rgba(237, 233, 254, 0.55) 0%, var(--ix-bg-elevated) 70%);
	border-color: rgba(13, 148, 136, 0.2);
}

html[data-ix-theme="dark"] .ix-fp-expertise-card--blue {
	background: linear-gradient(145deg, rgba(30, 58, 95, 0.5) 0%, var(--ix-bg-elevated) 70%);
}

html[data-ix-theme="dark"] .ix-fp-expertise-card--gold {
	background: linear-gradient(145deg, rgba(120, 53, 15, 0.35) 0%, var(--ix-bg-elevated) 70%);
}

html[data-ix-theme="dark"] .ix-fp-expertise-card--mint {
	background: linear-gradient(145deg, rgba(6, 95, 70, 0.35) 0%, var(--ix-bg-elevated) 70%);
}

html[data-ix-theme="dark"] .ix-fp-expertise-card--violet {
	background: linear-gradient(145deg, rgba(76, 29, 149, 0.35) 0%, var(--ix-bg-elevated) 70%);
}

.ix-fp-expertise-card__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	margin-bottom: 1rem;
	border-radius: 9999px;
	background: var(--ix-dark);
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
}

.ix-fp-expertise-card__title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--ix-text);
}

.ix-fp-expertise-card__subtitle {
	margin: 0.5rem 0 0;
	font-size: 1rem;
	font-weight: 600;
	color: var(--ix-text);
}

.ix-fp-expertise-card__body {
	margin: 0.75rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--ix-text-muted);
}

.ix-fp-expertise-card__link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 1.25rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--ix-text);
	text-decoration: none;
}

.ix-fp-expertise-card__link:hover {
	color: var(--ix-accent);
	text-decoration: underline;
}

.ix-fp-categories-footnote {
	margin: 1.5rem auto 0;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--ix-text-subtle);
	text-align: center;
	max-width: 42rem;
}

.ix-fp-categories-footnote a {
	color: var(--ix-accent);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.ix-fp-audience-grid {
	display: grid;
	gap: 1.25rem;
	margin-top: var(--ix-fp-block-gap);
}

@media (min-width: 768px) {
	.ix-fp-audience-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.ix-fp-audience-card {
	padding: 1.5rem;
}

.ix-fp-audience-card--yes {
	border-top: 3px solid var(--ix-accent);
}

.ix-fp-audience-card--no {
	border-top: 3px solid var(--ix-border);
}

.ix-fp-audience-card__title {
	margin: 0 0 1rem;
	font-size: 1.0625rem;
}

.ix-fp-audience-card__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.75rem;
	font-size: 0.9375rem;
	line-height: 1.6;
}

.ix-fp-audience-card__list li {
	position: relative;
	padding-left: 1.5rem;
}

.ix-fp-audience-card__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 999px;
	background: var(--ix-accent);
}

.ix-fp-audience-card--no .ix-fp-audience-card__list li::before {
	background: var(--ix-text-subtle);
	opacity: 0.45;
}

.ix-fp-steps {
	margin: var(--ix-fp-block-gap) 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	.ix-fp-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.ix-fp-step {
	display: flex;
	gap: 1rem;
	padding: 1.25rem 1.375rem;
}

.ix-fp-step__number {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	display: grid;
	place-items: center;
	border-radius: 999px;
	background: var(--ix-accent-soft);
	color: var(--ix-accent);
	font-weight: 700;
	font-size: 0.875rem;
}

.ix-fp-step__title {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	line-height: 1.4;
}

.ix-fp-step__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--ix-text-subtle);
}

.ix-fp-certainty-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: var(--ix-fp-block-gap);
}

@media (min-width: 1024px) {
	.ix-fp-certainty-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.ix-fp-certainty {
	padding: 1.25rem;
}

.ix-fp-certainty__title {
	margin: 0 0 0.5rem;
	font-size: 1rem;
}

.ix-fp-certainty__text {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--ix-text-subtle);
}

.ix-fp-compare-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: var(--ix-fp-block-gap);
	border: 1px solid var(--ix-border);
	border-radius: var(--ix-radius-xl);
	background: var(--ix-bg-elevated);
	box-shadow: var(--ix-shadow-sm);
}

.ix-fp-compare {
	width: 100%;
	min-width: 36rem;
	border-collapse: collapse;
	font-size: 0.875rem;
}

.ix-fp-compare th,
.ix-fp-compare td {
	padding: 0.875rem 1rem;
	border: none;
	border-bottom: 1px solid var(--ix-border);
	text-align: left;
	vertical-align: top;
}

.ix-fp-compare tr:last-child th,
.ix-fp-compare tr:last-child td {
	border-bottom: none;
}

.ix-fp-compare thead th {
	background: var(--ix-bg-muted);
	font-weight: 700;
}

.ix-fp-compare thead th:last-child {
	color: var(--ix-accent);
}

.ix-fp-compare tbody th {
	background: transparent;
	font-weight: 600;
	width: 14rem;
	color: var(--ix-text);
}

.ix-fp-compare td:last-child {
	background: var(--ix-accent-soft);
	font-weight: 600;
	color: var(--ix-text);
}

.ix-fp-no-risk {
	padding: clamp(1.25rem, 3vw, 1.75rem);
	overflow: hidden;
}

.ix-fp-no-risk__grid {
	display: grid;
	gap: 1.5rem;
	align-items: center;
}

@media (min-width: 1024px) {
	.ix-fp-no-risk__grid {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	}
}

.ix-fp-no-risk__copy {
	min-width: 0;
}

.ix-fp-no-risk__text {
	margin-top: 0.75rem;
}

.ix-fp-no-risk__cta {
	margin-top: 1.25rem;
}

.ix-fp-no-risk__visual {
	margin: 0;
	min-width: 0;
}

.ix-fp-no-risk__image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ix-radius-xl);
	box-shadow: var(--ix-shadow-md);
}

.ix-fp-trust-about--below {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--ix-border);
}

.ix-fp-closing__inner {
	margin: 0 auto;
	text-align: center;
}

.ix-fp-closing__secondary {
	margin: 1rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--ix-text-subtle);
}

.ix-fp-closing__cta {
	margin-top: 1.5rem;
}

.ix-fp-closing__footnote {
	margin: 1rem 0 0;
	font-size: 0.875rem;
	color: var(--ix-text-subtle);
}

/* Brand quote — lichte, volle contentbreedte */
/* Brand-quote → shared .ix-personal-trust (global.css) */

.ix-fp-cta__form-footer {
	margin: 0.75rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.72);
	text-align: center;
}

/* Pillars */
.ix-fp-pillar-grid {
	display: grid;
	gap: 1rem;
	margin-top: var(--ix-fp-block-gap);
}

@media (min-width: 768px) {
	.ix-fp-pillar-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.25rem;
	}
}

@media (min-width: 1024px) {
	.ix-fp-pillar-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.ix-fp-pillar {
		grid-column: span 2;
	}

	.ix-fp-pillar:nth-child(4),
	.ix-fp-pillar:nth-child(5) {
		grid-column: span 3;
	}
}

.ix-fp-pillar {
	padding: 1.75rem;
}

.ix-fp-pillar__icon {
	display: inline-flex;
	font-size: 1.5rem;
	line-height: 1;
	margin-bottom: 0.75rem;
}

.ix-fp-pillar__title {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--ix-text);
}

.ix-fp-pillar__text {
	margin: 0.625rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--ix-text-muted);
}

/* Pentest & security audit */
.ix-fp-nis2 {
	padding: clamp(1.25rem, 3vw, 1.75rem);
	overflow: hidden;
}

.ix-fp-nis2__grid {
	display: grid;
	gap: 1.5rem;
	align-items: center;
}

@media (min-width: 1024px) {
	.ix-fp-nis2__grid {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 2rem;
	}
}

.ix-fp-nis2__visual {
	margin: 0;
	min-width: 0;
}

.ix-fp-nis2__image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ix-radius-xl);
	box-shadow: var(--ix-shadow-md);
}

.ix-fp-nis2__copy {
	min-width: 0;
}

.ix-fp-nis2__intro {
	margin-top: 0.75rem;
}

.ix-fp-nis2__stat {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1.5rem;
	padding: 1.25rem 1.375rem;
	border-radius: var(--ix-radius-lg);
	border: 1px solid var(--ix-border);
	background: var(--ix-bg);
}

@media (min-width: 640px) {
	.ix-fp-nis2__stat {
		flex-direction: row;
		align-items: center;
		gap: 1.25rem;
	}
}

.ix-fp-nis2__value {
	margin: 0;
	font-size: clamp(2rem, 5vw, 2.75rem);
	font-weight: 800;
	line-height: 1;
	color: var(--ix-accent);
	flex-shrink: 0;
}

.ix-fp-nis2__label {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--ix-text-muted);
}

.ix-fp-nis2__closing {
	margin: 1.25rem 0 0;
	font-size: 0.975rem;
	line-height: 1.65;
	color: var(--ix-text);
}

.ix-fp-nis2__cta {
	margin-top: 1.25rem;
}

/* Stories */
.ix-fp-story-grid {
	display: grid;
	gap: 1.25rem;
	margin-top: var(--ix-fp-block-gap);
}

@media (min-width: 640px) {
	.ix-fp-story-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.ix-fp-story-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.ix-fp-story {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 1.75rem;
	min-height: 100%;
}

.ix-fp-story__quote-mark {
	position: absolute;
	top: 0.75rem;
	right: 1.25rem;
	font-size: 4rem;
	line-height: 1;
	font-weight: 800;
	color: var(--ix-accent-soft);
	pointer-events: none;
}

.ix-fp-story__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: var(--ix-text);
}

.ix-fp-story__text {
	margin: 0.75rem 0 0;
	flex: 1;
	font-size: 0.875rem;
	line-height: 1.65;
	color: var(--ix-text-muted);
}

.ix-fp-story__footer {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid var(--ix-border);
}

.ix-fp-story__name {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--ix-text);
}

.ix-fp-story__role {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.8125rem;
	color: var(--ix-text-subtle);
}

/* Blog op voorpagina */
.ix-fp-blog__head.ix-fp-section-head {
	display: grid;
	gap: 1.25rem;
	align-items: end;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.ix-fp-blog__head-copy .ix-fp-lead--left {
	max-width: 38rem;
}

@media (min-width: 768px) {
	.ix-fp-blog__head.ix-fp-section-head {
		grid-template-columns: minmax(0, 1fr) auto;
	}
}

.ix-fp-blog-slider {
	margin-top: var(--ix-fp-block-gap);
}

/* Blogkaart — subset voor slider (voorkomt volledige blog.css op de voorpagina). */
.ix-fp-blog-slider .ix-blog-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--ix-border);
	border-radius: var(--ix-radius-xl);
	background: var(--ix-bg-elevated);
	box-shadow: var(--ix-shadow-sm);
	transition: transform var(--ix-transition), box-shadow var(--ix-transition), border-color var(--ix-transition);
}

.ix-fp-blog-slider .ix-blog-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--ix-shadow-md);
	border-color: var(--ix-border-strong);
}

.ix-fp-blog-slider .ix-blog-card__media {
	display: block;
	overflow: hidden;
	background: var(--ix-bg-muted);
}

.ix-fp-blog-slider .ix-blog-card__media--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 12rem;
}

.ix-fp-blog-slider .ix-blog-card__placeholder-icon {
	font-size: 2rem;
	opacity: 0.35;
}

.ix-fp-blog-slider .ix-blog-card__image {
	width: 100%;
	height: 12rem;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.ix-fp-blog-slider .ix-blog-card:hover .ix-blog-card__image {
	transform: scale(1.04);
}

.ix-fp-blog-slider .ix-blog-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 1.25rem;
}

.ix-fp-blog-slider .ix-blog-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.75rem;
	color: var(--ix-text-subtle);
}

.ix-fp-blog-slider .ix-blog-card__category {
	padding: 0.125rem 0.5rem;
	border-radius: 999px;
	background: var(--ix-accent-soft);
	font-weight: 600;
	color: var(--ix-accent);
	text-decoration: none;
}

.ix-fp-blog-slider .ix-blog-card__title {
	margin-top: 0.75rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.02em;
}

.ix-fp-blog-slider .ix-blog-card__title a {
	color: var(--ix-text);
	text-decoration: none;
}

.ix-fp-blog-slider .ix-blog-card__title a:hover {
	color: var(--ix-accent);
}

.ix-fp-blog-slider .ix-blog-card__excerpt {
	margin-top: 0.5rem;
	flex: 1;
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--ix-text-muted);
}

.ix-fp-blog-slider .ix-blog-card__more {
	margin-top: 1rem;
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--ix-accent);
	text-decoration: none;
}

.ix-fp-blog-slider__viewport {
	overflow: hidden;
}

.ix-fp-blog-slider__track {
	display: flex;
	gap: 1.25rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 0.25rem;
}

.ix-fp-blog-slider__track::-webkit-scrollbar {
	display: none;
}

.ix-fp-blog-slider__slide {
	flex: 0 0 100%;
	min-width: 0;
	scroll-snap-align: start;
}

.ix-fp-blog-slider__slide .ix-blog-card {
	height: 100%;
}

@media (min-width: 640px) {
	.ix-fp-blog-slider__slide {
		flex-basis: calc((100% - 1.25rem) / 2);
	}
}

@media (min-width: 1024px) {
	.ix-fp-blog-slider__slide {
		flex-basis: calc((100% - 2.5rem) / 3);
	}
}

.ix-fp-blog-slider__nav {
	display: none;
	gap: 0.5rem;
	justify-content: flex-end;
}

[data-ix-blog-slider].is-scrollable .ix-fp-blog-slider__nav {
	display: inline-flex;
}

.ix-fp-blog-slider__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid var(--ix-border);
	border-radius: 999px;
	background: var(--ix-bg-elevated);
	color: var(--ix-text);
	font-size: 1rem;
	line-height: 1;
	cursor: pointer;
	transition: border-color var(--ix-transition), background var(--ix-transition), color var(--ix-transition);
}

.ix-fp-blog-slider__btn:hover:not(:disabled) {
	border-color: var(--ix-accent);
	color: var(--ix-accent);
}

.ix-fp-blog-slider__btn:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

.ix-fp-blog__footer {
	margin: 2rem 0 0;
	text-align: center;
}

/* Marquee merkenslider */
.ix-marquee { overflow: hidden; }
.ix-marquee__track {
	display: flex;
	width: max-content;
	gap: 3.5rem;
	animation: ix-marquee 55s linear infinite;
}
.ix-marquee__item {
	flex-shrink: 0;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: rgba(244, 247, 251, 0.92);
	filter: none;
	opacity: 0.92;
	white-space: nowrap;
}
@keyframes ix-marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.ix-bento-card { transition: transform var(--ix-transition), box-shadow var(--ix-transition); }
.ix-bento-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ix-shadow-md);
}

/* ==========================================================================
   Frontpage Option B — merkbaar warmer / levendiger (#006666 blijft basis)
   ========================================================================== */

.ix-fp .ix-gradient-text {
	background: linear-gradient(115deg, #006666 0%, #0d9488 42%, #d97706 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.ix-fp-hero {
	background:
		radial-gradient(ellipse 80% 55% at 10% -10%, rgb(212 245 228 / 0.45), transparent 55%),
		radial-gradient(ellipse 60% 50% at 95% 10%, rgb(254 243 199 / 0.4), transparent 50%),
		var(--ix-bg);
}

.ix-fp-hero-benefits .ix-fp-bullets__item {
	border-radius: 0.65rem;
	transition: background var(--ix-transition), border-color var(--ix-transition);
}

.ix-fp-hero-benefits .ix-fp-bullets__item:hover {
	background: color-mix(in srgb, var(--ix-accent-soft) 70%, transparent);
	border-color: transparent;
}

.ix-fp-hero-benefits .ix-fp-bullets__icon {
	color: #006666;
}

.ix-fp-hero__ctas .ix-btn-primary:hover {
	box-shadow:
		0 10px 28px rgb(0 102 102 / 0.22),
		0 0 0 4px rgb(45 212 191 / 0.18);
}

.ix-fp-hero__ctas .ix-btn-secondary {
	border-color: color-mix(in srgb, var(--ix-accent) 28%, var(--ix-border-strong));
	background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--ix-accent-soft) 45%, #fff) 100%);
}

.ix-fp-hero__ctas .ix-btn-secondary:hover {
	border-color: var(--ix-accent);
	background: var(--ix-accent-soft);
	color: var(--ix-accent-hover);
}

.ix-fp-badge {
	background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--ix-accent-soft) 35%, #fff) 100%);
	border-color: color-mix(in srgb, var(--ix-accent) 16%, var(--ix-border));
	transition: border-color var(--ix-transition), box-shadow var(--ix-transition), transform var(--ix-transition);
}

.ix-fp-badge:hover {
	border-color: color-mix(in srgb, var(--ix-accent) 35%, var(--ix-border));
	box-shadow: 0 6px 18px rgb(0 102 102 / 0.08);
	transform: translateY(-1px);
}

.ix-fp-hero-form {
	border-color: color-mix(in srgb, var(--ix-accent) 18%, var(--ix-border));
	background:
		linear-gradient(165deg, #fff 0%, color-mix(in srgb, var(--ix-accent-soft) 40%, #fff) 100%);
	box-shadow:
		0 12px 32px rgb(0 102 102 / 0.08),
		0 0 0 1px rgb(0 102 102 / 0.03);
	transition: border-color var(--ix-transition), box-shadow var(--ix-transition);
}

.ix-fp-hero-form:focus-within {
	border-color: color-mix(in srgb, var(--ix-accent) 45%, var(--ix-border));
	box-shadow:
		0 14px 36px rgb(0 102 102 / 0.12),
		0 0 0 3px rgb(45 212 191 / 0.16);
}

.ix-fp-hero-form__eyebrow {
	color: #0d9488;
}

.ix-fp-hero-path {
	border-left-width: 3px;
	background: linear-gradient(165deg, var(--ix-bg-elevated) 0%, color-mix(in srgb, var(--ix-accent-soft) 25%, #fff) 100%);
}

.ix-fp-hero-path--primary {
	border-left-color: #006666;
	background: linear-gradient(165deg, color-mix(in srgb, var(--ix-accent-soft) 80%, #fff) 0%, #fff 100%);
}

.ix-fp-hero-path--primary:hover,
.ix-fp-hero-path--primary:focus-visible {
	border-color: color-mix(in srgb, var(--ix-accent) 45%, var(--ix-border));
	box-shadow: 0 10px 28px rgb(0 102 102 / 0.12);
}

.ix-fp-hero-path--urgent {
	border-left-color: #b42318;
	background: linear-gradient(165deg, rgb(254 226 226 / 0.55) 0%, #fff 100%);
}

.ix-fp-hero-path--urgent:hover,
.ix-fp-hero-path--urgent:focus-visible {
	border-color: color-mix(in srgb, #b42318 45%, var(--ix-border));
	box-shadow: 0 10px 28px rgb(180 35 24 / 0.12);
}

.ix-fp-hero-path--secondary {
	border-left-color: #0d9488;
}

.ix-fp-hero-path--secondary:hover,
.ix-fp-hero-path--secondary:focus-visible {
	border-color: color-mix(in srgb, #0d9488 40%, var(--ix-border));
	box-shadow: 0 10px 28px rgb(13 148 136 / 0.1);
}

.ix-fp-trust-certainty-strip__item {
	padding: 0.65rem 0.75rem;
	border-radius: 0.75rem;
	background: rgb(255 255 255 / 0.72);
	border: 1px solid transparent;
	transition: border-color var(--ix-transition), background var(--ix-transition), transform var(--ix-transition);
}

.ix-fp-trust-certainty-strip__item:nth-child(1) { border-left: 3px solid #006666; }
.ix-fp-trust-certainty-strip__item:nth-child(2) { border-left: 3px solid #0d9488; }
.ix-fp-trust-certainty-strip__item:nth-child(3) { border-left: 3px solid #d97706; }
.ix-fp-trust-certainty-strip__item:nth-child(4) { border-left: 3px solid #14919b; }

.ix-fp-trust-certainty-strip__item:hover {
	background: #fff;
	border-color: color-mix(in srgb, var(--ix-accent) 14%, var(--ix-border));
	transform: translateY(-1px);
}

.ix-fp-trust-certainty-strip__title {
	color: var(--ix-accent);
}

.ix-fp .ix-personal-trust__panel {
	border-color: color-mix(in srgb, var(--ix-accent) 14%, var(--ix-border));
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--ix-mint) 35%, #fff) 0%, #fff 42%, color-mix(in srgb, var(--ix-accent-soft) 50%, #fff) 100%);
	box-shadow: 0 12px 32px rgb(0 102 102 / 0.06);
}

.ix-fp .ix-personal-trust__eyebrow {
	color: #0d9488;
}

.ix-fp .ix-personal-trust__chips li {
	background: color-mix(in srgb, var(--ix-accent-soft) 65%, #fff);
	border: 1px solid color-mix(in srgb, var(--ix-accent) 12%, transparent);
	transition: background var(--ix-transition), border-color var(--ix-transition), transform var(--ix-transition);
}

.ix-fp .ix-personal-trust__chips li:hover {
	background: var(--ix-accent-soft);
	border-color: color-mix(in srgb, var(--ix-accent) 28%, transparent);
	transform: translateY(-1px);
}

.ix-fp .ix-personal-trust__photo {
	box-shadow: 0 0 0 3px #fff, 0 0 0 6px color-mix(in srgb, #0d9488 35%, transparent);
	transition: transform var(--ix-transition), box-shadow var(--ix-transition);
}

@media (hover: hover) {
	.ix-fp .ix-personal-trust__photo:hover {
		transform: scale(1.03);
	}
}

.ix-fp-lead-card {
	border-color: color-mix(in srgb, var(--ix-accent) 12%, var(--ix-border));
	background: linear-gradient(170deg, #fff 0%, color-mix(in srgb, var(--ix-accent-soft) 28%, #fff) 100%);
	transition: transform var(--ix-transition), box-shadow var(--ix-transition), border-color var(--ix-transition);
}

.ix-fp-lead-card:nth-child(1) { border-top: 3px solid #006666; }
.ix-fp-lead-card:nth-child(2) { border-top: 3px solid #0d9488; }
.ix-fp-lead-card:nth-child(3) { border-top: 3px solid #d97706; }

.ix-fp-lead-card:hover {
	transform: translateY(-3px);
	border-color: color-mix(in srgb, var(--ix-accent) 28%, var(--ix-border));
	box-shadow: 0 14px 32px rgb(0 102 102 / 0.1);
}

.ix-fp-lead-card__badge {
	color: #0d9488;
}

.ix-fp-lead-card .ix-btn-secondary:hover,
.ix-fp-lead-card .ix-btn-ghost:hover {
	border-color: var(--ix-accent);
	color: var(--ix-accent);
	background: var(--ix-accent-soft);
}

.ix-fp-stat-card {
	border-radius: var(--ix-radius-xl);
	border: 1px solid color-mix(in srgb, var(--ix-accent) 18%, var(--ix-border));
	background: linear-gradient(180deg, color-mix(in srgb, var(--ix-accent-soft) 85%, #fff) 0%, #fff 72%);
	transition: transform var(--ix-transition), box-shadow var(--ix-transition), border-color var(--ix-transition), background var(--ix-transition);
}

.ix-fp-stat-card:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--ix-accent) 42%, var(--ix-border));
	background: linear-gradient(180deg, color-mix(in srgb, #99f6e4 45%, var(--ix-accent-soft)) 0%, #fff 75%);
	box-shadow: 0 12px 28px rgb(0 102 102 / 0.14);
}

.ix-fp-step.ix-card {
	border-color: color-mix(in srgb, var(--ix-accent) 12%, var(--ix-border));
	background: linear-gradient(165deg, #fff 0%, color-mix(in srgb, var(--ix-accent-soft) 30%, #fff) 100%);
}

.ix-fp-step.ix-card:hover {
	border-color: color-mix(in srgb, var(--ix-accent) 30%, var(--ix-border));
	box-shadow: 0 12px 28px rgb(0 102 102 / 0.1);
}

.ix-fp-step__number {
	background: linear-gradient(135deg, #006666 0%, #0d9488 100%);
	color: #fff;
	box-shadow: 0 4px 12px rgb(0 102 102 / 0.2);
}

.ix-fp-compare thead th:last-child {
	background: linear-gradient(180deg, color-mix(in srgb, var(--ix-accent-soft) 80%, #fff) 0%, var(--ix-accent-soft) 100%);
}

.ix-fp-compare tbody tr:hover td:last-child {
	background: color-mix(in srgb, #a7f3d0 35%, var(--ix-accent-soft));
}

.ix-fp-compare td:last-child {
	background: linear-gradient(180deg, color-mix(in srgb, var(--ix-accent-soft) 70%, #fff) 0%, var(--ix-accent-soft) 100%);
}

.ix-fp-story.ix-card {
	border-color: color-mix(in srgb, var(--ix-accent) 12%, var(--ix-border));
	background: linear-gradient(165deg, #fff 0%, color-mix(in srgb, var(--ix-mint) 22%, #fff) 100%);
	transition: transform var(--ix-transition), box-shadow var(--ix-transition), border-color var(--ix-transition);
}

.ix-fp-story.ix-card:hover {
	transform: translateY(-3px);
	border-color: color-mix(in srgb, #0d9488 30%, var(--ix-border));
	box-shadow: 0 14px 32px rgb(13 148 136 / 0.1);
}

.ix-fp-story__quote-mark {
	background: linear-gradient(135deg, #0d9488, #d97706);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0.45;
}

.ix-fp .ix-fp-faq__item {
	border-color: color-mix(in srgb, var(--ix-accent) 10%, var(--ix-border));
	transition: border-color var(--ix-transition), box-shadow var(--ix-transition), background var(--ix-transition);
}

.ix-fp .ix-fp-faq__item[open] {
	border-color: color-mix(in srgb, var(--ix-accent) 28%, var(--ix-border));
	background: linear-gradient(180deg, color-mix(in srgb, var(--ix-accent-soft) 55%, #fff) 0%, #fff 100%);
	box-shadow: 0 8px 22px rgb(0 102 102 / 0.07);
}

.ix-fp .ix-fp-faq__item[open] .ix-fp-faq__question {
	color: var(--ix-accent);
}

.ix-fp .ix-fp-cta {
	background:
		radial-gradient(ellipse 70% 60% at 20% 20%, rgb(45 212 191 / 0.18), transparent 55%),
		radial-gradient(ellipse 50% 50% at 85% 70%, rgb(251 191 36 / 0.14), transparent 50%),
		linear-gradient(160deg, #002929 0%, #006666 55%, #004040 100%);
}

.ix-fp .ix-fp-cta__form-wrap {
	border-color: color-mix(in srgb, #5eead4 25%, transparent);
	box-shadow:
		0 24px 48px rgb(0 0 0 / 0.28),
		0 0 0 1px rgb(94 234 212 / 0.12);
}

.ix-fp .ix-fp-eyebrow {
	color: #0d9488;
}

.ix-fp-section--muted {
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--ix-accent-soft) 40%, var(--ix-bg-muted)) 0%, var(--ix-bg) 100%);
}

.ix-fp .ix-fp-faq {
	margin-top: var(--ix-fp-block-gap);
}

html[data-ix-theme="dark"] .ix-fp-hero {
	background:
		radial-gradient(ellipse 80% 55% at 10% -10%, rgb(0 102 102 / 0.45), transparent 55%),
		radial-gradient(ellipse 60% 50% at 95% 10%, rgb(217 119 6 / 0.12), transparent 50%),
		var(--ix-bg);
}

html[data-ix-theme="dark"] .ix-fp-hero-form,
html[data-ix-theme="dark"] .ix-fp-lead-card,
html[data-ix-theme="dark"] .ix-fp-step.ix-card,
html[data-ix-theme="dark"] .ix-fp-story.ix-card {
	background: linear-gradient(165deg, var(--ix-bg-elevated) 0%, color-mix(in srgb, var(--ix-accent) 18%, var(--ix-bg-elevated)) 100%);
}

html[data-ix-theme="dark"] .ix-fp .ix-personal-trust__panel {
	background: linear-gradient(135deg, color-mix(in srgb, #0d9488 18%, var(--ix-bg-elevated)) 0%, var(--ix-bg-elevated) 100%);
}

html[data-ix-theme="dark"] .ix-fp-trust-certainty-strip {
	background: linear-gradient(180deg, color-mix(in srgb, var(--ix-accent) 22%, var(--ix-bg-muted)) 0%, var(--ix-bg) 100%);
}

html[data-ix-theme="dark"] .ix-fp-trust-certainty-strip__item {
	background: rgb(255 255 255 / 0.04);
}

html[data-ix-theme="dark"] .ix-fp-section--muted {
	background: linear-gradient(180deg, color-mix(in srgb, var(--ix-accent) 16%, var(--ix-bg-muted)) 0%, var(--ix-bg) 100%);
}

@media (prefers-reduced-motion: reduce) {
	.ix-fp-lead-card:hover,
	.ix-fp-story.ix-card:hover,
	.ix-fp-stat-card:hover,
	.ix-fp-trust-certainty-strip__item:hover,
	.ix-fp .ix-personal-trust__photo:hover {
		transform: none;
	}
}

/* Consequences (pain) */
.ix-fp-consequences__list {
	display: grid;
	gap: 0.85rem;
	margin: var(--ix-fp-block-gap, 1.5rem) 0 0;
	padding: 0;
	list-style: none;
	max-width: 52rem;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px) {
	.ix-fp-consequences__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem 1.25rem;
		max-width: none;
	}
}
.ix-fp-consequences__item {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
	padding: 1rem 1.1rem;
	border: 1px solid color-mix(in srgb, var(--ix-accent) 18%, var(--ix-border));
	border-radius: var(--ix-radius-lg, 1rem);
	background: color-mix(in srgb, var(--ix-accent-soft) 55%, #fff);
	font-size: 0.9875rem;
	line-height: 1.55;
	color: var(--ix-text);
}
.ix-fp-consequences__mark {
	flex: 0 0 auto;
	width: 0.55rem;
	height: 0.55rem;
	margin-top: 0.45rem;
	border-radius: 999px;
	background: #0d9488;
}
.ix-fp-hero__cta-note {
	margin: -0.35rem 0 0.35rem;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--ix-text-muted);
}
.ix-fp-hero__ctas {
	flex-wrap: wrap;
}