:root {
	--bg: #f7f7f7;
	--bg2: #ffffff;
	--card: #ffffff;
	--line: rgba(0, 0, 0, .12);
	--text: #0f0f0f;
	--muted: rgba(0, 0, 0, .6);
	--a: #0f0f0f;
	--b: #0f0f0f;
	--c: #0f0f0f;
	--ease: cubic-bezier(.2, .7, .2, 1);
	--rad: 14px;
	--shadow: 0 6px 16px rgba(0, 0, 0, .08)
}

* {
	box-sizing: border-box
}

.urbanist {
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

* {
	font-family: "Urbanist", sans-serif !important;
}

html,
body {
	margin: 0
}

html {
	scroll-behavior: smooth
}

body {
	color: var(--text);
	background: var(--bg2);
	line-height: 1.62;
	overflow-x: hidden
}

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




.bg-grid,
.bg-orb {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -2
}

.bg-grid {
	background: linear-gradient(rgba(0, 0, 0, .03) 1px, transparent 1px) 0 0/48px 48px, linear-gradient(90deg, rgba(0, 0, 0, .03) 1px, transparent 1px) 0 0/48px 48px;
	opacity: .28
}

.bg-orb {
	z-index: -1;
	filter: blur(120px);
	opacity: .08
}

.orb-1 {
	width: 44vw;
	height: 44vw;
	max-width: 520px;
	max-height: 520px;
	background: rgba(0, 0, 0, .12);
	left: -18vw;
	top: -14vw
}

.orb-2 {
	width: 34vw;
	height: 34vw;
	max-width: 440px;
	max-height: 440px;
	background: rgba(0, 0, 0, .08);
	right: -16vw;
	top: 36vh
}

.glass {
	backdrop-filter: blur(6px);
	background: rgba(255, 255, 255, .92);
	border: 1px solid var(--line)
}

.topbar {
	position: sticky;
	top: 14px;
	z-index: 50;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	width: 95%;
	margin: 14px auto 0;
	padding: 12px 18px;
	border-radius: 12px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .06)
}

.brand {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: "Lato", sans-serif;
	font-weight: 700
}

.brand img {
	border-radius: 50%
}

nav {
	display: flex;
	gap: 16px;
	flex-wrap: wrap
}

nav a {
	font-size: .92rem;
	color: var(--muted);
	position: relative;
	transition: color .2s var(--ease)
}

nav a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 1px;
	background: var(--a);
	transition: width .2s var(--ease)
}

nav a:hover {
	color: #0f0f0f
}

nav a:hover::after {
	width: 100%
}

.mobile-nav-toggle,
.mobile-nav-menu {
	display: none
}

.mobile-nav-menu[hidden] {
	display: none !important
}

main {
	margin: 0 auto;
	padding: 16px 0 0px
}

main>section {
	margin-top: 26px !important
}

main>section:first-of-type {
	margin-top: 0 !important
}

.hero {
	min-height: 86vh;
	display: grid;
	place-items: center;
	padding: 80px 0 36px;
	position: relative
}

.hero::before {
	content: "";
	position: absolute;
	inset: 18% 20% auto 20%;
	height: 160px;
	background: radial-gradient(circle, rgba(0, 0, 0, .06), transparent 70%);
	filter: blur(16px)
}

.hero-inner {
	max-width: 840px;
	text-align: center;
	position: relative;
	z-index: 1
}

.hero-hex-orbit {
	position: absolute;
	top: clamp(8px, 2vh, 26px);
	right: clamp(-22px, 1vw, 8px);
	width: 430px;
	height: 430px;
	pointer-events: none;
	opacity: .72;
	z-index: 0
}

.hex-orbit {
	position: absolute;
	inset: 0;
	animation: hexSpin 18s linear infinite
}

.orbit-a {
	inset: 0;
	animation-duration: 20s
}

.orbit-b {
	inset: 17% 9% 11% 19%;
	animation-duration: 13s;
	animation-direction: reverse
}

.orbit-c {
	inset: 34% 27% 21% 30%;
	animation-duration: 9s
}

.hex-shape {
	position: absolute;
	clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
	border: 1.7px solid rgba(0, 0, 0, .5);
	background: rgba(0, 0, 0, .16);
	box-shadow: none
}

.hex-shape::after {
	content: "";
	position: absolute;
	inset: 22%;
	clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
	background: rgba(0, 0, 0, .28);
	border: 1px solid rgba(0, 0, 0, .4);
}

.orbit-a .hex-lg {
	top: -2%;
	left: 58%;
	width: 56px;
	height: 62px;
	transform: translateX(-50%) rotate(8deg)
}

.orbit-a .hex-sm {
	top: 68%;
	left: 7%;
	width: 28px;
	height: 31px;
	transform: translateX(-50%) rotate(-13deg)
}

.orbit-b .hex-md {
	top: 6%;
	left: 49%;
	width: 42px;
	height: 46px;
	transform: translateX(-50%) rotate(-5deg)
}

.orbit-b .hex-xs {
	top: 62%;
	left: 92%;
	width: 23px;
	height: 26px;
	transform: translateX(-50%) rotate(15deg)
}

.orbit-c .hex-xl {
	top: -8%;
	left: 61%;
	width: 66px;
	height: 74px;
	transform: translateX(-50%) rotate(11deg)
}

.kicker {
	color: var(--a);
	text-transform: uppercase;
	letter-spacing: .13em;
	font-size: .74rem;
	font-weight: 800
}

.hero h1 {
	font-family: "Lato", sans-serif;
	font-size: clamp(2.2rem, 5.5vw, 4.8rem);
	line-height: 1.06;
	letter-spacing: -.02em;
	margin: .6rem 0
}

.hero h1 span {
	color: #111;
	background: none;
	-webkit-text-fill-color: currentColor;
	animation: none
}

.lead {
	color: var(--muted);
	max-width: 66ch
}

.hero .lead {
	margin: 0 auto
}

.hero-cta {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 24px
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 18px;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, .2);
	background: #fff;
	color: #000;
	font-weight: 700;
	transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);
	cursor: pointer
}

.btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
	border-color: rgba(0, 0, 0, .45)
}

.btn-primary {
	background: #0f0f0f !important;
	color: #fff;
	border: 1px solid #0f0f0f;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .18)
}

.scroll-indicator {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 24px;
	height: 40px;
	border: 1.5px solid rgba(0, 0, 0, .4);
	border-radius: 22px
}

.scroll-indicator span {
	display: block;
	width: 5px;
	height: 8px;
	margin: 7px auto;
	background: #111;
	border-radius: 99px;
	animation: scrollDot 1.7s ease-in-out infinite
}

.social-proof {
	display: grid;
	gap: 10px;
	justify-items: center;
	text-align: center;
	padding: 14px 0 26px
}

.social-proof p {
	margin: 0;
	color: var(--muted)
}

.logo-viewport {
	width: min(980px, 100%);
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent)
}

.logo-track {
	display: flex;
	gap: 10px;
	flex-wrap: nowrap;
	width: max-content;
	will-change: transform
}

.logo-chip {
	filter: grayscale(1);
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 176px;
	height: 56px;
	padding: 8px 12px;
	border-radius: 999px;
	background: transparent;
	border: none;
	opacity: .9;
	transition: opacity .6s var(--ease)
}

.logo-chip svg {
	display: block;
	width: 120px;
	height: 20px;
}

.saas-block {
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 20px;
	padding: 40px 24px;
	margin-top: 26px
}

.saas-block.alt {
	background: #fff
}

.section-head {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 16px;
	margin-bottom: 22px
}

.section-head h2 {
	margin: 0;
	font-family: "Lato", sans-serif;
	font-size: clamp(1.42rem, 2.7vw, 2.4rem);
	line-height: 1.18
}

.with-action {
	align-items: center
}

.panel,
.price-card,
.testimonial,
.resource-card,
.step,
.metric {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--rad);
	padding: 22px;
	box-shadow: var(--shadow);
	transition: transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease)
}

.panel:hover,
.price-card:hover,
.testimonial:hover,
.resource-card:hover,
.step:hover,
.metric:hover {
	transform: translateY(-2px);
	border-color: rgba(0, 0, 0, .35);
	box-shadow: 0 14px 28px rgba(0, 0, 0, .12)
}

.panel h3,
.price-card h3,
.testimonial h3,
.resource-card h3,
.step h3 {
	margin: .35rem 0 .5rem;
	font-family: "Lato", sans-serif;
	line-height: 1.25
}

.panel p,
.price-card p,
.testimonial p,
.resource-card p,
.step p {
	color: var(--muted);
	margin: 8px 0
}

.panel a,
.price-card a,
.resource-card a {
	display: inline-flex;
	margin-top: 8px;
	font-weight: 700;
	color: #111;
	position: relative
}

.panel a::after,
.price-card a::after,
.resource-card a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 1px;
	background: #111;
	transition: width .26s var(--ease)
}

.panel a:hover::after,
.price-card a:hover::after,
.resource-card a:hover::after {
	width: 100%
}

.serve-media {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .12);
	margin: 8px 0 6px;
	aspect-ratio: 16/9;
	background: #ededed
}

.serve-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(.15) contrast(1.02)
}

.serve-media img.bw-tech {
	filter: grayscale(1) contrast(1.08)
}

.serve-media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}

.serve-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(140deg, rgba(0, 0, 0, .12), transparent 55%)
}

.bento-grid {
	display: grid;
	grid-template-columns: 1.25fr 1fr 1fr;
	gap: 14px
}

.panel-large {
	grid-row: span 2
}

.pill {
	display: inline-flex;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .05);
	border: 1px solid rgba(0, 0, 0, .18);
	color: #111;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .06em
}

.section-foot {
	text-align: center;
	margin-top: 20px;
	color: var(--muted)
}

/* Who we serve: fixed text rhythm + aligned CTA links */
/#aboutus .bento-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

/#aboutus .panel-large {
	grid-row: auto
}

/#aboutus .panel {
	display: flex;
	flex-direction: column
}

/#aboutus .panel {
	height: 100%
}

/#aboutus .panel p:not(.pill) {
	max-width: 56ch;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

/#aboutus .panel.panel-large p:not(.pill) {
	-webkit-line-clamp: 4
}

/#aboutus .panel:not(.panel-large) p:not(.pill) {
	-webkit-line-clamp: 5
}

/#aboutus .panel a {
	margin-top: auto;
	padding-top: 10px
}

/#aboutus .serve-link-card {
	text-decoration: none;
	color: inherit;
	cursor: pointer
}

/#aboutus .serve-link-card span {
	display: inline-flex;
	margin-top: auto;
	padding-top: 10px;
	font-weight: 700;
	color: #111;
	position: relative
}

/#aboutus .serve-link-card span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 1px;
	background: #111;
	transition: width .26s var(--ease)
}

/#aboutus .serve-link-card:hover span::after {
	width: 100%
}

/* Need section redesign */
.need-wrap {
	padding: 32px 0
}

.need-shell {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 20px;
	padding: 24px
}

.need-intro {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 14px;
	padding: 20px
}

.need-intro h2 {
	margin: .3rem 0 .6rem;
	font-family: "Lato", sans-serif;
	font-size: clamp(1.4rem, 2.5vw, 2.1rem);
	line-height: 1.18
}

.need-intro p {
	margin: 0;
	color: var(--muted)
}

.need-rail {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px
}

.need-card {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 18px;
	box-shadow: var(--shadow)
}

.need-card span {
	display: inline-flex;
	width: 32px;
	height: 32px;
	border-radius: 9px;
	background: #111;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	margin-bottom: 8px
}

.need-toprow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px
}

.need-toprow .need-click-hint {
	margin: 0 !important
}

.need-card h3 {
	margin: .2rem 0 .45rem;
	font-family: "Lato", sans-serif
}

.need-card p {
	margin: 0;
	color: var(--muted)
}

.need-click-hint {
	margin: .1rem 0 .45rem auto !important;
	width: max-content;
	padding: 3px 8px;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, .22);
	font: 700 .68rem/1 "Lato", sans-serif;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #111;
	background: #f3f3f3
}

.need-accordion {
	cursor: pointer;
	transition: border-color .24s var(--ease), box-shadow .24s var(--ease)
}

.need-accordion:hover {
	border-color: rgba(0, 0, 0, .35);
	box-shadow: 0 14px 26px rgba(0, 0, 0, .12)
}

.need-accordion.is-open {
	border-color: rgba(0, 0, 0, .45);
	box-shadow: 0 16px 30px rgba(0, 0, 0, .1)
}

.need-modal {
	position: fixed;
	inset: 0;
	z-index: 120;
	display: grid;
	place-items: center;
	padding: 20px
}

.need-modal[hidden] {
	display: none !important
}

.need-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .68);
	backdrop-filter: blur(4px)
}

.need-modal__panel {
	position: relative;
	width: min(1000px, 94vw);
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 16px;
	overflow: hidden;
	background: #0f0f0f;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .5)
}

.need-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	background: rgba(0, 0, 0, .52);
	color: #fff;
	font-size: 1.3rem;
	line-height: 1;
	cursor: pointer
}

.need-modal__crop {
	position: relative;
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
	background: #000
}

.need-modal__crop iframe {
	position: absolute;
	left: 0;
	top: -35%;
	width: 100%;
	height: 170%;
	border: 0;
	background: #000
}

body.modal-open {
	overflow: hidden
}

.step-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px
}

.step span {
	display: inline-flex;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: #111;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 800
}

.pricing-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px
}

.price-card.featured {
	border-color: rgba(0, 0, 0, .35);
	background: #fff
}

/* Services pricing cards: equal height + aligned CTA links */
#services .pricing-grid {
	grid-auto-rows: 1fr
}

#services .price-card {
	display: flex;
	flex-direction: column;
	height: 100%
}

#services .price-card a {
	margin-top: auto;
	padding-top: 10px
}

#services .price-link-card {
	text-decoration: none;
	color: inherit;
	cursor: pointer
}

#services .price-link-card span {
	display: inline-flex;
	margin-top: auto;
	padding-top: 10px;
	font-weight: 700;
	color: #111;
	position: relative
}

#services .price-link-card span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 1px;
	background: #111;
	transition: width .26s var(--ease)
}

#services .price-link-card:hover span::after {
	width: 100%
}

.metrics-wrap {
	padding: 26px 0
}

.metrics-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 14px
}

.metric h3 {
	margin: .2rem 0;
	font-family: "Lato", sans-serif;
	font-size: 1.8rem
}

/* Unique section redesign */
.unique-wrap {
	padding: 28px 0
}

.unique-shell {
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	gap: 14px
}

.unique-main {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .14);
	border-radius: var(--rad);
	padding: 24px;
	box-shadow: var(--shadow)
}

.unique-main h2 {
	margin: .25rem 0 .8rem;
	font-family: "Lato", sans-serif;
	font-size: clamp(1.6rem, 2.5vw, 2.2rem);
	line-height: 1.18
}

.unique-main p {
	margin: 10px 0;
	color: var(--muted)
}

.unique-stack {
	display: grid;
	gap: 10px
}

.unique-chip {
	background: var(--card);
	border: 1px solid var(--line);
	border-left: 3px solid #111;
	border-radius: 12px;
	padding: 18px;
	box-shadow: var(--shadow)
}

.unique-chip h3 {
	margin: .1rem 0 .3rem;
	font-family: "Lato", sans-serif
}

.unique-chip p {
	margin: 0;
	color: var(--muted)
}

.team-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px
}

.team-card {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--rad);
	padding: 20px;
	box-shadow: var(--shadow);
	transition: transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease)
}

.team-trigger {
	cursor: pointer
}

.team-card:hover {
	transform: translateY(-2px);
	border-color: rgba(0, 0, 0, .35);
	box-shadow: 0 16px 30px rgba(0, 0, 0, .12)
}

.team-card h3 {
	margin: .4rem 0 .5rem;
	font-family: "Lato", sans-serif
}

.team-card p {
	margin: 0;
	color: var(--muted)
}

.team-modal {
	position: fixed;
	inset: 0;
	z-index: 122;
	display: grid;
	place-items: center;
	padding: 20px
}

.team-modal[hidden] {
	display: none !important
}

.team-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .68);
	backdrop-filter: blur(4px)
}

.team-modal__panel {
	position: relative;
	width: min(760px, 94vw);
	border: 1px solid rgba(0, 0, 0, .16);
	border-radius: 16px;
	padding: 22px;
	background: #fff;
	color: #111;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .4)
}

.team-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 999px;
	background: #fff;
	color: #111;
	font-size: 1.3rem;
	line-height: 1;
	cursor: pointer
}

.team-modal__panel .kicker {
	margin: 0 0 8px;
	color: rgba(0, 0, 0, .65)
}

.team-modal__panel h3 {
	margin: 0 0 10px;
	color: #111
}

.team-modal__panel p {
	margin: 0;
	color: rgba(0, 0, 0, .85);
	line-height: 1.65
}

.testimonial-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px
}

blockquote {
	margin: 10px 0 0;
	color: var(--muted)
}

.testimonial-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px
}

.avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: .72rem;
	font-weight: 700;
	background: rgba(0, 0, 0, .10);
	border: 1px solid rgba(0, 0, 0, .24);
	color: #111
}

.testimonial-head h3 {
	margin: 0
}

.testimonial-head p {
	margin: 0;
	color: var(--muted);
	font-size: .92rem
}

.review-trigger {
	cursor: pointer
}

.review-modal {
	position: fixed;
	inset: 0;
	z-index: 121;
	display: grid;
	place-items: center;
	padding: 20px
}

.review-modal[hidden] {
	display: none !important
}

.review-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .68);
	backdrop-filter: blur(4px)
}

.review-modal__panel {
	position: relative;
	width: min(760px, 94vw);
	border: 1px solid rgba(0, 0, 0, .16);
	border-radius: 16px;
	padding: 22px;
	background: #fff;
	color: #111;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .4)
}

.review-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 999px;
	background: #fff;
	color: #111;
	font-size: 1.3rem;
	line-height: 1;
	cursor: pointer
}

.review-modal__panel .kicker {
	margin: 0 0 8px;
	color: rgba(0, 0, 0, .65)
}

.review-modal__panel h3 {
	margin: 0 0 6px;
	color: #111
}

.review-modal__source {
	margin: 0 0 12px;
	color: rgba(0, 0, 0, .6)
}

.review-modal__panel blockquote {
	margin: 0;
	color: rgba(0, 0, 0, .85);
	line-height: 1.65
}

.resource-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px
}

.article-thumb {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, .12);
	margin-bottom: 10px
}

.final-cta {
	padding-top: 26px
}

.final-panel {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 18px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .14);
	border-radius: 20px;
	padding: 24px;
	box-shadow: var(--shadow)
}

.contact-form {
	display: grid;
	gap: 10px
}

.contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px
}

.contact-form input,
.contact-form textarea,
.footer input {
	width: 100%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	color: #000;
	border-radius: 10px;
	padding: 12px 14px;
	outline: none;
	font: inherit
}

.contact-form textarea {
	resize: vertical;
	min-height: 130px
}

.contact-form input:focus,
.contact-form textarea:focus,
.footer input:focus {
	border-color: #111;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .08)
}

.footer {
	position: relative;
	width: 90%;
	margin: 0 auto 30px;
	border-radius: 20px;
	padding: 26px;
	display: grid;
	grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr));
	gap: 20px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .12)
}

.footer::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 0px;
	background: #111;
	border-radius: 20px 20px 0 0;
	width: 95%;
	margin-left: 3%;
}

.footer h3 {
	margin: .1rem 0 .35rem;
	font: 800 1.25rem/1.1 "Lato", sans-serif
}

.footer p {
	margin: 4px 0;
	color: var(--muted)
}

.footer form {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 12px
}

.footer-kicker {
	margin: 0;
	color: #111;
	font-size: .75rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 800
}

.footer-title {
	margin: .1rem 0 .55rem;
	font: 700 .95rem/1.2 "Lato", sans-serif;
	color: #000
}

.footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 6px
}

.footer-links a {
	color: var(--muted);
	font-size: .93rem;
	transition: color .2s var(--ease)
}

.footer-links a:hover {
	color: #111
}

.footer-contact p {
	margin: 3px 0
}

.footer-bottom {
	grid-column: 1/-1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-top: 14px;
	margin-top: 2px;
	border-top: 1px solid rgba(0, 0, 0, .12)
}

.footer-bottom p {
	margin: 0;
	font-size: .9rem
}

.footer-mini-links {
	display: flex;
	gap: 12px;
	flex-wrap: wrap
}

.footer-mini-links a {
	font-size: .88rem;
	color: var(--muted)
}

.footer-mini-links a:hover {
	color: #111
}

.reveal-item {
	will-change: transform, opacity
}

.hero-kicker,
.hero-title,
.hero-lead,
.hero-cta-wrap {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .7s var(--ease), transform .7s var(--ease)
}

.hero-on .hero-kicker,
.hero-on .hero-title,
.hero-on .hero-lead,
.hero-on .hero-cta-wrap {
	opacity: 1;
	transform: none
}

.hero-on .hero-title {
	transition-delay: .08s
}

.hero-on .hero-lead {
	transition-delay: .16s
}

.hero-on .hero-cta-wrap {
	transition-delay: .22s
}

.reveal-item,
.section-head,
.social-proof p {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .7s var(--ease), transform .7s var(--ease)
}

.in-view {
	opacity: 1 !important;
	transform: none !important
}

/* Circle pointer */
html.fx-pointer,
html.fx-pointer * {
	cursor: none !important
}

#fx-pointer {
	position: fixed;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	mix-blend-mode: difference;
	pointer-events: none;
	z-index: 9999;
	transform: translate(-50%, -50%);
	transition: width .18s, height .18s, opacity .18s
}

#fx-pointer.is-hover {
	width: 42px;
	height: 42px
}

#fx-pointer::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 11px;
	background: #000;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	transform: translate(-50%, -50%);
	transition: width .18s, height .18s
}

#fx-pointer.is-hover::after {
	width: 15px;
	height: 15px
}

@keyframes scrollDot {

	0%,
	100% {
		transform: translateY(0);
		opacity: .35
	}

	50% {
		transform: translateY(14px);
		opacity: 1
	}
}

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

@keyframes heroSpanFlux {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@media (max-width:1080px) {
	.bento-grid {
		grid-template-columns: 1fr 1fr
	}

	.panel-large {
		grid-row: auto;
		grid-column: span 2
	}

	.need-rail,
	.pricing-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.step-grid,
	.testimonial-grid,
	.team-grid {
		grid-template-columns: 1fr 1fr
	}

	.metrics-grid {
		grid-template-columns: 1fr 1fr
	}

	.unique-shell {
		grid-template-columns: 1fr
	}

	.final-panel {
		grid-template-columns: 1fr
	}
}



@media (max-width:760px) {
	nav {
		display: none
	}

	.hero {
		min-height: 80vh;
		padding-top: 64px
	}

	.section {
		padding: 52px 0
	}

	.saas-block {
		padding: 28px 14px
	}

	.section-head {
		flex-direction: column;
		align-items: start
	}

	.bento-grid,
	.need-rail,
	.step-grid,
	.pricing-grid,
	.metrics-grid,
	.testimonial-grid,
	.resource-grid,
	.footer,
	.contact-grid {
		grid-template-columns: 1fr
	}

	.panel-large {
		grid-column: auto
	}

	.topbar {
		top: 10px
	}

	.footer {
		padding: 18px
	}

	.unique-main {
		padding: 18px
	}

	.need-shell {
		padding: 16px
	}

	.need-intro {
		padding: 16px
	}

	.need-modal__panel {
		width: min(96vw, 960px)
	}

	.review-modal__panel {
		width: min(96vw, 760px)
	}

	.team-modal__panel {
		width: min(96vw, 760px)
	}

	.hero-hex-orbit {
		width: 250px;
		height: 250px;
		right: -12px;
		top: 62px;
		opacity: .56
	}

	.mobile-nav-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(0, 0, 0, .2);
		background: #fff;
		color: #000;
		border-radius: 999px;
		padding: 7px 12px;
		font: 700 .8rem/1 "Lato", sans-serif
	}

	.mobile-nav-menu {
		display: grid;
		gap: 4px;
		position: sticky;
		top: 58px;
		z-index: 60;
		width: 95%;
		margin: 8px auto 0;
		padding: 8px;
		border-radius: 14px;
		border: 1px solid rgba(0, 0, 0, .12);
		background: rgba(255, 255, 255, .92)
	}

	.mobile-nav-menu a {
		padding: 9px 10px;
		border-radius: 10px;
		font: 600 .92rem/1.2 "Lato", sans-serif;
		color: #000
	}

	.mobile-nav-menu a:hover {
		background: rgba(0, 0, 0, .06)
	}

	/* Mobile-only fix: Three Key Customer Segments */
	/#aboutus .bento-grid {
		display: block;
		overflow: visible;
		padding-bottom: 0;
	}

	/#aboutus .bento-grid .panel {
		margin-bottom: 12px
	}

	/#aboutus .bento-grid .panel:last-child {
		margin-bottom: 0
	}

	/#aboutus .panel {
		padding: 18px
	}

	/#aboutus .serve-media {
		aspect-ratio: 16/9
	}

	/#aboutus .panel p:not(.pill) {
		display: block;
		-webkit-line-clamp: unset;
		overflow: visible;
		max-width: none
	}

	/#aboutus .panel a {
		margin-top: 10px;
		padding-top: 0
	}

	.footer-bottom {
		flex-direction: column;
		align-items: flex-start
	}
}

@media (prefers-reduced-motion:reduce) {
	* {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important
	}
}

.main-body-shell,
.main-story,
.main-framework,
.main-accordion,
.main-proof,
.main-contact,
.main-cta {
	width: min(1200px, 92%);
	margin: 26px auto 0;
}

.main-body-band,
.main-card,
.main-detail,
.main-proof-panel,
.main-contact-shell,
.main-cta-card {
	background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 249, 247, .98));
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 22px;
	box-shadow: 0 14px 40px rgba(0, 0, 0, .06);
}

.main-body-band {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 22px;
	padding: 28px;
}

.main-body-copy h2,
.main-story-copy h2,
.main-section-head h2,
.main-proof-copy h2,
.main-contact-copy h2,
.main-cta-card h2 {
	margin: .2rem 0 .9rem;
	font: 800 clamp(1.8rem, 3vw, 3rem)/1.1 "Lato", sans-serif;
	letter-spacing: -.03em;
	color: #0d0d0d;
}

.main-body-copy p,
.main-story-copy p,
.main-section-head p,
.main-card p,
.main-detail p,
.main-proof-copy p,
.main-contact-copy p {
	color: rgba(0, 0, 0, .68);
	margin: .75rem 0 0;
	font-size: 1rem;
}

.main-body-stats {
	display: grid;
	gap: 14px;
}

.main-stat-card {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 18px;
	padding: 18px;
	background: #fff;
}

.main-stat-label,
.main-card-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	min-width: 44px;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, .12);
	background: #f4f4f1;
	color: #111;
	font: 700 .74rem/1 "Lato", sans-serif;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.main-stat-card strong {
	display: block;
	margin-top: 10px;
	font: 800 1.15rem/1.2 "Lato", sans-serif;
	color: #0f0f0f;
}

.main-stat-card p {
	margin: .5rem 0 0;
	color: rgba(0, 0, 0, .62);
}

.main-story-grid,
.main-proof-panel,
.main-contact-shell {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 22px;
	align-items: center;
}

.main-story-copy {
	padding: 10px 2px;
}

.main-story-media,
.main-proof-media {
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .08);
	background: #f1f1ef;
	min-height: 100%;
}

.main-story-media img,
.main-proof-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-badge-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.main-badge {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, .12);
	background: #fff;
	color: #1a1a1a;
	font: 700 .86rem/1.2 "Lato", sans-serif;
}

.main-section-head {
	max-width: 760px;
	margin-bottom: 18px;
}

.main-framework-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.main-card {
	padding: 22px;
}

.main-card h3 {
	margin: .9rem 0 .2rem;
	font: 800 1.15rem/1.25 "Lato", sans-serif;
	color: #0f0f0f;
}

.main-accordion-grid {
	display: grid;
	gap: 14px;
}

.main-detail {
	padding: 0;
	overflow: hidden;
}

.main-detail summary {
	list-style: none;
	cursor: pointer;
	padding: 18px 20px;
	font: 800 1rem/1.3 "Lato", sans-serif;
	color: #0f0f0f;
	position: relative;
}

.main-detail summary::-webkit-details-marker {
	display: none;
}

.main-detail summary::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font: 700 1.2rem/1 "Lato", sans-serif;
	color: rgba(0, 0, 0, .5);
}

.main-detail[open] summary::after {
	content: "-";
}

.main-detail p {
	margin: 0;
	padding: 0 20px 18px;
	max-width: 74ch;
}

.main-proof-panel {
	padding: 24px;
}

.main-proof-copy {
	padding-right: 10px;
}

.main-proof-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 18px;
}

.main-proof-metrics div {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
}

.main-proof-metrics strong {
	display: block;
	font: 800 1rem/1.2 "Lato", sans-serif;
	color: #111;
}

.main-proof-metrics span {
	display: block;
	margin-top: 8px;
	color: rgba(0, 0, 0, .6);
	font-size: .93rem;
}

.main-contact-shell {
	padding: 24px;
	align-items: start;
}

.main-contact-copy {
	max-width: 560px;
}

body {
	font-size: 100%;
}

a:where(:not(.wp-element-button)) {
	text-decoration: underline;
}

@media all {
	.splide__list {
		backface-visibility: hidden;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}

	.splide__pagination {
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 0;
		pointer-events: none;
	}

	.splide__pagination li {
		display: inline-block;
		line-height: 1;
		list-style-type: none;
		margin: 0;
		pointer-events: auto;
	}

	.splide {
		position: relative;
		visibility: hidden;
	}

	.splide.is-initialized {
		visibility: visible;
	}

	.splide__slide {
		backface-visibility: hidden;
		box-sizing: border-box;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		list-style-type: none !important;
		margin: 0;
		position: relative;
	}

	.splide__slide img {
		vertical-align: bottom;
	}

	.splide__track {
		overflow: hidden;
		position: relative;
		z-index: 0;
	}

	.splide__track--draggable {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.splide__arrow {
		-ms-flex-align: center;
		align-items: center;
		background: #ccc;
		border: 0;
		border-radius: 50%;
		cursor: pointer;
		display: -ms-flexbox;
		display: flex;
		height: 2em;
		-ms-flex-pack: center;
		justify-content: center;
		opacity: .7;
		padding: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 2em;
		z-index: 1;
	}

	.splide__arrow svg {
		fill: #000;
		height: 1.2em;
		width: 1.2em;
	}

	.splide__arrow:hover:not(:disabled) {
		opacity: .9;
	}

	.splide__arrow:disabled {
		opacity: .3;
	}

	.splide__arrow--prev {
		left: 1em;
	}

	.splide__arrow--prev svg {
		transform: scaleX(-1);
	}

	.splide__arrow--next {
		right: 1em;
	}

	.splide__pagination {
		bottom: .5em;
		left: 0;
		padding: 0 1em;
		position: absolute;
		right: 0;
		z-index: 1;
	}

	.splide__pagination__page {
		background: #ccc;
		border: 0;
		border-radius: 50%;
		display: inline-block;
		height: 8px;
		margin: 3px;
		opacity: .7;
		padding: 0;
		position: relative;
		transition: transform .2s linear;
		width: 8px;
	}

	.splide__pagination__page.is-active {
		background: #fff;
		transform: scale(1.4);
		z-index: 1;
	}

	.splide__pagination__page:hover {
		cursor: pointer;
		opacity: .9;
	}

	.splide__slide {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.splide__slide:focus {
		outline: 0;
	}
}

@media all {

	*,
	:after,
	:before {
		border: 0 solid #e5e7eb;
		box-sizing: border-box;
	}

	:after,
	:before {
		--tw-content: "";
	}

	h1,
	h2,
	h3,
	h4 {
		font-size: inherit;
		font-weight: inherit;
	}

	a {
		color: inherit;
		text-decoration: inherit;
	}

	strong {
		font-weight: bolder;
	}

	button,
	input {
		font-feature-settings: inherit;
		color: inherit;
		font-family: inherit;
		font-size: 100%;
		font-variation-settings: inherit;
		font-weight: inherit;
		line-height: inherit;
		margin: 0;
		padding: 0;
	}

	button {
		text-transform: none;
	}

	[type=button],
	button {
		-webkit-appearance: button;
		background-color: transparent;
		background-image: none;
	}

	h1,
	h2,
	h3,
	h4,
	p {
		margin: 0;
	}

	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	input::placeholder {
		color: #9ca3af;
		opacity: 1;
	}

	[role=button],
	button {
		cursor: pointer;
	}

	:disabled {
		cursor: default;
	}

	img,
	svg {
		display: block;
		vertical-align: middle;
	}

	img {
		height: auto;
		max-width: 100%;
	}

	[type=email] {
		--tw-shadow: 0 0 #0000;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #fff;
		border-color: #6b7280;
		border-radius: 0;
		border-width: 1px;
		font-size: 1rem;
		line-height: 1.5rem;
		padding: .5rem .75rem;
	}

	[type=email]:focus {
		--tw-ring-inset: var(--tw-empty, );
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: #2563eb;
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		border-color: #2563eb;
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		outline: 2px solid transparent;
		outline-offset: 2px;
	}

	input::placeholder {
		color: #6b7280;
		opacity: 1;
	}

	:root .prose {
		color: inherit;
	}

	.theme-white {
		--color-text: #000;
		--color-button-bg: #000;
		--color-button-text: #fff;
		--color-button-bg-hover: #2d2d30;
		--color-button-text-hover: #fff;
		--color-inverse: #000;
		color: var(--color-text);
	}

	.theme-white .prose {
		color: inherit;
	}

	.theme-white {
		--tw-bg-opacity: 1;
		--color-inverse: #000;
		background-color: rgb(255 255 255/var(--tw-bg-opacity));
	}

	a,
	button,
	svg,
	svg path {
		transition-duration: .3s;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	}

	*,
	:after,
	:before {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-scroll-snap-strictness: proximity;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgba(59, 130, 246, .5);
		--tw-ring-offset-shadow: 0 0 #0000;
		--tw-ring-shadow: 0 0 #0000;
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
	}

	.container {
		margin-left: auto;
		margin-right: auto;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		width: 100%;
	}

	@media (min-width:640px) {
		.container {
			max-width: 640px;
		}
	}

	@media (min-width:768px) {
		.container {
			max-width: 768px;
		}
	}

	@media (min-width:1024px) {
		.container {
			max-width: 1024px;
		}
	}

	@media (min-width:1280px) {
		.container {
			max-width: 1280px;
		}
	}

	@media (min-width:1536px) {
		.container {
			max-width: 1536px;
			padding-left: 4rem;
			padding-right: 4rem;
		}
	}

	.prose {
		color: #000;
		max-width: none;
	}

	.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
		margin-bottom: 1.25em;
		margin-top: 1.25em;
	}

	.prose {
		--tw-prose-body: #000;
		--tw-prose-headings: #000;
		--tw-prose-lead: #000;
		--tw-prose-links: #000;
		--tw-prose-bold: #000;
		--tw-prose-counters: #000;
		--tw-prose-bullets: #000;
		--tw-prose-hr: #000;
		--tw-prose-quotes: #000;
		--tw-prose-quote-borders: #000;
		--tw-prose-captions: #000;
		--tw-prose-kbd: #111827;
		--tw-prose-kbd-shadows: 17 24 39;
		--tw-prose-code: #000;
		--tw-prose-pre-code: #000;
		--tw-prose-pre-bg: #000;
		--tw-prose-th-borders: #000;
		--tw-prose-td-borders: #000;
		--tw-prose-invert-body: #000;
		--tw-prose-invert-headings: #000;
		--tw-prose-invert-lead: #000;
		--tw-prose-invert-links: #000;
		--tw-prose-invert-bold: #000;
		--tw-prose-invert-counters: #000;
		--tw-prose-invert-bullets: #000;
		--tw-prose-invert-hr: #000;
		--tw-prose-invert-quotes: #000;
		--tw-prose-invert-quote-borders: #000;
		--tw-prose-invert-captions: #000;
		--tw-prose-invert-kbd: #fff;
		--tw-prose-invert-kbd-shadows: 255 255 255;
		--tw-prose-invert-code: #000;
		--tw-prose-invert-pre-code: #000;
		--tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
		--tw-prose-invert-th-borders: #000;
		--tw-prose-invert-td-borders: #000;
		font-size: 1rem;
		line-height: 1.75;
	}

	.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
		margin-top: 0;
	}

	.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
		margin-bottom: 0;
	}

	.heading-md {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}

	.heading-md {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: 500;
	}

	.prose p {
		font-weight: 300;
	}

	.prose p {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}

	.prose.prose-small p {
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 1.5rem;
		line-height: 1.28;
	}

	.faq-section-shell {
		padding-bottom: 2rem;
		padding-top: 2rem;
		position: relative;
	}

	@media (min-width:640px) {
		.faq-section-shell {
			padding-bottom: 3rem;
			padding-top: 3rem;
		}
	}

	@media (min-width:768px) {
		.faq-section-shell {
			padding-bottom: 4rem;
			padding-top: 4rem;
		}
	}

	@media (min-width:1024px) {
		.faq-section-shell {
			padding-bottom: 5rem;
			padding-top: 5rem;
		}
	}

	@media (min-width:1280px) {
		.faq-section-shell {
			padding-bottom: 6rem;
			padding-top: 6rem;
		}
	}

	@media (min-width:1536px) {
		.faq-section-shell {
			padding-bottom: 7rem;
			padding-top: 7rem;
		}
	}

	.splide__pagination {
		bottom: 0;
		position: relative;
	}

	.splide__pagination>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(1rem*var(--tw-space-x-reverse));
	}

	@media (min-width:768px) {
		.splide__pagination>:not([hidden])~:not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
			margin-right: calc(1.5rem*var(--tw-space-x-reverse));
		}
	}

	.splide__pagination__page.is-active {
		--tw-border-opacity: 1;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0/var(--tw-bg-opacity));
		border-color: rgb(0 0 0/var(--tw-border-opacity));
		transform: none;
	}

	.relative {
		position: relative;
	}

	.mb-2 {
		margin-bottom: .5rem;
	}

	.mt-1 {
		margin-top: .25rem;
	}

	.mt-2 {
		margin-top: .5rem;
	}

	.flex {
		display: flex;
	}

	.w-full {
		width: 100%;
	}

	.shrink-0 {
		flex-shrink: 0;
	}

	.rotate-180 {
		--tw-rotate: 180deg;
	}

	.rotate-180 {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}

	.flex-row-reverse {
		flex-direction: row-reverse;
	}

	.flex-col {
		flex-direction: column;
	}

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

	.justify-between {
		justify-content: space-between;
	}

	.gap-4 {
		gap: 1rem;
	}

	.overflow-hidden {
		overflow: hidden;
	}

	.border-b {
		border-bottom-width: 1px;
	}

	.border-black {
		--tw-border-opacity: 1;
		border-color: rgb(0 0 0/var(--tw-border-opacity));
	}

	.border-grey-200 {
		--tw-border-opacity: 1;
		border-color: rgb(181 181 181/var(--tw-border-opacity));
	}

	.px-0 {
		padding-left: 0;
		padding-right: 0;
	}

	.pb-2 {
		padding-bottom: .5rem;
	}

	.pb-\[17px\] {
		padding-bottom: 17px;
	}

	.pl-10 {
		padding-left: 2.5rem;
	}

	.pt-\[14px\] {
		padding-top: 14px;
	}

	.text-left {
		text-align: left;
	}

	.text-04\.5 {
		font-size: 2rem;
		line-height: 2.3rem;
	}

	.font-medium {
		font-weight: 500;
	}

	.leading-8 {
		line-height: 2rem;
	}

	.text-black {
		--tw-text-opacity: 1;
		color: rgb(0 0 0/var(--tw-text-opacity));
	}

	.text-grey-400 {
		--tw-text-opacity: 1;
		color: rgb(45 45 48/var(--tw-text-opacity));
	}

	.opacity-50 {
		opacity: .5;
	}

	.transition-none {
		transition-property: none;
	}

	.accordion .accordion__item .theme-white {
		--tw-bg-opacity: 1 !important;
		background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
	}

	.accordion .accordion__item .accordion__body {
		max-height: 0;
		overflow: hidden;
		visibility: hidden;
	}

	.accordion .accordion__item .accordion__body .prose {
		--tw-scale-x: .95;
		--tw-scale-y: .95;
		opacity: 0;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transition-duration: .2s;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	}

	.accordion .accordion__item.active .accordion__body {
		max-height: 100%;
		visibility: visible;
	}

	.accordion .accordion__item.active .accordion__body .prose {
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		opacity: 1;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}

	.accordion.accordion-two-col .accordion__item .accordion__item-inner {
		--tw-border-opacity: 1;
		border-color: rgb(198 206 210/var(--tw-border-opacity));
	}

	.accordion.accordion-two-col .accordion__item:last-child .accordion__item-inner {
		border-bottom-width: 0;
	}

	@media (min-width:1280px) {
		section {
			scroll-margin-top: 6rem;
		}
	}

	#blocks-page.blocks-page {
		padding-top: 0;
		filter: grayscale(1);
	}

	#blocks-page.blocks-page .social-proof {
		margin-top: 50px;
	}

	#blocks-page.blocks-page .social-proof>p {
		margin-bottom: 15px;
	}

	#blocks-page.blocks-page :where(ol, ul) li {
		font-weight: 300;
	}

	.splide__arrow--next,
	.splide__arrow--prev {
		margin: -5px;
		padding: 5px;
	}

	.splide__pagination__page {
		background: transparent;
		border-color: transparent;
		padding: 14px;
		position: relative;
	}

	.splide__pagination__page:before {
		background-color: transparent;
		border: 2px solid #000;
		border-radius: 50%;
		content: "";
		display: block;
		height: 16px;
		left: 6px;
		position: absolute;
		top: 6px;
		width: 16px;
	}

	.splide__pagination__page.is-active {
		background-color: transparent;
		border-color: transparent;
	}

	.splide__pagination__page.is-active:before {
		background-color: #000;
	}

	.splide__pagination>:not([hidden])~:not([hidden]) {
		margin-left: 4px;
	}

	@media (min-width:768px) {
		.md\:mb-4 {
			margin-bottom: 1rem;
		}

		.md\:mt-0 {
			margin-top: 0;
		}

		.md\:mt-\[18px\] {
			margin-top: 18px;
		}

		.md\:pb-1 {
			padding-bottom: .25rem;
		}

		.md\:pb-6 {
			padding-bottom: 1.5rem;
		}

		.md\:pt-\[22px\] {
			padding-top: 22px;
		}

		.md\:text-06 {
			font-size: 3rem;
			line-height: 3rem;
		}

		.md\:leading-none {
			line-height: 1;
		}
	}

	@media (min-width:1024px) {
		.lg\:order-last {
			order: 9999;
		}

		.lg\:-mt-2\.5 {
			margin-top: -.625rem;
		}

		.lg\:mb-0 {
			margin-bottom: 0;
		}

		.lg\:w-1\/2 {
			width: 50%;
		}

		.lg\:max-w-7xl {
			max-width: 80rem;
		}

		.lg\:flex-row {
			flex-direction: row;
		}

		.lg\:gap-10 {
			gap: 2.5rem;
		}

		.lg\:px-4 {
			padding-left: 1rem;
			padding-right: 1rem;
		}

		.lg\:px-6 {
			padding-left: 1.5rem;
			padding-right: 1.5rem;
		}

		.lg\:pr-3 {
			padding-right: .75rem;
		}
	}

	@media (min-width:1280px) {
		.xl\:flex-\[0_0_400px\] {
			flex: 0 0 400px;
		}

		.xl\:gap-12 {
			gap: 3rem;
		}
	}
}

@media (min-width: 1024px) {
	.hero-banner.bkg-dft {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

@media all and (min-width: 2999.98px) {
	section.hero-banner.with-company-logos {
		background-size: 90%;
	}
}

@media (max-width: 1023.98px) {
	.page-id-8717 .hero-banner.with-company-logos {
		padding-bottom: 350px;
	}
}

@media (max-width: 767.98px) {
	.page-id-8717 .hero-banner.with-company-logos {
		padding-bottom: 0;
	}
}

.hero-banner.bkg-dft {
	background-image: url("/img/ai/background.png");
}

.hero-banner.spacing-dft {
	padding: 67px 0 79px;
}

.hero-banner.with-company-logos {
	padding: 80px 0 64px;
}

.hero-banner .hero-banner__inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.hero-banner .hero-banner__content {
	width: 50.82%;
	max-width: 620px;
}

.hero-banner .hero-banner__eyebrow {
	background: linear-gradient(86deg, #FFF 5.12%, #99B8FF 87.48%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.hero-banner .hero-banner__heading {
	font-family: 'Test Founders Grotesk', 'Founders Grotesk';
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	padding: 0 0 27px;
}

.hero-banner .hero-banner__features .hero-banner__feature {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 16px;
}

.hero-banner .hero-banner__features .hero-banner__feature:last-child {
	margin-bottom: 0;
}

.hero-banner .hero-banner__features .hero-banner__feature span {
	color: #FFF;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk';
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	width: calc(100% - 28px);
	padding-left: 12px;
}

.hero-banner .hero-banner__features .hero-banner__feature.no-icon span {
	padding-left: 0;
	width: 100%;
}

.hero-banner .cta-form {
	width: 100%;
	max-width: 580px;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	position: relative;
	margin: 28px 0;
}

.hero-banner .cta-form input {
	width: 69.311%;
	max-width: 402px;
	height: 48px;
	padding: 15px;
	border-radius: 0;
	border: 1px solid #FFF;
	outline: none;
	box-shadow: none;
	border-right: 0;
	color: #000;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.28;
}

.hero-banner .cta-form input::placeholder {
	color: #808080;
}

.hero-banner .cta-form input:focus::placeholder {
	color: #B5B5B5;
}

.hero-banner .cta-form .cta-button {
	margin-top: 0px !important;
	display: inline-flex;
	width: 30.689%;
	align-items: center;
	justify-content: center;
	align-content: center;
	background: #0042FF;
	border-radius: 0 3px 3px 0;
	color: #FFF;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk';
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.4;
	cursor: pointer;
	transition: all 0.25s ease;
}

.hero-banner .cta-form .cta-button:hover,
.hero-banner .cta-form .cta-button:active {
	background: #0036CC;
}

.hero-banner .integrations-row {
	width: 100%;
	max-width: 580px;
	display: flex;
	align-items: center;
}

.hero-banner .integrations-row__label {
	color: #FFAB41;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk';
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.28;
	letter-spacing: 0.65px;
	text-transform: uppercase;
	width: 94px;
	margin: 0 8px 0 0;
}

.hero-banner .integrations-row__icons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hero-banner .integrations-row__icons .integrations-row__item {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 3px;
}

.hero-banner.light-theme {
	background-color: #ffffff;
}

.hero-banner.light-theme .hero-banner__eyebrow {
	color: #0042FF;
	background: initial;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
}

.hero-banner.light-theme .hero-banner__heading {
	background: linear-gradient(90deg, #000 19.1%, #002EB2 80.25%);
	background-clip: text;
}

.hero-banner.light-theme .hero-banner__features .hero-banner__feature span {
	color: #2D2D30;
}

.hero-banner.light-theme .cta-form {
	box-shadow: none;
}

.hero-banner.light-theme .cta-form input {
	border: 1px solid #C6CED2;
}

.hero-banner.light-theme .integrations-row__label {
	color: #0042FF;
}

.hero-banner.light-theme .integrations-row__icons .integrations-row__item {
	fill: rgba(255, 255, 255, 0.80);
	filter: drop-shadow(0 4px 16px rgba(27, 27, 27, 0.12));
	backdrop-filter: blur(3px);
	background-color: rgba(255, 255, 255, 0.80);
}

.hero-banner .hero-banner__heading:not(.mx-animated-heading) {
	background: #FFFFFF;
	background: linear-gradient(86.35deg, #FFFFFF 5.12%, #99B8FF 87.48%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero-banner.light-theme .hero-banner__heading:not(.mx-animated-heading) {
	background: linear-gradient(90deg, #000 19.1%, #002EB2 80.25%);
	background-clip: text;
}

.hero-banner .client-logo-row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 72px;
	gap: 10px;
}

.hero-banner .client-logo-row img {
	display: block;
	max-height: 52px;
	height: 100%;
	opacity: 0.5;
}

@media (min-width: 1921px) {
	.hero-banner.bkg-dft {
		background-image: url(/img/bgl/AI-bg-large-desktop-1.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.hero-banner .client-logo-row {
		margin-top: 5vw;
	}
}

@media (max-width: 1023.98px) {
	.hero-banner.bkg-dft {
		background-image: url("/img/bgl/AI-bg-tablet.jpg");
		background-position: bottom center;
		position: relative;
		background-size: 100% auto;
	}

	.hero-banner.spacing-dft {
		padding: 41px 0 293px;
	}

	.hero-banner.with-company-logos {
		padding: 41px 0 415px;
		background-position: bottom 99px center;
	}

	.hero-banner .hero-banner__inner .hero-banner__content {
		max-width: 651px;
		margin: 0 auto;
	}

	.hero-banner .hero-banner__content {
		width: 100%;
		max-width: unset;
	}

	.hero-banner .cta-form {
		margin: 28px auto;
		justify-content: center;
	}

	.hero-banner .cta-form.no-left-margin {
		margin-left: 0;
	}

	.hero-banner .integrations-row {
		margin: 0 auto;
	}

	.hero-banner .integrations-row.no-left-margin {
		margin-left: 0;
	}

	.hero-banner .client-logo-row {
		position: absolute;
		bottom: 0;
		left: 0;
		background: #ffffff;
		padding: 32px 24px;
	}

	.hero-banner .client-logo-row img {
		max-height: 36px;
	}
}

@media (max-width: 767.98px) {
	.hero-banner.bkg-dft {
		background-image: url("/img/bgl/AI-bg-mobile.jpg");
		background-position: top center;
	}

	.hero-banner.spacing-dft {
		padding: 33px 0 0;
	}

	.hero-banner.light-theme .hero-banner__eyebrow {
		font-size: 16px;
		letter-spacing: 1.6px;
		line-height: 19px;
		margin-bottom: 16px;
	}

	.hero-banner.light-theme .hero-banner__heading {
		font-size: 32px;
		line-height: 32px;
		text-align: left;
		padding-bottom: 32px;
	}

	.hero-banner.with-company-logos {
		padding: 120px 0 0;
		background-position: top center;
	}

	.hero-banner .hero-banner__heading {
		text-align: center;
		font-size: 40px;
		padding-bottom: 31px;
	}

	.hero-banner .cta-form {
		max-width: unset;
		margin: 32px auto;
	}

	.hero-banner .cta-form {
		max-width: unset;
		margin: 32px auto;
	}

	.hero-banner .cta-form input {
		width: 100%;
		max-width: unset;
		border-right-width: 1px;
	}

	.hero-banner .cta-form .cta-button {
		width: 100%;
		height: 48px;
		margin-top: 16px;
		border-radius: 3px;
	}

	.hero-banner .integrations-row {
		flex-direction: column;
		max-width: 312px;
	}

	.hero-banner .integrations-row__label {
		width: 100%;
		text-align: center;
		margin: 0 0 16px;
	}

	.hero-banner .integrations-row__icons {
		justify-content: center;
		gap: 12px;
	}

	.hero-banner .integrations-row__icons .integrations-row__item {
		width: 42px;
		height: 42px;
		width: calc((100% / 6) - 12px);
	}

	.hero-banner .integrations-row.no-left-margin {
		margin-left: auto;
	}

	.hero-banner .client-logo-row {
		position: initial;
		padding: 24px 10px;
		justify-content: center;
		gap: 16px 40px;
		margin-top: 40px;
	}

	.hero-banner .client-logo-row img {
		max-height: 30px;
	}
}

.process-section.bkg-dft {
	background: #F5F6FC;
	position: relative;
}

.process-section.spacing-dft {
	padding: 80px 0;
}

.process-section .process-section__inner {
	width: 100%;
	max-width: 1280px;
	padding: 0 24px;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.process-section .process-section__title {
	color: #000;
	text-align: center;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk';
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 32px;
}

.process-section .process-section__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
}

.process-section .process-section__grid .process-card {
	width: calc(33.33% - 32px);
}

.process-section .process-section__grid .process-card img {
	width: 100%;
	height: 257px;
	object-fit: contain;
	border-radius: 3px;
}

.process-section .process-section__grid .process-card .process-card__title {
	color: #000;
	text-align: left;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk';
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	margin: 24px 0 12px;
	position: relative;
	padding-left: 25px;
}

.process-section .process-section__grid .process-card .process-card__title .index {
	margin-right: 8px;
	position: absolute;
	left: 0;
	top: 0;
}

.process-section .process-section__grid .process-card .process-card__body {
	overflow: hidden;
	color: #2D2D30;
	text-align: left;
	text-overflow: ellipsis;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 23.04px;
}

@media (max-width: 1023.98px) {
	.process-section.bkg-dft::before {
		height: 205px;
	}

	.process-section .process-section__grid {
		gap: 24px;
	}

	.process-section .process-section__grid .process-card {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.process-section .process-section__grid .process-card:nth-child(even) {
		flex-direction: row-reverse;
	}

	.process-section .process-section__grid .process-card img {
		width: 53.12%;
		max-width: 378.667px;
		object-position: left;
	}

	.process-section .process-section__grid .process-card:nth-child(even) img {
		object-position: right;
	}

	.process-section .process-section__grid .process-card .process-card__content {
		width: 42.96%;
	}

	.process-section .process-section__grid .process-card .process-card__title {
		font-size: 24px;
		text-align: left;
		margin: 0 0 12px;
		display: flex;
	}

	.process-section .process-section__grid .process-card .process-card__body {
		text-align: left;
	}
}

@media (max-width: 767.98px) {
	.process-section.spacing-dft {
		padding: 64px 0;
	}

	.process-section::before {
		display: none;
	}

	.process-section .process-section__title {
		font-size: 32px;
		margin-bottom: 24px;
	}

	.process-section .process-section__grid {
		gap: 0;
	}

	.process-section .process-section__grid .process-card {
		flex-direction: column !important;
		margin-bottom: 48px;
	}

	.process-section .process-section__grid .process-card:last-child {
		margin-bottom: 0;
	}

	.process-section .process-section__grid .process-card img {
		width: 100%;
		max-width: 311px;
		height: 217px;
		object-position: center;
	}

	.process-section .process-section__grid .process-card .process-card__content {
		width: 100%;
	}

	.process-section .process-section__grid .process-card .process-card__title {
		font-size: 20px;
		text-align: left;
		margin: 32px 0 12px;
		padding-left: 27px;
	}
}

.benefits-section.spacing-dft {
	padding: 69px 0 80px;
}

.benefits-section .benefits-section__inner {
	width: 100%;
	max-width: 1280px;
	padding: 0 24px;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.benefits-section .benefits-section__title {
	color: #000000;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	margin-bottom: 49px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.benefits-section .benefits-section__row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 24px;
}

.benefits-section .benefits-section__row .benefits-section__col .card {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: 100%;
}

.benefits-section .benefits-section__row .benefits-section__col .card .graphic {
	margin-top: auto;
}

.benefits-section .benefits-section__row .benefits-section__col {
	width: 54.222%;
	background-color: #F5F6FC;
	border-radius: 3px;
	overflow: hidden;
}

.benefits-section .card .title {
	padding: 32px 30px 0;
	color: #000000;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
}

.benefits-section .benefits-section__col:not(.user-col) .card .description {
	padding: 17px 32px 41px;
}

.benefits-section .card .description p {
	color: #2D2D30;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
}

.benefits-section .benefits-section__footer {
	text-align: center;
	padding-top: 32px;
}

.benefits-section .benefits-section__footer .cta-button {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background: #0042FF;
	color: #FFFFFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	padding: 10px 40px;
	letter-spacing: 0;
	border: none;
	min-width: 176px;
	transition: background 0.3s linear;
}

.benefits-section .benefits-section__footer .cta-button:hover {
	background: #0036CC;
}

.benefits-section .benefits-section__row.child-col-uneven:nth-child(even) .benefits-section__col:first-child,
.benefits-section .benefits-section__row.child-col-uneven:nth-child(odd) .benefits-section__col:last-child,
.benefits-section .benefits-section__row.child-col-uneven.child-col-reverse:nth-child(even) .benefits-section__col:last-child,
.benefits-section .benefits-section__row.child-col-uneven.child-col-reverse:nth-child(odd) .benefits-section__col:first-child {
	width: 54.222%;
}

.benefits-section .benefits-section__row.child-col-uneven:nth-child(even) .benefits-section__col:last-child,
.benefits-section .benefits-section__row.child-col-uneven:nth-child(odd) .benefits-section__col:first-child,
.benefits-section .benefits-section__row.child-col-uneven.child-col-reverse:nth-child(even) .benefits-section__col:first-child,
.benefits-section .benefits-section__row.child-col-uneven.child-col-reverse:nth-child(odd) .benefits-section__col:last-child {
	width: 43.832%;
}

@media (max-width: 1150.98px) {
	.benefits-section .benefits-section__row .benefits-section__col {
		width: 51% !important;
	}

	.benefits-section .benefits-section__row.child-col-uneven:nth-child(even) .benefits-section__col:first-child,
	.benefits-section .benefits-section__row.child-col-uneven:nth-child(odd) .benefits-section__col:last-child {
		width: 51% !important;
	}

	.benefits-section .benefits-section__row.child-col-uneven:nth-child(even) .benefits-section__col:last-child,
	.benefits-section .benefits-section__row.child-col-uneven:nth-child(odd) .benefits-section__col:first-child {
		width: 46% !important;
	}
}

@media (max-width: 1024.98px) {
	.benefits-section.spacing-dft {
		padding: 46px 0 56px;
	}

	.benefits-section .benefits-section__row {
		margin: 0;
	}

	.benefits-section .benefits-section__row .benefits-section__col {
		width: 100% !important;
		margin-bottom: 24px;
	}

	.benefits-section .card .title {
		padding: 32px 40px 0;
	}

	.benefits-section .benefits-section__col:not(.user-col) .card .description {
		padding: 17px 40px 41px;
	}

	.benefits-section .benefits-section__footer {
		padding-top: 34px;
	}

	.benefits-section .benefits-section__row.child-col-uneven:nth-child(even) .benefits-section__col:first-child,
	.benefits-section .benefits-section__row.child-col-uneven:nth-child(odd) .benefits-section__col:last-child,
	.benefits-section .benefits-section__row.child-col-uneven:nth-child(even) .benefits-section__col:last-child,
	.benefits-section .benefits-section__row.child-col-uneven:nth-child(odd) .benefits-section__col:first-child {
		width: 100% !important;
	}
}

@media (max-width: 640.98px) {
	.benefits-section.spacing-dft {
		padding: 48px 0 56px;
	}

	.benefits-section .benefits-section__title {
		font-size: 32px;
		margin-bottom: 44px;
	}

	.benefits-section .card .title {
		padding: 18px 20px 0;
		font-size: 24px;
		line-height: 24px;
	}

	.benefits-section .benefits-section__col:not(.user-col) .card .description {
		padding: 14px 20px 33px;
	}

	.benefits-section .benefits-section__footer {
		padding-top: 24px;
	}

	.benefits-section .benefits-section__footer .cta-button {
		width: 100%;
	}
}

.capabilities-section.bkg-dft {
	background-color: #F5F6FC;
}

.capabilities-section.spacing-dft {
	padding: 69px 0 56px;
}

.capabilities-section .capabilities-section__header {
	margin-bottom: 49px;
}

.capabilities-section .capabilities-section__title {
	color: #000000;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
}

.capabilities-section .capabilities-section__header .capabilities-section__description {
	display: block;
	max-width: 800px;
	width: 100%;
	margin: 20px auto 0;
}

.capabilities-section .capabilities-section__header .capabilities-section__description p {
	color: #000000;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
}

.capabilities-section .capabilities-section__inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1280px;
	padding: 0 24px;
	margin: 0 auto;
}

.capabilities-section__inner .capabilities-section__row {
	position: relative;
	padding-bottom: 67px;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion {
	max-width: 542px;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__header {
	display: block;
	max-height: 76px;
	padding: 17px 32px 18px 0;
	border-top: 1px solid #C6CED2;
	background-color: transparent;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__header h3 {
	color: #000;
	font-size: 24px;
	font-weight: 500;
	line-height: 100%;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active {
	background: transparent;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active .capabilities-accordion__header {
	max-height: 200px;
	border-top: 1px solid #c6ced2;
	background-color: transparent;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active .capabilities-accordion__header .capabilities-accordion__progress {
	position: absolute;
	width: 0px;
	height: 1px;
	background: #0042FF;
	top: -1px;
	left: 0;
	z-index: 1;
	-webkit-transition: 0.2s width linear;
	transition: 0.2s width linear;
	overflow: hidden;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active .capabilities-accordion__header:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 11.2954L11.2933 4L12.707 4L20 11.2951L18.5862 12.7093L13.9995 8.12132L12.9998 9.12132L12.9998 20L11.0004 20L11.0004 9.12132L10.0007 8.12132L5.41379 12.7096L4 11.2954Z' fill='black'/%3E%3C/svg%3E");
	top: calc(50% - 12px);
	opacity: 1;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active+.content .capabilities-accordion__header {
	border-top: 1px solid #c6ced2;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active .capabilities-accordion__content {
	max-height: initial;
	padding: 0 0 36px 0;
	margin-top: -9px;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active .capabilities-accordion__image {
	display: block;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__header:before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 12.7046L12.7067 20L11.293 20L4 12.7049L5.41384 11.2907L10.0005 15.8787L11.0002 14.8787L11.0002 4L12.9996 4L12.9996 14.8787L13.9993 15.8787L18.5862 11.2904L20 12.7046Z' fill='black'/%3E%3C/svg%3E");
	background-size: contain;
	position: absolute;
	top: calc(50% - 12px);
	right: 0;
	opacity: 0.5;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__content {
	max-height: 0px;
	overflow: hidden;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__content p {
	color: #2D2D30;
	font-size: 18px;
	font-weight: 400;
	line-height: 23.04px;
	margin-bottom: 24px;
	text-align: left;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__content p:last-of-type {
	margin-bottom: 12px;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__image {
	display: none;
	position: absolute;
	right: 0;
	z-index: 1;
	max-width: 700px;
	width: calc(100% - 582px);
	top: 0;
	-webkit-animation: fadeIn 0.5s forwards;
	animation: fadeIn 0.5s forwards;
}

.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__image picture {
	z-index: 1;
	position: relative;
}

.capabilities-section .cta-button {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background: #0042FF;
	color: #FFFFFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	padding: 10px 40px;
	letter-spacing: 0;
	border: none;
	min-width: 176px;
	margin-top: 33px;
	transition: background 0.3s linear;
}

.capabilities-section .cta-button:hover {
	background: #0036CC;
}

@media (min-width: 1600px) {
	.capabilities-section__inner {
		max-width: 1440px;
	}
}

@media (max-width: 1024.98px) {
	.capabilities-section.spacing-dft {
		padding: 45px 0 40px;
	}

	.capabilities-section .capabilities-section__inner {
		padding: 0 40px;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active .capabilities-accordion__content {
		margin-top: -7px;
		text-align: center;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__image {
		width: unset;
		position: unset;
		margin-bottom: 2px;
		margin-top: 23px;
		max-width: 720px;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__image img {
		border-radius: 16px;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion {
		max-width: 720px;
		margin-left: auto;
		margin-right: auto;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion__items>.content {
		position: relative;
	}

	.capabilities-section__inner .capabilities-section__row {
		padding-bottom: 0;
	}
}

@media (max-width: 767.98px) {
	.capabilities-section.spacing-dft {
		padding: 48px 0 34px;
	}

	.capabilities-section .capabilities-section__inner {
		padding: 0 24px;
	}

	.capabilities-section .capabilities-section__header {
		margin-bottom: 44px;
	}

	.capabilities-section .capabilities-section__title {
		font-size: 32px;
		padding: 0 20px;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__header {
		max-height: 88px;
		padding-top: 16px;
		padding-right: 48px;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content .capabilities-accordion__image {
		margin-bottom: 23px;
		margin-top: 18px;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__header h3 {
		font-size: 20px;
		display: block;
		line-height: 20px;
	}

	.capabilities-section .cta-button {
		margin: 0;
		width: 100%;
	}

	.capabilities-section__inner .capabilities-section__row .capabilities-accordion .capabilities-accordion__items>.content.active .capabilities-accordion__content {
		padding-bottom: 18px;
	}
}

.workflow-section.spacing-dft {
	padding: 72px 0 68px;
}

.workflow-section.bkg-dft {
	background: #ffffff;
}

.workflow-section__inner {
	width: 100%;
	max-width: 1280px;
	padding: 0 24px;
	margin: 0 auto;
	position: relative;
}

.workflow-section__header {
	margin-bottom: 50px;
}

.workflow-section__header h2 {
	color: #000;
	text-align: left;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	margin: 0 0 16px;
}

.workflow-section__header p {
	color: #2D2D30;
	text-align: left;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
	max-width: 500px;
	margin: 0;
}

.workflow-section .splide {
	margin-right: calc((-100vw + 1232px)/2);
	margin-left: -24px;
}

.workflow-section .splide__track {
	height: 100%;
}

.workflow-section .splide__track--draggable {
	padding: 0 0 28px 24px !important;
}

.workflow-card {
	max-width: 100%;
	width: 500px;
	padding: 50px 48px 48px;
	border-radius: 3px;
	border-top: 6px solid #1E8769;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(180deg, #1E8769 0%, rgba(255, 255, 255, 0.00) 100%);
	box-shadow: 0 12px 24px 0 rgba(30, 135, 105, 0.18);
	cursor: grab;
	height: 100%;
}

.splide__slide.is-prev .workflow-card {
	box-shadow: none !important;
}

.workflow-card__icon {
	margin-bottom: 24px;
}

.workflow-card__icon img {
	display: block;
	max-width: 56px;
}

.workflow-card h3 {
	color: #000;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	margin: 0 0 12px;
}

.workflow-card p {
	color: #2D2D30;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 16px;
}

.workflow-card p:last-of-type {
	margin-bottom: 0;
}

.workflow-section .splide__arrows {
	position: absolute;
	right: calc((100vw - 1232px)/2);
	top: -104px;
	width: 176px;
	display: flex;
	justify-content: space-between;
}

.workflow-section .splide__arrow {
	position: initial;
	margin: 0;
	transform: translate(0, 0);
	width: 72px;
	height: 48px;
	opacity: 1 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	background: #000 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.70457 -6.37786e-07L16 7.29325L16 8.70704L8.70488 16L7.29067 14.5862L11.8787 9.99955L10.8787 8.99985L1.6689e-07 8.99977L3.41683e-07 7.00037L10.8787 7.00045L11.8787 6.00075L7.29036 1.41379L8.70457 -6.37786e-07Z' fill='white'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	border: 1px solid #000;
	transition-duration: .05s;
}

.workflow-section .splide__arrow:hover {
	background-color: #2D2D30 !important;
}

.workflow-section .splide__arrow.splide__arrow--prev {
	transform: rotate(180deg);
}

.workflow-section .splide__arrow svg {
	opacity: 0;
	pointer-events: none;
}

@media (min-width: 767.98px) {
	.workflow-section__header {
		position: relative;
		z-index: 1;
	}

	.workflow-section__inner {
		overflow: hidden;
	}

	.workflow-section__inner:after {
		content: '';
		position: absolute;
		top: 0;
		right: -1px;
		height: 100%;
		width: 150px;
		background: linear-gradient(270deg, #ffffff, transparent);
	}
}

@media (max-width: 1280.98px) {
	.workflow-section .splide {
		margin-right: -24px;
	}

	.workflow-section .splide__arrows {
		right: 24px;
	}
}

@media (max-width: 1024.98px) {
	.workflow-section__header p {
		max-width: 460px;
	}
}

@media (max-width: 767.98px) {
	.workflow-section .splide__arrows {
		display: none;
	}
}

@media (max-width: 640.98px) {
	.workflow-section {
		padding: 56px 0 44px;
	}

	.workflow-section .splide {
		margin-left: -16px;
	}

	.workflow-section .splide__track--draggable {
		padding-left: 16px !important;
	}

	.workflow-section__header h2 {
		font-size: 32px;
		margin-bottom: 19px;
	}

	.workflow-section__header {
		margin-bottom: 40px;
	}

	.workflow-section__header h2 {
		padding: 0;
	}

	.workflow-card {
		padding: 18px 20px 24px;
	}

	.workflow-card h3 {
		font-size: 24px;
	}

	.workflow-card__icon {
		margin-bottom: 20px;
	}
}

.roi-section.bkg-dft {
	background-color: #f5f6fc;
}

.roi-section.spacing-dft {
	padding: 80px 0 96px;
}

.roi-section .roi-section__inner {
	display: block;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
}

.roi-section .roi-section__header {
	margin-bottom: 56px;
}

.roi-section .roi-section__title {
	color: #000000;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 48px;
	display: block;
	max-width: 800px;
	margin: 0 auto 20px;
}

.roi-section .roi-section__description p {
	color: #000000;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
	margin-bottom: 16px;
}

.roi-section .roi-section__description p:last-child {
	margin-bottom: 0;
}

.roi-section .roi-section__row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
	margin-bottom: 24px;
}

.roi-section .roi-section__row:last-child {
	margin-bottom: 0;
}

.roi-section .roi-section__row:nth-child(odd) {
	flex-direction: row-reverse;
}

.roi-section .roi-section__row:nth-child(even) .roi-section__col:first-child,
.roi-section .roi-section__row:nth-child(odd) .roi-section__col:first-child {
	width: 33.281%;
}

.roi-section .roi-section__row:nth-child(even) .roi-section__col:last-child,
.roi-section .roi-section__row:nth-child(odd) .roi-section__col:last-child {
	width: calc(100% - 33.281%);
}

.roi-section .roi-section__row .roi-section__col {
	padding: 0 12px;
}

.roi-section .roi-section__row .roi-section__col .roi-card {
	padding: 32px;
}

.roi-section .roi-card img.roi-card__icon {
	display: block;
	max-width: 56px;
	width: 100%;
}

.roi-section .roi-card__content .roi-card__title {
	color: #000000;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 16px;
	margin-top: 24px;
	padding-right: 34px;
}

.roi-section .roi-card__content .roi-card__description p {
	color: #2D2D30;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 16px;
}

.roi-section .roi-card__content .roi-card__description p:last-child {
	margin-bottom: 0;
}

.roi-section .roi-card-split {
	background-color: #CDEAFA;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 100%;
	align-items: center;
}

.roi-section .roi-card-split .roi-card {
	display: block;
	width: 50%;
	max-width: 394px;
	margin-bottom: auto;
}

.roi-section .roi-card-split>img {
	display: block;
	width: 50%;
	max-width: 396px;
}

@media (max-width: 1024.98px) {

	.roi-section .roi-section__row:nth-child(even) .roi-section__col:first-child,
	.roi-section .roi-section__row:nth-child(odd) .roi-section__col:first-child,
	.roi-section .roi-section__row:nth-child(even) .roi-section__col:last-child,
	.roi-section .roi-section__row:nth-child(odd) .roi-section__col:last-child,
	.roi-section .roi-card-split .roi-card {
		width: 100%;
		max-width: 100%;
	}

	.roi-section .roi-section__row {
		margin: 0;
	}

	.roi-section .roi-section__row .roi-section__col {
		padding: 0;
		margin-bottom: 24px;
	}

	.roi-section .roi-card-split>img {
		display: none;
	}

	.roi-section .roi-section__row .roi-section__col .roi-card {
		display: flex;
		flex-wrap: wrap;
		align-items: start;
		padding: 24px 20px;
	}

	.roi-section .roi-card__content {
		display: block;
		width: calc(100% - 56px);
		padding-left: 20px;
	}

	.roi-section .roi-card__content .roi-card__title {
		margin-top: 0;
		margin-bottom: 8px;
	}

	.roi-section .roi-section__row:last-child .roi-section__col:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 640.98px) {
	.roi-section.spacing-dft {
		padding-top: 64px;
		padding-bottom: 72px;
	}

	.roi-section .roi-section__header {
		margin-bottom: 48px;
	}

	.roi-section .roi-section__title {
		font-size: 32px;
		line-height: 32px;
	}

	.roi-section .roi-card__content {
		width: 100%;
		padding: 0;
	}

	.roi-section .roi-card img.roi-card__icon {
		max-width: 48px;
	}

	.roi-section .roi-card__content .roi-card__title {
		padding: 0;
		margin-top: 20px;
		font-size: 28px;
		line-height: 28px;
	}
}

#security-section.security-section {
	display: block;
	max-width: 100vw;
	overflow: hidden;
}

#security-section.security-section.bkg-dft {
	background: #ffffff;
}

.security-section.spacing-dft {
	padding: 60px 0px;
}

.security-section__container {
	width: 100%;
	max-width: 1280px;
	padding: 0 24px;
	margin: auto;
}

.security-section__layout {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 55px;
	align-self: stretch;
}

.security-section__image-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 610px;
	flex: none;
}

.security-section__image {
	display: block;
	max-width: 100%;
	height: auto;
}

.security-section__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
}

.security-section__title {
	align-self: stretch;
	color: #000;
	text-align: left;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk', Founders Grotesk, ui-sans-serif, system-ui, sans-serif;
	font-size: 48px;
	line-height: 48px;
	font-weight: 500;
	margin: 0 0 20px;
	padding: 0;
}

.cta-button {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background: #0042FF;
	color: #FFFFFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	padding: 10px 40px;
	margin-top: 20px;
	letter-spacing: 0;
	border: none;
	min-width: 176px;
	transition: background 0.3s linear;
}

.cta-button:hover {
	background: #0036CC;
}

.security-section .security-section__description p,
.security-section .security-section__description a,
.security-section .security-section__description li {
	color: #000000;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
}

.security-section .security-section__description p,
.security-section .security-section__description ul {
	margin-bottom: 12px;
}

.security-section .security-section__description li {
	position: relative;
	padding-left: 30px;
}

.security-section .security-section__description li:before {
	content: '';
	position: absolute;
	left: 13px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background: #000000;
	border-radius: 50%;
}

.security-section .security-section__description a {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}

.security-section .security-section__description a:hover {
	color: #000000;
	text-decoration: none;
}

@media all and (max-width: 1279.98px) {
	#security-section.security-section.spacing-dft {
		padding: 60px 0px;
	}

	.security-section__layout {
		max-width: 720px;
		margin: 0 auto;
		flex-direction: column-reverse;
		align-items: center;
		gap: 0px;
	}

	.security-section.security-section--stacked .security-section__layout {
		flex-direction: column;
	}

	.security-section.security-section--stacked .security-section__content {
		margin-bottom: 0;
		margin-top: 8px;
	}

	.security-section__image-wrap {
		width: 100%;
		max-width: 610px;
		margin: 0 auto;
	}

	.security-section__content {
		align-items: center;
		margin-bottom: 64px;
	}

	.security-section__title {
		text-align: center;
		margin: 0 0 32px;
	}

	.security-section.security-section--with-description .security-section__title {
		text-align: left;
	}
}

@media all and (max-width: 639.98px) {
	#security-section.security-section.spacing-dft {
		padding: 64px 0px;
	}

	.security-section__layout {
		gap: 0;
	}

	.security-section__image-wrap {
		width: 100%;
		max-width: 610px;
		margin: 0 auto;
	}

	.security-section__content {
		align-items: flex-start;
	}

	.security-section__title {
		text-align: left;
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 16px;
	}

	.cta-button {
		padding: 10px 36px;
		min-width: 165px;
		margin-top: 16px;
	}
}

.reviews-section.spacing-dft {
	padding: 80px 0;
}

.reviews-section.bkg-dft {
	overflow: hidden;
	background: #f5f6fc;
	background-repeat: no-repeat;
	background-size: auto 420px;
	background-position: bottom center;
}

.reviews-section .reviews-section__inner {
	width: 100%;
	max-width: 1280px;
	padding: 0 24px;
	margin: 0 auto;
	position: relative;
}

.reviews-section .reviews-section__title {
	color: #000000;
	text-align: center;
	font-size: var(--Headlines-48, 48px);
	font-style: normal;
	font-weight: 500;
	line-height: 48px;
	margin-bottom: 56px;
}

.reviews-section .review-card {
	width: 412px;
	min-height: 385px;
	height: 100%;
	padding: 32px 40px 40px;
	border-radius: 3px;
	background-color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	cursor: grab;
}

.reviews-section .review-card>* {
	pointer-events: none;
}

.reviews-section .reviews-section__slider {
	filter: drop-shadow(0 4px 8px rgba(0, 20, 77, 0.05)) drop-shadow(0 16px 24px rgba(0, 20, 77, 0.08));
	margin-right: calc((-100vw + 1232px) / 2);
}

.reviews-section .review-card .review-card__metric {
	display: flex;
	align-items: center;
	color: #0042FF;
	font-size: 60px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
	margin-bottom: 12px;
}

.reviews-section .review-card .review-card__metric span {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	padding-left: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.reviews-section .review-card .review-card__body {
	padding-bottom: 20px;
}

.reviews-section .review-card .review-card__body p {
	color: #000000;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 16px;
}

.reviews-section .review-card .review-card__body p:last-child {
	margin-bottom: 0;
}

.reviews-section .review-card .review-card__person {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	margin-top: auto;
}

.reviews-section .review-card .review-card__person img {
	display: block;
	max-width: 72px;
	width: 100%;
	border-radius: 3px;
}

.reviews-section .review-card .review-card__person .review-card__person-data {
	display: block;
	width: calc(100% - 72px);
	padding-left: 24px;
}

.reviews-section .reviews-section__pagination {
	margin-top: 40px;
}

.reviews-section .reviews-section__pagination .splide__pagination li {
	margin-right: 12px;
}

.reviews-section .reviews-section__pagination .splide__pagination li:last-child {
	margin-right: 0;
}

.reviews-section .reviews-section__pagination .splide__pagination button.splide__pagination__page {
	display: block;
	padding: 0;
	margin: 0;
	width: 4px;
	border-radius: 99px;
	opacity: 1;
	background: #000000;
	height: 4px;
	transition: background 0.3s ease, width 0.3s ease;
}

.reviews-section .reviews-section__pagination .splide__pagination button.splide__pagination__page.is-active {
	background: #000000;
	width: 40px;
}

.reviews-section .reviews-section__pagination .splide__pagination button.splide__pagination__page:before {
	display: none;
}

.reviews-section .review-card .review-card__person-data h4 {
	color: #000000;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 15px;
	margin-bottom: 16px;
}

.reviews-section .review-card .review-card__person-data p {
	color: #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
}

.reviews-section .review-card .review-card__person-data p strong {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	display: block;
}

@media (min-width: 767.98px) {
	.reviews-section .reviews-section__inner {
		overflow: hidden;
	}

	.reviews-section .reviews-section__inner:after {
		content: '';
		position: absolute;
		top: 0;
		right: -1px;
		height: 100%;
		width: 150px;
		background: linear-gradient(270deg, #f5f6fc, transparent);
	}
}

@media (max-width: 1280.98px) {
	.reviews-section .reviews-section__slider {
		margin-right: initial;
		margin-right: -24px;
	}
}

@media (max-width: 767.98px) {
	.reviews-section.spacing-dft {
		padding: 64px 0;
	}

	.reviews-section .review-card {
		width: 100%;
		min-height: 282px;
		padding: 24px 20px 28px;
	}

	.reviews-section .reviews-section__slider {
		margin-right: initial;
		margin-right: initial;
	}

	.reviews-section .reviews-section__slider .splide__slide {
		width: 100%;
	}

	.reviews-section .review-card .review-card__person img {
		max-width: 72px;
		border-radius: 2.3px;
	}

	.reviews-section .review-card .review-card__person .review-card__person-data {
		max-width: calc(100% - 72px);
		width: 100%;
		padding-left: 16px;
	}

	.reviews-section .review-card .review-card__person-data p {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.reviews-section .review-card .review-card__person-data h4 {
		font-size: 20px;
		line-height: 15px;
		margin-bottom: 12px;
	}

	.reviews-section .review-card .review-card__person-data p strong {
		line-height: 18px;
	}

	.reviews-section .review-card .review-card__metric {
		font-size: 56px;
	}

	.reviews-section .review-card .review-card__metric span {
		font-size: 18px;
		line-height: 120%;
		letter-spacing: 1.44px;
	}

	.reviews-section .reviews-section__title {
		font-size: 32px;
		line-height: 32px;
	}
}

.badges-section.spacing-dft {
	padding: 80px 0;
}

.badges-section .badges-section__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1280px;
	padding: 0 24px;
	margin: 0 auto;
	gap: 56px;
}

.badges-section .badges-section__content,
.badges-section .badges-section__graphic {
	display: block;
	width: calc(50% - 28px);
}

.badges-section .badges-section__content h2 {
	color: #000000;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 48px;
	margin: 0;
}

.badges-section .badges-section__graphic ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 0 30px;
}

.badges-section .badges-section__graphic li {
	display: block;
	width: calc(100% / 5);
	padding: 24px 10px;
}

.badges-section .badges-section__graphic li img {
	display: block;
	max-width: 96px;
	width: 100%;
	margin: auto;
}

.badges-section .badges-section__graphic .badges-section__graphic-wrap {
	display: block;
	margin: -24px -10px;
}

.badges-section.badges-section--panel {
	padding-top: 96px;
	padding-bottom: 96px;
}

.badges-section.badges-section--panel .badges-section__panel {
	background-image: url("/img/bgl/roi-bg-desktop-scaled.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.badges-section.badges-section--panel .badges-section__panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 56px;
	padding: 80px 48px;
}

.badges-section.badges-section--panel .badges-section__content {
	width: calc(36.356% - 28px);
}

.badges-section.badges-section--panel .badges-section__graphic {
	width: calc((100% - 36.356%) - 28px);
}

.badges-section.badges-section--panel .badges-section__content h2 {
	font-size: 40px;
	font-style: normal;
	font-weight: 300;
	line-height: 40px;
}

@media (min-width: 1600px) {
	.badges-section.badges-section--panel .badges-section__panel {
		background-image: url("/img/bgl/roi-bg-large-desktop-scaled.jpg");
	}
}

@media (max-width: 1279.98px) {
	.badges-section .badges-section__graphic ul {
		justify-content: center;
	}
}

@media (max-width: 1024.98px) {

	.badges-section .badges-section__content,
	.badges-section .badges-section__graphic {
		width: 100%;
	}

	.badges-section .badges-section__inner {
		gap: 0;
	}

	.badges-section .badges-section__content h2 {
		padding: 0 50px;
		text-align: center;
		margin-bottom: 56px;
	}

	.badges-section .badges-section__graphic ul {
		padding: 0 24px;
		justify-content: center;
	}

	.badges-section .badges-section__graphic li {
		width: calc(100% / 4);
		padding: 10px 24px;
	}

	.badges-section.badges-section--panel {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.badges-section.badges-section--panel .badges-section__panel {
		background-image: url("/img/bgl/roi-bg-tablet.jpg");
		padding: 48px 32px;
		gap: 32px;
	}

	.badges-section.badges-section--panel .badges-section__content h2 {
		padding: 0;
		margin: 0;
	}

	.badges-section.badges-section--panel .badges-section__graphic .badges-section__graphic-wrap {
		margin: 0;
	}

	.badges-section.badges-section--panel .badges-section__content {
		width: 100%;
		max-width: 512px;
		margin-left: auto;
		margin-right: auto;
	}

	.badges-section.badges-section--panel .badges-section__graphic {
		width: 100%;
	}
}

@media (max-width: 640.98px) {
	.badges-section.spacing-dft {
		padding: 64px 0;
	}

	.badges-section .badges-section__content h2 {
		font-size: 32px;
		line-height: 32px;
		padding: 0;
	}

	.badges-section .badges-section__graphic ul {
		padding: 0 31px;
	}

	.badges-section .badges-section__graphic li {
		width: calc(100% / 3);
		padding: 10px;
	}

	.badges-section .badges-section__graphic .badges-section__graphic-wrap {
		margin: -10px;
	}

	.badges-section.badges-section--panel {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.badges-section.badges-section--panel .badges-section__panel {
		padding: 48px 16px;
	}

	.badges-section.badges-section--panel .badges-section__content h2 {
		font-size: 28px;
		font-style: normal;
		font-weight: 300;
		line-height: 28px;
	}

	.badges-section.badges-section--panel .badges-section__graphic ul {
		padding: 0;
	}
}

.platform-section {
	display: block;
	max-width: 100vw;
	overflow: hidden;
}

.platform-section.bkg-dft {
	background: #FFF;
}

.platform-section.spacing-dft {
	padding: 80px 0px;
}

.platform-section__container {
	width: 100%;
	max-width: 1280px;
	padding: 0 24px;
	margin: auto;
}

.platform-section__title {
	align-self: stretch;
	color: #000;
	text-align: center;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk', Founders Grotesk, ui-sans-serif, system-ui, sans-serif;
	font-size: 48px;
	line-height: 48px;
	font-weight: 500;
	margin: 0 0 56px;
	padding: 0;
}

.platform-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 3px;
	padding: 24px;
}

.platform-card .platform-card__image {
	display: flex;
	flex-direction: column;
	align-self: stretch;
}

.platform-card .platform-card__image img {
	display: flex;
	align-self: stretch;
}

.platform-card .platform-card__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	flex: 1;
}

.platform-card .platform-card__content h3 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	color: #000;
	text-align: left;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk', Founders Grotesk, ui-sans-serif, system-ui, sans-serif;
	font-size: 28px;
	line-height: 28px;
	font-weight: 500;
	margin: 0 0 0px;
	padding: 32px 0 16px 0;
}

.platform-card .platform-card__content div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	flex: 1;
}

.platform-card .platform-card__content p {
	color: #2D2D30;
	text-align: left;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk', Founders Grotesk, ui-sans-serif, system-ui, sans-serif;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	margin: 0 0 0px;
	padding: 0 0 0 0;
}

.platform-card .platform-card__content a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	color: #0042FF;
	text-align: left;
	font-family: 'Test Founders Grotesk', 'Founders Grotesk', Founders Grotesk, ui-sans-serif, system-ui, sans-serif;
	font-size: 18px;
	line-height: 23.04px;
	font-weight: 500;
	margin-top: 24px;
	text-decoration: underline;
	position: relative;
	padding-right: 21px;
}

.platform-card .platform-card__content a:hover svg {
	right: -0.25rem;
}

.platform-card .platform-card__content svg {
	width: 20px;
	height: 20px;
	transform: rotate(0deg);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	transition: right 0.1s ease-in-out;
}

.platform-card .platform-card__content svg path {
	fill: #0042FF;
}

.platform-card .platform-card__content a:hover {
	color: #0036cc;
}

.platform-card .platform-card__content a:hover svg path {
	fill: #0036cc;
}

.platform-section__slider.splide.slider-static {
	visibility: visible;
}

.platform-section__slider.splide.slider-static~.platform-section__pagination {
	display: none;
}

.platform-section__slider.splide.slider-static .splide__list {
	display: flex;
	gap: 48px;
}

.platform-section__slider.splide.slider-static .splide__slide {
	display: flex;
	flex: 1;
}

@media all and (max-width: 1279.98px) {
	.platform-section__slider.splide.slider-static .splide__list {
		gap: 16px;
	}
}

@media all and (max-width: 1023.98px) {
	.platform-card {
		flex-direction: row;
		align-items: center;
		gap: 24px;
	}

	.platform-section__slider.splide.slider-static .splide__slide:nth-child(even) .platform-card {
		flex-direction: row-reverse;
	}

	.platform-card .platform-card__image {
		flex: initial;
		max-width: 330px;
	}

	.platform-card .platform-card__content {
		justify-content: center;
	}

	.platform-card .platform-card__content h3 {
		padding-top: 0;
	}

	.platform-card .platform-card__content div {
		flex: initial;
	}

	.platform-section__slider.splide.slider-static .splide__list {
		flex-direction: column;
		align-items: flex-start;
		gap: 48px;
		align-self: stretch;
	}

	.platform-section__slider.splide.slider-static .splide__slide {
		display: flex;
		flex-direction: column;
		align-self: stretch;
	}
}

@media all and (max-width: 743.98px) {
	.platform-section.spacing-dft {
		padding: 64px 0px;
	}

	.platform-section__title {
		font-size: 32px;
		line-height: 32px;
		margin: 0 0 48px;
	}

	.platform-card {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		padding: 24px 24px 28px;
	}

	.platform-section__slider.splide.slider-static .splide__slide:nth-child(even) .platform-card {
		flex-direction: column;
	}

	.platform-card .platform-card__image {
		max-width: 100%;
	}

	.platform-card .platform-card__content h3 {
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 12px;
	}

	.platform-card .platform-card__content p {
		font-size: 18px;
		line-height: 23.04px;
	}

	.platform-section__slider.splide.slider-static .splide__list {
		gap: 40px;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(-5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.main-cta-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 24px 26px;
}

.main-cta-card h2 {
	font-size: clamp(1.5rem, 2.4vw, 2.3rem);
	max-width: 700px;
}

@media (max-width:980px) {

	.main-body-band,
	.main-story-grid,
	.main-proof-panel,
	.main-contact-shell {
		grid-template-columns: 1fr;
	}

	.main-framework-grid,
	.main-proof-metrics {
		grid-template-columns: 1fr;
	}

	.main-cta-card {
		flex-direction: column;
		align-items: flex-start;
	}
}


:root {
	--bg: #f7f7f5;
	--surface: #ffffff;
	--ink: #0e0e0e;
	--muted: #5a5a5a;
	--line: rgba(0, 0, 0, .12);
	--accent: #111111;
	--accent-2: #1f1f1f;
	--shadow: 0 10px 30px rgba(0, 0, 0, .08);
	--radius: 16px;
	--radius-lg: 22px;
	--max: 1200px;
}

* {
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

body {
	margin: 0;
	font-family: "Lato", system-ui, sans-serif;
	background: var(--bg);
	color: var(--ink);
	line-height: 1.6
}

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

.page {
	max-width: var(--max);
	margin: 0 auto;
	padding: 0 20px
}

.top-note {
	background: #101010;
	color: #fff;
	font-size: .9rem
}

.top-note .page {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px
}

.top-note a {
	font-weight: 600
}

header {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(247, 247, 245, .9);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--line)
}

.nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0
}

.brand {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700
}

.brand img {
	border-radius: 50%
}

nav {
	display: flex;
	gap: 18px;
	align-items: center
}

nav a {
	font-size: .95rem;
	color: var(--muted)
}

nav a:hover {
	color: var(--ink)
}

.nav-cta {
	display: flex;
	gap: 10px;
	align-items: center
}

.hero-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: #fff;
	font-weight: 600
}

.btn.primary {
	background: var(--accent);
	color: #fff;
	border-color: var(--accent)
}

.btn.ghost {
	background: transparent
}

.mobile-toggle {
	display: none;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 999px;
	padding: 8px 10px
}

.mobile-menu {
	display: none;
	padding: 12px 0;
	border-top: 1px solid var(--line)
}

[hidden] {
	display: none !important
}

.mobile-menu a {
	display: block;
	padding: 10px 0;
	color: var(--muted)
}

.hero {
	padding: 90px 0 50px
}

.hero-grid {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 28px;
	align-items: center
}

.hero h1 {
	font-size: clamp(2.4rem, 4.8vw, 4.2rem);
	line-height: 1.1;
	margin: .2rem 0 1rem
}

.hero p {
	color: var(--muted);
	margin: 0 0 1.2rem
}

.hero .lead {
	max-width: 60ch
}

.hero-panel {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	padding: 22px;
	box-shadow: var(--shadow)
}

.hero-panel h3 {
	margin: .2rem 0 .6rem
}

.hero-kpis {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 16px
}

.kpi {
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 12px;
	background: #fafafa
}

.kpi strong {
	display: block
}

/* .section{padding:56px 0} */
.section-head {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: end;
	margin-bottom: 18px
}

.section-head h2 {
	margin: 0;
	font-size: clamp(1.6rem, 3vw, 2.4rem)
}

.kicker {
	font-size: .78rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--muted);
	font-weight: 700
}

.cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px
}

.card {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 18px;
	box-shadow: var(--shadow)
}

.card h3 {
	margin: .2rem 0 .6rem
}

.card p {
	color: var(--muted);
	margin: 0
}

.media {
	margin: 10px 0;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--line);
	aspect-ratio: 16/9;
	background: #e9e9e9
}

.media img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.band {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	padding: 24px
}

.grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px
}

.pricing {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px
}

.pricing .card {
	min-height: 160px;
	display: flex;
	flex-direction: column
}

.pricing .card span {
	margin-top: auto;
	font-weight: 600
}

.model-grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 20px;
	align-items: start
}

.model-intro {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	padding: 22px;
	box-shadow: var(--shadow)
}

.model-intro p {
	color: var(--muted)
}

.model-stack {
	display: grid;
	gap: 12px
}

.model-item {
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 16px;
	background: #fff;
	display: grid;
	gap: 6px
}

.model-item strong {
	font-size: .9rem;
	color: var(--muted);
	letter-spacing: .08em;
	text-transform: uppercase
}

.model-item h3 {
	margin: .1rem 0 .2rem
}

.team-stack {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px
}

.team-card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: start
}

.team-badge {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #111;
	color: #fff;
	display: grid;
	place-items: center;
	font-weight: 700
}

.quote-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px
}

.quote-card {
	border-left: 3px solid #111
}

.insight-grid {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 16px
}

.insight-stack {
	display: grid;
	gap: 12px
}

.insight-mini {
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 14px;
	background: #fff
}

.contact-band {
	background: #111;
	color: #fff;
	border-radius: var(--radius-lg);
	padding: 28px
}

.contact-band .kicker {
	color: #cfcfcf
}

.contact-band input,
.contact-band textarea {
	border: 1px solid rgba(255, 255, 255, .2);
	background: #121212;
	color: #fff
}

.contact-band .btn.primary {
	background: #fff;
	color: #111;
	border-color: #fff
}

.team-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px
}

.testimonial-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px
}

blockquote {
	margin: 8px 0 0;
	color: var(--muted)
}

.resource-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px
}

.article-thumb {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	border-radius: 12px;
	border: 1px solid var(--line);
	margin-bottom: 10px
}

.final-panel {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	padding: 22px;
	box-shadow: var(--shadow)
}

.contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 12px 14px;
	font: inherit
}

footer {
	margin-top: 60px;
	background: #0f0f0f;
	color: #f5f5f5;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr));
	gap: 20px;
	padding: 32px 0
}

.footer-grid p {
	color: #cfcfcf
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 6px
}

.footer-links a {
	color: #cfcfcf
}

.footer-links a:hover {
	color: #ffffff
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .15);
	padding: 16px 0;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap
}

footer input {
	background: #1a1a1a;
	border: 1px solid rgba(255, 255, 255, .2);
	color: #fff;
	border-radius: 12px;
	padding: 10px 12px;
	font: inherit
}

.modal {
	position: fixed;
	inset: 0;
	display: none;
	place-items: center;
	background: rgba(0, 0, 0, .6);
	z-index: 80;
	padding: 20px
}

.modal.is-open {
	display: grid
}

.modal-panel {
	background: #fff;
	border-radius: 16px;
	max-width: 760px;
	width: min(92vw, 760px);
	padding: 22px;
	position: relative
}

.modal-panel.dark {
	background: #111;
	color: #fff
}

.modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 999px;
	width: 34px;
	height: 34px;
	cursor: pointer
}

.need-rail {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px
}

@media (max-width:1024px) {

	.hero-grid,
	.grid-2,
	.pricing,
	.team-grid,
	.testimonial-grid,
	.resource-grid,
	.cards,
	.need-rail,
	.model-grid,
	.team-stack,
	.quote-grid,
	.insight-grid {
		grid-template-columns: 1fr 1fr
	}

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

	.model-grid {
		grid-template-columns: 1fr
	}

	.insight-grid {
		grid-template-columns: 1fr
	}
}

@media (max-width:820px) {

	nav,
	.nav-cta {
		display: none
	}

	.mobile-toggle {
		display: inline-flex
	}

	.mobile-menu {
		display: block
	}

	.hero-grid,
	.grid-2,
	.cards,
	.need-rail,
	.pricing,
	.team-grid,
	.testimonial-grid,
	.resource-grid,
	.team-stack,
	.quote-grid,
	.insight-grid {
		grid-template-columns: 1fr
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width:560px) {
	.footer-grid {
		grid-template-columns: 1fr
	}
}

.reveal-item {
	opacity: 0;
	transform: translateY(18px);
	transition: all .5s ease
}

.reveal-item.in-view {
	opacity: 1;
	transform: none
}

.section-hero,
.section_logos,
.travertine_100-2,
.section-tab-content,
.cs-slider-home,
.section-footer-cta {
	padding: 64px 0
}

.container-hero,
.container-main-2,
.logos_container-4,
.cs-container,
.container-footer {
	width: min(1200px, 92%);
	margin: 0 auto
}

.section-hero {
	padding-top: 40px
}

.section-hero .heading-section-industry-2 {
	margin: .2rem 0 .8rem
}

.section_logos .grid_logos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 18px;
	align-items: center
}

.section_logos img {
	width: 100%;
	height: auto;
	object-fit: contain;
	filter: grayscale(1);
	opacity: .85
}

.grid-two-col-industry {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 28px;
	align-items: center
}

.grid-two-col-industry.direction-1 {
	grid-template-columns: .9fr 1.1fr
}

.grid-col-media-industry {
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 18px;
	overflow: hidden
}

.grid-col-text-industry {
	color: #f5f5f5
}

.heading-section-industry-2 {
	font-size: clamp(1.6rem, 2.6vw, 2.4rem);
	line-height: 1.2
}

.paragraph-body-industry-2 {
	color: #cfcfcf
}

.tab-grid {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 20px;
	align-items: start
}

.tabs-menu-4 {
	display: flex;
	flex-direction: column;
	gap: 10px
}

.tab-link-4 {
	display: block;
	padding: 12px 14px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, .1);
	color: #cfcfcf
}

.tab-link-4.w--current {
	background: #fff;
	color: #0c0c0c
}

.w-tab-content .w-tab-pane {
	display: none
}

.w-tab-content .w--tab-active {
	display: block
}

.tab-paragraph-2 {
	color: #cfcfcf
}

.tab-img-wrap-2 img {
	width: 100%;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, .08)
}

.cs-slider-home .swiper-div {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(240px, 1fr);
	gap: 16px;
	overflow-x: auto;
	padding-bottom: 10px
}

.cs-slider-home .swiper-style {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .12)
}

.cs-slider-home .slide-img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.cs-slider-home .slider-content-2 {
	position: absolute;
	inset: auto 0 0 0;
	padding: 14px;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7))
}

.cs-slider-home .slide-text-2 {
	color: #fff;
	font-weight: 700
}

.div-block-3950 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px
}

.div-block-3952 {
	display: grid;
	gap: 12px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 16px;
	padding: 14px;
	background: rgba(255, 255, 255, .02)
}

.div-block-3952 img {
	width: 100%;
	border-radius: 12px
}

.role-quote-2 {
	color: #f5f5f5
}

.div_home-quote {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: center
}

.img_quote-home {
	width: 100%;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, .1)
}

.text-quote-2 {
	font-size: 1.05rem;
	color: #f5f5f5
}

.title_quote-home-2 {
	color: #cfcfcf;
	margin-top: 8px
}

.section-footer-cta .container-footer {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .1)
}

.bg-img-footer {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	inset: 0;
	opacity: .4
}

.inner-wrapper-footer {
	position: relative;
	padding: 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px
}

.cta-text-footer {
	font-size: clamp(1.5rem, 2.6vw, 2.4rem);
	color: #fff;
	font-weight: 700
}

.sign-up-button.white-footer {
	background: #fff;
	color: #0c0c0c;
	border-radius: 999px;
	padding: 12px 18px;
	display: inline-block
}

.signup-button-text.white-footer {
	color: #0c0c0c;
	font-weight: 700
}

@media (max-width:900px) {

	.grid-two-col-industry,
	.tab-grid,
	.div_home-quote {
		grid-template-columns: 1fr
	}

	.inner-wrapper-footer {
		flex-direction: column;
		align-items: flex-start
	}
}

.section-split,
.section-process,
.section-results,
.section-contact {
	padding: 64px 0
}

.text-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 22px
}

.text-card {
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 16px;
	padding: 16px;
	background: rgba(255, 255, 255, .02)
}

.text-card h3 {
	margin: .2rem 0 .6rem
}

.text-card p {
	color: #cfcfcf
}

.split-grid {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 26px;
	align-items: center
}

.media-frame {
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, .12);
	overflow: hidden;
	background: rgba(255, 255, 255, .02)
}

.media-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.process-list {
	display: grid;
	gap: 10px;
	margin: 18px 0 0 0;
	padding-left: 18px;
	color: #cfcfcf
}

.process-list strong {
	color: #fff
}

.result-grid {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 22px;
	align-items: center;
	margin-top: 24px
}

.result-highlight {
	display: grid;
	gap: 12px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	padding: 14px;
	background: rgba(255, 255, 255, .02)
}

.result-highlight img {
	width: 100%;
	border-radius: 12px
}

.result-text p {
	color: #cfcfcf
}

.contact-shell {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: start
}

.cta-row {
	display: grid;
	grid-template-columns: 1.1fr auto;
	gap: 20px;
	align-items: center
}

@media (max-width:900px) {

	.text-grid,
	.split-grid,
	.result-grid,
	.contact-shell,
	.cta-row {
		grid-template-columns: 1fr
	}
}

.mxio-intro,
.mxio-how,
.mxio-benefits,
.mxio-accordion-wrap,
.mxio-proof,
.mxio-contact {
	width: min(1280px, 92%);
	margin-left: auto;
	margin-right: auto;
}

.mxio-shell {
	width: 100%;
}

.mxio-intro-panel,
.mxio-how,
.mxio-benefits,
.mxio-accordion-layout,
.mxio-proof-panel,
.mxio-contact-panel {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 24px;
	box-shadow: 0 14px 34px rgba(0, 20, 77, .08);
}

.mxio-intro-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
	gap: 28px;
	padding: 34px;
	background:
		radial-gradient(circle at top right, rgba(0, 66, 255, .12), transparent 34%),
		linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%);
}

.mxio-intro-copy,
.mxio-intro-side,
.mxio-accordion-copy,
.mxio-proof-copy,
.mxio-contact-copy {
	min-width: 0;
}

.mxio-eyebrow {
	margin: 0 0 12px;
	color: #0042ff;
	font: 700 .84rem/1.2 "Lato", sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.mxio-display,
.mxio-heading {
	margin: 0;
	color: #0f0f0f;
	letter-spacing: -.04em;
}

.mxio-display {
	max-width: 12ch;
	font: 900 clamp(2.5rem, 5vw, 4.6rem)/.98 "Lato", sans-serif;
}

.mxio-heading {
	font: 900 clamp(2rem, 3.2vw, 3rem)/1.02 "Lato", sans-serif;
}

.mxio-lead,
.mxio-copy {
	color: #2d3138;
	font-size: 1.09rem;
}

.mxio-lead {
	max-width: 66ch;
	margin: 18px 0 0;
}

.mxio-copy {
	margin: 18px 0 0;
}

.mxio-feature-list {
	display: grid;
	gap: 14px;
	margin-top: 22px;
}

.mxio-hero-banner__feature {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.mxio-hero-banner__feature p {
	margin: 0;
	color: #2d3138;
	font-size: 1.05rem;
}

.mxio-dot {
	width: 10px;
	height: 10px;
	margin-top: 9px;
	border-radius: 50%;
	flex: 0 0 auto;
	background: #0042ff;
	box-shadow: 0 0 0 6px rgba(0, 66, 255, .1);
}

.mxio-inline-cta {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 28px;
}

.mxio-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 176px;
	min-height: 50px;
	padding: 10px 28px;
	border: 1px solid #0042ff;
	border-radius: 8px;
	background: #0042ff;
	color: #fff;
	font: 700 1rem/1.2 "Lato", sans-serif;
	transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.mxio-button:hover {
	background: #0036cc;
	border-color: #0036cc;
	transform: translateY(-1px);
	box-shadow: 0 12px 24px rgba(0, 66, 255, .18);
}

.mxio-intro-side {
	display: grid;
	gap: 16px;
	align-content: start;
}

.mxio-mini-panel,
.mxio-chip-card,
.mxio-step-card,
.mxio-benefit-card,
.mxio-quote-card,
.mxio-accordion-item,
.mxio-proof-metric {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
}

.mxio-mini-panel {
	padding: 24px;
	border-radius: 18px;
}

.mxio-mini-label {
	display: inline-flex;
	padding: 6px 10px;
	border-radius: 999px;
	background: #f3f6ff;
	color: #0042ff;
	font: 700 .76rem/1 "Lato", sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.mxio-mini-panel h3 {
	margin: 16px 0 10px;
	color: #000;
	font: 800 1.6rem/1.05 "Lato", sans-serif;
	letter-spacing: -.03em;
}

.mxio-mini-panel p {
	margin: 0;
	color: #3d4149;
}

.mxio-chip-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.mxio-chip-card {
	min-height: 132px;
	padding: 18px;
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
}

.mxio-chip-card strong {
	display: block;
	margin-bottom: 10px;
	color: #111;
	font: 800 1rem/1.2 "Lato", sans-serif;
}

.mxio-chip-card span {
	display: block;
	color: #4c5058;
	font-size: .96rem;
}

.mxio-how,
.mxio-benefits,
.mxio-proof-panel,
.mxio-contact-panel {
	padding: 34px;
}

.mxio-how {
	background: #f5f6fc;
}

.mxio-benefits {
	background: #fff;
}

.mxio-section-top {
	max-width: 780px;
	margin-bottom: 22px;
}

.mxio-section-top.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.mxio-step-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.mxio-step-card {
	padding: 24px;
	border-radius: 18px;
	background: #fff;
}

.mxio-step-number {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: #111;
	color: #fff;
	font: 800 1rem/1 "Lato", sans-serif;
}

.mxio-step-card h3 {
	margin: 0 0 12px;
	color: #000;
	font: 800 1.35rem/1.05 "Lato", sans-serif;
	letter-spacing: -.03em;
}

.mxio-step-card p,
.mxio-benefit-card p {
	margin: 0;
	color: #3d4149;
}

.mxio-benefit-grid {
	display: grid;
	grid-template-columns: 1.08fr .92fr;
	gap: 16px;
	grid-auto-rows: minmax(190px, auto);
}

.mxio-benefit-card {
	padding: 28px;
	border-radius: 18px;
	overflow: hidden;
}

.mxio-benefit-card h3 {
	margin: 0 0 14px;
	color: #000;
	font: 800 clamp(1.4rem, 2vw, 2rem)/1 "Lato", sans-serif;
	letter-spacing: -.03em;
}

.mxio-benefit-card--large {
	grid-row: span 2;
}

.mxio-benefit-grid .mxio-benefit-card:last-child {
	grid-column: 1 / -1;
}

.mxio-tone-blue {
	background:
		linear-gradient(0deg, rgba(255, 255, 255, .84) 0%, rgba(255, 255, 255, .84) 100%),
		#65bff2;
}

.mxio-tone-cream {
	background:
		linear-gradient(0deg, rgba(255, 255, 255, .86) 0%, rgba(255, 255, 255, .86) 100%),
		#f7f1d1;
}

.mxio-tone-mint {
	background:
		linear-gradient(0deg, rgba(255, 255, 255, .84) 0%, rgba(255, 255, 255, .84) 100%),
		#dff3d6;
}

.mxio-tone-white {
	background: #f5f6fc;
}

.mxio-accordion-layout {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
	gap: 24px;
	padding: 34px;
	background: #f5f6fc;
}

.mxio-quote-card {
	margin-top: 22px;
	padding: 20px 22px;
	border-radius: 18px;
	border-left: 4px solid #0042ff;
}

.mxio-quote-card p {
	margin: 0;
	color: #1a1d22;
	font-size: 1.02rem;
}

.mxio-accordion-panel {
	display: grid;
	gap: 14px;
}

.mxio-accordion-item {
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 24px rgba(0, 20, 77, .05);
}

.mxio-accordion-item summary {
	position: relative;
	padding: 22px 64px 22px 22px;
	cursor: pointer;
	list-style: none;
	color: #000;
	font: 800 1.2rem/1.1 "Lato", sans-serif;
	letter-spacing: -.02em;
}

.mxio-accordion-item summary::-webkit-details-marker {
	display: none;
}

.mxio-accordion-item summary::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
	color: rgba(0, 0, 0, .55);
	font: 700 1.7rem/1 "Lato", sans-serif;
}

.mxio-accordion-item[open] summary::after {
	content: "-";
	color: #0042ff;
}

.mxio-accordion-body {
	padding: 0 22px 22px;
}

.mxio-accordion-body p {
	margin: 0;
	max-width: 62ch;
	color: #3d4149;
	font-size: 1.02rem;
}

.mxio-proof-panel {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
	gap: 26px;
	align-items: center;
	background: #fff;
}

.mxio-proof-media {
	overflow: hidden;
	min-height: 100%;
	border-radius: 18px;
	border: 1px solid rgba(0, 0, 0, .08);
	background: #e8edf8;
}

.mxio-proof-media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
}

.mxio-proof-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 22px;
}

.mxio-proof-metric {
	padding: 18px;
	border-radius: 16px;
}

.mxio-proof-metric strong {
	display: block;
	color: #111;
	font: 800 1rem/1.1 "Lato", sans-serif;
}

.mxio-proof-metric span {
	display: block;
	margin-top: 10px;
	color: #4b4f56;
	font-size: .95rem;
}

.mxio-contact-panel {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: 26px;
	align-items: start;
	background:
		radial-gradient(circle at top right, rgba(0, 66, 255, .1), transparent 30%),
		linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
}

.mxio-contact .contact-form {
	display: grid;
	gap: 12px;
}

.mxio-contact .contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.mxio-contact .contact-form input,
.mxio-contact .contact-form textarea {
	width: 100%;
	border: 1px solid #c6ced2;
	border-radius: 12px;
	background: #fff;
	color: #0f0f0f;
	padding: 14px 15px;
	font: 400 1rem/1.35 "Lato", sans-serif;
	transition: border-color .2s ease, box-shadow .2s ease;
}


.mxio-contact .contact-form input::placeholder,
.mxio-contact .contact-form textarea::placeholder {
	color: #7b8088;
}

.mxio-contact .contact-form input:focus,
.mxio-contact .contact-form textarea:focus {
	outline: none;
	border-color: #0042ff;
	box-shadow: 0 0 0 3px rgba(0, 66, 255, .12);
}

.mxio-contact .contact-form textarea {
	min-height: 150px;
	resize: vertical;
}

.office-region-label {
	margin-top: 10px;
}

.footer-bottom-links {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.video-frame-shell {
	position: relative;
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
	border-radius: 12px;
}

.video-frame {
	position: absolute;
	inset: -30% 0;
	width: 100%;
	height: 160%;
	border: 0;
}

@media (max-width:1080px) {

	.mxio-intro-panel,
	.mxio-accordion-layout,
	.mxio-proof-panel,
	.mxio-contact-panel {
		grid-template-columns: 1fr;
	}

	.mxio-step-grid,
	.mxio-proof-metrics {
		grid-template-columns: 1fr;
	}

	.mxio-benefit-grid {
		grid-template-columns: 1fr 1fr;
	}

	.mxio-benefit-card--large {
		grid-row: auto;
	}
}

@media (max-width:760px) {

	.mxio-intro-panel,
	.mxio-how,
	.mxio-benefits,
	.mxio-accordion-layout,
	.mxio-proof-panel,
	.mxio-contact-panel {
		padding: 24px 18px;
		border-radius: 20px;
	}

	.mxio-display {
		max-width: none;
		font-size: clamp(2rem, 10vw, 3rem);
	}

	.mxio-heading {
		font-size: clamp(1.7rem, 8vw, 2.4rem);
	}

	.mxio-chip-grid,
	.mxio-benefit-grid,
	.mxio-contact .contact-grid {
		grid-template-columns: 1fr;
	}

	.mxio-benefit-grid .mxio-benefit-card:last-child {
		grid-column: auto;
	}

	.mxio-accordion-item summary {
		padding-right: 56px;
		font-size: 1.05rem;
	}

	.mxio-proof-media img {
		min-height: 280px;
	}

	.mxio-inline-cta,
	.mxio-button {
		width: 100%;
	}
}
/* ── Moxo AI term inline dropdowns ─────────────────────────── */
.mx-term {
  position: relative;
  display: inline;
  cursor: pointer;
  border-bottom: 1px dashed currentColor;
  padding-bottom: 1px;
}
.mx-term-tip {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #1a1a1a;
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  padding: 8px 12px;
  border-radius: 6px;
  width: 230px;
  z-index: 200;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
  white-space: normal;
}
.mx-term-tip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1a1a1a;
}
.mx-term.is-open .mx-term-tip {
  display: block;
}

/* ── Moxo AI custom carousel overrides ───────────────────────── */
.splide__slide--clone {
  display: none !important;
}
.splide__track {
  overflow: hidden;
}
.splide__list {
  display: flex;
  will-change: transform;
  user-select: none;
  -webkit-user-select: none;
}
.splide__list:active {
  cursor: grabbing;
}