/* =========================================================
   FAQ page (/faq/)
   Dark by default; .light-mode overrides at the bottom.
   Uses the site's tokens: --tj-theme-primary (#8750f7), --tj-theme-secondary,
   --tj-theme-accent-2, --tj-body, Sora / Russo One.
========================================================= */

.hs-faqpage {
	padding-top: 110px;
	padding-bottom: 120px;
}
@media (max-width: 991px) { .hs-faqpage { padding-top: 80px; padding-bottom: 80px; } }
@media (max-width: 767px) { .hs-faqpage { padding-top: 56px; padding-bottom: 64px; } }

/* ---------- Intro: title, search, quick facts ---------- */
.hs-faq-intro {
	max-width: 760px;
	margin: 0 auto 56px;
	text-align: center;
}
.hs-faq-intro .section-header { margin-bottom: 28px; }
.hs-faq-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 16px;
	margin-bottom: 18px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .04em;
	color: #cdb8ff;
	background: rgba(135, 80, 247, .12);
	border: 1px solid rgba(135, 80, 247, .3);
}
.hs-faq-eyebrow i {
	width: 7px; height: 7px; border-radius: 50%;
	background: #a77bff;
	box-shadow: 0 0 0 4px rgba(167, 123, 255, .18);
	animation: hsFaqPulse 2.4s ease-in-out infinite;
}
@keyframes hsFaqPulse { 50% { box-shadow: 0 0 0 8px rgba(167, 123, 255, 0); } }

.hs-faq-search {
	position: relative;
	max-width: 620px;
	margin: 0 auto;
}
.hs-faq-search svg {
	position: absolute;
	left: 22px; top: 50%;
	width: 20px; height: 20px;
	transform: translateY(-50%);
	stroke: #a98bff; fill: none; stroke-width: 2; stroke-linecap: round;
	pointer-events: none;
	z-index: 2;
}
.hs-faq-search input {
	width: 100%;
	height: 62px;
	padding: 0 56px 0 56px;
	border-radius: 60px;
	border: 1px solid rgba(135, 80, 247, .35);
	background: rgba(20, 12, 28, .75);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 16px;
	outline: none;
	transition: border-color .3s, box-shadow .3s;
	box-shadow: 0 10px 40px -20px rgba(135, 80, 247, .6);
}
.hs-faq-search input::placeholder { color: rgba(221, 221, 221, .55); }
.hs-faq-search input:focus {
	border-color: var(--tj-theme-primary);
	box-shadow: 0 0 0 4px rgba(135, 80, 247, .18), 0 14px 46px -18px rgba(135, 80, 247, .8);
}
.hs-faq-search input::-webkit-search-cancel-button { display: none; }
.hs-faq-search__clear {
	position: absolute;
	right: 14px; top: 50%;
	width: 34px; height: 34px;
	transform: translateY(-50%);
	border: 0; border-radius: 50%;
	background: rgba(135, 80, 247, .18);
	color: #fff; font-size: 18px; line-height: 1;
	cursor: pointer;
	opacity: 0; pointer-events: none;
	transition: opacity .2s, background .2s;
}
.hs-faq-search__clear:hover { background: var(--tj-theme-primary); }
.hs-faq-search.has-value .hs-faq-search__clear { opacity: 1; pointer-events: auto; }

.hs-faq-facts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 12px;
	margin: 26px 0 0;
	padding: 0;
	list-style: none;
}
.hs-faq-facts li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 50px;
	font-size: 14px;
	color: var(--tj-body);
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
}
.hs-faq-facts svg { width: 16px; height: 16px; stroke: #a98bff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Layout: category nav + questions ---------- */
/* The site wraps content in overflow:hidden (to stop sideways scrolling), which disables
   position:sticky. "clip" still prevents sideways scrolling but lets the category menu stick.
   Browsers without "clip" keep the old behaviour (menu simply scrolls with the page). */
body[data-page="faq"] { overflow-x: clip; }
body[data-page="faq"] .site-content { overflow: clip; }

.hs-faq-layout {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	gap: 48px;
	align-items: start;
}
@media (max-width: 991px) {
	.hs-faq-layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
}

.hs-faq-nav {
	position: sticky;
	top: 120px;
	padding: 14px;
	border-radius: 22px;
	background: var(--tj-theme-accent-2);
	border: 1px solid rgba(135, 80, 247, .16);
}
.hs-faq-nav__title {
	display: block;
	padding: 8px 12px 12px;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(221, 221, 221, .55);
}
.hs-faq-nav ul { list-style: none; margin: 0; padding: 0; }
.hs-faq-nav a,
.hs-faq-nav a:hover,
.hs-faq-nav a:focus { text-decoration: none; }
.hs-faq-nav a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 12px;
	border-radius: 14px;
	color: var(--tj-body);
	font-size: 15px;
	font-weight: 500;
	transition: background .3s, color .3s;
}
.hs-faq-nav a:hover { color: #fff; background: rgba(135, 80, 247, .08); }
.hs-faq-nav a.is-active {
	color: #fff;
	background: linear-gradient(90deg, rgba(135, 80, 247, .28), rgba(135, 80, 247, .06));
}
.hs-faq-nav a.is-active::before {
	content: "";
	position: absolute;
	left: 0; top: 10px; bottom: 10px;
	width: 3px; border-radius: 3px;
	background: var(--tj-theme-primary);
	box-shadow: 0 0 12px var(--tj-theme-primary);
}
.hs-faq-nav__icon, .hs-faq-group__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgba(135, 80, 247, .14);
}
.hs-faq-nav__icon { width: 34px; height: 34px; }
.hs-faq-nav__icon svg, .hs-faq-group__icon svg {
	fill: none; stroke: #b394ff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.hs-faq-nav__icon svg { width: 18px; height: 18px; }
.hs-faq-nav a.is-active .hs-faq-nav__icon { background: var(--tj-theme-primary); }
.hs-faq-nav a.is-active .hs-faq-nav__icon svg { stroke: #fff; }
.hs-faq-nav__count {
	margin-left: auto;
	min-width: 26px;
	padding: 2px 8px;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	color: #cdb8ff;
	background: rgba(135, 80, 247, .14);
}
.hs-faq-nav__cta {
	display: block;
	margin: 12px 4px 4px;
	padding: 16px;
	border-radius: 16px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--tj-body);
	background: linear-gradient(135deg, rgba(135, 80, 247, .22), rgba(42, 20, 84, .4));
	border: 1px solid rgba(135, 80, 247, .25);
}
.hs-faq-nav__cta strong { display: block; color: #fff; font-size: 15px; margin-bottom: 4px; }
.hs-faq-nav__cta a { display: inline; padding: 0; color: #cdb8ff; background: none; font-weight: 600; }
.hs-faq-nav__cta a:hover { background: none; color: #fff; }

@media (max-width: 991px) {
	.hs-faq-nav {
		position: static;
		padding: 0;
		background: none;
		border: 0;
	}
	.hs-faq-nav__title, .hs-faq-nav__cta { display: none; }
	.hs-faq-nav ul {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		padding: 2px 2px 8px;
		scrollbar-width: none;
	}
	.hs-faq-nav ul::-webkit-scrollbar { display: none; }
	.hs-faq-nav a {
		white-space: nowrap;
		padding: 8px 14px 8px 8px;
		border-radius: 50px;
		background: var(--tj-theme-accent-2);
		border: 1px solid rgba(135, 80, 247, .18);
	}
	.hs-faq-nav a.is-active::before { display: none; }
	.hs-faq-nav__icon { width: 30px; height: 30px; border-radius: 50%; }
	.hs-faq-nav__count { display: none; }
}

/* ---------- Groups ---------- */
.hs-faq-group { scroll-margin-top: 120px; }
.hs-faq-group + .hs-faq-group { margin-top: 54px; }
.hs-faq-group__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 20px;
}
.hs-faq-group__icon { width: 46px; height: 46px; border-radius: 14px; }
.hs-faq-group__icon svg { width: 22px; height: 22px; }
.hs-faq-group__title {
	margin: 0;
	font-size: 26px;
	line-height: 1.2;
	color: #fff;
}
.hs-faq-group__count {
	margin-left: auto;
	font-size: 13px;
	color: rgba(221, 221, 221, .55);
}

/* ---------- Question cards ---------- */
.hs-qa {
	position: relative;
	margin-bottom: 14px;
	border-radius: 20px;
	background: var(--tj-theme-accent-2);
	border: 1px solid rgba(135, 80, 247, .14);
	scroll-margin-top: 130px;
	transition: border-color .25s, box-shadow .25s, background .25s, transform .25s;
}
.hs-qa:hover { border-color: rgba(135, 80, 247, .4); }
.hs-qa.is-open {
	border-color: rgba(135, 80, 247, .65);
	background:
		radial-gradient(120% 140% at 0% 0%, rgba(135, 80, 247, .16), rgba(135, 80, 247, 0) 55%),
		var(--tj-theme-accent-2);
	box-shadow: 0 0 0 1px rgba(135, 80, 247, .18), 0 24px 50px -28px rgba(135, 80, 247, .75);
}
.hs-qa__h { margin: 0; padding: 0; font-size: inherit; line-height: inherit; }
.hs-qa__q {
	display: flex;
	align-items: center;
	gap: 18px;
	width: 100%;
	margin: 0;
	padding: 22px 24px;
	border: 0;
	background: none;
	text-align: left;
	color: #fff;
	font-family: var(--tj-ff-heading);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
}
.hs-qa__q:focus-visible { outline: 2px solid var(--tj-theme-primary); outline-offset: -2px; border-radius: 20px; }
.hs-qa__n {
	flex: 0 0 auto;
	font-family: var(--tj-ff-russo, "Russo One", sans-serif);
	font-size: 15px;
	font-weight: 400;
	background: linear-gradient(135deg, #c9a8ff, #8750f7);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: .85;
}
.hs-qa__text { flex: 1 1 auto; }
.hs-qa__icon {
	position: relative;
	flex: 0 0 auto;
	width: 40px; height: 40px;
	border-radius: 50%;
	background: rgba(135, 80, 247, .14);
	border: 1px solid rgba(135, 80, 247, .25);
	transition: background .25s, transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .25s;
}
.hs-qa__icon::before, .hs-qa__icon::after {
	content: "";
	position: absolute;
	left: 50%; top: 50%;
	width: 14px; height: 2px;
	margin: -1px 0 0 -7px;
	border-radius: 2px;
	background: #cdb8ff;
	transition: transform .3s cubic-bezier(.2, .8, .2, 1), background .25s;
}
.hs-qa__icon::after { transform: rotate(90deg); }
.hs-qa:hover .hs-qa__icon { border-color: rgba(135, 80, 247, .6); }
.hs-qa.is-open .hs-qa__icon {
	background: var(--tj-theme-primary);
	box-shadow: 0 0 22px rgba(135, 80, 247, .7);
	transform: rotate(180deg);
}
.hs-qa.is-open .hs-qa__icon::before, .hs-qa.is-open .hs-qa__icon::after { background: #fff; }
.hs-qa.is-open .hs-qa__icon::after { transform: rotate(0deg); }

/* answer: smooth height animation (grid 0fr -> 1fr). Without JS, answers stay open. */
.hs-qa__a {
	display: grid;
	grid-template-rows: 1fr;
	transition: grid-template-rows .3s cubic-bezier(.2, .8, .2, 1);
}
.hs-faq-js .hs-qa__a { grid-template-rows: 0fr; }
.hs-faq-js .hs-qa.is-open .hs-qa__a { grid-template-rows: 1fr; }
.hs-qa__inner {
	min-height: 0;
	overflow: hidden;
	padding: 0 24px 0 66px;
	color: var(--tj-body);
	font-size: 16px;
	line-height: 1.75;
	opacity: 1;
	transition: opacity .22s .03s, transform .3s;
}
.hs-faq-js .hs-qa:not(.is-open) .hs-qa__inner { opacity: 0; transform: translateY(-6px); }
.hs-qa__inner > :last-child { margin-bottom: 24px; }
.hs-qa__inner p { margin: 0 0 12px; }
.hs-qa__inner a { color: #c3a6ff; text-decoration: underline; text-decoration-color: rgba(195, 166, 255, .4); text-underline-offset: 3px; }
.hs-qa__inner a:hover { color: #fff; }
.hs-qa__inner b { color: #fff; font-weight: 600; }
.hs-qa.is-hidden { display: none; }
.hs-qa mark { padding: 0 2px; border-radius: 4px; background: rgba(135, 80, 247, .45); color: #fff; }
@media (max-width: 767px) {
	.hs-qa__q { gap: 12px; padding: 18px 16px; font-size: 16px; }
	.hs-qa__icon { width: 34px; height: 34px; }
	.hs-qa__inner { padding: 0 16px; font-size: 15px; }
	.hs-faq-group__title { font-size: 22px; }
}

/* ---------- Rich answer blocks ---------- */
.hs-price-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 4px 0 16px;
}
@media (max-width: 767px) { .hs-price-grid { grid-template-columns: minmax(0, 1fr); } }
.hs-price {
	display: flex;
	flex-direction: column;
	padding: 18px 18px 16px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(135, 80, 247, .2);
}
.hs-price--hot {
	background: linear-gradient(160deg, rgba(135, 80, 247, .28), rgba(42, 20, 84, .35));
	border-color: rgba(135, 80, 247, .55);
}
.hs-price__label { font-size: 14px; line-height: 1.4; color: var(--tj-body); min-height: 40px; }
.hs-price__label small { display: block; font-size: 12px; opacity: .7; }
.hs-price__from { margin-top: 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: rgba(221, 221, 221, .55); }
.hs-price__amt { font-family: var(--tj-ff-heading); font-size: 26px; font-weight: 700; line-height: 1.2; color: #fff; }
.hs-price__alt { font-size: 13px; color: #b9a2ff; }

.hs-split { margin: 4px 0 16px; }
.hs-split__bar {
	display: flex;
	height: 40px;
	overflow: hidden;
	border-radius: 12px;
	font-family: var(--tj-ff-russo, "Russo One", sans-serif);
	font-size: 15px;
}
.hs-split__bar span { display: flex; align-items: center; justify-content: center; color: #fff; }
.hs-split__bar span:first-child { background: linear-gradient(90deg, #a77bff, #8750f7); }
.hs-split__bar span:last-child { background: linear-gradient(90deg, #4b2a8f, #2a1454); }
.hs-split__legend { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 10px; font-size: 14px; }
.hs-split__legend span::before {
	content: "";
	display: inline-block;
	width: 9px; height: 9px;
	margin-right: 8px;
	border-radius: 3px;
	background: #8750f7;
}
.hs-split__legend span:last-child::before { background: #4b2a8f; }

.hs-steps {
	counter-reset: step;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 4px 0 24px;
	padding: 0;
	list-style: none;
}
@media (max-width: 767px) { .hs-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.hs-steps li {
	counter-increment: step;
	position: relative;
	padding: 14px 14px 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(135, 80, 247, .18);
	font-size: 13px;
	line-height: 1.4;
}
.hs-steps li::before {
	content: counter(step, decimal-leading-zero);
	display: block;
	margin-bottom: 6px;
	font-family: var(--tj-ff-russo, "Russo One", sans-serif);
	font-size: 13px;
	color: #a77bff;
}
.hs-steps b { display: block; font-size: 14px; }
.hs-steps span { color: rgba(221, 221, 221, .7); }

/* ---------- Empty search state + CTA ---------- */
.hs-faq-empty {
	display: none;
	padding: 40px 24px;
	border-radius: 20px;
	text-align: center;
	background: var(--tj-theme-accent-2);
	border: 1px dashed rgba(135, 80, 247, .35);
	color: var(--tj-body);
}
.hs-faq-empty.is-visible { display: block; }
.hs-faq-empty strong { display: block; margin-bottom: 6px; font-size: 18px; color: #fff; }
.hs-faq-empty a { color: #c3a6ff; }

.hs-faq-cta {
	position: relative;
	overflow: hidden;
	margin-top: 64px;
	padding: 46px 40px;
	border-radius: 28px;
	text-align: center;
	background: linear-gradient(135deg, #2a1454 0%, #140c1c 55%, #1d0f3a 100%);
	border: 1px solid rgba(135, 80, 247, .4);
	box-shadow: 0 30px 70px -40px rgba(135, 80, 247, .9);
}
.hs-faq-cta::before, .hs-faq-cta::after {
	content: "";
	position: absolute;
	width: 320px; height: 320px;
	border-radius: 50%;
	filter: blur(60px);
	opacity: .45;
	pointer-events: none;
}
.hs-faq-cta::before { left: -120px; top: -160px; background: #8750f7; }
.hs-faq-cta::after { right: -140px; bottom: -180px; background: #c26bff; opacity: .3; }
.hs-faq-cta > * { position: relative; z-index: 1; }
.hs-faq-cta h2 { margin: 0 0 10px; font-size: 32px; color: #fff; }
.hs-faq-cta p { max-width: 520px; margin: 0 auto 26px; color: var(--tj-body); }
.hs-faq-cta__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.hs-faq-cta .tj-btn-secondary { color: #fff; }
@media (max-width: 767px) {
	.hs-faq-cta { padding: 36px 20px; border-radius: 22px; }
	.hs-faq-cta h2 { font-size: 26px; }
}

/* Homepage FAQ: "See all FAQs" link */
.hs-faq-more { margin-top: 30px; text-align: center; }

@media (prefers-reduced-motion: reduce) {
	.hs-qa, .hs-qa__a, .hs-qa__inner, .hs-qa__icon, .hs-qa__icon::before, .hs-qa__icon::after { transition: none; }
	.hs-faq-eyebrow i { animation: none; }
}

/* =========================================================
   Light mode
========================================================= */
.light-mode .hs-faq-eyebrow { color: #6b35e0; background: rgba(135, 80, 247, .08); border-color: rgba(135, 80, 247, .25); }
.light-mode .hs-faq-search input {
	background: #fff;
	color: var(--tj-theme-secondary);
	border-color: rgba(135, 80, 247, .3);
	box-shadow: 0 12px 34px -22px rgba(42, 20, 84, .45);
}
.light-mode .hs-faq-search input::placeholder { color: #8b8299; }
.light-mode .hs-faq-search__clear { color: var(--tj-theme-secondary); background: rgba(135, 80, 247, .12); }
.light-mode .hs-faq-search__clear:hover { color: #fff; background: var(--tj-theme-primary); }
.light-mode .hs-faq-facts li { color: #4b4458; background: #fff; border-color: rgba(135, 80, 247, .16); }
.light-mode .hs-faq-nav { background: var(--tj-off-white); border-color: rgba(135, 80, 247, .14); }
.light-mode .hs-faq-nav__title { color: #8b8299; }
.light-mode .hs-faq-nav a { color: #4b4458; }
.light-mode .hs-faq-nav a:hover { color: var(--tj-theme-secondary); background: rgba(135, 80, 247, .08); }
.light-mode .hs-faq-nav a.is-active { color: var(--tj-theme-secondary); background: linear-gradient(90deg, rgba(135, 80, 247, .18), rgba(135, 80, 247, .03)); }
.light-mode .hs-faq-nav__icon, .light-mode .hs-faq-group__icon { background: rgba(135, 80, 247, .1); }
.light-mode .hs-faq-nav__icon svg, .light-mode .hs-faq-group__icon svg { stroke: #7c45ef; }
.light-mode .hs-faq-nav a.is-active .hs-faq-nav__icon svg { stroke: #fff; }
.light-mode .hs-faq-nav__count { color: #6b35e0; background: rgba(135, 80, 247, .1); }
.light-mode .hs-faq-nav__cta { color: #4b4458; background: linear-gradient(135deg, rgba(135, 80, 247, .12), rgba(135, 80, 247, .04)); border-color: rgba(135, 80, 247, .2); }
.light-mode .hs-faq-nav__cta strong { color: var(--tj-theme-secondary); }
.light-mode .hs-faq-nav__cta a { color: #6b35e0; }
@media (max-width: 991px) {
	.light-mode .hs-faq-nav { background: none; }
	.light-mode .hs-faq-nav a { background: #fff; }
}
.light-mode .hs-faq-group__title { color: var(--tj-theme-secondary); }
.light-mode .hs-faq-group__count { color: #8b8299; }
.light-mode .hs-qa { background: #fff; border-color: rgba(135, 80, 247, .16); box-shadow: 0 10px 30px -24px rgba(42, 20, 84, .35); }
.light-mode .hs-qa:hover { border-color: rgba(135, 80, 247, .45); }
.light-mode .hs-qa.is-open {
	border-color: rgba(135, 80, 247, .6);
	background: radial-gradient(120% 140% at 0% 0%, rgba(135, 80, 247, .09), rgba(135, 80, 247, 0) 55%), #fff;
	box-shadow: 0 0 0 1px rgba(135, 80, 247, .12), 0 24px 50px -30px rgba(135, 80, 247, .55);
}
.light-mode .hs-qa__q { color: var(--tj-theme-secondary); }
.light-mode .hs-qa__icon { background: rgba(135, 80, 247, .08); border-color: rgba(135, 80, 247, .22); }
.light-mode .hs-qa__icon::before, .light-mode .hs-qa__icon::after { background: #7c45ef; }
.light-mode .hs-qa.is-open .hs-qa__icon::before, .light-mode .hs-qa.is-open .hs-qa__icon::after { background: #fff; }
.light-mode .hs-qa__inner { color: #4b4458; }
.light-mode .hs-qa__inner b { color: var(--tj-theme-secondary); }
.light-mode .hs-qa__inner a { color: #6b35e0; text-decoration-color: rgba(107, 53, 224, .35); }
.light-mode .hs-qa mark { background: rgba(135, 80, 247, .2); color: var(--tj-theme-secondary); }
.light-mode .hs-price { background: var(--tj-off-white); border-color: rgba(135, 80, 247, .16); }
.light-mode .hs-price--hot { background: linear-gradient(160deg, rgba(135, 80, 247, .16), rgba(135, 80, 247, .05)); border-color: rgba(135, 80, 247, .45); }
.light-mode .hs-price__label { color: #4b4458; }
.light-mode .hs-price__from { color: #8b8299; }
.light-mode .hs-price__amt { color: var(--tj-theme-secondary); }
.light-mode .hs-price__alt { color: #6b35e0; }
.light-mode .hs-split__bar span:last-child { background: linear-gradient(90deg, #cbb6fb, #b79cf5); color: var(--tj-theme-secondary); }
.light-mode .hs-split__legend span:last-child::before { background: #b79cf5; }
.light-mode .hs-steps li { background: var(--tj-off-white); border-color: rgba(135, 80, 247, .14); }
.light-mode .hs-steps b { color: var(--tj-theme-secondary); }
.light-mode .hs-steps span { color: #6d6578; }
.light-mode .hs-faq-empty { background: var(--tj-off-white); color: #4b4458; }
.light-mode .hs-faq-empty strong { color: var(--tj-theme-secondary); }
.light-mode .hs-faq-cta { background: linear-gradient(135deg, #8750f7 0%, #5b2bd6 55%, #2a1454 100%); border-color: transparent; }
.light-mode .hs-faq-cta h2 { color: #fff; }
.light-mode .hs-faq-cta p { color: rgba(255, 255, 255, .85); }