/* Start:/local/templates/.default/components/bitrix/menu/top/style.css?1765810081553*/
#menu-top ul{
	display:flex;
	gap:var(--spacing-8);
	list-style:none;
	margin:0;
	padding:0;
	justify-content:center
}
#menu-top ul a{
	color:var(--text-body-01-inverse);
	font:var(--body-l-regular);
	letter-spacing:var(--letter-spacing-l);
	transition:color .4s
}
#menu-top ul li.active a{
	font-weight:var(--font-weight-semibold)
}
#menu-top ul a:hover{
	color:var(--text-body-02-inverse)
}

@media(max-width:1024px){
	#menu-top ul{
		gap:var(--spacing-4)
	}
	#menu-top ul a{
		font:var(--body-m-regular);
		letter-spacing:var(--letter-spacing-m)
	}
}
/* End */


/* Start:/local/templates/.default/components/bitrix/breadcrumb/.default/style.css?17648596321006*/
.breadcrumbs-main{
	width:100%;
	display:flex;
	overflow:hidden;
	overflow-x:auto;
	list-style:none;
	padding:0;
	margin:var(--spacing-9) auto 0;
	align-items:center
}
.breadcrumbs-main li{
	display:contents;
	align-items:center
}
.breadcrumbs-main li svg{
	min-width:16px;
	fill:var(--text-body-02-inverse)
}
.breadcrumbs-main li a,
.breadcrumbs-main li .current{
	border-bottom:1px solid transparent
}
.breadcrumbs-main li a{
	color:var(--text-body-02-inverse);
	font:var(--body-s-regular);
	letter-spacing:var(--letter-spacing-s);
	border-bottom:1px solid transparent;
	transition:border-color .4s, color .4s
}
.breadcrumbs-main li a:hover{
	border-color:var(--text-primary-hover)
}
.breadcrumbs-main li a:active{
	color:var(--text-primary-active);
	border-color:var(--text-primary-active)
}
.breadcrumbs-main li .current{
	font-weight:var(--font-weight-medium);
	color:var(--text-body-01-inverse)
}
.breadcrumbs-main span{
	white-space:nowrap
}

.hide-breadcrumb .breadcrumbs-main{
	visibility:hidden
}
/* End */


/* Start:/local/templates/.default/components/bitrix/menu/bottom/style.css?1761663321334*/
#menu-bottom ul{
	display:grid;
	gap:var(--spacing-1);
	list-style:none;
	margin:0;
	padding:0;
	justify-content:center
}
#menu-bottom ul a{
	color:var(--text-body-01-inverse);
	transition:color .4s
}
#menu-bottom ul li.active a{
	font-weight:var(--font-weight-semibold)
}
#menu-bottom ul a:hover{
	color:var(--text-body-02-inverse)
}
/* End */


/* Start:/local/components/mrlexndr/menu.drilldown/templates/.default/style.css?17652913965282*/
.burger-btn,
#homeBtn{
	position: fixed;
	bottom: 0;
	right:0;
	z-index: 100;
	/* background-color: var(--bg-surface-095); */
	border: none;
	width: 80px;
	height: 44px;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius:var(--radius-md) 0 0 0;
	transform: translateY(0)
}
#burgerBtn.is-hidden,
#homeBtn.is-hidden {
    transform: translateY(100%)
}
#homeBtn{
	right:unset;
	left:0;
	border-radius:0 var(--radius-md) 0 0
}
#homeBtn img{
	display:none
}

@media(min-width:577px){
	#burgerBtn,
	#homeBtn{
		bottom:unset;
		top:0;
		border-radius:0 0 0 var(--radius-md)
	}
	#homeBtn{
		border-radius:0 0 var(--radius-md) 0;
		padding:0 var(--spacing-5);
		width:233px
	}
	#homeBtn img{
		display:block
	}
	#homeBtn svg{
		display:none
	}
	#burgerBtn.is-hidden,
	#homeBtn.is-hidden {
		transform: translateY(0)
	}
}

#homeBtn svg{
	width:40px;
	height:40px;
	fill:var(--bg-surface-white)
}
.burger-btn span {
	width: 40px;
	height: 2px;
	background-color: var(--text-body-01-inverse);
	transition: transform .3s;
}
body.menu-open .burger-btn span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
body.menu-open .burger-btn span:nth-child(2) { opacity: 0}
body.menu-open .burger-btn span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.page-wrapper {
	transition: filter .3s ease;
	padding:var(--spacing-7) var(--spacing-6);
	min-height: 100dvh;
	max-width: 800px;
	margin: 0 auto
}
body.menu-open .page-wrapper {
	filter: blur(2px);
	pointer-events: none;
	user-select: none;
}

.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
	z-index: 90;
	backdrop-filter: blur(1px)
}
body.menu-open .menu-overlay {
	opacity: 1;
	visibility: visible
}

#menu-main {
	position: fixed;
	top: 0;
	right: 0;
	height: 100dvh;
	background-color: var(--bg-surface-01);
	z-index: 95;
	width: 300px;
	transform: translateX(100%);
	transition: transform 0.4s cubic-bezier(.25, 0.8, .25, 1);
	box-shadow: -10px 0 30px rgba(0,0,0,.15);
	display: flex;
	flex-direction: column
}

@media (max-width: 576px) {
	#menu-main {
		width: 100vw;
	}
	#menu-main .menu-level.is-visible{
		justify-content:flex-end
	}
	#menu-main .back-item {
		order:1
	}
}

body.menu-open #menu-main {
	transform: translateX(0);
}

#menu-main .menu-viewport {
	flex-grow: 1; 
	position: relative;
	overflow: hidden; 
	width: 100%
}

#menu-main .menu-slider {
	width: 100%;
	height: 100%;
	position: relative;
	transition: transform .35s ease-in-out;
	will-change: transform
}

#menu-main .menu-level {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bg-surface-01);
	overflow-y: auto; 
	overflow-x: hidden;
	padding: 80px 30px 20px 30px;
	flex-direction:column;
	display: none
}

#menu-main .menu-level.is-visible {
	display: flex
}

#menu-main .menu-level li {
	
}

#menu-main .menu-level a, 
#menu-main .menu-title,
#menu-main .parent-name,
#menu-main .forward-btn{
	display: flex;
	justify-content: flex-end;
	text-align:right;
	gap:var(--spacing-2);
	align-items: center;
	padding: var(--spacing-3) 0;
	text-decoration: none;
	color: var(--text-body-01-inverse);
	font-size:24px;
	font-weight:var(--font-weight-medium);
	letter-spacing:var(--letter-spacing-xl);
	transition: color .2s;
	cursor: pointer;
	line-height:1.25
}
#menu-main .parent-name a{
	font-size:32px;
	font-weight:var(--font-weight-bold)
}
#menu-main .menu-level a:hover,
#menu-main .forward-btn:hover{
	color: var(--text-body-02)
}

#menu-main .forward-btn .arrow,
#menu-main .back-item{
	transition:margin-right .4s
}
#menu-main .forward-btn:hover .arrow{
	margin-right:-4px
}
#menu-main .forward-btn .arrow svg,
#menu-main .back-btn svg{
	fill:var(--bg-surface-white);
	transform:rotate(45deg);
	width:16px;
	height:16px
}

#menu-main .back-item {
	position: sticky;
	top: -20px;
	backdrop-filter: blur(5px);
	z-index: 10
}

#menu-main .back-btn {
	background: none;
	border: none;
	font-size:var(--body-m-regular);
	letter-spacing:var(--letter-spacing-m);
	cursor: pointer;
	color: var(--text-body-03);
	display: flex;
	justify-content:flex-end;
	align-items: center;
	gap: var(--spacing-2);
	padding: var(--spacing-2) 0;
	width: 100%;
	text-align: left;
	transition:color .4s
}
#menu-main .back-btn svg{
	transform:rotate(225deg);
}

#menu-main .back-item:hover {
	color: var(--text-body-02);
	margin-right:4px
}

#menu-main .menu-footer {
	flex-shrink: 0;
	background-color: var(--bg-surface-02);
	padding: var(--spacing-5) var(--spacing-6) var(--spacing-9);
	z-index: 100
}

#menu-main .footer-info{
	display:grid;
	gap:var(--spacing-4)
}

#menu-main .footer-links {
	display: flex;
	gap: var(--spacing-4);
	color:var(--text-body-01);
	justify-content:flex-end
}

#menu-main .footer-links a {
	font:var(--body-s-semibold);
	letter-spacing:var(--letter-spacing-s);
	color:var(--text-body-01)
}
/* End */


/* Start:/css/separate/articles/style.css?1762528684448*/
#blog .bg-main{
	padding:var(--spacing-9) 0;
	display:flex;
	flex-direction:column;
	gap:var(--spacing-9)
}

#blog{
	display:flex;
	flex-direction:column
}
#blog .blog-items{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	gap:var(--spacing-7) var(--spacing-4);
	margin-top:var(--spacing-5)
}
#blog .blog-items .item{
	min-width:330px
}
#blog .blog-items .page-navigation {
	grid-column:1 / -1
}
/* End */


/* Start:/css/colors/basic.css?17640849141806*/
:root{
	--moss-50:#ECF6EB;
	--moss-100:#D9EED8;
	--moss-150:#c3e5c3;
	--moss-200:#a7d8a5;
	--moss-300:#7ec67c;
	--moss-400:#65bb63;
	--moss-500:#3faa3c;
	--moss-600:#399b37;
	--moss-700:#2d792b;
	--moss-800:#235e21;
	--moss-900:#1a4719;

	--sun-50: #fffde6;
	--sun-75: #FFFCD6;
	--sun-100: #FFFACC;
	--sun-150: #fff7b0; 
	--sun-200: #fff48a; 
	--sun-300: #feee54; 
	--sun-400: #feeb33; 
	--sun-500: #fee600; 
	--sun-600: #e7d100; 
	--sun-650: #D1BD00; 
	--sun-700: #b4a300; 
	--sun-800: #8c7f00; 
	--sun-900: #6b6100;
	--sun-950: #574F00;

	--blue-500: #406B8F;
	--blue-600: #375C7A;
	--blue-700: #2E4C66;
	--blue-750: #29455C;
	--blue-800: #243C52;  
	--blue-850: #1F3447; 
	--blue-900: #152333;
	--blue-950: #0D161F;

	--neutral-50:#f6f6f6;
	--neutral-100:#ededed;
	--neutral-200:#e0e0e0;
	--neutral-300:#c7c7c7;
	--neutral-400:#b0b0b0;
	--neutral-500:#959595;
	--neutral-600:#808080;
	--neutral-700:#5c5c5c;
	--neutral-800:#333333;
	--neutral-850:#242424;
	--neutral-900:#181818;

	--red-50: #fbebe9; 
	--red-100: #f3c2bc; 
	--red-200: #eea49b; 
	--red-300: #e67b6e; 
	--red-400: #e16151; 
	--red-500: #d93a26; 
	--red-600: #c53523; 
	--red-700: #9a291b; 
	--red-800: #772015; 
	--red-900: #5b1810;

	--yellow-50: #fdf9e6; 
	--yellow-100: #f8edb2; 
	--yellow-200: #f5e48c; 
	--yellow-300: #f1d758; 
	--yellow-400: #eed038; 
	--yellow-500: #eac406; 
	--yellow-600: #d5b205; 
	--yellow-700: #a68b04; 
	--yellow-800: #816c03; 
	--yellow-900: #625203;

	--green-50: #ecf7e8; 
	--green-100: #c5e7b7; 
	--green-200: #a9db94; 
	--green-300: #82ca64; 
	--green-400: #6ac045; 
	--green-500: #45b017; 
	--green-600: #3fa015; 
	--green-700: #317d10; 
	--green-800: #26610d; 
	--green-900: #1d4a0a;

	--white:#fff;
	--black:#000;
}
/* End */


/* Start:/css/colors/semantic.css?17646722372845*/
:root{
	--primary-default: var(--sun-500);
	--primary-hover: var(--sun-600);
	--primary-active: var(--sun-650);
	--primary-disabled:var(--moss-200);

	--secondary-default: var(--sun-150);
	--secondary-hover: var(--sun-200);
	--secondary-active: var(--sun-300);
	--secondary-disabled: var(--sun-50);

	--tertiary-default: var(--blue-850);
	--tertiary-hover: var(--blue-800);
	--tertiary-active: var(--blue-750);
	--tertiary-disabled:var(--blue-500);

	--text-primary-default: var(--sun-800);
	--text-primary-hover: var(--sun-900);
	--text-primary-active: var(--sun-950);
	--text-primary-disabled:var(--sun-700);

	--text-secondary-default: var(--sun-200);
	--text-secondary-hover: var(--sun-300);
	--text-secondary-active: var(--sun-400);
	--text-secondary-active: var(--sun-100);
	
	--text-link-default: var(--sun-500);
	--text-link-hover: var(--sun-600);
	--text-link-active: var(--sun-650);

	--text-body-white: var(--white);
	--text-body-01: var(--neutral-900);
	--text-body-02: var(--neutral-600);
	--text-body-01-inverse: var(--neutral-100);
	--text-body-01-inverse: var(--white);
	--text-body-02-inverse: var(--neutral-200);
	--text-body-03-inverse: var(--neutral-300);

	--dark-default:var(--neutral-900);
	--dark-hover:var(--neutral-850);
	--dark-active:var(--neutral-800);

	--success-text:var(--success-700);
	--success-bg:var(--success-500);
	--success-ghost-bg:var(--success-50);

	--warning-text:var(--warning-800);
	--warning-bg:var(--warning-500);
	--warning-ghost-bg:var(--warning-50);

	--error-text:var(--error-600);
	--error-bg:var(--error-500);
	--error-ghost-bg:var(--error-50);

	--text-light-success: var(--green-400);
	--text-light-warning: var(--yellow-400);
	--text-light-error: var(--red-400);
	--text-success: var(--green-700);
	--text-warning: var(--yellow-700);
	--text-error: var(--red-700);

	--border-light: var(--blue-750);
	--border-dark: var(--blue-850);

	--surface-white:var(--white);
	--surface-black:var(--black);

	--bg-surface-white: var(--white);
	--bg-surface-01: var(--blue-950);
	--bg-surface-02: var(--blue-900);
	--bg-surface-03: var(--blue-850);
	--bg-surface-04: var(--blue-800);
	--bg-surface-05: var(--blue-750);
	--bg-surface-095: var(--neutral-50);
	--bg-surface-sun-01: var(--sun-50);
	--bg-surface-sun-02: var(--sun-75);
	--bg-surface-sun-03: var(--sun-100);

	--bg-success: var(--green-700);
	--bg-success-ghost: var(--green-50);
	--bg-warning: var(--yellow-700);
	--bg-warning-ghost: var(--yellow-50);
	--bg-error: var(--red-700);
	--bg-error-ghost: var(--red-50);
	
	--bg-team: var(--sun-200);
	
	--bg-price-primary: var(--sun-400);
	--bg-price-secondary: var(--sun-200);
	--bg-price-tertiary: var(--sun-150);
	
	--text-price-primary: var(--sun-950);
	--text-price-secondary: var(--sun-900);
}
/* End */


/* Start:/css/fonts.css?17664770665111*/
/* @font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:local('Jost'),
	url('/fonts/jost/Jost-Regular.woff2?v2') format('woff2'),
	url('/fonts/jost/Jost-Regular.woff?v2') format('woff')
}
@font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:500;
	font-display:swap;
	src:local('Jost Medium'),
	url('/fonts/jost/Jost-Medium.woff2?v2') format('woff2'),
	url('/fonts/jost/Jost-Medium.woff?v2') format('woff')
}
@font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:600;
	font-display:swap;
	src:local('Jost Semibold'),
	url('/fonts/jost/Jost-SemiBold.woff2?v2') format('woff2'),
	url('/fonts/jost/Jost-SemiBold.woff?v2') format('woff')
}
@font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:local('Jost Bold'),
	url('/fonts/jost/Jost-Bold.woff2?v2') format('woff2'),
	url('/fonts/jost/Jost-Bold.woff?v2') format('woff')
}
@font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:300 900;
	font-display:swap;
	src:url('/fonts/jost/Jost-Variable.woff2') format('woff2-variations')
}
@font-face{
	font-family:'Manrope';
	font-style:normal;
	font-weight:300 900;
	font-display:swap;
	src:url('/fonts/manrope/Manrope-Variable.woff2') format('woff2-variations')
}
*/
@font-face{
	font-family:'Inter';
	font-style:normal;
	font-weight:300 900;
	font-display:swap;
	src:url('/fonts/inter/Inter-Variable.woff2') format('woff2-variations')
}
@font-face{
	font-family:'Lora';
	font-style:normal;
	font-weight:300 900;
	font-display:swap;
	src:url('/fonts/lora/Lora-Variable.woff2') format('woff2-variations')
}

:root{
	--font-primary:'Inter',Arial,sans-serif;
	--font-longread:'Lora',Arial,sans-serif;

	--font-size-xs:12px;
	--font-size-s:14px;
	--font-size-m:16px;
	--font-size-l:18px;
	--font-size-xl:20px;
	--font-size-xxl:24px;

	--letter-spacing-xs:0;
	--letter-spacing-s:-.07px;
	--letter-spacing-m:-.08px;
	--letter-spacing-l:-.09px;
	--letter-spacing-xl:-.3px;
	--letter-spacing-xxl:-.45px;

	--line-height-xs:1.1;
	--line-height-s:1.2;
	--line-height-m:1.5;

	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semibold:600;
	--font-weight-bold:700;

	--body-s-regular:var(--font-weight-regular) var(--font-size-s)/var(--line-height-m) var(--font-primary);
	--body-m-regular:var(--font-weight-regular) var(--font-size-m)/var(--line-height-m) var(--font-primary);
	--body-l-regular:var(--font-weight-regular) var(--font-size-l)/var(--line-height-m) var(--font-primary);
	--body-xl-regular:var(--font-weight-regular) var(--font-size-xl)/var(--line-height-m) var(--font-primary);

	--body-m-medium:var(--font-weight-medium) var(--font-size-m)/var(--line-height-m) var(--font-primary);
	--body-l-medium:var(--font-weight-medium) var(--font-size-l)/var(--line-height-m) var(--font-primary);
	--body-xl-medium:var(--font-weight-medium) var(--font-size-xl)/var(--line-height-m) var(--font-primary);

	--body-s-semibold:var(--font-weight-semibold) var(--font-size-s)/var(--line-height-s) var(--font-primary);
	--body-m-semibold:var(--font-weight-semibold) var(--font-size-m)/var(--line-height-m) var(--font-primary);
	--body-l-semibold:var(--font-weight-semibold) var(--font-size-l)/var(--line-height-m) var(--font-primary);
	--body-xl-semibold:var(--font-weight-semibold) var(--font-size-xl)/var(--line-height-m) var(--font-primary);

	--body-s-bold:var(--font-weight-bold) var(--font-size-s)/var(--line-height-s) var(--font-primary);
	--body-m-bold:var(--font-weight-bold) var(--font-size-m)/var(--line-height-m) var(--font-primary);
	--body-l-bold:var(--font-weight-bold) var(--font-size-l)/var(--line-height-m) var(--font-primary);
	--body-xl-bold:var(--font-weight-bold) var(--font-size-xl)/var(--line-height-m) var(--font-primary);

	--font-heading-h1:var(--font-weight-bold) 44px/var(--line-height-s) var(--font-primary);
	--font-heading-h2:var(--font-weight-bold) 36px/var(--line-height-s) var(--font-primary);
	--font-heading-h3:var(--font-weight-bold) 28px/var(--line-height-s) var(--font-primary);
	--font-heading-h4:var(--font-weight-bold) 24px/var(--line-height-s) var(--font-primary);
	--font-heading-h5:var(--font-weight-bold) 20px/var(--line-height-s) var(--font-primary);

	--font-heading-h1-small:var(--font-weight-bold) 32px/var(--line-height-s) var(--font-primary);
	--font-heading-h2-small:var(--font-weight-bold) 28px/var(--line-height-s) var(--font-primary);
	--font-heading-h3-small:var(--font-weight-bold) 24px/var(--line-height-s) var(--font-primary);
	--font-heading-h4-small:var(--font-weight-bold) 20px/var(--line-height-s) var(--font-primary);
	--font-heading-h5-small:var(--font-weight-bold) 18px/var(--line-height-s) var(--font-primary);
	
	--body-longread:var(--font-weight-regular) var(--font-size-xl)/var(--line-height-m) var(--font-longread);
}

@media(max-width:480px){
	:root{
		--body-longread:var(--font-weight-regular) var(--font-size-l)/var(--line-height-m) var(--font-longread);
	}
}
/* End */


/* Start:/css/spacings.css?1751268453517*/
:root{
    --spacing-1:4px;
	--spacing-2:8px;
	--spacing-3:12px;
	--spacing-4:16px;
	--spacing-5:24px;
	--spacing-6:32px;
	--spacing-7:40px;
	--spacing-8:48px;
	--spacing-9:64px;
	--spacing-10:80px;
	--spacing-11:120px;
    
    --spacing-neg-1:-4px;
	--spacing-neg-2:-8px;
	--spacing-neg-3:-12px;
	--spacing-neg-4:-16px;
	--spacing-neg-5:-24px;
	--spacing-neg-6:-32px;
	--spacing-neg-7:-40px;
	--spacing-neg-8:-48px;
	--spacing-neg-9:-64px;
	--spacing-neg-10:-80px;
	--spacing-neg-11:-120px
}
/* End */


/* Start:/css/style.css?176604606312784*/
:root{
	--container-spacing:var(--spacing-7);
	--container-spacing-neg:var(--spacing-neg-7);
	--container-width-max:1200px;
	--container-width-text:765px;
	--container-width:clamp(320px, 100%, calc(var(--container-width-max) - calc(var(--container-spacing) * 2)));

	--radius-none:0;
	--radius-xxs:4px;
	--radius-xs:8px;
	--radius-sm:12px;
	--radius-md:24px;
	--radius-lg:32px;
	--radius-xl:64px;
	--radius-rounded:50%;
}
.bg-liquid-glass{
	background-color: rgba(0, 0, 0, .2);
	-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
	box-shadow:
		inset 2px 2px 1px 0 rgba(255,255,255,.3),
		inset 0 -2px 6px 1px rgba(255,255,255,.3),
		0 4px 8px 0 rgba(0,0,0,.2),
		0 6px 20px 0 rgba(0,0,0,.2);
	transition:
		all .3s cubic-bezier(.2,.9,.3,1.5),
		box-shadow .3s cubic-bezier(.2,.9,.3,1.5),
		backdrop-filter .3s cubic-bezier(.2,.9,.3,1.5),
		transform .4s ease-in-out;
}
@supports not ((hanging-punctuation: first) or (-moz-appearance: none)) {
    .bg-liquid-glass{
		backdrop-filter:url(#displacementFilter) blur(3px);
		-webkit-backdrop-filter:url(#displacementFilter) blur(3px);
    }
}

:root {
  --aurora-scroll: 0px;
}

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

.bg-aurora::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: 
    radial-gradient(circle at 50% 50%, rgba(23, 66, 43, 0.4), transparent 60%),
    linear-gradient(160deg, 
      rgba(13, 22, 31, 1) 0%, 
      rgba(27, 46, 64, 1) 35%, 
      rgba(16, 31, 13, 1) 52%, 
      rgba(23, 66, 43, 1) 63%, 
      rgba(21, 37, 54, 1) 84%, 
      rgba(13, 22, 31, 1) 99%
    );
  
  background-size: 200% 200%;
  background-blend-mode: overlay;
  filter: blur(20px);
  transform: translateY(calc(var(--aurora-scroll) * 0.2)) rotate(10deg);
  animation: auroraSway 3s ease-in-out infinite alternate;
  will-change: transform;
  pointer-events: none;
}

@keyframes auroraSway {
  0% {
    transform: translateY(calc(var(--aurora-scroll) * 0.2)) scale(1) rotate(10deg);
    background-position: 0% 50%;
  }
  50% {
    transform: translateY(calc(var(--aurora-scroll) * 0.2)) scale(1.1) rotate(12deg);
  }
  100% {
    transform: translateY(calc(var(--aurora-scroll) * 0.2)) scale(1) rotate(10deg);
    background-position: 100% 50%;
  }
}






.bg-blobs {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.bg-blobs-inner {
	width: 100%;
	height: 100%;
}
.bg-blobs::before, .bg-blobs::after,
.bg-blobs-inner::before, .bg-blobs-inner::after {
	content: '';
	position: absolute;
	background-color: #1f3447;
	border-radius: 50%;
	mix-blend-mode: screen;
	pointer-events: none;
}
.bg-blobs::before {
	top: -10%;
	left: -10%;
	width: 500px;
	height: 500px;
	filter: blur(80px);
	opacity: 0.6;
	animation: float-reverse 5s infinite ease-in-out;
}
.bg-blobs::after {
	bottom: -5%;
	right: -5%;
	width: 600px;
	height: 600px;
	filter: blur(100px);
	opacity: 0.5;
	animation: float 4s infinite ease-in-out;
}
.bg-blobs-inner::before {
	top: 20%;
	right: 30%;
	width: 400px;
	height: 400px;
	mix-blend-mode: overlay;
	filter: blur(60px);
	opacity: 0.4;
	animation: float 2s infinite ease-in-out;
}
.bg-blobs-inner::after {
	bottom: 20%;
	left: 10%;
	width: 300px;
	height: 300px;
	filter: blur(50px);
	opacity: 0.3;
	animation: float-reverse 7s infinite ease-in-out;
}

@keyframes float {
	0% { transform: translate(0px, 0px) scale(1); }
	33% { transform: translate(30px, -50px) scale(1.1); }
	66% { transform: translate(-20px, 20px) scale(0.9); }
	100% { transform: translate(0px, 0px) scale(1); }
}

@keyframes float-reverse {
	0% { transform: translate(0px, 0px) scale(1); }
	33% { transform: translate(-30px, 50px) scale(0.9); }
	66% { transform: translate(20px, -20px) scale(1.1); }
	100% { transform: translate(0px, 0px) scale(1); }
}





*{
	box-sizing:border-box;
	scroll-margin-top:var(--spacing-10)
}
::selection {
	background-color:var(--secondary-default);
	color:var(--text-body-01)
}
body{
	vertical-align:baseline;
	overflow-x:hidden;
	background-color:var(--bg-surface-01);
	/* background: linear-gradient(180deg,rgba(13, 22, 31, 1) 0%, rgba(27, 46, 64, 1) 35%, rgba(16, 31, 13, 1) 52%, rgba(23, 66, 43, 1) 63%, rgba(21, 37, 54, 1) 84%, rgba(13, 22, 31, 1) 99%); */
	margin:0;
	padding:0;
	border:0;
	outline:0 none;
	font:var(--body-m-regular);
	color:var(--text-body-02-inverse);
	position:relative
}
a{
	color:var(--text-link-default);
	text-decoration:none;
	transition:color .4s, background-color .4s
}
a:hover{
	color:var(--text-link-hover)
}
a:active{
	color:var(--text-link-active)
}
a.link{
	color:var(--text-link-default);
	text-decoration:none;
	transition:color .4s, background-color .4s;
	width:fit-content;
	font-weight:var(--font-weight-medium);
	border-bottom:1px solid transparent
}
a.link:hover{
	color:var(--text-link-hover);
	border-color:var(--text-primary-hover)
}
a.link:active{
	color:var(--text-link-active)
}
a.dark{
	color:var(--text-body-01)
}
a.dark:hover{
	color:var(--text-body-02)
}
table{
	border-spacing:0
}
img{
	width:100%;
	max-width:100%;
	height:auto;
	pointer-events:none
}
strong,
th{
	font-weight:inherit;
	text-align:inherit
}
address,
var{
	font-size:inherit;
	font-weight:inherit;
	font-style:inherit;
	display:inline
}
p{
	margin:var(--spacing-4) 0
}
button{
	appearance:none;
	border:0;
	padding:0;
	cursor:pointer;
	font-family:var(--font-primary);
	background:inherit;
	font:inherit;
}
::-webkit-scrollbar{
	width:var(--spacing-1);
	height:var(--spacing-2)
}
body::-webkit-scrollbar{
	width:var(--spacing-2);
	height:var(--spacing-2)
}
::-webkit-scrollbar-track{
	background:var(--surface-03);
	border-radius:var(--radius-xs)
}
::-webkit-scrollbar-thumb{
	background:var(--surface-06);
	border-radius:var(--radius-xs);
	cursor:grab
}

.iframe-16-9{
	position:relative;
	overflow:hidden;
	width:100%;
	padding-top:56.25%
}
.responsive-iframe{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%
}

iframe{
	max-width:100%;
	border:0
}
.text-bold{
	font-weight:var(--font-weight-bold)
}
.hide{
	clip:rect(1px,1px,1px,1px);
	height:1px;
	overflow:hidden;
	position:absolute;
	white-space:nowrap;
	width:1px!important;
	z-index:-1000;
	-webkit-user-select:none;
	user-select:none
}
.w100{
	width:100%
}
.overflow-hidden{
	overflow:hidden
}
.line-clamp{
	overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical	
}
.block-overlap{
	border-radius:var(--radius-xl) var(--radius-xl) 0 0;
	padding:var(--spacing-9) 0 var(--spacing-11);
	margin-top:calc(var(--radius-xl) * -1)
}
.block-overlap *::-webkit-scrollbar{
	display:none
}
textarea{
	resize:none;
	width:100%;
	font-size:var(--font-size-l);
	min-height:5rem;
	border-radius:var(--radius-m);
	border:2px solid var(--border-light);
	background:var(--surface-white);
	padding:var(--spacing-3);
	font-family:var(--font-primary),Arial,Helvetica,sans-serif
}
select{
	font:inherit;
	letter-spacing:inherit;
	word-spacing:inherit;
	cursor:pointer
}

#header,
.container{
	width:90vw;
	width:var(--container-width);
	margin:0 auto
}

#header{
	display:flex;
	gap:var(--spacing-4) var(--spacing-6);
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:-44px;
	position:relative;
	padding-bottom:0;
	z-index:1
}
.header-positive-margin #header{
	margin-bottom:var(--spacing-5)
}
#footer{
	margin-top:var(--spacing-9);
	padding:var(--spacing-9) 0;
	background:var(--surface-black);
	border-radius:var(--radius-xl) var(--radius-xl) 0 0;
	position:relative
}
#footer:before{
	content:"";
	display:block;
	position:absolute;
	top:calc(var(--spacing-neg-5) / 2);
    background-color:var(--surface-02);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M0 13.461V12.801H7.60976L12.2927 4.96096L16.9756 12.801H24V13.461H20.5H16.5L13 7.76096L14.6341 12.801L12.878 11.121L14.6341 14.961L12.5 13.461V19H12V13.461L9.95122 14.961L11.7073 11.121L9.95122 12.801L11.5 7.76096L8 13.461H0Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M0 12V10H4L11 0H13L20 10H24V12H19.5L13 3V5.5L17.5 12H13L17.5 17.5H6.5L11 12H6.5L11 5.5V3L4.5 12H0Z'/%3E%3C/svg%3E");
    -webkit-mask-size:var(--spacing-5) var(--spacing-5);
    mask-size:var(--spacing-5) var(--spacing-5);
	width:100%;
	height:var(--spacing-5);
    -webkit-mask-repeat:repeat-x;
    mask-repeat:repeat-x
}
#footer .content{
	display:flex;
	flex-wrap:wrap;
	gap:var(--spacing-7);
	justify-content:space-between;
	align-items:center
}

#footer .dim{
	margin-top:var(--spacing-7);
	opacity:.75;
	font:var(--body-s-regular);
	letter-spacing:var(--letter-spacing-s)
}
#header .logo,
#footer .logo{
	width:230px;
	line-height:1
}
#header .logo a,
#footer .logo a{
	display:block;
	transition:opacity .4s
}
#header .logo:hover a,
#footer .logo:hover a{
	opacity:.85
}
#header .menu{
	display:flex;
	align-items:center;
	/* background:var(--bg-surface-095); */
	height:44px;
	padding:0 var(--spacing-5);
	border-radius:0 0 var(--radius-md) var(--radius-md)
}
#header .icons,
#footer .icons{
	display:flex;
	gap:var(--spacing-2)
}

.video-container{
	display:contents
}

main.hero > .header{
	height:100vh;
	position:relative;
	display:flex;
	flex-direction:column;
	gap:var(--spacing-7);
	align-items:center;
	justify-content:center;
	text-align:center;
	color:var(--text-body-01-inverse)
}
main.hero > .header header{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-7);
	align-items:center;
	max-width:768px
}
main.hero > .header header .h1{
	text-align:center
}
main.hero > .header header .description{
	font-weight:var(--font-weight-medium)
}

main.hero > .header .cover{
	display:block;
	position:absolute;
	top:0;
	z-index:-1;
	width:100%;
	height:100%
}
main.hero > .header .cover img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	filter: brightness(.35)
}

.ticker-container {
   width:100%;
   overflow:hidden;
   background-color:var(--bg-surface-02);
   padding:var(--spacing-4) 0;
   margin-top:var(--spacing-9)
}

.ticker-content {
   display:inline-block;
   white-space:nowrap;
   font:var(--body-l-regular);
   letter-spacing:var(--letter-spacing-l)
}

.ticker-content.running {
   animation-name:ticker-animation;
   animation-timing-function:linear;
   animation-iteration-count:infinite
}

.ticker-item {
   margin-right:var(--spacing-8);
   display:inline-block
}

@keyframes ticker-animation {
   0% {
	   transform:translateX(0)
   }

   100% {
	   transform:translateX(-50%)
   }
}

.ticker-container:hover .ticker-content.running {
   animation-play-state:paused
}

.scroll-button {
    position: fixed;
    right: var(--spacing-5);
    bottom: var(--spacing-5);
    z-index: 80;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility .3s, transform .3s, background-color .3s
}

.scroll-button.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.scroll-button svg {
    transition: transform .3s ease
}

.scroll-button.up svg {
    transform: rotate(-90deg)
}

.scroll-button.down svg {
    transform: rotate(90deg)
}

.mobile-slide-down{
	display:flex
}

@media(max-width:1279px){
	:root{
		--container-width-max:100%
	}
	.full-width-margins{
		margin-left:var(--container-spacing-neg);
		margin-right:var(--container-spacing-neg)
	}
}

@media(max-width:992px){
	#header .logo{
		width:100%;
		text-align:center
	}
	#header .logo img{
		width:inherit
	}
}
@media(max-width:767px){
	:root{
		--container-spacing:var(--spacing-4);
		--container-spacing-neg:var(--spacing-neg-4);
	}
	#footer .content{
		justify-content:center
	}
	#header .menu{
		display:none
	}
}
@media(max-width:576px){
	:root{
		--radius-xl:48px
	}
	#header .logo{
		width:230px
	}
	#footer{
		padding-bottom:calc(var(--spacing-9) + 64px)
	}
	.block-overlap{
		padding:var(--spacing-6) 0 var(--spacing-11)
	}
	.scroll-button {
		right: var(--spacing-3);
		bottom: var(--spacing-10)
	}
	.mobile-slide-down{
		display:flex
	}
}
@media(max-width:480px){
	:root{
		--radius-xl:32px
	}
}
/* End */


/* Start:/css/headings.css?1752985498950*/
h1,
h2,
h3,
h4,
h5,
h6{
	font-size:var(--font-size-m);
	text-align:left;
	font-weight:var(--font-weight-bold);
	margin:0;
	color: var(--text-body-01-inverse);
}

.h1,
.h2,
.h3,
.h4,
.h5{
	color:var(--text-body-white)
}
.h1{
	font:var(--font-heading-h1);
	letter-spacing:-1.3px
}
.h2{
	font:var(--font-heading-h2);
	letter-spacing:-.9px
}
.h3{
	font:var(--font-heading-h3);
	letter-spacing:-.6px
}
.h4{
	font:var(--font-heading-h4);
	letter-spacing:-.4px
}
.h5{
	font:var(--font-heading-h5);
	letter-spacing:-.2px
}

@media(max-width:480px) {
	.h1{
		font:var(--font-heading-h1-small);
		letter-spacing:-.7px
	}
	.h2{
		font:var(--font-heading-h2-small);
		letter-spacing:-.6px
	}
	.h3{
		font:var(--font-heading-h3-small);
		letter-spacing:-.4px
	}
	.h4{
		font:var(--font-heading-h4-small);
		letter-spacing:-.3px
	}
	.h5{
		font:var(--font-heading-h5-small);
		letter-spacing:-.1px
	}
}
/* End */


/* Start:/css/buttons.css?17640848855170*/
.button-basic{
	display:flex;
	justify-content:center;
	align-items:center;
	height:40px;
	padding:0 var(--spacing-4);
	gap:var(--spacing-2);
	flex-shrink:0;
	border-radius:var(--radius-lg);
	text-align:center;
	color:var(--text-body-01);
	font:var(--body-m-medium);
	letter-spacing:var(--letter-spacing-m);
	cursor:pointer;
	width:fit-content;
	background-color:transparent;
	user-select:none;
	border:none;
	outline:none;
	white-space:nowrap;
	transition:background-color .4s, background-position .4s ease-in-out, opacity .4s
}
.button-basic img,
.button-basic svg{
	width:24px;
	height:24px;
	min-width:24px;
	order:-1
}
/* img only */
.button-basic.img-only{
	padding:0
}
.button-basic.img-only span{
	display:none
}

.button-basic.expand{
	width:100%
}
.button-basic.disabled{
	opacity:.3;
	pointer-events:none
}

/* sizes */
.button-basic.size-xl{
	height:56px;
	font:var(--body-l-medium);
	letter-spacing:var(--letter-spacing-l)
}
.button-basic.size-l{
	height:48px;
	font:var(--body-l-medium);
	letter-spacing:var(--letter-spacing-l)
}
.button-basic.size-s{
	height:32px
}

.button-basic.size-xl.img-only{
	width:56px;
	min-width:56px;
	height:56px
}
.button-basic.size-l.img-only{
	width:48px;
	min-width:48px;
	height:48px
}
.button-basic.size-m.img-only{
	width:40px;
	min-width:40px;
	height:40px
}
.button-basic.size-s.img-only{
	width:32px;
	min-width:32px;
	height:32px
}

/* primary */
.button-basic.primary{
	color:var(--text-body-01);
	background-color:var(--primary-default)
}
.button-basic.primary:hover{
	background-color:var(--primary-hover)
}
.button-basic.primary:active{
	background-color:var(--primary-active)
}
.button-basic.primary svg use{
	fill:var(--text-body-white);
	fill:#181818
}

/* secondary */
.button-basic.secondary{
	color:var(--text-body-01);
	background-color:var(--secondary-default)
}
.button-basic.secondary:hover{
	background-color:var(--secondary-hover)
}
.button-basic.secondary:active{
	background-color:var(--secondary-active)
}
.button-basic.secondary svg use{
	fill:var(--text-body-01)
}

/* flat */
.button-basic.flat{
	color:var(--text-body-01);
	border-color:transparent
}
.button-basic.flat:hover{
	color:var(--text-primary-default);
	background-color:var(--secondary-hover)
}
.button-basic.flat:active{
	background-color:var(--secondary-active)
}
.button-basic.flat svg use{
	fill:var(--text-body-01)
}
.button-basic.flat:hover svg use{
	fill:var(--text-primary-default)
}

/* tertiary */
.button-basic.tertiary{
	color:var(--text-body-01-inverse);
	background-color:var(--tertiary-default)
}
.button-basic.tertiary:hover{
	background-color:var(--tertiary-hover)
}
.button-basic.tertiary:active{
	background-color:var(--tertiary-active)
}
.button-basic.tertiary svg use{
	fill:var(--text-body-01-inverse)
}

/* dark */
.button-basic.dark{
	background-color:var(--dark-default);
	color:var(--text-body-01-inverse)
}
.button-basic.dark:hover{
	background-color:var(--dark-hover)
}
.button-basic.dark:active{
	background-color:var(--dark-active)
}
.button-basic.dark svg use{
	fill:var(--text-body-01-inverse)
}

/* glass */
.button-basic.glass{
	border:2px solid var(--text-body-01-inverse);
	backdrop-filter:blur(2px);
	color:var(--text-body-01-inverse);
	transition:backdrop-filter .4s
}
.button-basic.glass:hover{
	backdrop-filter:blur(3px);
}
.button-basic.glass:active{
	backdrop-filter:blur(5px)
}
.button-basic.glass svg use{
	fill:var(--text-body-01-inverse)
}

@media(max-width:767px){
	.button-basic{
		white-space:auto
	}
}


.button-external{
	display:flex;
	width:100%;
	max-width:355px;
	height:fit-content;
	padding:var(--spacing-6);
	flex-direction:column;
	gap:var(--spacing-6);
	border-radius:var(--radius-md);
	background:var(--tertiary-default);
	font:var(--body-xl-medium);
	letter-spacing:var(--letter-spacing-xl);
	color:var(--text-body-01-inverse)
}
.button-external:hover{
	background:var(--tertiary-hover)
}
.button-external:active{
	background:var(--tertiary-active)
}
.button-external span{
	order:-1;
	width:48px;
	height:48px;
	background-color:var(--primary-default);
	border-radius:var(--radius-lg);
	display:flex;
	align-items:center;
	justify-content:center
}


.button-feedback{
	width:var(--container-width);
	margin:var(--spacing-9) auto 0;
	padding:var(--spacing-6);
	border-radius:var(--radius-md);
	background-color:var(--secondary-default);
	display:flex;
	gap:var(--spacing-4);
	align-items:center;
	font:var(--body-l-medium);
	letter-spacing:var(--letter-spacing-l);
	color: var(--text-body-01);
	transition:background-color .4s
}
.button-feedback:hover{
	background-color:var(--secondary-hover);
	color: var(--text-body-01)
}
.button-feedback:active{
	background-color:var(--secondary-active)
}
.button-feedback img{
	max-height:64px;
	width:auto
}
@media(max-width:480px){
	.button-external{
		padding:var(--spacing-4);
		gap:var(--spacing-4);		
		font:var(--body-l-medium);
		letter-spacing:var(--letter-spacing-l)
	}
}
/* End */


/* Start:/css/contents.css?17654620742158*/
.contents-basic{
	display:flex;
	align-items:center;
	width:fit-content;
	max-width:var(--container-width-max);
	/* background-color:var(--bg-surface-02); */
	background-color:rgba(13,22,31,.5);
	user-select:none;
	/* border-radius:var(--radius-lg); */
	padding:var(--spacing-1);
	overflow:hidden;
	overflow-x:auto;
	font:var(--body-l-regular);
	letter-spacing:var(--letter-spacing-l);
	-ms-overflow-style:none;
	scrollbar-width:none;
	transition: border-radius .3s ease
}
.contents-basic.is-at-start{
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg)
}
.contents-basic.is-at-end{
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg)
}
.contents-basic .item{
	display:flex;
	align-items:center;
	justify-content:center;
	height:48px;
	border-radius:var(--radius-lg);
	padding:0 var(--spacing-5);
	color:var(--text-body-01-inverse);
	background-color:transparent;
	white-space:nowrap;
	position:relative
}
.contents-basic .item:not(.active){
	transition:background-color .4s, color .4s, transform .4s
}
.contents-basic .item:after{
	content:"";
	width:0;
	height:2px;
	position:absolute;
	bottom:var(--spacing-2);
	background:var(--bg-surface-white);
	transition:width .4s
}
.contents-basic .item.active:after{
	width:50%
}
.contents-basic .item:hover{
	/* color:var(--text-body-white); */
	/* background-color:var(--tertiary-hover) */
	transform:scale(1.05)
}
.contents-basic .item:active{
	/* background-color:var(--tertiary-active) */
}
.contents-basic .item.active,
.contents-basic .item.highlight.active{
	color:var(--text-body-white);
	/* background-color:var(--tertiary-default) */
}
.contents-basic .item.highlight{
	/* color:var(--text-body-01); */
	background-color:rgba(254,230,0,.2)
}
.contents-basic .item.highlight:hover{
	/* background-color:var(--primary-hover) */
}
.contents-basic .item.highlight:active{
	/* background-color:var(--primary-active) */
}

@media(max-width:479px){
	.contents-basic{
		font:var(--body-m-regular);
		letter-spacing:var(--letter-spacing-m)
	}
}
/* End */


/* Start:/css/inputs.css?17645664605641*/
label{
	cursor:pointer
}
input{
	outline:none
}
input[type="text"],
input[type="date"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:2px solid var(--border-light);
	padding:var(--spacing-3) var(--spacing-5);
	max-width:100%;
	font-size:16px;
	min-width:1px;
	width:100%;
	color:var(--text-body-01-inverse)!important;
	background-color:var(--tertiary-default)!important;
	border-radius:var(--radius-md);
	font-family:var(--font-primary);
	transition:border-color .4s, background-color .4s
}
input[type="text"]::-webkit-input-placeholder,
input[type="text"]::-moz-placeholder,
input[type="text"]::-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="date"]::-moz-placeholder,
input[type="date"]::-placeholder,
input[type="date"]::-ms-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="password"]::-moz-placeholder,
input[type="password"]::-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="tel"]::-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="email"]::-moz-placeholder,
input[type="email"]::-placeholder,
input[type="email"]::-ms-input-placeholder{
	
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
	z-index:1
}

input[type="text"]:disabled,
input[type="date"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="text"]:disabled + .after,
input[type="tel"]:disabled + .after,
input[type="number"]:disabled + .after,
input[type="email"]:disabled + .after{
	opacity:.3
}
label.input-field input::placeholder,
label.input-field textarea::placeholder{
	opacity:0
}
label.input-field input:focus-visible{
	border-color:var(--border-dark)
}
label.input-field input:focus-visible::placeholder,
label.input-field textarea:focus-visible::placeholder{
	opacity:1;
	color:var(--text-body-03-inverse)
}
label.input-field .value{
	display:block;
	max-width:100%;
	position:relative
}
label.input-field{
	width:100%;
	position:relative
}
label.input-field:focus-within input{
	background:var(--tertiary-active)!important
}
label.input-field span{
	z-index:1;
	line-height:1;
    position:absolute;
	top:50%;
	transform:translate(0, -50%);
    left:var(--spacing-5);
    display:flex;
	gap:var(--spacing-1);
	color:var(--text-body-03-inverse);
	user-select:none;
	pointer-events:none;
    transition:top .4s, font-size .4s, background-color .4s, padding .4s, color .4s
}
label.input-field:focus-within span,
label.input-field.focused span{
	top:1px;
	font:var(--body-s-regular);
	letter-spacing:var(--letter-spacing-s);
	background-color:var(--tertiary-active);
	border-radius:4px;
	padding:2px
}
label.input-field span:after{
	display:block;
	font-size:14px;
	opacity:.75
}
label.input-field:has(input:required, textarea:required) span:after{
	content:"*";
	color:var(--text-light-error)
}
label.input-field:not(:has(input:required, textarea:required)) span:after{
	content: "(по желанию)"
}
label.input-field:has(textarea) span{
	top:20%
}

label.input-field .clear{
	position:absolute;
	top:50%;
	right:var(--spacing-3);
    display:flex;
    opacity:0;
    visibility:hidden;
    transform:scale(0.7) translate(0, -50%);
    transition:all .4s ease-out;
    fill:var(--text-body-01-inverse);
    flex-shrink:0
}

label.input-field .clear.is-visible{
    opacity:1;
    visibility:visible;
    transform:scale(1) translate(0, -50%)
}

label.input-field .clear:hover{
    fill:var(--text-body-03-inverse)
}

input[type=checkbox]{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	width:24px;
	min-width:24px;
	height:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:var(--tertiary-default);
	border:2px solid var(--border-light);
	border-radius:2px;
	margin:0;
	transition:background-color .4s
}
input[type=checkbox]:checked:after{
	content:"";
	display:block;
	width:10px;
	height:6px;
	border:3px solid var(--text-body-01-inverse);
	border-width:3px 3px 0 0;
	transform:rotate(135deg)
}
input[type=checkbox]:hover,
label:hover input[type=checkbox]{
	background-color:var(--tertiary-hover)
}
input[type=checkbox]:active,
label:active input[type=checkbox]{
	background-color:var(--tertiary-active)
}

label.checkbox-field{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	user-select:none
}


label.input-field.light input[type="text"],
label.input-field.light input[type="date"],
label.input-field.light input[type="password"],
label.input-field.light input[type="tel"],
label.input-field.light input[type="number"],
label.input-field.light input[type="email"],
label.light input[type=checkbox],
label.input-field.light textarea{
	background-color:var(--surface-white)!important;
	color:var(--text-body-01)!important;
	border-color:#8f8f8f
}

label.input-field.light span{
	color:var(--text-body-02)
}
label.input-field.light:focus-within span,
label.input-field.light.focused span{
	background-color:var(--surface-white)
}
label.light input[type=checkbox]:checked:after{
	border-color:var(--text-body-01)
}
/* End */


/* Start:/css/forms.css?1765203104866*/
.form-basic{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-5)
}
.form-basic .inputs{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
	gap:var(--spacing-4)
}
.form-basic .inputs .span{
	grid-column:1/-1
}
.form-basic .submit{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:var(--spacing-4)
}
.form-basic .submit .agreement{
	font:var(--body-s-regular);
	letter-spacing:var(--letter-spacing-s);
	color:var(--text-body-03-inverse);
	user-select:none
}
.form-basic .submit .agreement label{
	display:flex;
	gap:var(--spacing-2);
	align-items:center
}
.form-basic .submit .agreement label.light{
	color:var(--text-body-02)
}
.form-message{
	display:none
}
.form-message.active{
	display:grid;
	gap:var(--spacing-4)
}
.form-message.light{
	color:var(--text-body-01)
}
/* End */


/* Start:/css/gallery/style.css?17656091835759*/
.inline-gallery-container{
	position:relative; 
	width:100%;
	max-width:100vw;
	height:90vh;
	border-radius:var(--radius-lg);
	display:flex; 
	align-items:center;
	outline:none;
    width:var(--container-width);
    margin:0 auto
}

.inline-gallery-container .gallery{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	gap:var(--spacing-4);
	overflow-x:auto;
	scrollbar-width:none;
    scroll-snap-type: x mandatory;

	overflow-x:visible;
    transform:translate3d(0px, 0px, 0px)
}
.inline-gallery-container .gallery::-webkit-scrollbar{
	display:none
}
.inline-gallery-container .gallery .gallery-item{
	height:calc(100% - var(--spacing-6));
	width:auto;
    aspect-ratio:12/9;
	flex-shrink:0;
	object-fit:cover;
	border-radius:var(--radius-md);
	user-select:none;
	cursor:zoom-in;
    scroll-snap-align: center;
	pointer-events:auto;
	transition:opacity .4s ease, transform .4s ease
}
.inline-gallery-container .gallery .gallery-item.gallery-image-dimmed{
	opacity:0.3;
	transform:scale(.95);
	cursor:pointer
}

.inline-gallery-container .gallery .gallery-item.gallery-image-active{
	opacity:1;
	transform:scale(1)
}

.lightbox-nav,
.inline-gallery-container .gallery-nav{
	position:absolute;
	z-index:1;
	width:20dvw;
	min-width:120px;
	height:100%;
	background-color:transparent;
	border:none;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background-color .4s
}
.lightbox-nav:hover,
.inline-gallery-container .gallery-nav:hover{
	background-color:transparent
}
.lightbox-nav:active,
.inline-gallery-container .gallery-nav:active{
	background-color:rgba(0,0,0,.1)
}

.lightbox-nav.lightbox-prev,
.inline-gallery-container .gallery-nav.prev{
	left:0
}
.lightbox-nav.lightbox-next,
.inline-gallery-container .gallery-nav.next{
	right:0
}
.lightbox-nav::before,
.inline-gallery-container .gallery-nav::before{
	content:'';
	display:block;
	width:10px;
	height:10px;
	border-top:2px solid var(--surface-white);
	border-left:2px solid var(--surface-white);
	transition:height .4s, width .4s
}
.lightbox-nav:hover::before,
.inline-gallery-container .gallery-nav:hover::before{
	width:20px;
	height:20px
}
.lightbox-nav.lightbox-prev::before,
.inline-gallery-container .gallery-nav.prev::before{
	transform:translateX(2px) rotate(-45deg)
}
.lightbox-nav.lightbox-next::before,
.inline-gallery-container .gallery-nav.next::before{
	transform:translateX(-2px) rotate(135deg)
}

.inline-gallery-container .gallery-pagination {
    position: absolute;
    bottom:var(--spacing-5);
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    gap: var(--spacing-3);
    padding: var(--spacing-2);
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: var(--spacing-5);
}

.inline-gallery-container .gallery-pagination .dot {
    width: var(--spacing-2);
    height: var(--spacing-2);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all .4s ease;
}

.inline-gallery-container .gallery-pagination .dot:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

.inline-gallery-container .gallery-pagination .dot.active {
    background-color: #ffffff;
    transform: scale(1.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

body.lightbox-open {
    overflow: hidden;
}

.gallery-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn .4s ease;
}

.gallery-lightbox.fade-out {
    animation: fadeOut .4s ease forwards;
}

.lightbox-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(5px);
}

.lightbox-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.lightbox-image {
    display: block;
    min-width: 100vw;
    max-height: 98vh;
    object-fit: contain;
    user-select: none;
}

.lightbox-close {
    position: absolute;
    top: var(--spacing-5);
    right: var(--spacing-5);
    width: var(--spacing-7);
    height: var(--spacing-7);
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 10;
}

.lightbox-close::before,
.lightbox-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--spacing-5);
    height: 2px;
    background-color: var(--surface-white);
}

.lightbox-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.lightbox-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}


.inline-gallery-container.fullwidth{
    width:auto;
	height:110vh
}
.inline-gallery-container.fullwidth .gallery .gallery-item{
	width:100%;
	height:110vh
}

@media(max-width:480px){
	.inline-gallery-container{
		width:100vw;
		height:37.5vh
	}
	.inline-gallery-container .gallery,
	.inline-gallery-container .gallery .gallery-item{
		height:37.5vh
	}
	.inline-gallery-container.fullwidth,
	.inline-gallery-container.fullwidth .gallery,
	.inline-gallery-container.fullwidth .gallery .gallery-item{
		height:75vh
	}

	.inline-gallery-container .gallery-pagination .dot{
		width:var(--spacing-1);
		height:var(--spacing-1)
	}
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
/* End */


/* Start:/css/slider-items/style.css?17654599341791*/
.slider-items{
	
}
.slider-items .items *::-webkit-scrollbar,
.slider-items .items *::scrollbar{
	display:none
}
.slider-items .header-to-scroll{
	display:flex;
	justify-content:space-between;
	align-items:center;
	min-height:var(--spacing-8)
}
.slider-items .header-to-scroll .nav{
	display:flex;
	gap:var(--spacing-4);
	height:fit-content
}
.slider-items .header-to-scroll .nav .prev svg{
	transform:rotate(180deg)
}
.slider-items .overflow{
	overflow:hidden;
	overflow-x:scroll
}
.slider-items .overflow .items-wrap{
	position:relative;
	max-width:100vw;
	border-radius:var(--radius-lg);
	display:flex;
	align-items:center;
	outline:none;
	width:var(--container-width);
	margin:0 auto
}
.slider-items .overflow .items-wrap .items{
	width:100%;
    height:100%;
    display:flex;
    gap:var(--spacing-4);
    overflow-x:auto;
    scrollbar-width:none;
    scroll-snap-type:x mandatory;
    overflow-x:visible;
    transform:translate3d(0px, 0px, 0px);
    transition:transform .4s ease-in-out;
    will-change:transform;
    cursor:grab
}

.slider-items .slider-items-pagination{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:var(--spacing-3);
	width:100%
}

.slider-items .slider-dot{
	width:var(--spacing-2);
	height:var(--spacing-2);
	border-radius:var(--radius-rounded);
	background-color:var(--bg-surface-04);
	cursor:pointer;
	transition:transform .4s ease, background-color .4s
}

.slider-items .slider-dot:hover{
	background-color:var(--bg-surface-05)
}

.slider-items .slider-dot.active{
	background-color:var(--bg-surface-white);
	transform:scale(1.5)
}
@media(max-width:480px){
	.slider-items .header-to-scroll .nav,
	.slider-items .slider-items-pagination{
		display:none
	}
}
/* End */
/* /local/templates/.default/components/bitrix/menu/top/style.css?1765810081553 */
/* /local/templates/.default/components/bitrix/breadcrumb/.default/style.css?17648596321006 */
/* /local/templates/.default/components/bitrix/menu/bottom/style.css?1761663321334 */
/* /local/components/mrlexndr/menu.drilldown/templates/.default/style.css?17652913965282 */
/* /css/separate/articles/style.css?1762528684448 */
/* /css/colors/basic.css?17640849141806 */
/* /css/colors/semantic.css?17646722372845 */
/* /css/fonts.css?17664770665111 */
/* /css/spacings.css?1751268453517 */
/* /css/style.css?176604606312784 */
/* /css/headings.css?1752985498950 */
/* /css/buttons.css?17640848855170 */
/* /css/contents.css?17654620742158 */
/* /css/inputs.css?17645664605641 */
/* /css/forms.css?1765203104866 */
/* /css/gallery/style.css?17656091835759 */
/* /css/slider-items/style.css?17654599341791 */