* {
	box-sizing: border-box;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
}
html,
body {
	width: 100vw;
	height: 100vh;
	color: #363636;
	font-family: HaasR;
	color: #000;
	-webkit-font-smoothing: antialiased;
}
#preloader {
	width: 100vw;
	height: 100vh;
	background: white;
	position: fixed;
	z-index: 999999;
	transition: 1s ease;
}
#preloader.off {
	pointer-events: none;
	opacity: 0;
}
@font-face {
	font-family: Regular;
	src: url(/fonts/PPMori-Regular.woff) format("woff"),
		url(/fonts/PPMori-Regular.woff2) format("woff2");
}
@font-face {
	font-family: Semibold;
	src: url(/fonts/PPMori-SemiBold.woff) format("woff"),
		url(/fonts/PPMori-SemiBold.woff2) format("woff2");
}
::-webkit-scrollbar {
	width: 0px;
}
#content.fix {
	height: 100vh;
}
#wrapper.ready #content {
	height: auto;
}
#wrapper {
	color: var(--color);
}
a {
	text-decoration: none;
	color: inherit;
}
p,
ul,
li {
	color: #fff;
	font-family: Regular;
	font-size: var(--p1);
	font-weight: lighter;
	line-height: 1.4;
}
:root {
		--p0: 1rem;
			--p1: 1.2rem;
	--blue: #1a1740;
	--green: #10e2d1;
	--green-dark: #249e94;
	--gray: #333333;
	--light: #e6e6e6;
}
h3 {
	color: #fff;
	font-family: Regular;
	font-size: var(--p1);
	font-weight: lighter;
}
h1,
h2 {
	color: #fff;
	font-family: Regular;
	font-weight: lighter;
	font-size: 6.5rem;
	text-align: center;
}
h1 img,
h2 img {
	width: 7vw;
	object-fit: contain;
	position: relative;
	top: 1vw;
	padding: 0 0.8vw;
}

button {
	background: transparent;
	color: #fff;
	font-size: 1.5rem;
	border: 1px solid var(--green);
	padding: 0.4vw 2vw;
	border-radius: 50px;
	transition: 0.3s ease;
	cursor: pointer;
}
button:hover:not(.outlined) {
	border: 1px solid var(--green);
	background: var(--green);
	color: #fff;
}

button.outlined {
	background: transparent !important;
	background: var(--gray);
	color: #fff !important;
}
button.outlined:hover {
	color: var(--green) !important;
	border-color: var(--green) !important;
	background: transparent !important;
}
buttons a {
	background: transparent !important;
}
button.primary {
	background: var(--green);
	border: 1px solid var(--green) !important;
}
button.primary.trial:hover {
	color: var(--green-dark) !important;
}
button.primary:hover {
	opacity: 0.95;
}
#symbol {
	width: 1.5vw;
	height: 1.5vw;
	display: flex;
	flex-wrap: wrap;
	margin-right: 0.3vw;
	margin-top: 0.1vw;
}
.cell {
	width: 0.5vw;
	height: 0.5vw;
	display: flex;
	justify-self: center;
	align-items: center;
}
.cell div {
	width: 0.5vw;
	height: 0.5vw;
	background: var(--green);
	border-radius: 100%;
	transform: scale(0.6);
	transition: 0.3s ease;
	animation: logo 3s infinite linear;
}

#cell1 div,
#cell3 div,
#cell5 div,
#cell7 div,
#cell9 div {
	animation-delay: 1.5s;
}
#logolink {
	position: fixed;
	padding: 1vw;
	z-index: 9999;
}
#logo {
	flex-direction: row;
	display: flex;
	z-index: 99999;
	color: #fff;
	font-family: Semibold;
	font-weight: lighter;
	font-size: 2rem;
	transition: 0.3s ease;
	img {
		object-fit: contain;
		margin-right: 6px;
		margin-top: -4px;
		height: 100%;
		width: auto;
	}
}
#logo.black {
	color: var(--gray);
}
#height {
	height: 500vh;
}
#root {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	opacity: 1;
	z-index: 0;
	transform: translateZ(0);
	position: fixed;
	pointer-events: none;
}
#root canvas {
	pointer-events: none;
}
body {
	background: black;
}
#root {
	z-index: 9;
	background: #11051f;
}
#smooth-wrapper {
	z-index: 99;
	pointer-events: none;
}
#hero {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100vh;
	position: fixed;
	z-index: 999;
	width: 100vw;
}
#hero p {
	font-size: clamp(1rem, 2vw, 1.5rem);
	opacity: 0.8;
	width: 60vw;
	text-align: center;
	font-size: var(--p1);
	margin-top: 1vw;
	margin-bottom: 3vw;
}
#hero h1,
#hero h2 {
	text-align: center;
	width: 80vw;
	line-height: 1.25;
}
#second,
#third {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: scale(0);
	opacity: 1;
	filter: blur(20px);
	flex-direction: column;
}
#third .third-sub-text {
	text-align: center;
}
#second .screen_text {
	margin-top: -35vw !important;
	font-size: 1.8rem;
	text-align: center;
	width: 100%;
	transform: none !important;
}
.screen {
	width: 40vw;
	height: 22vw;
	background: white;
	border-radius: 1vw;
	position: absolute;
	top: auto;
	left: auto;
	box-shadow: 0.5vw 0.5vw 1vw #11051f50;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.screen_text {
	margin-top: 27vw;
	color: #fff;
	font-family: Regular;
	opacity: 0;
	position: absolute;
	left: auto;
	top: auto;
}
.screen img {
	width: 100%;
}
#third h2 {
	width: 70vw;
	text-align: center;
}
#third p {
	margin-top: 1.5vw;
}
#thirdicons {
	display: flex;
	flex-direction: row;
	width: 55vw;
	align-items: center;
	justify-content: center;
	margin-top: 3vw;
}
.icon {
	width: 7.5vw;
	height: 7.5vw;
	border: 1px solid #fff;
	border-radius: 100%;
	padding: 1.8vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.icon img {
	width: 100%;
}
.icon p {
	position: absolute;
	left: auto;
	top: 7vw;
	width: 12vw;
	text-align: center;
}
.arrow {
	width: 10vw;
	padding: 1vw;
}
#third-1,
#third-2,
#third-3 {
	display: flex;
	align-items: center;
	opacity: 0;
}
#white {
	color: var(--gray);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 15vw;
	width: 100vw;
	overflow: hidden;
	border-radius: 0 0 4vw 4vw;
	z-index: 9;
	pointer-events: initial;
}
#white h2,
#white p,
#white h3 {
	color: var(--gray);
}
#four h3 {
	text-transform: uppercase;
	margin-bottom: 4vw;
}
#four p {
	width: 55vw;
	text-align: center;
	margin-top: 3vw;
	margin-bottom: 9vw;
}
#four {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 80vw;
}
#opening {
	background: var(--light);
	width: 180vw;
	height: 200vw;
	position: absolute;
	left: auto;
	border-radius: 100%;
}
#screenshot1 {
	width: 80vw;
	height: 41.5vw;
	margin-bottom: 3vw;
	border-radius: 1vw;
	background-image: url("/screens/Summary Budget - Zoom 67.png");
	background-size: contain;
}
#buttons {
	position: fixed;
	z-index: 9999;
	padding: 1vw;
	left: auto;
	right: 0;
	display: flex;
}
#buttons button {
	margin-left: 1vw;
	border: 1px solid #fff;
}

#discover {
	position: absolute;
	bottom: 0;
	top: auto;
	margin-bottom: 1vw !important;
	width: 100vw !important;
	text-transform: uppercase;
	animation: parp 1s infinite linear;
}
@keyframes parp {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.cost-item {
	width: 28vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	opacity: 0;
}
.cost-icon {
	width: 8vw;
	height: 8vw;
	border: 1px solid var(--blue);
	border-radius: 100%;
}
.cost-icon img {
	width: 100%;
	padding: 1.5vw;
}
.cost-item h3 {
	margin-top: 2vw !important;
	text-transform: uppercase !important;
	margin-bottom: 0 !important;
}
#five,
#six {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 25vw;
}
#five ul {
	margin-top: 15px;
	padding: 0 10px;
}
#five li {
	color: var(--gray) !important;
	font-size: var(--p0);
	margin: 5px 0px;
}
#five h3,
#six h3 {
	text-transform: uppercase;
	margin-bottom: 4vw;
}
#five h2,
#six h2 {
	width: 80vw;
}
#five p,
#six p {
	margin-top: 2vw;
	width: 34vw;
	text-align: center;
}
.cost-item p {
	width: 20vw !important;
	text-align: center !important;
	margin-top: 1vw !important;
	font-size: var(--p0) !important;
}
#cost-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	margin-top: 5vw;
}
#six p {
	width: 45vw;
}
#inderectbox {
	width: 60vw;
	height: 4vw;
	display: flex;
	justify-content: flex-start;
	padding: 0 2vw;
	align-items: center;
	border: 1px solid;
	margin-bottom: 2vw;
	border-radius: 1vw;
	margin-top: 12vw;
}
#inderectbox div {
	font-size: var(--p1);
	left: auto;
	top: auto;
	font-family: Regular;
	font-weight: lighter;
	transition: 0.3s ease;
	position: absolute;
	display: flex;
	align-items: center;
}
#noformula {
	color: var(--light);
	opacity: 0;
}
#noformula span {
	width: 1.5vw;
	height: 1.5vw;
	position: absolute;
	left: auto;
	top: -.5vw;
	right: -2vw;
	border-radius: 100%;
	font-family: monospace;
	color: var(--blue);
	text-align: center;
}
#inderectbox.on {
	background: var(--blue);
}
#inderectbox.on #noformula {
	opacity: 1;
}
#inderectbox.on #formula {
	opacity: 0;
}
#seven {
	flex-direction: column;
	align-items: center;
	height: 100vh;
	display: flex;
	justify-content: center;
	margin-top: 20vw;
}

#seven h3 {
	text-transform: uppercase;
	margin-bottom: 3vw;
}
.box {
	display: flex;
	border: 1px solid;
	padding: 2vw 2vw 1.5vw;
	width: 96vw;
	align-items: center;
	justify-content: space-between;
	border-radius: 1vw;
	margin-bottom: 1vw;
}
.box h3 {
	line-height: 1;
	font-size: 3vw;
	text-transform: initial !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.box p {
	max-width: 40%;
	line-height: 1;
}
#eight {
	background: var(--blue);
	border-radius: 4vw;
	width: 100vw;
	z-index: 9;
}
#eight h3 {
	text-transform: uppercase;
	color: var(--light);
	font-size: 2rem;
	text-align: center;
}
#eight h2 {
	color: #fff;
	text-align: left;
	width: 72vw;
	padding: 10vw 4vw;
}
.testimonial {
	font-family: Regular;
	color: #fff;
	font-size: var(--p0);
	border: 1px solid;
	width: 15vw;
	padding: 1.5vw;
	border-radius: 1vw;
	margin: 0.75vw;
}
.testimonial .author {
	text-align: right;
	margin-top: 3vw;
	font-size: 80%;
}
#testimonials1 {
	width: 16.5vw;
	display: flex;
	flex-wrap: wrap;
	left: 64vw;
}
#testimonials2 {
	width: 16.5vw;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 2vw;
	left: 80.75vw;
}
.dataitem {
	display: flex;
	flex-direction: column;
	width: 25vw;
	align-items: center;
}
.number {
	font-size: 6.3vw;
	font-family: Regular;
	font-weight: lighter;
	color: var(--green);
}
#white .dataitem p {
	text-align: center;
	color: #fff;
	margin-top: 1vw;
}
#data {
	display: flex;
	width: 100vw;
	justify-content: space-around;
	margin-top: 20vw;
	margin-bottom: 10vw;
}
#trusted h2 {
	width: 100vw;
	margin-top: 5vw;
	padding-bottom: 0;
}
#carrusellogo img {
	width: 20vw;
	padding: 0 5vw;
}
#carrusellogo {
	width: 100vw;
	margin-bottom: 10vw;
	margin-top: 6vw;
	overflow: hidden;
}
#carrusellogoinn {
	display: flex;
	animation: carrusel 40s infinite linear;
}
@keyframes carrusel {
	0% {
		transform: translate(0);
	}
	to {
		transform: translate(-200vw);
	}
}
#nine {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -100vh;
	flex-direction: column;
	position: relative;
}
#nine h2 {
	text-align: left;
	width: 67vw;
	left: -5vw;
}
#nine p {
	text-align: left;
	width: 34vw;
	margin-right: 32vw;
	margin-top: 2vw;
	left: -5vw;
}
#mockup {
	position: absolute;
	width: 29vw;
	z-index: -1;
	top: auto;
	left: auto;
	margin-left: 51vw;
	margin-top: 14vw;
}
#start {
	margin-bottom: 15vw;
}
#pricemodules {
	margin-top: 10vh;
	min-height: 75vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pricemodule {
	width: 28vw;
	height: -webkit-fill-available;
	border-radius: 3vw;
	margin: 1vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid var(--gray);
	background: var(--blue);
	overflow: hidden;
}

.microcopy {
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.8rem;
	margin-top: 10px;
	margin-bottom: 15px;
}

.pricemodule {
	& > div {
		max-width: 100%;
	}
	.billed {
		font-size: 0.75rem;
		font-family: Regular;
		color: var(--light);
		text-align: center;
		padding: 1.5vw;
	}
	p {
		font-size: var(--p0);
		height: 115px;
		padding: 1vw 2vw;
		color: var(--light) !important;
		line-height: 1.2;
	}
	h3 {
		height: 100px;
		display: flex;
		align-items: center;
		font-size: 2rem;
		color: var(--light) !important;
		text-align: center;
		line-height: 1;
		padding: 0 1vw;
	}

	.price {
		display: flex;
		max-width: 100%;
		flex-direction: column;
		align-items: center;
		color: var(--light);
		font-family: Regular;
		font-size: 2.25rem;

		button {
			padding: 0.4vw 3vw;
			border: 1px solid var(--light);
			color: var(--light);
			&:hover {
				border: 1px solid var(--green);
				color: var(--light);
			}
		}
		span {
			font-size: 0.7rem;
			padding: 5px;
			margin: 10px 0px;
			margin-bottom: 2vh;
		}
	}
	.specs {
		margin-top: 12px;
		padding: 15px;
		font-family: Regular;
		margin-bottom: 20px;
		text-align: left;
		color: var(--light);
		li {
			list-style: none;
			display: flex;
			font-size: 0.9rem;
			padding: 5px;
		}
		img {
			margin-right: 10px;
		}
	}
}

#final {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: fixed;
	visibility: hidden;
	z-index: 99;
}
.okay {
	width: 15px;
}
.number span {
	display: inline-block;
	position: relative;
	margin-left: 1vw;
}
.number.three span {
	margin-left: 0.5vw;
}
.more {
	opacity: 0.7;
}
.extra {
	margin-top: 0.7vw;
}
.pricemodule.three {
	opacity: 0.4;
	cursor: no-drop;
}
.unreleased {
	font-family: Regular;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 3vw;
	position: absolute;
	left: auto;
	top: 33vw;
	color: #fff;
}
.unreleased span {
	font-size: var(--p0);
}
#faq {
	height: max-content;
	margin-top: 15vw;
	width: 100vw;
	position: relative;
}
#faq > h3 {
	padding: 3vw 5vw;
}
.extensible {
	border-bottom: 1px solid var(--green);
	margin: 1.5vw 5vw 5vw;
	width: 90vw;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.ext_extensible {
	opacity: 0;
	position: relative;
	max-height: 0;
	transition: 0.5s ease;
	padding: 1vw 0 0;
	width: 80vw;
}
.ext_extensible p {
	width: 70vw;
}
.ext_extensible p strong {
	font-weight: bold;
}
.open .ext_extensible {
	opacity: 1;
	padding: 2vw 2vw 2vw 0;
	max-height: 200vh;
}
.open .ext_extensible.uno {
}
.open .ext_extensible.dos {
	padding-right: 10px !important;
}
.ext_extensible.tres {
	display: flex;
	width: 90vw;
}
.open .ext_extensible.tres {
}
.open .ext_extensible.cuatro {
}
.ext_tit {
	font-size: 3.2vw;
}
.mas {
	position: absolute;
	top: 0.5vw;
	width: 2vw;
	height: 2vw;
	left: auto;
	right: 1vw;
	border-top: 1px solid var(--green);
	border-right: 1px solid var(--green);
	transform: rotate(135deg);
	transition: 0.5s ease;
}
.open .mas {
	transform: rotate(315deg);
}
#final button {
	padding: 0.4vw 3vw;
	margin-top: 4vw;
}
#finalspace {
	height: 100vh;
	width: 100vw;
}
#abajo {
	display: flex;
	width: 100vw;
	color: #fff;
	position: absolute;
	bottom: 0;
	top: auto;
	justify-content: space-between;
}
#abajo div {
	font-family: Regular;
	padding: 1vw;
	font-size: var(--p0);
	text-transform: uppercase;
}
#cookies {
	margin-right: 10vw;
}
#backtotop {
	cursor: pointer;
}
.half {
	font-family: Regular;
	font-size: var(--p1);
	width: 42vw;
	margin-left: 4vw;
}
.half:first-child {
	margin-left: 0;
}
.half span {
	display: block;
	font-size: var(--p0);
	padding: 1vw 0;
}
.methodtit {
	margin-bottom: 1vw;
	text-decoration: underline;
}
.ext_extensible ul li span {
	color: var(--light);
	background: var(--blue);
	font-size: 0.8vw;
	padding: 0.5vw 0.4vw 0.3vw;
	width: 1.2vw;
	height: 1.2vw;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	border: none;
	margin-right: 0.5vw;
}
.ext_extensible ul li {
	margin-bottom: 0.4vw;
}
.peq li {
	font-size: var(--p0);
	line-height: 1.1;
	list-style: decimal-leading-zero;
	color: #7d7d7d;
	border-bottom: 1px solid #dbdbdb;
	padding: 1vw;
}
.peq li::marker {
	color: var(--green);
}
.peq {
	margin-left: 30px;
	width: 100%;
}
.ext_extensible {
	font-family: Regular;
	font-size: var(--p1);
}
.grant-preview-iframe {
	width: 80%;
	max-width: 1400px !important;
	min-width: min(1400px, 100%);
	min-height: calc(100vh - 225px);
	border-radius: 12px;
	box-shadow: none !important;
	border: 0px solid transparent;
	outline: none;
	background: transparent !important;
}
.ext_extensible span {
	font-size: var(--p0);
	line-height: 1.1;
	color: #7d7d7d;
}
#note {
	display: block;
	margin-top: 2vw;
}
.note {
	text-decoration: underline;
	display: inline;
}

#swipeeffect {
	display: none;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	#hero {
		align-items: flex-start;
		margin-left: 2vw;
	}
	.grant-preview-iframe {
		margin: 0px !important;
	}
		.four-content {
			min-height: 92vh !important;
			justify-content: center !important;
			width: 80vw !important;
		}
	
	#hero h1,
	#hero h2 {
		text-align: left;
		width: 90vw;
		padding: 2vw;
		line-height: 1;
	}
	#second .screen_text {
		margin-top: -61vh !important;
	}
	h1 img,
	h2 img {
		display: none;
	}
	#hero h1 img,
	#hero h2 img {
		height: 40px;
		width: 41px;
		display: inline-block !important;
		object-fit: cover;
	}
	p {
		line-height: 1.2;
	}
	
	.science {
		width: 12vw;
		position: absolute;
		top:-28vh;
		left: 57vw;
	}
	.document {
		width: 10vw;
		position: absolute;
		top: -16vh;
		left: 32vw;
	}
	#eight h2 {
		width: 100vw;
	}
	button {
		padding: 1vw 3vw;
		border-radius: 8vw;
	}
	#hero p {
		font-size: clamp(1.2rem, 2vw, 1.5rem);
		opacity: 0.8;
		width: 66vw;
		text-align: left;
		margin-left: 2vw;
		margin-bottom: 10vw;
	}
	#hero button {
	
				margin-left: 2vw;
					margin-top: 6vw;
					max-width: 90vw;
					
					padding-left: 28px;
					font-size: 1.7rem;
	}
	#logolink {
		padding: 5.3vw 2vw;
	}
	#logo {
		font-size: 1.5rem;
	}
	#symbol {
		width: 4.5vw;
		height: 4.5vw;
		margin-right: 1vw;
		margin-top: 0.6vw;
	}
	.cell,
	.cell div {
		width: 1.5vw;
		height: 1.5vw;
	}
	#discover {
		position: absolute;
		bottom: 10vw;
		top: auto;
		text-align: center !important;
		width: 96vw !important;
	}
	.screen {
		width: 93vw;
		height: 59vw;
	}
	h1,
	h2 {
		font-size: 3rem;
	}
	#third h2 {
		width: 60vw;
	}
	#third p {
		margin-top: 3.5vw;
		width: 69vw;
		text-align: center;
	}
	#thirdicons p {
		margin-top: 15.5vw;
		width: 24vw;
		text-align: center;
	}
	#thirdicons img {
		width: 100%;
		padding: 2vw;
	}
	.icon {
		width: 18.5vw;
		height: 18.5vw;
	}
	#thirdicons .arrow {
		display: none;
	}
	#thirdicons {
		width: 80vw;
		justify-content: space-between;
		margin-top: 10vw;
	}
	#four {
		width: 90vw;
	}
	#four p {
		width: 80vw;
	}
	#screenshot1 {
		width: 85vw;
		height: 45vw;
	}
	#five p,
	#six p {
		margin-top: 4vw;
		width: 80vw;
	}
	
	/* saa  */
		#six h2 {
			width: 80vw;
		}
	
		

	.cost-icon {
		width: 20vw;
		height: 20vw;
	}
	.cost-item {
		width: 78vw;
		opacity: 1;
	}
	#cost-items {
		flex-direction: column;
		display: flex;
		margin-top: 10vw;
	}
	.cost-icon img {
		padding: 3.5vw;
	}
	.cost-item p {
		/* width: 53v	w !important; */
		margin-top: 3vw !important;
		margin-bottom: 13vw;
	}
	#inderectbox {
		width: 80vw;
		height: 27vw;
	}
	#inderectbox div {
		padding: 0 3vw;
	}
	#noformula span {
		width: 5vw	;
		height: 100%;
		left:35vw;
		top:9.9vw;
	}
	#inderectbox.on #formula {
		padding: 0;
	}
	#seven {
		margin-top: 40vw;
		margin-bottom: 40vw;
		height: auto;
	}
	.box p {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-top: 2vw;
		line-height: 1.2;
	}
	.box {
		display: flex;
		flex-direction: column;
		border-radius: 1vw;
		margin-bottom: 1vw;
		align-items: start;
		margin-bottom: 4vw;
	}
	.box h3 {
		font-size: 6.65vw;
	}
	#seven h3 {
		margin-bottom: 7vw;
	}
	#testimonials1 {
		left: 4vw;
		width: 42.5vw;
	}
	#testimonials2 {
		width: 42.5vw;
		top: 19vw;
		left: 50.75vw;
	}
	.testimonial {
		width: 42vw;
		margin: 2vw 0;
	}
	#eight h2 img {
		position: absolute;
		width: 15vw;
		display: block;
		top: 37vw;
		left: 54vw;
	}
	#data {
		flex-direction: column;
		align-items: center;
	}
	.number {
		font-size: 12.3vw;
		margin-top: 10vw;
	}
	.dataitem p {
		width: 50vw;
	}
	.number.three {
		width: 50vw;
	}

	#carrusellogo img {
		width: 34vw;
		padding: 0 5vw;
	}
	@keyframes carrusel {
		0% {
			transform: translate(0);
		}
		to {
			transform: translate(-341vw);
		}
	}
	#trusted h2 img {
		top: 8vw;
		left: 68vw;
	}
	#trusted h2 {
		margin-top: 22vw;
	}
	#carrusellogo {
		margin-bottom: 20vw;
		margin-top: 14vw;
	}
	#nine {
		height: auto;
		margin-top: 20vw;
	}
	#nine h2 {
		width: 89vw;
	}
	#start {
		margin-bottom: 0;
		margin-top: 80vw;
	}
	#nine p {
		width: 50vw;
		left: -7vw;
	}
	#pricemodules {
		text-align: center;
		flex-direction: column;
		margin-top: 30vw;
		height: auto;
	}
	#grantPreviewIframe {
		display: none;
	}
	.grant-preview-image {
		display: block;
		border-radius: 10px;
		width: 100%;
		border :7px solid #d8d8d8;
	}
	.pricemodule {
		text-align: center;
		width: 87vw;
		height: auto;
		padding: 5vw;
		margin: 5vw 0;
	}
	.pricemodule h3 {
		justify-content: center;
		text-align: center;
		margin: 4vw 0;
		width: 66vw;
		font-size: 8vw;
	}
	.price {
		font-size: 2.25rem;
	}
	.price span {
		font-size: 0.7rem;
		margin-top: 0.4vw;
	}
	.price a {
		margin-top: 3vw;
	}
	.price a button {
		margin-top: 3vw;
		width: 34vw;
	}
	#final .primary.trial {
		font-size: 1.2rem;
		scale: 1.4 !important;
		padding: 1vw 6vw;
	}
	.okay {
		display: inline;
		width: 2.5vw;
		margin-top: 2vw;
		position: absolute;
		left: -4.1vw;
	}
	.unreleased {
		position: relative;
		top: 0;
		margin-top: 10vw;
	}
	#faq {
		height: auto;
		margin-top: 10vw;
		position: relative;
		top: 0;
	}
	.ext_tit {
		font-size: 7.2vw;
		width: 80vw;
		margin-left: 6vw;
	}
	.ext_tit span {
		position: absolute;
		left: -6vw;
		font-size: 3vw;
		top: 1vw;
	}
	.ext_extensible p {
		width: 85vw;
	}
	.open .ext_extensible.uno {
		max-height: 83vw;
	}
	.open .ext_extensible.dos {
		max-height: 13vw;
	}
	.half {
		width: 85vw;
		margin-left: 0;
		border-bottom: 1px solid;
		padding-bottom: 5vw;
		padding-top: 5vw;
	}
	.ext_extensible {
		padding: 4vw 0 0;
	}
	.ext_extensible.tres {
		display: flex;
		width: 90vw;
		flex-direction: column;
	}
	.open .ext_extensible.tres {
		max-height: 312vw;
	}
	.peq {
		margin-left: 7.5vw;
		width: 70vw;
	}
	.methodtit {
		margin-bottom: 6vw;
	}
	.open .ext_extensible.cuatro {
		max-height: 145vw;
	}
	#note {
		margin-top: 5vw;
	}
	.ext_extensible.cuatro ul li span {
		width: 4.2vw;
		height: 4.2vw;
		font-size: 3vw;
		position: absolute;
		left: -5.5vw;
	}
	.ext_extensible.cuatro ul li {
		left: 6vw;
		margin-bottom: 2vw;
	}
	#swipeeffect {
		position: absolute;
		top: auto;
		margin-top: 34vw;
		height: 23vw;
		border-radius: 10vw;
		right: 8vw;
		left: auto;
		display: block;
		border: 1px solid #ffffff36;
	}
	#discover {
		display: none;
	}
	#swipeeffect span {
		width: 9vw;
		height: 9vw;
		display: block;
		border: 1px solid white;
		border-radius: 100%;
		transform: translateY(45vw);
		animation: swipef 2s infinite ease;
	}
	#swipeeffect p {
		width: 20vw;
		margin: 0;
		text-align: center;
		bottom: -11vw;
		top: auto;
		right: -5.7vw;
		left: auto;
		position: absolute;
		animation: parp 1s infinite linear;
	}
	@keyframes swipef {
		0% {
			transform: translateY(14vw);
			opacity: 0.4;
		}
		70% {
			transform: translateY(0);
			opacity: 0;
		}
		to {
			transform: translateY(0);
			opacity: 0;
		}
	}
		#final {
			gap : 25px
		}
	#final h2 {
		width: 82vw;
		text-align: center;
	}
	#final h2 img {
		display: block;
		width: 0;
		height: 0;
	}
	#mockup {
		width: 86vw;
		margin-left: 14vw;
		margin-top: 122vw;
	}
	.screen_text {
		margin-top: 73vw;
		text-align: center;
		width: 80vw;
	}
	#spacemov {
		display: inline;
		opacity: 0;
		width: 3vw;
	}
}
@font-face {
	font-family: swiper-icons;
	src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
	font-weight: 400;
	font-style: normal;
}
:root {
	--swiper-theme-color: #007aff;
}
.swiper,
swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block;
}
.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(
		--swiper-wrapper-transition-timing-function,
		initial
	);
	box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0);
}
.swiper-horizontal {
	touch-action: pan-y;
}
.swiper-vertical {
	touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}
.swiper-slide-invisible-blank {
	visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}
.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}
.swiper-3d {
	perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(
		to left,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal
	> .swiper-wrapper
	> .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}
.four-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 81vh;
	gap: 2vh;
	width: 77%;
	justify-content: start;
}

.back-to-top-arrow {
	height: 100%;
	width: 10vw;
}

/* Image modal (lightbox) */
#image-modal {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}
#image-modal.open { display: flex; }
.image-modal-backdrop {
	position: absolute;
	inset: 0;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	background: rgba(0,0,0,0.6);
}
.image-modal-content {
	position: relative;
	max-width: 95vw;
	max-height: 90vh;
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}
.image-modal-content img {
	display: block;
	max-width: 95vw;
	max-height: 90vh;
}
.image-modal-close {
	position: fixed;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.6);
	background: rgba(0,0,0,0.35);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	z-index: 10;
	left : auto;
	cursor: pointer;
}