/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: #0000;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template, [hidden] {
  display: none;
}

@font-face {
  font-family: icomoon;
  src: url("icomoon.a97ac086.ttf") format("truetype"), url("icomoon.ac3068bf.woff") format("woff"), url("icomoon.d73ed754.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: icomoon !important;
}

.icon-activity:before {
  content: "";
}

.icon-airplay:before {
  content: "";
}

.icon-alert-circle:before {
  content: "";
}

.icon-alert-octagon:before {
  content: "";
}

.icon-alert-triangle:before {
  content: "";
}

.icon-align-center:before {
  content: "";
}

.icon-align-justify:before {
  content: "";
}

.icon-align-left:before {
  content: "";
}

.icon-align-right:before {
  content: "";
}

.icon-anchor:before {
  content: "";
}

.icon-aperture:before {
  content: "";
}

.icon-archive:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-down-circle:before {
  content: "";
}

.icon-arrow-down-left:before {
  content: "";
}

.icon-arrow-down-right:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-left-circle:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-arrow-right-circle:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-arrow-up-circle:before {
  content: "";
}

.icon-arrow-up-left:before {
  content: "";
}

.icon-arrow-up-right:before {
  content: "";
}

.icon-at-sign:before {
  content: "";
}

.icon-award:before {
  content: "";
}

.icon-bar-chart:before {
  content: "";
}

.icon-bar-chart-2:before {
  content: "";
}

.icon-battery:before {
  content: "";
}

.icon-battery-charging:before {
  content: "";
}

.icon-bell:before {
  content: "";
}

.icon-bell-off:before {
  content: "";
}

.icon-bluetooth:before {
  content: "";
}

.icon-bold:before {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-book-open:before {
  content: "";
}

.icon-bookmark:before {
  content: "";
}

.icon-box:before {
  content: "";
}

.icon-briefcase:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-camera:before {
  content: "";
}

.icon-camera-off:before {
  content: "";
}

.icon-cast:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-check-circle:before {
  content: "";
}

.icon-check-square:before {
  content: "";
}

.icon-chevron-down:before {
  content: "";
}

.icon-chevron-left:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-chevron-up:before {
  content: "";
}

.icon-chevrons-down:before {
  content: "";
}

.icon-chevrons-left:before {
  content: "";
}

.icon-chevrons-right:before {
  content: "";
}

.icon-chevrons-up:before {
  content: "";
}

.icon-chrome:before {
  content: "";
}

.icon-circle:before {
  content: "";
}

.icon-clipboard:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-cloud:before {
  content: "";
}

.icon-cloud-drizzle:before {
  content: "";
}

.icon-cloud-lightning:before {
  content: "";
}

.icon-cloud-off:before {
  content: "";
}

.icon-cloud-rain:before {
  content: "";
}

.icon-cloud-snow:before {
  content: "";
}

.icon-code:before {
  content: "";
}

.icon-codepen:before {
  content: "";
}

.icon-codesandbox:before {
  content: "";
}

.icon-coffee:before {
  content: "";
}

.icon-columns:before {
  content: "";
}

.icon-command:before {
  content: "";
}

.icon-compass:before {
  content: "";
}

.icon-copy:before {
  content: "";
}

.icon-corner-down-left:before {
  content: "";
}

.icon-corner-down-right:before {
  content: "";
}

.icon-corner-left-down:before {
  content: "";
}

.icon-corner-left-up:before {
  content: "";
}

.icon-corner-right-down:before {
  content: "";
}

.icon-corner-right-up:before {
  content: "";
}

.icon-corner-up-left:before {
  content: "";
}

.icon-corner-up-right:before {
  content: "";
}

.icon-cpu:before {
  content: "";
}

.icon-credit-card:before {
  content: "";
}

.icon-crop:before {
  content: "";
}

.icon-crosshair:before {
  content: "";
}

.icon-database:before {
  content: "";
}

.icon-delete:before {
  content: "";
}

.icon-disc:before {
  content: "";
}

.icon-dollar-sign:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-download-cloud:before {
  content: "";
}

.icon-droplet:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-edit-2:before {
  content: "";
}

.icon-edit-3:before {
  content: "";
}

.icon-external-link:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-eye-off:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-fast-forward:before {
  content: "";
}

.icon-feather:before {
  content: "";
}

.icon-figma:before {
  content: "";
}

.icon-file:before {
  content: "";
}

.icon-file-minus:before {
  content: "";
}

.icon-file-plus:before {
  content: "";
}

.icon-file-text:before {
  content: "";
}

.icon-film:before {
  content: "";
}

.icon-filter:before {
  content: "";
}

.icon-flag:before {
  content: "";
}

.icon-folder:before {
  content: "";
}

.icon-folder-minus:before {
  content: "";
}

.icon-folder-plus:before {
  content: "";
}

.icon-framer:before {
  content: "";
}

.icon-frown:before {
  content: "";
}

.icon-gift:before {
  content: "";
}

.icon-git-branch:before {
  content: "";
}

.icon-git-commit:before {
  content: "";
}

.icon-git-merge:before {
  content: "";
}

.icon-git-pull-request:before {
  content: "";
}

.icon-github:before {
  content: "";
}

.icon-gitlab:before {
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-grid:before {
  content: "";
}

.icon-hard-drive:before {
  content: "";
}

.icon-hash:before {
  content: "";
}

.icon-headphones:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-help-circle:before {
  content: "";
}

.icon-hexagon:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-image:before {
  content: "";
}

.icon-inbox:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-italic:before {
  content: "";
}

.icon-key:before {
  content: "";
}

.icon-layers:before {
  content: "";
}

.icon-layout:before {
  content: "";
}

.icon-life-buoy:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-link-2:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-list:before {
  content: "";
}

.icon-loader:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-log-in:before {
  content: "";
}

.icon-log-out:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-map:before {
  content: "";
}

.icon-map-pin:before {
  content: "";
}

.icon-maximize:before {
  content: "";
}

.icon-maximize-2:before {
  content: "";
}

.icon-meh:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-message-circle:before {
  content: "";
}

.icon-message-square:before {
  content: "";
}

.icon-mic:before {
  content: "";
}

.icon-mic-off:before {
  content: "";
}

.icon-minimize:before {
  content: "";
}

.icon-minimize-2:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-minus-circle:before {
  content: "";
}

.icon-minus-square:before {
  content: "";
}

.icon-monitor:before {
  content: "";
}

.icon-moon:before {
  content: "";
}

.icon-more-horizontal:before {
  content: "";
}

.icon-more-vertical:before {
  content: "";
}

.icon-mouse-pointer:before {
  content: "";
}

.icon-move:before {
  content: "";
}

.icon-music:before {
  content: "";
}

.icon-navigation:before {
  content: "";
}

.icon-navigation-2:before {
  content: "";
}

.icon-octagon:before {
  content: "";
}

.icon-package:before {
  content: "";
}

.icon-paperclip:before {
  content: "";
}

.icon-pause:before {
  content: "";
}

.icon-pause-circle:before {
  content: "";
}

.icon-pen-tool:before {
  content: "";
}

.icon-percent:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-phone-call:before {
  content: "";
}

.icon-phone-forwarded:before {
  content: "";
}

.icon-phone-incoming:before {
  content: "";
}

.icon-phone-missed:before {
  content: "";
}

.icon-phone-off:before {
  content: "";
}

.icon-phone-outgoing:before {
  content: "";
}

.icon-pie-chart:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-play-circle:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-plus-circle:before {
  content: "";
}

.icon-plus-square:before {
  content: "";
}

.icon-pocket:before {
  content: "";
}

.icon-power:before {
  content: "";
}

.icon-printer:before {
  content: "";
}

.icon-radio:before {
  content: "";
}

.icon-refresh-ccw:before {
  content: "";
}

.icon-refresh-cw:before {
  content: "";
}

.icon-repeat:before {
  content: "";
}

.icon-rewind:before {
  content: "";
}

.icon-rotate-ccw:before {
  content: "";
}

.icon-rotate-cw:before {
  content: "";
}

.icon-rss:before {
  content: "";
}

.icon-save:before {
  content: "";
}

.icon-scissors:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-send:before {
  content: "";
}

.icon-server:before {
  content: "";
}

.icon-settings:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-share-2:before {
  content: "";
}

.icon-shield:before {
  content: "";
}

.icon-shield-off:before {
  content: "";
}

.icon-shopping-bag:before {
  content: "";
}

.icon-shopping-cart:before {
  content: "";
}

.icon-shuffle:before {
  content: "";
}

.icon-sidebar:before {
  content: "";
}

.icon-skip-back:before {
  content: "";
}

.icon-skip-forward:before {
  content: "";
}

.icon-slack:before {
  content: "";
}

.icon-slash:before {
  content: "";
}

.icon-sliders:before {
  content: "";
}

.icon-smartphone:before {
  content: "";
}

.icon-smile:before {
  content: "";
}

.icon-speaker:before {
  content: "";
}

.icon-square:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-stop-circle:before {
  content: "";
}

.icon-sun:before {
  content: "";
}

.icon-sunrise:before {
  content: "";
}

.icon-sunset:before {
  content: "";
}

.icon-tablet:before {
  content: "";
}

.icon-tag:before {
  content: "";
}

.icon-target:before {
  content: "";
}

.icon-terminal:before {
  content: "";
}

.icon-thermometer:before {
  content: "";
}

.icon-thumbs-down:before {
  content: "";
}

.icon-thumbs-up:before {
  content: "";
}

.icon-toggle-left:before {
  content: "";
}

.icon-toggle-right:before {
  content: "";
}

.icon-tool:before {
  content: "";
}

.icon-trash:before {
  content: "";
}

.icon-trash-2:before {
  content: "";
}

.icon-trello:before {
  content: "";
}

.icon-trending-down:before {
  content: "";
}

.icon-trending-up:before {
  content: "";
}

.icon-triangle:before {
  content: "";
}

.icon-truck:before {
  content: "";
}

.icon-tv:before {
  content: "";
}

.icon-twitch:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-type:before {
  content: "";
}

.icon-umbrella:before {
  content: "";
}

.icon-underline:before {
  content: "";
}

.icon-unlock:before {
  content: "";
}

.icon-upload:before {
  content: "";
}

.icon-upload-cloud:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-user-check:before {
  content: "";
}

.icon-user-minus:before {
  content: "";
}

.icon-user-plus:before {
  content: "";
}

.icon-user-x:before {
  content: "";
}

.icon-users:before {
  content: "";
}

.icon-video:before {
  content: "";
}

.icon-video-off:before {
  content: "";
}

.icon-voicemail:before {
  content: "";
}

.icon-volume:before {
  content: "";
}

.icon-volume-1:before {
  content: "";
}

.icon-volume-2:before {
  content: "";
}

.icon-volume-x:before {
  content: "";
}

.icon-watch:before {
  content: "";
}

.icon-wifi:before {
  content: "";
}

.icon-wifi-off:before {
  content: "";
}

.icon-wind:before {
  content: "";
}

.icon-x:before {
  content: "";
}

.icon-x-circle:before {
  content: "";
}

.icon-x-octagon:before {
  content: "";
}

.icon-x-square:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-zap:before {
  content: "";
}

.icon-zap-off:before {
  content: "";
}

.icon-zoom-in:before {
  content: "";
}

.icon-zoom-out:before {
  content: "";
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.mb-base {
  margin-bottom: 1rem;
}

[class^="flex-row-"], [class*=" flex-row-"] {
  flex-direction: row;
  display: flex;
}

[class^="flex-col-"], [class*=" flex-col-"] {
  flex-direction: column;
  display: flex;
}

.flex-row-base {
  gap: 1rem;
}

.flex-row-sm {
  gap: .8rem;
}

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

.justify-between {
  justify-content: space-between;
}

.npt {
  padding-top: 0;
}

.npb {
  padding-bottom: 0;
}

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

.bg--gray {
  background: #f2f2f2;
}

.bg--white {
  background: #fff;
}

@media (width <= 768px) {
  .desktop-only {
    display: none !important;
  }
}

@media (width >= 769px) {
  .mobile-only {
    display: none !important;
  }
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 1.5rem;
}

@font-face {
  font-display: swap;
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  src: url("manrope-v15-latin-200.1efbf0de.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  src: url("manrope-v15-latin-regular.d90549ee.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  src: url("manrope-v15-latin-700.62899711.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 300;
  src: url("space-grotesk-v21-latin-300.957c2099.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 400;
  src: url("space-grotesk-v21-latin-regular.3254f84d.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  src: url("space-grotesk-v21-latin-700.f51d984a.woff2") format("woff2");
}

* {
  box-sizing: border-box;
}

html {
  font-family: Space Grotesk;
  font-size: 16px;
  font-weight: 400;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.4;
}

body :focus {
  background: none;
  outline: none;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

.container--small {
  max-width: 769px;
}

.container-fluid {
  padding: 0 5vw;
}

.row {
  margin: -1rem;
}

.col {
  padding: 1rem;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

a {
  color: #000;
  text-decoration: none;
}

h1, .h1, h2, .h2, h3, .h3 {
  text-box-trim: trim-both;
  text-box-edge: text alphabetic;
  margin-top: 0;
  font-family: Space Grotesk;
  font-weight: 700;
  line-height: 1.1;
  display: block;
  position: relative;
}

h1 p, .h1 p, h2 p, .h2 p, h3 p, .h3 p {
  margin: 0;
}

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong {
  z-index: 1;
  display: inline-block;
  position: relative;
}

@media (width >= 769px) {
  h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong {
    white-space: nowrap;
  }
}

h1 strong:after, .h1 strong:after, h2 strong:after, .h2 strong:after, h3 strong:after, .h3 strong:after {
  content: "";
  z-index: -1;
  background: #f6892a;
  height: 10px;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  transform: rotate(-1deg);
}

@media (width >= 769px) {
  h1 strong:after, .h1 strong:after, h2 strong:after, .h2 strong:after, h3 strong:after, .h3 strong:after {
    bottom: 6px;
  }
}

h1, .h1 {
  margin-bottom: 1rem;
  font-size: clamp(2rem, 4vw, 4rem);
}

@media (width >= 769px) {
  h1, .h1 {
    margin-bottom: 2rem;
  }
}

h2, .h2 {
  margin-bottom: 1.5rem;
  font-size: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.2;
}

h3, .h3 {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  line-height: 1.3;
  position: relative;
}

h4, .h4 {
  font-size: 1rem;
  font-weight: 700;
}

.animate-observe {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.animate {
  position: relative;
}

.animate--reveal {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  animation: 1s forwards reveal;
}

.animate--delay-1 {
  animation-delay: .1s;
}

.animate--delay-2 {
  animation-delay: .2s;
}

.animate--delay-3 {
  animation-delay: .3s;
}

@keyframes reveal {
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

.logo {
  width: 80px;
  display: block;
  left: 0;
}

.logo img {
  width: auto;
  height: 100%;
}

@media (width >= 769px) {
  .logo {
    width: 100px;
  }
}

.image {
  width: 100%;
  display: block;
}

.image--16-9 {
  aspect-ratio: 16 / 9;
}

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

.btn, button {
  color: #fff;
  background: #06f;
  border: 2px solid #06f;
  border-radius: 50px;
  padding: .25rem .8rem;
  transition: all .3s ease-in-out;
  display: inline-block;
}

@media (width >= 769px) {
  .btn, button {
    padding: .5rem 1rem;
  }
}

.btn--ghost, button--ghost {
  color: #000;
  background: none;
  border: 2px solid #06f;
}

.btn--orange, button--orange {
  background: #f6892a;
  border: 2px solid #f6892a;
}

.btn--white, button--white {
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

a.btn:hover {
  background: #4d4d4d;
  border-color: #4d4d4d;
}

form br {
  display: none;
}

input, textarea {
  border: 2px solid #06f;
  border-radius: 20px;
  width: 100%;
  margin-bottom: .5rem;
  padding: 1rem;
  display: block;
}

input[type="submit"] {
  color: #fff;
  cursor: pointer;
  background-color: #f6892a;
  border: none;
  border-radius: 20px;
  width: auto;
  margin-bottom: .5rem;
  padding: 1rem;
  display: inline-block;
}

input[type="checkbox"] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 1rem;
}

.header {
  z-index: 200;
  padding: 1.5rem 0;
  position: relative;
}

.header__inner {
  background: #fff;
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1.5rem;
  display: flex;
}

@media (width >= 769px) {
  .header__inner {
    padding: .8rem 1rem;
  }
}

.header__logo, .header__meta {
  position: relative;
}

@media (width >= 769px) {
  .header__logo, .header__meta {
    flex: 0 0 30%;
  }

  .header__nav {
    flex: 0 0 40%;
    justify-content: center;
    display: flex;
  }

  .header__meta {
    justify-content: flex-end;
    display: flex;
  }
}

.header__meta-phone-text {
  display: none;
}

@media (width >= 1024px) {
  .header__meta-phone-text {
    display: block;
  }
}

.footer {
  color: #fff;
  background: #06f;
}

.footer__inner {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

@media (width >= 769px) {
  .footer__inner {
    flex-direction: row;
    justify-content: space-between;
  }

  .footer__content {
    display: flex;
  }
}

.footer__info span, .footer__info a {
  display: block;
}

.footer__logo {
  width: 100px;
}

.footer__logo img {
  width: 100%;
}

.footer__link, .footer__link a {
  color: #fff;
  display: block;
}

@media (width <= 768px) {
  header.nav-open {
    z-index: 100;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
  }

  .nav__toggle {
    cursor: pointer;
    width: 2rem;
  }

  .nav__toggle span {
    background: #000;
    width: 100%;
    height: 1px;
    transition: all .3s ease-in-out;
    display: block;
  }

  .nav__toggle span:nth-child(2) {
    margin: .25rem 0;
  }

  .nav__toggle--active span:first-child {
    transform: rotate(45deg);
  }

  .nav__toggle--active span:nth-child(2) {
    display: none;
  }

  .nav__toggle--active span:nth-child(3) {
    transform: rotate(-45deg);
  }

  .nav__inner {
    display: none;
  }

  .nav__inner--open {
    color: #fff;
    -webkit-overflow-scrolling: touch;
    z-index: -1;
    background: #06f;
    justify-content: center;
    align-items: center;
    width: 100vw;
    padding: 100px 1rem 1rem;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: scroll;
  }

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

  .nav__item {
    text-align: center;
    margin: 2rem 0;
  }

  .nav__link {
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
  }

  .nav__link--has-submenu {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav__link--has-submenu:after {
    content: "";
    font-family: icomoon;
  }

  .nav__submenu {
    display: none;
  }

  .nav__submenu--open {
    background: #f2f2f2;
    display: block;
    position: absolute;
    inset: 0;
  }

  .nav__submenu-headline {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
  }

  .nav__submenu-close {
    margin-bottom: 2rem;
    font-size: .8rem;
  }

  .nav__submenu-close:before {
    content: "";
    font-family: icomoon;
  }
}

@media (width >= 769px) {
  .nav__toggle {
    display: none;
  }

  .nav__list {
    display: flex;
  }

  .nav__list--root > .nav__item > .nav__submenu {
    display: none;
  }

  .nav__list--root > .nav__item > .nav__submenu--open {
    display: block;
  }

  .nav__list--level-2 {
    align-items: flex-start;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 2vh 1rem 5vh;
    display: flex;
  }

  .nav__list--level-3 {
    display: block;
  }

  .nav__item--active {
    font-weight: 700;
  }

  .nav__list--root .nav__item {
    cursor: pointer;
    margin: 0 1rem;
  }

  .nav__list--level-2 .nav__item {
    width: 20%;
    margin: 0 .25rem;
    font-weight: 700;
  }

  .nav__list--level-3 .nav__item {
    width: 100%;
    margin: .25rem 0;
    font-weight: 400;
  }

  .nav__link {
    color: #000;
    text-decoration: none;
  }

  .nav__submenu--open {
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid #000;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .nav__submenu-headline {
    color: #000;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1vh 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    display: block;
  }

  .nav-link--direct-level-2 {
    padding: 0;
    font-size: 1rem;
  }

  .nav__submenu-close, .nav__link--sublink-level-2 {
    display: none;
  }
}

.modal {
  z-index: 200;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: none;
  position: fixed;
  inset: 0;
}

.modal.active {
  display: flex;
}

.modal__background {
  background: #000c;
  position: fixed;
  inset: 0;
}

.modal__window {
  background: #fff;
  width: 100%;
  max-width: 769px;
  height: 100%;
  max-height: 80vh;
  padding: 2rem;
  position: relative;
  overflow: scroll;
}

.modal__close {
  cursor: pointer;
  padding: .8rem;
  position: absolute;
  top: 0;
  right: 0;
}

.slider__container {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  gap: 1rem;
  margin: 0 1.5rem;
  display: flex;
  overflow: auto;
}

.slider__nav {
  justify-content: flex-end;
  margin-top: 3rem;
  display: flex;
}

.slider__nav svg {
  stroke: #06f;
  width: 3rem;
  height: 2rem;
}

.slider__item {
  scroll-snap-align: start;
}

.slider__next, .slider__prev {
  opacity: .4;
}

.slider__next.active, .slider__prev.active {
  cursor: pointer;
  opacity: 1;
}

section, .section {
  padding: clamp(2rem, 12vw, 8rem) 0;
  position: relative;
}

section--gray, .section--gray {
  background: #f2f2f2;
}

section--white, .section--white {
  background: #fff;
}

.hero {
  min-height: 30dvh;
  margin-top: -115px;
  padding-top: 170px;
  position: relative;
  overflow: hidden;
}

@media (width <= 768px) {
  .hero {
    margin-top: -115px;
    padding-top: 130px;
  }
}

.hero:after {
  content: "";
  z-index: -1;
  background: #06f;
  border-radius: 50%;
  width: 300vh;
  height: 300vh;
  animation: 1s forwards scale-hero-background;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, -100px, 0)scale(0);
}

@keyframes scale-hero-background {
  to {
    transform: translate3d(-50%, -100px, 0)scale(1);
  }
}

.hero--vertical .hero__inner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.hero__content {
  color: #fff;
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
}

@media (width >= 769px) {
  .hero__content {
    display: inline-block;
  }
}

.hero--vertical .hero__content .container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.hero--vertical .hero__image {
  opacity: 0;
  max-width: 300px;
  animation: 1s .5s forwards slidein-vertical-hero;
  transform: translateY(50px);
}

@media (width >= 769px) {
  .hero--vertical .hero__image {
    max-width: 850px;
  }
}

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

@keyframes slidein-vertical-hero {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero__intro {
  line-height: 1.8;
}

@media (width >= 769px) {
  .hero__intro {
    width: 50%;
  }
}

.hero__buttons {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  margin-top: 1rem;
  display: flex;
}

@media (width >= 769px) {
  .hero__buttons {
    margin-top: 2rem;
  }
}

.stage {
  margin-top: -115px;
  padding-top: 100px;
  position: relative;
}

.stage__inner {
  position: relative;
}

@media (width >= 769px) {
  .stage__inner {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
}

.stage__content {
  padding: clamp(2rem, 12vw, 8rem) 0;
  position: relative;
}

@media (width >= 769px) {
  .stage__content {
    flex: 0 0 40%;
    max-width: 40%;
  }
}

.stage__image {
  opacity: .1;
  border-bottom-left-radius: 50px;
  position: absolute;
  inset: 0;
}

@media (width >= 769px) {
  .stage__image {
    opacity: 1;
    border-bottom-left-radius: 200px;
    left: 50%;
  }
}

.stage__image img {
  object-fit: cover;
  border-bottom-left-radius: 50px;
  width: 100%;
  height: 100%;
}

@media (width >= 769px) {
  .stage__image img {
    border-bottom-left-radius: 200px;
  }
}

.stage__image-overlay {
  opacity: .2;
  position: absolute;
  inset: 0;
}

@media (width >= 769px) {
  .stage__image-overlay {
    opacity: 1;
  }
}

.stage__image-overlay img {
  object-fit: cover;
  border-bottom-left-radius: 200px;
  width: 100%;
  height: 100%;
}

.stage__link {
  margin-top: 1.5rem;
}

@media (width >= 769px) {
  .text-image__inner {
    display: flex;
  }

  .text-image__inner--reverse {
    flex-direction: row-reverse;
  }

  .text-image__image {
    flex: 0 0 50%;
  }

  .text-image__image--small-image {
    flex: 0 0 30%;
  }
}

.text-image__image img {
  border-radius: 20px;
}

@media (width >= 769px) {
  .text-image__content {
    flex: auto;
  }
}

.text-on-image {
  min-height: 70dvh;
  display: flex;
  position: relative;
}

.text-on-image__image {
  position: absolute;
  inset: 0;
}

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

.text-on-image__inner {
  width: 100%;
  position: relative;
}

.text-on-image__content {
  display: flex;
}

.text-on-image__content-inner {
  background: #fff;
  border-radius: 20px;
  padding: 1rem;
}

@media (width >= 769px) {
  .text-on-image__content-inner {
    width: 50%;
    padding: 2rem;
  }

  .text__inner {
    gap: 5rem;
    display: flex;
  }

  .text__inner--full-1 {
    flex-direction: column;
    gap: 2rem;
  }

  .text__headline {
    flex: 0 0 30%;
  }
}

.text__headline h2:after {
  content: "";
  background-color: #06f;
  width: 100px;
  height: 5px;
  margin-top: 1rem;
  display: block;
}

.textteaser__list {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

@media (width >= 769px) {
  .textteaser__item {
    width: 33.33%;
    position: relative;
  }

  .textteaser__item:nth-child(2):last-child, .textteaser__item:first-child:last-child {
    width: 50%;
  }
}

.textteaser__item-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  display: flex;
}

@media (width >= 769px) {
  .textteaser__item-inner {
    padding: 0 1.5rem;
  }
}

.textteaser__content {
  margin-bottom: 1.2rem;
}

.iconlist {
  background: #f2f2f2;
  padding-top: 0;
  position: relative;
}

.iconlist__image {
  display: none;
}

@media (width >= 769px) {
  .iconlist__image {
    display: block;
    position: absolute;
    inset: 16rem 0 0;
  }
}

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

.iconlist__content {
  position: relative;
}

.iconlist__content-inner {
  background: #fff;
  border-radius: 20px;
  padding: 1rem;
}

@media (width >= 769px) {
  .iconlist__content-inner {
    flex-wrap: wrap;
    gap: 2rem;
    width: 75%;
    padding: 3rem;
    display: flex;
  }
}

.iconlist__item {
  margin-bottom: 3rem;
}

@media (width >= 769px) {
  .iconlist__item {
    width: calc(50% - 1rem);
    margin-bottom: 0;
  }

  .iconlist__item-inner {
    gap: 1rem;
    display: flex;
  }
}

.iconlist__icon {
  background: #f2f2f2;
  border-radius: 50%;
  flex: 0 0 100px;
  width: 100px;
  height: 100px;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
}

@media (width >= 769px) {
  .iconlist__icon {
    margin-bottom: 0;
  }
}

.iconlist__icon img {
  object-fit: contain;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 15px;
  left: 15px;
}

.iconlist__headline {
  color: #06f;
}

.gallery__headline {
  margin-bottom: 5rem;
}

.gallery__list {
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  gap: 1rem;
  margin: 0 1.5rem;
  display: flex;
  overflow: auto;
}

@media (width >= 769px) {
  .gallery__list {
    gap: 2rem;
  }
}

.gallery__list::-webkit-scrollbar {
  display: none;
}

.gallery__item {
  scroll-snap-align: start;
  align-items: center;
  max-width: 90vw;
  height: 40vw;
  display: flex;
}

@media (width >= 769px) {
  .gallery__item {
    width: auto;
    height: 500px;
    aspect-ratio: default;
  }
}

.gallery__item img, .gallery__item video {
  width: auto;
  height: 100%;
}

.gallery__video {
  position: relative;
}

.gallery__play {
  background: #06f;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.gallery__play-icon {
  fill: #fff;
  cursor: pointer;
  width: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-35%, -45%, 0);
}

.infocards__title {
  margin-bottom: 1.5rem;
}

@media (width >= 769px) {
  .infocards__title {
    justify-content: flex-end;
    margin-bottom: 3rem;
    display: flex;
  }

  .infocards__title h2 {
    width: 50%;
  }

  .infocards__title h2:after {
    content: "";
    background-color: #06f;
    width: 100px;
    height: 5px;
    margin-top: 1rem;
    display: block;
  }

  .infocards__list {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }
}

.infocards__item {
  position: relative;
}

@media (width >= 769px) {
  .infocards__item {
    flex: 0 0 33.33%;
    width: 33.33%;
    position: relative;
  }

  .infocards__item:nth-child(2):last-child, .infocards__item:first-child:last-child {
    flex: 0 0 50%;
    width: 50%;
  }
}

.infocards__item-inner {
  z-index: 0;
  border-radius: 20px;
  padding: 1.2rem;
  position: relative;
}

@media (width >= 769px) {
  .infocards__item-inner {
    padding: 3rem 2rem;
  }
}

.infocards__link {
  margin-top: 1rem;
}

.infocards__number {
  color: #64a0f9;
  z-index: 1;
  opacity: .1;
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 1rem;
  right: 2rem;
}

.infocards__headline {
  width: 70%;
}

.infocards__indicator-inner {
  background: #eaeaeb;
  width: 100%;
  height: 5px;
  margin-top: 2rem;
  position: relative;
}

.infocards__indicator-bar {
  background: #06f;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.quote__inner {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.quote__icon {
  width: 70px;
  margin-bottom: 1rem;
}

.quote__icon img {
  height: auto;
}

.wpcf7-list-item {
  margin: 0 !important;
}

.wpcf7-list-item label {
  display: flex;
}

.wpcf7-form-control-wrap {
  display: block;
}

.wpcf7-response-output {
  border: none !important;
}

@media (width >= 769px) {
  .teasercards__inner {
    gap: 2rem;
    display: flex;
  }

  .teasercards--full .teasercards__inner {
    display: block;
  }
}

.teasercards__title {
  margin-bottom: 3rem;
}

@media (width >= 769px) {
  .teasercards__title {
    flex: 0 0 30%;
  }

  .teasercards__list {
    flex-wrap: wrap;
    display: flex;
  }

  .teasercards__item {
    flex: 0 0 50%;
    width: 50%;
    position: relative;
  }

  .teasercards__item--image {
    flex: 0 0 100%;
  }
}

.teasercards__item-inner {
  border-radius: 20px;
  height: 100%;
  position: relative;
}

.teasercards__background-image {
  position: absolute;
  inset: 0;
}

.teasercards__background-image img {
  object-fit: cover;
  filter: brightness(1.1);
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.teasercards__item-inner-main {
  z-index: 1;
  padding: 1.2rem;
  position: relative;
}

@media (width >= 769px) {
  .teasercards__item-inner-main {
    padding: 3rem;
  }
}

.teasercards__topline {
  margin-bottom: 1rem;
}

.teasercards__link {
  margin-top: 1rem;
}

.teasercards__image {
  aspect-ratio: 16 / 9;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.teasercards__image img {
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 100%;
}

.teasercards__icon {
  background: #06f;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 3.5rem;
  padding: 12px;
  position: absolute;
  top: 0;
  right: 0;
}

.teasercards__headline {
  width: calc(100% - 3rem);
}

.logos__list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  display: flex;
}

@media (width >= 769px) {
  .logos__list {
    flex-wrap: nowrap;
    gap: 3rem;
  }
}

.logos__item {
  flex: 0 150px;
}

@media (width >= 769px) {
  .logos__item {
    flex: 0 300px;
  }
}

.contactcard__inner {
  flex-flow: column wrap;
  justify-content: center;
  gap: 2rem;
  display: flex;
}

@media (width >= 769px) {
  .contactcard__inner {
    flex-direction: row;
  }

  .contactcard__picture {
    flex: 0 0 calc(50% - 1rem);
  }
}

.contactcard__content {
  background-color: #f2f2f2;
  border-radius: 20px;
  padding: 1rem;
}

@media (width >= 769px) {
  .contactcard__content {
    flex: 0 0 calc(50% - 1rem);
  }
}

.contactcard__content-item {
  display: block;
}

.contactcard__content-item + .contactcard__content-item {
  margin-top: .5rem;
}

.contactcard__company {
  font-weight: 700;
}

.dotteaser, .dotteaser__content {
  position: relative;
}

.dotteaser__textitem {
  color: #06f;
  font-weight: 700;
  display: flex;
}

.dotteaser__textitem--right {
  justify-content: flex-end;
}

.dotteaser__textitem--left {
  text-align: right;
  justify-content: flex-start;
}

.dotteaser__textitem-inner {
  flex: 0 0 70%;
}

@media (width >= 769px) {
  .dotteaser__textitem-inner {
    flex: 0 0 50%;
  }
}

.dotteaser__image {
  position: absolute;
  inset: 0;
}

.dotteaser__image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.dotteaser__footer {
  justify-content: center;
  margin-top: 1.5rem;
  display: flex;
  position: relative;
}

.media {
  position: relative;
}

.media__header {
  margin-bottom: 1rem;
}

@media (width >= 769px) {
  .media__header {
    justify-content: center;
    align-items: flex-end;
    gap: 2rem;
    width: 100%;
    display: flex;
  }

  .media__headline {
    text-align: right;
    flex: 0 0 30%;
  }

  .media__headline .h1 {
    margin-bottom: 0;
  }
}

.media__headline .h1 {
  color: #06f;
}

@media (width >= 769px) {
  .media__link {
    flex: 0 0 30%;
  }
}

.media__item video, .media__item img {
  border-radius: 40px;
  width: 100%;
  height: auto;
}

.media__video {
  border-radius: 40px;
  position: relative;
}

.media__video .is-playing + .media__poster {
  opacity: 0;
  z-index: -100;
  display: none;
}

.media__poster {
  background: #000;
  border-radius: 40px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.media__poster img {
  object-fit: cover;
  object-position: center;
  opacity: .5;
  border-radius: 40px;
  width: 100%;
  height: 100%;
}

.media__play {
  z-index: 100;
  background: #fff;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

@media (width >= 769px) {
  .media__play {
    width: 10rem;
    height: 10rem;
  }
}

.media__play-icon {
  fill: #06f;
  cursor: pointer;
  width: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-35%, -45%, 0);
}

@media (width >= 769px) {
  .media__play-icon {
    width: 4rem;
  }
}

.media__caption {
  color: #eaeaeb;
  margin-top: 1rem;
  font-size: .8rem;
}

@media (width >= 769px) {
  .media__caption {
    font-size: 1rem;
  }
}

.bigcard__inner {
  color: #fff;
  background: #06f;
  border-radius: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 3rem 1rem 0;
  display: flex;
  position: relative;
}

@media (width >= 769px) {
  .bigcard__inner {
    padding: 5rem 3rem 0;
  }
}

.bigcard__image-overlay {
  position: absolute;
  inset: 0 0 0 50%;
}

.bigcard__image-overlay img {
  object-fit: cover;
  object-position: left;
  border-radius: 40px;
  width: 100%;
  height: 100%;
}

.bigcard__content {
  flex: 0 0 100%;
  width: 100%;
  position: relative;
}

@media (width >= 769px) {
  .bigcard__content {
    gap: 2rem;
    display: flex;
  }

  .bigcard__headline {
    flex: 0 auto;
  }

  .bigcard__text {
    flex: 50%;
  }
}

.bigcard__image {
  max-width: 60%;
  position: relative;
}

.taglist__inner {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  display: flex;
}

@media (width >= 769px) {
  .taglist__inner {
    flex-direction: row;
  }

  .taglist__content {
    flex: 0 0 33%;
  }
}

.taglist__list {
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem;
  display: flex;
}

.contact-page__inner {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

@media (width >= 769px) {
  .contact-page__inner {
    flex-direction: row;
    gap: 3rem;
  }

  .contact-page__content {
    flex: 1 0 50%;
  }

  .contact-page__form {
    flex: auto;
  }
}
/*# sourceMappingURL=main.css.map */