@font-face {
	font-family: Mulish;
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(/assets/fonts/Mulish-cyrillic-ext.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
	font-family: Mulish;
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(/assets/fonts/Mulish-cyrillic.woff2) format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
	font-family: Mulish;
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(/assets/fonts/Mulish-latin-ext.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: Mulish;
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(/assets/fonts/Mulish-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*,
*:before,
*:after {
	box-sizing: border-box
}

html {
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

hr {
	margin: 0;
	color: inherit;
	border: none;
	border-top: 1px solid
}

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

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

b,
strong {
	font-weight: 700
}

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

small {
	font-size: 80%
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0;
	outline: none
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: unset
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
	-webkit-user-select: none;
	user-select: none
}

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

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

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

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto;
	resize: vertical
}

[type=number]::-webkit-inner-spin-button,
[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,
search {
	display: block
}

cite {
	font-style: normal
}

summary {
	display: list-item
}

summary::-webkit-details-marker {
	display: none
}

p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
blockquote,
dl,
dd {
	margin: 0
}

ul,
ol {
	list-style: none;
	padding: 0
}

a {
	color: inherit;
	text-decoration: inherit
}

a:not([class]) {
	color: #0d6efd
}

img,
iframe,
video {
	max-width: 100%
}

iframe {
	border: none
}

img {
	height: auto;
	vertical-align: middle
}

address {
	font-style: normal
}

label,
summary,
button {
	cursor: pointer
}

button:disabled {
	cursor: default
}

button,
select {
	color: inherit
}

th {
	text-align: inherit;
	font-weight: inherit
}

:root {
	interpolate-size: allow-keywords;
	scroll-padding-top: 86px;
	--direction: 1;
	--container-width: 100%;
	--container-gutters: 12px;
	--font-family: "Mulish", sans-serif;
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--font-size: 16px;
	--font-weight: 400;
	--line-height: 1.5;
	--color: #212529;
	--bg: #f3f5ff;
	--color-primary: #7a3df7;
	--swiper-theme-color: var(--color-primary)
}

:root[dir=rtl] {
	--direction: -1
}

body {
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	line-height: var(--line-height);
	color: var(--color);
	background-color: var(--bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.container {
	width: min(var(--container-width), 100% - var(--container-gutters) * 2);
	margin-inline: auto
}

.wysiwyg>:first-child {
	margin-top: 0 !important
}

.wysiwyg>:last-child {
	margin-bottom: 0 !important
}

.wysiwyg :where(p:not([class])) {
	margin-bottom: 16px
}

.wysiwyg :where(img:not([class]), p:has(img:not([class])), blockquote, .blockquote) {
	margin-block: 20px
}

.wysiwyg :where(p img:not([class])) {
	margin-block: 0
}

.wysiwyg :where(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
	margin-top: 1em;
	margin-bottom: .3em;
	font-weight: 500;
	line-height: 1.2
}

.wysiwyg :where(h2) {
	font-size: min(32px, 1.325rem + .9vw)
}

.wysiwyg :where(h3) {
	font-size: min(28px, 1.3rem + .6vw)
}

.wysiwyg :where(ol, ul) {
	padding-inline-start: 22px
}

.wysiwyg :where(ol, ul) {
	margin-block: 16px
}

.wysiwyg :where(ul) {
	list-style-type: disc
}

.wysiwyg :where(ol) {
	list-style-type: decimal
}

.wysiwyg :where(iframe) {
	border-radius: 20px;
	margin-block: 20px;
	width: 100%;
	aspect-ratio: 16/9
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 500;
	line-height: 1.2
}

.h1 {
	font-size: min(40px, 1.375rem + 1.5vw)
}

.h2 {
	font-size: min(32px, 1.325rem + .9vw)
}

.h3 {
	font-size: min(28px, 1.3rem + .6vw)
}

.h5 {
	font-size: 20px
}

.icon {
	display: block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
	flex-shrink: 0
}

.textfield {
	padding: 6px 12px;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	background-color: #fff;
	color: var(--color);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.textfield::placeholder {
	color: #212529bf
}

.textfield:focus {
	border-color: #86b7fe;
	box-shadow: 0 0 0 .25rem #0d6efd40
}

.link {
	color: #0d6efd;
	text-decoration: underline
}

.btn {
	display: inline-block;
	color: #fff;
	background: linear-gradient(74deg, #7a3df7, #e87be8);
	padding: 9px 15px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #000;
	font-size: 13.6px;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: filter .3s
}

.btn-alt {
	display: inline-block;
	padding: 7px 13px;
	border: none;
	border-radius: 6px;
	background-color: #0d6efd;
	color: #fff;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: background-color .25s ease-in-out
}

.btn-alt_theme_dark {
	background-color: #212529
}

.nav-btn {
	padding: 4px 12px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 6px;
	background-color: transparent;
	color: #ffffff8c;
	font-size: 30px;
	-webkit-user-select: none;
	user-select: none;
	transition: box-shadow .15s ease-in-out
}

.nav-btn:focus {
	box-shadow: 0 0 0 4px
}

.app-btn {
	display: inline-block;
	padding: 12px 20px;
	border-radius: 10px;
	transition-duration: .3s;
	-webkit-user-select: none;
	user-select: none
}

.app-btn_theme_primary {
	background: linear-gradient(74deg, #7a3df7, #e87be8);
	box-shadow: 1px 1px 5px #000;
	transition-property: filter
}

.app-btn_theme_light {
	background-color: #fff;
	transition-property: background-color
}

.app-btn_theme_primary .app-btn__icon {
	filter: brightness(0) invert(1)
}

.play-btn {
	position: relative;
	display: block;
	width: 66px;
	height: 66px;
	padding: 0;
	background-color: #fff;
	border: none;
	border-radius: 50%;
	animation: pulse 1.5s ease-in-out infinite
}

.play-btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-35%, -50%);
	border-style: solid;
	border-width: 12px 0 12px 16px;
	border-color: transparent transparent transparent #000
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 #ffffffb3
	}

	70% {
		box-shadow: 0 0 0 15px #fff0
	}

	to {
		box-shadow: 0 0 #fff0
	}
}

.title {
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -1px
}

.title_size_1 {
	font-size: 30px
}

.title_size_2 {
	font-size: 26px
}

.title_underline {
	padding-bottom: 10px;
	border-bottom: 1px solid #cfcbc4
}

.subtitle {
	width: fit-content;
	background: linear-gradient(74deg, #7a3df7, #e87be8);
	padding: 3px 15px;
	border-radius: 50px;
	color: #fff;
	text-align: center
}

.tag {
	display: inline-block;
	border: 1px solid;
	padding: 2px 20px;
	border-radius: 100px;
	color: #7a3df7;
	font-weight: 500;
	font-size: 14px
}

.tag_theme_white {
	background-color: #fff
}

.swipe-animation {
	height: 50px;
	background: url(/assets/img/icons/up-and-down-arrows.svg) center/auto 100% no-repeat;
	animation: swipe-animation 2s infinite;
	pointer-events: none
}

@keyframes swipe-animation {
	0% {
		transform: translateY(20px);
		opacity: 0
	}

	50% {
		transform: translateY(0);
		opacity: 1
	}

	to {
		transform: translateY(20px);
		opacity: 0
	}
}

.lang__toggler {
	display: flex;
	align-items: center;
	column-gap: 10px;
	width: 100%;
	text-align: start;
	background-color: transparent;
	border: none;
	padding: 8px 0;
	color: #ffffff8c;
	transition: color .15s ease-in-out
}

.lang__toggler_active {
	color: #fff
}

.lang__toggler:after {
	content: "";
	margin-inline-start: .255em;
	vertical-align: .255em;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

.lang__flag {
	width: 24px;
	flex-shrink: 0
}

.lang__list {
	margin-top: 2px;
	padding-block: 8px;
	background-color: #343a40;
	border: 1px solid rgba(0, 0, 0, .175);
	background-clip: padding-box;
	border-radius: 6px
}

.lang__list:not(.lang__list_expanded) {
	display: none
}

.lang__link {
	display: flex;
	column-gap: 10px;
	padding: 4px 16px;
	color: #dee2e6
}

.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 8px
}

.breadcrumbs__item_current {
	color: #212529bf
}

.breadcrumbs__item:not(:last-child) {
	position: relative;
	padding-inline-end: 16px
}

.breadcrumbs__item:not(:last-child):after {
	content: "/";
	position: absolute;
	inset-inline-end: 0;
	top: 50%;
	transform: translateY(-50%)
}

.download-btns {
	display: flex;
	column-gap: 20px
}

.social,
.share {
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}

.share__link {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #1b044a;
	color: #fff;
	transition: background-color .3s;
	-webkit-user-select: none;
	user-select: none
}

.stats__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-block: 2px;
	border-bottom: 1px solid #aeaeae
}

.stats__item:not(:last-child) {
	margin-bottom: 10px
}

.stats__val {
	font-weight: 700
}

.blockquote {
	padding-block: 10px;
	padding-inline-start: 30px;
	border-inline-start: 5px solid #7a3df7;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5
}

.accordion {
	background-color: #fff;
	border: 1px solid #dee2e6
}

.accordion+.accordion {
	border-top: none
}

.accordion_pos_start {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.accordion_pos_end {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.accordion__title {
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 24px;
	padding: 16px 20px;
	line-height: 1.2;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.accordion_pos_start .accordion__title {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.accordion_pos_end .accordion__title {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.accordion__title:focus {
	z-index: 1;
	box-shadow: 0 0 0 .25rem #0d6efd40;
	outline: none
}

.accordion[open] .accordion__title {
	color: #052c65;
	background-color: #cfe2ff
}

.accordion__arrow {
	margin-inline-start: auto;
	font-size: 20px;
	transition: transform .2s ease-in-out
}

.accordion[open] .accordion__arrow {
	transform: rotate(-180deg)
}

.accordion__descr {
	padding: 16px 20px
}

.accordion__descr a:not([class]) {
	text-decoration: underline
}

.advantage {
	padding: 20px 20px 26px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	text-align: center
}

.advantage__icon-holder {
	width: fit-content;
	margin: 0 auto 15px;
	background-color: #8443f6;
	border-radius: 50%;
	padding: 15px;
	font-size: 40px;
	color: #fff
}

.advantage__title {
	margin-bottom: 8px;
	font-size: min(28px, 1.3rem + .6vw);
	font-weight: 500;
	line-height: 1.2
}

.check-list {
	--icon: url(/assets/img/icons/check.svg);
	list-style: none
}

.check-list_icon_outline {
	--icon: url(/assets/img/icons/check_circle_outline.svg)
}

.check-list li {
	min-height: 20px;
	align-content: center;
	background: var(--icon) left 2px center/20px no-repeat;
	padding-inline-start: 32px
}

[dir=rtl] .check-list li {
	background-position: right 2px center
}

.check-list li:not(:last-child) {
	margin-bottom: var(--check-list-space, 10px)
}

.changelog {
	border: 1px solid #bbb;
	border-radius: 10px;
	padding: 10px 20px;
	background-color: #0006
}

.changelog__title {
	margin-bottom: 15px
}

.changelog__list {
	margin-bottom: 16px
}

.card {
	background-color: #fff;
	padding: 20px 20px 52px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #888
}

.card__img {
	display: block;
	max-width: 200px;
	margin: 0 auto 10px
}

.card__title {
	margin-bottom: 10px
}

.card__descr p:not(:last-child) {
	margin-bottom: 16px
}

.code {
	padding: 17px;
	background-color: #fff;
	color: var(--color);
	border-radius: 6px
}

.code:not(.code_active) {
	display: none
}

.code__val {
	margin-bottom: 8px;
	border: 1px dotted red;
	padding: 10px 15px;
	font-size: 32px;
	color: #d63384;
	word-wrap: break-word;
	font-family: var(--font-family-monospace)
}

.code__link {
	color: #0d6efd;
	text-decoration: underline;
	transition: text-decoration-color .3s
}

.form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 24px
}

.form__group_stretch {
	grid-column: 1/-1
}

.form__label {
	display: inline-block;
	margin-bottom: 8px
}

.form__control {
	width: 100%
}

.post-card {
	padding: 30px;
	border-radius: 20px;
	background-color: #fff;
	column-gap: 20px
}

.post-card__img-link {
	display: block
}

.post-card__img {
	width: 100%
}

.post-card__tag {
	margin-bottom: 15px
}

.post-card__title-link {
	color: #1b044a;
	transition: color .3s
}

.post-card__title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2
}

.post-card__read-more {
	margin-top: 15px;
	display: inline-flex;
	align-items: center;
	column-gap: .3ch;
	font-weight: 700;
	color: #1b044a;
	transition: color .3s
}

.post-card__meta {
	margin-bottom: 10px
}

.meta {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	font-size: 15px
}

.meta__item {
	position: relative;
	padding-inline-start: 15px
}

.meta__item:before {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-start: 0;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background-color: currentColor;
	border-radius: 50%
}

.app-meta {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(clamp(180px, 10.7142857143vw + 141.4285714286px, 270px), 1fr));
	gap: 24px
}

.app-meta__item {
	border-inline-start: 3px solid var(--color-primary);
	padding-inline-start: 15px
}

.app-meta__label {
	font-weight: 700;
	font-size: 18px
}

.filter {
	--bg-active: linear-gradient(74deg, rgba(122, 61, 247, 1), rgba(232, 123, 156, 1));
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}

.filter__link {
	display: block;
	padding: 10px 22px;
	border-radius: 10px;
	background-color: #fff;
	color: #848484
}

.filter__link_active {
	background: var(--bg-active);
	color: #fff
}

.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px
}

.pagination__link {
	display: flex;
	align-items: center;
	column-gap: .5ch;
	padding: 10px 15px;
	border-radius: 5px;
	background-color: #fff;
	line-height: 1;
	text-align: center;
	transition: color .3s, background-color .3s
}

.pagination__link_current {
	background-color: #7a3df7;
	color: #fff
}

[dir=rtl] .pagination__link .icon {
	transform: scaleX(-1)
}

.author {
	display: flex;
	align-items: center;
	column-gap: 10px
}

.author__avatar {
	width: 40px;
	aspect-ratio: 1;
	border-radius: 50%;
	flex-shrink: 0;
	object-fit: cover
}

.author__name {
	font-weight: 700;
	line-height: 1.2
}

.author__position {
	font-size: 14px
}

@property --gradient-color-1 {
	syntax: "<color>";
	inherits: false;
	initial-value: #7a3df7;
}

@property --gradient-color-2 {
	syntax: "<color>";
	inherits: false;
	initial-value: #e87b9c;
}

.subscribe {
	padding: 30px;
	border-radius: 20px;
	background: url(/assets/img/dote_for_darkblue.png) center bottom/100% #1b044a;
	color: #fff
}

.subscribe__icon {
	margin: 0 auto 20px;
	font-size: 63px
}

.subscribe__title {
	margin-bottom: 8px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center
}

.subscribe__descr {
	margin-bottom: 16px;
	text-align: center
}

.subscribe__form {
	display: flex;
	column-gap: 10px;
	background-color: #fff;
	padding: 6px;
	border-radius: 10px
}

.subscribe__input {
	padding: 0;
	padding-inline-start: 6px;
	min-width: 0;
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: transparent;
	border: none
}

.subscribe__input::placeholder {
	color: #6c757d
}

.subscribe__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	padding: 0;
	background: linear-gradient(74deg, var(--gradient-color-1, #7a3df7), var(--gradient-color-2, #e87b9c));
	border: none;
	border-radius: inherit;
	transition: --gradient-color-1 .5s, --gradient-color-2 .5s
}

.subscribe__disclaimer {
	margin-top: 5px;
	color: #7a7a7a
}

.testimonial {
	padding: 30px;
	border-radius: 20px;
	background: #fff url(/assets/img/quote.svg) right 20px bottom 20px no-repeat;
	-webkit-user-select: none;
	user-select: none
}

.testimonial__footer {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	column-gap: 20px
}

.testimonial__avatar {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%
}

.testimonial__author {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 600
}

.testimonial__job {
	color: #555
}

.testimonial__rating {
	margin-bottom: 16px;
	width: 100px;
	height: 15px;
	background: url(/assets/img/star.svg)
}

.features__item {
	position: relative
}

.features__item:not(:last-child) {
	margin-bottom: 34px
}

.features__title {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2
}

.features__descr {
	text-wrap: balance
}

.features__icon {
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	color: var(--color-primary)
}

.steps {
	counter-reset: steps
}

.steps__item {
	position: relative;
	counter-increment: steps
}

.steps__num {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: linear-gradient(74deg, #7a3df7, #e87be8);
	box-shadow: 0 0 0 10px #7a3df733;
	color: #fff;
	border-radius: 50%;
	font-size: 28px;
	font-weight: 700
}

.steps__num:before {
	content: counter(steps)
}

.steps__title {
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-wrap: balance
}

.steps__item:nth-child(2n) .steps__img {
	order: -1
}

.proscons {
	display: flex
}

.proscons_reverse {
	flex-direction: row-reverse
}

.proscons_theme_up {
	--gradient: linear-gradient(to bottom, #32cc8d, #2ca09a);
	--icon: url(/assets/img/checkmark.svg)
}

.proscons_theme_down {
	--gradient: linear-gradient(to bottom, #fb9c5d, #f84b45);
	--icon: url(/assets/img/x.svg)
}

.proscons__list {
	flex-grow: 1;
	border-radius: 30px;
	padding: 50px 29px;
	background-color: #fff;
	box-shadow: 5px 5px 10px #c8cbd0cc
}

.proscons__title {
	margin-bottom: 15px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2
}

.proscons__item {
	display: flex;
	align-items: center;
	column-gap: 30px;
	color: #555;
	font-size: 18px;
	line-height: 1.2
}

.proscons__item:not(:last-child) {
	margin-bottom: 22px
}

.proscons__item:before {
	content: "";
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 30px;
	background: var(--icon) center/20px no-repeat, var(--gradient)
}

.proscons__sidebar {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	margin-block: 70px;
	padding: 39px 16px;
	background: var(--gradient);
	border-start-end-radius: 24px;
	border-end-end-radius: 24px
}

.proscons_reverse .proscons__sidebar {
	flex-direction: column-reverse;
	border-start-end-radius: 0;
	border-end-end-radius: 0;
	border-start-start-radius: 24px;
	border-end-start-radius: 24px
}

.proscons__label {
	writing-mode: vertical-lr;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	color: #fff
}

.proscons_theme_down .proscons__label {
	transform: rotate(180deg)
}

.proscons__icon {
	color: #fff;
	font-size: 24px
}

.footer-nav__item_has-divider {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.footer-nav__link {
	color: #a677ff;
	text-decoration: underline
}

.header {
	padding-block: 13px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-right: var(--scrollbar-width);
	z-index: 1000
}

.header_theme_dark {
	background-color: #212529
}

.header_theme_gradient {
	background: linear-gradient(74deg, #7a3df7, #e87be8)
}

.header_sticky:not(.header_theme_dark) {
	background: linear-gradient(74deg, #7a3df7, #e87be8)
}

.header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 16px
}

.nav {
	position: fixed;
	z-index: 1100;
	top: 0;
	inset-inline-end: 0;
	bottom: 0;
	width: 400px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	border-inline-start: 1px solid rgba(0, 0, 0, .175);
	background-color: #212529;
	color: #fff;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out
}

.nav:not(.nav_open) {
	transform: translate(calc(var(--direction, 1) * 100%));
	visibility: hidden
}

.nav__header {
	padding: 12px 16px;
	display: flex;
	align-items: center;
	column-gap: 24px
}

.nav__close-btn {
	padding: 8px;
	margin-inline: auto -8px;
	background-color: transparent;
	border: none;
	opacity: .5;
	transition: opacity .3s
}

.nav__list {
	padding-block: 16px;
	padding-inline: 16px 32px;
	overflow-y: auto
}

.nav__link {
	display: block;
	padding-block: 8px;
	color: #ffffff8c;
	transition: color .15s ease-in-out
}

.nav__link_active {
	color: #fff
}

.nav-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1099;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	background-color: #000;
	transition: opacity .15s linear, visibility .15s linear
}

.nav_open+.nav-overlay {
	opacity: .5;
	visibility: visible
}

.nav-scroll-lock {
	overflow: hidden;
	padding-right: var(--scrollbar-width)
}

.section__subtitle {
	margin: 0 auto 13px
}

.section__title {
	margin-bottom: 48px;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -1px;
	text-align: center
}

.section__descr {
	margin-bottom: 48px;
	margin-inline: auto;
	text-align: center;
	max-width: 500px
}

.section__title+.section__descr {
	margin-top: -38px
}

.hero {
	padding-top: 96px;
	overflow: hidden
}

.hero__title {
	margin-bottom: 20px;
	line-height: 1.2;
	font-weight: 700;
	font-size: 30px;
	letter-spacing: -1px
}

.hero__descr {
	margin-bottom: 31px;
	font-size: 14px;
	font-weight: 700;
	max-width: 500px
}

.hero__users {
	margin-bottom: 25px;
	background: #ffffff80;
	padding: 10px 15px;
	border-radius: 10px;
	text-align: start
}

.hero__download-title {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2
}

.hero__download-btns {
	margin-bottom: 25px
}

.hero__app-info>*+* {
	margin-top: 10px
}

.hero__social {
	margin-top: 10px;
	font-size: 50px
}

.hero__img-holder {
	position: relative;
	isolation: isolate;
	text-align: center
}

.hero__img-holder:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 46%;
	z-index: -1;
	transform: translate(-50%, -50%) rotate(-8deg);
	width: 300px;
	height: 300px;
	background-color: #fff;
	border-radius: 30px
}

.hero__img {
	width: 260px;
	border: 7px solid #000;
	border-radius: 40px
}

.how-to {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px 24px;
	align-items: start
}

.how-to__title {
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 400
}

.how-to__download-btns {
	margin-block: 10px 25px
}

.how-to__stats {
	margin: 40px 20px 20px
}

.how-to__rating {
	display: block;
	margin: 10px auto
}

.how-to__media-wrapper {
	max-width: 400px;
	margin-inline: auto
}

.how-to__media {
	width: 80%;
	display: block
}

.how-to__media-caption {
	margin-bottom: 24px;
	font-size: 19.2px;
	font-weight: 700;
	text-align: center
}

.benefits {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px 24px;
	align-items: start
}

.benefits__media-wrapper {
	text-align: center
}

.benefits__list {
	margin-block: 36px;
	padding-inline: 17px 20px;
	border-inline-start: 3px solid #8241f6
}

.benefits__actions {
	margin-top: 39px;
	text-align: center
}

.benefits__btn {
	text-transform: uppercase
}

.advantages {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px 24px
}

.info {
	padding: 15px 20px;
	background-color: #fff
}

.faq__download-title {
	margin-top: 48px;
	text-align: center;
	font-size: 20.8px
}

.faq__download-btns {
	margin-top: 25px;
	justify-content: center
}

.updates {
	padding-top: 100px
}

.updates__title {
	margin-bottom: 16px;
	letter-spacing: -1px;
	text-align: center
}

.updates__descr {
	text-align: center
}

.updates__download-btns {
	margin-block: 26px 25px;
	justify-content: center
}

.updates__changelog {
	max-width: 416px;
	margin: 0 auto 20px
}

.updates__note {
	text-align: center;
	padding-bottom: 16px
}

.guide {
	--cols: 1;
	display: grid;
	gap: 50px 24px;
	grid-template-columns: repeat(var(--cols), minmax(0, 1fr))
}

.guide__download-btns {
	grid-column: 1/-1;
	justify-content: center
}

.secret {
	padding-block: 17px 20px;
	background-color: #7a3df7;
	color: #fff
}

.secret__subtitle {
	box-shadow: 1px 1px 10px #fff
}

.secret__content {
	margin: 68px auto 0;
	max-width: 347px
}

.secret__content>*+* {
	margin-top: 16px
}

.secret__img {
	margin: 0 auto 20px;
	display: block;
	box-shadow: 1px 1px 51px #fff;
	border-radius: 20px
}

.secret__btn {
	width: 100%;
	box-shadow: 1px 1px 10px #fff
}

.codes-guide {
	--cols: 1;
	display: grid;
	grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
	gap: 30px 24px;
	text-align: center;
	counter-reset: codes-guide
}

.codes-guide__descr {
	margin-bottom: 16px;
	counter-increment: codes-guide
}

.codes-guide__descr:before {
	content: "0" counter(codes-guide) ". ";
	font-weight: 700
}

.codes-guide__img {
	width: 300px;
	display: block;
	margin-inline: auto
}

.contacts {
	padding-top: 56px;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 32px 24px
}

.contacts__title {
	margin-bottom: 32px
}

.contacts__details {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 24px
}

.contacts__group {
	padding: 16px;
	background-color: #f8f9fa
}

.contacts__group_stretch {
	grid-column: 1/-1
}

.contacts__group-title {
	margin-bottom: 8px
}

.resources {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px 24px
}

.posts-list>*+* {
	margin-top: 20px
}

.post {
	--container-width: 750px
}

.post__footer {
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px
}

.post__title {
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700
}

.post__body {
	--check-list-space: .3em;
	margin-top: 30px;
	line-height: 1.7
}

.post__body :where(ol, ul) {
	margin-block: 20px
}

.post__share {
	margin-top: 20px
}

.app-info__descr {
	margin-bottom: 30px
}

.app-info__download {
	margin-top: 50px;
	justify-content: center
}

.screenshots {
	padding-bottom: 50px
}

.screenshots__img {
	display: block;
	width: 100%;
	-webkit-user-select: none;
	user-select: none;
	border-radius: 20px;
	box-shadow: 0 0 15px #00000080
}

.screenshots__pagination {
	--swiper-pagination-bottom: 0
}

@supports (overflow: clip) {
	.screenshots {
		margin-inline: calc(var(--container-gutters) * -1);
		padding-inline: var(--container-gutters);
		overflow: clip visible
	}
}

.video {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-block: clamp(50px, 3.5714285714vw + 37.1428571429px, 80px) 130px;
	background: linear-gradient(#000000b3), url(/assets/img/video-bg.webp) center/cover no-repeat;
	color: #fff;
	min-height: 500px
}

.video__descr {
	margin-bottom: 20px
}

.video__btn {
	margin-inline: auto
}

.testimonials {
	padding-bottom: 50px
}

.testimonials__pagination {
	--swiper-pagination-bottom: 0
}

.main {
	padding-bottom: 48px
}

.main_pt {
	padding-top: 96px
}

.main_pt_lg {
	padding-top: 120px
}

.main>:last-child {
	margin-bottom: 0
}

.footer {
	background-color: #252525
}

.footer a:not([class]) {
	color: inherit;
	text-decoration: underline;
	transition: text-decoration-color .3s
}

.footer__top {
	--cols: 1;
	display: grid;
	grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
	gap: 40px 24px;
	padding-block: 20px 60px;
	color: #fff
}

.footer__title {
	position: relative;
	margin-bottom: 21px
}

.footer__title_has-divider {
	padding-bottom: 25px
}

.footer__title_has-divider:before,
.footer__title_has-divider:after {
	content: "";
	position: absolute;
	height: 1px;
	background-color: #839fad;
	inset-inline-start: 0
}

.footer__title_has-divider:before {
	bottom: 3px;
	width: 10%
}

.footer__title_has-divider:after {
	width: 20%;
	bottom: -1px
}

.footer__bottom {
	background-color: #222;
	padding-block: 7px 5px
}

.footer__copyright {
	color: #969696;
	text-align: center
}

.page {
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column
}

.page__main {
	flex-shrink: 0
}

.page__title-wrapper {
	margin-bottom: 48px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 24px
}

.page__title {
	font-weight: 700
}

.page__section:not(:last-child) {
	margin-bottom: 80px
}

.page__hero {
	margin-bottom: 28px
}

.page__updates {
	margin-bottom: 96px
}

.page__advantages {
	margin-top: 42px
}

.page__filter {
	margin-bottom: 30px
}

.page__pagination {
	margin-top: 20px
}

.page__footer {
	margin-top: auto
}

.textpage {
	background-color: #f4f4f4;
	color: #333
}

.textpage__title {
	margin-bottom: 20px;
	background-color: #8040f6;
	color: #fff;
	padding: 20px;
	text-align: center;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2
}

.textpage__content {
	--container-width: 800px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px
}

.textpage__content section {
	margin-bottom: 20px
}

.textpage__content :where(h1, h2, h3, h4, h5, h6) {
	color: #8040f6
}

.textpage__content>:last-child {
	margin-bottom: 0
}

.swiper-slide {
	height: auto
}

.swiper-pagination {
	--swiper-pagination-bullet-size: 12px;
	--swiper-pagination-bullet-inactive-color: var(--swiper-theme-color)
}

.swiper-pagination-bullet {
	transition: all .3s
}

.swiper-pagination-bullet-active {
	--swiper-pagination-bullet-width: 28px;
	--swiper-pagination-bullet-border-radius: 8px
}

.bg-gradient-wave,
.bg-gradient {
	position: relative;
	isolation: isolate;
	color: #fff
}

.bg-gradient-wave:before,
.bg-gradient:before {
	content: "";
	position: absolute;
	z-index: -1;
	background: linear-gradient(74deg, #7a3df7, #e87be8);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.bg-gradient-wave:after,
.bg-gradient:after {
	content: "";
	display: block;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	pointer-events: none
}

.bg-gradient:after {
	aspect-ratio: 1268/136;
	background-image: url(/assets/img/hero-bg.svg)
}

.bg-gradient-wave:after {
	aspect-ratio: 1920/310;
	background-image: url(/assets/img/wave-bottom.svg)
}

.text-primary {
	color: #7a3df7
}

.mt-8 {
	margin-top: 8px
}

.mb-20 {
	margin-bottom: 20px
}

.space-y-8>*+* {
	margin-top: 8px
}

@media (min-width: 380px) {
	.btn {
		font-size: 24px;
		padding-block: 7px
	}
}

@media (min-width: 576px) {
	:root {
		--container-width: 516px
	}

	.title_size_1 {
		font-size: 35px
	}

	.footer__top {
		--cols: 2
	}
}

@media (min-width: 600px) {
	.textpage__title {
		font-size: 40px
	}

	.textpage__content {
		padding: 20px
	}
}

@media (min-width: 768px) {
	:root {
		--container-width: 696px
	}

	.wysiwyg :where(iframe, p:has(img:not([class])), img:not([class]), blockquote, .blockquote) {
		margin-block: 30px
	}

	.wysiwyg :where(p img:not([class])) {
		margin-block: 0
	}

	.wysiwyg :where(ol, ul) {
		padding-inline-start: 32px
	}

	.title_size_1 {
		font-size: 26px
	}

	.title_size_2 {
		font-size: 35px
	}

	.post-card {
		display: grid;
		grid-template-columns: minmax(0, 200px) minmax(0, 1fr) minmax(0, 175px);
		padding: 20px
	}

	.post-card__meta {
		margin-bottom: 25px
	}

	.filter,
	.pagination {
		gap: 20px
	}

	.steps__item:before,
	.steps__item:after {
		content: "";
		position: absolute;
		left: calc(50% - 2px);
		width: 4px;
		height: calc(50% - 40px);
		background-color: #7a3df733
	}

	.steps__item:before {
		bottom: calc(50% + 40px)
	}

	.steps__item:after {
		top: calc(50% + 40px)
	}

	.steps__item:first-child:before,
	.steps__item:last-child:after {
		display: none
	}

	.steps__item-row {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: center;
		column-gap: 100px
	}

	.steps__num {
		top: 50%;
		inset-inline-start: 50%;
		transform: translate(-50%, -50%)
	}

	.hero {
		padding-top: 144px
	}

	.hero__title {
		font-size: 48px
	}

	.hero__descr {
		margin-bottom: 25px
	}

	.hero__users {
		margin-bottom: 10px
	}

	.hero__social {
		margin-top: 20px;
		font-size: 40px
	}

	.hero__download-title {
		display: none
	}

	.hero__img-holder:before {
		width: 380px;
		height: 380px
	}

	.hero__img {
		width: 300px
	}

	.how-to {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.how-to__download-btns {
		margin-top: 25px
	}

	.how-to__media-wrapper {
		width: 100%
	}

	.how-to__media-caption {
		display: none
	}

	.benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.benefits__text {
		padding-top: 32px
	}

	.advantages {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.updates__download-btns {
		margin-top: 41px
	}

	.updates__animation {
		display: none
	}

	.guide,
	.codes-guide {
		--cols: 2
	}

	.contacts__details {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.resources {
		align-items: start;
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.posts-list>*+* {
		margin-top: 40px
	}

	.post__title {
		font-size: 50px
	}

	.post__body {
		margin-top: 45px
	}

	.post__body :where(ol, ul) {
		margin-block: 30px
	}

	.post__share {
		margin-top: 40px
	}

	.main_pt_lg {
		padding-top: 160px
	}

	.footer__top {
		--cols: 4
	}

	.page__section:not(:last-child) {
		margin-bottom: 144px
	}

	.page__filter {
		margin-bottom: 50px
	}

	.page__pagination {
		margin-top: 50px
	}
}

@media (min-width: 992px) {
	:root {
		--container-width: 936px
	}

	.title_size_1 {
		font-size: 45px
	}

	.post-card {
		grid-template-columns: minmax(0, 350px) minmax(0, 1fr) minmax(0, 250px)
	}

	.post-card__tag {
		margin-bottom: 25px
	}

	.post-card__title {
		font-size: 26px
	}

	.post-card__read-more {
		margin-top: 25px
	}

	.author__avatar {
		width: 50px
	}

	.author__name {
		font-size: 18px
	}

	.subscribe {
		padding-block: 50px
	}

	.features {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		align-items: center;
		column-gap: 30px
	}

	.features__col_align_right {
		text-align: end
	}

	.features__img {
		justify-self: center
	}

	.steps__item-row {
		column-gap: 200px
	}

	.proscons__item {
		font-size: 16px
	}

	.pronscons-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 24px
	}

	.hero__inner {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 24px;
		align-items: center
	}
}

@media (min-width: 1200px) {
	:root {
		--container-width: 1116px
	}

	.post-card {
		column-gap: 15px
	}

	.post-card__text {
		padding-left: 45px
	}

	.subscribe {
		padding: 70px 60px
	}

	.features__col_align_left .features__item {
		padding-inline-start: 60px
	}

	.features__col_align_right .features__item {
		padding-inline-end: 60px
	}

	.features__col_align_left .features__icon {
		inset-inline-start: 0
	}

	.features__col_align_right .features__icon {
		inset-inline-end: 0
	}

	.proscons__item {
		font-size: 18px
	}

	.pronscons-grid {
		column-gap: 96px
	}

	.guide {
		--cols: 4
	}

	.contacts {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

@media (min-width: 1300px) {
	.title_size_1 {
		font-size: 55px
	}
}

@media (min-width: 1400px) {
	:root {
		--container-width: 1296px
	}
}

@media (max-width: 991.98px) {
	.features__col:not(:first-child) {
		margin-top: 30px
	}

	.features__img {
		display: none
	}

	.features__item {
		padding-inline-start: 60px
	}

	.features__icon {
		position: absolute;
		top: -.1em;
		inset-inline-start: 0
	}

	.pronscons-grid__col:not(:last-child) {
		margin-bottom: 32px
	}
}

@media (max-width: 767.98px) {
	.download-btns {
		justify-content: center
	}

	.post-card__text {
		margin-block: 30px 20px
	}

	.subscribe__disclaimer {
		text-align: center
	}

	.steps__item {
		padding-inline-start: 70px
	}

	.steps__item:not(:last-child) {
		margin-bottom: 30px
	}

	.steps__item:before {
		content: "";
		position: absolute;
		inset-inline-start: 20px;
		top: 60px;
		width: 4px;
		height: calc(100% - 50px);
		background-color: #7a3df733
	}

	.steps__item:last-child:before {
		height: calc(100% - 60px)
	}

	.steps__img {
		margin-top: 15px
	}

	.steps__num {
		top: 0;
		inset-inline-start: 0
	}

	.hero {
		text-align: center
	}

	.hero__descr {
		padding-inline: 15px
	}

	.hero__social {
		justify-content: center
	}

	.hero__img-holder {
		margin-top: 20px
	}

	.how-to__media {
		margin-inline: auto
	}
}

@media (hover: hover) {
	a:not([class]):hover {
		text-decoration: underline
	}

	.link:hover {
		color: #0a58ca
	}

	.btn:not(:disabled):hover {
		filter: brightness(120%)
	}

	.btn-alt:not(:disabled):hover {
		background-color: #4b92dc
	}

	.app-btn_theme_light:hover {
		background-color: #d5d5d5
	}

	.app-btn_theme_primary:hover {
		filter: brightness(120%)
	}

	.lang__toggler:not(.lang__toggler_active):hover {
		color: #ffffffbf
	}

	.lang__link:hover {
		background-color: #ffffff26;
		color: #fff
	}

	.breadcrumbs__link:hover {
		text-decoration: underline
	}

	.share__link:hover {
		background-color: #7a3df7
	}

	.code__link:hover {
		text-decoration-color: transparent
	}

	.post-card__title-link:hover,
	.post-card__read-more:hover {
		color: #7a3df7
	}

	.filter__link:hover {
		background: var(--bg-active);
		color: #fff
	}

	.pagination__link:hover {
		background-color: #7a3df7;
		color: #fff
	}

	.subscribe__btn:hover {
		--gradient-color-1: #e87b9c;
		--gradient-color-2: #7a3df7
	}

	.footer-nav__link:hover {
		color: #4b92dc
	}

	.nav__close-btn:hover {
		opacity: .75
	}

	.nav__link:not(.nav__link_active):hover {
		color: #ffffffbf
	}

	.footer a:not([class]):hover {
		text-decoration-color: transparent
	}
}

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth
	}
}