/* MOBILE FIRST */
@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; src: url('/hub/fonts/Montserrat-VariableFont_wght.ttf') format('truetype'); font-display:swap;}
@font-face {font-family: 'DM Sans'; font-style: normal; font-weight: 100 900; src: url('/hub/fonts/DMSans-VariableFont_opsz-wght.ttf') format('truetype'); font-display:swap;}
@font-face {font-family: 'DM Sans Italic'; font-style: italic; font-weight: 100 900; src: url('/hub/fonts/DMSans-Italic-VariableFont_opsz-wght.ttf') format('truetype'); font-display:swap;}
@font-face {font-family: 'DM Mono'; font-style: normal; src: url('/hub/fonts/DMMono-Regular.ttf') format('truetype'); font-display:swap;}
html, body {height:100%;}
body {font-size:1.06rem; line-height:1.75rem;}
main {margin:0 auto;}
.mono {font-family:var(--font-family-mono); line-height:1.5;}
.shadow {box-shadow: 0px 7px 15px 0px #496C8A24;}
.radius-lg {border-radius:20px}
.radius-sm {border-radius:12px}
.fill-brand-10 {background:#f0f9fa;}
.button-base {font-family:var(--font-family-sans); line-height:1;}
.max-width {max-width:1440px; margin-left:auto; margin-right:auto;}
header, section, footer {max-width:1200px; margin-left:auto; margin-right:auto;}
.top-logo {max-width:265px;}
.max-content-stretch {margin-left:-220px; margin-right:-220px;}
h1 {font-weight:700; font-size:48px; line-height:55px; letter-spacing:-0.065rem; text-wrap:balance; margin-top:0}
h2 {font-weight:700; font-size:42px; line-height:48px; text-wrap:balance;}
.padding-y-10 {padding-top:100px; padding-bottom:100px;}
.font-size-lg {font-size:1.3rem; line-height:2rem;}
.branding-start {flex:50%;}
.hero {display:block; padding-top:40px; padding-bottom:100px;}
.hero-end {padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:50px;}
.disclaimer, .legal {font-size:14px; line-height:18px;}
.legal {padding-right:40px;}
.donotsell_footer {display:inline-block!important; font-size:14px!important; line-height:18px!important; margin-left:0!important}
.donotsell_footer a {color:var(--font-color)!important;}
.footer nav ul {padding:0; margin:0;}
.footer nav ul li {list-style-type:none; display:block; font-size:16px; margin-top:13px; margin-bottom:13px;}
.footer nav ul li:first-of-type {margin-top:25px;}
.footer nav ul li:last-of-type {margin-bottom:0;}
.footer nav ul li a {text-decoration:none; color:inherit;}
.show-on-desktop {display:none;}
.show-on-mobile {display:block}
@media screen and (max-width: 320px) {
h1 {font-size:36px; line-height:42px; }
h2 {font-size:30px; line-height:36px; }
body {font-size:1rem; line-height:1.4rem;}
.font-size-lg {font-size:1rem!important; line-height:1.4rem!important;}
.top-logo {max-width:220px;}
.mobile-menu-trigger {top:30px!important;}
.burger-menu-icon {transform:scale(0.75);}
.hero-callout-1 {transform:scale(0.8); transform-origin:top right;}
.hero-callout-2 {transform:scale(0.8); transform-origin:bottom left;}
.section-a-callout, .section-c-callout {font-size:0.9rem;}
}
@media screen and (min-width: 820px) {
h1 {font-size:58px; line-height:70px; margin-block-start: 0.83em;}
h2 {/*padding-top:0; margin-top:0;*/}
.branding {display:flex; justify-content:space-between;}
.hero {display:flex; padding-top:75px; padding-bottom:100px;}
.hero-start {flex:50%;}
.hero-end {flex:50%; position:relative; padding-left:150px; padding-right:0; padding-top:0; padding-bottom:0;}
.footer-nav {display:flex; justify-content:space-between; gap:20px;}
.footer nav ul {text-align:right;}
.footer nav ul li {display:inline-block; font-size:14px; margin-right:30px; margin-top:0!important; margin-bottom:0;}
.top-logo {max-width:313px;}
.show-on-desktop {display:block;}
.show-on-mobile {display:none}
}
@media screen and (max-width: 1201px) {
header, section, footer {padding-left:25px; padding-right:25px;}
}
@media only screen and (min-width: 820px) and (max-width: 1201px) {
.hero-callout-1 {right:-10px;}
}
header nav {display:block; background:rgba(255,255,255,1);}
header nav ul {display:none; padding:0; list-style:none; margin:12px 0 0 0;}
header nav ul li {padding:20px; margin:0; text-align:center; line-height:1; border-bottom:1px solid #EBEAED;}
header nav ul li:last-of-type {border-bottom:none; padding-bottom:0; margin-bottom:0;}
header nav ul li a {color:#707070; text-decoration:none;}
header nav ul.sub-nav {padding:0; margin:0 0 80px 0; list-style:none; display:inline-block;}
header nav ul.sub-nav li {padding:0; margin:15px 0; text-align:left; font-size:1rem; line-height:1;}
header nav ul.sub-nav li:first-of-type {margin-top:7px;}
header nav ul.sub-nav li a {color:#178BB6; text-decoration:none;}
header nav ul.sub-nav li a:hover {color:#8CD000; text-decoration:none;}
.mobile-menu-trigger {cursor:pointer; display:block; position:absolute; top:30px; right:10px; padding:4px; border:none; background:transparent;}
.burger-menu-icon {
width: 40px;
height: 22px;
position: relative;
margin: auto;
transition: .5s ease-in-out;
cursor: pointer;
}
.burger-menu-icon span {
display: block;
position: absolute;
height: 3px;
width: 50%;
background: var(--key-color-hex);
opacity: 1;
transform: rotate(0deg);
transition: .25s ease-in-out;
}
.burger-menu-icon span:nth-child(even) {
left: 50%;
border-radius: 0 4px 4px 0;
}
.burger-menu-icon span:nth-child(odd) {
left:0px;
border-radius: 4px 0 0 4px;
}
.burger-menu-icon span:nth-child(1), .burger-menu-icon span:nth-child(2) {
top: 0px;
}
.burger-menu-icon span:nth-child(3), .burger-menu-icon span:nth-child(4) {
top: 9px;
}
.burger-menu-icon span:nth-child(5), .burger-menu-icon span:nth-child(6) {
top: 18px;
}
.burger-menu-icon.open span:nth-child(1),.burger-menu-icon.open span:nth-child(6) {
transform: rotate(45deg);
}
.burger-menu-icon.open span:nth-child(2),.burger-menu-icon.open span:nth-child(5) {
transform: rotate(-45deg);
}
.burger-menu-icon.open span:nth-child(1) {
left: 3px;
top: 3px;
}
.burger-menu-icon.open span:nth-child(2) {
left: calc(50% - 6px);
top: 3px;
}
.burger-menu-icon.open span:nth-child(3) {
left: -50%;
opacity: 0;
}
.burger-menu-icon.open span:nth-child(4) {
left: 100%;
opacity: 0;
}
.burger-menu-icon.open span:nth-child(5) {
left: 2px;
top: 14px;
}
.burger-menu-icon.open span:nth-child(6) {
left: calc(50% - 6px);
top: 14px;
}