@font-face { font-family: 'ValeSans'; src: url(../fonts/ValeSans-Regular.woff2) format('woff2'); font-style: normal; font-weight: normal; font-display: swap; }
@font-face { font-family: 'ValeSans'; src: url(../fonts/ValeSans-Bold.woff2) format('woff2'); font-style: normal; font-weight: bold; font-display: swap; }


:root {
	--yellow: #FBBA00;
	--green: #00F45B;
	--green-l: #0ABB98;

	--vale-fff: url("data:image/svg+xml,%3Csvg width='87' height='33' viewBox='0 0 87 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='white'%3E%3Cpath d='M30.79 12.7757C33.9072 13.2532 36.2877 12.6939 38.45 11.2956L22.1137 32.9932L0 3.43778C0 3.43778 3.60831 0 9.62443 0C18.4508 0 23.8189 11.7048 30.79 12.7757Z'/%3E%3Cpath d='M39.8687 1.37781C34.7939 1.37781 31.4789 6.05701 25.4696 7.66677C27.625 9.78128 30.6058 11.4729 33.1569 11.4729C36.8061 11.4729 39.173 10.3338 40.6327 8.40344L44.6844 3.08988C44.6844 3.08988 42.6244 1.37781 39.8687 1.37781Z'/%3E%3Cpath d='M55.6184 16.7865H53.4152L50.5436 24.5283C50.3799 24.9785 50.2776 25.2718 50.2776 25.2718H50.2435C50.2435 25.2718 47.9857 19.6036 46.8262 16.7797H44.507L48.586 26.7451C48.8179 27.3249 49.5682 28.2867 51.0211 28.2867L55.6184 16.7797V16.7865Z'/%3E%3Cpath d='M76.7362 28.1298V26.3359H71.6887V16.7865H69.6151V28.1298H76.7362Z'/%3E%3Cpath d='M86.006 28.1298V26.3359H81.2108V23.0891H85.2625V21.3634H81.2108V18.5804H83.9733C86.1424 18.5804 86.2583 16.7933 86.2583 16.7933H79.144V28.1367H86.0128L86.006 28.1298Z'/%3E%3Cpath d='M63.0601 23.4506H60.093L61.5664 19.6172L61.58 19.549L63.0533 23.4438L63.0601 23.4506ZM67.1937 28.1298L62.685 16.7865H60.7137L56.0209 28.1298H58.2377L59.37 25.2445H63.7491L64.8745 28.1298H67.1937Z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

img { display: block; width: auto; max-width: 100%; height: auto; }

body { height: 100vh; min-height: 800px; background: linear-gradient(180deg, rgba(0,126,122,1) 0%, rgba(10,187,152,1) 100%); font: 20px/1.2 'ValeSans', sans-serif; color: #fff; overflow: hidden; }

#wrap { width: 100%; max-width: 1200px; height: 100vh; margin: 0 auto; position: relative; overflow: auto; }


#intro { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; padding: 40px 0; }
	#intro h1 { width: 87px; height: 33px; order: -1; margin-inline: auto; color: transparent; font-size: 1px; background: var(--vale-fff) no-repeat center; }
	#intro ul { margin-top: 40px; list-style: none; display: flex; gap: 40px; flex-wrap: wrap; justify-content: center; align-items: center; }
		#intro li { margin-top: 40px; list-style: none; }
		#intro img { display: block; max-width: 240px; margin-inline: auto; }

#nav { margin-top: 80px; }
	#nav a { display: block; width: 40px; height: 40px; border-radius: 50%;text-decoration: none; margin: 0 0 20px 20px; transition: all .3s ease-out; font-size: 1px; color: transparent; }

	#fs { background: #fff url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m22 5c0-.478-.379-1-1-1h-18c-.62 0-1 .519-1 1v14c0 .621.52 1 1 1h18c.478 0 1-.379 1-1zm-6.5 13.5h-12v-10h12zm1.5 0v-10.5c0-.478-.379-1-1-1h-12.5v-1.5h17v13zm-6.518-4.943v1.243c0 .414.336.75.75.75.415 0 .75-.336.75-.75 0-.715 0-2.335 0-3.05 0-.414-.335-.75-.75-.75-.714 0-2.318 0-3.033 0-.414 0-.75.336-.75.75s.336.75.75.75h1.219l-3.198 3.198c-.293.293-.293.768 0 1.061.292.292.767.292 1.06 0z' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat center / 50% auto; }
	#fsc { background: #fff url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m22 5c0-.478-.379-1-1-1h-18c-.62 0-1 .519-1 1v14c0 .621.52 1 1 1h18c.478 0 1-.379 1-1zm-11.5 13.5h-7v-4h7zm1.5 0v-4.5c0-.478-.379-1-1-1h-7.5v-7.5h17v13zm2.5-8.057v-1.243c0-.414-.336-.75-.75-.75s-.75.336-.75.75v3.05c0 .414.336.75.75.75h3.033c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-1.218l3.198-3.198c.292-.293.292-.768 0-1.061-.293-.292-.768-.292-1.061 0z' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat center / 50% auto; }


@media ( max-width: 599px ){
	#intro { display: block; padding: 40px 0; }
		#intro ul { gap: 20px; }

	#nav { display: flex; justify-content: center; }
}