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

* {
  margin: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

#root,
#__next {
  isolation: isolate;
}

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

* {
  margin: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

#root,
#__next {
  isolation: isolate;
}

.modal {
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  background: #3e6991;
  color: white;
  font-family: "Roboto";
  width: 18rem;
  top: 50vh;
  left: calc(50vw - 9rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
  border-radius: 12px;
  margin: 0 auto;
  position: fixed;
  transition: all 0.5s;
  opacity: 0;
  z-index: -100;
}
.modal.visible {
  display: block;
  animation: fade-slide-in 0.5s ease-in-out forwards;
  z-index: 100;
}
.modal span {
  font-size: 0.9rem;
}
.modal h1 {
  padding-bottom: 0.6rem;
  font-size: 1rem;
  width: 90%;
  margin-inline: auto;
  line-height: 1.1;
}
.modal p {
  margin-bottom: 1rem;
  width: 90%;
  margin-inline: auto;
}
.modal ul {
  padding-left: 0;
}
.modal li {
  margin-top: 0.6rem;
  list-style-position: inside;
  list-style-type: decimal;
  font-size: 0.9rem;
  width: 90%;
  margin-left: 5%;
}
.modal li a {
  font-family: "Roboto Fat";
}
.modal .btn {
  margin: 1.2rem auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.modal .btn .logo-ig {
  width: 1.2rem;
  height: 1.2rem;
  margin: auto;
}
.modal .btn-close {
  font-weight: 700;
  padding: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  position: inherit;
  top: -0.5rem;
  right: -0.5rem;
  background: #3e6991;
  color: white;
}
.modal .btn-close::after, .modal .btn-close::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 3px;
  top: calc(50% - 1.45px);
  left: calc(50% - 0.49rem);
  z-index: 9999;
  transform-origin: center;
  background-color: white;
}
.modal .btn-close::after {
  transform: rotate(45deg);
}
.modal .btn-close::before {
  transform: rotate(-45deg);
}
.modal .copy {
  line-height: 0;
}
.modal .text-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.modal #copy-button-2 {
  color: #a9d9d0;
}
.modal .copy-button {
  padding: 0.1rem;
  background: none;
  border: none;
  animation: wiggle 1.5s ease-in-out infinite;
}
.modal .svg-copy-button {
  color: #a9d9d0;
  padding-left: -5px;
  width: 0.9rem;
  height: 0.9rem;
  font-weight: 20px;
}
.modal .copy-banner {
  background-color: #a9d9d0;
  color: white;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 0.6rem;
  opacity: 0;
  width: 3.5rem;
  margin-left: 4.75rem;
  display: none;
}
.modal .copy-banner.hidden {
  display: block;
  position: absolute;
  animation: travel 1s ease-in;
}
.modal .lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin-top: 1rem;
}
.modal .lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.modal .lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.modal .lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.modal .lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.modal .lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.modal .lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.modal .lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.modal .lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.modal .lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.modal .lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.modal .lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.modal .lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.modal .lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

.backdrop {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 10;
  pointer-events: none;
  display: none;
}
.backdrop.visible {
  display: block;
  pointer-events: all;
}

@keyframes fade-slide-in {
  from {
    transform: translateY(0);
    opacity: 0;
  }
  to {
    transform: translateY(-10rem);
    opacity: 1;
  }
}
@keyframes fade-slide-out {
  from {
    transform: translateY(-10rem);
    opacity: 1;
    display: block;
  }
  to {
    transform: translateY(0);
    opacity: 0;
    display: none;
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(10deg) translateY(1.5px);
  }
  50% {
    transform: rotate(-10deg) translateY(1.5px);
  }
  100% {
    transform: rotate(10deg) translateY(1.5px);
  }
}
@keyframes travel {
  0% {
    opacity: 0;
    transform: translateY(-3rem);
  }
  50% {
    opacity: 0.7;
    transform: translateY(-3.5rem);
  }
  100% {
    opacity: 0;
    transform: translateY(-4rem);
  }
}
@font-face {
  font-family: "Roboto";
  src: url(/fonts/Roboto/Roboto-Light.ttf) format("Truetype");
}
@font-face {
  font-family: "Roboto Fat";
  src: url(/fonts/Roboto/Roboto-Bold.ttf) format("Truetype");
}
@font-face {
  font-family: "Roboto Italic";
  src: url(/fonts/Roboto/Roboto-Italic.ttf) format("Truetype");
}
@font-face {
  font-family: "Oxygen";
  src: url(/fonts/Oxygen/Oxygen-Bold.ttf) format("Truetype");
}
* {
  font-family: "Asap", sans-serif;
}
* h1,
* h2 {
  font-family: "Roboto Fat" !important;
}
* h2,
* p,
* li {
  font-family: "Roboto";
}
* h2 span,
* p span,
* li span {
  font-family: "Roboto Fat";
}
* button {
  border: none;
  background-color: #7cbf86;
  color: white;
  font-family: "Oxygen";
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
}

nav {
  background-color: #3e6991;
  height: 5rem;
  position: sticky;
  z-index: 9;
  top: 0;
}
nav img {
  height: 5rem;
  margin-inline: auto;
}

body {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='400' height='1672' preserveAspectRatio='none' viewBox='0 0 400 1672'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1105%26quot%3b)' fill='none'%3e%3crect width='400' height='1672' x='0' y='0' fill='rgba(35%2c 108%2c 185%2c 0.17)'%3e%3c/rect%3e%3cpath d='M0%2c431.93C81.658%2c439.245%2c152.465%2c386.122%2c228.602%2c355.712C324.352%2c317.469%2c468.413%2c326.984%2c504.537%2c230.414C541.546%2c131.478%2c406.06%2c47.952%2c382.221%2c-54.955C361.436%2c-144.678%2c426.92%2c-249.011%2c375.737%2c-325.578C324.471%2c-402.269%2c217.282%2c-412.794%2c127.863%2c-435.463C41.433%2c-457.374%2c-49.287%2c-483.96%2c-133.505%2c-454.675C-216.304%2c-425.884%2c-270.377%2c-349.866%2c-322.017%2c-279.029C-370.084%2c-213.094%2c-413.717%2c-141.793%2c-420.851%2c-60.509C-427.787%2c18.52%2c-400.528%2c96.082%2c-360.972%2c164.85C-323.855%2c229.379%2c-263.558%2c272.709%2c-203.715%2c316.986C-139.742%2c364.319%2c-79.263%2c424.83%2c0%2c431.93' fill='rgba(26%2c 81%2c 139%2c 0.17)'%3e%3c/path%3e%3cpath d='M400 2379.36C539.951 2407.167 707.2090000000001 2411.16 814.793 2317.431 922.299 2223.77 869.931 2043.299 932.69 1915.271 998.218 1781.592 1198.163 1707.329 1186.618 1558.901 1175.252 1412.768 1000.062 1340.8690000000001 881.328 1254.9270000000001 785.402 1185.4940000000001 680.405 1136.833 565.267 1109.154 454.862 1082.613 345.05899999999997 1092.5439999999999 231.679 1098.751 83.57299999999998 1106.859-97.43900000000002 1045.056-201.13699999999994 1151.112-303.577 1255.8809999999999-218.30499999999995 1435.067-238.99400000000003 1580.127-259.65099999999995 1724.96-391.821 1873.123-322.48900000000003 2001.95-252.21299999999997 2132.531-52.29399999999998 2102.602 79.144 2171.262 194.469 2231.505 272.383 2354.003 400 2379.36' fill='rgba(57%2c 135%2c 218%2c 0.17)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1105'%3e%3crect width='400' height='1672' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 90%;
}

main {
  margin-inline: 20px;
}
main .header {
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: 80vh;
  margin-bottom: -35rem;
  display: flex;
  flex-direction: column;
}
main .header.varB {
  margin-bottom: -15rem;
}
main .header h1 {
  padding-top: 3.5rem;
  margin-bottom: 0.5rem;
  font-size: 2em;
}
main .header h1 span {
  color: #3e6991;
}
main .header h2 {
  color: #3e6991;
  margin-bottom: 1rem;
}
main .header button {
  width: -moz-fit-content;
  width: fit-content;
}
main .vid {
  height: 15.5rem;
  aspect-ratio: 9/16;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgb(191, 203, 223);
  margin-left: auto;
  position: sticky;
  top: -3.5rem;
  transform: translateY(calc(-10vh + 15rem));
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.332);
}
main .vid.varB {
  top: 11rem;
  transform: translateY(-10vh);
}
main .vid img {
  z-index: 10;
}
main .list,
main .teaser {
  margin-bottom: 2rem;
}
main .info,
main .disclaimer {
  margin-block: 2rem;
}
main .teaser h2,
main .info h2,
main .disclaimer h2 {
  line-height: 1.1;
  margin-bottom: 0.5rem;
}
main .list {
  width: 55%;
}
main .list.varB {
  width: 100% !important;
}
main .list.varB h2 {
  margin-bottom: 0.35rem;
  color: #060a0e;
  line-height: normal;
}
main .list h2 {
  margin-bottom: 1rem;
  color: #3e6991;
  line-height: 1.1;
}
main .list ul {
  list-style: inside;
  padding-left: 0;
}
main .list ul li {
  list-style-image: url(/images/svg/checkmark-sharp.svg);
  line-height: 1;
  margin-bottom: 1rem;
}
main .list ul li::marker {
  font-size: 1.5rem;
  line-height: 0;
}
main .disclaimer p {
  font-family: "Roboto Italic";
  font-size: 0.95em;
}
main .testImg {
  width: 80%;
  margin-inline: auto;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.332);
}
main .testImg img {
  -o-object-fit: cover;
     object-fit: cover;
}

footer {
  font-size: 0.8em;
  background-color: #3e6991;
  color: white;
  text-align: center;
  padding: 0rem 1rem 3rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
footer img {
  height: 5rem;
  align-self: center;
}
footer a {
  text-decoration: none;
  color: white;
  font-family: "Roboto Fat";
}
footer .legal {
  display: grid;
  grid-template-columns: 1fr 25px 1fr;
  align-items: center;
}
footer .legal a:first-child {
  justify-self: end;
}
footer .legal a:last-child {
  justify-self: start;
}

.permCTA {
  height: 5rem;
  background-color: #3e6991;
  width: calc(100% + 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  bottom: 0;
}/*# sourceMappingURL=style.css.map */