.app-header {
  z-index: 10;
  top: min(32px, 32 / 1440 * 100vw);
  width: 100%;
  height: min(60px, 60 / 1440 * 100vw);
  position: absolute;
  pointer-events: none;
}
.app-header .global-container {
  gap: min(58px, 58 / 1440 * 100vw);
  display: grid;
  position: relative;
  grid-template-columns: auto 1fr auto;
}
.app-header .logo img {
  height: min(32px, 32 / 1440 * 100vw);
  pointer-events: auto;
}
.app-header .main-nav {
  gap: min(48px, 48 / 1440 * 100vw);
}
.app-header .nav-link {
  pointer-events: auto;
  font-weight: 500;
  font-size: calc(min(16px, 16 / 1440 * 100vw) * var(--font-scale));
  color: #1c1c1c;
  text-decoration: none;
}
.app-header .nav-link:hover {
  color: #854AFB;
}
.app-header .demo-btn {
  color: white;
  height: min(60px, 60 / 1440 * 100vw);
  font-size: min(18px, 18 / 1440 * 100vw);
  padding: 0 min(25px, 25 / 1440 * 100vw);
  font-weight: 600;
  pointer-events: auto;
  border-radius: min(16px, 16 / 1440 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.app-header .burger-btn {
  font-size: min(24px, 24 / 1440 * 100vw);
}
body.mobile .app-header {
  top: 0;
  height: unset;
  position: absolute;
  padding: 32px 0;
}
body.mobile .app-header .logo img {
  height: 22px;
  pointer-events: auto;
}
body.mobile .app-header .burger-btn {
  color: white;
  width: 44px;
  height: 44px;
  font-size: 9.5px;
  border-radius: 50%;
  pointer-events: auto;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.floating-header {
  position: fixed;
  z-index: 10;
  top: min(18px, 18 / 1440 * 100vw);
  width: 100%;
  height: min(84px, 84 / 1440 * 100vw);
  pointer-events: none;
}
.floating-header .floating-header__wrapper {
  gap: min(58px, 58 / 1440 * 100vw);
  display: grid;
  background: white;
  position: relative;
  border-radius: min(24px, 24 / 1440 * 100vw);
  padding: min(10px, 10 / 1440 * 100vw) min(10px, 10 / 1440 * 100vw) min(10px, 10 / 1440 * 100vw) min(30px, 30 / 1440 * 100vw);
  grid-template-columns: auto 1fr auto;
  box-shadow: min(30px, 30 / 1440 * 100vw) min(30px, 30 / 1440 * 100vw) min(60px, 60 / 1440 * 100vw) 0 rgba(14, 7, 34, 0.1019607843);
}
.floating-header .logo img {
  height: min(32px, 32 / 1440 * 100vw);
  pointer-events: auto;
}
.floating-header .main-nav {
  gap: min(48px, 48 / 1440 * 100vw);
}
.floating-header .nav-link {
  pointer-events: auto;
  font-weight: 500;
  font-size: calc(min(16px, 16 / 1440 * 100vw) * var(--font-scale));
  color: #1c1c1c;
  text-decoration: none;
}
.floating-header .nav-link:hover {
  color: #854AFB;
}
.floating-header .demo-btn {
  color: white;
  height: min(60px, 60 / 1440 * 100vw);
  font-size: min(18px, 18 / 1440 * 100vw);
  padding: 0 min(25px, 25 / 1440 * 100vw);
  font-weight: 600;
  pointer-events: auto;
  border-radius: min(16px, 16 / 1440 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.fade-enter-active,
.fade-leave-active {
  transition: all ease-in-out 0.3s;
}
.fade-enter-from,
.fade-leave-to {
  transform: translateY(min(-100px, -100 / 1440 * 100vw));
}
.fade-enter-to,
.fade-leave-from {
  transform: translateY(0);
}.app-footer {
  overflow: hidden;
  max-width: 100vw;
  margin-top: min(308px, 308 / 1440 * 100vw);
}
.app-footer__wrapper {
  background: #0E0722;
  padding: min(63px, 63 / 1440 * 100vw) min(48px, 48 / 1440 * 100vw) min(30px, 30 / 1440 * 100vw);
  border-radius: min(56px, 56 / 1440 * 100vw) min(56px, 56 / 1440 * 100vw) 0 0;
}
.app-footer__content {
  display: grid;
  color: #73738A;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 0.5fr 0.5fr;
  grid-template-areas: "description navigation info" "copyright copyright copyright";
}
.app-footer__content .text-secondary {
  font-weight: 300;
}
.app-footer__logo {
  color: white;
  width: min(176px, 176 / 1440 * 100vw);
  height: min(28px, 28 / 1440 * 100vw);
}
.app-footer__logo svg {
  width: auto;
  height: auto;
}
.app-footer__title {
  font-size: min(14px, 14 / 1440 * 100vw);
  margin-bottom: min(27px, 27 / 1440 * 100vw);
}
.app-footer__description {
  font-weight: 300;
  grid-area: description;
}
.app-footer__description .text-secondary {
  line-height: 180%;
  margin: min(37px, 37 / 1440 * 100vw) 0 0;
  font-size: min(15px, 15 / 1440 * 100vw);
  color: #73738A !important;
}
.app-footer__navigation {
  grid-area: navigation;
}
.app-footer__navigation-link {
  width: 100%;
  color: white;
  display: block;
  cursor: pointer;
  font-size: min(14px, 14 / 1440 * 100vw);
  position: relative;
  margin-bottom: min(32px, 32 / 1440 * 100vw);
  text-decoration: none;
}
.app-footer__info {
  grid-area: info;
}
.app-footer__info .text-h4 {
  color: white;
  font-size: min(32px, 32 / 1440 * 100vw);
  font-weight: 700;
  letter-spacing: -2%;
  margin-top: min(-14px, -14 / 1440 * 100vw);
  margin-bottom: min(16px, 16 / 1440 * 100vw);
  text-decoration: none;
}
.app-footer__copyright {
  font-size: min(15px, 15 / 1440 * 100vw);
  padding-top: min(111px, 111 / 1440 * 100vw);
  grid-area: copyright;
}
.app-footer .logo-pixity {
  color: white;
  width: min(111px, 111 / 1440 * 100vw);
  height: min(32px, 32 / 1440 * 100vw);
  margin-left: min(24px, 24 / 1440 * 100vw);
}
body.mobile .app-footer {
  max-width: 100%;
  margin-top: 120px;
}
body.mobile .app-footer__wrapper {
  padding: 50px 20px 100px;
  border-radius: 32px 32px 0 0;
}
body.mobile .app-footer__content {
  padding: 0;
  grid-gap: 40px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-template-areas: "description" "navigation" "info" "copyright";
}
body.mobile .app-footer__logo {
  width: 176px;
  height: 28px;
}
body.mobile .app-footer__title {
  font-size: 14px;
}
body.mobile .app-footer__description .text-secondary {
  margin: 37px 0 0;
  font-size: 14px;
}
body.mobile .app-footer__navigation-link {
  font-size: 14px;
  margin-bottom: 30px;
}
body.mobile .app-footer__navigation-link:first-of-type {
  padding-top: 24px;
}
body.mobile .app-footer__info .text-h4 {
  font-size: 26px;
  margin-top: 14px;
  margin-bottom: 14px;
}
body.mobile .app-footer__copyright {
  font-size: 12px;
  padding-top: 20px;
  line-height: 300%;
}
body.mobile .app-footer .logo-pixity {
  color: white;
  width: 90px;
  height: 26px;
  margin-left: 24px;
}