@charset "utf-8";
:root {
		--font: "Inter Tight", -apple-system, system-ui, "sans-serif";
		--font2: "SF Pro Display", "Inter Tight", -apple-system, system-ui, "sans-serif";
		--bg: #010102;
		--white: #fff;
		--grey: rgba(255, 255, 255, 0.5);
		--grey70: rgba(255, 255, 255, 0.7);
		--grey50: rgba(255, 255, 255, 0.5);
		--grey40: rgba(255, 255, 255, 0.4);
		--grey30: rgba(255, 255, 255, 0.3);
		--grey20: rgba(255, 255, 255, 0.2);
		--grey10: rgba(255, 255, 255, 0.1);
		--grad: linear-gradient(270.16deg, #BED4FF 0%, #91C1FF 24.95%, #4299FF 49.89%, #8A64FF 74.84%, #FF66DD 99.78%);
		font-size: 1.111111vw;
		--delay: 0.15s;
		--header: 80px;
		--side-padding: 20px;
		--width: 1180px;
		--purple: #AC65F5;
}
@media only screen and (min-width: 1440px) {
		:root {
				font-size: 16px;
		}
}
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
}
body {
		margin: 0;
		padding: 0;
		background: var(--bg);
		color: var(--grey);
		font: 500 14px/1.4 var(--font);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
*, *:before, *:after {
		box-sizing: border-box;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
video {
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		outline: none;
		vertical-align: top;
}
a {
		color: var(--white);
		text-decoration: underline;
		outline: none;
		cursor: pointer;
}
.text-grad {
		display: inline-block;
		vertical-align: top;
		background: var(--grad);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
.js_fade {
		backface-visibility: hidden;
		transition: opacity 1s ease;
}
.js_fade:not(:first-child) {
		transition-delay: 0.5s;
}
.js_detect-scroll:not(.visible) .js_fade, .js_detect-scroll.js_fade:not(.visible) {
		opacity: 0;
		pointer-events: none;
}
.title {
		font-weight: bold;
		line-height: 1;
		color: var(--white);
		font-size: 4.5rem;
		text-align: center;
		margin: 0 auto 20px auto;
		transition: opacity 0.35s ease;
}
.title.js_title {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0 0.225em;
}
.title .text-grad {
		padding-bottom: 0.2em;
		margin-bottom: -0.2em;
}
.title > * {
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		flex: 0 0 auto;
		max-width: 100%;
		padding-bottom: 0.2em;
		margin-bottom: -0.2em;
}
.title > * > * {
		display: inline-block;
		vertical-align: top;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.35s, 0.15s;
		transition-timing-function: ease;
		transform: translate3d(0, 100%, 0);
		opacity: 0;
}
.title > *:has(br) {
		width: 100%;
		height: 0;
}
.js_detect-scroll.visible .title.js_title.ready > * > * {
		transform: translate3d(0, 0, 0);
		opacity: 1;
}
.title.js_title:not(.ready) {
		opacity: 0;
		pointer-events: none;
}
.title .order1 > * {
		transition-delay: calc(var(--delay) * 0);
}
.title .order2 > * {
		transition-delay: calc(var(--delay) * 1);
}
.title .order3 > * {
		transition-delay: calc(var(--delay) * 2);
}
.title .order4 > * {
		transition-delay: calc(var(--delay) * 3);
}
.title .order5 > * {
		transition-delay: calc(var(--delay) * 4);
}
.title .order6 > * {
		transition-delay: calc(var(--delay) * 5);
}
.title .order7 > * {
		transition-delay: calc(var(--delay) * 6);
}
.title .order8 > * {
		transition-delay: calc(var(--delay) * 7);
}
.title .order9 > * {
		transition-delay: calc(var(--delay) * 8);
}
.title .order10 > * {
		transition-delay: calc(var(--delay) * 9);
}
.js_hover {
		display: inline-block;
		flex: 0 0 auto;
		white-space: nowrap;
		overflow: hidden;
		backface-visibility: hidden;
		line-height: 1.2;
		--delay: 0.075s;
}
.js_hover > * {
		display: inline-block;
		vertical-align: top;
		text-shadow: 0 1.2em 0 currentColor;
		transition: transform 0.32s ease;
		transform: translate3d(0, 0, 0);
}
a:hover .js_hover > * {
		transform: translate3d(0, -1.2em, 0);
}
a:hover .js_hover > *:nth-child(1) {
		transition-delay: calc(var(--delay) * 0);
}
a:hover .js_hover > *:nth-child(2) {
		transition-delay: calc(var(--delay) * 1);
}
a:hover .js_hover > *:nth-child(3) {
		transition-delay: calc(var(--delay) * 2);
}
a:hover .js_hover > *:nth-child(4) {
		transition-delay: calc(var(--delay) * 3);
}
a:hover .js_hover > *:nth-child(5) {
		transition-delay: calc(var(--delay) * 4);
}
a:hover .js_hover > *:nth-child(6) {
		transition-delay: calc(var(--delay) * 5);
}
a:hover .js_hover > *:nth-child(7) {
		transition-delay: calc(var(--delay) * 6);
}
a:hover .js_hover > *:nth-child(8) {
		transition-delay: calc(var(--delay) * 7);
}
a:hover .js_hover > *:nth-child(9) {
		transition-delay: calc(var(--delay) * 8);
}
a:hover .js_hover > *:nth-child(10) {
		transition-delay: calc(var(--delay) * 9);
}
a:hover .js_hover > *:nth-child(11) {
		transition-delay: calc(var(--delay) * 10);
}
a:hover .js_hover > *:nth-child(12) {
		transition-delay: calc(var(--delay) * 11);
}
a:hover .js_hover > *:nth-child(13) {
		transition-delay: calc(var(--delay) * 12);
}
a:hover .js_hover > *:nth-child(14) {
		transition-delay: calc(var(--delay) * 13);
}
a:hover .js_hover > *:nth-child(15) {
		transition-delay: calc(var(--delay) * 14);
}
a:hover .js_hover > *:nth-child(16) {
		transition-delay: calc(var(--delay) * 15);
}
a:hover .js_hover > *:nth-child(17) {
		transition-delay: calc(var(--delay) * 16);
}
a:hover .js_hover > *:nth-child(18) {
		transition-delay: calc(var(--delay) * 17);
}
a:hover .js_hover > *:nth-child(19) {
		transition-delay: calc(var(--delay) * 18);
}
a:hover .js_hover > *:nth-child(20) {
		transition-delay: calc(var(--delay) * 19);
}
.btn {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		text-decoration: none;
		color: var(--white);
		position: relative;
		border-radius: 4px;
		height: 50px;
		padding: 0 32px;
		font: 800 16px/1.4 var(--font);
		-webkit-appearance: none;
		cursor: pointer;
		user-select: none;
		outline: none;
		box-shadow: none;
		border: 0;
		background: none;
		flex: 0 0 auto;
		max-width: 156px;
}
.btn:before {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 2px solid transparent;
		background: var(--grad) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
		border-radius: inherit;
}
.btn .border {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: -2px;
}
.btn .border:before, .btn .border:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		background-image: url("../img/btn50.svg");
		background-repeat: no-repeat;
		background-size: auto 100%;
}
.btn .border:before {
		left: 0;
		right: 20px;
		background-position: 0 0;
}
.btn .border:after {
		right: 0;
		width: 21px;
		background-position: 100% 0;
}
.btns .btn {
		width: 156px;
		padding: 0;
}
@media only screen and (min-width: 1000px) {
		.btn-big {
				height: 80px;
				font-size: 18px;
				border-radius: 6px;
				max-width: 248px;
		}
		.btn-big:before {
				border-width: 3px;
		}
		.btn-big .border {
				margin: -3px;
		}
		.btn-big .border:before, .btn-big .border:after {
				background-image: url("../img/btn80.svg");
		}
		.btns .btn-big {
				width: 218px;
		}
		.btns .btn-big:only-child {
				width: 248px;
		}
}
.top-text {
		text-align: center;
		margin: 0 auto;
		font-weight: 500;
		line-height: 1.5;
		font-size: 18px;
		text-wrap: balance;
}
@media only screen and (min-width: 1000px) {
		.top-text {
				font-size: 24px;
		}
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper, .swiper-slide {
		list-style: none;
		margin: 0;
		padding: 0;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
		width: 100%;
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
}
.content {
		flex: 1 0 auto;
}
.header, .footer {
		flex: 0 0 auto;
}
.container {
		flex: 0 0 auto;
		width: 100%;
		padding: 0 var(--side-padding);
		max-width: calc(var(--width) + var(--side-padding) * 2);
		margin: 0 auto;
}
.header {
		position: fixed;
		top: 0;
		z-index: 100;
		left: 0;
		width: 100%;
		background: var(--bg);
		height: var(--header);
		--width: 1400px;
}
.header:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: var(--grad);
		z-index: 10;
}
.header .container {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
}
.header .logo {
		flex: 0 0 auto;
		position: relative;
		z-index: 10;
}
.header .logo img {
		height: 40px;
		width: auto;
}
.menu {
		font-weight: 600;
		font-size: 16px;
		color: var(--grey);
}
.menu ul, .menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.menu a {
		color: inherit;
		text-decoration: none;
		position: relative;
		display: block;
		padding: 5px 10px;
		margin: -5px -10px;
}
.menu .link-twitter > * > *:not(:first-child) {
		opacity: 0.3;
}
@media only screen and (min-width: 1000px) {
		.menu ul {
				display: flex;
				align-items: center;
				gap: 40px;
		}
		.menu .link-twitter > * > *:not(:first-child) {
				display: none;
		}
		.toggle-menu, .menu-fader {
				display: none;
		}
}
@media only screen and (max-width: 999px) {
		.toggle-menu {
				padding: 0;
				height: 40px;
				width: 39px;
				flex: 0 0 auto;
				position: relative;
				z-index: 10;
		}
		.toggle-menu .border:before, .toggle-menu .border:after {
				background-image: url("../img/toggle-menu.svg");
		}
		.toggle-menu .lines {
				flex: 0 0 auto;
				position: relative;
		}
		.toggle-menu .lines:before, .toggle-menu .lines:after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
		}
		.toggle-menu .lines, .toggle-menu .lines:before, .toggle-menu .lines:after {
				width: 16px;
				height: 2px;
				background: var(--white);
				border-radius: 1px;
				backface-visibility: hidden;
				transition-property: transform, background;
				transition-duration: 0.2s;
				transition-timing-function: ease;
		}
		.toggle-menu .lines:before {
				transform: translate3d(0, -5px, 0);
		}
		.toggle-menu .lines:after {
				transform: translate3d(0, 5px, 0);
		}
		html.open-menu {
				overflow: hidden;
		}
		html.open-menu .toggle-menu .lines {
				background-color: transparent;
		}
		html.open-menu .toggle-menu .lines:before {
				transform: translate3d(0, 0, 0) rotate(-135deg);
		}
		html.open-menu .toggle-menu .lines:after {
				transform: translate3d(0, 0, 0) rotate(135deg);
		}
		.menu-fader {
				position: fixed;
				z-index: 8;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.5);
				backface-visibility: hidden;
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
				transition: opacity 0.2s ease;
		}
		html:not(.open-menu) .menu-fader {
				opacity: 0;
				pointer-events: none;
		}
		.menu {
				position: fixed;
				z-index: 9;
				top: 0;
				left: 100%;
				height: 100%;
				background: var(--bg);
				overflow: hidden;
				overflow-y: auto;
				width: 100%;
				max-width: 320px;
				backface-visibility: hidden;
				transform: translate3d(0, 0, 0);
				transition: transform 0.2s ease;
				font-weight: 600;
				font-size: 36px;
				line-height: 1.2;
				color: var(--white);
		}
		html.open-menu .menu {
				transform: translate3d(-100%, 0, 0);
		}
		.menu:before {
				content: '';
				position: sticky;
				height: var(--header);
				background: var(--bg);
				top: 0;
				display: block;
				z-index: 10;
		}
		.menu ul {
				padding: 40px var(--side-padding);
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 3px;
		}
}
.btns {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 16px;
}
.hero {
		padding: calc(var(--header) + 60px) 0 0 0;
		height: 900px;
		max-width: 1440px;
		margin: 0 auto;
		position: relative;
}
.hero .bg {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: hidden;
}
.hero .bg video {
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		aspect-ratio: 1440/900;
		object-fit: contain;
		object-position: center;
}
.hero .title {
		max-width: 10em;
}
@media only screen and (max-width: 999px) {
		.hero .title {
				font-size: 50px;
		}
}
.hero .arrow-down {
		position: absolute;
		bottom: 0;
		padding-bottom: 28px;
		left: 0;
		right: 0;
		font-weight: 500;
		font-size: 14px;
		color: var(--white);
		display: flex;
		align-items: center;
		justify-content: center;
		backface-visibility: hidden;
		mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 45%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 0) 100%);
		gap: 0 41px;
}
@media only screen and (max-width: 479px) {
		.hero .arrow-down {
				gap: 30px;
		}
}
.hero .arrow-down > * {
		flex: 0 0 auto;
}
.hero .arrow-down > *:not(.arrow) {
		background-image: linear-gradient(to right, var(--grey20) 0%, var(--grey20) 20%, var(--white) 40%, var(--white) 60%, var(--grey20) 80%, var(--grey20) 100%);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 500% 100%;
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		animation: arrow-down-text 2s linear infinite;
}
@-webkit-keyframes arrow-down-text {
		from {
				background-position: 0 0;
		}
		to {
				background-position: 100% 0;
		}
}
.hero .arrow-down > *:not(.arrow):last-child {
		animation-delay: -1.1s;
}
@keyframes arrow-down-text {
		from {
				background-position: 0 0;
		}
		to {
				background-position: 100% 0;
		}
}
.hero .arrow-down .arrow {
		width: 18px;
		height: 20px;
		margin: 21px 0 22px 0;
		position: relative;
}
.hero .arrow-down .arrow:before, .hero .arrow-down .arrow:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
}
.hero .arrow-down .arrow:before {
		filter: blur(7px);
		opacity: 0.7;
		background: url("../img/arrow-down.svg") no-repeat 50% 50%;
		background-size: contain;
}
.hero .arrow-down .arrow:after {
		background: linear-gradient(to right, #BED4FF 0%, #91C1FF 12%, #4299FF 25%, #8A64FF 37%, #FF66DD 50%, #8A64FF 63%, #4299FF 75%, #91C1FF 87%, #BED4FF 100%);
		background-size: 200% 100%;
		mask-image: url("../img/arrow-down-mask.svg");
		animation: arrow-down-text 2s linear infinite alternate;
}
.hero .arrow-down .arrow span {
		width: 1px;
		height: 4px;
		background: var(--purple);
		position: absolute;
		top: 100%;
		left: 50%;
		margin-top: 22px;
		transform: translate3d(-50%, 0, 0);
}
.hero .arrow-down .arrow span:before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		height: 1px;
		width: 5px;
		background: var(--purple);
		transform: translate3d(-50%, 0, 0);
}
.hero .arrow-down .arrow span:after {
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		height: 28px;
		width: 1px;
		background: var(--grey10);
		transform: translate3d(-50%, 0, 0);
		display: none;
}
@media only screen and (orientation: portrait) {
		.hero {
				padding-top: 50px;
				margin-top: var(--header);
				height: 740px;
		}
		.hero .bg {
				top: 224px;
				bottom: 154px;
		}
		.hero .arrow-down {
				bottom: 7px;
		}
}
.future {
		padding-top: 100px;
		overflow: hidden;
}
@media only screen and (max-width: 479px) {
		.future {
				padding-top: 50px;
		}
}
@media only screen and (max-width: 700px) {
		.future .title {
				font-size: 35px;
		}
}
.future .top {
		position: relative;
		z-index: 2;
}
.future .grid {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		--percent: 0;
}
.future .col {
		flex: 0 0 auto;
		width: 100%;
		max-width: 430px;
		position: relative;
		z-index: 2;
}
.future .col-right {
		text-align: right;
		margin-left: auto;
}
.future .col-title {
		position: relative;
		font: 500 21px/1.1 var(--font2);
		margin: 0 0 82px 0;
}
.future .col-title:before {
		content: '';
		position: absolute;
		top: 0.55em;
		width: 40px;
		height: 1px;
		background: var(--grey30);
		transform: translate3d(0, -50%, 0);
}
.future .col-left .col-title {
		padding-left: 70px;
}
.future .col-left .col-title:before {
		left: 0;
}
.future .col-right .col-title {
		padding-right: 70px;
}
.future .col-right .col-title:before {
		right: 0;
}
.future ol, .future li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.future ol {
		counter-reset: fu;
		font-weight: 600;
		font-size: 30px;
		line-height: 1.2;
		display: flex;
		flex-direction: column;
		gap: 30px;
		color: var(--white);
}
.future ol li {
		position: relative;
}
.future .col-left ol li {
		padding-left: 70px;
}
.future .col-right ol li {
		padding-right: 70px;
}
.future ol li:before {
		content: counter(fu, decimal-leading-zero);
		counter-increment: fu;
		position: absolute;
		top: 0;
		font: 500 21px/1.1 var(--font2);
		color: var(--grey20);
}
.future .col-left ol li:before {
		left: 0;
}
.future .col-right ol li:before {
		right: 0;
}
.future .bg {
		position: relative;
		aspect-ratio: 1/1;
		z-index: 1;
		flex: 0 0 auto;
}
.future .bg video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
@media only screen and (max-width: 999px) {
		.future .col {
				padding: 0 10px;
		}
		.future .col-title {
				margin-bottom: 40px;
		}
		.future ol {
				font-size: 24px;
		}
		.future ol li:before {
				font-size: 18px;
		}
		.future .col-left ol li {
				padding-left: 40px;
		}
		.future .col-right ol li {
				padding-right: 40px;
		}
}
@media only screen and (orientation: landscape) {
		.future {
				--width: 1140px;
				padding-bottom: 50px;
		}
		.future .grid {
				min-height: 1209px;
				margin-top: -152px;
				padding-top: 230px;
		}
		.future .bg {
				position: absolute;
				height: 100%;
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0);
		}
}
@media only screen and (orientation: portrait) {
		.future {
				padding-bottom: 50px;
		}
		.future .grid {
				gap: 80px;
				margin-top: 80px;
		}
		.future .col-left {
				margin-bottom: 130px;
		}
		.future .bg {
				width: 800px;
				height: 800px;
				position: absolute;
				top: 40%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0);
		}
}
.features {
		padding-top: 150px;
		padding-bottom: 50px;
		overflow: hidden;
}
.features .top {
		margin-bottom: 80px;
}
@media only screen and (max-width: 479px) {
		.features {
				padding-top: 50px;
				padding-bottom: 0;
		}
		.features .top {
				margin-bottom: 50px;
		}
}
@media only screen and (max-width: 880px) {
		.features .title {
				font-size: 44px;
		}
}
.features .grid, .features .el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.features .grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		width: 100%;
}
.features .el {
		width: 100%;
		display: flex;
		flex-direction: column;
		position: relative;
}
.features .inner {
		padding: 40px 15px 30px 15px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		min-height: 380px;
		border-radius: 5px;
		background: linear-gradient(180deg, #0F0F1A 0%, #08080E 100%);
		text-wrap: balance;
		font-weight: 500;
		font-size: 14px;
		line-height: 1.4;
		color: var(--grey40);
		backface-visibility: hidden;
		overflow: hidden;
		position: relative;
		flex: 1 0 auto;
		width: 100%;
}
.features .inner:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 1.5px solid transparent;
		background: linear-gradient(180deg, rgba(196, 206, 224, 0.07) 0%, rgba(115, 125, 145, 0.07) 100%) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
		border-radius: inherit;
}
.features .bg {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
}
.features .el-title {
		color: var(--white);
		font-weight: 600;
		font-size: 21px;
		line-height: 1.2;
		margin: 0 0 10px 0;
}
.features .inner > *:not(.bg) {
		position: relative;
		flex: 0 0 auto;
		max-width: 100%;
}
@media only screen and (max-width: 699px) {
		.features .el-tokenized .inner {
				min-height: 440px;
		}
}
.features .el-tokenized .inner:before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 568px;
		height: 272px;
		border-radius: 50%;
		background: #5A6797;
		opacity: 0.2;
		filter: blur(80px);
		backface-visibility: hidden;
		transform: translate3d(-50%, -50%, 0);
}
.features .el-tokenized .text {
		max-width: 451px;
}
.features .el-tokenized .bg {
		background: url("../img/features/tokenized.webp") no-repeat 50% 50%;
		background-size: auto 87%;
}
.features .el-decentralized .inner {
		justify-content: center;
		font-weight: normal;
}
.features .el-decentralized .bg > * {
		position: absolute;
		top: 50%;
		left: 50%;
		border-radius: 50%;
		border: 1px solid rgba(255, 255, 255, 0.05);
		transform: translate3d(-50%, -50%, 0);
		background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.025) 100%);
}
.features .el-decentralized .bg:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 50%;
		background: linear-gradient(to bottom, rgba(8, 8, 14, 0) 0%, #08080E 50%);
}
.features .el-decentralized .bg > * > * {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		backface-visibility: hidden;
		margin: -1px;
}
.features .el-decentralized .bg > * > *:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 1px solid transparent;
		background: var(--grad) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
		border-radius: inherit;
		opacity: 0.5;
}
.features .el-decentralized .bg > *:nth-child(1) {
		width: 449px;
		height: 449px;
}
.features .el-decentralized .bg > *:nth-child(1) > * {
		transform: rotate(-90deg);
}
.features .el-decentralized .bg > *:nth-child(2) {
		width: 343px;
		height: 343px;
}
.features .el-decentralized .bg > *:nth-child(2) > * {
		mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 1) 100%);
}
.features .el-decentralized .bg > *:nth-child(2) > *:after {
		background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
}
.features .el-decentralized .bg > *:nth-child(3) {
		width: 233px;
		height: 233px;
}
.features .el-decentralized .bg > *:nth-child(3) > *:after {
		transform: rotate(-45deg);
		opacity: 0.75;
}
.features .el-decentralized .el-title {
		margin: 0;
		font-size: 30px;
		line-height: 1.2;
}
.features .el-decentralized .text {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 30px 24px;
}
.features .el-sphere .inner {
		padding: 0;
		min-height: 550px;
}
.features .el-sphere .bg video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.features .el-multichain .inner {
		justify-content: flex-end;
}
.features .el-multichain .inner:before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 284px;
		height: 206px;
		border-radius: 50%;
		background: #5A6797;
		opacity: 0.2;
		filter: blur(80px);
		backface-visibility: hidden;
		transform: translate3d(-50%, -50%, 0);
}
.features .el-multichain .bg {
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 80%);
}
.features .el-multichain .bg .circle-left, .features .el-multichain .bg .circle-right, .features .el-multichain .bg .circle-top {
		width: 343px;
		height: 343px;
		position: absolute;
		border-radius: 50%;
		background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.025) 100%);
		border: 1px solid rgba(255, 255, 255, 0.05);
}
.features .el-multichain .bg .circle-top {
		top: -212px;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
}
.features .el-multichain .bg .circle-left, .features .el-multichain .bg .circle-right {
		top: -42px;
}
.features .el-multichain .bg .circle-left:after, .features .el-multichain .bg .circle-right:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 1px solid transparent;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 91.42%, rgba(255, 255, 255, 0.1) 100%) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
		border-radius: inherit;
		margin: -1px;
}
.features .el-multichain .bg .circle-left {
		right: 50%;
}
.features .el-multichain .bg .circle-right {
		left: 50%;
}
.features .el-multichain .bg .circle-right:after {
		transform: scale(-1, 1);
}
.features .el-multichain .bg .center-wrap, .features .el-multichain .bg .center {
		position: absolute;
		top: 70px;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		width: 105px;
		height: 105px;
}
.features .el-multichain .bg .center {
		background: url("../img/features/multichain.webp") no-repeat 50% 50%;
		background-size: contain;
}
.features .el-multichain .bg .center-wrap > * {
		--angle: 0deg;
		--size: 200px;
		--size-inner: 44px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0) rotate(var(--angle));
		width: var(--size);
		height: var(--size);
		animation: features-multichain 5s linear infinite;
}
.features .el-multichain .bg .center-wrap .pos1 {
		--angle: 45deg;
}
.features .el-multichain .bg .center-wrap .pos2 {
		--angle: -45deg;
}
.features .el-multichain .bg .center-wrap .pos3 {
		--angle: 135deg;
}
.features .el-multichain .bg .center-wrap .pos4 {
		--angle: -135deg;
}
.features .el-multichain .bg .center-wrap .pos5 {
		--angle: 90deg;
		--size: 240px;
		--size-inner: 60px;
}
.features .el-multichain .bg .center-wrap .pos6 {
		--angle: -90deg;
		--size: 240px;
		--size-inner: 60px;
}
.features .el-multichain .bg .center-wrap > * > * {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate3d(-50%, -50%, 0) rotate(calc(var(--angle) * -1));
		animation: features-multichain-inner 5s linear infinite;
		width: var(--size-inner);
		height: var(--size-inner);
		border-radius: 50%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.024) 100%);
		box-shadow: 0px 3.32px 4.43px -1.11px #FFFFFF26 inset, 0px 4.43px 13.29px 0px #0000008C;
}
.features .el-multichain .bg .center-wrap img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		opacity: 0.7;
}
@-webkit-keyframes features-multichain {
		from {
				transform: translate3d(-50%, -50%, 0) rotate(calc(0deg + var(--angle)));
		}
		to {
				transform: translate3d(-50%, -50%, 0) rotate(calc(360deg + var(--angle)));
		}
}
@keyframes features-multichain {
		from {
				transform: translate3d(-50%, -50%, 0) rotate(calc(0deg + var(--angle)));
		}
		to {
				transform: translate3d(-50%, -50%, 0) rotate(calc(360deg + var(--angle)));
		}
}
@-webkit-keyframes features-multichain-inner {
		from {
				transform: translate3d(-50%, -50%, 0) rotate(calc(0deg - var(--angle)));
		}
		to {
				transform: translate3d(-50%, -50%, 0) rotate(calc(-360deg - var(--angle)));
		}
}
@keyframes features-multichain-inner {
		from {
				transform: translate3d(-50%, -50%, 0) rotate(calc(0deg - var(--angle)));
		}
		to {
				transform: translate3d(-50%, -50%, 0) rotate(calc(-360deg - var(--angle)));
		}
}
.features .el-interface .inner {
		justify-content: flex-end;
}
.features .el-interface .bg {
		top: 74px;
		bottom: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 21px 13px;
		font-weight: 600;
		font-size: 13px;
		line-height: 1.2;
		color: #323239;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		text-align: center;
}
.features .el-interface .bg > * {
		flex: 0 0 auto;
}
.features .el-interface .bg *[data-text]:before {
		content: attr(data-text);
}
.features .el-interface .bg > *:not(.sq) {
		width: 100%;
}
.features .el-interface .bg .sq {
		display: flex;
		align-items: center;
		justify-content: center;
		letter-spacing: normal;
		font-family: "SF Pro Rounded", "Inter Tight", -apple-system, system-ui, "sans-serif";
		color: var(--white);
		font-weight: 500;
		font-size: 44px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.024) 100%);
		width: 88px;
		height: 88px;
		border-radius: 13px;
		box-shadow: 0px 2.65px 3.53px -0.88px #FFFFFF26 inset, 0px 3.53px 10.58px 0px #0000008C;
		position: relative;
}
.features .el-interface .bg .sq:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 0.88px solid transparent;
		background: var(--grad) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
		border-radius: inherit;
}
.features .el-interface .bg .sq + .sq:after {
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(153, 153, 153, 0) 100%);
}
.features .el-interface .bg .sq > * {
		flex: 0 0 auto;
		background: linear-gradient(180deg, #FFFFFF 0%, #999999 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
.features .el-models .inner:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: repeating-linear-gradient(65deg, transparent, transparent 10px, #fff 10px, #fff 11px);
		mask-image: radial-gradient(circle at 40% 60%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
		opacity: 0.03;
}
.features .el-models .bg {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		min-height: 161px;
		order: 2;
		width: 100%;
		margin-top: 24px;
		margin-bottom: -30px;
		flex: 1 0 auto;
}
.features .el-models .bg:before, .features .el-models .bg:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 318px;
		background: url("../img/features/models.svg") no-repeat 50% 50%;
		background-size: 206px auto;
}
.features .el-models .bg:before {
		filter: blur(53px);
}
.features .el-library .bg:before {
		content: '';
		display: block;
		background: url("../img/features/library.webp") no-repeat 0 0;
		background-size: auto 100%;
}
.features .btns {
		margin-top: 80px;
		margin-bottom: 5px;
}
@media only screen and (max-width: 999px) {
		.features .btns {
				margin-top: 50px;
		}
}
@media only screen and (max-width: 1039px) {
		.features .el-library .bg {
				position: relative;
				top: auto;
				left: auto;
				bottom: auto;
				right: auto;
				flex: 1 0 auto;
				align-self: stretch;
				margin: -40px -15px 36px -15px;
				padding: 20px 0 0 20px;
		}
		.features .el-library .bg:before {
				height: 296px;
		}
}
@media only screen and (min-width: 700px) and (max-width: 1039px) {
		.features .grid {
				grid-template-columns: repeat(2, 1fr);
		}
		.features .el-sphere {
				grid-column: 1/3;
		}
}
@media only screen and (min-width: 1040px) {
		.features .grid {
				grid-template-columns: repeat(3, 1fr);
		}
		.features .el-tokenized, .features .el-sphere {
				grid-column: 1/3;
		}
		.features .el-tokenized .bg {
				background-size: cover;
		}
		.features .el-sphere {
				grid-row: 2/4;
		}
		.features .el-library {
				grid-column: 2/4;
		}
		.features .el-library .inner {
				text-align: left;
				padding-left: 40px;
				justify-content: flex-end;
				align-items: flex-start;
		}
		.features .el-library .text {
				max-width: 257px;
		}
		.features .el-library .bg {
				padding: 20px 0 0 251px;
		}
		.features .el-library .bg:before {
				height: 360px;
		}
}
/*features animations start*/
.features .el {
		transition: opacity 0.2s ease;
}
.features .el:not(.visible) {
		opacity: 0;
		pointer-events: none;
}
.features .el-tokenized .inner, .features .el-sphere .inner, .features .el-interface .inner {
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.2, 3, 0.4, 1), ease;
		transform: scale(1);
}
.features .el-tokenized:not(.visible) .inner, .features .el-sphere:not(.visible) .inner, .features .el-interface:not(.visible) .inner {
		transform: scale(0.9);
		opacity: 0;
		pointer-events: none;
}
.features .el-tokenized .bg {
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.2, 3, 0.4, 1), ease;
		transform: translate3d(0, 0, 0);
}
.features .el-tokenized:not(.visible) .bg {
		opacity: 0;
		transform: translate3d(0, -15%, 0);
}
.features .el-decentralized .el-title, .features .el-decentralized .text {
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.2, 3, 0.4, 1), ease;
		transform: scale(1);
}
.features .el-decentralized .el-title {
		transition-delay: 0.2s;
}
.features .el-decentralized .text {
		transition-delay: 0.4s;
}
.features .el-decentralized:not(.visible) .el-title, .features .el-decentralized:not(.visible) .text {
		transform: scale(0.7);
		opacity: 0;
}
.features .el-decentralized .bg > * {
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.2, 3, 0.4, 1), ease;
		transform: translate3d(-50%, -50%, 0) scale(1);
}
.features .el-decentralized .bg > *:nth-child(2) {
		transition-delay: 0.2s;
}
.features .el-decentralized .bg > *:nth-child(3) {
		transition-delay: 0.4s;
}
.features .el-decentralized:not(.visible) .bg > * {
		transform: translate3d(-50%, -50%, 0) scale(0.9);
		opacity: 0;
}
.features .el-multichain .bg .center-wrap > * {
		transition-property: width, height;
		transition-duration: 0.5s;
		transition-timing-function: cubic-bezier(0.2, 1.4, 0.4, 1);
}
.features .el-multichain .bg .center-wrap > *, .features .el-multichain .bg .center-wrap > * > * {
		animation-play-state: paused;
}
.features .el-multichain .bg .center-wrap > .pos5, .features .el-multichain .bg .center-wrap > .pos6 {
		transition-delay: 0.3s;
}
.features .el-multichain .bg .center-wrap > *, .features .el-multichain .bg .center-wrap > * > * {
		animation-delay: 0.1s;
}
.features .el-multichain:not(.visible) .bg .center-wrap > * {
		width: 1px;
		height: 1px;
}
.features .el-multichain:not(.visible) .bg .center-wrap > *, .features .el-multichain:not(.visible) .bg .center-wrap > * > * {
		animation-play-state: paused;
}
.features .el-interface .el-title, .features .el-interface .text {
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: ease;
		transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(0, 0, 0);
}
.features .el-interface .el-title {
		transition-delay: 0.2s;
}
.features .el-interface .text {
		transition-delay: 0.4s;
}
.features .el-interface:not(.visible) .el-title, .features .el-interface:not(.visible) .text {
		transform: translate3d(0, 100px, 0);
		opacity: 0;
}
.features .el-models .el-title, .features .el-models .text {
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.2, 3, 0.4, 1), ease;
		transform: scale(1);
}
.features .el-models .text {
		transition-delay: 0.2s;
}
.features .el-models:not(.visible) .el-title {
		transform: scale(0.8);
}
.features .el-models:not(.visible) .text {
		transform: scale(0.9);
}
.features .el-models .bg {
		transition: transform 0.5s cubic-bezier(0.2, 1.4, 0.4, 1);
		transform: translate3d(0, 0, 0);
		transition-delay: 0.4s;
}
.features .el-models:not(.visible) .el-title, .features .el-models:not(.visible) .text {
		opacity: 0;
}
.features .el-models:not(.visible) .bg {
		transform: translate3d(0, 100%, 0);
}
.features .el-library .el-title, .features .el-library .text {
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: ease;
		transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(0, 0, 0);
}
.features .el-library .el-title {
		transition-delay: 0.2s;
}
.features .el-library .text {
		transition-delay: 0.4s;
}
.features .el-library:not(.visible) .el-title, .features .el-library:not(.visible) .text {
		transform: translate3d(0, 100px, 0);
		opacity: 0;
}
.features .el-library .bg:before {
		transition: transform 0.6s cubic-bezier(0.2, 1.5, 0.4, 1);
		transform: translate3d(0, 0, 0);
}
.features .el-library:not(.visible) .el-title, .features .el-library:not(.visible) .text {
		opacity: 0;
}
.features .el-library:not(.visible) .bg:before {
		transform: translate3d(100%, 0, 0);
}
/*features animations end*/
.explore-head .title {
		max-width: 8.333333em;
		position: relative;
		z-index: 2;
}
@media only screen and (max-width: 1240px) {
		.explore-head .title {
				font-size: 62px;
		}
}
.content > .explore-head .bg {
		aspect-ratio: 1/1;
		margin: 0 calc(var(--side-padding) * -1) calc(var(--header) * -1) calc(var(--side-padding) * -1);
		position: relative;
		overflow: hidden;
		z-index: 1;
}
.content > .explore-head .bg video {
		position: absolute;
		top: 0;
		left: 50%;
		height: 100%;
		aspect-ratio: 1440/805;
		transform: translate3d(-50%, 0, 0);
}
.explore .swiper-slide {
		height: auto !important;
		display: flex !important;
		flex-direction: column;
}
.explore .space {
		pointer-events: none;
}
.explore .list {
		list-style: none;
		margin: 0;
		padding: 0;
}
.explore .card {
		list-style: none;
		padding: 0;
		flex: 0 0 auto;
		width: 100%;
		margin: 0 auto;
		max-width: 490px;
		container-type: inline-size;
		container-name: explore-card;
		backface-visibility: hidden;
}
.explore .card1 {
		--angle: calc(-4.38deg * 3);
		--speed: 6;
}
.explore .card2 {
		--angle: calc(3.63deg * 2.5);
		--speed: 2.5;
}
.explore .card3 {
		--angle: calc(-4deg * 2);
		--speed: 3;
}
.explore .card4 {
		--angle: calc(3.63deg * 1.5);
		--speed: 1.5;
}
.explore .card5 {
		--angle: calc(-6deg * 1);
		--speed: 1;
}
.explore .card1 .inner {
		background: linear-gradient(1.84deg, #040408 1.62%, #47475A 98.38%);
}
.explore .card2 .inner {
		background: linear-gradient(180deg, #B465F3 0%, #4A1D6F 100%);
}
.explore .card3 .inner {
		background: linear-gradient(180deg, #5FA8FF 0%, #1B477B 100%);
}
.explore .card4 .inner {
		background: linear-gradient(180deg, #5957BF 0%, #151545 100%);
}
.explore .card5 .inner {
		background: linear-gradient(180deg, #FF66DE 0%, #852971 100%);
}
.explore .card .inner {
		width: 100%;
		color: var(--grey70);
		text-align: left;
		font-weight: normal;
		font-size: 24px;
		line-height: 1.4;
		padding: 70px 60px;
		display: flex;
		flex-direction: column;
		gap: 64px;
		border-radius: 10px;
		min-height: 620px;
}
.explore .card .inner > * {
		margin: 0;
		flex: 0 0 auto;
		max-width: 100%;
}
.explore .card .pic {
		flex: 0 0 auto;
		width: 94px;
		height: 94px;
		border: 3px solid var(--white);
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.29) 0%, rgba(255, 255, 255, 0) 100%);
		box-shadow: 0px 0px 4px 5px #0000000D inset;
		border-radius: 50%;
		position: relative;
}
.explore .card.bg-black .pic {
		box-shadow: 0px 0px 4px 5px #00000073 inset;
}
.explore .card .pic:before {
		content: '';
		position: absolute;
		top: -4px;
		left: -60px;
		background: url("../img/explore-pic-bg.svg") no-repeat 0 50%;
		background-size: contain;
		width: 489px;
		height: 152px;
}
.explore .card .pic img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.explore .card .card-title {
		font-weight: 600;
		font-size: 50px;
		line-height: 1.2;
		margin: 0;
		color: var(--white);
}
@container explore-card (max-width: 480px) {
		.explore .card .inner {
				border-radius: 7px;
				padding: 50px 42px;
				font-size: 17px;
				gap: 22px;
				min-height: 440px;
		}
		.explore .card .pic {
				width: 66px;
				height: 66px;
				border-width: 2px;
		}
		.explore .card .pic:before {
				width: 343px;
				height: 107px;
				top: -3px;
				left: -42px;
		}
		.explore .card .card-title {
				font-size: 36px;
		}
}
@media only screen and (max-height: 739px) {
		.explore .card .inner {
				border-radius: 7px;
				padding: 50px 42px;
				font-size: 17px;
				gap: 22px;
		}
		.explore .card .pic {
				width: 66px;
				height: 66px;
				border-width: 2px;
		}
		.explore .card .pic:before {
				width: 343px;
				height: 107px;
				top: -3px;
				left: -42px;
		}
		.explore .card .card-title {
				font-size: 36px;
		}
}
@media only screen and (orientation: portrait) {
		.explore .explore-head {
				display: none;
				visibility: hidden;
		}
		.explore-head {
				padding-top: 130px;
		}
		.explore-head .title {
				margin-bottom: 0;
		}
		.explore .space {
				height: 500vh;
				height: 500lvh;
		}
		.explore .wrap + .space {
				display: none;
		}
		.explore .list {
				overflow: hidden;
				display: flex;
				position: sticky;
				z-index: 2;
				top: 0;
				margin: 0 auto;
				max-width: 490px;
		}
		.explore .card {
				height: 100vh;
				height: 100lvh;
				padding: 0 var(--side-padding);
				flex: 0 0 auto;
				width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
		}
		.explore .card:not(:first-child) {
				margin-left: -100%;
		}
		.explore .card .inner {
				transform-origin: 50% 100%;
				backface-visibility: hidden;
		}
		.explore .card1 .inner {
				transform: translate3d(0, calc(10px * var(--percent1) + 10px * var(--percent2) + 10px * var(--percent3) + 10px * var(--percent4)), 0) scale(calc(1 - (0.1 * var(--percent1) + 0.1 * var(--percent2) + 0.1 * var(--percent3) + 0.1 * var(--percent4))));
		}
		.explore .card2 .inner {
				transform: translate3d(0, calc(10px * var(--percent2) + 10px * var(--percent3) + 10px * var(--percent4)), 0) scale(calc(1 - (0.1 * var(--percent2) + 0.1 * var(--percent3) + 0.1 * var(--percent4))));
		}
		.explore .card3 .inner {
				transform: translate3d(0, calc(10px * var(--percent3) + 10px * var(--percent4)), 0) scale(calc(1 - (0.1 * var(--percent3) + 0.1 * var(--percent4))));
		}
		.explore .card4 .inner {
				transform: translate3d(0, calc(10px * var(--percent4)), 0) scale(calc(1 - (0.1 * var(--percent4))));
		}
		.explore .card2 {
				transform: translate3d(0, calc(100% - 100% * var(--percent1)), 0);
		}
		.explore .card3 {
				transform: translate3d(0, calc(100% - 100% * var(--percent2)), 0);
		}
		.explore .card4 {
				transform: translate3d(0, calc(100% - 100% * var(--percent3)), 0);
		}
		.explore .card5 {
				transform: translate3d(0, calc(100% - 100% * var(--percent4)), 0);
		}
}
@media only screen and (orientation: landscape) {
		.explore {
				margin-bottom: -900px;
				position: relative;
				z-index: 3;
				pointer-events: none;
		}
		.explore .wrap {
				display: flex;
				align-items: center;
				height: 100vh;
				height: 100svh;
				min-height: 900px;
				position: sticky;
				top: 0;
				overflow: hidden;
		}
		.explore .wrap .space {
				display: none;
		}
		.explore .space {
				height: 500vh;
				height: 500svh;
		}
		.content > .explore-head {
				display: none;
		}
		.explore-head {
				flex: 0 0 auto;
				width: 100%;
				position: relative;
				align-self: flex-start;
				display: flex;
				flex-direction: column;
				justify-content: center;
				opacity: calc(1 - 1 * var(--percent) * 5);
				pointer-events: none;
				height: 100vh;
				height: 100svh;
		}
		.explore-head .title {
				text-align: left;
				margin-left: 0;
				justify-content: flex-start;
		}
		.explore .bg {
				position: absolute;
				top: 50%;
				left: 70%;
				width: 100%;
				height: 100%;
				max-height: 900px;
				max-width: 1440px;
				transform: translate3d(-50%, -50%, 0);
		}
		.explore .bg video {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
		}
		.explore .list {
				flex: 0 0 auto;
				display: flex;
				gap: 80px;
				transform: translate3d(calc((-110% - 100vw) * var(--percent)), 0, 0) !important;
		}
		.explore .card {
				width: 490px;
		}
		@media only screen and (max-height: 739px) {
				.explore .card {
						width: 350px;
				}
		}
		.explore .card {
				transform-origin: 50% 0;
				transform: translate3d(calc(-50% * var(--speed) * var(--percent)), 0, 0) rotate(calc(var(--angle) * var(--percent) * 3));
		}
		.explore .card .pic {
				transform: rotate(calc(var(--angle) * var(--percent) * -3));
		}
}
.contact {
		text-align: center;
		font-weight: 600;
		font-size: 27px;
		line-height: 1.5;
		padding: 200px 0;
		position: relative;
		overflow: hidden;
}
.contact .title {
		font-size: 5.75rem;
}
.contact .btns {
		margin-top: 50px;
}
.contact:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate3d(-50%, 50%, 0);
		border-radius: 50%;
		width: 100%;
		max-width: 1000px;
		background: var(--grad);
		height: 200px;
		filter: blur(100px);
		opacity: 0.6;
}
@media only screen and (max-width: 783px) {
		.contact .title {
				font-size: 50px;
		}
}
@media only screen and (max-width: 459px) {
		.contact .title > span:first-child {
				width: 100%;
		}
		.contact .title span:has(br), .contact .title br {
				display: none;
		}
}
@media only screen and (max-width: 999px) {
		.contact {
				font-size: 21px;
				padding: 90px 0;
		}
		.contact .title {
				margin-bottom: 10px;
		}
		.contact:after {
				height: 90px;
		}
}
.footer {
		position: relative;
		padding: 40px 0;
}
.footer:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1.5px;
		background: var(--grad);
}
.footer .container {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 50px;
		justify-content: space-between;
}
.footer .logo {
		flex: 0 0 auto;
}
.footer .logo img {
		height: 40px;
		width: auto;
}
.foot-menu {
		font-weight: 600;
		font-size: 18px;
		color: var(--white);
}
.foot-menu ul, .foot-menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.foot-menu a {
		color: inherit;
		text-decoration: none;
		position: relative;
		display: block;
		padding: 5px 10px;
		margin: -5px -10px;
}
.foot-menu .link-twitter > * > *:not(:first-child) {
		opacity: 0.3;
}
@media only screen and (min-width: 760px) {
		.foot-menu ul {
				display: flex;
				align-items: center;
				gap: 40px;
		}
		.foot-menu .link-twitter > * > *:not(:first-child) {
				display: none;
		}
}
.footer .text {
		flex: 0 0 auto;
		width: 100%;
		font-weight: 600;
		font-size: 14px;
		line-height: 1.21;
		gap: 20px 30px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 10px;
}
.footer .text ul, .footer .text li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.footer .text ul {
		flex: 0 0 auto;
		max-width: 100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px 30px;
}
.footer .text a {
		color: inherit;
		text-decoration: none;
}
@media only screen and (max-width: 759px) {
		.footer .container {
				flex-direction: column;
				align-items: flex-start;
		}
		.footer .logo img {
				height: 50px;
		}
		.foot-menu {
				font-weight: 600;
				font-size: 36px;
				line-height: 1.2;
				color: var(--white);
		}
		.foot-menu ul {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 3px;
		}
		.footer .text {
				margin-top: 0;
		}
}