@font-face {
    font-family: 'parent-regular-pro';
    src: url('/resources/fonts/pro/parent-regular-pro.woff2') format('woff2'),
        url('/resources/fonts/pro/parent-regular-pro.woff') format('woff'),
        url('/resources/fonts/pro/parent-regular-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pp-neue-regular';
    src: url('/resources/fonts/pp-neue/PPNeueMontreal-Regular.woff2') format('woff2'),
        url('/resources/fonts/pp-neue/PPNeueMontreal-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pp-neue-bold';
    src: url('/resources/fonts/pp-neue/PPNeueMontreal-Bold.woff2') format('woff2'),
        url('/resources/fonts/pp-neue/PPNeueMontreal-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pp-neue-mono-regular';
    src: url('/resources/fonts/pp-neue-mono/PPNeueMontrealMono-Regular.woff2') format('woff2'),
        url('/resources/fonts/pp-neue-mono/PPNeueMontrealMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ibm-plex-mono-regular {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

/* until we have a better solution changes should be applied to terms as well */
:root {
	--color-graphite: #231F20;
	--color-graphite-lt: #4E4A4B;
	--color-parchment: #F6F2EE;
	--color-coral: #E19182;
	--color-plum: #B771C8;
	--color-teal: #4C9696;
	--color-black: #111111;
	--color-white: #fff;
	--color-gray: #A6A6A6;
}

.color-graphite { color:var(--color-graphite); }
.color-graphite-lt { color:var(--color-graphite-lt); }
.color-parchment { color:var(--color-parchment); }
.color-black { color:var(--color-black); }
.color-white { color:var(--color-white); }
.color-gray { color:var(--color-gray); }

.bg-graphite { background-color:var(--color-graphite); }
.bg-parchment { background-color:var(--color-parchment); }


html, body {
    width: 100%;
    min-height: 100%;
}

body {
    margin:0;
    color: #fff;
	background:var(--color-parchment);
	font-family: 'pp-neue-regular', Helvetica, sans-serif;
	font-size:20px;
}

p {
	font-size:20px;
	line-height: 142%;
	margin: 0 0 15px 0;
}

p.sm { font-size:16px; }

a { text-decoration:none; }

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: 'parent-regular-pro', Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1;
	margin:0;
}

h1, .h1 { font-size:96px; }
h2, .h2 { font-size:68px; }
h3, .h3 { font-size:44px; }
h4, .h4 { font-size:32px; }
h5, .h5 { font-size:24px; }
h6, .h6 { font-size:20px; }

@media(min-width:960px) {
	
	html {
	    scroll-behavior: initial;
	    overflow: hidden;
	}
	
	body {
		height:22000px;
	}
	
	.container {
		position:fixed;
		top:0;
		left:0;
		width:100vw;
		height:100vw;
	}
	
	.mobile-header { display:none; }
}

.header {
	position:absolute;
	z-index:100;
	height:120px;
	width:100vw;
}

.logo, .logo2 {
	position:fixed;
	z-index:5;
	aspect-ratio:1/0.158;
}

.logo {
	width:40vw;
	left:80px;
	bottom:80px;
}

.introLogo {
	overflow:hidden;
}

.introLogo svg path {
	fill:var(--color-graphite);
}

.logo2 {
	left:40px;
	top:40px;
	width:253px;
	transform:translateY(0);
}

.logo2 svg path {
	fill:var(--color-graphite);
}

.logo .shapes {
	position:absolute;
	width:200%;
	top:50%;
	left:50%;
}

* {
	box-sizing:border-box;
}

img.block {
	display:block;
	width:100%;
}

.shapes-lg {
	position:absolute;
	width:100vw;
	top:0;
	left:40vw;
}

.text1 {
	position:absolute;
	top:40vh;
	left:40vw;
}

.text1 p {
	max-width:420px;
}


@keyframes blink {
  from { opacity: 0; }
  to { opacity: 1; } 
}

.actor__content--typing::after {
  content: '|';
  animation: blink 1000ms infinite;
  margin-left:2px;
}

.loader {
	position:absolute;
	z-index:12;
	top:80px;
	left:80px;
	color:#000;
	display:flex;
	height:26px;
	overflow:hidden;
}

.loader span {
	display:block;
}

.loader .odometer {
	margin-left:8px;
	text-align:right;
	height:2400px;
}

.screen-section {
	position:fixed;
	z-index:6;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:var(--color-parchment);
	clip-path:inset(0 0 0 100%);
}

.header .hairline {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#454545;
}

.top-nav {
	position:absolute;
	z-index:101;
	top:0;
	right:0;
	height:100%;
	padding:0 50px;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

.top-nav span {
	font-size:16px;
	font-family: 'pp-neue-mono-regular';
	margin-right:36px;
}

.top-nav .btn.arrow-circle {
	margin-left:10px;
}

#section1 {
	background:var(--color-black);
	clip-path: inset(0 0 100% 0);
}

#section2 .header .hairline,
#section4 .header .hairline {
	background: #E3E3E3;
}

#section1 .logo svg path {
	fill:var(--color-parchment);
}

#section2 .top-nav {
	color:var(--color-graphite);
}

.scroll-cta {
	color:#4C4C4C;
	display:flex;
	align-items:center;
	column-gap:5px;
}

.scroll-cta .arrow {
	animation: 1.5s linear 0s infinite normal forwards running arrow-pulse;
}

.scroll-cta .arrow.arrow2 {
	animation-delay:0.5s;
}

.scroll-cta .arrow.arrow3 {
	animation-delay:1s;
}

@keyframes arrow-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media(min-width:960px) {
	
	#introScreen { z-index:7; }
	
	#section2 .count-text {
		position:absolute;
		top:0;
		left:20vw;
		height:100vh;
		padding-top:25vh;
		display:inline-block;
		white-space:nowrap;
		pointer-events:none;
	}
	
	#section2 .count-text .item {
		width:550px;
		display:inline-block;
		white-space: normal;
		vertical-align:top;
	}

	#section2 .count-text .item:not(:last-child) {
		margin-right:295px;
	}

	#section2 .count-text .item p {
		font-size:16px;
		max-width:512px;
	}
	
	#section2 .count-text .item.item1 p {
		font-size:16px;
		max-width:485px;
	}
	
	#section2 .count-text .shape {
		position:absolute;
		left:0px;
		top:85px;
	}

	#section2 .count-text .shape.shape1 {
		width:840px;
	}

	#section2 .count-text .shape.shape2 {
		width:788px;
		left:-30px;
	}

	#section2 .count-text .shape.shape3 {
		width:788px;
	}
	
	#section2 .shape1 {
		aspect-ratio: 1 / .468;
		background-image:url(/resources/img/outline-shape1.png);
	}
	
	#section2 .shape2 {
		aspect-ratio: 1 / .49;
		background-image:url(/resources/img/outline-shape2.png);
	}
	
	#section2 .shape3 {
		aspect-ratio: 1 / .496;
		background-image:url(/resources/img/outline-shape3.png);
	}
}


#section2 .count-text .item .count-title {
	color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--color-coral);
	font-family: 'pp-neue-regular';
	font-size:224px;
	line-height:1;
}

#section2 .count-text .item:nth-child(2) .count-title {
	-webkit-text-stroke-color: var(--color-plum);
}

#section2 .count-text .item:nth-child(3) .count-title {
	-webkit-text-stroke-color: var(--color-teal);
}

@media(max-width:959px) {
	#section2 .count-text {
		padding:60px 5vw;
	}
	
	#section2 .count-text .item {
		margin-bottom:40px;
	}
	
	#section2 .count-text .item .count-title {
		font-size:174px;
		transform-origin: left center;
	}
	
	.shapes-outline-mobile {
		aspect-ratio: 1 / .333;
		background-image:url(/resources/img/shapes-outline-mobile.png);
	}
}

#section3 {
	background:var(--color-black);
}

@media(min-width:960px) {
	#section3 {
		clip-path: inset(100% 0 0 0);
		z-index:7;
	}
}

@media(max-width:959px) {
	#section3 {
		height:100vh;
		overflow:hidden;
	}
}


#section3 .logo2 svg path {
	fill:var(--color-parchment);
}

#section3 .top-nav .btn {
	color:var(--color-parchment);
	border-color:var(--color-parchment);
}

#section3 .top-nav .btn.arrow-circle svg path {
	fill:var(--color-parchment);
}

#section3 .vert-content {
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:200vh;
}

#section3 .glow {
	position:absolute;
	z-index:0;
}

@media(max-width:959px) {
	#section3 .glow {
		bottom:0;
		left:0;
		width:150vw;
		height:80vh;
		background-image:url(/resources/img/glow.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position: center bottom;
		opacity:0.5;
	}
}

@media(min-width:960px) {
	#section3 .glow {
		top:40vh;
		left:30vw;
		width:90vw;
		height:auto;
		aspect-ratio:1/1;
		border-radius: 9999px;
		background: radial-gradient(50% 50% at 40% 50%, #B771C8 0%, rgba(183, 113, 200, 0.00) 100%);
		filter: blur(117px);
		opacity:0.5;
	}
}

.text2 {
	position:absolute;
	z-index:2;
	top:55vh;
	right:15vw;
	transform:translateY(-50%);
}

.text2 p {
	max-width:400px;
}

.terminal-container {
	width:80vw;
	top:20vh;
	left:10vw;
	position:absolute;
	aspect-ratio: 1 / 0.9049;
	z-index:1;
}

.terminal-container:before {
	content:'';
	display:block;
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
}

.terminal-container .monitor {
	display:block;
	width:100%;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
}

.terminal {
	position:absolute;
	z-index:1;
	background:#000;
	color:#fff;
	border-radius:10px;
	padding:3% 4%;
	width:94%;
	left:2.5%;
	top:3%;
	aspect-ratio: 1 / 0.56;
	font-size:14px;
	pointer-events:none;
}

.terminal .dots {
	position:absolute;
	width:3%;
	top:0;
	left:0;
}

.terminal .inner {
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	height:80%;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.terminal .inner::-webkit-scrollbar {
  display: none;
}

.terminal p {
	font-size:0.6vw;
	line-height:1.25;
	color:#E5E6C4;
}

@media(max-width:959px) {
	.text2 {
		position:absolute;
		top:20vh;
		left:0;
		width: calc(100% - 28vw);
		margin: 0 14vw;
		transform:translate(0,0);
	}
	
	.terminal-container {
		top:10vh;
		width:200vw;
		left:5vw;
	}
	
	.terminal {
		padding:15px;
	}
	
	.terminal p {
		font-size:9px;
		line-height:1.5;
	}
	
}

.section-page {
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
}

.section-page.back-to-build .section-title {
	line-height:1.2;
	position:relative;
}

.section-page.back-to-build .section-title-wrap {
	position:absolute;
	top:40vh;
	left:50%;
	transform:translateX(-50%);
	width:810px;
}

.section-page.back-to-build .section-title .strike-through {
	position:absolute;
	width:61%;
	height:4px;
	background:#D9D9D9;
	top:77%;
	left:18.5%;
}

@media(max-width:959px) {
	.section-page.back-to-build .section-title .strike-through {
		width:70%;
		top:auto;
		bottom:13%;
		left:15%;
	}
}

.section-page.back-to-build .text p {
	max-width:580px;
}

.section-page.back-to-build .shapes {
	max-width:720px;
}

.section-page.back-to-build .shapes .tests {
	position:absolute;
	width:500px;
	height:200px;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.section-page.back-to-build .shapes .tests .load {
	position:absolute;
	top:50%;
	right:32px;
	transform:translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 999px;
	border:#272727 2px solid;
}

.section-page.back-to-build .shapes .tests .load:before {
	content:'';
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	top:-3px;
	left:-3px;
    border: solid 3px #fff;
    border-radius: 999px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    transition: all 0.5s ease-in;
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.section-page.back-to-build .shapes .tests .text {
	position:absolute;
	left:32px;
	top:50%;
	transform:translateY(-50%);
	font-size:24px;
	color:#ECDDDD;
}

.section-page.back-to-build .flex-container {
	column-gap:60px;
}

.section-page.trust .flex-container {
	column-gap:130px;
}

@media(min-width:960px) {
	.section-page.trust .flex-container,
	.section-page.back-to-build .flex-container {
		padding-left:5vw;
		padding-right:5vw;
	}
}

.section-page.trust .shapes {
	max-width:715px;
	position:relative;
}

.section-page.trust .face {
	width:24%;
	position:absolute;
	top:40%;
	left:8%;
}

.section-page.trust .message {
	width:44%;
	position:absolute;
	top:66%;
	left:10%;
}

.section-page.trust .message .text {
	color:#333;
	position:absolute;
	top:40px;
	left:39px;
	font-size:24px;
}

.section-page.trust .text p {
	max-width:400px;
}

#trust-animation {
	position:absolute;
	z-index:1;
	top:2%;
	left:6%;
	width:80%;
	height:100%;
}

@media(min-width:960px) {
	.section-page.trust {
		min-height:1100px;
	}
}

.section-page.impressive .flex-container {
	column-gap:90px;
}

@media(min-width:960px) {
	.section-page.impressive .flex-container {
		padding-left:5vw;
		padding-right:5vw;
	}
}

.section-page.impressive .shapes {
	max-width:707px;
	position:relative;
}

.section-page.impressive .numbers {
	width:600px;
	position:absolute;
	top:23%;
	left:8%;
	border-radius: 160px;
}

.section-page.impressive .numbers .text {
	position:absolute;
	top:calc(50% - 24px);
	left:258px;
	width:202px;
}

.section-page.impressive .numbers #numbersText2Screen .gradient-text {
	left:69px;
}

.section-page.impressive .numbers #numbersText2Screen .gradient-text sup {
	font-size:37px;
}

.section-page.impressive .numbers #numbersText2Screen .text {
	left:306px;
	width:165px;
}

.section-page.impressive .text p {
	max-width:400px;
}

#section4 {
	z-index:8;
}

#section4 .header {
	background:var(--color-parchment);
}

#section4 .top-nav {
    color: var(--color-graphite);
}

#section4 .faces {
	width:100vw;
	aspect-ratio: 1/1.6479;
	margin-top:190px;
    -webkit-mask:
      linear-gradient(#000 0 0),
      linear-gradient(135deg,#000 50%,#0000 0) content-box 
       0% 0%/200% 200% no-repeat;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

#section4 .text {
	color:var(--color-graphite);
}

@media(min-width:960px) {
	#section4 .text {
		position:absolute;
		top:25vh;
		left:58%;
		max-width:calc(510px + 5vw);
		width:40%;
		padding-right:5vw;
		transform:translateY(-50%);
	}
	
	#section4 .faces {
		width:50vw;
		aspect-ratio: 1/.6668;
	}
}

@media(min-width:1024px) {
	#section4 .text {
		position:absolute;
		top:28vh;
		left:68%;
		max-width:calc(510px + 5vw);
		width:30%;
		padding-right:5vw;
	}
	
	#section4 .text .title {
		max-width:400px;
	}
	
	#section4 .faces {
		width:61vw;
		aspect-ratio: 1/.6668;
	}
}

@media(min-width:1600px) {
	
	#section4 .text {
		top:28vh;
		left:62%;
		transform:translateY(-50%);
	}
	
	#section4 .faces {
		width:100vw;
		aspect-ratio: 1/.5549;
	}
}

#section4 .footer {
	position:absolute;
	left:165px;
	bottom:0;
	transform:translateY(100%);
	width:105vw;
}

#section4 .footer .footer-links {
	color:#000;
	font-size:15px;
    display: flex;
    align-items: start;
    flex-direction: column;
    margin-bottom: 15px;
    gap: .5rem;
}

@media (min-width: 960px) {
    #section4 .footer .footer-links {
        flex-direction: row;
        align-items: center;
    }
    
}

#section4 .footer .footer-links p {
    margin-bottom: 0;
    font-size: inherit;
}

.thank-you-wrap {
    max-width: 444px;
    margin-left: auto;
    margin-right: auto;
        
}

.thank-you-wrap p {
    font-family: 'pp-neue-mono-regular';
    font-size: 16px;
}
.underline {
    text-decoration: underline;
}

#section4 .content {
	transform: translate(0px, 0px);
}

.signup-form-container {
	margin-top:195px;
	padding-bottom:138px;
}

.signup-form-container p {
	font-family:'pp-neue-mono-regular';
	max-width:344px;
	font-size:16px;
	margin:0 auto;
}

.signup-form {
	color:var(--color-graphite);
}

.signup-form form {
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}

.signup-form label {
	display:block;
	font-family: 'pp-neue-bold';
	margin-bottom:8px;
	font-size:16px;
}

.signup-form .input-field {
	margin-bottom:28px;
}

.input-field {
	background:transparent;
	-webkit-appearance: none;
	border-radius: 5px;
	border: 1px solid #000;
	height:48px;
	padding:0 18px;
	min-width:390px;
	max-width:420px;
	font-size:18px;
	color:var(--color-purple);
	margin-bottom:20px;
	transition: border-color 0.28s ease;
}

.input-field:focus {
	outline:none;
	border: 1px solid rgba(51, 22, 37, 0.3);
}

.input-field::placeholder {
	color:#A3A3A3;
}

.signup-form .input-field {
	flex-grow:1;
}

.signup-form .btn {
	display:block;
	width:100%;
	background:var(--color-graphite);
	color:#fff;
	height:48px;
	transition:background 0.28s ease;
	border:none;
	margin-top:10px;
}

.signup-form .btn:hover {
	background:#666;
}

.input-field:-webkit-autofill,
.input-field:-webkit-autofill:hover, 
.input-field:-webkit-autofill:focus, 
.input-field:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-graphite);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px var(--color-black-off);
}

@media(max-width:959px) {
	#section4 .text {
		margin:40px 5vw;
	}
	
	#section4 .faces {
		width:calc(100vw);
		margin-left:0;
		margin-top:100px;
	    -webkit-mask:
	      linear-gradient(#000 0 0),
	      linear-gradient(135deg,#000 50%,#0000 0) content-box 
	       0% 0%/200% 200% no-repeat;
	    -webkit-mask-composite: xor;
	            mask-composite: exclude;
	}
	
	.signup-form-container {
	    margin-top: 100px;
	    padding-bottom: 130px;
	}
	
	.signup-form {
		margin:0 5vw;
	}
	
	#section4 .footer {
	    position: relative;
	    left: 5vw;
	    transform: none;
	    width: 105vw;
	}
	
	#section4 .footer .footer-shapes {
		width:121vw;
	}
}

#test-section {
	background:var(--color-parchment);
	clip-path: inset(0 0 0 0);
	z-index:8;
}

#test-section .logo2 {
	background:var(--color-graphite);
}

#test-section .top-nav .btn {
	color:var(--color-graphite);
	border-color:var(--color-graphite);
}


/* Buttons */
button{outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:inherit;border:none;cursor:pointer;line-height:inherit;overflow:visible;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;padding:0;text-transform:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none; background:transparent;}
button::-moz-focus-inner{border:0;padding:0;margin-top:0;margin-bottom:0;border-style:none;}

.btn {
	border-radius:999px;
	padding:0 25px;
    height: 40px;
    display: inline-block;
    font-size: 16px;
	line-height:1;
	font-family: 'pp-neue-mono-regular', Helvetica, sans-serif;
	color:var(--color-graphite);
	border:var(--color-graphite) 1px solid;
	white-space:nowrap;
	cursor:pointer;
	outline:none;
}

a.btn { line-height:40px; }

.btn.arrow-circle {
	padding:0;
	width:40px;
	display:flex;
	align-items:center;
	justify-content:center;
}

/* Mobile */
@media(max-width:959px) {
	
	.hide-max-959 { display:none !important; }
	.flex-clear-959 { display:block !important; }
	
	body {
		font-size:16px;
		height:18000px;
	}
	
	.input-field {
		font-size:16px;
		min-width:220px;
		width:100%;
	}
	
	.signup-form .btn {
		padding:0 25px;
	}
	
	h1, .h1, h2, .h2 {
	    font-size: 48px;
	}
	
	h3, .h3, .sm-h3 {
	    font-size: 34px;
	}
	
	p {
		font-size:16px;
	}
	
	.btn {
		padding:0 16px;
	}
	
	.header {
		position:fixed;
		z-index:100;
		top:0;
		left:0;
		width:100vw;
		height:84px;
		transform:translateY(-100%);
		transition: transform 0.28s ease;
	}
	
	.header.show {
		transform:translateY(0);
		transition: transform 0.5s ease;
	}
	
	.mobile-header .header {
		background: var(--color-parchment);
	}
	
	.mobile-header .header .hairline {
		background: #E3E3E3;
	}
	
	.screen-section .header { display:none; }
	
	.top-nav {
		padding:0 5vw;
	}
	
	.logo {
		position:absolute;
		width:calc(100% - 10vw);
		left:5vw;
		bottom:5vw;
	}
	
	.logo2 {
		position:absolute;
		width:148px;
		left:5vw;
		top:30px;
	}
	
	.loader {
		font-size:16px;
		line-height:20px;
	    top: 5vw;
	    left: 5vw;
		height:18px;
	}
	
	.loader .odometer {
	    height: 2000px;
	}
	
	.shapes-lg {
	    width: 145vw;
	    top: 0;
	    left: 5vw;
	}
	
	.text1 {
	    top: 21vh;
	    left: 5vw;
	}
	
	.screen-section {
		position:fixed;
		top:100vh;
		clip-path: none;
		width:100%;
		height:auto;
		padding-top:1px;
	}
	
	.section-page {
		padding:40px 5vw;
		width:100%;
		height:100vh;
	}
	
	#introScreen, #section1 {
		top:0;
		left:0;
		position:fixed;
		width:100%;
		height:100vh;
		height: -webkit-fill-available;
	}
	
	#section2 {
		position:fixed;
		top:100vh;
		padding-top:15vh;
	}
	
	.mobile-spacer { height:100vh; }
	
	.section-page.back-to-build .section-title-wrap {
		position:absolute;
		top:45%;
		width:calc(100% - 10vw);
	}
	
	.section-page.back-to-build .section-title {
		max-width:337px;
		margin-left:auto;
		margin-right:auto;
		transform:translateY(-50%);
	}
	
	.section-page.back-to-build .shapes {
		margin:0 0 60px 0;
	}
	
	.tests-container {
		position:absolute;
        width: 500px;
        height: 180px;
		top:50%;
		left:50%;
		transform-origin: center center;
		transform:translate(-50%, -50%) scale(0.7);
	}
	
	.section-page.back-to-build .shapes .tests {
		top:0;
		left:0;
		transform:translate(0,0);
	}
	
	.section-page.trust .message .text {
		font-size: 2.6vw;
		top: 40.5%;
		left: 15.5%;
	}
	
	.section-page.trust .message {
		width:40%;
		top: 66%;
		left: 11%;
	}
	
	.section-page.trust .shapes, .section-page.impressive .shapes {
		margin-bottom:50px;
	}
	
	.numbers-container {
		position:absolute;
		width: 600px;
		height: 190px;
		top:50%;
		left:50%;
		transform-origin: center center;
		transform:translate(-50%, -50%) scale(0.6);
	}
	
	.section-page.impressive .numbers {
		top:0;
		left:0;
	}
}

body .terms-container {
    color: var(--color-graphite)
}

/* Utility */

.clear { clear:both; }
.clear-after:after { content:''; display:block; clear:both; }
.center { text-align:center; }
.align-left { text-align:left; }
.relative { position:relative; }
.overflow-hidden { overflow:hidden; }
.width-100 { width:100%; }
.disable-transitions { transition:none !important; }
.hidden { display:none !important; }
.bg-contain { background-size:contain; background-repeat:no-repeat; }
.bg-cover { background-size:cover; background-repeat:no-repeat; }
.text-underline { text-decoration:underline; }

/* Flex */
.flex-container { display:flex; }
.row-wrap { flex-flow: row wrap; }
.flow-column { flex-flow: column; }
.row-reverse { flex-direction: row-reverse; }
.space-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-right { justify-content: right; }
.align-center { align-items: center; }
.order-1 { order:1; }
.order-2 { order:2; }

/* Margins */
.mt-0  { margin-top:0px !important; }
.mt-1  { margin-top:4px !important; }
.mt-2  { margin-top:8px !important; }
.mt-3  { margin-top:16px !important; }
.mt-4  { margin-top:24px !important; }
.mt-5  { margin-top:32px !important; }
.mt-6  { margin-top:48px !important; }
.mt-7  { margin-top:64px !important; }
.mt-8  { margin-top:80px !important; }
.mt-9  { margin-top:128px !important; }
.mt-10 { margin-top:160px !important; }

.mb-0  { margin-bottom:0px !important; }
.mb-1  { margin-bottom:4px !important; }
.mb-2  { margin-bottom:8px !important; }
.mb-3  { margin-bottom:16px !important; }
.mb-4  { margin-bottom:24px !important; }
.mb-5  { margin-bottom:32px !important; }
.mb-6  { margin-bottom:48px !important; }
.mb-7  { margin-bottom:64px !important; }
.mb-8  { margin-bottom:80px !important; }
.mb-9  { margin-bottom:128px !important; }
.mb-10 { margin-bottom:160px !important; }

.v-margin-0  { margin-top:4px !important; margin-bottom:0px !important; }
.v-margin-1  { margin-top:4px !important; margin-bottom:4px !important; }
.v-margin-2  { margin-top:8px !important; margin-bottom:8px !important; }
.v-margin-3  { margin-top:16px !important; margin-bottom:16px !important; }
.v-margin-4  { margin-top:24px !important; margin-bottom:24px !important; }
.v-margin-5  { margin-top:32px !important; margin-bottom:32px !important; }
.v-margin-6  { margin-top:48px !important; margin-bottom:48px !important; }
.v-margin-7  { margin-top:64px !important; margin-bottom:64px !important; }
.v-margin-8  { margin-top:80px !important; margin-bottom:80px !important; }
.v-margin-9  { margin-top:128px !important; margin-bottom:128px !important; }
.v-margin-10 { margin-top:160px !important; margin-bottom:160px !important; }

/* Specific Margins: */
.mt-40 { margin-top:40px; }

/* Padding */
.pt-0  { padding-top:0px !important; }
.pt-1  { padding-top:4px !important; }
.pt-2  { padding-top:8px !important; }
.pt-3  { padding-top:16px !important; }
.pt-4  { padding-top:24px !important; }
.pt-5  { padding-top:32px !important; }
.pt-6  { padding-top:48px !important; }
.pt-7  { padding-top:64px !important; }
.pt-8  { padding-top:80px !important; }
.pt-9  { padding-top:128px !important; }
.pt-10 { padding-top:160px !important; }

.pb-0  { padding-bottom:0px !important; }
.pb-1  { padding-bottom:4px !important; }
.pb-2  { padding-bottom:8px !important; }
.pb-3  { padding-bottom:16px !important; }
.pb-4  { padding-bottom:24px !important; }
.pb-5  { padding-bottom:32px !important; }
.pb-6  { padding-bottom:48px !important; }
.pb-7  { padding-bottom:64px !important; }
.pb-8  { padding-bottom:80px !important; }
.pb-9  { padding-bottom:128px !important; }
.pb-10 { padding-bottom:160px !important; }

.v-pad-0  { padding-top:0px !important; padding-bottom:0px !important; }
.v-pad-1  { padding-top:4px !important; padding-bottom:4px !important; }
.v-pad-2  { padding-top:8px !important; padding-bottom:8px !important; }
.v-pad-3  { padding-top:16px !important; padding-bottom:16px !important; }
.v-pad-4  { padding-top:24px !important; padding-bottom:24px !important; }
.v-pad-5  { padding-top:32px !important; padding-bottom:32px !important; }
.v-pad-6  { padding-top:48px !important; padding-bottom:48px !important; }
.v-pad-7  { padding-top:64px !important; padding-bottom:64px !important; }
.v-pad-8  { padding-top:80px !important; padding-bottom:80px !important; }
.v-pad-9  { padding-top:128px !important; padding-bottom:128px !important; }
.v-pad-10 { padding-top:160px !important; padding-bottom:160px !important; }

.h-pad-0  { padding-left:0px !important; padding-right:0px !important; }
.h-pad-1  { padding-left:4px !important; padding-right:4px !important; }
.h-pad-2  { padding-left:8px !important; padding-right:8px !important; }
.h-pad-3  { padding-left:16px !important; padding-right:16px !important; }
.h-pad-4  { padding-left:24px !important; padding-right:24px !important; }
.h-pad-5  { padding-left:32px !important; padding-right:32px !important; }
.h-pad-6  { padding-left:48px !important; padding-right:48px !important; }
.h-pad-7  { padding-left:64px !important; padding-right:64px !important; }
.h-pad-8  { padding-left:80px !important; padding-right:80px !important; }
.h-pad-9  { padding-left:128px !important; padding-right:128px !important; }
.h-pad-10 { padding-left:160px !important; padding-right:160px !important; }

@media(min-width:960px) {
	/* Tablet margin and padding */
	/* Margins */
	.md-mt-0  { margin-top:0px !important; }
	.md-mt-1  { margin-top:4px !important; }
	.md-mt-2  { margin-top:8px !important; }
	.md-mt-3  { margin-top:16px !important; }
	.md-mt-4  { margin-top:24px !important; }
	.md-mt-5  { margin-top:32px !important; }
	.md-mt-6  { margin-top:48px !important; }
	.md-mt-7  { margin-top:64px !important; }
	.md-mt-8  { margin-top:80px !important; }
	.md-mt-9  { margin-top:128px !important; }
	.md-mt-10 { margin-top:160px !important; }

	.md-mb-0  { margin-bottom:0px !important; }
	.md-mb-1  { margin-bottom:4px !important; }
	.md-mb-2  { margin-bottom:8px !important; }
	.md-mb-3  { margin-bottom:16px !important; }
	.md-mb-4  { margin-bottom:24px !important; }
	.md-mb-5  { margin-bottom:32px !important; }
	.md-mb-6  { margin-bottom:48px !important; }
	.md-mb-7  { margin-bottom:64px !important; }
	.md-mb-8  { margin-bottom:80px !important; }
	.md-mb-9  { margin-bottom:128px !important; }
	.md-mb-10 { margin-bottom:160px !important; }

	.md-v-margin-0  { margin-top:4px !important; margin-bottom:0px !important; }
	.md-v-margin-1  { margin-top:4px !important; margin-bottom:4px !important; }
	.md-v-margin-2  { margin-top:8px !important; margin-bottom:8px !important; }
	.md-v-margin-3  { margin-top:16px !important; margin-bottom:16px !important; }
	.md-v-margin-4  { margin-top:24px !important; margin-bottom:24px !important; }
	.md-v-margin-5  { margin-top:32px !important; margin-bottom:32px !important; }
	.md-v-margin-6  { margin-top:48px !important; margin-bottom:48px !important; }
	.md-v-margin-7  { margin-top:64px !important; margin-bottom:64px !important; }
	.md-v-margin-8  { margin-top:80px !important; margin-bottom:80px !important; }
	.md-v-margin-9  { margin-top:128px !important; margin-bottom:128px !important; }
	.md-v-margin-10 { margin-top:160px !important; margin-bottom:160px !important; }

	/* Padding */
	.md-pt-0  { padding-top:0px !important; }
	.md-pt-1  { padding-top:4px !important; }
	.md-pt-2  { padding-top:8px !important; }
	.md-pt-3  { padding-top:16px !important; }
	.md-pt-4  { padding-top:24px !important; }
	.md-pt-5  { padding-top:32px !important; }
	.md-pt-6  { padding-top:48px !important; }
	.md-pt-7  { padding-top:64px !important; }
	.md-pt-8  { padding-top:80px !important; }
	.md-pt-9  { padding-top:128px !important; }
	.md-pt-10 { padding-top:160px !important; }

	.md-pb-0  { padding-bottom:0px !important; }
	.md-pb-1  { padding-bottom:4px !important; }
	.md-pb-2  { padding-bottom:8px !important; }
	.md-pb-3  { padding-bottom:16px !important; }
	.md-pb-4  { padding-bottom:24px !important; }
	.md-pb-5  { padding-bottom:32px !important; }
	.md-pb-6  { padding-bottom:48px !important; }
	.md-pb-7  { padding-bottom:64px !important; }
	.md-pb-8  { padding-bottom:80px !important; }
	.md-pb-9  { padding-bottom:128px !important; }
	.md-pb-10 { padding-bottom:160px !important; }

	.md-v-pad-0  { padding-top:0px !important; padding-bottom:0px !important; }
	.md-v-pad-1  { padding-top:4px !important; padding-bottom:4px !important; }
	.md-v-pad-2  { padding-top:8px !important; padding-bottom:8px !important; }
	.md-v-pad-3  { padding-top:16px !important; padding-bottom:16px !important; }
	.md-v-pad-4  { padding-top:24px !important; padding-bottom:24px !important; }
	.md-v-pad-5  { padding-top:32px !important; padding-bottom:32px !important; }
	.md-v-pad-6  { padding-top:48px !important; padding-bottom:48px !important; }
	.md-v-pad-7  { padding-top:64px !important; padding-bottom:64px !important; }
	.md-v-pad-8  { padding-top:80px !important; padding-bottom:80px !important; }
	.md-v-pad-9  { padding-top:128px !important; padding-bottom:128px !important; }
	.md-v-pad-10 { padding-top:160px !important; padding-bottom:160px !important; }
}