*,
:after,
:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --bg-color-accent: linear-gradient(91.85deg, #2b41f5 0.85%, #b71bee 99.28%);
  --border-radius: 0.375em;
  --border-color-invert: hsla(0, 0%, 100%, 0.2);
  --bg-color-invert-hover: hsla(0, 0%, 100%, 0.12);
  --bg-color-accent-hover: linear-gradient(
    91.85deg,
    #5c6df7 0.85%,
    #c64af2 99.28%
  );
}
.button-invert:focus,
.button-invert:hover,
a.button-invert:focus,
a.button-invert:hover {
  background: var(--bg-color-invert-hover);
}
a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none;
}
button:focus,
.button:hover,
a.button:focus,
a.button:hover {
  background: var(--bg-color-accent-hover);
  background-clip: padding-box;
}
.button-invert:focus,
.button-invert:hover,
a.button-invert:focus,
a.button-invert:hover {
  background: var(--bg-color-invert-hover);
}

.nav-item a,
.nav-item a.active {
  color: white !important;
}

.button,
a.button {
  --border-radius: 0.375em;
  --border-color-invert: hsla(0, 0%, 100%, 0.2);
  --bg-color-invert-hover: hsla(0, 0%, 100%, 0.12);
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: var(--color-1);
  background: var(--bg-color-accent);
  border: none;
  border-radius: var(--border-radius);
  color: var(--text-color-1);
  cursor: pointer;
  display: inline-flex;
  font-family: Syne, sans-serif;
  font-size: min(4.2666666667vw, 1rem);
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1.1;
  min-height: min(11.7333333333vw, 2.75rem);
  min-width: 11ch;
  padding: 0.25em 1em;
  text-align: center;
  text-decoration: none;
  transition: 0.18s ease-in-out;
  transition-property: background, border;
}
.signup .button-invert {
  --border-color-invert: #fff;
  border-width: 2px;
}
.button-invert,
a.button-invert {
  background: transparent;
  border: 1px solid var(--border-color-invert);
}
.signup {
  margin-left: 1rem;
}
/* HERO */

.c_card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: hsla(0, 0%, 100%, 0.12);
  border-radius: min(5.3333333333vw, 1.625rem);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: min(5.3333333333vw, 1.5rem);
}
.c_card-header {
  align-items: center;
  display: grid;
  gap: min(4.2666666667vw, 1rem);
  grid-template-columns: auto 1fr;
}
.c_card-item {
  padding: min(2.6666666667vw, 1rem);
}
.c_card-body {
  flex: 1 1;
}
.c_card-v-2 {
  align-items: center;
  flex-direction: row-reverse;
  text-align: left;
}
.vw-grid {
  --gap: min(6.4vw, 3rem) min(6.4vw, 3rem);
  grid-gap: var(--gap);
  display: grid;
  grid-template-columns: auto 1fr;
}
.vw-grid-col-2 {
  --column-width: 600px;
  --gap: min(10.6666666667vw, 3rem) min(10.6666666667vw, 3rem);
}
.c_card-v-2 .c_card-img {
  height: min(21.3333333333vw, 8.75rem);
  width: min(21.3333333333vw, 8.75rem);
}
.c_card-img,
.c_card-img [data-placeholder-image],
.c_card-img img {
  border-radius: 100%;
}
.c_card-body > * {
  --lines: 5;
  -webkit-line-clamp: var(--lines);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.vw-section-content {
  padding-bottom: min(6.6666666667vw, 2.5rem);
  padding-top: min(6.6666666667vw, 2.5rem);
}
.subscribe-bg {
  height: min(60.8vw, 23rem);
  position: absolute;
  right: -46px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: min(87.4666666667vw, 33.6875rem);
  z-index: -1;
}
.has-img-fit {
  position: relative;
}
.subscribe {
  position: relative;
}
.footer-contact-list > li > a {
  color: var(--text-color-1);
  display: block;
  font-family: Syne, sans-serif;
  font-size: min(3.7333333333vw, 0.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: 2em;
  text-decoration: none;
}
@media (min-width: 768px) {
  .c_card-v-2 {
    align-items: center;
    flex-direction: row-reverse;
    text-align: left;
  }
  .subscribe.c_card-v-2 {
    flex-direction: row;
  }
}