* {
   padding: 0;
   margin: 0;
   border: 0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-tap-highlight-color: transparent;
   scrollbar-color: rgba(120, 7, 205, .4) #05010d;
   scrollbar-width: thin
}

* ::-moz-selection {
   background: #7001d3;
   color: #fff
}

* ::selection {
   background: #7001d3;
   color: #fff
}

::-webkit-scrollbar-thumb {
   background-color: rgba(120, 7, 205, 0)
}

::-webkit-scrollbar-track {
   background-color: #05010d
}

::-webkit-scrollbar-button {
   display: none;
   background-color: rgba(120, 7, 205, 0)
}

::-webkit-scrollbar {
   width: 8px
}

*,
:after,
:before {
   box-sizing: border-box
}

:active,
:focus {
   outline: 0
}

a:active,
a:focus {
   outline: 0
}

aside,
footer,
header,
nav {
   display: block
}

body,
html {
   height: 100%;
   width: 100%;
   font-size: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

input::-ms-clear {
   display: none
}

button {
   cursor: pointer
}

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

a,
a:visited {
   text-decoration: none
}

a:hover {
   text-decoration: none
}

a,
button {
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-tap-highlight-color: transparent;
   background: 0 0;
   font-family: inherit
}

ul li {
   list-style: none
}

img {
   vertical-align: top;
   max-width: 100%
}

@font-face {
   font-family: Manrope;
   font-display: swap;
   src: url(../fonts/Manrope-Medium.woff2) format("woff2"), url(../fonts/Manrope-Medium.woff) format("woff");
   font-weight: 500;
   font-style: normal
}

@font-face {
   font-family: Manrope;
   font-display: swap;
   src: url(../fonts/Manrope-Regular.woff2) format("woff2"), url(../fonts/Manrope-Regular.woff) format("woff");
   font-weight: 400;
   font-style: normal
}

@font-face {
   font-family: Unbounded;
   font-display: swap;
   src: url(../fonts/Unbounded-Regular.woff2) format("woff2"), url(../fonts/Unbounded-Regular.woff) format("woff");
   font-weight: 400;
   font-style: normal
}

@font-face {
   font-family: Unbounded;
   font-display: swap;
   src: url(../fonts/Unbounded-Medium.woff2) format("woff2"), url(../fonts/Unbounded-Medium.woff) format("woff");
   font-weight: 500;
   font-style: normal
}

@font-face {
   font-family: Manrope;
   font-display: swap;
   src: url(../fonts/Manrope-SemiBold.woff2) format("woff2"), url(../fonts/Manrope-SemiBold.woff) format("woff");
   font-weight: 600;
   font-style: normal
}

html {
   scroll-behavior: smooth
}

body {
   min-height: 100%;
   background: #05010d;
   color: #fff;
   font-family: Manrope;
   font-size: 14px;
   overflow-x: hidden;
   font-weight: 400;
   line-height: 135%
}

html:has(body.no-scroll) {
   overflow: hidden;
   max-height: 100vh;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column
}

main {
   flex: 1 1 auto;
   overflow-x: clip
}

.container {
   width: min(100% - 80px, 1360px);
   margin-inline: auto
}

.btn,
.btn-gradient,
.btn-grey {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   border-radius: 100px;
   background: 0 0;
   padding: 10px 40px;
   color: #fff;
   font-family: Manrope;
   font-size: 14px;
   font-weight: 400;
   line-height: 133.333333%;
   text-align: center;
   transition: all .3s ease 0s;
   letter-spacing: .03em
}

.btn {
   border: 1px solid transparent
}

.btn-gradient {
   background-image: linear-gradient(131.19deg, #f85e76 .853%, #a324b0 21.993%, #7807cd 45.503%, #514fd8 74.136%, #2baedf 103.716%);
   background-size: 100% auto;
   background-position: left center
}

.btn-grey {
   padding: 11px 40px 13px;
   border: 1px solid rgba(255, 255, 255, .3);
   background: rgba(255, 255, 255, .1);
   min-width: 200px
}

.title {
   background: linear-gradient(90deg, #fafafa, rgba(148, 148, 148, .6));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
   font-family: Unbounded;
   font-size: 38px;
   font-weight: 500;
   line-height: 123.684211%;
   letter-spacing: 0;
   text-align: left;
   will-change: transform
}

.subtitle {
   color: #fff;
   font-family: Manrope;
   font-size: 20px;
   font-weight: 500;
   line-height: 135%;
   will-change: transform
}

form {
   position: relative;
}

form.form-loading input {
   opacity: 0.5;
   pointer-events: none;
}

form.form-loading button[type="submit"] {
   pointer-events: none;
   opacity: 0.5;
}

form.completed>*:not(.form-status) {
   opacity: 0;
   pointer-events: none;
}

.form__loading {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border-top: 4px solid #a353df;
   border-bottom: 4px solid #a353df;
   border-right: 4px solid #a353df;
   border-left: 4px solid transparent;
   animation: spinner 1s linear infinite;
   position: absolute;
   top: calc(50% - 20px);
   left: calc(50% - 20px);
   z-index: 10;
   display: none;
}

.form-status {
   display: none;
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   padding: 16px 20px;
   font-size: 18px;
   text-align: center;
   margin-top: 15px;
   color: #fff;
   font-weight: 500;
   transform: translateY(-50%);
   text-wrap: balance;
}

.header {
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99
}

.header__body {
   padding: 20px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px
}

.header__logo {
   max-width: 220px
}

.header__logo img {
   width: 100%;
   height: auto;
   -o-object-fit: contain;
   object-fit: contain
}

.header__buttons {
   display: flex;
   align-items: center;
   gap: 6px
}

.menu__icon {
   display: none
}

.menu__body {
   box-sizing: border-box;
   border: 1px solid rgba(255, 255, 255, .3);
   border-radius: 50px;
   box-shadow: 0 30px 60px 0 rgba(0, 0, 0, .25);
   -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
   background: rgba(255, 255, 255, .1);
   padding: 10px 14px;
   min-height: 44px;
   min-width: 365px
}

.menu__body-panel {
   display: none
}

.menu__body-plan {
   display: none
}

.menu__body-plan-tip {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: -8px;
   left: -6px;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: #ffb712;
   animation: flip-scale-down-diag-2 4s linear both infinite
}

.menu__body-close {
   width: 46px;
   height: 46px;
   border: 1px solid rgba(255, 255, 255, .3);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px
}

.menu ul {
   display: flex;
   align-items: center
}

.menu ul a {
   display: inline-block;
   padding: 4px 12px;
   color: #fff;
   font-family: Manrope;
   font-size: 14px;
   font-weight: 400;
   line-height: 133.333333%;
   letter-spacing: .03em;
   transition: all .3s ease 0s;
   will-change: transform
}

.main__image {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: auto;
   opacity: .5;
   overflow: hidden
}

.main__image img {
   display: inline-block;
   width: 100%;
   height: 100%;
   animation: kenburns-top-right 30s linear both infinite;
   -o-object-fit: cover;
   object-fit: cover
}

@keyframes kenburns-top-right {
   0% {
      transform: scale(1) translate(0, 0);
      transform-origin: 84% 16%
   }

   50% {
      transform: scale(1.25) translate(20px, -15px);
      transform-origin: right top
   }

   100% {
      transform: scale(1) translate(0, 0);
      transform-origin: 84% 16%
   }
}

@keyframes simple-rotation {
   0% {
      transform: rotate(0)
   }

   100% {
      transform: rotate(360deg)
   }
}

@keyframes flip-scale-down-diag-2 {
   0% {
      transform: scale(1) rotate3d(-1, 1, 0, 0deg)
   }

   15% {
      transform: scale(.4) rotate3d(-1, 1, 0, -90deg)
   }

   30% {
      transform: scale(1) rotate3d(-1, 1, 0, -180deg)
   }

   100% {
      transform: scale(1) rotate3d(-1, 1, 0, -180deg)
   }
}

@keyframes spinner {
   to {
      transform: rotate(360deg);
   }
}

.hero {
   position: relative;
   z-index: 2;
   overflow: hidden
}

.hero__body {
   padding: 120px 0 0;
   display: flex;
   gap: 45px;
   align-items: center
}

.hero__text {
   flex: 0 1 50%
}

.hero__subtitle {
    color: #00E5FF;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 135.714286%;
    /*text-transform: uppercase;*/
    margin-bottom: 25px
}

.hero__title {
   background: linear-gradient(90deg, #fafafa, rgba(148, 148, 148, .6));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
   font-family: Unbounded;
   font-size: 38px;
   font-weight: 500;
   line-height: 123.684211%;
   margin-bottom: 54px
}

.hero__users {
   display: flex;
   align-items: center;
   margin-bottom: 62px
}

.hero__user {
   width: 67px;
   height: 67px
}

.hero__user:not(:first-child) {
   margin-left: -26px
}

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

.hero__user-text {
   font-size: 14px;
   font-weight: 500;
   line-height: 19px;
   text-align: center;
   margin-left: 20px
}

.hero__user-text span {
   display: block;
   font-family: Unbounded;
   font-size: 25px;
   font-weight: 500;
   line-height: 124%;
   margin-bottom: 2px
}

.hero__description {
   font-size: 20px;
   font-weight: 500;
   line-height: 135%;
   margin-bottom: 30px;
   text-wrap: balance
}

.hero__button {
   position: relative
}

.hero__button .btn-gradient {
   font-size: 16px;
   width: 246px;
   margin-top: 15px;
}

.hero__screen {
   width: 50vw;
   flex-shrink: 0;
   margin-right: calc(-1 * (100vw - 1360px)/ 2)
}

.hero__screen img {
   width: 100%;
   height: 100%;
   min-height: 586px;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 0 center;
   object-position: 0 center;
   border: 2px solid rgba(255, 255, 255, .2);
   border-radius: 10px
}

.marquee__body {
   padding: 42px 0
}

.marquee__slider {
   width: 100%
}

.marquee__slider .swiper-wrapper {
   transition-timing-function: linear !important
}

.marquee__slider .swiper-slide {
   transition-timing-function: linear !important
}

.marquee__slider-wrapper {
   width: 100%;
   align-items: center
}

.marquee__slide {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   width: -moz-max-content;
   width: max-content
}

.marquee__slide img {
   width: 35px;
   height: 35px;
   -o-object-fit: contain;
   object-fit: contain;
   filter: grayscale(1)
}

.marquee__slide span {
   font-size: 19px;
   font-weight: 500;
   line-height: 136.842105%
}

.interface {
   position: relative;
   z-index: 2
}

.interface__body {
   padding: 160px 0 60px
}

.interface__title {
   margin-bottom: 20px
}

.interface__subtitle {
   margin-bottom: 60px
}

.interface__cards {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-areas: "card1 card1 card2" "card1 card1 card2" "card1 card1 card2" "card1 card1 card2" "card1 card1 card5" "card1 card1 card5" "card1 card1 card5" "card3 card4 card5" "card3 card4 card5" "card3 card4 card5" "card3 card4 card6" "card3 card4 card6";
   gap: 10px
}

.interface__card {
   border-radius: 20px;
   overflow: hidden;
   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px);
   background: linear-gradient(134.56deg, rgba(217, 217, 217, .34) -104.51%, rgba(5, 1, 13, .57) 89.334%);
   position: relative;
   padding: 38px 35px
}

.interface__card:nth-child(1) {
   -ms-grid-row: 1;
   -ms-grid-row-span: 13;
   -ms-grid-column: 1;
   -ms-grid-column-span: 3;
   grid-area: card1;
   min-height: 455px
}

.interface__card:nth-child(2) {
   -ms-grid-row: 1;
   -ms-grid-row-span: 7;
   -ms-grid-column: 5;
   grid-area: card2;
   min-height: 310px
}

.interface__card:nth-child(3) {
   -ms-grid-row: 15;
   -ms-grid-row-span: 9;
   -ms-grid-column: 1;
   grid-area: card3;
   min-height: 310px
}

.interface__card:nth-child(3) .interface__card-decore {
   bottom: 32px
}

.interface__card:nth-child(4) {
   -ms-grid-row: 15;
   -ms-grid-row-span: 9;
   -ms-grid-column: 3;
   grid-area: card4
}

.interface__card:nth-child(5) {
   -ms-grid-row: 9;
   -ms-grid-row-span: 11;
   -ms-grid-column: 5;
   grid-area: card5;
   min-height: 364px
}

.interface__card:nth-child(6) {
   -ms-grid-row: 21;
   -ms-grid-row-span: 3;
   -ms-grid-column: 5;
   grid-area: card6;
   max-height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   transition: background-size .3s ease 0s;
   color: #fff;
   font-family: Manrope;
   font-size: 16px;
   font-weight: 500;
   line-height: 142.4375%;
   background-image: linear-gradient(131.19deg, #f85e76 .853%, #a324b0 21.993%, #7807cd 45.503%, #514fd8 74.136%, #2baedf 103.716%);
   background-size: 100% auto;
   background-position: left center
}

.interface__card-media {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 0 0;
   object-position: 0 0
}

.interface__card-head {
   display: flex;
   align-items: center;
   gap: 25px;
   margin-bottom: 28px
}

.interface__card-icon {
   width: 26px;
   height: 26px
}

.interface__card-icon img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.interface__card-name {
    background: linear-gradient(90deg, #fafafa, rgb(148 148 148));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: Unbounded;
    font-size: 17px;
    font-weight: 500;
    line-height: 123.529412%
}

.interface__card-text {
   font-size: 14px;
   font-weight: 400;
   line-height: 160%;
   max-width: 90%
}

.interface__card-decore {
   position: absolute;
   bottom: 0;
   right: 0
}

.prices {
   position: relative
}

.prices__body {
   padding: 100px 0 60px
}

.prices__title {
   text-align: center;
   margin-bottom: 20px
}

.prices__subtitle {
   text-align: center;
   margin-bottom: 80px
}

.prices__subtitle span {
   color: #514fd8;
   padding-inline: 5px;
   font-size: 1.5em;
   font-weight: 600;
   background: linear-gradient(131.19deg, #f85e76 3.025%, #a324b0 22.986%, #7807cd 45.185%, #514fd8 72.222%, #2baedf 100.153%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent
}

.prices__subtitle i {
   font-style: normal;
   font-size: 1.2em;
   padding-inline: 5px;
   color: rgba(255, 255, 255, .5)
}

.prices__table {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-rows: 1fr;
   position: relative;
   z-index: 2
}

.prices__cell {
   padding: 20px 20px 80px 20px;
   will-change: opacity
}

.prices__cell:nth-child(1),
.prices__cell:nth-child(2),
.prices__cell:nth-child(3) {
   border-right: 1px solid rgba(134, 1, 211, .5);
   border-bottom: 1px solid rgba(134, 1, 211, .5);
   padding-top: 0
}

.prices__cell:nth-child(10),
.prices__cell:nth-child(11),
.prices__cell:nth-child(9) {
   border-right: 1px solid rgba(134, 1, 211, .5)
}

.prices__cell:nth-child(4) {
   border-bottom: 1px solid rgba(134, 1, 211, .5);
   padding-top: 0
}

.prices__cell:nth-child(1),
.prices__cell:nth-child(5) {
   padding-left: 0;
   margin-left: 20px
}

.prices__cell:nth-child(5),
.prices__cell:nth-child(6),
.prices__cell:nth-child(7) {
   border-right: 1px solid rgba(134, 1, 211, .5);
   border-bottom: 1px solid rgba(134, 1, 211, .5)
}

.prices__cell:nth-child(8) {
   border-bottom: 1px solid rgba(134, 1, 211, .5)
}

.prices__cell-ai {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 26px
}

.prices__cell-sep {
   border-radius: 20px;
   background: #7001d3;
   margin-right: 17px;
   display: block;
   width: 10px;
   height: 40px
}

.prices__cell-icon {
   flex: 0 0 35px;
   width: 35px;
   height: 35px;
   margin-right: 13px
}

.prices__cell-icon img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.prices__cell-name {
   font-size: 20px;
   font-weight: 500;
   line-height: 135%
}

.prices__cell-items {
   font-size: 14px;
   font-weight: 400;
   line-height: 135.714286%;
   padding-left: 30px
}

.prices__cell-row {
   font-size: 12px
}

.prices__cell-row:not(:last-child) {
   margin-bottom: 20px
}

.prices__cell-row:nth-child(3) {
   margin-bottom: 5px
}

.prices__cell-row:nth-child(3),
.prices__cell-row:nth-child(4) {
   display: flex;
   align-items: center;
   gap: 10px;
   justify-content: space-between;
   font-size: 14px
}

.prices__cell-row:nth-child(3) span,
.prices__cell-row:nth-child(4) span {
   flex: 0 0 50%
}

.prices__cell-row:nth-child(4) span {
   font-weight: 600;
   font-size: 1.2em;
   background: linear-gradient(131.19deg, #f85e76 3.025%, #c338d2 22.986%, #a353df 45.185%, #8280ee 72.222%, #4dbae1 100.153%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent
}

.main-blur {
   width: 1000px;
   height: 1000px;
   position: absolute;
   display: block;
   top: 50px;
   left: 0;
   -moz-filter: blur(400px);
   -o-filter: blur(400px);
   -ms-filter: blur(400px);
   filter: blur(400px);
   pointer-events: none;
   background: linear-gradient(131.19deg, #f85e76 3.025%, #a324b0 22.986%, #7807cd 45.185%, #514fd8 72.222%, #2baedf 100.153%);
   opacity: .6;
   transform: translateX(-50%)
}

.community {
   position: relative;
   overflow: hidden
}

.community__body {
   padding: 100px 0 160px;
   position: relative;
   z-index: 2
}

.community__title {
   margin-bottom: 20px
}

.community__subtitle {
   margin-bottom: 74px
}

.community__items {
   display: grid;
   grid-template-columns: 280px 280px;
   gap: 40px 127px;
   margin-bottom: 40px
}

.community__item-head {
   display: flex;
   align-items: center;
   gap: 20px;
   font-size: 20px;
   font-weight: 500;
   line-height: 135%;
   margin-bottom: 20px
}

.community__item-icon {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(131.19deg, #f85e76 3.025%, #a324b0 22.986%, #7807cd 45.185%, #514fd8 72.222%, #2baedf 100.153%)
}

.community__item-decr {
   font-size: 14px;
   font-weight: 400;
   line-height: 135.714286%
}

.community__button .btn-grey {
   width: 245px
}

.globe {
   position: absolute;
   top: 10%;
   right: 0;
   height: 80%;
   width: auto;
   transform: translateX(20%);
   transform-style: preserve-3d;
   perspective: 1000px
}

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

.faq__body {
   padding: 50px 0 100px
}

.faq__title {
   text-align: center;
   margin-bottom: 20px
}

.faq__subtitle {
   text-align: center;
   margin-bottom: 70px
}

.faq__items {
   margin-bottom: 50px
}

.faq__item {
   border-bottom: 1px solid rgba(134, 1, 211, .5);
   transition: border-color .3s ease 0s
}

.faq__item.active .faq__answer {
   padding-bottom: 30px;
   opacity: 1
}

.faq__item.active .faq__question-arrow {
   transform: scaleY(-1);
   color: #7001d3
}

.faq__question {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   font-size: 18px;
   font-weight: 500;
   line-height: 138.888889%;
   cursor: pointer;
   padding: 30px 0 40px
}

.faq__question-arrow {
   width: 14px;
   height: 14px;
   transition: all .4s linear 0s;
   display: block
}

.faq__answer {
   max-height: 0;
   overflow: hidden;
   transition: all .4s linear 0s;
   opacity: 0;
   font-size: 16px;
   line-height: 160%;
   max-width: 80%;
   color: rgba(255, 255, 255, .7803921569)
}

.faq__button {
   text-align: center
}

.offer__body {
   padding: 100px 0 60px
}

.offer__title {
   margin-bottom: 20px;
   text-align: center
}

.offer__subtitle {
   text-align: center;
   margin-bottom: 65px
}

.offer__cards {
   display: flex;
   align-items: flex-end
}

.offer__card {
   flex: 0 1 32%;
   border: 1px solid rgba(255, 255, 255, .3);
   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px);
   background: linear-gradient(134.56deg, rgba(217, 217, 217, .34) -104.546%, rgba(5, 1, 13, .57) 89.323%);
   padding: 57px 48px;
   min-height: 308px
}

.offer__card:nth-child(1) {
   border-radius: 20px 0 0 20px
}

.offer__card:nth-child(3) {
   border-radius: 0 20px 20px 0
}

.offer__card-big {
   flex: 0 1 36%;
   border-radius: 20px 20px 0 0;
   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px);
   border: none;
   background: linear-gradient(131.19deg, #f85e76 2.829%, #a324b0 22.897%, #7807cd 45.214%, #514fd8 72.395%, #2baedf 100.474%)
}

.offer__card-big .offer__card-num {
   color: #fff;
   display: block;
   -webkit-text-fill-color: #fff
}

.offer__card-big .offer__card-text {
   max-width: none;
}

.offer__card-num {
   background: linear-gradient(131.19deg, #f85e76, #a324b0, #7807cd, #514fd8, #2baedf);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
   font-family: Unbounded;
   font-size: 38px;
   font-weight: 500;
   line-height: 123.684211%;
   margin-bottom: 14px
}

.offer__card-text {
   max-width: none;
   font-size: 18px;
   font-weight: 400;
   line-height: 138.888889%
}

.offer__card-desc {
   margin-top: 70px;
   margin-bottom: 27px;
   font-size: 18px;
   font-weight: 400;
   line-height: 138.888889%
}

.offer__card-button .btn-grey {
   border: 1px solid rgba(255, 255, 255, .3);
   background: rgba(255, 255, 255, .5);
   color: #05010d;
   font-size: 16px;
   font-weight: 500
}

.request {
   position: relative;
   overflow-x: clip
}

.request__body {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 100px;
   padding: 100px 0 60px
}

.request__title {
   position: relative;
   z-index: 2
}

.request__card {
   position: relative;
   z-index: 2
}

.request__form {
   padding: 60px 54px;
   border: .74px solid rgba(255, 255, 255, .3);
   border-radius: 20px;
   background: rgba(255, 255, 255, .1);
   width: 692px
}

.request__form-area {
   margin-bottom: 15px;
   width: 100%
}

.request__form-area input {
   width: 100%;
   min-height: 45px;
   border: .74px solid #fff;
   border-radius: 10px;
   background: #fff;
   padding: 10px 20px;
   transition: all .3s ease 0s;
   border: 1px solid transparent
}

.request__form-area input:user-invalid {
   border-color: red;
   border-width: 2px
}

.request__form-area input:focus {
   border: 1px solid #a324b0
}

.request__form-submit {
   margin-top: 34px
}

.request__form-submit .btn-gradient {
   width: 242px;
   font-size: 16px;
   font-weight: 500
}

.main-blur-2 {
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   pointer-events: none;
   width: 1000px;
   height: 1000px;
   -moz-filter: blur(400px);
   -o-filter: blur(400px);
   -ms-filter: blur(400px);
   filter: blur(400px);
   background: linear-gradient(131.19deg, #f85e76 3.025%, #a324b0 22.986%, #7807cd 45.185%, #514fd8 72.222%, #2baedf 100.153%);
   opacity: .6;
   transform: translateX(40%);
   pointer-events: none
}

.agitation {
   margin-top: 100px;
   border-radius: 20px;
   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px);
   background: linear-gradient(240deg, rgba(217, 217, 217, .34) -105.937%, rgba(5, 1, 13, .57) 88.883%);
   position: relative;
   z-index: 5
}

.agitation__body {
   text-align: center;
   padding: 80px 0;
   position: relative;
   z-index: 5
}

.agitation__title {
   text-align: center;
   margin-bottom: 50px;
   text-wrap: balance
}

.agitation__button .btn-gradient {
   width: 300px;
   font-size: 16px
}

.agitation-img-1,
.agitation-img-2,
.agitation-img-3,
.agitation-img-4 {
   display: inline-block;
   position: absolute
}

.agitation-img-1 {
   top: 60px;
   left: 90px;
   width: 90px;
   height: 90px
}

.agitation-img-2 {
   bottom: 17px;
   left: 25%;
   width: 120px;
   height: 120px
}

.agitation-img-3 {
   right: 20%;
   bottom: 26%;
   width: 80px;
   height: 80px
}

.agitation-img-4 {
   top: 10px;
   right: 5%;
   width: 140px;
   height: 140px;
   -o-object-fit: contain;
   object-fit: contain
}

.footer__body {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 30px;
   padding: 120px 0 100px;
   color: #fff;
   font-family: Manrope
}

.footer__col {
   flex: 1
}

.footer__logo {
   max-width: 165px;
   margin-bottom: 18px
}

.footer__slogan {
   font-size: 14px;
   font-weight: 600;
   line-height: 135.714286%;
   text-transform: uppercase
}

.footer__menu a {
   display: inline-block;
   padding: 8px 0;
   color: #fff;
   font-family: Manrope;
   font-size: 14px;
   font-weight: 400;
   line-height: 133.333333%;
   transition: all .3s ease 0s
}

.footer__subscribe {
   width: 100%;
   max-width: 488px
}

.footer__subscribe-form {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 17px;
   width: 100%
}

.footer__subscribe-form input {
   width: 100%;
   box-sizing: border-box;
   border: .74px solid rgba(255, 255, 255, .3);
   border-radius: 10px;
   background: rgba(255, 255, 255, .1);
   padding: 11px 20px 9px;
   color: #fff;
   font-family: Manrope;
   font-size: 14px;
   font-weight: 400;
   line-height: 135.714286%;
   transition: all .3s ease 0s;
   border: 1px solid transparent
}

.footer__subscribe-form input::-moz-placeholder {
   color: rgba(255, 255, 255, .5)
}

.footer__subscribe-form input::placeholder {
   color: rgba(255, 255, 255, .5)
}

.footer__subscribe-form input:user-invalid {
   border-color: red
}

.footer__subscribe-form input:focus {
   border: 1px solid #a324b0
}

.footer__subscribe-form button {
   width: 50%;
   box-sizing: border-box;
   border: .74px solid rgba(255, 255, 255, .3);
   border-radius: 10px;
   background: rgba(255, 255, 255, .3);
   color: #fff;
   padding: 11px 20px 9px;
   font-family: Manrope;
   font-size: 14px;
   font-weight: 400;
   line-height: 135.714286%;
   transition: all .3s ease 0s
}

.footer__subscribe-text {
   color: #fff;
   font-family: Manrope;
   font-size: 10px;
   font-weight: 400;
   line-height: 160%
}

.footer__subscribe-title {
   color: #fff;
   font-family: Manrope;
   font-size: 14px;
   font-weight: 400;
   line-height: 114.285714%;
   margin-bottom: 9px
}

.footer__copyright {
   border-top: 1px solid rgba(255, 255, 255, .1);
   border-radius: 20px 20px 0 0
}

.footer__copyright-body {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px 0
}

.footer__copyright-text {
   font-size: 14px;
   color: #fff
}

.footer__copyright-socials {
   display: flex;
   align-items: center
}

.footer__copyright-social {
   padding: 8px;
   width: 38px;
   height: 38px
}

.footer__copyright-social img {
   width: 20px;
   height: 20px;
   -o-object-fit: contain;
   object-fit: contain;
   transition: all .2s ease 0s
}

.popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
   background: rgba(0, 0, 0, .5);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   display: grid;
   grid-template-columns: 1fr;
   align-items: center;
   padding: 30px 0;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: all .4s cubic-bezier(.075, .82, .165, 1) 0s
}

.popup.opened {
   opacity: 1;
   visibility: visible;
   pointer-events: all
}

.popup.opened .popup__body {
   transform: translateY(0)
}

.popup__body {
   width: min(100% - 30px, 385px);
   margin-inline: auto;
   position: relative;
   padding: 56px 26px;
   border-radius: 10px;
   background: #05010d;
   overflow: hidden;
   color: #fff;
   transform: translateY(-50px);
   font-family: Manrope;
   transition: all .4s cubic-bezier(.075, .82, .165, 1) 0s
}

.popup__body-title {
   font-size: 20px;
   font-weight: 600;
   line-height: 137.5%;
   text-align: center;
   margin-bottom: 12px;
   position: relative;
   z-index: 2
}

.popup__body-subtitle {
   font-size: 12px;
   font-weight: 400;
   line-height: 137.5%;
   text-align: center;
   position: relative;
   z-index: 2;
   text-wrap: balance;
   margin: 0 auto 30px auto
}

.popup__body-form {
   position: relative;
   z-index: 2
}

.popup__body-form .btn-gradient {
   margin-top: 35px;
   border-radius: 5px;
   width: 100%
}

.popup__body-att {
   font-size: 10px;
   text-align: center;
   color: rgba(255, 255, 255, .5);
   margin-top: 8px
}

.popup__body-form-area {
   margin-bottom: 15px;
   width: 100%;
   position: relative
}

.popup__body-form-area input {
   border: .7px solid rgba(255, 255, 255, .3);
   border-radius: 5px;
   background: rgba(255, 255, 255, .1);
   padding: 6px 10px;
   width: 100%;
   color: #fff;
   font-family: Manrope;
   font-size: 12px;
   font-weight: 400;
   line-height: 200%
}

.popup__body-form-area input::-moz-placeholder {
   color: rgba(255, 255, 255, .4)
}

.popup__body-form-area input::placeholder {
   color: rgba(255, 255, 255, .4)
}

.popup__body-form-help {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   transform: translateY(-8px)
}

.popup__body-form-help a {
   color: rgba(255, 255, 255, .4);
   font-size: 12px
}

.popup__body-form-help label {
   display: flex;
   align-items: center;
   gap: 6px;
   color: rgba(255, 255, 255, .4);
   font-size: 12px;
   cursor: pointer
}

.popup__body-form-help label span {
   display: inline-block;
   width: 12px;
   height: 12px;
   position: relative;
   border: .7px solid rgba(255, 255, 255, .1);
   border-radius: 2px;
   background: rgba(255, 255, 255, .1)
}

.popup__body-form-help label span::after {
   content: "";
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url(../img/icons/check2.svg);
   background-repeat: no-repeat;
   background-size: 14px 14px;
   background-position: center center;
   transition: all .2s ease 0s;
   opacity: 0
}

.popup__body-form-help label input {
   display: none
}

.popup__body-form-help label input:checked+span::after {
   opacity: 1
}

.popup__body-close {
   position: absolute;
   top: 10px;
   right: 6px;
   width: 40px;
   height: 40px;
   z-index: 5;
   cursor: pointer;
   transform-origin: center
}

.popup__body-close img {
   display: inline-block;
   width: 30px;
   transition: all .3s ease 0s;
   height: 30px
}

.popup__blur {
   position: absolute;
   width: 520px;
   height: auto;
   aspect-ratio: 1/1;
   top: 0;
   left: 50%;
   transform: translate(-50%, -50%);
   -moz-filter: blur(208px);
   -o-filter: blur(208px);
   -ms-filter: blur(208px);
   filter: blur(208px);
   background: linear-gradient(131.19deg, #f85e76 3.025%, #a324b0 22.986%, #7807cd 45.185%, #514fd8 72.222%, #2baedf 100.153%);
   opacity: .8
}

.login-popup__icon {
   width: 40px;
   height: 40px;
   margin-inline: auto;
   border: .5px solid rgba(255, 255, 255, .3);
   border-radius: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(255, 255, 255, .1);
   margin-bottom: 32px
}

.login-popup__icon img {
   width: 18px;
   height: 18px
}

.password-eye {
   position: absolute;
   top: 50%;
   right: 16px;
   transform: translateY(-50%);
   z-index: 2;
   cursor: pointer
}

.password-eye-close,
.password-eye-open {
   width: 16px;
   height: 16px;
   display: flex;
   align-items: center;
   justify-content: center
}

.password-eye-close svg,
.password-eye-open svg {
   width: 16px;
   height: 16px;
   transition: all .3s ease 0s
}

.password-eye-close {
   display: none
}

.popup__aside {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 20px;
   position: relative;
   padding: 42px;
   flex: 0 1 40%
}

.popup__aside-title {
   font-size: 26px;
   position: relative;
   z-index: 2
}

.popup__aside-subtitle {
   font-size: 14px;
   position: relative;
   z-index: 2;
   text-wrap: balance
}

.popup__aside-image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

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

.popup__main {
   flex: 0 1 60%;
   width: 100%;
   padding: 68px 48px;
   position: relative;
   overflow: hidden
}

.registration-popup__body {
   padding: 0;
   display: flex;
   width: min(100% - 30px, 700px)
}

.registration-popup .popup__blur {
   width: 416px;
   height: 416px;
   bottom: 0;
   right: 0;
   left: unset;
   top: unset;
   transform: translate(26%, 53%);
   border: 1px solid red
}

.registration-popup .popup__body-title {
   margin-bottom: 28px
}

.registration-popup .popup__body-password-att {
   font-size: 10px;
   color: rgba(255, 255, 255, .5);
   margin-top: -10px
}

.app {
   width: 100vw;
   height: 100dvh;
   max-height: 100vh;
   overflow: hidden
}

.app__container {
   width: 100%;
   height: 100%;
   display: grid;
   grid-template-columns: 150px 1fr;
   grid-template-rows: 1fr
}

.app__aside {
   background: rgba(255, 255, 255, .1);
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between
}

.app__aside-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   padding: 16px;
   margin-bottom: 14px
}

.app__aside-head .app__main-upgrade {
   position: relative;
   top: 0;
   left: 0;
   display: none
}

.app__aside-logo {
   width: 28px;
   height: 28px
}

.app__aside-logo img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.app__aside-toggle {
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(255, 255, 255, .3);
   border-radius: 6px;
   cursor: pointer;
   transition: all .3s ease 0s;
   display: none
}

.app__aside-toggle svg {
   width: 14px;
   height: 14px
}

.app__aside-body {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between
}

.app__aside-body-logo {
   display: none
}

.app__aside-body-close {
   position: absolute;
   top: 16px;
   right: 10px;
   width: 30px;
   height: 30px;
   border: 1px solid rgba(255, 255, 255, .3);
   border-radius: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
   display: none
}

.app__aside-body-close img {
   width: 22px;
   height: 22px
}

.app__aside-body-blur {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 300px;
   height: 300px;
   -moz-filter: blur(100px);
   -o-filter: blur(100px);
   -ms-filter: blur(100px);
   filter: blur(100px);
   background: linear-gradient(131.19deg, #f85e76 3.025%, #a324b0 22.986%, #7807cd 45.185%, #514fd8 72.222%, #2baedf 100.153%);
   opacity: .5;
   display: none
}

.app__aside-ai {
   flex: 1;
   padding: 16px 16px 16px 6px
}

.app__aside-ai-list {
   max-height: calc(100vh - 60px - 56px - 60px);
   overflow-y: auto;
   direction: rtl;
   scrollbar-color: rgba(255, 255, 255, .1) rgba(255, 255, 255, .05);
   scrollbar-width: thin
}

.app__aside-ai-list::-webkit-scrollbar-thumb {
   background-color: rgba(255, 255, 255, .1)
}

.app__aside-ai-list::-webkit-scrollbar-track {
   background-color: rgba(255, 255, 255, .05)
}

.app__aside-ai-list::-webkit-scrollbar-button {
   display: none;
   background-color: rgba(255, 255, 255, .1)
}

.app__aside-ai-list::-webkit-scrollbar {
   width: 4px
}

.app__aside-ai-list li {
   direction: ltr;
   margin-left: 8px
}

.app__aside-ai-link {
   display: flex;
   align-items: center;
   gap: 8px;
   border: 1px solid rgba(255, 255, 255, .3);
   background: rgba(255, 255, 255, .05);
   border-radius: 6px;
   color: #fff;
   font-family: Manrope;
   font-size: 12px;
   font-weight: 500;
   line-height: 140%;
   padding: 6px 14px;
   margin-bottom: 20px;
   transition: all .3s ease 0s
}

.app__aside-ai-link img {
   width: 18px;
   height: 18px;
   -o-object-fit: contain;
   object-fit: contain
}

.app__aside-ai-link.active {
   border: none;
   background: linear-gradient(131.19deg, #f85e76 1.106%, #a324b0 22.109%, #7807cd 45.466%, #514fd8 73.913%, #2baedf 103.301%)
}

.app__aside-footer {
   padding: 0 16px 16px 16px
}

.app__aside-user {
   display: flex;
   align-items: center;
   gap: 8px;
   margin-bottom: 20px
}

.app__aside-user-icon {
   width: 18px;
   height: 18px
}

.app__aside-user-name {
   color: #fff;
   font-family: Manrope;
   font-size: 12px;
   font-weight: 500;
   line-height: 140%
}

.app__aside-settings {
   display: flex;
   align-items: center;
   gap: 8px
}

.app__aside-settings-icon {
   width: 18px;
   height: 18px
}

.app__aside-settings-name {
   color: #fff;
   font-family: Manrope;
   font-size: 12px;
   font-weight: 500;
   line-height: 140%
}

.app__main {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   padding: 30px 0
}

.app__main-blur {
   display: block;
   position: absolute;
   bottom: 0;
   right: 0;
   transform: translate(45%, 50%);
   width: 1000px;
   height: 1000px;
   pointer-events: none;
   -moz-filter: blur(400px);
   -o-filter: blur(400px);
   -ms-filter: blur(400px);
   filter: blur(400px);
   background: linear-gradient(131.19deg, #f85e76 3.025%, #a324b0 22.986%, #7807cd 45.185%, #514fd8 72.222%, #2baedf 100.153%);
   opacity: .6;
   z-index: -1
}

.app__main-control {
   width: min(100% - 30px, 588px);
   margin-inline: auto;
   position: fixed;
   bottom: 40%;
   left: calc(50% + 75px);
   transform: translateX(-50%);
   transition: all .3s ease 0s
}

.app__main-control-title {
   color: #fff;
   font-family: Manrope;
   font-size: 30px;
   font-weight: 500;
   line-height: 136.666667%;
   text-align: center;
   margin-bottom: 40px
}

.app__main-control-panel {
   border: 1px solid rgba(255, 255, 255, .3);
   border-radius: 30px;
   background: rgba(255, 255, 255, .1);
   padding: 0 10px
}

.app__main-control-panel.focused {
   background: #281c32
}

.app__main-control-panel textarea {
   margin-top: 10px;
   padding: 10px;
   color: #fff;
   font-family: Manrope;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   background: 0 0;
   width: calc(100% - 10px);
   resize: none;
   min-height: 44px;
   overflow: hidden;
   max-height: 172px;
   overflow-y: auto;
   scrollbar-color: rgba(255, 255, 255, .2) rgba(255, 255, 255, 0);
   scrollbar-width: thin
}

.app__main-control-panel textarea::-webkit-scrollbar-thumb {
   background-color: rgba(255, 255, 255, .2);
   border-radius: 10px
}

.app__main-control-panel textarea::-webkit-scrollbar-track {
   background-color: rgba(255, 255, 255, 0)
}

.app__main-control-panel textarea::-webkit-scrollbar-button {
   display: none;
   background-color: rgba(255, 255, 255, .2)
}

.app__main-control-panel textarea::-webkit-scrollbar {
   width: 8px;
   border-radius: 10px
}

.app__main-control-elements {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 10px 10px;
   min-height: 40px
}

.app__main-control-files {
   cursor: pointer
}

.app__main-control-files label {
   cursor: pointer
}

.app__main-control-files input {
   display: none
}

.app__main-control-send {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center
}

.app__main-control-send svg {
   width: 22px;
   height: 22px
}

.app__main-upgrade {
   position: absolute;
   top: 15px;
   left: 27px;
   display: inline-flex;
   align-items: center;
   gap: 7px;
   padding: 8px 10px;
   border-radius: 6px;
   color: #fff;
   font-family: Manrope;
   font-size: 10px;
   font-weight: 500;
   line-height: 140%
}

.app__main-upgrade::before {
   content: "";
   position: absolute;
   padding: 1px;
   background-image: linear-gradient(90deg, #f85e76 1%, #a324b0 21%, #7807cd 44%, #514fd8 71%, #2baedf 100%);
   border-radius: inherit;
   inset: 0;
   -webkit-mask: conic-gradient(#000 0 0) content-box, conic-gradient(#000 0 0);
   -webkit-mask-composite: xor;
   mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
   z-index: 4
}

.app__main-version {
   position: absolute;
   top: 15px;
   right: 27px
}

.with-tips {
   position: relative;
   cursor: pointer !important
}

.tips-item {
   position: absolute;
   bottom: 100%;
   left: 50%;
   transform: translate(-50%, 5px);
   width: -moz-max-content;
   width: max-content;
   padding: 6px 8px;
   font-size: 12px;
   background: rgba(255, 255, 255, .1);
   -webkit-backdrop-filter: blur(3px);
   backdrop-filter: blur(3px);
   border-radius: 10px;
   transition: all .3s ease 0s;
   pointer-events: none;
   opacity: 0;
   z-index: 5
}

.tips-item.show {
   opacity: 1;
   pointer-events: all;
   transform: translate(-50%, 0)
}

.chat {
   padding-top: 10vh;
   padding-bottom: 10vh;
   flex: 1;
   width: 100%;
   max-height: calc(100vh - 160px);
   overflow-y: auto;
   position: relative;
   scrollbar-color: rgba(255, 255, 255, .1) rgba(255, 255, 255, 0);
   scrollbar-width: thin
}

.chat::-webkit-scrollbar-thumb {
   background-color: rgba(255, 255, 255, .1)
}

.chat::-webkit-scrollbar-track {
   background-color: rgba(255, 255, 255, 0)
}

.chat::-webkit-scrollbar-button {
   display: none;
   background-color: rgba(255, 255, 255, .1)
}

.chat::-webkit-scrollbar {
   width: 4px
}

.chat__container {
   max-width: 900px;
   margin-inline: auto
}

.chat__client-message {
   text-align: right;
   margin: 40px 0
}

.chat__client-message-text {
   text-align: left;
   display: inline-block;
   padding: 12px 30px;
   border-radius: 10px;
   background: #7001d3;
   color: #fff;
   font-family: Manrope;
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   width: auto;
   max-width: 80%;
   margin-left: auto
}

.chat__ai-message {
   font-size: 16px;
   line-height: 140%;
   max-width: 80%
}

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

.chat__scroller {
   width: 33px;
   height: 33px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   background: #7001d3;
   transition: all .3s ease 0s;
   position: fixed;
   bottom: 140px;
   left: calc(50% + 75px);
   transform: translateX(-50%);
   transition: opacity .3s;
   opacity: 0;
   z-index: 10
}

.chat__scroller img {
   width: 12px;
   height: 12px
}

.chat__scroller.visible {
   opacity: 1;
   visibility: visible
}

.app__main-with-chat {
   display: block
}

.app__main-with-chat .app__main-control {
   bottom: 20px
}

.app__main-with-chat .app__main-control-title {
   display: none
}

.unlock-popup__body {
   width: min(100% - 30px, 765px);
   background: linear-gradient(131.19deg, #f85e76 2.315%, #a324b0 22.661%, #7807cd 45.289%, #514fd8 72.848%, #2baedf 101.318%)
}

.unlock-popup__title {
   color: #fff;
   font-family: Unbounded;
   font-size: 32px;
   font-weight: 500;
   line-height: 125%;
   text-align: center;
   margin-bottom: 45px
}

.unlock-popup__advantages {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0 26px;
   max-width: 438px;
   margin-inline: auto;
   margin-bottom: 23px
}

.unlock-popup__advantage {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 7px 10px 8px
}

.unlock-popup__price {
   display: flex;
   gap: 10px;
   align-items: baseline;
   justify-content: center;
   margin-bottom: 45px
}

.unlock-popup__price-old {
   color: #fff;
   font-family: Manrope;
   font-size: 20px;
   font-weight: 500;
   line-height: 135%;
   opacity: .57
}

.unlock-popup__price-actual {
   color: #fff;
   font-family: Manrope;
   font-size: 20px;
   font-weight: 500
}

.unlock-popup__price-actual span {
   font-size: 40px
}

.unlock-popup__buttons {
   text-align: center
}

.unlock-popup__buttons .btn-grey {
   display: block;
   width: 198px;
   margin-inline: auto;
   border: 1px solid rgba(255, 255, 255, .3);
   background: rgba(255, 255, 255, .5);
   color: #05010d
}

.unlock-popup__buttons .popup-close {
   display: inline-block;
   width: 200px;
   background: 0 0;
   color: #fff;
   font-family: Manrope;
   font-size: 16px;
   font-weight: 500;
   line-height: 137.5%;
   text-align: center;
   padding: 12px;
   transition: all .3s ease 0s
}

@media (max-width:1800px) {
   .hero__body {
      padding: 40px 0
   }

   .hero__title {
      margin-bottom: 40px
   }

   .hero__screen img {
      min-height: 500px
   }
}

@media (max-width:1680px) {
   .marquee__body {
      padding: 20px 0 18px
   }
}

@media (max-width:1500px) {
   .globe {
      transform: translateX(40%)
   }
}

@media (max-width:1400px) {
   .hero__screen {
      margin-right: 0
   }
}

@media (max-width:1300px) {
   .globe {
      transform: translateX(60%)
   }
}

@media (max-width:1200px) {
   .interface__cards {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "card1 card1 " "card2 card4 " "card5 card3 " "card6 card6 "
   }

   .interface__card:nth-child(3),
   .interface__card:nth-child(5) {
      min-height: 310px
   }

   .prices__table {
      grid-template-columns: 1fr 1fr 1fr
   }

   .prices__cell:nth-child(3),
   .prices__cell:nth-child(6) {
      border-right: none
   }

   .prices__cell:nth-child(4) {
      border-right: 1px solid rgba(121, 27, 110, .5);
      padding-top: 20px
   }

   .prices__cell:nth-child(5),
   .prices__cell:nth-child(6) {
      border-bottom: 1px solid rgba(121, 27, 110, .5);
      margin: 0;
      padding-left: 20px
   }

   .prices__cell:nth-child(8) {
      border-right: 1px solid rgba(121, 27, 110, .5)
   }

   .prices__cell:nth-child(9) {
      border-bottom: 1px solid rgba(121, 27, 110, .5);
      border-right: none
   }

   .request__body {
      gap: 60px
   }

   .request__form {
      width: 600px
   }

   .interface__card:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2
   }

   .interface__card:nth-child(2) {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1
   }

   .interface__card:nth-child(3) {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2
   }

   .interface__card:nth-child(4) {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2
   }

   .interface__card:nth-child(5) {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1
   }

   .interface__card:nth-child(6) {
      -ms-grid-row: 4;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2
   }
}

@media (max-width:980px) {
   .container {
      width: min(100% - 60px)
   }

   .header__body {
      justify-content: flex-start
   }

   .header__buttons {
      margin-left: auto
   }

   .menu {
      order: -1
   }

   .menu__icon {
      display: block
   }

   .menu__body {
      position: fixed;
      top: 0;
      left: 0;
      width: 90%;
      height: 100%;
      border-radius: 0 20px 20px 0;
      box-shadow: none;
      padding: 40px;
      max-height: 100vh;
      overflow-y: auto;
      transform: translateX(-100%);
      transition: transform .5s cubic-bezier(.075, .82, .165, 1) 0s;
      border: none
   }

   .menu__body.active {
      transform: translateX(0)
   }

   .menu__body-panel {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 60px
   }

   .menu__body-plan {
      display: block;
      margin-top: 60px;
      position: relative
   }

   .menu__body-plan a {
      color: #fff;
      font-family: Manrope;
      font-size: 20px;
      font-weight: 400;
      line-height: 133.333333%;
      letter-spacing: .03em;
      transition: all .3s ease 0s;
      width: 200px;
      display: inline-block
   }

   .menu ul {
      flex-direction: column;
      align-items: flex-start
   }

   .menu ul li {
      width: 100%
   }

   .menu ul li:not(:last-child) {
      border-bottom: 1px solid rgba(255, 255, 255, .3)
   }

   .menu ul a {
      display: block;
      padding: 20px 0;
      font-size: 20px
   }

   .hero__body {
      flex-direction: column;
      padding: 120px 0 80px
   }

   .hero__text {
      flex: 1;
      width: 100%
   }

   .hero__screen {
      width: 100%;
      min-height: unset;
      height: auto
   }

   .hero__screen img {
      min-height: unset;
      width: 100%;
      height: auto
   }

   .marquee__slide img {
      max-height: 30px
   }

   .interface__body {
      padding: 120px 0 60px
   }

   .prices__cell-row:nth-child(3),
   .prices__cell-row:nth-child(4) {
      display: block
   }

   .community__items {
      gap: 40px 60px
   }

   .globe {
      transform: translateX(70%)
   }

   .offer__body {
      padding: 80px 0 60px
   }

   .offer__card {
      padding: 30px 28px;
      min-height: 260px
   }

   .offer__card-num {
      font-size: 30px
   }

   .offer__card-text {
      font-size: 16px
   }

   .offer__card-desc {
      font-size: 16px
   }

   .offer__card-button .btn-grey {
      font-size: 14px;
      padding: 8px 10px
   }

   .request__body {
      flex-direction: column;
      padding: 80px 0 60px
   }

   .agitation-img-1 {
      top: 20px;
      left: 30px;
      width: 60px;
      height: 60px
   }

   .agitation-img-2 {
      bottom: 17px;
      left: 15%;
      width: 120px;
      height: 120px
   }

   .agitation-img-3 {
      right: 20%;
      bottom: 26%;
      width: 80px;
      height: 80px
   }

   .agitation-img-4 {
      top: 10px;
      right: 5%;
      width: 100px;
      height: 100px;
      -o-object-fit: contain;
      object-fit: contain
   }

   .footer__subscribe-form {
      flex-direction: column
   }

   .footer__subscribe-form button {
      width: 100%
   }

   .app__main-blur {
      width: 500px;
      height: 500px;
      -moz-filter: blur(200px);
      -o-filter: blur(200px);
      -ms-filter: blur(200px);
      filter: blur(200px)
   }
}

@media (max-width:767px) {
   body.blocked {
      position: relative;
      overflow: hidden
   }

   body.blocked::after {
      content: "";
      position: absolute;
      inset: 0;
      display: block;
      background: rgba(0, 0, 0, .4);
      z-index: 5
   }

   .container {
      width: min(100% - 32px)
   }

   .main__image img {
      animation: none
   }

   .hero__body {
      padding: 60px 0 20px
   }

   .interface__body {
      padding: 60px 0
   }

   .interface__subtitle {
      margin-bottom: 30px
   }

   .interface__cards {
      grid-template-areas: "card1 card1 " "card2 card2 " "card4 card5 " "card3 card3 " "card6 card6 "
   }

   .interface__card {
      padding: 28px 20px;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, .1)
   }

   .interface__card:nth-child(1) {
      min-height: unset;
      height: auto;
      aspect-ratio: 16/9
   }

   .interface__card:nth-child(4),
   .interface__card:nth-child(5) {
      min-height: unset;
      height: auto;
      aspect-ratio: 1/1
   }

   .interface__card:nth-child(2),
   .interface__card:nth-child(3) {
      min-height: unset
   }

   .interface__card:nth-child(6) {
      min-height: unset;
      max-height: unset;
      height: auto;
      padding: 8px 20px;
      border-radius: 100px;
      font-size: 16px;
      line-height: 133.333333%;
      border: none
   }

   .prices__body {
      padding: 60px 0
   }

   .prices__subtitle {
      margin-bottom: 60px
   }

   .prices__table {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr
   }

   .prices__cell:nth-child(2),
   .prices__cell:nth-child(4),
   .prices__cell:nth-child(8) {
      border-right: none
   }

   .prices__cell:nth-child(3) {
      border-right: 1px solid rgba(121, 27, 110, .5);
      padding-top: 20px
   }

   .prices__cell:nth-child(9) {
      border-right: 1px solid rgba(121, 27, 110, .5)
   }

   .prices__cell:nth-child(10),
   .prices__cell:nth-child(9) {
      border-bottom: 1px solid rgba(121, 27, 110, .5)
   }

   .prices__cell:nth-child(10) {
      border-right: none
   }

   .main-blur {
      width: 600px;
      height: 600px;
      top: 450px;
      transform: translateX(-20%);
      -moz-filter: blur(200px);
      -o-filter: blur(200px);
      -ms-filter: blur(200px);
      filter: blur(200px)
   }

   .community__body {
      padding: 60px 0
   }

   .community__title {
      text-wrap: balance
   }

   .community__subtitle {
      margin-bottom: 40px
   }

   .community__items {
      grid-template-columns: 70%;
      gap: 40px
   }

   .community__item-head {
      margin-bottom: 10px;
      font-size: 18px;
      gap: 12px
   }

   .community__item-head br {
      display: none
   }

   .community__item-icon {
      width: 40px;
      height: 40px
   }

   .community__item-decr {
      text-wrap: balance
   }

   .globe {
      width: 150vw
   }

   .faq__body {
      padding: 60px 0
   }

   .faq__subtitle {
      margin-bottom: 30px;
      text-wrap: balance
   }

   .faq__question {
      padding: 20px 0 30px;
      font-size: 16px
   }

   .faq__answer {
      max-width: 95%
   }

   .faq__button .btn-grey {
      text-wrap: balance
   }

   .offer__body {
      padding: 60px 0
   }

   .offer__subtitle {
      margin-bottom: 40px
   }

   .offer__cards {
      flex-direction: column;
      align-items: stretch;
      gap: 10px
   }

   .offer__card {
      min-height: unset !important;
      border-radius: 20px !important;
      padding: 30px 30px 50px 30px !important
   }

   .offer__card-desc {
      text-align: left;
      margin-top: 20px
   }

   .offer__card-button {
      text-align: left
   }

   .request__body {
      padding: 60px 0;
      gap: 30px
   }

   .main-blur-2 {
      width: 500px;
      height: 500px;
      -moz-filter: blur(200px);
      -o-filter: blur(200px);
      -ms-filter: blur(200px);
      filter: blur(200px)
   }

   .agitation {
      margin-top: 60px
   }

   .footer {
      margin-top: 40px;
      border-radius: 20px 20px 0 0;
      border-top: 1px solid rgba(255, 255, 255, .4)
   }

   .footer__body {
      flex-direction: column;
      padding: 40px 0 20px
   }

   .footer__copyright {
      border: none
   }

   .footer__copyright-body {
      flex-direction: column-reverse;
      gap: 20px
   }

   .registration-popup__body {
      flex-direction: column
   }

   .registration-popup__body .popup__body-title {
      display: none
   }

   .registration-popup__body .popup__main {
      padding: 40px 30px
   }

   .app__container {
      grid-template-columns: 1fr;
      grid-template-rows: 60px 1fr
   }

   .app__aside {
      background: 0 0
   }

   .app__aside-head {
      border-bottom: 1px solid rgba(255, 255, 255, .1);
      gap: 20px
   }

   .app__aside-head .app__main-upgrade {
      display: flex
   }

   .app__aside-logo {
      margin-right: auto
   }

   .app__aside-toggle {
      display: flex;
      order: -1
   }

   .app__aside-body {
      position: fixed;
      top: 0;
      left: 0;
      border-right: 1px solid rgba(255, 255, 255, .2);
      width: 190px;
      height: 100%;
      z-index: 999;
      overflow: hidden;
      transform: translateX(-100%);
      transition: all .3s cubic-bezier(.075, .82, .165, 1) 0s;
      background: #05010d;
      padding: 20px 0
   }

   .app__aside-body.opened {
      transform: translateX(0)
   }

   .app__aside-body-logo {
      display: block;
      padding-left: 20px;
      margin-bottom: 20px
   }

   .app__aside-body-close {
      display: flex
   }

   .app__aside-body-blur {
      display: block
   }

   .app__main {
      padding: 0 16px
   }

   .app__main .app__main-upgrade {
      display: none
   }

   .app__main-blur {
      bottom: 0;
      right: 0;
      width: 500px;
      height: 500px;
      -moz-filter: blur(150px);
      -o-filter: blur(150px);
      -ms-filter: blur(150px);
      filter: blur(150px)
   }

   .app__main-control {
      left: 10px;
      width: calc(100% - 20px);
      transform: none
   }

   .app__main-control-title {
      font-size: 24px
   }

   .app__main-control-panel {
      background: #281c32
   }

   .app__main-control-elements {
      gap: 10px
   }

   .app__main-control-send {
      order: 1
   }

   .app__main-control-speach {
      margin-right: auto
   }

   .app__main-version {
      display: none
   }

   .chat {
      padding: 0 0 100px 0;
      max-height: calc(100vh - 190px)
   }

   .chat__scroller {
      left: 50%
   }

   .interface__card:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2
   }

   .interface__card:nth-child(2) {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2
   }

   .interface__card:nth-child(3) {
      -ms-grid-row: 4;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2
   }

   .interface__card:nth-child(4) {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1
   }

   .interface__card:nth-child(5) {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2
   }

   .interface__card:nth-child(6) {
      -ms-grid-row: 5;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2
   }
}

@media (max-width:600px) {

   .btn,
   .btn-gradient,
   .btn-grey {
      padding: 8px 20px
   }

   .title {
      font-size: 30px;
      background: linear-gradient(90deg, #fafafa, rgba(148, 148, 148, .6));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent
   }

   .subtitle {
      font-size: 16px
   }

   .header__logo {
      max-width: 100px
   }

   .menu__body {
      padding: 30px 20px;
      min-width: unset;
   }

   .menu__body-panel {
      margin-bottom: 40px
   }

   .menu__body-logo {
      max-width: 120px
   }

   .menu__body-plan .btn-gradient {
      font-size: 16px;
      width: 100%
   }

   .menu__body-plan-tip {
      width: 22px;
      height: 22px;
      top: -6px;
      left: -4px
   }

   .menu__body-plan-tip img {
      width: 10px;
      height: 10px
   }

   .menu__body-close {
      width: 36px;
      height: 36px
   }

   .menu__body-close img {
      width: 18px;
      height: 18px
   }

   .menu ul a {
      font-size: 16px
   }

   .hero__title {
      font-size: 30px;
      background: linear-gradient(90deg, #fafafa, rgba(148, 148, 148, .6));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent
   }

   .hero__title br {
      display: none
   }

   .hero__user {
      width: 40px;
      height: 40px
   }

   .hero__user:not(:first-child) {
      margin-left: -14px
   }

   .hero__user-text {
      font-size: 13px
   }

   .hero__user-text span {
      font-size: 20px
   }

   .hero__description {
      font-size: 16px
   }

   .hero__button .btn-gradient {
      width: 100%
   }

   .marquee__slide img {
      max-height: 16px
   }

   .interface__card:nth-child(3) .interface__card-decore {
      bottom: unset;
      top: 20px;
      width: 40%
   }

   .interface__card-decore {
      bottom: unset;
      top: 10px;
      width: 30%
   }

   .prices__cell {
      padding-bottom: 40px
   }

   .prices__cell:nth-child(1),
   .prices__cell:nth-child(11),
   .prices__cell:nth-child(3),
   .prices__cell:nth-child(5),
   .prices__cell:nth-child(7),
   .prices__cell:nth-child(9) {
      padding-left: 0;
      margin: 0
   }

   .prices__cell:nth-child(2),
   .prices__cell:nth-child(4),
   .prices__cell:nth-child(6),
   .prices__cell:nth-child(8) {
      padding-right: 0;
      margin: 0
   }

   .prices__cell:nth-child(7),
   .prices__cell:nth-child(8) {
      padding-bottom: 20px
   }

   .prices__cell-sep {
      width: 6px;
      margin-right: 10px;
      height: 30px;
      margin-left: -5px
   }

   .prices__cell-icon {
      flex: 0 0 28px;
      width: 28px;
      height: 28px;
      margin-right: 5px
   }

   .prices__cell-name {
      font-size: 16px
   }

   .prices__cell-items {
      padding-left: 10px;
      font-size: 12px
   }

   .prices__cell-row:nth-child(3),
   .prices__cell-row:nth-child(4) {
      font-size: 12px
   }

   .prices__cell-row:nth-child(4) {
      font-size: 12px
   }

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

   .community__button .btn-grey {
      width: 100%
   }

   .request__card {
      width: 100%
   }

   .request__form {
      width: 100%;
      padding: 40px 30px
   }

   .request__form-submit .btn-gradient {
      width: 100%
   }

   .agitation-img-1 {
      top: 20px;
      left: 30px;
      width: 50px;
      height: 50px
   }

   .agitation-img-2 {
      bottom: 0;
      left: 15%;
      width: 120px;
      height: 120px
   }

   .agitation-img-3 {
      right: 20%;
      bottom: 26%;
      width: 80px;
      height: 80px;
      opacity: .3
   }

   .agitation-img-4 {
      top: 10px;
      right: 5%;
      width: 100px;
      height: 100px;
      -o-object-fit: contain;
      object-fit: contain
   }

   .unlock-popup__title {
      font-size: 24px;
      margin-bottom: 30px
   }

   .unlock-popup__advantages {
      grid-template-columns: 1fr;
      justify-content: center;
      margin-bottom: 30px
   }

   .unlock-popup__advantage {
      justify-content: center
   }
}

@media (max-width:500px) {
   .main-blur {
      width: 400px;
      height: 400px;
      transform: translateX(-30%);
      -moz-filter: blur(150px);
      -o-filter: blur(150px);
      -ms-filter: blur(150px);
      filter: blur(150px)
   }
}

@media (max-width:400px) {
   .header__body {
      gap: 0
   }

   .header__logo {
      margin-left: 14px
   }
}

@media (max-width:374px) {
   .prices__cell {
      padding: 16px !important
   }

   .prices__cell:nth-child(odd) {
      padding-left: 8px !important
   }

   .prices__cell:nth-child(even) {
      padding-right: 8px !important
   }

   .prices__cell-sep {
      width: 4px;
      margin-right: 6px;
      margin-left: -10px
   }

   .prices__cell-icon {
      width: 18px;
      height: 18px;
      margin-right: 4px
   }

   .prices__cell-name {
      font-size: 14px
   }

   .prices__cell-items {
      padding-left: 0
   }
}

@media (max-width:359px) {
   .header__logo {
      max-width: 80px
   }
}

@media (hover:hover) {
   .btn:hover {
      box-sizing: border-box;
      border-color: rgba(255, 255, 255, .3);
      background: rgba(255, 255, 255, .1)
   }

   .btn-gradient:hover {
      background-size: 400% auto
   }

   .btn-grey:hover {
      background: rgba(255, 255, 255, .05);
      border-color: #fff
   }

    .menu ul a:hover {
        color: #7dd3fc;
        transform: translateY(-2px)
    }

   .interface__card:nth-child(6):hover {
      background-size: 400% auto
   }

   .faq__item:hover {
      border-color: #7001d3
   }

   .offer__card-button .btn-grey:hover {
      border: 1px solid #fff;
      background: rgba(255, 255, 255, .1);
      color: #fff
   }

   .request__form-area input:hover {
      border: 1px solid #a324b0
   }

   .footer__menu a:hover {
      color: #7001d3
   }

   .footer__subscribe-form input:hover {
      border: 1px solid #a324b0
   }

   .footer__subscribe-form button:hover {
      border: .74px solid #fff;
      background: rgba(255, 255, 255, .1)
   }

   .footer__copyright-social:hover img {
      transform: scale(1.1)
   }

   .popup__body-form-help a:hover {
      text-decoration: underline
   }

   .popup__body-close:hover img {
      transform: rotate(-90deg)
   }

   .password-eye:hover svg {
      color: #c787ff
   }

   .app__aside-toggle:hover {
      background: rgba(255, 255, 255, .1)
   }

   .app__aside-ai-link:not(.active):hover {
      border-color: #fff
   }

   .app__main-control-send:hover {
      background: rgba(255, 255, 255, .7803921569)
   }

   .app__main-upgrade:hover::before {
      padding: 2px
   }

   .unlock-popup__buttons .btn-grey:hover {
      border: 1px solid rgba(255, 255, 255, .3);
      background: rgba(255, 255, 255, .3);
      color: #fff
   }

   .unlock-popup__buttons .popup-close:hover {
      color: rgba(255, 255, 255, .6)
   }
}

/* FAQ Contact Section */
.faq-contact {
    margin-top: 25px;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid rgba(134, 1, 211, .4);
    background: linear-gradient(134deg, rgba(217,217,217,.06), rgba(5,1,13,.5));
    backdrop-filter: blur(6px);
}

.faq-contact__text {
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 25px;
    max-width: 800px;
}

.faq-contact__actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.faq-contact__btn {
    min-width: 220px;
    justify-content: center;
}

/* Mobile */
@media (max-width: 768px) {
    .faq-contact__actions {
        flex-direction: column;
    }

    .faq-contact__btn {
        width: 100%;
    }
}

.faq-contact__note {
    margin-top: 20px;
    font-size: 14px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.65);
}

.footer__heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
    letter-spacing: 0.03em;
}

.footer__menu {
    display: flex;
    flex-direction: column;
}

.footer__menu a {
    padding: 6px 0;
    opacity: 0.8;
}

.footer__menu a:hover {
    opacity: 1;
    font-weight: 700;
    color: #7dd3fc
}

.footer__menu a:hover {
    opacity: 1;
}

.footer__company {
    margin-top: 20px;
    font-size: 12px;
    opacity: 0.6;
    line-height: 160%;
}

.footer__divider {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin: 80px 0 50px;
}

.footer__legal {
    font-size: 12px;
    line-height: 170%;
    opacity: 0.7;
    padding-bottom: 80px;
}

.footer__risk-title {
    font-size: 14px;
    font-weight: 600;
    margin: 30px 0 10px;
}

.footer__legal-company {
    margin-top: 20px;
}

/* Tighten footer spacing */

.footer__body {
    padding: 80px 0 40px; /* was 120px 0 100px */
}

.footer__divider {
    margin: 40px 0 30px; /* was 80px 0 50px */
}

.footer__legal {
    padding-bottom: 50px; /* reduce from 80px */
}

.footer__trust {
    margin-top: 25px;
    font-size: 12px;
    opacity: 0.75;
    line-height: 160%;
}

.footer__rating {
    margin-bottom: 10px;
    font-weight: 600;
    color: #57ef11;
}

.footer__entity a {
    color: rgba(255,255,255,0.7);
    text-decoration: underline;
}




/* Improve footer column balance */

.footer__body {
    align-items: flex-start;
    gap: 60px;
}

.footer__col {
    flex: 0 0 auto; /* remove equal width behaviour */
}

    .footer__col:first-child {
        flex: 1.4; /* give brand column more space */
        max-width: 380px;
    }

    .footer__col:not(:first-child) {
        flex: 1;
    }