@font-face {
	font-family: "Levites Display";
	src: url("Spotify-Font/Gotham-Bold.d987dae8a220.woff2") format("woff2");
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
}
[hidden] {
	display: none !important;
}
/* Local, dependency-free replacements for the retired Font Awesome webfont. */
i[class*="fa-"] {
	display: inline-block;
	min-width: 1em;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	vertical-align: -.08em;
}
.fa-house::before { content: "\2302"; }
.fa-chart-simple::before { content: "\25a5"; }
.fa-graduation-cap::before { content: "\25c7"; }
.fa-gear::before, .fa-gears::before { content: "\2699"; }
.fa-bell::before { content: "\2662"; }
.fa-circle-user::before { content: "\25ce"; }
.fa-building-columns::before { content: "\25a6"; }
.fa-plus::before { content: "+"; }
.fa-circle-arrow-right::before, .fa-arrow-right::before { content: "\2192"; }
.fa-circle-check::before, .fa-check::before { content: "\2713"; }
.fa-rotate-left::before { content: "\21b6"; }
.fa-moon::before { content: "\25d2"; }
.fa-hourglass-half::before { content: "\29d6"; }
.fa-money-bill-transfer::before { content: "\21c4"; }
.fa-trash::before { content: "\00d7"; }
.fa-chart-line::before { content: "\2197"; }
.fa-circle-question::before { content: "?"; }
.fa-arrow-left::before { content: "\2190"; }
.fa-star::before { content: "\2605"; }
.fa-gauge-simple-high::before { content: "\25d4"; }
.fa-eye::before { content: "\25c9"; }
.fa-comments::before { content: "\2261"; }
.fa-circle-exclamation::before { content: "!"; }
.fa-xl { font-size: 1.25em; }
.fa-2x { font-size: 2em; }

.video-poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html {
	padding: 0;
	width: 100%;
	overflow-x: hidden;
	margin: 0;
}

body{
	font-family: "Levites Display", Arial, sans-serif;
	background: #1E1C1C;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	width: 100%;
}

a {text-decoration: none; color: inherit;}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid #56fff7;
	outline-offset: 3px;
}

button,
input,
select,
textarea {
	font: inherit;
}

.buttonLvt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .4em;
	border: 1px solid #FFF;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
	box-sizing: border-box;
	transition: box-shadow .25s ease, transform .2s ease, background-color .25s ease;
}

p {margin: 0 auto;}

ul {padding: 0;}

nav.responsive {background: #1E1C1C;}


.buttonLvt:hover {box-shadow: 0px 0px 6px #FFF; transform: translateY(-1px);}
.buttonLvt.last:hover {box-shadow: 0px 0px 6px #1E1C1C;}

.dark {background: #1E1C1C; color: #FFF; border-color: transparent;}

.underline {text-decoration: underline;}

.navbar-fixed-top.scrolled {
  background-color: #1E1C1C !important;
  transition: background-color .2s ease;
  z-index: 5;
}

.nav-link:hover {text-decoration: none; color: #FF0100;}

.homepage{
	background:
		radial-gradient(circle at 28% 28%, rgba(255, 35, 118, .92), transparent 34%),
		radial-gradient(circle at 58% 24%, rgba(123, 28, 217, .9), transparent 38%),
		linear-gradient(118deg, #a52d12 0%, #e40031 39%, #7b14b9 68%, #251a1d 100%);
	width: 100%;
	color: #FFF;
	margin: 0;
	padding: 0;
	min-height: 120svh;
}

video {
	display: block;
	max-width: 100%;
}

nav {
	display: flex;
  gap: 10px;
  top: 0;
	border-bottom: 1px solid #FFF;
	height: 80px;
	width: 100%;
	align-items: center;
	position: fixed;
	overflow: hidden;
	z-index: 4;
	box-sizing: border-box;
}

nav ul {margin: 0;}

nav .menu-items {
	text-align: left;
	vertical-align: middle;
	flex-grow: 3;
}
nav .menu-login {
	text-align: right;
	vertical-align: middle;
	flex-grow: 2;
}

nav .icon {display: none;}
nav .hamburger {
	font-size: 40px;
	line-height: 1;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 50px;
	padding: 3px 10px;
	background: rgba(0, 0, 0, .28);
	cursor: pointer;
}

.menu-login .buttonLvt.last {background: #1E1C1C; color: #FFF;border-color: transparent;}

nav ul li {
	font-size: 18px;
	display: inline-block;
	list-style-type: none;
	color: #FFF;
	margin: 8px 15px;
	vertical-align: text-top;
}

nav ul li:hover {color: #F5F5F5; transition: all .5s ease;}

nav a:not(.buttonLvt):hover,
nav a:not(.buttonLvt):focus-visible,
nav a[aria-current="page"] {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.nav-logo {
	flex-grow: 1;
	padding-left: 8px;
}
.logo-img {width: 100px; height: auto;}

.lang-switcher {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin: 0;
}

.lang-switcher button {
	border: 1px solid rgba(255, 255, 255, .55);
	border-radius: 6px;
	background: transparent;
	color: inherit;
	padding: 4px 6px;
	cursor: pointer;
}

.lang-switcher button:hover,
.lang-switcher button.active {
	background: #FFF;
	color: #1E1C1C;
}


.home-layout {
	display: flex;
	flex-direction: column;
	width: min(1140px, 60%);
	margin: auto;
	padding: 130px 0 64px;
	gap: 34px;
	align-items: center;
	box-sizing: border-box;
}

.homepage h1 {
	font-size: clamp(3rem, 5.55vw, 5rem);
	line-height: 1.12;
	text-shadow: 0 0 28px rgba(255, 255, 255, .45);
	text-align: center;
}

.message {
	text-align: center;
}
.message span {font-size: 20px; width: 100%;line-height: 30px;}
.message div {margin-top: 40px;}

.message .buttonLvt {padding: 15px 10px;}

.charts {
	width: 100%;
	height: clamp(220px, 29vh, 300px);
	border-radius: 15px; 
	margin: auto;
	background: #101217;
	box-shadow: 0 12px 36px rgba(0, 0, 0, .4);
	padding: 0;
	overflow: hidden;
}

.video-frame {
	position: relative;
	width: 100%;
	height: 100%;
	background: #101217;
}

.video-frame video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-toggle {
	position: absolute;
	right: 12px;
	bottom: 12px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 11px;
	border: 1px solid rgba(255, 255, 255, .76);
	border-radius: 999px;
	background: rgba(16, 18, 23, .86);
	color: #FFF;
	cursor: pointer;
	box-shadow: 0 5px 18px rgba(0, 0, 0, .32);
	font-size: 12px;
}

.video-toggle:hover {
	background: #101217;
}

.video-toggle-icon {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #d8064f;
	font-size: 10px;
	box-sizing: border-box;
}

.video-status {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	text-shadow: 0 1px 4px #000;
	pointer-events: none;
}

.video-frame.is-static .video-toggle {
	display: none;
}

.topic {
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
}

.topic h2 {
	font-size: 50px;
	color: #FFF;
}

.phone {
	display: flex;
	align-content: center;
	width: 220px;
	height: 440px;
	border-radius: 36px;
	box-shadow: 0 2px 18px #aaa;
	background: #111;
	margin: 24px auto 0;
	padding: 12px;
}
.phone .screen {
	background: linear-gradient(#3a3a3a, #1a1a1a);
	border-radius: 28px;
	width: 100%;
	height: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
}
.phone .slide {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	background: #00a877;
	width: 72px;
	height: 72px;
}
.market-stage {
	position: relative;
	min-height: 52vh;
	background: url("images/wallpapers/city3d.8faaaa0b5586.webp") center / cover no-repeat;
	border-radius: 28px;
	overflow: hidden;
}
.market-carousel {
	display: flex;
	gap: 16px;
	height: 100%;
	padding: 48px 24px;
	animation: market-pan 28s linear infinite;
}
.market-carousel figure {
	min-width: 180px;
	height: 240px;
	margin: 0;
	border-radius: 18px;
	background: #1e1c1c center / cover no-repeat;
	box-shadow: 0 12px 32px rgba(0,0,0,.35);
	display: flex;
	align-items: flex-end;
}
.market-panel.nft { background-image: url("images/logo/nft.43e2653ee7c4.webp"); }
.market-panel.sneakers { background-image: url("images/logo/yeezy.f7c5446c982c.webp"); }
.market-panel.wine { background-image: url("images/logo/wine-barrels.ea19139d2063.webp"); }
.market-panel.realty { background-image: url("images/logo/house.c4d54b41c085.webp"); }
.market-panel.metals { background-image: url("images/logo/gold.cac7541fadd4.webp"); }
.market-panel.finance { background-image: url("images/logo/laptop-stock.a5ed81afea10.webp"); }
.market-carousel figcaption {
	width: 100%;
	padding: 10px;
	color: #fff;
	background: linear-gradient(transparent, rgba(0,0,0,.7));
	border-radius: 0 0 18px 18px;
}
@keyframes market-pan {
	from { transform: translateX(0); }
	to { transform: translateX(-40%); }
}
@media (prefers-reduced-motion: reduce) {
	.market-carousel { animation: none; }
}
@media screen and (max-width: 900px) {
	.phone { display: none; }
}

.dashboard-showcase {
	background: #f6f6f7;
	color: #15161a;
	padding: clamp(64px, 8vw, 120px) max(24px, calc((100% - 1180px) / 2));
}

.dashboard-showcase-copy {
	max-width: 900px;
	margin: 0 auto 46px;
	text-align: center;
}

.dashboard-showcase-copy h2 {
	margin: 0 0 18px;
	font-size: clamp(2rem, 4vw, 3.8rem);
	line-height: 1.13;
	background: linear-gradient(100deg, #075948, #4b42b7 52%, #bb174e);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.dashboard-showcase-copy p {
	max-width: 720px;
	font-size: clamp(1rem, 1.8vw, 1.3rem);
	line-height: 1.6;
}

.dashboard-window {
	overflow: hidden;
	border: 1px solid rgba(20, 22, 28, .16);
	border-radius: 24px;
	background: #12141a;
	box-shadow: 0 24px 70px rgba(17, 18, 23, .2);
}

.dashboard-window-bar {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 46px;
	padding: 0 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: #fff;
	box-sizing: border-box;
}

.dashboard-window-bar > span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ff5f57;
}

.dashboard-window-bar > span:nth-child(2) { background: #febc2e; }
.dashboard-window-bar > span:nth-child(3) { background: #28c840; }

.dashboard-window-bar strong {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 13px;
	font-weight: 600;
	color: #c8cbd5;
}

.dashboard-preview {
	padding: clamp(24px, 5vw, 64px);
	background:
		radial-gradient(circle at 82% 14%, rgba(164, 47, 136, .2), transparent 31%),
		linear-gradient(155deg, #101217, #242732);
	color: #fff;
}

.dashboard-preview-header {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 24px;
}

.dashboard-preview-header h3 {
	margin: 4px 0 0;
	font-size: clamp(1.7rem, 3vw, 2.7rem);
}

.dashboard-eyebrow,
.dashboard-updated {
	color: #b9bdc9;
	font-size: 14px;
}

.dashboard-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 44px 0 26px;
}

.dashboard-stats > div {
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 16px;
	background: rgba(255, 255, 255, .045);
}

.dashboard-stats strong,
.dashboard-stats span {
	display: block;
}

.dashboard-stats strong {
	margin-bottom: 8px;
	font-size: clamp(1.4rem, 2.6vw, 2rem);
}

.dashboard-stats span {
	color: #bdc1cc;
	font-size: 14px;
}

.dashboard-investments {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.dashboard-investments article {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 18px;
	background: rgba(255, 255, 255, .07);
}

.dashboard-investments article > header,
.dashboard-investments .investment-meta {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 17px 20px;
}

.dashboard-investments article > header span {
	font-weight: 700;
}

.dashboard-investments article > header small,
.dashboard-investments .investment-meta {
	color: #b9bdc9;
	font-size: 12px;
}

.dashboard-investments dl {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0;
	padding: 20px;
	border-block: 1px solid rgba(255, 255, 255, .1);
}

.dashboard-investments dl div + div {
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, .1);
}

.dashboard-investments dt {
	margin-bottom: 7px;
	color: #b9bdc9;
	font-size: 12px;
}

.dashboard-investments dd {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 700;
}

.dashboard-investments .positive {
	color: #7dffb2;
}

.options {
	width: 90%;
	margin: 5% auto;
	display: flex;
	align-items: stretch;
}

.option {
	background: #F4FFFE;
	color: #1E1C1C;
	border-radius: 10px;
	margin: 0 auto;
	width: 48%;
	padding: 0;
	box-shadow: 0px 0px 6px #FFF;
}

.option .up {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #CAFFFB;
	height: 40px;
	padding: 12px 0;
}
.option .up span {font-size: 30px; color: #1E1C1C; font-weight: bolder;}

.option .middle {
	background: #FFF;
	text-align: left;
	padding: 50px;
	line-height: 30px;
	font-size: 17px;
}

.option .middle .buttonLvt {
	margin: auto;
}

.option .middle p {
	margin-bottom: 20px;
}

.option .down {
	border-top: 0.01em solid #1E1C1C;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: left;
	font-size: 14px;
}
.option .down ul {padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px}

.option .down span {color: #1C1E1E; padding-left: 20px;}

.option .down li {
	display: inline-block; 
	list-style-type: none; 
	padding: 12px;
	background: #1E1C1C;
	font-weight: bold;
	color: #FFF;
	border-radius: 15px;
	padding: 8px;
	font-size: 12px;
}

.mission {
	background: #F7F7F7;
	padding: 5% 0;
}

.mission h2 {
	margin: 0 auto; 
	padding-top: 15px; 
	margin: auto; 
	text-align: center;
	font-size: 35px;
}

.mission .img.one {object-fit: cover; object-position: center;}
.mission .img.two {object-fit: cover; object-position: bottom;}

.grid {
	display: flex;
	flex-wrap: wrap;
}

.mission .row {
	display: grid;
	grid-template-columns: minmax(280px, 1fr) minmax(0, 1.45fr);
	align-items: center;
	gap: clamp(28px, 5vw, 72px);
	width: min(1200px, calc(100% - 48px));
	margin: 42px auto 0;
}

.mission .row .description {
	width: auto;
	text-align: left;
	line-height: 1.65;
	font-size: clamp(18px, 1.45vw, 22px);
	padding: 0;
}

.mission .row .description p {
	display: block;
	margin: 0;
}

.mission .img {
	border-radius: 40px;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.row.one p {
	text-align: left;
}

.partners {
	width: 100%; 
	color: #FFF; 
	border-bottom: 1px solid #FFF;
	padding: 40px 0;
	background: #101217;
}

.partners ul li {list-style-type: none; display: inline-block;}

.partners ul {margin: auto; width: auto; padding: 0; text-align: center;}

.firm-logo {
	width: 200px;
	height: 50px;
}

.firm-logo.one {background: url("images/logo/p1.045927e9c279.webp"); background-size: 115%; background-position: center;}
.firm-logo.two {background: url("images/logo/p2.6292b5b66e8d.webp"); background-size: 115%; background-position: center;}
.firm-logo.three {background: url("images/logo/p3.b480ca681cf0.webp"); background-size: 115%; background-position: center;}
.firm-logo.four {background: url("images/logo/p4.45d66388b80c.webp"); background-size: 115%; background-position: center;}
.firm-logo.five {background: url("images/logo/p5.9508b78abf35.webp"); background-size: 115%; background-position: center;}

.signup-home {
	background:
		radial-gradient(circle at 16% 16%, rgba(197, 29, 99, .16), transparent 28%),
		#101217;
	line-height: 35px;
	padding-top: 64px;
}

.signup-home span {
	display: block;
	width: 50%;
	font-size: 26px;
	margin: auto;
	color: #FFF;
	text-align: center;
}

.advantages {

	width: 90%;
	margin: 5% auto;
	display: flex;
	align-items: stretch;
	align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.advantages .advantage {
	background: #FFF;
	box-shadow: 0 14px 38px rgba(0, 0, 0, .28);
	border-radius: 24px;
	overflow: hidden;
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	width: 30%;
}

.advantage-visual {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}


.signup-link {
	display: flex;
	background:
		linear-gradient(120deg, rgba(255, 255, 255, .34), transparent 45%),
		linear-gradient(135deg, #ffe6f0, #c7d7ff 50%, #e4ffef);
	width: 100%;
	min-height: min(720px, 80vh);
	border-radius: 20px;
	align-items: center;
	justify-content: center;
}

.signup-link .buttonLvt {border:  5px solid #1E1C1C; color: #1E1C1C; font-weight: bolder;}
.signup-link .buttonLvt:hover {border-color: #FFF; background-color: #ccc; border-radius: 18px;}

.advantages .advantage p, .advantages .advantage h3 {padding: 0 22px;}
.advantages .advantage p {margin-bottom: 20px;}

.mission,
.partners,
.signup-home {
	content-visibility: auto;
	contain-intrinsic-block-size: auto 900px;
}

.service-state-page {
	background:
		radial-gradient(circle at 12% 18%, rgba(255, 16, 64, .42), transparent 28%),
		radial-gradient(circle at 88% 8%, rgba(86, 255, 247, .2), transparent 26%),
		radial-gradient(circle at 72% 88%, rgba(123, 20, 185, .38), transparent 34%),
		linear-gradient(160deg, #140910 0%, #101217 48%, #071416 100%);
	color: #FFF;
	min-height: 100svh;
}

.service-state-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(1120px, calc(100% - 40px));
	min-height: 88px;
	margin: auto;
}

.service-state-header img {
	display: block;
	width: 112px;
	height: auto;
}

.service-state-languages {color: #FFF;}

.service-state {
	display: grid;
	place-items: center;
	min-height: calc(78svh - 88px);
	padding: clamp(40px, 8vw, 100px) 20px;
	box-sizing: border-box;
}

.service-state-card {
	position: relative;
	width: min(760px, 100%);
	padding: clamp(48px, 7vw, 84px) clamp(28px, 5vw, 72px);
	border: 2px solid transparent;
	border-radius: 36px;
	background:
		linear-gradient(#fffaf6, #fffaf6) padding-box,
		linear-gradient(135deg, #ff1040, #56fff7 55%, #7b14b9) border-box;
	box-shadow:
		0 40px 120px rgba(0, 0, 0, .48),
		0 0 80px rgba(255, 16, 64, .16);
	color: #1E1C1C;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
}

.service-state-card::before {
	content: "";
	position: absolute;
	inset: 16px;
	border: 1px solid rgba(30, 28, 28, .14);
	border-radius: 24px;
	pointer-events: none;
}

.service-state-card::after {
	content: "";
	position: absolute;
	width: 220px;
	height: 220px;
	right: -70px;
	top: -80px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 16, 64, .2), transparent 68%);
	pointer-events: none;
}

.service-state-label {
	position: relative;
	display: inline-block;
	margin-bottom: 18px;
	border-radius: 999px;
	background: #1e1c1c;
	color: #56fff7;
	padding: 8px 14px;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.service-state-card h1 {
	position: relative;
	margin: 0 auto 20px;
	max-width: 12ch;
	font-size: clamp(2.6rem, 7vw, 4.6rem);
	line-height: .96;
	letter-spacing: -.04em;
}

.service-state-card p {
	position: relative;
	max-width: 34rem;
	margin-inline: auto;
	color: #4b4d54;
	font-family: Arial, sans-serif;
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	line-height: 1.65;
}

.service-state-return {position: relative; z-index: 1;}

.service-state-return {margin-top: 30px; min-width: 190px;}

footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background: #0d0f13;
	width: 90%;
	min-height: 30vh;
	color: #FFF;
	padding: 5%;
	box-sizing: border-box;
}

footer section {
	width:90%; 
	text-align: center; 
	margin: auto; 
	display: flex;
	justify-content: center;
	 }

footer .titles {
	width: 90%;
	display: flex;
	margin: auto;
	text-align: center; 
	margin: auto; 
	justify-content: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
}

footer li {
	display: inline-block;
	list-style-type: none;
	width: 30%;
}

footer li a {
	display: block;
	color: #FFF;
	font-size: 18px;
	line-height: 30px;

}

footer li a:hover,
footer li a:focus-visible {
	color: #8ffcf7;
	text-decoration: underline;
	text-underline-offset: 4px;
}

footer .row {
	padding: 0;
	display: flex;
	width: 90%;
	align-items: top;
	justify-content: center;
}

footer .row .bottom {
	align-items: center;
}

.legal {
	width: 80%;
	margin: auto;
	padding: 5%;
	color: #1E1C1C;
	background: #FFF;
	border-radius: 10px;
	min-height: 100%;
	margin-top: 110px;
	margin-bottom: 30px;
}

.legal form {width: 350px; margin: auto;}

.legal form input, .legal form button {
	display: block;
	margin: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
	font-size: 20px;
}

.ltf-img {
	width: 45%;
	height: 150px;
	background: url("images/logo/lft.8c039bf0f68e.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}

.lvt-img {
	width: 160px;
	height: 90px;
	background: url("images/logo/4.a9596ce21c93.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}

.unwanted {display: none;}

.register-container {
	display: grid;
	margin: 0;
	width: 100%;
	min-height: 100svh;
	padding: 0;
	background:
		radial-gradient(circle at 22% 18%, rgba(190, 25, 96, .2), transparent 30%),
		linear-gradient(145deg, #111216, #221522);
}

.register {
	display: flex;
	flex-direction: column;
	margin: auto;
	width: 60%;
	justify-content: space-around;
	align-items: center;
	background: #FFF;
	border-radius: 20px;
	color: #1E1C1C;
	max-width: 680px;
	padding: clamp(24px, 4vw, 44px);
	box-sizing: border-box;
}

.register form {
	width: 350px;
}

.register .reset-copy {
	width: min(100%, 480px);
}

.register .reset-copy h1 {
	margin: 0 0 14px;
	text-align: center;
	font-size: clamp(1.6rem, 3vw, 2.15rem);
	line-height: 1.15;
	text-wrap: balance;
}

.register .reset-copy p {
	margin: 0 0 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.65;
	color: #3c3836;
}

.register .reset-copy form {
	margin-inline: auto;
	text-align: left;
}

.register .reset-copy .underline {
	width: fit-content;
	margin-inline: auto;
	text-align: center;
}

.register .reset-copy > .buttonLvt {
	display: flex;
	width: fit-content;
	margin: 18px auto 0;
}

.register .iti {width: 100%}

.register input, .register select, .register .buttonLvt {
	display: block;
	margin: 10px auto;
	border-radius: 10px;
	border: none;
	box-shadow: 0px 0px 3px #ccc;
	font-size: 16px;
	padding: 12px 0;
	width: 100%;
	text-align: center;
}

.register select {
	width: 30%;
	display: inline-block;
	margin-right: 1%;
	margin-left: 1%;
}

.register .reset {display: block; margin: 12px auto;}
.register .reset:hover {color: #4b4b4b; transition: all ease .2s;}

.register label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

.register .remember-me {
	display: flex;
	align-items: center;
	gap: 9px;
	font-weight: normal;
}

.register .remember-me input {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
	box-shadow: none;
}

.register .buttonLvt:hover {
	background: #171920;
	box-shadow: 0px 0px 3px #1E1C1C;
	transition: all ease .5s ;
}

.register a.underline {
	display: block;
	margin: 10px auto;
}

.register .choice {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	width: min(100%, 420px);
	margin: 12px auto;
	text-align: left;
}

.register .choice input[type="checkbox"] {
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	margin: 4px 0 0;
	padding: 0;
	box-shadow: none;
	flex: 0 0 auto;
}

.register .choice label,
.register .choice a.underline {
	display: block;
	width: auto;
	margin: 4px 0;
	text-align: left;
	font-weight: 400;
}

.register .helptext,
.register .progress {
	width: min(100%, 420px);
	margin: 0 auto 12px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}

.register .helptext ul {
	margin: 6px 0 0;
	padding-left: 18px;
}

.register .progress {
	padding: 0;
	list-style-position: inside;
}

.register .progress li[aria-current="step"] {
	font-weight: 700;
}

.register fieldset {
	border: 0;
	margin: 8px auto;
	padding: 0;
	width: min(100%, 420px);
	text-align: left;
}

.register fieldset legend {
	font-size: 14px;
	font-weight: 700;
}

.register .lang-switcher {width: auto;}

.register .auth-actions {margin-top: 16px;}

.register .lang-switcher button {
	border-color: #8b8d94;
	color: #1E1C1C;
}

.register .lang-switcher button:hover,
.register .lang-switcher button.active {
	background: #1E1C1C;
	color: #FFF;
}

.register-logo {display: flex; align-items: center; color: #FFF;}

.register-logo .logo-img {
	background: url("images/logo/1t.bd051bf0f5f9.webp");
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	float: left;
}

.errors {
	display: block;
	background: #FF6B6B;
	border-radius: 5px;
	padding: 6px;
	font-size: 14px;
	color: #FFF;
}

.errors:empty {display: none;}

.errors .errorlist {
	margin: 0;
	padding: 0;
	list-style: none;
}


.general-layout {
	display: flex;
	height: 70vh;
	width: 100%;
	margin: 0;
	margin-top: 20px;
	padding-top: 80px;
	align-items: center;
	vertical-align: middle;
	background: #FFE4EC;
}

.title-layout {
	display: flex;
	width: 50%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
}

.title-layout span, .title-layout h1 {
	width: 60%;
	margin: 0 auto;
}

.title-layout h1 {font-size: 36px}
.title-layout span {font-size: 18px}
.title-layout .links-layout {margin: 10px auto; text-align: left;}


.illustration-layout {
	display: flex;
	align-items: center;
	width: 50%;
	height: 100%;
	padding: 28px;
	box-sizing: border-box;
}

.illustration-layout .dsb-demo {
	background: url("images/wallpapers/levites_dashboard.588eecaed36e.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: auto;
	aspect-ratio: 1350 / 813;
	border-radius: 22px;
	border: 14px solid #1E1C1C;
	box-shadow: 0 0 5px 2px #1E1C1C;
	margin: auto;
	box-sizing: border-box;
}

.offers {background: #FFF; width: 100%}

.offer {
	display: flex;
	flex-direction: column;
	width: 90%;
	margin: 0 auto;
	box-shadow: 0 0 0px 0px #1E1C1C;
	border-radius: 15px;
	text-align: left;
	padding-bottom: 50px;
}

.offer-content {
	width: 50%;
	margin: auto;
}

.offer p {margin: 18px auto; font-size: 18px}

.offer span {font-size: 14px; font-weight: bold;}

.offer img {width: auto; height: 60px; margin-right: 20px;}
.offer li {
	list-style-type: none; 
	font-size: 16px; 
	display: flex; 
	align-items: center;
	width: 100%;
	justify-content: space-between;
	margin: 12px auto;
}
.offer h2 {font-size: 22px; text-align: center;}
.offer h2 b {font-size: 80px;  -webkit-text-stroke: 2px #1E1C1C; color: #FFF}
.offer .gapline {height: 1px; background: #1E1C1C; margin: 20px auto;}
.offer button {background: transparent; border: 1px solid #FFF; border-color: #1E1C1C; padding: 8px; border-radius: 6px; cursor: pointer;}

.hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.visible {
    max-height: 1000px; /* Ajustez la hauteur maximale selon votre besoin */
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    opacity: 1;
    visibility: visible;
}

/* Animation pour une transition de défilement fluide */
@keyframes slideDown {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    max-height: auto; /* Ajustez la hauteur maximale selon votre besoin */
    opacity: 1;
  }
}

.toggle-buttons {width: 80%; margin: auto; padding-top: 50px}

.toggle-buttons button {
	border-radius: 4px;
	border: none;
	background: #FFF8F3;
	color: #1E1C1C;
	padding: 4px 10px;
	font-size: 18px;
	cursor: pointer;
	transition: all .3s ease;
}

.toggle-buttons button.active {background: #1E1C1C; text-shadow: 0px 0px 0px #FFF; color: #FFF}

.toggle-buttons button:hover {transition: all .3s ease; text-shadow: 0px 0px 0px #1E1C1C;}

#retreatContent {background: #1E1C1C; color: #FFF}
#retreatContent button {color: #FFF; border-color: #FFF}
#retreatContent h2 b {-webkit-text-stroke: 2px #FFF; color: #1E1C1C}
#retreatContent .gapline {background: #FFF}

.content-page nav {background: #FF1040; top: 0;}
.layer {
	width: 100%;
	height: 65vh;
	display: flex;
}

.layer .text-content {
	line-height: 32px;
	font-size: 20px;
	display: flex;
	align-items: center;
}

.layer .text-content p {width: 80%; margin: 0 auto; font-weight: bold;}

.layer.one .text-content {text-align: center; width: 50%; color: #00363C;}
.layer.two .text-content {text-align: justify; width: 70%; color: #00363C; padding-right: 20px; flex-direction: column; align-items: center;}
.layer.three .text-content {color: #FFF; width: 50%; padding: 30px; text-align: left;}

.layer.four {flex-direction: column; background: #FFF}
.layer.four h2 {text-align: center; margin-bottom: 0}

.market-slide {
	display: flex;
	flex-direction: column;
	min-width: 300px;
	height: auto;
	border-radius: 15px;
	background: #FFF;
	padding: 15px;
	margin: auto;
	box-shadow: 0 0 1px #1E1C1C;
}

.horizontal-scroll-wrapper {
	display: flex;
  width: 100%;
  height: 500px;
  margin: auto;
  overflow-y: auto;
  overflow-x: scroll;
  gap: 20px;
  padding: 0 12px;
  padding-right: 20px;
}

.market-slide .img {object-fit: contain; object-position: center;}

.market-slide .img {background: red; height: 200px; width: 100%}
.market-slide.ret {background: #1E1C1C; color: #FFF}
.market-slide span {font-size: 12px; font-weight: bold; margin: 8px 0}
.market-slide p {font-size: 14px; line-height: 22px}

.layer.one {
	background: #FFF;
	padding-top: 80px;
	border-top: 2px dashed #1E1C1C;
}

.layer.one .bg {object-fit: contain; object-position: center; width: 50%;
cursor: crosshair; background-repeat: no-repeat;}

.layer.one .bg:hover {transform: scale(1.1); 
	-webkit-transition: all 5s;
    -moz-transition: all 5s;
    -o-transition: all 5s;
    transition: all 5s;
  }
.layer.two .bg {object-fit: contain; object-position: center; width: 30%;
background-repeat: no-repeat;}
.layer.three .bg {object-fit: cover; object-position: center; width: 50%;}

.layer.two {
	background: #FFF;
	justify-content: flex-end;
}

.layer.three {
	background: #1E1C1C;
}

.how-banner {
	background:
		radial-gradient(circle at 78% 18%, rgba(17, 10, 28, .35), transparent 28%),
		url("images/wallpapers/night.7668f3f50736.webp");
	background-size: cover;
	background-position: center;
	min-height: 90svh;
	display: flex;
	align-items: center;
}

.header-flex {display: flex; width: 100%; min-height: 80svh; align-items: center;}
.header-flex .header-content {
	margin: auto; 
	color: #FFF;
	line-height: 1.4;
	flex-direction: column;
	justify-content: space-between;
}

.header-content h1 {font-size: 50px; width: 80%; margin: auto; text-align: left; line-height: 1.2; margin-bottom: 22px}
.header-content span, .header-content div {position: relative; font-size: 22px; width: 80%; display: block; margin: 20px auto; 
	text-align: left; z-index: 3;}
.header-content div {margin-top: 50px}

.header-content span i {
	margin-right: 10px;
	border-radius: 50%;
	background: rgba(111, 255, 215, .14);
	color: #7dffdc;
	padding: 5px;
	font-size: .8em;
}

.header-flex .header-img {
	width: min(48%, 720px);
	margin-right: 5%;
}

.header-flex .header-img svg {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 24px 48px rgba(0, 0, 0, .32));
}


.step.one {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: #FFF;
	align-items: center;
	color: #1E1C1C;
	min-height: auto;
}

.step-content {padding: clamp(56px, 8vw, 100px) 0; text-align: center;}
.step.one .img {
	width: 100%; 
	height: 100%;
	min-height: clamp(380px, 46vw, 620px);
	background: url("images/wallpapers/young-plant.4a63d2600355.webp");
	background-size: cover;
	background-position: center;}

.step-content h2 {margin: 0 auto 24px;}
.step-content p {margin: 0 auto 34px;}
.step-content-container {width: min(76%, 620px); margin: auto; text-align: left;}
.step-content a {position: relative; z-index: 3}

.step.two {
	color: #FFF;
	min-height: auto;
	margin: 60px 0;
}

.step.two h2 {text-align: center;}

.step.two .list {
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: space-around;
	align-items: center;
	text-align: center;
}
.step.two .list-element {
	display: flex;
	flex-direction: column;
	width: 300px;
	min-height: 50px;
	border: 2px solid "FFF";
	flex-wrap: wrap;
}

.list-element .top-e i {display: block; font-size: 30px}
.list-element .top-e span {font-size: 18px; font-weight: bold;}

.step.three {
	background: #e7f9ff;	
}

.step.three h2 {width: 80%; margin: 20px auto; padding-top: 50px}

.list-features {
	width: auto;
	padding-bottom: 50px;
	margin: auto;
	display: flex;
	align-items: stretch;
	row-gap: 50px;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.feature {
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	background: #FFF;
	width: 22%;
	min-height: 400px;
	box-shadow: 0px 0px 4px #FFF;
	align-items: center;
	text-align: justify;
}

.feature p {
	font-size: 14px;
	width: 80%;
	margin: auto;
	padding: 0;
}

.feature .top-f {
	display: flex;
	align-items: center;
	background: #ffd2bd;
	width: 100%;
	margin-bottom: 20px;
	min-height: 30%;
	font-size: 14px;
	font-weight: bold;
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.feature .top-f span {margin: auto; text-align: center;}


.step {
	min-height: 80vh;
	padding: 0;
	width: 100%;
	margin: 0;
}

.step h2 {font-size: 36px; line-height: 1.2}
.step p,.step span {line-height: 1.8;}

[class*="reveal-"] { opacity: 1; transform: none;}

html.js [class*="reveal-"] { opacity: 0; transform: translateY(-30px);}

html.js [class*="reveal-"].reveal-visible {opacity: 1; transform: translateY(0); transition: .6s;}

@media (prefers-reduced-motion: reduce) {
	[class*="reveal-"],
	html.js [class*="reveal-"] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

.reveal-1 {transition-delay: .5s;}
.reveal-2 {transition-delay: .1s;}
.reveal-3 {transition-delay: .2s;}

@media screen and (max-width: 1150px) {
	.option {width: 80%;}
	.options {display: block; width: auto;}
	.options .down {padding: 30px 0; margin-bottom: 40px;}
	.option .middle {height: auto;}
	.topic h2 {font-size: 40px;}
	.mission .row .description, .signup-home span {font-size: 18px;}

	.layer.three .text-content {font-size: 14px;}

	.homepage h1 {font-size: 60px;}
}

@media screen and (max-width: 970px) {
	
	nav.responsive {position: fixed; height: 100vh; display: block; transition: all 100ms linear; width: 96%; 
		padding: 20px 2%; z-index: 5; overflow-y: auto;}
	nav.responsive .buttonLvt.last {background: #FFF; color: #1E1C1C;}
  nav .icon {position: absolute; right: 10px; top: 10px;}
  nav.responsive li {display: block; float: none; text-align: left; height: 50px;}
  nav.responsive ul {display: initial; margin: 20px 0;}
  nav.responsive .logo-img {margin-bottom: 30px;}
  nav.responsive .buttonLvt, nav.responsive .buttonLvt.last {}
  nav .icon {display: block; color: #FFF;}
  nav ul {display: none;}

  .header-flex {flex-direction: column;}

	.mission h2 {width: 80%;}
	.advantages {display: block;}
	.advantages .advantage {width: 80%; margin: 20px auto; padding-bottom: 15px;}
	.mission .row .description {width: 100%; padding: 0; text-align: left; margin: 0;}
	.mission .row {display: grid; grid-template-columns: 1fr; gap: 24px; width: min(80%, 720px); margin: 32px auto 0;}
	.mission .img {height: auto; width: 100%; margin: 0;}

	.layer .text-content {font-size: 16px; width: 100%; margin: auto;padding: 8px; text-align: center;}
	.layer.three .text-content {flex-direction: column;}
	.layer .bg,.layer.one .text-content, .layer.two .text-content, .layer.three .text-content,.layer.four .text-content 
	{width: 100%; }
	 .layer .text-content p {width: 80%;}
	.layer.four {background: #FFF;}
	.layer.two .text-content {font-size: 14px; justify-content: inherit;}
	.layer {flex-direction: column;}
	.layer {min-height: 60vh; }

	.general-layout {flex-direction: column; height: auto;}
	.title-layout {width: 100%; gap: 30px; margin-bottom: 16px}
	.illustration-layout{width: 90%; height: auto}

	.feature {width: 40%}
	.step.two .list-element {min-width: 40%; margin: 16px auto;}
	.step.two .list {flex-wrap: wrap;}

	.step.one {display: flex; flex-direction: column;}
	.step.one .img {min-height: 340px;}
	.step {width: 100%}

}

@media screen and (max-width: 810px) {
	.dashboard-showcase {padding-inline: 16px;}
	.dashboard-window-bar strong {display: none;}
	.dashboard-preview-header {align-items: start; flex-direction: column;}
	.dashboard-stats {grid-template-columns: 1fr;}
	.dashboard-investments {grid-template-columns: 1fr;}
}

@media screen and (max-width: 750px) {
	.home-layout {display: block; width: 80%;}
	.message span  {font-size: 14px}
	.charts {margin-top: 42px; aspect-ratio: 16 / 10;}
	.grid {display: block;}
	.mission h2, .advantages .advantage, .option {width: 94%;}
	.topic h2, .mission h2 {font-size: 24px;}
	.homepage h1 {font-size: 30px;}
	.option .middle, .option .down {padding: 10px;}
	.mission .row {width: 94%;}
	.mission .row .description, .signup-home span, .option .middle  {font-size: 16px;}
	.topic h2 {margin-top: 50px;}

	.register {width: calc(100% - 24px);}
	.register form {width: min(100%, 340px);}
	.register-logo {justify-content: center; padding: 12px; font-size: 12px;}

	footer li a, footer .titles {font-size: 15px;}
	footer {padding: 12px; padding-top: 50px; width: 100%}
	footer .titles,
	footer .row {
		flex-direction: column;
		gap: 18px;
	}
	footer li {
		display: block;
		width: 100%;
	}

	.homepage {min-height: 100svh;}
	.message .buttonLvt {border: solid 1px #aaa;}
	.offer-content {width: 85%}

	.step-content-container {width: 90%}
	.step.one .img {min-height: 280px;}

	.layer .text-content p {width: 90%; font-size: 16px; line-height: 22px; text-align: center; margin: auto; padding: 12px 0;}
	.layer.one .bg,.layer.two .bg ,.layer.three .bg ,.layer.four .bg {height: 30vh; width: 100%; display: block;}
	.layer.one .text-content, .layer.two .text-content, .layer.three .text-content, .layer.four .text-content {padding: 0;}

	.layer {height: auto;}
	.feature {width: 90%}
	.step.two .list-element {min-width: 90%;}
	.how-banner .header-img {display: none;}
	.how-banner h1 {font-size: 28px}
	.how-banner span {font-size: 18px}
	.how-banner  {margin-top: 0}
	
}

@media screen and (max-width: 500px) {
	.service-state-header {width: calc(100% - 28px);}
	.service-state-header img {width: 94px;}
	.service-state {padding: 28px 14px 60px;}
	.service-state-card {border-radius: 18px;}

	.step p, .step li {font-size: 14px;}
	.step h1 {font-size: 18px;}
	.step h2 {font-size: 16px;}

	.title-layout span, .title-layout h1 {width: 90%}
	.title-layout .links-layout {display: flex; flex-direction: column; gap: 14px}

}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}

	[class*="reveal-"] {
		opacity: 1;
		transform: none;
	}
}

/* Solution offer, partner band, and advantages band. */
.offer-stage {
	background:
		radial-gradient(circle at 8% 0%, rgba(255, 16, 64, .22), transparent 28%),
		radial-gradient(circle at 96% 18%, rgba(86, 255, 247, .14), transparent 26%),
		#1e1c1c;
	padding: 8px 0 72px;
}

.offer-stage .toggle-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: min(1080px, calc(100% - 40px));
	margin: 0 auto;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	box-sizing: border-box;
}

.offer-stage .toggle-buttons button {
	border-radius: 999px;
	background: transparent;
	color: #fff8f3;
	padding: 12px 22px;
}

.offer-stage .toggle-buttons button.active {
	background: #fff8f3;
	color: #1e1c1c;
}

.offer-stage .offer {
	width: min(1080px, calc(100% - 40px));
	margin: 22px auto 0;
	padding: clamp(28px, 4vw, 48px);
	border-radius: 32px;
	background:
		radial-gradient(circle at 100% 0%, rgba(255, 16, 64, .14), transparent 34%),
		#fff8f3;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
	box-sizing: border-box;
}

.offer-stage .offer-content {
	width: 100%;
}

.offer-stage .offer h2 {
	margin: 0 0 8px;
	font-size: clamp(1rem, 2vw, 1.25rem);
	letter-spacing: .22em;
	text-align: left;
	text-transform: uppercase;
}

.offer-stage .offer h2 b {
	display: block;
	margin-top: 6px;
	color: transparent;
	font-size: clamp(4.4rem, 12vw, 8.4rem);
	line-height: .82;
	letter-spacing: -.05em;
	-webkit-text-stroke: 2px #1e1c1c;
	text-shadow: 10px 10px 0 rgba(255, 16, 64, .16);
}

.offer-stage .offer > .offer-content > p,
.offer-stage .offer-note {
	max-width: 62rem;
	margin: 18px 0;
	font-size: clamp(1rem, 1.6vw, 1.15rem);
	line-height: 1.6;
}

.offer-stage .offer-kicker {
	display: block;
	margin: 22px 0 12px;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.offer-stage .offer-markets {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 0 0 22px;
}

.offer-stage .offer-markets li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	width: auto;
	margin: 0;
	padding: 12px;
	border: 1px solid rgba(30, 28, 28, .08);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 28px rgba(30, 28, 28, .06);
	font-size: 15px;
}

.offer-stage .offer-markets img {
	width: 64px;
	height: 64px;
	margin: 0;
	object-fit: contain;
	border-radius: 14px;
	background: #fff4ec;
}

.offer-stage .offer button {
	border: 0;
	border-radius: 999px;
	background: #1e1c1c;
	color: #fff8f3;
	padding: 12px 22px;
}

.offer-stage .offer-specs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 18px;
}

.offer-stage .offer-specs.hidden {
	display: grid;
	margin-top: 0;
}

.offer-stage .offer-specs.visible {
	max-height: 2400px;
}

.offer-stage .offer-specs > div {
	padding: 16px;
	border-radius: 18px;
	background: rgba(30, 28, 28, .05);
}

.offer-stage .offer-specs span {
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	opacity: .62;
}

.offer-stage .offer-specs ul,
.offer-stage .offer-specs li {
	margin: 0;
	padding: 0;
	width: auto;
	background: transparent;
	border: 0;
	box-shadow: none;
	justify-content: flex-start;
	font-size: 1.05rem;
}

.offer-stage .offer-note {
	margin-top: 22px;
	padding: 16px 18px;
	border-left: 4px solid #ff1040;
	border-radius: 14px;
	background: rgba(255, 16, 64, .06);
}

.offer-stage .offer-disclaimer {
	display: block;
	max-width: 70rem;
	margin-top: 12px;
	font-size: 12px;
	line-height: 1.5;
	opacity: .72;
}

.offer-stage #retreatContent {
	background:
		radial-gradient(circle at 100% 0%, rgba(86, 255, 247, .18), transparent 36%),
		#121318;
	color: #f6f3ee;
	border: 1px solid rgba(86, 255, 247, .3);
}

.offer-stage #retreatContent h2 b {
	-webkit-text-stroke: 2px #56fff7;
	text-shadow: 10px 10px 0 rgba(86, 255, 247, .12);
}

.offer-stage #retreatContent .offer-markets li,
.offer-stage #retreatContent .offer-specs > div {
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .08);
	color: inherit;
}

.offer-stage #retreatContent .offer-markets img {
	background: #fff;
}

.offer-stage #retreatContent button {
	background: transparent;
	color: #56fff7;
	border: 1px solid #56fff7;
}

.offer-stage #retreatContent .offer-note {
	border-left-color: #56fff7;
	background: rgba(86, 255, 247, .08);
}

.layer.one.partners-band,
.layer.two.advantages-band {
	height: auto;
	min-height: 0;
	box-sizing: border-box;
	border-top: 0;
}

.layer.one.partners-band {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
	gap: 32px;
	align-items: center;
	width: min(1180px, calc(100% - 40px));
	margin: 36px auto;
	padding: 28px;
	border: 1px solid rgba(30, 28, 28, .08);
	border-radius: 32px;
	background:
		radial-gradient(circle at 0 100%, rgba(255, 16, 64, .14), transparent 36%),
		#fff8f3;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .12);
}

.layer.one.partners-band .bg {
	width: 100%;
	height: auto;
	max-height: none;
	padding: 22px;
	object-fit: contain;
	border-radius: 24px;
	background:
		radial-gradient(circle at 80% 20%, rgba(86, 255, 247, .16), transparent 40%),
		#fff;
	border: 1px solid rgba(30, 28, 28, .08);
	box-sizing: border-box;
	box-shadow: 0 16px 40px rgba(30, 28, 28, .08);
}

.layer.one.partners-band .bg:hover {
	transform: none;
}

.layer.one.partners-band .text-content,
.layer.two.advantages-band .text-content {
	width: auto;
	max-width: none;
	padding: 8px 4px 8px 0;
	text-align: left;
	align-items: flex-start;
	color: #00363c;
}

.layer.one.partners-band .text-content p,
.layer.two.advantages-band .text-content p {
	width: 100%;
	max-width: none;
	margin: 0;
	font-weight: 500;
	font-size: clamp(1.05rem, 1.5vw, 1.28rem);
	line-height: 1.6;
	text-align: left;
}

.layer.two.advantages-band {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
	justify-content: stretch;
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto 56px;
	padding: 0;
	overflow: hidden;
	border-radius: 32px;
	background:
		radial-gradient(circle at 0 0, rgba(255, 16, 64, .28), transparent 34%),
		#121318;
	color: #f6f3ee;
	box-shadow: 0 28px 80px rgba(0, 0, 0, .22);
}

.layer.two.advantages-band .text-content {
	padding: clamp(32px, 5vw, 56px);
	color: #f6f3ee;
}

.layer.two.advantages-band h2 {
	margin: 0 0 16px;
	color: #56fff7;
	font-size: clamp(2.6rem, 5vw, 4.4rem);
	line-height: .92;
	letter-spacing: -.04em;
	text-align: left;
}

.layer.two.advantages-band .text-content p {
	color: #efeae4;
}

.layer.two.advantages-band .bg {
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	object-position: center 35%;
}

@media screen and (max-width: 970px) {
	.offer-stage .offer-specs {
		grid-template-columns: 1fr 1fr;
	}

	.layer.one.partners-band,
	.layer.two.advantages-band {
		display: grid;
		grid-template-columns: 1fr;
		width: calc(100% - 24px);
		min-height: 0;
		height: auto;
	}

	.layer.one.partners-band .bg,
	.layer.two.advantages-band .bg {
		width: 100%;
		height: auto;
		min-height: 0;
		max-height: 420px;
	}

	.layer.two.advantages-band .bg {
		order: -1;
		max-height: 260px;
		object-fit: cover;
	}

	.layer.one.partners-band .text-content,
	.layer.two.advantages-band .text-content,
	.layer.one.partners-band .text-content p,
	.layer.two.advantages-band .text-content p {
		width: 100%;
		padding-inline: 0;
		text-align: left;
	}

	.layer.two.advantages-band .text-content {
		padding: 28px 20px 32px;
	}
}

@media screen and (max-width: 640px) {
	.offer-stage .offer-markets,
	.offer-stage .offer-specs {
		grid-template-columns: 1fr;
	}

	.offer-stage .offer h2 b {
		font-size: 4.2rem;
	}
}