*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: column;
}
ul,
ol {
  list-style: none;
}
img,
picture {
  width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
a {
  text-decoration: none;
  color: inherit;
}
html {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  color: #4a5568;
}
h1 {
  font-family: "Barlow", sans-serif;
  font-size: 60px;
  color: #1a202c;
  font-weight: 700;
  letter-spacing: -1.2px;
  line-height: 68px;
  margin-bottom: 46px;
}
h1 strong {
  font-weight: 700;
  color: #3980ff;
}
h2 {
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: bold;
}
h3 {
  color: #718096;
  font-family: "Barlow", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 18px;
  margin-top: 12px;
  margin-bottom: 18px;
}
h4 {
  font-family: "Barlow", sans-serif;
  font-weight: bold;
  font-size: 32px;
  letter-spacing: -0.02em;
  line-height: 110%;
  margin-bottom: 20px;
  color: #1a202c;
}
h5 {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #1a202c;
  text-transform: none;
  letter-spacing: -0.48px;
  margin-bottom: 8px;
}
a {
  color: #1a202c;
}
a:hover {
  color: #3980ff;
}
a.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #16a394;
  margin: 4px;
  padding: 16px 24px;
  border-radius: 6px;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  outline: #16a394;
  transition: background ease-in-out 100ms;
}
a.button:hover {
  background: #187367;
}
.wrapper {
  display: flex;
  justify-content: center;
}
.content {
  position: relative;
  width: 1150px;
  padding-left: 28px;
  padding-right: 28px;
}
div.swirly {
  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.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(247%2c 250%2c 252%2c 1)'%3e%3c/rect%3e%3cpath d='M760.69 563.15C894.08 527.29 944.29 159.31 1136.73 158.36 1329.17 157.41 1401.59 389.14 1512.77 399.16' stroke='rgba(197%2c 251%2c 245%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M452.71 565.16C538.91 564.34 521.11 479.04 785.29 474.07 1049.47 469.1 1272.18 220.92 1450.45 216.47' stroke='rgba(197%2c 251%2c 245%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M475 656.44C653.36 642.37 778.55 286.09 1087.17 285.77 1395.79 285.45 1537.34 495.56 1699.34 498.57' stroke='rgba(197%2c 251%2c 245%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M588.97 594.09C686.67 581.41 637.79 372.06 904.07 357.44 1170.35 342.82 1364.15 104.75 1534.28 99.84' stroke='rgba(197%2c 251%2c 245%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M365.77 575.3C463.12 573.56 444.77 452.97 734.18 449 1023.58 445.03 1278.88 232.88 1470.99 230.6' stroke='rgba(197%2c 251%2c 245%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100% 100%;
}
div.swirly:after {
  position: absolute;
  left: 100px;
  top: 100px;
  content: 'data:image/svg+xml,Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20xmlns:svgjs=%22http://svgjs.com/svgjs%22%20width=%221440%22%20height=%22560%22%20preserveAspectRatio=%22none%22%20viewBox=%220%200%201440%20560%22%3E%20%20%20%20%3Cg%20mask=%22url("#SvgjsMask1000")%22%20fill=%22none%22%3E%20%20%20%20%20%20%20%20%3Crect%20width=%221440%22%20height=%22560%22%20x=%220%22%20y=%220%22%20fill=%22rgba(247,%20250,%20252,%201)%22%3E%3C/rect%3E%20%20%20%20%20%20%20%20%3Cpath%20d=%22M760.69%20563.15C894.08%20527.29%20944.29%20159.31%201136.73%20158.36%201329.17%20157.41%201401.59%20389.14%201512.77%20399.16%22%20stroke=%22rgba(197,%20251,%20245,%201)%22%20stroke-width=%222%22%3E%3C/path%3E%20%20%20%20%20%20%20%20%3Cpath%20d=%22M452.71%20565.16C538.91%20564.34%20521.11%20479.04%20785.29%20474.07%201049.47%20469.1%201272.18%20220.92%201450.45%20216.47%22%20stroke=%22rgba(197,%20251,%20245,%201)%22%20stroke-width=%222%22%3E%3C/path%3E%20%20%20%20%20%20%20%20%3Cpath%20d=%22M475%20656.44C653.36%20642.37%20778.55%20286.09%201087.17%20285.77%201395.79%20285.45%201537.34%20495.56%201699.34%20498.57%22%20stroke=%22rgba(197,%20251,%20245,%201)%22%20stroke-width=%222%22%3E%3C/path%3E%20%20%20%20%20%20%20%20%3Cpath%20d=%22M588.97%20594.09C686.67%20581.41%20637.79%20372.06%20904.07%20357.44%201170.35%20342.82%201364.15%20104.75%201534.28%2099.84%22%20stroke=%22rgba(197,%20251,%20245,%201)%22%20stroke-width=%222%22%3E%3C/path%3E%20%20%20%20%20%20%20%20%3Cpath%20d=%22M365.77%20575.3C463.12%20573.56%20444.77%20452.97%20734.18%20449%201023.58%20445.03%201278.88%20232.88%201470.99%20230.6%22%20stroke=%22rgba(197,%20251,%20245,%201)%22%20stroke-width=%222%22%3E%3C/path%3E%20%20%20%20%3C/g%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cmask%20id=%22SvgjsMask1000%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width=%221440%22%20height=%22560%22%20fill=%22#ffffff%22%3E%3C/rect%3E%20%20%20%20%20%20%20%20%3C/mask%3E%20%20%20%20%3C/defs%3E%3C/svg%';
  width: 500px;
  height: 500px;
  z-index: 5000;
  background: #ffc0cb;
  display: none;
}
img.responsive {
  border-radius: 8px;
  width: 100%;
  height: auto;
  margin-top: 32px;
}
@media (max-width: 940px) {
  img.responsive {
    margin-top: 0;
    width: 100%;
    height: auto;
  }
}
.header {
  height: 96px;
  background: #fff;
}
.header-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.logo {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 100px;
}
.logo svg {
  width: 200px;
  height: 100%;
}
.header-content-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.footer-content {
  border-top: solid 1px #e2e8f0;
  padding-top: 48px;
  padding-bottom: 96px;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 18px;
  color: #1a202c;
  line-height: 24px;
}
.footer-content a {
  margin-right: 12px;
  user-select: none;
  outline: none;
}
.footer-content a svg {
  fill: #1a202c;
  width: 24px;
  height: 24px;
  transition: fill ease-in-out 150ms;
}
.footer-content a svg:hover {
  fill: #3980ff;
}
@media (max-width: 940px) {
  .footer-content {
    display: block;
  }
  .footer-content > div {
    margin-bottom: 24px;
  }
  .footer-content > div:last-child {
    text-align: right;
  }
}
.footer-logo {
  display: inline-block;
  height: 48px;
  margin-bottom: 16px;
  margin-right: 24px !important;
}
.footer-logo svg {
  height: 48px;
  min-height: 48px;
}
.footer-logo:nth-child(1) svg {
  width: 168px;
}
.footer-logo:nth-child(2) svg {
  width: 240px;
}
.footer-logo:nth-child(3) svg {
  width: 160px;
}
.hero {
  background: #f7fafc;
  padding-top: 64px;
  padding-bottom: 48px;
}
.hero-content > div {
  flex: 1;
  padding-bottom: 32px;
}
.hero-content > div svg {
  width: 100%;
  height: 100%;
  fill: #1a202c;
}
@media (max-width: 940px) {
  .hero-content > div svg {
    width: 100%;
    height: 30vh;
  }
}
@media (min-width: 940px) {
  .hero-content {
    display: flex;
    flex-direction: row;
    gap: 64px;
  }
}
.hero p {
  color: #4a5568;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 32px;
}
.story {
  background: #fff;
  padding-top: 64px;
  padding-bottom: 64px;
}
.story.short {
  padding-bottom: 0;
}
.story-content > div {
  flex: 1;
  padding-bottom: 32px;
}
.story.short .story-content > div {
  padding-bottom: 0;
}
@media (max-width: 940px) {
  .story-content > div svg {
    max-height: 50vh;
  }
}
@media (min-width: 940px) {
  .story-content {
    display: flex;
    flex-direction: row;
    gap: 64px;
  }
}
.story h3 {
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: bold;
}
.story p {
  color: #4a5568;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 32px;
}
.story svg {
  width: 100%;
  height: 100%;
  fill: #1a202c;
}
@media (max-width: 940px) {
  .story svg {
    width: 100%;
    height: 30vh;
  }
}
.story.dark {
  color: #e2e8f0;
  background: #232b39;
}
.story.dark h1,
.story.dark h2,
.story.dark h3,
.story.dark h4,
.story.dark h5,
.story.dark h6 {
  color: #fff;
}
.story.dark p {
  color: #e2e8f0;
}
.story.dark svg {
  fill: #e2e8f0;
}
.list-block {
  display: flex;
  flex-direction: row;
}
.list-block > svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-top: 6px;
  margin-right: 16px;
  padding: 5px;
  background: #04c8bb;
  border-radius: 20px;
  fill: #fff;
}
.overhang {
  margin-top: -53px;
}
@media (max-width: 940px) {
  .overhang {
    display: none;
  }
}
.overhang-inner {
  background: #fff;
  box-shadow: rgba(0,19,53,0.06) 0px 9px 27px, rgba(0,19,53,0.043) 0px 3.75998px 11.28px, rgba(0,19,53,0.035) 0px 2.01027px 6.0308px, rgba(0,19,53,0.03) 0px 1.12694px 3.38082px, rgba(0,19,53,0.024) 0px 0.598509px 1.79553px, rgba(0,19,53,0.016) 0px 0.249053px 0.747159px;
  border-radius: 10px;
  z-index: 3;
  padding: 28px 46px 28px 46px;
  margin-bottom: 46px;
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.overhang-inner>div {
  flex: 1;
}
.overhang-inner span {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 4px 0 4px 0;
  font-size: 14px;
  font-weight: 600;
}
.overhang-inner svg {
  width: 22px;
  height: 22px;
  fill: #16a394;
  margin-right: 12px;
}
.mapbutton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  width: 60px;
  height: 60px;
  background: #fff;
  border: solid 2px #fff;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  opacity: 1;
  transition: opacity ease-in-out 400ms;
}
.mapbutton svg {
  width: 100%;
  height: 100%;
}
.animated .mapbutton {
  opacity: 0;
  pointer-events: none;
}
body {
  width: 100%;
}