:root {
  --white: white;
  --black: #1d1d1d;
  --dark-grey: #33383f;
  --fade-white: #e2ecf500;
  --grey: #626a72;
  --action-orange: #ff5150;
  --gradient-red: #ff010126;
  --back-grey: #f9f6ffb0;
  --gradient-pink: #ef98cf26;
  --gradient-blue: #695cff52;
  --bg-beige: #f5f5f5;
  --fade2-white: #e2ecf51a;
  --patiently-purple: #220b7d;
  --action-green: #258864;
  --dim-grey: #495158;
  --silver: #e7ecf0;
  --soft-grey: #cbd5df;
  --mid-dark-grey: #909eb1;
  --light-green: #caffdc3b;
  --gradient-blue-2: #695cff1a;
  --medgreen: #99d4bffa;
  --light-green-2: #caffdcb0;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

body {
  background-color: var(--white);
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.25em;
}

h2 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2em;
}

h3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4em;
}

h4 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4em;
}

h5 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
}

h6 {
  color: var(--fade-white);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
}

p {
  opacity: .9;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

a {
  color: var(--grey);
  text-decoration: none;
  transition: color .2s;
}

ul {
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 20px;
}

li {
  opacity: .9;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.4em;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--grey);
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 400;
  display: block;
}

strong {
  color: var(--action-orange);
  font-weight: 700;
}

em {
  letter-spacing: -.5px;
  font-style: italic;
}

blockquote {
  border-left: 5px solid var(--gradient-red);
  color: var(--dark-grey);
  margin-bottom: 16px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.4em;
}

figcaption {
  text-align: center;
  margin-top: 12px;
}

.page-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 90vh;
  padding-left: 0;
  display: flex;
  position: relative;
}

.page-wrapper.light-grey {
  background-color: var(--back-grey);
}

.section {
  flex-flow: column;
  flex: 1;
  align-self: center;
  max-width: 1200px;
  margin-left: 0;
  padding: 80px 2em 80px 2vw;
  display: flex;
  position: relative;
}

.section.light-grey {
  background-color: var(--back-grey);
  position: relative;
}

.section.small {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.light-color-gradient {
  background-color: var(--back-grey);
  background-image: linear-gradient(54deg, #ff837a40, #ff837a00 28%), linear-gradient(241deg, var(--gradient-pink), #ef98cf00 36%);
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.section.daek-page-header {
  background-color: var(--black);
  background-image: radial-gradient(circle farthest-corner at 0% 50%, var(--gradient-red), #0000 47%), radial-gradient(circle farthest-corner at 30% 150%, var(--gradient-blue), #0000 58%);
  color: var(--white);
  padding-top: 96px;
  padding-bottom: 32px;
}

.section.black-gradient {
  background-color: var(--black);
  background-image: radial-gradient(circle farthest-corner at 0% 50%, var(--gradient-red), #0000 47%), radial-gradient(circle farthest-corner at 40% 130%, #7aa7ff69, #0000 58%);
  color: var(--white);
}

.section.light-page-header {
  background-color: var(--back-grey);
  background-image: radial-gradient(circle at 0%, #ff010121, #0000 41%), radial-gradient(circle at 30% 150%, #7aa7ff3d, #0000 54%);
  padding-top: 96px;
  padding-bottom: 32px;
}

.section.light-color {
  background-image: linear-gradient(to bottom, var(--bg-beige), var(--bg-beige));
  align-self: stretch;
  max-width: 100%;
}

.section.light-color.hero {
  background-image: linear-gradient(27deg, #f3f3f31c 58%, #f3f3f31c 82%, #ffffffc4), linear-gradient(34deg, var(--white) 60%, var(--fade2-white) 83%), url('../images/BG3.png'), linear-gradient(to bottom, var(--back-grey), var(--back-grey));
  background-position: 0 0, 0 0, 100% 100%, 0 0;
  background-repeat: repeat, repeat, no-repeat, repeat;
  background-size: auto, auto, auto 100vh, auto;
  background-attachment: scroll, scroll, fixed, scroll;
  align-self: stretch;
  min-height: 75vh;
  margin-left: 0;
  padding: 25vh 5em 5em 2em;
  font-family: IBM Plex Sans, sans-serif;
}

.section.bg-2 {
  background-color: var(--gradient-pink);
  flex-flow: column;
  max-width: 100%;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
}

.section.hide {
  display: none;
}

.section.post {
  max-width: 1000px;
}

.section._2-1-grid {
  justify-content: space-between;
  max-width: 100%;
}

.section.wide {
  align-self: flex-start;
  max-width: 100%;
  padding: 4em 5em 4em 2em;
}

.section.wide.bg-grey {
  background-color: var(--bg-beige);
  padding-left: 5em;
  padding-right: 5em;
  font-family: IBM Plex Sans, sans-serif;
  box-shadow: 0 -10px 10px -10px #0003;
}

.section.wide.bg-grey.form {
  background-color: var(--white);
  margin-left: 0;
  padding-left: 5em;
}

.section.wide.bg-beige {
  background-color: var(--bg-beige);
  font-family: IBM Plex Sans, sans-serif;
  line-height: 1.5em;
}

.section.no-padding {
  padding: 4em 0;
}

.button {
  background-color: var(--action-orange);
  max-width: 100%;
  color: var(--white);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 100px;
  flex: none;
  justify-content: space-between;
  align-self: flex-start;
  margin-bottom: 0;
  padding: 1em 2em;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
  transition: box-shadow .2s, transform .2s, border-color .2s, color .2s, background-color .2s;
  display: flex;
  box-shadow: 0 2px #2020200d;
}

.button:hover {
  background-color: var(--action-green);
}

.button:active {
  background-color: var(--grey);
  transform: translate(0, 2px);
  box-shadow: 0 0 #20202000;
}

.button.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.button.outline {
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--dim-grey);
  color: var(--black);
}

.button.outline:hover {
  background-color: var(--silver);
}

.button.outline:active {
  background-color: var(--dim-grey);
  color: var(--white);
}

.button.light {
  background-color: var(--back-grey);
  box-shadow: none;
  color: var(--grey);
}

.button.light:hover {
  background-color: var(--silver);
  color: var(--grey);
}

.button.light:active {
  background-color: var(--soft-grey);
  color: var(--dark-grey);
}

.button.light.mobile-hidden {
  box-shadow: inset 0 0 0 1px var(--silver);
}

.button.disabled {
  background-color: var(--back-grey);
  box-shadow: none;
  opacity: .7;
  color: var(--soft-grey);
}

.button.disabled:active {
  transform: none;
}

.button.subscribe {
  margin-bottom: 0;
  margin-left: -24px;
  padding-left: 22px;
  padding-right: 22px;
}

.button.dark {
  background-color: var(--action-orange);
}

.button.dark:hover {
  background-color: var(--dark-grey);
}

.button.dark:active {
  background-color: var(--fade-white);
}

.button.white {
  background-color: var(--white);
  color: var(--black);
  font-weight: 500;
}

.button.white:hover {
  background-color: var(--silver);
}

.button.white:active {
  background-color: var(--soft-grey);
}

.button.s {
  font-size: 1em;
  box-shadow: 4px 2px #2020200d;
}

.button.centered {
  background-color: var(--action-orange);
  text-align: center;
}

.spacer {
  height: 5em;
}

.spacer._64 {
  background-color: #0000;
  width: 64px;
  height: 64px;
}

.spacer._32 {
  background-color: #0000;
  border-radius: 6px;
  width: 32px;
  height: 32px;
}

.spacer._24 {
  text-transform: uppercase;
  background-color: #0000;
  width: 24px;
  height: 24px;
}

.spacer._48 {
  background-color: #0000;
  border-radius: 6px;
  width: 48px;
}

.spacer._128 {
  background-color: #0000;
  width: 128px;
  height: 128px;
}

.spacer._80 {
  background-color: #0000;
  width: 80px;
  height: 80px;
}

.spacer._96 {
  background-color: #5eb2f400;
  width: 96px;
  height: 96px;
}

.spacer._32 {
  background-color: #0000;
  height: 32px;
}

.spacer._16 {
  background-color: #0000;
  flex: none;
  width: 16px;
  height: 16px;
}

.spacer.xl {
  height: 7.5em;
}

.spacer.xs {
  height: 1em;
}

.spacer.s {
  height: 2.5em;
}

.spacer.l {
  height: 7.5em;
}

.spacer.small {
  height: 2em;
}

.text-box {
  max-width: 650px;
  position: relative;
}

.text-box.center-align {
  text-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.text-box._550px {
  max-width: 550px;
}

.text-box.mono {
  flex-flow: column;
  max-width: 100%;
  line-height: 1.5em;
  display: flex;
}

.text-box.mono.line-divider {
  border-top: 1px dashed var(--action-orange);
  max-width: 100%;
  padding-top: 2em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 12px;
}

.text-box.mono.line-divider._2 {
  border-top-color: var(--patiently-purple);
  color: var(--dark-grey);
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1.25em;
}

.text-box.mono.line-divider._1 {
  align-self: flex-end;
  max-width: 450px;
  margin-left: 5em;
}

.text-box.centered {
  margin-left: auto;
  margin-right: auto;
}

.text-box.sidebar {
  background-color: var(--gradient-pink);
  mix-blend-mode: luminosity;
  border: .5px dashed #000;
  flex-flow: column;
  max-width: 100%;
  margin-left: 0;
  padding: 2em 2.25em 4em 2em;
  font-size: 12px;
  display: flex;
  position: static;
}

.text-box.sidebar.bg-red {
  background-color: var(--gradient-red);
  mix-blend-mode: normal;
}

.text-box.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  max-width: 1000px;
  display: grid;
}

.text-box.grid.wide {
  grid-column-gap: 4em;
  max-width: 100%;
  font-family: IBM Plex Sans, sans-serif;
}

.text-box.vertical-tab {
  flex-flow: column;
  width: auto;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

._12-columns {
  flex-flow: wrap;
  place-content: stretch center;
  align-items: center;
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
}

._12-columns.flex-horizontal {
  flex-wrap: nowrap;
  justify-content: flex-start;
  display: flex;
}

._12-columns.align-top {
  align-items: flex-start;
}

._12-columns.align-left {
  justify-content: flex-start;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  width: auto;
  max-width: 1200px;
  min-height: 35vh;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.container.hero {
  align-self: flex-start;
}

.container.s {
  align-self: flex-start;
  max-width: 45vw;
  margin-left: 5em;
}

.container._4-grid.dashboard {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  border: .5px solid var(--grey);
  background-color: #fff;
  justify-content: space-between;
  width: auto;
  max-width: 1500px;
  margin: 2em;
  padding: 0 0 2em;
}

.container.sidebar {
  border-right: .25px solid var(--soft-grey);
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  margin-right: 0;
  padding: 5vh 1.5em 2em 1em;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 14px;
}

.color-block {
  background-color: var(--black);
  border-radius: 5px;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

.color-block.grey {
  background-color: var(--grey);
}

.color-block.light-grey {
  background-color: var(--fade-white);
}

.color-block.dark-grey {
  background-color: var(--dark-grey);
}

.color-block.back-grey {
  border: 1px solid var(--silver);
  background-color: var(--back-grey);
}

.color-block.soft-grey {
  background-color: var(--soft-grey);
}

.color-block.silver {
  background-color: var(--silver);
}

.color-block.white {
  border: 1px solid var(--silver);
  background-color: #fff;
}

.color-block.soft-red {
  border: 1px solid var(--silver);
  background-color: var(--gradient-red);
}

.color-block.soft-blue {
  border: 1px solid var(--silver);
  background-color: var(--gradient-blue);
}

.color-block.soft-pink {
  border: 1px solid var(--silver);
  background-color: var(--gradient-pink);
}

.white {
  color: #fff;
  font-weight: 300;
}

.column-styleguide {
  background-color: var(--silver);
  border-radius: 2px;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
}

.column {
  flex-flow: column;
  flex: 0 auto;
  align-items: stretch;
  min-height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.column.desk-10 {
  width: 83.33%;
}

.column.desk-12 {
  width: 100%;
}

.column.desk-11 {
  width: 91.66%;
}

.column.desk-6 {
  width: 50%;
}

.column.desk-5 {
  width: 41.66%;
}

.column.desk-1 {
  flex: 0 auto;
  width: 8.33%;
}

.column.desk-4 {
  width: 33.33%;
}

.column.desk-9 {
  width: 75%;
}

.column.desk-3 {
  flex: none;
  width: 25%;
}

.column.desk-2 {
  width: 16.66%;
}

.column.desk-7 {
  width: 58.3333%;
}

.column.desk-8 {
  width: 66.6667%;
}

.ds-block {
  margin-bottom: 32px;
  font-size: 18px;
}

.horizontal-line {
  background-color: var(--silver);
  width: 100%;
  height: 1px;
  margin-bottom: 36px;
}

.horizontal-line.design-system {
  position: relative;
  bottom: -80px;
}

.rich-text {
  text-align: left;
  line-height: 1.5em;
}

.rich-text img {
  border-radius: 5px;
}

.rich-text h4, .rich-text h3 {
  margin-top: 24px;
}

.rich-text.bullets {
  font-size: .85em;
}

.nav-content {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  display: flex;
  position: relative;
}

.nav-cta-button-container {
  align-items: center;
  display: flex;
}

.menu-button.w--open {
  color: #096ad033;
  background-color: #fff;
}

.nav-bar {
  z-index: 200;
  border-bottom: 1px solid var(--soft-grey);
  background-color: var(--bg-beige);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: .5em;
  padding-bottom: .5em;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 0 4px 4px -4px #0003;
}

.logo-div {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  display: block;
}

.nav-logo {
  align-items: center;
  gap: .25em;
  padding: .25em 0;
  line-height: 1;
  transition: opacity .2s;
  display: inline-flex;
}

.nav-logo:hover {
  opacity: .75;
}

.footer-logo {
  max-width: 10vw;
  margin-bottom: 20px;
}

.footer-link {
  color: var(--grey);
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  text-decoration: none;
  transition: color .2s ease-in-out;
  display: block;
}

.footer-link:hover {
  opacity: 1;
  color: var(--black);
}

.footer-link.w--current {
  opacity: 1;
}

.footer-links-container {
  flex-direction: column;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.footer {
  z-index: 0;
  background-color: var(--white);
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}

.icon {
  color: #fff;
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  font-size: 24px;
}

.icon.large {
  width: 128px;
  height: 128px;
}

.search-banner {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  margin-right: auto;
  padding-right: 4px;
  font-size: 14px;
  line-height: 1.4em;
  display: flex;
}

.nav-dropdown {
  color: var(--dark-grey);
  border-radius: 5px;
  margin-left: 6px;
  margin-right: 2px;
  padding: 5px 22px 5px 8px;
  font-weight: 500;
  line-height: 26px;
  transition: color .2s;
  position: relative;
}

.nav-dropdown:hover {
  opacity: 1;
  color: #1b9cca;
}

.nav-dropdown.w--current {
  color: #096ad0;
  font-weight: 700;
  transition-property: none;
}

.paragraph {
  color: var(--dark-grey);
  margin-bottom: 0;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

.paragraph.small {
  opacity: .75;
  margin-bottom: 6px;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1em;
  line-height: 1.4em;
}

.paragraph.small.align-center {
  color: var(--action-green);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: .85em;
  font-weight: 400;
  line-height: 1em;
}

.paragraph.large {
  color: var(--dark-grey);
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5em;
}

.paragraph.medium {
  font-size: 18px;
}

.paragraph.small {
  opacity: .75;
  font-size: 14px;
  line-height: 1.4em;
}

.paragraph.centered {
  text-align: center;
  font-size: 1em;
}

.paragraph.s {
  font-size: .85em;
  line-height: 1.5em;
}

.paragraph.s.white {
  color: var(--white);
  font-weight: 400;
}

.paragraph.s.white._65 {
  max-width: 65%;
}

.paragraph.badge {
  aspect-ratio: auto;
  background-color: var(--gradient-blue);
  text-transform: uppercase;
  border-radius: 10px;
  justify-content: flex-start;
  margin-bottom: 1em;
  padding: .5em 1em .6em;
  font-family: Inconsolata, monospace;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.15em;
  display: flex;
}

.paragraph.xl {
  font-size: 1.5em;
  font-weight: 200;
  line-height: 1.2em;
}

.paragraph.xl.green {
  color: var(--dark-grey);
  letter-spacing: 2px;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 150%;
}

.paragraph.mono.s {
  color: var(--dark-grey);
  letter-spacing: 1px;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  padding-top: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.paragraph.citation {
  margin-top: 2em;
  font-size: .75em;
  line-height: 1.5em;
}

.paragraph.l {
  color: var(--black);
  letter-spacing: 0;
  font-size: 1.25em;
}

.paragraph.green {
  color: var(--dark-grey);
}

.paragraph.m {
  color: var(--dark-grey);
  font-size: 1.25em;
  font-weight: 400;
}

.paragraph.emphasis {
  align-self: flex-start;
  line-height: 1.5em;
}

.paragraph.emphasis.dark {
  color: var(--action-green);
}

.paragraph.emphasis.dark.grey {
  color: var(--grey);
  align-self: center;
}

.paragraph.emphasis.s {
  font-size: .65em;
}

.paragraph.emphasis.dashboard {
  color: var(--mid-dark-grey);
}

.paragraph.emphasis.green {
  color: var(--action-green);
}

.paragraph.emphasis.red {
  color: var(--action-orange);
}

.paragraph.lead {
  font-size: 2em;
}

.paragraph.label {
  color: var(--dark-grey);
  font-weight: 400;
  line-height: 1.25em;
}

.paragraph.profilename {
  font-family: IBM Plex Serif, sans-serif;
  font-size: 1.25em;
}

.paragraph.serif {
  color: var(--black);
  font-family: IBM Plex Serif, sans-serif;
  font-style: italic;
}

.paragraph.serif.l {
  color: var(--dark-grey);
  font-size: 2em;
  font-weight: 400;
}

.paragraph.quote {
  white-space: pre-line;
  font-size: 1.15em;
  font-weight: 400;
}

.paragraph.category-tags {
  background-color: var(--action-orange);
  opacity: 1;
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .5em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .75em;
  font-weight: 700;
  line-height: 1em;
  display: flex;
}

.paragraph.category-tags._2 {
  background-color: var(--action-green);
  align-items: stretch;
  padding-bottom: .65em;
}

.paragraph.category-tags.left-align {
  background-color: var(--action-orange);
  align-self: flex-start;
  padding-left: 1em;
  padding-right: 1em;
  font-family: IBM Plex Mono, sans-serif;
}

.paragraph.tabs {
  color: #33383f;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  font-size: .75em;
  line-height: 1em;
}

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.nav-menu {
  text-align: right;
  margin-right: 6px;
}

.ds-menu-brand {
  width: 160px;
  margin-bottom: 50px;
  margin-left: 30px;
}

.ds-menu {
  width: 100%;
}

.ds-menu-link {
  width: 100%;
  color: var(--silver);
  border-left: 4px solid #0000;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 27px;
}

.ds-menu-link:hover {
  color: var(--soft-grey);
}

.ds-menu-link.w--current {
  background-color: var(--dark-grey);
  color: var(--white);
  padding-right: 0;
  font-weight: 500;
}

.ds-nav {
  background-color: var(--black);
  background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--gradient-red), #0000 43%);
  width: 240px;
  padding-top: 40px;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: auto;
}

.form-radio-button {
  margin-bottom: 16px;
  padding-left: 24px;
}

.radio-button {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: -24px;
  margin-right: 10px;
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: #197dff;
}

.form-error {
  background-color: var(--gradient-red);
  color: var(--black);
  border-radius: 6px;
  padding: 16px;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 14px;
  line-height: 1.2em;
}

.form {
  margin-bottom: 0;
}

.checkbox-field {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 16px;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.check-box {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  margin-left: -24px;
  margin-right: 10px;
}

.check-box.w--redirected-checked {
  background-color: #197dff;
  background-position: 50%;
  background-size: 16px;
  border-color: #197dff;
}

.ds-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-left: 240px;
  display: flex;
  position: relative;
}

.form-success {
  background-color: var(--silver);
  width: 100%;
  color: var(--dark-grey);
  border-radius: 8px;
  padding: 16px 32px;
  font-size: 16px;
  line-height: 1.4em;
}

.form-success.dark {
  background-color: var(--dim-grey);
  color: var(--white);
}

.ds-section {
  z-index: 0;
  text-align: left;
  padding: 60px 80px 48px 60px;
  position: relative;
}

.ds-section.header {
  background-color: var(--back-grey);
  color: var(--black);
}

.ds-title {
  color: var(--dark-grey);
  margin-bottom: 8px;
}

.ds-section-header {
  margin-bottom: 50px;
}

.text-field {
  border: 1px solid var(--silver);
  background-color: var(--back-grey);
  border-radius: 9px;
  min-width: 120px;
  height: 44px;
  margin-bottom: 16px;
  padding: 19px 12px;
  font-size: 15px;
  line-height: 1.4em;
  transition: border-color .2s;
}

.text-field:focus {
  border-color: var(--dark-grey);
}

.text-field::placeholder {
  color: var(--soft-grey);
}

.text-field.no-margin {
  margin-bottom: 0;
}

.text-field.login {
  border-style: none none solid;
  border-color: black black var(--action-orange);
  background-color: var(--fade-white);
  border-radius: 0;
}

.feature-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--fade-white);
  width: 100%;
  height: 100%;
  color: var(--black);
  text-align: left;
  border-radius: 4px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  font-family: IBM Plex Sans, sans-serif;
  transition: transform .2s, opacity .2s;
  display: grid;
  overflow: hidden;
  box-shadow: 10px 10px 10px -10px #0003;
}

.feature-box:hover {
  transform: translate(0, -3px);
}

.ebook-thumbnail {
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
}

.text-area {
  border: 1px solid var(--silver);
  background-color: var(--back-grey);
  border-radius: 6px;
  min-height: 120px;
  margin-bottom: 16px;
  padding: 16px;
  font-size: 15px;
  box-shadow: 0 0 10px #00000003;
}

.text-area::placeholder {
  color: var(--soft-grey);
}

.tabs-menu {
  justify-content: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.vertical-tab {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}

.tab-link {
  border-bottom: 2px solid var(--silver);
  opacity: .5;
  color: var(--grey);
  text-align: center;
  background-color: #0000;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 20px;
  font-size: 18px;
}

.tab-link:hover {
  border-bottom-color: var(--soft-grey);
  color: var(--grey);
}

.tab-link.w--current {
  opacity: 1;
  color: #197dff;
  background-color: #0000;
  border-bottom-color: #197dff;
  font-weight: 600;
}

.ds-description {
  max-width: 400px;
  color: var(--grey);
}

.small-button {
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  border-radius: 8px;
  flex: none;
  margin-bottom: 16px;
  padding: 5px 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  transition: transform .2s, border-color .2s, color .2s, box-shadow .2s, background-color .2s;
  box-shadow: 0 1px #0000000f;
}

.small-button:hover {
  background-color: var(--dark-grey);
  color: #fff;
}

.small-button:active {
  background-color: var(--dim-grey);
  transform: translate(0, 1px);
  box-shadow: 0 0 #0000000f;
}

.small-button.light {
  background-color: var(--back-grey);
  box-shadow: none;
  color: var(--grey);
  margin-right: 0;
}

.small-button.light:hover {
  background-color: var(--silver);
}

.small-button.light:active {
  background-color: var(--soft-grey);
  color: var(--dark-grey);
}

.small-button.dark {
  background-color: var(--dim-grey);
  box-shadow: none;
  margin-right: 0;
}

.small-button.dark:hover {
  background-color: var(--dark-grey);
}

.small-button.dark:active {
  background-color: var(--black);
}

.nav-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1230px;
  height: 3.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
}

.error-2 {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.nav-link {
  color: var(--grey);
  cursor: pointer;
  background-color: #0000;
  margin-left: 4px;
  margin-right: 4px;
  padding: 6px 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .2s, transform .2s, color .2s;
}

.nav-link:hover {
  color: var(--black);
}

.nav-link:active {
  color: var(--grey);
}

.nav-link.w--current {
  color: var(--black);
}

.nav-link.cta-button {
  background-color: var(--action-orange);
  box-shadow: 0 2px 0 0 var(--light-green);
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 100px;
  padding: 1em 2em;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1em;
  transition: box-shadow .2s, background-color .2s, transform .2s, color .2s;
}

.nav-link.cta-button.contact-nav-button {
  font-size: .75em;
  line-height: 1em;
}

.nav-link.cta-button:hover {
  background-color: var(--dark-grey);
}

.nav-link.cta-button:active {
  background-color: var(--grey);
  box-shadow: 0 0 0 0 var(--silver);
  transform: translate(0, 1px);
}

.form-dropdown {
  border: 1px solid var(--silver);
  background-color: var(--back-grey);
  width: 100%;
  height: 44px;
  color: var(--fade-white);
  border-radius: 6px;
  margin-bottom: 16px;
  padding: 8px 12px;
  font-size: 15px;
  position: relative;
}

.form-dropdown:focus {
  color: #37474e;
}

.form-dropdown::placeholder {
  color: #999;
  font-size: 15px;
}

.field-block {
  z-index: 1;
  border: 1px solid #0000;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  min-width: 50px;
  min-height: 20px;
  margin-bottom: 8px;
  display: flex;
}

.error {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.error.password {
  margin-top: 4em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .75em;
}

.footer-header {
  color: var(--fade-white);
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.footer-container {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 50px;
  display: flex;
}

.ds-colour-block {
  width: 12.5%;
  padding-right: 16px;
  display: inline-block;
}

.ds-colour-grid {
  flex-wrap: wrap;
  margin-top: 24px;
  display: flex;
}

.ds-module {
  background-color: var(--silver);
  border-radius: 2px;
  flex-direction: column;
  min-width: 100px;
  min-height: 100px;
  display: flex;
  position: relative;
}

._1-2-grid {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: auto;
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
  font-family: IBM Plex Sans, sans-serif;
  display: grid;
  position: relative;
}

._1-2-grid._1000px {
  align-self: center;
  max-width: 1000px;
}

._1-2-grid._1000px.m-margin {
  padding-left: 5em;
  padding-right: 5em;
}

._2-1-grid {
  grid-column-gap: 5em;
  grid-row-gap: 1em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  font-family: IBM Plex Sans, sans-serif;
  line-height: 125%;
  display: grid;
  position: relative;
}

._2-1-grid._1200px {
  width: auto;
  max-width: 1200px;
}

._2-1-grid.hide {
  display: none;
}

.heading {
  font-weight: 600;
  display: block;
}

.heading.h1 {
  align-self: flex-start;
  max-width: 100%;
  margin-bottom: 18px;
  font-family: IBM Plex Serif, sans-serif;
  font-size: 6em;
  font-style: normal;
  font-weight: 200;
  line-height: 100%;
}

.heading.h1.small-margin {
  margin-bottom: 6px;
}

.heading.h1.s {
  font-size: 4em;
}

.heading.h2 {
  color: var(--dark-grey);
  margin-bottom: 0;
  font-family: IBM Plex Serif, sans-serif;
  font-size: 2.75em;
  font-weight: 200;
  line-height: 1.15em;
}

.heading.h3 {
  margin-bottom: 12px;
  font-family: IBM Plex Serif, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4em;
}

.heading.h3.no-margin {
  margin-bottom: 0;
}

.heading.h3.light {
  color: var(--white);
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 1.5em;
}

.heading.h4 {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.45em;
}

.heading.h5 {
  color: var(--dark-grey);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
}

.heading.h6 {
  color: var(--grey);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5em;
}

.heading.large-h1 {
  margin-bottom: 16px;
  font-size: 64px;
  line-height: 1.15em;
}

.error-3 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.licenses-grid {
  grid-column-gap: 96px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.utility-page-wrap {
  background-color: var(--fade-white);
  width: 100vw;
  max-width: 100%;
  height: 90vh;
  min-height: auto;
  max-height: 100%;
  color: var(--white);
  background-image: radial-gradient(circle at 0%, #ef98cf33, #0000 24%), radial-gradient(circle at 0 20%, #7aa7ff40, #0000 42%);
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.utility-page-wrap.center-align {
  background-image: radial-gradient(circle farthest-corner at 50% -20%, #ef98cf33, #0000 61%), radial-gradient(circle farthest-corner at 0% 20%, var(--gradient-blue), #0000 42%);
  text-align: center;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 380px;
  display: flex;
}

.utility-page-form {
  background-color: var(--back-grey);
  width: 100%;
  min-width: 45vw;
  max-width: 100%;
  min-height: 50vh;
  color: var(--dim-grey);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 2em 5em 2em 4em;
  font-family: IBM Plex Sans, sans-serif;
  display: flex;
  box-shadow: 20px 20px 20px -20px #0003;
}

.visible-spacer {
  background-color: var(--silver);
  border-radius: 2px;
  margin-bottom: 24px;
  display: inline-block;
}

.email-form {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 450px;
  display: flex;
}

.email-form.center-align {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.section-top {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

._3-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  font-family: IBM Plex Sans, sans-serif;
  font-weight: 400;
  display: grid;
}

._3-grid.sidebar {
  background-color: var(--gradient-pink);
  border: .5px dashed #000;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 1em 2em 2em;
  font-size: 12px;
}

._3-grid.hero {
  width: auto;
  max-width: 85%;
}

._3-grid.sectionheader {
  grid-template-columns: 1fr .25fr 1fr;
  align-content: start;
}

._4-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._4-grid.small-gap {
  grid-column-gap: 1em;
  grid-row-gap: 2em;
}

._4-grid._1-3 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-columns: .25fr 1fr 1fr 1fr;
  transition: all .3s;
}

._4-grid._1-3:hover {
  filter: saturate(200%);
}

._4-grid._1-3.diagram {
  font-family: IBM Plex Sans, sans-serif;
  font-size: 12px;
}

._4-grid.mobscroll {
  font-family: IBM Plex Sans, sans-serif;
}

._4-grid.form {
  flex: 1;
  grid-template-columns: 1fr .25fr 1fr 1fr;
  align-self: stretch;
}

._4-grid.fig {
  font-family: IBM Plex Sans, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

.email-subscribe {
  grid-column-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.search {
  align-items: flex-start;
  margin-bottom: 0;
}

.terms-card {
  z-index: 2;
  background-color: #fff;
  border-radius: 12px;
  max-width: 800px;
  margin-top: -180px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 64px 48px;
  position: relative;
  box-shadow: 0 3px 12px #0000000f;
}

.popular-posts-grid {
  grid-column-gap: 80px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.container-2 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
  position: relative;
}

.hidden {
  display: none;
}

.search-bar {
  border: 1px solid var(--back-grey);
  background-color: var(--back-grey);
  width: 280px;
  height: 36px;
  color: var(--black);
  background-image: url('../images/MagnifyingGlass-Grey.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 6px;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 32px;
  font-size: 15px;
  font-weight: 400;
  transition: border-color .2s;
  display: none;
}

.search-bar:hover, .search-bar:focus {
  border-color: var(--soft-grey);
}

.search-bar::placeholder {
  color: var(--fade-white);
}

.search-section {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.card-text-link {
  width: 100%;
  max-width: 450px;
  color: var(--black);
  text-align: left;
  border-radius: 4px;
  flex-direction: column;
  font-family: IBM Plex Sans, sans-serif;
  transition: transform .2s, opacity .2s;
  overflow: hidden;
}

.card-text-link:hover {
  color: var(--dark-grey);
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.form-card {
  background-color: var(--white);
  color: var(--black);
  text-align: left;
  border-radius: 12px;
  padding: 40px;
}

.title-tag {
  color: var(--fade-white);
  margin-bottom: 12px;
  font-weight: 500;
}

.cta-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--silver);
  border-bottom: 1px solid var(--silver);
  text-align: left;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.error-4 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1230px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
  position: relative;
}

.grey-text-link {
  border-bottom: 1px solid var(--soft-grey);
  color: var(--grey);
}

.grey-text-link:hover {
  border-bottom-color: var(--fade-white);
  color: var(--dark-grey);
}

.banner-section {
  z-index: 200;
  background-color: var(--white);
  background-image: radial-gradient(circle at 25% -20%, #7aa7ff26, #fff0 52%), radial-gradient(circle at 100% 0, #ff010114, #fff0 25%);
  padding-left: 50px;
  padding-right: 50px;
  display: none;
  position: relative;
}

.banner-container {
  flex: 1;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.banner {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
  display: flex;
}

.banner-link {
  color: var(--fade-white);
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  line-height: 1.3em;
  text-decoration: none;
  display: inline;
}

.banner-link:hover {
  color: var(--black);
}

.logo {
  align-self: flex-start;
  max-height: 2.25em;
  display: block;
  overflow: visible;
}

.nav-logo .logo {
  box-sizing: content-box;
  align-self: center;
  max-height: 1.5em;
  width: auto;
  padding: .25em;
}

.nav-logo .spacer.xs {
  display: none;
}

.logo.login {
  max-width: 5vw;
  max-height: 100%;
}

.hero-grid {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  align-self: flex-start;
  place-items: center start;
  max-width: 1200px;
  margin-left: 5em;
  font-family: IBM Plex Sans, sans-serif;
  line-height: 1.5em;
}

.hero-illustration {
  mix-blend-mode: multiply;
  margin-left: auto;
  margin-right: auto;
}

.large-3-grid {
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.footer-grid {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr .8fr;
}

.footer-logo-block {
  flex-direction: column;
  align-items: flex-start;
  max-width: 650px;
  display: flex;
  position: relative;
}

.ebook-header-block {
  max-width: 650px;
  height: 50px;
  position: relative;
}

.ebook-page-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 400px;
}

.ebook-cover {
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px #0000000d;
}

.ebook-mobile-block {
  max-width: 650px;
  height: 50px;
  display: none;
  position: relative;
}

.full-page-wrapper {
  background-color: var(--fade-white);
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--gradient-red), transparent 44%), radial-gradient(circle farthest-corner at 0% 100%, var(--gradient-red), transparent 32%);
  width: 100%;
  max-width: none;
  color: var(--white);
  align-items: center;
  padding: 24px 12px;
}

.form-page-logo {
  width: 5vw;
  max-width: 5vw;
}

.form-card-header {
  text-align: center;
  margin-bottom: 32px;
}

.admin-form-card {
  background-color: var(--white);
  width: 100%;
  max-width: 380px;
  box-shadow: 10px 10px 10px -10px var(--mid-dark-grey);
  color: var(--black);
  border-radius: 0;
  padding: 40px;
}

.admin-form-card.center-align {
  text-align: center;
}

.form-card-footer {
  grid-column-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 14px;
}

.below-card-link {
  color: var(--fade-white);
  margin-top: 24px;
  font-size: 14px;
  display: inline-block;
}

.below-card-link:hover {
  color: var(--soft-grey);
}

.checkbox-label {
  flex: 1;
  font-size: 14px;
  display: inline-block;
}

.white-text-link {
  border-bottom: 1px solid var(--grey);
  color: var(--white);
  transition: border-color .2s, color .2s;
}

.white-text-link:hover {
  border-bottom-color: var(--soft-grey);
  color: var(--soft-grey);
}

.field-label {
  color: #202020;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3em;
}

.field-label.no-margin {
  margin-bottom: 0;
}

.account-header {
  border-style: none none solid;
  border-bottom-color: #e7ecf0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.account-info-wrapper {
  margin-top: 24px;
}

.account-card {
  background-color: var(--white);
  width: 100%;
  max-width: 380px;
  color: var(--black);
  border-radius: 12px;
  padding: 24px 32px;
}

.account-page-wrapper {
  background-color: var(--silver);
  width: 100vw;
  max-width: 100%;
  height: 90vh;
  min-height: 650px;
  max-height: 100%;
  color: var(--white);
  background-image: radial-gradient(circle at 50% 0, #ef98cf33, #0000 57%), radial-gradient(circle at 0 20%, #7aa7ff40, #0000 42%);
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.form-2-grid {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.verification-box {
  text-align: center;
}

.form-page-logo-link {
  margin-bottom: 32px;
  transition: opacity .2s, color .2s;
}

.form-page-logo-link:hover {
  opacity: .9;
}

.bold {
  font-weight: 700;
}

.bold.superscript {
  margin-right: 1em;
}

.h3 {
  text-align: left;
  font-family: IBM Plex Serif, sans-serif;
  font-size: 2em;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.h3.span {
  border-top: 1px solid var(--grey);
  border-bottom: 1px solid var(--grey);
  color: var(--grey);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2em;
  padding: .5em 0;
  font-family: IBM Plex Sans, sans-serif;
  font-size: .75em;
  font-weight: 400;
}

.h3.span._2 {
  color: var(--dark-grey);
  border: 1px #000;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 700;
}

.h3.span.fig {
  border-top-style: dashed;
  border-top-color: var(--soft-grey);
  border-bottom-style: dashed;
  border-bottom-color: var(--soft-grey);
  font-family: IBM Plex Mono, sans-serif;
  font-size: .75em;
  font-style: normal;
}

.h3.span.l {
  color: var(--dark-grey);
  letter-spacing: .15em;
  border: 1px #000;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 1em;
}

.h3.actionorange {
  color: var(--action-orange);
}

.mono {
  color: var(--action-orange);
  font-family: Inconsolata, monospace;
  font-size: 1em;
  font-weight: 700;
}

.mono.link {
  border-bottom: 1px solid var(--action-green);
  cursor: auto;
  font-size: .85em;
}

.emphasis {
  color: var(--mid-dark-grey);
  letter-spacing: 2px;
  text-transform: uppercase;
  vertical-align: super;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .75em;
  font-weight: 700;
  line-height: .75em;
}

.emphasis.bold-text {
  color: var(--action-orange);
  font-weight: 700;
}

.image.feature-cover {
  box-sizing: border-box;
  vertical-align: text-bottom;
  mix-blend-mode: color-dodge;
  object-fit: contain;
  max-height: 8vh;
  overflow: visible;
}

.image._5vw {
  mix-blend-mode: normal;
  max-width: 5vw;
}

.image.spanheader {
  mix-blend-mode: luminosity;
  border-bottom-style: none;
  max-width: 4vw;
  margin-right: 1.5em;
}

.image.small {
  max-width: 10vw;
}

.cover-container {
  border: 1px none var(--fade-white);
  background-color: var(--dark-grey);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cover-container._2 {
  background-color: #33383f00;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.paragraph-2 {
  text-align: center;
  font-family: IBM Plex Sans, sans-serif;
}

.text-container {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.text-container.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1000px;
  display: grid;
}

.text-container.grid.blend {
  border-bottom: 1px dashed var(--gradient-blue-2);
  mix-blend-mode: luminosity;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center start;
  max-width: 100%;
  padding-top: 1em;
}

.text-container.grid.blend:hover {
  mix-blend-mode: normal;
  border: 0 solid #000;
}

.text-container.no-margin {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.text-container.no-margin.s {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 12px;
  display: grid;
}

.text-container.no-margin.right-margin {
  padding-right: 5em;
}

.text-container.no-margin._65 {
  max-width: 65%;
}

.text-container.no-margin.sidebar {
  font-size: .75em;
  line-height: 1.5em;
}

.text-container.no-margin.dashboard {
  font-size: 14px;
}

.text-container.sidebar {
  border-top: 1px solid var(--soft-grey);
  flex-flow: column;
  align-self: stretch;
  padding-top: 1.5em;
  display: flex;
}

.text-container.sidebar.select {
  border-top-style: none;
  flex-flow: column;
  margin-top: .25em;
  padding-top: 0;
  padding-bottom: .125em;
  padding-left: 0;
  font-size: 14px;
  display: flex;
}

.text-container.vertical.no-margin.blend {
  mix-blend-mode: screen;
  font-family: IBM Plex Mono, sans-serif;
}

.text-container.persona-profile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: .25px solid var(--action-orange);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-top: 2em;
  padding-left: 0;
  display: grid;
}

.text-container.persona-profile.persona-frame {
  border-top-style: none;
  border-top-width: 1px;
  padding-top: 1em;
}

.text-container.quote {
  border-top: 1px solid var(--action-orange);
  flex-flow: column;
  margin-right: 1em;
  padding-top: 1em;
  padding-left: .25em;
  padding-right: .5em;
  font-size: 14px;
  display: flex;
}

.text-container.insight-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: .25px solid var(--grey);
  background-color: var(--white);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  max-width: 100%;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 14px;
  display: grid;
}

.text-container.header {
  flex-flow: row;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.text-container.profile-details {
  flex-flow: column;
  padding-top: 1em;
  display: flex;
}

.text-container.chart {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  max-height: 70vh;
  display: flex;
  overflow: hidden;
}

.link {
  color: var(--action-green);
  letter-spacing: 1px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.link.not-active {
  color: var(--soft-grey);
}

.link.large {
  border-bottom: 1px solid var(--action-green);
  margin-left: 1em;
  padding-bottom: .25em;
  font-size: 1em;
  font-weight: 400;
}

.link.large:hover {
  color: var(--patiently-purple);
}

.link.live {
  border-bottom: 1px solid var(--action-green);
}

.link.coming {
  color: var(--medgreen);
}

.link.s {
  color: var(--action-orange);
  align-self: flex-start;
  font-size: .85em;
  text-decoration: underline;
}

.link.s.indent-s {
  align-self: flex-end;
  margin-right: 1em;
  text-decoration: none;
}

.xl {
  font-size: 3em;
  font-weight: 700;
  line-height: 1em;
}

.xl.red {
  color: var(--action-orange);
}

.xl.green {
  color: var(--action-green);
}

.text-link {
  color: var(--action-green);
  text-transform: none;
  font-family: Inconsolata, monospace;
  font-weight: 700;
  text-decoration: underline;
}

.main-button-container {
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center stretch;
  max-width: 100%;
  font-size: .85em;
  display: grid;
}

.badge-container {
  background-color: var(--gradient-blue);
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin-bottom: 2.5em;
  padding: .5em 1em;
  font-family: Inconsolata, monospace;
  font-size: 12px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
  box-shadow: 10px 10px 10px -10px #0003;
}

.badge-container.bg-yellow {
  background-color: var(--gradient-red);
}

.badge-container.bg-dark {
  background-color: var(--patiently-purple);
  color: var(--silver);
}

.badge-container.bg-green {
  aspect-ratio: auto;
  background-color: var(--action-green);
  max-width: 100%;
  color: var(--white);
  letter-spacing: 1px;
  flex-flow: wrap;
  justify-content: flex-start;
  margin-left: -1em;
}

.badge-container.bg-red {
  background-color: var(--gradient-red);
  padding-top: 1em;
  padding-bottom: 1em;
}

.badge-container.xs {
  border: 1px solid var(--patiently-purple);
  background-color: var(--light-green-2);
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .65em;
  font-weight: 400;
}

.badge-container.xs.green {
  border-color: var(--action-green);
  background-color: var(--action-green);
  width: 1em;
  height: 1em;
  color: var(--silver);
  margin-bottom: 1em;
}

.badge-container.xs.green.light {
  align-self: flex-start;
  margin-bottom: 2em;
}

.badge-container.xs.light {
  align-self: flex-start;
  margin-bottom: 2em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .5em;
}

.badge-container.xs.light.blue2 {
  background-color: var(--light-green);
}

.badge-container.xs.light.blue4 {
  background-color: var(--action-green);
  color: var(--back-grey);
}

.badge-container.xs.light.blue-3 {
  background-color: var(--light-green-2);
}

.badge-container.xs.blue1 {
  background-color: var(--light-green);
  margin-bottom: 2em;
  font-size: .5em;
  line-height: 100%;
}

.serif-italic {
  font-family: IBM Plex Serif, sans-serif;
  font-style: italic;
}

.bold-text {
  font-weight: 400;
}

.text-block {
  flex-flow: column;
  max-width: 550px;
  font-family: IBM Plex Sans, sans-serif;
  display: flex;
}

.text-block.wordmark {
  color: var(--patiently-purple);
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.nav-logo .text-block.wordmark {
  flex: 0 0 auto;
  padding: .25em;
  text-align: left;
  line-height: 1em;
  white-space: nowrap;
}

.text-block.no-margin {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
}

.text-block.no-margin.vertical {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.spanheader {
  border-bottom: 1px solid var(--dark-grey);
  order: 0;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: .5em;
  font-family: IBM Plex Serif, sans-serif;
  font-size: 16px;
  display: flex;
}

.form-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.form-block {
  flex-flow: column;
  justify-content: flex-start;
  min-height: 40vh;
  display: flex;
}

.ms-input-label {
  color: var(--action-orange);
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: .85em;
  font-weight: 700;
}

.ms-input {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--grey) var(--grey) var(--action-orange);
  min-width: 100%;
  min-height: 40px;
  color: var(--dark-grey);
  background-color: #fff0;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 8px 12px 8px 0;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1em;
  transition: box-shadow .2s, border-color .2s;
  position: relative;
}

.ms-input:hover {
  z-index: 2;
  border-color: #2962ff #2962ff var(--patiently-purple);
  box-shadow: none;
  color: var(--action-orange);
}

.ms-input::placeholder {
  color: #909090;
}

.form-2 {
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  display: flex;
}

.select-field {
  background-color: var(--gradient-red);
  color: var(--dark-grey);
  border: 1px #000;
}

.select-field:hover {
  background-color: var(--patiently-purple);
  color: var(--soft-grey);
}

.card {
  border: 1px dashed var(--action-green);
  color: var(--dark-grey);
  padding: 1em 1.15em 2em 1em;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  transition: all .25s;
}

.card:hover {
  background-color: var(--light-green);
  border-style: solid;
  box-shadow: 2px 2px 2px -2px #0003;
}

.card.bg-light {
  background-color: var(--gradient-blue-2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.card.bg-light.align-left {
  justify-content: center;
  align-items: flex-start;
}

.card.bg-light.bench {
  border-color: var(--medgreen);
  background-color: var(--light-green);
  text-align: center;
  padding-bottom: 1em;
  font-size: 1em;
}

.card.support {
  background-color: var(--white);
  border-style: solid;
  border-width: .5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .5em 1em;
  display: flex;
}

.card.centered {
  border-color: var(--light-green-2);
  flex-flow: column;
  transition: all .25s;
}

.card.centered:hover {
  box-shadow: 2px 2px 2px -2px #0003;
}

.card.centered.purple {
  border-color: var(--medgreen);
  padding-right: 1.2em;
  transition: all .25s;
}

.card.centered.purple:hover {
  background-color: var(--light-green-2);
  box-shadow: 2px 2px 2px -2px #0003;
}

.card.centered.green {
  border-color: var(--medgreen);
  background-color: var(--medgreen);
}

.card.centered.green:hover {
  border-width: 1px;
  border-color: var(--action-green);
}

.card.centered.green.underdog {
  background-color: var(--light-green-2);
  padding-bottom: 1em;
}

.card.centered.green2 {
  border-color: var(--medgreen);
  transform-style: preserve-3d;
}

.card.centered.green2:hover {
  transform: scale3d(1none, 1none, 1none);
}

.card._1-2-grid {
  max-width: 100%;
}

.card._4-grid {
  border: 1px none var(--soft-grey);
  background-color: #e2ecf500;
}

.card._4-grid:hover {
  background-color: var(--back-grey);
}

.card._4-grid:active {
  background-color: var(--light-green);
}

.card._4-grid.fig {
  background-color: var(--fade2-white);
  border-style: dashed;
}

.card._4-grid.fig:hover {
  background-image: linear-gradient(300deg, var(--back-grey), var(--fade2-white));
}

.card._3-grid {
  background-color: var(--fade2-white);
}

.card._3-grid:hover {
  background-color: var(--light-green);
}

.lines {
  vertical-align: baseline;
  object-fit: scale-down;
  max-width: 75%;
  display: block;
}

.centered {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-2 {
  font-family: IBM Plex Sans, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

.text-block-2.right-margin {
  border-right: 1px solid var(--dim-grey);
  margin-right: 2em;
  padding-right: 1em;
}

.success-message {
  text-align: left;
  background-color: #ddd0;
  padding-left: 0;
  font-size: 1em;
  line-height: 1.5em;
}

.error-message {
  background-color: #ffdede00;
  position: relative;
  inset: -100% auto -47px 0%;
}

._1-grid {
  font-size: 14px;
}

.headerlink {
  color: var(--action-orange);
}

.superscript {
  color: var(--action-orange);
  vertical-align: super;
  font-size: .75em;
  font-style: normal;
  font-weight: 400;
  display: inline;
}

.superscript.header {
  text-transform: uppercase;
  margin-left: 1em;
  font-size: .15em;
  font-style: italic;
  font-weight: 400;
}

.link-2 {
  border-bottom: 1px solid var(--patiently-purple);
  color: var(--patiently-purple);
  text-transform: uppercase;
  cursor: pointer;
  font-family: Inconsolata, monospace;
  font-size: 1em;
}

.link-2:hover {
  border-bottom-color: var(--action-green);
  color: var(--action-green);
}

.hoverlight:hover {
  color: var(--action-green);
}

.boldcapital {
  color: var(--action-orange);
  text-transform: none;
  font-weight: 700;
}

.boldcapital.grey {
  color: var(--dark-grey);
  font-weight: 700;
}

.boldcapital.grey.line {
  border-top: .5px dashed var(--dim-grey);
  margin-top: 2.5em;
  padding-top: 1em;
  display: flex;
}

.boldcapital.grey.line._2 {
  margin-top: 1em;
}

.bold-text-2 {
  display: flex;
}

.text-span {
  font-style: normal;
  font-weight: 400;
}

.main-4grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: IBM Plex Sans, sans-serif;
  line-height: 1.5em;
  display: grid;
}

.main-4grid.bg-grey {
  background-color: var(--back-grey);
}

.italic-text {
  color: var(--action-green);
  letter-spacing: 0;
  font-style: italic;
}

.list-item {
  color: var(--dark-grey);
  margin-bottom: 1em;
  padding-left: .5em;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1em;
  line-height: 130%;
  list-style-type: decimal;
}

.list-item.bullet {
  list-style-type: square;
}

.list {
  margin-bottom: 1em;
  padding-left: 1em;
  line-height: 1.5em;
  list-style-type: square;
}

.list.margin-small {
  padding-top: .5em;
  padding-left: 2em;
  padding-right: 1em;
}

.paragraph-3 {
  font-size: 1em;
}

.card-container {
  flex-flow: column;
  display: flex;
}

.italic {
  color: var(--action-orange);
  font-style: italic;
  font-weight: 400;
}

.footernote {
  font-family: IBM Plex Mono, sans-serif;
  font-size: .75em;
}

.bold-text-3 {
  color: var(--action-orange);
}

.contentnav {
  border-right: 1px solid #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 10vw;
  margin-left: 2vw;
  margin-right: 2vw;
  padding-right: 2em;
  font-size: 12px;
  line-height: 1.5em;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.button-glyph {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.boldgrey, .bold-text-5 {
  color: var(--dark-grey);
}

.embed {
  min-height: 30vh;
}

.tabs {
  display: flex;
}

.tabs.data {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  min-height: 60vh;
  max-height: 100%;
  padding-top: 5vh;
  padding-left: 2em;
  padding-right: 1em;
  overflow: visible;
}

.tabs.data.limit {
  overflow: hidden;
}

.patientcardtabs {
  background-color: var(--white);
  height: 5vh;
  color: var(--grey);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  font-family: IBM Plex Sans, sans-serif;
  display: flex;
}

.tablink {
  border-top: 1px solid var(--grey);
  border-bottom: 1px none var(--soft-grey);
  border-left: .25px none var(--soft-grey);
  background-color: var(--white);
  width: 20%;
  color: var(--grey);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: normal;
  direction: ltr;
  flex: 1;
  margin-left: 0;
  padding-left: .25em;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25em;
  display: flex;
}

.tablink:hover {
  border-top-color: var(--action-orange);
  color: var(--action-orange);
}

.tablink.w--current {
  border-top: 2px solid var(--action-orange);
  border-bottom: 1px none var(--action-orange);
  background-color: var(--white);
  width: 20%;
  color: var(--action-orange);
  margin-left: 0;
  font-weight: 700;
}

.dropdown-toggle {
  z-index: 1;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 1em 3.5em 1em 0;
  font-family: IBM Plex Sans, sans-serif;
  display: flex;
}

.dropdown-toggle.center {
  color: var(--dim-grey);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
}

.dropdown {
  justify-content: space-around;
  align-self: stretch;
  margin-left: 0;
  display: flex;
}

.filterlabel.l {
  font-family: IBM Plex Serif, sans-serif;
  font-size: 1.25em;
  font-style: italic;
}

.filterlabel.s {
  font-size: .85em;
}

.filterlabel-container {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.icon-2 {
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.dashboard-body {
  background-color: var(--bg-beige);
}

.dropdown-list {
  position: fixed;
}

.dropdown-list.w--open {
  z-index: 1;
  background-color: var(--bg-beige);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1em;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  display: flex;
  position: absolute;
}

.dropdown-link {
  color: var(--dark-grey);
  flex-flow: column;
  font-family: IBM Plex Sans, sans-serif;
  font-size: .85em;
  line-height: 1em;
  display: flex;
}

.dropdown-link:hover {
  font-style: italic;
}

.code-embed {
  max-height: 100%;
}

.dashboard-header {
  background-color: var(--action-orange);
  border-radius: .5px;
  justify-content: space-between;
  align-items: center;
  min-height: 5em;
  padding: .5em 2em .5em 1em;
  display: flex;
}

.dashboard-header.section {
  border-top: 1px solid var(--silver);
  border-bottom: 1px none var(--action-orange);
  background-color: var(--white);
  max-width: 100%;
  color: var(--dark-grey);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  font-size: 18px;
}

.dashboard-header.inline {
  border-bottom: 1px solid var(--action-orange);
  background-color: var(--fade2-white);
  padding: 1em 1em 0 0;
  font-size: 16px;
}

.dashboard-header.announcement {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--grey);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dashboard-logo {
  filter: brightness(0%);
  mix-blend-mode: darken;
  max-height: 3vh;
}

.bold-text-6 {
  color: var(--white);
}

.data-profiles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100%;
  font-family: IBM Plex Sans, sans-serif;
  display: grid;
}

.dashboard-profile-photo {
  border-radius: 1000px;
  max-width: 7.5vw;
}

.slider {
  background-color: #ddd0;
  flex-flow: column;
  display: flex;
}

.slide {
  min-width: 100%;
}

.right-arrow {
  display: block;
  position: static;
  inset: 0% 0% auto auto;
  overflow: visible;
}

.left-arrow {
  color: var(--action-orange);
  flex: 1;
  align-self: flex-start;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.slide-nav {
  font-size: 8px;
  font-weight: 700;
  position: relative;
}

.pictogram {
  opacity: .44;
  max-width: 3em;
}

.pictogram.s {
  max-width: 2em;
}

.pictogram.s.right-margin {
  margin-left: 1em;
}

.insightslider {
  background-color: var(--fade2-white);
  flex-flow: column;
  min-height: 50vh;
  display: flex;
}

.insight-slide {
  margin-right: -79px;
}

.slidenavdots {
  color: var(--action-orange);
  flex: 1;
}

.slidermask {
  flex: 1;
  align-self: stretch;
}

.left-arrow-2 {
  display: none;
  inset: 0% auto auto 0%;
}

.code-embed-2 {
  object-fit: fill;
  max-height: 100%;
  overflow: visible;
}

.category {
  background-color: var(--action-orange);
  color: var(--white);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.categoryblock {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  font-size: 14px;
  display: grid;
}

.mask {
  align-self: flex-start;
}

.code-embed-3 {
  aspect-ratio: auto;
  object-fit: scale-down;
  align-self: stretch;
  max-height: 15vh;
}

.icon-3 {
  display: none;
}

.export-block {
  display: flex;
}

.export-contain {
  border: 1px solid var(--action-orange);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 100px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  padding: .5em .5em .5em 1em;
  font-size: 10px;
  display: flex;
}

.export-contain:hover {
  background-color: var(--gradient-red);
}

.chart-small {
  max-height: 85%;
  overflow: hidden;
}

.chart-xs {
  max-height: 5vh;
  overflow: hidden;
}

.left-align {
  display: flex;
}

.heading-2 {
  color: var(--dark-grey);
  font-size: 1.2em;
}

@media screen and (min-width: 1280px) {
  .page-wrapper {
    align-items: stretch;
  }

  .section {
    align-self: center;
    padding-left: 0;
    padding-right: 0;
  }

  .section.light-color {
    background-image: linear-gradient(63deg, #fff 46%, var(--fade-white)), url('../images/Frame-8.png'), linear-gradient(to bottom, var(--bg-beige), var(--bg-beige));
    background-position: 0 0, 100% 100%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, auto 65vh, auto;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .section.light-color.hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    background-image: linear-gradient(357deg, var(--white) 39%, #ffffff80 77%), linear-gradient(353deg, #fff 63%, #ffffff29 69%), url('../images/BG3.png'), linear-gradient(to bottom, transparent, transparent);
    object-fit: none;
    background-position: 0 0, 0 0, 100%, 0 0;
    background-repeat: repeat, repeat, no-repeat, repeat;
    background-size: auto, auto, auto 85vh, auto;
    background-attachment: scroll, scroll, fixed, scroll;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: stretch;
    place-items: center;
    min-height: 75vh;
    padding-top: 35vh;
    padding-bottom: 15em;
    padding-left: 5vw;
    line-height: 1.5em;
    display: grid;
  }

  .section.bg-2 {
    align-self: stretch;
  }

  .section.wide {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
    align-self: center;
    place-items: center stretch;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .section.wide.bg-grey {
    padding-left: 5em;
    padding-right: 5em;
  }

  .section.wide.bg-grey.form {
    box-shadow: none;
    background-image: linear-gradient(#fff 37%, #eff4fa);
    justify-content: space-around;
    align-self: stretch;
    align-items: stretch;
  }

  .section.wide.bg-light-beige {
    border-top: 1px dashed var(--patiently-purple);
    background-color: #ecece487;
  }

  .button {
    font-size: .85em;
  }

  .button.s {
    cursor: pointer;
    box-shadow: 4px 5px 4px -5px #2020200d;
  }

  .text-box.mono.line-divider {
    max-width: 100%;
    font-size: .85em;
  }

  .text-box.mono.line-divider._2 {
    border-top-color: var(--patiently-purple);
  }

  .text-box.mono.line-divider._1 {
    justify-content: center;
    align-items: flex-end;
    max-width: 100%;
    font-size: 12px;
  }

  .text-box.mono.line-divider.l {
    border-top-color: var(--patiently-purple);
    font-family: IBM Plex Serif, sans-serif;
    font-size: 1.5em;
  }

  .text-box.grid.wide {
    grid-column-gap: 4em;
    max-width: 100%;
    line-height: 1.5em;
  }

  .text-box.indent {
    margin-left: 3px;
  }

  .container.hero {
    flex-flow: row;
    flex: 1;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    max-width: 35vw;
    min-height: 55vh;
    margin-top: 10em;
  }

  .container.s {
    max-width: 35vw;
    margin-left: 1em;
  }

  .container._4-grid.dashboard {
    border: .5px solid var(--grey);
    border-radius: 0;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    box-shadow: 5px 2px 5px #0003;
  }

  .rich-text {
    font-size: 1em;
    line-height: 1.5em;
  }

  .rich-text.table.r {
    max-width: 75%;
  }

  .rich-text.m {
    font-size: 1.15em;
  }

  .nav-bar {
    align-self: stretch;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .nav-logo.w--current:hover {
    filter: brightness(200%);
  }

  .footer-logo {
    max-width: 5vw;
  }

  .footer-logo:hover {
    filter: brightness(200%);
  }

  .footer {
    background-color: var(--fade-white);
    flex: 1;
    align-self: stretch;
  }

  .paragraph {
    text-align: left;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
  }

  .paragraph.small.align-center {
    letter-spacing: 1px;
    font-family: IBM Plex Mono, sans-serif;
    font-size: 1em;
  }

  .paragraph.s {
    line-height: 1.5em;
  }

  .paragraph.xl.green {
    color: var(--action-green);
    letter-spacing: 1px;
    font-weight: 400;
  }

  .paragraph.xl.purple {
    color: var(--patiently-purple);
    text-align: center;
    font-weight: 400;
  }

  .paragraph.mono.s {
    letter-spacing: 0;
  }

  .paragraph.l {
    color: var(--dark-grey);
    letter-spacing: 0;
  }

  .paragraph.category-tags._2 {
    overflow-wrap: anywhere;
    padding-bottom: .5em;
  }

  .feature-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .nav-container {
    max-width: 1550px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link.cta-button {
    box-shadow: none;
  }

  .footer-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading.h1 {
    max-width: 45vw;
    color: var(--dim-grey);
    align-self: center;
    margin-left: 0;
  }

  .heading.h2 {
    color: var(--dark-grey);
    letter-spacing: 1px;
    font-family: IBM Plex Serif, sans-serif;
    font-size: 2.25em;
    font-weight: 200;
    line-height: 1.2em;
  }

  .heading.h2.hide {
    display: block;
  }

  .heading.h2.s {
    letter-spacing: 0;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 1.15em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
  }

  ._3-grid.sidebar.hide {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  ._3-grid.hero {
    max-width: 1000px;
    margin-top: 25em;
    margin-bottom: 20em;
  }

  ._3-grid.sectionheader {
    grid-template-columns: 1fr .25fr 1fr;
    width: auto;
    font-size: 16px;
    line-height: 1.5em;
  }

  ._4-grid {
    align-self: flex-start;
  }

  ._4-grid._1-3 {
    grid-template-columns: .25fr 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  ._4-grid._1-3.m-text {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
  }

  ._4-grid.sidebar {
    border: 1px dashed var(--action-orange);
    background-color: var(--fade-white);
    grid-template-columns: 1fr .25fr 1fr 1fr;
    padding: 1em;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
  }

  ._4-grid.form {
    align-self: center;
    max-width: 1200px;
  }

  .search-bar {
    display: none;
    overflow: hidden;
  }

  .banner-container {
    max-width: 1140px;
  }

  .hero-grid {
    grid-column-gap: 2em;
    grid-template-columns: 3fr 1fr;
    justify-content: start;
    align-self: flex-start;
    align-items: center;
    max-width: 1200px;
    margin-left: 2em;
  }

  .footer-logo-block {
    justify-content: center;
    align-items: center;
  }

  .bold {
    color: var(--action-orange);
  }

  .h3 {
    color: var(--action-orange);
    text-transform: uppercase;
    font-family: IBM Plex Serif, sans-serif;
    font-weight: 200;
  }

  .h3.span {
    border-top-width: .5px;
    border-bottom-width: .5px;
    font-family: IBM Plex Mono, sans-serif;
    font-size: .75em;
  }

  .h3.span._2 {
    color: var(--dark-grey);
    font-family: IBM Plex Mono, sans-serif;
    font-weight: 700;
  }

  .h3.span._2.white {
    color: var(--back-grey);
  }

  .h3.span.fig {
    flex: 1;
    align-self: stretch;
    font-family: IBM Plex Mono, sans-serif;
    font-size: .75em;
  }

  .h3.span.l {
    border-top-style: none;
    border-bottom-style: none;
  }

  .h3.actionorange {
    text-transform: capitalize;
  }

  .mono {
    color: var(--action-orange);
    font-family: Inconsolata, monospace;
    font-weight: 700;
  }

  .mono.link {
    border-bottom: 2px solid var(--action-orange);
    cursor: pointer;
  }

  .emphasis {
    color: var(--grey);
    font-family: IBM Plex Mono, sans-serif;
    font-weight: 700;
  }

  .image._5vw {
    mix-blend-mode: normal;
  }

  .image.small {
    max-width: 10vw;
  }

  .image.xs {
    max-width: 5vw;
  }

  .cover-container {
    flex: 1;
  }

  .text-container.grid {
    mix-blend-mode: normal;
  }

  .text-container.grid:hover {
    box-shadow: 5px 5px 5px -5px #0003;
  }

  .text-container.grid.blend {
    border-style: none none dashed;
    border-width: 1px;
    border-color: black black var(--action-green);
    mix-blend-mode: luminosity;
    grid-template-rows: auto;
    max-width: 100%;
    transition: all .4s;
  }

  .text-container.grid.blend:hover {
    border-style: solid;
    border-color: var(--soft-grey);
    mix-blend-mode: normal;
    box-shadow: -5px -5px 5px -5px #0003, 5px 5px 5px -5px #0003;
  }

  .text-container.no-margin {
    border-right: 1px #000;
  }

  .link {
    letter-spacing: 1px;
    font-family: IBM Plex Mono, sans-serif;
  }

  .link:hover {
    color: var(--patiently-purple);
    flex: none;
  }

  .link.large {
    font-size: .85em;
  }

  .xl.red {
    color: var(--action-orange);
  }

  .main-button-container {
    grid-column-gap: 1em;
    align-self: auto;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 1em;
  }

  .badge-container {
    margin-bottom: 2em;
  }

  .badge-container.xs {
    background-color: var(--light-green-2);
  }

  .badge-container.xs.green.light {
    border: 1px solid var(--action-green);
    color: var(--action-green);
    background-color: #2588642b;
    font-size: .5em;
  }

  .badge-container.xs.light {
    border: 1px solid var(--patiently-purple);
    background-color: var(--light-green-2);
    margin-bottom: 3em;
    font-size: .5em;
  }

  .badge-container.xs.light.blue2 {
    opacity: .65;
    font-size: .65em;
  }

  .badge-container.xs.light.blue3 {
    background-color: var(--patiently-purple);
    opacity: .75;
    color: var(--back-grey);
    font-size: .75em;
  }

  .badge-container.xs.light.blue4 {
    background-color: var(--action-green);
    color: var(--white);
    font-size: .65em;
  }

  .badge-container.xs.light.blue-3 {
    font-size: .65em;
  }

  .badge-container.xs.blue1 {
    opacity: .3;
    margin-bottom: 3em;
    font-size: .65em;
  }

  .form-block {
    justify-content: center;
    align-items: stretch;
  }

  .form-2 {
    min-width: 55%;
    max-width: 65%;
  }

  .card {
    border-color: var(--gradient-blue);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: all .5s;
    display: flex;
  }

  .card:hover {
    border-style: solid;
    box-shadow: 3px 4px 3px -4px #0003;
  }

  .card.bg-light {
    border-color: var(--gradient-blue);
    background-color: var(--gradient-blue-2);
    letter-spacing: 1px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em;
    display: flex;
  }

  .card.support {
    background-color: var(--white);
    font-size: 12px;
  }

  .card.green-1 {
    background-color: #cce2d975;
  }

  .card.green-2 {
    background-color: #addac8;
  }

  .card.green-3 {
    background-color: var(--action-green);
    color: var(--back-grey);
  }

  .card.centered {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 16px;
    line-height: 1.5em;
  }

  .card.centered.dark-outline {
    border-style: solid;
    border-color: var(--action-green);
  }

  .card.centered.green {
    border-color: var(--action-green);
    font-size: 1em;
  }

  .card.centered.green.underdog {
    justify-content: center;
    align-items: center;
  }

  .card._1-2-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    font-size: 16px;
    display: grid;
  }

  .card._4-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: var(--fade2-white);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .card._4-grid:hover {
    background-color: var(--white);
    border-width: 1px;
  }

  .card._3-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    line-height: 1.5em;
    display: grid;
  }

  .card._3-grid:hover {
    background-color: var(--light-green);
  }

  .card.objective {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-style: none none solid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .25fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    font-size: 16px;
    display: grid;
  }

  .main-4grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .list-item {
    margin-bottom: 1em;
    padding-left: .5em;
    font-size: 1em;
    line-height: 1.5em;
  }

  .list-item:hover {
    color: var(--action-green);
  }

  .list {
    padding-left: 1em;
    list-style-type: square;
  }

  .paragraph-3 {
    font-size: 1em;
  }

  .italic {
    letter-spacing: 0;
  }

  .bold-text-4, .actionorange {
    color: var(--action-orange);
  }

  .tabs.data {
    padding-bottom: 2em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .dashboard-body {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-left: 1em;
    padding-right: 1em;
  }

  .section.light-color.hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(263deg, #ffffff03 48%, var(--white) 75%), linear-gradient(27deg, var(--white) 71%, var(--fade-white) 82%), url('../images/BG3.png'), linear-gradient(to bottom, transparent, transparent);
    background-position: 0 0, 0 0, 100% 0, 0 0;
    background-repeat: repeat, repeat, no-repeat, repeat;
    background-size: auto, auto, 100vw, auto;
    background-attachment: scroll, scroll, fixed, scroll;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 50vh;
    padding-left: 2em;
    padding-right: 2em;
    display: grid;
  }

  .section.bg-2 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .section.wide {
    align-self: stretch;
    padding-left: 1em;
    padding-right: 2em;
  }

  .button {
    position: relative;
  }

  ._12-columns {
    flex-flow: wrap;
  }

  .container {
    align-self: stretch;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.hero {
    justify-content: flex-end;
    align-items: flex-start;
    max-width: 100%;
    padding-left: 0;
  }

  .container.s-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .container.s {
    margin-left: 0;
    padding-left: 0;
  }

  .column {
    width: 50%;
  }

  .column.desk-3 {
    flex-wrap: nowrap;
    width: 33.33%;
  }

  .ds-block {
    margin-bottom: 40px;
  }

  .menu-icon {
    color: #096ad0;
  }

  .nav-content {
    justify-content: flex-end;
    margin-left: 16px;
  }

  .menu-button.w--open {
    color: #096ad0;
    background-color: #0000;
  }

  .logo-div {
    flex: 0 auto;
  }

  .nav-logo {
    flex: 1;
  }

  .footer-links-container {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .search-banner {
    display: none;
  }

  .nav-dropdown {
    text-align: center;
    flex: 1;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
    display: block;
  }

  .paragraph.lead {
    font-size: 1.75em;
  }

  .ds-menu-brand {
    margin-bottom: 0;
    top: 5px;
  }

  .ds-menu {
    z-index: 500;
    border-bottom: 1px solid var(--silver);
    background-color: #197dff;
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
    position: absolute;
    inset: 80px auto auto 0%;
  }

  .ds-nav {
    z-index: 10;
    width: 100%;
    padding-top: 20px;
    position: sticky;
    bottom: auto;
    left: auto;
    overflow: visible;
  }

  .ds-content {
    margin-left: 0;
    position: static;
  }

  .ds-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .small-button {
    position: relative;
  }

  .nav-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    font-size: 15px;
  }

  .nav-link.cta-button {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  ._1-2-grid, ._2-1-grid {
    margin-left: 0;
  }

  .heading.h1 {
    align-self: stretch;
    font-size: 5em;
  }

  .heading.h2 {
    font-size: 2.5em;
  }

  .error-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .licenses-grid {
    grid-column-gap: 40px;
    margin-left: 0;
  }

  .ds-body {
    flex-direction: column;
    display: flex;
  }

  .ds-menu-button {
    color: var(--white);
    margin-right: 12px;
    top: -10px;
  }

  .ds-menu-button.w--open {
    background-color: #197dff;
    border-radius: 40px;
  }

  ._3-grid {
    grid-template-columns: 1fr 1fr 1fr;
    align-self: stretch;
    width: 100%;
  }

  ._4-grid {
    grid-template-columns: 1fr 1fr;
  }

  .terms-card {
    padding-top: 64px;
  }

  .popular-posts-grid {
    grid-template-columns: 1fr;
  }

  .container-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .search-bar {
    width: 220px;
    font-size: 14px;
  }

  .error-4 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-section {
    padding-left: 60px;
    padding-right: 60px;
  }

  .banner-container {
    text-align: center;
  }

  .hero-grid {
    grid-column-gap: 5em;
    align-self: flex-start;
    max-width: 100%;
    margin-left: 0;
  }

  .large-3-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-grid {
    grid-template-columns: 2fr 1fr 1fr .8fr;
  }

  .main-button-container {
    max-width: 100%;
  }

  .badge-container.xs.light {
    width: 1em;
  }

  .card._3-grid {
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 22px;
  }

  p {
    font-size: 15px;
  }

  .section {
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.daek-page-header, .section.light-page-header {
    padding-top: 80px;
    padding-bottom: 16px;
  }

  .section.light-color {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
  }

  .section.light-color.hero {
    background-image: linear-gradient(62deg, var(--white) 50%, #fff3 67%), linear-gradient(352deg, #fff 67%, #fff0 78%, #fff0), linear-gradient(45deg, var(--white) 42%, var(--fade-white) 80%), url('../images/BG-Hero.png'), linear-gradient(to bottom, transparent, transparent);
    background-position: 0 0, 0 0, 0 0, 100% 0, 0 0;
    background-repeat: repeat, repeat, repeat, no-repeat, repeat;
    background-size: auto, auto, auto, auto 55vh, auto;
    background-attachment: scroll, scroll, scroll, scroll, scroll;
    min-height: 55vh;
    padding-top: 10em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .section.wide.bg-grey.form {
    padding-left: 1em;
    padding-right: 1em;
  }

  .button {
    align-self: flex-start;
  }

  .button.light.mobile-hidden {
    display: none;
  }

  .spacer {
    height: 2em;
  }

  .spacer._64 {
    height: 48px;
  }

  .spacer._80 {
    width: 64px;
    height: 64px;
  }

  .spacer.xl {
    height: 3em;
  }

  .text-box.mono.line-divider {
    max-width: 100%;
    font-size: 12px;
  }

  .text-box.grid.wide {
    grid-column-gap: 2em;
  }

  ._12-columns {
    flex-wrap: wrap;
  }

  ._12-columns.flex-horizontal {
    flex-flow: wrap;
    margin-bottom: 0;
  }

  .container {
    padding-left: 0;
    padding-right: 0;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
  }

  .container.hero {
    align-self: flex-start;
    max-width: 55vw;
    font-size: 12px;
  }

  .container.s {
    justify-content: flex-end;
    align-items: flex-start;
    max-width: 55vw;
    margin-top: 10vh;
  }

  .column.desk-6, .column.desk-5, .column.desk-4, .column.desk-9, .column.desk-7, .column.desk-8 {
    width: 100%;
  }

  .rich-text {
    line-height: 1.5em;
  }

  .nav-content {
    border-top: 1px solid var(--silver);
    background-color: var(--white);
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 40px;
    position: absolute;
    overflow: auto;
  }

  .nav-cta-button-container {
    flex-direction: column;
    align-items: stretch;
    margin-top: 10px;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    margin-right: -12px;
    padding: 16px;
  }

  .nav-bar {
    border: 1px #000;
  }

  .logo-div {
    margin-right: auto;
  }

  .footer-logo {
    padding-left: 0;
  }

  .footer-links-container {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
    display: flex;
  }

  .nav-dropdown {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16px;
  }

  .nav-dropdown:hover {
    transform: none;
  }

  .paragraph {
    font-size: 15px;
  }

  .paragraph.l {
    font-size: 1.15em;
  }

  .nav-menu {
    text-align: center;
    margin-right: 0;
    padding-right: 0;
  }

  .ds-menu-brand.w--current {
    margin-top: 14px;
  }

  .ds-content {
    margin-left: 0;
  }

  .ds-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .tab-link {
    width: auto;
  }

  .nav-container {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-link {
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .nav-link:hover {
    transform: none;
  }

  .field-block {
    min-height: auto;
  }

  .footer-container {
    flex-direction: column;
  }

  .ds-colour-block {
    width: 25%;
  }

  ._1-2-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
    grid-auto-columns: 2fr;
    max-width: 100%;
    margin-left: 0;
  }

  ._2-1-grid {
    grid-template-columns: 2fr 1fr;
    margin-left: 0;
  }

  .heading.h1 {
    margin-bottom: 0;
    font-size: 4em;
  }

  .heading.h2 {
    margin-bottom: 16px;
    font-size: 2.25em;
    font-weight: 200;
  }

  .heading.h4 {
    font-size: 20px;
  }

  .heading.large-h1 {
    font-size: 48px;
  }

  .licenses-grid {
    grid-template-columns: 1fr;
    margin-left: 0;
  }

  .section-top {
    text-align: center;
  }

  ._3-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  ._3-grid.sectionheader {
    align-self: flex-start;
  }

  ._4-grid.small-gap {
    aspect-ratio: auto;
    object-fit: scale-down;
    flex-flow: column;
    display: flex;
  }

  ._4-grid._1-3.m-text {
    object-fit: scale-down;
    grid-template-rows: 1fr .25fr 1fr;
    grid-template-columns: 5vw 1fr 1fr 1fr;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 12px;
  }

  ._4-grid._1-3.diagram {
    grid-template-columns: .25fr 1fr 1fr 1fr;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 12px;
  }

  .terms-card {
    padding-top: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .popular-posts-grid {
    grid-template-columns: 1fr;
  }

  .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-bar {
    width: 100%;
  }

  .cta-banner {
    text-align: center;
    flex-direction: column;
    grid-template-columns: auto;
    padding: 40px;
  }

  .banner-section {
    text-align: left;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-container {
    text-align: left;
  }

  .banner {
    text-align: left;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .hero-illustration {
    width: 120px;
    margin-left: 0;
  }

  .large-3-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr .8fr;
  }

  .footer-logo-block {
    margin-bottom: 40px;
  }

  .ebook-header-block {
    height: auto;
    display: none;
  }

  .ebook-page-grid {
    grid-template-columns: 1fr;
  }

  .ebook-mobile-block {
    height: auto;
    display: block;
  }

  .main-button-container {
    grid-column-gap: 1em;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    margin-top: 2em;
    font-size: .85em;
    display: grid;
  }

  .form-block {
    margin-top: 2em;
  }

  .card.bg-light.bench {
    min-height: 15vh;
    font-size: 12px;
  }

  .card.centered.green {
    font-size: 12px;
  }

  .card.centered.green.underdog {
    min-height: 10vh;
  }

  .card._4-grid {
    grid-column-gap: 2em;
  }

  .list-item {
    font-size: 1em;
    line-height: 1.5em;
  }

  .card-container {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    margin-bottom: 2em;
    display: flex;
  }

  .italic {
    font-weight: 400;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 28px;
  }

  .page-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .section {
    align-self: stretch;
    margin-left: 0;
    padding: 1em;
  }

  .section.light-color {
    aspect-ratio: auto;
    padding-left: .75em;
    padding-right: 1.2em;
  }

  .section.light-color.hero {
    background-image: linear-gradient(144deg, #ffffff54 6%, #ffffffbf 71%, #fff0), linear-gradient(24deg, var(--white) 69%, #ffffff5c 86%), url('../images/BG3.png'), linear-gradient(to bottom, transparent, transparent);
    mix-blend-mode: normal;
    object-fit: contain;
    background-position: 0 0, 0 0, -40vw 0, 0 0;
    background-repeat: repeat, repeat, no-repeat, repeat;
    background-size: auto, auto, 150vw, auto;
    background-attachment: scroll, scroll, scroll, scroll;
    justify-content: center;
    align-self: flex-start;
    align-items: stretch;
    min-height: 100vh;
    max-height: 100%;
    padding: 65vh 1em 2em;
  }

  .section.bg-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
  }

  .section.bg-2.hide {
    display: none;
  }

  .section.wide {
    padding-left: 1em;
    padding-right: 1em;
  }

  .section.wide.bg-grey {
    padding-top: 4em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .section.wide.bg-light-beige {
    padding-left: 0;
    padding-right: 0;
  }

  .section.no-padding {
    margin-top: 4em;
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    width: 100%;
    font-size: 16px;
    line-height: 1.25em;
  }

  .button.subscribe {
    margin-left: 0;
  }

  .spacer, .spacer.xl {
    height: 2em;
  }

  .spacer.xs {
    height: .5em;
  }

  .spacer.s {
    height: 1.5em;
  }

  .spacer.l {
    height: 2.5em;
  }

  .text-box.mono {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.5em;
  }

  .text-box.mono.line-divider {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .text-box.mono.line-divider._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .text-box.mono.line-divider._1 {
    flex-flow: row;
    align-self: flex-start;
    max-width: 100%;
    margin-top: 4em;
    margin-left: 0;
    font-size: 12px;
  }

  .text-box.sidebar {
    padding: 1em;
  }

  .text-box.grid.wide {
    font-size: 16px;
    display: flex;
  }

  .text-box.grid.wide.s-padding {
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 1em;
    padding-right: 1.2em;
  }

  ._12-columns.flex-horizontal {
    flex-direction: row;
  }

  .container {
    align-self: stretch;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .container.hero {
    justify-content: flex-end;
    align-items: center;
    max-width: 100%;
    min-height: 35vh;
  }

  .container.s-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .container.s {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
  }

  .color-block {
    margin-bottom: 20px;
  }

  .column {
    margin-bottom: 0;
  }

  .column.desk-6, .column.desk-5, .column.desk-3 {
    width: 100%;
  }

  .rich-text {
    font-size: 1em;
    line-height: 1.5em;
  }

  .menu-icon {
    color: #66b1ff;
    display: none;
  }

  .menu-button {
    flex: 0 auto;
    display: none;
  }

  .logo-div {
    justify-content: center;
    display: flex;
  }

  .footer-logo {
    max-width: 15vw;
  }

  .footer-logo.w--current {
    align-self: center;
    max-width: 15vw;
  }

  .footer-links-container {
    display: none;
  }

  .search-banner {
    justify-content: space-between;
  }

  .paragraph {
    font-size: 1em;
    line-height: 1.5em;
  }

  .paragraph.small.align-center {
    align-self: center;
    font-family: IBM Plex Mono, sans-serif;
    font-size: .85em;
    font-weight: 400;
    line-height: 1.5em;
  }

  .paragraph.large {
    font-size: 1.15em;
  }

  .paragraph.medium {
    font-size: 16px;
  }

  .paragraph.xl {
    align-self: center;
    font-size: 1.2em;
  }

  .paragraph.xl.green {
    color: var(--action-green);
    font-weight: 400;
    line-height: 1em;
  }

  .paragraph.mono.s {
    font-size: .85em;
    line-height: 1.25em;
  }

  .paragraph.citation {
    letter-spacing: 1px;
    margin-top: 4em;
  }

  .paragraph.l {
    color: var(--dark-grey);
    font-size: 1.25em;
    line-height: 135%;
  }

  .paragraph.statblock {
    margin-top: 1em;
  }

  .paragraph.lead {
    font-size: 1.65em;
  }

  .ds-menu-brand {
    margin-left: 16px;
  }

  .ds-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-field, .text-area {
    width: 100%;
  }

  .nav-container {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 2em;
    margin-left: 0;
    padding: 0 20px;
  }

  .footer-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._1-2-grid {
    display: flex;
  }

  ._2-1-grid {
    line-height: 1.5em;
    display: flex;
  }

  .heading.h1 {
    object-fit: scale-down;
    align-self: center;
    max-width: 650px;
    font-size: 4em;
    overflow: visible;
  }

  .heading.h2 {
    align-self: stretch;
    font-size: 2.25em;
    line-height: 1.25em;
  }

  .heading.h2.s {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
  }

  .heading.large-h1 {
    font-size: 42px;
  }

  .error-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ds-menu-button {
    margin-right: 6px;
  }

  .email-form {
    flex-direction: column;
    width: 100%;
  }

  ._3-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    font-size: 16px;
    line-height: 1.5em;
    display: grid;
  }

  ._3-grid.sidebar {
    flex-flow: column;
    display: flex;
  }

  ._3-grid.mob {
    grid-column-gap: .25em;
    grid-row-gap: .5em;
    aspect-ratio: auto;
    object-fit: scale-down;
    grid-template-columns: 1fr 1fr 1fr;
    width: auto;
    overflow: visible;
  }

  ._3-grid.mobscroll {
    padding-left: 0;
    padding-right: 0;
  }

  ._3-grid.hero {
    max-width: 100%;
    margin-top: 5em;
  }

  ._3-grid.sectionheader {
    font-size: 14px;
    display: flex;
  }

  ._4-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    grid-template-columns: 1fr;
    align-self: stretch;
    padding-left: 1em;
    padding-right: .5em;
    font-size: 16px;
    display: flex;
  }

  ._4-grid.small-gap {
    grid-column-gap: .2em;
    grid-row-gap: .2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  ._4-grid._1-3 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-top: 2em;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  ._4-grid._1-3.m-text {
    grid-column-gap: .2em;
    grid-row-gap: .2em;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 5em;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 12px;
    display: grid;
  }

  ._4-grid.mobscroll {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    object-fit: fill;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
    overflow: scroll;
  }

  ._4-grid.fig {
    padding-left: 0;
    padding-right: 0;
  }

  .email-subscribe {
    grid-row-gap: 12px;
    flex-direction: column;
    width: 100%;
  }

  .search {
    flex-direction: column;
  }

  .terms-card {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-bar {
    width: 100%;
  }

  .form-card {
    padding: 24px;
  }

  .title-tag {
    margin-bottom: 6px;
  }

  .cta-banner {
    padding: 32px;
  }

  .error-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner {
    text-align: left;
    justify-content: space-between;
  }

  .banner-link {
    flex: 0 auto;
    width: 100%;
  }

  .logo {
    max-height: 2em;
  }

  .hero-grid {
    flex-flow: column;
    margin-left: 0;
    display: flex;
  }

  .form-page-logo {
    width: 160px;
  }

  .admin-form-card, .account-card {
    padding: 28px;
  }

  .form-2-grid {
    grid-template-columns: 1fr;
  }

  .form-page-logo-link {
    margin-bottom: 24px;
  }

  .h3.span {
    align-self: stretch;
    font-size: .65em;
  }

  .h3.span._2 {
    margin-bottom: 1em;
  }

  .h3.span.fig {
    font-size: .7em;
  }

  .h3.actionorange {
    font-size: 1.75em;
  }

  .emphasis {
    font-size: .6em;
    font-weight: 700;
    line-height: .7em;
  }

  .image._5vw {
    max-width: 15vw;
  }

  .text-container.grid {
    padding-left: 0;
    padding-right: 0;
  }

  .text-container.grid.blend {
    grid-column-gap: 1em;
    padding-left: .5em;
    padding-right: .25em;
    font-size: 16px;
  }

  .text-container.grid.blend:hover {
    border-style: none;
    border-width: 1px;
  }

  .text-container.no-margin {
    align-self: stretch;
  }

  .text-container.no-margin._65 {
    max-width: 100%;
  }

  .text-container.no-margin.sidebar {
    color: var(--grey);
    margin-right: 2em;
    font-size: .75em;
    font-weight: 400;
  }

  .link {
    font-size: .75em;
  }

  .link.large {
    text-align: center;
    margin-top: 1em;
    margin-left: 1em;
  }

  .link.live {
    font-size: .85em;
  }

  .xl.red, .xl.green {
    font-size: 3em;
  }

  .main-button-container {
    text-align: center;
    justify-content: start;
    align-self: flex-start;
    align-items: center;
    max-width: 100%;
    margin-top: 3em;
  }

  .badge-container.bg-green {
    text-align: left;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .badge-container.xs {
    margin-top: 0;
    margin-bottom: 1em;
    font-family: IBM Plex Mono, sans-serif;
    font-size: .5em;
  }

  .badge-container.xs.green.light, .badge-container.xs.light {
    margin-bottom: 2em;
  }

  .text-block {
    max-width: 100%;
  }

  .text-block.wordmark {
    font-size: 8px;
  }

  .form-block {
    align-self: stretch;
    margin-top: 5em;
  }

  .card {
    border-color: var(--patiently-purple);
    flex-flow: column;
    padding-left: .65em;
    padding-right: 1em;
    font-size: 14px;
    display: flex;
  }

  .card.bg-light {
    padding-bottom: 1em;
    font-size: 1em;
  }

  .card.bg-light.bench {
    min-height: 7.5vh;
  }

  .card.support {
    width: 100%;
    min-height: 5vh;
    font-size: 12px;
    line-height: 100%;
  }

  .card.centered {
    flex: 1;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    width: 100%;
    padding-bottom: 1em;
  }

  .card.centered.purple {
    padding-bottom: 2em;
  }

  .card.centered.green {
    border-color: var(--action-green);
    justify-content: center;
    line-height: 1.5em;
  }

  .card.centered.green.underdog {
    min-height: 10vh;
  }

  .card.centered.green2 {
    margin-right: 1em;
  }

  .card._4-grid, .card._3-grid {
    font-size: 14px;
  }

  .text-block-2 {
    font-size: .85em;
  }

  .text-block-2.right-margin {
    border-right-style: none;
    margin-top: 1em;
    margin-bottom: 1.5em;
    margin-right: 0;
    padding-bottom: 1em;
    padding-right: 0;
    font-size: 12px;
  }

  ._1-grid {
    flex-flow: column;
    display: flex;
  }

  .superscript.header {
    font-size: .25em;
  }

  .boldcapital {
    letter-spacing: 1.25px;
  }

  .headinglink {
    font-weight: 400;
  }

  .main-4grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-self: stretch;
    max-width: 100%;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
  }

  .list-item {
    padding-left: .25em;
    font-size: 1em;
    line-height: 1.5em;
  }

  .list-item:hover {
    color: var(--action-green);
    font-weight: 400;
  }

  .list {
    flex-flow: column;
    list-style-type: square;
    display: flex;
  }

  .paragraph-3 {
    font-size: 1em;
  }

  .body {
    font-family: IBM Plex Sans, sans-serif;
    line-height: 1.5em;
  }

  .card-container {
    flex: 1;
    justify-content: space-around;
  }

  .footernote {
    text-align: center;
  }
}

#w-node-_3f46a5f1-0689-5308-3b2d-b34e5704103d-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_3f46a5f1-0689-5308-3b2d-b34e57041048-c3a88e29 {
  justify-self: stretch;
}

#w-node-_3f46a5f1-0689-5308-3b2d-b34e57041049-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3f46a5f1-0689-5308-3b2d-b34e5704104d-c3a88e29 {
  place-self: center stretch;
}

#w-node-_87c4c640-78c4-a3f2-8b49-48e40087d996-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: stretch;
}

#w-node-_73f950da-c05d-4ab5-0390-8e3548f00b98-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f213c6ad-4690-3b86-645b-9a4c0c3c64e4-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-bc7f3d3d-173e-f9cd-0e3b-cba05ca723ac-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#The-Problem.w-node-_1580bc9e-dbf0-c9a9-d6ca-c86465e20158-c3a88e29, #w-node-_596ccd36-fb43-8499-eb11-fab974078e69-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49b3355e-b72e-95d1-4976-2dde806428ed-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_91bd642b-576e-c6c8-3c08-0245ef866e15-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#Fig-1.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa0c-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: stretch stretch;
}

#fig2.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa0d-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa11-c3a88e29 {
  grid-column: span 2 / span 2;
}

#w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa1a-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa23-c3a88e29 {
  grid-column: span 4 / span 4;
}

#Fig-1.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa2c-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: stretch stretch;
}

#fig2.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa2d-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa31-c3a88e29 {
  grid-column: span 1 / span 1;
}

#w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa43-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa4a-c3a88e29 {
  grid-column: span 4 / span 4;
}

#w-node-_0b6682cb-c482-c6c4-dfb7-1a6099aaada6-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a82c5fa2-b8cc-489c-b501-da48e489d987-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5622556a-636c-5277-1080-b75f4a3f452c-c3a88e29, #w-node-_2f5100c0-dd91-7fd8-9357-652a09dbf10a-c3a88e29, #w-node-bf9b9e66-215b-b2a3-b2b9-c63790f9e0e9-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5376e369-a620-a786-6443-d4b8bb91bcc7-c3a88e29, #w-node-_3257d9c2-b953-205c-6287-6e1236d855be-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b8bcef39-bdcf-9ecc-1fd9-c007d69ea7e8-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96c1b1b3-2ae3-565b-668a-2fbdc78201b2-c3a88e29, #w-node-_35c2c50f-5136-d91c-211f-eaeb6c62d4a9-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_274eff67-6004-f16b-44f5-598ba4dc8018-c3a88e29, #w-node-_9c13a080-68c7-bd35-2953-a9590cf818c9-c3a88e29, #w-node-_387914f8-43dc-004f-e7e0-52905866bc77-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1b2e49b-a417-d548-83f8-f3dc939e8414-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a9cd00ce-9c3e-24f2-4298-ba47971650e3-c3a88e29, #fig-2.w-node-_7f4f2e25-0da4-3d7d-b353-a100ebde01c9-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a2e07318-16b1-d468-2116-57206ea797b3-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: stretch stretch;
}

#w-node-_8f3ce0a8-270b-9762-00bb-601736c94e86-c3a88e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: start end;
}

#w-node-a9cd00ce-9c3e-24f2-4298-ba4797165106-c3a88e29 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-d77c64db-2541-0dba-c35c-09b06437c5b7-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: stretch;
}

#w-node-e9f95f1b-1ef4-cfcd-43b7-5f9997a6028f-c3a88e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: start end;
}

#w-node-_977eecb4-77f6-b8e3-2b92-db3accd9ac34-c3a88e29, #w-node-_524da984-e2fa-b166-9778-c25a8157cc3c-c3a88e29, #w-node-d7d0ce6a-ed0a-989d-f977-a2ccb4122f8d-c3a88e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8051f23e-810a-6fef-b7d7-49b881953638-c3a88e29, #w-node-_399006f9-32f7-80b3-0a94-bd9915639cf1-c3a88e29, #fig-3.w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba69-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba6b-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba73-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba7b-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba83-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba8c-c3a88e29 {
  grid-area: span 2 / span 4 / span 2 / span 4;
}

#w-node-_18fe7853-9ee3-9b88-387c-6a33c9809d16-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_18fe7853-9ee3-9b88-387c-6a33c9809d1f-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-a31d57b8-c5bb-1e72-d625-e7c06b797522-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-ebf83e40-8974-1e31-1ddd-f4ef60c9a067-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start stretch;
}

#w-node-_9f1ff5aa-fd92-6806-c680-526fdc2bd421-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856ae-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856b7-c3a88e29 {
  align-self: start;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856b8-c3a88e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856ba-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856c5-c3a88e29 {
  align-self: start;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856c6-c3a88e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: stretch stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856c8-c3a88e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856d3-c3a88e29 {
  align-self: start;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856d4-c3a88e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: stretch stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856d6-c3a88e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: stretch;
}

#w-node-a2837e09-2a16-ba14-bb30-589cd7840149-c3a88e29 {
  grid-area: span 2 / span 3 / span 2 / span 3;
  justify-self: stretch;
}

#w-node-a2837e09-2a16-ba14-bb30-589cd7840152-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: start center;
}

#w-node-dda74a66-472f-1d0a-6b48-33d2b36af8ff-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a2837e09-2a16-ba14-bb30-589cd7840156-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-ab17b695-9b7c-6748-b387-67b4fc36a816-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6d8f639e-e7ff-79c8-aa06-8e02ab7e1aef-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_417cfb24-a312-b275-762d-7a6aa537046c-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0ef76fd6-5b58-4b53-161b-2f98e9d64ab8-c3a88e29, #w-node-cec03dd1-871c-60fe-b878-8b58abbb5506-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2355b4d1-3b7d-3c92-d090-2bdb2ff80d11-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_2355b4d1-3b7d-3c92-d090-2bdb2ff80d16-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_2355b4d1-3b7d-3c92-d090-2bdb2ff80d18-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2355b4d1-3b7d-3c92-d090-2bdb2ff80d1a-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2355b4d1-3b7d-3c92-d090-2bdb2ff80d28-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_2355b4d1-3b7d-3c92-d090-2bdb2ff80d2e-c3a88e29, #w-node-_259a7985-c68f-de4c-5fea-4dd49ce95f22-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d0387021-a02a-89e2-4bf3-d29bc259a841-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0387021-a02a-89e2-4bf3-d29bc259a846-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-d0387021-a02a-89e2-4bf3-d29bc259a848-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d0387021-a02a-89e2-4bf3-d29bc259a84a-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0387021-a02a-89e2-4bf3-d29bc259a857-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d0387021-a02a-89e2-4bf3-d29bc259a85d-c3a88e29, #w-node-_88c591ec-b92f-a08f-1213-57344f31945f-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_88c591ec-b92f-a08f-1213-57344f319460-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_88c591ec-b92f-a08f-1213-57344f319465-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_88c591ec-b92f-a08f-1213-57344f319467-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_88c591ec-b92f-a08f-1213-57344f319469-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_88c591ec-b92f-a08f-1213-57344f319478-c3a88e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88c591ec-b92f-a08f-1213-57344f31947e-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3235fb56-8d02-e75c-1ac0-07eb3e009a53-c3a88e29 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_6698da8d-96ff-4d63-0633-184c7818e27c-c3a88e29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6698da8d-96ff-4d63-0633-184c7818e27f-c3a88e29, #w-node-_6698da8d-96ff-4d63-0633-184c7818e289-c3a88e29, #w-node-_6698da8d-96ff-4d63-0633-184c7818e284-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a3d35c1-7f53-bfbe-2d5f-3d590db08e5b-c3a88e29 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f269acd1-46be-4373-c3a0-fce524151079-c3a88e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e3327e2-aa6d-ebdb-a0ab-09c241ea3888-c3a88e29, #w-node-b8d7be4a-ce45-83ab-5947-02d204c8bff0-cf3fcb86 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b49c48ad-b3b4-f319-67e3-9d04be5835dc-c3a88e30, #w-node-_0a57f092-020e-a403-18f2-e840acc27a6b-c3a88e37, #w-node-_0a57f092-020e-a403-18f2-e840acc27a6d-c3a88e37 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9e4adac-6e14-beae-c240-a538a9f75349-c3a88e40 {
  grid-column: span 4 / span 4;
  align-self: start;
}

#w-node-_81bf18b1-2011-7efe-1291-b917022b5b81-c3a88e40 {
  grid-column: span 4 / span 4;
}

#w-node-_81bf18b1-2011-7efe-1291-b917022b5b83-c3a88e40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5ea59fdc-a6f5-010d-2ea5-257ce4128218-c3a88e40 {
  align-self: stretch;
}

#w-node-_86db07d3-c78d-677a-57dd-5be73dbc14c4-c3a88e40 {
  grid-column: span 3 / span 3;
  align-self: start;
}

#w-node-_5600aeae-5188-8ad3-017d-a6bfe4d623b3-c3a88e40 {
  grid-area: span 3 / span 4 / span 3 / span 4;
  align-self: stretch;
}

#w-node-b2fe13a5-a974-0fc1-bcd8-ea2cbd6de0ab-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: stretch stretch;
}

#w-node-e77efd8f-7e0d-f16f-c683-fccf0a37d6e5-c3a88e40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b2fe13a5-a974-0fc1-bcd8-ea2cbd6de0ac-c3a88e40 {
  place-self: end;
}

#w-node-_7c857172-af78-d78e-a79e-2117ed958f8d-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: stretch;
}

#w-node-_7c857172-af78-d78e-a79e-2117ed958f9f-c3a88e40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_21a4ef07-b5a8-e588-4f53-98655ef198d0-c3a88e40 {
  align-self: stretch;
}

#w-node-_5125905a-822e-eb21-9d8b-76730908fb69-c3a88e40, #w-node-dc19c36b-d40c-2768-3fcf-5c3a846ad4e5-c3a88e40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ee175c0e-e0a1-fbd5-105a-2d73e47fa9cb-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_7d247fb1-2851-4f96-80d5-19b4023770e0-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: stretch;
}

#w-node-_7d247fb1-2851-4f96-80d5-19b4023770e1-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_7d247fb1-2851-4f96-80d5-19b402377116-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_456cbf49-9fe6-455d-2090-1d44780fc00d-c3a88e40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_456cbf49-9fe6-455d-2090-1d44780fc01a-c3a88e40, #w-node-_456cbf49-9fe6-455d-2090-1d44780fc01d-c3a88e40, #w-node-_456cbf49-9fe6-455d-2090-1d44780fc027-c3a88e40 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_456cbf49-9fe6-455d-2090-1d44780fc02a-c3a88e40 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-d4e4623d-429b-8ddd-56fa-9de88b4ac4f3-c3a88e40, #w-node-_28da8469-1767-e6e7-f717-c1602ac7156a-c3a88e40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8e4f63df-27ad-41e2-8338-1ea85c37b9c3-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-cdcbc84c-3519-b2d2-4cc6-04c5751f4ccc-c3a88e40, #w-node-ba1917c6-ea33-91b1-fb1b-7cced8a6dd54-c3a88e40, #w-node-_70f0bcda-44e4-9cc4-9f66-2a5d5b1e169d-c3a88e40, #w-node-_70f0bcda-44e4-9cc4-9f66-2a5d5b1e169e-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_76ffc230-8ea5-ac09-8607-3f4c13a74013-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_5801dafc-760b-d230-b656-08ec10eeefc4-c3a88e40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_69408daa-6d8e-fa87-9742-51079be08733-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_1db1fc78-814e-bc24-b75a-445e061e4d59-c3a88e40, #w-node-_5801dafc-760b-d230-b656-08ec10eeefcb-c3a88e40, #w-node-_5801dafc-760b-d230-b656-08ec10eeefcc-c3a88e40, #w-node-_5801dafc-760b-d230-b656-08ec10eeefd1-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_5801dafc-760b-d230-b656-08ec10eeefdc-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_6ad7717b-ea00-1a37-6a8c-5bb5b476f327-c3a88e40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d67120ba-ae06-b0a6-f628-149a053eeb44-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-d8c9ac84-3c0e-3ef7-1e8e-b782eb60cff7-c3a88e40, #w-node-_6ad7717b-ea00-1a37-6a8c-5bb5b476f32e-c3a88e40, #w-node-_6ad7717b-ea00-1a37-6a8c-5bb5b476f32f-c3a88e40, #w-node-_6ad7717b-ea00-1a37-6a8c-5bb5b476f334-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6ad7717b-ea00-1a37-6a8c-5bb5b476f33f-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_734e711a-3eae-a6dd-eef3-3556c2cb9399-c3a88e40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f02d7b5b-906a-5b37-6bf1-cbece8ab8a89-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_734e711a-3eae-a6dd-eef3-3556c2cb93a0-c3a88e40, #w-node-_734e711a-3eae-a6dd-eef3-3556c2cb93a1-c3a88e40, #w-node-_734e711a-3eae-a6dd-eef3-3556c2cb93a6-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_734e711a-3eae-a6dd-eef3-3556c2cb93b1-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_13f2f76e-cf1d-0594-b456-a9869b0c3762-c3a88e40 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_8268cc85-af5e-bd10-0eb7-9aecd6f2436b-c3a88e40 {
  grid-column: span 4 / span 4;
}

#w-node-_62b23e3845c1a6d0f6be4e4900000000001b-c3a88e4e {
  margin-top: 20px;
  margin-bottom: 20px;
}

#w-node-_62b23e3845c1a6d0f6be4e49000000000020-c3a88e4e {
  border: 1px solid #e6e6e6;
}

#w-node-_62b23e3845c1a6d0f6be4e49000000000021-c3a88e4e {
  margin-top: 10px;
}

#w-node-_62b23e3845c1a6d0f6be4e49000000000024-c3a88e4e {
  position: initial;
  margin-left: 0;
  margin-right: 0;
}

#w-node-accfd924-78f6-ecf1-4abb-37edf78b5e65-573a1ec4 {
  justify-self: stretch;
}

#w-node-db83fba7-8032-06b8-a483-4cae8625a281-573a1ec4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-db83fba7-8032-06b8-a483-4cae8625a287-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-db83fba7-8032-06b8-a483-4cae8625a294-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: end;
}

#w-node-db83fba7-8032-06b8-a483-4cae8625a299-573a1ec4, #w-node-_0a2d866c-c042-94fd-5008-2a77e791c03f-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0a2d866c-c042-94fd-5008-2a77e791c040-573a1ec4, #w-node-bcd57a45-5511-79aa-465a-272aedf1390b-573a1ec4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-db83fba7-8032-06b8-a483-4cae8625a296-573a1ec4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3216db10-2c1f-370a-23ad-c8fd278fff72-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_3216db10-2c1f-370a-23ad-c8fd278fff73-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: end;
}

#w-node-_3216db10-2c1f-370a-23ad-c8fd278fff75-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_3216db10-2c1f-370a-23ad-c8fd278fff82-573a1ec4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7faf-573a1ec4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fb5-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fb6-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: end;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fb8-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fb9-573a1ec4 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fba-573a1ec4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fc5-573a1ec4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fcc-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fcd-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: end;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fcf-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ba922d69-ed99-ea2c-0635-78d64a5c7fd0-573a1ec4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856ae-573a1ec4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856b7-573a1ec4 {
  align-self: start;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856b8-573a1ec4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856ba-573a1ec4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856c5-573a1ec4 {
  align-self: start;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856c6-573a1ec4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: stretch stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856c8-573a1ec4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856d3-573a1ec4 {
  align-self: start;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856d4-573a1ec4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: stretch stretch;
}

#w-node-ca886475-23ee-bedd-f53a-cea1fc8856d6-573a1ec4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: stretch;
}

#w-node-b9c6cf78-eb4b-50b8-303a-545548d4084a-436fefed {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b9c6cf78-eb4b-50b8-303a-545548d40852-436fefed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-_05ac29b2-da45-3be9-8cfc-def7bd7f20cd-c3a88e29, #w-node-_3f46a5f1-0689-5308-3b2d-b34e5704103c-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_3f46a5f1-0689-5308-3b2d-b34e5704103d-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch stretch;
  }

  #definitionhero.w-node-ee2aa0f1-7743-d81c-0bda-7b3cca70f7fe-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start stretch;
  }

  #w-node-_8c88d1cb-7808-7aa4-6c95-fa5ce0a2ee39-c3a88e29 {
    grid-area: span 4 / span 2 / span 4 / span 2;
    align-self: stretch;
  }

  #w-node-_87c4c640-78c4-a3f2-8b49-48e40087d996-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: stretch;
  }

  #w-node-_73f950da-c05d-4ab5-0390-8e3548f00b98-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f213c6ad-4690-3b86-645b-9a4c0c3c64e4-c3a88e29 {
    grid-area: span 4 / span 3 / span 4 / span 3;
    place-self: stretch stretch;
  }

  #w-node-bc7f3d3d-173e-f9cd-0e3b-cba05ca723ac-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #The-Problem.w-node-_1580bc9e-dbf0-c9a9-d6ca-c86465e20158-c3a88e29 {
    grid-column: span 1 / span 1;
  }

  #w-node-_596ccd36-fb43-8499-eb11-fab974078e69-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_49b3355e-b72e-95d1-4976-2dde806428ed-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_91bd642b-576e-c6c8-3c08-0245ef866e15-c3a88e29 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #Fig-1.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa0c-c3a88e29 {
    grid-area: span 2 / span 4 / span 2 / span 4;
    place-self: stretch stretch;
  }

  #fig2.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa0d-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa11-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa1a-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #Fig-1.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa2c-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: stretch stretch;
  }

  #fig2.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa2d-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa31-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa43-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa4a-c3a88e29 {
    grid-column: span 3 / span 3;
  }

  #w-node-a82c5fa2-b8cc-489c-b501-da48e489d987-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5622556a-636c-5277-1080-b75f4a3f452c-c3a88e29, #w-node-_2f5100c0-dd91-7fd8-9357-652a09dbf10a-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bf9b9e66-215b-b2a3-b2b9-c63790f9e0e9-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5376e369-a620-a786-6443-d4b8bb91bcc7-c3a88e29 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_3257d9c2-b953-205c-6287-6e1236d855be-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_3257d9c2-b953-205c-6287-6e1236d855c0-c3a88e29, #w-node-b8bcef39-bdcf-9ecc-1fd9-c007d69ea7e8-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_35c2c50f-5136-d91c-211f-eaeb6c62d4a9-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_274eff67-6004-f16b-44f5-598ba4dc8018-c3a88e29, #w-node-_387914f8-43dc-004f-e7e0-52905866bc77-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c1b2e49b-a417-d548-83f8-f3dc939e8414-c3a88e29 {
    grid-row: span 1 / span 1;
  }

  #fig-2.w-node-_7f4f2e25-0da4-3d7d-b353-a100ebde01c9-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-a2e07318-16b1-d468-2116-57206ea797b3-c3a88e29 {
    grid-row: span 1 / span 1;
    align-self: stretch;
  }

  #w-node-a9cd00ce-9c3e-24f2-4298-ba4797165106-c3a88e29 {
    grid-area: span 2 / span 3 / span 2 / span 3;
    place-self: stretch stretch;
  }

  #w-node-_3db53f81-9540-5037-c5a0-8c135f32951d-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e9f95f1b-1ef4-cfcd-43b7-5f9997a6028f-c3a88e29 {
    grid-row: span 2 / span 2;
  }

  #w-node-_977eecb4-77f6-b8e3-2b92-db3accd9ac34-c3a88e29, #w-node-_524da984-e2fa-b166-9778-c25a8157cc3c-c3a88e29 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-d7d0ce6a-ed0a-989d-f977-a2ccb4122f8d-c3a88e29 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8051f23e-810a-6fef-b7d7-49b881953638-c3a88e29, #w-node-_399006f9-32f7-80b3-0a94-bd9915639cf1-c3a88e29 {
    grid-row: span 4 / span 4;
  }

  #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba73-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba7b-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba83-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_18fe7853-9ee3-9b88-387c-6a33c9809d1f-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-a31d57b8-c5bb-1e72-d625-e7c06b797522-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-ebf83e40-8974-1e31-1ddd-f4ef60c9a067-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start stretch;
  }

  #w-node-_9f1ff5aa-fd92-6806-c680-526fdc2bd421-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-ca886475-23ee-bedd-f53a-cea1fc8856ae-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: stretch;
  }

  #w-node-a2837e09-2a16-ba14-bb30-589cd7840147-c3a88e29 {
    justify-self: center;
  }

  #w-node-a2837e09-2a16-ba14-bb30-589cd7840149-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: stretch;
  }

  #w-node-a2837e09-2a16-ba14-bb30-589cd7840152-c3a88e29 {
    justify-self: stretch;
  }

  #w-node-_3235fb56-8d02-e75c-1ac0-07eb3e009a53-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_6698da8d-96ff-4d63-0633-184c7818e289-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ff036baa-ae70-4b3c-7bc4-8087821903a9-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_8e3327e2-aa6d-ebdb-a0ab-09c241ea3888-c3a88e29 {
    justify-self: stretch;
  }

  #w-node-_456cbf49-9fe6-455d-2090-1d44780fc01a-c3a88e40 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_456cbf49-9fe6-455d-2090-1d44780fc01d-c3a88e40 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_28da8469-1767-e6e7-f717-c1602ac7156a-c3a88e40, #w-node-_5801dafc-760b-d230-b656-08ec10eeefc4-c3a88e40, #w-node-_6ad7717b-ea00-1a37-6a8c-5bb5b476f327-c3a88e40, #w-node-_734e711a-3eae-a6dd-eef3-3556c2cb9399-c3a88e40 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ca886475-23ee-bedd-f53a-cea1fc8856ae-573a1ec4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: stretch;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_05ac29b2-da45-3be9-8cfc-def7bd7f20cd-c3a88e29, #w-node-_3f46a5f1-0689-5308-3b2d-b34e5704103c-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_3f46a5f1-0689-5308-3b2d-b34e5704103d-c3a88e29 {
    justify-self: start;
  }

  #definitionhero.w-node-ee2aa0f1-7743-d81c-0bda-7b3cca70f7fe-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: end;
  }

  #w-node-_8c88d1cb-7808-7aa4-6c95-fa5ce0a2ee39-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #Fig-1.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa2c-c3a88e29 {
    justify-self: stretch;
  }

  #w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa31-c3a88e29 {
    justify-self: start;
  }

  #w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa43-c3a88e29 {
    grid-column: span 1 / span 1;
    justify-self: center;
  }

  #w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa4a-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_05ac29b2-da45-3be9-8cfc-def7bd7f20cd-c3a88e29 {
    align-self: end;
  }

  #w-node-_3f46a5f1-0689-5308-3b2d-b34e5704103d-c3a88e29 {
    grid-column: span 4 / span 4;
  }

  #w-node-_692eee10-25c9-5064-2557-152d84280bce-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-a2e07318-16b1-d468-2116-57206ea797b3-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: stretch stretch;
  }

  #w-node-_8f3ce0a8-270b-9762-00bb-601736c94e86-c3a88e29 {
    grid-row: span 1 / span 1;
    justify-self: start;
  }

  #w-node-a9cd00ce-9c3e-24f2-4298-ba4797165106-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: stretch stretch;
  }

  #w-node-d77c64db-2541-0dba-c35c-09b06437c5b7-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: stretch;
  }

  #w-node-e9f95f1b-1ef4-cfcd-43b7-5f9997a6028f-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start;
  }

  #w-node-_977eecb4-77f6-b8e3-2b92-db3accd9ac34-c3a88e29, #w-node-_524da984-e2fa-b166-9778-c25a8157cc3c-c3a88e29, #w-node-d7d0ce6a-ed0a-989d-f977-a2ccb4122f8d-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #fig-3.w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba69-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba6b-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba73-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba7b-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba83-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_18fe7853-9ee3-9b88-387c-6a33c9809d1f-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_18fe7853-9ee3-9b88-387c-6a33c9809d41-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a31d57b8-c5bb-1e72-d625-e7c06b797522-c3a88e29 {
    justify-self: start;
  }

  #w-node-_6698da8d-96ff-4d63-0633-184c7818e27f-c3a88e29, #w-node-_6698da8d-96ff-4d63-0633-184c7818e289-c3a88e29, #w-node-_6698da8d-96ff-4d63-0633-184c7818e284-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f269acd1-46be-4373-c3a0-fce524151079-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_8e3327e2-aa6d-ebdb-a0ab-09c241ea3888-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b8d7be4a-ce45-83ab-5947-02d204c8bff0-cf3fcb86 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_05ac29b2-da45-3be9-8cfc-def7bd7f20cd-c3a88e29 {
    align-self: end;
  }

  #w-node-_3f46a5f1-0689-5308-3b2d-b34e5704103d-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: end stretch;
  }

  #w-node-_3f46a5f1-0689-5308-3b2d-b34e57041049-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_3f46a5f1-0689-5308-3b2d-b34e5704104d-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center start;
  }

  #definitionhero.w-node-ee2aa0f1-7743-d81c-0bda-7b3cca70f7fe-c3a88e29 {
    justify-self: start;
  }

  #w-node-_87c4c640-78c4-a3f2-8b49-48e40087d996-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: stretch;
  }

  #w-node-f213c6ad-4690-3b86-645b-9a4c0c3c64e4-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: end stretch;
  }

  #w-node-_596ccd36-fb43-8499-eb11-fab974078e69-c3a88e29 {
    grid-column: span 3 / span 3;
  }

  #w-node-_49b3355e-b72e-95d1-4976-2dde806428ed-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_91bd642b-576e-c6c8-3c08-0245ef866e15-c3a88e29 {
    grid-column: span 3 / span 3;
  }

  #Fig-1.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa0c-c3a88e29 {
    grid-area: span 2 / span 3 / span 2 / span 3;
    place-self: stretch stretch;
  }

  #fig2.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa0d-c3a88e29 {
    grid-column: span 2 / span 2;
  }

  #Fig-1.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa2c-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: stretch stretch;
  }

  #fig2.w-node-_2a7ab6cc-cfce-e2a7-7695-c5a56202aa2d-c3a88e29 {
    grid-column: span 2 / span 2;
  }

  #w-node-bf9b9e66-215b-b2a3-b2b9-c63790f9e0e9-c3a88e29, #w-node-_5376e369-a620-a786-6443-d4b8bb91bcc7-c3a88e29, #w-node-a9cd00ce-9c3e-24f2-4298-ba47971650e3-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-a2e07318-16b1-d468-2116-57206ea797b3-c3a88e29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: stretch stretch;
  }

  #w-node-_8f3ce0a8-270b-9762-00bb-601736c94e86-c3a88e29 {
    justify-self: start;
  }

  #w-node-a9cd00ce-9c3e-24f2-4298-ba4797165106-c3a88e29 {
    grid-area: span 2 / span 3 / span 2 / span 3;
    place-self: center stretch;
  }

  #w-node-_3db53f81-9540-5037-c5a0-8c135f32951d-c3a88e29 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-d77c64db-2541-0dba-c35c-09b06437c5b7-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: center;
  }

  #w-node-e9f95f1b-1ef4-cfcd-43b7-5f9997a6028f-c3a88e29 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    place-self: start;
  }

  #w-node-_977eecb4-77f6-b8e3-2b92-db3accd9ac34-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-_524da984-e2fa-b166-9778-c25a8157cc3c-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d7d0ce6a-ed0a-989d-f977-a2ccb4122f8d-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #fig-3.w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba69-c3a88e29 {
    grid-column: span 4 / span 4;
  }

  #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba6b-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba73-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba7b-c3a88e29, #w-node-_7f44930d-277d-9dc1-65e9-e9abc745ba83-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-dda74a66-472f-1d0a-6b48-33d2b36af8ff-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: center;
  }

  #w-node-a2837e09-2a16-ba14-bb30-589cd7840156-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: end;
  }

  #w-node-ab17b695-9b7c-6748-b387-67b4fc36a816-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_6d8f639e-e7ff-79c8-aa06-8e02ab7e1aee-c3a88e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_417cfb24-a312-b275-762d-7a6aa537046c-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2355b4d1-3b7d-3c92-d090-2bdb2ff80d11-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_2355b4d1-3b7d-3c92-d090-2bdb2ff80d16-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: end;
  }

  #w-node-d0387021-a02a-89e2-4bf3-d29bc259a841-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d0387021-a02a-89e2-4bf3-d29bc259a846-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: end;
  }

  #w-node-_88c591ec-b92f-a08f-1213-57344f319460-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_88c591ec-b92f-a08f-1213-57344f319465-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: end;
  }

  #w-node-_3235fb56-8d02-e75c-1ac0-07eb3e009a53-c3a88e29, #w-node-_6698da8d-96ff-4d63-0633-184c7818e27c-c3a88e29 {
    grid-column: span 3 / span 3;
  }

  #w-node-_6698da8d-96ff-4d63-0633-184c7818e27f-c3a88e29, #w-node-_6698da8d-96ff-4d63-0633-184c7818e289-c3a88e29, #w-node-_6698da8d-96ff-4d63-0633-184c7818e284-c3a88e29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f269acd1-46be-4373-c3a0-fce524151079-c3a88e29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b8d7be4a-ce45-83ab-5947-02d204c8bff0-cf3fcb86 {
    justify-self: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .nav-container {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media screen and (min-width: 1024px) {
  .nav-container {
    padding-left: 64px;
    padding-right: 64px;
  }
}