:root {
	--black: #000000;
	--white: #ffffff;
	--charcoal: #333333;
	--grey: #625C5C;
	--body-grey: #4F4F4F;
	--coral: #F38182;
	--cream: #F8F4EF;
	--gradient-brand: linear-gradient(90deg, #33D8DE 19%, #312F97 98%);
	--gradient-dark: linear-gradient(121.21deg, #045EA9 0%, #292788 88%);
	--glow-coral: radial-gradient(ellipse 50% 40% at 50% 2%, rgba(243, 129, 130, 0.06) 0%, rgba(243, 129, 130, 0) 62%);
	--font-head: "argent-cf", "Georgia", "Times New Roman", serif;
	--font-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--transition: all 0.6s;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
	font-family: var(--font-body);
	background: var(--cream);
	color: var(--body-grey);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: inherit;
}
ul {
	list-style: none;
}
.white-bg-section {
	background: var(--white) !important;
}
.blue-txt {
	color: #7FE3EC !important;
}
.purple-txt {
	color: #C6BAFF !important;
}
.pink-txt {
	color: #F5B8DE !important;
}
.orange-txt {
	color: #FFD974 !important;
}
.cyan-txt {
	color: #02A7A6 !important;
}
.light-gray-txt {
	color: rgba(0,0,0,0.18) !important;
}
.red-txt {
	color: var(--coral) !important;
}
.gradient-txt {
	font-style: italic;
	background: linear-gradient(90deg, #33D8DE 19%, #312F97 98%);
	background-clip: text;
	color: transparent;
}
.site-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	padding: 30px 0;
	-webkit-transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;
	transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;
	background: transparent;
}
.site-header.is-sticky {
	position: fixed;
	background: #fff;
	-webkit-box-shadow: 0 10px 24px rgba(40, 34, 88, 0.08);
	box-shadow: 0 10px 24px rgba(40, 34, 88, 0.08);
}
.site-header.is-sticky .main-nav a,
.site-header.is-sticky .nav-actions .sign-in,
.site-header.is-sticky .icon-search,
.site-header.white-bg-header .main-nav a,
.site-header.white-bg-header .nav-actions .sign-in,
.site-header.white-bg-header .icon-search {
	color: var(--charcoal);
}
.site-header.white-bg-header .btn-gradient:hover,
.site-header.is-sticky .btn-gradient:hover {
	color: #33D8DE;
	border-color: #33D8DE;
}
.site-header.white-bg-header .btn-gradient:hover .dot,
.site-header.is-sticky .btn-gradient:hover .dot {
	background: #33D8DE;
}
.site-header.white-bg-header .btn-gradient:hover .dot::before,
.site-header.is-sticky .btn-gradient:hover .dot::before {
	background: rgba(51, 216, 222, 0.25);
}
.site-header::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: calc(100% - 180px);
	max-width: 2080px;
	height: 1px;
	background: rgba(255, 255, 255, 0.65);
	pointer-events: none;
}
.site-header.menu-open::after {
	display: none;
}
.site-header .nav-inner {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 40px;
}
.site-logo img {
	display: block;
	width: 165px;
}
.main-nav {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.main-nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 46px;
	margin-bottom: 0;
}
.main-nav a {
	font-size: 16px;
	font-weight: 500;
	color: var(--white);
	transition: var(--transition);
	transition-duration: 0.25s;
}
.main-nav a:hover {
	opacity: 0.7;
}
.has-mega {
	position: static;
}
.has-mega>a {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 7px;
	cursor: pointer;
}
.has-mega .chev {
	width: 10px;
	height: 6px;
	stroke: currentColor;
	stroke-width: 1.8;
	fill: none;
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
}
.has-mega.open .chev {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.has-mega.open>a {
	opacity: 1;
}
.site-header.menu-open {
	background: #FBF8F3;
}
.site-header.menu-open .main-nav a,
.site-header.menu-open .nav-actions .sign-in,
.site-header.menu-open .icon-search {
	color: var(--charcoal);
}
.has-mega.open>a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -31px;
	height: 4px;
	border-radius: 4px;
	background: -webkit-linear-gradient(left, #33D8DE, #9B8CF0);
	background: linear-gradient(90deg, #33D8DE, #9B8CF0);
}
.mega {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	background: #FBF8F3;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 26px 44px rgba(30, 25, 80, 0.10);
	box-shadow: 0 26px 44px rgba(30, 25, 80, 0.10);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: opacity 0.28s ease, -webkit-transform 0.28s ease, visibility 0.28s;
	transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s;
	z-index: 40;
}
.has-mega.open .mega {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.mega-inner {
	max-width: 2260px;
	margin: 0 auto;
	padding: 70px 90px 46px;
	display: grid;
	grid-template-columns: 0.9fr 1.55fr 0.9fr 1.05fr;
	gap: 46px;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.mega-col-label {
	position: relative;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--coral);
	padding-bottom: 16px;
	margin-bottom: 20px;
}
.mega-col-label::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #B3B3B3;
}
.mega-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 14px;
	padding: 9px 0;
}
.mega-link .ico {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 49px;
	height: 49px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #ECE6DD;
}
.mega-link .ico i {
	font-size: 22px;
	line-height: 1;
	color: #33D8DE;
}
.mega-link .title {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.25;
	color: var(--charcoal);
}
.mega-link .desc {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 12.5px;
	line-height: 1.3;
	color: var(--body-grey);
	margin-top: 3px;
}
.mega-link:hover .title {
	color: #0FAEBB;
}
.mega-link.simple {
	padding: 10px 0;
}
.mega-link.simple .title {
	font-weight: 400;
	font-size: 15px;
	color: #4a4540;
}
.modules-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 26px;
}
.mega.cols-why .mega-inner {
	grid-template-columns: 1fr 1.2fr 1.1fr;
}
.mega.cols-resources .mega-inner {
	grid-template-columns: 1fr 1fr 1fr 1.05fr;
}
.mega-feature {
	border-radius: 20px;
	overflow: hidden;
	padding: 28px 28px 0;
	color: var(--charcoal);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: -webkit-linear-gradient(top, #FBE0EA 0%, #ECDAF4 100%);
	background: linear-gradient(180deg, #FBE0EA 0%, #ECDAF4 100%);
}
.mega-feature .feat-eyebrow {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 12px;
}
.mega-feature .feat-title {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 28px;
	line-height: 1.12;
	color: var(--charcoal);
}
.mega-feature .feat-title em {
	font-style: italic;
}
.mega-feature .feat-desc {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 13px;
	line-height: 1.45;
	color: var(--body-grey);
	margin-top: 14px;
}
.mega-feature .feat-link {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 9px;
	margin-top: 18px;
	padding: 11px 20px;
	border-radius: 100px;
	background: #FFFFFF99;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	color: var(--charcoal);
	border: solid 1px #FFC427;
	position: relative;
	overflow: hidden;
}
.mega-feature .feat-link::after {
    content: '';
	position: absolute;
	background: linear-gradient(85.98deg, #FFC427 0%, #FFB3B4 55.65%);
	width: 100%;
	height: 100%;
	border-radius: 100px;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .4s ease;
}
.mega-feature .feat-link:hover::after {
    transform: scaleX(1);
  	transform-origin: left;
}
.mega-feature .feat-link .dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: #F38182;
    border-radius: 50%;
    flex-shrink: 0;
    z-index: 1;
}
.mega-feature .feat-link .dot::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #F381824D;
    border-radius: 50%;
    transition: background .3s ease;
    z-index: -1;
}
.mega-feature .feat-link:hover .dot {
    background: #fff;
}
.mega-feature .feat-link:hover .dot::before {
    background: rgba(255, 255, 255, 0.2);
}
.mega-feature .feat-img {
	margin: 22px -28px 0;
	margin-top: auto;
	width: calc(100% + 56px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block;
}
.nav-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 26px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.nav-actions .icon-search {
	width: 20px;
	height: 20px;
	color: var(--white);
	display: block;
}
.nav-actions .icon-search svg {
	margin-top: -7px;
}
.nav-actions .sign-in {
	font-size: 16px;
	font-weight: 600;
	color: var(--white);
}
.nav-actions .sign-in:hover {
	opacity: 0.7;
}
.nav-toggle {
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px;
	width: 28px;
	cursor: pointer;
	background: none;
	border: 0;
	padding: 0;
}
.nav-toggle span {
	display: block;
	height: 2px;
	width: 100%;
	background: var(--white);
	border-radius: 2px;
	-webkit-transition: -webkit-transform 0.28s ease, opacity 0.2s ease;
	transition: transform 0.28s ease, opacity 0.2s ease;
}
.mobile-menu {
	display: none;
}
.btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	padding: 15px 26px;
	border-radius: 100px;
	cursor: pointer;
	border: 1px solid transparent;
	transition: var(--transition);
	white-space: nowrap;
	outline: 0 !important;
	box-shadow: none !important;
}
.btn .dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: #33D8DE;
    border-radius: 50%;
    flex-shrink: 0;
    z-index: 1;
}
.btn .dot::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(51, 216, 222, 0.25);
    border-radius: 50%;
    transition: background .3s ease;
    z-index: -1;
}
.btn:hover .dot {
    background: #fff;
}
.btn:hover .dot::before {
    background: rgba(255, 255, 255, 0.2);
}
.btn-txt {
	position: relative;
	z-index: 1;
}
.btn-gradient {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 14px 28px;
    border-radius: 999px;
    background: transparent;
    color: var(--white);
    border: 1px solid var(--white);
    text-decoration: none;
    transition: all .3s ease;
	outline: 0 !important;
	box-shadow: none !important;
	position: relative;
	overflow: hidden;
}
.btn-gradient:hover {
	color: var(--white);
}
.btn-gradient::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gradient-brand);
    z-index: -1;
    transform: scaleX(1);
	transform-origin: left;
    transition: transform .4s ease;
}
.btn-gradient:hover::after {
	transform: scaleX(0);
	transform-origin: right;
}
.btn-gradient .dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: var(--white);
    border-radius: 50%;
    flex-shrink: 0;
	z-index: 1;
}
.btn-gradient .dot::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.22);
    border-radius: 50%;
}
.btn-ghost {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 28px;
    border-radius: 999px;
    background: transparent;
    color: var(--white);
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    transition: color .3s ease;
	border: 0;
	outline: 0 !important;
	box-shadow: none !important;
	position: relative;
	overflow: hidden;
}
.btn-ghost::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -2;
}
.btn-ghost::after {
    content: '';
	position: absolute;
	background: var(--gradient-brand);
	width: 100%;
	height: 100%;
	border-radius: 100px;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .4s ease;
}
.btn-ghost:hover::after {
    transform: scaleX(1);
  	transform-origin: left;
}
.btn-ghost:hover {
    color: var(--white);
}
.btn-nav {
	padding: 12px 22px;
	font-size: 14px;
}
.more-padding-box {
	padding: 120px 0;
}
.sparkle-layer {
	position: absolute;
	pointer-events: none;
	z-index: 2;
}
.hero .sparkle-layer.sb-1 {
	width: 74px;
	height: 74px;
	top: -50px;
	left: 0;
}
.hero .sparkle-layer.sb-2 {
	width: 140px;
	height: 140px;
	top: 30%;
	left: 450px;
}
.time-saved .sparkle-layer.sb-a {
	width: 70px;
	height: 70px;
	left: 60px;
	top: 350px;
}
.time-saved .sparkle-layer.sb-b {
	width: 80px;
	height: 80px;
	right: 80px;
	top: -50px;
}
.ev-text .sparkle-layer.sb-a {
	width: 70px;
	height: 70px;
	left: 180px;
	top: -80px;
}
.ev-text .sparkle-layer.sb-b {
	width: 80px;
	height: 80px;
	right: 0;
	bottom: -100px;
}
.testimonial .sparkle-layer.tm-burst {
	width: 15%;
	height: 15%;
	top: 3%;
	left: 1%;
}
.testimonial .sparkle-layer.tm-txt-burst {
	width: 15%;
	height: 15%;
	bottom: 3%;
	right: 1%;
}
.cta-grid .sparkle-layer.cta-burst {
	width: 90px;
	height: 90px;
	top: 10px;
	right: 0;
}
.cta-grid .sparkle-layer.cta-txt-burst {
	width: 90px;
	height: 90px;
	bottom: 70px;
	right: 10%;
}
.sparkle-layer .sparkle {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.sparkle-layer .sparkle span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4px;
	height: 13px;
	background: #FFFFFF;
	border-radius: 999px;
	opacity: 0;
	transform-origin: center center;
	animation: sparkleRay 1300ms ease-out forwards;
}
.sparkle-layer.light-yellow .sparkle span {
	background: #FFEEC1;
}
.sparkle-layer.light-pink .sparkle span {
	background: #F38182;
}
.sparkle-layer.sky-blue .sparkle span {
	background: #33D8DE;
}
.sparkle-layer .sparkle span:nth-child(1) {
	--angle: 0deg;
}
.sparkle-layer .sparkle span:nth-child(2) {
	--angle: 45deg;
}
.sparkle-layer .sparkle span:nth-child(3) {
	--angle: 90deg;
}
.sparkle-layer .sparkle span:nth-child(4) {
	--angle: 135deg;
}
.sparkle-layer .sparkle span:nth-child(5) {
	--angle: 180deg;
}
.sparkle-layer .sparkle span:nth-child(6) {
	--angle: 225deg;
}
.sparkle-layer .sparkle span:nth-child(7) {
	--angle: 270deg;
}
.sparkle-layer .sparkle span:nth-child(8) {
	--angle: 315deg;
}
@keyframes sparkleRay {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-5px) scaleY(0.15);
		filter: blur(1px);
	}
	18% {
		opacity: 1;
		transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-20px) scaleY(1);
		filter: blur(0);
	}
	65% {
		opacity: 1;
		transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-35px) scaleY(0.8);
		filter: blur(0);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-50px) scaleY(0);
		filter: blur(1px);
	}
}
.hero {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	background: #1a1208;
}
.hero .hero-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 70% center;
	object-position: 70% center;
	z-index: 0;
}
.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		-webkit-linear-gradient(left, rgba(8, 10, 22, 0.82) 0%, rgba(8, 10, 22, 0.45) 34%, rgba(8, 10, 22, 0.08) 62%, rgba(8, 10, 22, 0) 80%),
		linear-gradient(90deg, rgba(8, 10, 22, 0.82) 0%, rgba(8, 10, 22, 0.45) 34%, rgba(8, 10, 22, 0.08) 62%, rgba(8, 10, 22, 0) 80%);
}
.hero::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 220px;
	z-index: 1;
	background: linear-gradient(180deg, rgba(8, 10, 22, 0) 0%, rgba(8, 10, 22, 0.45) 100%);
}
.hero .container {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 2260px;
	margin: 0 auto;
	padding: 50px 90px;
}
.hero .hero-content {
	max-width: 600px;
	position: relative;
}
.hero .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	margin-bottom: 26px;
	background: -webkit-linear-gradient(left, #FFC4C4 0%, #FFEEC1 100%);
	background: linear-gradient(90deg, #FFC4C4 0%, #FFEEC1 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.hero h1 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 92px;
	line-height: 1.0;
	letter-spacing: -0.01em;
	color: var(--white);
	margin: 0;
}
.hero h1 .accent {
	display: inline-block;
	font-style: italic;
	background: -webkit-linear-gradient(left, #4DE3E9 0%, #9B8CF0 100%);
	background: linear-gradient(90deg, #4DE3E9 0%, #9B8CF0 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.hero-foot-video {
	display: none;
}
.hero .body {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.9);
	max-width: 470px;
	margin: 30px 0 0;
}
.hero .hero-cta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 18px;
	margin-top: 42px;
}
.why-now {
	position: relative;
	/* overflow: hidden; */
	background: var(--cream);
	text-align: center;
}
.why-now::before {
	content: "";
	position: absolute;
	left: -100px;
	top: -200px;
	width: 300px;
	height: 500px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(243, 129, 130, 0.15) 0%, rgba(243, 129, 130, 0) 100%);
	border-radius: 50%;
	z-index: 0;
	pointer-events: none;
}
.why-now::after {
	content: "";
	position: absolute;
	right: -100px;
	top: 100px;
	width: 500px;
	height: 700px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(243, 129, 130, 0.1) 0%, rgba(243, 129, 130, 0) 100%);
	border-radius: 50%;
	z-index: 0;
	pointer-events: none;
}
.why-now .container {
	position: relative;
	z-index: 1;
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 143px;
}
.why-now .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.088;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 38px;
}
.why-now h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 88px;
	line-height: 1.08;
	letter-spacing: 0;
	color: var(--grey);
	margin: 0 auto;
	max-width: 1200px;
}
.why-now h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.why-now .body {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 21px;
	line-height: 1.5;
	color: var(--body-grey);
	max-width: 668px;
	margin: 40px auto 0;
}
.why-now .subline {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 38px;
	line-height: 1.05;
	color: var(--coral);
	margin-top: 40px;
}
.logos {
	background: var(--cream);
}
.logos .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.logos h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 45px;
	line-height: 1.28;
	color: var(--grey);
	text-align: center;
	max-width: 860px;
	margin: 0 auto 56px;
}
.logo-strip {
	display: block;
	margin: 0 -20px;
}
.logo-strip:not(.slick-initialized) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 38px;
}
.logo-strip .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.logo-strip .slick-slide > div {
	height: 100%;
}
.sam-cards.slick-initialized {
	display: block !important;
	overflow: hidden;
	padding-bottom: 0;
}
.sam-cards.slick-initialized .slick-list {
	margin: 0 -10px;
	padding: 0;
}
.sam-cards.slick-initialized .slick-track {
	display: flex;
	align-items: stretch;
}
.sam-cards.slick-initialized .slick-slide {
	display: flex;
	justify-content: center;
	align-items: stretch;
	box-sizing: border-box;
	flex: none;
	width: 100%;
	height: auto;
	max-width: none;
	margin: 0 10px;
}
.logo-item {
	padding: 20px;
	margin: 0 10px;
	height: 200px;
	border: 1px solid #b3b3b3;
	border-radius: 17px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
}
.logo-item .logo-ph {
	font-family: var(--font-head);
	font-style: italic;
	font-weight: 400;
	font-size: 30px;
	color: #b3b3b3;
}
.logo-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.dark-band {
	position: relative;
	overflow: hidden;
	background: var(--gradient-dark);
	border-radius: 49px;
	color: var(--white);
}
.dark-band::before {
	content: "";
	position: absolute;
	top: 0;
	left: -20%;
	width: 620px;
	height: 620px;
	background: radial-gradient(50% 50% at 47.19% 45.77%, rgba(243, 129, 130, 0.4) 0%, rgba(255, 179, 180, 0) 100%);
	z-index: 0;
	pointer-events: none;
	backdrop-filter: blur(4px);
	border-radius: 50%;
}
.dark-band::after {
	content: "";
	position: absolute;
	top: 30%;
	right: -50%;
	transform: translate(-50%, 0);
	width: 900px;
	height: 900px;
	background: radial-gradient(50% 50% at 47.19% 45.77%, rgba(243, 129, 130, 0.4) 0%, rgba(255, 179, 180, 0) 100%);
	z-index: 0;
	pointer-events: none;
	backdrop-filter: blur(4px);
	/* border-radius: 50%; */
}
.dark-band .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 24px;
}
.time-saved {
	position: relative;
	z-index: 1;
}
.time-saved .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.ts-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 110px;
	max-width: 1600px;
	margin: 0 auto;
}
.ts-visual {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 44%;
	flex: 0 0 44%;
	max-width: 720px;
	aspect-ratio: 702 / 599;
}
.ts-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}
.ts-text h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 42px;
	line-height: 1.24;
	color: var(--white);
	max-width: 600px;
	margin: 0;
}
.ts-text h2 .accent {
	background: linear-gradient(90deg, #4DE3E9 0%, #9B8CF0 100%);
	background-clip: text;
	color: transparent;
}
.ts-text .body {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.78);
	max-width: 560px;
	margin: 26px 0 0;
}
.ts-text .btn {
	margin-top: 34px;
}
.stat-card {
	position: absolute;
	left: 0;
	top: 0;
	width: 72.5%;
	height: 66%;
	container-type: inline-size;
	background: linear-gradient(239.52deg, rgba(4, 94, 169, 0.4) 6.62%, rgba(111, 43, 221, 0.4) 103.79%);
	/* border: 1px solid #FFFFFF1A; */
	border-radius: 24px;
	padding: 8% 8.5%;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
}
.stat-card::before {
	content: '';
	height: 100%;
	width: 100%;
	border-radius: 24px;
	background: #FFFFFF1A;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.stat-card .card-label {
	position: absolute;
	top: 8%;
	right: 8.5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.8cqw;
	font-family: var(--font-body);
	font-size: 3.6cqw;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--white);
}
.stat-card .card-label .dot {
	width: 2.4cqw;
	height: 2.4cqw;
	border-radius: 50%;
	background: #33D8DE;
}
.stat-card .stat-big {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	gap: 2.5cqw;
}
.stat-card .stat-big .num {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 54cqw;
	line-height: 0.74;
	background: linear-gradient(82.94deg, #33D8DE -4.48%, #48C2FF 69.55%);
	background-clip: text;
	color: transparent;
}
.stat-card .stat-big .unit {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 14cqw;
	line-height: 1;
	color: #48C2FF;
	margin-top: 25px;
}
.ts-portrait {
	position: absolute;
	left: 34%;
	top: 41%;
	width: 54.4%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	padding: 1.6%;
	z-index: 3;
}
.ts-portrait .fill {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(60.98deg, #FF9E9F 7.94%, #312F97 92.06%);
}
.ts-portrait .fill img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center 24%;
	object-position: center 24%;
}
.stat-pill {
	position: absolute;
	left: 65%;
	top: 73%;
	background: #312F97A6;
	backdrop-filter: blur(22px);
	border-radius: 100px;
	padding: 13px 24px;
	z-index: 4;
}
.stat-pill .strike {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	width: max-content;
}
.stat-pill .strike .num {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 78px;
	line-height: 0.74;
	color: rgba(255, 255, 255, 0.82);
}
.stat-pill .strike .unit {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 20px;
	line-height: 1;
	color: rgba(255, 255, 255, 0.82);
}
.stat-pill .strike::after {
	content: "";
	position: absolute;
	left: -6px;
	right: -6px;
	top: 48%;
	height: 4px;
	background: var(--coral);
	-webkit-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-15deg);
	border-radius: 10px;
}
.dark-band .accent {
	font-style: italic;
	background: -webkit-linear-gradient(left, #33D8DE 0%, #48C2FF 100%);
	background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.meet-sam {
	position: relative;
	z-index: 1;
	text-align: center;
}
.meet-sam .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.meet-sam h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 84px;
	line-height: 1.02;
	color: var(--white);
	margin: 0 auto;
	max-width: 1100px;
}
.meet-sam .intro {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 21px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.85);
	max-width: 640px;
	margin: 26px auto 0;
}
.sam-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 40px;
	margin-top: 64px;
}
.sam-card {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 calc((100% - 3 * 40px) / 4);
	flex: 1 1 calc((100% - 3 * 40px) / 4);
	max-width: 375px;
	background: #FBF6F2;
	border-radius: 26px;
	overflow: hidden;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.sam-card .photo {
	margin: 13px 13px 0;
	aspect-ratio: 348 / 300;
	border-radius: 17px;
	overflow: hidden;
	background: -webkit-linear-gradient(315deg, #d8c7b4 0%, #b29d86 100%);
	background: linear-gradient(135deg, #d8c7b4 0%, #b29d86 100%);
}
.sam-card .photo img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.sam-card .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 26px 26px 30px;
}
.sam-card .year {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 19px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--charcoal);
}
.sam-card .stage {
	font-family: var(--font-head);
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.1;
	color: var(--coral);
	margin-top: 11px;
}
.sam-card .desc {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: var(--body-grey);
	margin-top: 20px;
}
.sam-card .tag {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 9px;
	margin-top: auto;
	padding: 12px 24px;
	border-radius: 100px;
	background: var(--gradient-brand);
	color: var(--white);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.sam-card .tag .dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--white);
	-webkit-box-shadow: 0 0 0 2px rgba(51, 216, 222, 0.6);
	box-shadow: 0 0 0 2px rgba(51, 216, 222, 0.6);
}
.sam-cards .sam-card {
	opacity: 0;
	-webkit-transform: translateY(-46px);
	-ms-transform: translateY(-46px);
	transform: translateY(-46px);
	-webkit-transition: opacity 0.6s ease, -webkit-transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
	transition: opacity 0.6s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.sam-cards.in-view .sam-card {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.sam-cards.in-view .sam-card:nth-child(1) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.sam-cards.in-view .sam-card:nth-child(2) {
	-webkit-transition-delay: 0.13s;
	transition-delay: 0.13s;
}
.sam-cards.in-view .sam-card:nth-child(3) {
	-webkit-transition-delay: 0.26s;
	transition-delay: 0.26s;
}
.sam-cards.in-view .sam-card:nth-child(4) {
	-webkit-transition-delay: 0.39s;
	transition-delay: 0.39s;
}
.meet-sam .closing {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 29px;
	line-height: 1.4;
	color: var(--white);
	max-width: 860px;
	margin: 72px auto 0;
}
.everything {
	position: relative;
	background: var(--cream);
}
.everything .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.ev-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 6%;
	max-width: 1640px;
	margin: 0 auto;
}
.ev-text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 42%;
	flex: 1 1 42%;
	position: -webkit-sticky;
	position: sticky;
	top: 120px;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin-top: 150px;
}
.ev-text::before {
	content: "";
	position: absolute;
	bottom: -200px;
	left: 0;
	width: 400px;
	height: 400px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(243, 129, 130, 0.15) 0%, rgba(243, 129, 130, 0) 100%);
	z-index: 0;
	pointer-events: none;
	border-radius: 50%;
}
.ev-text .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 28px;
}
.ev-text h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 84px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0;
}
.ev-text h2 .accent {
	font-style: italic;
	background: -webkit-linear-gradient(left, #33D8DE 18%, #312F97 98%);
	background: linear-gradient(90deg, #33D8DE 18%, #312F97 98%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.ev-text .body {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 21px;
	line-height: 1.5;
	color: var(--body-grey);
	max-width: 630px;
	margin: 30px 0 0;
}
.ev-text .body em {
	font-style: italic;
}
.ev-cards {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 48%;
	flex: 1 1 48%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 15px;
}
.ev-col {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px;
}
.ev-col.offset {
	margin-top: 150px;
}
.ev-card {
	position: relative;
	container-type: inline-size;
	border-radius: 23px;
	background: rgba(255, 255, 255, 0.45);
	aspect-ratio: 333 / 474;
	padding: 9%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.ev-card:hover {
	background: linear-gradient(320deg, #33D8DE -1.16%, #312F97 80.14%, #B067CF 109.43%);
}
.ev-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: -webkit-linear-gradient(left, #33D8DE 0%, #48C2FF 100%);
	background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
	-webkit-mask: -webkit-linear-gradient(#000 0 0) content-box, -webkit-linear-gradient(#000 0 0);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.ev-card .ev-icon {
	width: 56%;
	aspect-ratio: 1 / 1;
	border-radius: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.ev-card .ev-icon::before {
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ev-col:nth-child(2n - 1) .ev-card:nth-child(2n - 1) .ev-icon::before {
	background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
	opacity: 0.35;
}
.ev-col:nth-child(2n - 1) .ev-card:nth-child(2n) .ev-icon::before {
	background: linear-gradient(46.54deg, #B067CF 10.03%, #FFB3B4 93.01%);
	opacity: 0.22;
}
.ev-col:nth-child(2n) .ev-card:nth-child(2n - 1) .ev-icon::before {
	background: linear-gradient(49.42deg, #FFC427 0%, #F38182 93.38%);
	opacity: 0.22;
}
.ev-col:nth-child(2n) .ev-card:nth-child(2n) .ev-icon::before {
	background: linear-gradient(49.42deg, #9AFF27 0%, #02B2B1 93.38%);
	opacity: 0.22;
}
.ev-col:nth-child(2n - 1) .ev-card:hover:nth-child(2n - 1) .ev-icon::before,
.ev-col:nth-child(2n - 1) .ev-card:hover:nth-child(2n) .ev-icon::before,
.ev-col:nth-child(2n) .ev-card:hover:nth-child(2n - 1) .ev-icon::before,
.ev-col:nth-child(2n) .ev-card:hover:nth-child(2n) .ev-icon::before {
	background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
	opacity: 0.40;
}
.ev-card .ev-icon i {
	font-size: 26cqw;
	line-height: 1;
	color: #33D8DE;
	z-index: 1;
}
.ev-card .ev-card-title {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 34px;
	line-height: 1.1;
	color: #4a4a4a;
	margin-top: 22px;
}
.ev-card:hover .ev-card-title {
	color: #FFFFFF;
}
.ev-card .ev-desc {
	display: none;
}
.ev-card:hover .ev-desc {
	display: block;
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.92);
	margin-top: 14px;
}
.ev-card .ev-more {
	margin-top: auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 16px;
	color: var(--body-grey);
}
.ev-card:hover .ev-more {
	background: #FFFFFF;
	height: 38px;
	width: max-content;
	padding: 10px 25px;
	border-radius: 100px;
}
.ev-card .ev-more .dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: #33D8DE;
    border-radius: 50%;
    flex-shrink: 0;
    z-index: 1;
}
.ev-card .ev-more .dot::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(51, 216, 222, 0.25);
    border-radius: 50%;
    transition: background .3s ease;
    z-index: -1;
}
.ai-features {
	position: relative;
	background: var(--cream);
	text-align: center;
}
.ai-features .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.ai-features .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 28px;
}
.ai-features h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 84px;
	line-height: 1.08;
	color: var(--grey);
	margin: 0 auto;
	max-width: 1080px;
}
.ai-features h2 .accent {
	font-style: italic;
	background: -webkit-linear-gradient(left, #33D8DE 18%, #312F97 98%);
	background: linear-gradient(90deg, #33D8DE 18%, #312F97 98%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.ai-features .intro {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 21px;
	line-height: 1.5;
	color: var(--body-grey);
	max-width: 680px;
	margin: 28px auto 0;
}
.ai-features .closing {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 30px;
	line-height: 1.3;
	color: var(--grey);
	max-width: 900px;
	margin: 70px auto 0;
}
.ai-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 64px;
	max-width: 1620px;
	margin: 64px auto 0;
	position: relative;
}
.ai-card {
	position: relative;
	container-type: inline-size;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	max-width: 880px;
	border-radius: 28px;
	overflow: hidden;
	padding: 70px 70px 75px;
	text-align: left;
	will-change: transform;
	transform: translate3d(0, var(--ai-scroll-y, 0px), 0);
	transition: transform 0.18s ease-out;
}
.ai-card.offset {
	margin-top: 0;
}
.ai-card.warm {
	background: linear-gradient(216.54deg, rgba(255, 196, 39, 0.3) -4.78%, rgba(255, 179, 180, 0.3) 72.12%);
}
.ai-card.cool {
	background: linear-gradient(216.54deg, rgba(255, 179, 180, 0.3) 1.41%, rgba(2, 178, 177, 0.3) 78.3%);
}
.ai-badge {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2.2cqw;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 0 10cqw;
	background: #fff;
	border-radius: 10px;
	padding: 2.6cqw 4.4cqw;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 3.6cqw;
	color: var(--charcoal);
	-webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.ai-badge .emoji {
	font-size: 4.3cqw;
	line-height: 1;
}
.ai-card h3 {
	position: relative;
	z-index: 1;
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 45px;
	line-height: 1.08;
	color: var(--charcoal);
	margin: 0;
}
.ai-card h3 .accent {
	font-style: italic;
	background: linear-gradient(90deg, #312F97 0%, #33D8DE 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.ai-card .ai-body {
	position: relative;
	z-index: 1;
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--body-grey);
	margin: 8cqw 0 14cqw;
}
.ai-card .ai-body em {
	font-style: italic;
}
.ai-inset {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	border-radius: 3.4cqw;
	padding: 4.6cqw 4.8cqw;
	margin: 10.5cqw auto 0;
	max-width: 85%;
}
.ai-inset::before {
	content: '';
	height: 100%;
	width: 100%;
	border-radius: 3.4cqw;
	background: #FFFFFF66;
	position: absolute;
	top: 15px;
	left: 15px;
}
.ai-inset .label {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 2.8cqw;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 2.6cqw;
	position: relative;
  	z-index: 1;
}
.ai-inset .label.teal {
	color: #02A7A6;
}
.ai-inset p {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 3.4cqw;
	line-height: 1.5;
	color: var(--body-grey);
	margin: 0;
	position: relative;
  	z-index: 1;
}
.ai-wave-inset-box {
	position: relative;
}
.ai-wave-inset-box .wave {
	position: absolute;
	width: 250px;
	height: 145px;
	z-index:0;
}
.ai-wave-inset-box .wave.wave-left {
    left: -115px;
    top: -50px;
}
.ai-wave-inset-box .wave.wave-right {
    right: -120px;
    bottom: -55px;
}
.ai-wave-inset-box .dot {
    position: absolute;
    z-index: 2;
}
.ai-wave-inset-box .dot.dot-left {
    left: -43px;
    top: 0;
}
.ai-wave-inset-box .dot.dot-right {
	right: -42px;
  	bottom: -46px;
}
.testimonial {
	position: relative;
	background: var(--cream);
}
.testimonial::before {
	content: "";
	position: absolute;
	bottom: 200px;
	left: -450px;
	width: 620px;
	height: 620px;
	background: radial-gradient(50% 50% at 48.79% 68.29%, rgba(243, 129, 130, 0.4) 0%, rgba(255, 179, 180, 0) 100%);
	z-index: 0;
	pointer-events: none;
	backdrop-filter: blur(4px);
	border-radius: 50%;
}
.testimonial .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.tm-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 70px;
	max-width: 1680px;
	margin: 0 auto;
}
.tm-visual {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 44%;
	flex: 0 0 44%;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	min-height: 620px;
}
.tm-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 86%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
	background: -webkit-linear-gradient(309.03deg, #B067CF 11.46%, #FFB3B4 82.66%);
	background: linear-gradient(309.03deg, #B067CF 11.46%, #FFB3B4 82.66%);
}
.tm-circle img {
	position: absolute;
	left: 0;
	bottom: -2%;
	transform: scaleX(-1);
	height: 100%;
	width: auto;
	max-width: none;
}
.tm-card {
	position: absolute;
	container-type: inline-size;
	background: #fff;
	border-radius: 18px;
	padding: 30px 20px;
	-webkit-box-shadow: 0 16px 40px rgba(40, 30, 80, 0.14);
	box-shadow: 0 16px 40px rgba(40, 30, 80, 0.14);
	z-index: 2;
}
.tm-card .label {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--coral);
}
.tm-card-result {
	top: -4%;
	right: -4%;
	width: 40%;
}
.tm-card-result .big {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 36px;
	line-height: 1;
	background: linear-gradient(90deg, #312F97 0%, #33D8DE 100%);
	background-clip: text;
	color: transparent;
	margin-top: 3cqw;
}
.tm-card-result .bar {
	margin-top: 5cqw;
	height: 3.2cqw;
	border-radius: 100px;
	overflow: hidden;
	background: #D9D9D9B2;
	position: relative;
}
.tm-card-result .bar .bar-info {
	border-radius: 100px;
	background: linear-gradient(90deg, #33D8DE, #312F97);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.tm-card-hours {
	bottom: 4%;
	left: -5%;
	width: 42%;
}
.tm-card-hours .big {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 56px;
	line-height: 0.95;
	background: linear-gradient(90deg, #312F97 0%, #33D8DE 100%);
	background-clip: text;
	color: transparent;
	margin-top: 2cqw;
}
.tm-card-hours .big .unit {
	font-size: 26px;
}
.tm-card-hours .sub {
	font-family: var(--font-head);
	font-size: 26px;
	background: linear-gradient(90deg, #312F97 -65.79%, #33D8DE 68.32%);
	background-clip: text;
	color: transparent;
	margin-top: 1cqw;
	padding-left: 40px;
}
.tm-card-hours .sub .slash {
	color: var(--coral);
}
.tm-donut {
	position: absolute;
	bottom: -60%;
	right: -35%;
	z-index: 3;
	/* border-radius: 50%;
	width: 50%;
	aspect-ratio: 1 / 1;
	background: conic-gradient(from 205deg, #F38182 0deg 64deg, #2BAFD8 64deg 210deg, #2A6FD0 210deg 360deg);
	-webkit-mask: radial-gradient(closest-side, transparent 56%, #000 58%);
	mask: radial-gradient(closest-side, transparent 56%, #000 58%); */
}
.tm-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}
.tm-text .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 26px;
}
.tm-text h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 64px;
	line-height: 1.1;
	color: var(--grey);
	margin: 0;
}
.tm-text h2 .accent {
	font-style: italic;
	background: -webkit-linear-gradient(left, #33D8DE 18%, #312F97 98%);
	background: linear-gradient(90deg, #33D8DE 18%, #312F97 98%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.tm-text .quote,
.tm-text .tm-quote-body p {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 19px;
	line-height: 1.6;
	color: var(--body-grey);
	max-width: 600px;
	margin: 30px 0 0;
}
.tm-text .quote+.quote,
.tm-text .tm-quote-body p+p {
	margin-top: 18px;
}
.tm-divider {
	width: 320px;
	max-width: 60%;
	height: 1px;
	background: rgba(0, 0, 0, 0.15);
	margin: 34px 0;
}
.tm-attr {
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.5;
	color: var(--body-grey);
}
.tm-attr strong {
	display: block;
	font-weight: 700;
	color: var(--charcoal);
	font-size: 19px;
}
.btn-read {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
	padding: 13px 24px;
	border-radius: 100px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	background: #fff;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	color: var(--body-grey);
	transition: var(--transition);
	position: relative;
	overflow: hidden;
}
.btn-read::after {
    content: '';
	position: absolute;
	background: linear-gradient(89.96deg, #FFC427 -19.56%, #FFB3B4 70.93%);
	width: 100%;
	height: 100%;
	border-radius: 100px;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .4s ease;
}
.btn-read:hover::after {
    transform: scaleX(1);
  	transform-origin: left;
}
.btn-read:hover {
	color: var(--white);
}
.btn-read .dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: #FFC427;
    border-radius: 50%;
    flex-shrink: 0;
    z-index: 1;
}
.btn-read .dot::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background: #FFC4274D;
    border-radius: 50%;
    transition: background .3s ease;
    z-index: -1;
}
.btn-read:hover .dot {
    background: #fff;
}
.btn-read:hover .dot::before {
    background: rgba(255, 255, 255, 0.2);
}
.compound {
	position: relative;
	overflow: hidden;
	background: var(--gradient-dark);
	border-radius: 49px;
	color: var(--white);
}
.compound::before {
	content: "";
	position: absolute;
	bottom: 200px;
	left: -250px;
	width: 620px;
	height: 620px;
	background: radial-gradient(50% 50% at 47.19% 45.77%, rgba(243, 129, 130, 0.4) 0%, rgba(255, 179, 180, 0) 100%);
	z-index: 0;
	pointer-events: none;
	border-radius: 50%;
}
.compound .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.compound .subtitle {
	display: block;
	text-align: center;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 28px;
}
.compound h2 {
	text-align: center;
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 84px;
	line-height: 1.1;
	color: var(--white);
	max-width: 1080px;
	margin: 0 auto;
}
.compound h2 .accent {
	font-style: italic;
	background: -webkit-linear-gradient(left, #33D8DE 0%, #48C2FF 100%);
	background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.compound .stats {
	max-width: 1000px;
	margin: 72px auto 0;
}
.stat-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 50px;
	padding: 40px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.stat-num {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 36%;
	flex: 0 0 36%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 150px;
	line-height: 0.9;
	letter-spacing: -0.02em;
}
.stat-num .g {
	background: linear-gradient(226.9deg, #FFEEC1 -4.47%, #FFFFFF 40.84%, #FFB3B4 93.46%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.stat-num .unit {
	font-size: 0.4em;
	margin-left: 10px;
	min-width: 90px;
}
.stat-num .mid {
	font-size: 0.42em;
	color: var(--white);
	margin: 0 0.14em;
	-ms-flex-item-align: center;
	align-self: center;
}
.stat-desc {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.stat-desc .lead {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 38px;
	line-height: 46px;
	color: var(--white);
	margin: 0;
}
.stat-desc .lead .slash {
	font-weight: 800;
	margin-right: 12px;
}
.stat-desc .sub {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.55);
	max-width: 560px;
	margin: 12px 0 0;
}
.timeline-sec {
	position: relative;
	background: var(--cream);
	text-align: center;
}
.timeline-sec .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.timeline-sec .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 28px;
}
.timeline-sec h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 84px;
	line-height: 1.08;
	color: var(--grey);
	margin: 0 auto;
	max-width: 1080px;
}
.timeline-sec h2 .accent {
	font-style: italic;
	background: -webkit-linear-gradient(left, #33D8DE 18%, #312F97 98%);
	background: linear-gradient(90deg, #33D8DE 18%, #312F97 98%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.timeline-sec .intro {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 21px;
	line-height: 1.5;
	color: var(--body-grey);
	max-width: 640px;
	margin: 26px auto 0;
}
.timeline {
	position: relative;
	max-width: 1300px;
	margin: 70px auto 0;
}
.tl-steps {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.tl-steps::before {
	content: "";
	position: absolute;
	top: 60px;
	left: 12.5%;
	right: 12.5%;
	height: 2px;
	background: rgba(49, 47, 151, 0.18);
	z-index: 0;
}
.tl-step {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	text-align: center;
	padding: 0 12px;
}
.tl-circle {
	position: relative;
	z-index: 1;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 0 auto 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: -webkit-linear-gradient(45deg, #4A45B2 0%, #3E84C4 100%);
	background: linear-gradient(225deg, #3E84C4 0%, #4A45B2 100%);
	-webkit-box-shadow: 0 12px 28px rgba(49, 47, 151, 0.22);
	box-shadow: 0 12px 28px rgba(49, 47, 151, 0.22);
	text-align: center;
}
.tl-circle i {
	font-size: 54px;
	line-height: 1;
	color: #FFFFFF;
}
.tl-step.live .tl-circle {
	background: -webkit-linear-gradient(45deg, #2BB6C9 0%, #45D4DE 100%);
	background: linear-gradient(225deg, #45D4DE 0%, #2BB6C9 100%);
	-webkit-box-shadow: 0 12px 28px rgba(43, 182, 201, 0.3);
	box-shadow: 0 12px 28px rgba(43, 182, 201, 0.3);
}
.tl-time {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.04em;
	color: var(--charcoal);
}
.tl-desc {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.45;
	color: var(--body-grey);
	max-width: 230px;
	margin: 10px auto 0;
}
.timeline-cta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 18px;
	margin-top: 70px;
}
.timeline-cta .btn-gradient:hover {
	color: #33D8DE;
	border-color: #33D8DE;
}
.timeline-cta .btn-gradient:hover .dot {
	background: #33D8DE;
}
.timeline-cta .btn-gradient:hover .dot::before {
	background: rgba(51, 216, 222, 0.25);
}
.timeline-cta .btn-ghost {
	color: var(--charcoal);
}
.timeline-cta .btn-ghost:hover {
	color: var(--white);
}
.timeline-note {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	color: var(--body-grey);
	margin-top: 22px;
}
.pricing {
	position: relative;
	background: var(--cream);
	text-align: center;
}
.pricing .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.pricing .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 28px;
}
.pricing h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 84px;
	line-height: 1.08;
	color: var(--grey);
	margin: 0 auto;
	max-width: 1080px;
}
.pricing h2 .accent {
	font-style: italic;
	background: -webkit-linear-gradient(left, #33D8DE 18%, #312F97 98%);
	background: linear-gradient(90deg, #33D8DE 18%, #312F97 98%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.pricing .intro {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 21px;
	line-height: 1.5;
	color: var(--body-grey);
	max-width: 700px;
	margin: 26px auto 0;
}
.trial-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 50px;
	max-width: 1276px;
	margin: 54px auto 0;
	padding: 24px 44px;
	border-radius: 22px;
	text-align: left;
	background: linear-gradient(90deg, #33D8DE -11.56%, #312F97 97.32%);
	border: 0;
}
.trial-banner .tb-big {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 58px;
	line-height: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	color: var(--white);
}
.trial-banner .tb-big .day {
	font-size: 0.5em;
	font-style: italic;
}
.trial-banner .tb-text .h {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	color: var(--white);
}
.trial-banner .tb-text .s {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.45;
	color: var(--white);
	margin-top: 6px;
}
.price-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 22px;
	max-width: 1640px;
	margin: 54px auto 0;
}
.price-card {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	min-width: 0;
	border-radius: 23px;
	padding: 34px 30px 32px;
	text-align: left;
	background: var(--bg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: -webkit-transform 0.35s, box-shadow 0.35s;
	transition: transform 0.35s, box-shadow 0.35s;
}
.price-card:hover {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
	-webkit-box-shadow: 0 30px 60px rgba(40, 30, 80, 0.18);
	box-shadow: 0 30px 60px rgba(40, 30, 80, 0.18);
}
.price-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 2px;
	background: var(--brd);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.t-starter {
	--accent: 51, 216, 222;
	--bg: linear-gradient(210deg, rgba(255, 255, 255, 0.35) 25.43%, rgba(134, 215, 255, 0.35) 67.3%, rgba(51, 216, 222, 0.35) 101.6%);
	--brd: linear-gradient(110.27deg, #02B2B1 2.96%, #86D7FF 93.21%);
	--badge: linear-gradient(90deg, #86D7FF 0%, #02B2B1 100%);
}
.t-lite {
	--accent: 166, 165, 254;
	--bg: linear-gradient(210deg, rgba(255, 255, 255, 0.35) 41.29%, rgba(205, 204, 253, 0.35) 71.97%, rgba(176, 103, 207, 0.35) 101.6%);
	--brd: linear-gradient(112.52deg, #312F97 2.87%, #CDCCFD 98.38%);
	--badge: linear-gradient(90deg, #CDCCFD 0%, #312F97 100%);
}
.t-growth {
	--accent: 176, 103, 207;
	--bg: linear-gradient(210deg, rgba(255, 255, 255, 0.15) 12.48%, rgba(255, 179, 180, 0.15) 47.24%, rgba(176, 103, 207, 0.15) 95.16%);
	--brd: linear-gradient(112.52deg, #F38182 -3.54%, #B067CF 91.97%);
	--badge: linear-gradient(90deg, #B067CF 0%, #F38182 100%);
}
.t-pro {
	--accent: 243, 129, 130;
	--bg: linear-gradient(210deg, rgba(255, 255, 255, 0.15) 46.21%, rgba(255, 196, 39, 0.15) 70.77%, rgba(243, 129, 130, 0.15) 100.01%);
	--brd: linear-gradient(112.52deg, #FFD974 2.87%, #F8A37D 61.64%, #F38182 98.38%);
	--badge: linear-gradient(90deg, #F38182 0%, #FFD974 100%);
}
.price-card .tier {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgb(var(--accent));
}
.price-card .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 8px;
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 54px;
	line-height: 1;
	color: #4F4F4F;
	margin-top: 12px;
}
.price-card .price .mo {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	color: #8a8580;
}
.price-card .billed {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 12px;
	color: #8a8580;
	margin-top: 8px;
}
.price-card .pdesc {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--body-grey);
	margin-top: 18px;
}
.price-card .pdiv {
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
	margin: 22px 0;
}
.price-card .inc-label {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(var(--accent));
	margin-bottom: 16px;
}
.price-card .feats {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 11px;
	margin-bottom: 26px;
	padding-left: 0;
}
.price-card .feats li {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.35;
	color: var(--body-grey);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
.price-card .feats li .mk {
	color: rgb(var(--accent));
	font-weight: 700;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.price-card .choose {
	margin-top: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
	padding: 14px;
	border-radius: 100px;
	background: var(--white);
	border: 1px solid rgb(var(--accent));
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: var(--charcoal);
	transition: var(--transition);
	position: relative;
	overflow: hidden;
}
.price-card.popular .choose {
	background: var(--badge);
	color: var(--white);
}
.price-card .choose::after {
    content: '';
	position: absolute;
	background: var(--badge);
	width: 100%;
	height: 100%;
	border-radius: 100px;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .4s ease;
}
.price-card .choose:hover::after {
    transform: scaleX(1);
  	transform-origin: left;
}
.price-card .choose:hover {
	color: var(--white);
}
.price-card .choose .dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: rgb(var(--accent));
    border-radius: 50%;
    flex-shrink: 0;
    z-index: 1;
}
.price-card .choose .dot::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(var(--accent), 0.25);
    border-radius: 50%;
    transition: background .3s ease;
    z-index: -1;
}
.price-card .choose:hover .dot,
.price-card.popular .choose .dot {
	background: var(--white);
}
.price-card .choose:hover .dot::before,
.price-card.popular .choose .dot::before {
	background: rgba(255, 255, 255, 0.2);
}
.price-card.popular {
	-webkit-box-shadow: 0 24px 50px rgba(63, 79, 176, 0.16);
	box-shadow: 0 24px 50px rgba(63, 79, 176, 0.16);
}
.price-card .badge {
	position: absolute;
	top: -11px;
	right: 22px;
	z-index: 2;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	padding: 7px 16px;
	border-radius: 100px;
	background: var(--badge);
}
.pricing-foot {
	margin-top: 50px;
}
.pricing-foot .btn-ghost {
	color: var(--charcoal);
}
.pricing-foot .btn-ghost:hover {
	color: var(--white);
}
.pricing-foot .note {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--body-grey);
	max-width: 760px;
	margin: 25px auto 0;
}
.pricing-extra-features {
    position: relative;
    max-width: 1640px;
    margin: 46px auto 0;
    padding-top: 38px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
    text-align: left;
}
.pricing-extra-features::before {
    content: "";
    position: absolute;
    top: 0;
    left: 8px;
    right: 8px;
    height: 1px;
    background: rgba(79, 79, 79, 0.35);
}
.pricing-extra-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 7px 14px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.75);
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #625C5CB2;
}
.pricing-extra-content {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 25px;
}
.pricing-extra-icon {
    flex: 0 0 auto;
    width: 46px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.pricing-extra-icon i {
    position: relative;
    z-index: 1;
    font-size: 38px;
    line-height: 1;
    color: #263238;
}
.pricing-extra-text {
    padding-top: 2px;
}
.pricing-extra-text h3 {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--charcoal);
    margin: 0;
}
.pricing-extra-text p {
    font-family: var(--font-body);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--body-grey);
    margin: 8px 0 0;
}
.pricing-interest-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 9px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    color: #312F97;
    transition: color 0.25s ease;
}
.pricing-interest-link:hover {
    color: #02A7A6;
}
.pricing-interest-dot {
    position: relative;
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #FFC427;
}
.pricing-interest-dot::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: rgba(255, 196, 39, 0.25);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.dark-end {
	position: relative;
	overflow: hidden;
	background: linear-gradient(126.31deg, #312F97 21.69%, #045EA9 89.08%);
	border-radius: 48px;
	color: var(--white);
	margin: 0;
	padding: 0 20px 20px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.dark-end.only-footer-dark-end {
	padding-top: 20px;
}
.final-cta {
	position: relative;
	overflow: hidden;
	padding: 130px 0;
}
.footer-band {
	position: relative;
	background: linear-gradient(125.69deg, #16157C 21.9%, #045EA9 105%);
	border-radius: 48px;
}
.footer-band::before {
	content: "";
	position: absolute;
	right: -5%;
	bottom: -75%;
	width: 800px;
	height: 800px;
	background: radial-gradient(50% 50% at 47.19% 45.77%, rgba(8, 6, 114, 0.7) 0%, rgba(49, 47, 151, 0) 100%);
	pointer-events: none;
	border-radius: 50%;
}
.final-cta .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.cta-grid {
	display: grid;
	grid-template-columns: 46% 1fr;
	grid-template-areas:
		"cards copy"
		"cards actions";
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 22px 60px;
	max-width: 1640px;
	margin: 0 auto;
}
.cta-text {
	display: contents;
}
.cta-copy {
	grid-area: copy;
	-ms-flex-item-align: end;
	align-self: end;
}
.cta-actions {
	grid-area: actions;
	-ms-flex-item-align: start;
	align-self: start;
}
.cta-visual {
	grid-area: cards;
	position: relative;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
.cta-visual .cta-img-box {
	height: 530px;
	position: relative;
	border-radius: 24px;
	overflow: hidden;
}
.cta-visual .cta-img-box::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.22;
	background: linear-gradient(217.29deg, #33D8DE 5.16%, #B067CF 94.84%);
}
.cta-visual .cta-img-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	position: relative;
	z-index: 1;
	transform: scaleX(-1);
}
.cta-cards {
	position: relative;
	width: 100%;
	height: 600px;
}
.cta-card {
	position: absolute;
	left: 50%;
	top: 30px;
	width: 320px;
	margin-left: -160px;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease;
	transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease;
	will-change: transform, opacity;
}
.cta-card.c1 {
	z-index: 1;
	-webkit-transform: translate(-66px, -230px) rotate(-6deg);
	transform: translate(-66px, -230px) rotate(-6deg);
}
.cta-card.c2 {
	z-index: 2;
	-webkit-transform: translate(-34px, -250px) rotate(-2deg);
	transform: translate(-34px, -250px) rotate(-2deg);
}
.cta-card.c3 {
	z-index: 3;
	-webkit-transform: translate(0, -270px) rotate(2deg);
	transform: translate(0, -270px) rotate(2deg);
}
.cta-card.c4 {
	z-index: 4;
	-webkit-transform: translate(34px, -290px) rotate(6deg);
	transform: translate(34px, -290px) rotate(6deg);
}
.cta-cards.in-view .c1 {
	opacity: 1;
	-webkit-transform: translate(-78px, -26px) rotate(-12deg);
	transform: translate(-78px, -26px) rotate(-12deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.cta-cards.in-view .c2 {
	opacity: 1;
	-webkit-transform: translate(-44px, -2px) rotate(-8deg);
	transform: translate(-44px, -2px) rotate(-8deg);
	-webkit-transition-delay: 0.30s;
	transition-delay: 0.30s;
}
.cta-cards.in-view .c3 {
	opacity: 1;
	-webkit-transform: translate(-6px, 18px) rotate(-4deg);
	transform: translate(-6px, 18px) rotate(-4deg);
	-webkit-transition-delay: 0.60s;
	transition-delay: 0.60s;
}
.cta-cards.in-view .c4 {
	opacity: 1;
	-webkit-transform: translate(34px, 40px) rotate(0deg);
	transform: translate(34px, 40px) rotate(0deg);
	-webkit-transition-delay: 0.90s;
	transition-delay: 0.90s;
}
.cta-card.sam-card {
	max-width: none;
	-webkit-box-shadow: 0 26px 50px rgba(10, 10, 30, 0.3);
	box-shadow: 0 26px 50px rgba(10, 10, 30, 0.3);
}
.cta-actions {
	margin-top: 0;
}
.po-closer {
	text-align: center;
}
.po-closer .subtitle,
.cta-text .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 26px;
}
.po-closer h2,
.cta-text h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 80px;
	line-height: 1.08;
	color: var(--white);
	margin: 0;
}
.po-closer h2 .accent,
.cta-text h2 .accent {
	font-style: italic;
	background: -webkit-linear-gradient(left, #33D8DE 0%, #48C2FF 100%);
	background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.po-closer .body,
.cta-text .body {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.82);
	max-width: 520px;
	margin: 30px 0 0;
}
.po-closer .body {
	margin: 40px auto 0;
}
.po-closer .cta-row,
.cta-text .cta-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	margin-top: 40px;
}
.po-closer .cta-row .btn-gradient::after,
.cta-text .cta-row .btn-gradient::after {
	z-index: 0;
}
.po-closer .cta-note,
.cta-text .cta-note {
	font-family: var(--font-body);
	font-size: 15px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 22px;
}
.footer {
	position: relative;
	color: var(--white);
	padding: 40px 0;
}
.footer .container {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
}
.footer-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 80px;
	padding-bottom: 44px;
}
.footer-brand {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 34%;
	flex: 0 0 34%;
}
.footer-logo img {
	display: block;
	width: 200px;
}
.footer-tagline {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 19px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.85);
	margin: 26px 0 0;
	max-width: 360px;
}
.footer-tagline .accent {
	font-style: italic;
	color: #5FD3DC;
}
.subscribe-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0;
	margin-top: 26px;
	max-width: 380px;
}
.subscribe-form input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	padding: 13px 22px;
	font-family: var(--font-body);
	font-size: 15px;
	color: var(--white);
	outline: 0;
	box-shadow: none;
}
.subscribe-form input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.subscribe-form input::placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.subscribe-form button {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border: 0;
	cursor: pointer;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	padding: 13px 26px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	color: #10324a;
	background: linear-gradient(81.44deg, #33D8DE 0%, #48C2FF 104.28%);
}
.footer-note {
	font-family: var(--font-body);
	font-size: 14px;
	color: rgba(255, 255, 255, 0.55);
	margin-top: 18px;
}
.footer-right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.footer-apps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
}
.footer-apps .apps-label {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--white);
	margin-bottom: 16px;
}
.app-badges {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
}
.app-badge .app-badge-img {
	width: 125px;
}
.award-badge .award-badge-img {
	width: 80px;
}
.footer-div {
	height: 1px;
	background: rgba(255, 255, 255, 0.16);
	margin: 26px 0 30px;
}
.footer-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}
.footer-col {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.footer-col h4 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--white);
	margin: 0 0 18px;
}
.footer-col ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px;
	padding-left: 0;
}
.footer-col a {
	font-family: var(--font-body);
	font-size: 15px;
	color: rgba(255, 255, 255, 0.7);
	transition: var(--transition);
	transition-duration: 0.25s;
}
.footer-col a:hover {
	color: var(--white);
}
.footer-bar {
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	padding-top: 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 24px;
}
.footer-bar .copy {
	font-family: var(--font-body);
	font-size: 14px;
	color: rgba(255, 255, 255, 0.55);
	margin: 0;
}
.footer-bar .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 28px;
}
.footer-legal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
}
.footer-legal a {
	font-family: var(--font-body);
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}
.footer-legal a:hover {
	color: var(--white);
}
.footer-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
.footer-social a {
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: var(--transition);
	transition-duration: 0.25s;
}
.footer-social a:hover {
	background: #33D8DE;
}
.footer-social a i {
	font-size: 20px;
	color: var(--white);
}
.footer-social a:hover i {
	font-size: 20px;
	color: var(--charcoal);
}
@-webkit-keyframes firework-burst {
	0% {
		-webkit-transform: scale(0.18);
		transform: scale(0.18);
		opacity: 0;
	}
	12% {
		opacity: 0.95;
	}
	42% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
@keyframes firework-burst {
	0% {
		-webkit-transform: scale(0.18);
		transform: scale(0.18);
		opacity: 0;
	}
	12% {
		opacity: 0.95;
	}
	42% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
@-webkit-keyframes pastel-cycle {
	to {
		-webkit-filter: hue-rotate(360deg);
		filter: hue-rotate(360deg);
	}
}
@keyframes pastel-cycle {
	to {
		-webkit-filter: hue-rotate(360deg);
		filter: hue-rotate(360deg);
	}
}
.ts-visual .stat-card,
.ts-visual .ts-portrait,
.ts-visual .stat-pill {
	opacity: 0;
	-webkit-transition: opacity 0.6s ease, -webkit-transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
	transition: opacity 0.6s ease, transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.ts-visual .stat-card {
	-webkit-transform: translateY(26px) scale(0.96);
	transform: translateY(26px) scale(0.96);
}
.ts-visual .ts-portrait {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.ts-visual .stat-pill {
	-webkit-transform: translateX(-28px);
	transform: translateX(-28px);
}
.ts-visual.in-view .stat-card {
	opacity: 1;
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
.ts-visual.in-view .ts-portrait {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.28s;
	transition-delay: 0.28s;
}
.ts-visual.in-view .stat-pill {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.tm-visual .tm-circle {
	opacity: 0;
	-webkit-transform: translate(-50%, -50%) scale(0.86);
	-ms-transform: translate(-50%, -50%) scale(0.86);
	transform: translate(-50%, -50%) scale(0.86);
	-webkit-transition: opacity 0.6s ease, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.tm-visual.in-view .tm-circle {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
.tm-visual .tm-card {
	opacity: 0;
	-webkit-transition: opacity 0.6s ease, -webkit-transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
	transition: opacity 0.6s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.tm-visual .tm-card-result {
	-webkit-transform: translate(22px, -12px) scale(0.92);
	transform: translate(22px, -12px) scale(0.92);
}
.tm-visual .tm-card-hours {
	-webkit-transform: translate(-22px, 12px) scale(0.92);
	transform: translate(-22px, 12px) scale(0.92);
}
.tm-visual.in-view .tm-card-result {
	opacity: 1;
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.tm-visual.in-view .tm-card-hours {
	opacity: 1;
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
.tm-visual .tm-donut {
	opacity: 0;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tm-visual.in-view .tm-donut {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.55s;
	transition-delay: 0.55s;
}
.tl-steps::before {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 0.7s ease;
	transition: transform 0.7s ease;
}
.tl-steps.in-view::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.tl-steps .tl-circle {
	opacity: 0;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tl-steps.in-view .tl-step:nth-child(1) .tl-circle {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.tl-steps.in-view .tl-step:nth-child(2) .tl-circle {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.34s;
	transition-delay: 0.34s;
}
.tl-steps.in-view .tl-step:nth-child(3) .tl-circle {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.48s;
	transition-delay: 0.48s;
}
.tl-steps.in-view .tl-step:nth-child(4) .tl-circle {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.62s;
	transition-delay: 0.62s;
}
.dark-band,
.compound,
.dark-end {
	margin-left: 20px;
	margin-right: 20px;
	transition: margin 0.45s ease, border-radius 0.45s ease;
}
.gp-final-cta {
	border-radius: 48px !important;
  	margin: 120px 20px;	
}
.po-closer .cta-row,
.gp-final-cta .cta-row {
	justify-content: center;
}
.dark-band.remove-side-padding,
.compound.remove-side-padding,
.dark-end.remove-side-padding {
	margin-left: 0;
	margin-right: 0;
}
/* Page Module All Css Start */
.common-container {
	max-width: 1600px;
	padding: 0 90px;
}
/* Banner Css Start */
.banner {
	position: relative;
	overflow: hidden;
	padding: 180px 0 120px;
}
.banner.dark-hero {
	background: var(--gradient-dark);
	padding: 180px 0 120px;
}
.banner.bn-bottom-img {
	padding: 180px 0;
}
.banner.dark-hero::before {
	content: '';
	position: absolute;
	top: -10%;
	left: 6%;
	width: 760px;
	max-width: 70%;
	height: 620px;
	background: radial-gradient(ellipse at center, rgba(243, 129, 130, 0.18) 0%, rgba(243, 129, 130, 0) 66%);
	pointer-events: none;
	z-index: 0;
}
.banner.dark-hero::after {
	content: '';
	position: absolute;
	top: 8%;
	right: -8%;
	width: 900px;
	max-width: 80%;
	height: 760px;
	background: radial-gradient(ellipse at center, rgba(146, 120, 230, 0.3) 0%, rgba(146, 120, 230, 0) 64%);
	pointer-events: none;
	z-index: 0;
}
.banner.dark-hero .dh-fade {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 140px;
	background: linear-gradient(180deg, rgba(2, 20, 60, 0) 0%, rgba(2, 16, 50, 0.25) 100%);
	pointer-events: none;
	z-index: 0;
}
.banner .bn-inner {
	position: relative;
	z-index: 1;
	padding: 0;
}
.banner--centered .bn-inner {
	max-width: 1040px;
	text-align: center;
	margin: 0 auto;
}
.bn-row {
	display: flex;
	align-items: center;
	gap: 90px;
}
.banner--persona .bn-row {
	gap: 110px;
}
.bn-text {
	-webkit-box-flex: 1;
	flex: 1 1 440px;
}
.banner .subtitle {
	display: block;
}
.banner h2 {
	font-family: var(--font-head);
	font-weight: 400;
	margin: 0;
	color: var(--grey);
}
.banner.dark-hero h2 {
	color: var(--white);
}
.banner--illustrated h2 {
	font-size: 72px;
	line-height: 1.04;
}
.banner--persona h2 {
	font-size: 66px;
	line-height: 1.06;
}
.banner--centered h2 {
	font-size: 92px;
	line-height: 1.02;
}
.banner h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.banner.dark-hero h2 .accent {
	background: linear-gradient(90deg, #5FE9EF, #C6BAFF);
	background-clip: text;
	color: transparent;
}
.bn-lead {
	font-size: 20px;
	font-family: var(--font-body);
	font-weight: 500;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 30px 0 0;
}
.banner.dark-hero .bn-lead {
	color: rgba(255, 255, 255, 0.85);
}
.banner--centered .bn-lead {
	margin: 30px auto 0;
}
.bn-quote {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 28px;
	line-height: 1.4;
	color: var(--coral);
	margin: 25px 0 0;
	max-width: 520px;
}
.bn-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-top: 30px;
}
.banner--centered .bn-cta {
	justify-content: center;
}
.bn-cta .btn-gradient:hover {
	border-color: #33D8DE;
}
.bn-cta .btn-gradient:hover .dot {
	background: #33D8DE;
}
.bn-cta .btn-gradient:hover .dot::before {
	background: rgba(51, 216, 222, 0.25);
}
.bn-cta .btn-gradient:hover .btn-txt {
	color: #33D8DE;
}
.bn-cta .btn-ghost:hover {
	color: var(--white);
}
.bn-cta .btn-ghost {
	color: #33D8DE;
}
.bn-cta .btn-ghost:hover {
	color: var(--white);
}
.bn-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	border-radius: 100px;
	padding: 9px 16px;
	color: var(--grey);
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.banner.dark-hero .bn-pill {
	color: var(--white);
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(6px);
}
.banner.dark-hero .bn-pill span {
	color: rgba(255, 255, 255, 0.8);
}
.banner .bn-check-txt-con {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;
}
.banner .bn-check-txt-con .bn-check-txt-box {
	display: flex;
	align-items: center;
	gap: 10px;
}
.banner .bn-check-txt-con .bn-check-txt-box i {
	font-size: 16px;
	color: var(--coral);
}
.banner .bn-check-txt-con .bn-check-txt-box p {
	font-size: 14px;
	line-height: 18px;
	color: var(--black);
	font-family: var(--font-body);
	font-weight: 400;
	margin-bottom: 0;
}
.banner.dark-hero .bn-check-txt-con .bn-check-txt-box p {
	color: var(--white);
}
.bn-pill i {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--gradient-brand);
}
.bn-media {
	-webkit-box-flex: 1;
	flex: 1 1 420px;
}
.bn-img {
	position: relative;
	border-radius: 28px;
	overflow: hidden;
	aspect-ratio: 5 / 4;
	background: linear-gradient(135deg, #C7ECF2, #D9E4FB);
	box-shadow: 0 30px 70px rgba(40, 30, 80, 0.14);
}
.bn-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner--persona .bn-media {
	-webkit-box-flex: 0;
	flex: 0 1 460px;
	display: flex;
	justify-content: center;
}
.bn-portrait {
	position: relative;
	width: 460px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	padding: 14px;
	background: linear-gradient(135deg, #9B6BE6, #33D8DE);
	box-shadow: 0 30px 70px rgba(40, 30, 80, 0.18);
}
.bn-portrait .fill {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(160deg, #7d6ad6, #463c86);
}
.bn-portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bn-logos {
	margin-top: 50px;
}
.bn-logos .cap {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin: 0 0 22px;
	opacity: 0.6;
	color: var(--grey);
}
.bn-logos .logo-item {
	height: 200px;
}
.bn-back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.75);
	margin-bottom: 25px;
}
.bn-back:hover {
	color: var(--white);
}
.bn-cat {
	display: flex;
	justify-content: center;
	margin-bottom: 25px;
}
.bn-cat span {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #7fe3ec;
	background: rgba(51, 216, 222, 0.16);
	border: 1px solid rgba(51, 216, 222, 0.3);
	border-radius: 100px;
	padding: 6px 14px;
}
.bn-byline {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px 22px;
	margin-top: 28px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
}
.bn-byline .who {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.bn-avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: linear-gradient(135deg, #9B6BE6, #33D8DE);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-head);
	font-size: 15px;
	color: #fff;
}
.bn-byline .sep {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
}
.bn-hero-img {
	position: relative;
	z-index: 2;
	padding: 0 90px;
	margin-top: -120px;
}
.bn-hero-img .frame {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
	border-radius: 32px;
	overflow: hidden;
	aspect-ratio: 21 / 9;
	box-shadow: 0 30px 70px rgba(40, 30, 80, 0.12);
	background: linear-gradient(135deg, #C7ECF2, #D9E4FB);
}
.bn-hero-img .frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bn-search {
	position: relative;
	max-width: 640px;
	margin: 34px auto 0;
	text-align: left;
}
.bn-search .box {
	display: flex;
	align-items: center;
	gap: 12px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 100px;
	padding: 6px 8px 6px 24px;
	backdrop-filter: blur(8px);
}
.bn-search .box svg,
.bn-search .box .fa {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	opacity: 0.7;
	color: #fff;
}
.bn-search input {
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 0;
	font-family: var(--font-body);
	font-size: 16px;
	color: #fff;
	background: transparent;
	border: none;
	outline: none;
	padding: 12px 0;
}
.bn-search input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.bn-clear {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	font-size: 16px;
	line-height: 1;
	display: none;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.bn-popular {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}
.bn-popular .lbl {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
}
.bn-pop {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 100px;
	padding: 7px 15px;
	cursor: pointer;
	transition: all .25s;
}
.bn-pop:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}
.help-article-banner .bn-lead {
	max-width: 680px;
}
.bn-crumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}
.bn-crumb a {
	color: rgba(255, 255, 255, 0.75);
}
.bn-crumb a:hover {
	color: var(--white);
}
.bn-crumb .sep {
	opacity: 0.5;
}
.bn-crumb .here {
	color: #7fe3ec;
}
.bn-title-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 50px;
}
.bn-title-row .bn-icon {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: rgba(51, 216, 222, 0.18);
	border: 1px solid rgba(51, 216, 222, 0.35);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7fe3ec;
	font-size: 22px;
}
.bn-title-row .subtitle {
	margin-bottom: 5px;
}
.bn-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 22px;
	margin-top: 60px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.75);
}
.bn-meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}
.bn-meta i {
	color: #7fe3ec;
}
/* Banner Css End */
/* Search Result Css Start */
.search-results {
	display: none;
}
.search-results.is-on {
	display: block;
}
.search-results-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}
.search-results-head h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 40px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0;
}
.search-results-head h2 .q {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.search-results-head .count {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 16px;
	color: var(--grey);
}
.search-results-list {
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	gap: 12px;
	margin-top: 30px;
}
.search-result {
	display: flex;
	align-items: center;
	gap: 18px;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 18px;
	padding: 18px 24px;
	color: inherit;
	box-shadow: 0 2px 10px rgba(40, 30, 80, 0.04);
	transition: transform .3s, box-shadow .3s, border-color .3s;
}
.search-result:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 32px rgba(40, 30, 80, 0.1);
	border-color: #33D8DE;
}
.search-result .tile {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.search-result .mid {
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 0;
}
.search-result .sec {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.search-result .ttl {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 16px;
	color: var(--charcoal);
}
.search-result .ds {
	display: block;
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-grey);
	margin-top: 3px;
}
.search-result .open {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: #02A7A6;
	white-space: nowrap;
}
.search-results-empty {
	display: none;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 22px;
	padding: 56px;
	text-align: center;
	box-shadow: 0 4px 16px rgba(40, 30, 80, 0.05);
}
.search-results-empty .ic {
	width: 64px;
	height: 64px;
	border-radius: 19px;
	background: linear-gradient(135deg, #FBE0EA, #ECDAF4);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	color: #A55CA5;
	font-size: 24px;
}
.search-results-empty h3 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 30px;
	line-height: 1.2;
	color: var(--grey);
	margin: 0;
}
.search-results-empty p {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.6;
	color: var(--body-grey);
	max-width: 440px;
	margin: 14px auto 0;
}
.search-results-empty .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin-top: 28px;
}
.search-results-empty .row .btn {
	width: fit-content;
}
.search-results-empty .row .btn-gradient::after {
	z-index: 0;
}
.search-results-empty .row .btn-gradient:hover {
	border-color: #33D8DE;
}
.search-results-empty .row .btn-gradient:hover .dot {
	background: #33D8DE;
}
.search-results-empty .row .btn-gradient:hover .dot::before {
	background: rgba(51, 216, 222, 0.25);
}
.search-results-empty .row .btn-gradient:hover .btn-txt {
	color: #33D8DE;
}
.search-results-empty .row .btn-ghost .btn-txt {
	color: #33D8DE;
}
.search-results-empty .row .btn-ghost:hover .btn-txt {
	color: var(--white);
}
.search-results-clear-all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 28px;
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: 600;
	background: none;
	border: none;
	cursor: pointer;
	color: #02A7A6;
	padding: 0;
}
.search-results-clear-all:hover {
	color: #0FAEBB;
}
.search-results-clear-all i {
	font-weight: 700;
}
/* Search Result Css End */
/* Image/Text Module Css Start */
.image-text {
	position: relative;
	/* border-top: 1px solid rgba(0, 0, 0, 0.06); */
}
.image-text .it-row {
	display: flex;
	align-items: center;
	gap: 90px;
}
.image-text .it-media {
	flex: 1.6 1 560px;
}
.image-text .it-media .it-frame {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	height: 620px;
	box-shadow: 0 24px 60px rgba(40, 30, 80, 0.12);
}
.image-text .it-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.image-text .it-text {
	flex: 1 1 360px;
}
.image-text .it-text h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 54px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0;
}
.image-text .it-text h2 span {
	font-style: italic;
	background: linear-gradient(90deg, #33D8DE 18%, #312F97 98%);
	background-clip: text;
	color: transparent;
}
.image-text .it-text .body {
	font-family: var(--font-body);
	font-size: 20px;
	line-height: 1.6;
	color: var(--body-grey);
	max-width: 540px;
	margin: 28px 0 0;
}
.image-text .it-text .btn {
	margin-top: 36px;
}
.image-text .it-text .btn-gradient:hover {
	border-color: #33D8DE;
}
.image-text .it-text .btn-gradient:hover .dot {
	background: #33D8DE;
}
.image-text .it-text .btn-gradient:hover .dot::before {
	background: rgba(51, 216, 222, 0.25);
}
.image-text .it-text .btn-gradient:hover .btn-txt {
	color: #33D8DE;
}
/* --right : image on the right, smaller */
.image-text--right .it-media {
	-webkit-box-ordinal-group: 3;
	order: 2;
	-webkit-box-flex: 0;
	flex: 0 1 420px;
}
.image-text--right .it-media .it-frame {
	height: 420px;
	box-shadow: 0 20px 48px rgba(40, 30, 80, 0.12);
}
.image-text--right .it-text {
	-webkit-box-ordinal-group: 2;
	order: 1;
	flex: 1 1 480px;
}
/* --themed : dark inset panel */
.image-text--themed .common-container {
	max-width: 100%;
	padding: 0 40px;
}
.image-text--themed .it-panel {
	position: relative;
	overflow: hidden;
	background: var(--gradient-dark);
	border-radius: 49px;
	padding: 100px 0;
	color: var(--white);
}
.image-text--themed .it-panel::before {
	content: "";
	position: absolute;
	top: -6%;
	left: 8%;
	width: 760px;
	max-width: 70%;
	height: 620px;
	background: radial-gradient(ellipse at center, rgba(243, 129, 130, 0.16) 0%, rgba(243, 129, 130, 0) 66%);
	pointer-events: none;
}
.image-text--themed .it-panel::after {
	content: "";
	position: absolute;
	top: 14%;
	right: -8%;
	width: 900px;
	max-width: 80%;
	height: 760px;
	background: radial-gradient(ellipse at center, rgba(146, 120, 230, 0.30) 0%, rgba(146, 120, 230, 0) 64%);
	pointer-events: none;
}
.image-text--themed .it-row {
	position: relative;
	z-index: 1;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 90px;
}
.image-text--themed .it-media {
	flex: 1 1 420px;
}
.image-text--themed .it-media .it-frame {
	height: 500px;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35);
}
.image-text--themed .it-text {
	flex: 1 1 460px;
}
.image-text--themed .it-text h2 {
	color: var(--white);
}
.image-text--themed .it-text .body {
	color: rgba(255, 255, 255, 0.8);
}
.image-text--themed .it-text h2 span {
	background: linear-gradient(90deg, #33D8DE, #48C2FF);
	background-clip: text;
	color: transparent;
}
/* --slideshow : cross-fading gallery */
.image-text--slideshow .it-media {
	flex: 1 1 460px;
}
.image-text--slideshow .it-media .it-frame {
	height: 480px;
	box-shadow: 0 24px 60px rgba(40, 30, 80, 0.14);
}
.image-text--slideshow .it-text {
	flex: 1 1 440px;
}
.it-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 0.8s ease;
	transition: opacity 0.8s ease;
}
.it-slide.is-active {
	opacity: 1;
	z-index: 2;
}
.it-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
}
.it-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.92);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(40, 30, 80, 0.2);
	transition: background .25s ease, color .25s ease;
}
.it-arrow:hover {
	background: var(--white);
}
.it-arrow.it-prev {
	left: 16px;
}
.it-arrow.it-next {
	right: 16px;
}
.it-arrow i {
	font-size: 18px;
	color: var(--grey);
}
.it-arrow:hover i {
	color: #33D8DE;
}
.it-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18px;
	z-index: 5;
	display: flex;
	justify-content: center;
	gap: 8px;
}
.it-dot {
	width: 9px;
	height: 9px;
	border-radius: 100px;
	border: none;
	cursor: pointer;
	padding: 0;
	background: rgba(49, 47, 151, 0.22);
	transition: width .4s ease, background .4s ease;
}
.it-dot.is-active {
	width: 26px;
	background: var(--gradient-brand);
}
/* Image/Text Module Css End */
/* Accordion Module Css Start */
.accordion {
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.accordion .accordion-center {
	max-width: 1040px;
	margin: 0 auto;
}
.accordion .acc-head {
	text-align: center;
}
.accordion .acc-head h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 50px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0 0 40px;
}
.accordion .acc-head h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.acc-list {
	text-align: left;
}
.acc-row {
	border-radius: 18px;
	margin-bottom: 15px;
	overflow: hidden;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 10px rgba(40, 30, 80, 0.03);
}
.acc-q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
	font-family: var(--font-body);
	font-weight: 600;
	color: var(--charcoal);
	padding: 30px;
	font-size: 20px;
}
.acc-icon {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	line-height: 1;
	color: #02A7A6;
	background: rgba(51, 216, 222, 0.12);
	transition: transform .35s ease;
}
.acc-row.is-open .acc-icon {
	transform: rotate(45deg);
}
.acc-panel {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height .5s cubic-bezier(.4, 0, .2, 1), opacity .4s ease;
}
.acc-row.is-open .acc-panel {
	max-height: inherit;
	opacity: 1;
	padding: 0 30px 30px;
}
.acc-a {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.65;
	color: var(--body-grey);
	margin: 0;
}
/* compact */
.accordion--compact .acc-inner {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}
.accordion--compact .acc-aside {
	-webkit-box-flex: 1;
	flex: 1 1 380px;
}
.accordion--compact .acc-aside h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 46px;
	line-height: 1.14;
	color: var(--grey);
	margin: 20px 0 0;
}
.accordion--compact .acc-aside h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.accordion--compact .acc-aside .body {
	max-width: 420px;
	margin: 24px 0 0;
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.2;
	color: var(--body-grey);
}
.accordion--compact .acc-list {
	-ms-flex: 1 1 460px;
	flex: 1 1 460px;
	margin: 0;
}
.accordion--compact .acc-row {
	border-radius: 0;
	margin: 0;
	background: none;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: none;
}
.accordion--compact .acc-q {
	padding: 30px 0;
}
.accordion--compact .acc-row.is-open .acc-panel {
	padding: 0 0 30px;
}
/* dark panel */
.accordion--dark .common-container {
	max-width: 100%;
	padding: 0 40px;
}
.accordion--dark .acc-panel-wrap {
	position: relative;
	overflow: hidden;
	background: var(--gradient-dark);
	border-radius: 49px;
	padding: 100px ;
	color: #fff;
}
.accordion--dark .acc-head h2 {
	color: #fff;
}
.accordion--dark .acc-head h2 .accent {
	font-style: italic;
	background-image: linear-gradient(90deg, #4DE3E9, #9B8CF0);
	background-clip: text;
	color: transparent;
}
.accordion--dark .acc-row {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	box-shadow: none;
}
.accordion--dark .acc-q {
	color: #fff;
}
.accordion--dark .acc-icon {
	color: #fff;
	background: rgba(255, 255, 255, 0.14);
}
.accordion--dark .acc-a {
	color: rgba(255, 255, 255, 0.78);
}
/* Accordion Module Css End */
/* Comparison Module Css Start */
.comparison {
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.comparison .cmp-head {
	text-align: center;
}
.comparison .cmp-head h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 50px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0 auto 52px;
	max-width: 720px;
}
.comparison .cmp-head h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.cmp-cols {
	padding: 0 90px;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	text-align: left;
}
.cmp-col {
	-webkit-box-flex: 1;
	flex: 1 1 320px;
	border-radius: 24px;
	padding: 40px;
}
.cmp-col--pro {
	background: var(--white);
	border: 1.5px solid #33D8DE;
	box-shadow: 0 16px 40px rgba(51, 216, 222, 0.14);
}
.cmp-col--con {
	background: rgba(255, 255, 255, 0.4);
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.cmp-col-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 26px;
}
.cmp-col-head .dot-lg {
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.cmp-col--pro .dot-lg {
	background: var(--gradient-brand);
	box-shadow: 0 0 10px rgba(51, 216, 222, 0.7);
}
.cmp-col--con .dot-lg {
	background: #c9c2ba;
}
.cmp-col-head h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 24px;
	margin: 0;
}
.cmp-col--pro h3 {
	color: var(--charcoal);
}
.cmp-col--con h3 {
	color: var(--grey);
}
.cmp-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 15px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.5;
}
.cmp-item .mk {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}
.cmp-item .mk i {
	font-size: 14px;
	font-weight: 800;
	margin-top: 1px;
}
.cmp-col--pro .cmp-item {
	color: var(--charcoal);
	font-weight: 500;
}
.cmp-col--pro .mk {
	background: rgba(51, 216, 222, 0.15);
	color: #02A7A6;
}
.cmp-col--con .cmp-item {
	color: var(--body-grey);
}
.cmp-col--con .mk {
	background: rgba(243, 129, 130, 0.14);
	color: #d9706f;
}
.cmp-table-wrap {
	padding: 0 90px;
}
.cmp-table {
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 14px 40px rgba(40, 30, 80, 0.06);
	text-align: left;
}
.cmp-thead,
.cmp-tr,
.cmp-alumnly {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cmp-thead {
	padding: 20px 35px;
	background: rgba(0, 0, 0, 0.02);
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--grey);
}
.cmp-tr {
	gap: 16px;
	padding: 18px 35px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.cmp-tr .name {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 18px;
	color: var(--charcoal);
}
.cmp-tr .cost {
	font-family: var(--font-head);
	font-size: 20px;
	color: var(--grey);
	white-space: nowrap;
}
.cmp-total {
	background: rgba(243, 129, 130, 0.06);
}
.cmp-total .name {
	font-weight: 700;
}
.cmp-total .cost {
	color: var(--coral);
	text-decoration: line-through;
	text-decoration-color: rgba(243, 129, 130, 0.6);
	font-size: clamp(22px, 2.4vw, 28px);
}
.cmp-alumnly {
	flex-wrap: wrap;
	gap: 16px;
	padding: 35px;
	background: var(--gradient-dark);
	color: #fff;
}
.cmp-alumnly .eb {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #7fe3ec;
	margin-bottom: 6px;
}
.cmp-alumnly .lbl {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
}
.cmp-alumnly .money {
	text-align: right;
}
.cmp-alumnly .big {
	font-family: var(--font-head);
	font-size: 44px;
	line-height: 1;
	background-image: linear-gradient(90deg, #4DE3E9, #9B8CF0);
	background-clip: text;
	color: transparent;
}
.cmp-alumnly .per {
	font-family: var(--font-body);
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	margin-left: 4px;
}
.cmp-note {
	font-family: var(--font-body);
	font-size: 14px;
	color: var(--grey);
	opacity: 0.7;
	margin: 18px auto 0;
	text-align: center;
	max-width: 980px;
	padding: 0 90px;
}
/* Pricing Comparison Css Start */
.cmp-pricing {
	display: flex;
	align-items: stretch;
	gap: 40px;
	padding: 0 90px;
	justify-content: center;
}
.price-comparison-col {
	flex: 0 1 480px;
	border-radius: 24px;
	padding: 40px;
	display: flex;
	flex-direction: column;
}
.price-comparison-col--enterprise {
	background: rgba(255, 255, 255, 0.4);
  	border: 1px solid rgba(0, 0, 0, 0.08);
}
.price-comparison-col--alumnly {
	background: var(--white);
	border: 1.5px solid #33D8DE;
	box-shadow: 0 16px 40px rgba(51, 216, 222, 0.14);
}
.price-col-title {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
	color: var(--charcoal);
	margin: 0 0 16px 0;
}
.price-range {
	font-family: var(--font-head);
	font-size: 48px;
	line-height: 1.1;
	font-weight: 400;
	color: var(--charcoal);
	margin: 0 0 8px 0;
}
.price-subtitle {
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 500;
	color: #999999;
	margin: 0 0 28px 0;
	line-height: 1.5;
}
.price-breakdown {
	flex: 1;
}
.breakdown-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	font-family: var(--font-body);
}
.breakdown-item:first-child {
	border-top: none;
	padding-top: 0;
}
.item-label {
	font-size: 16px;
	font-weight: 500;
	color: var(--charcoal);
}
.item-value {
	font-size: 16px;
	font-weight: 600;
	color: var(--grey);
}
.price-comparison-col--alumnly .item-label {
	color: var(--charcoal);
}
.price-comparison-col--alumnly .item-value {
	font-weight: 700;
}
.price-multiplier {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	text-align: center;
}
.multiplier-text {
	font-family: var(--font-head);
	font-size: 56px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 12px;
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.multiply-sign {
	font-size: 0.7em;
	margin-left: 2px;
}
.multiplier-note {
	font-family: var(--font-body);
	font-size: 12px;
	line-height: 1.5;
	color: #999999;
	margin: 0 auto;
	font-weight: 500;
	max-width: 145px;
}
/* Pricing Comparison Css End */
/* Comparison Module Css End */
/* Link Tiles Module Css Start */
.link-tiles {
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.link-tiles--center .lt-inner {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding: 0 90px;
}
.link-tiles h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 46px;
	line-height: 1.14;
	color: var(--grey);
	margin: 0 0 36px;
}
.link-tiles h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.lt-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.lt-pills {
	justify-content: center;
}
.lt-chip {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: clamp(15px, 1.5vw, 17px);
	color: var(--charcoal);
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 100px;
	padding: 13px 22px;
	transition: border-color .25s, box-shadow .25s, color .25s, transform .25s;
}
.lt-chip:hover {
	border-color: #33D8DE;
	box-shadow: 0 8px 20px rgba(51, 216, 222, 0.14);
	color: #02A7A6;
	transform: translateY(-2px);
}
.lt-chip .arw {
	color: #02A7A6;
	font-weight: 700;
}
.lt-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 22px;
}
.lt-tile {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(40, 30, 80, 0.05);
	transition: transform .3s, box-shadow .3s;
}
.lt-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 44px rgba(40, 30, 80, 0.12);
}
.lt-tile-img {
	position: relative;
	height: 180px;
	background: rgba(2, 42, 109, 0.05);
}
.lt-tile-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.lt-tile-body {
	padding: 26px 26px 28px;
}
.lt-tile-body h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 21px;
	line-height: 1.2;
	color: var(--charcoal);
	margin: 0;
}
.lt-tile-body p {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 10px 0 16px;
}
.lt-tile-body .more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	color: #02A7A6;
}
.lt-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.lt-pill {
	display: inline-flex;
	align-items: center;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 16px;
	border-radius: 100px;
	padding: 12px 24px;
	color: var(--charcoal);
	border: 1px solid rgba(0, 0, 0, 0.15);
	background: transparent;
	-webkit-transition: all .25s;
	transition: all .25s;
}
.lt-pill:hover {
	border-color: #33D8DE;
	color: #02A7A6;
}
.lt-pill.is-active {
	color: #fff;
	border-color: transparent;
	background: var(--gradient-brand);
	box-shadow: 0 10px 24px rgba(49, 47, 151, 0.22);
	padding: 12px 26px;
}
/* Link Tiles Module Css End */
/* Image Divider & Pull Quote Module Css Start */
.divider {
	position: relative;
	overflow: hidden;
	/* border-top: 1px solid rgba(0, 0, 0, 0.06); */
}
.divider .btn {
	margin-top: 34px;
}
.divider--quote {
	text-align: center;
}
.divider--quote .dv-inner,
.divider--illo .dv-inner {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0 90px;
}
.divider--quote .dv-inner {
	max-width: 1040px;
}
.divider--illo .dv-inner {
	max-width: 1000px;
}
.dv-qmark {
	margin-bottom: 28px;
}
.dv-qmark img {
	width: 70px;
}
.dv-quote {
	font-family: var(--font-head);
	font-style: italic;
	font-weight: 400;
	font-size: 54px;
	line-height: 1.28;
	color: var(--grey);
	margin: 0 auto;
	max-width: 920px;
}
.dv-quote .accent {
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
	font-style: italic;
}
.dv-rule {
	width: 60px;
	height: 2px;
	background: var(--coral);
	margin: 40px auto 0;
}
.dv-name {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 18px;
	color: var(--charcoal);
	margin: 26px 0 0;
}
.dv-role {
	font-family: var(--font-body);
	font-size: 14px;
	color: var(--grey);
	margin: 5px 0 0;
}
.divider--image,
.divider--video {
	margin: 0 40px;
}
.divider--image .common-container,
.divider--video .common-container {
	min-height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1a1208;
	border-radius: 49px;
	overflow: hidden;
	position: relative;
	max-width: 100%;
}
.dv-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.dv-media img,
.dv-media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.dv-scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(8, 10, 22, 0.35) 0%, rgba(8, 10, 22, 0.15) 40%, rgba(8, 10, 22, 0.5) 100%);
	pointer-events: none;
}
.divider--image .dv-content,
.divider--video .dv-content {
	position: relative;
	z-index: 3;
	text-align: center;
	padding: 0 90px;
}
.dv-eyebrow {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.82);
	margin-bottom: 18px;
}
.dv-band-quote {
	font-family: var(--font-head);
	font-style: italic;
	font-weight: 400;
	font-size: 44px;
	line-height: 1.25;
	color: #fff;
	margin: 0 auto;
	max-width: 760px;
	text-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);
}
.divider--illo {
	text-align: center;
}
.dv-illo {
	position: relative;
	border-radius: 28px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, #C7ECF2 0%, #ECDAF4 55%, #FBE0EA 100%);
	box-shadow: 0 30px 70px rgba(40, 30, 80, 0.14);
	padding: 5%;
}
.dv-illo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 18px;
	display: block;
}
.dv-caption {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 21px;
	color: var(--grey);
	margin: 26px auto 0;
	max-width: 640px;
}
.dv-play {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 26px;
	cursor: pointer;
	text-decoration: none;
}
.dv-play span {
	width: 0;
	height: 0;
	border-left: 22px solid #fff;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	margin-left: 6px;
}
/* Image Divider & Pull Quote Module Css End */
/* Full Text Editor Module Css Start */
.rich-text {
	position: relative;
	/* border-top: 1px solid rgba(0, 0, 0, 0.06); */
}
.rich-text .rt-inner {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 40px;
}
.rich-text--wide .rt-inner {
	max-width: 1360px;
	padding: 0 60px;
}
.rich-text--center .rt-inner {
	text-align: center;
}
.rich-text .subtitle {
	display: block;
}
.raw-html-embed iframe {
	width: 100% !important;
}
.rt-prose h1 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 52px;
	line-height: 1.16;
	color: var(--grey);
	margin: 20px 0 0;
}
.rt-prose h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 44px;
	line-height: 1.16;
	color: var(--grey);
	margin: 20px 0 0;
}
.rt-prose h2 .accent,
.rt-prose h2 em {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.rt-prose h3 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 36px;
	line-height: 1.2;
	color: var(--grey);
	margin: 20px 0 0;
}
.rt-prose h4 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 30px;
	line-height: 1.2;
	color: var(--grey);
	margin: 20px 0 0;
}
.rt-prose h5 {
	font-family: var(--font-head);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--grey);
	margin: 20px 0 0;
}
.rt-prose h6 {
	font-family: var(--font-head);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	color: var(--grey);
	margin: 20px 0 0;
}
.rt-prose .lead {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 24px;
	line-height: 1.45;
	color: var(--body-grey);
	margin: 20px 0 0;
}
.rt-prose p {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.7;
	color: var(--body-grey);
	margin: 20px 0 0;
}
.rt-prose a {
	color: #02A7A6;
}
.rt-prose a:hover {
	color: #0FAEBB;
}
.rt-prose ul {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}
.rt-prose ul li {
	position: relative;
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.65;
	color: var(--body-grey);
	padding: 7px 0 7px 30px;
}
.rt-prose ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--gradient-brand);
}
.rt-prose blockquote {
	margin: 38px 0 0;
	padding: 6px 0 6px 28px;
	border-left: 3px solid var(--coral);
}
.rt-prose blockquote p {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 27px;
	line-height: 1.4;
	color: var(--grey);
	margin: 0;
}
.rt-prose table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--font-body);
	margin: 30px 0 0;
}
.rt-table {
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 18px;
	overflow: hidden;
	background: var(--white);
	margin-top: 30px;
}
.rt-table.tbl-responsive {
	overflow-x: auto;
}
.rt-table table {
	margin: 0;
}
.rt-prose thead tr {
	background: var(--gradient-dark);
	vertical-align: top;
}
.rt-prose .comparison-price-tbl thead tr {
	vertical-align: middle;
}
.rt-prose th {
	text-align: center;
	padding: 16px;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
}
.rt-prose .comparison-price-tbl thead tr th.price-tbl-title {
	font-family: var(--font-head);
	font-size: 18px;
	line-height: 20px;
}
.rt-prose .comparison-price-tbl thead tr th .sub-txt {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	line-height: 14px;
	margin-top: 2px;
	color: var(--white);
}
.rt-prose th:first-child {
	text-align: left;
	padding-left: 22px;
}
.rt-prose .comparison-price-tbl tbody tr.tbl-row-title {
	background: rgba(243,129,130,0.06);
}
.rt-prose tbody td {
	text-align: center;
	padding: 15px 16px;
	font-size: 15px;
	color: var(--body-grey);
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.rt-prose tbody td:first-child {
	text-align: left;
	padding-left: 22px;
	font-weight: 500;
	color: var(--charcoal);
}
.rt-prose .comparison-price-tbl tbody tr.tbl-row-title td {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 16px;
	color: var(--grey);
}
/* Image and Text Side By Side Css Start */
figure {
	height: auto;
	object-fit: cover;
	object-position: center;
	margin: 30px 0;
}
.image-style-align-left {
    margin-bottom: 0;
    float: left; /* Makes the image float on the left */
    margin-right: 20px; /* Adds space to the right of the image */
    width: 350px; /* Adjust the width of the image */
    height: auto; /* Ensures the image retains its aspect ratio */
    position: relative;
}
.image-style-align-right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    position: relative;
}
/* Image and Text Side By Side Css End */
.raw-html-embed {
	width: 100% !important;
}
.rt-prose > :first-child {
	margin-top: 0;
}
.line-through-txt {
	text-decoration: line-through;
	text-decoration-color: rgba(243,129,130,0.5);
}
.rt-columns {
	column-count: 2;
	column-gap: 56px;
	margin-top: 36px;
}
.rt-columns p {
	margin: 0 0 20px;
}
.ft-downloads {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	gap: 14px;
	margin-top: 30px;
}
.ft-download {
	display: flex;
	align-items: center;
	gap: 18px;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 16px;
	padding: 18px 22px;
	transition: border-color .25s, box-shadow .25s, transform .25s;
}
.ft-download:hover {
	border-color: #33D8DE;
	box-shadow: 0 10px 26px rgba(51, 216, 222, 0.14);
	transform: translateY(-2px);
}
.ft-download .ic {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: linear-gradient(135deg, #C7ECF2, #D9E4FB);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #312F97;
}
.ft-download .meta {
	flex: 1;
}
.ft-download .nm {
	display: block;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 17px;
	color: var(--charcoal);
}
.ft-download .sub {
	display: block;
	font-size: 13px;
	color: var(--grey);
	margin-top: 2px;
}
.ft-download .dl {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(51, 216, 222, 0.12);
	color: #02A7A6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.ft-info {
	display: flex;
	gap: 18px;
	background: linear-gradient(180deg, rgba(51, 216, 222, 0.09), rgba(49, 47, 151, 0.04));
	border: 1px solid rgba(51, 216, 222, 0.35);
	border-radius: 18px;
	padding: 24px 26px;
	margin: 30px 0;
}
.ft-info .ic {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: var(--gradient-brand);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #fff;
}
.ft-info .eb {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #02A7A6;
	margin-bottom: 8px;
}
.ft-info p {
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.6;
	color: var(--body-grey);
	margin: 0;
}
.art-author {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 40px;
	padding: 26px 28px;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 20px;
	box-shadow: 0 4px 16px rgba(40, 30, 80, 0.05);
}
.art-author .av {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, #9B6BE6, #33D8DE);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-head);
	font-size: 24px;
	color: #fff;
}
.art-author .txt {
	-webkit-box-flex: 1;
	flex: 1 1 300px;
}
.art-author .nm {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 16px;
	color: var(--charcoal);
}
.art-author .bio {
	display: block;
	font-family: var(--font-head);
	font-style: italic;
	font-size: 15px;
	color: var(--grey);
	margin-top: 3px;
}
.ft-checklist {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 2px 48px;
	text-align: left;
	margin-top: 48px;
}
.ft-check {
	display: flex;
	gap: 15px;
	padding: 18px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.ft-check .mk {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(51, 216, 222, 0.14);
	color: #02A7A6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 800;
	margin-top: 2px;
}
.ft-check .nm {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 18px;
	color: var(--charcoal);
}
.ft-check .ds {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.55;
	color: var(--body-grey);
	margin-top: 5px;
}
/* Full Text Editor Module Css End */
/* Steps & Timeline Module Css Start */
.steps {
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.steps .st-inner {
	margin: 0 auto;
	padding: 0 90px;
}
.steps--horizontal .st-inner {
	max-width: 1300px;
	text-align: center;
}
.steps--vertical .st-inner {
	max-width: 760px;
}
.steps--timeline .st-inner {
	max-width: 860px;
}
.steps h2 {
	font-family: var(--font-head);
	font-weight: 400;
	color: var(--grey);
	margin: 0 auto;
}
.steps--horizontal h2 {
	font-size: 48px;
	line-height: 1.1;
	margin-bottom: 64px;
	max-width: 720px;
}
.steps--vertical h2 {
	font-size: 44px;
	line-height: 1.12;
	margin: 0 0 48px;
}
.steps--timeline .st-head {
	text-align: center;
}
.steps--timeline .st-head .subtitle {
	display: block;
}
.steps--timeline h2 {
	font-size: 46px;
	line-height: 1.12;
	margin-bottom: 56px;
	max-width: 600px;
}
.steps h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.st-row {
	position: relative;
	max-width: 1150px;
	margin: 0 auto;
}
.st-row::before {
	content: "";
	position: absolute;
	top: 56px;
	left: 14%;
	right: 14%;
	height: 2px;
	background: rgba(49, 47, 151, 0.16);
	z-index: 0;
}
.st-cards {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px 8px;
}
.st-card {
	-webkit-box-flex: 1;
	flex: 1 1 200px;
	max-width: 270px;
	padding: 0 10px;
}
.st-num {
	width: 112px;
	height: 112px;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-head);
	font-size: 40px;
	color: #fff;
	background: linear-gradient(225deg, #3E84C4, #4A45B2);
	box-shadow: 0 12px 28px rgba(49, 47, 151, 0.22);
}
.st-card.is-live .st-num {
	background: linear-gradient(225deg, #45D4DE, #2BB6C9);
	box-shadow: 0 12px 28px rgba(43, 182, 201, 0.3);
}
.st-card .st-t {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	color: var(--charcoal);
	margin-top: 22px;
}
.st-card .st-d {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.5;
	color: var(--body-grey);
	max-width: 230px;
	margin: 10px auto 0;
}
.st-v,
.st-y {
	display: flex;
	gap: 24px;
}
.st-y {
	gap: 30px;
}
.st-v-rail,
.st-y-rail {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	align-items: center;
}
.st-y-rail {
	-ms-flex: 0 0 16px;
	flex: 0 0 16px;
}
.st-v-num {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-head);
	font-size: 20px;
	color: #fff;
	background: linear-gradient(225deg, #3E84C4, #4A45B2);
	box-shadow: 0 8px 20px rgba(49, 47, 151, 0.22);
}
.st-v-line,
.st-y-line {
	width: 2px;
	flex: 1;
	min-height: 20px;
	background: rgba(49, 47, 151, 0.18);
	margin-top: 6px;
}
.st-y-line {
	min-height: 24px;
}
.st-v:last-child .st-v-line,
.st-y:last-child .st-y-line {
	background: transparent;
}
.st-y-dot {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--gradient-brand);
	box-shadow: 0 0 0 5px var(--cream), 0 0 0 6px rgba(51, 216, 222, 0.25);
	margin-top: 10px;
}
.st-v-body {
	padding-bottom: 36px;
}
.st-y-body {
	padding-bottom: 44px;
}
.st-v-body h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 22px;
	color: var(--charcoal);
	margin: 6px 0 0;
}
.st-v-body p,
.st-y-body p {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
	color: var(--body-grey);
	margin: 10px 0 0;
}
.st-y-year {
	font-family: var(--font-head);
	font-size: 38px;
	line-height: 1;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.st-y-body h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	color: var(--charcoal);
	margin: 10px 0 0;
}
.st-y-body p {
	margin: 8px 0 0;
}
/* Steps & Timeline Module Css End */
/* Testimonial Module Css Start */
.testimonials {
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.testimonials--single {
	text-align: center;
}
.tst-inner {
	position: relative;
	z-index: 1;
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 90px;
}
.tst-stars {
	display: flex;
	justify-content: center;
	gap: 5px;
	margin-bottom: 30px;
	color: #FFC427;
	font-size: 24px;
}
.tst-quote-lg {
	font-family: var(--font-head);
	font-style: italic;
	font-weight: 400;
	font-size: 52px;
	line-height: 1.3;
	margin: 0 auto;
	max-width: 920px;
	color: var(--grey);
}
.tst-quote-lg .accent,
.tst-quote-md .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.tst-avatar {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	margin: 40px auto 0;
	padding: 3px;
	background: linear-gradient(135deg, #9B6BE6, #33D8DE);
	box-shadow: 0 10px 26px rgba(40, 30, 80, 0.16);
}
.tst-avatar .fill {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(160deg, #7d6ad6, #463c86);
}
.tst-avatar img,
.tst-photo-circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tst-name,
.tst-photo-text .nm {
	font-family: var(--font-body);
	font-weight: 700;
	color: var(--charcoal);
}
.tst-name {
	font-size: 18px;
	margin: 26px 0 0;
}
.tst-role {
	font-family: var(--font-body);
	font-size: 14px;
	margin: 5px 0 0;
	color: var(--grey);
}
.testimonials--grid .tst-head {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 90px;
	text-align: center;
}
.testimonials--grid h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 46px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0 auto 52px;
	max-width: 640px;
}
.testimonials--grid h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.tst-grid {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 90px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 22px;
	text-align: left;
}
.tst-card {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 22px;
	padding: 38px;
	box-shadow: 0 6px 22px rgba(40, 30, 80, 0.05);
}
.tst-qmark {
	font-family: var(--font-head);
	font-size: 30px;
	line-height: 0.4;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.tst-card p {
	-webkit-box-flex: 1;
	flex: 1;
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.6;
	color: var(--body-grey);
	margin: 14px 0 0;
}
.tst-card-foot {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.tst-initial {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: linear-gradient(135deg, #9B6BE6, #33D8DE);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-head);
	font-size: 19px;
	color: #fff;
}
.tst-card-foot .nm {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 15px;
	color: var(--charcoal);
}
.tst-card-foot .rl {
	display: block;
	font-family: var(--font-body);
	font-size: 13px;
	color: var(--grey);
	margin-top: 2px;
}
.tst-photo-row {
	position: relative;
	z-index: 1;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 90px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 80px;
}
.tst-photo-media {
	-webkit-box-flex: 0;
	flex: 0 1 440px;
	display: flex;
	justify-content: center;
}
.tst-photo-circle {
	position: relative;
	width: 440px;
	aspect-ratio: 1 / 1;
}
.tst-photo-circle .fill {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(135deg, #FBD2DD, #EE9BCF 48%, #AE6FDC);
}
.tst-stat-badge {
	position: absolute;
	bottom: 6%;
	left: -6%;
	background: #fff;
	border-radius: 18px;
	padding: 18px 22px;
	box-shadow: 0 16px 40px rgba(40, 30, 80, 0.16);
}
.tst-stat-badge .eb {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--coral);
}
.tst-stat-badge .big {
	display: block;
	font-family: var(--font-head);
	font-size: 32px;
	line-height: 1;
	color: #2a2780;
	margin-top: 6px;
}
.tst-photo-text {
	-webkit-box-flex: 1;
	flex: 1 1 440px;
}
.tst-quote-md {
	font-family: var(--font-head);
	font-style: italic;
	font-weight: 400;
	font-size: 38px;
	line-height: 1.32;
	margin: 0;
	color: var(--grey);
}
.tst-div {
	width: 320px;
	max-width: 60%;
	height: 1px;
	margin: 34px 0;
	background: rgba(0, 0, 0, 0.15);
}
.tst-photo-text .body {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
	max-width: 520px;
	color: var(--body-grey);
}
.tst-photo-text .nm {
	display: block;
	font-size: 19px;
	margin-top: 26px;
}
.tst-photo-text .rl {
	display: block;
	font-family: var(--font-body);
	font-size: 15px;
	margin-top: 3px;
	color: var(--body-grey);
}
/* Testimonial Module Css End */
/* Card Grid Module Css Start */
.card-grid {
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.card-grid .cg-inner,
.form-section .form-inner {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0 90px;
	max-width: 1500px;
}
.card-grid--fixed4 .cg-inner {
	max-width: 1500px;
}
.card-grid--bars .cg-inner {
	max-width: 1400px;
}
.card-grid--chips .cg-inner {
	max-width: 1000px;
}
.card-grid--tint .cg-inner {
	max-width: 1400px;
}
.card-grid--badge .cg-inner,
.form-section .form-inner {
	max-width: 1400px;
}
.card-grid--flexible .cg-inner,
.card-grid--fixed4 .cg-inner,
.card-grid--badge .cg-inner,
.card-grid--chips .cg-inner,
.card-grid--tint .cg-inner,
.card-grid--bars .cg-inner,
.form-section .form-inner {
	text-align: center;
}
.card-grid .subtitle,
.form-section .form-inner .subtitle {
	display: block;
}
.card-grid h2,
.form-section .form-inner h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 50px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0 0 48px;
}
.form-section .form-inner .sub-txt {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.7;
	color: var(--body-grey);
	margin: 0;
}
.card-grid--flexible h2,
.card-grid--fixed4 h2,
.card-grid--badge h2,
.card-grid--tint h2,
.card-grid--bars h2,
.card-grid--variable h2 {
	margin: 0 auto 48px;
	max-width: 760px;
}
.card-grid--flexible h2,
.card-grid--fixed4 h2 {
	margin-left: auto;
	margin-right: auto;
}
.card-grid--variable h2 {
	margin-left: 0;
}
.card-grid--chips h2 {
	margin: 0 auto 40px;
	max-width: 620px;
}
.card-grid h2 .accent,
.form-section .form-inner h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.cg-card {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 22px;
	padding: 30px;
	box-shadow: 0 2px 12px rgba(40, 30, 80, 0.04);
	text-align: left;
}
.cg-ico {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	margin-bottom: 20px;
}
.cg-ico.g1 {
	background: linear-gradient(135deg, #C7ECF2, #D9E4FB);
}
.cg-ico.g2 {
	background: linear-gradient(135deg, #FBE0EA, #ECDAF4);
}
.cg-ico.g3 {
	background: linear-gradient(135deg, #FFE3C7, #FBD2DD);
}
.cg-ico.g4 {
	background: linear-gradient(135deg, #D8F3E4, #C7ECF2);
}
.cg-card h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.15;
	color: #4a4a4a;
	margin: 0;
}
.cg-card p {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 10px 0 0;
}
.cg-card a {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.55;
	color: var(--body-grey);
}
.cg-card a:hover {
	color: var(--coral);
}
.cg-grid {
	display: grid;
	gap: 18px;
	text-align: left;
}
.card-grid--flexible .cg-grid {
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.card-grid--fixed4 .cg-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.card-grid--badge .cg-grid,
.card-grid--tint .cg-grid,
.card-grid--bars .cg-grid {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 22px;
}
.cg-var {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}
.cg-var+.cg-var {
	margin-top: 18px;
}
.cg-tile {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 24px;
	padding: 32px;
	box-shadow: 0 2px 12px rgba(40, 30, 80, 0.04);
}
.cg-tile--lg {
	-webkit-box-flex: 2;
	flex: 2 1 420px;
	padding: 40px;
}
.cg-tile--md {
	-webkit-box-flex: 1;
	flex: 1 1 260px;
}
.cg-tile--sm {
	-webkit-box-flex: 1;
	flex: 1 1 240px;
}
.cg-tile h3 {
	font-family: var(--font-body);
	font-weight: 700;
	color: #4a4a4a;
	margin: 0;
	font-size: 20px;
}
.cg-tile--lg h3 {
	font-size: 30px;
	line-height: 1.12;
}
.cg-tile p {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 12px 0 0;
}
.cg-tile--lg .cg-ico {
	width: 64px;
	height: 64px;
	border-radius: 18px;
	font-size: 30px;
	margin-bottom: 24px;
}
.cg-showcase {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 80px;
	text-align: left;
}
.cg-sc-text {
	-webkit-box-flex: 1;
	flex: 1 1 400px;
}
.cg-bignum {
	font-family: var(--font-head);
	font-size: 72px;
	line-height: 1;
	margin: 2px 0 6px;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
	display: block;
}
.cg-sc-text h2 {
	font-size: 46px;
	line-height: 1.1;
	margin: 4px 0 0;
}
.cg-sc-text .body {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.65;
	color: var(--body-grey);
	max-width: 520px;
	margin: 18px 0 0;
}
.cg-statbox {
	display: flex;
	gap: 16px;
	margin-top: 30px;
	padding: 20px 24px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(0, 0, 0, 0.06);
}
.cg-statbox .n {
	font-family: var(--font-head);
	font-size: 38px;
	line-height: 1;
	white-space: nowrap;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.cg-statbox .t {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.5;
	color: var(--body-grey);
	margin: 0;
}
.cg-sc-cards {
	-webkit-box-flex: 1;
	flex: 1 1 460px;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	gap: 16px;
}
.cg-sc-feat {
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 2px 12px rgba(40, 30, 80, 0.04);
}
.cg-sc-feat h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 21px;
	color: #4a4a4a;
	margin: 0;
}
.cg-sc-feat p {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 10px 0 0;
}
.cg-sc-small-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.cg-sc-small {
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 18px;
	padding: 24px;
}
.cg-sc-small .cg-ico {
	width: 46px;
	height: 46px;
}
.cg-sc-small h4 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 17px;
	color: #4a4a4a;
	margin: 0;
}
.cg-sc-small p {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-grey);
	margin: 8px 0 0;
}
.cg-featured {
	position: relative;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	background: linear-gradient(180deg, rgba(51, 216, 222, 0.09), rgba(49, 47, 151, 0.05));
	border: 1.5px solid #33D8DE;
	border-radius: 22px;
	padding: 34px;
	box-shadow: 0 14px 36px rgba(51, 216, 222, 0.16);
	text-align: left;
}
.cg-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	align-self: flex-start;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #02A7A6;
	background: #fff;
	border: 1px solid rgba(51, 216, 222, 0.5);
	border-radius: 100px;
	padding: 5px 12px;
	margin-bottom: 20px;
}
.cg-featured .cg-ico {
	background: var(--gradient-brand);
}
.cg-featured h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 22px;
	color: #4a4a4a;
	margin: 0;
}
.cg-featured p {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 12px 0 0;
}
.cg-featured a {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.55;
	color: var(--body-grey);
}
.cg-featured a:hover {
	color: var(--coral);
}
.cg-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}
.cg-chip {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	border-radius: 100px;
	padding: 12px 20px;
	color: var(--charcoal);
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	transition: border-color .25s, box-shadow .25s, color .25s;
}
.cg-chip i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gradient-brand);
	-webkit-box-flex: 0;
	flex: 0 0 auto;
}
.cg-chip:hover {
	border-color: #33D8DE;
	box-shadow: 0 6px 18px rgba(51, 216, 222, 0.16);
	color: #02A7A6;
}
.cg-tint {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	border-radius: 24px;
	padding: clamp(28px, 3vw, 40px);
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 12px 34px rgba(40, 30, 80, 0.08);
	text-align: left;
}
.cg-tint.t1 {
	background: linear-gradient(135deg, rgba(51, 216, 222, 0.3), rgba(143, 230, 236, 0.3)), #fff;
}
.cg-tint.t2 {
	background: linear-gradient(135deg, rgba(255, 217, 116, 0.3), rgba(255, 238, 193, 0.3)), #fff;
}
.cg-tint.t3 {
	background: linear-gradient(135deg, rgba(205, 204, 253, 0.35), rgba(176, 103, 207, 0.3)), #fff;
}
.cg-tint .cg-ico {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 4px 12px rgba(40, 30, 80, 0.06);
}
.cg-tint h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 22px;
	line-height: 1.15;
	color: #333;
	margin: 0;
}
.cg-tint p {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.55;
	color: #4F4F4F;
	margin: 12px 0 0;
}
.app-store-btn-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 30px;
}
.app-store-btn-box .app-store-btn {
	background: #000000;
	border: solid 1px #000000;
	border-radius: 10px;
	outline: 0;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	font-size: 16px;
	color: var(--white);
	font-family: var(--font-body);
	font-weight: 500;
	gap: 10px;
	transition: all 0.5s;
	min-width: 150px;
}
.app-store-btn-box .app-store-btn:hover {
	background: transparent;
	color: #000000;
}
.app-store-btn-box .app-store-btn i {
	font-size: 20px;
	color: var(--white);
	transition: all 0.5s;
}
.app-store-btn-box .app-store-btn:hover i {
	color: #000000;
}
.cg-chip-box {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 15px;
}
.cg-chip-box .cg-chip {
	background: rgba(255,255,255,.62);
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	color: #4a4a4a;
}
.cg-bar {
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 18px;
	padding: 40px;
	box-shadow: 0 14px 40px rgba(49, 47, 151, 0.06);
	text-align: left;
}
.cg-bar::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
}
.cg-bar.b1::before {
	background: linear-gradient(90deg, #33D8DE, #8FE6EC);
}
.cg-bar.b2::before {
	background: linear-gradient(90deg, #FFD974, #FFEEC1);
}
.cg-bar.b3::before {
	background: linear-gradient(90deg, #CDCCFD, #B067CF);
}
.cg-bar h3 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.15;
	color: var(--grey);
	margin: 4px 0 12px;
}
.cg-bar p {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 0;
}
/* Card Grid Module Css End */
/* Stat Band Module Css Start */
.stat-band {
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.stat-band .common-container {
	max-width: 100%;
  	padding: 0 40px;
}
.stat-band .sb-panelwrap .sb-panel {
	padding: 90px 0;
}
.stat-band .sb-inner {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0 90px;
	text-align: center;
}
.stat-band .subtitle {
	display: block;
}
.stat-band h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 46px;
	line-height: 1.14;
	color: var(--grey);
	margin: 0 auto 56px;
	max-width: 720px;
}
.stat-band h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.sb-panel {
	position: relative;
	overflow: hidden;
	background: var(--gradient-dark);
	border-radius: 49px;
	color: #fff;
}
.sb-panel::before {
	content: "";
	position: absolute;
	top: -6%;
	left: 8%;
	width: 760px;
	max-width: 70%;
	height: 620px;
	background: radial-gradient(ellipse at center, rgba(243, 129, 130, 0.16) 0%, rgba(243, 129, 130, 0) 66%);
	pointer-events: none;
}
.sb-panel::after {
	content: "";
	position: absolute;
	top: 14%;
	right: -8%;
	width: 900px;
	max-width: 80%;
	height: 760px;
	background: radial-gradient(ellipse at center, rgba(146, 120, 230, 0.28) 0%, rgba(146, 120, 230, 0) 64%);
	pointer-events: none;
}
.sb-panel-inner {
	position: relative;
	z-index: 1;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 90px;
}
.sb-panel .subtitle {
	color: var(--coral);
}
.sb-panel h2 {
	color: #fff;
}
.sb-panel h2 .accent {
	font-style: italic;
	background-image: linear-gradient(90deg, #4DE3E9, #9B8CF0);
	background-clip: text;
	color: transparent;
}
.sb-compare {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 72px;
	text-align: center;
}
.sb-compare .old {
	-webkit-box-flex: 0;
	flex: 0 1 300px;
}
.sb-compare .old .n {
	font-family: var(--font-body);
	font-weight: 800;
	font-size: 140px;
	line-height: 0.9;
	color: rgba(255, 255, 255, 0.55);
	position: relative;
	display: inline-block;
}
.sb-compare .old .n::after {
	content: "";
	position: absolute;
	left: -8%;
	right: -8%;
	top: 52%;
	height: 4px;
	background: var(--coral);
	-webkit-transform: rotate(-8deg);
	transform: rotate(-8deg);
}
.sb-compare .old .l {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 8px;
}
.sb-compare .arw {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	font-family: var(--font-head);
	font-size: 40px;
	color: rgba(255, 255, 255, 0.6);
}
.sb-compare .new {
	-webkit-box-flex: 0;
	flex: 0 1 300px;
}
.sb-compare .new .n {
	font-family: var(--font-body);
	font-weight: 800;
	font-size: 168px;
	line-height: 0.9;
	background: linear-gradient(90deg, #4DE3E9, #9B8CF0);
	background-clip: text;
	color: transparent;
}
.sb-compare .new .l {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	margin-top: 8px;
}
.stat-band--single .sb-inner {
	max-width: 900px;
}
.stat-band--multi .sb-inner {
	max-width: 1400px;
}
.sb-big {
	font-family: var(--font-body);
	font-weight: 800;
	font-size: 240px;
	line-height: 0.86;
	letter-spacing: -0.03em;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 5px;
}
.sb-cap {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 34px;
	line-height: 1.35;
	color: var(--grey);
	margin: 28px auto 0;
	max-width: 640px;
}
.sb-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
.sb-stat {
	-webkit-box-flex: 1;
	flex: 1 1 200px;
	max-width: 300px;
	padding: 0 28px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.sb-stat:first-child {
	border-left: 0;
}
.sb-stat .n {
	font-family: var(--font-body);
	font-weight: 800;
	font-size: 84px;
	line-height: 0.95;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.sb-stat .l {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 17px;
	line-height: 1.4;
	color: var(--body-grey);
	margin-top: 14px;
}
.sb-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 22px;
	text-align: left;
}
.sb-scard {
	-webkit-box-flex: 1;
	flex: 1 1 260px;
	max-width: 360px;
	border-radius: 24px;
	padding: 34px;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	box-shadow: 0 16px 40px rgba(40, 30, 80, 0.08);
}
.sb-scard:nth-child(2) {
	margin-top: 36px;
}
.sb-scard .n {
	font-family: var(--font-body);
	font-weight: 800;
	font-size: 72px;
	line-height: 0.95;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.sb-scard .t {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 18px;
	color: var(--charcoal);
	margin-top: 16px;
}
.sb-scard .d {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.55;
	color: var(--body-grey);
	margin-top: 8px;
}
.sb-ts-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 100px;
	text-align: left;
}
.sb-ts-media {
	-webkit-box-flex: 1;
	flex: 1 1 340px;
	display: flex;
	justify-content: center;
}
.sb-ts-frame {
	position: relative;
	width: 400px;
	aspect-ratio: 4 / 5;
}
.sb-ts-frame .fill {
	position: absolute;
	inset: 0;
	border-radius: 26px;
	overflow: hidden;
	background: linear-gradient(160deg, #7d6ad6, #463c86);
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4);
}
.sb-ts-frame .fill img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sb-ts-card {
	position: absolute;
	bottom: -16px;
	left: -16px;
	background: #fff;
	border-radius: 20px;
	padding: 18px 24px;
	-webkit-box-shadow: 0 20px 46px rgba(0, 0, 0, 0.35);
	box-shadow: 0 20px 46px rgba(0, 0, 0, 0.35);
}
.sb-ts-card .lbl {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--grey);
}
.sb-ts-card .lbl i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gradient-brand);
}
.sb-ts-card .big {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-top: 6px;
}
.sb-ts-card .big b {
	font-family: var(--font-body);
	font-weight: 800;
	font-size: 46px;
	line-height: 1;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.sb-ts-card .big span {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	color: var(--grey);
}
.sb-ts-pill {
	position: absolute;
	top: 18px;
	right: -12px;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.32);
	backdrop-filter: blur(6px);
	border-radius: 100px;
	padding: 8px 16px;
}
.sb-ts-pill span {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: line-through;
	text-decoration-color: var(--coral);
}
.sb-ts-text {
	-webkit-box-flex: 1;
	flex: 1 1 420px;
}
.sb-ts-text .body {
	font-family: var(--font-body);
	font-size: 19px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
	max-width: 520px;
	margin: 26px 0 0;
}
/* Stat Band Module Css End */
.image-text .subtitle,
.banner .subtitle,
.accordion .subtitle,
.card-grid .subtitle,
.form-section .form-inner .subtitle,
.comparison .subtitle,
.rich-text .subtitle,
.divider .subtitle,
.link-tiles .subtitle,
.stat-band .subtitle,
.steps .subtitle,
.testimonials .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 24px;
}
/* Page Module All Css End */
/* Module Directory Page Css Start */
.mp-hero .subtitle,
.mp-problem .subtitle,
.mp-feat-head .subtitle,
.mp-roles-head .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 22px;
}
/* Hero Banner Css Start */
.mp-hero {
	position: relative;
	background: -webkit-linear-gradient(10deg, #312F97 28%, #33D8DE 100%);
	background: linear-gradient(80deg, #312F97 28%, #33D8DE 100%);
	color: #fff;
	padding: 182px 0 90px;
	overflow: hidden;
	min-height: 100vh;
}
.mp-hero-inner {
	max-width: 2260px;
	margin: 0 auto;
	padding: 0 90px;
	display: flex;
	align-items: center;
	gap: 60px;
	min-height: calc(100vh - 272px);
}
.mp-hero-text {
	-webkit-box-flex: 1;
	flex: 1 1 52%;
}
.mp-hero .subtitle {
	color: var(--coral);
	text-align: left;
}
.mp-module-title {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 16px 0 0;
	font-family: var(--font-head);
	font-weight: 500;
	font-size: 81px;
	line-height: 1.06;
	color: #fff;
}
.mp-module-ico {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 74px;
	height: 74px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 38px;
}
.mp-hero-lead {
	font-family: var(--font-head);
	font-weight: 400;
	font-style: italic;
	font-size: 24px;
	line-height: 1.3;
	color: #fff;
	margin: 22px 0 0;
	max-width: 560px;
}
.mp-hero-sub {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.82);
	margin: 20px 0 0;
	max-width: 615px;
}
.mp-hero-cta {
	display: flex;
	gap: 16px;
	margin-top: 32px;
}
.mp-hero-note {
	font-family: var(--font-body);
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	margin-top: 20px;
}
.mp-hero-media {
	-webkit-box-flex: 1;
	flex: 1 1 48%;
	position: relative;
}
.mp-hero-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
	display: block;
}
.mp-hero-media .sparkle-layer.sb-1 {
	width: 74px;
	height: 74px;
	bottom: 0px;
	left: 0;
}
.mp-hero-media .sparkle-layer.sb-2 {
	width: 140px;
	height: 140px;
	top: -50px;
	right: 0;
}
/* Hero Banner Css End */
/* The Problem Css Start */
.mp-problem .subtitle {
	display: block;
	text-align: center;
	color: var(--coral);
}
.mp-problem-head {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 45px;
	line-height: 1.28;
	color: var(--grey);
	text-align: center;
	margin: 18px auto 0;
	max-width: 920px;
}
.mp-problem-cols {
	display: flex;
	align-items: center;
	gap: 60px;
	margin: 50px auto 0;
	max-width: 1200px;
}
.mp-stat-card {
	-webkit-box-flex: 0;
	flex: 0 0 45%;
	display: flex;
	align-items: center;
	gap: 24px;
	background: linear-gradient(90deg, rgba(255, 255, 255) 96.63%, #CDCCFD 100%);
	border-radius: 16px;
	padding: 34px 38px;
	box-shadow: 0 18px 50px rgba(49, 47, 151, 0.08);
}
.mp-gauge {
	position: relative;
	flex: 0 0 125px;
	width: 125px;
	height: 105px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mp-gauge-arc {
	position: absolute;
	left: 50%;
	top: 0;
	width: 105px;
	height: 105px;
	border-radius: 50%;
	transform: translateX(-50%);
	background: linear-gradient(180deg, #33D8DE 13.94%, #48C2FF 84.13%, #CDCCFD 97.6%);
	mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
}
.mp-gauge::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 80px;
	width: 130px;
	height: 35px;
	background: var(--white);
	transform: translateX(-50%);
	z-index: 1;
}
.mp-gauge-needle {
	position: absolute;
	left: 33%;
	top: 25px;
	width: 4px;
	height: 26px;
	border-radius: 10px;
	background: #4f4f4f;
	transform-origin: 33% 100%;
	transform: translate(-33%, -100%) rotate(-35deg);
	z-index: 3;
}
.mp-gauge-number {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: 0;
	color: var(--grey);
	line-height: 1;
}
.mp-gauge-number strong {
	font-family: var(--font-head);
	font-size: 46px;
	font-weight: 400;
	letter-spacing: -2px;
}
.mp-gauge-number span {
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 500;
	margin: 8px 0 0 4px;
}
.mp-stat-text {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.5;
	color: var(--body-grey);
	margin: 0;
}
.mp-problem-body {
	-webkit-box-flex: 1;
	flex: 1;
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.65;
	color: var(--body-grey);
	margin: 0;
}
/* The Problem Css End */
/* Everything Alumni Css Start */
.mp-feat-head {
	text-align: center;
}
.mp-feat-head .subtitle {
	display: block;
	color: var(--coral);
}
.mp-feat-head h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 90px;
	line-height: 1.06;
	color: var(--grey);
	margin: 16px 0 0;
}
.mp-feat-head .accent {
	font-style: italic;
	background: linear-gradient(90deg, #33D8DE 0%, #312F97 100%);
	background-clip: text;
	color: transparent;
}
.mp-fgrid {
	max-width: 1300px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-top: 50px;
}
.mp-fcard {
	position: relative;
	background: #fff;
	border-radius: 24px;
	padding: 40px;
	box-shadow: 0 18px 50px rgba(49, 47, 151, 0.06);
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}
.mp-fcard.full {
	grid-column: 1 / -1;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	align-items: center;
	gap: 48px;
}
.mp-fcard.full .mp-fcard-img {
	-webkit-box-flex: 0;
	flex: 0 0 46%;
	margin: 0;
}
.mp-fcard.full .mp-fcard-body {
	-webkit-box-flex: 1;
	flex: 1;
}
.mp-fcard-img {
	margin: 0 0 28px;
	height: 450px;
	border-radius: 20px;
	background: linear-gradient(135deg,#EAF6F8,#EDE9FB);
}
.mp-fcard-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	border-radius: 20px;
}
.mp-fcard-name {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 28px;
	line-height: 1.18;
	color: var(--grey);
	margin: 0;
}
.mp-fcard-desc {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 14px 0 0;
}
/* Everything Alumni Css End */
/* Different Views Css Start */
.mp-roles-head {
	text-align: center;
	margin: 0 0 50px;
}
.mp-roles-head .subtitle {
	display: block;
	color: var(--coral);
}
.mp-roles-head h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 90px;
	line-height: 1.06;
	color: var(--grey);
	margin: 16px 0 0;
}
.mp-roles-head .accent {
	font-style: italic;
	background: linear-gradient(90deg, #33D8DE, #312F97);
	background-clip: text;
	color: transparent;
}
.mp-roles-grid {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	gap: 24px;
	align-items: stretch;
}
.mp-role {
	-webkit-box-flex: 1;
	flex: 1 1 0;
	border-radius: 24px;
	overflow: hidden;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}
.mp-role.t1 {
	background: linear-gradient(225.12deg, rgba(255, 179, 180, 0.3) -17.84%, rgba(205, 204, 253, 0.3) 76.64%, rgba(176, 103, 207, 0.3) 96.64%);
}
.mp-role.t2 {
	background: linear-gradient(216.54deg, rgba(255, 179, 180, 0.3) 1.41%, rgba(2, 178, 177, 0.3) 78.3%);
}
.mp-role.t3 {
	background: linear-gradient(216.54deg, rgba(255, 238, 193, 0.3) 1.41%, rgba(255, 217, 116, 0.3) 22.85%, rgba(243, 129, 130, 0.3) 78.3%);
}
.mp-role-photo {
	aspect-ratio: 506 / 430;
	margin-bottom: 20px;
}
.mp-role-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.mp-role-body {
	padding: 8px 32px 38px;
}
.mp-role-title {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.12;
	color: var(--charcoal);
	margin: 0;
}
.mp-role-lead {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.17;
	color: var(--charcoal);
	margin: 20px 0 0;
}
.mp-role-text {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	color: var(--charcoal);
	margin: 20px 0 0;
}
/* Different Views Css End */
/* Testimonial Css Start */
.mp-quote {
	padding: 120px 90px 0;
	background: linear-gradient(145deg, #1E6FC9, #312F97);
	border-radius: 40px;
	margin: 0 20px;
}
.mp-quote-card {
	max-width: 1640px;
	margin: 0 auto;
	display: flex;
	/* align-items: center; */
	gap: 50px;
	color: #fff;
	position: relative;
}
.mp-quote-card .sparkle-layer.sb-1 {
	width: 74px;
	height: 74px;
	top: 0;
	left: 0;
}
.mp-quote-card .sparkle-layer.sb-2 {
	width: 140px;
	height: 140px;
	bottom: 0;
	right: 0;
}
.mp-quote-photo {
	-webkit-box-flex: 0;
	flex: 0 0 32%;
	aspect-ratio: 525 / 558;
}
.mp-quote-photo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
}
.mp-quote-body {
	flex: 1;
	padding-bottom: 120px;
}
.mp-quote-mark img {
	width: 70px;
}
.mp-quote-text {
	font-family: var(--font-head);
	font-weight: 400;
	font-style: italic;
	font-size: 28px;
	line-height: 1.36;
	color: #fff;
	margin: 45px 0 0;
}
.mp-quote-attr {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #F38182;
	margin: 45px 0 0;
}
.mp-quote .btn-gradient {
	margin-top: 45px;
}
/* Testimonial Css End */
/* Module Directory Page Css End */
/* Pricing Page Css Start */
/* Pricing View Toggle Css Start */
.pp-toggle-wrap {
	padding: 60px 0;
	text-align: center;
}
.pp-toggle {
	display: inline-flex;
	background: var(--white);
	padding: 6px;
	border-radius: 100px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 6px 22px rgba(40, 30, 80, 0.07);
}
.pp-toggle-btn {
	padding: 14px 30px;
	border-radius: 100px;
	border: 0;
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: 600;
	background: transparent;
	color: var(--body-grey);
	transition: all 0.25s ease;
	white-space: nowrap;
}
.pp-toggle-btn.is-active {
	background: var(--gradient-brand);
	color: #fff;
	box-shadow: 0 4px 14px rgba(49, 47, 151, 0.25);
}
.pp-toggle-note {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 15px;
	color: var(--grey);
	margin: 16px 0 0;
}
/* Pricing View Toggle Css End */
/* Pricing View By Common Css Start */
.pp-view {
	display: none;
}
.pp-view.is-active {
	display: block;
	animation: ppViewIn 0.32s ease;
}
@keyframes ppViewIn {
	from {opacity: 0; transform: translateY(10px);}
	to {opacity: 1; transform: translateY(0);}
}
/* Pricing View By Common Css Start */
/* Pricing View By Tier Css Start */
/* Pricing View By Tier Common Css Start */
.pp-tier--starter {
	--t-color: 51, 216, 222;
	--t-dot: #33D8DE;
	--t-tint: rgba(51, 216, 222, 0.12);
	--t-wash: linear-gradient(210deg, rgba(255, 255, 255, 0.35) 25.43%, rgba(134, 215, 255, 0.35) 67.3%, rgba(51, 216, 222, 0.35) 101.6%);
	--t-border: linear-gradient(110.27deg, #02B2B1 2.96%, #86D7FF 93.21%);
	--t-top: rgba(51, 216, 222, 0.09);
	--t-badge: linear-gradient(90deg, #86D7FF 0%, #02B2B1 100%);
}
.pp-tier--lite {
	--t-color: 166, 165, 254;
	--t-dot: #B067CF;
	--t-tint: rgba(176, 103, 207, 0.12);
	--t-wash: linear-gradient(210deg, rgba(255, 255, 255, 0.35) 41.29%, rgba(205, 204, 253, 0.35) 71.97%, rgba(176, 103, 207, 0.35) 101.6%);
	--t-border: linear-gradient(112.52deg, #312F97 2.87%, #CDCCFD 98.38%);
	--t-top: rgba(176, 103, 207, 0.10);
	--t-badge: linear-gradient(90deg, #CDCCFD 0%, #312F97 100%);
}
.pp-tier--growth {
	--t-color: 176, 103, 207;
	--t-dot: #EE9BCF;
	--t-tint: rgba(238, 155, 207, 0.16);
	--t-wash: linear-gradient(210deg, rgba(255, 255, 255, 0.15) 12.48%, rgba(255, 179, 180, 0.15) 47.24%, rgba(176, 103, 207, 0.15) 95.16%);
	--t-border: linear-gradient(112.52deg, #F38182 -3.54%, #B067CF 91.97%);
	--t-top: rgba(238, 155, 207, 0.13);
	--t-badge: linear-gradient(90deg, #B067CF 0%, #F38182 100%);
}
.pp-tier--pro {
	--t-color: 243, 129, 130;
	--t-dot: #FFC427;
	--t-tint: rgba(255, 217, 116, 0.3);
	--t-wash: linear-gradient(210deg, rgba(255, 255, 255, 0.15) 46.21%, rgba(255, 196, 39, 0.15) 70.77%, rgba(243, 129, 130, 0.15) 100.01%);
	--t-border: linear-gradient(112.52deg, #FFD974 2.87%, #F8A37D 61.64%, #F38182 98.38%);
	--t-top: rgba(255, 217, 116, 0.16);
	--t-badge: linear-gradient(90deg, #F38182 0%, #FFD974 100%);
}
/* Pricing View By Tier Common Css End */
.pp-tier {
	position: relative;
	background: linear-gradient(180deg, var(--t-top) 0%, #fff 40%);
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.pp-tier-row {
	display: flex;
	flex-wrap: wrap;
	gap: 90px;
	align-items: flex-start;
}
.pp-tier-main {
	-webkit-box-flex: 1.2;
	flex: 1.2 1 420px;
}
.pp-tier-aside {
	-webkit-box-flex: 1;
	flex: 1 1 380px;
}
.pp-tier-badge {
	display: inline-block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgb(var(--t-color));
	background: var(--t-tint);
	border-radius: 100px;
	padding: 6px 14px;
	margin-bottom: 20px;
}
.pp-tier h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 64px;
	line-height: 1;
	color: var(--grey);
	margin: 0 0 8px;
}
.pp-tier-tagline {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 22px;
	color: rgb(var(--t-color));
	margin: 0 0 30px;
}
.pp-tier-tagline .grad {
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.pp-price {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 32px;
}
.pp-price b {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 72px;
	line-height: 1;
	color: var(--grey);
}
.pp-price span {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 19px;
	color: var(--body-grey);
}
.pp-tier-copy {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.7;
	color: var(--body-grey);
	margin: 0 0 16px;
}
.pp-tier-copy:last-of-type {
	margin-bottom: 0;
}
.pp-tier-copy em {
	font-family: var(--font-head);
	font-style: italic;
	color: var(--grey);
}
.pp-tier .choose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 30px;
	border-radius: 100px;
	background: var(--white);
	border: 1px solid rgb(var(--accent));
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: var(--charcoal);
	transition: var(--transition);
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}
.pp-tier.popular .choose {
	background: var(--badge);
	color: var(--white);
}
.pp-tier .choose::after {
    content: '';
	position: absolute;
	background: var(--badge);
	width: 100%;
	height: 100%;
	border-radius: 100px;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .4s ease;
}
.pp-tier .choose:hover::after {
    transform: scaleX(1);
  	transform-origin: left;
}
.pp-tier .choose:hover {
	color: var(--white);
}
.pp-tier .choose .dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: rgb(var(--accent));
    border-radius: 50%;
    flex-shrink: 0;
    z-index: 1;
}
.pp-tier .choose .dot::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(var(--accent), 0.25);
    border-radius: 50%;
    transition: background .3s ease;
    z-index: -1;
}
.pp-tier .choose:hover .dot,
.pp-tier.popular .choose .dot {
	background: var(--white);
}
.pp-tier .choose:hover .dot::before,
.pp-tier.popular .choose .dot::before {
	background: rgba(255, 255, 255, 0.2);
}
.pp-inc {
	background: var(--t-wash);
	border-radius: 24px;
	padding: 36px;
	position: relative;
}
.pp-inc::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 2px;
	background: var(--t-border);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.pp-tier--growth .pp-inc {
	border-width: 1.5px;
}
.pp-inc-label {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgb(var(--t-color));
	margin-bottom: 16px;
}
.pp-inc-item {
	display: flex;
	gap: 14px;
	padding: 11px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.pp-inc-item .ico {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 24px;
	text-align: center;
}
.pp-inc-item .ico i {
	font-size: 18px;
}
.pp-inc-item .nm {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 15px;
	color: var(--charcoal);
}
.pp-inc-item .tag {
	display: inline-block;
	margin-left: 8px;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: white;
	background: var(--t-badge);
	padding: 3px 8px;
	border-radius: 100px;
	vertical-align: middle;
}
.pp-tier--pro .pp-inc-item {
	border-top-color: rgba(200, 138, 42, 0.15);
}
.pp-inc-item .ds {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 13px;
	line-height: 1.45;
	color: var(--grey);
	margin-top: 3px;
}
.pp-outcome {
	margin-top: 22px;
	background: #FFFFFF;
	border-radius: 16px;
	padding: 20px 24px;
	position: relative;
}
.pp-outcome::before {
	content: '';
	height: 100%;
	width: 100%;
	border-radius: 16px;
	background: #FFFFFF66;
	position: absolute;
	top: 15px;
	left: 15px;
}
.pp-outcome .lbl {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgb(var(--t-color));
	margin-bottom: 8px;
	position: relative;
	z-index: 1;
}
.pp-outcome p {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 15px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 0;
	position: relative;
	z-index: 1;
}
.pp-outcome p .hi {
	color: rgb(var(--t-color));
}
/* Pricing View By Tier Css End */
/* Themed (Dark Panel) Css Start */
.pp-inplan-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 22px;
	margin-top: 50px;
}
.pp-inplan-cell {
	text-align: center;
}
.pp-inplan-cell .ico {
	font-size: 30px;
	margin-bottom: 12px;
}
.pp-inplan-cell .lbl {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}
.pp-inplan-cell .lbl span {
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
}
.cta-section.image-text .it-text .body {
	margin: 28px auto 0;
	font-family: var(--font-head);
	font-style: italic;
}
.cta-section.image-text .it-text .it-btn-box {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	text-align: center;
	margin-top: 36px;
}
.cta-section.image-text .it-text .it-btn-box .btn {
	margin-top: 0;
}
/* Themed (Dark Panel) Css End */
/* Coming Soon Css Start */
.pp-soon {
	position: relative;
	padding: 0 0 120px;
	text-align: center;
}
.pp-soon-in {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 18px 40px;
}
.pp-soon-item {
	display: inline-flex;
	align-items: center;
	gap: 14px;
}
.pp-soon-item .tag {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 100px;
}
.pp-soon-item .tag.live {
	color: #02A7A6;
	background: rgba(51, 216, 222, 0.12);
}
.pp-soon-item .tag.later {
	color: var(--coral);
	background: rgba(243, 129, 130, 0.12);
}
.pp-soon-item .txt {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 16px;
	color: var(--grey);
}
.pp-soon-item .txt strong {
	font-style: normal;
	font-weight: 700;
	font-family: var(--font-body);
	color: var(--charcoal);
}
/* Coming Soon Css End */
/* Pricing Page Css End */
/* Insights Page Css Start */
/* Insights Article List Css Start */
.ins-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 22px;
}
.ins-card {
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(40, 30, 80, 0.05);
	transition: transform .3s, box-shadow .3s, border-color .3s;
	color: inherit;
	animation: cardIn 0.35s ease;
}
@keyframes cardIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}
.ins-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 48px rgba(40, 30, 80, 0.12);
	border-color: #33D8DE;
}
.ins-card-img {
	position: relative;
	height: 190px;
	overflow: hidden;
	background: linear-gradient(135deg, #C7ECF2, #D9E4FB);
}
.ins-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ins-card-body {
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	flex: 1;
	padding: 24px 26px 26px;
}
.ins-chip {
	align-self: flex-start;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 100px;
	padding: 5px 12px;
	margin-bottom: 14px;
}
.ins-chip--craft {
	color: #02A7A6;
	background: rgba(51, 216, 222, 0.12);
}
.ins-chip--stories {
	color: #8F7FE8;
	background: rgba(176, 103, 207, 0.12);
}
.ins-chip--takes {
	color: #E2777A;
	background: rgba(243, 129, 130, 0.12);
}
.ins-chip--industry {
	color: #4A45B2;
	background: rgba(74, 69, 178, 0.1);
}
.ins-chip--numbers {
	color: #C88A2A;
	background: rgba(255, 217, 116, 0.3);
}
.ins-card h3 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 23px;
	line-height: 1.2;
	color: var(--grey);
	margin: 0;
}
.ins-card h3 .em {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.ins-card p {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 10px 0 0;
}
.ins-card-foot {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: auto;
	padding-top: 18px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13.5px;
	color: var(--grey);
}
.ins-card-foot .spacer {
	flex: 1;
}
.ins-card-foot .read {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #02A7A6;
	font-weight: 600;
}
.ins-card--featured {
	grid-column: 1 / -1;
	flex-direction: row;
	flex-wrap: wrap;
}
.ins-card--featured .ins-card-img {
	-webkit-box-flex: 1;
	flex: 1 1 380px;
	min-height: 280px;
	height: auto;
}
.ins-card--featured .ins-card-body {
	-webkit-box-flex: 1;
	flex: 1 1 380px;
	padding: 46px;
}
.ins-card--featured h3 {
	font-size: 40px;
}
/* Insights Article List Css End */
/* Insights Page Css End */
/* Insights Article Page Css Start */
/* Keep Reading Css Start */
.art-keep {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.art-keep-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 30px;
}
.art-keep-head h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 38px;
	line-height: 1.14;
	color: var(--grey);
	margin: 0;
}
.art-keep-head h2 .em {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.art-keep-head .all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	color: #02A7A6;
}
/* Keep Reading Css End */
/* Insights Article Page Css End */
/* Help Page Css Start */
.main-browse.is-off {
	display: none;
}
/* Launch Alumni Css Start */
.hc-launch-card {
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 32px;
	box-shadow: 0 24px 60px rgba(40, 30, 80, 0.1);
	padding: 60px;
}
.hc-launch-card .head {
	max-width: 720px;
}
.hc-launch-card .eyebrow {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 14px;
}
.hc-launch-card h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 40px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0;
}
.hc-launch-card h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.hc-launch-card .lead {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 19px;
	line-height: 1.5;
	color: var(--body-grey);
	margin: 16px 0 0;
}
.hc-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	margin-top: 40px;
}
.hc-step {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	background: var(--cream);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 18px;
	padding: 22px 24px;
	color: inherit;
	transition: transform .3s, box-shadow .3s, border-color .3s;
}
.hc-step:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 32px rgba(40, 30, 80, 0.1);
	border-color: #33D8DE;
}
.hc-step-tile {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	background: linear-gradient(135deg, #C7ECF2, #8FE6EC);
	color: #02757c;
}
.hc-step .body {
	-webkit-box-flex: 1;
	flex: 1;
}
.hc-step .kick {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #02A7A6;
	margin-bottom: 5px;
}
.hc-step .t {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 16px;
	color: var(--charcoal);
}
.hc-step .d {
	display: block;
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-grey);
	margin-top: 5px;
}
.hc-step.hc-checklist {
	background: linear-gradient(180deg, rgba(51, 216, 222, 0.1), rgba(49, 47, 151, 0.05));
	border: 1.5px solid rgba(51, 216, 222, 0.5);
}
.hc-step.hc-checklist .hc-step-tile {
	background: var(--gradient-brand);
	color: #fff;
}
.hc-step6 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 16px;
	background: var(--gradient-dark);
	border-radius: 18px;
	padding: 22px 26px;
	color: #fff;
	transition: transform .3s, box-shadow .3s;
}
.hc-step6:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 40px rgba(49, 47, 151, 0.3);
	color: #fff;
}
.hc-step6 .num {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-head);
	font-size: 19px;
}
.hc-step6 .ico {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 13px;
	background: rgba(51, 216, 222, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7fe3ec;
	font-size: 17px;
}
.hc-step6 .body {
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 220px;
}
.hc-step6 .kick {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #7fe3ec;
	margin-bottom: 4px;
}
.hc-step6 .t {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 17px;
	color: #fff;
}
.hc-step6 .d {
	display: block;
	font-family: var(--font-body);
	font-size: 13px;
	color: rgba(255, 255, 255, 0.75);
	margin-top: 4px;
}
.hc-step6 .go {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: #7fe3ec;
	white-space: nowrap;
}
/* Launch Alumni Css End */
/* Browse By Category Css Start */
.hc-cats-in {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 22px;
}
.hc-cat {
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 22px;
	padding: 38px;
	box-shadow: 0 4px 16px rgba(40, 30, 80, 0.05);
}
.hc-cat-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 20px;
}
.hc-cat-head .big {
	width: 52px;
	height: 52px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}
.hc-cat-head .big.admin {
	background: linear-gradient(135deg, #C7ECF2, #D9E4FB);
	color: #3E64B4;
}
.hc-cat-head .big.data {
	background: linear-gradient(135deg, #FBE0EA, #ECDAF4);
	color: #A55CA5;
}
.hc-cat-head h3 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	color: var(--charcoal);
	margin: 0;
}
.hc-cat-head .n {
	font-family: var(--font-body);
	font-size: 13px;
	color: var(--grey);
}
.hc-cat-item {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 10px 2px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 15px;
	color: var(--charcoal);
}
.hc-cat-item:hover {
	color: #02A7A6;
}
.hc-cat-item .ico {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}
.hc-cat-item .ico.admin {
	background: linear-gradient(135deg, #C7ECF2, #D9E4FB);
	color: #3E64B4;
}
.hc-cat-item .ico.data {
	background: linear-gradient(135deg, #FBE0EA, #ECDAF4);
	color: #A55CA5;
}
.hc-cat-item .nm {
	-webkit-box-flex: 1;
	flex: 1;
}
.hc-cat-item .arw {
	color: #02A7A6;
	font-weight: 700;
}
.hc-catcol {
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	gap: 22px;
}
.hc-video {
	position: relative;
	overflow: hidden;
	background: var(--gradient-dark);
	border-radius: 22px;
	padding: 38px;
	color: #fff;
}
.hc-video::after {
	content: '';
	position: absolute;
	top: -20%;
	right: -15%;
	width: 400px;
	height: 400px;
	background: radial-gradient(ellipse at center, rgba(146, 120, 230, 0.35) 0%, rgba(146, 120, 230, 0) 65%);
	pointer-events: none;
}
.hc-video .in {
	position: relative;
}
.hc-video .kick {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #7fe3ec;
	margin-bottom: 12px;
}
.hc-video h3,
.hc-video .rt-prose h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.2;
	color: #fff;
	margin: 0;
}
.hc-video h3 .accent,
.hc-video .rt-prose h2 .accent {
	font-style: italic;
	background: linear-gradient(90deg, #5FE9EF, #C6BAFF);
	background-clip: text;
	color: transparent;
}
.hc-video p {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.78);
	margin: 12px 0 0;
}
.hc-video .watch {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 28px;
    border-radius: 999px;
    background: transparent;
    color: var(--white);
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    transition: color .3s ease;
	border: 0;
	outline: 0 !important;
	box-shadow: none !important;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}
.hc-video .watch::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -2;
}
.hc-video .watch::after {
    content: '';
	position: absolute;
	background: var(--gradient-brand);
	width: 100%;
	height: 100%;
	border-radius: 100px;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .4s ease;
}
.hc-video .watch:hover::after {
    transform: scaleX(1);
  	transform-origin: left;
}
.hc-video .watch:hover {
    color: var(--white);
}
.hc-video .watch .play {
	width: 0;
	height: 0;
	border-left: 11px solid #7fe3ec;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	z-index: 1;
}
.hc-video .watch:hover .play {
	border-left-color: var(--white);
}
/* Browse By Category Css End */
/* Module Guides Css Start */
.hc-mods-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 32px;
}
.hc-mods-head h2 {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 40px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0;
}
.hc-mods-head h2 .accent {
	font-style: italic;
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.hc-mods-head .note {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 15px;
	color: var(--grey);
}
.hc-mods-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 16px;
}
.hc-mod {
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	gap: 14px;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 20px;
	padding: 30px 26px;
	min-height: 210px;
	color: inherit;
	box-shadow: 0 2px 10px rgba(40, 30, 80, 0.04);
	transition: transform .3s, box-shadow .3s, border-color .3s;
}
.hc-mod:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 36px rgba(40, 30, 80, 0.11);
	border-color: #33D8DE;
}
.hc-mod .top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}
.hc-mod-tile {
	width: 48px;
	height: 48px;
	border-radius: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}
.hc-mod-tile.starter {
	background: rgba(51, 216, 222, 0.16);
	color: #02A7A6;
}
.hc-mod-tile.lite {
	background: rgba(176, 103, 207, 0.14);
	color: #8F7FE8;
}
.hc-mod-tile.growth {
	background: rgba(238, 155, 207, 0.22);
	color: #C36BD3;
}
.hc-mod-tile.pro {
	background: rgba(255, 217, 116, 0.35);
	color: #C88A2A;
}
.hc-mod-badge {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 100px;
	padding: 4px 10px;
}
.hc-mod-badge.starter {
	color: #02A7A6;
	background: rgba(51, 216, 222, 0.14);
}
.hc-mod-badge.lite {
	color: #8F7FE8;
	background: rgba(176, 103, 207, 0.14);
}
.hc-mod-badge.growth {
	color: #C36BD3;
	background: rgba(238, 155, 207, 0.2);
}
.hc-mod-badge.pro {
	color: #C88A2A;
	background: rgba(255, 217, 116, 0.35);
}
.hc-mod .t {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 18px;
	color: var(--charcoal);
	margin-top: 2px;
}
.hc-mod .d {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-grey);
}
/* Module Guides Css End */
/* Help Page Css End */
/* Help Article Page Css Start */
.hg-body {
	position: relative;
}
.hg-body-in {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 60px;
}
.hg-side {
	-webkit-box-flex: 1;
	flex: 1 1 240px;
	max-width: 300px;
	position: sticky;
	top: 24px;
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	gap: 20px;
}
.hg-side .box {
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 18px;
	padding: 24px 26px;
}
.hg-side .box.before {
	background: linear-gradient(180deg, rgba(51, 216, 222, 0.1), rgba(49, 47, 151, 0.05));
	border: 1px solid rgba(51, 216, 222, 0.4);
}
.hg-side .lbl {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	margin-bottom: 14px;
	color: var(--coral);
}
.hg-side .box.before .lbl {
	color: #02A7A6;
	margin-bottom: 10px;
}
.hg-toc a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 0;
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 14px;
	color: var(--charcoal);
}
.hg-toc a:hover {
	color: #02A7A6;
}
.hg-toc a .dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--gradient-brand);
	-webkit-box-flex: 0;
	flex: 0 0 auto;
}
.hg-side .before p {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.55;
	color: var(--body-grey);
	margin: 0;
}
.hg-rel a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 0;
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 14px;
	color: var(--charcoal);
}
.hg-rel a:hover {
	color: #02A7A6;
}
.hg-rel .ico {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	background: linear-gradient(135deg, #C7ECF2, #8FE6EC);
	color: #02757c;
}
.hg-rel .nm {
	-webkit-box-flex: 1;
	flex: 1;
}
.hg-article {
	-webkit-box-flex: 2;
	flex: 2 1 480px;
	min-width: 0;
}
.hg-intro {
	font-family: var(--font-head);
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;
	color: var(--grey);
	border-left: 3px solid var(--coral);
	padding-left: 25px;
	margin: 0;
}
.hg-intro .accent {
	background: var(--gradient-brand);
	background-clip: text;
	color: transparent;
}
.hg-step {
	display: flex;
	gap: 18px;
	margin-top: 34px;
}
.hg-step:first-of-type {
	margin-top: 40px;
}
.hg-num {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--gradient-brand);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-head);
	font-size: 18px;
}
.hg-step .body {
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 0;
}
.hg-step h2 {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.2;
	color: var(--charcoal);
	/* margin: 8px 0 0; */
}
.hg-step p {
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.65;
	color: var(--body-grey);
	margin: 12px 0 0;
}
.hg-step p strong {
	color: var(--charcoal);
}
.hg-shot {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	margin-top: 18px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 14px 34px rgba(40, 30, 80, 0.1);
	background: linear-gradient(135deg, #C7ECF2, #D9E4FB);
}
.hg-shot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hg-tip,
.hg-warn {
	display: flex;
	gap: 16px;
	border-radius: 16px;
	padding: 18px 22px;
	margin-top: 18px;
}
.hg-tip {
	background: linear-gradient(180deg, rgba(51, 216, 222, 0.09), rgba(49, 47, 151, 0.04));
	border: 1px solid rgba(51, 216, 222, 0.35);
}
.hg-warn {
	background: rgba(243, 129, 130, 0.08);
	border: 1px solid rgba(243, 129, 130, 0.35);
}
.hg-tip .ic,
.hg-warn .ic {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
}
.hg-tip .ic {
	background: var(--gradient-brand);
}
.hg-warn .ic {
	background: var(--coral);
}
.hg-tip p,
.hg-warn p {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.6;
	color: var(--body-grey);
	margin: 0;
}
.hg-tip strong {
	color: #02A7A6;
}
.hg-warn strong {
	color: #d9706f;
}
.hg-nav {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
	margin-top: 52px;
}
.hg-nav a {
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	gap: 6px;
	border-radius: 16px;
	padding: 20px 24px;
	color: inherit;
	transition: border-color .3s, box-shadow .3s;
}
.hg-nav .prev {
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
}
.hg-nav .prev:hover {
	border-color: #33D8DE;
	box-shadow: 0 12px 28px rgba(40, 30, 80, 0.09);
}
.hg-nav .next {
	background: var(--gradient-dark);
	color: #fff;
	align-items: flex-end;
	text-align: right;
}
.hg-nav .next:hover {
	box-shadow: 0 16px 36px rgba(49, 47, 151, 0.3);
	color: #fff;
}
.hg-nav .k {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--grey);
}
.hg-nav .next .k {
	color: #7fe3ec;
}
.hg-nav .ttl {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 16px;
	color: var(--charcoal);
}
.hg-nav .next .ttl {
	color: #fff;
}
.hg-vote {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 20px;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 16px;
	padding: 18px 24px;
}
.hg-vote .q {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 16px;
	color: var(--grey);
}
.hg-vote .btns {
	display: flex;
	gap: 10px;
}
.hg-vote button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	border-radius: 100px;
	padding: 10px 20px;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.15);
	background: transparent;
	color: var(--charcoal);
	transition: all .25s;
}
.hg-vote button:hover {
	border-color: #33D8DE;
}
.hg-vote button.is-sel {
	background: var(--gradient-brand);
	color: #fff;
	border-color: transparent;
}
.hg-vote-msg {
	display: none;
	font-family: var(--font-body);
	font-size: 14px;
	color: var(--grey);
	margin: 12px 0 0;
	text-align: right;
}
.hg-vote-msg.is-on {
	display: block;
}
/* Help Article Page Css End */
/* Platform Overview Page Css Start */
/* Fragmentation Section Css Start */
.po {
	position: relative;
	overflow: hidden;
}
.po.dark {
	background: linear-gradient(20deg, #292788 0%, #045ea9 65%, #1e9fc9 100%);
	color: #fff;
}
.po-head {
	text-align: center;
	margin: 0 auto 50px;
}
.po .subtitle {
	display: block;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 24px;
}
.po.dark .subtitle {
  	color: var(--coral);
}
.po-h {
	font-family: var(--font-head);
	font-weight: 400;
	font-size: 54px;
	line-height: 1.12;
	color: var(--grey);
	margin: 0;
}
.po.dark .po-h,
.po.dark .rt-prose h2 {
  	color: var(--white);
}
.po-accent {
	font-style: italic;
	background: linear-gradient(90deg, #33D8DE 18%, #312F97 98%);
	background-clip: text;
	color: transparent;
}
.po.dark .po-accent,
.po.dark .rt-prose h2 .accent {
	font-style: italic;
	background: linear-gradient(90deg, #33d8de, #cdccfd);
	background-clip: text;
	color: transparent;
}
.po-sub {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.6;
	color: var(--body-grey);
	margin: 24px auto 0;
	max-width: 800px;
}
.po.dark .po-sub {
  	color: rgba(255, 255, 255, 0.82);
}
.po-frag {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 32px;
	align-items: center;
	margin-top: 8px;
}
.po-frag-label {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--coral);
	margin-bottom: 18px;
}
.po-frag-tools {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.po-frag-tool {
	background: #fff;
	border: 1px solid rgba(51, 216, 222, 0.35);
	border-radius: 16px;
	padding: 18px;
}
.po-frag-tool.full {
  	grid-column: 1 / -1;
}
.po-frag-tool-top {
	display: flex;
	gap: 13px;
	align-items: flex-start;
}
.po-frag-tool .ico {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	background: linear-gradient(135deg, #8fe6ec, #b9defb);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.po-frag-tool .ico i {
	font-size: 20px;
	color: var(--charcoal);
}
.po-frag-tool .nm {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 16px;
	color: var(--charcoal);
}
.po-frag-tool .ro {
	font-family: var(--font-body);
	font-size: 13.5px;
	color: #8a857f;
	margin-top: 2px;
}
.po-frag-tool .sv {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-size: 13px;
	color: #8a857f;
	margin-top: 12px;
}
.po-frag-tool .sv b {
	color: var(--coral);
	font-weight: 700;
}
.po-frag-mid {
	text-align: center;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.po-frag-mid .logo {
	width: 74px;
	height: 74px;
	border-radius: 18px;
	background: linear-gradient(315.05deg, #33D8DE -139.99%, #312F97 94.03%);
	box-shadow: 20px 20px 40px 0px #0000001A;
	display: flex;
	align-items: center;
	justify-content: center;
}
.po-frag-mid .logo img {
	width: 50px;
	height: 60px;
}
.po-frag-flow {
	width: 96px;
	height: 12px;
	position: relative;
}
.po-frag-flow::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	right: 14px;
	height: 2px;
	background-image: repeating-linear-gradient(90deg, #0faebb 0, #0faebb 5px, transparent 5px, transparent 11px);
	background-size: 22px 2px;
	animation: po-flow 0.7s linear infinite;
}
.po-frag-flow::after {
	content: "";
	position: absolute;
	right: 0;
	top: 1px;
	border-left: 8px solid #0faebb;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
@-webkit-keyframes po-flow {
	to {
		background-position: 22px 0;
	}
}
@keyframes po-flow {
	to {
		background-position: 22px 0;
	}
}
@media (prefers-reduced-motion: reduce) {
	.po-frag-flow::before {
		animation: none;
	}
}
.po-frag-mid .lbl {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 15px;
	color: var(--body-grey);
	max-width: 130px;
	line-height: 1.3;
}
.po-frag-one {
	background: linear-gradient(135deg, #045ea9, #292788);
	border-radius: 24px;
	padding: 34px;
	color: #fff;
}
.po-frag-one .lbl {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 14px;
}
.po-frag-one .nm {
	font-family: var(--font-head);
	font-size: 30px;
	line-height: 1.18;
}
.po-frag-one .nm em {
  	font-style: italic;
}
.po-frag-one .sb {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.85);
	margin-top: 12px;
}
.po-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}
.po-chip {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	padding: 6px 13px;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}
/* Fragmentation Section Css End */
/* Architecture Section Css Start */
.po-arch2 {
	position: relative;
	margin: 8px auto 0;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 120px;
	align-items: center;
}
.po-arch2-lines {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}
.po-arch2-lines path {
	fill: none;
	stroke: rgba(147, 219, 255, 0.55);
	stroke-width: 1.4;
	stroke-dasharray: 1.5 8;
	animation: po-dots 1.1s linear infinite;
}
@-webkit-keyframes po-dots {
	to {
		stroke-dashoffset: -19;
	}
}
@keyframes po-dots {
	to {
		stroke-dashoffset: -19;
	}
}
@media (prefers-reduced-motion: reduce) {
	.po-arch2-lines path {
		animation: none;
	}
}
.po-arch2-col {
	position: relative;
	z-index: 2;
}
.po-arch2-collabel {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #f38182;
	margin-bottom: 22px;
}
.po-arch2-node {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 16px;
	padding: 17px 20px;
	margin-bottom: 20px;
}
.po-arch2-node:last-child {
  	margin-bottom: 0;
}
.po-arch2-node .eb {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #f38182;
}
.po-arch2-node .nm {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	margin-top: 6px;
}
.po-arch2-node .sb {
	font-family: var(--font-body);
	font-size: 13px;
	color: rgba(255, 255, 255, 0.68);
	margin-top: 3px;
}
.po-arch2-hub-wrap {
	position: relative;
	z-index: 2;
	text-align: center;
}
.po-arch2-hublabel {
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #4de3e9;
	margin-bottom: 18px;
	line-height: 1.4;
}
.po-arch2-hub {
	width: 232px;
	height: 232px;
	margin: 0 auto;
	border-radius: 34px;
	background: linear-gradient(150deg, rgba(51, 216, 222, 0.28), rgba(49, 47, 151, 0.55));
	border: 1px solid rgba(255, 255, 255, 0.22);
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 30px 80px rgba(51, 216, 222, 0.22);
}
.po-arch2-hub .mark {
	width: 70px;
	height: 90px;
	background: transparent;
}
.po-arch2-hub .word {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 26px;
	color: #33D8DE;
	/* margin-top: 8px; */
	letter-spacing: -0.01em;
}
.po-arch2-hub .tag {
	font-family: var(--font-head);
	font-style: italic;
	font-size: 13.5px;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.85);
	margin-top: 12px;
}
/* Architecture Section Css End */
/* Platform Overview Page Css End */
/* Form Css Start */
.fui-i {
	background: rgba(255, 255, 255, 0.6) !important;
	border: 1px solid rgba(0, 0, 0, 0.06) !important;
	border-radius: 22px !important;
	padding: 30px !important;
	box-shadow: 0 2px 12px rgba(40, 30, 80, 0.04) !important;
	text-align: left !important;
	margin-top: 30px;
}
.fui-i .fui-label,
.fui-i .fui-legend {
	font-size: 14px !important;
	line-height: 20px !important;
	color: var(--charcoal) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	margin: 0 0 10px !important;
}
.fui-i .fui-input,
.fui-i .fui-select {
	border: 1px solid #e2d9c8 !important;
	border-radius: 10px !important;
	background: #faf7f1 !important;
	height: 44px !important;
	font-size: 16px !important;
	color: var(--charcoal) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
}
.fui-i .fui-input::placeholder,
.fui-i .fui-checkbox label,
.fui-i .fui-radio label {
	font-size: 16px !important;
	color: var(--charcoal) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
}
.fui-i textarea.fui-input {
	height: auto !important;
}
.fui-i .fui-checkbox label::before,
.fui-i .fui-radio label::before {
	border: solid 1px var(--charcoal) !important;
}
.fui-i .fui-checkbox input:checked + label::before,
.fui-i .fui-radio input:checked + label::before {
	background-color: #33D8DE !important;
  	border-color: #33D8DE !important;
}
.fui-i .fui-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 28px;
    border-radius: 999px;
    background: transparent !important;
    color: #48C2FF;
    text-decoration: none;
    overflow: hidden;
    isolation: isolate;
    z-index: 1;
    transition: color .3s ease;
    border: 0;
    outline: 0 !important;
    box-shadow: none !important;
}
.fui-i .fui-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -2;
}
.fui-i .fui-btn::after {
    content: "";
    position: absolute;
    background: var(--gradient-brand);
    width: 100%;
    height: 100%;
    border-radius: inherit;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .4s ease;
    z-index: -1;
}
.fui-i .fui-btn:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
.fui-i .fui-btn:hover {
    color: var(--white);
}
/* Form Css End */

@media (prefers-reduced-motion: reduce) {
	.ts-visual .stat-card,
	.ts-visual .ts-portrait,
	.ts-visual .stat-pill,
	.tm-visual .tm-card,
	.tm-visual .tm-donut,
	.tl-steps .tl-circle,
	.sam-cards .sam-card {
		opacity: 1 !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-transition: none !important;
		transition: none !important;
	}
	.tm-visual .tm-circle {
		opacity: 1 !important;
		-webkit-transform: translate(-50%, -50%) !important;
		transform: translate(-50%, -50%) !important;
	}
	.tl-steps::before {
		-webkit-transform: scaleX(1) !important;
		transform: scaleX(1) !important;
	}
	.ai-card {
		transform: none !important;
		transition: none !important;
	}
}

@media only screen and (min-width: 1800px) {
	.hero .container {
		padding: 100px 90px;
	}
	.hero .sparkle-layer.sb-1 {
		width: 100px;
		height: 100px;
		top: -100px;
	}
	.hero .sparkle-layer.sb-2 {
		width: 150px;
		height: 150px;
		left: 500px;
	}
	.logo-item,
	.bn-logos .logo-item {
		height: 240px;
	}
	.dark-band::before {
		left: -15%;
		width: 750px;
		height: 750px;
	}
	.dark-band::after {
		top: 20%;
		right: -60%;
		width: 1200px;
		height: 1200px;
	}
	.compound::before {
		left: -300px;
	}
	.footer-band::before {
		width: 1000px;
		height: 1000px;
	}
	.tm-card-hours {
		width: 38%;
	}
	/* Image Divider & Pull Quote Module Css Start */
	.divider--image .common-container,
	.divider--video .common-container {
		min-height: 700px;
	}
	/* Image Divider & Pull Quote Module Css End */
}
@media only screen and (min-width: 2200px) {
	.dark-band::after {
		right: -50%;
	}
	/* Image Divider & Pull Quote Module Css Start */
	.divider--image .common-container,
	.divider--video .common-container {
		min-height: 800px;
	}
	/* Image Divider & Pull Quote Module Css End */
}
@media only screen and (max-width: 1560px) {
	.hero h1 {
		font-size: 80px;
	}
	.why-now h2 {
		font-size: 76px;
	}
}
@media only screen and (max-width: 1399px) {
	.hero h1 {
		font-size: 72px;
	}
	.hero .container {
		padding: 30px 70px;
	}
	.site-header .nav-inner {
		padding: 0 60px;
	}
	.site-header::after {
		width: calc(100% - 140px);
	}
	.mega-inner {
		max-width: 1180px;
		padding: 30px;
		grid-template-columns: 0.6fr 1.4fr 1fr 1fr;
		gap: 5px;
	}
	.modules-cols {
		gap: 0 5px;
	}
	.mega-feature {
		padding: 15px 15px 0;
	}
	.mega-feature .feat-title {
		font-size: 16px;
	}
	.mega-col-label,
	.mega-feature .feat-eyebrow {
		font-size: 10px;
	}
	.mega-link .ico {
		height: 35px;
		width: 35px;
	}
	.mega-link .ico i {
		font-size: 16px;
	}
	.mega-link .title,
	.mega-link.simple .title {
		font-size: 12px;
	}
	.mega-link .desc {
		font-size: 10px;
	}
	.why-now h2 {
		font-size: 67px;
	}
	.why-now .container {
		padding: 0 80px;
	}
	.logos .container {
		padding: 0 70px;
	}
	.logos h2 {
		font-size: 40px;
		margin-bottom: 50px;
	}
	.logo-strip:not(.slick-initialized) {
		gap: 30px;
	}
	.time-saved .container {
		padding: 0 70px;
	}
	.ts-grid {
		gap: 50px;
	}
	.ts-text h2 {
		font-size: 38px;
	}
	.meet-sam .container {
		padding: 0 70px;
	}
	.meet-sam h2 {
		font-size: 68px;
	}
	.everything .container {
		padding: 0 70px;
	}
	.ev-text h2 {
		font-size: 64px;
	}
	.ai-features .container {
		padding: 0 70px;
	}
	.ai-features h2 {
		font-size: 64px;
	}
	.ai-card {
		padding: 50px 50px 60px;
	}
	.ai-wave-inset-box .wave {
		width: 200px;
		height: 80px;
	}
	.ai-wave-inset-box .wave.wave-left {
		top: -14px;
	}
	.ai-wave-inset-box .wave.wave-right {
		right: -105px;
		bottom: -45px;
	}
	.ai-wave-inset-box .dot.dot-right {
		right: -40px;
    	bottom: -40px;
	}
	.testimonial .container {
		padding: 0 70px;
	}
	.tm-text h2 {
		font-size: 60px;
	}
	.compound .container {
		padding: 0 70px;
	}
	.compound h2 {
		font-size: 64px;
	}
	.stat-num {
		font-size: 120px;
	}
	.stat-desc .lead {
		font-size: 32px;
		line-height: 40px;
	}
	.timeline-sec .container {
		padding: 0 70px;
	}
	.timeline-sec h2 {
		font-size: 64px;
	}
	.tl-circle {
		width: 104px;
		height: 104px;
		font-size: 46px;
	}
	.tl-circle i {
		font-size: 46px;
	}
	.tl-steps::before {
		top: 52px;
	}
	.pricing .container {
		padding: 0 70px;
	}
	.pricing h2 {
		font-size: 64px;
	}
	.price-cards {
		gap: 16px;
	}
	.price-card {
		padding: 28px 22px 26px;
	}
	.price-card .price {
		font-size: 46px;
	}
	.final-cta .container {
		padding: 0 70px;
	}
	.po-closer h2,
	.cta-text h2 {
		font-size: 60px;
	}
	.footer .container {
		padding: 0 70px;
	}
	.tm-visual {
		min-height: 400px;
		height: 100%;
	}
	.why-now::before,
	.why-now::after {
		display: none;
	}
	.tm-card .label {
		font-size: 12px;
	}
	.tm-card-result .big {
		font-size: 26px;
	}
	.tm-card-hours .big {
		font-size: 32px;
	}
	.tm-card-hours .big .unit,
	.tm-card-hours .sub {
		font-size: 16px;
	}
	/* Page Module All Css Start */
	.common-container {
		max-width: 1140px;
	}
	/* Banner Css Start */
	.banner--illustrated h2,
	.banner--persona h2,
	.banner--centered h2 {
		font-size: 62px;
	}
	/* Banner Css End */
	/* Image/Text Module Css Start */
	.image-text .it-text h2 {
		font-size: 46px;
	}
	/* --themed : dark inset panel */
	.image-text--themed .it-row,
	.sb-panel-inner {
		max-width: 1140px;
	}
	/* Image/Text Module Css End */
	/* Image/Text Module Css End */
	/* Accordion Module Css Start */
	/* dark panel */
	.accordion--dark .common-container .accordion-center {
		max-width: 1140px;
	}
	/* Accordion Module Css End */
	/* Page Module All Css End */
	/* Page Module All Css End */
	/* Module Directory Page Css Start */
	/* Hero Banner Css Start */
	.mp-hero-inner {
		padding: 0 60px;
	}
	/* Hero Banner Css End */
	/* Testimonial Css Start */
	.mp-quote-text,
	.mp-quote-attr,
	.mp-quote .btn-gradient {
		margin: 25px 0 0;
	}
	/* Testimonial Css End */
	/* Module Directory Page Css End */
}
@media only screen and (max-width: 1199px) {
	.site-logo img {
		width: 130px;
	}
	.hero h1 {
		font-size: 64px;
	}
	.main-nav ul {
		gap: 20px;
		padding-left: 0;
	}
	.main-nav a {
		font-size: 12px;
	}
	.nav-actions {
		gap: 18px;
	}
	.why-now h2 {
		font-size: 58px;
		max-width: 820px;
	}
	.why-now .subline {
		font-size: 30px;
	}
	.logos h2 {
		font-size: 36px;
		max-width: 680px;
	}
	.ev-card .ev-card-title {
		font-size: 30px;
	}
	.cta-cards.in-view .c1 {
		-webkit-transform: translate(-60px, -26px) rotate(-8deg);
		transform: translate(-60px, -26px) rotate(-8deg);
	}
	.cta-cards.in-view .c2 {
		-webkit-transform: translate(-30px, -2px) rotate(-8deg);
		transform: translate(-30px, -2px) rotate(-8deg);
	}
	.cta-cards.in-view .c3 {
		-webkit-transform: translate(-6px, 18px) rotate(-4deg);
		transform: translate(-6px, 18px) rotate(-4deg);
	}
	.cta-cards.in-view .c4 {
		-webkit-transform: translate(34px, 40px) rotate(0deg);
		transform: translate(34px, 40px) rotate(0deg);
	}
	.footer-top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 44px;
	}
	.footer-brand {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.footer-legal {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	/* Page Module All Css Start */
	.common-container {
		max-width: 960px;
		padding: 0 40px;
	}
	/* Banner Css Start */
	.bn-row,
	.banner--persona .bn-row {
		gap: 20px;
	}
	.banner--illustrated h2,
	.banner--persona h2,
	.banner--centered h2 {
		font-size: 60px;
	}
	.bn-quote {
		font-size: 26px;
	}
	.bn-portrait {
		width: 400px;
	}
	.bn-hero-img {
		padding: 0 40px;
	}
	/* .bn-hero-img .frame {
		max-width: 960px;
	} */
	/* Banner Css End */
	/* Image/Text Module Css Start */
	.image-text .it-row {
		gap: 20px;
	}
	.image-text .it-media,
	.image-text--right .it-media,
	.image-text--themed .it-media,
	.image-text--slideshow .it-media,
	.image-text .it-text {
		flex: 1 1 100%;
	}
	.image-text .it-media .it-frame {
		height: 460px;
	}
	.image-text .it-text h2 {
		font-size: 46px;
	}
	/* --themed : dark inset panel */
	.image-text--themed .common-container {
		padding: 0 40px;
	}
	.image-text--themed .it-row,
	.sb-panel-inner {
		max-width: 960px;
		padding: 0 40px;
	}
	/* Image/Text Module Css End */
	/* Accordion Module Css Start */
	/* dark panel */
	.accordion--dark .common-container .accordion-center {
		max-width: 960px;
	}
	/* .accordion--dark .acc-panel-wrap {
    	padding: 40px 20px;
	} */
	/* Accordion Module Css End */
	/* Page Module All Css End */
	/* Pricing Page Css Start */
	/* Themed (Dark Panel) Css Start */
	.pp-inplan-grid {
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		gap: 20px;
	}
	/* Themed (Dark Panel) Css End */
	/* Pricing Page Css End */
}
@media only screen and (max-width: 991px) {
	.site-header {
		padding: 24px 0;
	}
	.site-logo img {
		width: 165px;
	}
	.main-nav,
	.nav-actions .sign-in,
	.nav-actions .icon-search {
		display: none;
	}
	.nav-toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.site-header .nav-inner {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.nav-actions {
		gap: 20px;
	}
	.nav-toggle {
		width: 76px;
		height: 44px;
		padding: 0;
		border-radius: 30px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: var(--gradient-brand);
	}
	.nav-toggle span {
		width: 18px;
		background: #fff;
	}
	.nav-actions .btn-nav {
		display: none;
	}
	.site-header.menu-open {
		position: fixed;
		background: #FBF8F3;
	}
	.site-header.menu-open .nav-actions .sign-in {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		color: var(--charcoal);
		font-weight: 700;
	}
	.site-header.menu-open .nav-toggle span:nth-child(1) {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}
	.site-header.menu-open .nav-toggle span:nth-child(2) {
		opacity: 0;
	}
	.site-header.menu-open .nav-toggle span:nth-child(3) {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}
	.more-padding-box {
		padding: 80px 0;
	}
	html.mm-open,
	body.mm-open {
		overflow: hidden;
	}
	.mobile-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 18;
		background: #FBF8F3;
		padding-top: 120px;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
		-webkit-transition: opacity 0.28s ease, visibility 0.28s ease, -webkit-transform 0.28s ease;
		transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease;
	}
	.mobile-menu.open {
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		transform: none;
	}
	.mobile-menu .btn-gradient:hover {
		border-color: #33D8DE;
		color: #33D8DE;
	}
	.mobile-menu .btn-gradient:hover .dot {
		background: #33D8DE;
	}
	.mobile-menu .btn-gradient:hover .dot::before {
		background: rgba(51, 216, 222, 0.25);
	}
	.mm-scroll {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 8px 24px 24px;
	}
	.mm-search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 12px;
		padding: 14px 18px;
		border-radius: 100px;
		background: #EFE8DF;
		color: #8a847c;
		margin-bottom: 14px;
	}
	.mm-search svg {
		width: 19px;
		height: 19px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.mm-search input {
		border: 0;
		background: none;
		outline: none;
		width: 100%;
		font-family: var(--font-body);
		font-size: 16px;
		color: var(--charcoal);
	}
	.mm-search input::-webkit-input-placeholder {
		color: #8a847c;
	}
	.mm-search input::-moz-placeholder {
		color: #8a847c;
	}
	.mm-search input:-ms-input-placeholder {
		color: #8a847c;
	}
	.mm-search input::placeholder {
		color: #8a847c;
	}
	.mm-acc {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.mm-item {
		border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	}
	.mm-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		padding: 19px 2px;
		background: none;
		border: 0;
		cursor: pointer;
		text-align: left;
		font-family: var(--font-body);
		font-weight: 600;
		font-size: 20px;
		color: var(--charcoal);
	}
	.mm-direct .mm-row {
		text-decoration: none;
	}
	.mm-arrow {
		width: 18px;
		height: 13px;
		color: var(--charcoal);
	}
	.mm-ico {
		position: relative;
		width: 16px;
		height: 16px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16px;
		flex: 0 0 16px;
	}
	.mm-ico::before,
	.mm-ico::after {
		content: "";
		position: absolute;
		background: var(--charcoal);
		border-radius: 2px;
	}
	.mm-ico::before {
		left: 0;
		right: 0;
		top: 7px;
		height: 2px;
	}
	.mm-ico::after {
		top: 0;
		bottom: 0;
		left: 7px;
		width: 2px;
		-webkit-transition: opacity 0.2s ease;
		transition: opacity 0.2s ease;
	}
	.mm-item.open .mm-ico::after {
		opacity: 0;
	}
	.mm-panel {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.32s ease;
		transition: max-height 0.32s ease;
	}
	.mm-item.open .mm-panel {
		max-height: 1200px;
	}
	.mm-pad {
		padding: 2px 2px 22px;
	}
	.mm-group+.mm-group {
		margin-top: 22px;
	}
	.mm-label {
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 12px;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		color: #a39c93;
		margin-bottom: 12px;
	}
	.mm-group a {
		display: block;
		padding: 8px 0;
		font-family: var(--font-body);
		font-weight: 400;
		font-size: 16px;
		color: #4a4540;
		text-decoration: none;
	}
	.mm-group a:active {
		color: #0FAEBB;
	}
	.mm-cta {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin: 0 24px;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.hero {
		min-height: 100vh;
	}
	.hero .container {
		padding: 20px 48px;
	}
	.site-header .nav-inner {
		padding: 0 48px;
	}
	.site-header::after {
		width: calc(100% - 96px);
	}
	.hero h1 {
		font-size: 58px;
	}
	.hero .hero-content {
		max-width: 540px;
	}
	.hero .sparkle-layer.sb-2 {
		left: 280px;
	}
	.why-now h2 {
		font-size: 50px;
	}
	.why-now .container {
		padding: 0 48px;
	}
	.why-now .subtitle {
		margin-bottom: 28px;
	}
	.logos .container {
		padding: 0 48px;
	}
	.logos h2 {
		font-size: 32px;
		margin-bottom: 42px;
	}
	.logo-strip:not(.slick-initialized) {
		gap: 28px;
	}
	.dark-band {
		border-radius: 36px;
	}
	.time-saved .container {
		padding: 0 48px;
	}
	.ts-grid {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 60px;
	}
	.ts-visual {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		max-width: 470px;
	}
	.ts-text h2 {
		font-size: 36px;
		max-width: 100%;
	}
	.ts-text .body {
		max-width: 100%;
	}
	.meet-sam .container {
		padding: 0 48px;
	}
	.meet-sam h2 {
		font-size: 52px;
	}
	.sam-cards {
		gap: 30px;
		margin-top: 52px;
	}
	.sam-card {
		-ms-flex: 1 1 calc((100% - 30px) / 2);
		flex: 1 1 calc((100% - 30px) / 2);
	}
	.meet-sam .closing {
		font-size: 25px;
		margin-top: 60px;
	}
	.everything .container {
		padding: 0 48px;
	}
	.ev-grid {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 54px;
		max-width: none;
	}
	.ev-text {
		position: static;
		min-height: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-top: 0;
	}
	.ev-text::before {
		display: none;
	}
	.ev-text h2 {
		font-size: 52px;
	}
	.ev-cards {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}
	.ev-col.offset {
		margin-top: 60px;
	}
	.ai-features .container {
		padding: 0 48px;
	}
	.ai-features h2 {
		font-size: 52px;
	}
	.ai-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 40px;
	}
	.ai-card {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		max-width: 600px;
		transform: none !important;
		transition: none !important;
	}
	.ai-card.offset {
		margin-top: 0;
	}
	.ai-features .closing {
		font-size: 26px;
	}
	.ai-wave-inset-box .wave {
		width: 250px;
		height: 145px;
	}
	.ai-wave-inset-box .wave.wave-left {
		top: -50px;
	}
	.ai-wave-inset-box .wave.wave-right {
		right: -105px;
    	bottom: -45px;
	}
	.ai-wave-inset-box .dot.dot-left {
		left: -24px;
  		top: -17px;
	}
	.ai-wave-inset-box .dot.dot-right {
		right: -30px;
    	bottom: -30px;
	}
	.testimonial .container {
		padding: 0 48px;
	}
	.tm-grid {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 56px;
	}
	.tm-visual {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		max-width: 560px;
		margin: 0 auto;
		min-height: 0;
		aspect-ratio: 1 / 1;
		-ms-flex-item-align: center;
		align-self: center;
	}
	.tm-text {
		width: 100%;
	}
	.tm-text h2 {
		font-size: 52px;
	}
	.compound {
		border-radius: 36px;
	}
	.compound .container {
		padding: 0 48px;
	}
	.compound h2 {
		font-size: 52px;
	}
	.stat-row {
		gap: 36px;
		padding: 32px 0;
	}
	.stat-num {
		-ms-flex: 0 0 32%;
		flex: 0 0 32%;
		font-size: 100px;
	}
	.stat-desc .lead {
		font-size: 28px;
		line-height: 36px;
	}
	.timeline-sec .container {
		padding: 0 48px;
	}
	.timeline-sec h2 {
		font-size: 52px;
	}
	.tl-steps {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tl-steps::before {
		display: none;
	}
	.tl-step {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		margin-bottom: 44px;
	}
	.timeline-cta {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.pricing .container {
		padding: 0 48px;
	}
	.pricing h2 {
		font-size: 52px;
	}
	.trial-banner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 18px;
		padding: 24px 32px;
	}
	.price-cards {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 22px;
		max-width: 760px;
	}
	.price-card {
		-ms-flex: 1 1 calc((100% - 22px) / 2);
		flex: 1 1 calc((100% - 22px) / 2);
	}
	.price-card .price {
		font-size: 52px;
	}
	.pricing-extra-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 42px 30px;
    }
	.final-cta {
		padding: 90px 0;
	}
	.final-cta .container {
		padding: 0 48px;
	}
	.cta-grid {
		grid-template-columns: 1fr;
		grid-template-areas: "copy""cards""actions";
		gap: 36px;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.cta-copy {
		-ms-flex-item-align: auto;
		align-self: auto;
		text-align: center;
	}
	.cta-actions {
		-ms-flex-item-align: auto;
		align-self: auto;
	}
	.cta-visual {
		width: 100%;
		margin: 20px 0 70px;
	}
	.cta-visual-img-box {
		margin: 20px 0 0;
	}
	.cta-visual .cta-img-box {
		height: auto;
	}
	.cta-cards {
		height: 540px;
	}
	.cta-cards.in-view .c1 {
		-webkit-transform: translate(-78px, -26px) rotate(-12deg);
		transform: translate(-78px, -26px) rotate(-12deg);
	}
	.cta-cards.in-view .c2 {
		-webkit-transform: translate(-44px, -2px) rotate(-8deg);
		transform: translate(-44px, -2px) rotate(-8deg);
	}
	.cta-cards.in-view .c3 {
		-webkit-transform: translate(-6px, 18px) rotate(-4deg);
		transform: translate(-6px, 18px) rotate(-4deg);
	}
	.cta-cards.in-view .c4 {
		-webkit-transform: translate(34px, 40px) rotate(0deg);
		transform: translate(34px, 40px) rotate(0deg);
	}
	.po-closer h2,
	.cta-text h2 {
		font-size: 52px;
	}
	.cta-copy .body {
		margin-left: auto;
		margin-right: auto;
	}
	.cta-actions .cta-row {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.po-closer .cta-note,
	.cta-text .cta-note {
		font-size: 18px;
		text-align: center;
	}
	.footer .container {
		padding: 0 48px;
	}
	/* Page Module All Css Start */
	.common-container {
		max-width: 720px;
		padding: 0 20px;
	}
	/* Banner Css Start */
	.banner--illustrated h2,
	.banner--persona h2,
	.banner--centered h2 {
		font-size: 40px;
	}
	.bn-lead {
		font-size: 16px;
	}
	.bn-quote {
		font-size: 22px;
		max-width: 100%;
	}
	.bn-portrait {
		width: 300px;
	}
	.bn-hero-img {
		padding: 0 20px;
	}
	/* .bn-hero-img .frame {
		max-width: 720px;
	} */
	/* Banner Css End */
	/* Comparison Module Css Start */
	/* Pricing Comparison Mobile Css Start */
	.cmp-pricing {
		flex-direction: column;
		gap: 30px;
		padding: 0 20px;
	}
	.price-comparison-col {
		flex: 1 1 100%;
	}
	/* Pricing Comparison Mobile Css End */
	/* Comparison Module Css End */
	/* Image/Text Module Css Start */
	.image-text .it-media .it-frame {
		height: 420px;
	}
	.image-text .it-text h2 {
		font-size: 36px;
	}
	.image-text .it-text .body {
		font-size: 16px;
		max-width: 100%;
	}
	/* --themed : dark inset panel */
	.image-text--themed .common-container {
		padding: 0 20px;
	}
	.image-text--themed .it-panel {
		border-radius: 24px;
		padding: 40px 0;
	}
	.image-text--themed .it-row,
	.sb-panel-inner {
		max-width: 720px;
		padding: 0 20px;
	}
	/* Image/Text Module Css End */
	/* Accordion Module Css Start */
	.accordion .acc-head h2 {
		font-size: 44px;
	}
	.acc-q {
		font-size: 18px;
		padding: 20px;
	}
	.acc-row.is-open .acc-panel {
		padding: 0 20px 20px;
	}
	.acc-a {
		font-size: 14px;
	}
	/* compact */
	.accordion--compact .acc-inner {
		gap: 20px;
	}
	.accordion--compact .acc-aside h2 {
		font-size: 34px;
	}
	.accordion--compact .acc-aside .body {
		max-width: 100%;
		font-size: 16px;
	}
	.accordion--compact .acc-q {
		padding: 20px 0;
	}
	.accordion--compact .acc-row.is-open .acc-panel {
		padding: 0 0 20px;
	}
	/* dark panel */
	.accordion--dark .common-container {
		padding: 0 20px;
	}
	.accordion--dark .common-container .accordion-center {
		max-width: 720px;
	}
	.accordion--dark .acc-panel-wrap {
		border-radius: 24px;
    	padding: 40px 20px;
	}
	/* Accordion Module Css End */
	/* Card Grid Module Css Start */
	.card-grid--fixed4 .cg-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	/* Card Grid Module Css End */
	/* Image Divider & Pull Quote Module Css Start */
	.divider--quote .dv-inner,
	.divider--illo .dv-inner {
		padding: 0 40px;
	}
	.dv-quote {
		font-size: 44px;
	}
	.divider--image,
	.divider--video {
		margin: 0 20px;
	}
	.divider--image .common-container,
	.divider--video .common-container {
		border-radius: 24px;
	}
	.divider--image .dv-content,
	.divider--video .dv-content {
		padding: 0 40px;
	}
	.dv-band-quote {
		font-size: 40px;
	}
	/* Image Divider & Pull Quote Module Css End */
	/* Stat Band Module Css Start */
	.stat-band h2 {
		font-size: 40px;
	}
	.sb-panel {
		border-radius: 24px;
	}
	.sb-compare .old .n {
		font-size: 100px;
	}
	.sb-compare .new .n {
		font-size: 140px;
	}
	.sb-big {
		font-size: 140px;
	}
	.sb-stat .n {
		font-size: 70px;
	}
	.sb-scard .n {
		font-size: 62px;
	}
	.sb-ts-row {
		gap: 40px;
	}
	.sb-ts-card .big b {
		font-size: 40px;
	}
	.sb-ts-media,
	.sb-ts-frame {
		width: 100%;
	}
	.sb-ts-text {
		flex: 1 1 100%;
	}
	.stat-band .common-container {
		padding: 0 20px;
	}
	/* Stat Band Module Css End */
	/* Testimonial Module Css Start */
	.tst-quote-lg {
		font-size: 42px;
	}
	.testimonials--grid h2 {
		font-size: 42px;
	}
	.tst-qmark {
		font-size: 30px;
	}
	.tst-stat-badge .big {
		font-size: 32px;
	}
	.tst-quote-md {
		font-size: 34px;
	}
	/* Testimonial Module Css End */
	.image-text .subtitle,
	.banner .subtitle,
	.accordion .subtitle,
	.card-grid .subtitle,
	.form-section .form-inner .subtitle,
	.comparison .subtitle,
	.rich-text .subtitle,
	.divider .subtitle,
	.link-tiles .subtitle,
	.stat-band .subtitle,
	.steps .subtitle,
	.testimonials .subtitle {
		font-size: 16px;
	}
	/* Page Module All Css End */
	/* Module Directory Page Css Start */
	.mp-hero .subtitle,
	.mp-problem .subtitle,
	.mp-feat-head .subtitle,
	.mp-roles-head .subtitle {
		font-size: 16px;
	}
	/* Hero Banner Css Start */
	.mp-hero {
		padding: 150px 0 70px;
	}
	.mp-hero-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		padding: 0 48px;
		gap: 40px;
	}
	.mp-hero-text,
	.mp-hero-media {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 100%;
	}
	.mp-module-title {
		font-size: 60px;
	}
	/* Hero Banner Css End */
	/* The Problem Css Start */
	.mp-problem-cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
	}
	.mp-stat-card {
		flex: 1 1 auto;
	}
	/* The Problem Css End */
	/* Everything Alumni Css Start */
	.mp-feat-head h2 {
		font-size: 48px;
	}
	.mp-fcard {
		padding: 20px;
	}
	/* Everything Alumni Css End */
	/* Different Views Css Start */
	.mp-roles-head,
	.mp-roles-grid {
		padding: 0;
	}
	.mp-roles-head h2 {
		font-size: 48px;
	}
	.mp-roles-grid {
		flex-wrap: wrap;
	}
	.mp-role {
		flex: 1 1 45%;
	}
	/* Different Views Css End */
	/* Testimonial Css Start */
	.mp-quote {
		padding: 40px;
	}
	.mp-quote-card {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
	}
	.mp-quote-photo {
		flex: 1 1 auto;
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}
	.mp-quote-body {
		padding-bottom: 0;
	}
	/* Testimonial Css End */
	/* Module Directory Page Css End */
	/* Pricing Page Css Start */
	.pp-tier-row {
		gap: 50px;
	}
	.pp-tier h2 {
		font-size: 54px;
	}
	.pp-tier-tagline {
		font-size: 20px;
	}
	.pp-price b {
		font-size: 62px;
	}
	/* Pricing View By Tier Css End */
	/* Themed (Dark Panel) Css Start */
	.pp-inplan-grid {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		gap: 20px;
	}
	/* Themed (Dark Panel) Css End */
	/* Pricing Page Css End */
	
	/* Help Page Css Start */
	/* Launch Alumni Css Start */
	.hc-launch-card {
		padding: 30px 20px;
	}
	.hc-launch-card .eyebrow {
		font-size: 12px;
	}
	.hc-launch-card h2 {
		font-size: 30px;
	}
	.hc-launch-card .lead {
		font-size: 16px;
	}
	.hc-step {
		padding: 20px;
	}
	.hc-step .kick {
		font-size: 10px;
	}
	.hc-step .t {
		font-size: 14px;
	}
	.hc-step .d {
		font-size: 12px;
	}
	.hc-step6 {
		padding: 20px;
	}
	.hc-step6 .kick {
		font-size: 10px;
	}
	.hc-step6 .t {
		font-size: 14px;
	}
	.hc-step6 .d {
		font-size: 12px;
	}
	.hc-step6 .go {
		font-size: 12px;
	}
	/* Launch Alumni Css End */
	/* Browse By Category Css Start */
	.hc-cat {
		padding: 30px 20px;
	}
	.hc-cat-head h3 {
		font-size: 16px;
	}
	.hc-cat-head .n {
		font-size: 12px;
	}
	.hc-cat-item {
		font-size: 14px;
	}
	.hc-video {
		padding: 30px 20px;
	}
	.hc-video .kick {
		font-size: 10px;
	}
	.hc-video h3,
	.hc-video .rt-prose h2 {
		font-size: 20px;
	}
	.hc-video p {
		font-size: 12px;
	}
	/* Browse By Category Css End */
	/* Module Guides Css Start */
	.hc-mods-head h2 {
		font-size: 30px;
	}
	.hc-mods-head .note {
		font-size: 14px;
	}
	.hc-mod {
		padding: 30px 20px;
	}
	.hc-mod .t {
		font-size: 16px;
	}
	.hc-mod .d {
		font-size: 12px;
	}
	/* Module Guides Css End */
	/* Help Page Css End */
	/* Help Article Page Css Start */
	.hg-side {
		position: static;
		flex: 1 1 100%;
		max-width: none;
		-webkit-box-orient: horizontal;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.hg-side .box {
		-webkit-box-flex: 1;
		flex: 1 1 240px;
	}
	/* Help Article Page Css End */
	/* Platform Overview Page Css Start */
	/* Fragmentation Section Css Start */
	.po .subtitle {
		font-size: 16px;
	}
	.po-h {
		font-size: 44px;
	}
	.po-frag {
		grid-template-columns: 1fr;
	}
	.po-frag-mid {
		transform: rotate(90deg);
		margin: 6px 0;
	}
	.po-frag-mid .lbl,
	.po-frag-mid .logo {
		transform: rotate(270deg);
	}
	.po-frag-flow {
		height: 40px;
	}
	/* Fragmentation Section Css End */
	/* Architecture Section Css Start */
	.po-arch2 {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.po-arch2-lines {
		display: none;
	}
	.po-arch2-collabel,
	.po-arch2-hublabel {
		text-align: center;
	}
	/* Architecture Section Css End */
	/* Platform Overview Page Css End */
}
@media only screen and (max-width: 767px) {
	.more-padding-box {
		padding: 60px 0;
	}
	.sparkle-layer {
		display: none;
	}
	.site-header {
		padding: 18px;
	}
	.site-header .nav-inner {
		padding: 10px 22px;
		border: solid 1px #B3B3B3;
		border-radius: 45px;
	}
	.site-header::after {
		display: none;
	}
	.site-logo img {
		width: 150px;
	}
	.hero {
		min-height: 0;
		padding: 120px 22px 56px;
		background: var(--cream);
		display: block;
		text-align: center;
	}
	.hero .hero-bg {
		display: none;
	}
	.hero::before,
	.hero::after {
		display: none;
	}
	.hero .container {
		padding: 0;
	}
	.hero .hero-content {
		max-width: 100%;
	}
	.hero-head {
		text-align: center;
		padding: 20px 45px;
	}
	.hero .subtitle {
		color: var(--coral);
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0.18em;
		margin-bottom: 16px;
		background: none;
		-webkit-background-clip: initial;
		background-clip: initial;
		-webkit-text-fill-color: var(--coral);
	}
	.hero h1 {
		color: var(--grey);
		font-size: 48px;
		line-height: 1.08;
	}
	.hero h1 .accent {
		background: -webkit-linear-gradient(left, #33D8DE, #312F97);
		background: linear-gradient(90deg, #33D8DE, #312F97);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
	.hero-foot {
		position: relative;
		margin-top: 10px;
		border-radius: 24px;
		overflow: hidden;
		min-height: calc(100vh - 160px);
		padding: 26px 20px 70px;
		background-image: url(../images/hero-bg.png);
		background-size: cover;
		background-position: 62% center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.hero-foot-video {
		display: block;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 0;
	}
	.hero-foot::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 2;
		pointer-events: none;
		background: -webkit-linear-gradient(top, rgba(8, 10, 22, 0.10) 0%, rgba(8, 10, 22, 0.45) 55%, rgba(8, 10, 22, 0.82) 100%);
		background: linear-gradient(180deg, rgba(8, 10, 22, 0.10) 0%, rgba(8, 10, 22, 0.45) 55%, rgba(8, 10, 22, 0.82) 100%);
	}
	.hero-foot-content {
		position: relative;
		z-index: 3;
		display: flex;
		flex-direction: column;
	}
	.hero .hero-cta {
		display: flex;
		align-items: center;
		width: 100%;
		max-width: 355px;
		margin: 20px auto 60px;
		padding: 5px;
		gap: 5px;
		border-radius: 100px;
		background: var(--gradient-brand);
		overflow: hidden;
		z-index: 3;
	}
	.hero .hero-cta .btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		padding: 10px 14px;
		gap: 15px;
		border: 0;
		flex: none;
	}
	.hero .hero-cta .btn-gradient {
		background: transparent;
		gap: 10px;
    	font-size: 14px;
	}
	.hero .hero-cta .btn-gradient::after {
		content: '';
		position: absolute;
		background: #171230;
		width: 100%;
		height: 100%;
		border-radius: 100px;
		top: 0;
		left: 0;
		z-index: 2;
		transform: scaleX(0);
		transform-origin: right;
		transition: transform .4s ease;
	}
	.hero .hero-cta .btn-gradient:hover::after {
		transform: scaleX(1);
		transform-origin: left;
	}
	.hero .hero-cta .btn-gradient .dot,
	.hero .hero-cta .btn-gradient .btn-txt {
		z-index: 3;
	}
	.hero .hero-cta .btn-ghost {
		flex: 1;
		background: #171230;
		gap: 10px;
    	font-size: 14px;
	}
	.hero .hero-cta .btn-ghost::before {
		display: none;
	}
	.hero .hero-foot .body {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		color: #fff;
		font-size: 18px;
		line-height: 1.5;
		margin: 0;
		max-width: 100%;
		z-index: 3;
	}
	.hero .btn {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.logos .container {
		padding: 0 24px;
	}
	.logo-strip:not(.slick-initialized) {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		gap: 14px;
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
	}
	.dark-band {
		border-radius: 26px;
	}
	.time-saved .container {
		padding: 0 24px;
	}
	.ts-grid {
		gap: 36px;
	}
	.ts-text {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}
	.ts-visual {
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
	.ts-text h2 {
		font-size: 32px;
	}
	.ts-text .body {
		font-size: 16px;
	}
	.stat-card {
		width: 65%;
		height: 54%;
	}
	.stat-card .card-label {
		font-size: 9px;
	}
	.stat-card .card-label .dot {
		width: 10px;
		height: 10px;
	}
	.stat-card .stat-big .num {
		font-size: 136px;
	}
	.stat-card .stat-big .unit {
		font-size: 27px;
		margin-top: 20px;
	}
	.ts-portrait {
		left: 26%;
		top: 30%;
		width: 50%;
	}
	.stat-pill {
		top: 65%;
		padding: 10px 15px;
	}
	.stat-pill .strike .num {
		font-size: 38px;
	}
	.stat-pill .strike .unit {
		font-size: 10px;
	}
	.meet-sam .container {
		padding: 0 24px;
	}
	.meet-sam h2 {
		font-size: 48px;
	}
	.meet-sam .intro {
		font-size: 18px;
	}
	.sam-cards {
		margin-top: 40px;
		gap: 16px;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
	}
	.sam-card {
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 300px;
	}
	.sam-cards.slick-initialized .slick-list {
		margin: 0;
	}
	.sam-card .photo {
		margin: 8px 8px 0;
	}
	.sam-card .card-body {
		padding: 15px 15px 20px;
	}
	.sam-card .year {
		font-size: 20px;
	}
	.sam-card .stage {
		font-size: 19px;
	}
	.meet-sam .closing {
		font-size: 22px;
		margin-top: 48px;
	}
	.meet-sam .closing span {
		font-size: 23px;
	}
	.everything .container {
		padding: 0 0 0 24px;
	}
	.ev-grid {
		gap: 40px;
	}
	.ev-text {
		padding: 0 24px 0 0;
		text-align: center;
	}
	.ev-text h2 {
		font-size: 48px;
	}
	.ev-text .body {
		font-size: 18px;
	}
	.ev-text .subtitle {
		font-size: 15px;
	}
	.ev-cards {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		gap: 16px;
		margin: 0;
		padding: 4px 24px 12px;
	}
	.ev-cards::-webkit-scrollbar {
		display: none;
	}
	.ev-col {
		display: contents;
	}
	.ev-card {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 78%;
		flex: 0 0 78%;
		max-width: 300px;
		aspect-ratio: auto;
		min-height: 412px;
		padding: 26px 24px;
		border-radius: 28px;
		scroll-snap-align: start;
		/* background: -webkit-linear-gradient(45deg, #1F7FC9 0%, #3A2E97 100%);
		background: linear-gradient(45deg, #1F7FC9 0%, #3A2E97 100%); */
		background: linear-gradient( 333.29deg, #33D8DE -1.16%, #312F97 80.14%, #B067CF 109.43% );
	}
	.ev-card:hover {
		/* background: -webkit-linear-gradient(45deg, #1F7FC9 0%, #3A2E97 100%);
		background: linear-gradient(45deg, #1F7FC9 0%, #3A2E97 100%); */
		background: linear-gradient( 333.29deg, #33D8DE -1.16%, #312F97 80.14%, #B067CF 109.43% );
	}
	.ev-card::before {
		display: none;
	}
	.ev-card .ev-icon {
		width: 72px;
		height: 72px;
		border-radius: 18px;
		font-size: 34px;
	}
	.ev-col:nth-child(2n - 1) .ev-card:nth-child(2n - 1) .ev-icon::before,
	.ev-col:nth-child(2n - 1) .ev-card:hover:nth-child(2n - 1) .ev-icon::before {
		/* background: linear-gradient(90deg, #33D8DE 0%, #48C2FF 100%); */
		background: linear-gradient(40.97deg, #33D8DE 22.76%, #48C2FF 102.93%);
		opacity: 1;
	}
	.ev-col:nth-child(2n - 1) .ev-card:nth-child(2n) .ev-icon::before,
	.ev-col:nth-child(2n - 1) .ev-card:hover:nth-child(2n) .ev-icon::before {
		/* background: linear-gradient(46.54deg, #B067CF 10.03%, #FFB3B4 93.01%); */
		background: linear-gradient(225deg, #F38182 1.73%, #FFC427 98.27%);
		opacity: 1;
	}
	.ev-col:nth-child(2n) .ev-card:nth-child(2n - 1) .ev-icon::before,
	.ev-col:nth-child(2n) .ev-card:hover:nth-child(2n - 1) .ev-icon::before {
		/* background: linear-gradient(49.42deg, #FFC427 0%, #F38182 93.38%); */
		background: linear-gradient(225deg, #FFB3B4 1.73%, #B067CF 98.27%);
		opacity: 1;
	}
	.ev-col:nth-child(2n) .ev-card:nth-child(2n) .ev-icon::before,
	.ev-col:nth-child(2n) .ev-card:hover:nth-child(2n) .ev-icon::before {
		background: linear-gradient(49.42deg, #9AFF27 0%, #02B2B1 93.38%);
		opacity: 1;
	}
	.ev-card .ev-icon i {
		font-size: 34px;
	}
	.ev-col:nth-child(2n - 1) .ev-card:nth-child(2n - 1) .ev-icon i,
	.ev-col:nth-child(2n - 1) .ev-card:nth-child(2n) .ev-icon i,
	.ev-col:nth-child(2n) .ev-card:nth-child(2n - 1) .ev-icon i,
	.ev-col:nth-child(2n) .ev-card:nth-child(2n) .ev-icon i {
		color: #FFFFFF;
	}
	.ev-card .ev-card-title {
		font-size: 40px;
		margin-top: 20px;
		color: #ffffff;
		word-break: break-word;
	}
	.ev-card .ev-desc,
	.ev-card:hover .ev-desc {
		display: block;
		font-family: var(--font-body);
		font-weight: 400;
		font-size: 18px;
		line-height: 1.45;
		color: rgba(255, 255, 255, 0.92);
		margin-top: 14px;
	}
	.ev-card .ev-more {
		background: #FFFFFF;
		height: 38px;
		width: max-content;
		padding: 10px 25px;
		border-radius: 100px;
	}
	.ai-features .container {
		padding: 0 24px;
	}
	.ai-features h2 {
		font-size: 48px;
	}
	.ai-features .intro {
		font-size: 18px;
	}
	.ai-features .subtitle {
		font-size: 15px;
	}
	.ai-features .closing {
		font-size: 18px;
	}
	.ai-card {
		max-width: 440px;
		padding: 20px 20px 30px;
	}
	.ai-badge {
		font-size: 18px;
	}
	.ai-badge .emoji {
		font-size: 34px;
	}
	.ai-card h3 {
		font-size: 32px;
		line-height: 40px;
	}
	.ai-inset {
		max-width: 100%;
	}
	.ai-card .ai-body,
	.ai-inset p {
		font-size: 16px;
		line-height: 22px;
	}
	.ai-inset .label {
		font-size: 18px;
		font-weight: 500;
		line-height: 20px;
	}
	.ai-inset::before {
		top: 10px;
		left: 10px;
	}
	.ai-wave-inset-box .wave,
	.ai-wave-inset-box .dot {
		display: none;
	}
	.testimonial::before {
		display: none;
	}
	.testimonial .container {
		padding: 0 24px;
	}
	.tm-text h2 {
		font-size: 48px;
	}
	.tm-text .quote {
		font-size: 18px;
	}
	.tm-text .subtitle {
		font-size: 15px;
	}
	.tm-attr {
		font-size: 18px;
	}
	.tm-attr strong {
		font-size: 22px;
	}
	.testimonial {
		overflow: hidden;
	}
	.tm-visual {
		max-width: 380px;
		order: 2;
	}
	.tm-card {
		padding: 10px;
	}
	.tm-card .label {
		font-size: 10px;
	}
	.tm-card-result .big {
		font-size: 22px;
	}
	.tm-card-hours {
		width: 42%;
	}
	.tm-card-hours .big {
		font-size: 26px;
	}
	.tm-card-hours .big .unit,
	.tm-card-hours .sub {
		font-size: 14px;
	}
	.tm-donut {
		width: 100px !important;
		height: 100px !important;
		bottom: -55%;
		right: -25%;
	}
	.compound {
		border-radius: 26px;
		text-align: left;
	}
	.compound::before {
		display: none;
	}
	.compound .container {
		padding: 0 24px;
	}
	.compound h2 {
		font-size: 48px;
		text-align: left;
	}
	.stat-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 12px;
		padding: 26px 0;
	}
	.stat-num {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		font-size: 97px;
	}
	.stat-num .unit {
		font-size: 40px;
	}
	.compound .subtitle {
		font-size: 15px;
		text-align: left;
	}
	.stat-desc .lead {
		font-size: 32px;
		line-height: 40px;
	}
	.stat-desc .sub {
		font-size: 18px;
	}
	.timeline-sec .container {
		padding: 0 24px;
	}
	.timeline-sec h2 {
		font-size: 48px;
	}
	.timeline-sec .intro {
		font-size: 18px;
	}
	.timeline-sec .subtitle {
		font-size: 15px;
	}
	.tl-time {
		font-size: 25px;
	}
	.tl-desc,
	.timeline-note {
		font-size: 18px;
	}
	.tl-step {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 38px;
	}
	.tl-circle {
		width: 96px;
		height: 96px;
		font-size: 42px;
	}
	.tl-circle i {
		font-size: 40px;
	}
	.timeline-cta .btn {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.pricing .container {
		padding: 0 24px;
	}
	.pricing h2 {
		font-size: 48px;
	}
	.pricing .intro {
		font-size: 18px;
	}
	.pricing .subtitle {
		font-size: 15px;
	}
	.trial-banner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: center;
	}
	.trial-banner .tb-big {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
		font-size: 85px;
	}
	.trial-banner .tb-big .day {
		font-size: 28px;
		margin-top: 20px;
	}
	.trial-banner .tb-text .h {
		font-size: 22px;
	}
	.trial-banner .tb-text .s {
		font-size: 16px;
	}
	.price-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 420px;
	}
	.price-card {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.price-card .tier {
		font-size: 20px;
	}
	.price-card .price {
		font-size: 64px;
	}
	.price-card .price .mo,
	.price-card .billed {
		font-size: 16px;
	}
	.price-card .pdesc {
		font-size: 22px;
	}
	.price-card .inc-label {
		font-size: 15px;
	}
	.price-card .feats li,
	.pricing-foot .note {
		font-size: 18px;
	}
	.pricing-extra-features {
		grid-template-columns: 1fr;
        gap: 34px;
        margin-top: 35px;
        padding-top: 30px;
	}
	.pricing-extra-content {
		margin-top: 18px;
	}
	.pricing-extra-text h3 {
		font-size: 16px;
	}
	.pricing-extra-text p {
		font-size: 12px;
	}
	.dark-end,
	.footer-band {
		border-radius: 24px;
	}
	.dark-end {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.final-cta {
		padding: 72px 0;
	}
	.final-cta .container {
		padding: 0 24px;
	}
	.cta-grid {
		gap: 30px;
	}
	.cta-copy {
		text-align: center;
	}
	.cta-cards.in-view .c1 {
		-webkit-transform: translate(-12px, -44px) rotate(-8deg);
		transform: translate(-12px, -44px) rotate(-8deg);
	}
	.cta-cards.in-view .c2 {
		-webkit-transform: translate(8px, -15px) rotate(-5deg);
		transform: translate(8px, -15px) rotate(-5deg);
	}
	.cta-cards.in-view .c3 {
		-webkit-transform: translate(6px, 18px) rotate(5deg);
		transform: translate(6px, 18px) rotate(5deg);
	}
	.cta-cards.in-view .c4 {
		-webkit-transform: translate(0px, 40px) rotate(0deg);
		transform: translate(0px, 40px) rotate(0deg);
	}
	.po-closer h2,
	.cta-text h2 {
		font-size: 48px;
	}
	.po-closer .subtitle,
	.cta-text .subtitle {
		font-size: 15px;
	}
	.cta-cards {
		height: 470px;
	}
	.cta-card {
		width: 264px;
		margin-left: -132px;
	}
	.cta-actions .cta-row {
		flex-wrap: wrap;
		margin-top: 60px;
	}
	.cta-actions .btn-gradient {
		justify-content: center;
	}
	.cta-note {
		text-align: left;
	}
	.footer .container {
		padding: 0 24px;
	}
	.footer-brand {
		text-align: center;
	}
	.footer-logo {
		margin: 0 auto;
		display: inline-block;
	}
	.footer-logo img {
		width: 150px;
	}
	.footer-tagline,
	.footer-note {
		margin-left: auto;
		margin-right: auto;
	}
	.footer-tagline {
		font-size: 22px;
	}
	.footer-note,
	.footer-col a,
	.footer-legal a,
	.footer-bar .copy {
		font-size: 16px;
	}
	.footer-apps .apps-label,
	.footer-col h4 {
		font-size: 18px;
	}
	.footer-legal {
		order: 2;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}
	.subscribe-form {
		margin-left: auto;
		margin-right: auto;
	}
	.footer-apps {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 22px;
		text-align: center;
	}
	.footer-cols {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 28px 24px;
		text-align: left;
	}
	.footer-col {
		-ms-flex: 0 0 calc((100% - 24px) / 2);
		flex: 0 0 calc((100% - 24px) / 2);
	}
	.footer-bar {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 18px;
		text-align: center;
	}
	.footer-bar .right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 16px;
	}
	.footer-bar .copy {
		order: 2;
		margin: 20px 0 0;
	}
	.footer-bar .right {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 18px;
		order: 1;
	}
	.logos,
	.bn-logos {
		padding: 0 20px;
	}
	.logos h2 {
		font-size: 30px;
		margin-bottom: 32px;
	}
	.logo-strip:not(.slick-initialized) {
		gap: 18px;
	}
	.logo-item,
	.bn-logos .logo-item {
		height: 170px;
	}
	.logo-item .logo-ph {
		font-size: 24px;
	}
	.why-now .container {
		padding: 0 24px;
	}
	.why-now .subtitle {
		font-size: 15px;
		margin-bottom: 20px;
	}
	.why-now h2 {
		font-size: 48px;
	}
	.why-now .body {
		font-size: 18px;
		margin-top: 28px;
	}
	.why-now .subline {
		font-size: 22px;
		margin-top: 32px;
	}
	.dark-band .subtitle {
		font-size: 15px;
	}
	/* Page Module All Css Start */
	.common-container {
		max-width: 540px;
		padding: 0 20px;
	}
	/* Banner Css Start */
	.banner,
	.banner.dark-hero {
		padding: 120px 0 60px;
	}
	.banner.bn-bottom-img {
		padding: 120px 0;
	}
	.banner--persona .bn-media,
	.banner--illustrated .bn-media,
	.bn-text {
		flex: 1 1 100%;
	}
	.bn-row {
		flex-wrap: wrap;
	}
	.bn-row,
	.banner--persona .bn-row {
		gap: 40px;
	}
	.banner--illustrated h2,
	.banner--persona h2,
	.banner--centered h2 {
		font-size: 50px;
	}
	.banner.dark-hero .bn-pill {
		flex-wrap: wrap;
		text-align: center;	
		justify-content: center;
	}
	.bn-portrait {
		width: 340px;
	}
	.bn-hero-img {
		margin-top: -60px;
	}
	.bn-crumb {
		font-size: 12px;
	}
	.bn-title-row {
		margin-top: 40px;
	}
	.bn-meta {
		gap: 10px 20px;
		margin-top: 50px;
		font-size: 12px;
	}
	/* Banner Css End */
	/* Search Result Css Start */
	.search-results-head h2 {
		font-size: 30px;
	}
	.search-results-head .count {
		font-size: 14px;
	}
	.search-result {
		padding: 18px 20px;
	}
	.search-result .sec {
		font-size: 10px;
	}
	.search-result .ttl {
		font-size: 14px;
	}
	.search-result .ds {
		font-size: 12px;
	}
	.search-result .open {
		font-size: 12px;
	}
	.search-results-empty {
		padding: 30px 20px;
	}
	.search-results-empty h3 {
		font-size: 24px;
	}
	.search-results-empty p {
		font-size: 14px;
	}
	.search-results-clear-all {
		font-size: 14px;
	}
	/* Search Result Css End */
	/* Image/Text Module Css Start */
	.image-text .it-row {
		gap: 40px;
		flex-wrap: wrap;
	}
	.image-text .it-media {
		order: 2;
	}
	.image-text .it-media .it-frame {
		height: 360px;
	}
	.image-text .it-text {
		order: 1;
	}
	.image-text .it-text h2 {
		font-size: 42px;
	}
	/* --themed : dark inset panel */
	.image-text--themed .it-row {
		max-width: 540px;
		padding: 0 40px;
	}
	/* Image/Text Module Css End */
	/* Accordion Module Css Start */
	.accordion .acc-head h2 {
		font-size: 40px;
	}
	/* compact */
	.accordion--compact .acc-inner {
		gap: 40px;
		flex-wrap: wrap;
	}
	.accordion--compact .acc-aside,
	.accordion--compact .acc-list {
		flex: 1 1 100%;
	}
	.accordion--compact .acc-aside h2 {
		font-size: 36px;
	}
	/* dark panel */
	.accordion--dark .common-container .accordion-center {
		max-width: 540px;
	}
	.accordion--dark .acc-panel-wrap {
    	padding: 40px;
	}
	/* Accordion Module Css End */
	/* Comparison Module Css Start */
	.comparison .cmp-head h2 {
		font-size: 40px;
	}
	.cmp-cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		padding: 0;
	}
	.cmp-col {
		padding: 20px;
	}
	.cmp-col-head h3 {
		font-size: 22px;
	}
	.cmp-item {
		font-size: 16px;
	}
	.cmp-table-wrap {
		padding: 0;
	}
	.cmp-tr .name {
		font-size: 16px;
	}
	.cmp-tr .cost {
		font-size: 18px;
	}
	.cmp-alumnly .lbl {
		font-size: 18px;
	}
	.cmp-alumnly .big {
		font-size: 32px;
	}
	.cmp-note {
		padding: 0 20px;
	}
	/* Pricing Comparison Mobile Css Start */
	.price-range {
		font-size: 32px;
	}
	.price-col-title {
		font-size: 16px;
	}
	.item-label,
	.item-value {
		font-size: 14px;
	}
	.multiplier-text {
		font-size: 40px;
	}
	.multiplier-note {
		font-size: 11px;
	}
	/* Pricing Comparison Mobile Css End */
	/* Comparison Module Css End */
	/* Link Tiles Module Css Start */
	.link-tiles--center .lt-inner {
		padding: 0 20px;
	}
	.link-tiles h2 {
		font-size: 36px;
	}
	.lt-tile-body h3 {
		font-size: 18px;
	}
	.lt-tile-body p {
		font-size: 14px;
	}
	.lt-tile-body .more {
		font-size: 14px;
	}
	.lt-pill {
		font-size: 14px;
	}
	/* Link Tiles Module Css End */
	/* Image Divider & Pull Quote Module Css Start */
	.divider--quote .dv-inner,
	.divider--illo .dv-inner {
		padding: 0 20px;
	}
	.dv-quote {
		font-size: 34px;
	}
	.dv-name {
		font-size: 16px;
	}
	.dv-role {
		font-size: 12px;
	}
	.divider--image .dv-content,
	.divider--video .dv-content {
		padding: 0 20px;
	}
	.dv-band-quote {
		font-size: 34px;
	}
	.dv-caption {
		font-size: 18px;
	}
	.dv-play {
		width: 70px;
		height: 70px;
	}
	/* Image Divider & Pull Quote Module Css End */
	/* Full Text Editor Module Css Start */
	.rich-text .rt-inner {
		padding: 0 20px;
	}
	.rich-text--wide .rt-inner {
		padding: 0 20px;
	}
	.rt-prose h1 {
		font-size: 40px;
	}
	.rt-prose h2 {
		font-size: 36px;
	}
	.rt-prose h3 {
		font-size: 28px;
	}
	.rt-prose h4 {
		font-size: 22px;
	}
	.rt-prose h5 {
		font-size: 20px;
	}
	.rt-prose h6 {
		font-size: 18px;
	}
	.rt-prose .lead {
		font-size: 20px;
	}
	.rt-prose p {
		font-size: 16px;
	}
	.rt-prose ul li {
		font-size: 16px;
	}
	.rt-prose blockquote p {
		font-size: 22px;
	}
	.rt-prose tbody td {
		font-size: 14px;
	}
	.rt-prose img {
		width: 100%;
		height: 100%;
		aspect-ratio: auto !important;
	}
	/* Image and Text Side By Side Css Start */
    .image-style-align-left {
        margin-bottom: 10px;
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .image-style-align-right {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .image-style-align-left img,
    .image-style-align-right img {
        width: 100%;
    }
    /* Image and Text Side By Side Css End */
	.rt-columns {
		column-count: 1;
	}
	.ft-download .nm {
		font-size: 15px;
	}
	.ft-info p {
		font-size: 14px;
	}
	.ft-check .nm {
		font-size: 16px;
	}
	.ft-check .ds {
		font-size: 14px;
	}
	/* Full Text Editor Module Css End */
	/* Steps & Timeline Module Css Start */
	.steps .st-inner {
		padding: 0 20px;
	}
	.steps--horizontal h2 {
		font-size: 36px;
	}
	.steps--vertical h2 {
		font-size: 38px;
	}
	.steps--timeline h2 {
		font-size: 36px;
	}
	.st-row::before {
		display: none;
	}
	.st-card .st-t {
		font-size: 18px;
	}
	.st-card .st-d {
		font-size: 14px;
	}
	.st-v-body h3 {
		font-size: 20px;
	}
	.st-y-year {
		font-size: 30px;
	}
	.st-y-body h3 {
		font-size: 18px;
	}
	/* Steps & Timeline Module Css End */
	/* Testimonial Module Css Start */
	.tst-inner {
		padding: 0 20px;
	}
	.tst-stars {
		font-size: 20px;
	}
	.tst-quote-lg {
		font-size: 36px;
	}
	.tst-name {
		font-size: 16px;
	}
	.tst-role {
		font-size: 12px;
	}
	.testimonials--grid .tst-head {
		padding: 0 20px;
	}
	.testimonials--grid h2 {
		font-size: 36px;
	}
	.tst-grid {
		padding: 0 20px;
	}
	.tst-card {
		padding: 20px;
	}
	.tst-qmark {
		font-size: 24px;
	}
	.tst-card p {
		font-size: 16px;
	}
	.tst-card-foot .nm {
		font-size: 14px;
	}
	.tst-card-foot .rl {
		font-size: 12px;
	}
	.tst-photo-row {
		padding: 0 20px;
		gap: 40px;		
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.tst-photo-media {
		flex: 0 1 300px;
	}
	.tst-photo-circle {
		width: 300px;
	}
	.tst-photo-text {
		flex: 1 1 100%;
	}
	.tst-stat-badge .big {
		font-size: 26px;
	}
	.tst-quote-md {
		font-size: 28px;
	}
	.tst-div {
		width: 320px;
	}
	.tst-photo-text .body {
		font-size: 16px;
	}
	.tst-photo-text .nm {
		font-size: 16px;
	}
	.tst-photo-text .rl {
		font-size: 14px;
	}
	/* Testimonial Module Css End */
	/* Card Grid Module Css Start */
	.card-grid .cg-inner,
	.form-section .form-inner {
		padding: 0 20px;
		max-width: 1500px;
	}
	.card-grid--fixed4 .cg-inner,
	.card-grid--bars .cg-inner {
		max-width: 1200px;
	}
	.card-grid--chips .cg-inner {
		max-width: 1000px;
	}
	.card-grid--tint .cg-inner {
		max-width: 1300px;
	}
	.card-grid--badge .cg-inner,
	.form-section .form-inner {
		max-width: 1400px;
	}
	.card-grid h2,
	.form-section .form-inner h2 {
		font-size: 36px;
	}
	.form-section .form-inner .sub-txt {
		font-size: 16px;
	}
	.cg-card h3 {
		font-size: 18px;
	}
	.cg-card p,
	.cg-card a {
		font-size: 13px;
	}
	.cg-tile--lg {
		padding: 40px;
	}
	.cg-tile h3 {
		font-size: 18px;
	}
	.cg-tile--lg h3 {
		font-size: 24px;
	}
	.cg-tile p {
		font-size: 14px;
	}
	.cg-showcase {
		gap: 40px;
	}
	.cg-bignum {
		font-size: 50px;
	}
	.cg-sc-text h2 {
		font-size: 36px;
	}
	.cg-sc-text .body {
		font-size: 16px;
	}
	.cg-statbox .n {
		font-size: 30px;
	}
	.cg-statbox .t {
		font-size: 13px;
	}
	.cg-sc-feat h3 {
		font-size: 18px;
	}
	.cg-sc-feat p {
		font-size: 13px;
	}
	.cg-sc-small h4 {
		font-size: 15px;
	}
	.cg-sc-small p {
		font-size: 12px;
	}
	.cg-featured h3 {
		font-size: 20px;
	}
	.cg-featured p,
	.cg-featured a {
		font-size: 14px;
	}
	.cg-chip {
		font-size: 13px;
	}
	.cg-tint h3 {
		font-size: 20px;
	}
	.cg-tint p {
		font-size: 14px;
	}
	.cg-bar h3 {
		font-size: 24px;
	}
	.cg-bar p {
		font-size: 14px;
	}
	/* Card Grid Module Css End */
	/* Stat Band Module Css Start */
	.stat-band .sb-panelwrap .sb-panel {
		padding: 40px 0;
	}
	.stat-band .sb-inner {
		padding: 0 20px;
	}
	.stat-band h2 {
		font-size: 36px;
	}
	.sb-panel {
		border-radius: 24px;
	}
	.sb-panel-inner {
		max-width: 540px;
		padding: 0 40px;
	}
	.sb-compare {
		gap: 40px;
	}
	.sb-compare .old .n {
		font-size: 80px;
	}
	.sb-compare .old .l {
		font-size: 16px;
	}
	.sb-compare .arw {
		font-size: 30px;
	}
	.sb-compare .new .n {
		font-size: 100px;
	}
	.sb-compare .new .l {
		font-size: 16px;
	}
	.sb-big {
		font-size: 100px;
	}
	.sb-cap {
		font-size: 24px;
	}
	.sb-stat .n {
		font-size: 60px;
	}
	.sb-stat .l {
		font-size: 14px;
	}
	.sb-scard .n {
		font-size: 56px;
	}
	.sb-scard .t {
		font-size: 16px;
	}
	.sb-scard .d {
		font-size: 14px;
	}
	.sb-ts-row {
		gap: 40px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.sb-ts-card .big b {
		font-size: 36px;
	}
	.sb-ts-card .big span {
		font-size: 14px;
	}
	.sb-ts-text .body {
		font-size: 16px;
	}
	.sb-ts-media,
	.sb-ts-frame {
		width: 100%;
	}
	.sb-ts-text {
		flex: 1 1 100%;
	}
	/* Stat Band Module Css End */
	.image-text .subtitle,
	.banner .subtitle,
	.accordion .subtitle,
	.card-grid .subtitle,
	.form-section .form-inner .subtitle,
	.comparison .subtitle,
	.rich-text .subtitle,
	.divider .subtitle,
	.link-tiles .subtitle,
	.stat-band .subtitle,
	.steps .subtitle,
	.testimonials .subtitle {
		font-size: 15px;
	}
	/* Page Module All Css End */
	/* Module Directory Page Css Start */
	.mp-hero .subtitle,
	.mp-problem .subtitle,
	.mp-feat-head .subtitle,
	.mp-roles-head .subtitle {
		font-size: 15px;
	}
	/* Hero Banner Css Start */
	.mp-hero {
		padding: 120px 0 50px;
	}
	.mp-hero-inner {
		padding: 0 24px;
	}
	.mp-module-title {
		font-size: 46px;
	}
	.mp-module-ico {
		width: 60px;
		height: 60px;
		font-size: 30px;
	}
	.mp-hero-lead {
		font-size: 24px;
	}
	.mp-hero-cta {
		flex-wrap: wrap;
	}
	/* Hero Banner Css End */
	/* The Problem Css Start */
	.mp-problem-head {
		font-size: 30px;
	}
	.mp-problem-cols {
		gap: 40px;
	}
	.mp-stat-card {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		text-align: center;
		gap: 0;
	}
	.mp-gauge-number {
		margin-top: -20px;
	}
	/* The Problem Css End */
	/* Everything Alumni Css Start */
	.mp-feat-head {
		padding: 0 24px;
	}
	.mp-feat-head h2 {
		font-size: 38px;
	}
	.mp-fgrid {
		padding: 0;
		grid-template-columns: 1fr;
	}
	.mp-fcard {
		padding: 28px;
	}
	.mp-fcard.full {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}
	.mp-fcard-img {
		height: auto;
	}
	.mp-fcard.full .mp-fcard-img {
		flex: 1 1 auto;
		margin: 0 0 28px;
	}
	/* Everything Alumni Css End */
	/* Different Views Css Start */
	.mp-roles-head,
	.mp-roles-grid {
		padding: 0;
	}
	.mp-roles-head h2 {
		font-size: 34px;
	}
	.mp-roles-grid {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.mp-role {
		flex: 1 1 auto;
	}
	/* Different Views Css End */
	/* Testimonial Css Start */
	.mp-quote {
		padding: 40px 20px;
		border-radius: 24px;
	}
	.mp-quote-text {
		font-size: 22px;
	}
	/* Testimonial Css End */
	/* Module Directory Page Css End */
	/* Pricing Page Css Start */
	.pp-tier-row {
		gap: 40px;
	}
	.pp-tier h2 {
		font-size: 44px;
	}
	.pp-tier-tagline {
		font-size: 18px;
	}
	.pp-price {
		margin-bottom: 20px;
	}
	.pp-price b {
		font-size: 52px;
	}
	.pp-price span {
		font-size: 16px;
	}
	.pp-tier-copy {
		font-size: 16px;
	}
	.pp-inc {
		padding: 20px;
	}
	.pp-inc-item .nm {
		font-size: 14px;
	}
	.pp-inc-item .tag {
		font-size: 9px;
	}
	.pp-inc-item .ds {
		font-size: 12px;
	}
	.pp-outcome {
		padding: 20px;
	}
	.pp-outcome::before {
		top: 10px;
		left: 10px;
	}
	.pp-outcome .lbl {
		font-size: 10px;
	}
	.pp-outcome p {
		font-size: 14px;
	}
	/* Pricing View By Tier Css End */
	/* Themed (Dark Panel) Css Start */
	.pp-inplan-grid {
		grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
		gap: 20px;
	}
	/* Themed (Dark Panel) Css End */
	/* Coming Soon Css Start */
	.pp-soon {
		padding: 0 0 60px;
	}
	.pp-soon-in {
		justify-content: flex-start;
		align-items: flex-start;
		gap: 20px;
		text-align: left;
	}
	.pp-soon-item {
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 10px;
	}
	.pp-soon-item .tag {
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 11px;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		padding: 6px 12px;
		border-radius: 100px;
	}
	.pp-soon-item .tag.live {
		color: #02A7A6;
		background: rgba(51, 216, 222, 0.12);
	}
	.pp-soon-item .tag.later {
		color: var(--coral);
		background: rgba(243, 129, 130, 0.12);
	}
	.pp-soon-item .txt {
		font-family: var(--font-head);
		font-style: italic;
		font-size: 16px;
		color: var(--grey);
	}
	.pp-soon-item .txt strong {
		font-style: normal;
		font-weight: 700;
		font-family: var(--font-body);
		color: var(--charcoal);
	}
	/* Coming Soon Css End */
	/* Pricing Page Css End */
	/* Insights Page Css Start */
	/* Insights Article List Css Start */
	.ins-grid {
		gap: 20px;
	}
	.ins-card-img {
		height: 220px;
	}
	.ins-card-body,
	.ins-card--featured .ins-card-body {
		padding: 20px;
		flex: 1;
	}
	.ins-card h3,
	.ins-card--featured h3 {
		font-size: 22px;
	}
	.ins-card--featured {
		flex-direction: column;
	}
	.ins-card--featured .ins-card-img {
		flex: 1 1 220px;
		min-height: 220px;
	}
	/* Insights Article List Css End */
	/* Insights Page Css End */
	/* Help Article Page Css Start */
	.hg-body-in {
		gap: 40px;
	}
	.hg-side .box {
		padding: 20px;
	}
	.hg-side .lbl {
		font-size: 10px;
	}
	.hg-toc a {
		font-size: 12px;
	}
	.hg-side .before p {
		font-size: 12px;
	}
	.hg-rel a {
		font-size: 12px;
	}
	.hg-intro {
		font-size: 18px;
	}
	.hg-step h2 {
		font-size: 20px;
	}
	.hg-step p {
		font-size: 15px;
	}
	.hg-tip,
	.hg-warn {
		padding: 18px 20px;
	}
	.hg-warn p {
		font-size: 12px;
	}
	.hg-nav a {
		padding: 20px;
	}
	.hg-nav .k {
		font-size: 10px;
	}
	.hg-nav .ttl {
		font-size: 14px;
	}
	.hg-vote {
		padding: 18px 20px;
	}
	.hg-vote .q {
		font-size: 14px;
	}
	.hg-vote-msg {
		font-size: 12px;
	}
	/* Help Article Page Css End */
	/* Platform Overview Page Css Start */
	/* Fragmentation Section Css Start */
	.po .subtitle {
		font-size: 15px;
	}
	/* Fragmentation Section Css End */
	/* Platform Overview Page Css End */
}
@media only screen and (max-width: 400px) {
	.site-header .nav-inner,
	.nav-actions {
		gap: 10px;
	}
	.hero h1 {
		font-size: 36px;
	}
	.hero .hero-cta .btn-gradient,
	.hero .hero-cta .btn-ghost {
		gap: 8px;
    	font-size: 12px;
	}
	.ev-card .ev-card-title {
		font-size: 30px;
	}
	.banner--illustrated h2,
	.banner--persona h2,
	.banner--centered h2 {
		font-size: 34px;
	}
}
/* @media only screen and (max-width: 380px) {
	.hero h1 {
		font-size: 36px;
	}
	.why-now h2 {
		font-size: 26px;
	}
} */