.hero-slider[data-v-2ed846bb] {
  position: relative;
  width: 100%;
  border-radius: min(24px, 24 / 1490 * 100vw);
  overflow: hidden;
}
.hero-slider video[data-v-2ed846bb] {
  width: 100%;
  height: 100%;
  border-radius: min(24px, 24 / 1490 * 100vw);
  display: block;
  object-fit: cover;
}
body.mobile .hero-slider[data-v-2ed846bb] {
  height: calc(400 / 375 * 100dvw);
  border-radius: calc(32 / 375 * 100dvw);
}
body.mobile .hero-slider video[data-v-2ed846bb] {
  width: 100%;
  height: 100%;
  border-radius: calc(24 / 375 * 100dvw);
  display: block;
  object-fit: cover;
}.hero-block {
  display: grid;
  padding-top: min(46px, 46 / 1490 * 100vw);
  align-items: flex-start;
  grid-template-columns: 1fr min(774px, 774 / 1490 * 100vw);
}
.hero-block .hero-left {
  flex: 1 1 50%;
  width: 100%;
  align-items: flex-start;
}
.hero-block .avatars {
  width: min(161px, 161 / 1490 * 100vw);
  height: min(72px, 72 / 1490 * 100vw);
  margin-left: min(16px, 16 / 1490 * 100vw);
}
.hero-block .hero-title {
  font-family: "Soyuz Grotesk", sans-serif;
  font-size: min(72px, 72 / 1490 * 100vw);
  font-weight: 700;
  line-height: 100%;
}
.hero-block .hero-title .highlight {
  color: #854AFB;
}
.hero-block .hero-subtitle {
  font-family: "Soyuz Grotesk", sans-serif;
  font-size: min(28px, 28 / 1490 * 100vw);
  padding: min(17px, 17 / 1490 * 100vw) 0 min(67px, 67 / 1490 * 100vw);
}
.hero-block .hero-cta {
  color: white;
  height: min(75px, 75 / 1490 * 100vw);
  font-weight: 600;
  padding: 0 min(40px, 40 / 1490 * 100vw);
  border-radius: min(24px, 24 / 1490 * 100vw);
  font-size: min(22px, 22 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.hero-block .hero-note {
  font-size: min(14px, 14 / 1490 * 100vw);
  color: #7B758C;
  margin-top: min(31px, 31 / 1490 * 100vw);
  font-family: "Montserrat", sans-serif;
}
.hero-block .hero-note .icon {
  width: min(16px, 16 / 1490 * 100vw);
  height: min(16px, 16 / 1490 * 100vw);
  margin-right: min(6px, 6 / 1490 * 100vw);
}
.hero-block .hero-tags {
  gap: min(12px, 12 / 1490 * 100vw);
  display: flex;
  padding-top: min(45px, 45 / 1490 * 100vw);
}
.hero-block .hero-tags .tag {
  display: flex;
  height: min(49px, 49 / 1490 * 100vw);
  padding: 0 min(28px, 28 / 1490 * 100vw);
  font-size: min(14px, 14 / 1490 * 100vw);
  font-weight: 500;
  align-items: center;
  white-space: nowrap;
  background: #E7E7F2;
  border-radius: min(30px, 30 / 1490 * 100vw);
  font-family: "Montserrat", sans-serif;
}
.hero-block .hero-tags .tag:last-child {
  background: none;
}
.hero-block .hero-right {
  flex: 1 1 50%;
  width: 100%;
}
body.mobile .hero-block {
  gap: calc(24 / 375 * 100dvw);
  padding-top: 0;
  align-items: flex-start;
  grid-template-columns: 1fr;
}
body.mobile .hero-block .hero-left {
  max-width: 100%;
}
body.mobile .hero-block .avatars {
  height: calc(48 / 375 * 100dvw);
  width: calc(107.33 / 375 * 100dvw);
}
body.mobile .hero-block .hero-title {
  font-size: calc(46 / 375 * 100dvw);
}
body.mobile .hero-block .hero-subtitle {
  font-size: calc(20 / 375 * 100dvw);
  padding: calc(15 / 375 * 100dvw) 0 calc(25 / 375 * 100dvw);
}
body.mobile .hero-block .hero-cta {
  width: 100%;
  height: calc(64 / 375 * 100dvw);
  font-size: calc(18 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
}
body.mobile .hero-block .hero-note {
  font-size: calc(12 / 375 * 100dvw);
  margin-top: calc(14 / 375 * 100dvw);
}
body.mobile .hero-block .hero-note .icon {
  width: calc(16 / 375 * 100dvw);
  height: calc(16 / 375 * 100dvw);
  margin-right: calc(6 / 375 * 100dvw);
}
body.mobile .hero-block .hero-tags {
  gap: calc(12 / 375 * 100dvw);
  display: flex;
  padding-top: calc(32 / 375 * 100dvw);
}
body.mobile .hero-block .hero-tags .tag {
  height: calc(39 / 375 * 100dvw);
  padding: 0 calc(20 / 375 * 100dvw);
  font-size: calc(12 / 375 * 100dvw);
  border-radius: calc(30 / 375 * 100dvw);
}
body.mobile .hero-block .hero-tags .tag:last-child {
  background: none;
}
body.mobile .hero-block .hero-right {
  width: 100%;
}.about-block {
  padding: min(90px, 90 / 1490 * 100vw) 0 min(134px, 134 / 1490 * 100vw);
}
.about-block__wrapper {
  width: 100%;
  display: flex;
  height: min(678px, 678 / 1490 * 100vw);
  padding: min(75px, 75 / 1490 * 100vw) 0 min(62px, 62 / 1490 * 100vw);
  align-items: center;
  border-radius: min(56px, 56 / 1490 * 100vw);
  flex-direction: column;
  background-color: #0E0722;
}
.about-block__title {
  color: white;
  width: min(990px, 990 / 1490 * 100vw);
  font-weight: 700;
  font-size: min(56px, 56 / 1490 * 100vw);
  text-align: center;
  margin-bottom: min(10px, 10 / 1490 * 100vw);
}
.about-block__title b {
  color: #BFFF58;
}
.about-block__star-icon {
  top: min(41px, 41 / 1490 * 100vw);
  right: min(67px, 67 / 1490 * 100vw);
  width: min(68px, 68 / 1490 * 100vw);
  height: min(68px, 68 / 1490 * 100vw);
}
.about-block__image {
  width: min(492px, 492 / 1490 * 100vw);
  height: min(307px, 307 / 1490 * 100vw);
}
.about-block__bubble {
  z-index: 1;
  display: flex;
  height: min(48px, 48 / 1490 * 100vw);
  font-weight: 600;
  font-size: min(15px, 15 / 1490 * 100vw);
  flex-wrap: nowrap;
  background: white;
  position: absolute;
  align-items: center;
  border-radius: min(24px, 24 / 1490 * 100vw);
  padding: 0 min(26px, 26 / 1490 * 100vw) 0 min(55px, 55 / 1490 * 100vw);
}
.about-block__bubble .q-img {
  left: min(4px, 4 / 1490 * 100vw);
  width: min(40px, 40 / 1490 * 100vw);
  height: min(40px, 40 / 1490 * 100vw);
  position: absolute;
  border-radius: 50%;
}
.about-block__bubble__icon {
  right: min(-1px, -1 / 1490 * 100vw);
  bottom: min(-2px, -2 / 1490 * 100vw);
  position: absolute;
}
.about-block__bubble__emoji {
  width: min(22px, 22 / 1490 * 100vw) !important;
  height: min(22px, 22 / 1490 * 100vw) !important;
  position: relative !important;
}
.about-block__bubble:nth-child(4) {
  left: min(71px, 71 / 1490 * 100vw);
  bottom: min(243px, 243 / 1490 * 100vw);
}
.about-block__bubble:nth-child(5) {
  left: min(213px, 213 / 1490 * 100vw);
  bottom: min(98px, 98 / 1490 * 100vw);
}
.about-block__bubble:nth-child(6) {
  right: min(67px, 67 / 1490 * 100vw);
  bottom: min(170px, 170 / 1490 * 100vw);
}
.about-block__bubble:nth-child(6) .about-block__bubble__icon {
  z-index: -1;
  left: min(-1px, -1 / 1490 * 100vw);
  bottom: min(-2px, -2 / 1490 * 100vw);
  position: absolute;
  transform: scaleX(-1);
}
body.mobile .about-block__wrapper {
  height: unset;
  border-radius: calc(32 / 375 * 100dvw);
}
body.mobile .about-block__title {
  font-size: calc(34 / 375 * 100dvw);
  padding: calc(40 / 375 * 100dvw) 0 calc(33 / 375 * 100dvw);
}
body.mobile .about-block__image {
  width: calc(295 / 375 * 100dvw);
  height: calc(184 / 375 * 100dvw);
  margin-top: calc(152 / 375 * 100dvw);
}
body.mobile .about-block__bubble {
  height: calc(29 / 375 * 100dvw);
  font-size: calc(9.1 / 375 * 100dvw);
  border-radius: calc(14.5 / 375 * 100dvw);
  padding: 0 calc(12.15 / 375 * 100dvw) 0 calc(33.12 / 375 * 100dvw);
}
body.mobile .about-block__bubble .q-img {
  left: calc(2.43 / 375 * 100dvw);
  width: calc(24.32 / 375 * 100dvw);
  height: calc(24.32 / 375 * 100dvw);
}
body.mobile .about-block__bubble__icon {
  right: calc(-1 / 375 * 100dvw);
  bottom: calc(-2 / 375 * 100dvw);
}
body.mobile .about-block__bubble__emoji {
  width: calc(14 / 375 * 100dvw) !important;
  height: calc(14 / 375 * 100dvw) !important;
  position: relative !important;
}
body.mobile .about-block__bubble:nth-child(4) {
  left: calc(18 / 375 * 100dvw);
  bottom: calc(297 / 375 * 100dvw);
}
body.mobile .about-block__bubble:nth-child(5) {
  left: unset;
  right: calc(21.54 / 375 * 100dvw);
  bottom: calc(318 / 375 * 100dvw);
}
body.mobile .about-block__bubble:nth-child(5) .about-block__bubble__icon {
  left: min(-1px, -1 / 1490 * 100vw);
  bottom: calc(-2 / 375 * 100dvw);
  transform: scaleX(-1);
}
body.mobile .about-block__bubble:nth-child(6) {
  right: calc(20.56 / 375 * 100dvw);
  bottom: calc(240.53 / 375 * 100dvw);
}
body.mobile .about-block__bubble:nth-child(6) .about-block__bubble__icon {
  left: min(-1px, -1 / 1490 * 100vw);
  bottom: calc(-2 / 375 * 100dvw);
  transform: scaleX(-1);
}.features-card {
  position: absolute;
  width: min(424px, 424 / 1490 * 100vw);
  height: min(526px, 526 / 1490 * 100vw);
  padding: min(16px, 16 / 1490 * 100vw);
  background: white;
  border-radius: min(40px, 40 / 1490 * 100vw);
  box-shadow: min(30px, 30 / 1490 * 100vw) min(30px, 30 / 1490 * 100vw) min(60px, 60 / 1490 * 100vw) 0 rgba(14, 7, 34, 0.1019607843);
}
.features-card__image {
  width: min(392px, 392 / 1490 * 100vw);
  height: min(374px, 374 / 1490 * 100vw);
  overflow: hidden;
  background: #F2F2F9;
  border-radius: min(24px, 24 / 1490 * 100vw);
}
.features-card__text {
  line-height: 95%;
  font-weight: 700;
  font-size: min(28px, 28 / 1490 * 100vw);
  position: relative;
  margin: min(39px, 39 / 1490 * 100vw) min(99px, 99 / 1490 * 100vw) 0 min(19px, 19 / 1490 * 100vw);
}
.features-card__icon {
  bottom: min(33px, 33 / 1490 * 100vw);
  right: min(32px, 32 / 1490 * 100vw);
  width: min(77px, 77 / 1490 * 100vw);
  height: min(77px, 77 / 1490 * 100vw);
  position: absolute;
}
body.mobile .features-card {
  width: calc(274 / 375 * 100dvw);
  height: calc(340 / 375 * 100dvw);
  padding: calc(11 / 375 * 100dvw);
  border-radius: calc(26 / 375 * 100dvw);
  box-shadow: calc(30 / 375 * 100dvw) calc(30 / 375 * 100dvw) calc(60 / 375 * 100dvw) 0 rgba(14, 7, 34, 0.1019607843);
}
body.mobile .features-card__image {
  width: calc(253 / 375 * 100dvw);
  height: calc(241 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
}
body.mobile .features-card__text {
  font-size: calc(18 / 375 * 100dvw);
  margin: calc(28 / 375 * 100dvw) calc(60 / 375 * 100dvw) 0 calc(14 / 375 * 100dvw);
}
body.mobile .features-card__icon {
  bottom: calc(20 / 375 * 100dvw);
  right: calc(20 / 375 * 100dvw);
  width: calc(49.7 / 375 * 100dvw);
  height: calc(49.7 / 375 * 100dvw);
}.features-block {
  position: relative;
}
.features-block__wrapper {
  display: grid;
  margin: min(40px, 40 / 1490 * 100vw) 0 min(100px, 100 / 1490 * 100vw);
  grid-template-columns: min(660px, 660 / 1490 * 100vw) 1fr;
}
.features-block__icon {
  top: min(200px, 200 / 1490 * 100vw);
  width: min(254px, 254 / 1490 * 100vw);
  height: min(254px, 254 / 1490 * 100vw);
  right: min(-60px, -60 / 1490 * 100vw);
  transform: rotate(11deg);
}
.features-block__icon img {
  filter: blur(6px);
}
.features-block__nav-item {
  cursor: pointer;
  border-radius: min(32px, 32 / 1490 * 100vw);
  padding: min(30px, 30 / 1490 * 100vw) min(152px, 152 / 1490 * 100vw) min(32px, 32 / 1490 * 100vw) min(110px, 110 / 1490 * 100vw);
}
.features-block__nav-item__label {
  font-weight: 700;
  font-size: min(28px, 28 / 1490 * 100vw);
  position: relative;
  margin-bottom: min(10px, 10 / 1490 * 100vw);
}
.features-block__nav-item__label .q-icon {
  left: min(-32px, -32 / 1490 * 100vw);
  color: #854AFB;
  position: absolute;
}
.features-block__nav-item__text {
  font-size: min(16px, 16 / 1490 * 100vw);
  line-height: 160%;
  font-weight: 200;
}
.features-block__nav-item.active {
  color: white;
  background: linear-gradient(259.56deg, #B574FB 0%, #763DFA 100%);
}
.features-block__nav-item.active .features-block__nav-item__label .q-icon {
  color: white;
  transform: rotate(45deg);
}
body.mobile .features-block__wrapper {
  margin: 0 0 calc(80 / 375 * 100dvw);
  grid-template-columns: 1fr;
  grid-template-rows: calc(400 / 375 * 100dvw) auto;
  grid-template-areas: "cards" "nav";
}
body.mobile .features-block__cards {
  grid-area: cards;
}
body.mobile .features-block__nav {
  grid-area: nav;
  padding-top: calc(15 / 375 * 100dvw);
}
body.mobile .features-block__nav-item {
  border-radius: calc(24 / 375 * 100dvw);
  padding: calc(20 / 375 * 100dvw) calc(20 / 375 * 100dvw) calc(20 / 375 * 100dvw) calc(54 / 375 * 100dvw);
}
body.mobile .features-block__nav-item__label {
  font-size: calc(20 / 375 * 100dvw);
  margin-bottom: calc(6 / 375 * 100dvw);
}
body.mobile .features-block__nav-item__label .q-icon {
  left: calc(-34 / 375 * 100dvw);
}
body.mobile .features-block__nav-item__text {
  font-size: calc(13 / 375 * 100dvw);
}
.features-block__cards > :nth-child(1) {
  transform: translateY(0) rotate(-6deg) rotate(0);
}
.features-block__cards > :nth-child(1).card-stack-enter-to {
  transform: translateY(0) rotate(-6deg) rotate(0);
}
.features-block__cards > :nth-child(1).card-stack-leave-from {
  transform: translateY(0) rotate(-6deg) rotate(0);
}
.features-block__cards > :nth-child(2) {
  transform: translateY(0) rotate(8deg) rotate(0);
}
.features-block__cards > :nth-child(2).card-stack-enter-to {
  transform: translateY(0) rotate(8deg) rotate(0);
}
.features-block__cards > :nth-child(2).card-stack-leave-from {
  transform: translateY(0) rotate(8deg) rotate(0);
}
.features-block__cards > :nth-child(3) {
  transform: translateY(0) rotate(-1deg) rotate(0);
}
.features-block__cards > :nth-child(3).card-stack-enter-to {
  transform: translateY(0) rotate(-1deg) rotate(0);
}
.features-block__cards > :nth-child(3).card-stack-leave-from {
  transform: translateY(0) rotate(-1deg) rotate(0);
}
.features-block__cards > :nth-child(4) {
  transform: translateY(0) rotate(3deg) rotate(0);
}
.features-block__cards > :nth-child(4) .card-stack-enter-to {
  transform: translateY(0) rotate(3deg) rotate(0);
}
.features-block__cards > :nth-child(4) .card-stack-leave-from {
  transform: translateY(0) rotate(3deg) rotate(0);
}
.features-block .card-stack-enter-from {
  opacity: 0;
  transform: translateY(20px) scale(0.95) rotate(-30deg);
}
.features-block .card-stack-enter-active {
  transition: all 0.4s ease;
}
.features-block .card-stack-enter-to {
  opacity: 1;
}
.features-block .card-stack-leave-from {
  opacity: 1;
}
.features-block .card-stack-leave-active {
  transition: all 0.3s ease-in;
}
.features-block .card-stack-leave-to {
  opacity: 0;
  transform: translateY(-20px) scale(0.95) rotate(20deg);
}.grid-item {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: min(300px, 300 / 1490 * 100vw) min(268px, 268 / 1490 * 100vw);
}
.grid-item > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: min(32px, 32 / 1490 * 100vw);
  background-color: white;
}
.grid-item__image__area {
  padding: min(16px, 16 / 1490 * 100vw);
}
.grid-item__chip {
  gap: min(8px, 8 / 1490 * 100vw);
  display: flex;
  height: min(36px, 36 / 1490 * 100vw);
  font-weight: 700;
  font-size: min(12px, 12 / 1490 * 100vw);
  align-items: center;
  background: #BFFF58;
  border-radius: min(20px, 20 / 1490 * 100vw);
  padding: 0 min(15px, 15 / 1490 * 100vw) 0 min(10px, 10 / 1490 * 100vw);
}
.grid-item__chip .q-icon {
  font-size: min(16px, 16 / 1490 * 100vw) !important;
}
.grid-item__chip.bg-secondary .q-icon {
  color: #854AFB;
}
.grid-item__favorite {
  top: min(16px, 16 / 1490 * 100vw);
  right: min(16px, 16 / 1490 * 100vw);
  width: min(36px, 36 / 1490 * 100vw);
  height: min(36px, 36 / 1490 * 100vw);
  padding: min(10px, 10 / 1490 * 100vw);
  background: white;
  border-radius: 50%;
}
.grid-item__description {
  gap: min(8px, 8 / 1490 * 100vw);
  padding: min(24px, 24 / 1490 * 100vw);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.grid-item__description__price {
  flex-grow: 1;
  text-align: right;
  font-size: min(18px, 18 / 1490 * 100vw);
}
.grid-item__description__label {
  font-size: min(28px, 28 / 1490 * 100vw);
}
.grid-item__description__text {
  height: min(72px, 72 / 1490 * 100vw);
  line-height: 160%;
  font-size: min(15px, 15 / 1490 * 100vw);
  margin: min(8px, 8 / 1490 * 100vw) 0 min(16px, 16 / 1490 * 100vw);
}
.grid-item__description__btn {
  color: white;
  height: min(36px, 36 / 1490 * 100vw);
  font-size: min(18px, 18 / 1490 * 100vw);
  padding: 0 min(24px, 24 / 1490 * 100vw);
  font-weight: 600;
  pointer-events: auto;
  border-radius: min(12px, 12 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
body.mobile .grid-item {
  grid-template-rows: calc(233 / 375 * 100dvw) calc(267 / 375 * 100dvw);
}
body.mobile .grid-item > div {
  border-radius: calc(24 / 375 * 100dvw);
}
body.mobile .grid-item__image__area {
  padding: calc(16 / 375 * 100dvw);
}
body.mobile .grid-item__chip {
  gap: calc(8 / 375 * 100dvw);
  height: calc(36 / 375 * 100dvw);
  font-size: calc(12 / 375 * 100dvw);
  border-radius: calc(20 / 375 * 100dvw);
  padding: 0 calc(15 / 375 * 100dvw) 0 calc(10 / 375 * 100dvw);
}
body.mobile .grid-item__chip .q-icon {
  font-size: calc(15 / 375 * 100dvw) !important;
}
body.mobile .grid-item__favorite {
  top: calc(16 / 375 * 100dvw);
  right: calc(16 / 375 * 100dvw);
  width: calc(36 / 375 * 100dvw);
  height: calc(36 / 375 * 100dvw);
  padding: calc(10 / 375 * 100dvw);
  font-size: calc(18 / 375 * 100dvw);
}
body.mobile .grid-item__description {
  gap: calc(8 / 375 * 100dvw);
  padding: calc(16 / 375 * 100dvw);
}
body.mobile .grid-item__description__label {
  font-size: calc(20 / 375 * 100dvw);
}
body.mobile .grid-item__description__text {
  height: calc(63 / 375 * 100dvw);
  line-height: 160%;
  font-size: calc(13 / 375 * 100dvw);
  margin: 0 0 calc(16 / 375 * 100dvw);
}
body.mobile .grid-item__description__price {
  width: 100%;
  text-align: left;
  font-size: calc(15 / 375 * 100dvw);
}
body.mobile .grid-item__description__btn {
  height: calc(36 / 375 * 100dvw);
  font-size: calc(18 / 375 * 100dvw);
  padding: 0 calc(20 / 375 * 100dvw);
  border-radius: calc(10 / 375 * 100dvw);
}.grid-unique {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: min(32px, 32 / 1490 * 100vw);
  flex-direction: column;
  background-color: white;
  padding: min(40px, 40 / 1490 * 100vw) min(50px, 50 / 1490 * 100vw) min(64px, 64 / 1490 * 100vw);
}
.grid-unique__img {
  width: min(200px, 200 / 1490 * 100vw);
  height: min(200px, 200 / 1490 * 100vw);
  margin-bottom: min(24px, 24 / 1490 * 100vw);
}
.grid-unique__label {
  font-weight: 700;
  font-size: min(28px, 28 / 1490 * 100vw);
  text-align: center;
}
.grid-unique__text {
  line-height: 160%;
  font-size: min(15px, 15 / 1490 * 100vw);
  text-align: center;
  margin: min(14px, 14 / 1490 * 100vw) 0 min(32px, 32 / 1490 * 100vw);
}
.grid-unique__btn {
  color: white;
  height: min(60px, 60 / 1490 * 100vw);
  font-size: min(18px, 18 / 1490 * 100vw);
  padding: 0 min(56px, 56 / 1490 * 100vw);
  font-weight: 600;
  pointer-events: auto;
  border-radius: min(16px, 16 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
body.mobile .grid-unique {
  border-radius: calc(24 / 375 * 100dvw);
  padding: calc(40 / 375 * 100dvw) calc(30 / 375 * 100dvw) calc(40 / 375 * 100dvw);
}
body.mobile .grid-unique__img {
  width: calc(180 / 375 * 100dvw);
  height: calc(180 / 375 * 100dvw);
  margin-bottom: calc(24 / 375 * 100dvw);
}
body.mobile .grid-unique__label {
  font-size: calc(20 / 375 * 100dvw);
}
body.mobile .grid-unique__text {
  height: calc(63 / 375 * 100dvw);
  line-height: 160%;
  font-size: calc(13 / 375 * 100dvw);
  margin: calc(14 / 375 * 100dvw) 0 calc(32 / 375 * 100dvw);
}
body.mobile .grid-unique__btn {
  height: calc(60 / 375 * 100dvw);
  font-size: calc(18 / 375 * 100dvw);
  padding: 0 calc(56 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
}.grid-block__list {
  margin-top: min(40px, 40 / 1490 * 100vw);
  display: grid;
  grid-row-gap: min(48px, 48 / 1490 * 100vw);
  grid-auto-rows: min(568px, 568 / 1490 * 100vw);
  grid-column-gap: min(24px, 24 / 1490 * 100vw);
  grid-template-columns: 1fr 1fr 1fr;
}
body.mobile .grid-block__list {
  margin-top: calc(28 / 375 * 100dvw);
  grid-row-gap: calc(16 / 375 * 100dvw);
  grid-auto-rows: calc(500 / 375 * 100dvw);
  grid-column-gap: calc(24 / 375 * 100dvw);
  grid-template-columns: 1fr;
}.mobile-banner {
  color: white;
  padding: calc(16 / 375 * 100dvw) calc(20 / 375 * 100dvw) calc(11 / 375 * 100dvw);
  background: linear-gradient(259.56deg, #B574FB 0%, #763DFA 100%);
}
.mobile-banner__title {
  font-weight: 700;
  font-size: calc(18 / 375 * 100dvw);
  margin-bottom: calc(4 / 375 * 100dvw);
}
.mobile-banner__text {
  font-size: calc(10 / 375 * 100dvw);
  line-height: 160%;
  max-width: calc(202 / 375 * 100dvw);
}
.mobile-banner__btn {
  top: calc(16 / 375 * 100dvw);
  display: flex;
  right: calc(20 / 375 * 100dvw);
  width: calc(50 / 375 * 100dvw);
  height: calc(50 / 375 * 100dvw);
  background: white;
  position: absolute;
  border-radius: calc(16 / 375 * 100dvw);
  align-items: center;
  justify-content: center;
}
.mobile-banner__btn .q-icon {
  color: #9558FB;
  font-size: calc(22 / 375 * 100dvw);
}
.mobile-banner .fade-up-enter-active,
.mobile-banner .fade-up-leave-active {
  transition: all ease-in-out 0.3s;
}
.mobile-banner .fade-up-enter-from,
.mobile-banner .fade-up-leave-to {
  transform: translateY(min(100px, 100 / 1490 * 100vw));
}
.mobile-banner .fade-up-enter-to,
.mobile-banner .fade-up-leave-from {
  transform: translateY(0);
}.flicking-viewport {
  position: relative;
  overflow: hidden;
}
.flicking-viewport.vertical {
  display: inline-flex;
}
.flicking-viewport.vertical > .flicking-camera {
  display: inline-flex;
  flex-direction: column;
}
.flicking-viewport.flicking-hidden > .flicking-camera > * {
  visibility: hidden;
}
.flicking-camera {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: row;
  z-index: 1;
  will-change: transform;
}
.flicking-camera > * {
  flex-shrink: 0;
}
.custom-carousel-panel {
  width: min(912px, 912 / 1490 * 100vw);
  height: min(300px, 300 / 1490 * 100vw);
  display: flex;
  padding-right: min(24px, 24 / 1490 * 100vw);
}
.custom-carousel-panel__images {
  width: min(432px, 432 / 1490 * 100vw);
  height: min(300px, 300 / 1490 * 100vw);
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: min(32px, 32 / 1490 * 100vw);
}
.custom-carousel-panel__images__controls {
  z-index: 1;
  width: 100%;
  display: flex;
  bottom: min(24px, 24 / 1490 * 100vw);
  grid-gap: min(10px, 10 / 1490 * 100vw);
  position: absolute;
  justify-content: center;
}
.custom-carousel-panel__images__controls__item {
  opacity: 0.5;
  width: min(12px, 12 / 1490 * 100vw);
  height: min(12px, 12 / 1490 * 100vw);
  border-radius: 50%;
  background-color: white;
}
.custom-carousel-panel__images__controls__item.active {
  opacity: 1;
}
.custom-carousel-panel__content {
  font-size: min(15px, 15 / 1490 * 100vw);
  line-height: 160%;
  border-radius: min(32px, 32 / 1490 * 100vw);
  background-color: white;
  padding: min(40px, 40 / 1490 * 100vw) min(40px, 40 / 1490 * 100vw) 0;
}
.custom-carousel-panel__content__title {
  font-size: min(28px, 28 / 1490 * 100vw);
  margin-bottom: min(16px, 16 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
}
body.mobile .custom-carousel-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: calc(486 / 375 * 100dvw);
  padding-right: calc(6 / 375 * 100dvw);
}
body.mobile .custom-carousel-panel__images {
  width: 100%;
  height: calc(233 / 375 * 100dvw);
  border-radius: calc(24 / 375 * 100dvw);
}
body.mobile .custom-carousel-panel__images__controls {
  bottom: calc(16 / 375 * 100dvw);
  grid-gap: calc(10 / 375 * 100dvw);
}
body.mobile .custom-carousel-panel__images__controls__item {
  width: calc(12 / 375 * 100dvw);
  height: calc(12 / 375 * 100dvw);
}
body.mobile .custom-carousel-panel__carousel {
  height: 100%;
}
body.mobile .custom-carousel-panel__content {
  height: 100%;
  font-size: calc(13 / 375 * 100dvw);
  border-radius: calc(24 / 375 * 100dvw);
  padding: calc(24 / 375 * 100dvw) calc(16 / 375 * 100dvw) 0;
}
body.mobile .custom-carousel-panel__content__title {
  font-size: calc(20 / 375 * 100dvw);
  margin-bottom: calc(6 / 375 * 100dvw);
}.flicking-viewport {
  position: relative;
  overflow: hidden;
}
.flicking-viewport.vertical {
  display: inline-flex;
}
.flicking-viewport.vertical > .flicking-camera {
  display: inline-flex;
  flex-direction: column;
}
.flicking-viewport.flicking-hidden > .flicking-camera > * {
  visibility: hidden;
}
.flicking-camera {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: row;
  z-index: 1;
  will-change: transform;
}
.flicking-camera > * {
  flex-shrink: 0;
}
.custom-block .text-title {
  margin-top: min(140px, 140 / 1490 * 100vw);
}
.custom-block__row {
  display: grid;
  grid-gap: min(24px, 24 / 1490 * 100vw);
  margin-top: min(40px, 40 / 1490 * 100vw);
  margin-bottom: min(52px, 52 / 1490 * 100vw);
  grid-template-columns: repeat(4, 1fr);
}
.custom-block__row__item {
  height: min(130px, 130 / 1490 * 100vw);
  padding: min(30px, 30 / 1490 * 100vw);
  display: flex;
  flex-wrap: nowrap;
  border-radius: min(32px, 32 / 1490 * 100vw);
  background-color: white;
  align-items: center;
}
.custom-block__row__item__icon {
  width: min(70px, 70 / 1490 * 100vw);
  height: min(70px, 70 / 1490 * 100vw);
  flex-shrink: 0;
  margin-right: min(24px, 24 / 1490 * 100vw);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-105deg, #B574FB 0%, #763DFA 100%);
}
.custom-block__row__item__icon svg {
  width: min(34px, 34 / 1490 * 100vw);
  height: min(34px, 34 / 1490 * 100vw);
}
.custom-block__row__item__text {
  font-size: min(22px, 22 / 1490 * 100vw);
}
.custom-block__carousel {
  margin-bottom: min(100px, 100 / 1490 * 100vw);
  overflow: visible !important;
}
body.mobile .custom-block__row {
  display: grid;
  grid-gap: calc(16 / 375 * 100dvw);
  margin-top: calc(40 / 375 * 100dvw);
  margin-bottom: calc(52 / 375 * 100dvw);
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
body.mobile .custom-block__row__item {
  height: calc(187 / 375 * 100dvw);
  padding: calc(30 / 375 * 100dvw);
  display: flex;
  flex-wrap: nowrap;
  border-radius: calc(32 / 375 * 100dvw);
  background-color: white;
  align-items: center;
  flex-direction: column;
}
body.mobile .custom-block__row__item__icon {
  width: calc(60 / 375 * 100dvw);
  height: calc(60 / 375 * 100dvw);
  margin-right: 0;
  margin-bottom: calc(16 / 375 * 100dvw);
}
body.mobile .custom-block__row__item__icon svg {
  width: calc(30 / 375 * 100dvw);
  height: calc(30 / 375 * 100dvw);
}
body.mobile .custom-block__row__item__text {
  text-align: center;
  font-size: calc(18 / 375 * 100dvw);
  line-height: 110%;
}.custom-form-block {
  color: #73738A;
  font-size: min(14px, 14 / 1490 * 100vw);
  position: relative;
  margin-top: min(141px, 141 / 1490 * 100vw) !important;
  margin-bottom: min(119px, 119 / 1490 * 100vw) !important;
}
.custom-form-block a {
  color: #73738A;
}
.custom-form-block__wrapper {
  width: 100%;
  display: flex;
  position: relative;
  border-radius: min(56px, 56 / 1490 * 100vw);
  flex-direction: column;
  align-items: flex-start;
  background-color: #0E0722;
  padding: min(64px, 64 / 1490 * 100vw) min(656px, 656 / 1490 * 100vw) min(64px, 64 / 1490 * 100vw) min(64px, 64 / 1490 * 100vw);
}
.custom-form-block__wrapper > :nth-child(4) {
  margin-top: min(22px, 22 / 1490 * 100vw);
}
.custom-form-block__wrapper > :nth-child(5) {
  margin-top: min(40px, 40 / 1490 * 100vw);
}
.custom-form-block .text-title {
  color: white;
  font-size: min(56px, 56 / 1490 * 100vw) !important;
}
.custom-form-block .text-subtitle {
  color: white;
  margin-bottom: min(27px, 27 / 1490 * 100vw);
  font-size: min(28px, 28 / 1490 * 100vw) !important;
}
.custom-form-block__form {
  z-index: 1;
  width: 100%;
  display: grid;
  grid-gap: min(32px, 32 / 1490 * 100vw);
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min(64px, 64 / 1490 * 100vw);
  grid-template-areas: "first second";
}
.custom-form-block__form > :nth-child(3) {
  grid-area: third;
}
.custom-form-block__form .q-field__control {
  height: 100%;
  color: #fff;
  border: none;
  box-shadow: none;
  font-size: min(16px, 16 / 1490 * 100vw);
  padding: min(2px, 2 / 1490 * 100vw) min(3px, 3 / 1490 * 100vw);
  border-radius: min(12px, 12 / 1490 * 100vw);
  background-color: #1B1334;
}
.custom-form-block__form .q-field__native {
  color: #fff;
  padding: 0 min(30px, 30 / 1490 * 100vw) !important;
}
.custom-form-block__form .q-textarea .q-field__native {
  padding: min(18px, 18 / 1490 * 100vw) min(30px, 30 / 1490 * 100vw) 0 !important;
}
.custom-form-block__form .q-field--focused .q-field__control {
  box-shadow: 0 0 0 min(2px, 2 / 1490 * 100vw) #b76dff;
}
.custom-form-block__form .q-field--focused .q-field__control {
  box-shadow: none !important;
  border: none !important;
}
.custom-form-block__form .q-placeholder {
  opacity: 1;
  color: #73738A;
}
.custom-form-block__form .q-field__bottom {
  display: none;
}
.custom-form-block__form .q-field--filled .q-field__control:after {
  display: none !important;
}
.custom-form-block__caption {
  line-height: 180%;
}
.custom-form-block .q-btn {
  color: white;
  height: min(64px, 64 / 1490 * 100vw);
  font-weight: 600;
  padding: 0 min(40px, 40 / 1490 * 100vw);
  font-size: min(18px, 18 / 1490 * 100vw);
  margin-right: min(31px, 31 / 1490 * 100vw);
  border-radius: min(16px, 16 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.custom-form-block__pic {
  top: min(26px, 26 / 1490 * 100vw);
  right: min(80px, 80 / 1490 * 100vw);
  width: min(400px, 400 / 1490 * 100vw);
  height: min(400px, 400 / 1490 * 100vw);
  position: absolute;
}
body.mobile .custom-form-block {
  font-size: calc(11 / 375 * 100dvw);
  margin-top: calc(91 / 375 * 100dvw) !important;
}
body.mobile .custom-form-block__wrapper {
  border-radius: calc(24 / 375 * 100dvw);
  padding: calc(40 / 375 * 100dvw) calc(16 / 375 * 100dvw);
}
body.mobile .custom-form-block__wrapper > :nth-child(4) {
  margin-top: calc(28 / 375 * 100dvw);
}
body.mobile .custom-form-block__wrapper > :nth-child(5) {
  margin-top: calc(18 / 375 * 100dvw);
}
body.mobile .custom-form-block .text-title {
  text-align: center;
  margin-bottom: calc(12 / 375 * 100dvw);
  font-size: calc(34 / 375 * 100dvw) !important;
}
body.mobile .custom-form-block .text-subtitle {
  text-align: center;
  margin-bottom: calc(27 / 375 * 100dvw);
  font-size: calc(20 / 375 * 100dvw) !important;
}
body.mobile .custom-form-block__form {
  grid-gap: calc(24 / 375 * 100dvw);
  grid-template-columns: 1fr;
  grid-template-rows: calc(60 / 375 * 100dvw) calc(60 / 375 * 100dvw);
  grid-template-areas: "first" "second";
}
body.mobile .custom-form-block__form .q-field__control {
  padding: calc(2 / 375 * 100dvw) calc(3 / 375 * 100dvw);
  font-size: calc(16 / 375 * 100dvw);
  border-radius: calc(12 / 375 * 100dvw);
}
body.mobile .custom-form-block__form .q-field__native {
  padding: 0 calc(30 / 375 * 100dvw) !important;
}
body.mobile .custom-form-block__form .q-textarea .q-field__native {
  padding: calc(18 / 375 * 100dvw) calc(30 / 375 * 100dvw) 0 !important;
}
body.mobile .custom-form-block__form .q-field--focused .q-field__control {
  box-shadow: 0 0 0 calc(2 / 375 * 100dvw) #b76dff;
}
body.mobile .custom-form-block img {
  width: calc(20 / 375 * 100dvw);
  margin-right: calc(8 / 375 * 100dvw);
}
body.mobile .custom-form-block__caption {
  line-height: 180%;
  margin-top: calc(18 / 375 * 100dvw);
}
body.mobile .custom-form-block .q-btn {
  width: 100%;
  height: calc(54 / 375 * 100dvw);
  margin-right: 0;
  font-size: calc(18 / 375 * 100dvw);
  border-radius: calc(18 / 375 * 100dvw);
}.index-page {
  padding-top: 0;
}