@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,		
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, select, button,
header, section, article, footer, aside, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	}
strong {
	font-weight: bold;
	}
body{
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
del {
	text-decoration: none;
}
html {
	height: 100%;
	font-size: 100%;
	overflow-x:hidden;
	overflow-y:scroll;
	scroll-behavior: smooth;
}

:root {
	--col-acc: #8CE1D7;
	--col-bg: #fafafa;
	--col-fg: #143246;
	--col-grey: #5C6A7A;
	--col-dblue: #002733;
}

body {
	font-family: 'Archivo', sans-serif;
	font-weight: 400;
	font-size:100%;
	line-height:1;
	background:  var(--col-bg);
  color: var(--col-fg);
	min-height:100%;
}

@media (max-width: 960px) {
	.wrapper {
		position: relative;
		overflow-x: hidden;
		width: 100%;
	}
}

.page {
	width: 100%;
	max-width: 75rem;
	margin: 0 auto;
	box-sizing: border-box;
}
picture {
	display: block;
}
img {
	display: block;
	max-width: 100%;
	object-fit: cover;
}

.header {
	position: fixed;
	left: 1.5rem;
	top: 1.5rem;
	right: 1.5rem;
	z-index: 999999;
	background: #ffffffaa;
	box-shadow: inset 0 0 0 1px #fff;
	border-radius: 1rem;
	backdrop-filter: blur(.75rem);
	overflow: hidden;
}
.header .page {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4.5rem;
}
.branding {
	display: block;
}
.branding img {
	display: block;
	height: 2.125rem;
	background: #fff;
	box-shadow: 0 0 10rem 10rem #fff;
}

.featured {
	position: relative;
	overflow: hidden;
}
.featured video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.featured:before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
	background: #143246aa;
	pointer-events: none;
}
.featured:after {
	content: '';
	position: absolute;
	left: 0;
	top: calc(100% - 1.25rem);
	right: 0;
	height: 2.5rem;
	border-radius: 100%;
	background: var(--col-bg);
	box-shadow: 0 0 4.5rem 5rem var(--col-bg), 0 0 10rem 10rem var(--col-acc);
	z-index: 3;
	pointer-events: none;
}
.featured .content {
	height: 100svh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	text-align: center;
	position: relative;
	z-index: 10;
}
.featured .content h1 {
	font-size: 4.25rem;
	font-weight: 100;
	color: var(--col-acc);
	max-width: 45rem;
	text-wrap: balance;
}
.featured .content h1 strong {
	font-weight: 400;
	color: #fff;
}
.featured .content p {
	font-size: 1.375rem;
	letter-spacing: .01em;
	line-height: 1.5em;
	font-weight: 200;
	max-width: 45rem;
	text-wrap: balance;
	color: #fff;
}
.featured .bt {
	font-size: 1rem;
	letter-spacing: .1em;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	bottom: 5rem;
	transform: translateX(-50%);
	padding: 1.25rem 2.25rem;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 .125rem 1.5rem -.25rem var(--col-acc), 0 .25rem 2.5rem 1rem var(--col-acc)66;
	z-index: 11;
	white-space: nowrap;
	display: flex;
	gap: 1rem;
	align-items: center;
	transition: all 250ms ease;
}
.featured .bt:hover {
	background: var(--col-acc);
}
.featured .bt span {
	color: var(--col-acc);
	transition: all 250ms ease;
}
.featured .bt:hover span {
	color: var(--col-fg);
}

.section {
	padding: 6rem 2.5rem;
}
.section .page {
  display: flex;
  gap: 3rem;
  box-sizing: border-box;
}
@media (min-width: 960px) {
	.section:nth-of-type(even) .page {
		flex-direction: row-reverse;
	}
	.section:nth-of-type(even) {
		background-image: url("data:image/svg+xml,%3Csvg width='1080' height='1068' viewBox='0 0 1080 1068' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M917.838 17.9805C974.317 -10.051 1024.44 -2.25251 1053.36 26.3438C1082.28 54.9366 1090.17 104.488 1061.82 160.324L942.792 387.931C908.234 454.028 890.887 493.964 890.887 533.936C890.887 573.907 908.234 613.844 942.792 679.94L1061.82 907.542V907.543C1090.17 963.381 1082.28 1012.93 1053.36 1041.53C1024.44 1070.12 974.316 1077.92 917.838 1049.89L687.679 932.202C620.828 898.016 580.44 880.865 540.018 880.869C499.595 880.873 459.207 898.033 392.356 932.202L162.162 1049.89C105.684 1077.92 55.5577 1070.12 26.6357 1041.53C-2.28367 1012.93 -10.1706 963.38 18.1777 907.542L137.207 679.94C171.765 613.843 189.113 573.907 189.113 533.936C189.113 493.964 171.765 454.028 137.207 387.931L18.1758 160.324C-10.1696 104.488 -2.28282 54.9366 26.6357 26.3438C55.3317 -2.02904 104.901 -9.92759 160.839 17.3301L162.162 17.9805L392.356 135.67C459.207 169.839 499.595 186.998 540.018 187.002C580.44 187.006 620.828 169.856 687.679 135.67L917.838 17.9805Z' fill='url(%23paint0_linear_0_1)' stroke='%238CE1D7'/%3E%3Cpath d='M133.583 687.154C179.346 774.609 213.355 839.654 219.299 851.143L220.11 852.72C227.533 867.364 232.394 884.08 234.518 902.433C235.046 906.997 235.167 914.667 234.957 922.361C234.747 930.055 234.206 937.726 233.423 942.291V942.292C227.57 976.778 209.667 1008.35 183.279 1030.82V1030.82C156.139 1053.97 122.977 1066.12 89.54 1067.31C53.09 1065.87 24.4311 1047.37 10.2988 1018.56C-3.83832 989.74 -3.47815 950.512 18.3076 907.563L18.3086 907.564L133.583 687.154Z' stroke='%238CE1D7'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_1' x1='-2.42552e-05' y1='1069.22' x2='1079.97' y2='1.80511e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238CE1D7' stop-opacity='0.2'/%3E%3Cstop offset='1' stop-color='%238CE1D7' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: calc(100% + 10vw) 50%;
		background-size: contain;
	}
}
.section .page .col-img {
	flex: 6;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.section .page .col-img img {
	display: block;
	max-height: 90vh;
}
.section .page .col-txt {
	flex: 5;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	justify-content: center;
}
.section h3 {
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: .5rem;
	color: var(--col-grey);
}
.section h3 span.material-symbols-outlined {
	font-size: 2rem;
	color: var(--col-acc);
}
.section h2 {
	font-size: 3rem;
	line-height: 1.1em;
	text-wrap: balance;
	font-weight: 300;
}
.section h2 strong {
	font-weight: 500;
	background: linear-gradient(87deg, #106D84 12.36%, #58B0B4 96.79%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.section p {
	font-size: 1.125rem;
	line-height: 1.5em;
	text-wrap: balance;
	max-width: 30em;
	color: var(--col-grey);
}

#cta {
	background: radial-gradient(circle at 75% 50%,
    rgb(140 225 215 / 1)   0%  10%,
    rgb(140 225 215 / .65) 10% 22%,
    rgb(140 225 215 / .40) 22% 36%,
    rgb(140 225 215 / .25) 36% 52%,
    rgb(140 225 215 / .12) 52% 70%,
    rgb(140 225 215 / 0)   70% 100%
  );
	background-color: #005E7A;
	position: relative;
	/*border-bottom: solid 4rem var(--col-dblue);*/
	padding-top: 10rem;
	padding-bottom: 0;
}
#cta:after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background-image: url(../images/bax-screens.png);
	background-repeat: no-repeat;
	background-position: 48vw 55%;
	background-size: 55vw auto;
}
@media (max-width: 960px) {
	#cta {
		background-image: radial-gradient(circle at 50% 15%,
	    rgb(140 225 215 / 1)   0%  10%,
	    rgb(140 225 215 / .65) 10% 22%,
	    rgb(140 225 215 / .40) 22% 36%,
	    rgb(140 225 215 / .25) 36% 52%,
	    rgb(140 225 215 / .12) 52% 70%,
	    rgb(140 225 215 / 0)   70% 100%
	  );
	}
	#cta:after {
		background-position: 50% 5rem;
		background-size: 120% auto;
	}
}

#cta .page {
	position: relative;
	z-index: 2;
	min-height: 0;
	align-items: flex-end;
	margin-bottom: -4rem;
}
#cta .col-txt h4 {
	font-weight: 200;
	font-size: 3rem;
	line-height: 1.1em;
	text-wrap: balance;
	color: #fff;
}
#cta .col-txt p {
	color: #fff;
}
#cta .col-txt h4 strong {
	font-weight: 500;
}
#cta .col-img picture {
	opacity: 0;
}
#cta .col-img .card-bg {
	background: var(--col-dblue);
	padding: 1rem 1rem 1rem 1.5rem;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	justify-content: center;
	margin-bottom: 2rem;
}
#cta .col-img .card-bg p {
	font-size: 1rem;
	color: var(--col-acc);
}
#cta .col-img .card-bg img {	
	height: 2.25rem;
}

.form {
	margin-top: 2rem;
	width: 100%;
	box-sizing: border-box;
	max-width: 30rem;
	/*padding: 2.5rem;*/
	background: #ffffff00;
	border-radius: 1.5rem;
	/*box-shadow: 0 .25rem 1rem -.5rem var(--col-fg);*/
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.form label {
	display: block;
	font-size: 1rem;
	color: var(--col-grey);
	font-weight: 500;
	margin-bottom: .5rem;
}
.form input {
	width: 100%;
	padding: 1.125rem 1.375rem;
	border-radius: .5rem;
	box-shadow: inset 0 0 0 2px var(--col-fg), 0 0 0 0 var(--col-fg);
	box-sizing: border-box;
	transition: all 250ms ease;
}
.form input:focus {
	box-shadow: inset 0 0 0 2px var(--col-fg), 0 0 0 2px var(--col-fg);
}
.form .bt {
	font-size: 1rem;
	letter-spacing: .1em;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	padding: 1.125rem 1.375rem;
	/*color: #fff;*/
	border-radius: .5rem;
	/*background: linear-gradient(87deg, #106D84 12.36%, #58B0B4 96.79%);*/
	transition: all 250ms ease;
	cursor: pointer;
	box-shadow: 0 0 0 0 #106D84;
	text-align: center;
	color: #143246;
 	background: #fff;
 	width: 50%;
	margin-bottom: 4rem;
}
.form .bt:hover {
	box-shadow: 0 0 0 3px #106D84;
}

.footer {
	background: var(--col-dblue);
	padding: 8rem 0;
	text-align: center;
	color: #fff;
	font-size: .875rem;
}
.footer img {
	display: inline-block;
	margin: 0 1rem 3rem;
}
.footer p {
	color: var(--col-acc);
}

.form.aos-item.aos-init.aos-animate
{
	align-items: normal;
}

@media (max-width: 1350px) {
	html {
		font-size: 87.5%;
	}
}
@media (max-width: 1200px) {
	html {
		font-size: 75%;
	}
}
@media (max-width: 960px) {
	.header {
		backdrop-filter: none;
	}
	.section .page {
		flex-direction: column;
		text-align: center;
		gap: 2rem;
	}
	.section .page picture {
		margin-left: -2.5rem;
		margin-right: -2.5rem;
	}
	.section h3 {
		justify-content: center;
	}
	
	.section .page .col-txt {
		align-items: center;
	}
	.form.aos-item.aos-init.aos-animate
	{
		align-items: center;
	}
}



@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}