	:root {
	--color-dark-grey: #0D111B;
		--color-dark-grey-08: rgba(13, 17, 27, 0.8);
		--color-light-grey: #E5E5E5;
		--color-light-grey-08: rgba(229, 229, 229, 0.8);
		--color-black: #000000;
		--brand-gradient: linear-gradient(217.67deg, #FF5A1C -3.99%, #FFD727 95.68%);


		--color-black: #000000;
		--color-black-08: rgba(0, 0, 0, 0.8);
		--color-black-05: rgba(0, 0, 0, 0.5);
		--color-black-04: rgba(0, 0, 0, 0.4);
		--color-black-02: rgba(0, 0, 0, 0.2);
		--color-black-01: rgba(0, 0, 0, 0.1);

		--color-white: #FFFFFF;
		--color-white-08: rgba(255, 255, 255, 0.8);
		--color-white-07: rgba(255, 255, 255, 0.7);
		--color-white-06: rgba(255, 255, 255, 0.6);
		--color-white-04: rgba(255, 255, 255, 0.4);
		--color-white-02: rgba(255, 255, 255, 0.2);
		--color-white-00: rgba(255, 255, 255, 0);
	}

	html,body {
		font-family: 'Outfit';
		font-size: 18px;
		line-height: 1.77;
		color: var(--color-light-grey);
		background: var(--color-dark-grey);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/* Use new viewport units as primary for mobile browser chrome issues */
		min-height: 100vh;
		min-height: 100svh;
		min-height: 100dvh;
	}

	body {
		display: flex;
	}

	b, strong {
		font-weight: bold;
	}

	.wrap {
		max-width: 1140px;
		width: 100%;
		padding: 0 15px;
	}

	.aventive {
		padding: 30px 0;
		display: flex;
		min-height: 100%;
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	h1 {
		font-size: 3.18rem;
		line-height: 1.19;
	}

	h1 span {
		font-family: "Instrument Serif";
		font-style: italic;
		background: var(--brand-gradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
		font-weight: 400;
	}

	.wrap {
	}

	.aventive__logo {
		margin: auto;
	}

	.aventive__description {

	}

	.aventive__inner {
		position: relative;
		max-width: 740px;
		width: 100%;
		margin: 0 auto;
		display: grid;
		grid-gap: 40px;
		text-align: center;
		z-index: 1;
	}

	.aventive__watermark {
		height: auto;
		width: 100%;
		position: absolute;
		z-index: -1;
		opacity: 0.05;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.aventive__coming-soon {
		font-weight: bold;
		font-size: 1.5rem;
	}

	.ui-btn {
		padding: 0 30px;
		height: 59px;
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		border: none;
		font-size: 1rem;
		font-weight: 600;
		cursor: pointer;
		transition: all 0.2s ease;
		transition-property: border-radius;
		border-radius: 10px;
		color: var(--color-black);
	}

	.ui-btn__wrapper {
		position: relative;
		overflow: hidden;
	}

	.ui-btn__inner {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		filter: invert(0%);
		transition: all .4s ease-in-out;
		position: relative;
		z-index: 2;
		text-align: center;
		width: 100%;
	}

	.ui-btn__inner:after {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.21967 9.41206C-0.0732233 9.70495 -0.0732233 10.1798 0.21967 10.4727C0.512563 10.7656 0.987437 10.7656 1.28033 10.4727L0.75 9.94239L0.21967 9.41206ZM10.6924 0.750003C10.6924 0.335789 10.3566 2.5959e-06 9.94239 2.74342e-06L3.19239 2.32195e-06C2.77817 2.32195e-06 2.44239 0.335789 2.44239 0.750002C2.44239 1.16422 2.77817 1.5 3.19239 1.5H9.19239V7.5C9.19239 7.91422 9.52817 8.25 9.94239 8.25C10.3566 8.25 10.6924 7.91422 10.6924 7.5L10.6924 0.750003ZM0.75 9.94239L1.28033 10.4727L10.4727 1.28033L9.94239 0.750002L9.41206 0.219672L0.21967 9.41206L0.75 9.94239Z' fill='black'/%3E%3C/svg%3E");
		width: 11px;
		height: 11px;
	}

	.ui-btn__inner:last-child {
		position: absolute;
	}


	.ui-btn--transparent {
		color: var(--color-white);
	}

	.ui-btn--transparent .ui-btn__inner:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.21967 9.41206C-0.0732233 9.70495 -0.0732233 10.1798 0.21967 10.4727C0.512563 10.7656 0.987437 10.7656 1.28033 10.4727L0.75 9.94239L0.21967 9.41206ZM10.6924 0.750003C10.6924 0.335789 10.3566 2.5959e-06 9.94239 2.74342e-06L3.19239 2.32195e-06C2.77817 2.32195e-06 2.44239 0.335789 2.44239 0.750002C2.44239 1.16422 2.77817 1.5 3.19239 1.5H9.19239V7.5C9.19239 7.91422 9.52817 8.25 9.94239 8.25C10.3566 8.25 10.6924 7.91422 10.6924 7.5L10.6924 0.750003ZM0.75 9.94239L1.28033 10.4727L10.4727 1.28033L9.94239 0.750002L9.41206 0.219672L0.21967 9.41206L0.75 9.94239Z' fill='white'/%3E%3C/svg%3E");
	}

	.ui-btn--white {
		background: var(--color-white);
	}

	.ui-btn--gradient {
		background: var(--brand-gradient);
	}

	.ui-btn--sm {
		padding: 0 15px;
	}

	.ui-btn:hover {
		border-radius: 24px;
	}

	.ui-btn:hover .ui-btn__inner {
		transform: translateY(-100%);
	}

	@media only screen and (max-width: 767px) {
		html,
		body {
			font-size: 16px;
		}

		h1 {
			font-size: 2.15rem;
		}

		.aventive__watermark {
			opacity; .2;
		}

	}

	@font-face {
		font-display: swap;
		/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
		font-family: 'Outfit';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/outfit-v15-latin-regular.woff2') format('woff2');
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* outfit-600 - latin */
	@font-face {
		font-display: swap;
		/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
		font-family: 'Outfit';
		font-style: normal;
		font-weight: 600;
		src: url('../fonts/outfit-v15-latin-600.woff2') format('woff2');
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* instrument-serif-regular - latin */
	@font-face {
		font-display: swap;
		/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
		font-family: 'Instrument Serif';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/instrument-serif-v5-latin-regular.woff2') format('woff2');
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* instrument-serif-italic - latin */
	@font-face {
		font-display: swap;
		/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
		font-family: 'Instrument Serif';
		font-style: italic;
		font-weight: 400;
		src: url('../fonts/instrument-serif-v5-latin-italic.woff2') format('woff2');
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
