.compare-v2-mobile-workflow {
	background: #fff;
	padding: 104px 0 96px;
}

.compare-v2-mobile-workflow__inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 80px;
	margin: 0 auto;
	width: 100%;
}

.compare-v2-mobile-workflow__header {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 720px;
	text-align: center;
	width: 100%;
}

.compare-v2-mobile-workflow__eyebrow, .compare-v2-mobile-workflow__title, .compare-v2-mobile-workflow__description {
	margin: 0;
}

.compare-v2-mobile-workflow__eyebrow {
	color: #006746;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .56px;
	line-height: 20px;
	text-transform: uppercase;
}

.compare-v2-mobile-workflow__title {
	color: #262626;
	font-size: 44px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 48px;
}

.compare-v2-mobile-workflow__description {
	color: rgba(0, 0, 0, .75);
	font-size: var(--gsf-body-lg-fs, 18px);
	font-weight: 400;
	line-height: var(--gsf-body-lg-lh, 26px);
	letter-spacing: var(--gsf-body-lg-ls, .135px);
}

.compare-v2-mobile-workflow__body {
	align-items: flex-start;
	display: flex;
	gap: 64px;
	width: 100%;
}

.compare-v2-mobile-workflow__image {
	aspect-ratio: 1/1;
	flex: 1 1 0;
	min-width: 0;
	order: 2;
	overflow: hidden;
	position: relative;
}

.compare-v2-mobile-workflow__image img {
	display: block;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	transition: opacity .22s ease;
	width: 100%;
}

.compare-v2-mobile-workflow--wide {
	overflow: hidden;
}

.compare-v2-mobile-workflow--wide .compare-v2-mobile-workflow__body {
	gap: 56px;
	min-height: 640px;
	position: relative;
}

.compare-v2-mobile-workflow--wide .compare-v2-mobile-workflow__image {
	aspect-ratio: auto;
	bottom: auto;
	flex: none;
	height: 640px;
	left: 536px;
	min-width: 0;
	order: initial;
	overflow: visible;
	position: absolute;
	right: calc(-1 * max(0px, (100vw - 1178px) / 2));
	top: 0;
}

.compare-v2-mobile-workflow--wide .compare-v2-mobile-workflow__image img {
	height: 640px;
	max-width: none;
	min-width: 0;
	object-fit: contain;
	object-position: left center;
	width: auto;
}

.compare-v2-mobile-workflow--wide .compare-v2-mobile-workflow__accordion {
	position: relative;
	z-index: 2;
}

.compare-v2-mobile-workflow__accordion {
	align-items: flex-start;
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	max-width: 480px;
	min-width: 0;
	order: 1;
}

.compare-v2-mobile-workflow__item {
	background: #fff;
	border-top: 1px solid rgba(0, 0, 0, .08);
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	display: flex;
	flex-direction: column;
	margin-bottom: -1px;
	padding: 24px 0;
	position: relative;
	width: 100%;
}

.compare-v2-mobile-workflow__item.is-active {
	border-bottom: 0;
	gap: 0;
}

.compare-v2-mobile-workflow__item.is-active + .compare-v2-mobile-workflow__item {
	border-top: 0;
}

.compare-v2-mobile-workflow__accordion .compare-v2-mobile-workflow__item:last-child.is-active {
	border-bottom: 0;
}

.compare-v2-mobile-workflow__tab {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	padding: 0;
	text-align: left;
	width: 100%;
}

.compare-v2-mobile-workflow__tab:focus-visible {
	outline: 2px solid #006746;
	outline-offset: 6px;
}

.compare-v2-mobile-workflow__tab-label {
	align-items: center;
	color: rgba(0, 0, 0, .75);
	display: flex;
	font-size: 18px;
	font-weight: 500;
	gap: 12px;
	line-height: 28px;
	white-space: nowrap;
}

.compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__tab-label {
	color: #262626;
}

/*start*/
.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item {
	padding: 0;
	position: relative;
	overflow: hidden;
	transition: background-color .2s ease;
}

.compare-v2-mobile-workflow .compare-v2-mobile-workflow__tab {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	/*padding: 22px 16px;*/
	padding: 22px 0;
	margin: 0;
	background: transparent;
	border: none;
	/*cursor: pointer;*/
	text-align: left;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .2s ease;
}

/*.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item:not(.is-active):hover,*/

/*.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item:not(.is-active):active {*/

/*    background-color: #FFF0C4;*/

/*}*/
.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__tab, .compare-v2-mobile-workflow .compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__tab:hover {
	background-color: transparent;
}

.compare-v2-mobile-workflow .compare-v2-mobile-workflow__content {
	padding: 0 16px;
	box-sizing: border-box;
}

.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__content {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 22px;
	padding-left: 0px;
}

.compare-v2-mobile-workflow .compare-v2-mobile-workflow__mobile-image {
	/*padding-left: 16px;*/
	
	/*padding-right: 16px;*/
	margin-top: 16px;
	margin-bottom: 22px;
	box-sizing: border-box;
}

.how-it-works__step:nth-child(1) .how-it-works__card-wrap {
	padding-left: 0px;
}

.how-it-works__step:nth-child(3) .how-it-works__card-wrap {
	padding-right: 0px;
}

.compare-v2-mobile-workflow .compare-v2-mobile-workflow__tab-label {
	display: flex;
	align-items: center;
	gap: 12px;
}

.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item:not(.is-active) .compare-v2-mobile-workflow__tab::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__tab::after {
	display: none;
}

.compare-v2-mobile-workflow__item {
	border-bottom: none !important;
	position: relative;
}

.compare-v2-mobile-workflow__item::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ededed;
	z-index: 1;
}

/*.compare-v2-mobile-workflow__item:last-child::after {*/

/*    display: none;*/

/*}*/

/*end*/
.compare-v2-mobile-workflow__icon {
	background-color: currentColor;
	display: inline-block;
	flex: 0 0 24px;
	height: 24px;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 24px 24px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 24px 24px;
	opacity: .55;
	transition: opacity .2s ease;
	width: 24px;
}

.compare-v2-mobile-workflow__icon-image {
	flex-shrink: 0;
	height: 24px;
	object-fit: contain;
	width: 24px;
	opacity: .55;
}

.compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__icon-image {
	opacity: 1;
}

.compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__icon {
	opacity: 1;
}

.compare-v2-mobile-workflow__icon--phone {
	mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 3h-7A2.5 2.5 0 0 0 6 5.5v13A2.5 2.5 0 0 0 8.5 21h7a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 15.5 3ZM10 6h4M11 18h2' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 3h-7A2.5 2.5 0 0 0 6 5.5v13A2.5 2.5 0 0 0 8.5 21h7a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 15.5 3ZM10 6h4M11 18h2' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.compare-v2-mobile-workflow__icon--phone.nitro-lazy {
	mask-image: none !important;
}

.compare-v2-mobile-workflow__icon--clipboard {
	mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4h6l1 2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2l1-2Z' stroke='black' stroke-width='1.5'/%3E%3Cpath d='m8.5 13 2 2 5-5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4h6l1 2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2l1-2Z' stroke='black' stroke-width='1.5'/%3E%3Cpath d='m8.5 13 2 2 5-5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.compare-v2-mobile-workflow__icon--clipboard.nitro-lazy {
	mask-image: none !important;
}

.compare-v2-mobile-workflow__icon--route {
	mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM17.5 21.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM6.5 7.5v2A2.5 2.5 0 0 0 9 12h6a2.5 2.5 0 0 1 2.5 2.5v2' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM17.5 21.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM6.5 7.5v2A2.5 2.5 0 0 0 9 12h6a2.5 2.5 0 0 1 2.5 2.5v2' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.compare-v2-mobile-workflow__icon--route.nitro-lazy {
	mask-image: none !important;
}

.compare-v2-mobile-workflow__icon--users {
	mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM2.5 20c.8-4 3.2-6 6.5-6s5.7 2 6.5 6M17 11a3 3 0 1 0 0-6M16 14c2.8.3 4.6 2.3 5.5 6' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM2.5 20c.8-4 3.2-6 6.5-6s5.7 2 6.5 6M17 11a3 3 0 1 0 0-6M16 14c2.8.3 4.6 2.3 5.5 6' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.compare-v2-mobile-workflow__icon--users.nitro-lazy {
	mask-image: none !important;
}

.compare-v2-mobile-workflow__icon--globe {
	mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM3.5 12h17M12 3c2.2 2.4 3.3 5.4 3.3 9S14.2 18.6 12 21M12 3C9.8 5.4 8.7 8.4 8.7 12S9.8 18.6 12 21' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM3.5 12h17M12 3c2.2 2.4 3.3 5.4 3.3 9S14.2 18.6 12 21M12 3C9.8 5.4 8.7 8.4 8.7 12S9.8 18.6 12 21' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.compare-v2-mobile-workflow__icon--globe.nitro-lazy {
	mask-image: none !important;
}

.compare-v2-mobile-workflow__icon--phone, .compare-v2-mobile-workflow__icon--clipboard, .compare-v2-mobile-workflow__icon--route, .compare-v2-mobile-workflow__icon--users, .compare-v2-mobile-workflow__icon--globe {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	mask-image: none;
	-webkit-mask-image: none;
}

.compare-v2-mobile-workflow__icon--phone.nitro-lazy, .compare-v2-mobile-workflow__icon--clipboard.nitro-lazy, .compare-v2-mobile-workflow__icon--route.nitro-lazy, .compare-v2-mobile-workflow__icon--users.nitro-lazy, .compare-v2-mobile-workflow__icon--globe.nitro-lazy {
	mask-image: none !important;
}

.compare-v2-mobile-workflow__icon--phone {
	background-image: url("https://simplydepo.com/wp-content/themes/simplydepo/front-page-v3-components/images/compare-v2-workflow-mobile.svg");
	background-size: 18px 22px;
}

.compare-v2-mobile-workflow__icon--phone.nitro-lazy {
	background-image: none !important;
}

.compare-v2-mobile-workflow__icon--clipboard {
	background-image: url("https://simplydepo.com/wp-content/themes/simplydepo/front-page-v3-components/images/compare-v2-workflow-retail.svg");
	background-size: 24px 24px;
}

.compare-v2-mobile-workflow__icon--clipboard.nitro-lazy {
	background-image: none !important;
}

.compare-v2-mobile-workflow__icon--route {
	background-image: url("https://simplydepo.com/wp-content/themes/simplydepo/front-page-v3-components/images/compare-v2-workflow-route.svg");
	background-size: 24px 24px;
}

.compare-v2-mobile-workflow__icon--route.nitro-lazy {
	background-image: none !important;
}

.compare-v2-mobile-workflow__icon--users {
	background-image: url("https://simplydepo.com/wp-content/themes/simplydepo/front-page-v3-components/images/compare-v2-workflow-customer.svg");
	background-size: 24px 24px;
}

.compare-v2-mobile-workflow__icon--users.nitro-lazy {
	background-image: none !important;
}

.compare-v2-mobile-workflow__icon--globe {
	background-image: url("https://simplydepo.com/wp-content/themes/simplydepo/front-page-v3-components/images/compare-v2-workflow-b2b.svg");
	background-size: 24px 24px;
}

.compare-v2-mobile-workflow__icon--globe.nitro-lazy {
	background-image: none !important;
}

.compare-v2-mobile-workflow__chevron {
	color: rgba(0, 0, 0, .75);
	flex: 0 0 24px;
	height: 24px;
	position: relative;
	width: 24px;
}

.compare-v2-mobile-workflow__chevron::before {
	border-right: 1.5px solid currentColor;
	border-top: 1.5px solid currentColor;
	content: "";
	height: 7px;
	left: 8px;
	position: absolute;
	top: 6px;
	transform: rotate(135deg);
	transition: top .24s ease, transform .24s ease;
	width: 7px;
}

.compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__chevron::before {
	top: 10px;
	transform: rotate(-45deg);
}

.compare-v2-mobile-workflow__content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 24px;
	height: auto;
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	transform: translateY(-4px);
	transition: max-height .34s ease, margin-top .34s ease, opacity .24s ease, transform .34s ease;
	width: 100%;
}

.compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__content {
	margin-top: 24px;
	max-height: none;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.compare-v2-mobile-workflow__content[aria-hidden="true"] {
	max-height: 0;
}

.compare-v2-mobile-workflow__mobile-image {
	display: none;
}

.compare-v2-mobile-workflow__mobile-image img {
	display: block;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	width: 100%;
}

.compare-v2-mobile-workflow__copy {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	text-align: left;
}

.compare-v2-mobile-workflow__copy h3, .compare-v2-mobile-workflow__copy p {
	margin: 0;
	width: 100%;
}

.compare-v2-mobile-workflow__copy h3 {
	color: #262626;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 36px;
}

.compare-v2-mobile-workflow__copy p {
	color: rgba(0, 0, 0, .75);
	font-size: var(--gsf-static-md-fs, 16px);
	font-weight: 400;
	line-height: var(--gsf-static-md-lh, 24px);
	letter-spacing: var(--gsf-static-md-ls, .12px);
}

.compare-v2-mobile-workflow__button {
	align-items: center;
	background: #282828;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: var(--gsf-static-md-fs, 16px);
	font-weight: 500;
	justify-content: center;
	line-height: var(--gsf-static-md-lh, 24px);
	letter-spacing: var(--gsf-static-md-ls, .12px);
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .2s ease, transform .3s ease;
	transform: scale(1);
	white-space: nowrap;
}

.compare-v2-mobile-workflow__button:hover, .compare-v2-mobile-workflow__button:focus {
	background: #474747;
	color: #fff;
}

.compare-v2-mobile-workflow__progress {
	--compare-workflow-progress: 0%;
	background: transparent;
	height: 1px;
	left: 0;
	width: 100%;
	display: none;
	position: absolute !important;
	top: 0 !important;
	transform: none !important;
	z-index: 10 !important;
}

.compare-v2-mobile-workflow .compare-v2-mobile-workflow__progress {
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	z-index: 3;
}

/* Auto-advance progress-bar fill for front-page-v3 (desktop only — see mobile override below) */
body.front-page-v3-body .compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__progress {
	display: block !important;
}

body.front-page-v3-body .compare-v2-mobile-workflow__progress::before {
	background: #282828;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 0;
	transition: width 0s linear;
	width: var(--compare-workflow-progress);
}

body.front-page-v3-body .compare-v2-mobile-workflow__progress.is-animating::before {
	transition-duration: 8s;
}

body.front-page-v3-body .compare-v2-mobile-workflow__item:not(.is-active) .compare-v2-mobile-workflow__progress::before {
	width: 0;
}

@media (max-width: 767px) {
	body.front-page-v3-body .compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__progress {
		display: none !important;
	}
}

.compare-v2-mobile-workflow__content {
	position: relative;
}

.compare-v2-mobile-workflow__item.is-active {
	border-bottom: none !important;
	margin-bottom: -1px !important;
}

.compare-v2-mobile-workflow__item.is-active + .compare-v2-mobile-workflow__item {
	border-top: none !important;
}

@media (min-width: 768px) {
	.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item {
		overflow: visible;
	}
	
	.compare-v2-mobile-workflow__progress {
		top: -1px !important;
	}
	
	.compare-v2-mobile-workflow .compare-v2-mobile-workflow__progress {
		top: -1px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.compare-v2-mobile-workflow__content, .compare-v2-mobile-workflow__chevron::before, .compare-v2-mobile-workflow__image img {
		transition: none;
	}
	
	.compare-v2-mobile-workflow__progress::before {
		transition: none;
	}
}

.compare-v2-platform-fit {
	background: #fff;
	padding: 80px 0;
}

.compare-v2-text-width-control[data-compare-width="1"] {
	max-width: var(--compare-v2-max-width) !important;
}

@media (max-width: 1024px) {
	.compare-v2-mobile-workflow__body {
		align-items: center;
		flex-direction: column;
		gap: 48px;
	}
	
	.compare-v2-mobile-workflow--wide .compare-v2-mobile-workflow__body {
		margin-right: 0;
		min-height: 0;
		width: 100%;
	}
	
	.compare-v2-mobile-workflow__image, .compare-v2-mobile-workflow__accordion {
		flex: none;
		max-width: unset;
		width: 100%;
	}
	
	.compare-v2-mobile-workflow--wide .compare-v2-mobile-workflow__image {
		height: auto;
		left: auto;
		max-width: 100%;
		order: 2;
		position: relative;
		right: auto;
		top: auto;
	}
	
	.compare-v2-mobile-workflow--wide .compare-v2-mobile-workflow__image img {
		height: auto;
		max-width: 100%;
		min-width: unset;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.compare-v2-text-width-control[data-compare-width="1"] {
		max-width: 350px !important;
	}
	
	.compare-v2-mobile-workflow__title.compare-v2-text-width-control {
		max-width: 350px !important;
	}
	
	.compare-v2-mobile-workflow {
		padding: 48px 0 56px;
	}
	
	.compare-v2-mobile-workflow__inner {
		align-items: stretch;
		gap: 24px;
	}
	
	.compare-v2-mobile-workflow__header {
		align-items: flex-start;
		gap: 16px;
		text-align: left;
	}
	
	.compare-v2-mobile-workflow__eyebrow {
		font-size: 12px;
		font-weight: 500;
		letter-spacing: .48px;
		line-height: 16px;
	}
	
	.compare-v2-mobile-workflow__title {
		font-size: var(--gsf-heading-xl-fs-mobile, 28px);
		line-height: var(--gsf-heading-xl-lh-mobile, 32px);
		letter-spacing: var(--gsf-heading-xl-ls-mobile, -.28px);
	}
	
	.compare-v2-mobile-workflow__description {
		font-size: 16px;
		line-height: 24px;
	}
	
	.compare-v2-mobile-workflow__description br {
		display: none;
	}
	
	.compare-v2-mobile-workflow__body {
		display: block;
		width: 100%;
	}
	
	.compare-v2-mobile-workflow__image {
		display: none;
	}
	
	.compare-v2-mobile-workflow__accordion {
		--compare-workflow-mobile-image-height: min(335px, calc(100vw - 40px));
		display: flex;
		max-width: none;
		width: 100%;
	}
	
	.compare-v2-mobile-workflow__item {
		padding: 22px 0;
	}
	
	.compare-v2-mobile-workflow__item.is-active {
		padding-bottom: 0;
	}
	
	.compare-v2-mobile-workflow__tab {
		min-height: 28px;
	}
	
	.compare-v2-mobile-workflow__tab-label {
		font-size: 18px;
		line-height: 28px;
		white-space: normal;
	}
	
	.compare-v2-mobile-workflow__content {
		gap: 24px;
		height: auto;
		max-height: 0;
		overflow: hidden;
		transition: opacity .26s ease;
	}
	
	.compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__content {
		height: auto;
		margin-top: 24px;
		max-height: none;
	}
	
	.compare-v2-mobile-workflow__mobile-image {
		aspect-ratio: auto;
		border-radius: 10px;
		display: none;
		flex: 0 0 auto;
		margin-top: 0;
		opacity: 0;
		overflow: hidden;
		transform: none;
		transition: opacity .26s ease;
		width: 100%;
	}
	
	.compare-v2-mobile-workflow__item.is-active .compare-v2-mobile-workflow__mobile-image {
		display: block;
		margin-top: 0;
		opacity: 1;
	}
	
	.compare-v2-mobile-workflow__mobile-image--wide {
		aspect-ratio: auto;
	}
	
	.compare-v2-mobile-workflow__mobile-image img {
		height: 100%;
		object-fit: contain;
		width: 100%;
	}
	
	.compare-v2-mobile-workflow__copy {
		gap: 12px;
	}
	
	.compare-v2-mobile-workflow__copy h3 {
		font-size: var(--gsf-heading-lg-fs-mobile, 24px);
		line-height: var(--gsf-heading-lg-lh-mobile, 32px);
		letter-spacing: var(--gsf-heading-lg-ls-mobile, -.24px);
	}
	
	.compare-v2-mobile-workflow__copy p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.compare-v2-mobile-workflow__button {
		min-height: 40px;
		padding: 8px 16px;
	}
	
	.compare-v2-mobile-workflow .compare-v2-mobile-workflow__item.is-active {
		border-top: none !important;
	}
	
	.compare-v2-mobile-workflow__progress {
		height: 1px !important;
		top: 0 !important;
		transform: none !important;
		background: #ededed !important;
		margin-top: 0;
	}
}

/* Bullet checklist + secondary link (ACF: workflow_items.bullets / .secondary_link) */
.compare-v2-mobile-workflow__bullets {
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 12px;
	width: 100%;
}

.compare-v2-mobile-workflow__bullet {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.compare-v2-mobile-workflow__bullet-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 20px;
	height: 24px;
	color: #262626;
}

.compare-v2-mobile-workflow__bullet-icon svg {
	display: block;
}

.compare-v2-mobile-workflow__bullet-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.compare-v2-mobile-workflow__bullet-title {
	color: #262626;
	font-size: var(--gsf-static-md-fs, 16px);
	font-weight: 500;
	line-height: var(--gsf-static-md-lh, 24px);
	letter-spacing: var(--gsf-static-md-ls, .12px);
}

.compare-v2-mobile-workflow__bullet-text {
	color: rgba(0, 0, 0, .75);
	font-size: var(--gsf-static-md-fs, 16px);
	font-weight: 400;
	line-height: var(--gsf-static-md-lh, 24px);
	letter-spacing: var(--gsf-static-md-ls, .12px);
}

.compare-v2-mobile-workflow__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 24px;
}

.compare-v2-mobile-workflow__learn-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #262626;
	font-size: var(--gsf-static-md-fs, 16px);
	font-weight: 500;
	line-height: var(--gsf-static-md-lh, 24px);
	letter-spacing: var(--gsf-static-md-ls, .12px);
}

.compare-v2-mobile-workflow__learn-more-text {
	text-decoration: underline;
	text-decoration-color: rgba(51, 51, 51, .3);
	text-underline-offset: 4px;
	transition: text-decoration-color .2s ease;
}

.compare-v2-mobile-workflow__learn-more:hover .compare-v2-mobile-workflow__learn-more-text, .compare-v2-mobile-workflow__learn-more:focus-visible .compare-v2-mobile-workflow__learn-more-text {
	text-decoration-color: #262626;
}

/* Overrides the site-wide a:active { color: #ccc } (css/style.css) — pressing this
   link shouldn't gray the text out, it should look the same as normal/hover. */
.compare-v2-mobile-workflow__learn-more:active {
	color: #262626;
}

.compare-v2-mobile-workflow__learn-more-arrow {
	display: inline-flex;
	transition: transform .2s ease;
}

.compare-v2-mobile-workflow__learn-more:hover .compare-v2-mobile-workflow__learn-more-arrow, .compare-v2-mobile-workflow__learn-more:focus-visible .compare-v2-mobile-workflow__learn-more-arrow {
	transform: translateX(2px);
}

.compare-v2-mobile-workflow__learn-more-arrow svg {
	display: block;
	flex: 0 0 auto;
}

@media (max-width: 767px) {
	.compare-v2-mobile-workflow__bullets {
		gap: 10px;
	}
	
	.compare-v2-mobile-workflow__actions {
		gap: 8px 20px;
	}
}

/* Spacing Padding (Theme Settings / page override) — CSS custom properties set inline per section. */
.compare-v2-mobile-workflow.new-solutions-component-spacing {
	padding-top: var(--ns-desktop-padding-top, 0);
	padding-bottom: var(--ns-desktop-padding-bottom, 0);
}

@media (max-width: 767px) {
	.compare-v2-mobile-workflow.new-solutions-component-spacing {
		padding-top: var(--ns-mobile-padding-top, 0);
		padding-bottom: var(--ns-mobile-padding-bottom, 0);
	}
}