/* =========================================================
   WD INTERACTIVE HOME V3
========================================================= */

:root {
	--wdv3-white: #ffffff;
	--wdv3-soft: #f6f8fb;
	--wdv3-soft-2: #eef3f8;

	--wdv3-navy: #081426;
	--wdv3-navy-2: #0c1b31;
	--wdv3-navy-3: #122642;

	--wdv3-text: #0c1627;
	--wdv3-muted: #647084;

	--wdv3-blue: #1769ff;
	--wdv3-blue-2: #0a84ff;
	--wdv3-cyan: #03bfe8;

	--wdv3-border: rgba(8, 20, 38, .09);
	--wdv3-border-dark: rgba(255,255,255,.11);

	--wdv3-container: 1320px;

	--wdv3-radius: 22px;
	--wdv3-radius-xl: 34px;

	--wdv3-shadow:
		0 22px 70px rgba(8, 20, 38, .10);

	--wdv3-shadow-deep:
		0 38px 100px rgba(8, 20, 38, .18);

	--wdv3-ease:
		cubic-bezier(.2,.75,.2,1);
}


/* =========================================================
   FULL WIDTH WORDPRESS / ELEMENTOR RESET
========================================================= */

body.home #content,
body.home .site-main,
body.home .page-content,
body.home .entry-content,
body.home .elementor,
body.home .elementor-section-wrap,
body.home .elementor-widget-wrap {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.home .entry-header,
body.home .page-header,
body.home h1.entry-title {
	display: none !important;
}

#wd-home-v3 {
	width: 100vw;
	max-width: 100vw;

	position: relative;

	left: 50%;
	margin-left: -50vw;

	overflow: clip;
}

.wdv3,
.wdv3 * {
	box-sizing: border-box;
}

.wdv3 {
	font-family:
		Inter,
		Manrope,
		"Helvetica Neue",
		Arial,
		sans-serif;

	background: var(--wdv3-white);
	color: var(--wdv3-text);

	font-size: 16px;

	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}

.wdv3 img {
	max-width: 100%;
}

.wdv3 h1,
.wdv3 h2,
.wdv3 h3,
.wdv3 p {
	margin: 0;
}

.wdv3 a {
	color: inherit;
	text-decoration: none;
}

.wdv3 button {
	font: inherit;
}

.wdv3 em {
	font-style: normal;
	color: var(--wdv3-blue);
}

.wdv3-shell {
	width: min(
		calc(100% - 64px),
		var(--wdv3-container)
	);

	margin-inline: auto;
}


/* =========================================================
   PROGRESS
========================================================= */

.wdv3-progress {
	position: fixed;

	top: 0;
	left: 0;

	height: 3px;
	width: 100%;

	z-index: 999999;

	pointer-events: none;
}

.wdv3-progress__bar {
	width: 0;
	height: 100%;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);

	box-shadow:
		0 0 14px rgba(23,105,255,.3);
}


/* =========================================================
   GLOBAL TYPOGRAPHY
========================================================= */

.wdv3 h1,
.wdv3 h2,
.wdv3 h3 {
	letter-spacing: -.055em;
}

.wdv3 h2 {
	font-size:
		clamp(
			3rem,
			5.6vw,
			6.4rem
		);

	line-height: .96;

	font-weight: 760;
}

.wdv3 h3 {
	font-size:
		clamp(
			1.5rem,
			2.5vw,
			2.6rem
		);

	line-height: 1.06;

	font-weight: 720;
}

.wdv3 p {
	font-size:
		clamp(
			1rem,
			1.15vw,
			1.18rem
		);

	line-height: 1.72;
}

.wdv3-kicker {
	display: inline-block;

	margin-bottom: 28px;

	color: var(--wdv3-blue);

	font-weight: 800;
	font-size: .76rem;

	letter-spacing: .15em;
}

.wdv3-kicker--dark {
	color: #8fbaff;
}


/* =========================================================
   BUTTONS
========================================================= */

.wdv3-button {
	position: relative;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	gap: 14px;

	min-height: 58px;

	padding:
		0 27px;

	border-radius: 13px;

	font-weight: 720;

	transition:
		transform .25s var(--wdv3-ease),
		box-shadow .25s var(--wdv3-ease),
		background .25s var(--wdv3-ease),
		border-color .25s var(--wdv3-ease);
}

.wdv3-button i {
	font-style: normal;

	transition:
		transform .25s var(--wdv3-ease);
}

.wdv3-button:hover {
	transform: translateY(-3px);
}

.wdv3-button:hover i {
	transform: translateX(5px);
}

.wdv3-button--primary {
	color: white;
	background: var(--wdv3-blue);

	box-shadow:
		0 14px 38px rgba(23,105,255,.22);
}

.wdv3-button--primary:hover {
	background: #0e5be8;

	box-shadow:
		0 20px 48px rgba(23,105,255,.30);
}

.wdv3-button--ghost {
	border:
		1px solid rgba(8,20,38,.15);

	background:
		rgba(255,255,255,.74);

	backdrop-filter:
		blur(12px);
}

.wdv3-button--ghost:hover {
	background: white;

	box-shadow:
		0 12px 35px rgba(8,20,38,.08);
}


/* =========================================================
   ENTRANCE
========================================================= */

.wdv3-entrance {
	opacity: 0;

	transform:
		translateY(28px);

	transition:
		opacity .85s var(--wdv3-ease),
		transform .85s var(--wdv3-ease);
}

.wdv3-entrance.visible {
	opacity: 1;
	transform: none;
}


/* =========================================================
   HERO
========================================================= */

.wdv3-hero {
	position: relative;

	min-height:
		calc(100svh - 72px);

	display: flex;
	align-items: center;

	padding:
		80px 0 110px;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#ffffff 66%,
			#f8faff 100%
		);

	isolation: isolate;
}

.wdv3-hero__grid {
	display: grid;

	grid-template-columns:
		minmax(0, .95fr)
		minmax(500px, .8fr);

	gap: clamp(60px, 7vw, 130px);

	align-items: center;
}

.wdv3-hero__copy {
	position: relative;
	z-index: 4;
}

.wdv3-pill {
	display: inline-flex;

	align-items: center;

	gap: 11px;

	padding:
		10px 15px;

	margin-bottom: 32px;

	border:
		1px solid rgba(8,20,38,.08);

	background:
		rgba(255,255,255,.76);

	backdrop-filter:
		blur(12px);

	border-radius: 999px;

	font-size: .86rem;
	font-weight: 680;
}

.wdv3-pill > span {
	width: 8px;
	height: 8px;

	border-radius: 50%;

	background: var(--wdv3-blue);

	box-shadow:
		0 0 0 6px rgba(23,105,255,.10);
}

.wdv3-hero__title {
	font-size:
		clamp(
			4rem,
			6.4vw,
			7.65rem
		);

	line-height: .90;

	font-weight: 780;

	letter-spacing: -.075em;

	max-width: 920px;
}

.wdv3-hero__title em {
	display: block;

	margin-top: .08em;
}

.wdv3-hero__lead {
	max-width: 680px;

	margin-top: 35px;

	color: var(--wdv3-muted);

	font-size:
		clamp(
			1.05rem,
			1.45vw,
			1.32rem
		);
}

.wdv3-hero__actions {
	display: flex;

	flex-wrap: wrap;

	gap: 14px;

	margin-top: 40px;
}

.wdv3-proof {
	margin-top: 48px;

	display: flex;

	align-items: center;

	gap: 17px;

	max-width: 580px;

	color: #717c8d;
}

.wdv3-proof__line {
	width: 42px;
	height: 1px;

	flex: 0 0 42px;

	background:
		var(--wdv3-blue);
}

.wdv3-proof p {
	font-size: .88rem;
	line-height: 1.5;
}


/* PERSON IMAGE */

.wdv3-hero__media {
	position: relative;

	height: min(720px, 72vh);

	min-height: 580px;

	perspective: 1200px;

	z-index: 3;
}

.wdv3-person {
	position: absolute;

	inset:
		20px 12px 20px 42px;

	border-radius:
		44px 44px 120px 44px;

	overflow: hidden;

	background:
		linear-gradient(
			145deg,
			#e9edf3,
			#d8e1ec
		);

	box-shadow:
		0 40px 100px rgba(8,20,38,.15);

	transform:
		rotateY(-2deg);

	transition:
		transform .45s var(--wdv3-ease);
}

.wdv3-person.has-image {
	background-image:
		var(--wdv3-person-image);

	background-size: cover;
	background-position: center;
}

.wdv3-person__shade {
	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			180deg,
			transparent 55%,
			rgba(6,15,29,.17)
		);
}

.wdv3-person__placeholder {
	position: absolute;

	inset: 0;

	display: flex;

	align-items: center;
	justify-content: center;

	flex-direction: column;

	text-align: center;

	gap: 12px;

	padding: 30px;

	color: #728095;
}

.wdv3-person__placeholder > span {
	font-size: .7rem;
	font-weight: 800;

	letter-spacing: .17em;

	color: var(--wdv3-blue);
}

.wdv3-person__placeholder strong {
	font-size: 1.4rem;
	color: var(--wdv3-navy);
}

.wdv3-person__placeholder small {
	max-width: 300px;
	line-height: 1.6;
}


/* FLOATING UI */

.wdv3-float-card {
	position: absolute;

	z-index: 10;

	display: flex;

	align-items: center;

	gap: 13px;

	min-width: 205px;

	padding:
		15px 17px;

	border:
		1px solid rgba(255,255,255,.75);

	border-radius: 17px;

	background:
		rgba(255,255,255,.88);

	backdrop-filter:
		blur(18px);

	box-shadow:
		0 24px 60px rgba(8,20,38,.13);

	transition:
		transform .2s linear;
}

.wdv3-float-card small {
	display: block;

	margin-bottom: 2px;

	color: #8792a3;

	font-size: .65rem;

	text-transform: uppercase;

	letter-spacing: .08em;
}

.wdv3-float-card strong {
	font-size: .85rem;
}

.wdv3-float-card__icon,
.wdv3-ai-mark {
	width: 40px;
	height: 40px;

	flex: 0 0 40px;

	border-radius: 12px;

	display: grid;
	place-items: center;

	background: #eff4ff;

	color: var(--wdv3-blue);

	font-weight: 850;
}

.wdv3-ai-mark {
	color: white;

	background:
		linear-gradient(
			135deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}

.wdv3-status-dot {
	width: 8px;
	height: 8px;

	margin-left: auto;

	border-radius: 50%;

	background: #16c784;

	box-shadow:
		0 0 0 5px rgba(22,199,132,.11);
}

.wdv3-float-card--mail {
	left: -20px;
	top: 16%;
}

.wdv3-float-card--ai {
	right: -30px;
	top: 44%;
}

.wdv3-float-card--crm {
	left: 5px;
	bottom: 10%;
}

.wdv3-float-card--crm b {
	margin-left: auto;

	color: #18a96d;
}


/* MOVING LINES */

.wdv3-live-line {
	position: absolute;

	height: 2px;

	background:
		rgba(23,105,255,.12);

	z-index: 8;

	overflow: hidden;

	transform-origin: left center;
}

.wdv3-live-line i {
	position: absolute;

	top: 0;
	left: -70px;

	width: 70px;
	height: 100%;

	background:
		linear-gradient(
			90deg,
			transparent,
			var(--wdv3-blue),
			var(--wdv3-cyan),
			transparent
		);

	animation:
		wdv3FlowPulse 2.2s linear infinite;
}

.wdv3-live-line--1 {
	top: 31%;
	left: 20%;
	width: 46%;

	transform: rotate(15deg);
}

.wdv3-live-line--2 {
	top: 52%;
	left: 34%;
	width: 42%;

	transform: rotate(-8deg);
}

.wdv3-live-line--3 {
	bottom: 23%;
	left: 22%;
	width: 48%;

	transform: rotate(-23deg);
}

@keyframes wdv3FlowPulse {
	to {
		left: calc(100% + 70px);
	}
}


/* HERO GLOWS */

.wdv3-hero__glow {
	position: absolute;

	border-radius: 50%;

	filter: blur(20px);

	pointer-events: none;

	z-index: -1;
}

.wdv3-hero__glow--1 {
	width: 570px;
	height: 570px;

	right: -250px;
	top: -160px;

	background:
		radial-gradient(
			circle,
			rgba(23,105,255,.12),
			transparent 67%
		);
}

.wdv3-hero__glow--2 {
	width: 500px;
	height: 500px;

	left: -280px;
	bottom: -180px;

	background:
		radial-gradient(
			circle,
			rgba(3,191,232,.06),
			transparent 68%
		);
}

.wdv3-scroll-cue {
	position: absolute;

	bottom: 25px;
	left: 50%;

	transform: translateX(-50%);

	display: flex;

	align-items: center;

	gap: 11px;

	color: #9aa4b3;

	font-size: .72rem;
}

.wdv3-scroll-cue span {
	width: 1px;
	height: 32px;

	background:
		linear-gradient(
			var(--wdv3-blue),
			transparent
		);

	animation:
		wdv3ScrollCue 1.6s ease-in-out infinite;
}

@keyframes wdv3ScrollCue {
	0%,100% {
		transform: scaleY(.45);
		opacity: .3;
	}

	50% {
		transform: scaleY(1);
		opacity: 1;
	}
}


/* =========================================================
   MARQUEE
========================================================= */

.wdv3-marquee {
	overflow: hidden;

	padding:
		24px 0;

	background: var(--wdv3-navy);

	color: white;
}

.wdv3-marquee__track {
	width: max-content;

	display: flex;

	align-items: center;

	gap: 35px;

	padding-left: 35px;

	animation:
		wdv3Marquee 26s linear infinite;
}

.wdv3-marquee__track span {
	font-size:
		clamp(
			1.2rem,
			2vw,
			1.8rem
		);

	font-weight: 760;

	letter-spacing: -.03em;

	white-space: nowrap;
}

.wdv3-marquee__track i {
	color: var(--wdv3-blue-2);

	font-style: normal;
}

@keyframes wdv3Marquee {
	to {
		transform: translateX(-50%);
	}
}


/* =========================================================
   PROBLEMS
========================================================= */

.wdv3-problems {
	position: relative;

	padding:
		170px 0 200px;

	background: var(--wdv3-soft);
}

.wdv3-problems__grid {
	display: grid;

	grid-template-columns:
		.82fr 1.18fr;

	gap:
		clamp(
			70px,
			8vw,
			140px
		);
}

.wdv3-sticky {
	position: sticky;
	top: 130px;
}

.wdv3-problems__intro h2 {
	font-size:
		clamp(
			3rem,
			4.5vw,
			5.4rem
		);

	line-height: .97;
}

.wdv3-problems__intro p {
	max-width: 500px;

	margin-top: 30px;

	color: var(--wdv3-muted);
}

.wdv3-mini-progress {
	width: 160px;
	height: 3px;

	margin-top: 44px;

	border-radius: 10px;

	background:
		rgba(8,20,38,.09);

	overflow: hidden;
}

.wdv3-mini-progress > div {
	width: 0%;
	height: 100%;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}

.wdv3-progress-label {
	display: inline-block;

	margin-top: 12px;

	color: #9aa4b3;

	font-size: .7rem;

	letter-spacing: .08em;
}

.wdv3-problems__cards {
	display: flex;

	flex-direction: column;

	gap: 24px;
}

.wdv3-problem-card {
	position: relative;

	min-height: 270px;

	display: grid;

	grid-template-columns:
		65px 1fr 60px;

	align-items: start;

	gap: 28px;

	padding:
		42px;

	border:
		1px solid rgba(8,20,38,.07);

	border-radius:
		28px;

	background: white;

	box-shadow:
		0 20px 55px rgba(8,20,38,.035);

	opacity: .50;

	transform:
		scale(.975)
		translateY(15px);

	transition:
		opacity .45s var(--wdv3-ease),
		transform .45s var(--wdv3-ease),
		box-shadow .45s var(--wdv3-ease),
		border-color .45s var(--wdv3-ease);
}

.wdv3-problem-card.active {
	opacity: 1;

	transform:
		scale(1)
		translateY(0);

	border-color:
		rgba(23,105,255,.18);

	box-shadow:
		0 30px 80px rgba(8,20,38,.09);
}

.wdv3-problem-card > span {
	color: var(--wdv3-blue);

	font-size: .74rem;
	font-weight: 850;
}

.wdv3-problem-card h3 {
	font-size:
		clamp(
			1.7rem,
			2.4vw,
			2.8rem
		);
}

.wdv3-problem-card p {
	max-width: 620px;

	margin-top: 18px;

	color: var(--wdv3-muted);
}

.wdv3-problem-card > i {
	font-style: normal;

	width: 48px;
	height: 48px;

	display: grid;
	place-items: center;

	border-radius: 14px;

	background: #f1f5ff;

	color: var(--wdv3-blue);

	font-size: 1.3rem;
}


/* =========================================================
   TRANSITION
========================================================= */

.wdv3-big-transition {
	position: relative;

	height: 170vh;

	background: white;
}

.wdv3-big-transition__background {
	position: sticky;

	top: 0;

	height: 100vh;

	background: var(--wdv3-navy);

	transform:
		clip-path inset(48% 8% 48% 8% round 34px);

	z-index: 1;
}

.wdv3-big-transition__content {
	position: sticky;

	top: 0;

	height: 100vh;

	margin-top: -100vh;

	display: flex;

	align-items: center;
	justify-content: center;

	flex-direction: column;

	text-align: center;

	color: white;

	padding: 25px;

	z-index: 2;
}

.wdv3-big-transition__content > span {
	font-size: .7rem;

	font-weight: 850;

	letter-spacing: .15em;

	color: #91a4c2;
}

.wdv3-big-transition__content h2 {
	margin-top: 22px;

	font-size:
		clamp(
			6rem,
			13vw,
			14rem
		);

	line-height: .80;
}

.wdv3-big-transition__content h2 em {
	display: block;

	color: var(--wdv3-blue-2);
}

.wdv3-big-transition__content p {
	margin-top: 42px;

	color: #c0cbda;

	font-size:
		clamp(
			1.05rem,
			1.5vw,
			1.35rem
		);
}


/* =========================================================
   SERVICES HORIZONTAL
========================================================= */

.wdv3-services {
	position: relative;

	height: 590vh;

	background: var(--wdv3-navy);

	color: white;
}

.wdv3-services__sticky {
	position: sticky;

	top: 0;

	height: 100vh;

	padding-top: 70px;

	overflow: hidden;
}

.wdv3-services__header {
	max-width: 980px;
}

.wdv3-services__header h2 {
	font-size:
		clamp(
			3.4rem,
			5vw,
			5.9rem
		);
}

.wdv3-services__viewport {
	width: 100vw;

	overflow: hidden;

	margin-top: 70px;
}

.wdv3-services__track {
	display: flex;

	width: max-content;

	gap: 24px;

	padding-left:
		max(
			32px,
			calc((100vw - var(--wdv3-container)) / 2)
		);

	padding-right: 10vw;

	will-change: transform;
}

.wdv3-service-card {
	width:
		min(
			560px,
			76vw
		);

	height: 510px;

	flex: 0 0 auto;

	padding: 34px;

	border:
		1px solid rgba(255,255,255,.09);

	border-radius:
		30px;

	background:
		linear-gradient(
			145deg,
			#10213b,
			#0b182b
		);

	box-shadow:
		0 28px 85px rgba(0,0,0,.20);

	display: flex;

	flex-direction: column;
}

.wdv3-service-card__top {
	display: flex;

	align-items: center;
	justify-content: space-between;

	color: #8fa2c0;
}

.wdv3-service-card__top > span {
	font-size: .72rem;

	font-weight: 850;

	letter-spacing: .12em;
}

.wdv3-service-card__top i {
	font-style: normal;

	width: 45px;
	height: 45px;

	display: grid;
	place-items: center;

	border-radius: 14px;

	background:
		rgba(255,255,255,.06);

	color: #8dbbff;
}

.wdv3-service-card h3 {
	margin-top: 42px;

	font-size:
		clamp(
			2.5rem,
			4vw,
			4.4rem
		);
}

.wdv3-service-card > p {
	margin-top: 22px;

	color: #acbbd1;

	max-width: 470px;
}

.wdv3-mini-ui,
.wdv3-chat-ui,
.wdv3-browser-ui,
.wdv3-pipeline-ui,
.wdv3-profile-ui,
.wdv3-flow-ui {
	margin-top: auto;

	min-height: 170px;

	border:
		1px solid rgba(255,255,255,.08);

	border-radius:
		20px;

	background:
		rgba(255,255,255,.035);

	padding: 23px;
}


/* MINI MAIL */

.wdv3-mini-ui--mail {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 23px;
}

.wdv3-mini-mail {
	width: 195px;

	padding: 16px;

	border-radius: 13px;

	color: var(--wdv3-navy);

	background: white;
}

.wdv3-mini-mail small {
	display: block;

	color: #8e99aa;

	font-size: .58rem;

	font-weight: 850;
}

.wdv3-mini-mail strong {
	display: block;

	margin: 7px 0 12px;

	font-size: .84rem;
}

.wdv3-mini-mail span {
	display: block;

	height: 6px;

	margin-top: 5px;

	border-radius: 20px;

	background: #e7ebf1;
}

.wdv3-mini-mail span:last-child {
	width: 65%;
}

.wdv3-mini-ui--mail > i {
	color: var(--wdv3-blue-2);

	font-style: normal;

	font-size: 2rem;
}

.wdv3-mini-ai {
	width: 70px;
	height: 70px;

	display: grid;
	place-items: center;

	border-radius: 20px;

	background:
		linear-gradient(
			135deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);

	font-weight: 850;
}


/* CHAT */

.wdv3-chat-ui {
	display: flex;

	flex-direction: column;

	gap: 14px;
}

.wdv3-chat-ui__left,
.wdv3-chat-ui__right {
	max-width: 82%;

	padding:
		13px 15px;

	border-radius: 14px;

	font-size: .8rem;
}

.wdv3-chat-ui__left {
	align-self: flex-start;

	background: white;
	color: var(--wdv3-navy);
}

.wdv3-chat-ui__right {
	align-self: flex-end;

	background: var(--wdv3-blue);
	color: white;
}


/* BROWSER */

.wdv3-browser-ui {
	background: #f7f9fd;
}

.wdv3-browser-ui__bar {
	display: flex;

	gap: 5px;
}

.wdv3-browser-ui__bar span {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #d4dae4;
}

.wdv3-browser-ui__line {
	height: 9px;
	width: 76%;

	margin-top: 28px;

	border-radius: 20px;

	background: #dce3ec;
}

.wdv3-browser-ui__line.short {
	width: 48%;

	margin-top: 10px;
}

.wdv3-browser-ui__cta {
	display: inline-block;

	margin-top: 25px;

	padding: 9px 14px;

	border-radius: 10px;

	background: var(--wdv3-blue);

	color: white;

	font-size: .69rem;
}


/* PIPELINE */

.wdv3-pipeline-ui {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 12px;
}

.wdv3-pipeline-ui span {
	padding:
		12px 13px;

	border:
		1px solid rgba(255,255,255,.1);

	border-radius: 11px;

	font-size: .69rem;
}

.wdv3-pipeline-ui i {
	color: #7ab5ff;
	font-style: normal;
}


/* PROFILE */

.wdv3-profile-ui {
	display: flex;

	align-items: center;

	gap: 17px;
}

.wdv3-profile-ui > div {
	width: 64px;
	height: 64px;

	flex: 0 0 64px;

	display: grid;
	place-items: center;

	border-radius: 50%;

	background:
		linear-gradient(
			135deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);

	font-weight: 850;
}

.wdv3-profile-ui section span,
.wdv3-profile-ui section small {
	display: block;
}

.wdv3-profile-ui section span {
	color: #afbed2;

	margin-top: 4px;
}

.wdv3-profile-ui section small {
	color: #60d7a3;

	margin-top: 9px;
}


/* FLOW */

.wdv3-flow-ui {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 0;
}

.wdv3-flow-ui span {
	padding:
		12px 14px;

	border-radius: 11px;

	border:
		1px solid rgba(255,255,255,.1);

	font-size: .7rem;
}

.wdv3-flow-ui b {
	width: 45px;
	height: 2px;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}

.wdv3-services__progress {
	position: absolute;

	left: 50%;
	bottom: 30px;

	transform: translateX(-50%);

	width:
		min(
			500px,
			60vw
		);

	height: 3px;

	background:
		rgba(255,255,255,.10);

	border-radius: 20px;

	overflow: hidden;
}

.wdv3-services__progress > div {
	width: 0%;
	height: 100%;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue-2),
			var(--wdv3-cyan)
		);
}


/* =========================================================
   WORKFLOW
========================================================= */

.wdv3-workflow {
	padding:
		170px 0;

	background: white;
}

.wdv3-workflow__head {
	max-width: 1060px;

	margin-bottom: 110px;
}

.wdv3-workflow__stage {
	position: relative;

	display: grid;

	grid-template-columns:
		1fr .92fr;

	gap: 110px;

	min-height: 360vh;
}

.wdv3-workflow__visual {
	align-self: start;

	position: sticky;

	top: 100px;

	height: calc(100vh - 150px);

	display: flex;

	align-items: center;
}

.wdv3-workflow__canvas {
	position: relative;

	width: 100%;

	padding:
		15px 0;
}

.wdv3-workflow-line {
	position: absolute;

	left: 35px;
	top: 55px;
	bottom: 55px;

	width: 2px;

	background:
		rgba(8,20,38,.08);
}

.wdv3-workflow-line__active {
	position: absolute;

	left: 35px;
	top: 55px;

	width: 2px;
	height: 0;

	background:
		linear-gradient(
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);

	box-shadow:
		0 0 13px rgba(23,105,255,.25);
}

.wdv3-workflow-node {
	position: relative;

	z-index: 4;

	display: flex;

	align-items: center;

	gap: 23px;

	min-height: 105px;

	opacity: .25;

	transform:
		scale(.965);

	transition:
		opacity .35s ease,
		transform .35s ease;
}

.wdv3-workflow-node.active {
	opacity: 1;
	transform: none;
}

.wdv3-workflow-node > i {
	width: 72px;
	height: 72px;

	flex: 0 0 72px;

	display: grid;
	place-items: center;

	border-radius: 21px;

	border:
		1px solid var(--wdv3-border);

	background: white;

	box-shadow:
		0 10px 32px rgba(8,20,38,.07);

	color: var(--wdv3-navy);

	font-style: normal;
	font-weight: 850;

	transition:
		background .35s ease,
		color .35s ease,
		transform .35s ease,
		box-shadow .35s ease;
}

.wdv3-workflow-node.active > i {
	background: var(--wdv3-blue);

	color: white;

	transform:
		scale(1.04);

	box-shadow:
		0 18px 42px rgba(23,105,255,.20);
}

.wdv3-workflow-node small {
	display: block;

	color: #a0a9b8;

	margin-bottom: 4px;

	font-size: .63rem;

	letter-spacing: .10em;
}

.wdv3-data-pulse {
	position: absolute;

	left: 31px;

	width: 10px;
	height: 10px;

	border-radius: 50%;

	background: var(--wdv3-cyan);

	box-shadow:
		0 0 0 8px rgba(3,191,232,.11),
		0 0 18px rgba(3,191,232,.45);

	top: 55px;

	z-index: 8;
}

.wdv3-workflow__copy {
	padding-top: 18vh;
}

.wdv3-workflow__copy article {
	min-height: 58vh;

	display: flex;

	justify-content: center;
	flex-direction: column;

	opacity: .23;

	transform:
		translateY(25px);

	transition:
		opacity .4s ease,
		transform .4s ease;
}

.wdv3-workflow__copy article.active {
	opacity: 1;

	transform: none;
}

.wdv3-workflow__copy article > span {
	color: var(--wdv3-blue);

	font-size: .68rem;

	font-weight: 850;

	letter-spacing: .12em;

	margin-bottom: 17px;
}

.wdv3-workflow__copy article h3 {
	font-size:
		clamp(
			2.2rem,
			3.5vw,
			4.4rem
		);
}

.wdv3-workflow__copy article p {
	max-width: 520px;

	margin-top: 23px;

	color: var(--wdv3-muted);
}


/* =========================================================
   BEFORE AFTER
========================================================= */

.wdv3-before-after {
	padding:
		160px 0;

	background: var(--wdv3-soft);
}

.wdv3-before-after__head {
	max-width: 1000px;

	margin-bottom: 85px;
}

.wdv3-before-after__scene {
	display: grid;

	grid-template-columns:
		1fr 100px 1fr;

	align-items: stretch;
}

.wdv3-manual,
.wdv3-automatic {
	position: relative;

	min-height: 540px;

	border-radius:
		var(--wdv3-radius-xl);

	padding: 40px;
}

.wdv3-manual {
	background: white;

	border:
		1px solid var(--wdv3-border);
}

.wdv3-automatic {
	background: var(--wdv3-navy);

	color: white;

	border:
		1px solid rgba(255,255,255,.08);
}

.wdv3-scene-label {
	font-size: .7rem;

	font-weight: 850;

	letter-spacing: .13em;

	color: #8d98a9;
}

.wdv3-chaos-card {
	position: absolute;

	padding:
		15px 18px;

	border:
		1px solid var(--wdv3-border);

	border-radius: 13px;

	background: white;

	box-shadow:
		0 13px 35px rgba(8,20,38,.07);

	font-size: .84rem;

	will-change: transform, opacity;
}

.wdv3-chaos-card.c1 {
	left: 11%;
	top: 25%;
}

.wdv3-chaos-card.c2 {
	right: 9%;
	top: 20%;
}

.wdv3-chaos-card.c3 {
	left: 26%;
	top: 43%;
}

.wdv3-chaos-card.c4 {
	right: 14%;
	top: 55%;
}

.wdv3-chaos-card.c5 {
	left: 8%;
	bottom: 17%;
}

.wdv3-chaos-card.c6 {
	right: 29%;
	bottom: 8%;
}

.wdv3-transform-arrow {
	display: grid;

	place-items: center;

	color: var(--wdv3-blue);

	font-size: 2.5rem;
}

.wdv3-auto-flow {
	height: 370px;

	display: flex;

	align-items: center;
	justify-content: center;
}

.wdv3-auto-flow > div {
	padding:
		18px 20px;

	border-radius: 14px;

	background:
		rgba(255,255,255,.06);

	border:
		1px solid rgba(255,255,255,.10);

	font-size: .8rem;
}

.wdv3-auto-flow > i {
	width: 52px;
	height: 2px;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}

.wdv3-automatic > small {
	display: block;

	text-align: center;

	color: #99abc6;
}


/* =========================================================
   BENEFITS
========================================================= */

.wdv3-benefits {
	padding:
		180px 0;

	background: white;
}

.wdv3-benefits__title {
	max-width: 1080px;

	margin-bottom: 100px;
}

.wdv3-benefits__grid {
	display: grid;

	grid-template-columns:
		repeat(2, 1fr);

	border-top:
		1px solid var(--wdv3-border);

	border-left:
		1px solid var(--wdv3-border);
}

.wdv3-benefits__grid article {
	position: relative;

	min-height: 330px;

	padding: 40px;

	border-right:
		1px solid var(--wdv3-border);

	border-bottom:
		1px solid var(--wdv3-border);

	overflow: hidden;

	transition:
		background .35s ease;
}

.wdv3-benefits__grid article:hover {
	background: var(--wdv3-soft);
}

.wdv3-benefits__grid article > span {
	color: var(--wdv3-blue);

	font-size: .7rem;

	font-weight: 850;

	letter-spacing: .1;
}

.wdv3-benefits__grid article h3 {
	margin-top: 100px;

	font-size:
		clamp(
			2.2rem,
			3.7vw,
			4.2rem
		);
}

.wdv3-benefits__grid article p {
	max-width: 480px;

	margin-top: 16px;

	color: var(--wdv3-muted);
}

.wdv3-benefits__grid article i {
	position: absolute;

	right: 30px;
	top: 30px;

	width: 44px;
	height: 44px;

	display: grid;
	place-items: center;

	border-radius: 14px;

	background: #f0f4ff;

	color: var(--wdv3-blue);

	font-style: normal;

	transition:
		transform .35s var(--wdv3-ease);
}

.wdv3-benefits__grid article:hover i {
	transform:
		translate(4px,-4px);
}


/* =========================================================
   METHOD
========================================================= */

.wdv3-method {
	padding:
		170px 0;

	background: var(--wdv3-soft);
}

.wdv3-method__grid {
	display: grid;

	grid-template-columns:
		.83fr 1.17fr;

	gap: 110px;
}

.wdv3-method__intro h2 {
	font-size:
		clamp(
			3rem,
			4.7vw,
			5.6rem
		);
}

.wdv3-method__intro p {
	max-width: 480px;

	margin-top: 28px;

	color: var(--wdv3-muted);
}

.wdv3-method__line {
	width: 3px;
	height: 150px;

	margin-top: 40px;

	background:
		rgba(8,20,38,.08);

	border-radius: 10px;

	overflow: hidden;
}

.wdv3-method__line > div {
	width: 100%;
	height: 0%;

	background:
		linear-gradient(
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}

.wdv3-method__steps {
	border-top:
		1px solid var(--wdv3-border);
}

.wdv3-method__steps article {
	display: grid;

	grid-template-columns:
		70px 1fr;

	gap: 26px;

	align-items: start;

	padding:
		48px 0;

	border-bottom:
		1px solid var(--wdv3-border);

	opacity: .30;

	transform:
		translateX(-10px);

	transition:
		opacity .4s var(--wdv3-ease),
		transform .4s var(--wdv3-ease);
}

.wdv3-method__steps article.active {
	opacity: 1;
	transform: none;
}

.wdv3-method__steps article > span {
	color: var(--wdv3-blue);

	font-size: .7rem;

	font-weight: 850;

	letter-spacing: .1em;
}

.wdv3-method__steps h3 {
	font-size:
		clamp(
			1.8rem,
			2.6vw,
			3rem
		);
}

.wdv3-method__steps p {
	margin-top: 13px;

	color: var(--wdv3-muted);
}


/* =========================================================
   HUMAN / ABOUT
========================================================= */

.wdv3-human {
	padding:
		100px 0 160px;

	background: white;
}

.wdv3-human__box {
	position: relative;

	min-height: 680px;

	padding:
		clamp(
			50px,
			7vw,
			100px
		);

	display: grid;

	grid-template-columns:
		1fr .7fr;

	align-items: center;

	gap: 60px;

	border-radius:
		40px;

	background: var(--wdv3-navy);

	color: white;

	overflow: hidden;
}

.wdv3-human__box::before {
	content: "";

	position: absolute;

	inset: 0;

	background-image:
		linear-gradient(
			rgba(255,255,255,.025) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255,255,255,.025) 1px,
			transparent 1px
		);

	background-size:
		46px 46px;

	mask-image:
		linear-gradient(
			to right,
			transparent,
			black
		);
}

.wdv3-human__copy {
	position: relative;
	z-index: 2;
}

.wdv3-human__copy h2 {
	max-width: 850px;
}

.wdv3-human__statement {
	margin-top: 42px;

	font-size:
		clamp(
			1.3rem,
			2.4vw,
			2.45rem
		);

	color: #8fa1bd;
}

.wdv3-human__statement + .wdv3-human__statement {
	margin-top: 16px;
}

.wdv3-human__statement strong {
	color: white;
}

.wdv3-human__body {
	max-width: 580px;

	margin-top: 45px;

	color: #aabbcf;
}

.wdv3-human__visual {
	position: relative;

	min-height: 400px;

	display: grid;
	place-items: center;

	z-index: 2;
}

.wdv3-human__ring {
	position: absolute;

	width: 390px;
	height: 390px;

	border:
		1px solid rgba(255,255,255,.10);

	border-radius: 50%;

	box-shadow:
		0 0 0 60px rgba(23,105,255,.025),
		0 0 0 120px rgba(23,105,255,.015);

	animation:
		wdv3SlowRotate 20s linear infinite;
}

.wdv3-human__ring::before,
.wdv3-human__ring::after {
	content: "";

	position: absolute;

	width: 14px;
	height: 14px;

	border-radius: 50%;

	background: var(--wdv3-cyan);

	box-shadow:
		0 0 22px rgba(3,191,232,.7);
}

.wdv3-human__ring::before {
	top: 35px;
	right: 70px;
}

.wdv3-human__ring::after {
	bottom: 38px;
	left: 65px;
}

.wdv3-human__word {
	font-size:
		clamp(
			6rem,
			10vw,
			10rem
		);

	font-weight: 850;

	letter-spacing: -.09em;

	background:
		linear-gradient(
			135deg,
			white,
			#75abff
		);

	-webkit-background-clip: text;
	background-clip: text;

	color: transparent;
}

@keyframes wdv3SlowRotate {
	to {
		transform: rotate(360deg);
	}
}


/* =========================================================
   EXAMPLES
========================================================= */

.wdv3-examples {
	padding:
		170px 0;

	background: white;
}

.wdv3-examples__head {
	max-width: 1000px;

	margin-bottom: 80px;
}

.wdv3-examples__grid {
	display: grid;

	grid-template-columns:
		repeat(3,1fr);

	gap: 24px;
}

.wdv3-example {
	padding: 25px;

	border:
		1px solid var(--wdv3-border);

	border-radius:
		24px;

	background: white;

	transition:
		transform .35s var(--wdv3-ease),
		box-shadow .35s var(--wdv3-ease),
		border-color .35s var(--wdv3-ease);
}

.wdv3-example:hover {
	transform:
		translateY(-7px);

	border-color:
		rgba(23,105,255,.20);

	box-shadow:
		var(--wdv3-shadow);
}

.wdv3-example__label {
	display: inline-block;

	color: var(--wdv3-blue);

	font-size: .68rem;

	font-weight: 850;

	letter-spacing: .11em;
}

.wdv3-example__visual {
	position: relative;

	height: 300px;

	margin:
		25px 0 32px;

	border-radius:
		18px;

	background:
		var(--wdv3-soft);

	border:
		1px solid rgba(8,20,38,.05);

	overflow: hidden;
}

.wdv3-example h3 {
	font-size:
		clamp(
			1.55rem,
			2.3vw,
			2.5rem
		);
}

.wdv3-example p {
	margin-top: 15px;

	color: var(--wdv3-muted);

	font-size: .97rem;
}


/* INBOX VISUAL */

.wdv3-example__visual--inbox {
	padding:
		50px 27px;
}

.wdv3-example__visual--inbox > div {
	height: 39px;

	margin-bottom: 11px;

	border-radius: 10px;

	background: white;

	box-shadow:
		0 9px 24px rgba(8,20,38,.05);
}

.wdv3-example__visual--inbox > div:nth-child(2) {
	transform:
		translateX(18px);
}

.wdv3-example__visual--inbox > div:nth-child(3) {
	border-left:
		3px solid var(--wdv3-blue);
}


/* LEAD VISUAL */

.wdv3-example__visual--lead {
	display: grid;
	place-items: center;
}

.wdv3-lead-pulse {
	width: 20px;
	height: 20px;

	border-radius: 50%;

	background: var(--wdv3-blue);

	box-shadow:
		0 0 0 16px rgba(23,105,255,.08);

	animation:
		wdv3LeadPulse 2s ease-in-out infinite;
}

@keyframes wdv3LeadPulse {
	50% {
		box-shadow:
			0 0 0 28px rgba(23,105,255,0);
	}
}

.wdv3-lead-pill {
	position: absolute;

	padding:
		10px 15px;

	border-radius: 999px;

	background: white;

	border:
		1px solid var(--wdv3-border);

	font-size: .7rem;

	box-shadow:
		0 9px 24px rgba(8,20,38,.06);
}

.wdv3-lead-pill {
	top: 35px;
}

.wdv3-lead-pill.second {
	left: 25px;
	top: auto;
	bottom: 43px;
}

.wdv3-lead-pill.third {
	right: 25px;
	top: auto;
	bottom: 43px;
}


/* CRM VISUAL */

.wdv3-example__visual--crm {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 25px;
}

.wdv3-crm-avatar {
	width: 82px;
	height: 82px;

	border-radius: 50%;

	display: grid;
	place-items: center;

	color: white;

	background:
		linear-gradient(
			135deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);

	font-weight: 850;

	font-size: 1.5rem;
}

.wdv3-crm-lines {
	width: 140px;
}

.wdv3-crm-lines span {
	display: block;

	height: 9px;

	margin-bottom: 12px;

	border-radius: 20px;

	background: #dfe6ef;
}

.wdv3-crm-lines span:nth-child(2) {
	width: 70%;
}

.wdv3-crm-lines span:nth-child(3) {
	width: 46%;

	background: var(--wdv3-blue);
}

.wdv3-crm-check {
	width: 38px;
	height: 38px;

	display: grid;
	place-items: center;

	border-radius: 50%;

	color: #168857;

	background: #ddf8eb;

	font-weight: 850;
}


/* =========================================================
   QUESTION
========================================================= */

.wdv3-question {
	padding:
		190px 0;

	background: var(--wdv3-soft);

	text-align: center;
}

.wdv3-question__inner {
	max-width: 1100px;

	margin: auto;
}

.wdv3-question__inner > small {
	font-weight: 850;

	letter-spacing: .15em;

	color: var(--wdv3-blue);
}

.wdv3-question h2 {
	margin-top: 30px;
}

.wdv3-question__link {
	display: inline-flex;

	align-items: center;

	gap: 20px;

	margin-top: 52px;

	padding-bottom: 9px;

	border-bottom:
		2px solid var(--wdv3-blue);

	font-size:
		clamp(
			1.3rem,
			2vw,
			1.9rem
		);

	font-weight: 750;
}

.wdv3-question__link span {
	transition:
		transform .25s var(--wdv3-ease);
}

.wdv3-question__link:hover span {
	transform:
		translateX(7px);
}


/* =========================================================
   FAQ
========================================================= */

.wdv3-faq {
	padding:
		170px 0;

	background: white;
}

.wdv3-faq__grid {
	display: grid;

	grid-template-columns:
		.65fr 1.35fr;

	gap: 100px;
}

.wdv3-faq__intro {
	position: sticky;

	top: 130px;

	align-self: start;
}

.wdv3-accordion {
	border-top:
		1px solid var(--wdv3-border);
}

.wdv3-faq-item {
	border-bottom:
		1px solid var(--wdv3-border);
}

.wdv3-faq-item > button {
	width: 100%;

	padding:
		31px 0;

	display: flex;

	align-items: center;
	justify-content: space-between;

	border: 0;

	background: none;

	text-align: left;

	cursor: pointer;

	color: var(--wdv3-navy);

	font-size:
		clamp(
			1.12rem,
			1.6vw,
			1.48rem
		);

	font-weight: 690;
}

.wdv3-faq-item > button i {
	font-style: normal;

	color: var(--wdv3-blue);

	font-size: 1.8rem;

	transition:
		transform .3s var(--wdv3-ease);
}

.wdv3-faq-item.open > button i {
	transform:
		rotate(45deg);
}

.wdv3-faq-item > div {
	max-height: 0;

	overflow: hidden;

	transition:
		max-height .45s var(--wdv3-ease);
}

.wdv3-faq-item > div p {
	max-width: 760px;

	padding:
		0 0 30px;

	color: var(--wdv3-muted);
}


/* =========================================================
   FINAL CTA
========================================================= */

.wdv3-final {
	position: relative;

	min-height: 94vh;

	display: flex;

	align-items: center;

	padding:
		120px 0;

	background: var(--wdv3-navy);

	color: white;

	overflow: hidden;
}

.wdv3-final__content {
	position: relative;

	z-index: 4;

	max-width: 1180px;

	margin: auto;

	text-align: center;
}

.wdv3-final__content > span {
	font-size: .7rem;

	font-weight: 850;

	letter-spacing: .15em;

	color: #8fa3c2;
}

.wdv3-final h2 {
	margin-top: 25px;

	font-size:
		clamp(
			4rem,
			8.5vw,
			9.5rem
		);

	line-height: .85;
}

.wdv3-final p {
	margin-top: 35px;

	color: #afbdd0;

	font-size: 1.2rem;
}

.wdv3-final__actions {
	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	gap: 14px;

	margin-top: 43px;
}

.wdv3-button--light {
	background: white;

	color: var(--wdv3-navy);

	box-shadow:
		0 15px 40px rgba(0,0,0,.15);
}

.wdv3-button--darkghost {
	color: white;

	border:
		1px solid rgba(255,255,255,.18);

	background:
		rgba(255,255,255,.03);
}

.wdv3-button--darkghost:hover {
	background:
		rgba(255,255,255,.07);
}

.wdv3-final__grid {
	position: absolute;

	inset: 0;

	background-image:
		linear-gradient(
			rgba(255,255,255,.025) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255,255,255,.025) 1px,
			transparent 1px
		);

	background-size:
		55px 55px;

	mask-image:
		radial-gradient(
			circle,
			black,
			transparent 72%
		);
}

.wdv3-final__orb {
	position: absolute;

	border-radius: 50%;

	filter: blur(20px);

	opacity: .25;
}

.wdv3-final__orb--1 {
	width: 700px;
	height: 700px;

	right: -280px;
	top: -250px;

	background:
		radial-gradient(
			circle,
			var(--wdv3-blue),
			transparent 65%
		);
}

.wdv3-final__orb--2 {
	width: 550px;
	height: 550px;

	left: -260px;
	bottom: -220px;

	background:
		radial-gradient(
			circle,
			var(--wdv3-cyan),
			transparent 68%
		);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.wdv3-shell {
		width:
			min(
				calc(100% - 44px),
				var(--wdv3-container)
			);
	}

	.wdv3-hero__grid,
	.wdv3-problems__grid,
	.wdv3-method__grid,
	.wdv3-faq__grid {
		grid-template-columns: 1fr;
	}

	.wdv3-hero__media {
		height: 680px;
	}

	.wdv3-problems__grid,
	.wdv3-method__grid {
		gap: 70px;
	}

	.wdv3-sticky,
	.wdv3-faq__intro {
		position: relative;
		top: auto;
	}

	.wdv3-examples__grid {
		grid-template-columns:
			1fr 1fr;
	}

	.wdv3-human__box {
		grid-template-columns: 1fr;
	}

	.wdv3-human__visual {
		min-height: 360px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

	.wdv3-shell {
		width:
			calc(100% - 40px);
	}

	.wdv3-hero {
		min-height: auto;

		padding:
			75px 0 90px;
	}

	.wdv3-hero__title {
		font-size:
			clamp(
				3.2rem,
				14vw,
				5.1rem
			);

		line-height: .93;
	}

	.wdv3 h2 {
		font-size:
			clamp(
				2.7rem,
				12vw,
				4.2rem
			);
	}

	.wdv3-hero__actions,
	.wdv3-final__actions {
		flex-direction: column;

		align-items: stretch;
	}

	.wdv3-button {
		width: 100%;
	}

	.wdv3-proof {
		align-items: flex-start;
	}

	.wdv3-hero__media {
		height: 590px;

		min-height: 590px;
	}

	.wdv3-person {
		inset:
			35px 0 30px;

		border-radius:
			28px 28px 70px 28px;
	}

	.wdv3-float-card {
		min-width: auto;

		width: 190px;
	}

	.wdv3-float-card--mail {
		left: -5px;
		top: 8%;
	}

	.wdv3-float-card--ai {
		right: -7px;
		top: 42%;
	}

	.wdv3-float-card--crm {
		left: 10px;
		bottom: 5%;
	}

	.wdv3-scroll-cue {
		display: none;
	}

	.wdv3-problems {
		padding:
			100px 0;
	}

	.wdv3-problem-card {
		grid-template-columns:
			1fr;

		padding: 28px;

		min-height: auto;
	}

	.wdv3-problem-card > i {
		position: absolute;

		right: 25px;
		top: 25px;
	}

	.wdv3-big-transition {
		height: 130vh;
	}

	.wdv3-big-transition__content h2 {
		font-size:
			clamp(
				5rem,
				24vw,
				7.2rem
			);
	}

	.wdv3-big-transition__background {
		transform:
			clip-path inset(45% 5% 45% 5% round 25px);
	}

	.wdv3-services {
		height: auto;

		padding:
			100px 0;
	}

	.wdv3-services__sticky {
		position: relative;

		height: auto;

		padding-top: 0;

		overflow: visible;
	}

	.wdv3-services__viewport {
		overflow: visible;
	}

	.wdv3-services__track {
		width: auto;

		display: flex;

		flex-direction: column;

		padding:
			0 20px;

		margin-top: 45px;

		transform: none !important;
	}

	.wdv3-service-card {
		width: 100%;

		height: auto;

		min-height: 460px;
	}

	.wdv3-services__progress {
		display: none;
	}

	.wdv3-workflow {
		padding:
			100px 0;
	}

	.wdv3-workflow__stage {
		grid-template-columns: 1fr;

		gap: 40px;

		min-height: auto;
	}

	.wdv3-workflow__visual {
		position: relative;

		top: auto;

		height: auto;
	}

	.wdv3-workflow__copy {
		padding-top: 0;
	}

	.wdv3-workflow__copy article {
		min-height: auto;

		padding:
			30px 0;

		opacity: 1;
		transform: none;
	}

	.wdv3-before-after {
		padding:
			100px 0;
	}

	.wdv3-before-after__scene {
		grid-template-columns: 1fr;

		gap: 24px;
	}

	.wdv3-manual,
	.wdv3-automatic {
		min-height: 450px;

		padding: 28px;
	}

	.wdv3-transform-arrow {
		transform: rotate(90deg);
	}

	.wdv3-benefits {
		padding:
			110px 0;
	}

	.wdv3-benefits__grid {
		grid-template-columns: 1fr;
	}

	.wdv3-benefits__grid article {
		min-height: 260px;

		padding: 28px;
	}

	.wdv3-benefits__grid article h3 {
		margin-top: 65px;
	}

	.wdv3-method {
		padding:
			100px 0;
	}

	.wdv3-human {
		padding:
			80px 0 100px;
	}

	.wdv3-human__box {
		min-height: auto;

		padding:
			40px 25px;

		border-radius:
			25px;
	}

	.wdv3-human__ring {
		width: 280px;
		height: 280px;
	}

	.wdv3-examples {
		padding:
			100px 0;
	}

	.wdv3-examples__grid {
		grid-template-columns: 1fr;
	}

	.wdv3-question {
		padding:
			120px 0;
	}

	.wdv3-faq {
		padding:
			110px 0;
	}

	.wdv3-final {
		min-height: 78vh;

		padding:
			100px 0;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.wdv3 *,
	.wdv3 *::before,
	.wdv3 *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;

		transition-duration: .001ms !important;

		scroll-behavior: auto !important;
	}

	.wdv3-entrance {
		opacity: 1 !important;
		transform: none !important;
	}

	.wdv3-marquee__track {
		animation: none !important;
	}

}

/* =========================================================
   WD HOME V3.1 — TARGETED REFINEMENT PATCH
========================================================= */


/* =========================================================
   1. HERO — NEVER DISAPPEAR
========================================================= */

.wdv3 .wdv3-entrance {
	opacity: 1 !important;
	transform: none !important;

	animation:
		wdv31HeroReveal .78s
		cubic-bezier(.2,.75,.2,1)
		both;
}

.wdv3 .wdv3-entrance[data-delay="0"] {
	animation-delay: .04s;
}

.wdv3 .wdv3-entrance[data-delay="1"] {
	animation-delay: .12s;
}

.wdv3 .wdv3-entrance[data-delay="2"] {
	animation-delay: .20s;
}

.wdv3 .wdv3-entrance[data-delay="3"] {
	animation-delay: .28s;
}

.wdv3 .wdv3-entrance[data-delay="4"] {
	animation-delay: .36s;
}

@keyframes wdv31HeroReveal {

	from {
		opacity: 0;
		transform:
			translateY(20px);
	}

	to {
		opacity: 1;
		transform: none;
	}

}


/* Make sure the hero copy can never become invisible */

.wdv3-hero__copy,
.wdv3-hero__title,
.wdv3-hero__lead,
.wdv3-hero__actions,
.wdv3-proof {
	visibility: visible !important;
}


/* Cleaner temporary photo state */

.wdv3-person.no-image {
	background:
		radial-gradient(
			circle at 65% 28%,
			rgba(23,105,255,.20),
			transparent 32%
		),
		linear-gradient(
			145deg,
			#eef3fa,
			#dfe8f4
		);
}

.wdv3-person.no-image
.wdv3-person__placeholder {
	font-size: 0;
}

.wdv3-person.no-image
.wdv3-person__placeholder > * {
	display: none;
}

.wdv3-person.no-image::before {
	content: "";

	position: absolute;

	width: 250px;
	height: 250px;

	left: 50%;
	top: 19%;

	transform:
		translateX(-50%);

	border-radius:
		50%;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.75),
			rgba(164,183,211,.36)
		);

	filter:
		blur(.1px);
}

.wdv3-person.no-image::after {
	content: "";

	position: absolute;

	width: 520px;
	height: 390px;

	left: 50%;
	bottom: -155px;

	transform:
		translateX(-50%);

	border-radius:
		50% 50% 0 0;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.72),
			rgba(149,171,204,.33)
		);
}


/* =========================================================
   2. PROBLEM CARDS — MORE PREMIUM
========================================================= */

.wdv3-problem-card {
	position: relative;

	grid-template-columns:
		62px 1fr !important;

	overflow: hidden;

	padding:
		44px 46px !important;

	border:
		1px solid rgba(8,20,38,.065);

	box-shadow:
		0 18px 55px rgba(8,20,38,.035);
}

.wdv3-problem-card > i {
	display: none !important;
}

.wdv3-problem-card::before {
	content: "";

	position: absolute;

	left: 0;
	top: 0;
	bottom: 0;

	width: 3px;

	background:
		linear-gradient(
			180deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);

	transform:
		scaleY(0);

	transform-origin:
		center;

	transition:
		transform .45s var(--wdv3-ease);
}

.wdv3-problem-card::after {
	content: "";

	position: absolute;

	right: 34px;
	top: 32px;

	width: 11px;
	height: 11px;

	border-radius: 50%;

	background:
		#dce7f8;

	box-shadow:
		0 0 0 8px rgba(23,105,255,.035);

	transition:
		background .35s ease,
		box-shadow .35s ease;
}

.wdv3-problem-card.active {
	background:
		linear-gradient(
			145deg,
			#ffffff,
			#fbfdff
		);

	border-color:
		rgba(23,105,255,.16);
}

.wdv3-problem-card.active::before {
	transform:
		scaleY(1);
}

.wdv3-problem-card.active::after {
	background:
		var(--wdv3-blue);

	box-shadow:
		0 0 0 8px rgba(23,105,255,.09);
}


/* =========================================================
   3. WORKFLOW — ACTIVE STEP
========================================================= */

.wdv3-workflow-node {
	transition:
		opacity .35s ease,
		transform .35s var(--wdv3-ease);
}

.wdv3-workflow-node.completed {
	opacity: .52;
}

.wdv3-workflow-node.active {
	opacity: 1;

	transform:
		translateX(12px);
}

.wdv3-workflow-node.active > i {
	transform:
		scale(1.07);

	box-shadow:
		0 18px 45px rgba(23,105,255,.22);
}

.wdv3-workflow__copy article {
	opacity: .10 !important;

	filter:
		blur(.25px);

	transform:
		translateY(18px)
		scale(.985);

	transition:
		opacity .4s var(--wdv3-ease),
		transform .4s var(--wdv3-ease),
		filter .4s ease;
}

.wdv3-workflow__copy article.active {
	opacity: 1 !important;

	filter: none;

	transform: none;
}


/* =========================================================
   4. SAVINGS STORY
========================================================= */

.wdv3-savings {
	position: relative;

	height: 360vh;

	background:
		linear-gradient(
			180deg,
			#f7f9fc 0%,
			#ffffff 100%
		);
}

.wdv3-savings__sticky {
	position: sticky;

	top: clamp(0px, calc(50vh - 340px), 60px);

	min-height: 100vh;

	display: flex;

	align-items: center;

	padding:
		70px 0;

	overflow: hidden;
}

.wdv3-savings__grid {
	display: grid;

	grid-template-columns:
		.85fr 1.15fr;

	gap:
		clamp(
			70px,
			8vw,
			130px
		);

	align-items: center;
}

.wdv3-savings__intro h2 {
	font-size:
		clamp(
			3rem,
			4.7vw,
			5.6rem
		);

	max-width: 720px;
}

.wdv3-savings__lead {
	max-width: 590px;

	margin-top: 28px;

	color: var(--wdv3-muted);
}


/* Calculator */

.wdv3-calculator {
	margin-top: 42px;

	max-width: 530px;

	padding:
		26px;

	border:
		1px solid var(--wdv3-border);

	border-radius:
		22px;

	background:
		rgba(255,255,255,.76);

	backdrop-filter:
		blur(15px);

	box-shadow:
		0 20px 55px rgba(8,20,38,.05);
}

.wdv3-calc-row {
	display: block;

	padding:
		16px 0;
}

.wdv3-calc-row +
.wdv3-calc-row {
	border-top:
		1px solid rgba(8,20,38,.06);
}

.wdv3-calc-row__head {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 20px;

	margin-bottom: 12px;
}

.wdv3-calc-row__head span {
	color:
		#687489;

	font-size:
		.84rem;
}

.wdv3-calc-row__head strong {
	color:
		var(--wdv3-navy);

	font-size:
		.87rem;
}

.wdv3-calc-row input[type="range"] {
	width: 100%;

	height: 4px;

	appearance: none;
	-webkit-appearance: none;

	border-radius:
		999px;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			#dce4ef
		);

	outline: none;
}

.wdv3-calc-row input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;

	width: 18px;
	height: 18px;

	border-radius: 50%;

	background:
		white;

	border:
		5px solid var(--wdv3-blue);

	box-shadow:
		0 4px 14px rgba(23,105,255,.25);

	cursor: pointer;
}

.wdv3-calc-row input[type="range"]::-moz-range-thumb {
	width: 10px;
	height: 10px;

	border-radius: 50%;

	background:
		white;

	border:
		5px solid var(--wdv3-blue);

	box-shadow:
		0 4px 14px rgba(23,105,255,.25);

	cursor: pointer;
}

.wdv3-calc-disclaimer {
	display: block;

	max-width: 510px;

	margin-top: 16px;

	color:
		#9aa4b4;

	font-size:
		.7rem;

	line-height:
		1.6;
}


/* Savings cards */

.wdv3-savings__story {
	position: relative;

	height: 650px;
}

.wdv3-savings-card {
	position: absolute;

	inset: 0;

	display: flex;

	flex-direction: column;
	justify-content: center;

	padding:
		clamp(
			38px,
			5vw,
			65px
		);

	border-radius:
		34px;

	background:
		white;

	border:
		1px solid rgba(8,20,38,.075);

	box-shadow:
		0 35px 90px rgba(8,20,38,.08);

	opacity: 0;

	pointer-events: none;

	transform:
		translateY(36px)
		scale(.97);

	transition:
		opacity .48s var(--wdv3-ease),
		transform .48s var(--wdv3-ease);
}

.wdv3-savings-card.active {
	opacity: 1;

	pointer-events: auto;

	transform: none;
}

.wdv3-savings-card--money {
	color: white;

	background:
		var(--wdv3-navy);

	border-color:
		rgba(255,255,255,.08);
}

.wdv3-savings-card__step {
	font-size: .7rem;

	font-weight: 850;

	letter-spacing: .14em;

	color:
		var(--wdv3-blue);

	margin-bottom:
		45px;
}

.wdv3-savings-card--money
.wdv3-savings-card__step {
	color:
		#86b6ff;
}

.wdv3-savings-card__number {
	display: flex;

	align-items: flex-end;

	gap: 15px;
}

.wdv3-savings-card__number strong {
	display: block;

	font-size:
		clamp(
			5rem,
			8vw,
			9rem
		);

	line-height:
		.78;

	letter-spacing:
		-.075em;

	color:
		var(--wdv3-blue);
}

.wdv3-savings-card--money
.wdv3-savings-card__number strong {
	color:
		white;
}

.wdv3-savings-card__number small {
	margin-bottom:
		9px;

	color:
		#8a96a8;

	font-size:
		1rem;
}

.wdv3-savings-card h3 {
	margin-top:
		45px;

	font-size:
		clamp(
			1.8rem,
			2.7vw,
			3rem
		);
}

.wdv3-savings-card p {
	max-width:
		570px;

	margin-top:
		15px;

	color:
		var(--wdv3-muted);
}

.wdv3-savings-card--money p {
	color:
		#aebbd0;
}


/* Little visual details */

.wdv3-savings-visual {
	width: 100%;

	height: 4px;

	margin-top:
		45px;

	border-radius:
		999px;

	background:
		#e7edf5;

	overflow: hidden;
}

.wdv3-savings-visual span {
	display: block;

	width: 70%;
	height: 100%;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}

.wdv3-week-grid {
	display: grid;

	grid-template-columns:
		repeat(5,1fr);

	gap: 8px;

	margin-top:
		43px;
}

.wdv3-week-grid i {
	height: 10px;

	border-radius:
		999px;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			#71a7ff
		);

	opacity: .85;
}

.wdv3-year-bar {
	width: 100%;

	height: 42px;

	margin-top:
		42px;

	border-radius:
		12px;

	background:
		#edf2f8;

	padding:
		6px;
}

.wdv3-year-bar > div {
	width: 82%;
	height: 100%;

	border-radius:
		8px;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}

.wdv3-money-line {
	display: flex;

	align-items: center;

	gap: 0;

	margin-top:
		50px;

	color:
		#b8c5d8;
}

.wdv3-money-line span {
	font-size:
		.62rem;

	font-weight:
		850;

	letter-spacing:
		.12em;
}

.wdv3-money-line i {
	flex:
		1;

	height:
		1px;

	margin:
		0 15px;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}


/* Stage navigation */

.wdv3-savings-nav {
	position: absolute;

	right: -18px;
	top: 50%;

	transform:
		translateY(-50%)
		translateX(100%);

	display: flex;

	flex-direction: column;

	gap: 12px;
}

.wdv3-savings-nav button {
	display: flex;

	align-items: center;

	gap: 8px;

	padding: 0;

	border: 0;

	background: none;

	color:
		#9aa4b2;

	font-size:
		.64rem;

	cursor: default;
}

.wdv3-savings-nav button span {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background:
		#d8e0eb;

	transition:
		background .25s ease,
		transform .25s ease,
		box-shadow .25s ease;
}

.wdv3-savings-nav button.active {
	color:
		var(--wdv3-blue);
}

.wdv3-savings-nav button.active span {
	background:
		var(--wdv3-blue);

	transform:
		scale(1.25);

	box-shadow:
		0 0 0 5px rgba(23,105,255,.09);
}


/* =========================================================
   5. BENEFITS — REFINED CARDS
========================================================= */

.wdv3-benefits__grid {
	gap: 14px;

	border:
		0 !important;

	background:
		transparent;
}

.wdv3-benefits__grid article {
	min-height:
		315px;

	padding:
		38px !important;

	border:
		1px solid rgba(8,20,38,.07) !important;

	border-radius:
		24px;

	background:
		#ffffff;

	overflow: hidden;

	box-shadow:
		0 16px 45px rgba(8,20,38,.035);

	transition:
		transform .35s var(--wdv3-ease),
		box-shadow .35s var(--wdv3-ease),
		border-color .35s ease;
}

.wdv3-benefits__grid article:hover {
	transform:
		translateY(-5px);

	border-color:
		rgba(23,105,255,.15) !important;

	box-shadow:
		0 28px 65px rgba(8,20,38,.08);
}

.wdv3-benefits__grid article i {
	display:
		none !important;
}

.wdv3-benefits__grid article::before {
	content: "";

	position: absolute;

	left: 38px;
	top: 84px;

	width: 46px;
	height: 3px;

	border-radius:
		999px;

	background:
		linear-gradient(
			90deg,
			var(--wdv3-blue),
			var(--wdv3-cyan)
		);
}

.wdv3-benefits__grid article::after {
	content: "";

	position: absolute;

	right: -55px;
	top: -55px;

	width: 150px;
	height: 150px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(23,105,255,.08),
			transparent 70%
		);

	transition:
		transform .45s var(--wdv3-ease);
}

.wdv3-benefits__grid article:hover::after {
	transform:
		scale(1.3);
}

.wdv3-benefits__grid article h3 {
	margin-top:
		92px !important;
}


/* =========================================================
   6. VISION / WD
========================================================= */

.wdv3-human__box {
	min-height:
		720px;

	grid-template-columns:
		1.08fr .72fr;

	gap:
		90px;
}

.wdv3-human__copy h2 {
	max-width:
		820px;
}

.wdv3-human__lead {
	margin-top:
		42px;

	max-width:
		780px;

	color:
		#91a3bf;

	font-size:
		clamp(
			1.25rem,
			2vw,
			2rem
		);

	line-height:
		1.35;
}

.wdv3-human__lead strong {
	color:
		white;
}

.wdv3-human__lead--accent {
	margin-top:
		18px;

	color:
		#84b7ff;
}

.wdv3-human__lead--accent strong {
	color:
		#70aaff;
}

.wdv3-human__body {
	margin-top:
		40px;

	max-width:
		720px;

	color:
		#9caec6;

	line-height:
		1.75;
}


/* Vision steps */

.wdv3-vision-steps {
	display: grid;

	grid-template-columns:
		repeat(3,1fr);

	gap: 10px;

	margin-top:
		45px;
}

.wdv3-vision-steps > div {
	padding:
		20px;

	border:
		1px solid rgba(255,255,255,.08);

	border-radius:
		15px;

	background:
		rgba(255,255,255,.035);
}

.wdv3-vision-steps span {
	display: block;

	color:
		#75aaff;

	font-size:
		.62rem;

	font-weight:
		850;

	letter-spacing:
		.12em;

	margin-bottom:
		18px;
}

.wdv3-vision-steps strong {
	display: block;

	font-size:
		1rem;

	color:
		white;
}

.wdv3-vision-steps small {
	display: block;

	margin-top:
		8px;

	color:
		#8fa1ba;

	line-height:
		1.5;
}


/* Fix WD positioning */

.wdv3-human__visual {
	min-height:
		480px;

	overflow:
		visible;
}

.wdv3-human__orbit {
	position: relative;

	width:
		440px;

	height:
		440px;

	display: grid;

	place-items: center;

	max-width:
		100%;
}

.wdv3-human__ring {
	position: absolute;

	inset:
		20px;

	width:
		auto !important;

	height:
		auto !important;

	box-sizing:
		border-box;
}

.wdv3-human__word {
	position: relative;

	z-index: 4;

	display: block;

	padding:
		.08em .12em .12em;

	line-height:
		1 !important;

	font-size:
		clamp(
			6rem,
			9vw,
			9rem
		) !important;

	overflow:
		visible;
}

.wdv3-orbit-dot {
	position: absolute;

	z-index: 6;

	width: 12px;
	height: 12px;

	border-radius: 50%;

	background:
		var(--wdv3-cyan);

	box-shadow:
		0 0 18px rgba(3,191,232,.6);
}

.wdv3-orbit-dot--1 {
	right: 57px;
	top: 90px;
}

.wdv3-orbit-dot--2 {
	left: 61px;
	bottom: 83px;
}


/* =========================================================
   7. FINAL CTA BUTTON FIX
========================================================= */

.wdv3-final
.wdv3-button--light {
	background:
		var(--wdv3-blue) !important;

	color:
		#ffffff !important;

	border:
		1px solid var(--wdv3-blue) !important;

	box-shadow:
		0 16px 42px rgba(23,105,255,.27);
}

.wdv3-final
.wdv3-button--light *,
.wdv3-final
.wdv3-button--light span,
.wdv3-final
.wdv3-button--light i {
	color:
		#ffffff !important;
}

.wdv3-final
.wdv3-button--light:hover {
	background:
		#0e5de9 !important;

	transform:
		translateY(-3px);

	box-shadow:
		0 21px 50px rgba(23,105,255,.35);
}

.wdv3-final
.wdv3-button--darkghost {
	color:
		#ffffff !important;
}

.wdv3-final
.wdv3-button--darkghost * {
	color:
		#ffffff !important;
}


/* =========================================================
   MOBILE PATCH
========================================================= */

@media (max-width: 900px) {

	.wdv3-savings {
		height: auto;
	}

	.wdv3-savings__sticky {
		position: relative;

		min-height: auto;

		padding:
			110px 0;
	}

	.wdv3-savings__grid {
		grid-template-columns:
			1fr;

		gap: 60px;
	}

	.wdv3-savings__story {
		height: auto;

		display: flex;

		flex-direction: column;

		gap: 20px;
	}

	.wdv3-savings-card {
		position: relative;

		inset: auto;

		opacity: 1;

		transform: none;

		pointer-events: auto;

		min-height: 470px;
	}

	.wdv3-savings-nav {
		display: none;
	}

	.wdv3-human__box {
		grid-template-columns:
			1fr;

		gap: 45px;
	}

	.wdv3-vision-steps {
		grid-template-columns:
			1fr;
	}

}


@media (max-width: 700px) {

	.wdv3-savings-card {
		padding:
			30px;

		min-height:
			430px;
	}

	.wdv3-savings-card__number strong {
		font-size:
			clamp(
				4rem,
				19vw,
				6.2rem
			);
	}

	.wdv3-problem-card {
		padding:
			30px !important;

		grid-template-columns:
			1fr !important;
	}

	.wdv3-benefits__grid {
		gap:
			12px;
	}

	.wdv3-human__orbit {
		width:
			300px;

		height:
			300px;
	}

}

/* =========================================================
   WD HOME V3.2 — TARGETED UX REFINEMENT
   ---------------------------------------------------------
   Scope:
   - Hero visual refinement
   - Services progress spacing
   - Savings viewport + pacing refinement
   - Savings typography fixes
   - FAQ brand styling
========================================================= */


/* =========================================================
   01 — HERO VISUAL REFINEMENT
========================================================= */

.wdv3 .wdv32-hero-visual {
	position: relative;
	isolation: isolate;
	overflow: visible !important;
	border: 1px solid rgba(23, 105, 255, .08);
	background: linear-gradient(145deg, #eef4fc 0%, #e7eff9 46%, #dce7f4 100%) !important;
	box-shadow: 0 40px 100px rgba(20, 46, 84, .10), 0 12px 35px rgba(23, 105, 255, .055);
	transform: translateZ(0);
	will-change: transform;
}

.wdv3 .wdv32-hero-visual.no-image::before {
	width: clamp(180px, 42%, 265px) !important;
	height: clamp(180px, 42%, 265px) !important;
	left: 52% !important;
	top: 18% !important;
	transform: translateX(-50%) !important;
	border: 1px solid rgba(255, 255, 255, .48);
	background: linear-gradient(145deg, rgba(255,255,255,.74), rgba(190,208,233,.36)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 25px 55px rgba(20,46,84,.035);
}

.wdv3 .wdv32-hero-visual.no-image::after {
	width: clamp(370px, 92%, 545px) !important;
	height: clamp(290px, 58%, 410px) !important;
	left: 50% !important;
	bottom: clamp(-175px, -18%, -115px) !important;
	transform: translateX(-50%) !important;
	border: 1px solid rgba(255, 255, 255, .44);
	background: linear-gradient(145deg, rgba(255,255,255,.73), rgba(175,197,226,.31)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}


/* =========================================================
   HERO FLOATING CARDS
========================================================= */

.wdv3 .wdv32-hero-card {
	position: absolute !important;
	z-index: 12 !important;
	min-width: 190px;
	padding: 15px 18px !important;
	border: 1px solid rgba(17, 45, 80, .055) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .94) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	box-shadow: 0 20px 48px rgba(20,44,78,.115), 0 4px 14px rgba(20,44,78,.045) !important;
	transform: translate3d(0, 0, 0);
	transition: transform .38s cubic-bezier(.2,.75,.2,1), box-shadow .38s ease, border-color .38s ease;
	will-change: transform;
}

.wdv3 .wdv32-hero-card:hover {
	transform: translate3d(0, -5px, 0) scale(1.012);
	border-color: rgba(23, 105, 255, .12) !important;
	box-shadow: 0 28px 65px rgba(20,44,78,.15), 0 5px 18px rgba(23,105,255,.07) !important;
}

.wdv3 .wdv32-hero-card--mail {
	left: clamp(-68px, -10%, -24px) !important;
	top: 14% !important;
}

.wdv3 .wdv32-hero-card--analysis {
	right: clamp(-85px, -13%, -32px) !important;
	top: 43% !important;
}

.wdv3 .wdv32-hero-card--crm {
	left: clamp(-48px, -8%, -16px) !important;
	bottom: 9% !important;
}

.wdv3 .wdv32-hero-card small,
.wdv3 .wdv32-hero-card [class*="label"] {
	color: #9aa6b8 !important;
	font-size: .68rem !important;
	font-weight: 750 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase;
}

.wdv3 .wdv32-hero-card strong {
	color: #0b1729 !important;
	font-weight: 800 !important;
}


/* =========================================================
   02 — SOLUTIONS PROGRESS SPACING
========================================================= */

.wdv3 .wdv32-services-progress {
	margin-top: 36px !important;
}

.wdv3 .wdv3-services,
.wdv3 [data-scene="services"] {
	padding-bottom: max(48px, calc(var(--wdv3-section-space, 0px) + 24px));
}


/* =========================================================
   03 — SAVINGS: SCROLL EXPERIENCE
========================================================= */

.wdv3 .wdv3-savings {
	height: 470vh !important;
	min-height: 470vh !important;
}

.wdv3 .wdv3-savings__sticky {
	position: sticky !important;
	top: 0 !important;
	height: 100svh !important;
	min-height: 100svh !important;
	max-height: 100svh !important;
	box-sizing: border-box;
	display: flex !important;
	align-items: center !important;
	overflow: hidden !important;
	padding: clamp(30px, 5vh, 62px) 0 !important;
}

.wdv3 .wdv3-savings__grid {
	width: 100%;
	min-width: 0;
	grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr) !important;
	gap: clamp(46px, 6vw, 105px) !important;
	align-items: center !important;
}

.wdv3 .wdv3-savings__intro {
	min-width: 0;
}

.wdv3 .wdv3-savings__intro h2 {
	font-size: clamp(2.85rem, 4.5vw, 5.15rem) !important;
	line-height: .96 !important;
	letter-spacing: -.055em !important;
	margin: 18px 0 0 !important;
}

.wdv3 .wdv3-savings__lead {
	margin-top: 20px !important;
	max-width: 590px;
	font-size: clamp(.96rem, 1.18vw, 1.15rem);
	line-height: 1.62;
}


/* =========================================================
   CALCULATOR COMPACTER + MEER IN BEELD
========================================================= */

.wdv3 .wdv3-calculator {
	margin-top: 28px !important;
	padding: 20px 24px !important;
	border-radius: 22px !important;
	box-shadow: 0 22px 58px rgba(8,20,38,.055) !important;
}

.wdv3 .wdv3-calc-row {
	padding: 11px 0 !important;
}

.wdv3 .wdv3-calc-row__head {
	margin-bottom: 9px !important;
}

.wdv3 .wdv3-calc-disclaimer {
	margin-top: 12px !important;
	font-size: .67rem !important;
	line-height: 1.5 !important;
}

.wdv3 .wdv3-calc-row input[type="range"] {
	height: 4px !important;
	cursor: pointer;
}

.wdv3 .wdv3-calc-row input[type="range"]:focus-visible {
	outline: 3px solid rgba(23,105,255,.18);
	outline-offset: 6px;
	border-radius: 999px;
}


/* =========================================================
   SAVINGS OUTPUT CARD
========================================================= */

.wdv3 .wdv3-savings__story {
	position: relative;
	height: min(620px, 72svh) !important;
	min-height: 0 !important;
}

.wdv3 .wdv3-savings-card {
	overflow: hidden !important;
	padding: clamp(34px, 4.4vw, 60px) !important;
	border-radius: 32px !important;
}

.wdv3 .wdv3-savings-card__step {
	margin-bottom: clamp(26px, 4vh, 42px) !important;
}

.wdv3 .wdv3-savings-card__number strong {
	font-size: clamp(4.5rem, 7.2vw, 8.3rem) !important;
	line-height: .82 !important;
	white-space: nowrap;
}

.wdv3 .wdv3-savings-card h3 {
	max-width: 620px;
	margin-top: clamp(30px, 4.5vh, 44px) !important;
	font-size: clamp(1.75rem, 2.45vw, 2.85rem) !important;
	line-height: 1.06 !important;
	letter-spacing: -.045em !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	white-space: normal !important;
	transform: none !important;
	filter: none !important;
}

.wdv3 .wdv3-savings-card p {
	max-width: 620px;
	margin-top: 14px !important;
	line-height: 1.55 !important;
}


/* =========================================================
   FINANCIAL CARD SPECIAL FIX
========================================================= */

.wdv3 .wdv3-savings-card--money h3 {
	color: #ffffff !important;
	max-width: 660px !important;
	font-size: clamp(1.8rem, 2.4vw, 2.75rem) !important;
	line-height: 1.04 !important;
	letter-spacing: -.04em !important;
	word-spacing: normal !important;
	font-kerning: normal !important;
	font-variant-ligatures: normal !important;
	text-rendering: optimizeLegibility;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}

.wdv3 .wdv3-savings-card--money .wdv3-savings-card__number {
	flex-wrap: nowrap !important;
	align-items: flex-end !important;
	gap: 18px !important;
}

.wdv3 .wdv3-savings-card--money .wdv3-savings-card__number strong {
	font-size: clamp(4.6rem, 7vw, 8.1rem) !important;
	white-space: nowrap !important;
}

.wdv3 .wdv3-savings-card--money .wdv3-savings-card__number small {
	max-width: 70px;
	padding-bottom: 5px;
	line-height: 1.3;
}


/* =========================================================
   INPUT PHASE
========================================================= */

.wdv3 .wdv3-savings.wdv32-input-phase
.wdv3-savings-card[data-saving-stage="0"] {
	box-shadow: 0 38px 95px rgba(8,20,38,.075) !important;
}

.wdv3 .wdv3-savings.wdv32-input-phase
.wdv3-savings-nav button:not(:first-child) {
	opacity: .42;
}

.wdv3 .wdv3-savings.wdv32-has-user-input
.wdv3-calculator {
	border-color: rgba(23,105,255,.14);
	box-shadow: 0 24px 65px rgba(23,105,255,.075) !important;
}


/* =========================================================
   04 — FAQ COMPLETE BRAND OVERRIDE
========================================================= */

.wdv3 .wdv32-faq-item {
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgba(8,20,38,.075) !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
	background: transparent !important;
	transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.wdv3 .wdv32-faq-item:last-child {
	border-bottom: 1px solid rgba(8,20,38,.075) !important;
}

.wdv3 .wdv32-faq-question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	padding: 29px 0 !important;
	margin: 0 !important;
	border: 0 !important;
	outline: 0;
	background: transparent !important;
	color: #091629 !important;
	font-weight: 750 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: color .28s ease, padding .28s ease, background .28s ease;
}

.wdv3 .wdv32-faq-question,
.wdv3 .wdv32-faq-question *,
.wdv3 .wdv32-faq-question:hover,
.wdv3 .wdv32-faq-question:hover * {
	text-decoration: none !important;
}

.wdv3 .wdv32-faq-item:hover {
	background: linear-gradient(90deg, rgba(23,105,255,.045), rgba(23,105,255,.012)) !important;
	border-color: rgba(23,105,255,.13) !important;
}

.wdv3 .wdv32-faq-item:hover .wdv32-faq-question {
	padding-left: 18px !important;
	padding-right: 18px !important;
	color: #1769ff !important;
	background: transparent !important;
}

.wdv3 .wdv32-faq-icon {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: rgba(23,105,255,.075) !important;
	color: #1769ff !important;
	font-size: 1.1rem;
	font-weight: 500;
	font-style: normal;
	transition: transform .3s cubic-bezier(.2,.75,.2,1), background .3s ease, color .3s ease;
}

.wdv3 .wdv32-faq-question > span:last-child {
	color: #1769ff !important;
}

.wdv3 .wdv32-faq-item.active,
.wdv3 .wdv32-faq-item.open,
.wdv3 .wdv32-faq-item.is-open,
.wdv3 .wdv32-faq-item:has(.wdv32-faq-question[aria-expanded="true"]) {
	background: linear-gradient(90deg, #f4f8ff 0%, #fbfdff 100%) !important;
	border-color: rgba(23,105,255,.16) !important;
}

.wdv3 .wdv32-faq-item.active .wdv32-faq-question,
.wdv3 .wdv32-faq-item.open .wdv32-faq-question,
.wdv3 .wdv32-faq-item.is-open .wdv32-faq-question,
.wdv3 .wdv32-faq-question[aria-expanded="true"] {
	color: #0b1729 !important;
	padding-left: 18px !important;
	padding-right: 18px !important;
	background: transparent !important;
}

.wdv3 .wdv32-faq-item.active .wdv32-faq-icon,
.wdv3 .wdv32-faq-item.open .wdv32-faq-icon,
.wdv3 .wdv32-faq-item.is-open .wdv32-faq-icon,
.wdv3 .wdv32-faq-question[aria-expanded="true"] .wdv32-faq-icon {
	transform: rotate(45deg);
	background: #1769ff !important;
	color: #ffffff !important;
}

.wdv3 .wdv32-faq-answer {
	color: #65748b !important;
	background: transparent !important;
}

.wdv3 .wdv32-faq-answer p {
	color: #65748b !important;
	line-height: 1.7 !important;
}

.wdv3 .wdv32-faq-item:hover,
.wdv3 .wdv32-faq-item:hover *,
.wdv3 .wdv32-faq-question:hover,
.wdv3 .wdv32-faq-question:hover * {
	border-color: rgba(23,105,255,.13);
	text-shadow: none !important;
}


/* =========================================================
   05 — SHORT VIEWPORT / LAPTOP FIX
========================================================= */

@media (min-width: 901px) and (max-height: 900px) {

	.wdv3 .wdv3-savings__sticky {
		padding: 22px 0 !important;
	}

	.wdv3 .wdv3-savings__grid {
		gap: clamp(38px, 4.5vw, 75px) !important;
	}

	.wdv3 .wdv3-savings__intro h2 {
		font-size: clamp(2.45rem, 3.65vw, 4.15rem) !important;
		line-height: .95 !important;
	}

	.wdv3 .wdv3-savings__lead {
		margin-top: 13px !important;
		font-size: .95rem !important;
	}

	.wdv3 .wdv3-calculator {
		margin-top: 19px !important;
		padding: 15px 21px !important;
	}

	.wdv3 .wdv3-calc-row {
		padding: 8px 0 !important;
	}

	.wdv3 .wdv3-calc-row__head {
		margin-bottom: 6px !important;
	}

	.wdv3 .wdv3-calc-disclaimer {
		margin-top: 8px !important;
		font-size: .61rem !important;
	}

	.wdv3 .wdv3-savings__story {
		height: min(555px, 72svh) !important;
	}

	.wdv3 .wdv3-savings-card {
		padding: 32px 42px !important;
	}

	.wdv3 .wdv3-savings-card__step {
		margin-bottom: 24px !important;
	}

	.wdv3 .wdv3-savings-card__number strong {
		font-size: clamp(4rem, 6.4vw, 6.9rem) !important;
	}

	.wdv3 .wdv3-savings-card h3 {
		margin-top: 28px !important;
		font-size: clamp(1.6rem, 2vw, 2.25rem) !important;
	}
}


/* =========================================================
   06 — TABLET
========================================================= */

@media (min-width: 701px) and (max-width: 1100px) {

	.wdv3 .wdv32-hero-card--mail {
		left: -30px !important;
	}

	.wdv3 .wdv32-hero-card--analysis {
		right: -35px !important;
	}

	.wdv3 .wdv32-hero-card--crm {
		left: -24px !important;
	}

	.wdv3 .wdv32-services-progress {
		margin-top: 30px !important;
	}
}


/* =========================================================
   07 — MOBILE
========================================================= */

@media (max-width: 900px) {

	.wdv3 .wdv3-savings {
		height: auto !important;
		min-height: 0 !important;
	}

	.wdv3 .wdv3-savings__sticky {
		position: relative !important;
		top: auto !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		padding: 100px 0 !important;
	}

	.wdv3 .wdv3-savings__grid {
		grid-template-columns: 1fr !important;
		gap: 55px !important;
	}

	.wdv3 .wdv3-savings__story {
		height: auto !important;
	}

	.wdv3 .wdv32-services-progress {
		margin-top: 24px !important;
	}
}

@media (max-width: 700px) {

	.wdv3 .wdv32-hero-card {
		min-width: 155px;
		padding: 12px 13px !important;
	}

	.wdv3 .wdv32-hero-card--mail {
		left: -8px !important;
		top: 12% !important;
	}

	.wdv3 .wdv32-hero-card--analysis {
		right: -8px !important;
		top: 44% !important;
	}

	.wdv3 .wdv32-hero-card--crm {
		left: -2px !important;
		bottom: 7% !important;
	}

	.wdv3 .wdv32-faq-question {
		padding: 23px 0 !important;
		gap: 15px;
	}

	.wdv3 .wdv32-faq-item:hover .wdv32-faq-question {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}


/* =========================================================
   END WD HOME V3.2
========================================================= */

/* ================================================================
   WD HOME V3.3 FINAL — PHOTO HERO + UX
   Photo hero, integrated header, glass marquee, FAQ fix, services
================================================================ */

/* ----------------------------------------------------------------
   PHOTO HERO SCENE — full-bleed container
---------------------------------------------------------------- */

.wdv3 .wdv34-hero-scene {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* Hero background image — sits behind everything */
.wdv3 .wdv34-hero-bg-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
	z-index: 0 !important;
	pointer-events: none !important;
	transform-origin: center top;
}

/* Readability gradient overlay — navy left fade */
.wdv3 .wdv34-hero-overlay {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	pointer-events: none !important;
	background:
		linear-gradient(
			105deg,
			rgba(7, 23, 45, 0.82) 0%,
			rgba(7, 23, 45, 0.55) 45%,
			rgba(7, 23, 45, 0.18) 80%,
			rgba(7, 23, 45, 0.04) 100%
		),
		linear-gradient(
			180deg,
			rgba(7, 23, 45, 0.35) 0%,
			rgba(7, 23, 45, 0.00) 40%,
			rgba(7, 23, 45, 0.00) 75%,
			rgba(7, 23, 45, 0.55) 100%
		) !important;
}

/* Hero section itself — above overlay */
.wdv3 .wdv34-hero-scene .wdv3-hero {
	position: relative !important;
	z-index: 2 !important;
	background: transparent !important;
	flex: 1;
}

/* Kill the old mesh / gradient backgrounds behind hero text */
.wdv3 .wdv34-hero-scene .wdv3-hero__mesh,
.wdv3 .wdv34-hero-scene .wdv3-hero__glow {
	display: none !important;
}

/* Hero headline + lead — white on photo */
.wdv3 .wdv34-hero-scene .wdv3-hero__title {
	color: #ffffff !important;
	text-shadow: 0 2px 18px rgba(7,23,45,0.35) !important;
}
.wdv3 .wdv34-hero-scene .wdv3-hero__title em {
	color: #6fa3ff !important;
}
.wdv3 .wdv34-hero-scene .wdv3-hero__lead {
	color: rgba(255,255,255,0.88) !important;
	text-shadow: 0 1px 8px rgba(7,23,45,0.3) !important;
}
.wdv3 .wdv34-hero-scene .wdv3-pill {
	color: rgba(255,255,255,0.92) !important;
	border-color: rgba(255,255,255,0.35) !important;
	background: rgba(255,255,255,0.12) !important;
	backdrop-filter: blur(8px) !important;
}
.wdv3 .wdv34-hero-scene .wdv3-proof p {
	color: rgba(255,255,255,0.75) !important;
}
.wdv3 .wdv34-hero-scene .wdv3-proof__line {
	background: rgba(255,255,255,0.35) !important;
}

/* Ghost CTA white on photo */
.wdv3 .wdv34-hero-scene .wdv3-button--ghost {
	color: #ffffff !important;
	border-color: rgba(255,255,255,0.55) !important;
}
.wdv3 .wdv34-hero-scene .wdv3-button--ghost:hover {
	background: rgba(255,255,255,0.12) !important;
	border-color: rgba(255,255,255,0.8) !important;
}

/* ----------------------------------------------------------------
   HERO UI / FLOATING CARDS — glass style on photo
---------------------------------------------------------------- */

/* Hide the old abstract person shape entirely */
.wdv3 .wdv34-hero-ui .wdv3-person__placeholder {
	display: none !important;
}
.wdv3 .wdv34-hero-ui.wdv3-person {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.wdv3 .wdv34-hero-ui .wdv3-person__shade {
	display: none !important;
}

/* Floating automation cards — white/glass on photo */
.wdv3 .wdv34-hero-scene .wdv3-float-card {
	background: rgba(255,255,255,0.92) !important;
	backdrop-filter: blur(16px) saturate(1.4) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
	border: 1px solid rgba(255,255,255,0.7) !important;
	box-shadow: 0 4px 32px rgba(7,23,45,0.22) !important;
	color: #07172d !important;
}
.wdv3 .wdv34-hero-scene .wdv3-float-card small {
	color: #4a6080 !important;
}
.wdv3 .wdv34-hero-scene .wdv3-float-card strong {
	color: #07172d !important;
}
.wdv3 .wdv34-hero-scene .wdv3-float-card .wdv3-ai-mark {
	background: #1769ff !important;
	color: #fff !important;
}
.wdv3 .wdv34-hero-scene .wdv3-status-dot {
	background: #22d355 !important;
}

/* ----------------------------------------------------------------
   MARQUEE — glass dark, part of photo scene
---------------------------------------------------------------- */

.wdv3 .wdv34-hero-scene .wdv3-marquee {
	position: relative !important;
	z-index: 2 !important;
	background: rgba(7, 23, 45, 0.62) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border-top: none !important;
	border-bottom: none !important;
}
.wdv3 .wdv34-hero-scene .wdv3-marquee span,
.wdv3 .wdv34-hero-scene .wdv3-marquee i {
	color: rgba(255,255,255,0.88) !important;
}

/* No gap between hero and marquee */
.wdv3 .wdv34-hero-scene .wdv3-hero {
	margin-bottom: 0 !important;
}

/* ----------------------------------------------------------------
   INTEGRATED HEADER — transparent over photo, solid after
---------------------------------------------------------------- */

/* Header base when over photo */
.wdv34-integrated-header.wdv34-header-over-photo {
	background: transparent !important;
	box-shadow: none !important;
	border-bottom: none !important;
	transition: background 0.38s ease, box-shadow 0.38s ease !important;
}

/* Nav links white over photo */
.wdv34-integrated-header.wdv34-header-over-photo a,
.wdv34-integrated-header.wdv34-header-over-photo .menu-item a,
.wdv34-integrated-header.wdv34-header-over-photo nav a {
	color: #ffffff !important;
	text-shadow: 0 1px 6px rgba(7,23,45,0.4) !important;
}
.wdv34-integrated-header.wdv34-header-over-photo a:hover {
	color: rgba(255,255,255,0.75) !important;
}

/* Logo white over photo */
.wdv34-integrated-header.wdv34-header-over-photo .site-logo img,
.wdv34-integrated-header.wdv34-header-over-photo .custom-logo,
.wdv34-integrated-header.wdv34-header-over-photo .logo img {
	filter: brightness(0) invert(1) !important;
}

/* CTA white pill over photo */
.wdv34-integrated-header.wdv34-header-over-photo .wdv34-header-cta {
	background: rgba(255,255,255,0.18) !important;
	color: #ffffff !important;
	border: 1.5px solid rgba(255,255,255,0.55) !important;
	backdrop-filter: blur(8px) !important;
	border-radius: 999px !important;
}
.wdv34-integrated-header.wdv34-header-over-photo .wdv34-header-cta:hover {
	background: rgba(255,255,255,0.28) !important;
}

/* Header solid after photo scene */
.wdv34-integrated-header.wdv34-header-solid {
	background: rgba(255,255,255,0.95) !important;
	backdrop-filter: blur(20px) saturate(1.6) !important;
	-webkit-backdrop-filter: blur(20px) saturate(1.6) !important;
	box-shadow: 0 1px 24px rgba(7,23,45,0.10) !important;
	transition: background 0.38s ease, box-shadow 0.38s ease !important;
}
.wdv34-integrated-header.wdv34-header-solid a,
.wdv34-integrated-header.wdv34-header-solid .menu-item a,
.wdv34-integrated-header.wdv34-header-solid nav a {
	color: #07172d !important;
	text-shadow: none !important;
}
.wdv34-integrated-header.wdv34-header-solid .site-logo img,
.wdv34-integrated-header.wdv34-header-solid .custom-logo,
.wdv34-integrated-header.wdv34-header-solid .logo img {
	filter: none !important;
}
.wdv34-integrated-header.wdv34-header-solid .wdv34-header-cta {
	background: #1769ff !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 999px !important;
	backdrop-filter: none !important;
}
.wdv34-integrated-header.wdv34-header-solid .wdv34-header-cta:hover {
	background: #0e57e0 !important;
}

/* Body class for homepage: push hero to top (behind header) */
body.wdv34-photo-home .hfe-site-header,
body.wdv34-photo-home .elementor-location-header,
body.wdv34-photo-home header#masthead,
body.wdv34-photo-home header.site-header,
body.wdv34-photo-home .site-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 9999 !important;
}

body.wdv34-photo-home .wdv3 {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* ----------------------------------------------------------------
   SERVICES — progress bar spacing
---------------------------------------------------------------- */

.wdv3 .wdv32-services-progress {
	margin-top: 48px !important;
}
.wdv3 .wdv3-services__scroll-container {
	padding-bottom: 56px !important;
}

/* ----------------------------------------------------------------
   CALCULATOR — 3 sliders clean layout
---------------------------------------------------------------- */

.wdv3 .wdv3-savings {
	height: 360vh !important;
	min-height: 360vh !important;
}

@media (max-width: 900px) {
	.wdv3 .wdv3-savings {
		height: auto !important;
		min-height: 0 !important;
	}
}

.wdv3 .wdv3-calc-row {
	border-bottom: 1px solid rgba(7,23,45,0.08) !important;
}
.wdv3 .wdv3-calc-row:last-of-type {
	border-bottom: none !important;
}

/* Savings header */
.wdv3 .wdv3-savings__intro .wdv3-savings__lead {
	font-size: 1.05rem !important;
	line-height: 1.6 !important;
	color: rgba(7,23,45,0.72) !important;
}

/* ----------------------------------------------------------------
   FAQ — NEVER red/pink/magenta; navy/blue only
---------------------------------------------------------------- */

body.wdv34-photo-home .wdv3 .wdv32-faq-item:hover .wdv32-faq-question,
body.wdv34-photo-home .wdv3 .wdv32-faq-item:focus-within .wdv32-faq-question {
	color: #1769ff !important;
	background: #f4f8ff !important;
}

body.wdv34-photo-home .wdv3 .wdv32-faq-item.open .wdv32-faq-question {
	color: #07172d !important;
	background: #f4f8ff !important;
	border-left: 3px solid #1769ff !important;
}

body.wdv34-photo-home .wdv3 .wdv32-faq-question {
	color: #07172d !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
}

body.wdv34-photo-home .wdv3 .wdv32-faq-question:focus {
	outline: 2px solid #1769ff !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

body.wdv34-photo-home .wdv3 .wdv32-faq-question:focus:not(:focus-visible) {
	outline: none !important;
}

body.wdv34-photo-home .wdv3 .wdv32-faq-icon {
	color: #1769ff !important;
	border-color: #1769ff !important;
}

body.wdv34-photo-home .wdv3 .wdv32-faq-answer {
	color: rgba(7,23,45,0.78) !important;
}

/* Kill any red/pink/magenta that could leak from Elementor */
body.wdv34-photo-home .wdv3 .wdv32-faq-item *:focus {
	outline-color: #1769ff !important;
	box-shadow: none !important;
}
body.wdv34-photo-home .wdv3 .wdv32-faq-item *:focus-visible {
	outline: 2px solid #1769ff !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------------
   MOBILE — photo hero adjustments
---------------------------------------------------------------- */

@media (max-width: 900px) {
	.wdv3 .wdv34-hero-bg-image {
		object-position: 70% top !important;
	}
	.wdv3 .wdv34-hero-overlay {
		background:
			linear-gradient(
				180deg,
				rgba(7,23,45,0.72) 0%,
				rgba(7,23,45,0.42) 55%,
				rgba(7,23,45,0.65) 100%
			) !important;
	}
}

/* ----------------------------------------------------------------
   END WD HOME V3.3 FINAL
---------------------------------------------------------------- */