@view-transition {
	navigation: auto;
	}
html summary::-webkit-details-marker {
  display: none;
  }
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: aktiv-grotesk, 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-optical-sizing: auto;
	padding: 0;
	margin: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;
	font-synthesis: none;
	-moz-font-feature-settings: 'kern';
	shape-rendering: geometricPrecision;
	direction: ltr;
	line-height: 100%;
	color: var(--color-text);
	-webkit-tap-highlight-color: transparent;
	font-size: 100%;
	transition: font-size var(--transition-04);
	}
*::-webkit-scrollbar {
	display: none;	
	}	
ul,
ol,
li {
	list-style: none;
	}
html {
	position: relative;
	}	
body,
html {
	height: 100%;
	}
body {
	font-size: 1rem;
	animation: bugfix infinite 1s;
	-webkit-animation: bugfix infinite 1s;
	min-width: 375px;
	overflow: hidden;
	position: relative;
	width: 100%;
	line-height: 100%;
	-webkit-overflow-scrolling: touch;
	background: var(--color-background-body);
	}	
svg {
	shape-rendering: geometricPrecision;
	}		
fieldset {
	outline: 0;
	border: 0;
	}
	


/* BUTTONS */
		
		
button {
	border: 0;
	outline: 0;
	white-space: nowrap;
	cursor: pointer;
	border-radius: var(--border-radius-10);
	background: var(--color-button-primary-gradient-bg);
	color: var(--color-white);
	padding: .6em 1.5em;
	font-size: var(--font-size-medium);
	}	
button[disabled] {
	opacity: .4;
	cursor: not-allowed;
	}	
button.light.faded {
	background: var(--color-textcolor-trans-05);
	outline: 0;
	border: 0;
	color: var(--color-text);
	}
button.secondary {
	border: 1px solid var(--color-primary);
	padding: .6em 1.2em;
	background: transparent;
	color: var(--color-text);
	width: fit-content;
	}	
button.small {
	font-size: .8rem;
	padding: 8px 14px;
	border-radius: var(--border-radius-8);
	}	
button.medium {
	font-size: .85rem;
	padding: 10px 16px;
	border-radius: var(--border-radius-8);
	}	
button.large {
	font-size: 1.1rem;
	padding: 8px 16px;
	border-radius: var(--border-radius-8);
	}
button.xlarge {
	font-size: 1.2rem;
	font-weight: 600;
	padding: 3px 10px;
	border-radius: var(--border-radius-5);
	}	
button.add {
	font-size: var(--font-size-xlarge);
	padding: 0;
	width: 25px;
	height: 25px;
	border-radius: var(--border-radius-circle);
	position: relative;
	}	
button.add:after {
	mask: var(--icon-add) left center / 10px 10px no-repeat;
	background: var(--color-white);
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	content: '';
	transform: translate(-50%,-50%);
	}		
	
/* BUTTON INFO */
	
	
button.info {
	padding: 8px 12px;
	width: 2em;
	height: 2em;
	position: relative;
	}	
button.info:before {
	mask: var(--icon-info) center center / 10px 10px no-repeat;
	background: var(--color-white);
	width: 10px;
	height: 10px;
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;	
	}		



/* BUTTON PRIMARY */
	
	
button.primary {
	background: var(--color-button-primary-gradient-bg);
	color: var(--color-white);
	font-weight: 500;
	padding: 16px 26px;
	font-size: var(--font-size-xxmedium);
	cursor: pointer;
	transition: var(--transition-04);
	}
body.body-home button.primary {
	background: var(--color-button-primary-gradient-bg);
	color: var(--color-white);
	font-weight: 500;
	padding: 16px 26px;
	font-size: var(--font-size-xxmedium);
	cursor: pointer;
	transition: var(--transition-04);
	box-shadow: none;
	}	
button.primary label {
	color: var(--color-black);
	width: 100%;
	height: 100%;
	display: block;
	font-weight: 500;
	font-size: var(--font-size-xxmedium);
	}	
button.primary:hover {
	
	}	
button.clear {
	background: var(--color-textcolor-trans-10);
	color: var(--color-white);
	font-weight: 500;
	padding: 12px 26px;
	font-size: var(--font-size-xxmedium);
	}		
button.signup {
	background: var(--color-button-primary-gradient-bg);
	padding: 20px 36px;
	border-radius: var(--border-radius-10);
	font-size: var(--font-size-xxxlarge);
	color: var(--color-black);
	font-weight: 500;
	margin: 40px 0 0 0;
	}		
/* *::-webkit-scrollbar {
	  display: none;
	}	 */
select {
	appearance: none;
	-webkit-appearance: none;
	border: none;
	padding: 10px 15px;
	margin: 0;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: 115%;
	z-index: 1;
	outline: none;
	}	
.icon.check-primary {
	background: var(--icon-check-primary) no-repeat;
	}
textarea {
	border-radius: var(--border-radius-8);
	padding: 1.5em;
	background: transparent;
	outline: none;
	resize: none;
	}
input,
select {
	border: 0;
	outline: 0;
	}
.alert {
	mask: var(--icon-alert) top left / 12px 12px no-repeat;
	background: var(--color-live);
	width: 12px;
	height: 12px;
	}

		

/* OVERTURE BRAND ASSETS */
		
.overture-wordmark-black {
	background-image: var(--overture-wordmark-dark);
	background-size: 150px 100px;
	background-repeat: no-repeat;
	width: 150px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	}

/* CLOSE BUTTON (MODAL) */

.close-btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 30px;
	right: 30px;
	}
.close-btn::before,
.close-btn::after {
	content: '';
	position: absolute;
	height: 20px;
	width: 2px;
	background: var(--color-black);
	left: 50%;
	transition: all .4s;
	}
.close-btn::before {
	transform: translateX(-50%) rotate(-45deg);
	}	
.close-btn::after {
	transform: translateX(-50%) rotate(45deg);
	}		

	
	
/* CUSTOM RADIO AND CHECKBOXES */
		
input.card-input-element + .card {
	width: 100%;
	height: 100%;
	padding: 18px 24px;
	justify-content: center;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid var(--color-textcolor-trans-20);
	border-radius: 10px;
	text-align: left;
	-webkit-box-shadow: var(--box-shadow-level-0);
	box-shadow: var(--box-shadow-level-0);
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: start;
	grid-row-gap: 5px;	
	}
input.card-input-element + .card.medtall {
	padding: 0 24px;
	min-height: 140px;
	}
input[type='radio'].card-input-element + .card.medtall .content span,
input[type='checkbox'].card-input-element + .card.medtall .content span {
	font-size: var(--font-size-xxlarge);
	}	
input.card-input-element + .card.tall {
	padding: 42px 24px;
	}	
input[type='radio'].card-input-element + .card.tall .content,
input[type='checkbox'].card-input-element + .card.tall .content,
input[type='checkbox'].card-input-element + .card.big .content {
	font-size: var(--font-size-xxlarge);
	color: var(--color-textcolor-trans-50);
	}	
input.card-input-element + .card:hover {
	cursor: pointer;
	}
input.card-input-element + .card .content {
	color: var(--color-white);
	}
input.card-input-element + .card .desc {
	color: var(--color-textcolor-trans-50);
	line-height: 140%;
	padding: 0 50px 0 0;
	}	
input.card-input-element.full + .card .content {
	width: 100%;
	}
input.card-input-element.full + .card .content input[type='text'] {
	width: 100%;
	margin: 22px 0 0 0;
	opacity: .1;
	pointer-events: none;
	user-select: none;
	}
input[type='radio'].card-input-element + .card .content,
fieldset.buyer-industries input[type='checkbox'].card-input-element + .card .content,
fieldset.buyer-attributes input[type='checkbox'].card-input-element + .card .content,
fieldset.buyer-type input[type='checkbox'].card-input-element + .card .content {
	font-size: var(--font-size-xlarge);
	}	
input[type='radio'].card-input-element + .card .content span,
input[type='checkbox'].card-input-element + .card .content span {
	display: block;
	color: var(--color-textcolor-trans-50);
	font-size: var(--font-size-small);
	padding: 8px 0 0 0;
	}	
input[type='checkbox'].card-input-element + .card .content {
	font-size: var(--font-size-xmedium);
	}	
input[type='checkbox'].card-input-element + .card .content span.comment {
	display: block;
	font-size: var(--font-size-xsmall);
	color: var(--color-textcolor-trans-60);
	margin: 5px 0 0 0;
	}	
input.card-input-element:checked + .card {
	border: 1px solid var(--color-primary);
	-webkit-transition: border 0.3s;
	-o-transition: border 0.3s;
	transition: border 0.3s;
	position: relative;
	}
input.card-input-element:checked + .card .content {
	color: var(--color-white);
	}	
input.card-input-element:checked + .card .content span.comment {
	color: var(--color-textcolor-trans-50);
	}		
input.card-input-element + .card::after {
	content: "";
	border: 1px solid var(--color-textcolor-trans-50);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-animation-name: fadeInCheckbox;
	animation-name: fadeInCheckbox;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 0;		  
	}	
input.card-input-element:checked + .card::after {
	content: "";
	mask: var(--icon-check) right center / 24px 24px no-repeat;
	background: var(--color-primary);
	position: absolute;
	right: 20px;
	top: 50%;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
	-webkit-animation-name: fadeInCheckbox;
	animation-name: fadeInCheckbox;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 1;
	}
input.card-input-element.full + .card::after {
	top: 18px;
	transform: none;
	}	
input.card-input-element.full:checked + .card::after {
	top: 18px;
	transform: none;
	}	
input.card-input-element.full:checked + .card .content input[type='text'] {
	opacity: 1;
	pointer-events: auto;
	user-select: auto;
	}		
input.card-input-element[type='radio'],
input.card-input-element[type='checkbox'] {
	display: none;
	}
@-webkit-keyframes fadeInCheckbox {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}
@keyframes fadeInCheckbox {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}

	
	
	
/* CUSTOM SELECT MENU */



.custom-select {
	appearance: none;
	background: var(--color-primary-lightest-2) var(--icon-chevron-down) center right 20px / 14px 14px no-repeat;
	border-radius: var(--border-radius-10);
	box-sizing: border-box;
	color: var(--color-textcolor-trans-50);
	font-size: var(--font-size-large);
	flex: 1;
	padding: 38px 20px 16px 20px;
	width: 100%;
	transition: var(--transition-04);
	}
.custom-select::placeholder {
	}
.custom-select, .custom-select::picker(select) {
	appearance: base-select;
	font-weight: 500;
	color: var(--color-black);
	}
.custom-select::picker(select) {
	appearance: base-select;
	background: var(--color-white);
	border: 0;
	overflow: auto;
	margin: 0;
	max-height: 90%;
	padding: 10px 30px 10px 10px;
	border-radius: var(--border-radius-10);
	}
.custom-select::picker-icon {
	content: "";
	}
.custom-select:open {
	background-image: var(--icon-chevron-up);
	}
.fcustom-select option {
	padding: 10px;
	}
.custom-select option:enabled {
	color: var(--color-black-trans-60);
	background-color: transparent;
	padding: 9px 0;
	cursor: pointer;
	}
.custom-select option:enabled:hover {
	color: var(--color-black);
	font-weight: 500;
	}
.custom-select option:enabled:first-child {
	color: var(--color-black);
	font-weight: 600;
	}	
	
	
	
/* ============= */	
	

			
body.body-home #root {
	display: block;
	width: auto;
	overflow-y: hidden;
	}			




[type='text'],
[type='email'],
[type='tel'],
[type='password'],
textarea {
	padding: 18px 20px;
	border-radius: var(--border-radius-10);
	width: 100%;
	color: var(--color-black);
	font-size: var(--font-size-large);
	font-weight: 400;
	background: var(--color-primary-lightest-2);
	background: var(--color-white);
	/* box-shadow: inset 5px 5px 10px var(--color-textcolor-trans-40),
	inset -5px -5px 10px #fff;	 */
	border: 1px solid var(--color-primary);
	}	
 textarea {
	height: 130px;
	line-height: 160%;
	}	
 [type='tel'],
 .business-website [type='text'],
 .your-website [type='text'],
 input.owner-pay-amount,
 input.estimated-business-value,
 input.annual-amount {
	padding-top: 38px;
	padding-bottom: 16px;
	}		
 [type='text']::placeholder,
 [type='email']::placeholder,
 [type='tel']::placeholder,
 [type='password']::placeholder {
	color: var(--color-black-trans-60);
	font-size: var(--font-size-large);
	}	
 textarea::placeholder {
	color: var(--color-textcolor-trans-60);
	font-size: var(--font-size-large);
	line-height: 160%;
	}		
 .label-input-group,
 .label-input-group.currency {
	position: relative;
	}		
 .label-input-group.currency label {
	top: 16px;
	}
 .label-input-group.currency:before {
	content: "$ ";
	position: absolute;
	left: 20px;
	top: calc(50% + 12px);
	transform: translateY(-50%);
	z-index: 2;
	color: var(--color-black);
	font-size: var(--font-size-xxlarge);
	font-weight: 600;
	}	
 .label-input-group.currency [type='text'] {
	padding-top: 38px;
	padding-left: 34px;
	font-size: var(--font-size-xxlarge);
	}	
 label[for='mobile-number'],
 label[for='business-website'],
 label[for='your-website'],
 label[for='owner-pay-amount'],
 label[for='estimated-business-value'],
 label.label-input-group-label {
	position: absolute;
	top: 16px;
	left: 20px;
	color: var(--color-black-trans-60);
	font-size: var(--font-size-medium);
	font-weight: 400;
	z-index: 1;
	}	
 fieldset.buttons {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-top: 40px;
	flex-flow: column;
	}
 fieldset.buttons button {
	width: 100%;
	}					



/* HOME */	


	
html:not(.fp-enabled) #fullpage > .section {
	display: none;
	}
html:not(.fp-enabled) #fullpage > #section0 {
	display: block;
	height: 100vh;
	}	
	
#fullpage {		
	position: relative;
	top: -70px;
	}
	
#fullpage {	
	
	.section {
		text-align: center;
		}
	.section:before {
		position: absolute;
		top: 45px;
		left: 30px;
		padding: 0 0 0 45px;
		z-index: 999;
		font-size: 1.3rem;
		background: var(--logomark-overture) top left / 30px 30px no-repeat;
		height: 30px;
		line-height: 140%;
		}		
	.section#section0 .valuation-calc {
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		font-size: var(--font-size-xlarge);
		background: var(--color-black);
		border-radius: var(--border-radius-10);
		color: var(--color-primary);
		padding: 12px 26px 12px 52px;	
		text-decoration: none;
		border: 1px solid var(--color-primary-trans-30);
		}	
	.section#section0 .valuation-calc:before {
		position: absolute;
		top: 50%;
		left: 20px;
		width: 22px;
		height: 22px;
		transform: translateY(-50%);
		content: '';
		mask: var(--icon-calculator) top center / 22px 22px no-repeat;
		background: var(--color-primary);
		}	
	.section#section0 .button-get-started {	
		background: var(--color-primary);
		padding: 20px 50px;
		border-radius: var(--border-radius-20);
		font-size: var(--font-size-xxxlarge);
		color: var(--color-white);
		font-weight: 400;
		margin: 40px 0 0 0;
		display: block;
		width: fit-content;
		outline: 0;
		border: 0;
		}
	.section#section0 .button-get-started:hover {
		animation: light 1s;
		-webkit-animation: light 1s;
		}	
	.section:before {
		display: none;
		}						
	#menu li {
		display: inline-block;
		margin: 0;
		color: var(--color-white);
		/* background: hsla(0,0%,0%,.8); */
		-webkit-border-radius: 5px;
		border-radius: 8px;
		width: fit-content;		
		}
	#menu li.logo {
		width: 70px;
		height: 70px;
		background: transparent;
		margin-right: 10px;
		}	
	#menu li.logo img {
		width: 70px;
		height: 70px;
		}	
	#menu li.active {
		background: var(--color-primary);
		color: var(--phthalo);
		}
	#menu li a {
		text-decoration:none;
		color: var(--color-white);
		font-size: .9rem;
		font-weight: 400;
		}
	#menu li a:hover {
		background: var(--color-textcolor-trans-50);
		color: var(--color-white);
		border-radius: 8px;
		}
	#menu li:hover {
		background: var(--color-textcolor-trans-70);
		}
	#menu li a,
	#menu li.active a {
		padding: 6px 14px;
		display: block;
		white-space: nowrap;
		}
	#menu li.active a {
		color: var(--color-black);
		/* font-weight: 600; */
		}
	#menu li.active a:hover {
		background: var(--color-primary);
		cursor: default;
		}	
	#menu {
		position: fixed;
		top: 0;
		right: 0;
		height: fit-content;
		z-index: 70;
		width: fit-content;
		padding: 0;
		margin: 0;
		display: flex;
		flex-flow: column;
		grid-gap: 7px;
		background: var(--color-textcolor-trans-30);
		backdrop-filter: blur(20px);
		padding: 95px 30px 30px 20px;
		border-radius: 0 0 30px 30px;
		align-items: end;
		}


	/* valuation bar graphs */
		
	.bar-graph .label {
		-webkit-animation: fade-in-text 2.2s 0.1s forwards;
		-moz-animation: fade-in-text 2.2s 0.1s forwards;
		animation: fade-in-text 2.2s 0.1s forwards;
		opacity: 0;
		}
	.bar-graph-horizontal {
		margin: 30px -50px 0 -50px;
		position: relative;
		width: calc(100% + 100px);
		background: var(--color-primary-lightest);
		padding: 30px;
		border-radius: 0 0 var(--border-radius-20) 0;
		}
	.bar-graph-horizontal > div {
		float: left;
		margin-bottom: 8px;
		width: 100%;
		}
	.bar-graph-horizontal .label {
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		color: var(--color-white);
		z-index: 1;
		}
	.bar-graph-horizontal .bar {
		border-radius: 5px var(--border-radius-10) var(--border-radius-10) 5px;
		height: 40px;
		float: left;
		overflow: hidden;
		position: relative;
		width: 0;
		}
	.bar-graph .bar::after {
		-webkit-animation: fade-in-text 2.2s 0.1s forwards;
		-moz-animation: fade-in-text 2.2s 0.1s forwards;
		animation: fade-in-text 2.2s 0.1s forwards;
		color: var(--color-white);
		content: attr(data-percentage);
		font-weight: 700;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		}
	.bar-graph .bar-one,
	.bar-graph .bar-two {
		position: relative;
		}	
	.bar-graph.place-filler .bar-one,
	.bar-graph.place-filler .bar-two {
		display: none;
		}	
	.bar-graph.place-filler {
		height: 170px;
		background: var(--color-primary-lightest-2);
		border-radius: 0;
		}
	.bar-graph .bar-one .bar {
		background-color: var(--color-primary);
		-webkit-animation: show-bar-one 1.2s 0.1s forwards;
		-moz-animation: show-bar-one 1.2s 0.1s forwards;
		animation: show-bar-one 1.2s 0.1s forwards;
		}
	.bar-graph .bar-two .bar {
		background-color: var(--color-brand-supp-1);
		-webkit-animation: show-bar-two 1.2s 0.4s forwards;
		-moz-animation: show-bar-two 1.2s 0.4s forwards;
		animation: show-bar-two 1.2s 0.4s forwards;
		}
	@-webkit-keyframes show-bar-one {
		0% {
		width: 0;
		}
		100% {
		width: 89.6%;
		}
	}
	@-webkit-keyframes show-bar-two {
		0% {
		width: 0;
		}
		100% {
		width: 56.8%;
		}
	}
	@-webkit-keyframes fade-in-text {
		0% {
		opacity: 0;
		}
		100% {
		opacity: 1;
		}
	}


	/* Style for our header texts
	* --------------------------------------- */
	
	
	h1 {
		font-size: var(--font-size-h1);
		color: #fff;
		margin: 0 0 70px 0;
		font-weight: 200;
		letter-spacing: -.01em;
		text-align: center;
		}
	.body-home h1 {
		text-align: center;
		}	
	.content-section {
		padding: 0 0 20px 0;	
		display: block;
		}
	.content-section.list {
		padding: 0 0 20px 0;	
		display: grid;
		align-items: baseline;
		grid-column-gap: 15px;
		grid-template-columns: 25ch auto;
		justify-content: start;
		}	
	.content-section .title {
		font-size: 2.4rem;
		margin: 0 0 15px 0;
		line-height: 140%;
		color: var(--color-primary);
		white-space: nowrap;
		text-align: left;
		font-weight: 200;
		}		
	.content-section.list .title {
		text-align: right;
		font-size: 1.4rem;
		margin: 0 0 0 0;
		font-weight: 400;	
		}			
	.content-section .desc {
		font-size: 1.4rem;
		font-weight: 300;
		color: #fff;
		line-height: 150%;
		text-align: left;
		}
	#section5 .content-section .desc {
		margin-left: 5px;
		}
	/* #section5 .content-section .desc,
	#section5 .content-section .desc p {
		color: var(--phthalo);
		font-weight: 400;
		line-height: 140%;
		}	 */
	.content-section .desc p {
		padding: 0 0 15px 0;
		line-height: 150%;
		}	
	.content-section .desc p:last-child {
		padding: 0;
		}	
	.section p,
	.intro p {
		color: #fff;
		}
		
		
	/* Centered texts in each section
	* --------------------------------------- */
	
	.section {
		text-align: center;
		}
	
	/* Sections backgrounds
	* --------------------------------------- */
	
	#section0,
	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6,
	#section7,
	#section8,
	#section9,
	#section10 {
		background: var(--color-background-website);
		}	
	html.fp-enabled,
	.fp-enabled body {
		margin: 0;
		padding: 0;
		overflow:hidden;
		
		/*Avoid flicker on slides transitions for mobile phones #336 */
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
	.fp-section {
		position: relative;
		-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
		-moz-box-sizing: border-box; /* <=28 */
		box-sizing: border-box;
		height: 100%;
		display: block;
		}
	.fp-slide {
		float: left;
		}
	.fp-slide, .fp-slidesContainer {
		height: 100%;
		display: block;
		}
	.fp-slides {
		z-index:1;
		height: 100%;
		overflow: hidden;
		position: relative;
		-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
		transition: all 0.3s ease-out;
		}
	.fp-table {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		text-align: left;
		align-items: center;
		}
	.fp-slidesContainer {
		float: left;
		position: relative;
	}
	.fp-controlArrow {
		-webkit-user-select: none; /* webkit (safari, chrome) browsers */
		-moz-user-select: none; /* mozilla browsers */
		-khtml-user-select: none; /* webkit (konqueror) browsers */
		-ms-user-select: none; /* IE10+ */
		position: absolute;
		z-index: 4;
		top: 50%;
		cursor: pointer;
		margin-top: -38px;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.fp-prev{
		left: 100px;
		}
	.fp-next{
		right: 100px;
	}
	.fp-arrow{
		width: 0;
		height: 0;
		border-style: solid;
	}
	.fp-arrow.fp-prev {
		border-width: 38.5px 34px 38.5px 0;
		border-color: transparent #fff transparent transparent;
	}
	.fp-arrow.fp-next {
		border-width: 38.5px 0 38.5px 34px;
		border-color: transparent transparent transparent #fff;
	}
	.fp-notransition {
		-webkit-transition: none !important;
		transition: none !important;
	}
	#fp-nav {
		position: fixed;
		z-index: 100;
		top: 50%;
		opacity: 1;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translate3d(0,-50%,0);
		pointer-events: none;
		display: none;
	}
	#fp-nav.fp-right {
		left: 17px;
		background: var(--phthalo-60);
		backdrop-filter: blur(20px);
		border-radius: 10px;
	}
	#fp-nav.fp-left {
		left: 17px;
	}
	.fp-slidesNav{
		position: absolute;
		z-index: 4;
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		left: 0 !important;
		right: 0;
		margin: 0 auto !important;
		pointer-events: none;
	}
	.fp-slidesNav.fp-bottom {
		bottom: 17px;
	}
	.fp-slidesNav.fp-top {
		top: 17px;
	}
	#fp-nav ul,
	.fp-slidesNav ul {
	margin: 0;
	padding: 0;
	}
	#fp-nav ul li,
	.fp-slidesNav ul li {
		display: block;
		width: 14px;
		height: 13px;
		margin: 7px;
		position:relative;
	}
	.fp-slidesNav ul li {
		display: inline-block;
	}
	#fp-nav ul li a,
	.fp-slidesNav ul li a {
		display: block;
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
		cursor: pointer;
		text-decoration: none;
		pointer-events: all;
	}
	#fp-nav ul li a.active span,
	.fp-slidesNav ul li a.active span,
	#fp-nav ul li:hover a.active span,
	.fp-slidesNav ul li:hover a.active span{
		height: 12px;
		width: 12px;
		margin: -6px 0 0 -6px;
		border-radius: 100%;
	}
	#fp-nav ul li a span,
	.fp-slidesNav ul li a span {
		border-radius: 50%;
		position: absolute;
		z-index: 1;
		height: 4px;
		width: 4px;
		border: 0;
		background: #333;
		left: 50%;
		top: 50%;
		margin: -2px 0 0 -2px;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	#fp-nav ul li:hover a span,
	.fp-slidesNav ul li:hover a span{
		width: 10px;
		height: 10px;
		margin: -5px 0px 0px -5px;
	}
	#fp-nav ul li .fp-tooltip {
		position: absolute;
		top: -2px;
		color: #fff;
		font-size: 14px;
		white-space: nowrap;
		max-width: 220px;
		overflow: hidden;
		display: block;
		opacity: 0;
		width: 0;
		cursor: pointer;
	}
	#fp-nav ul li:hover .fp-tooltip,
	#fp-nav.fp-show-active a.active + .fp-tooltip {
		-webkit-transition: opacity 0.2s ease-in;
		transition: opacity 0.2s ease-in;
		width: auto;
		opacity: 1;
	}
	#fp-nav ul li .fp-tooltip.fp-right {
		right: 20px;
	}
	#fp-nav ul li .fp-tooltip.fp-left {
		left: 20px;
	}
	.fp-auto-height.fp-section,
	.fp-auto-height .fp-slide{
		height: auto !important;
	}
	
	.fp-responsive .fp-is-overflow.fp-section{
		height: auto !important;
	}
	
	/* Tries to prevent overwrites #4657 */
	.fp-enabled .fp-scrollable{
		overflow: visible;
		height: initial;
	}
	
	/* Used with autoScrolling: false */ 
	.fp-scrollable.fp-responsive .fp-is-overflow.fp-section,
	.fp-scrollable .fp-section,
	.fp-scrollable .fp-slide{
	/* Fallback for browsers that do not support Custom Properties */
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	}
	
	.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]),
	.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
	.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]){
		/* Fallback for browsers that do not support Custom Properties */
		min-height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		}
		
	/* Disabling vertical centering on scrollable elements */
	
	.fp-overflow {
		justify-content: flex-start;
		width: 100dvw;
		}
	.slide .copy {
		margin: 0;
		display: flex;
		font-size: 1.1rem;
		line-height: 140%;
		width: 100vw;
		position: relative;
		top: 109px;
		background: #00000040;
		backdrop-filter: blur(20px);
		padding: 30px 100px;
		}		
	.photo img {
		width: 100%;
		}
	.my-arrow{
		font-size: 4em;
		}	
	body:not(.fp-responsive) .fp-overflow {
		max-height: 100vh;
		max-height: 100dvh; /* fix for new browsers */
		}
	
	/* No scrollable when using auto-height */
	.fp-scrollable .fp-auto-height .fp-overflow{
		max-height: none;
		}
	
	.fp-is-overflow .fp-overflow.fp-auto-height-responsive,
	.fp-is-overflow .fp-overflow.fp-auto-height,
	.fp-is-overflow .fp-overflow{
		overflow-y: auto;
		}
	.fp-overflow{
		outline:none;
		}
	
	.fp-overflow.fp-table{
		display: block;
		}
	.fp-responsive .fp-auto-height-responsive.fp-section,
	.fp-responsive .fp-auto-height-responsive .fp-slide,
	.fp-responsive .fp-auto-height-responsive .fp-overflow{
		height: auto !important;
		min-height: auto !important;
	}
	
	/*Only display content to screen readers*/
	
	.fp-sr-only{
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
	
	/* Customize website's scrollbar like Mac OS
	Not supports in Firefox and IE */
	.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
		background-color: transparent;
		width: 9px;
	}
	.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track {
		background-color: transparent;
	}
	.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,.4);
		border-radius: 16px;
		border: 4px solid transparent;
	}
	.fp-warning,
	.fp-watermark{
		z-index: 9999999;
		position: absolute;
		bottom: 0;
	}
	.fp-warning,
	.fp-watermark a{
		text-decoration: none;
		color: #000;
		background: rgba(255,255,255,0.6);
		padding: 5px 8px;
		font-size: 14px;
		color: black;
		display: inline-block;
		border-radius: 3px;
		margin: 12px;
	}
	.fp-noscroll .fp-overflow{
		overflow: hidden;
	}
	
	.full-logo {
		width: 100%;
		margin: 0 0 40px 0;
		display: flex;
		justify-content: center;
		}	
	.full-logo img {
		width: 42%;
		}	
	.logomark {
		width: 100%;
		margin: 0 0 50px 0;
		display: flex;
		justify-content: center;
		}	
	.logomark img {
		width: 25%;
		}
	.wordmark {
		width: 100%;
		margin: 0 0 50px 0;
		display: flex;
		justify-content: center;
		}	
	.wordmark img {
		width: 45%;
		}			
	.hero-content-container {
		width: 100vw;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;	
		display: flex;
		justify-content: center;
		}
	.hero-content-container .ms {
		z-index: 4;
		position: absolute;
		top: 50%;
		left: 50%;
		background: transparent;
		transform: translate(-50%,-50%);
		text-align: center;
		font-size: 1.6rem;
		line-height: 170%;
		width: 70%;
		font-weight: 300;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		}	
	.hero-content-container .ms .logomark img {
		width: 180px;
		height: 180px;
		}
	.hero-content-container video {
		object-fit: cover;
		width: 100%;
		height: 100%;
		}		
	.hero-content-container .gradient-1 {
		background: linear-gradient(180deg, hsla(209,100%,7%,.7) 0%, hsla(0,0%,0%,.85) 100%);	
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}	   

	}

.body-home #section1 h1 {
	position: relative;
	padding: 80px 0 0 0;
	}
.body-home #section1 .vcalc-title {
	font-size: var(--font-size-h1x);
	font-weight: 300;
	color: var(--color-black);
	}	
.body-home #section1 h1:before {
	mask: var(--icon-calculator) top center / 60px 60px no-repeat;
	background: var(--color-primary);
	left: 50%;
	content: '';
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	}	
.body-home .vcalc-container {
	margin: 0 auto;
	position: relative;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	}
.body-home .content-container {
	width: 600px;
	background: var(--color-textcolor-trans-10);
	border-radius: var(--border-radius-20) 0 0 var(--border-radius-20);
	padding: 50px 50px;
	display: flex;
	grid-gap: 15px;
	flex-flow: column;
	margin: 0;
	height: auto;
	overflow-y: hidden;
	}	
.body-home fieldset.inputs {
	display: flex;
	flex-flow: column;
	position: relative;
	grid-row-gap: 10px;
	}		
.body-home .content-container:nth-child(2) {
	width: 600px;
	background: var(--color-white);
	border-radius: 0 var(--border-radius-20) var(--border-radius-20) 0;
	padding: 40px 50px 0 50px;
	display: flex;
	grid-gap: 15px;
	flex-flow: column;
	}	
.body-home .content-container:nth-child(2) .results {
	display: flex;
	grid-row-gap: 10px;
	flex-flow: column;
	margin: 15px 0 0 0;
	}
.body-home .content-container:nth-child(2) .results div {
	color: var(--color-black);
	}	
.body-home .content-container:nth-child(2) .results .line {
	background: var(--color-textcolor-trans-60);
	height: 1px;
	width: 100%;
	margin: 20px 0;
	}	
.body-home .content-container:nth-child(2) .results .url {	
	font-size: var(--font-size-xxxlarge);
	letter-spacing: -.01em;
	font-weight: 600;
	color: var(--color-primary);
	}
.body-home .content-container:nth-child(2) .results .url.place-filler {
	width: 100%;
	background: var(--color-primary-lightest-2);
	height: 25px;
	}	
.body-home .content-container:nth-child(2) .results .industry-state.place-filler {
	width: 50%;
	background: var(--color-primary-lightest-2);
	height: 13px;
	}	
.body-home .content-container:nth-child(2) .results .values-container {
	display: flex;
	grid-row-gap: 15px;
	flex-flow: column;
	margin: 20px 0 0 0;
	}	
.body-home .content-container:nth-child(2) .results .annual-revenue,
.body-home .content-container:nth-child(2) .results .net-profit,
.body-home .content-container:nth-child(2) .results .annual-revenue {	
	display: flex;
	flex-flow: column;
	grid-gap: 5px;
	}
.body-home .content-container:nth-child(2) .results .annual-revenue .title,
.body-home .content-container:nth-child(2) .results .net-profit .title,
.body-home .content-container:nth-child(2) .results .annual-revenue .title {
		color: var(--color-textcolor-trans-70);
		}
.body-home .content-container:nth-child(2) .results .annual-revenue .value,
.body-home .content-container:nth-child(2) .results .net-profit .value,
.body-home .content-container:nth-child(2) .results .annual-revenue .value {	
	font-weight: 600;
	font-size: var(--font-size-xxlarge);
	}	
.body-home .content-container:nth-child(2) .results .annual-revenue .value.place-filler,
.body-home .content-container:nth-child(2) .results .net-profit .value.place-filler,
.body-home .content-container:nth-child(2) .results .annual-revenue .value.place-filler {	
	width: 40%;
	background: var(--color-primary-lightest-2);
	height: 19px;
	}		
.body-home .content-container:nth-child(2) .results .totals-range {	
	font-size: var(--font-size-h1);
	letter-spacing: -.02em;
	font-weight: 600;
	}	
.body-home .content-container:nth-child(2) .results .totals-range.place-filler {	
	width: 60%;
	background: var(--color-primary-lightest-2);
	height: 45px;
	}	




/* NAV */

		
.header__wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	}
.header__navigation-wrapper {
	display: flex;
	width: 100%;
	padding-left: 40px;
	align-items: center;
	}
.header__buttons-wrapper {
	display: flex;
	align-items: center;
	gap: 3px;
	margin-left: auto;
	}
		
			
/* HEADER - WEB */


.header.web {
	display: flex;
	align-items: center;
	position: relative;
	width: calc(100dvw - 200px);
	padding: 0;
	min-height: 70px;
	z-index: 1;
	top: 0;
	left: 0;
	transform: none;
	margin: 0 auto;
	}	
.header.web .header__logo {
	max-width: 40px;
	}
.header.web .header__logo img {
	width: 40px;
	height: 40px;
	}
.header.web .header__list {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0;
	padding: 0;
	}
.header.web .header__list-item {
	display: flex;
	padding: 0 0 50px 0;
	margin-bottom: -50px;
	gap: 8px;
	font-size: var(--font-size-xxmedium);
	}
.header.web .header__list-item > a {
	display: flex;
	align-items: center;
	gap: 8px;
	transition: var(--transition-04);
	text-decoration: none;
	padding: 10px 16px;
	font-size: var(--font-size-xmedium);
	}
.header.web .header__list-item > a svg path {
	transition: var(--transition-04);
	}
.header.web .header__list-item .submenu-wrapper {
	position: absolute;
	width: calc(100% - 100px);
	top: 60px;
	left: 0;
	border-radius: 33px;
	padding: 30px;
	background-color: var(--color-textcolor-trans-40);
	backdrop-filter: blur(10px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: var(--transition-04);
	z-index: 2;
	margin: 0 50px;
	}
.header.web .header__button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	width: max-content;
	padding: 6px 20px;
	border-radius: var(--border-radius-20);
	gap: 8px;
	font-size: var(--font-size-xmedium);
	font-weight: 400;
	transition: var(--transition-04);
	background: var(--color-primary-trans-20);
	text-decoration: none;
	cursor: pointer;
	}
.header.web .header__button.left {
	border-radius: var(--border-radius-20) 0 0 var(--border-radius-20);
	}	
.header.web .header__button.right {
	border-radius: 0 var(--border-radius-20) var(--border-radius-20) 0;
	}	
.header.web .header__button label {
	cursor: pointer;
	}
.header.web .icon-chevron-down {
	width: 12px;
	height: 12px;
	mask: var(--icon-chevron-down) top left / 12px 12px no-repeat;
	background: var(--color-text);
	transition: var(--transition-04);
	}
.header.web .icon-arrow-path-right {
	width: 15px;
	height: 12px;
	mask: var(--icon-arrow-path-right) top left / 15px 12px no-repeat;
	background: var(--color-white);
	transition: var(--transition-04);
	}	
.header.web .submenu-list__title {
	width: max-content;
	margin-bottom: 25px;
	font-size: 12px;
	text-transform: uppercase;
	color: var(--color-textcolor-trans-40);
	}
.header.web .submenu-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 295px;
	padding-left: 0;
	}
.header.web .submenu-list__item {
	display: flex;
	padding-right: 100px;
	margin-right: -100px;
	cursor: pointer;
	}
.header.web .submenu-list__item-wrapper {
	width: 100%;
	align-items: center;
	padding: 16px;
	gap: 16px;
	border-radius: 14px;
	transition: var(--transition-04);
	display: grid;
	grid-template-columns: min-content auto min-content;
	}
.header.web .submenu-list__item-wrapper > svg {
	margin-left: auto;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-04);
	}
.header.web .submenu-list__wrapper {
	position: relative;
	}
.header.web .submenu-content {
	position: absolute;
	right: 0;
	top: 0;
	max-width: calc(100% - 365px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: var(--transition-04);
	}
.header.web .submenu-list__item.has-submenu.active .submenu-content {
	opacity: 1;
	visibility: visible;
	}
.header.web .submenu-list__item.has-submenu.active .submenu-list__item-wrapper {
	background-color: var(--color-textcolor-trans-05);
	}
.header.web .submenu-list__item.has-submenu.active .submenu-list__item-wrapper > svg {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	}
.header.web .submenu-list__item-link {
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-decoration: none;
	}
.header.web .submenu-list__item-title {
	font-size: var(--font-size-xmedium);
	font-weight: 500;
	color: var(--color-text);
	}
.header.web .submenu-list__item-icon {
	display: flex;
	}
.header.web .submenu-list__item-icon.icon-how-it-works-1 {
	width: 22px;
	height: 22px;
	mask: var(--icon-how-it-works-1) top center / 22px 22px no-repeat;
	background: var(--color-white);
	}
.header.web .submenu-list__item-icon.icon-calculator {
	width: 22px;
	height: 22px;
	mask: var(--icon-calculator) top center / 22px 22px no-repeat;
	background: var(--color-white);
	}
.header.web .submenu-list__item-icon.icon-find-buyers {
	width: 22px;
	height: 22px;
	mask: var(--icon-find-buyers) top center / 22px 22px no-repeat;
	background: var(--color-white);
	}	
.header.web .submenu-list__item-icon.icon-listings {
	width: 22px;
	height: 22px;
	mask: var(--icon-listings) top center / 22px 22px no-repeat;
	background: var(--color-white);
	}	
.header.web .submenu-list__item-icon.icon-network {
	width: 22px;
	height: 22px;
	mask: var(--icon-network) top center / 22px 22px no-repeat;
	background: var(--color-white);
	}		
.header.web .submenu-list__item-subtile {
	font-size: 12px;
	font-weight: 400;
	color: var(--color-textcolor-trans-40);
	}
.header.web .submenu-content__title {
	width: max-content;
	margin-bottom: 25px;
	font-size: 12px;
	text-transform: uppercase;
	color: var(--color-textcolor-trans-40);
	}
.header.web .submenu-content__list:not(.events) {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	padding: 0;
	}
.header.web .submenu-content__list.events {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 0;
	}
.header.web .submenu-content__list-item {
	display: block;
	border-radius: 20px;
	background-color: var(--color-textcolor-trans-05);
	cursor: auto;
	}
.header.web .submenu-content__link {
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	padding: 10px 10px 20px;
	border: 1px solid transparent;
	transition: var(--transition-04);
	text-decoration: none;
	}
.header.web .submenu-content__link-img {
	margin-bottom: 20px;
	border-radius: 13px;
	overflow: hidden;
	transition: var(--transition-04);
	}
.header.web .submenu-content__link-img img {
	transition: 0.4s ease-in;
	}
.header.web .submenu-content__link-title {
	padding: 0 10px;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 12px;
	}
.header.web .submenu-content__link-text {
	padding: 0 10px;
	font-size: 12px;
	color: var(--color-textcolor-trans-40);
	line-height: 130%;
	}
.header.web .submenu-content__link-wrapper {
	display: flex;
	gap: 20px;
	padding: 10px;
	border-radius: 20px;
	background-color: var(--color-textcolor-trans-05);
	}
.header.web .submenu-content__list.events .submenu-content__link-img {
	width: 100%;
	max-width: 220px;
	flex: 1;
	border-radius: 13px;
	margin-bottom: 0;
	}
.header.web .submenu-content__info {
	display: flex;
	flex-direction: column;
	flex: 1 0;
	}
.header.web .submenu-content__category {
	display: flex;
	align-items: center;
	gap: 10px;
	width: max-content;
	padding: 10px 20px;
	margin-bottom: 20px;
	border-radius: 30px;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid var(--color-textcolor-trans-02);
	color: var(--color-textcolor-trans-10);
	}
.header.web .submenu-content__list.events .submenu-content__link-title,
.header.web .submenu-content__list.events .submenu-content__link-text {
	padding: 0;
	margin-bottom: 12px;
	}
.header.web .submenu-content__link-address,
.header.web .submenu-content__link-date {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 400;
	color: var(--color-textcolor-trans-40);
	}
.header.web .submenu-content__link-address span,
.header.web .submenu-content__link-date span {
	line-height: 0.9;
	}
.header.web .submenu-content__url {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	margin-bottom: 20px;
	color: var(--color-white);
	font-size: 14px;
	transition: var(--transition-04);
		svg,
		svg path {
			transition: var(--transition-04);
		}
	}
.header.web .header__burger {
	display: none;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
	width: 24px;
	margin-left: auto;
	}
.header.web .header__burger i {
	width: 100%;
	height: 2px;
	background-color: var(--color-white);
	border-radius: 13px;
	transition: var(--transition-04);
	}
.header.web .header__burger.active i:nth-child(1) {
	transform: rotate(45deg) translate(4px, 4px);
	}
.header.web .header__burger.active i:nth-child(2) {
	opacity: 0;
	}
.header.web .header__burger.active i:nth-child(3) {
	transform: rotate(-45deg) translate(4px, -5px);
	}


#root .full-screen-overlay-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
#root video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	}		
#root .gradient-1 {
	background: linear-gradient(180deg, hsla(209,100%,7%,.7) 0%, hsla(0,0%,0%,.85) 100%);	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}	




/* Overrides replacing fullPage.js layout behaviour. Kept separate so designer CSS files can be replaced wholesale on sync. */
	
:root {
	--home-header-height: 70px;
	--home-section-gap: 24px;
	/* Used by web.css (mobile nav) but missing from _themes.css; hue matches --color-background-website. */
	--color-darkest-gray: hsl(211, 22%, 14%);
}

@media screen and (max-width: 1024px) {
	:root {
		/* Matches .header.web min-height at this breakpoint in web.css. */
		--home-header-height: 64px;
	}
}

/* fullPage previously locked body overflow and owned vertical scrolling. */
html {
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body.body-home {
	height: auto;
	overflow: visible;
}

/* fullPage never adds .fp-enabled; undo the FOUC hide of non-hero sections. */
html:not(.fp-enabled) #fullpage > .section {
	display: flex;
}

html:not(.fp-enabled) #fullpage > #section0 {
	display: flex;
	height: 100dvh;
}

/* Remove the -70px pull that tucked the hero under the former in-flow header. */
#fullpage {
	top: 0;
}

/* Keep the header visible over every section the way fullPage did. */
.body-home .header.web {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

/* Reproduce .fp-section / .fp-table layout without fullPage runtime classes. */
#fullpage > .section {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	min-height: 100dvh;
	text-align: left;
	scroll-snap-align: start;
}

/* Hero stays exactly one viewport; video/gradient bleed behind the transparent header. */
#fullpage > #section0 {
	height: 100dvh;
	min-height: 100dvh;
	padding-top: 0;
	justify-content: center;
}

/* Reserve header space; safe center avoids upward overflow on short viewports. */
#fullpage > .section:not(#section0) {
	padding-top: calc(var(--home-header-height) + var(--home-section-gap));
	padding-bottom: var(--home-section-gap);
	justify-content: safe center;
}

/* Desktop .left/.right halves form one pill; stacked in the mobile menu they need full corners. */
@media screen and (max-width: 1024px) {
	.header.web .header__buttons-wrapper .header__button {
		border-radius: var(--border-radius-10);
	}
}

/* Anchor ids sit at the section top so #hash links snap to the section start. */
.section-anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}	
body.body-home #root {
	overflow-y: clip;
}		



	
	
	
	
	
	
	
	
	
	
	
@media (hover: hover) and (pointer: fine) {
	
	.header.web .header__list-item:hover .submenu-wrapper {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		z-index: 999;
		backdrop-filter: blur(10px);
		}
	.header.web .header__list-item:hover ~ .header__list-item .submenu-wrapper {
		display: none;
		}
	.header.web .header__list-item:hover > a {
		color: var(--color-primary);
		fill: var(--color-primary);
		}
	.header.web .header__list-item > a:focus,
	.header.web .header__list-item > a:hover {
		padding: 10px 16px;
		border-radius: var(--border-radius-20);
		background: var(--color-textcolor-trans-10);
		color: var(--color-primary);
		}
	.header.web .header__list-item > a:focus span,
	.header.web .header__list-item > a:hover span {	
		color: var(--color-primary);
		}	
	.header.web .header__list-item:hover > a .icon-chevron-down {
		background: var(--color-primary);
		}	
	.header.web .header__button:hover {
		background: var(--color-textcolor-trans-10);
		}
	.header.web .submenu-list__item.has-submenu:hover .submenu-list__item-wrapper {
		background-color: var(--color-textcolor-trans-05);
		}
	.header.web .submenu-list__item.has-submenu:hover .submenu-content,
	.header.web .submenu-list__item.has-submenu:hover .submenu-list__item-wrapper > svg {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		}
	.header.web .submenu-content__list-item:hover .submenu-content__link {
		border-color: var(--color-textcolor-trans-30);
		}
	.header.web .submenu-content__list-item:hover .submenu-content__link-img img {
		transform: scale(1.05);
		}
	.header.web .submenu-content__url:hover,
	.header.web .submenu-content__url:hover .icon-chevron-down {
		color: var(--color-primary);
		stroke: var(--color-primary);
		background: var(--color-primary);
		}
	.header.web .submenu-content__url:hover svg {
		transform: translateX(5px);
		}
		
	}

@media screen and (max-width: 1280px) {
	.header__navigation-wrapper {
		padding-left: 25px;
		}
	.header.web .submenu-list {
		max-width: 250px;
		}
	.header.web .submenu-content {
		max-width: calc(100% - 270px);
		}
	.header.web .submenu-content__url {
		margin-bottom: 0;
		}
	}

@media screen and (max-width: 1024px) {
	
	.header.web .base-template__wrapper {
		min-height: 105vh;
		}
	.header.web  {
		min-height: 64px;
		padding: 0 20px;
		}
	.header.web .header__burger {
		display: flex;
		}
	.header__navigation-wrapper {
		flex-direction: column;
		align-items: center;
		position: absolute;
		top: 110%;
		left: 0;
		padding: 20px;
		background-color: var(--color-darkest-gray);
		border-radius: 20px;
		opacity: 0;
		visibility: hidden;
		transition: var(--transition-04);
		}
	.header.web .header__navigation-wrapper.open {
		opacity: 1;
		visibility: visible;
		}
	.header.web .header__list {
		flex-direction: column;
		gap: 30px;
		}
	.header.web .header__buttons-wrapper {
		flex-direction: column;
		margin-left: unset;
		margin-top: 50px;
		gap: 8px;
		}
	.header__navigation,
	.header.web .header__list {
		width: 100%;
		}
	.header.web .header__list-item {
		flex-direction: column;
		width: 100%;
		padding: 0;
		gap: 0;
		margin: 0;
		}
	.header.web .header__list-item.active a,
	.header.web .header__list-item.active a > .icon-chevron-down {
		fill: var(--color-primary);
		color: var(--color-primary);
		background: var(--color-primary);
		}
	.header.web .header__list-item .submenu-wrapper {
		position: static;
		padding: 0;
		max-height: 0;
		border-radius: 0;
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		overflow: hidden;
		transition: max-height var(--transition-04);
		}
	.header.web .submenu-list {
		width: 100%;
		max-width: 100%;
		gap: 5px;
		}
	.header.web .submenu-list__wrapper {
		margin-top: 30px;
		}
	.header.web .submenu-list__item {
		width: 100%;
		padding: 0;
		margin: 0;
		}
	.header.web .submenu-list__item:active .submenu-list__item-wrapper {
		background-color: var(--color-textcolor-trans-05);
		}
	.header.web .submenu-list__item:active .submenu-list__item-wrapper > svg {
		opacity: 1;
		visibility: visible;
		}
	.header.web .submenu-list__title {
		display: none;
		}
	.header.web .submenu-content {
		display: none;
		}
	.header.web .header__button {
		border: 1px solid var(--color-white);
		}
	}

@media screen and (max-width: 767.9px) {
	
	.header__buttons-wrapper,
	.header__button {
		width: 100%;
		}
	}