html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  font-family: sans-serif;
  height: 100%;
  line-height: 1.15;
}

*,
:after,
:before {
  box-sizing: inherit;
}

::selection {
  background: #3a2860;
  color: #fff;
}

@-ms-viewport {
  width: device-width;
}

footer,
header,
main,
nav,
section {
  display: block;
}

body {
  background-color: #fff;
  color: #3a2860;
  font-family: Hurme Geometric Sans\ 3,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.33333;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
  margin-bottom: .5rem;
  margin-top: 0;
}

p,
ul {
  margin-bottom: calc(1rem + .7vw);
  margin-top: 0;
}

ul ul {
  margin-bottom: 0;
}

strong {
  font-weight: 700;
}

a {
  -webkit-text-decoration-skip: objects;
  background-color: transparent;
  text-decoration: none;
  transition: all .5s cubic-bezier(.22,.61,.36,1);
}

a,
a:hover {
  color: #3a2860;
}

a:hover {
  text-decoration: none;
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

img {
  border-style: none;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

a {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\ 3;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/HurmeGeometricSans3-Bold.woff2) format("woff2"),url(/assets/fonts/HurmeGeometricSans3-Bold.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\ 3;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/HurmeGeometricSans3-Regular.woff2) format("woff2"),url(/assets/fonts/HurmeGeometricSans3-Regular.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\ 3;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/HurmeGeometricSans3-Light.woff2) format("woff2"),url(/assets/fonts/HurmeGeometricSans3-Light.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\ 3;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/HurmeGeometricSans3-SemiBold.woff2) format("woff2"),url(/assets/fonts/HurmeGeometricSans3-SemiBold.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\ 3;
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/HurmeGeometricSans3-Black.woff2) format("woff2"),url(/assets/fonts/HurmeGeometricSans3-Black.woff) format("woff");
}

.alpha,
.beta,
.delta,
.gamma,
h1,
h2,
h3,
h4,
h5 {
  color: inherit;
  display: block;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: calc(1rem + .7vw);
}

.lead {
  font-size: 1rem;
  line-height: 1.625rem;
}

.alpha,
h1 {
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
}

.beta,
h2 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 2.1875rem;
}

.gamma,
h3 {
  font-size: 1rem;
  line-height: 1.25rem;
}

.delta,
h4 {
  font-size: .9375rem;
  line-height: 1.3125rem;
}

.jota,
h5 {
  font-size: .875rem;
  line-height: 1.25rem;
}

[class*=u-gap],
[class^=g-] {
  display: grid;
}

.g-container {
  grid-template-areas: ". container .";
  grid-template-columns: 3.125rem 1fr 3.125rem;
}

.o-container {
  grid-area: container;
  position: relative;
}

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

.has-parallax {
  overflow: hidden;
  position: relative;
}

.o-band {
  padding-bottom: 4.6875rem;
  padding-top: 4.6875rem;
}

.o-loader {
  background-color: #3a2860;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform .5s cubic-bezier(.645,.045,.355,1);
  z-index: 2000;
}

.dom-is-loaded .o-loader,
.dom-is-reloaded .o-loader {
  transform: scaleX(0);
  transform-origin: right;
}

.dom-is-loading .o-loader {
  transform: scaleX(1);
  transform-origin: left;
}

.o-logo {
  height: 1.3125rem;
  width: 9.4375rem;
}

.o-logo__svg {
  height: inherit;
  width: inherit;
}

.o-logo__svg-path {
  transition: all .5s cubic-bezier(.22,.61,.36,1);
}

.has-scrolled .o-logo__svg-path {
  fill: #3a2860;
}

.c-header {
  align-items: center;
  height: 3.125rem;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all .5s cubic-bezier(.22,.61,.36,1);
  z-index: 1030;
}

.has-scrolled .c-header {
  background-color: #fff;
  box-shadow: 0 0 .5rem rgba(0,0,0,.15);
  height: 3.125rem;
}

.c-nav__list {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-nav__item {
  position: relative;
}

.c-nav__link {
  color: #3a2860;
}

.c-nav__link--current {
  color: #3a2860;
  font-weight: 700;
}

.c-nav__indicator {
  background-color: #f2f2f2;
  display: block;
  height: .0625rem;
  margin: 0 .5rem;
  position: relative;
  width: 1.5rem;
}

.c-nav__indicator-progress {
  background-color: #3a2860;
  height: .125rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.c-hero:before {
  background: transparent url(../images/hero-bg.svg) no-repeat;
  background-position: 70% -10%;
  background-size: 150% auto;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.c-hero__aside,
.c-hero__body {
  position: relative;
  z-index: 2;
}

.c-hero__body {
  color: #fff;
}

.c-hero__connector {
  height: 4.1875rem;
  margin-top: 2rem;
  position: relative;
  width: 1.5625rem;
}

.c-hero__connector-circle,
.c-hero__connector-line {
  position: absolute;
}

.c-hero__connector-line {
  background-color: #6a4ea5;
  height: calc(100% - 1.5625rem);
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: .0625rem;
}

.c-hero__connector-circle {
  background-color: #fff;
  border: .4375rem solid #6a4ea5;
  border-radius: 50%;
  bottom: 0;
  height: 1.5625rem;
  width: 1.5625rem;
}

.c-hero__picture {
  margin-bottom: 4.6875rem;
  margin-right: -4.6875rem;
  margin-top: 1.5625rem;
}

.form,
.form-fieldset,
.form-row {
  grid-gap: 1.5625rem;
  display: grid;
}

.form div:empty,
.form input[class^=wf-],
.form input[type=submit] {
  display: none;
}

.form-errors {
  background-color: #d9534f;
  border-radius: .3125rem;
  color: #fff;
  font-size: .875rem;
  margin-top: 2rem;
  padding: 1rem;
}

.form-errors:empty {
  display: none;
}

.fv-plugins-icon-container,
.fv-plugins-message-container {
  position: relative;
}

.form-control-feedback {
  font-size: .75rem;
  position: absolute;
  top: .1875rem;
}

.has-success .form-control-feedback {
  color: #83a602;
}

.has-danger .form-control-feedback {
  color: #d9534f;
}

.custom-select__trigger--has-badge {
  padding-left: 3.125rem;
  padding-right: 2.5rem;
}

.custom-select__option--current {
  color: #000;
}

.c-download {
  align-items: center;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  font-size: .9375rem;
  height: 6.25rem;
  justify-content: center;
  text-align: center;
}

.c-download:focus,
.c-download:hover {
  background-color: #b9a0f3;
}

.c-download:focus .c-download__svg-path,
.c-download:hover .c-download__svg-path {
  fill: #fff;
}

.c-download__svg-path {
  transition: all .5s cubic-bezier(.22,.61,.36,1);
}

.c-splitscreen {
  position: relative;
}

.c-splitscreen:before {
  background: transparent url(../images/swirl-top.svg) 0 0 no-repeat;
  background-size: contain;
  content: "";
  left: -.125rem;
  padding-bottom: 8.97325%;
  position: absolute;
  right: 0;
  top: -.0625rem;
  z-index: 1;
}

.c-splitscreen__body {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.c-btn {
  align-items: center;
  background-color: #fff;
  border: .0625rem solid transparent;
  border-radius: 1.875rem;
  color: #3a2860;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 700;
  height: 3.75rem;
  justify-self: start;
  line-height: 1;
  padding: 0 1.875rem;
  position: relative;
  text-align: center;
  transition: background-color .5s cubic-bezier(.22,.61,.36,1),color .5s cubic-bezier(.22,.61,.36,1);
  user-select: none;
  vertical-align: middle;
  z-index: 1;
}

.c-btn:focus {
  box-shadow: 0 0 0 .1875rem rgba(58,40,96,.15);
  outline: 0;
}

.c-btn:focus,
.c-btn:hover {
  background-color: #83a602;
  color: #fff;
}

.c-btn:disabled {
  box-shadow: none;
  opacity: .5;
}

.c-btn--primary {
  background-color: #3a2860;
  color: #fff;
}

.c-btn--primary:focus,
.c-btn--primary:hover {
  background-color: #83a602;
  color: #fff;
}

.c-btn-stacked {
  display: flex;
}

.c-btn-stacked .c-btn+.c-btn {
  margin-left: 1.5625rem;
}

.c-media__devices {
  margin: 0 -3.125rem;
}

.c-media__device {
  border: .375rem solid #000;
  border-radius: .9375rem;
  margin: 0 .78125rem;
  overflow: hidden;
  position: relative;
  width: 40%;
}

.c-media__device-btn {
  align-items: center;
  border-radius: 50%;
  color: #3a2860;
  display: flex;
  height: 1.5625rem;
  justify-content: center;
  left: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 1.5625rem;
}

.c-media__device-btn-svg {
  height: 33%;
  width: 33%;
}

.c-business {
  padding-bottom: 6.25rem;
}

.c-business__media {
  position: relative;
}

.c-business__graphic {
  background-color: #b9a0f3;
  border-radius: .9375rem 0 0 .9375rem;
  bottom: -33.33333%;
  height: 4.6875rem;
  left: 33.33333%;
  position: absolute;
  right: -3.125rem;
  z-index: -1;
}

.c-business__img {
  aspect-ratio: 875/869;
  border-radius: .9375rem;
}

.c-facts {
  background-color: #3a2860;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.c-facts:before {
  background: transparent url(../images/swirl-bottom.svg) 100% 100% no-repeat;
  background-size: contain;
  bottom: -.0625rem;
  content: "";
  left: 0;
  padding-bottom: 8.40226%;
  position: absolute;
  right: 0;
  z-index: 1;
}

.c-banner {
  position: relative;
}

.c-banner:before {
  background: transparent url(../images/swirl-top.svg) 0 0 no-repeat;
  background-size: contain;
  content: "";
  left: 0;
  padding-bottom: 8.97325%;
  position: absolute;
  right: 0;
  top: -.0625rem;
  z-index: 1;
}

.c-banner__img {
  aspect-ratio: 275/386;
  margin: -1.5625rem 0;
}

.c-banner__annotation {
  align-items: center;
  background-color: #83a602;
  border-radius: .9375rem 0 0 .9375rem;
  bottom: -2.34375rem;
  color: #fff;
  display: flex;
  height: 4.6875rem;
  left: 3.125rem;
  padding: 1.5625rem;
  position: absolute;
  right: 0;
  z-index: 1;
}

.c-modal,
.modal-is-open {
  overflow: hidden;
}

.c-modal {
  height: 100%;
  left: 0;
  outline: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
}

.c-modal__dialog {
  height: calc(100% - 1.25rem);
  margin: .625rem;
  opacity: 0;
  position: relative;
  transform: scale(.5);
  transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);
  width: auto;
}

.modal-is-open .c-modal__dialog {
  opacity: 1;
  transform: none;
}

.c-modal__dialog--scrollable {
  display: flex;
  max-height: calc(100% - 20px);
}

.c-modal__dialog--scrollable .c-modal__content {
  max-height: calc(100vh - 20px);
  overflow: hidden;
}

.c-modal__dialog--centered {
  align-items: center;
  display: flex;
  margin: 0 auto;
  min-height: calc(100% - 20px);
  width: 95%;
}

.c-modal__dialog--centered.modal-dialog--scrollable {
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.c-modal__dialog--centered.modal-dialog--scrollable .c-modal__content {
  max-height: none;
}

.c-modal__dialog--centered.modal-dialog--scrollable:before {
  content: none;
}

.c-modal__dialog--story,
.c-modal__dialog--video {
  height: 100%;
  margin: 0;
}

.c-modal__content {
  background-clip: padding-box;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%;
}

.c-modal__dialog--fullscreen .c-modal__content {
  height: 100%;
}

.c-modal__dialog--video .c-modal__content {
  background-color: #000;
}

.c-modal__dialog--story .c-modal__content {
  align-items: center;
  background-color: rgba(0,0,0,.9);
  flex-direction: row;
}

.c-modal__header {
  align-items: center;
  background-color: #f2f2f2;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 5;
}

.c-modal__dialog--video .c-modal__header {
  background-color: #000;
}

.c-modal__dialog--centered .c-modal__header {
  background-color: #fff;
  border-bottom: .0625rem solid #f2f2f2;
  position: relative;
}

.c-modal__title {
  color: #3a2860;
  line-height: 1;
  margin-bottom: 0;
}

.c-modal__body {
  flex: 1 1 auto;
  position: relative;
}

.c-modal__body--flex {
  display: flex;
  flex-direction: row;
}

.c-modal__dialog--video .c-modal__body {
  align-items: center;
  background-color: #000;
  display: flex;
  padding: 0;
}

.c-modal__dialog--video .c-modal__body .c-embed-responsive {
  border-radius: 0;
}

.c-modal__dialog--centered .c-modal__close {
  align-items: center;
  background-color: #3a2860;
  color: #fff;
  display: flex;
  height: 3.125rem;
  justify-content: center;
  width: 3.125rem;
  z-index: 10;
}

.c-modal__dialog--story .c-modal__close,
.c-modal__dialog--video .c-modal__close {
  left: 1.5625rem;
  position: absolute;
  top: 1.5625rem;
  z-index: 100;
}

.c-modal-backdrop {
  backdrop-filter: blur(.625rem);
  background-color: rgba(0,0,0,.75);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040;
}

.c-modal-scrollbar-measure {
  height: 3.125rem;
  overflow: scroll;
  position: absolute;
  top: -624.9375rem;
  width: 3.125rem;
}

.modal-is-open .c-modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.c-usps {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.c-usp {
  display: block;
  padding-left: 1.875rem;
  position: relative;
}

.c-usp:before {
  background: transparent url(../images/check.svg) no-repeat 50%;
  background-size: contain;
  content: "";
  height: .6875rem;
  left: 0;
  position: absolute;
  top: .375rem;
  width: 1.1875rem;
}

.c-usp+.c-usp {
  margin-top: .5rem;
}

.c-footer {
  align-items: center;
  background-color: #000;
  color: #fff;
  height: 4.6875rem;
}

.c-card {
  background: #f2f2f2;
  padding: 1.5625rem;
}

.c-link {
  align-items: center;
  color: #3a2860;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 400;
  position: relative;
}

.c-link:focus,
.c-link:hover {
  color: #b9a0f3;
}

.c-link__icon {
  height: .625rem;
  margin-left: .78125rem;
  width: 1.25rem;
}

.c-embed-responsive {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.c-embed-responsive .c-embed-responsive__item,
.c-embed-responsive embed,
.c-embed-responsive iframe,
.c-embed-responsive video {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.c-embed-responsive--21by9 {
  padding-bottom: 42.85714%;
}

.c-embed-responsive--16by9 {
  padding-bottom: 56.25%;
}

.c-embed-responsive--4by3 {
  padding-bottom: 75%;
}

.c-embed-responsive--1by1 {
  padding-bottom: 100%;
}

#growls {
  left: 50%;
  position: fixed;
  top: .625rem;
  transform: translateX(-50%);
  z-index: 50000;
}

.growl {
  background: #fff;
  border: 1px solid #f2f2f2;
  color: #3a2860;
  opacity: 1;
  overflow-wrap: break-word;
  position: relative;
  transition: all .4s ease-in-out;
}

.growl.growl-incoming,
.growl.growl-outgoing {
  opacity: 0;
}

.growl:before {
  bottom: 0;
  left: 0;
  top: 0;
  width: 2.5rem;
}

.growl:after,
.growl:before {
  content: "";
  position: absolute;
}

.growl:after {
  background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJpbmZvLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWluZm8tY2lyY2xlIGZhLXctMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Ii8+PC9zdmc+) no-repeat 50%;
  background-size: contain;
  height: .9375rem;
  left: .75rem;
  top: 50%;
  transform: translateY(-50%);
  width: .9375rem;
}

.growl.growl-small {
  border-left-width: .1875rem;
  margin: 5px;
  max-width: 37.5rem;
  padding: .625rem 20px .625rem 2.5rem;
  width: 95vw;
}

.growl.growl-medium {
  margin: .625rem;
}

.growl.growl-large,
.growl.growl-medium {
  max-width: 37.5rem;
  padding: 20px 2.5rem 20px 60px;
  width: 95vw;
}

.growl.growl-large {
  border-left-width: 8px;
  margin: 15px;
}

.growl.growl-default {
  border-color: #f2f2f2;
}

.growl.growl-default:before {
  background-color: #f2f2f2;
}

.growl.growl-error {
  border-color: #d9534f;
}

.growl.growl-error:before {
  background-color: #d9534f;
}

.growl.growl-error:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOTguODc1IDgxLjk0N2MzLjIwNCA1LjU1NC0uODE4IDEyLjQ5Ny03LjIxOSAxMi40OTdIOC4zNDNjLTYuNDEzIDAtMTAuNDE3LTYuOTU0LTcuMjE4LTEyLjQ5N0w0Mi43ODIgOS43MmMzLjIwNi01LjU1NyAxMS4yMzYtNS41NDcgMTQuNDM3IDBsNDEuNjU2IDcyLjIyN3pNNTAgNjcuMDE0YTcuOTg2IDcuOTg2IDAgMSAwIDAgMTUuOTcyIDcuOTg2IDcuOTg2IDAgMCAwIDAtMTUuOTcyem0tNy41ODItMjguNzA2IDEuMjg4IDIzLjYxMWEyLjA4NSAyLjA4NSAwIDAgMCAyLjA4MSAxLjk3aDguNDI4YTIuMDg0IDIuMDg0IDAgMCAwIDIuMDgxLTEuOTdsMS4yODctMjMuNjExYTIuMDg0IDIuMDg0IDAgMCAwLTIuMDgtMi4xOTdINDQuNDk4YTIuMDg0IDIuMDg0IDAgMCAwLTIuMDggMi4xOTd6Ii8+PC9zdmc+);
}

.growl.growl-notice {
  border-color: #83a602;
}

.growl.growl-notice:before {
  background-color: #83a602;
}

.growl.growl-notice:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNTAgMS41NjNDMjMuMjUgMS41NjMgMS41NjMgMjMuMjU4IDEuNTYzIDUwIDEuNTYzIDc2Ljc1OCAyMy4yNSA5OC40MzggNTAgOTguNDM4YzI2Ljc1IDAgNDguNDM4LTIxLjY4IDQ4LjQzOC00OC40MzhDOTguNDM4IDIzLjI1OCA3Ni43NSAxLjU2MyA1MCAxLjU2M3ptMCAyMS40ODRhOC4yMDQgOC4yMDQgMCAxIDEtLjAwMSAxNi40MDdBOC4yMDQgOC4yMDQgMCAwIDEgNTAgMjMuMDQ3em0xMC45MzggNDkuNjA5QTIuMzQzIDIuMzQzIDAgMCAxIDU4LjU5NCA3NUg0MS40MDZhMi4zNDQgMi4zNDQgMCAwIDEtMi4zNDQtMi4zNDR2LTQuNjg4YTIuMzQzIDIuMzQzIDAgMCAxIDIuMzQ0LTIuMzQ0aDIuMzQ0di0xMi41aC0yLjM0NGEyLjM0NCAyLjM0NCAwIDAgMS0yLjM0NC0yLjM0NHYtNC42ODhhMi4zNDQgMi4zNDQgMCAwIDEgMi4zNDQtMi4zNDRoMTIuNWEyLjM0MyAyLjM0MyAwIDAgMSAyLjM0NCAyLjM0NHYxOS41MzFoMi4zNDRhMi4zNDMgMi4zNDMgMCAwIDEgMi4zNDQgMi4zNDR2NC42ODl6Ii8+PC9zdmc+);
}

.growl.growl-warning {
  border-color: #ffb307;
}

.growl.growl-warning:before {
  background-color: #ffb307;
}

.growl.growl-warning:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNTAgMS41NjNDMjMuMjUgMS41NjMgMS41NjMgMjMuMjU4IDEuNTYzIDUwIDEuNTYzIDc2Ljc1OCAyMy4yNSA5OC40MzggNTAgOTguNDM4YzI2Ljc1IDAgNDguNDM4LTIxLjY4IDQ4LjQzOC00OC40MzhDOTguNDM4IDIzLjI1OCA3Ni43NSAxLjU2MyA1MCAxLjU2M3ptMCAyMS40ODRhOC4yMDQgOC4yMDQgMCAxIDEtLjAwMSAxNi40MDdBOC4yMDQgOC4yMDQgMCAwIDEgNTAgMjMuMDQ3em0xMC45MzggNDkuNjA5QTIuMzQzIDIuMzQzIDAgMCAxIDU4LjU5NCA3NUg0MS40MDZhMi4zNDQgMi4zNDQgMCAwIDEtMi4zNDQtMi4zNDR2LTQuNjg4YTIuMzQzIDIuMzQzIDAgMCAxIDIuMzQ0LTIuMzQ0aDIuMzQ0di0xMi41aC0yLjM0NGEyLjM0NCAyLjM0NCAwIDAgMS0yLjM0NC0yLjM0NHYtNC42ODhhMi4zNDQgMi4zNDQgMCAwIDEgMi4zNDQtMi4zNDRoMTIuNWEyLjM0MyAyLjM0MyAwIDAgMSAyLjM0NCAyLjM0NHYxOS41MzFoMi4zNDRhMi4zNDMgMi4zNDMgMCAwIDEgMi4zNDQgMi4zNDR2NC42ODl6Ii8+PC9zdmc+);
}

.growl .growl-close {
  cursor: pointer;
  font-family: helvetica,verdana,sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: .9375rem;
  position: absolute;
  right: .9375rem;
  top: .9375rem;
}

.growl .growl-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.growl .growl-message {
  font-size: .875rem;
  line-height: 1.125rem;
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.flickity-slider {
  height: 100%;
  position: absolute;
  width: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.flickity-button {
  background: transparent;
  border: none;
  bottom: -4.6875rem;
  position: absolute;
  transition: background-color .5s cubic-bezier(.22,.61,.36,1);
}

.u-bg-gray-lightest .flickity-button {
  background: transparent;
  border: .125rem solid #fff;
}

.u-bg-gray-lightest .flickity-button:focus,
.u-bg-gray-lightest .flickity-button:hover {
  background: #fff;
}

.flickity-button:hover {
  background: #f2f2f2;
  cursor: pointer;
}

.flickity-button:focus {
  box-shadow: none;
  outline: none;
}

.flickity-button:active {
  opacity: .6;
}

.flickity-button:disabled {
  cursor: auto;
  opacity: .3;
  pointer-events: none;
}

.flickity-button-icon {
  fill: #14a0bd;
}

.u-bg-gray-lightest .flickity-button-icon {
  fill: #3a2860;
}

.flickity-prev-next-button {
  border: .125rem solid #f2f2f2;
  border-radius: 50%;
  height: 3.125rem;
  width: 3.125rem;
}

.flickity-prev-next-button.previous {
  right: 0;
}

.flickity-prev-next-button.next {
  left: 0;
}

.flickity-prev-next-button .flickity-button-icon {
  height: 60%;
  left: 20%;
  position: absolute;
  top: 20%;
  width: 60%;
}

.flickity-page-dots {
  bottom: -25px;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  background: #333;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 8px;
  opacity: .25;
  width: 10px;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.js-stagger {
  opacity: 0;
  transform: translateY(10%);
}

.js-stagger[data-stagger=bounce] {
  opacity: 1;
  transform: scale(0);
}

.js-stagger[data-stagger=children] {
  opacity: 1;
  transform: none;
}

.js-stagger[data-stagger=children]>* {
  opacity: 0;
  transform: translateY(5%);
}

.s-text img {
  display: block;
  height: auto;
  margin-bottom: calc(1rem + .7vw);
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

.s-text ul {
  list-style: none;
  padding-left: 0;
}

.s-text ul li {
  padding-left: 1.875rem;
  position: relative;
}

.s-text ul li:before {
  background: #3a2860;
  content: "";
  height: .5rem;
  left: 0;
  position: absolute;
  top: .5625rem;
  width: .5rem;
}

.s-text :last-child {
  margin-bottom: 0;
}

.s-text--large {
  font-size: 1rem;
  line-height: 1.625rem;
}

.u-bg-primary {
  background-color: #3a2860!important;
}

a.u-bg-primary:focus,
a.u-bg-primary:hover {
  background-color: #24193c!important;
}

.u-bg-gray-lightest {
  background-color: #f2f2f2!important;
}

a.u-bg-gray-lightest:focus,
a.u-bg-gray-lightest:hover {
  background-color: #d9d9d9!important;
}

.is-negative {
  background-color: #000;
  color: #fff;
}

.has-overlay {
  overflow: hidden;
}

.has-overlay:before {
  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5));
  background-repeat: repeat-x;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 20%;
  z-index: 1;
}

.u-d-block {
  display: block!important;
}

.align-items-center {
  align-items: center!important;
}

.g-cols\:2 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.u-gap\:1-xs {
  grid-gap: 1.5625rem;
}

.u-gap\:1-xs\/2 {
  grid-gap: .78125rem;
}

.u-gap\:2-xs {
  grid-gap: 3.125rem;
}

.u-gap\:3-xs {
  grid-gap: 4.6875rem;
}

.img-fluid {
  display: block;
  height: auto;
  max-width: 100%;
  min-width: 100%;
}

.u-mb-xs {
  margin-bottom: 1.5625rem!important;
}

.u-mb-0 {
  margin-bottom: 0!important;
}

.u-pb-0 {
  padding-bottom: 0!important;
}

.u-pt-0 {
  padding-top: 0!important;
}

.u-ml-auto {
  margin-left: auto!important;
}

.u-mb-5 {
  margin-bottom: .3125rem;
}

.u-text-center {
  text-align: center!important;
}

.u-font-weight-bold {
  font-weight: 700;
}

.u-text-gray {
  color: #b9a0f3!important;
}

a.u-text-gray:focus,
a.u-text-gray:hover {
  color: #9873ed!important;
}

.u-text-white {
  color: #fff!important;
}

a.u-text-white:focus,
a.u-text-white:hover {
  color: #e6e6e6!important;
}

.u-hide {
  display: none!important;
}

@media (min-width:320px) {
  body {
    font-size: calc(.875rem + .27027vw - .86486px);
  }

  .c-download {
    font-size: calc(.9375rem + .2027vw - .64865px);
  }

  .c-btn {
    font-size: calc(.875rem + .67568vw - 2.16216px);
  }
}

@media (min-width:768px) {
  .lead {
    font-size: 1.375rem;
    line-height: 2rem;
  }

  .alpha,
  h1 {
    font-size: 3rem;
  }

  .beta,
  h2 {
    font-size: 2.625rem;
    line-height: 2.875rem;
  }

  .gamma,
  h3 {
    font-size: 1.375rem;
    line-height: 1;
  }

  .delta,
  h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .jota,
  h5 {
    font-size: 1.0625rem;
    line-height: 1.6875rem;
  }

  .g-container {
    grid-template-columns: 3rem 1fr 3rem;
  }

  .o-band {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }

  .c-header {
    height: 4rem;
  }

  .has-scrolled .c-header {
    height: 4rem;
  }

  .c-hero {
    height: calc(var(--vh, 1vh)*86);
  }

  .c-hero:before {
    background-position: 100% 200%;
    background-size: 167% auto;
    right: 31.77083%;
  }

  .c-hero__container {
    display: grid;
    grid-template-columns: 1fr 31.77083%;
  }

  .c-hero__body {
    padding-right: 10rem;
  }

  .c-hero__usps {
    margin-top: 6rem;
  }

  .c-hero__picture {
    bottom: -6rem;
    left: -30vw;
    margin: 0;
    position: absolute;
    right: -4rem;
  }

  .c-download {
    height: 7rem;
  }

  .c-splitscreen:before {
    right: 40%;
  }

  .c-splitscreen__body {
    display: flex;
    flex-direction: column;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .c-media__devices {
    margin: 0;
    padding: 4rem 0;
  }

  .c-media__device {
    border-radius: 2.5rem;
    margin: 0;
    width: 100%;
  }

  .c-media__device-btn {
    height: 2.5rem;
    width: 2.5rem;
  }

  .c-business {
    padding-bottom: 10rem;
  }

  .c-business__body {
    padding-right: 6rem;
  }

  .c-business__graphic {
    border-radius: .9375rem;
    height: 14rem;
    left: -2.5rem;
    right: auto;
    width: 5rem;
  }

  .c-facts {
    padding-bottom: 10rem;
  }

  .c-facts:before {
    left: 40%;
    right: -.125rem;
  }

  .c-banner:before {
    right: 33.33333%;
  }

  .c-banner__img {
    aspect-ratio: 768/576;
    margin: -2rem 0;
  }

  .c-banner__annotation {
    bottom: -2.5rem;
    height: 5rem;
    left: auto;
    padding: 0 6rem 0 3rem;
  }

  .c-modal__dialog {
    height: 100%;
    margin: 0 auto;
  }

  .c-modal__dialog--story .c-modal__close,
  .c-modal__dialog--video .c-modal__close {
    left: 4rem;
    top: 4rem;
  }

  .c-usp+.c-usp {
    margin-top: 1rem;
  }

  .c-footer {
    height: 4rem;
    text-align: right;
  }

  .c-card {
    padding: 2rem;
  }

  .c-link {
    font-size: 1.125rem;
  }

  .flickity-button {
    bottom: auto;
    top: -5.625rem;
  }

  .s-text--large {
    font-size: 1.375rem;
    line-height: 2rem;
  }

  .g-cols\:2\>sm {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .g-cols\:3\>sm {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  .g-cols\:3\/auto\>sm {
    grid-template-columns: repeat(3,auto);
  }

  .g-cols\:12\>sm {
    grid-template-columns: repeat(12,minmax(0,1fr));
  }

  .g-cols\:1\/auto\>sm {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .u-row\:1\>sm {
    grid-row-start: 1;
  }

  .u-row\:2\>sm {
    grid-row-start: 2;
  }

  .u-col\:3\>sm {
    grid-column-start: 3;
  }

  .u-col\:6\>sm {
    grid-column-start: 6;
  }

  .u-col\:span-6\>sm {
    grid-column-end: span 6;
  }

  .u-col\:span-7\>sm {
    grid-column-end: span 7;
  }

  .u-col\:span-8\>sm {
    grid-column-end: span 8;
  }

  .u-col\:span-10\>sm {
    grid-column-end: span 10;
  }

  .u-col\:span-12\>sm {
    grid-column-end: span 12;
  }

  .u-gap\:1-sm\>sm {
    grid-gap: 2rem;
  }

  .u-gap\:2-sm\>sm {
    grid-gap: 4rem;
  }

  .u-gap\:3-sm\>sm {
    grid-gap: 6rem;
  }

  .u-gap\:y-3-sm\/2\>sm {
    row-gap: 3rem;
  }

  .u-gap\:y-4-sm\>sm {
    row-gap: 8rem;
  }

  .u-gap\:0\>sm {
    grid-gap: 0;
  }

  .u-gap\:x-0\>sm {
    column-gap: 0;
  }

  .u-mb-sm-sm {
    margin-bottom: 2rem!important;
  }

  .u-ml-sm-auto {
    margin-left: auto!important;
  }
}

@media (min-width:992px) {
  .g-container {
    grid-template-columns: 4rem 1fr 4rem;
  }

  .c-hero {
    height: calc(var(--vh, 1vh)*100);
  }

  .c-hero:before {
    background-position: 170% -2.5rem;
    background-size: 105% auto;
    right: 38.08594%;
  }

  .c-hero__container {
    grid-template-columns: 1fr 30%;
  }

  .c-hero__body {
    margin-top: 6rem;
  }

  .c-hero__body-text {
    width: 26ch;
  }

  .c-hero__usps {
    margin-left: 4rem;
    margin-top: 17rem;
    position: relative;
  }

  .c-hero__connector {
    height: 1.5625rem;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: -3rem;
    width: 7.25rem;
  }

  .c-hero__connector-line {
    height: .125rem;
    left: 1.5625rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
  }

  .c-hero__connector-circle {
    bottom: auto;
    left: 0;
  }

  .c-hero__picture {
    bottom: -2rem;
    left: -26vw;
    right: 4rem;
  }

  .c-splitscreen__body {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 10rem;
  }

  .c-banner__img {
    aspect-ratio: 1024/704;
  }

  .c-banner__annotation {
    bottom: -3rem;
    height: 6rem;
  }

  .c-modal__dialog--story .c-modal__close,
  .c-modal__dialog--video .c-modal__close {
    top: 2rem;
  }

  .c-footer {
    height: 6rem;
  }

  .align-self-md-end {
    align-self: flex-end!important;
  }

  .g-cols\:3\>md {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  .g-cols\:12\>md {
    grid-template-columns: repeat(12,minmax(0,1fr));
  }

  .u-row\:1\>md {
    grid-row-start: 1;
  }

  .u-col\:4\>md {
    grid-column-start: 4;
  }

  .u-col\:span-4\>md {
    grid-column-end: span 4;
  }

  .u-col\:5\>md {
    grid-column-start: 5;
  }

  .u-col\:span-6\>md {
    grid-column-end: span 6;
  }

  .u-col\:7\>md {
    grid-column-start: 7;
  }

  .u-col\:span-7\>md {
    grid-column-end: span 7;
  }

  .u-col\:span-8\>md {
    grid-column-end: span 8;
  }

  .u-col\:9\>md {
    grid-column-start: 9;
  }

  .u-col\:span-9\>md {
    grid-column-end: span 9;
  }

  .u-gap\:y-1-sm\>md {
    row-gap: 2rem;
  }

  .u-gap\:x-4-sm\>md {
    column-gap: 8rem;
  }

  .u-gap\:0\>md {
    grid-gap: 0;
  }

  .u-gap\:x-0\>md {
    column-gap: 0;
  }
}

@media (min-width:1200px) {
  ::-webkit-scrollbar {
    background-color: #f2f2f2;
    width: .5rem;
  }

  ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #3a2860;
    outline: .0625rem solid #19122a;
  }

  .lead {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }

  .alpha,
  h1 {
    font-size: 3.375rem;
  }

  .beta,
  h2 {
    font-size: 3rem;
    line-height: 3.25rem;
  }

  .gamma,
  h3 {
    font-size: 1.5rem;
  }

  .delta,
  h4 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }

  .jota,
  h5 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .g-container {
    grid-template-columns: 6rem 1fr 6rem;
  }

  .o-band {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }

  .o-logo {
    height: 1.75rem;
    width: 12.4375rem;
  }

  .c-header {
    height: 6rem;
  }

  .has-scrolled .c-header {
    height: 6rem;
  }

  .c-hero {
    height: 100vh;
  }

  .c-hero:before {
    background-position: 100% 115%;
    background-size: 120% auto;
    right: 31.03953%;
  }

  .c-hero__container {
    grid-template-columns: 1fr 25%;
  }

  .c-hero__body {
    margin-top: 2rem;
  }

  .c-hero__body-text {
    width: 30ch;
  }

  .c-hero__usps {
    margin-top: 12rem;
  }

  .c-hero__connector {
    left: -3rem;
  }

  .c-hero__picture {
    bottom: -5rem;
    left: -28vw;
    right: 10rem;
  }

  .c-splitscreen__body {
    padding-left: 6rem;
    padding-right: 6rem;
    padding-top: 12rem;
  }

  .c-banner__img {
    aspect-ratio: 1280/743;
  }

  .c-modal__dialog--centered {
    width: 75%;
  }

  .c-usp {
    font-size: 1rem;
  }

  .flickity-button {
    top: -6.875rem;
  }

  .flickity-prev-next-button {
    height: 4.375rem;
    width: 4.375rem;
  }

  .s-text--large {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }

  .g-cols\:4\>lg {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }

  .u-mb-lg-15 {
    margin-bottom: .9375rem;
  }
}

@media (min-width:1550px) {
  .lead {
    font-size: 1.6875rem;
    line-height: 2.3125rem;
  }

  .alpha,
  h1 {
    font-size: 4.5rem;
  }

  .beta,
  h2 {
    font-size: 3.6875rem;
    line-height: 3.96875rem;
  }

  .gamma,
  h3 {
    font-size: 1.6875rem;
  }

  .delta,
  h4 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }

  .jota,
  h5 {
    font-size: 1.1875rem;
    line-height: 1.8125rem;
  }

  .g-container {
    grid-template-columns: 7.5rem 1fr 7.5rem;
  }

  .o-band {
    padding-bottom: 10rem;
    padding-top: 10rem;
  }

  .o-logo {
    height: 2.5rem;
    width: 17.75rem;
  }

  .c-header {
    height: 7.5rem;
  }

  .has-scrolled .c-header {
    height: 7.5rem;
  }

  .c-hero:before {
    background-position: 110% 145%;
    background-size: 105% auto;
    right: 40%;
  }

  .c-hero__body {
    align-self: center;
    margin-bottom: 2.5rem;
    margin-top: 0;
    max-width: 50vw;
    padding-right: 17.5rem;
  }

  .c-hero__usps {
    margin-left: 8.75rem;
    margin-top: 20rem;
  }

  .c-hero__picture {
    bottom: -5rem;
    left: -25vw;
    right: 0;
  }

  .c-download {
    height: 7.5rem;
    padding: 0;
  }

  .c-splitscreen__body {
    padding-left: 7.5rem;
    padding-right: 17.5rem;
    padding-top: 12.5rem;
  }

  .c-btn {
    border-radius: 2.1875rem;
    height: 4.375rem;
    line-height: 4.375rem;
    padding: 0 3.75rem;
  }

  .c-media__devices {
    padding: 5rem 0;
  }

  .c-media__device-btn {
    height: 3.4375rem;
    padding: 0;
    width: 3.4375rem;
  }

  .c-business {
    padding-bottom: 15rem;
  }

  .c-business__body {
    padding-right: 12.5rem;
  }

  .c-business__graphic {
    height: 25rem;
    left: -3.75rem;
    width: 7.5rem;
  }

  .c-facts {
    padding-bottom: 15rem;
    padding-top: 12.5rem;
  }

  .c-banner:before {
    right: 50%;
  }

  .c-banner__img {
    aspect-ratio: 1920/1000;
    margin: -2.5rem 0;
  }

  .c-banner__annotation {
    height: 7.5rem;
    padding: 3.75rem 7.5rem 3.75rem 3.75rem;
  }

  .c-modal__dialog--story .c-modal__close,
  .c-modal__dialog--video .c-modal__close {
    left: 5rem;
    top: 2.5rem;
  }

  .c-usp+.c-usp {
    margin-top: 1.25rem;
  }

  .c-footer {
    height: 5rem;
  }

  .c-card {
    padding: 2.5rem;
  }

  .s-text--large {
    font-size: 1.6875rem;
    line-height: 2.3125rem;
  }

  .align-self-xl-center {
    align-self: center!important;
  }

  .g-cols\:3\/auto\>xl {
    grid-template-columns: repeat(3,auto);
  }

  .g-cols\:5\>xl {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }

  .g-cols\:auto\/1\>xl {
    grid-template-columns: auto minmax(0,1fr);
  }

  .u-col\:span-4\>xl {
    grid-column-end: span 4;
  }

  .u-col\:6\>xl {
    grid-column-start: 6;
  }

  .u-col\:span-6\>xl {
    grid-column-end: span 6;
  }

  .u-col\:7\>xl {
    grid-column-start: 7;
  }

  .u-col\:span-7\>xl {
    grid-column-end: span 7;
  }

  .u-gap\:1-xl\>xl {
    grid-gap: 2.5rem;
  }

  .u-gap\:1-xl\/2\>xl {
    grid-gap: 1.25rem;
  }

  .u-gap\:2-xl\>xl {
    grid-gap: 5rem;
  }

  .u-gap\:y-2-xl\>xl {
    row-gap: 5rem;
  }

  .u-gap\:x-3-xl\>xl {
    column-gap: 7.5rem;
  }

  .u-gap\:4-xl\>xl {
    grid-gap: 10rem;
  }

  .u-gap\:y-0\>xl {
    row-gap: 0;
  }

  .u-mb-xl-xl {
    margin-bottom: 2.5rem!important;
  }
}

@media (min-width:1800px) {
  body {
    font-size: 1.125rem;
  }

  .lead {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }

  .alpha,
  h1 {
    font-size: 5.625rem;
  }

  .beta,
  h2 {
    font-size: 4.375rem;
    line-height: 4.6875rem;
  }

  .gamma,
  h3 {
    font-size: 1.875rem;
  }

  .delta,
  h4 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }

  .jota,
  h5 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }

  .g-container {
    grid-template-columns: 10rem 1fr 10rem;
  }

  .c-hero:before {
    background-position: 110% 122%;
  }

  .c-hero__usps {
    margin-left: 12.5rem;
  }

  .c-hero__connector {
    left: -6.25rem;
    top: 0;
    width: 4.375rem;
  }

  .c-download {
    font-size: 1.125rem;
  }

  .c-splitscreen__body {
    padding-left: 10rem;
  }

  .c-btn {
    font-size: 1.5rem;
  }

  .c-business__body {
    padding-right: 15rem;
  }

  .c-business__graphic {
    height: 32.5rem;
    left: -5rem;
    width: 10rem;
  }

  .c-banner__annotation {
    padding-right: 10rem;
  }

  .s-text--large {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }

  .u-col\:span-9\>xxl {
    grid-column-end: span 9;
  }
}

@media (min-width:2000px) {
  html {
    font-size: 20px;
  }
}

@media (min-width:3000px) {
  html {
    font-size: 22px;
  }
}

@media (max-width:1549px) {
  .u-hidden-lg-down {
    display: none!important;
  }
}

@media (max-width:767px) {
  .c-hero {
    padding-bottom: 0;
  }

  .c-splitscreen__body--dark {
    padding-bottom: 7.8125rem;
    padding-top: 7.8125rem;
    position: relative;
  }

  .c-splitscreen__body--dark:after {
    background: transparent url(../images/swirl-bottom-gray.svg) 100% 100% no-repeat;
    background-size: contain;
    bottom: -.0625rem;
    content: "";
    left: 0;
    padding-bottom: 8.40226%;
    position: absolute;
    right: 0;
    z-index: 1;
  }

  .u-hidden-xsl-down {
    display: none!important;
  }
}

@media (min-width:544px) and (max-width:767px) {
  body:before {
    align-items: center;
    background-color: #3a2860;
    bottom: 0;
    color: #fff;
    content: "Please rotate your device";
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5000;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .c-business__title {
    margin-bottom: 3rem;
    width: 25ch;
  }

  .c-business__media {
    margin-top: 6rem;
  }
}