#home {
  text-align: center;
  padding-top: 62px;
  padding-bottom: 100px;
}

#home .illustration {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  max-width: 560px;
  width: 100%;
  height: 280px;
  margin: 48px auto -30px;
}

#home .actions {
  margin-top: 30px;
  margin-bottom: -7px;
}

#home .actions .button {
  margin: 0 5px 7px;
}

#home .actions .button:hover:after {
  background-color: var(--color-white);
}

#home .actions .button:after {
  content: "";
  background-color: var(--color-accent-base);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgNyAxMCIgd2lkdGg9IjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTI5NS41NzQ4OTkgMTkuODU4Mjk5Ni0zLjcxNjU5OSAzLjcwODUwMi0zLjcxNjYtMy43MDg1MDItMS4xNDE3IDEuMTQxNzAwNCA0Ljg1ODMgNC44NTgyOTk2IDQuODU4Mjk5LTQuODU4Mjk5NnoiIHRyYW5zZm9ybT0ibWF0cml4KDAgLTEgMSAwIC0xOS41IDI5Ni43MTY2KSIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 6px;
  height: 9px;
  margin-left: 17px;
  margin-right: -7px;
  flex: 0 0 auto;
}

#home .bulletpoints {
  max-width: 940px;
  margin: 74px auto 0;
}

#home .bulletpoints .bulletpoint.bulletpoint--quickstart:before {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4IiB2aWV3Qm94PSIwIDAgMzggMzgiIHdpZHRoPSIzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDAuNjMyODcwOSAzMC44MjI3MjczLTYuMTE0NTQ1NSA2LjExNDU0NTRjLTUuNzM0NTQ1NCA1LjczNDU0NTUtNS43MzQ1NDU0IDE1LjAyNzI3MjggMCAyMC43NjE4MTgyIDUuNzM0NTQ1NSA1LjczNDU0NTUgMTUuMDI3MjcyOCA1LjczNDU0NTUgMjAuNzYxODE4MiAwbDEwLjM4MDkwOTEtMTAuMzgwOTA5MWMxLjY3NTQ1NDYtMS42NzU0NTQ1IDEuNjc1NDU0Ni00LjQyMTgxODIgMC02LjExNDU0NTQtLjIwNzI3MjctLjIwNzI3MjgtLjQzMTgxODItLjM5NzI3MjgtLjY3MzYzNjQtLjU1MjcyNzNsLjY3MzYzNjQtLjY3MzYzNjRjMS42NzU0NTQ2LTEuNjc1NDU0NSAxLjY3NTQ1NDYtNC40MjE4MTgyIDAtNi4xMTQ1NDU0LS4yNzYzNjM2LS4yNzYzNjM3LS42MDQ1NDU0LS41MTgxODE4LS45MzI3MjczLS43MDgxODE4LjY5MDkwOTEtMS41ODkwOTEuMzk3MjcyOC0zLjQ4OTA5MS0uODk4MTgxOC00Ljc4NDU0NTUtMS41MDI3MjczLTEuNTAyNzI3My0zLjgzNDU0NTQtMS42NTgxODE4LTUuNTI3MjcyNy0uNDgzNjM2NC0uMTcyNzI3My0uMjU5MDkwOS0uMzYyNzI3My0uNTAwOTA5MS0uNTg3MjcyNy0uNzI1NDU0NS0xLjY3NTQ1NDYtMS42NzU0NTQ2LTQuNDIxODE4Mi0xLjY3NTQ1NDYtNi4xMTQ1NDU1IDBsLTQuMzM1NDU0NSA0LjMzNTQ1NDVjLS4xNTU0NTQ2LS4yNDE4MTgxLS4zNDU0NTQ2LS40NjYzNjM2LS41NTI3MjczLS42NzM2MzYzLTEuNjc1NDU0Ni0xLjY3NTQ1NDYtNC40MDQ1NDU1LTEuNjc1NDU0Ni02LjA4IDB6bTIuNDM1NDU0NSAyLjQ1MjcyNzJjLjM0NTQ1NDYtLjM0NTQ1NDUuODgwOTA5MS0uMzQ1NDU0NSAxLjIyNjM2MzcgMCAuMzQ1NDU0NS4zNDU0NTQ2LjM0NTQ1NDUuODgwOTA5MSAwIDEuMjI2MzYzN2wtNS40OTI3MjczIDUuNDkyNzI3M2MyLjAyMDkwOTEgMi4wMjA5MDkgMi4wMjA5MDkxIDUuMzAyNzI3MiAwIDcuMzIzNjM2M2wyLjQzNTQ1NDUgMi40MzU0NTQ2YzIuNTA0NTQ1NS0yLjUwNDU0NTUgMy4xNDM2MzY0LTYuMTY2MzYzNyAxLjkzNDU0NTUtOS4yNTgxODE5bDEwLjg4MTgxODItMTAuODgxODE4MWMuMzQ1NDU0NS0uMzQ1NDU0Ni44ODA5MDkxLS4zNDU0NTQ2IDEuMjI2MzYzNiAwIC4zNDU0NTQ2LjM0NTQ1NDUuMzQ1NDU0Ni44ODA5MDkxIDAgMS4yMjYzNjM2bC03Ljk0NTQ1NDUgNy45NDU0NTQ1IDIuNDM1NDU0NSAyLjQzNTQ1NDYgMTAuMzgwOTA5MS0xMC4zODA5MDkxYy4zNDU0NTQ2LS4zNDU0NTQ1Ljg4MDkwOTEtLjM0NTQ1NDUgMS4yMjYzNjM2IDAgLjM0NTQ1NDYuMzQ1NDU0NS4zNDU0NTQ2Ljg4MDkwOTEgMCAxLjIyNjM2MzZsLTEwLjM4MDkwOSAxMC4zODA5MDkxIDIuNDM1NDU0NSAyLjQzNTQ1NDYgOC41NS04LjU1Yy4zNDU0NTQ1LS4zNDU0NTQ2Ljg4MDkwOTEtLjM0NTQ1NDYgMS4yMjYzNjM2IDAgLjM0NTQ1NDYuMzQ1NDU0NS4zNDU0NTQ2Ljg4MDkwOTEgMCAxLjIyNjM2MzZsLTkuNzc2MzYzNiA5Ljc3NjM2MzYgMi40MzU0NTQ1IDIuNDM1NDU0NiA2LjExNDU0NTUtNi4xMTQ1NDU1Yy4zNDU0NTQ1LS4zNDU0NTQ1Ljg4MDkwOTEtLjM0NTQ1NDUgMS4yMjYzNjM2IDAgLjM0NTQ1NDYuMzQ1NDU0Ni4zNDU0NTQ2Ljg4MDkwOTEgMCAxLjIyNjM2MzdsLTEwLjM2MzYzNjMgMTAuMzgwOTA5MWMtNC4zODcyNzI4IDQuMzg3MjcyNy0xMS40ODYzNjM3IDQuMzg3MjcyNy0xNS44NzM2MzY0IDAtNC4zODcyNzI3LTQuMzg3MjcyOC00LjM4NzI3MjctMTEuNDg2MzYzNyAwLTE1Ljg3MzYzNjR6bTI1LjE0OTA5MDkgMTguMzYwOTA5MWMwIDUuNzE3MjcyOC00LjY0NjM2MzYgMTAuMzYzNjM2NC0xMC4zNjM2MzYzIDEwLjM2MzYzNjR2LTIuNTkwOTA5MWM0LjI4MzYzNjMgMCA3Ljc3MjcyNzMtMy40ODkwOTA5IDcuNzcyNzI3My03Ljc3MjcyNzN6bS0zOC0xNy4yNzI3MjcyYzAtNS43MTcyNzI4IDQuNjQ2MzYzNy0xMC4zNjM2MzY0IDEwLjM2MzYzNjQtMTAuMzYzNjM2NHYyLjU5MDkwOTFjLTQuMjgzNjM2NCAwLTcuNzcyNzI3MyAzLjQ4OTA5MDktNy43NzI3MjczIDcuNzcyNzI3M3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMC4yMTc0MTYgLTI0KSIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
}

#home .bulletpoints .bulletpoint.bulletpoint--guides:before {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4IiB2aWV3Qm94PSIwIDAgMzUgMzgiIHdpZHRoPSIzNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMzEuMzUgMi44NS0yLjg1LTIuODUtMi44NSAyLjg1LTIuODUtMi44NS0yLjg1IDIuODUtMi44NS0yLjg1LTIuODUgMi44NS0yLjg1LTIuODUtMi44NSAyLjg1LTIuODUtMi44NXYyNi42aC01Ljd2NS43YzAgMy4xNTQgMi41NDYgNS43IDUuNyA1LjdoMjIuOGMzLjE1NCAwIDUuNy0yLjU0NiA1LjctNS43di0zMi4zem0tOC41NSAzMS4zNWgtMTcuMWMtMS4wNDUgMC0xLjktLjg1NS0xLjktMS45di0xLjloMTl6bTcuNi0xLjljMCAxLjA0NS0uODU1IDEuOS0xLjkgMS45cy0xLjktLjg1NS0xLjktMS45di01LjdoLTE3LjF2LTIwLjloMjAuOXoiLz48cGF0aCBkPSJtMTEuNCA5LjVoMTEuNHYzLjhoLTExLjR6Ii8+PHBhdGggZD0ibTI0LjcgOS41aDMuOHYzLjhoLTMuOHoiLz48cGF0aCBkPSJtMTEuNCAxNS4yaDExLjR2My44aC0xMS40eiIvPjxwYXRoIGQ9Im0yNC43IDE1LjJoMy44djMuOGgtMy44eiIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
}

#home .bulletpoints .bulletpoint.bulletpoint--references:before {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM3IiB2aWV3Qm94PSIwIDAgMzQgMzciIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTQuOCAyNC4zNjQ1LTQuMDE0NS00LjAxNDUgNC4wMTQ1LTQuMDE0NS0yLjYwODUtMi42MjctNi42NDE1IDYuNjQxNSA2LjY0MTUgNi42NDE1eiIvPjxwYXRoIGQ9Im0yMS4xMDg1IDI2Ljk5MTUgNi42NDE1LTYuNjQxNS02LjY0MTUtNi42NDE1LTIuNjA4NSAyLjYyNyA0LjAxNDUgNC4wMTQ1LTQuMDE0NSA0LjAxNDV6Ii8+PHBhdGggZD0ibTI5LjYgMy43aC03LjczM2MtLjc3Ny0yLjE0Ni0yLjgxMi0zLjctNS4yMTctMy43cy00LjQ0IDEuNTU0LTUuMjE3IDMuN2gtNy43MzNjLS4yNTkgMC0uNDk5NS4wMTg1LS43NC4wNzQtLjcyMTUuMTQ4LTEuMzY5LjUxOC0xLjg2ODUgMS4wMTc1LS4zMzMuMzMzLS42MTA1Ljc0LS43OTU1IDEuMTg0LS4xODUuNDI1NS0uMjk2LjkwNjUtLjI5NiAxLjQyNDV2MTguNSAxLjg1IDUuNTVjMCAuNDk5NS4xMTEuOTk5LjI5NiAxLjQ0M3MuNDYyNS44MzI1Ljc5NTUgMS4xODRjLjQ5OTUuNDk5NSAxLjE0Ny44Njk1IDEuODY4NSAxLjAxNzUuMjQwNS4wMzcuNDgxLjA1NTUuNzQuMDU1NWgyNS45YzIuMDM1IDAgMy43LTEuNjY1IDMuNy0zLjd2LTUuNTUtMS44NS0xOC41YzAtMi4wMzUtMS42NjUtMy43LTMuNy0zLjd6bS0xMi45NS0uNDYyNWMuNzU4NSAwIDEuMzg3NS42MjkgMS4zODc1IDEuMzg3NXMtLjYyOSAxLjM4NzUtMS4zODc1IDEuMzg3NS0xLjM4NzUtLjYyOS0xLjM4NzUtMS4zODc1LjYyOS0xLjM4NzUgMS4zODc1LTEuMzg3NXptMTIuOTUgMjIuNjYyNXYxLjg1IDUuNTVoLTI1Ljl2LTUuNTUtMS44NS0xOC41aDI1Ljl6Ii8+PC9zdmc+");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
}

#home .support {
  margin-top: 62px;
  display: flex;
  justify-content: center;
}

#home .support .support-wrap {
  display: flex;
  flex-direction: row;
}

#home .support .support-text {
  text-align: left;
}

#home .support .support-text .support-question {
  color: var(--color-black);
  font-size: 15.5px;
  line-height: 20px;
  margin-top: -2px;
}

#home .support .support-text .support-label {
  color: var(--color-blue-grey);
  font-size: 14.5px;
  line-height: 18px;
  margin-top: 5px;
}

#home .support .support-action {
  margin-left: 34px;
}

#home .support .support-action .button:hover:before {
  opacity: 1;
}

#home .support .support-action .button:before {
  content: "";
  background-color: var(--color-white);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjMgMTkiIHdpZHRoPSIyMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDAuMjM3MjA5MyAxMy41NDgzMDY0IDEuMjI2NTE3MyAxMi43NDMxODI3LTcuMjUyMzg1MS44MzE4MTczLTIuNzE0NTEwNyA0LjQyNS0zLjUyNDQ4OTMtMy43MDktNy40NjM0ODI2Ljg1NzI2My0xLjIyNjUxNzQtMTIuNzQzMTgyN3oiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoLjk5OTk5MDQ4IC4wMDQzNjMzMSAtLjAwNDM2MzMxIC45OTk5OTA0OCAtMTkuMTE4NzQyIC0xMy4xMzIzMTIpIi8+PC9zdmc+");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-top: -1px;
  margin-left: -2px;
  margin-right: 12px;
  opacity: .55;
  transition: opacity linear 100ms;
}

@media screen and (max-width: 880px) {
  #home {
    padding-top: 52px;
  }
  #home .illustration {
    margin-bottom: 0;
  }
  #home .bulletpoints {
    margin-top: 60px;
  }
}

@media screen and (max-width: 640px) {
  #home {
    padding-top: 42px;
    padding-bottom: 80px;
  }
  #home .illustration {
    height: 200px;
  }
  #home .support .support-wrap {
    display: block;
  }
  #home .support .support-wrap .support-text {
    text-align: center;
  }
  #home .support .support-wrap .support-action {
    margin-left: 0;
    margin-top: 18px;
  }
}

@media screen and (max-width: 400px) {
  #home .actions .button,
  #home .support .support-action .button {
    display: flex;
  }
  #home .actions .button {
    margin-left: 0;
    margin-right: 0;
  }
}