/*
Theme Name: Pandorian
Description: A modern custom WordPress theme designed specifically for the client's needs, with improved layout, performance, and flexibility using ACF.
Version: 1.0.0
Text Domain: pandorian
*/

html { scroll-behavior: smooth; }

.story__text p:not(:last-child) { margin-bottom: 20px; }

.wpcf7-form-control-wrap:has(.input) { width: 100%; }
.wpcf7-form-control-wrap:has(.select) { width: 100%; }
.wpcf7-not-valid-tip { font-size: 12px; padding-left: 1.25rem; margin-top: 2px; }
.wpcf7 form .wpcf7-response-output { font-size: 14px; color: #000; margin: 15px 0; padding: 0; border: 0; }
.wpcf7 form.give-try__form .wpcf7-response-output { color: #fff; }

.wpcf7:has(.contact__form.contact-form) { flex: 1; }

.legal__container ol:has(ol) > li::marker {
	content: "(" counter(list-item, upper-roman) ") ";
}
.legal__container ol ol > li {
	list-style-type: lower-alpha;
}
.legal__body strong {
	font-weight: 700;
}
.legal__body > *:not(:last-child) {
	margin-bottom: 20px;
}
.legal__body > ul:not(:last-child),
.legal__body > ol:not(:last-child) {
	margin-bottom: 26px;
}
.legal__body > *:has( > br:last-child) {
	margin-bottom: 0;
}
.legal__body > p:has(strong) + ul,
.legal__body > p:has(strong) + ol {
	margin-top: -20px;
}

@media (min-width: 72.5em) {
	.solution-code__media {
		padding-top: 6rem;
	}
}
.solution-code__media p {
	font-size: 18px;
	color: #000;
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 20px;
	height: 44px;
	border-radius: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(270deg, #67ebae 0, #dbe46f 100%);
	z-index: 10;
}

@media (min-width: 73.75em) {
	.item-pricing__price {
		font-size: 2.0rem;
	}
}

.menu__link {
	min-width: unset;
	padding: 0 1.585rem;
}

.solution-code__media:has(p) {
	background: #484848;
	position: relative;
}
.solution-code__media:has(p) img {
	opacity: 0.5;
}
.solution-code__media p {
	
}


@media (min-width: 61.9988em) {
	.demo-page .contact__title {
		flex: 0 0 19.2rem;
		padding-top: 2rem;
	}
}
.demo-page .contact__container {
	gap: 2rem;
}
.demo-page {
	background: #67EBAE;
}
.demo-page__intro {
	font-size: 24px;
	color: #232323;
	line-height: 1;
}
.demo-page__intro h2 {
	font-size: 48px;
	color: #000;
	margin-bottom: 30px;
}
.demo-page__intro p {
	font-size: 16px;
	line-height: 25px;
}
.demo-page__intro a:not(:hover) {
	text-decoration: underline;
}

.lity-iframe-container iframe {
	background: #fff !important;
}

.footer__social:has(.newsletter_form) {
	display: flex;
	flex-direction: column;
}
.footer__social .newsletter_form {
	margin-top: auto;
}
.newsletter_form h4 {
	font-size: 16px;
	color: #DBE46F;
	line-height: 2.5;
	margin-bottom: 5px;
}
.newsletter_form .subscribe_fieldset {
	max-width: 270px;
	border: 1px solid #fff;
	border-radius: 15px;
	padding: 8px 8px 8px 20px;
	gap: 20px;
	display: flex;
	align-items: center;
}
.newsletter_form input {
	font-size: 14px;
	color: #fff;
}
.newsletter_form input:focus {
	outline: none;
}
.newsletter_form ::placeholder {
	opacity: 0.5;
}
.newsletter_form button[type="submit"] {
	display: block;
	width: 34px;
	height: 34px;
	min-width: 34px;
	background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' transform='rotate(90 17 17)' fill='%23D9D9D9'/%3E%3Cpath d='M23.7071 17.7071C24.0976 17.3166 24.0976 16.6834 23.7071 16.2929L17.3431 9.92893C16.9526 9.53841 16.3195 9.53841 15.9289 9.92893C15.5384 10.3195 15.5384 10.9526 15.9289 11.3431L21.5858 17L15.9289 22.6569C15.5384 23.0474 15.5384 23.6805 15.9289 24.0711C16.3195 24.4616 16.9526 24.4616 17.3431 24.0711L23.7071 17.7071ZM8 17L8 18L23 18L23 17L23 16L8 16L8 17Z' fill='black'/%3E%3C/svg%3E%0A");
}

.newsletter_form .wpcf7-not-valid-tip {
	padding-left: 0;
	font-size: 10px;
	font-weight: 300;
}
.newsletter_form .wpcf7 form .wpcf7-response-output {
	color: #fff;
	max-width: 270px;
	position: absolute;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.2;
}

@media (max-width: 500px) {
	.demo-page__intro {
		font-size: 18px;
		color: #232323;
		line-height: 1;
	}
	.demo-page__intro h2 {
		font-size: 32px;
	}
}

@media (min-width: 1200px) {
	.create-anything__support-items { margin-right: -60px; }
}

.hero-home .hero__title { line-height: 1.25; }
.hero-home .hero__title b {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero-home .hero__text { font-weight: 300; opacity: 0.8; margin-top: 8px; }
.hero-home .hero__text b { font-weight: 500; }
@media (min-width: 50em) {
	.hero-home .hero__title { font-size: 3.5rem; }
}
@media (max-width: 430px) {
	.hero-home .hero__title { font-size: 2.2rem; }
}
.content-section1__title { font-weight: 400; }
.content-section1__title span { font-weight: 700; }
.item-review__body::before { background: linear-gradient(180deg, rgba(219, 228, 111, 1) 0, rgba(103, 235, 174, 1) 100%); }

.compliant_image {
	display: flex;
	flex-wrap: wrap;
	gap: 23px;
	margin-top: 35px;
}
.compliant_image img {
	/*max-width: 117px;*/
	max-width: 202px;
	max-height: 76px;
}

.thank .legal__container { padding-top: 14rem; padding-bottom: 14rem; }
.thank .legal__body { text-align: center; max-width: 520px; margin: 0 auto; }
.thank .legal__body > *:not(:last-child) { margin-bottom: 25px; }
.thank .legal__body .thank_img { display: inline-block; margin-bottom: 20px !important; }
.thank .thank_img img { max-width: 70px; }
.thank .legal__body h3 { font-size: 45px; line-height: 60px; font-weight: 700; }
.thank .legal__body p { font-size: 18px; color: rgba(35,35,35,.8); line-height: 25px; }
.thank .legal__body p strong { color: #000; }
@media (max-width: 767px) {
	.thank .legal__container { padding-top: 5rem; padding-bottom: 5rem; }
	.hero-home .hero__title br { display: none; }
}

@media (max-width: 991px) {
	.hero__bottom-text { line-height: 1.2; }
	.solution__title b br { display: none; }
}

.standart-hero { background: linear-gradient(to top, #67EBAE, #DBE46F); }
.standart-hero .catalog-hero__container { max-width: 930px; min-height: unset; color: #000; }
.standart-hero .catalog-hero__image { flex: 0 0 35.5%; }
.standart-hero .catalog-hero__content { flex: 0 0 55.7%; }
.standart-hero .catalog-hero__title {
	font-size: 45px;
	color: #000;
	line-height: 1.33;
	font-weight: 700;
	margin-bottom: 23px;
}
.standart-hero .catalog-hero__content {
	font-size: 18px;
	line-height: 25px;
	color: rgba(35, 35, 35, .8);
	margin-bottom: 16px;
}
.standart-hero .hero_btn { margin-top: 45px; }
.standart-hero .hero_btn .button { color: #fff; }
.standart-hero .hero_btn .button:before { background: #000; }
.standart-hero .hero_link { margin-top: 45px; }
.standart-hero .hero_link a { color: #000; font-weight: 700; transition: .3s; }
.standart-hero .hero_link a:hover { color: rgba(35, 35, 35, .8); }

.content_block { padding: 150px 0; background: #fff; }
.content_block.content_block_dark { background: #000; }
.content__container {
	max-width: 1050px;
	display: flex;
	flex-direction: row;
	align-items: center;
	/*gap: 74px;*/
	gap: min(5vw, 74px);
}
.content_block__img img { max-width: 100%; }
.content_block__text { color: #000; flex: 1; }
.content_block__text > *:not(:last-child) { margin-bottom: 20px; }
.content_block__text h1,
.content_block__text h2,
.content_block__text h3,
.content_block__text h4,
.content_block__text h5,
.content_block__text h6 { font-weight: 700; line-height: 1.25; }
.content_block__text h1 { font-size: 36px; }
.content_block__text h2 { font-size: 34px; }
.content_block__text h3 { font-size: 32px; }
.content_block__text h4 { font-size: 30px; }
.content_block__text h5 { font-size: 26px; }
.content_block__text h6 { font-size: 32px; }
.content_block__text h3 + :is(h1, h2, h3, h4, h5, h6, ul, ol) { margin-top: 60px; }
.content_block__text p { max-width: 360px; }
.content_block__text ul,
.content_block__text ol { max-width: 380px; }
.content_block__text p,
.content_block__text li { font-size: 18px; color: rgba(35,35,35,.8); line-height: 25px; }
.content_block__text ul li { padding-left: 38px; position: relative; }
.content_block__text ul li:before {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='13' viewBox='0 0 11 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 5.76501C10.5831 5.9575 10.5831 6.43777 10.25 6.63025L1.25 11.8265C0.916706 12.019 0.500098 11.7787 0.499999 11.3939L0.5 1.00134C0.500098 0.616522 0.916705 0.376297 1.25 0.568725L10.25 5.76501Z' fill='black' stroke='black'/%3E%3C/svg%3E"); background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: 8px;
}
.content_block__text ul,
.content_block__text ol { display: flex; flex-direction: column; gap: 32px; }
.content_block_dark .content_block__text { color: #fff; }
.content_block:nth-child(even) { background: #000; }
.content_block:nth-child(even) .content__container { flex-direction: row-reverse; }
.content_block:nth-child(even) .content_block__text { color: #fff; }
.content_block:nth-child(even) .content_block__text p,
.content_block:nth-child(even) .content_block__text li { color: rgba(255,255,255,.8); }
.content_block:nth-child(even) .content_block__text h1 strong,
.content_block:nth-child(even) .content_block__text h2 strong,
.content_block:nth-child(even) .content_block__text h3 strong,
.content_block:nth-child(even) .content_block__text h4 strong,
.content_block:nth-child(even) .content_block__text h5 strong,
.content_block:nth-child(even) .content_block__text h6 strong {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.integration_content_blocks ul { max-width: unset; padding-left: 20px; }
.content_block__logos { display: flex; flex-direction: column; gap: 50px; }
.content_logos_block__title { font-size: 18px; color: #000; font-weight: 700; }
.content_logos_block__logos { display: flex; flex-wrap: wrap; gap: 23px; margin-top: 30px; }
.content_logos_block__logos picture { width: 137px; height: 137px; background: rgba(217,217,217,.5); border-radius: 55px; padding: 10px; display: flex; align-items: center; justify-content: center; }
.content_logos_block__logos picture img { max-width: 100%; max-height: 100%; object-fit: contain; }

.services_section { background: #67EBAE; padding: 130px 0; }
.services__container { max-width: 1050px; }
.services__header { margin-bottom: 77px; }
.services__title { font-size: 32px; color: #000; line-height: 1.25; text-align: center; }
.services__list { display: flex; justify-content: center; column-gap: max(calc((100% - 710px) / 4), 30px); row-gap: 30px; flex-wrap: wrap; }
.single_service { width: 142px; }
.single_service a { display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; transition: all .3s ease; }
.single_service img { max-width: 137px; border-radius: 50px; object-fit: cover; aspect-ratio: 1; transition: all .3s ease; }
.single_service span { font-size: 20px; color: #000; line-height: 1.4; }
.single_service a:hover { opacity: .6; }
.single_service a:hover img { transform: scale(1.05); }
.services__footer { margin-top: 88px; text-align: center; }
.services__footer .button::before { background: #151515; }
.services__footer .button span {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
}
.services_section.bg_dark { background: #000; }
.services_section.bg_dark .services__title { color: #fff; }
.services_section.bg_dark .single_service span { color: #fff; }
.services_section.bg_dark .services__footer .button span {
	color: #000;
	background: unset;
	background-clip: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}
.services_section.bg_dark .services__footer .button::before {
	background: linear-gradient(180deg, #dbe46f 0, #67ebae 100%);
}

.get-pandorian_gray { background: #151515; }
.get-pandorian_gray .get-pandorian__container { gap: 80px; justify-content: space-between; min-height: 56rem; }
.get-pandorian_gray .get-pandorian__image { max-width: 100%; }
.get-pandorian_gray .get-pandorian__text_wrapper { min-width: 40%; }
.get-pandorian_gray .get-pandorian__text_wrapper p { font-size: 32px; line-height: 1.25; }
.get-pandorian_gray .get-pandorian__text_wrapper p span {
	font-weight: 700;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.get-pandorian_gray .button { margin-top: 2.5rem; }
@media (min-width: 1150px) {
	.content_block:first-child .content_block__img { margin-right: -40px; }
}
@media (min-width: 1050px) {
	.content_block:nth-child(2) .content_block__text { margin-right: -40px; }
}
@media (min-width: 992px) {
	.integration_content_blocks .content_block:first-child .content_block__text { max-width: 510px; margin-left: 50px; }
	.content_block__logos { margin-left: auto; margin-right: auto; }
}
@media (min-width: 768px) {
	.standart-hero .catalog-hero__container { padding-top: 9rem; padding-bottom: 9rem; }
}
@media (max-width: 991px) {
	.content_block__img { max-width: 50%; }
}
@media (max-width: 767px) {
	.content_block,
	.services_section	{
		padding-top: clamp(2.8125rem, .6288819876rem + 9.3167701863vw, 7.5rem);
		padding-bottom: clamp(2.8125rem, .6288819876rem + 9.3167701863vw, 7.5rem);
	}
	.standart-hero .catalog-hero__title { font-size: 1.75rem; }
	.content__container,
	.content_block:nth-child(even) .content__container { flex-direction: column; gap: 50px; }
	.services__header { margin-bottom: 50px; }
	.services__footer { margin-top: 50px; }
	.get-pandorian_gray .get-pandorian__container { gap: 50px; min-height: unset; }
	.content_block__text h3 { font-size: 1.5rem; }
	.content_block__text h3 + :is(h1, h2, h3, h4, h5, h6, ul, ol) { margin-top: 0; }
	.services__title { font-size: 1.75rem; }
	.get-pandorian_gray .get-pandorian__text_wrapper p { font-size: 1.5rem; }
	.content_block__img { max-width: 100%; }
}

.solution.solution_bottom_bg:before {
	content: '';
	width: 100%;
	height: 50vw;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(to top, #DBE46F, #FFFFFF);
}

/* Override zoom:.7 from style_min.css for import-docs animation */
.solution__media:has(#scene-import-docs) {
	zoom: 1 !important;
}

.hero__buttons {
	display: flex;
	gap: 18px;
}
.gradient_bordered_btn:before {
	background: linear-gradient(to top, #67EBAE 0,#DBE46F 100%);
	z-index: -1;
}
.gradient_bordered_btn span {
	position: relative;
	z-index: 2;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient_bordered_btn:after {
	background: #000;
	z-index: 0;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	margin: 1px;
}

/* ===== Video Modal ===== */
.video-modal-overlay {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.video-modal-overlay.is-open {
	opacity: 1;
	visibility: visible;
}

/* Backdrop */
.video-modal-overlay__bg {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* Close button - справа зверху */
.video-modal-close {
	position: absolute;
	top: -38px;
	right: 0;
	z-index: 10;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.25s ease, transform 0.25s ease;
}
.video-modal-close:hover {
	background: rgba(255, 255, 255, 0.2);
}
.video-modal-close svg {
	width: 18px;
	height: 18px;
}

/* Video container */
.video-modal-content {
	position: relative;
	width: 100%;
	max-width: 1200px;
	background: #000;
	border-radius: 16px;
	box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);
	transform: scale(0.9) translateY(24px);
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.video-modal-overlay.is-open .video-modal-content {
	transform: scale(1) translateY(0);
}

/* 16:9 */
.video-modal-ratio {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	border-radius: 16px;
	overflow: hidden;
}

.video-modal-ratio video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
}

@media (max-width: 47.9988em) {
	.video-modal-overlay { padding: 1rem; }
}

.item-blog__image {
  display: block;
}
.blog__items > * {
  min-width: 0;
}

/* Page - Guidelines */
.guidelines-hero {
	padding: 114px 0 98px;
	border-bottom: 1px solid #2A2A2A;
}
.guidelines-hero__container {
	text-align: center;
}
.guidelines-hero__title {
	font-size: 60px;
	line-height: 1.13;
	font-weight: 700;
	margin-bottom: 24px;
}
.guidelines-hero__title span {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.guidelines-hero__text {
	max-width: 640px;
	margin: 0 auto 24px;
	font-size: 17px;
	color: #888888;
	line-height: 1.65;
}
.guidelines-hero__text a {
	color: #fff;
}
.guidelines-hero__text a:hover {
	text-decoration: underline;
}
.hero_values {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}
.hero_value {
	padding: 16px 24px;
	background: #232323;
	border: 1px solid #2A2A2A;
	border-radius: 10px;
}
.hv_value {
	font-size: 22px;
	line-height: 1.22;
	font-weight: 800;
	margin-bottom: 4px;
}
.hv_text {
	font-size: 12px;
	color: #888888;
}

.guidelines_section {
	padding: 72px 0 80px;
}
.guidelines__container {
	max-width: 76.875rem;
}
.guidelines__columns {
	display: flex;
	gap: 30px;
	justify-content: space-between;
}
.guidelines__column_left {
	flex: 0 0 48.4%;
}
.guidelines__text {
	max-width: 540px;
}
.guidelines__text > *:not(:last-child) {
	margin-bottom: 28px;
}
.guidelines__text h3 {
	font-size: 22px;
	line-height: 1.36;
	font-weight: 800;
}
.guidelines__text p {
	font-size: 15px;
	line-height: 1.67;
	color: #888888;
}
.guidelines__text ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.guidelines__text li {
	font-size: 14px;
	line-height: 1.67;
	color: #888888;
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
}
.guidelines__text li:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background: linear-gradient(180deg, #dbe46f 0, #67ebae 100%);
	border-radius: 5px;
}
.guidelines_links {
	padding-top: 28px;
	border-top: 1px solid #2A2A2A;
}
.guidelines_links_wrapper {
	border: 1px solid #2A2A2A;
	border-radius: 8px;
}
.guidelines_link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 12px 16px;
}
.guidelines_link:nth-child(even) {
	background: #1A1A1A;
}
.guidelines_link:nth-child(even):not(:last-child) {
	border-bottom: 1px solid rgba(42,42,42,.5);
}
.gl_text {
	font-size: 14px;
	text-align: center;
	line-height: 1.2;
}
.guidelines_link_number {
	width: 29px;
	height: 19px;
	background: rgba(206,255,134,.1);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: #CEFF86;
	font-weight: 700;
}
.guidelines__column_right {
	flex: 0 0 45%;
}
.gl_form {
	background: #1A1A1A;
	border: 1px solid #2A2A2A;
	border-radius: 16px;
	padding: 40px;
}
.gl_form > h3 {
	font-size: 22px;
	line-height: 1.36;
	font-weight: 800;
}
.gl_form > p {
	font-size: 15px;
	line-height: 1.67;
	color: #888888;
}
.gl_form .hbspt-form {
	margin-top: 20px;
}

@media (max-width: 992px) {
	.guidelines-hero { padding: 60px 0; }
	.guidelines-hero__title { font-size: clamp(2.25rem, 1.725931677rem + 2.2360248447vw, 3.375rem); }
	.guidelines_section { padding: 60px 0; }
	.guidelines__columns { flex-direction: column; }
	.guidelines__text { max-width: unset; }
}
/* Page - Guidelines */

.versus_link {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 18px;
	margin-top: 18px;
}
.versus_link span.text {
	background: linear-gradient(to right, #dbe46f, #67ebae);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.versus_link span.arrow {
	display: inline-block;
	transform: translateY(1px);
}

/* Demo page v2 */
.contact__container:has(.demo_trusted) {
	max-width: 1340px;
}
.contact__container:has(.demo_trusted) .contact__title {
	flex: 0 0 348px;
}
.contact__container:has(.demo_trusted) .hubspot-demo {
	max-width: 822px;
}
.dp_security {
	background: linear-gradient(to top, #1A1A1A, #000);
	border-radius: 10px;
	padding: 32px 21px 31px 25px;
	margin-top: 38px;
	font-size: 14px;
	color: #fff;
	max-width: 270px;
}
.dp_security p {
	font-size: 14px;
}
.dp_security a {
	color: #67EBAE;
	font-weight: 500;
	text-decoration: none !important;
	margin-top: 25px;
	/*background: linear-gradient(to right, #DBE46F 0, #67EBAE 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	transition: opacity .3s ease;
}
.dp_security a:hover {
	opacity: .6;
}
.demo_trusted {
	margin-top: 71px;
	font-size: 18px;
	color: #0D0D0D;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.demo_trusted picture {
	height: 54px;
	padding: 10px 15px;
	background: rgba(35,35,35,.75);
	border-radius: 50px;
	box-shadow: 0 4px 4px rgba(0,0,0,.25);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.demo-review {
	padding: 135px 0;
	background: linear-gradient(to top, #1A1A1A, #000);
}
.demo-review__container {
	max-width: 1310px;
}
.demo-review .solution-code__title {
	color: #fff;
	font-weight: 600;
	line-height: 1;
}
.demo-review .solution-code__title b {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.demo-review__items {
	margin-top: 84px;
	display: flex;
	gap: 28px;
}
.demo-review__item {
	background: rgba(255,255,255,.8);
	border-radius: 16px;
	padding: 28px 28px 34px;
	color: #474747;
	flex: 1;
}
.demo-review__item:nth-child(3n + 2) {
	background: rgba(255,255,255,.9);
}
.demo-review__item:nth-child(3n) {
	background: rgba(255,255,255,1);
}
.demo-review__item_inner {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.dr_item_number {
	width: 36px;
	height: 36px;
	background: #111111;
	border-radius: 25px;
	color: #67EBAE;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.demo-review__item h3 {
	font-size: 28px;
	color: #111111;
	line-height: 1.21;
	font-weight: 700;
}
.dr_item_text {
	line-height: 1.375;
}

.demo-walkthrough {
	padding: 135px 0;
	background: #fff;
}
.demo-walkthrough__container {
	max-width: 1225px;
	display: flex;
	justify-content: space-between;
	gap: 1.25rem;
}
.demo-walkthrough__content {
	flex: 0 0 34%;
}
.demo-walkthrough__item {
	background: linear-gradient(to top, #474747, #000);
	border-radius: 16px;
	padding: 28px 28px 34px;
}
.demo-walkthrough__item .dr_item_number {
	background: #fff;
	color: #0D0D0D;
}
.demo-walkthrough__media {
	flex: 0 0 63%;
}
.demo-walkthrough__item h3 {
	font-size: 28px;
	color: #fff;
	line-height: 1.21;
	font-weight: 700;
}
.demo-walkthrough__item h3 b {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-width: 1120px) {
	.demo-walkthrough__container { flex-direction: column; }
	.demo-walkthrough__container .window { margin: 0 auto; }
}

@media (max-width: 991px) {
	.dp_security { max-width: unset; }
	.contact__container:has(.demo_trusted) .hubspot-demo { max-width: unset; }
}

@media (max-width: 767px) {
	.demo_trusted { flex-wrap: wrap; gap: 20px 10px; justify-content: center; margin-top: 4rem; }
	.demo_trusted p { width: 100%; text-align: center; }
	.demo-review { padding-block: 4.375rem; }
	.demo-review__items { margin-top: 4rem; flex-direction: column; }
	.demo-walkthrough { padding-block: 4.375rem; }
}
/* Demo page v2 */

/* Homepage v3 */
.hero-video {
	position: relative;
  overflow: hidden;
	min-height: calc(100vh - 90px);
}
.hero-video video {
	position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
	z-index: 0;
}
.hero-video .hero__container {
	max-width: calc(73.75rem + 30px);
	padding-top: 123px;
	padding-bottom: 261px;
}
.hero-video .hero__body {
	display: block;
	color: #000;
	text-align: left;
	max-width: unset;
}
.hero-video .hero_label {
	font-size: 22px;
	color: #fff;
	display: inline-block;
	background: linear-gradient(to right, rgba(0,0,0,.75), rgba(72,71,71,.75));
	margin-bottom: 10px;
	padding: 8px 14px;
	border-radius: 15px 5px;
}
.hero-video .hero__title {
	font-size: 66px;
	color: rgb(30,30,30,.8);
	line-height: 1.24;
	font-weight: 300;
}
.hero-video .hero__title strong {
	color: #000;
	font-weight: 700;
}
.hero-video .hero__text {
	font-size: 22px;
	line-height: 1.5;
	font-weight: 300;
	margin-bottom: 22px;
}
.hero-video .btn-gradient {
	gap: 8px;
	height: 56px;
}
.hero-video .hero__bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	background: linear-gradient(to right, rgb(219,228,111,.8), rgb(103,235,174,.8));
}
.hero-video .hero__bottom .hero__container {
	display: flex;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
	gap: 1.5rem;
	justify-content: center;
}
.hero-video .hero__bottom .hero__bottom-text {
	font-size: 16px;
	color: #000;
	line-height: 1.18;
	margin-bottom: 0;
	text-align: left;
	min-width: 480px;
}
.hero-video .hero__logo {
	background: linear-gradient(to right, #1E1E1E, #484747);
	min-height: unset;
	padding: 5px 14px;
}

.intro {
	padding: 95px 0 15px;
}
.intro__body {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 932px;
	margin: 0 auto;
}
.intro__content-inner {
	background: linear-gradient(to top, #1E1E1E, #000000);
	border: 0.5px solid #fff;
	border-radius: 15px 0 30px 0;
	padding: 32px;
}
.intro_label {
	color: #CEFF86;
	font-weight: 500;
	line-height: 1.5;
	background: rgba(206, 255, 134, .1);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 15px 5px;
	margin-bottom: 21px;
}
.intro_text {
	padding: 0 12px;
}
.intro_text h3 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.55;
	margin-bottom: 15px;
}
.intro_text h3 span {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.intro_text p {
	color: rgba(255, 255, 255, .7);
	line-height: 26px;
}
.intro_text p span {
	color: rgba(255, 255, 255, 1);
}
.intro_text a {
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 14px;
	transition: opacity .3s ease;
}
.intro_text a:hover {
	opacity: .6;
}

.whatwedo {
	background: linear-gradient(to top, #17172D, #000000);
	padding: 26px 0;
}
.whatwedo__container {
	max-width: 1235px;
}
.whatwedo__body .intro_label {
	font-size: 18px;
	margin-bottom: 23px;
	position: relative;
}
.whatwedo__body .intro_label:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;                /* товщина рамки */
  border-radius: inherit;
  background: linear-gradient(to right, #DBE46F, #67EBAE);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;     /* лишає тільки контур */
  pointer-events: none;
}
.whatwedo__text {
	padding-left: 17px;
	max-width: 505px;
	box-sizing: content-box;
}
.whatwedo__text h3 {
	font-size: 42px;
	line-height: 52px;
	margin-bottom: 23px;
}
.whatwedo__text h3 span {
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.whatwedo__text p {
	font-size: 20px;
	line-height: 1.5;
}
.whatwedo__media {
	margin-top: 67px;
}
.whatwedo__items {
	margin-top: 89px;
	display: flex;
	gap: 46px;
}
.whatwedo__item {
	padding: 32px 25px 0;
	position: relative;
	flex: 1;
	width: calc((100% - 92px) / 3);
}
.whatwedo__item:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #67EBAE, #DBE46F);
	opacity: .95;
	z-index: 0;
	height: calc(100% - 94px);
	border-radius: 15px 0;
}
.whatwedo__item:nth-child(1):before {
	opacity: .55;
}
.whatwedo__item:nth-child(2):before {
	opacity: .75;
}
.whatwedo__item_inner {
	position: relative;
	z-index: 1;
	color: #000;
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: flex-start;
}
.whatwedo__item_inner .intro_label {
	background: linear-gradient(to right, #000000, #2E2E2E);
	color: #fff;
	font-weight: 300;
	padding: 6px 17px;
}
.whatwedo__item_inner .intro_label strong {
	font-weight: 600;
}
.whatwedo__item_inner h4 {
	font-size: 26px;
	line-height: 1.53;
	font-weight: 300;
	margin-bottom: 24px;
	padding-left: 11px;
}
.whatwedo__item_inner h4 strong {
	font-weight: 600;
}
.whatwedo__item_inner p {
	font-size: 16px;
	color: rgba(0, 0, 0, .7);
	line-height: 1.5;
	padding-left: 11px;
}
.whatwedo__item_image {
	display: flex;
	justify-content: center;
	margin-top: auto;
	padding-top: 49px;
}
.whatwedo__item_image img {
	max-width: 100%;
}

.usecases {
	background: linear-gradient(to top, #0F0F1A, #17172D);
	padding: 48px 0 58px;
}
.usecases__title {
	font-size: 32px;
	line-height: 46px;
	text-align: center;
}
.usecases__title span {
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.usecases_tabs {
	margin-top: 53px;
	position: relative;
}
.usecases_tabs_links {
	position: absolute;
  left: 0;
  top: 0;
  width: 170px;
}
.usecases_tabs_links > p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 31px;
}
.usecases_tabs_links nav {
	display: flex;
	flex-direction: column;
	gap: 31px;
}
.usecases_tabs_links nav div {
	font-size: 14px;
	color: rgba(255, 255, 255, .3);
	font-weight: 600;
	cursor: pointer;
}
.usecases_tabs_links nav div span {
	font-weight: 300;
}
.usecases_tabs_links nav div:before {
	content: '';
	min-width: 9px;
	width: 9px;
	height: 9px;
	border-radius: 10px;
	background: rgba(129, 140, 248, .68);
	margin-right: 9px;
}
.usecases_tabs_links nav div.active {
	color: rgba(255, 255, 255, 1);
}
.usecases_tabs_links nav div.active span {
	color: rgba(255, 255, 255, .7);
}
.usecases_tabs_content {
	display: flex;
  justify-content: center;
}
.usetab {
	width: 610px;
	display: none;
}
.usetab.active {
	display: block;
}
.usecases .header {
	background-color: unset;
}

.built {
	background: linear-gradient(to top, #000000, #0F0F1A);
	padding: 76px 0 87px;
}
.built__title {
	font-size: 42px;
	line-height: 52px;
	text-align: center;
	margin-bottom: 57px;
}
.built__title span {
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.built_media {
	display: flex;
	justify-content: center;
}
.built_media:not(:last-child) {
	margin-bottom: 53px;
}

.features {
	padding: 27px 0 27px;
	background: linear-gradient(to top, #0F0F1A, #000000);
}
.all_features {
	display: flex;
	gap: 21px;
	flex-wrap: wrap;
	justify-content: center;
}
.single_feature {
	border: 0.5px solid #fff;
	padding: 27px 30px 36px;
	width: calc((100% - 42px) / 3);
	max-width: 350px;
}
.single_feature_inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.single_feature_inner h4 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 11px;
	display: inline-flex;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.single_feature_subtitle {
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
.single_feature_inner p {
	font-size: 14px;
	color: rgba(255, 255, 255, .7);
	line-height: 1.5;
}
.single_feature_media {
	max-width: 245px;
	margin: auto auto 0;
	padding-top: 20px;
	width: 100%;
}
.single_feature_media .card {
	border-width: 0.3px !important;
}

.reviews.reviews_dark {
	padding: 62px;
	background: linear-gradient(to top, #000000, #0F0F1A);
}
.reviews.reviews_dark .reviews__container {
	padding: 0;
	min-height: unset;
}
.reviews.reviews_dark .item-review__logo {
	max-width: 156px;
}

.review_slider {
	background: linear-gradient(to top, #000000 0%, #17172D 52%, #0F0F1A 100%);
}
.review_slider .reviews__container {
	/*padding-top: 199px;
	padding-bottom: 199px;*/
	max-width: 1000px;
	overflow: hidden;
}
.reviews__slide_new {
	background: #5b5a5a;
	border-radius: 30px;
	overflow: hidden;
}
.item-review__image_background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
	overflow: hidden;
}
.reviews__slide_new .item-review__content {
	position: relative;
	z-index: 2;
	padding: 88px 44px 90px;
	min-height: 547px;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 25px;
}
.reviews__slide_new .item-review__names {
	margin-top: auto;
}
.item-review__label {
	color: #CEFF86;
	font-weight: 500;
	line-height: 1.5;
	background: rgba(206, 255, 134, .1);
	display: inline-block;
	padding: 8px 13px;
	border-radius: 15px 5px;
	font-size: 14px;
	position: relative;
	margin-bottom: 48px;
	background: #000;
}
.item-review__label span {
	display: inline-flex;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.item-review__label:before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(to right, #DBE46F, #67EBAE);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.reviews__slide_new .item-review__text {
	font-size: 20px;
	line-height: 1.5;
	color: #fff;
	font-weight: 500;
	font-style: normal;
	max-width: 402px;
}
.reviews__slide_new .item-review__names {
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	font-weight: 400;
}
.reviews__slide_new p:first-child {
	font-weight: 600;
}
.reviews__slider_new .reviews__pagination {
	margin-top: 43px;
}
.reviews__slider_new .swiper-pagination-bullet {
	width: 17px;
	height: 17px;
	background: #fff;
	opacity: 1;
	margin: 0 10px !important;
}
.reviews__slider_new .swiper-pagination-bullet-active {
	background: #818CF8;
}
.reviews__slider_new .swiper-pagination-bullet:hover {
	background: #555;
}

.research {
	padding: 68px 0 144px;
}
.research__body {
	padding: 48px 53px;
	border-radius: 15px 0;
	/*background: linear-gradient(to top, #67EBAE, #DBE46F);*/
	max-width: 896px;
	margin: 0 auto;
	position: relative;
}
.research__body:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #67EBAE, #DBE46F);
	opacity: .75;
}
.research__body_top {
	display: flex;
	align-items: center;
	gap: 20px;
	position: relative;
	z-index: 2;
}
.research__body_top .intro_label {
	background: #CEFF86;
	border-radius: 4px;
	font-size: 18px;
	color: #1E1E1E;
	line-height: 1.5;
	margin-bottom: 0;
}
.research_label {
	background: linear-gradient(to right, #1E1E1E, #17172D);
	border-radius: 4px;
	color: rgba(255,255,255,.7);
	font-size: 13px;
	line-height: 20px;
	padding: 4px 12px;
	flex: 1;
}
.research_label span {
	margin: 0 7px;
	font-weight: 900;
	font-size: 14px;
}
.research__body_main {
	margin-top: 28px;
	display: flex;
	gap: 26px;
	position: relative;
	z-index: 2;
}
.research__body_main_left {
	color: #000;
	display: flex;
	flex-direction: column;
}
.research__body_main_left h3 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 6px;
}
.research__body_main_left h4 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 15px;
}
.research__body_main_left p {
	font-size: 14px;
	line-height: 20px;
	color: rgba(0, 0, 0, .7);
}
.research_link {
	padding-top: 20px;
	margin-top: auto;
}
.research_link a {
	font-size: 18px;
	color: #17172D;
	line-height: 24px;
	font-weight: 600;
	transition: opacity .3s ease;
}
.research_link a:hover {
	opacity: .6;
}

.get-pandorian_gradient {
	background: linear-gradient(to top, #67EBAE, #DBE46F);
}
.get-pandorian_gradient .get-pandorian__container {
	justify-content: center;
	gap: 70px;
	align-items: stretch;
	min-height: unset;
}
.get-pandorian_gradient .get-pandorian__image {
	flex: 0 0 257px;
	align-self: center;
}
.get-pandorian__content {
	flex: 0 0 385px;
	color: #000;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	gap: 20px;
}
.get-pandorian__content h3 {
	font-size: 40px;
	line-height: 1.3;
	margin-bottom: 5px;
}
.get-pandorian__content h3 strong {
	font-weight: 600;
}
.get-pandorian__content p {
	font-size: 14px;
	color: rgba(0, 0, 0, .7);
	line-height: 20px;
}
.get-pandorian__content a {
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	margin-top: auto;
	transition: opacity .3s ease;
}
.get-pandorian__content a:hover {
	opacity: .6;
}

@media (max-width: 991px) {
	.usecases_tabs_links { width: calc((100% - 550px) / 2); }
	.usetab { width: 500px; }
	.intro__content-inner { padding: 32px 26px; }
}
@media (max-width: 767px) {
	.hero-video .hero__title { font-size: clamp(2.5rem ,1.3354037267rem + 4.9689440994vw ,5rem); }
	.hero-video .hero__bottom .hero__bottom-text { min-width: unset; line-height: 1.5; }
	.intro { padding: clamp(2.1875rem ,.9355590062rem + 5.3416149068vw ,4.875rem) 0; }
	.intro__body { flex-direction: column; }
	.intro__content-inner { padding: 32px 20px; }
	.intro_text { padding: 0; }
	.whatwedo__items { margin-top: 3rem; flex-direction: column; }
	.whatwedo__item { width: 100%; }
	.usecases { padding: clamp(2.1875rem ,.9355590062rem + 5.3416149068vw ,4.875rem) 0; }
	.usecases_tabs_links { position: relative; width: 100%; }
	.usecases__title,
	.built__title,
	.get-pandorian__content h3 { font-size: clamp(1.625rem, 1.5085403727rem + .4968944099vw, 1.875rem); line-height: 147%; }
	.usecases__title { text-align: unset; }
	.usecases__title br { display: none; }
	.usecases__title br:after { content: ' '; }
	.usecases_tabs { margin-top: 3rem; display: flex; flex-direction: column; gap: 3rem; }
	.usecases_tabs_links nav { flex-direction: row; flex-wrap: wrap; justify-content: center; }
	.built { padding: clamp(2.1875rem ,.9355590062rem + 5.3416149068vw ,4.875rem) 0; }
	.built__title { text-wrap: balance; max-width: 500px; margin: 0 auto 3rem; }
	.built__title br { display: none; content: ' '; }
	.built__title span { display: block; }
	.single_feature { width: 100%; max-width: unset; }
	.reviews.reviews_dark { padding: 3rem .9375rem; }
	.research__body { padding: 2rem; }
	.research__body_top { flex-direction: column; align-items: flex-start; }
	.research__body_main { flex-direction: column; }
	.research__body_main_right img { max-width: 100%; }
	.get-pandorian_gradient .get-pandorian__container { gap: 3rem; }
	.get-pandorian__content { flex: auto; text-align: left; }
	/*.review_slider .reviews__container { padding-top: 2.8125rem; padding-bottom: 2.8125rem; }*/
	.reviews__slide_new .item-review__content { padding: 30px; min-height: 650px; gap: 20px; }
	.item-review__label { margin-bottom: 0; }
	.reviews__slide_new .item-review__text { margin-top: auto; margin-bottom: 0; font-size: 18px; line-height: 1.4; }
	.reviews__slide_new .item-review__names { margin-top: unset; }
	.item-review__image_background { object-position: calc(100% + 180px); }
}

.usecases_mob { display: none; }
@media (max-width: 767px) {
	.usecases_tabs .usecases_tabs_links,
	.usecases_tabs .usecases_tabs_content { display: none; }
	.usecases_mob { display: block; }

	.usecases_mob__label { font-size: 16px; line-height: 22px; margin-bottom: 24px; }
	
	.usecases_mob__nav { position: relative; --slide-w: 187px; margin-bottom: 28px; }
	.usecases_mob__titles .swiper-slide {
		width: var(--slide-w); flex-shrink: 0;
		display: flex; align-items: center; justify-content: center;
		white-space: nowrap; overflow: hidden;
		font-size: 16px; font-weight: 600; color: #fff;
		opacity: .25; transition: opacity .3s;
	}
	.usecases_mob__titles .swiper-slide:not(.swiper-slide-active) { pointer-events: none; }
	.usecases_mob__titles .swiper-slide:before {
		content: ''; width: 9px; height: 9px; border-radius: 10px;
		background: rgba(129,140,248,.68); margin-right: 9px; flex-shrink: 0;
	}
	.usecases_mob__titles .swiper-slide span { font-weight: 300; color: rgba(255,255,255,.7); margin-left: 5px; }
	.usecases_mob__titles .swiper-slide.swiper-slide-active { opacity: 1; }
	
	.usecases_mob__arrow {
		position: absolute; top: 0; height: 100%; width: 36px; z-index: 2;
		display: flex; align-items: center; justify-content: center;
		background: none; border: 0; color: #fff; cursor: pointer; padding: 0;
	}
	.usecases_mob__arrow--prev { left: calc(50% - (var(--slide-w) / 2) - 46px); }
	.usecases_mob__arrow--next { right: calc(50% - (var(--slide-w) / 2) - 46px); }
	
	.usecases_mob__content .swiper-slide { width: 100%; }
}
/* Homepage v3 */

/* Page - Paradox */
.paradox-hero {
	background: linear-gradient(to top, #17172D, #000000);
}
.paradox-hero__container {
	max-width: 538px;
	padding-block: 97px;
}
.paradox-hero__image {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.paradox-hero__title {
	font-size: 48px;
	font-weight: 600;
	line-height: 52px;
	margin-bottom: 5px;
}
.paradox-hero__title span {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.paradox-hero__text {
	font-size: 22px;
	line-height: 35px;
}

.paradox__content {
	background: #fff;
	color: #000;
}
.paradox__container {
	display: flex;
	justify-content: space-between;
	gap: 25px;
	padding-block: 92px;
}
.paradox__sidebar {
	flex: 0 0 212px;
}
.pandorian__toc {
	position: sticky;
	top: 105px;
}
.toc_item {
	padding: 15px 0;
	border-bottom: 1px solid #A9A7A7;
}
.toc_item:first-child {
	padding-top: 0;
}
.toc_item a {
	font-size: 12px;
	color: rgba(0,0,0,.5);
	line-height: 25px;
}
.toc_item a.active {
	color: rgba(0,0,0,1);
	font-weight: 500;
}
.paradox__body {
	flex: 0 0 508px;
	font-size: 16px;
	line-height: 25px;
}
.paradox__body > * {
	margin-bottom: 20px;
}
.paradox__body h1,
.paradox__body h2,
.paradox__body h3,
.paradox__body h4,
.paradox__body h5 {
	line-height: 20px;
	font-weight: 600;
}
.paradox__body h1 {
	font-size: 24px;
}
.paradox__body h2 {
	font-size: 20px;
}
.paradox__body h3 {
	font-size: 16px;
}
.paradox__body h4 {
	font-size: 16px;
}
.paradox__body h5 {
	font-size: 14px;
}
.paradox__body h6 {
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
}
.paradox__body strong {
	font-weight: 500;
}

@media (max-width: 991px) {
	.paradox-hero__container,
	.paradox__container { padding-block: clamp(3.75rem, 3.1677018634rem + 2.4844720497vw, 5rem); }
	.paradox__sidebar { flex: unset; }
}
@media (max-width: 767px) {
	.paradox-hero__container { text-align: center; }
	.paradox__container { flex-direction: column; gap: 50px; }
	.paradox-hero__title { font-size: clamp(2.25rem, 1.725931677rem + 2.2360248447vw, 3.375rem); }
	.toc_item { padding: 10px 0; }
	.paradox__sidebar:last-child { display: none; }
}
/* Page - Paradox */

/* Page About v2 */
.intro_label_bordered {
	font-size: 18px;
	position: relative;
}
.intro_label_bordered:before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(to right, #DBE46F, #67EBAE);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.intro_label_bordered_top:before {
	background: linear-gradient(to top, #67EBAE, #DBE46F);
}

.hero-about .hero__container {
	position: relative;
	z-index: 2;
	padding-top: 81px;
	padding-bottom: 81px;
}
.hero-about .intro_label {
	font-size: 18px;
	margin-bottom: 19px;
	position: relative;
}
.hero-about .intro_label:before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(to top, #67EBAE, #DBE46F);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.hero-about .hero_text_wrapper {
	padding-left: 10px;
	color: #fff;
	max-width: 535px;
}
.hero-about .hero__text {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 20px;
}
.hero-about .hero__line {
	width: 64px;
	height: 4px;
	background: linear-gradient(to right, #DBE46F, #67EBAE);
	margin-bottom: 20px;
}
.hero-about .hero__title {
	font-size: 48px;
	color: #fff;
	line-height: 52px;
	font-weight: 600;
	background: linear-gradient(to top, #6deaaa 0, #81e99f 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.about-team {
	padding-top: 81px;
	padding-bottom: 96px;
}
.about-team__container {
	max-width: 1210px;
}
.about-team .intro_label {
	margin-bottom: 23px;
}
.about-team .team__title {
	text-align: unset;
	font-size: 48px;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 70px;
}
.about-team .team__title span {
	background: linear-gradient(180deg, #DBE46F 0, #67EBAE 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.about-team__block {
	display: flex;
	align-items: center;
	gap: 112px;
}
.about-team__items {
	display: flex;
	gap: 27px;
	flex: 1;
}
.about-team__items .item-team__image {
	border-radius: 0;
	max-height: 340px;
	aspect-ratio: unset;
}
.about-team__text {
	flex: 1;
	position: relative;
	padding-left: 28px;
	font-size: 18px;
	line-height: 2;
}
.about-team__text:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: linear-gradient(to top, #DBE46F, #67EBAE);
	position: absolute;
	left: 0;
	top: 0;
}
.about-team__text span {
	background: linear-gradient(90deg, #DBE46F 0, #67EBAE 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
}

.about-story .story__container {
	padding-top: 0;
	padding-bottom: 110px;
}
.about-story .intro_label {
	font-size: 18px;
	margin-bottom: 32px;
	position: relative;
}
.about-story .intro_label:before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(to right, #DBE46F, #67EBAE);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.about-story .story__title {
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 48px;
	padding-left: 10px;
}
.about-story .story__text {
	line-height: 25px;
	padding-left: 118px;
	max-width: 800px;
	box-sizing: content-box;
	position: relative;
}
.about-story .story__text:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: linear-gradient(to top, #DBE46F, #67EBAE);
	position: absolute;
	left: 59px;
	top: 0;
}
.about-story .story__text p:not(:last-child) {
	margin-bottom: 25px;
}

.about_tell-yourself .tell-yourself__container {
	padding-top: 153px;
	align-items: flex-start;
}
.about_tell-yourself .intro_label {
	font-size: 18px;
	color: #000;
	background: linear-gradient(to right, #DBE46F, #67EBAE);
	margin-bottom: 12px;
}
.about_tell-yourself .tell-yourself__title {
	line-height: 1;
	padding-left: 12px;
}
.about_tell-yourself .hubspot-about .hs_submit input[type="submit"] {
	min-width: 82px;
	min-height: 34px;
}

@media (max-width: 61.9988em) {
	.about-story .story__container { max-width: unset; }
}

@media (max-width: 767px) {
	.hero-about.hero-video { min-height: 470px; }
	.hero-about.hero-video video { object-position: right center; }
	.hero-about.hero-video { position: relative; }
	.hero-about.hero-video:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); z-index: 1; }
	.hero-about .hero__text { font-size: 20px; line-height: 1.3; }
	.hero-about .hero__title { font-size: 38px; text-wrap: balance; max-width: 350px; }
	.hero-about .hero__title span { text-transform: uppercase; }
	.about-team .team__title { font-size: 38px; margin-bottom: 50px; }
	.about-team__items .item-team__image { max-height: unset; aspect-ratio: 209 / 314; }
	.about-team__block { flex-direction: column; gap: 50px; }
	.about-story .story__title br { display: none; content: ' '; }
	.about-story .story__title span { display: block; }
	.about-story .story__text { padding-left: 28px; }
	.about-story .story__text:before { left: 0; }
	.tell-yourself__content { align-items: flex-start; }
	.about_tell-yourself .tell-yourself__container { padding-top: clamp(2.8125rem, .6288819876rem + 9.3167701863vw, 7.5rem); }
}
/* Page About v2 */

/* Page Platform v2 */
.hero-platform {
	/*background: url('img/platform/bg_hero_platform_opt.jpg') no-repeat center center;
	background-size: cover;*/
}
.hero-platform .hero__container {
	padding-top: 81px;
	padding-bottom: 81px;
	position: relative;
	z-index: 2;
}
.hero-platform .hero__body {
	color: #fff;
}
.hero-platform .intro_label {
	margin-bottom: 30px;
}
.hero-platform .hero__title {
	color: #fff;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 30px;
	padding-left: 10px;
}
.hero-platform .hero__title span {
	font-weight: 600;
	background: linear-gradient(to top, #6deaaa 0, #81e99f 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero-platform .hero__text {
	font-size: 24px;
	line-height: 35px;
	max-width: 620px;
	padding-left: 10px;
	margin-bottom: 30px;
}
.hero-platform .hero__buttons {
	padding-left: 10px;
}

.hero-platform .hero__bottom .hero__bottom-text {
	font-weight: 400;
}
.btn-hero-outline {
  font-size: 14px;
	font-weight: 700;
	display: flex;
	gap: 5px;
	align-items: center;
	padding: 10px 21px;
	border-radius: 5px;
	position: relative;
	height: 56px;
	overflow: hidden;
}
.btn-hero-outline:before {
  content: "";
	position: absolute;
	inset: 0;
	padding: 2px;
	border-radius: inherit;
	background: linear-gradient(to right, #DBE46F, #67EBAE);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: 1;
}
.btn-hero-outline:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #DBE46F, #67EBAE);
	z-index: 0;
	transition: 0.3s;
	transform: translateX(-100%);
	opacity: 0.7;
}
.btn-hero-outline:hover:after {
	transform: translateX(0);
}
.btn-hero-outline span,
.btn-hero-outline svg {
	position: relative;
	z-index: 2;
}

.platform-intro {
	padding-top: 183px;
	padding-bottom: 76px;
	background: linear-gradient(to top, #17172D, #000000);
}
.platform-intro__container {
	max-width: 935px;
}
.platform-intro__columns {
	display: flex;
	gap: 56px;
}
.platform-intro__title {
	font-size: 36px;
	line-height: 42px;
	font-weight: 600;
	margin-bottom: 21px;
}
.platform-intro__title span {
	background: linear-gradient(to top, #6deaaa 0, #81e99f 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.platform-intro__content p {
	line-height: 30px;
}

.platform-product {
	padding-top: 106px;
	padding-bottom: 155px;
	background: linear-gradient(to top, #000000 0%, #0C0C17 50%, #17172D 100%);
}
.platform-product__container {
	max-width: 935px;
}
.platform-product .intro_label {
	margin-bottom: 18px;
}
.platform-product__text {
	max-width: 530px;
	padding-left: 10px;
}
.platform-product__title {
	font-size: 36px;
	line-height: 42px;
	font-weight: 600;
	margin-bottom: 14px;
}
.platform-product__title span {
	color: #DBE46F;
}
.platform-product__text p {
	font-size: 18px;
	line-height: 30px;
}
.platform-product__text:after {
	content: '';
	width: 124px;
	height: 4px;
	background: linear-gradient(to right, #67EBAE, #DBE46F);
	margin-top: 18px;
}
.platform-product_blocks {
	margin-top: 116px;
	display: flex;
	flex-direction: column;
	gap: 194px;
}
.platform-product_block {
	display: flex;
	flex-direction: column;
	gap: 51px;
}
.ppb_columns {
	display: flex;
	gap: 48px;
	align-items: center;
}
.ppb_image {
	flex: 0 0 460px;
}
.ppb_label {
	font-size: 18px;
	line-height: 28px;
	color: #818CF8;
	font-weight: 500;
	margin-bottom: 16px;
}
.ppb_columns h3 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 21px;
}
.ppb_columns h3 span {
	color: #DBE46F;
}
.ppb_columns p {
	font-size: 18px;
	line-height: 30px;
	color: rgba(255, 255, 255, .7);
}
.ppb_bottom {
	background: #101210;
	border: 0.5px solid #fff;
	padding: 19px 24px 17px 22px;
}
.ppb_bottom_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ppb_bottom_top a {
	line-height: 28px;
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ppb_expand_button {
	width: 21px;
	height: 21px;
	background: linear-gradient(to top, #67EBAE, #DBE46F);
	color: #000;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
}
.ppb_expand_button svg {
	position: relative;
	/*top: 1px;*/
	/*left: 1px;*/
}
.ppb_expand_button .minus {
	display: none;
}
.ppb_expand_button.active .minus {
	display: inline-block;
}
.ppb_expand_button.active .plus {
	display: none;
}
.ppb_expand_content {
	font-size: 14px;
	line-height: 40px;
	padding-top: 0;
	max-height: 0;
	overflow: hidden;
	transition: 0.3s;
}
.ppb_expand_content.open {
	max-height: 500px;
	padding-top: 6px;
}
.ppb_expand_content ul {
	padding-left: 20px;
}
.ppb_expand_content ul li {
	list-style-type: none;
	position: relative;
}
.ppb_expand_content ul li:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #fff;
	position: absolute;
	left: -17px;
	top: 17px;
}
.ppb_expand_content a {
	transition: 0.3s;
}
.ppb_expand_content a:hover {
	opacity: 0.7;
}
.platform-product_block:nth-child(even) .ppb_columns {
	flex-direction: row-reverse;
}

.platform-secure {
	background: #fff;
	padding-top: 133px;
	padding-bottom: 133px;
	color: #000;
}
.platform-secure__container {
	max-width: 848px;
}
.platform-secure__title {
	font-size: 40px;
	line-height: 50px;
	text-align: center;
}
.platform-secure__title i {
	font-weight: 600;
}
.platform-secure__title:after {
	content: '';
	width: 124px;
	height: 4px;
	background: #818CF8;
	display: block;
	margin: 19px auto 0;
}
.platform-secure__items {
	margin-top: 68px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 38px;
}
.platform-secure__item {
	width: calc((100% - 62px) / 3);
	border: 0.5px solid #000;
	padding: 36px 31px;
}
.ps__item_title {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 8px;
}
.ps__item_text {
	font-size: 14px;
	line-height: 22px;
	color: #1E1E1E;
}
.platform-secure__button {
	margin-top: 52px;
	text-align: center;
}
.platform-secure__button a {
  font-size: 14px;
	font-weight: 700;
	display: inline-flex;
	gap: 5px;
	align-items: center;
	justify-content: space-between;
	min-width: 180px;
	padding: 10px 21px;
	border-radius: 5px;
	position: relative;
	height: 56px;
	overflow: hidden;
}
.platform-secure__button a:before {
  content: "";
	position: absolute;
	inset: 0;
	padding: 2px;
	border-radius: inherit;
	background: linear-gradient(to right, #000000, #484747);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: 1;
}
.platform-secure__button a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #000000, #484747);
	z-index: 0;
	transition: 0.3s;
	transform: translateX(-100%);
	opacity: 0.2;
}
.platform-secure__button a:hover:after {
	transform: translateX(0);
}
.platform-secure__button a span,
.platform-secure__button a svg {
	position: relative;
	z-index: 2;
}

.questions_dark {
	background: #000;
}
.questions_dark .questions__container {
	padding-top: 152px;
	align-items: center;
}

@media (min-width: 768px) {
	.platform-product__title > br { display: none; content: ' '; }
	.platform-product__title > span { display: block; }
	.platform-product__title > span > br { display: none; content: ' '; }
}

@media (max-width: 767px) {
	.hero-platform video { object-position: calc(100% + 200px) center; opacity: 0.8; }
	.hero-platform .hero__container { padding-bottom: 170px; }
	.hero-platform .hero__title { font-size: clamp(2.5rem, 1.3354037267rem + 4.9689440994vw, 5rem); margin-bottom: 35px; }
	.hero-platform .hero__text { font-size: 20px; margin-bottom: 35px; }
	.platform-intro,
	.platform-product,
	.platform-secure {
		padding-top: clamp(2.8125rem, .6288819876rem + 9.3167701863vw, 7.5rem);
		padding-bottom: clamp(2.8125rem, .6288819876rem + 9.3167701863vw, 7.5rem);
	}
	.platform-intro__columns { flex-direction: column; gap: 38px; }
	.platform-product_blocks { gap: 70px; margin-top: 50px; }
	.ppb_columns,
	.platform-product_block:nth-child(even) .ppb_columns { flex-direction: column; gap: 38px; }
	.platform-secure__item { width: 100%; }
	.platform-product__title { font-size: 32px; text-wrap: balance; }
	.ppb_columns h3 { font-size: 26px; line-height: 34px; text-wrap: balance; }
	.platform-secure__title { font-size: 32px; line-height: 42px; text-wrap: balance; }
	.platform-secure__items { margin-top: 42px; }
	.ppb_image img { max-width: 100%; }
	.ppb_image { width: 100%; flex: unset; }
}
/* Page Platform v2 */

/* Solution */
.hero-solution .hero__body {
	position: relative;
	z-index: 2;
	color: #fff;
}
.hero-solution .intro_label {
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	margin-bottom: 34px;
}
.hero-solution .intro_label:before {
	display: none;
}
.hero-solution_text {
	padding-left: 10px;
}
.hero-solution .hero__title {
	color: #fff;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 30px;
}
.hero-solution .hero__title span {
	font-weight: 600;
	background: linear-gradient(to top, #67EBAE 0, #DBE46F 70%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero-solution .hero__text {
	font-size: 20px;
	line-height: 1.5;
	max-width: 430px;
	margin-bottom: 30px;
}
.hero-solution .hero__bottom {
	background: linear-gradient(to right, rgb(0, 0, 0, .5), rgb(103, 235, 174, .8));
}
.hero-solution .hero__bottom .hero__bottom-text {
	color: #fff;
}

.solution-intro {
	background: #010311;
	padding: 106px 0;
}
.solution-intro__container {
	max-width: 1230px;
}
.solution-intro_text {
	max-width: 900px;
	margin: 0 auto;
}
.solution-intro_text .intro_label {
	margin-bottom: 18px;
}
.solution-intro__title {
	font-size: 36px;
	line-height: 42px;
}
.solution-intro__title span {
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.solution-intro_anim {
	display: flex;
	flex-direction: column;
	gap: 44px;
	margin-top: 57px;
}
.sia_item {
	border: 1px solid #A9A7A7;
	padding: 60px 18px;
}
.sia_item_inner > h3 {
	font-size: 20px;
	line-height: 1.4;
	padding-left: 135px;
	margin-bottom: 27px;
}
.sia_item_inner > h3 strong {
	font-weight: 600;
}

.solution-product {
	background: #010311;
	padding: 41px 0 106px;
}
.solution-product__container {
	max-width: 1230px;
}
.solution-product__columns {
	display: flex;
	align-items: center;
	gap: 27px;
}
.sp_column_left {
	flex: 0 0 425px;
	padding-left: 20px;
}
.sp_column_right {
	flex: auto;
}
.sp_label {
	font-size: 18px;
	line-height: 28px;
	color: #818CF8;
	font-weight: 500;
	margin-bottom: 16px;
}
.sp_title {
	font-size: 30px;
	line-height: 38px;
	margin-bottom: 21px;
	max-width: 370px;
}
.sp_title span {
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.sp_text {
	font-size: 18px;
	line-height: 30px;
}
.sp_link {
	margin-top: 51px;
}
.sp_link a {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.solution-use_cases {
	background: linear-gradient(to right, #818CF8, #17172D);
	padding: 114px 0;
}
.solution_uc_title {
	font-size: 32px;
	line-height: 46px;
	text-align: center;
}
.solution_uc_title span {
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.solution_uc_slider {
	margin: 53px auto 0;
	max-width: 610px;
}
.solution_uc_slider .swiper-slide {
	opacity: 0;
	transition: 0.3s;
}
.solution_uc_slider .swiper-slide.swiper-slide-active {
	opacity: 1;
	min-height: 393px;
}
.solution_uc_pagination {
	margin-top: 53px;
}
.solution_uc_pagination .swiper-pagination-bullet {
	width: 17px;
	height: 17px;
	background: #fff;
	opacity: 1;
	margin: 0 15px !important;
}
.solution_uc_pagination .swiper-pagination-bullet-active {
	background: #818CF8;
}

.questions.sol_quest .questions__container {
	padding-top: 44px;
	padding-bottom: 44px;
}

@media (min-width: 550px) {
	.solution-intro_text .intro_label br { display: none; }
}

@media (max-width: 991px) {
	.hero-solution video { object-position: calc(100% + 100px) center; }
	.sp_column_left { flex: 0 0 360px; }
}
@media (max-width: 767px) {
	.hero-solution video { opacity: 0.5; }
	.hero-solution .hero__text, .hero-solution .btn-hero-outline { text-shadow: 2px 2px 2px #000; }
	.hero-solution .hero__title { font-size: clamp(2.5rem, 1.3354037267rem + 4.9689440994vw, 5rem); }
	.solution-intro,
	.solution-product,
	.solution-use_cases {
		padding-top: clamp(2.8125rem, .6288819876rem + 9.3167701863vw, 7.5rem);
		padding-bottom: clamp(2.8125rem, .6288819876rem + 9.3167701863vw, 7.5rem);
	}
	.solution-product__columns { flex-direction: column; }
	.sp_column_left { width: 100%; flex: auto; padding-left: 20px; }
	.sp_column_right { width: 100%; }
	.sp_link { margin-top: 20px; }
	.solution_uc_title { font-size: 26px; line-height: 1.4; }
	.solution_uc_title br { display: none; }
	.sia_item { padding: 30px 18px; }
	.sia_item_inner > h3 { padding-left: 0; margin-bottom: 15px; }
}
/* Solution */

/* Use Cases Hub */
.hero_use-cases {
	/*background: url('img/bg_hero_use-cases_opt.jpg') no-repeat right center/cover;*/
}
.hero_use-cases .intro_label {
	margin-bottom: 29px;
}
.hero_use-cases .hero__title {
	font-size: 42px;
	line-height: 50px;
	color: #fff;
	background: unset;
	background-clip: unset;
	-webkit-text-fill-color: unset;
	background-clip: unset;
	margin-bottom: 16px;
}
.hero_use-cases .hero__title span {
	background: linear-gradient(to top, #67EBAE 0, #DBE46F 110%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero_use-cases .hero__text {
	font-size: 18px;
	line-height: 29px;
	max-width: 690px;
	margin-bottom: unset;
	text-wrap: auto;
}

.section_use-cases {
	padding: 56px 0 20px;
	background: #0D0D0D;
}
.use-cases__container {
	max-width: 1310px;
}
.all_use-cases {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}
.single_use-case {
	outline: 1px solid #A9A7A7;
	border-radius: 16px;
	padding: 22px;
	flex: 1;
	min-width: 35%;
	max-width: calc(50% - 12px);
}
.single_use-case.hide {
	display: none;
}
.single_use-case_inner {
	display: flex;
	flex-direction: column;
	gap: 18px;
	height: 100%;
}
.single_use-case picture {
	display: flex;
	overflow: hidden;
	border-radius: 10px;
}
.single_use-case img {
	max-width: 100%;
	width: 100%;
	height: auto;
	transition: 0.3s;
}
.single_use-case a:hover img {
	transform: scale(1.1);
}
.ucase_label {
	font-size: 10px;
	color: #CEFF86;
	line-height: 12px;
	font-weight: 700;
	display: inline-block;
	background: rgba(206, 255, 134, .1);
	border-radius: 5px;
	padding: 4px 10px;
	align-self: flex-start;
}
.single_use-case h3 {
	font-size: 21px;
	line-height: 27px;
	font-weight: 600;
	transition: 0.3s;
}
.single_use-case a:hover h3 {
	opacity: 0.7;
}
.ucase_text {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #8C8C8C;
}
.ucase_spacer {
	width: 100%;
	height: 18px;
}
.ucase_link {
	border-top: 1px solid rgba(169, 167, 167, .65);
	padding: 14px 0 6px;
	margin-top: auto;
}
.ucase_link a {
	font-size: 13px;
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: 0.3s;
}
.ucase_link a span {
	position: relative;
	top: 1px;
}
.ucase_link a:hover {
	opacity: 0.7;
}
.show-more_use-cases {
	margin-top: 56px;
	text-align: center;
}
.show-more_use-cases a {
	font-size: 14px;
	font-weight: 600;
	padding: 13px 22px;
	border: 2px solid #DBE46F;
	border-radius: 8px;
	transition: 0.3s;
}
.show-more_use-cases a span {
	position: relative;
	top: -3px;
	left: 4px;
}
.show-more_use-cases a:hover {
	background: #1F1F1F;
}
.use-cases_banner {
	background: #1F1F1F;
	border: 1px solid #2A2A2A;
	border-radius: 16px;
	padding: 10px 40px;
	margin-top: 53px;
}
.use-cases_banner_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}
.use-cases_banner_text {
	max-width: 500px;
}
.use-cases_banner_text h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 6px;
}
.use-cases_banner_text p {
	font-size: 14px;
	line-height: 20px;
	color: #8C8C8C;
}
.use-cases_banner_button a {
	font-size: 14px;
	color: #0D0D0D;
	line-height: 21px;
	font-weight: 600;
	padding: 13px 22px;
	border-radius: 8px;
	background: linear-gradient(to top, #67EBAE, #DBE46F);
	transition: 0.3s;
}
.use-cases_banner_button a:hover {
	opacity: 0.7;
}

@media (max-width: 767px) {
	.hero-about.hero_use-cases:before { /*background: rgba(0, 0, 0, .5);*/ display: none; }
	.hero-about.hero_use-cases video { object-position: calc(100% + 85px) center; }
	.hero_use-cases .hero__title {
		font-size: clamp(2.0rem, 1.3354037267rem + 3.9689440994vw, 5rem);
		line-height: clamp(2.5rem, 1.3354037267rem + 5.968944vw, 5rem);
		max-width: unset;
	}
	.hero_use-cases .hero__title span { text-transform: unset; text-wrap: balance; display: inline-block; }
	.section_use-cases { padding: 45px 0 20px; }
	.all_use-cases { flex-direction: column; }
	.single_use-case { width: 100%; max-width: unset; }
	.use-cases_banner { padding: 20px 25px; }
	.use-cases_banner_inner { flex-direction: column; }
}
/* Use Cases Hub */

/* Single Use Case */
.hero-usecase {
	background: linear-gradient(to bottom, #000000, #2A2A2A);
	padding: 124px 0 105px;
}
.hero-usecase__body {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: center;
}
.all_usecases {
	font-size: 13px;
	font-weight: 600;
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.all_usecases svg {
	margin-right: 5px;
}
.hero-usecase .intro_label_bordered {
	font-size: 12.5px;
	line-height: 19px;
	padding: 6px 14px;
	margin-bottom: 0;
}
.hero-usecase .hero__title {
	font-size: 40px;
	line-height: 1.175;
	text-align: center;
	margin-bottom: 0;
}
.hero-usecase .hero__text {
	font-family: "Inter", sans-serif;
	font-size: 17px;
	line-height: 27px;
	color: rgba(255, 255, 255, .8);
	text-align: center;
	max-width: 600px;
	margin-bottom: 0;
}
.hero_line {
	width: 124px;
	height: 4px;
	background: linear-gradient(to right, #67EBAE, #DBE46F);
	border-radius: 10px;
	margin-top: 65px;
}

.usecase-main {
	background: linear-gradient(to bottom, #2A2A2A, #000000);
	padding: 28px 0 29px;
}
.usecase-main__container {
	max-width: 1310px;
}
.umc_intro {
	max-width: 1047px;
	margin: 0 auto 80px;
}
.umc_intro-columns {
	display: flex;
	gap: 70px;
	align-items: center;
}
.umc_intro-column_left img {
	max-width: 492px;
}
.umc_intro-column_right {
	display: inline-flex;
	flex-direction: column;
	gap: 19px;
}
.umc_label {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
}
.umc_intro-column_right h3 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 600;
}
.umc_intro-column_right h3 span {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	box-decoration-break: clone;
}
.umc_intro-column_right p {
	font-size: 17px;
	color: rgba(255, 255, 255, .8);
	line-height: 30px;
}
.umc_quote {
	margin-bottom: 84px;
}
.umc_quote-inner {
	font-family: "Inter", sans-serif;
	background: #2A2A2A;
	border-left: 3px solid rgba(206,255,134,.9);
	border-radius: 8px;
	padding: 22px 26px 22px 23px;
	font-size: 18px;
	line-height: 30px;
	font-style: italic;
	max-width: 846px;
	margin: 0 auto;
}
.umc_quote-inner span {
	font-weight: 700;
	background: linear-gradient(90deg, #dbe46f 0, #bce680 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.umc_code {
	margin-bottom: 44px;
}
.umc_code-inner {
	text-align: center;
}
.umc_code-inner img {
	max-width: 100%;
}
.umc_how {
	margin-bottom: 111px;
}
.umc_how-inner {
	max-width: 846px;
	margin: 0 auto;
}
.umc_how-title {
	font-size: 18px;
	line-height: 28px;
	padding-left: 26px;
}
.umc_how-items {
	display: flex;
	flex-direction: column;
	gap: 31px;
	margin-top: 44px;
}
.umc_how-item {
	background: #2A2A2A;
	border-left: 3px solid #818CF8;
	border-radius: 8px;
	padding: 22px 26px;
	line-height: 30px;
}
.umc_how-item span {
	font-weight: 700;
	background: linear-gradient(90deg, #dbe46f 0, #d3e472 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.umc_steps {
	margin-bottom: 109px;
}
.umc_steps-inner {
	max-width: 916px;
	margin: 0 auto;
}
.umc_steps h3 {
	font-size: 28px;
	line-height: 35px;
	font-weight: 600;
	text-align: center;
}
.umc_steps h3 span {
	color: #CEFF86;
}
.umc_steps-items {
	margin-top: 30px;
	padding-top: 10px;
	display: flex;
	gap: 20px;
}
.umc_steps-item {
	background: #1F1F1F;
	outline: 1px solid #2A2A2A;
	border-radius: 12px;
	padding: 24px;
	flex: 1;
}
.umc_steps-item_inner {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.umc_step-icon {
	background: rgba(206, 255, 134, .1);
	width: 38px;
	height: 38px;
	border: 1px solid rgba(206, 255, 134, .28);
	border-radius: 9px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.umc_steps-item h4 {
	font-size: 15px;
	line-height: 23px;
	font-weight: 600;
}
.umc_steps-item p {
	font-size: 13px;
	color: #8C8C8C;
	line-height: 20px;
}
.umc_form {
	margin-bottom: 111px;
}
.umc_form-columns {
	max-width: 1057px;
	margin: 0 auto;
	display: flex;
}
.umc_form-image {
	max-width: 405px;
}
.umc_form-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.umc_form-text {
	background: #2A2A2A;
	padding: 44px;
	flex: 1;
}
.umc_form-label {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 23px;
}
.umc_form-text_inner > h3 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 21px;
}
.umc_form-text_inner > h3 span {
	background: linear-gradient(to right, #DBE46F 0, #67EBAE 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.umc_form-text_inner > p {
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, .6);
	letter-spacing: -0.2px;
}
.umc_form-form {
	margin-top: 41px;
}
.umc_form-form form {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 17px;
	max-width: 415px;
}
.umc_form-form label {
	display: none;
}
.umc_form-form .input {
	border: 0;
	border-radius: 0;
	padding: 0;
	width: unset;
	margin-right: 0 !important;
	min-height: unset;
}
.umc_form-form input[type='text'],
.umc_form-form input[type='email'] {
	border: 1px solid #fff;
	border-radius: 8px;
	font-size: 12px;
	color: #8C8C8C;
	padding: 10px 22px !important;
	width: 126px !important;
	height: 44px;
}
.umc_form-form fieldset:nth-child(3) input {
	width: 256px !important;
}
.umc_form-form fieldset:has(div[style="display: none;"]) {
	display: none;
}
.umc_form-form fieldset:has(.legal-consent-container) {
	display: none;
}
.umc_form-form input[type='submit'] {
	font-size: 12px;
	color: #0D0D0D;
	font-weight: 600;
	background: linear-gradient(to top, #67EBAE, #DBE46F);
	padding: 10px 22px;
	min-width: 139px;
	height: 44px;
	border-radius: 8px;
	cursor: pointer;
	transition: 0.3s;
}
.umc_form-form input[type='submit']:hover {
	background: linear-gradient(to top, #67EBAE, #67EBAE);
}
.umc_form-form fieldset:nth-child(1) {
	order: 1;
}
.umc_form-form fieldset:nth-child(2) {
	order: 2;
}
.umc_form-form fieldset:nth-child(3) {
	order: 4;
}
.umc_form-form fieldset:nth-child(4) {
	order: 3;
}
.umc_form-form .hs_submit {
	order: 5;
}
.umc_form-form .hs-error-msgs {
	display: none;
}
.umc_form-form .input:has(~ .hs-error-msgs) input {
	border-color: #f00;
}
.umc_form-form .hs_error_rollup {
	display: none;
}
.umc_form-gdpr {
	font-size: 11px;
	line-height: 14px;
	font-weight: 300;
	padding: 0 14px;
	margin-top: 18px;
	max-width: 800px;
}
.umc_form-gdpr a {
	text-decoration: underline;
}
.umc_form-gdpr a:hover {
	text-decoration: none;
}

.use-cases_single_banner {
	padding: 34px 40px;
	margin-top: 0;
}
.use-cases_single_banner:not(:last-child) {
	margin-bottom: 50px;
}
.use-cases_single_banner .use-cases_banner_text {
	max-width: unset;
}
.use-cases_single_banner .use-cases_banner_text h4 {
	line-height: 28px;
}
.use-cases_single_banner .use-cases_banner_text p {
	line-height: 22px;
}

@media (max-width: 991px) {
	.umc_intro-column_left img { max-width: 400px; }
}

@media (max-width: 767px) {
	.hero-usecase { padding: 70px 0; }
	.hero-usecase .hero__title { font-size: 34px; }
	.usecase-main__container > div:not(:last-child) { margin-bottom: 50px; }
	.umc_intro-columns { flex-direction: column; gap: 35px; }
	.umc_intro-column_left img { max-width: 100%; }
	.umc_steps h3 { font-size: 24px; line-height: 32px; }
	.umc_steps-items { flex-direction: column; }
	.umc_form-columns { flex-direction: column; }
	.umc_form-image { max-width: 100%; }
	.umc_form-image img { max-height: 405px; }
	.umc_form-text { padding: 32px; }
	.umc_form-text_inner > h3 { font-size: 28px; line-height: 34px; }
}
/* Single Use Case */

.footer__copyright-right {
	font-size: 12px;
}

.footer_ai_links-block {
	margin-top: 40px;
}
.footer_ai_links-title {
	line-height: 24px;
	margin-bottom: 32px;
}
.footer_ai_links {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* Page - Integrations v2 */
.hero-integration {
	min-height: 621px;
}
.bg_hero_image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 0;
}
.hero-integration .bg_hero_image {
	background-position: right center;
}
.hero-integration .hero__container {
	padding-top: 46px;
	padding-bottom: 100px;
	position: relative;
	z-index: 1;
}
.hero-integration .intro_label {
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	margin-bottom: 19px;
	padding: 4px 11px;
}
.hero-integration .hero-solution_text {
	max-width: 555px;
}
.hero-integration .intro_label_bordered:before {
	display: none;
}
.hero-integration .hero__title {
	color: #fff;
	font-size: 44px;
	line-height: 50px;
	font-weight: 600;
	margin-bottom: 19px;
}
.hero-integration .hero__title span {
	background: linear-gradient(to top, #67EBAE 0, #DBE46F 70%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero-integration .hero__text {
	font-size: 20px;
	color: rgba(255,255,255,.8);
	text-wrap: unset;
}
.hero-integration .hero_line {
	margin-top: 33px;
}
.hero-integration .hero__bottom {
	width: 100%;
	height: 67px;
	background: linear-gradient(90deg, rgba(0, 0, 0, .8), #67EBAE);
	opacity: 0.8;
}

.section_integrations {
	background: linear-gradient(180deg, #000, #2A2A2A);
	padding: 144px 0;
}
.integrations__container {
	max-width: 1280px;
}
.integration_sections {
	display: flex;
	flex-direction: column;
	gap: 92px;
}
.intsec_wrapper {
	border: 0.5px solid rgba(255,255,255,.5);
	padding: 35px 20px 35px 31px;
	border-radius: 12px;
}
.intsec_wrapper.intsec_columns_1 {
	padding: 70px 31px;
}
.intsec_columns_1 .intsec_inner {
	display: flex;
	gap: 58px;
	align-items: center;
}
.intsec_columns_1 .intsec_content {
	flex: 0 0 47.5%;
	max-width: 560px;
}
.intsec_inner .intro_label {
	font-size: 14px;
	white-space: nowrap;
	margin-bottom: 18px;
}
.intsec_title {
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 18px;
}
.intsec_text {
	line-height: 26px;
	color: rgba(255, 255, 255, .65);
}
.integration_section:first-child .intsec_text {
	color: rgba(255, 255, 255, .8);
}
.intsec_columns_1 .intsec_img {
	display: flex;
	align-items: center;
	gap: 62px;
	position: relative;
	top: 35px;
}
.intsec_img picture {
	width: 108px;
	height: 108px;
	background: #000;
	border: 0.5px solid #fff;
	border-radius: 12px;
	padding: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.intsec_columns_1 .intsec_img_single:not(:last-child) picture:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 100%;
}
.intsec_columns_1 .intsec_img_single p {
	text-align: center;
	font-size: 12px;
	line-height: 26px;
	color: rgba(255, 255, 255, .8);
	margin-top: 9px;
}
.intsec_columns_1.row_reverse .intsec_inner {
	flex-direction: row-reverse;
}
.intsec_columns_1.row_reverse .intsec_img {
	top: unset;
}

.intsec_columns_2 .intsec_columns {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.intsec_columns_2 .intsec_wrapper {
	width: calc(50% - 10px);
	padding: 35px 35px 35px 31px;
}
.intsec_columns_2 .intsec_inner {
	display: flex;
	gap: 15px;
	align-items: center;
}
.intsec_columns_2 .intsec_content {
	max-width: 398px;
}
.intsec_columns_2 .intsec_img picture {
	transform: rotateZ(45deg);
}
.intsec_columns_2 .intsec_img picture img {
	transform: rotate(-45deg);
}

.intsec_columns_3 .intsec_columns {
	display: flex;
	gap: 42px;
	flex-wrap: wrap;
}
.intsec_columns_3 .intsec_wrapper {
	width: calc((100% - 84px) / 3);
	padding: 35px 30px 32px;
}
.intsec_columns_3 .intsec_text {
	font-size: 15px;
	line-height: 23px;
}
.intsec_columns_3 .intsec_img {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 28px;
	padding: 0 3px;
}
.intsec_columns_3 .intsec_img .intsec_img_single {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.intsec_columns_3 .intsec_img picture {
	width: 96px;
	height: 96px;
	border-radius: 100px;
}
.intsec_columns_3 .intsec_img .intsec_img_single p {
	font-size: 12px;
	color: rgba(255, 255, 255, .7);
	font-weight: 500;
	text-align: center;
}

.section_integrations-cta {
	background: linear-gradient(180deg, #2A2A2A, #000);
	padding: 38px 0;
}
.integrations-cta__body {
	text-align: center;
}
.integrations-cta__body h2 {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 43px;
}
.integrations-cta__body h2 span {
	background: linear-gradient(90deg, #dbe46f 0, #67ebae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.integrations-cta__body a {
	font-size: 14px;
	color: #0D0D0D;
	line-height: 21px;
	font-weight: 600;
	padding: 13px 22px;
	border-radius: 8px;
	background: linear-gradient(to top, #67EBAE, #DBE46F);
	transition: 0.3s;
}
.integrations-cta__body a:hover {
	opacity: 0.7;
}

@media (max-width: 1100px) {
	.integration_section .intsec_text p br { display: none; }
	.intsec_columns_1 .intsec_img { justify-content: space-between; flex: 1; gap: 20px; }
}

@media (max-width: 991px) {
	.intsec_columns_1 .intsec_inner { gap: 35px; }
	.intsec_columns_1 .intsec_content { flex: auto; }
	.intsec_columns_3 .intsec_columns { gap: 30px; }
	.intsec_columns_3 .intsec_wrapper { width: calc((100% - 60px) / 3); padding: 30px 20px; }
}

@media (max-width: 767px) {
	.hero-integration { min-height: 500px; }
	.hero-integration .bg_hero_image { background-position: calc(100% + 260px) center; opacity: 0.5; }
	.hero-integration .hero__title { font-size: clamp(2.5rem, 1.3354037267rem + 3.9689440994vw, 5rem); line-height: 1.1; }
	.section_integrations { padding: 50px 0; }
	.integration_sections { gap: 50px; }
	.intsec_wrapper,
	.intsec_wrapper.intsec_columns_1,
	.intsec_columns_2 .intsec_wrapper	{ padding: 25px; }
	.intsec_columns_1 .intsec_inner,
	.intsec_columns_1.row_reverse .intsec_inner,
	.intsec_columns_3 .intsec_wrapper { flex-direction: column; }
	.intsec_columns_1 .intsec_img { top: unset; flex-wrap: wrap; }
	.intsec_title { font-size: 24px; line-height: 30px; }
	.intsec_img picture { width: 80px; height: 80px; }
	.intsec_columns_2 .intsec_columns,
	.intsec_columns_3 .intsec_columns { flex-direction: column; }
	.intsec_columns_2 .intsec_wrapper,
	.intsec_columns_3 .intsec_wrapper { width: 100%; }
	.intsec_columns_3 .intsec_img { flex-wrap: wrap; justify-content: center; gap: 20px; }
	.intsec_columns_3 .intsec_img .intsec_img_single { flex: unset; }
	.integrations-cta__body h2 { font-size: 30px; line-height: 36px; margin-bottom: 34px; }
	.intsec_columns_3 .intsec_img picture { width: 80px; height: 80px; }
	.intsec_inner .intro_label { font-size: 12px; }
}
/* Page - Integrations v2 */

/* Single - Standard */
.hero-standard {
	background: #fff;
	color: rgba(15,15,26,1);
	padding: 24px 0 56px;
}
.hero-standard__container {
	max-width: 1230px;
}
.breadcrumbs {
	display: flex;
	gap: 7px;
	font-size: 13px;
	color: rgba(15, 15, 26, .5);
	line-height: 20px;
	margin-bottom: 32px;
}
.hero-standard__columns {
	display: flex;
	gap: 60px;
}
.hero-standard__text {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
}
.hero_label {
	background: #0F0F1A;
	outline: #000;
	font-size: 13px;
	color: #fff;
	line-height: 20px;
	font-weight: 500;
	display: inline-flex;
	padding: 7px 14px;
}
.hero-standard__text h1 {
	font-size: 38px;
	line-height: 122%;
	font-weight: 600;
}
.hs__text {
	font-size: 17px;
	line-height: 1.5;
	color: rgba(15, 15, 26, .68);
	max-width: 760px;
}
.hero-standard__info {
	font-size: 13px;
	line-height: 20px;
	color: rgba(15, 15, 26, .5);
	display: flex;
	gap: 11px;
}
.hero-standard__image {
	width: 280px;
}

.standard-content {
	background: #fff;
	color: rgba(15,15,26,1);
	padding-bottom: 64px;
}
.standard-content__container {
	max-width: 1230px;
}
.standard-content__columns {
	display: flex;
	gap: 60px;
}
.standard-content__main {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 44px;
}
.standard-content__tldr {
	background: rgba(206,255,134,.1);
	padding: 28px;
	border-radius: 16px;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(15, 15, 26, .75);
}
.sc_tldr_inner *:not(:last-child) {
	margin-bottom: 10px;
}
.sc_tldr_inner h4 {
	font-size: 19px;
	line-height: 29px;
	font-weight: 600;
	color: rgba(15, 15, 26, 1);
}
.sc_tldr_inner ul {
	margin-left: 20px;
}
.sc_tldr_inner ul li {
	list-style-type: disc;
	color: rgba(15, 15, 26, .6);
}

.standard-content__text {
	line-height: 1.65;
	color: rgba(15, 15, 26, .72);
}
.standard-content__text > *:not(:last-child) {
	margin-bottom: 14px;
}
.standard-content__text h1,
.standard-content__text h2,
.standard-content__text h3,
.standard-content__text h4,
.standard-content__text h5 {
	line-height: 1.4;
	font-weight: 600;
	color: #0F0F1A;
}
.standard-content__text h3 {
	font-size: 24px;
}

.code_block {
	background: #0F0F1A;
	padding: 22px;
	font-size: 13px;
	line-height: 1.55;
	color: #fff;
}
.code_block_title {
	font-size: 12px;
	font-weight: 500;
	color: rgba(255,255,255,.45);
	margin-bottom: 12px;
}
.code_block_title.green_text {
	color: rgba(103, 235, 174, .85);
}
.code_block_title.red_text {
	color: rgba(242, 115, 107, .85);
}
.standard-content__text blockquote {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	color: rgba(15, 15, 26, .75);
	background: rgba(15, 15, 26, .03);
	padding: 22px;
}
.code_block_text .tab {
	width: 3ch;
	display: inline-block;
}

.sct_features {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.sct_feature {
	background: rgba(15, 15, 26, .03);
	border-radius: 14px;
	padding: 20px;
}
.sct_feature_inner {
	display: flex;
	gap: 18px;
}
.sct_feature_icon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	background: #0F0F1A;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
}
.sct_feature_content h4 {
	margin-bottom: 4px;
}
.sct_feature_content p {
	font-size: 14.5px;
	color: rgba(15, 15, 26, .68);
}

.code_ext {
	background: #0F0F1A;
	border-radius: 20px;
	color: rgba(255,255,255,.85);
}
.code_ext_header {
	font-size: 11px;
	line-height: 17px;
	color: rgba(255,255,255,.4);
	display: flex;
	gap: 16px;
	padding: 16px 24px;
	border-bottom: 1px solid rgba(255,255,255,.12);
}
.code_ext_row {
	padding: 20px 24px;
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.code_ext_row:not(:last-child) {
	border-bottom: 1px solid rgba(255,255,255,.07);
}
.code_ext_row div:nth-child(1) {
	background: rgba(206, 255,134,.15);
	padding: 4px 10px;
	border-radius: 20px;
	font-size: 12.5px;
	line-height: 19px;
	font-weight: 600;
	color: #CEFF86;
	flex: 0 0 auto;
}
.code_ext_row div:nth-child(2) {
	font-size: 13.5px;
	line-height: 1.5;
	flex: 1;
	max-width: 550px;
}
.code_ext_row div:nth-child(3) {
	font-size: 11.5px;
	line-height: 17px;
	color: rgba(255,255,255,.5);
	flex: 0 0 auto;
}

.sct_all_faqs {
	margin-top: 22px;
}
.sct_single_faq:not(:last-child) {
	border-bottom: 1px solid rgba(15, 15, 26, .1);
}
.sct_single_faq-header {
	display: flex;
	gap: 50px;
	justify-content: space-between;
	align-items: center;
	padding: 18px 0;
	cursor: pointer;
}
.sct_single_faq-header h4 {
	font-size: 16px;
	line-height: 24px;
	color: #0F0F1A;
}
.sct_single_faq-header span {
	width: 28px;
	height: 28px;
	border: 1px solid rgba(15, 15, 26, .18);
	border-radius: 50px;
	font-size: 15px;
	color: rgba(15, 15, 26, .6);
	display: flex;
	justify-content:center;
	align-items: center;
	flex: 0 0 28px;
}
.sct_single_faq-body {
	max-height: 0;
	overflow: hidden;
	transition: 0.3s;
}
.sct_single_faq.open .sct_single_faq-body {
	max-height: 500px;
}

.standard-content__form {
	background: #0F0F1A;
	border-radius: 24px;
	padding: 44px;
	color: rgba(255,255,255,.6);
}
.standard-content__form > h3 {
	color: #fff;
	font-weight: 700;
	font-size: 26px;
	line-height: 39px;
	margin-bottom: 22px;
}
.standard-content__form > p {
	max-width: 560px;
	font-size: 15px;
	line-height: 1.55;
}
.standard-content__form .hbspt-form {
	margin-top: 22px;
}
.standard-content__form .hbspt-form form {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.standard-content__form .hbspt-form form fieldset > div {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.standard-content__form .hbspt-form form fieldset > div label {
	color: #CEFF86;
	font-size: 14px;
	font-weight: 600;
}
.standard-content__form .hbspt-form form fieldset > div .input {
	padding: 0;
	border: 0;
	min-height: unset;
}
.standard-content__form .hbspt-form form fieldset > div label.hs-error-msg {
	color: #a00;
	font-weight: 400;
}
.standard-content__form .hbspt-form form fieldset:has(div[style="display: none;"]) {
	display: none;
}
.standard-content__form .hbspt-form form fieldset > div input {
	background: #1A1A28;
	border: 1px solid rgba(255,255,255,.08);
	height: 48px;
	padding: 0 16px;
	font-size: 15px;
	color: rgba(255,255,255,.35);
	border-radius: 10px;
}
.standard-content__form .hbspt-form form .hs_submit input {
	color: #fff;
	cursor: pointer;
}
.standard-content__form .hbspt-form form .hs-richtext {
	font-size: 12.5px;
	line-height: 1.55;
	color: rgba(255,255,255,.45);
}
.standard-content__form .hbspt-form form .hs-richtext a {
	color: rgba(255,255,255,.7);
}
.standard-content__form .hbspt-form form .hs-richtext a:hover {
	text-decoration: underline;
}
.standard-content__form .hbspt-form form .hs_submit .actions {
	text-align: right;
}
.standard-content__form .hbspt-form form .hs_submit input {
	width: auto;
	font-size: 17px;
	line-height: 48px;
	font-weight: 700;
	background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" rx="24" fill="%23CEFF86"/><path d="M26.754 26.612C26.898 26.276 27.048 25.97 27.204 25.694C27.36 25.418 27.522 25.172 27.69 24.956H17.736V23.732H27.69C27.522 23.516 27.36 23.27 27.204 22.994C27.048 22.706 26.898 22.4 26.754 22.076H27.852C28.596 22.952 29.4 23.606 30.264 24.038V24.65C29.412 25.07 28.608 25.724 27.852 26.612H26.754Z" fill="%230F0F1A"/></svg>');
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 62px;
	transition: 0.3s;
}
.standard-content__form .hbspt-form form .hs_submit input:hover {
	opacity: 0.7;
}

.standard-content__cta {
	background: rgba(15, 15, 26, .03);
	border-radius: 16px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.standard-content__cta h3 {
	font-size: 22px;
	line-height: 1.5;
	font-weight: 600;
}
.standard-content__cta p {
	font-size: 15px;
	line-height: 1.6;
	color: rgba(15, 15, 26, .72);
}
.standard-content__cta a {
	display: inline-block;
	background: #0F0F1A;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	font-weight: 500;
	padding: 12px 22px;
	border-radius: 50px;
	transition: 0.3s;
}
.standard-content__cta a:hover {
	opacity: 0.7;
}

.standard-content__sidebar {
	width: 280px;
}
.standard_sidebar_wrapper {
	background: rgba(15,15,26,.03);
	border-radius: 16px;
	padding: 24px;
}
.free_download {
	background: #0F0F1A;
	border-radius: 16px;
	padding: 22px 20px;
	color: #fff;
}
.free_download_inner {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.fd_tag {
	color: rgba(206,255,134,.9);
	font-size: 11px;
	line-height: 17px;
	font-weight: 600;
}
.free_download_inner h4 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}
.free_download_inner p {
	color: rgba(255,255,255,.6);
	font-size: 12.5px;
	line-height: 19px;
}
.fd_link {
	padding-top: 12px;
}
.fd_link a {
	color: rgba(206,255,134,.9);
	font-size: 13.5px;
	line-height: 20px;
}
.sidebar_toc {
	margin-top: 20px;
}
.toc_title {
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
	color: rgba(15, 15, 26, .45);
	margin-bottom: 20px;
}
.toc_links {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: 14px;
}
.toc_links a {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 8px 10px;
	font-size: 13px;
	line-height: 19px;
	color: rgba(15, 15, 26, .62);
}
.toc_links a.active {
	background: rgba(206,255,134,.18);
	color: rgba(15, 15, 26, .95);
	font-weight: 600;
}
.toc_links a:hover {
	color: rgba(15, 15, 26, .95);
}
.tl_line {
	display: inline-block;
	width: 2px;
	min-width: 2px;
	height: 14px;
	background: rgba(15, 15, 26, .15);
	border-radius: 5px;
}
.toc_links a.active .tl_line {
	background: rgba(15, 15, 26, .95);
}
.toc_links a:hover .tl_line {
	background: rgba(15, 15, 26, .95);
}

@media (max-width: 767px) {
	.hero-standard__columns { flex-direction: column; }
	.standard-content__columns { flex-direction: column-reverse; }
	.standard-content__sidebar { width: 100%; }
	.code_block_text pre { white-space: break-spaces; word-wrap: break-word; }
}
@media (max-width: 500px) {
	.code_ext_row { flex-direction: column; }
}
/* Single - Standard */

/* Standard Hub */
.hero-standard-hub {
	background: #fff;
	padding: 100px 0;
	color: rgb(102,102,102);
}
.hero-standard-hub .hero-standard__columns {
	align-items: center;
}
.hero-standard-hub .hero_label {
	color: #17172D;
	background: rgba(206,255,134,.4);
	border-radius: 50px;
	padding: 6px 14px;
	font-weight: 700;
	line-height: 16px;
	font-family: "Inter", sans-serif;
}
.hero-standard-hub .hero-standard__text h1 {
	font-size: 44px;
	line-height: 50px;
	font-weight: 700;
	color: #000;
	text-wrap: balance;
}
.hero-standard-hub .hero-standard__image {
	width: auto;
	padding-right: 35px;
}

.standard-hub_content {
	background: #fff;
	color: rgb(102,102,102);
}
.standard-hub__container {
	max-width: 1130px;
}
.about_hub {
	padding-bottom: 80px;
}
.about_hub .label {
	color: #17172D;
	background: rgba(206,255,134,.4);
	border-radius: 50px;
	padding: 6px 14px;
	font-weight: 700;
	line-height: 16px;
	font-family: "Inter", sans-serif;
	display: inline-flex;
	font-size: 13px;
}
.about_hub_items {
	display: flex;
	gap: 24px;
	margin-top: 24px;
}
.about_hub_item {
	flex: 1;
	max-width: 336px;
	border: 1px solid #000;
	border-radius: 15px 0 15px 0;
	padding: 28px 25px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.about_hub_item .ahi_number {
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	font-family: "Inter", sans-serif;
	color: #17172D;
}
.about_hub_item h3 {
	font-size: 20px;
	line-height: 1.5;
	color: #17172D;
	font-weight: 600;
}
.about_hub_item p {
	font-family: "Inter", sans-serif;
	font-size: 15px;
	line-height: 1.6;
}
.standard-hub_filters {
	padding: 21px 0 68px;
}
.shf_title {
	font-family: "Inter", sans-serif;
	font-size: 13px;
	letter-spacing: 3%;
	font-weight: 500;
	line-height: 16px;
	color: #737373;
}
.shf_items {
	margin-top: 19px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.shf_items > div {
	cursor: pointer;
	background: rgba(0,0,0,.05);
	font-family: "Inter", sans-serif;
	font-size: 14px;
	padding: 9px 18px;
	color: #17172D;
	border-radius: 20px;
	line-height: 17px;
	cursor: pointer;
	transition: 0.3s;
}
.shf_items > div:hover {
	background: rgba(0,0,0,.15);
}
.shf_items > div.active {
	color: #fff;
	background: #17172D;
}
.by_topic {
	margin-top: 41px;
}

.standard-hub_posts {
	padding: 42px 0 155px;
	max-width: 734px;
	margin: 0 auto;
}
.hub_all_posts {
	display: flex;
	flex-wrap: wrap;
	gap: 68px 38px;
}
.hub_single_post {
	/*flex: 1;*/
	/*min-width: 35%;*/
	width: calc(50% - 19px);
}
.hub_single_post_inner {
	background: #000;
	color: #fff;
	border-radius: 15px 0 15px 0;
	padding: 29px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 265px;
}
.hpi_tag {
	font-size: 12px;
	color: #CEFF86;
	line-height: 15px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
}
.hub_single_post_inner h3 {
	font-size: 22px;
	line-height: 1.25;
	font-weight: 600;
}
.hub_single_post_inner p {
	margin-top: auto;
	font-size: 14px;
	color: rgba(255, 255, 255, .7);
	line-height: 1.55;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.hub_single_post_date {
	margin-top: 10px;
	font-size: 13px;
	line-height: 16px;
	color: #808080;
	font-family: "Inter", sans-serif;
	padding-left: 29px;
}
.standard-hub_load-more {
	margin-top: 82px;
	text-align: center;
}
.standard-hub_load-more a {
	display: inline-block;
	font-size: 14px;
	color: #17172D;
	line-height: 17px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	border: 1px solid rgba(23,23,45,.5);
	border-radius: 50px;
	padding: 14px 28px;
}

@media (min-width: 768px) {
	.standard-content__sidebar {
		top: 100px;
    position: sticky;
    height: 100%;
	}
}

@media (max-width: 767px) {
	.hero-standard-hub .hero-standard__columns { flex-direction: column; }
	.hero-standard-hub .hero-standard__image { padding-right: 0; }
	.hero-standard-hub .hero-standard__image img { max-width: 100%; }
	.about_hub_items { flex-direction: column; }
	.about_hub_item { max-width: unset; }
	.hub_all_posts { flex-direction: column; }
	.hub_single_post { width: 100%; }
	.hub_single_post_inner { min-height: unset; }
}
/* Standard Hub */
