.support-top, .support-faq {
  --container-limit: 1170px;
}

.card-vault, .card-tap-pay, .card-loans, .card-invest, .card-in-any-bank, .card-every-transaction, .card-cross, .card-any-service {
  min-height: var(--card-base-height, 32.625rem);
  padding: var(--card-base-padding, 3rem);
  color: var(--card-base-color, currentColor);
  background: var(--card-base-fill, var(--cl-white));
  box-shadow: var(--sh-card-secondary, 0rem 0rem .25rem 0rem #00000026);
  border-radius: 3rem;
}

.--dark.card-vault, .--dark.card-tap-pay, .--dark.card-loans, .--dark.card-invest, .--dark.card-in-any-bank, .--dark.card-every-transaction, .--dark.card-cross, .--dark.card-any-service {
  --card-base-color: var(--cl-white);
  --card-base-fill: var(--cl-black-pale);
  --heading-color: currentColor;
}

@media (width <= 767px) {
  .card-vault, .card-tap-pay, .card-loans, .card-invest, .card-in-any-bank, .card-every-transaction, .card-cross, .card-any-service {
    --card-base-padding: 3rem !important;
  }
}

@media (width <= 639px) {
  .card-vault, .card-tap-pay, .card-loans, .card-invest, .card-in-any-bank, .card-every-transaction, .card-cross, .card-any-service {
    --card-base-padding: 4.5rem 3rem !important;
  }
}

.card-vault__name, .card-loans__name, .card-invest__name, .card-cross__name {
  color: var(--card-name, var(--cl-green-cash));
  text-transform: uppercase;
  font-family: Movement Indirect;
  font-size: 1rem;
  font-weight: 900;
  line-height: 120%;
}

.account-now, .reviews, .testimonials, .banking-built, .download-intro, .partners, .modern-workers, .home-welcome, .get-started, .fees-welcome, .download, .developing, .deposit, .beyond-banking, .ask-anything {
  --container-gap: 3rem;
  padding: var(--sections-spacer, 4.5rem 0);
}

.home-welcome__top, .get-started__top, .deposit__top, .beyond-banking__top {
  flex-flow: column;
  gap: 1.5rem;
  display: flex;
}

@media (width <= 767px) {
  .home-welcome__top, .get-started__top, .deposit__top, .beyond-banking__top {
    --caption-align: center;
    text-align: center;
    align-items: center;
  }
}

.legals__name {
  text-transform: uppercase;
  font-family: Movement Indirect;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 120%;
}

.support-promo, .legals__top {
  margin: calc(var(--header-height) * -1) 0 0;
  padding: calc(var(--header-height)  + var(--sections-top-offet-header-top, 4.5rem)) 0 var(--sections-top-offet-header-bottom, 4.5rem);
  --caption-display: inline-block;
  --container-gap: 1.125rem;
  --p-font-size: 1.125rem;
  --p-color: var(--cl-grey-lighten);
  --p-hard-small-color: currentColor;
  min-height: var(--sections-top-dark-height, clamp(21.875rem, 20vh, 30rem));
  color: var(--cl-white);
  background: var(--cl-black-pale);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.reviews__top, .reviews__content, .reviews__cover, .support-promo__content, .support-promo__cards, .lines-fill, .legals__top .container {
  animation: animation var(--fills-animation-duration, 1s) var(--fills-animation-delay, .3s) cubic-bezier(.24, .04, .12, .92) both;
  will-change: transform;
}

.transaction-card__price, .invest-balnce-card__money, .card-in-any-bank__slide-card-price {
  align-items: center;
  gap: .0625rem;
  display: inline-flex;
}

.transaction-card__price:before, .invest-balnce-card__money:before, .card-in-any-bank__slide-card-price:before {
  content: attr(data-currency-prefix);
  color: var(--currency-prefix-color, var(--cl-grey-medium));
  font-family: SF Pro Rounded;
  font-size: var(--currency-prefix-size, .625rem);
  font-weight: 800;
}

.fees-welcome__cover, .fees-welcome__main, .fees-plan__card, .card-vault__mockup, .card-loans svg, .card-invest__img {
  --animation-transform-start: translate(0, 3vw) scale(.95);
  will-change: transform, opacity;
  animation: .8s linear both animation;
}

.account-now__mokups, .download__mokups {
  padding: 0 0 0 calc(var(--mokups-1)  + var(--mokups-2) / 2);
  filter: drop-shadow(-5px -3px 16px #0003);
  display: grid;
  position: relative;
}

.account-now__mokups .phones-mockup, .download__mokups .phones-mockup {
  z-index: 0;
  max-width: 20vmax;
  height: max-content;
  margin: 0 0 0 calc(var(--mokups-1) * -1);
  grid-area: 1 / 1;
  transform: scale(.9);
}

.account-now__mokups .phones-mockup:first-child, .download__mokups .phones-mockup:first-child {
  z-index: 1;
  margin: 0;
  transform: none;
}

.account-now__mokups .phones-mockup:nth-child(3), .download__mokups .phones-mockup:nth-child(3) {
  z-index: -1;
  margin: 0 0 0 calc((var(--mokups-1)  + var(--mokups-2)) * -1);
  transform: scale(.7);
}

.support-faq__item ul li:before, .legals__item ul li:before {
  flex: 0 1 var(--ul-marker-size, .5rem);
  height: var(--ul-marker-size, .5rem);
  aspect-ratio: 1;
  content: "";
  border: 1px solid var(--cl-grey-lighten-hight);
  background: currentColor;
  border-radius: 50%;
}

.support-faq__item ul, .legals__item ul {
  gap: .625rem;
  display: inline-grid;
}

.support-faq__item ul li, .legals__item ul li {
  align-items: center;
  gap: .625rem;
  padding: 0 .75rem;
  line-height: 120%;
  display: inline-flex;
}

.heading {
  font-size: var(--h1-size, 2.25rem);
  font-weight: bold;
  line-height: 120%;
}

.heading.--h2 {
  font-size: var(--h2-size, 1.75rem);
  font-weight: bold;
}

.heading.--h3 {
  font-size: var(--h3-size, 1.25rem);
  font-weight: bold;
}

.informer__text {
  font-size: .875rem;
  line-height: 120%;
}

.qr-viewer__code, .card-tap-pay__mastercard, .card-invest__partner {
  font-size: .75rem;
  line-height: 120%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

a, button {
  cursor: revert;
}

ol, ul, menu {
  list-style: none;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

meter {
  appearance: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

:where([draggable="true"]) {
  -webkit-user-drag: element;
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: font-local("SF Pro Rounded Ultralight", "SFProRoundedUltralight"), url("SFProRoundedUltralight.b9bbb14b.woff2") format("woff2"), url("SFProRoundedUltralight.7c90baf9.woff") format("woff");
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: font-local("SF Pro Rounded Thin", "SFProRoundedThin"), url("SFProRoundedThin.7c578cd1.woff2") format("woff2"), url("SFProRoundedThin.2986d4bc.woff") format("woff");
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: font-local("SF Pro Rounded Light", "SFProRoundedLight"), url("SFProRoundedLight.db3c68a6.woff2") format("woff2"), url("SFProRoundedLight.8cc19e1d.woff") format("woff");
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: font-local("SF Pro Rounded Regular", "SFProRoundedRegular"), url("SFProRoundedRegular.01fb3d52.woff2") format("woff2"), url("SFProRoundedRegular.a63f49e8.woff") format("woff");
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: font-local("SF Pro Rounded Medium", "SFProRoundedMedium"), url("SFProRoundedMedium.b3240845.woff2") format("woff2"), url("SFProRoundedMedium.5bf292cd.woff") format("woff");
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: font-local("SF Pro Rounded Semibold", "SFProRoundedSemibold"), url("SFProRoundedSemibold.dd200613.woff2") format("woff2"), url("SFProRoundedSemibold.166dfa0f.woff") format("woff");
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: font-local("SF Pro Rounded Bold", "SFProRoundedBold"), url("SFProRoundedBold.0d190739.woff2") format("woff2"), url("SFProRoundedBold.4640095b.woff") format("woff");
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: font-local("SF Pro Rounded Heavy", "SFProRoundedHeavy"), url("SFProRoundedHeavy.3b933c81.woff2") format("woff2"), url("SFProRoundedHeavy.88d9b3cc.woff") format("woff");
}

@font-face {
  font-family: SF Pro Rounded;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: font-local("SF Pro Rounded Black", "SFProRoundedBlack"), url("SFProRoundedBlack.86dfcd1a.woff2") format("woff2"), url("SFProRoundedBlack.676249f1.woff") format("woff");
}

@font-face {
  font-family: Movement Indirect;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: font-local("Movement Indirect Black", "Movement-IndirectBlack"), url("Movement-IndirectBlack.4e05decd.woff2") format("woff2"), url("Movement-IndirectBlack.2cd90377.woff") format("woff");
}

@font-face {
  font-family: Movement Indirect;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: font-local("Movement Indirect Thin", "Movement-IndirectThin"), url("Movement-IndirectThin.0292f99c.woff2") format("woff2"), url("Movement-IndirectThin.bc0a88c6.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: font-local("SF Pro Display Ultralight", "SFProDisplayUltralight"), url("SFProDisplayUltralight.dec63ce4.woff2") format("woff2"), url("SFProDisplayUltralight.ececb4c4.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: font-local("SF Pro Display Thin", "SFProDisplayThin"), url("SFProDisplayThin.710a5439.woff2") format("woff2"), url("SFProDisplayThin.f165f9b0.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: font-local("SF Pro Display Light", "SFProDisplayLight"), url("SFProDisplayLight.beba6f1e.woff2") format("woff2"), url("SFProDisplayLight.d4c103b3.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: font-local("SF Pro Display Regular", "SFProDisplayRegular"), url("SFProDisplayRegular.18c5da2f.woff2") format("woff2"), url("SFProDisplayRegular.faee9469.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: font-local("SF Pro Display Medium", "SFProDisplayMedium"), url("SFProDisplayMedium.aa3b79a0.woff2") format("woff2"), url("SFProDisplayMedium.0b90a30e.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: font-local("SF Pro Display Semibold", "SFProDisplaySemibold"), url("SFProDisplaySemibold.f4306756.woff2") format("woff2"), url("SFProDisplaySemibold.4b05551e.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: font-local("SF Pro Display Bold", "SFProDisplayBold"), url("SFProDisplayBold.e6b4a1c2.woff2") format("woff2"), url("SFProDisplayBold.9c7f25f6.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: font-local("SF Pro Display Heavy", "SFProDisplayHeavy"), url("SFProDisplayHeavy.b8395bca.woff2") format("woff2"), url("SFProDisplayHeavy.b7792cfe.woff") format("woff");
}

@font-face {
  font-family: SF Pro;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: font-local("SF Pro Display Black", "SFProDisplayBlack"), url("SFProDisplayBlack.345c1aaa.woff2") format("woff2"), url("SFProDisplayBlack.66d0810a.woff") format("woff");
}

@keyframes animation {
  0% {
    opacity: var(--animation-opacity-start, 0);
    transform: var(--animation-transform-start, translate(-100vw, 0));
  }

  100% {
    opacity: var(--animation-opacity-end, 1);
    transform: var(--animation-transform-end, translate(0, 0));
  }
}

@keyframes animation-slider-move {
  100% {
    transform: translateX(calc(var(--animation-slider-move-size) * -1 * var(--animation-slider-move-count, 10)));
  }
}

@keyframes animation-ticker {
  from {
    translate: 0%;
  }

  to {
    translate: var(--animation-ticker-end, calc(-100% - var(--animation-ticker-gap, 0px))) 0 0;
  }
}

@keyframes animation-loader-rtate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes animation-line {
  0% {
    stroke-dasharray: var(--animation-line-array-from, 0);
    stroke-dashoffset: var(--animation-line-offset-from, 0);
  }

  100% {
    stroke-dasharray: var(--animation-line-array-to, 0);
    stroke-dashoffset: var(--animation-line-offset-to, 0);
  }
}

@keyframes card-show {
  0% {
    --home-welcome-card-beck: 1;
    --home-welcome-card-front: 0;
    --line-show: 1;
  }

  100% {
    --home-welcome-card-beck: 0;
    --home-welcome-card-front: 1;
  }
}

@keyframes repeat-card-show {
  0%, 100% {
    animation: card-show var(--home-welcome-back-animation-duration) var(--home-welcome-back-animation-delay) 1 backwards var(--home-welcome-back-animation-function);
  }
}

@keyframes shadows-show {
  0% {
    box-shadow: var(--shadows-show-start, none);
  }

  100% {
    box-shadow: var(--shadows-show-end, none);
  }
}

@keyframes tick {
  0%, 100% {
    transform: translate(0);
  }

  25% {
    transform: translate(-.3125rem, -.3125rem);
  }

  50% {
    transform: translate(.3125rem, -.3125rem);
  }

  75% {
    transform: translate(-.3125rem, .3125rem);
  }
}

.gm-scroll-hide {
  overflow: hidden !important;
}

.gm-hide {
  display: none !important;
}

.gm-hidden {
  visibility: hidden !important;
}

@font-face {
  font-family: kasi-web-icons;
  src: url("kasi-web-icons.62b53d33.ttf") format("truetype"), url("kasi-web-icons.9245e888.woff") format("woff"), url("kasi-web-icons.68846418.svg#kasi-web-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ksi-"], [class*=" ksi-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: kasi-web-icons !important;
}

.ksi-app-gallery-full:before {
  content: "";
}

.ksi-app-store-full:before {
  content: "";
}

.ksi-app-market-full:before {
  content: "";
}

.ksi-bage-coins:before {
  content: "";
}

.ksi-bage-gold:before {
  content: "";
}

.ksi-bage-goal:before {
  content: "";
}

.ksi-check-mark-round:before {
  content: "";
}

.ksi-plus:before {
  content: "";
}

.ksi-app-store-line:before {
  content: "";
}

.ksi-app-gallery-line:before {
  content: "";
}

.ksi-app-market-line:before {
  content: "";
}

.ksi-app-gallery:before {
  content: "";
}

.ksi-app-store:before {
  content: "";
}

.ksi-app-market:before {
  content: "";
}

.ksi-home:before {
  content: "";
}

.ksi-soc-x:before {
  content: "";
}

.ksi-soc-instagram:before {
  content: "";
}

.ksi-soc-linkedin:before {
  content: "";
}

.ksi-soc-facebook:before {
  content: "";
}

.ksi-soc-whatsapp:before {
  content: "";
}

.ksi-soc-whatsapp-solid:before {
  content: "";
}

.ksi-close:before {
  content: "";
}

.ksi-calendar:before {
  content: "";
}

.ksi-upload:before {
  content: "";
}

.ksi-transactions:before {
  content: "";
}

.ksi-sent:before {
  content: "";
}

.ksi-down-app:before {
  content: "";
}

.ksi-delete:before {
  content: "";
}

.ksi-copy:before {
  content: "";
}

.ksi-arrow-left:before {
  content: "";
}

.ksi-arrow-right:before {
  content: "";
}

.ksi-flag:before {
  content: "";
}

.ksi-photo:before {
  content: "";
}

.ksi-more:before {
  content: "";
}

.ksi-reset:before {
  content: "";
}

.ksi-star:before {
  content: "";
}

.ksi-star-full:before {
  content: "";
}

.ksi-star-half:before {
  content: "";
}

:root {
  --container-limit: 90rem;
  --container-gutter: var(--gutterX2, 1.5rem);
  --header-height: 4.5rem;
  --cl-pale: #f9f9fb;
  --cl-white: #fff;
  --cl-black: #000;
  --cl-black-pale: #0f1216;
  --cl-blue-cobalt: #0252ff;
  --cl-blue: #419ada;
  --cl-bulk-payments: #5f00ff;
  --cl-green-cash: #2ba700;
  --cl-green-dark: #0c1c01;
  --cl-green-kasi: #87ea5c;
  --cl-green-light: #d8ffb8;
  --cl-green-medium: #1f4800;
  --cl-green-mint: #00a27b;
  --cl-green-neon: #b4fa00;
  --cl-green-pale: #f7f8f5;
  --cl-grey-dark: #272e36;
  --cl-grey-light: #9fa8b2;
  --cl-grey-lighten-hight: #ebeff1;
  --cl-grey-lighten: #d4dfea;
  --cl-grey-medium: #495b6e;
  --cl-grey: #687684;
  --cl-yellow: #ffc403;
  --cl-warn: orange;
  --cl-error: #ff6100;
  --cl-border: #d4e0ea;
}

@media (width <= 991px) {
  :root {
    --header-height: 4rem;
  }
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  text-align: left;
  letter-spacing: normal;
  color: var(--cl-black);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  font-family: SF Pro Rounded, SF Pro, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
}

@media (width <= 1280px) {
  html {
    font-size: 90%;
  }
}

@media (width <= 480px) {
  html {
    font-size: 84%;
  }
}

@media (width <= 340px) {
  html {
    font-size: 78%;
  }
}

@media (width <= 300px) {
  html {
    font-size: 69%;
  }
}

@media (width >= 992px) {
  html {
    scrollbar-width: thin;
    scrollbar-color: var(--cl-border) var(--cl-white);
    scrollbar-face-color: var(--cl-border);
    scrollbar-track-color: var(--cl-white);
  }

  html::-webkit-scrollbar {
    width: var(--scroll-size, .1875rem);
    height: var(--scroll-size, .1875rem);
  }

  html::-webkit-scrollbar-thumb {
    background: var(--cl-border);
    box-shadow: inset 0 0 0 0px var(--cl-white);
    will-change: background-color;
    border-radius: 0;
    transition: background-color .33s cubic-bezier(.2, .01, .53, .4);
  }

  html::-webkit-scrollbar-thumb:hover {
    background-color: var(--cl-grey-dark);
  }

  html::-webkit-scrollbar-track {
    background: var(--cl-white);
    border-radius: 0;
  }
}

body {
  min-width: 100vw;
  min-height: 100vh;
  padding: var(--header-height) 0 0;
  background: var(--main-bg, var(--cl-white));
  user-select: none;
  flex-flow: column;
  display: flex;
}

a {
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  transition: color .33s cubic-bezier(.2, .01, .53, .4);
}

a:not(.button) {
  color: var(--link-color, currentColor);
}

@media (pointer: fine) {
  a:not(.button):hover {
    color: var(--link-hover-color, var(--cl-green-cash));
  }
}

b, strong {
  font-weight: bold;
}

mark {
  color: currentColor;
  background: unset;
}

p {
  max-width: var(--p-max-width, unset);
  margin: var(--p-margin, 0);
  font-weight: var(--p-font-weight, 300);
  font-size: var(--p-font-size, 1rem);
  line-height: var(--p-line-height, 120%);
  color: var(--p-color, var(--cl-grey-dark));
}

p.--large {
  --p-font-size: var(--p-large-font-size, 1.375rem);
  --p-line-height: var(--p-large-line-height, 136.364%);
  --p-color: var(--p-large-color, var(--cl-grey-dark));
}

p.--small {
  --p-font-size: var(--p-small-font-size, .875rem);
  --p-line-height: var(--p-small-line-height, 120%);
  --p-color: var(--p-small-color, var(--cl-grey-dark));
}

p.--hard-small {
  --p-font-size: var(--p-hard-small-font-size, .75rem);
  --p-line-height: var(--p-hard-small-line-height, 120%);
  --p-color: var(--p-hard-small-color, var(--cl-grey-dark));
}

::selection {
  background-color: var(--cl-black);
  color: var(--cl-white);
}

.container {
  position: var(--container-position, unset);
  display: var(--container-block, flex);
  align-items: var(--container-align-items, flex-start);
  justify-content: var(--container-justify-content, flex-start);
  flex-flow: var(--container-flex-flow, row);
  gap: var(--container-gap, 0);
  width: 100%;
  height: 100%;
  max-width: var(--container-limit, auto);
  padding-right: var(--container-gutter, 0);
  padding-left: var(--container-gutter, 0);
  margin-left: auto;
  margin-right: auto;
}

@media (height <= 420px) {
  @supports (padding: max(0px)) {
    .container {
      padding-left: max(16px, env(safe-area-inset-left));
      padding-right: max(16px, env(safe-area-inset-right));
    }
  }
}

.container.--columns-layout {
  display: var(--container-block, revert);
  column-gap: var(--container-gap, 0);
  columns: var(--container-columns, auto auto);
}

.container.--columns-layout > * {
  column-break-inside: auto;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

.button {
  z-index: 1;
  display: var(--button-display, inline-flex);
  justify-content: center;
  align-items: center;
  gap: var(--button-gap, 1rem);
  min-height: var(--button-height, 2.25rem);
  padding: var(--button-gutter-y, .625rem) var(--button-gutter-x, 1.5rem);
  font-weight: 600;
  font-size: var(--button-size, 1rem);
  color: var(--button-color, var(--cl-black));
  touch-action: none;
  outline: unset;
  border-radius: var(--button-radius, 1.375rem);
  background: var(--button-fill, var(--cl-green-neon));
  position: relative;
}

.button.--second {
  --button-color: var(--cl-white);
  --button-fill: var(--cl-black);
}

.button.--arrow:after {
  content: "";
  font-size: toRem(14);
  color: currentColor;
  display: var(--button-arrow-display, unset);
  transform: var(--button-arrow-transform, unset);
  font-family: kasi-web-icons;
  line-height: 1;
  transition: transform .33s cubic-bezier(.2, .01, .53, .4);
}

.button.--prev, .button.--next {
  --button-color: var(--cl-black);
  --button-fill: var(--cl-pale);
  aspect-ratio: 1;
  padding: 0;
}

.button.--prev:after, .button.--next:after {
  content: "";
  font-size: toRem(14);
  color: currentColor;
  display: var(--button-arrow-display, unset);
  transform: var(--button-arrow-transform, unset);
  font-family: kasi-web-icons;
  line-height: 1;
}

.button.--prev {
  --button-arrow-transform: scale(-1);
}

.button.--link {
  --button-color: var(--cl-black);
  --button-fill: transparent;
}

.button.--app-market, .button.--app-store, .button.--app-gallery {
  --button-height: 2.75rem;
  --button-radius: .375rem;
  font-weight: 400;
}

.button.--app-market:before {
  color: currentColor;
  content: "";
  font-size: var(--button-app-size, 1.5rem);
  font-family: kasi-web-icons;
  line-height: 1;
}

.button.--app-store:before {
  content: "";
  font-size: var(--button-app-size, 1.5rem);
  font-family: kasi-web-icons;
  line-height: 1;
}

.button.--app-gallery:before {
  content: "";
  font-size: var(--button-app-size, 1.5rem);
  font-family: kasi-web-icons;
  line-height: 1;
}

.button.--wtapp:after {
  content: "";
  font-family: kasi-web-icons;
  font-size: 1rem;
  line-height: 1;
}

.button.--light {
  --button-color: var(--cl-black);
  --button-fill: var(--cl-white);
}

.button.--back {
  --button-fill: transparent;
  --button-size: 1.375rem;
}

.button.--back:before {
  content: "";
  font-family: kasi-web-icons;
  font-size: .9375rem;
  line-height: 1;
}

.button.--small {
  --button-height: 1.75rem;
  --button-radius: .375rem;
  --button-size: .875rem;
  font-weight: 500;
}

.button.--float {
  inset: var(--button-inset, 0 auto auto 0);
  z-index: var(--button-index, initial);
  position: absolute;
}

.button.--close {
  --button-size: var(--button-close-size, 1rem);
  --button-height: 1.8em;
  --button-gutter-x: .44em;
  --button-gutter-y: .44em;
  --button-color: var(--button-close-color, var(--cl-white));
  --button-fill: var(--button-close-fill, var(--cl-black));
  aspect-ratio: 1;
}

.button.--close:before {
  content: "";
  margin: auto;
  font-family: kasi-web-icons;
  font-size: .66em;
  line-height: 1;
}

.button.--accepted {
  color: var(--cl-green-medium);
  background: var(--cl-green-light);
  pointer-events: none;
  gap: 8px;
  font-weight: 400;
}

.button.--accepted:before {
  aspect-ratio: 1;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 24c-.393 0-.785-.115-1.128-.343l-5.797-3.864a8.8 8.8 0 0 1-3.926-7.336V4.291c0-.921.621-1.729 1.51-1.966L10.777.16a4.77 4.77 0 0 1 2.446-.001l.001.001 8.118 2.165c.889.237 1.51 1.045 1.51 1.966v8.166a8.8 8.8 0 0 1-3.926 7.336l-5.796 3.864c-.345.228-.737.343-1.13.343zm0-22.644a3.36 3.36 0 0 0-.874.115L3.009 3.635a.68.68 0 0 0-.504.656v8.166c0 2.5 1.242 4.821 3.322 6.208l5.796 3.864c.228.151.524.151.753 0l5.796-3.864a7.45 7.45 0 0 0 3.322-6.208V4.291a.68.68 0 0 0-.503-.656L12.874 1.47c-.286-.076-.58-.114-.874-.114zm.041 12.984l4.508-4.508a.68.68 0 0 0 0-.959.68.68 0 0 0-.959 0l-4.268 4.269-2.233-2.234a.68.68 0 0 0-.959 0 .68.68 0 0 0 0 .959l2.473 2.474a1.01 1.01 0 0 0 .719.298 1.02 1.02 0 0 0 .719-.299z' fill='%23222'/%3E%3C/svg%3E");
  width: 1.25rem;
}

@media (pointer: fine) {
  .button {
    cursor: pointer;
    transition: background-color .3s cubic-bezier(.2, .01, .53, .4), box-shadow .3s cubic-bezier(.2, .01, .53, .4), border-color .3s cubic-bezier(.2, .01, .53, .4), color .3s cubic-bezier(.2, .01, .53, .4), opacity .3s cubic-bezier(.2, .01, .53, .4), transform .3s cubic-bezier(.2, .01, .53, .4);
  }

  .button:hover {
    --button-color: var(--button-color-hover, var(--cl-white)) !important;
    --button-fill: var(--button-fill-hover, var(--cl-black)) !important;
  }

  .button:hover.--second {
    --button-color: var(--button-color-hover, var(--cl-black)) !important;
    --button-fill: var(--button-fill-hover, var(--cl-green-neon)) !important;
  }

  .button:hover.--link, .button:hover.--back {
    --button-color: var(--button-color-hover, var(--cl-white)) !important;
  }

  .button:hover.--wtapp, .button:hover.--light {
    --button-color: var(--button-color-hover, var(--cl-white)) !important;
    --button-fill: var(--button-fill-hover, var(--cl-green-cash)) !important;
  }

  .button:hover.--close {
    --button-color-hover: var(--cl-black) !important;
    --button-fill-hover: var(--cl-pale) !important;
  }

  .button:active {
    transform: scale(.85);
  }
}

@media (width <= 639px) {
  .button {
    --button-gutter-x: 1.25rem;
    --button-gap: .875rem;
  }
}

.logo {
  width: var(--logo-icon-size, 4.6875rem);
  aspect-ratio: 1 / .3;
  color: var(--logo-color, var(--cl-black));
  align-items: center;
  display: inline-flex;
}

.logo svg {
  fill: currentColor;
  flex: 1;
}

.logo.--large {
  --logo-icon-size: 2.6875rem;
}

@media (pointer: fine) {
  .logo:hover {
    transition: color .33s cubic-bezier(.2, .01, .53, .4);
  }

  .logo:hover[href] {
    color: var(--cl-green-neon);
    position: relative;
  }
}

.caption {
  display: var(--caption-display, flex);
  flex-flow: var(--caption-flow, column);
  align-items: var(--caption-align, flex-start);
  gap: var(--caption-gap, 0);
  max-width: var(--caption-max-width, unset);
  margin: var(--caption-margin, 0);
  font-family: Movement Indirect;
  font-size: var(--caption-font-size, 3rem);
  color: var(--caption-color, var(--cl-black));
  text-align: var(--caption-align, left);
  text-wrap: balance;
  font-weight: 900;
  line-height: 1.1;
}

.caption mark {
  font-weight: 100;
}

.caption.--large {
  --caption-font-size: var(--caption-large-font-size, 3.125rem);
}

.caption.--small {
  --caption-font-size: var(--caption-small-font-size, 2rem);
}

.caption.--center {
  --caption-align: center;
}

@media (width <= 479px) {
  .caption {
    --caption-large-font-size: 2.625rem;
    --caption-small-font-size: 1.875rem;
  }
}

.heading {
  display: var(--heading-display, flex);
  flex-flow: var(--heading-flow, column);
  max-width: var(--heading-max-width, none);
  margin: var(--heading-margin, 0);
  color: var(--heading-color, var(--cl-black));
  text-wrap: balance;
}

.heading mark {
  font-weight: var(--heading-light-weight, 100);
}

.hint {
  align-items: center;
  gap: .375rem;
  place-content: var(--hint-place-content, center flex-start);
  font-size: var(--hint-font-size, .75rem);
  color: var(--hint-color, var(--cl-black));
  font-weight: 300;
  display: flex;
}

.hint:before {
  width: var(--hint-circle-size, .75rem);
  height: var(--hint-circle-size, .75rem);
  content: "";
  border: .1875rem solid var(--cl-grey-lighten-hight);
  background: currentColor;
  border-radius: 50%;
}

.hint.--float {
  position: var(--hint-position, absolute);
  inset: var(--hint-inset, auto 0);
}

.hint.--success {
  --hint-color: var(--bulk-payments, #5f00ff);
}

.hint.--wran {
  --hint-color: var(--cash_green, #2ba700);
}

.input {
  z-index: 1;
  letter-spacing: .03rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.input:focus-within {
  --input-border-color: var(--cl-grey-medium);
}

.input small {
  position: var(--input-small-position, absolute);
  inset: var(--input-small-top, 0) .625rem auto auto;
  z-index: 1;
  letter-spacing: 0;
  color: var(--cl-white);
  background: var(--cl-error);
  opacity: var(--input-small-opacity, 0);
  transform: translateY(-50%) scale(var(--input-small-scale, 0));
  border-radius: .625rem;
  padding: .1875rem .5rem;
  font-size: .625rem;
  font-weight: 500;
  transition: top .33s cubic-bezier(.2, .01, .53, .4);
}

.input input, .input textarea {
  width: 100%;
  height: fit-content;
  min-height: 2.5rem;
  padding: var(--input-spacer, .625rem 1rem);
  border-radius: var(--input-border-radius, .625rem);
  border: 1px solid var(--input-border-color, var(--cl-grey-lighten));
  place-content: center;
  align-items: center;
  transition: border-color .33s cubic-bezier(.2, .01, .53, .4), color .33s cubic-bezier(.2, .01, .53, .4);
  display: inline-flex;
}

.input input::-webkit-input-placeholder {
  color: var(--cl-grey-lighten);
}

.input textarea::-webkit-input-placeholder {
  color: var(--cl-grey-lighten);
}

:-moz-any(.input input:-moz-placeholder-shown, .input textarea:-moz-placeholder-shown) {
  color: var(--cl-grey-lighten);
}

:is(.input input:placeholder-shown, .input textarea:placeholder-shown) {
  color: var(--cl-grey-lighten);
}

.input input::-moz-placeholder {
  color: var(--cl-grey-lighten);
}

.input textarea::-moz-placeholder {
  color: var(--cl-grey-lighten);
}

:is(.input input:-ms-placeholder-shown, .input textarea:-ms-placeholder-shown), :is(.input input:placeholder-shown, .input textarea:placeholder-shown) {
  color: var(--cl-grey-lighten);
}

.input input.--is-value:invalid ~ small, .input input:focus:invalid ~ small, .input input:hover:invalid ~ small, .input textarea.--is-value:invalid ~ small, .input textarea:focus:invalid ~ small, .input textarea:hover:invalid ~ small {
  --input-small-opacity: 1;
  --input-small-scale: 1;
  gap: 3px;
  display: inline-flex;
}

.input input.--is-value ~ label, .input input:focus ~ label, .input input:hover ~ label, .input textarea.--is-value ~ label, .input textarea:focus ~ label, .input textarea:hover ~ label {
  --input-label-top: 0;
  --input-label-size: toRem(10);
}

.input input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input input[type="number"] {
  -moz-appearance: textfield;
}

@media (pointer: fine) {
  .input:hover {
    --input-border-color: var(--cl-grey-medium);
  }
}

.modal {
  --caption-text-transform: normal;
  --modal-spacer: 3rem;
  --p-font-size: 1.125rem;
  --button-min-width: 7.5rem;
  z-index: 1000;
  padding: var(--modal-spacer);
  overscroll-behavior: none;
  overscroll-behavior: contain;
  position: fixed;
  inset: 0;
}

.modal::backdrop, .modal:before {
  --animation-opacity-star: 0;
  --animation-transform-start: none;
  z-index: -1;
  content: var(--modal-backdrop-content, none);
  background: #00467640;
  animation: .3s linear animation;
  position: fixed;
  inset: 0;
}

.modal.--limit {
  --modal-main-min-limit: 1.125rem;
}

@supports not selector(&::backdrop) {
  .modal {
    --modal-backdrop-content: "";
  }
}

.modal__container {
  padding: var(--modal-spacer);
  background: var(--cl-white);
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  border-radius: 1rem;
}

.modal__head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.modal__head svg {
  width: max-content;
  max-width: 4.5rem;
}

.modal__main {
  --p-margin: 1rem 0;
  min-width: var(--modal-main-min-limit, 50vw);
  max-width: 48.75rem;
  max-height: 68vh;
  margin: 0 calc(var(--modal-spacer) * -1);
  padding: var(--modal-spacer) var(--modal-spacer) 0;
  overscroll-behavior: contain;
  overflow: auto;
}

.modal__foot {
  --p-font-size: .875rem;
  --p-margin: auto auto auto 0;
  --link-color: var(--cl-green-medium);
  padding: var(--modal-spacer) 0 0;
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.modal[open] {
  justify-content: center;
  align-items: center;
  display: flex;
}

@keyframes show {
  from {
    transform: translateY(110%);
  }

  to {
    transform: translateY(0%);
  }
}

@media (width <= 479px) {
  .modal {
    --modal-spacer: 2rem;
  }

  .modal__foot {
    flex-flow: wrap;
    justify-content: center;
    row-gap: 1.5rem;
  }

  .modal__foot p {
    flex: 100%;
  }

  .modal__foot .button {
    flex: 1;
  }
}

.collapse {
  --p-font-size: 1rem;
  border-radius: .75rem;
  padding: 0 1.5rem 1.5rem;
  transition: border-color .33s cubic-bezier(.2, .01, .53, .4);
}

.collapse[open] {
  --collapse-toggler: "less";
  cursor: default;
}

.collapse[open] > :not(summary) {
  --animation-transform-start: translateY(-5%);
  animation: .3s linear animation;
}

.collapse.--small {
  --p-margin: -.875rem 0 0;
  --collapse-capt-font-size: 1rem;
  --collapse-capt-padding: 0 0;
  border: none;
  padding: .875rem 0;
}

.collapse__slot {
  margin-top: 1.5rem;
}

.collapse__slot > :last-child {
  margin-bottom: 0;
}

.collapse__capt {
  padding: var(--collapse-capt-padding, 1.75rem 0 0);
  font-size: var(--collapse-capt-font-size, 1.125rem);
  opacity: var(--collapse-summary-opacity, unset);
  cursor: pointer;
  grid-template-columns: 1fr max-content;
  place-items: center start;
  gap: 1rem;
  font-weight: 600;
  line-height: 1.1;
  list-style: none;
  display: grid;
}

.collapse__capt small {
  color: var(--cl-green-medium);
  background: var(--cl-green-light);
  border-radius: .1875rem;
  padding: .1875rem .375rem;
  font-size: .6em;
  font-weight: 400;
  display: inline-flex;
  transform: translate(0, -3px);
}

.collapse__capt, .collapse__capt:after {
  transition: opacity .33s cubic-bezier(.2, .01, .53, .4);
}

.collapse__capt:after {
  content: var(--collapse-toggler, "more");
  white-space: nowrap;
  width: max-content;
  height: 2rem;
  opacity: var(--collapse-toggler-opacity, .2);
  justify-content: center;
  align-items: center;
  font-family: SF Pro Rounded;
  font-size: .75rem;
  display: flex;
}

.collapse__capt::marker {
  display: none !important;
}

.collapse__capt::-webkit-details-marker {
  display: none !important;
}

@media (pointer: fine) {
  .collapse:hover {
    --collapse-toggler-opacity: 1;
    border-color: var(--cl-pale);
  }

  .collapse:hover:not([open]) {
    --collapse-summary-opacity: .8;
  }
}

@media (width <= 479px) {
  .collapse {
    --p-margin: .25rem 0 var(--gutterX2, 1.5rem);
    --p-font-size: 1.125rem;
  }

  .collapse__capt {
    font-size: 1.375rem;
  }
}

.informer {
  align-items: center;
  gap: .75rem;
  justify-content: var(--informer-justify-content);
  margin: var(--informer-margin, 0);
  color: var(--cl-grey);
  text-align: left;
  display: inline-flex;
}

.informer.--float {
  position: var(--informer-position, absolute);
  inset: var(--informer-inset, auto 0);
}

.informer svg {
  fill: currentColor;
}

.informer__text {
  display: inherit;
  gap: inherit;
  max-width: 20.2791rem;
}

.informer__text:not(:first-child):before {
  content: "";
  opacity: .1;
  background: currentColor;
  border-radius: .125rem;
  align-self: stretch;
  width: .3125rem;
}

.bage {
  min-height: 1.25rem;
  margin: var(--bage-marge, 0);
  color: var(--bage-color, var(--cl-white));
  background: var(--bage-fill, #0252ff);
  border-radius: .75rem;
  align-items: center;
  gap: .25rem;
  padding: .125rem .5rem .125rem .125rem;
  font-family: Movement Indirect;
  font-size: .625rem;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
}

.bage [class*="ksi-"] {
  aspect-ratio: 1;
  width: 1rem;
  color: var(--bage-fill, #0252ff);
  background: var(--bage-color, var(--cl-white));
  border-radius: 50%;
  place-content: center;
  place-items: center;
  font-size: .5625rem;
  display: inline-flex;
}

.bage.--bulk {
  --bage-color: var(--cl-bulk-payments);
}

.rating {
  align-items: center;
  gap: var(--rating-gap, .1875rem);
  margin: var(--rating-margin, 0);
  font-size: var(--rating-size, .75rem);
  color: var(--rating-color, #f59c23);
  display: inline-flex;
}

.ask-anything {
  --p-color: currentColor;
  --p-large-color: var(--cl-grey-lighten);
  --p-max-width: 46.25rem;
  background-color: var(--ask-anything-fill, transparent);
}

.ask-anything__card {
  --caption-color: currentColor;
  grid-template-columns: var(--ask-anything-tempalte, repeat(2, minmax(20.625rem, 1fr)));
  width: 100%;
  min-height: 25rem;
  padding: var(--ask-anything-card-spacer, 3rem 4.5rem);
  color: var(--cl-white);
  background: var(--cl-green-dark);
  border-radius: 2rem;
  align-content: center;
  gap: 1rem;
  display: grid;
}

.ask-anything__buttons {
  justify-content: var(--ask-anything-btns-justify-content, flex-start);
  flex-flow: wrap;
  gap: 1rem;
  margin: 2rem 0 0;
  display: inline-flex;
}

.ask-anything__timer {
  grid-area: var(--ask-anything-area, 1 / 2 / 4);
  flex-flow: column;
  display: inline-flex;
}

@media (width <= 767px) {
  .ask-anything {
    --caption-align: center;
    --ask-anything-btns-justify-content: center;
    --ask-anything-card-spacer: 3rem;
    --ask-anything-tempalte: 1fr;
    --ask-anything-area: 3;
    --support-timer-margin: 3rem auto 1.5rem;
    --support-timer-size: 2rem;
    --support-timer-card-size: 2.375rem;
    text-align: center;
  }
}

.avatar {
  --logo-icon-size: 78.1429%;
  margin: var(--avatar-margin, 0);
  padding: var(--avatar-padding, .25rem);
  font-size: var(--avatar-size, 6.25rem);
  color: var(--avatar-color, currentColor);
  text-align: center;
  white-space: nowrap;
  place-items: flex-end;
  display: inline-grid;
  position: relative;
}

.avatar.--not-fill-logo {
  --avatar-logo-fill: transparent;
}

.avatar__pic, .avatar__logo {
  aspect-ratio: 1;
  border-radius: 50%;
  grid-area: 1 / 1;
}

.avatar__pic {
  border: var(--avatar-stroke, 0 solid currentColor);
  width: 1em;
  height: 1em;
}

.avatar__pic img {
  display: var(--avatar-image-display, inline-flex);
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.avatar__logo {
  width: var(--avatar-logo-size, .32em);
  aspect-ratio: 1;
  border: var(--avatar-logo-stroke, 0 solid currentColor);
  background: var(--avatar-logo-fill, var(--cl-white));
  filter: var(--avatar-logo-filter, drop-shadow(0px 0px 2px #00000040));
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  translate: 4px 2px;
}

.avatar.--middle {
  --avatar-size: 5.625rem;
  --avatar-logo-size: 1.5rem;
}

.avatar.--small {
  --avatar-size: 3.125rem;
  --avatar-logo-size: 1.25rem;
}

.avatar.--line {
  --avatar-image-display: none;
  --avatar-logo-stroke: 1px solid currentColor;
  --avatar-stroke: 1px solid currentColor;
}

.avatar.--size72 {
  --avatar-size: 4.5rem;
}

.avatar.--yellow {
  --avatar-color: #ba7900;
}

.beyond-banking {
  --container-flex-flow: column;
  background: var(--cl-black-pale);
  padding-top: 0;
  position: relative;
}

.beyond-banking__full-video {
  max-height: clamp(25rem, 80vh, 45rem);
  position: sticky;
  top: 0;
  overflow: hidden;
}

.beyond-banking__full-video:before {
  z-index: 1;
  content: "";
  background: linear-gradient(0deg, var(--cl-black) 8.33%, #0000 100%);
  opacity: .5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.beyond-banking__main {
  z-index: 1;
  background: var(--cl-black-pale);
  padding: 4.5rem 0 0;
  position: relative;
}

.beyond-banking__top {
  --caption-color: currentColor;
  --p-color: currentColor;
  color: var(--cl-white);
  text-align: center;
  align-self: center;
}

.beyond-banking__cards {
  grid-template-areas: var(--beyond-banking-template-area, "vault invest" "global loans");
  grid-template-columns: var(--beyond-banking-template-columns, repeat(2, minmax(16.875rem, 1fr)));
  gap: var(--deposit-gap, 2rem);
  display: grid;
}

.beyond-banking__cards > article:first-child {
  grid-area: vault;
}

.beyond-banking__cards > article:nth-child(2) {
  grid-area: invest;
}

.beyond-banking__cards > article:nth-child(3) {
  grid-area: global;
}

.beyond-banking__cards > article:nth-child(4) {
  grid-area: loans;
}

@media (width <= 767px) {
  .beyond-banking {
    --beyond-banking-template-columns: 1fr;
    --beyond-banking-template-area: "vault" "invest" "global" "loans";
  }
}

.card-any-service {
  --card-base-padding: 3rem 4.5rem;
  --p-max-width: 25.4115rem;
  --p-margin: auto 0 10%;
  --hint-position: static;
  grid-template: 1fr / max-content 1fr;
  align-items: center;
  gap: 1.5rem;
  display: grid;
}

.card-any-service__main {
  gap: inherit;
  margin: var(--card-any-service-main, 33.333% 0 auto);
  flex-flow: column;
  display: flex;
}

.card-any-service__logos {
  display: var(--card-any-service-logos-display, grid);
  margin: var(--card-any-service-logos-margin, -1.5rem -1.5rem -1.5rem -6.8vw);
  font-size: var(--card-any-service-logos-size, 5.25rem);
  will-change: visibility;
  flex-flow: wrap;
  grid-template: 1fr / repeat(7, minmax(2rem, 1em));
  place-content: center;
  place-items: flex-end center;
  gap: clamp(1rem, .372em, 1.75rem);
  padding: 1.5rem;
  transition: visibility .2s cubic-bezier(.2, .01, .53, .4);
}

.card-any-service__item {
  --animation-transform-start: translate(-10%, 0) scale(.8);
  aspect-ratio: 1;
  opacity: 0;
  width: clamp(2rem, 100%, 1em);
  scale: var(--card-any-service-item-scale, 1);
  animation: animation 1.3s var(--card-any-service-item-delay, .1s) both alternate cubic-bezier(.17, .67, .83, .67) var(--card-any-service-item-state, paused);
  will-change: transform, opacity;
  place-content: center;
  transition: scale .333s linear;
  display: inline-flex;
}

.card-any-service__item.--null {
  display: var(--card-any-service-item-null-show, revert);
  visibility: hidden;
}

@media (pointer: fine) {
  .card-any-service__item:hover {
    --card-any-service-item-scale: 1.12;
  }
}

@media (width <= 1169px) {
  .card-any-service {
    --card-any-service-logos-margin: -1.5rem -1.5rem -1.5rem -13.3vw;
  }
}

@media (width <= 767px) {
  .card-any-service {
    --p-margin: auto 0 auto;
    --hint-position: absolute;
    --hint-inset: auto 0 3rem;
    --hint-place-content: center;
    --card-any-service-item-null-show: none;
    --card-any-service-logos-size: 4rem;
    --card-any-service-logos-display: flex;
    --card-any-service-logos-margin: 0 -1.5rem;
    --card-any-service-main: 0 auto;
    text-align: center;
    grid-template: max-content / 1fr;
    place-items: center;
    position: relative;
    --card-base-padding: 4.5rem 3rem 6rem !important;
  }
}

.card-cross {
  --heading-margin: 1rem 0 3rem;
  --card-cross-list-arrow-offset: -4.25rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  gap: 3rem;
  display: flex;
  overflow: hidden;
}

.card-cross__top-list {
  z-index: 1;
  align-items: end;
  gap: 0;
  width: 100%;
  max-width: 25.625rem;
  min-height: 11.25rem;
  display: grid;
  position: relative;
}

.card-cross__top-list:before, .card-cross__top-list:after {
  inset: auto auto 2.0625rem var(--card-cross-list-arrow-offset);
  z-index: 1;
  aspect-ratio: 1;
  content: "";
  opacity: .2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='29' viewBox='0 0 23 29' fill='none'%3E%3Cpath d='M8.83456 3L9.90417 1.94837L8.83456 0.860454L7.76494 1.94837L8.83456 3ZM20.6327 28.5C21.4611 28.5 22.1327 27.8284 22.1327 27C22.1327 26.1716 21.4611 25.5 20.6327 25.5L20.6327 28.5ZM17.278 9.44838L9.90417 1.94837L7.76494 4.05162L15.1388 11.5516L17.278 9.44838ZM7.76494 1.94837L0.391103 9.44837L2.53034 11.5516L9.90417 4.05162L7.76494 1.94837ZM7.33456 3L7.33455 18L10.3346 18L10.3346 3L7.33456 3ZM17.8346 28.5L20.6327 28.5L20.6327 25.5L17.8346 25.5L17.8346 28.5ZM7.33455 18C7.33455 23.799 12.0356 28.5 17.8346 28.5L17.8346 25.5C13.6924 25.5 10.3346 22.1421 10.3346 18L7.33455 18Z' fill='%2333363F'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 2rem;
  position: absolute;
}

.card-cross__top-list:after {
  inset: auto var(--card-cross-list-arrow-offset) 2.0625rem auto;
  scale: -1;
}

.card-cross__items-plash {
  z-index: 0;
  content: "";
  background: var(--cl-white);
  opacity: .8;
  position: absolute;
  inset: -60% -30% 0;
}

.card-cross__item {
  --p-color: var(--cl-grey-medium);
  z-index: var(--card-cross-item-index, 0);
  text-align: initial;
  background: var(--cl-white);
  border-radius: 1.25rem;
  grid-area: 1 / 1 / 1;
  align-items: center;
  gap: 1rem;
  margin: -3.625rem 0 0;
  padding: 1.25rem 1.5rem;
  display: inline-flex;
  position: relative;
  box-shadow: 0 .125rem 1rem #495b6e26;
}

.card-cross__item p.--large {
  --p-font-weight: var(--card-cross-item-bold, 700);
}

.card-cross__item {
  translate: 0 calc(100% * var(--card-cross-item-translate, 0));
  scale: calc(1 * var(--card-cross-item-scale, 1));
  transition: translate 1s linear, scale 1s linear;
}

.card-cross__item:first-child {
  --animation-transform-start: translate(0, 40%);
  --card-cross-item-index: 1;
  transition: none;
  animation: 1s linear animation;
}

.card-cross__item:nth-of-type(2) {
  --card-cross-item-translate: -.4;
  --card-cross-item-scale: 1.1;
  --card-cross-item-index: -1;
}

.card-cross__item:nth-of-type(3) {
  --card-cross-item-translate: -.8;
  --card-cross-item-scale: 1.18;
  --card-cross-item-index: -2;
}

.card-cross__item:nth-of-type(4) {
  --card-cross-item-translate: -1.2;
  --card-cross-item-scale: 1.28;
  --card-cross-item-index: -3;
}

.card-cross__item:nth-of-type(5) {
  --card-cross-item-translate: -1.8;
  --card-cross-item-scale: 1.36;
  --card-cross-item-index: -4;
}

.card-cross__item:nth-of-type(5) ~ :not(.card-cross__items-plash) {
  display: none;
}

.card-cross__item-info {
  --p-large-font-size: 1.0625rem;
  --p-large-color: var(--cl-black);
  flex-flow: column;
  flex: 1;
  gap: .3125rem;
  display: inline-flex;
}

.card-cross__item-prices {
  --p-large-font-size: .875rem;
  --card-cross-item-bold: 800;
  text-align: right;
  flex-flow: column;
  gap: .1875rem;
  font-family: SF Pro;
  display: inline-flex;
}

.card-cross__name {
  --card-name: var(--cl-green-cash);
}

.card-cross__flags {
  gap: var(--card-cross-flags-gap, 2.125rem 2.5rem);
  width: 100%;
  max-width: 28.75rem;
  margin: var(--card-cross-flags-margin, 0 auto 1.875rem);
  flex-flow: wrap;
  flex: 100%;
  grid-template-columns: repeat(5, 1fr);
  place-items: center;
  display: grid;
}

.card-cross__flags object {
  aspect-ratio: 1;
  width: clamp(1.25rem, 100%, 3.5rem);
}

@media (width <= 479px) {
  .card-cross__top-list {
    width: -webkit-fill-available;
    margin: 0 -2.125rem;
    scale: .88;
  }
}

@media (width <= 1279px) {
  .card-cross {
    --card-cross-list-arrow-offset: -11%;
    --card-cross-flags-gap: 1rem;
    --card-cross-flags-margin: 0 -1.5rem 1.875rem;
  }
}

.card-every-transaction {
  --p-large-color: var(--cl-grey);
  --p-margin: 1rem auto 3rem;
  text-align: center;
}

.card-in-any-bank {
  --card-base-padding: 3rem 4.5rem;
  --informer-margin: 3.875rem 0 0;
  color: var(--cl-black);
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  border-radius: 1.5rem;
  align-items: center;
  gap: 3rem;
  display: grid;
  overflow: hidden;
}

.card-in-any-bank__left {
  --p-max-width: 26.6615rem;
  --p-margin: 0 0 1.5rem;
  gap: 1rem;
  justify-items: var(--card-in-any-bank-left-justify, flex-start);
  align-items: center;
  display: inline-grid;
}

.card-in-any-bank__right {
  min-height: var(--card-in-any-bank-right-height, 18.75rem);
  margin: var(--card-in-any-bank-right-margin, calc(3rem * -1) 0);
  place-self: normal;
  display: flex;
  position: relative;
}

.card-in-any-bank__slider {
  position: absolute;
  inset: 0;
}

.card-in-any-bank__slider:before, .card-in-any-bank__slider:after {
  inset: var(--card-in-any-bank-slider-pseudo-inset, 0 0 auto);
  z-index: 2;
  padding: var(--card-in-any-bank-slider-pseudo-size, .625rem);
  margin: 0 calc(var(--card-in-any-bank-slider-pseudo-size, .625rem) * -1);
  content: "";
  background: linear-gradient(var(--card-in-any-bank-slider-pseudo-grad, 180deg), #ffffffe6 0%, #fff0 88%);
  position: absolute;
}

.card-in-any-bank__slider:after {
  --card-in-any-bank-slider-pseudo-grad: var(--card-in-any-bank-slider-after-grad, 0deg);
  --card-in-any-bank-slider-pseudo-inset: var(--card-in-any-bank-slider-after-inset, auto 0 0);
}

.card-in-any-bank__slide {
  --animation-transform-start: translate(0, 110%) scale(.65);
  --card-in-any-bank-count: 1;
  --card-in-any-bank-slide-size: clamp(23.75rem, 100%, 28.75rem);
  --card-in-any-bank-slide-pos: calc(50% - var(--card-in-any-bank-slide-size) / 2 + var(--card-in-any-bank-slide-size) * var(--card-in-any-bank-count));
  inset: var(--card-in-any-bank-slide-inset, var(--card-in-any-bank-slide-pos) 0 0 0);
  z-index: var(--card-in-any-bank-z-index, 0);
  width: var(--card-in-any-bank-slide-width, auto);
  height: var(--card-in-any-bank-slide-width, var(--card-in-any-bank-slide-size));
  background: var(--cl-white);
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  opacity: var(--card-in-any-bank-opacipy, 0);
  transform: translate(var(--card-in-any-bank-translate, 0, -300%)) scale(var(--card-in-any-bank-scale, .92));
  transform-origin: center;
  will-change: transform;
  user-select: none;
  border-radius: 1.5rem;
  align-items: flex-end;
  margin: 0 auto;
  transition: inset 1s cubic-bezier(.2, .63, .59, .84), transform 1s cubic-bezier(.2, .63, .59, .84);
  display: flex;
  position: absolute;
  overflow: hidden;
}

.card-in-any-bank__slide-img {
  position: absolute;
  inset: 0;
}

.card-in-any-bank__slide-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.card-in-any-bank__slide:nth-child(2) {
  --card-in-any-bank-count: 2;
  --card-in-any-bank-opacipy: 1;
}

.card-in-any-bank__slide:nth-child(3) {
  --card-in-any-bank-count: 3;
  --card-in-any-bank-scale: 1;
  --card-in-any-bank-opacipy: 1;
  --card-in-any-bank-z-index: 1;
}

.card-in-any-bank__slide:nth-child(3) :where(.card-in-any-bank__slide-img, .card-in-any-bank__slide-card) {
  --slider-item-card-tr: 0;
  --slider-item-card-animation-play: running;
}

.card-in-any-bank__slide:nth-child(4) {
  --card-in-any-bank-count: 4;
  --card-in-any-bank-opacipy: 1;
}

.card-in-any-bank__slide-card {
  --p-large-color: var(--cl-black);
  --p-hard-small-color: var(--cl-black);
  z-index: 1;
  width: 100%;
  text-align: initial;
  background: var(--cl-white);
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  translate: var(--slider-item-card-tr, 0, -100%);
  animation: animation .8s 1.1s 1 both cubic-bezier(.17, .67, .52, .9) var(--slider-item-card-animation-play, paused);
  will-change: transform;
  border-radius: 1.25rem;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem;
  padding: 1.25rem 1.5rem;
  transition: all .3s cubic-bezier(.2, .63, .59, .84);
  display: inline-flex;
}

.card-in-any-bank__slide-card-user {
  --p-color: var(--cl-grey-medium);
  --p-large-color: currentColor;
  flex: 1;
  gap: .25rem;
  display: inline-grid;
}

.card-in-any-bank__slide-card-price {
  color: currentColor;
  text-align: right;
  margin: auto 0 auto auto;
  font-family: SF Pro;
  font-size: 1.08863rem;
  font-weight: 800;
}

@media (width <= 767px) {
  .card-in-any-bank {
    --card-in-any-bank-left-justify: center;
    --card-in-any-bank-right-margin: 0 -1.5rem;
    --card-in-any-bank-slider-pseudo-size: clamp(1rem, 6.5vw, 2rem);
    --card-in-any-bank-slider-pseudo-inset: 0 auto 0 0;
    --card-in-any-bank-slider-after-inset: 0 0 0 auto;
    --card-in-any-bank-slider-pseudo-grad: 90deg;
    --card-in-any-bank-slider-after-grad: -90deg;
    --informer-margin: 0;
    --informer-justify-content: center;
    --informer-inset: auto 3rem 3rem;
    text-align: center;
    grid-auto-rows: 1fr 1fr;
    padding-bottom: 7.5rem;
    position: relative;
  }

  .card-in-any-bank__slide {
    --card-in-any-bank-slide-size: clamp(17.5rem, 100%, 41.25rem);
    --card-in-any-bank-slide-inset: 0 0 0 var(--card-in-any-bank-slide-pos);
    --card-in-any-bank-slide-width: var(--card-in-any-bank-slide-size);
    --card-in-any-bank-translate: -300%, 0;
  }
}

@media (width <= 479px) {
  .card-in-any-bank {
    --card-in-any-bank-slider-pseudo-size: clamp(1rem, 7vw, 2rem);
    grid-auto-rows: max-content;
  }
}

@media (width >= 768px) {
  .card-in-any-bank {
    --informer-position: static;
    grid-auto-columns: 1fr 1fr;
    grid-auto-flow: column;
  }
}

.card-invest {
  --heading-margin: 1rem 0 1.5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  gap: 3rem;
  display: flex;
}

.card-invest__name {
  --card-name: var(--cl-blue-cobalt);
}

.card-invest__img {
  --animation-transform-start: translate(0, -5vh) scale(1.01);
  aspect-ratio: 1 / 1.18;
  justify-content: flex-end;
  align-items: center;
  width: clamp(17rem, 90%, 34rem);
  height: 100%;
  display: flex;
}

.card-invest__partner {
  align-items: center;
  gap: .75rem;
  margin: 1.5rem auto 0;
  display: inline-flex;
}

.card-invest__partner:after {
  content: "";
  background: url("partners_franc.bbc6e603.svg") center / cover no-repeat;
  width: 4.63869rem;
  height: 1.30613rem;
}

.card-loans {
  --heading-margin: 1rem 0 1.5rem;
  --p-margin: 0 0 2.5rem;
  flex-flow: column;
  align-items: center;
  gap: 3rem;
  display: flex;
}

.card-loans__name {
  --card-name: var(--cl-yellow);
}

.card-loans__top {
  text-align: center;
  margin: auto;
}

.card-loans svg {
  max-width: 22rem;
  margin: auto;
}

.card-tap-pay {
  --heading-display: inline-block;
  --credit-card-size: clamp(17.5rem, 66%, 23.75rem);
  grid-auto-rows: 1fr max-content;
  gap: 3rem;
  display: grid;
}

.card-tap-pay__top {
  padding: var(--card-tap-pay-top-padding, 1.5rem);
  place-content: center;
  place-items: center;
  display: flex;
}

.card-tap-pay__down {
  gap: 1.25rem;
  display: grid;
}

.card-tap-pay__mastercard {
  color: var(--cl-grey-medium);
  align-items: center;
  gap: .75rem;
  display: inline-flex;
}

.card-tap-pay__mastercard:before {
  content: "";
  background: url("mastercard.17b4da2b.svg") top / contain no-repeat;
  width: 2.0625rem;
  height: 1.25rem;
}

@media (width <= 767px) {
  .card-tap-pay {
    --card-tap-pay-top-padding: 0 0 1.5rem;
    text-align: center;
  }

  .card-tap-pay__mastercard {
    flex-flow: column;
    order: 1;
    max-width: 80%;
    margin: 3rem auto 0;
  }
}

.card-vault {
  --p-large-color: var(--cl-grey);
  --p-margin: 1.5rem auto 3rem;
  --p-max-width: 36.4388rem;
  --card-base-color: var(--cl-white);
  --card-base-fill: var(--cl-black);
  --heading-color: var(--cl-white);
  --heading-margin: 1rem 0 0;
  color: var(--grey-lighten);
  text-align: center;
}

.card-vault__name {
  --card-name: #bf99ff;
}

.card-vault__mockup {
  max-width: clamp(12.5rem, 77%, 24.25rem);
  margin: 0 auto;
  transition: rotate 2s linear;
}

.consent {
  --caption-color: var(--cl-grey-dark);
  --caption-margin: 0 0 .625rem;
  --p-font-size: .90625rem;
  --p-line-height: 1.4;
  --link-color: var(--cl-grey-dark);
  --button-width: auto;
  --button-min-width: auto;
  z-index: 1000;
  background: var(--cl-white);
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  transform: translate(0, var(--consent-translate, 0));
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem;
  transition: all .33s cubic-bezier(.2, .01, .53, .4);
  display: grid;
  position: fixed;
  inset: auto 1rem 1rem;
}

.consent.--hide {
  --consent-translate: 150%;
}

.consent__capt {
  margin: 0 0 1.5rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.consent__btns {
  grid-template-columns: 1fr 1fr;
  gap: .625rem;
  display: inline-grid;
}

@media (width <= 767px) {
  .consent__main br {
    display: none;
  }
}

@media (width >= 768px) {
  .consent {
    max-width: 28.75rem;
    padding: 2rem;
    inset: auto auto 1rem 1rem;
  }
}

.credit-card {
  max-width: var(--credit-card-size, 21.25rem);
  margin: var(--credit-card-margin, 0);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.credit-card.--hor {
  width: 29.2rem;
  height: 18.4rem;
}

.credit-card.--rotate img {
  transform: rotate(11.522deg);
}

.credit-card.--shadow {
  position: relative;
}

.credit-card.--shadow:after {
  content: "";
  background: #00000003;
  border-radius: 50%;
  width: 70%;
  height: .00625rem;
  position: absolute;
  inset: auto 50% -10%;
  transform: translate(-55%);
  box-shadow: 0 0 .625rem .000625rem #1e1e1e;
}

.credit-card img {
  object-fit: contain;
  object-position: center;
  width: 100%;
}

.credit-card__video {
  aspect-ratio: 1 / 1.6;
  user-select: none;
  pointer-events: none;
  width: 100%;
}

.deposit {
  --container-flex-flow: column;
  background: var(--cl-green-pale);
}

.deposit__cards {
  grid-template-areas: var(--deposit-template-areas, "paid paid" "view payments" "pay pay");
  grid-template-columns: var(--deposit-template, repeat(2, minmax(16.875rem, 1fr)));
  gap: var(--deposit-gap, 2rem);
  width: 100%;
  display: grid;
}

.deposit__cards > article:first-child {
  grid-area: paid;
}

.deposit__cards > article:nth-child(2) {
  grid-area: view;
}

.deposit__cards > article:nth-child(3) {
  grid-area: payments;
}

.deposit__cards > article:nth-child(4) {
  grid-area: pay;
}

@media (width <= 767px) {
  .deposit {
    --deposit-template: 1fr;
    --deposit-template-areas: "paid" "view" "payments" "pay";
  }
}

.developing {
  --container-flex-flow: row;
  --p-max-width: 40rem;
  --p-margin: 0 0 3rem;
  --caption-margin: 0 0 1.5rem;
  align-items: center;
  min-height: 80vh;
  display: flex;
  position: relative;
}

.developing__btns {
  align-items: center;
  gap: 1rem;
  display: inline-flex;
}

.developing__obg {
  --animation-transform-start: translate(0, 3vw) scale(.95);
  will-change: transform;
  width: 100%;
  max-width: 42.5rem;
  padding: 0 3rem;
  animation: .8s linear both animation;
}

@media (width <= 991px) {
  .developing {
    --container-flex-flow: column-reverse;
    --container-align-items: center;
    --caption-align: center;
    text-align: center;
  }
}

@media (width >= 992px) {
  .developing__obg {
    z-index: 1;
    position: absolute;
    inset: auto 9vw 14vh auto;
  }
}

.download {
  --container-justify-content: center;
  --container-align-items: center;
  --container-gap: 6.125rem;
  --button-inset: 1.5rem auto auto 1.5rem;
  --mokups-1: 10vw;
  --mokups-2: 9vw;
  width: 100vw;
  min-height: calc(100vh - .1px);
  color: var(--cl-black-pale);
  background: var(--cl-white);
  align-items: center;
  display: flex;
  position: relative;
}

.download.--modal {
  z-index: 1010;
  opacity: 0;
  position: fixed;
  inset: 0;
}

.download__content {
  --p-margin: .5rem 0 3rem;
  --p-max-width: 25rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6.125rem;
  display: flex;
}

.download__btns {
  display: var(--download-btn-display, inline-flex);
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 1rem;
}

.download__right {
  flex-flow: column;
  max-width: 36.25rem;
  display: flex;
}

@media (width <= 767px) {
  .download {
    --download-btn-display: inline-grid;
    --mokups-1: -16vw;
    --mokups-2: -14vw;
  }

  .download__content {
    flex-flow: column;
    gap: 3rem;
    overflow: auto;
  }
}

.error-page {
  --container-flex-flow: column;
  --container-gap: 4.5rem;
  --p-margin: 1.5rem 0 3rem;
  --p-max-width: 32.5rem;
  width: 100%;
  max-width: var(--container-limit);
  min-height: calc(100vh - var(--header-height)  - 22rem);
  padding: 0 var(--container-gutter);
  user-select: none;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.error-page__figure, .error-page__main {
  --animation-transform-start: translate(0, 10%);
  animation: 1s linear both animation;
}

.error-page__figure {
  justify-content: center;
  align-items: center;
  margin: 0 5vw -6rem auto;
  font-family: Movement Indirect;
  font-size: clamp(3rem, 26vw, 25rem);
  font-weight: 800;
  line-height: .82;
  display: grid;
}

.error-page__figure mark {
  will-change: transform;
  grid-area: 1 / 1;
  animation: 20s linear 1s infinite reverse both tick;
}

.error-page__figure mark:last-of-type {
  top: calc(var(--error-page-figure-offest, 1.875rem) * -1);
  z-index: -1;
  animation-duration: 18s;
  animation-direction: alternate;
  position: relative;
}

.error-page__figure span {
  top: var(--error-page-figure-offest, .625rem);
  color: var(--cl-green-neon);
  font-size: 106%;
  position: relative;
}

.error-page__main {
  flex-flow: column;
  align-items: baseline;
  display: inline-flex;
}

@media (width <= 767px) {
  .error-page__figure {
    margin: 0 3vw -3rem auto;
  }
}

@media (width <= 479px) {
  .error-page__figure {
    --error-page-figure-offest: .5rem;
    margin: 0 auto 4.5rem;
    font-size: 32vw;
  }

  .error-page__main {
    --caption-align: center;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
}

.fees-plan {
  --container-gap: 3rem;
  --container-align-items: normal;
  padding: 4.5rem 0;
}

.fees-plan__card {
  --fees-plan-card-color: var(--cl-grey-dark);
  gap: var(--fees-plan-card-gap, .5rem);
  min-width: 21.25rem;
  padding: var(--fees-plan-card-spacer, 2rem);
  color: var(--fees-plan-card-color);
  border: 1px solid var(--fees-plan-card-border-color, #f8f8f9);
  background: var(--fees-plan-card-fill, var(--cl-white));
  box-shadow: 0 0 1.75rem -.5rem #495b6e26, var(--fees-plan-card-shadow, 0 0 0 var(--cl-green-dark));
  cursor: crosshair;
  border-radius: 3rem;
  flex: 1;
  font-family: SF Pro;
  line-height: 1;
  transition: opacity .33s cubic-bezier(.2, .01, .53, .4), box-shadow .33s cubic-bezier(.2, .01, .53, .4), border .33s cubic-bezier(.2, .01, .53, .4);
  animation-delay: .6s;
  display: grid;
}

.fees-plan__card.--dark {
  --fees-plan-card-fill: var(--cl-green-dark);
  --fees-plan-card-top-fill: var(--cl-green-medium);
  --fees-plan-card-color: var(--cl-white);
  --fees-plan-card-top-shadow-color: var(--fees-plan-card-fill);
  animation-delay: 0s;
}

.fees-plan__card.--most {
  --fees-plan-card-top-bage: "Most Popular";
}

.fees-plan__card-top, .fees-plan__card-item {
  flex-flow: column;
  gap: .5rem;
  padding: .5rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  display: inline-flex;
  position: relative;
}

.fees-plan__card-top {
  background: var(--fees-plan-card-top-fill, #f8f8f9);
  box-shadow: inset 0 0 3.75rem -1.25rem var(--fees-plan-card-top-shadow-color, #272e361c);
  border-radius: var(--fees-plan-card-top-radius, 1.5rem);
  gap: .375rem;
  margin-bottom: 1rem;
  padding: 2rem 1.5rem;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
}

.fees-plan__card-top span {
  color: var(--cl-green-cash);
  font-size: 3rem;
  font-weight: 800;
  line-height: 1;
}

.fees-plan__card-top span:after {
  content: "per month";
  color: var(--fees-plan-card-color);
  margin-left: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.fees-plan__card-top:before {
  content: var(--fees-plan-card-top-bage, none);
  color: var(--cl-white);
  background: var(--cl-green-cash);
  border-radius: 3rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  font-weight: 800;
  position: absolute;
  inset: 1.625rem 1.5rem auto auto;
}

.fees-plan__card-item span {
  color: var(--cl-green-cash);
  font-weight: 900;
}

.fees-plan__card-item:before {
  content: attr(data-name);
  opacity: .6;
  font-size: 1rem;
  font-weight: 500;
}

.fees-plan__card-item:after {
  content: var(--fees-plan-card-line, "");
  background: var(--cl-grey-medium);
  opacity: .1;
  height: .0625rem;
  position: absolute;
  inset: auto 1.5rem 0;
}

.fees-plan__card-item:last-of-type {
  --fees-plan-card-line: none;
  padding-bottom: 0;
}

@media (width <= 1279px) {
  .fees-plan {
    --container-flex-flow: row wrap;
    --container-gap: 1.5rem;
  }
}

@media (width <= 479px) {
  .fees-plan__card {
    --fees-plan-card-gap: .25rem;
    --fees-plan-card-top-radius: 2.25rem;
    --fees-plan-card-spacer: 1.5rem 1.5rem 2rem;
  }
}

@media (height >= 690px) and (width <= 676px) {
  .fees-plan__card {
    top: calc(var(--header-height)  + 1dvh);
    position: sticky;
  }
}

@media (width >= 676px) and (width <= 1004px) {
  .fees-plan__card:last-of-type {
    grid-template-columns: 1fr 1fr;
  }

  .fees-plan__card:last-of-type .fees-plan__card-top {
    grid-area: 1 / 2 span;
  }

  .fees-plan__card:last-of-type .fees-plan__card-item:nth-of-type(10) {
    --fees-plan-card-line: none;
    padding-bottom: 0;
  }
}

@media (width >= 560px) and (width <= 676px) {
  .fees-plan__card {
    grid-template-columns: 1fr 1fr;
  }

  .fees-plan__card-top {
    grid-area: 1 / 2 span;
  }

  .fees-plan__card-item:nth-of-type(10) {
    --fees-plan-card-line: none;
    padding-bottom: 0;
  }
}

@media (pointer: fine) {
  .fees-plan__card:hover {
    --fees-plan-card-shadow: 0 0 0rem .125rem var(--cl-green-dark);
    --fees-plan-card-border-color: var(--cl-green-dark);
  }
}

.fees-welcome {
  --container-justify-content: center;
  --container-align-items: center;
  --caption-display: flex;
  --caption-align: center;
  --p-max-width: 46.875rem;
  --lines-fill-inset: -7.5rem -12.5rem auto -7.5625rem;
  --lines-fill-opacity: .4;
  text-align: center;
  min-height: clamp(23.75rem, 23.75rem, 90dvh);
  position: relative;
  overflow-x: clip;
}

.fees-welcome__main {
  z-index: 2;
  margin-top: 7.5rem;
}

.fees-welcome__cover {
  z-index: -1;
  min-height: var(--fees-welcome-cover-height, 169%);
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.fees-welcome__cover object {
  aspect-ratio: 10.1 / 4;
  height: 100%;
}

.fees-welcome__img {
  --animation-transform-start: scale(.8);
  inset: var(--fees-welcome-img-inset, 10% auto auto 16%);
  aspect-ratio: 1;
  width: 9.375rem;
  box-shadow: var(--fees-welcome-img-shadow, -1.375rem -1rem 0 #b8ff0066);
  rotate: var(--fees-welcome-img-rotate, -29.21deg);
  will-change: transform;
  border-radius: 50%;
  animation: .9s linear .8s both animation;
  display: inline-flex;
  position: absolute;
  overflow: hidden;
}

.fees-welcome__img:nth-of-type(2) {
  --fees-welcome-img-rotate: 12.57deg;
  --fees-welcome-img-shadow: .625rem .875rem 0 #5f00ff4d;
  inset: var(--fees-welcome-img-2-inset, 40% 14% auto auto);
}

.fees-welcome__main {
  gap: 1.125rem;
  display: inline-grid;
}

@media (width >= 1800px) {
  .fees-welcome {
    --fees-welcome-cover-height: 174%;
  }
}

@media (width >= 2100px) {
  .fees-welcome {
    --fees-welcome-cover-height: 85dvh;
  }
}

@media (width <= 1279px) {
  .fees-welcome {
    --fees-welcome-img-2-inset: 50% 9% auto auto;
  }
}

@media (width <= 991px) {
  .fees-welcome {
    --fees-welcome-img-inset: 7% auto auto 15%;
  }
}

@media (width <= 479px) {
  .fees-welcome {
    --fees-welcome-img-inset: 3% auto auto 62%;
    --fees-welcome-img-2-inset: 58% 71% auto auto;
  }
}

.footer {
  --container-flex-flow: column;
  --container-gap: 1rem;
  background: var(--pale, #f9f9fb);
  gap: 1rem;
  margin: auto 0 0;
  padding: 4.5rem 0 0;
  font-family: SF Pro Rounded;
  font-size: .875rem;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.footer__text {
  order: var(--footer-text-order, revert);
  letter-spacing: .15px;
  max-width: 41.625rem;
  color: var(--cl-black-pale);
  font-size: .9375rem;
  font-weight: 300;
  line-height: 140%;
}

.footer__text strong {
  font-weight: 500;
}

.footer__top {
  justify-content: space-between;
  gap: var(--footer-top-gap, 3rem);
  flex-flow: wrap;
  display: flex;
}

.footer__menu {
  flex-flow: var(--footer-menu-flow, row nowrap);
  gap: var(--footer-menu-gap, 3rem);
  flex: 1;
  justify-content: space-between;
  max-width: 35rem;
  display: inline-flex;
}

.footer__menu-col {
  white-space: nowrap;
  flex: 10%;
  grid-auto-rows: max-content;
  gap: .5rem;
  display: inline-grid;
}

.footer__menu-col mark {
  color: var(--cl-black-pale);
  font-size: 1.125rem;
  font-weight: 600;
}

.footer__media {
  flex-flow: var(--footer-media-flow, row);
  flex: 100%;
  justify-content: space-between;
  gap: 1.5rem;
  display: flex;
}

.footer__soc, .footer__app {
  flex-flow: var(--footer-app-flow, row);
  align-items: center;
  gap: 1rem;
  line-height: 1;
  display: inline-flex;
}

.footer__soc mark, .footer__app mark {
  margin: var(--footer-app-soc-mark-spacer, 0 .875rem 0 0);
  color: var(--cl-black-pale);
  flex: 100%;
  font-size: .875rem;
}

.footer__soc [class*="ksi-"], .footer__app [class*="ksi-"] {
  padding: var(--footer-icons-spacer, 0);
  font-size: var(--footer-icons-size, 1.5rem);
}

.footer__app {
  text-align: var(--footer-app-align, right);
}

.footer__down {
  grid-auto-flow: var(--footer-down-flow, column);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 0;
  line-height: 1.2;
  display: grid;
  position: relative;
}

.footer__down:before {
  content: "";
  background: var(--cl-white);
  min-width: 100vw;
  height: .1875rem;
  position: absolute;
  inset: -.1875rem -50vw 0;
}

.footer__link.--coming {
  opacity: .5;
  pointer-events: none;
}

.footer__link.--coming:after {
  content: "Coming";
  letter-spacing: -.00625rem;
  text-shadow: none;
  color: var(--cl-black);
  background: var(--cl-grey-lighten);
  border-radius: .1875rem;
  margin-left: .1875rem;
  padding: .1875rem .25rem;
  font-size: .4375rem;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  transform: translateY(-.5rem);
}

.footer__down-menu {
  flex-flow: wrap;
  order: var(--footer-down-menu-order);
  padding: var(--footer-down-menu-spacer);
  white-space: nowrap;
  gap: 1rem;
  display: flex;
}

.footer__logo {
  background: var(--cl-black-pale);
  border-radius: .3125rem;
  min-width: 1.75rem;
  min-height: 1.75rem;
  padding: .375rem;
  display: inline-flex;
}

.footer__copy {
  align-items: inherit;
  gap: inherit;
  max-width: 80%;
  color: var(--grey-dark);
  letter-spacing: -.5px;
  opacity: .8;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

@media (width <= 991px) {
  .footer {
    --footer-down-flow: auto;
    --footer-down-menu-order: -1;
    --footer-down-menu-spacer: 1.25rem 0 1.5rem;
  }
}

@media (width <= 639px) {
  .footer {
    --container-gap: 1rem;
    --footer-top-gap: 3rem .625rem;
    --footer-menu-gap: 2rem;
    --footer-menu-flow: row wrap;
    --footer-text-order: 1;
    --footer-media-flow: column;
    --footer-app-flow: row wrap;
    --footer-menu-col-width: auto;
    --footer-app-soc-mark-spacer: 0;
    --footer-icons-size: 2.375rem;
    --footer-app-align: left;
  }
}

.full-promo {
  --caption-color: currentColor;
  --caption-display: inline-block;
  --p-large-color: currentColor;
  --p-max-width: 34.6875rem;
  --p-margin: 1.5rem 0 0;
  --full-promo-spacer-y: 5.5rem;
  z-index: 1;
  height: fit-content;
  min-height: 48rem;
  color: var(--cl-white);
  background: var(--cl-white);
  grid-auto-rows: 1fr max-content;
  display: grid;
  position: relative;
  overflow: hidden;
}

.full-promo__list {
  display: inherit;
  max-width: 100vw;
  transform: translate3d(var(--full-promo-track-translate-x, 0), 0, 0);
  grid-auto-columns: minmax(100%, 100vw);
  grid-auto-flow: column;
  transition: transform 1s cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.full-promo__image, .full-promo__image:after {
  z-index: -1;
  place-content: center;
  display: inline-flex;
  position: absolute;
  inset: 0;
}

.full-promo__image img {
  object-fit: cover;
  object-position: center;
  flex: 1;
  height: 100%;
}

.full-promo__image:after {
  z-index: 1;
  content: "";
  opacity: var(--full-promo-image-opacity, .6);
  background: linear-gradient(var(--full-promo-image-grad, 0deg, var(--cl-black) 0%, #0000 52.6%));
}

.full-promo__item {
  padding: var(--full-promo-spacer-y) 0;
  opacity: var(--full-promo-item-opacity, .8);
  scale: var(--full-promo-item-scale, 1);
  filter: blur(var(--full-promo-item-blur, 1px));
  will-change: scale, translate, opacity, filter;
  place-content: stretch;
  gap: 1rem;
  transition: all .1s linear .5s, filter .2s linear .6s;
  display: inline-grid;
  position: relative;
}

.full-promo__item.--is-prev-slide, .full-promo__item.--is-next-slide {
  z-index: -1;
}

.full-promo__item.--is-active-slide {
  --full-promo-item-opacity: 1;
  --full-promo-item-scale: 1;
  --full-promo-item-content-translate: 0 0;
  --full-promo-item-content-opacity: 1;
  --full-promo-item-blur: 0;
}

.full-promo__item-content, .full-promo__pagination {
  width: 100%;
  max-width: var(--container-limit);
  padding: 0 var(--container-gutter);
}

.full-promo__item-content {
  opacity: var(--full-promo-item-content-opacity, 0);
  translate: var(--full-promo-item-content-translate, 0 60%);
  will-change: scale, translate, opacity;
  margin: auto auto 4rem;
  transition: translate .8s cubic-bezier(.645, .045, .355, 1), opacity .8s cubic-bezier(.645, .045, .355, 1) .3s;
}

.full-promo__pagination {
  z-index: 2;
  height: fit-content;
  margin: calc((.625rem + var(--full-promo-spacer-y)) * -1) auto 0;
  align-items: center;
  gap: .625rem;
  display: flex;
  position: relative;
}

.full-promo__bullet {
  z-index: 2;
  width: var(--full-promo-built-size, .625rem);
  cursor: pointer;
  background-color: #ffffff1a;
  border-radius: .625rem;
  height: .625rem;
  transition: width .1s linear, background-color .1s linear, scale .1s linear;
  position: relative;
  overflow: hidden;
}

.full-promo__bullet:before {
  inset: 0 var(--full-promo-built-active-pos, 80%) 0 0;
  content: "";
  border-radius: inherit;
  background: var(--cl-white);
  opacity: var(--full-promo-built-active-opacity, 0);
  transition: inset var(--full-promo-built-active-duration, 1.2s) .3s linear, opacity .3s linear;
  position: absolute;
}

.full-promo__bullet.--is-active {
  --full-promo-built-size: 3.75rem;
  --full-promo-built-active-pos: 0%;
  --full-promo-built-active-opacity: 1;
  pointer-events: none;
}

@media (pointer: fine) {
  .full-promo__bullet:hover {
    background-color: var(--cl-green-cash);
    scale: 1.2;
  }
}

@media (width <= 639px) {
  .full-promo {
    --full-promo-spacer-y: 3rem;
    --full-promo-image-opacity: .85;
    --full-promo-image-grad: 0deg, var(--cl-black) 22%, #0000 64.6%;
  }
}

@media (width <= 991px) {
  .full-promo {
    min-height: clamp(23.75rem, 80vh, 48rem);
  }
}

.get-started {
  --container-flex-flow: column;
  --container-align-items: stretch;
  --container-justify-content: center;
}

.get-started__cards {
  flex-flow: wrap;
  gap: 1.5rem;
  display: flex;
}

.get-started__card {
  --p-hard-small-color: var(--cl-grey);
  color: var(--cl-black);
  border: 1px solid var(--cl-border);
  border-radius: 1.5rem;
  flex-flow: column;
  flex: 25rem;
  gap: 1rem;
  padding: 3rem;
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  box-shadow: 0 0 1px #00000040;
}

.get-started__card-icon {
  aspect-ratio: 1;
  border: 1px solid var(--cl-grey-lighten-hight);
  background: var(--cl-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  display: inline-flex;
}

.header {
  --container-justify-content: space-between;
  --container-align-items: center;
  z-index: 100;
  min-height: var(--header-height);
  background: var(--cl-white);
  place-items: center;
  display: flex;
  position: fixed;
  inset: 0 0 auto;
}

.header.--shadow {
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
}

.header.--dark {
  color: var(--cl-white);
  background: var(--cl-black-pale);
}

.header.--dark .header__btn-menu.--is-active {
  color: var(--cl-black) !important;
}

.header.--static {
  margin: calc(var(--header-height) * -1) 0 0;
  position: relative;
  top: 0;
}

.header.--transparent {
  background: none !important;
}

.header.--button-inverts .button {
  --button-fill-hover: var(--cl-green-neon);
  --button-color-hover: var(--cl-grey-dark);
}

.header.--button-inverts .button:not(:last-of-type) {
  --button-color: var(--cl-white);
  --button-fill: transparet;
}

.header.--button-inverts .button:last-of-type {
  --button-color: var(--cl-black);
  --button-fill: var(--cl-white);
}

.header__logo {
  max-width: 5rem;
}

.header__right {
  align-items: center;
  gap: 1.25rem;
  display: flex;
}

.header__btn-menu {
  display: var(--header-btn-menu-display, none);
  color: currentColor;
  cursor: pointer;
  flex-flow: column;
  place-content: center;
  place-items: flex-end center;
  width: 2.375rem;
  height: 2rem;
}

.header__btn-menu span {
  width: var(--header-btn-menu-span-width, 80%);
  height: 2px;
  transform: rotate(var(--header-btn-menu-span-rotate, 0deg));
  transform-origin: center;
  background: currentColor;
  border-radius: .125rem;
  transition: transform .33s linear, margin .33s linear;
}

.header__btn-menu span:last-of-type {
  --header-btn-menu-span-width: 100%;
  --header-btn-menu-span-rotate: var(--header-btn-menu-span-last-rotate);
  margin-top: var(--header-btn-menu-span-margin-top, .25rem);
}

.header__btn-menu.--is-active {
  --header-btn-menu-span-width: 100%;
  --header-btn-menu-span-rotate: -45deg;
  --header-btn-menu-span-last-rotate: 45deg;
  --header-btn-menu-span-margin-top: -.1875rem;
  z-index: 110;
  color: currentColor;
  transform: translateX(.3125rem);
}

.header__btn-menu.--is-active:after {
  z-index: -1;
  content: "";
  opacity: .6;
  background: none;
  border-radius: 2.375rem;
  width: 100%;
  height: 0;
  transition: box-shadow .33s cubic-bezier(.2, .01, .53, .4);
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, 50%);
}

@media (pointer: fine) {
  .header__btn-menu:hover {
    --btn-menuafter-shadow-size: .9375rem;
    color: var(--cl-grey-dark);
  }
}

.header__menu {
  z-index: 1;
  transform: var(--header-menu-transform, translate(6%, 0) scale(1));
  opacity: var(--header-menu-opacity, 0);
  will-change: transform, opacity;
  transition: transform .5s cubic-bezier(.2, .63, .59, .84), opacity .5s cubic-bezier(.2, .63, .59, .84);
  position: fixed;
  inset: 0;
}

.header__menu.--is-show {
  --header-menu-transform: none;
  --header-menu-opacity: 1;
  --header-menu-close-opacity: .3;
}

.header__menu-close {
  z-index: -2;
  width: inherit;
  background: var(--cl-black);
  box-shadow: -1.25rem 0 .5rem var(--cl-black);
  opacity: var(--header-menu-close-opacity, 0);
  will-change: box-shadow, opacity;
  transition: opacity .6s cubic-bezier(.2, .63, .59, .84) .1s;
  position: absolute;
  inset: 0;
}

.header__menu-content, .header__menu-links {
  flex-flow: column;
  gap: 4.28571vmin;
  display: flex;
}

.header__menu-content {
  width: clamp(17.5rem, 76%, 30rem);
  height: 100%;
  padding: calc(var(--header-height)  + 3rem) 1.5rem 1.5rem;
  color: var(--cl-black-pale);
  text-align: right;
  background: #fffffff7;
  border-radius: 24px 0 0 24px;
  margin: 0 0 0 auto;
  font-size: 1.375rem;
  font-weight: 500;
}

.header__menu-apps, .header__menu-down {
  justify-content: flex-end;
  gap: .875rem;
  margin: 0 -1.5rem -1.5rem;
  padding: 1.5rem;
  display: flex;
}

.header__menu-down {
  color: var(--cl-pale);
  background: var(--cl-black-pale);
  border-radius: 0 0 0 24px;
  flex-flow: column;
  font-size: .875rem;
}

.header__menu-apps {
  margin-top: auto;
  font-size: 3rem;
}

@media (width <= 639px) {
  .header__right {
    --header-btn-menu-display: inline-flex;
  }

  .header__right > :not(.header__btn-menu):not(.button.--second) {
    display: none;
  }
}

.home-welcome__back-pic.--8 :where(object), .home-welcome__back-pic.--7 :where(.transaction-card), .home-welcome__back-pic.--6 :where(.user-card), .home-welcome__back-pic.--5 :where(.credit-card), .home-welcome__back-pic.--4 :where(.transaction-card), .home-welcome__back-pic.--3 :where(.invest-balnce-card), .home-welcome__back-pic.--2 :where(.user-card), .home-welcome__back-pic.--mockup :where(object) {
  will-change: translate;
  grid-area: 1 / 1;
  transition: var(--home-welcome-cards-transition) !important;
  transition-property: opacity, scale, translate !important;
}

.home-welcome {
  --animation-transform-start: scale(.92);
  --transaction-card-size: 100%;
  --home-welcome-animation-function: cubic-bezier(.645, .045, .355, 1);
  --home-welcome-line-stroke-color-start: #b4fa00;
  --home-welcome-line-stroke-color-end: #d4dfea;
  --home-welcome-line-stroke-width: 2;
  --home-welcome-line-stroke-duration: 5s;
  --home-welcome-line-stroke-delay: 1.5s;
  --home-welcome-line-stroke-function: linear;
  --home-welcome-cards-transition: .6s 1.83s var(--home-welcome-animation-function);
  --home-welcome-mockup-beck-vault: 1;
  --home-welcome-mockup-front-vault: 0;
  --container-flex-flow: column;
  --container-align-items: center;
  --container-justify-content: center;
  --sections-spacer: 4.5rem 0 10.5rem;
  z-index: 1;
  min-height: calc(100vh - var(--header-height));
  text-align: center;
  background: linear-gradient(181deg, var(--cl-white) 0.95%, var(--cl-green-pale) 83.45%);
  will-change: transform;
  justify-content: center;
  align-items: center;
  animation: .33s linear .33s both animation;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-welcome__top, .home-welcome__mockups {
  z-index: 1;
  position: relative;
}

.home-welcome__mockups {
  --animation-transform-start: scale(.95);
  will-change: transform;
  animation: .6s linear alternate both animation;
}

.home-welcome__top:after {
  z-index: -1;
  content: "";
  border-radius: 20% 20% 10% 10%;
  position: absolute;
  inset: 17% 6% 35%;
  box-shadow: 0 0 2.9375rem 3.125rem #ffffffb3, inset 0 0 0 6.25rem #ffffffb3;
}

.home-welcome__links {
  appearance: none;
  cursor: pointer;
  align-items: center;
  gap: .5rem;
  margin: 1rem auto 0;
  transition: scale .3s linear, gap .3s linear;
  display: inline-flex;
}

.home-welcome__links .button {
  --button-app-size: 1rem;
  --button-gutter-x: .75rem;
  --button-gutter-y: .5rem;
  --button-height: max-content;
}

@media (pointer: fine) {
  .home-welcome__links:hover {
    scale: 1.1;
  }
}

.home-welcome__back {
  --home-welcome-back-animation-first-duration: .95s;
  --home-welcome-back-animation-first-delay: .455s;
  --home-welcome-back-animation-first-function: var(--home-welcome-animation-function);
  inset: var(--home-welcome-back-inset, 0);
  z-index: 0;
  margin: var(--home-welcome-back-margin, 4.5rem 0 0 0);
  opacity: var(--home-welcome-back-opacity, .92);
  scale: var(--home-welcome-back-scale, 1);
  mix-blend-mode: multiply;
  grid-template: repeat(40, 1fr) / repeat(40, 1fr);
  display: grid;
  position: absolute;
  overflow: hidden;
}

.home-welcome__back-pic {
  --animation-transform-start: scale(var(--home-welcome-back-item-transform-scale-start, .9)) translate(var(--home-welcome-back-item-transform-translate-start, 0, 10vh));
  place-content: var(--home-welcome-back-place-content, center);
  place-items: var(--home-welcome-back-place-items, center);
  grid-area: var(--home-welcome-back-pic-area, 4 / 2 / 30 / 11);
  display: inline-grid;
}

.home-welcome__back-pic:not(.home-welcome__back-pic.--line) {
  animation: animation var(--home-welcome-back-animation-first-duration) var(--home-welcome-back-animation-first-delay) both var(--home-welcome-back-animation-first-function, linear);
  will-change: transform;
  scale: var(--home-welcome-cards-scale, 1);
}

.home-welcome__back-pic.--is-animation {
  --home-welcome-card-beck: 0;
  --home-welcome-card-front: 1;
  --home-welcome-card-scale-front: 1.03;
  --home-welcome-line-opacity: 1;
  --home-welcome-line-stroke-state: running;
}

@media (pointer: fine) {
  .home-welcome__back-pic:hover {
    --home-welcome-card-beck: 0;
    --home-welcome-card-front: 1;
    --home-welcome-card-scale-front: 1.03;
    --home-welcome-cards-transition: .4s .1s var(--home-welcome-animation-function);
  }
}

.home-welcome__back-pic.--mockup {
  --home-welcome-back-place-content: flex-start center;
}

.home-welcome__back-pic.--mockup :where(object) {
  aspect-ratio: 1 / 1.7;
  width: 23.75rem;
  opacity: var(--home-welcome-card-show, 0);
  scale: var(--home-welcome-card-scale, 1);
}

.home-welcome__back-pic.--mockup :where(object):first-child {
  --home-welcome-card-show: var(--home-welcome-card-beck, 1);
}

.home-welcome__back-pic.--mockup :where(object):last-child {
  --home-welcome-card-show: var(--home-welcome-card-front, 0);
  --home-welcome-card-scale: var(--home-welcome-card-scale-front, .96);
}

.home-welcome__back-pic.--2 {
  --home-welcome-back-item-transform-translate-start: 10vw, 0;
  --home-welcome-back-pic-area: 9 / 12 / 18 / 16;
}

.home-welcome__back-pic.--2 :where(.user-card) {
  opacity: var(--home-welcome-card-show, 0);
  scale: var(--home-welcome-card-scale, 1);
}

.home-welcome__back-pic.--2 :where(.user-card):first-child {
  --home-welcome-card-show: var(--home-welcome-card-beck, 1);
}

.home-welcome__back-pic.--2 :where(.user-card):last-child {
  --home-welcome-card-show: var(--home-welcome-card-front, 0);
  --home-welcome-card-scale: var(--home-welcome-card-scale-front, .96);
}

.home-welcome__back-pic.--3 {
  --home-welcome-back-item-transform-translate-start: 10vw, 0;
  --home-welcome-back-pic-area: 29 / 9 / 34 / 18;
}

.home-welcome__back-pic.--3 :where(.invest-balnce-card) {
  opacity: var(--home-welcome-card-show, 0);
  scale: var(--home-welcome-card-scale, 1);
}

.home-welcome__back-pic.--3 :where(.invest-balnce-card):first-child {
  --home-welcome-card-show: var(--home-welcome-card-beck, 1);
}

.home-welcome__back-pic.--3 :where(.invest-balnce-card):last-child {
  --home-welcome-card-show: var(--home-welcome-card-front, 0);
  --home-welcome-card-scale: var(--home-welcome-card-scale-front, .96);
}

@media (width <= 479px) {
  .home-welcome__back-pic.--3 {
    --home-welcome-back-pic-area: 29 / 7 / 34 / 20;
  }
}

.home-welcome__back-pic.--4 {
  --home-welcome-back-pic-area: 35 / 3 / 40 / 16;
  --home-welcome-back-place-content: center !important;
}

.home-welcome__back-pic.--4 :where(.transaction-card) {
  opacity: var(--home-welcome-card-show, 0);
  scale: var(--home-welcome-card-scale, 1);
}

.home-welcome__back-pic.--4 :where(.transaction-card):first-child {
  --home-welcome-card-show: var(--home-welcome-card-beck, 1);
}

.home-welcome__back-pic.--4 :where(.transaction-card):last-child {
  --home-welcome-card-show: var(--home-welcome-card-front, 0);
  --home-welcome-card-scale: var(--home-welcome-card-scale-front, .96);
}

@media (width <= 479px) {
  .home-welcome__back-pic.--4 {
    --home-welcome-back-pic-area: 35 / 1 / 40 / 23;
  }
}

.home-welcome__back-pic.--5 {
  --home-welcome-back-item-transform-translate-start: -10vw, 0;
  --credit-card-size: clamp(12.5rem, 93%, 17.5034rem);
  --home-welcome-back-pic-area: 17 / 25 / 32 / 30;
  grid-auto-columns: 100%;
}

.home-welcome__back-pic.--5 :where(.credit-card) {
  opacity: var(--home-welcome-card-show, 0);
  scale: var(--home-welcome-card-scale, 1);
}

.home-welcome__back-pic.--5 :where(.credit-card):first-child {
  --home-welcome-card-show: var(--home-welcome-card-beck, 1);
}

.home-welcome__back-pic.--5 :where(.credit-card):last-child {
  --home-welcome-card-show: var(--home-welcome-card-front, 0);
  --home-welcome-card-scale: var(--home-welcome-card-scale-front, .96);
}

@media (width <= 1599px) {
  .home-welcome__back-pic.--5 {
    --home-welcome-back-pic-area: 16 / 24 / 33 / 32;
  }
}

@media (width <= 479px) {
  .home-welcome__back-pic.--5 {
    --home-welcome-back-pic-area: 10 / 18 / 36 / 36;
  }
}

@media (width >= 1800px) {
  .home-welcome__back-pic.--5 .credit-card {
    min-width: 15.625rem !important;
  }
}

@media (width >= 1600px) and (width <= 1800px) {
  .home-welcome__back-pic.--5 {
    --home-welcome-back-pic-area: 17 / 23 / 28 / 29;
  }
}

.home-welcome__back-pic.--6 {
  --home-welcome-back-pic-area: 7 / 29 / 17 / 33;
}

.home-welcome__back-pic.--6 :where(.user-card) {
  opacity: var(--home-welcome-card-show, 0);
  scale: var(--home-welcome-card-scale, 1);
}

.home-welcome__back-pic.--6 :where(.user-card):first-child {
  --home-welcome-card-show: var(--home-welcome-card-beck, 1);
}

.home-welcome__back-pic.--6 :where(.user-card):last-child {
  --home-welcome-card-show: var(--home-welcome-card-front, 0);
  --home-welcome-card-scale: var(--home-welcome-card-scale-front, .96);
}

@media (width <= 1599px) {
  .home-welcome__back-pic.--6 {
    --home-welcome-back-pic-area: 8 / 28 / 17 / 33;
  }
}

.home-welcome__back-pic.--7 {
  --home-welcome-back-pic-area: 3 / 28 / 8 / 41;
  --home-welcome-back-place-content: center flex-end;
}

.home-welcome__back-pic.--7 :where(.transaction-card) {
  opacity: var(--home-welcome-card-show, 0);
  scale: var(--home-welcome-card-scale, 1);
}

.home-welcome__back-pic.--7 :where(.transaction-card):first-child {
  --home-welcome-card-show: var(--home-welcome-card-beck, 1);
}

.home-welcome__back-pic.--7 :where(.transaction-card):last-child {
  --home-welcome-card-show: var(--home-welcome-card-front, 0);
  --home-welcome-card-scale: var(--home-welcome-card-scale-front, .96);
}

.home-welcome__back-pic.--8 {
  --home-welcome-back-pic-area: 18 / 33 / 39 / 40;
}

.home-welcome__back-pic.--8 :where(object) {
  aspect-ratio: 1 / 1.7;
  width: 23.75rem;
  opacity: var(--home-welcome-card-show, 0);
  scale: var(--home-welcome-card-scale, 1);
  overflow: hidden;
}

.home-welcome__back-pic.--8 :where(object):first-child {
  --home-welcome-card-show: var(--home-welcome-card-beck, 1);
}

.home-welcome__back-pic.--8 :where(object):last-child {
  --home-welcome-card-show: var(--home-welcome-card-front, 0);
  --home-welcome-card-scale: var(--home-welcome-card-scale-front, .96);
}

.home-welcome__back-pic.--line {
  z-index: -1;
  scale: var(--home-welcome-line-scale, 1);
  opacity: var(--home-welcome-line-opacity, 0);
  overflow: clip;
}

.home-welcome__back-pic.--line svg path {
  animation: animation-line var(--home-welcome-line-stroke-duration, 1s) var(--home-welcome-line-stroke-delay, 1s) infinite both var(--home-welcome-line-stroke-function) var(--home-welcome-line-stroke-direction, normal);
}

.home-welcome__back-pic.--line-1 {
  --home-welcome-back-pic-area: 7 / 7 / 11 / 14;
  --home-welcome-back-place-content: flex-start flex-end;
  --animation-line-array-from: 656 328;
  --animation-line-offset-from: 656;
  --animation-line-array-to: 1968;
  --animation-line-offset-to: 1312;
}

.home-welcome__back-pic.--line-2 {
  --home-welcome-back-pic-area: 15 / 12 / 30 / 16;
  --home-welcome-line-stroke-delay: .3s;
  --animation-line-offset-from: 480;
  --animation-line-array-from: 480 240;
  --animation-line-array-to: 1440;
  --animation-line-offset-to: 960;
}

.home-welcome__back-pic.--line-3 {
  --home-welcome-back-pic-area: 32 / 7 / 39 / 13;
  --home-welcome-line-stroke-direction: reverse;
  --home-welcome-back-place-content: flex-start flex-start;
  --animation-line-array-from: 400 200;
  --animation-line-offset-from: 400;
  --animation-line-array-to: 1200;
  --animation-line-offset-to: 800;
}

.home-welcome__back-pic.--line-4 {
  --home-welcome-back-pic-area: 27 / 12 / 38 / 28;
  --home-welcome-back-place-content: flex-end flex-end;
  --animation-line-array-from: 1308 654;
  --animation-line-offset-from: 1308;
  --animation-line-array-to: 3924;
  --animation-line-offset-to: 2616;
  translate: -3.125% -4.54545%;
}

.home-welcome__back-pic.--line-5 {
  --home-welcome-back-pic-area: 11 / 27 / 18 / 31;
  --animation-line-array-from: 295 147.5;
  --animation-line-offset-from: 295;
  --animation-line-array-to: 885;
  --animation-line-offset-to: 590;
}

@media (width <= 1599px) {
  .home-welcome__back-pic.--line-5 {
    --home-welcome-back-pic-area: 11 / 26 / 22 / 34;
  }
}

.home-welcome__back-pic.--line-6 {
  --animation-line-array-from: 328 164;
  --animation-line-offset-from: 328;
  --animation-line-array-to: 984;
  --animation-line-offset-to: 656;
  --home-welcome-back-pic-area: 5 / 30 / 12 / 34;
  --home-welcome-back-place-conent: baseline;
  --home-welcome-line-stroke-direction: reverse;
  scale: -1;
}

.home-welcome__back-pic.--line-7 {
  --home-welcome-back-pic-area: 4 / 32 / 20 / 41;
  --home-welcome-line-size: 476;
  --animation-line-array-from: 480 240;
  --animation-line-offset-from: 480;
  --animation-line-array-to: 1440;
  --animation-line-offset-to: 960;
}

@media (width <= 1599px) {
  .home-welcome {
    --home-welcome-cards-scale: .88;
    --home-welcome-back-scale: .92;
    --home-welcome-back-inset: 0 -3vw;
    --phones-mockup-width: 86%;
  }
}

@media (width <= 1365px) {
  .home-welcome {
    --home-welcome-cards-scale: .88;
    --home-welcome-back-inset: -5vh -10vw;
    --phones-mockup-width: 77%;
  }
}

@media (width <= 1279px) {
  .home-welcome {
    --home-welcome-cards-scale: .75;
    --home-welcome-back-inset: -7vh -1vw 0;
    --phones-mockup-width: 77%;
  }
}

@media (width <= 639px) {
  .home-welcome {
    --home-welcome-back-opacity: .78;
    --home-welcome-cards-scale: .55;
    --home-welcome-back-inset: 10vh -20vw 17vh;
    --home-welcome-back-pic-area: 1 / 2 / 22 / 11;
  }
}

@media (width <= 479px) {
  .home-welcome__back {
    --home-welcome-line-scale: .88;
    --home-welcome-cards-scale: .52;
    --home-welcome-back-inset: 28vh -24vw 4vh;
    --home-welcome-back-pic-area: 1 / 4 / 20 / 10;
    height: clamp(33.75rem, 100vh, 48rem);
  }
}

@media (width >= 1800px) {
  .home-welcome {
    --sections-spacer: 4.5rem 0 16.25rem;
    --home-welcome-back-inset: -4vh 0 10vh;
  }
}

@media (width >= 2100px) {
  .home-welcome {
    --home-welcome-back-inset: 0;
    --home-welcome-cards-scale: 1;
    --home-welcome-line-stroke-width: 3;
    --home-welcome-back-margin: 0;
  }
}

@media (width >= 2280px) {
  .home-welcome {
    --sections-spacer: 4.5rem 0 25rem;
    --home-welcome-back-inset: 0 4vw 14vh;
    --home-welcome-cards-scale: 1.1;
    --home-welcome-line-stroke-width: 3;
  }
}

.invest-balnce-card {
  --invest-balnce-card-down-first-pseudo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0 6C0 9.31333 2.6865 12 6 12C9.3135 12 12 9.31333 12 6C12 2.68617 9.3135 0 6 0C2.6865 0 0 2.68617 0 6Z' fill='%23F5F6FA'/%3E%3Cpath d='M3.18425 6.32226C2.93858 6.08541 2.93858 5.70141 3.18425 5.46456L5.52045 3.21211L5.55374 3.17745C5.67166 3.06377 5.82475 3.00465 5.97925 3.0001L6.02075 3C6.17525 3.00455 6.32834 3.06366 6.44626 3.17735C6.45759 3.18828 6.4684 3.19952 6.47869 3.21104L8.81575 5.46466C9.06142 5.70151 9.06142 6.08552 8.81575 6.32236C8.57008 6.55921 8.17178 6.55921 7.92611 6.32236L6.7995 5.2365L6.8 8.25C6.8 8.66421 6.46421 9 6.05 9C5.63579 9 5.3 8.66421 5.3 8.25L5.2995 5.1405L4.07389 6.32226C3.85055 6.53758 3.50107 6.55715 3.25481 6.38098L3.18425 6.32226Z' fill='%232BA700'/%3E%3C/svg%3E");
  --bage-marge: 0 0 1.5rem 0;
  --currency-prefix-size: .75rem;
  width: 20rem;
  height: max-content;
  color: var(--cl-grey-medium);
  border: 1px solid var(--invest-balnce-card-border-color, var(--cl-grey-lighten-hight));
  background: var(--cl-white);
  border-radius: 1rem;
  grid-auto-columns: auto minmax(6.25rem, 8.75rem);
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1rem;
  display: inline-grid;
  overflow: hidden;
}

.invest-balnce-card__main {
  flex-flow: column;
  align-items: flex-start;
  gap: .25rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
}

.invest-balnce-card__money {
  color: var(--invest-balnce-card-money-color, var(--cl-black));
  font-size: 1.25rem;
  font-weight: 800;
}

.invest-balnce-card__down {
  color: var(--invest-balnce-card-down-color, var(--cl-grey-dark));
  align-items: center;
  gap: .25rem;
  margin: .25rem 0 0;
  font-size: .75rem;
  display: inline-flex;
}

.invest-balnce-card__down span {
  white-space: nowrap;
  align-items: center;
  gap: .25rem;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
}

.invest-balnce-card__down span:before {
  content: var(--invest-balnce-card-down-first-pseudo);
  justify-content: center;
  place-items: center;
  width: .75rem;
  line-height: .5;
  display: inline-flex;
}

.invest-balnce-card__down span:first-child {
  color: var(--invest-balnce-card-down-arrow-color, var(--cl-green-cash));
  font-weight: 600;
}

.invest-balnce-card__down span:last-child {
  --invest-balnce-card-down-first-pseudo: "•";
}

.invest-balnce-card__graph {
  aspect-ratio: 1 / .45;
  width: 100%;
}

.invest-balnce-card.--light {
  --currency-prefix-color: currentColor;
  --bage-fill: var(--cl-grey-lighten);
  --invest-balnce-card-down-color: currentColor;
  --invest-balnce-card-border-color: currentColor;
  --invest-balnce-card-down-arrow-color: currentColor;
  --invest-balnce-card-down-first-pseudo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0 6C0 9.31333 2.6865 12 6 12C9.3135 12 12 9.31333 12 6C12 2.68617 9.3135 0 6 0C2.6865 0 0 2.68617 0 6Z' fill='%23D4DFEA'/%3E%3Cpath d='M3.18425 6.32226C2.93858 6.08541 2.93858 5.70141 3.18425 5.46456L5.52045 3.21211L5.55374 3.17745C5.67166 3.06377 5.82475 3.00465 5.97925 3.0001L6.02075 3C6.17525 3.00455 6.32834 3.06366 6.44626 3.17735C6.45759 3.18828 6.4684 3.19952 6.47869 3.21104L8.81575 5.46466C9.06142 5.70151 9.06142 6.08552 8.81575 6.32236C8.57008 6.55921 8.17178 6.55921 7.92611 6.32236L6.7995 5.2365L6.8 8.25C6.8 8.66421 6.46421 9 6.05 9C5.63579 9 5.3 8.66421 5.3 8.25L5.2995 5.1405L4.07389 6.32226C3.85055 6.53758 3.50107 6.55715 3.25481 6.38098L3.18425 6.32226Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  --invest-balnce-card-money-color: currentColor;
  color: var(--cl-grey-lighten);
}

.legals {
  --container-flex-flow: column;
  --container-gap: 3rem;
  color: var(--cl-grey-dark);
  position: relative;
}

.legals__top {
  --caption-color: var(--cl-green-cash);
}

.legals__top .container {
  --fills-animation-delay: .1s;
  --animation-transform-start: translate(0, -3%);
  --animation-transform-end: translate(0, 0);
}

.legals__main {
  grid-gap: 3rem;
  grid-template-columns: 3fr 1fr;
  margin: 3rem 0 0;
  display: grid;
  position: relative;
}

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

.legals__content .network-contact:not(:last-child) {
  margin: 0 0 1.5rem;
}

.legals__item {
  --heading-margin: 0 0 1.5rem;
  --heading-color: currentColor;
  --p-font-size: none;
  --p-color: currentColor;
  --p-line-height: 136%;
  --link-color: var(--cl-green-cash);
  --link-hover-color: var(--cl-green-mint);
  background: var(--cl-white);
  padding: 1.5rem;
  font-size: 1.125rem;
  line-height: 136%;
}

.legals__item:not(:last-of-type) {
  border-bottom: .03125rem solid var(--cl-border);
}

.legals__item ul:not(:last-child) {
  margin: 0 0 1.5rem;
}

.legals__item p:not(:last-child) {
  --p-margin: 0 0 .875rem;
}

.legals__item .heading.--h3 {
  --heading-margin: 0 0 1rem;
}

.legals__aside {
  --link-color: currentColor;
  border: .03125rem solid var(--cl-border);
  background: var(--cl-pale);
  min-width: 14.375rem;
  max-width: 23.75rem;
  height: max-content;
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  border-radius: 1.25rem;
  padding: 2rem;
  position: sticky;
  top: 3rem;
}

.legals__aside-head {
  color: var(--cl-black);
  margin: 0 0 1.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.legals__aside-content {
  gap: .75rem;
  display: grid;
}

.legals__aside-link {
  color: var(--cl-grey-dark);
  font-size: 1rem;
  font-weight: 400;
}

.legals__aside-link.--is-active {
  color: var(--cl-green-cash);
}

@media (width <= 1023px) {
  .legals__main {
    grid-gap: 1.5rem;
  }

  .legals__item {
    padding: 1.5rem 0;
  }

  .legals__aside {
    padding: 1.75rem 1.5rem;
  }

  .legals__aside-head {
    margin: 0 0 1.25rem;
  }
}

@media (width <= 639px) {
  .legals__main {
    grid-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .legals__aside {
    display: none;
  }
}

.lines-fill {
  --animation-transform-start: none;
  --animation-opacity-end: var(--lines-fill-opacity);
  grid-template: var(--lines-fill-template, repeat(20, 1fr));
  width: auto;
  opacity: var(--lines-fill-opacity, 1);
  display: grid;
}

.lines-fill__wrap {
  grid-area: var(--lines-fill-area, 1 / 1 / 21 / 21);
  width: 100%;
}

.lines-fill svg .svg_b {
  stroke-dasharray: 2 2;
}

.lines-fill svg .svg_c {
  stroke: var(--cl-grey-medium);
}

.lines-fill.--flow {
  inset: var(--lines-fill-inset, initial);
  z-index: var(--lines-fill-index, initial);
  position: absolute;
}

.lines-fill.--fees {
  --lines-fill-svg-stop-color: var(--cl-warn);
  --lines-fill-svg-stop-color-1: var(--cl-grey-medium);
}

.modern-workers {
  --container-justify-content: center;
  --container-align-items: center;
  --caption-margin: 0 0 1.5rem;
  --credit-card-size: clamp(9.375rem, 58%, 18.75rem);
  --credit-card-margin: auto 10.2vw;
  background: var(--cl-white);
  min-height: 35rem;
}

.modern-workers__main {
  text-align: center;
  justify-content: center;
  place-items: end;
  gap: 3rem;
  display: grid;
}

.modern-workers__bts {
  flex-flow: wrap;
  justify-content: center;
  gap: .75rem;
  margin: 0 auto auto;
  display: inline-flex;
}

@media (width <= 991px) {
  .modern-workers {
    --container-flex-flow: column-reverse;
    --credit-card-margin: 10% 8.2vw;
  }
}

@media (width >= 768px) {
  .modern-workers__figure {
    grid-area: 2 span / 2 / 1;
  }
}

.network-contact {
  height: max-content;
  color: var(--cl-grey-medium);
  background: var(--cl-pale);
  box-shadow: var(--sh-card-secondary, 0rem 0rem .25rem 0rem #00000026);
  border-radius: .625rem;
  flex-flow: column;
  padding: 1rem;
  font-weight: 300;
  display: flex;
}

.network-contact__head {
  color: var(--cl-white);
  background: var(--cl-grey-dark);
  border-radius: .625rem;
  padding: 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.network-contact__content {
  flex-flow: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem 1.25rem;
  display: flex;
}

.network-contact__item {
  --button-size: .8125rem;
  --button-gutter-y: .375rem;
  --button-gutter-x: 1.25rem;
  flex: 1;
  grid-auto-rows: fit-content(100%);
  justify-content: flex-start;
  gap: .5rem;
  min-width: 12.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  display: inline-grid;
}

.network-contact__item h3 {
  color: var(--cl-grey-dark);
  flex: 1;
  margin: 0 0 .5rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.notify {
  --p-margin: 2rem 0 1.5rem;
  --animation-transform-start: none;
  --animation-opacity-start: .7;
  --animation-opacity-end: .95;
  --link-color: var(--cl-green-cash);
  --link-hover-color: var(--cl-green-mint);
  max-width: 32.5rem;
  color: var(--cl-grey-dark);
}

.notify__form {
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  justify-content: space-around;
  gap: .75rem;
  width: 100%;
  display: grid;
  position: relative;
}

.notify__form:before {
  z-index: 2;
  content: var(--notify-form-msg, none);
  color: var(--notify-form-msg-color, currentColor);
  text-transform: uppercase;
  background: var(--cl-white);
  animation: animation 2s .6s infinite alternate-reverse linear var(--notify-form-msg-play-state, running);
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 0;
}

.notify__list {
  gap: .5rem;
  margin: 0 0 1.75rem .75rem;
  display: inline-grid;
}

.notify__list li {
  align-items: center;
  gap: .75rem;
  display: inline-flex;
}

.notify__list li:before {
  content: "";
  font-size: toRem(12);
  color: var(--cl-green-cash);
  font-family: kasi-web-icons;
  line-height: 1;
}

.notify.--sending {
  --notify-form-msg: "Sending.....";
}

.notify.--success {
  --notify-form-msg: "Success";
  --notify-form-msg-color: var(--cl-green-kasi);
  --notify-form-msg-play-state: paused;
  --animation-opacity-start: 1;
  --animation-opacity-end: 1;
}

.notify.--error {
  --notify-form-msg: "Error";
  --notify-form-msg-color: var(--cl-error);
}

.partners {
  --sections-spacer: 4.5rem 0;
  --container-flex-flow: column;
  --container-align-items: center;
  --caption-display: block;
  --partners-wrap-gap: 2rem;
  --partners-wrap-height: 4.5rem;
  --animation-slider-move-size: 16.25rem;
  --animation-slider-move-count: 5;
  background: var(--cl-white);
  flex-flow: column;
  justify-content: center;
  place-items: center;
  gap: 3rem;
  width: 100%;
  height: max-content;
  min-height: 30rem;
  display: flex;
  position: relative;
  inset: 0 0 auto auto;
  overflow: hidden;
}

.partners__container {
  gap: var(--partners-wrap-gap);
  justify-content: revert-layer;
  width: 100%;
  max-width: clamp(16.875rem, 100vw, 90rem);
  min-height: var(--partners-wrap-height);
  width: fit-content;
  padding: 0 var(--container-gutter);
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.partners__container :where(:not(:first-child)) {
  --partners-item-content: "";
}

.partners__container:before, .partners__container:after {
  inset: var(--partners-container-inset, 0 86% 0 -.1875rem);
  z-index: 1;
  content: "";
  scale: var(--partners-container-scale, 1.1);
  background: linear-gradient(90deg, #fff 28%, #fff0 72%);
  position: absolute;
}

.partners__container:after {
  --partners-container-inset: 0 -.1875rem 0 86%;
  --partners-container-scale: -1.1;
}

.partners__item {
  min-height: var(--partners-wrap-height);
  animation: animation-slider-move 26s alternate-reverse linear infinite var(--partners-item-state, paused);
  will-change: translate;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: inline-flex;
  position: relative;
}

.partners__item:before {
  inset: 0 auto 0 calc(var(--partners-wrap-gap) * -1);
  width: var(--partners-wrap-gap);
  min-height: var(--partners-wrap-height);
  content: var(--partners-item-content, none);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 74'%3E%3Cpath d='m30 0.5-29.5 73' stroke='%23D4DFEA' stroke-dasharray='3 3' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
  position: absolute;
}

.partners__item svg {
  width: max-content;
  height: 2.0625rem;
  display: inline-flex;
}

@media (width <= 639px) {
  .partners {
    --animation-slider-move-size: 11.25rem;
  }
}

.phones-mockup {
  place-content: center;
  display: inline-flex;
}

.phones-mockup__image {
  width: var(--phones-mockup-width, 100%);
  max-width: var(--phones-mockup-max-width, 19.25rem);
  height: var(--phones-mockup-height, max-content);
}

.platforms-links {
  --h3-size: 1.125rem;
  --heading-margin: auto 0 0;
  --heading-color: currentColor;
  --p-margin: 0 0 auto;
  --p-small-color: currentColor;
  --p-small-line-heigh: 1.1;
  z-index: 1000;
  color: var(--cl-white);
  padding: var(--container-gutter);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 0 0;
}

.platforms-links:before {
  z-index: -1;
  content: "";
  background: linear-gradient(in oklab, #fff0, var(--cl-black-pale));
  opacity: .6;
  position: absolute;
  inset: 0;
}

.platforms-links {
  opacity: 0;
  transition: transform 1s linear, opacity 1s linear;
  transform: translate(0, 35vh);
}

.platforms-links.--is-show {
  transform: translate(0);
  opacity: 1 !important;
}

.platforms-links__wrap {
  --button-inset: .375rem .375rem auto auto;
  --button-index: 2;
  --button-close-size: .625rem;
  width: 100%;
  max-width: 30rem;
  padding: var(--container-gutter);
  border: .125rem solid var(--cl-grey-dark);
  background: var(--cl-black-pale);
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  border-radius: .625rem;
  grid-auto-columns: max-content 1fr;
  align-items: center;
  gap: .25rem .875rem;
  display: inline-grid;
  position: relative;
}

.platforms-links__wrap .heading {
  grid-area: 1 / 2;
}

.platforms-links__wrap p {
  grid-area: 2 / 2;
}

.platforms-links__wrap .button {
  grid-area: 2 span / 3;
}

.platforms-links__logo {
  aspect-ratio: 1;
  width: 3rem;
  color: var(--cl-black);
  background: var(--cl-green-neon);
  border-radius: .75rem;
  grid-area: 2 span / 1;
  place-content: center;
  place-items: center;
  margin: 0;
  display: inline-flex;
}

.platforms-links__logo svg {
  width: 1.5rem;
}

.qr-viewer {
  position: var(--qr-viewer-position, relative);
  inset: var(--qr-viewer-inset, auto);
  translate: var(--qr-viewer-translate, none);
  justify-content: center;
  display: inline-flex;
}

.qr-viewer__btn {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
}

.qr-viewer__btn:focus-within, .qr-viewer__btn:hover {
  color: var(--cl-green-cash);
}

.qr-viewer__btn:focus-within + .qr-viewer__code, .qr-viewer__btn:hover + .qr-viewer__code {
  --qr-viewer-code-opacity: 1;
}

.qr-viewer.--float {
  --qr-viewer-position: absolute;
  --qr-viewer-inset: 50% auto auto 50%;
  --qr-viewer-translate: -50% -50%;
  z-index: 1;
}

.qr-viewer__code {
  position: var(--qr-viewer-code-position, absolute);
  inset: var(--qr-viewer-code-inset, 120% auto auto auto);
  z-index: 1;
  padding: var(--qr-viewer-code-spacer, 1rem);
  color: var(--cl-grey-dark);
  text-align: center;
  border-radius: var(--qr-viewer-code-radius, .625rem);
  background: var(--qr-viewer-picture-fill, var(--cl-white));
  box-shadow: var(--qr-viewer-code-shadow, 0 .1875rem .6875rem -.5rem #495b6ecc);
  opacity: var(--qr-viewer-code-opacity, 0);
  will-change: opacity, box-shadow;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  line-height: 1;
  transition: opacity .33s cubic-bezier(.2, .01, .53, .4), padding .33s cubic-bezier(.2, .01, .53, .4), box-shadow .33s cubic-bezier(.2, .01, .53, .4);
  display: inline-flex;
}

.qr-viewer__code picture {
  width: var(--qr-viewer-picture-size, 9rem);
  aspect-ratio: 1;
  padding: var(--qr-viewer-picture-spacer, .125rem);
  box-shadow: var(--qr-viewer-picture-shadow, 0 0 1px 0 #00000040);
  cursor: none;
  border-radius: .5rem;
  display: inline-flex;
  overflow: hidden;
}

.qr-viewer.--second {
  --qr-viewer-picture-fill: #ffffffd6;
  --qr-viewer-code-shadow: 0 0rem 0rem .1875rem var(--cl-green-neon) !important;
}

.qr-viewer.--large {
  --qr-viewer-code-opacity: 1;
  --qr-viewer-code-position: static;
  --qr-viewer-picture-shadow: none;
  --qr-viewer-code-shadow: 0 0rem 0rem .5rem var(--cl-grey-dark);
  --qr-viewer-code-spacer: 1rem;
  --qr-viewer-picture-spacer: 0;
  --qr-viewer-code-radius: 1.25rem;
}

@media (pointer: fine) {
  .qr-viewer.--on-hover-scale {
    will-change: scale;
    cursor: none;
    transition: scale .33s cubic-bezier(.2, .01, .53, .4);
  }

  .qr-viewer.--on-hover-scale:hover {
    --qr-viewer-code-shadow: 0 0rem 0rem .5rem var(--cl-green-cash);
    --qr-viewer-code-spacer: .375rem;
    scale: 1.7;
  }
}

@media (width <= 1560px) {
  .qr-viewer {
    justify-content: flex-end;
  }
}

.support-faq {
  --container-flex-flow: column;
  --container-gap: 3rem;
  z-index: 1;
  background: var(--cl-green-pale);
  padding: 5rem 0;
  position: relative;
}

.support-faq__top {
  --caption-color: var(--cl-green-cash);
  --p-margin: 1.5rem 0 0;
  --p-color: var(--grey-dark);
}

.support-faq__list {
  background: var(--cl-white);
  width: 100%;
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  border-radius: 1.5rem;
  flex-flow: column;
  display: flex;
}

.support-faq__item {
  --heading-display: inline-block;
  --p-color: var(--cl-grey-dark);
  --p-font-size: 1.125rem;
  padding: var(--support-faq-item-spacer, 3rem);
  flex-flow: column;
  flex: 1;
  gap: 1.5rem;
  display: flex;
}

.support-faq__item:not(:last-child) {
  border-bottom: var(--support-faq-item-border, .125rem solid var(--cl-green-pale));
  transition: border .33s cubic-bezier(.2, .01, .53, .4);
}

.support-faq__item h3 {
  color: var(--cl-grey-dark);
  font-size: 1.125rem;
  font-weight: 700;
}

.support-faq__item ul {
  margin-top: -.5rem;
}

@media (pointer: fine) {
  .support-faq__item:hover {
    --support-faq-item-border: .1875rem solid var(--cl-green-cash);
  }
}

@media (width <= 639px) {
  .support-faq {
    --support-faq-item-spacer: 2rem;
  }
}

.support-promo {
  --fills-animation-delay: 2s;
  --container-position: relative;
  --container-justify-content: space-between;
  --container-align-items: center;
  --caption-color: var(--cl-green-cash);
  --caption-display: flex;
  --caption-flow: column;
  --caption-margin: 1.5rem 0 0;
  --p-max-width: 30rem;
  --p-color: $ light;
  --p-margin: 1.5rem 0 3rem;
  background: var(--cl-green-dark);
  contain: content;
  min-height: 45rem;
}

.support-promo__content {
  --fills-animation-delay: .1s;
  --animation-transform-start: translate(0, -3%);
  --animation-transform-end: translate(0, 0);
  z-index: 3;
  position: relative;
}

.support-promo__fig {
  --animation-transform-start: scale(0) translateX(-100%) rotateY(-180deg);
  --animation-transform-end: scale(1) translateX(0) rotateY(0);
  --support-promo-fig-shadow-size: 1rem;
  --shadows-show-end: 0 0 0 calc(var(--support-promo-fig-shadow-size, .75rem) * 1) #1961001a, 0 0 0 calc(var(--support-promo-fig-shadow-size, .75rem) * 2.8) #2ba7000d, 0 0 0 calc(var(--support-promo-fig-shadow-size, .75rem) * 4.8) #2ba70008;
  inset: var(--support-promo-fig-inset, unset);
  z-index: 2;
  width: clamp(18.75rem, var(--support-promo-fig-width, 33.3vw), 29.1667rem);
  aspect-ratio: 1;
  margin: var(--support-promo-fig-offset, auto 10% auto auto);
  transform-origin: 10% -5%;
  will-change: transform, opacity;
  animation: shadows-show 1.66s 2s infinite linear both alternate-reverse, animation var(--fills-animation-delay) cubic-bezier(.51, .18, 0, .95);
  border-radius: 50%;
  display: inline-flex;
  position: relative;
}

.support-promo__fig picture {
  border-radius: inherit;
  position: relative;
  overflow: hidden;
}

.support-promo__fig picture:after {
  content: "";
  background: linear-gradient(30deg, #0000 0%, var(--cl-green-dark) 120%);
  position: absolute;
  inset: 0;
}

.support-promo__fig img {
  width: 100%;
}

.support-promo__cards {
  --animation-transform-start: scale(0);
  --animation-transform-end: scale(1);
  inset: var(--support-promo-cards-inset, -31% -10% -80% 45%);
  z-index: 1;
  grid-template: repeat(16, 1fr) / repeat(16, 1fr);
  display: grid;
  position: absolute;
}

.support-promo__card-item {
  --avatar-logo-fill: var(--cl-green-dark);
  grid-area: var(--support-promo-card-item-area);
  place-content: center;
  place-items: center;
  display: inline-flex;
}

.support-promo__card-item:first-child {
  --support-promo-card-item-area: 8 / 1 / 14 / 5;
}

.support-promo__card-item:nth-child(2) {
  --support-promo-card-item-area: 2 / 13 / 8 / 16;
}

.support-promo__card-item:nth-child(3) {
  --avatar-logo-fill: var(--cl-white);
  --support-promo-card-item-area: 13 / 11 / 17 / 15;
}

.support-promo__card-item .user-card {
  --user-card-second-fill: transparent;
  transform-origin: center;
  scale: .7692;
  --user-card-color: var(--cl-green-medium) !important;
}

@media (width <= 767px) {
  .support-promo {
    --support-promo-fig-width: 48vw;
    --support-promo-fig-offset: auto -60vw auto auto;
    --support-promo-fig-inset: -7vh auto auto -58vw;
  }
}

@media (width <= 479px) {
  .support-promo {
    --support-promo-cards-inset: 16% 6% -68% 55%;
    --support-promo-fig-width: 100vw;
    --support-promo-fig-offset: auto -100vw auto auto;
    --support-promo-fig-inset: -45vw auto auto -54vw;
  }
}

.support-timer {
  margin: var(--support-timer-margin, auto 0 auto auto);
  font-size: var(--support-timer-size, 1.125rem);
  color: var(--grey-dark);
  flex-flow: column;
  gap: .625rem;
  font-weight: 300;
  line-height: 1.2;
  display: inline-flex;
}

.support-timer :where(strong, b) {
  font-weight: 600;
}

.support-timer__card {
  max-width: max-content;
  font-size: var(--support-timer-card-size, 3.5rem);
  color: var(--cl-green-pale);
  border-radius: .75rem;
  gap: .125rem;
  margin: auto;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
}

.support-timer__card * {
  display: inherit;
  padding: var(--support-timer-card-spacer, .75rem 1.5rem);
  background: #2ba700e0;
  flex: 1 0;
  justify-content: center;
  align-items: center;
  font-family: SF Pro;
}

.support-timer__card :last-child {
  color: var(--support-timer-last-color, var(--cl-green-neon));
  background: var(--cl-green-medium);
  flex: 1;
  font-family: SF Pro Rounded;
  font-size: 1.125rem;
  font-weight: 600;
}

.support-timer.--second {
  --support-timer-last-color: currentColor;
  --support-timer-size: .875rem;
  --support-timer-card-size: 3.125rem;
  --support-timer-card-spacer: .5rem .75rem;
  font-weight: 100;
}

.support-top {
  --container-flex-flow: column;
  --caption-margin: 0 0 3rem;
  --caption-color: var(--cl-green-dark);
  --link-color: var(--cl-black);
  --link-hover-color: var(--cl-green-medium);
  padding: 4.5rem 0;
  position: sticky;
  top: 0;
}

.support-top__list {
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.15;
  display: grid;
}

.support-top__list strong {
  color: var(--support-top-color-link-strong, );
  font-weight: 500;
}

@media (pointer: fine) {
  .support-top__list :where(a, button) {
    align-items: center;
    gap: .625rem;
    display: inline-flex;
  }

  .support-top__list :where(a, button):before {
    content: "";
    font-size: var(--support-top-link-arrow, 0);
    transform-origin: center;
    font-family: kasi-web-icons;
    line-height: 1;
    transition: font-size .33s cubic-bezier(.2, .01, .53, .4);
  }

  .support-top__list :where(a, button):hover {
    --support-top-color-link-strong: var(--cl-green-cash);
    --support-top-link-arrow: .875rem;
  }
}

.support-top ~ .ask-anything {
  --ask-anything-fill: var(--cl-white);
  z-index: 1;
  position: relative;
}

@media (width >= 480px) {
  .support-top__list {
    grid-template-columns: repeat(auto-fit, minmax(25.5rem, 1fr));
    font-size: 1.75rem;
  }
}

.ticker {
  background: var(--cl-green-pale);
  user-select: none;
  cursor: none;
  width: 100vw;
  min-height: 4.6875rem;
  padding: 1.5rem;
  overflow: clip;
}

.ticker, .ticker__wrap {
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-content: center space-between;
  align-items: center;
  display: grid;
}

.ticker__wrap {
  min-width: 100vw;
  animation: animation-ticker 26s infinite linear var(--ticker-state, paused);
  will-change: translate;
}

.ticker__item {
  color: var(--cl-grey);
  white-space: nowrap;
  align-items: center;
  padding: 0 1.5rem;
  font-family: Movement Indirect;
  font-size: .875rem;
  font-weight: 100;
  line-height: 1.4;
  display: inline-grid;
}

.ticker__item b {
  font-weight: 900;
}

.transaction-card {
  --p-large-color: currentColor;
  --p-large-font-size: em(17);
  --p-hard-small-color: currentColor;
  align-items: center;
  gap: var(--transaction-card-gap, .875rem);
  z-index: 1;
  width: var(--transaction-card-width, clamp(em(280), 100%, 26.25em));
  color: var(--cl-black);
  text-align: initial;
  font-size: var(--transaction-card-size, 1rem);
  border-radius: var(--transaction-card-radius, 1.25rem);
  border: 1px solid var(--transaction-card-border-color, var(--cl-grey-lighten-hight));
  background: var(--transaction-card-fill, var(--cl-white));
  background: var(--cl-white);
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  padding: 1.25em 1.5em;
  display: inline-flex;
}

.transaction-card__info {
  flex-flow: column;
  flex: 1;
  gap: .3125em;
  display: inline-flex;
}

.transaction-card__info p.--large {
  --p-font-weight: bold;
}

.transaction-card__price {
  color: currentColor;
  text-align: right;
  margin: auto 0 auto auto;
  font-family: SF Pro;
  font-size: .875em;
  font-weight: 800;
}

.transaction-card.--light {
  --avatar-image-display: none;
  --avatar-stroke: 1px solid currentColor;
  --currency-prefix-color: currentColor;
  --transaction-card-border-color: currentColor;
  color: var(--cl-grey-lighten);
}

.user-card {
  --p-hard-small-color: var(--user-card-p-color, var(--cl-grey-medium));
  --logo-icon-size: 78.1429%;
  --user-card-avatar-stroke-size: .25rem;
  --avatar-stroke: var(--user-card-avatar-stroke-size) solid var(--cl-white);
  --avatar-margin: calc(var(--user-card-avatar-stroke-size) * -1) 0;
  --p-margin: 0;
  color: var(--user-card-color, var(--cl-black));
  text-align: center;
  white-space: nowrap;
  flex-flow: column;
  align-items: center;
  display: inline-flex;
}

.user-card.--discoloration {
  --user-card-ava-grayscale: 1;
}

.user-card.--second {
  --user-card-avatar-stroke-size: 0;
  --avatar-stroke: var(--user-card-avatar-stroke, none);
  --avatar-size: 5.625rem;
  --avatar-margin: 0;
  border-radius: var(--user-card-radius, .625rem);
  border: var(--user-card-second-stroke, 1px solid var(--cl-grey-lighten-hight));
  background: var(--user-card-second-fill, var(--cl-white));
  padding: 1.375rem .9375rem;
}

.user-card.--light {
  --user-card-avatar-stroke: 1px solid currentColor;
  --user-card-second-stroke: 1px solid currentColor;
  --user-card-p-color: currentColor;
  --user-card-color: var(--cl-grey-lighten);
  --logo-color: currentColor;
  --avatar-image-display: none;
  --avatar-logo-filter: none;
  --avatar-logo-stroke: 1px solid currentColor;
}

.user-card.--light-logo-fills {
  --avatar-logo-filter: invert(0) grayscale(1) brightness(1.9);
}

.user-card__top {
  filter: grayscale(var(--user-card-ava-grayscale, 0));
  will-change: filter;
  transition: filter .23s linear, opacity .23s linear;
}

.user-card__name {
  margin: .6875rem auto .25rem;
  font-family: Movement Indirect;
  font-size: 1rem;
  font-weight: 900;
}

.users-slider {
  padding: var(--users-slider-spacer, 2.5rem 0 7.5rem);
  background: var(--green-pale, #f7f8f5);
  overflow: clip;
}

.users-slider__wrap {
  gap: 2.5rem var(--users-slider-wrap-gap-x, 1.5rem);
  flex-flow: wrap;
  place-content: space-evenly;
  align-items: center;
  min-width: 100vw;
  display: flex;
}

@media (pointer: fine) {
  .users-slider__wrap:hover {
    --users-slider-item-state: paused;
  }
}

.users-slider .user-card {
  flex: var(--users-slider-card-flex, auto);
  width: var(--animation-slider-move-size);
  animation: animation-slider-move 20s linear infinite var(--users-slider-item-state, paused);
  will-change: translate;
  translate: none;
}

.users-slider .user-card:nth-child(8) ~ * {
  display: var(--users-slider-display-8, inline-flex);
}

.users-slider .user-card:nth-child(9) ~ * {
  display: var(--users-slider-display-9, inline-flex);
}

.users-slider .user-card:nth-child(10) ~ * {
  display: var(--users-slider-display-10, inline-flex);
}

@media (pointer: fine) {
  .users-slider .user-card {
    --user-card-ava-grayscale: 1;
  }

  .users-slider .user-card:hover {
    --user-card-ava-grayscale: 0;
  }
}

@media (width < 1024px) {
  .users-slider {
    --users-slider-spacer: 2.5rem 0;
    --users-slider-card-flex: 1 1 15%;
    --users-slider-display-10: none;
    --users-slider-item-state: paused !important;
  }
}

@media (width <= 639px) {
  .users-slider {
    --users-slider-card-flex: 1 1 7.75rem;
    --users-slider-display-8: none;
    --users-slider-display-9: none;
  }
}

@media (width <= 511px) {
  .users-slider {
    --users-slider-display-8: inline-flex;
  }
}

@media (width <= 479px) {
  .users-slider {
    --users-slider-wrap-gap-x: 2rem;
    --users-slider-display-9: none;
  }
}

@media (width <= 380px) {
  .users-slider {
    --users-slider-wrap-gap-x: 1.5rem;
  }
}

@media (width <= 360px) {
  .users-slider {
    --users-slider-wrap-gap-x: 1rem;
  }
}

@media (width <= 315px) {
  .users-slider {
    --users-slider-display-8: none;
  }
}

@media (width >= 1024px) {
  .users-slider__wrap {
    --animation-slider-move-size: 160px;
    --animation-slider-move-count: 11;
    min-width: calc(var(--animation-slider-move-size) * var(--animation-slider-move-count) * 2);
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0;
    width: fit-content;
  }
}

.download-intro {
  --container-position: relative;
  --container-align-items: center;
  --p-margin: 1.5rem 0 3rem;
  --p-max-width: 46.875rem;
  --animation-transform-start: translate(0, 5%);
  animation: .8s linear both animation;
  overflow: hidden;
}

.download-intro__trust:before, .download-intro__trust .avatar, .download-intro__trust-main, .download-intro__trust .button, .download-intro__media, .download-intro__media > * {
  --animation-transform-start: translate(-20px, 0);
  animation: animation var(--download-intro-animation-delay, 1.8s) .8s both linear;
  will-change: transform, opacity;
}

.download-intro__trust {
  --avatar-padding: 0;
  --p-margin: .25rem 0 0;
  --p-line-height: 1;
  --p-font-weight: bold;
  white-space: nowrap;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem;
  font-family: SF Pro;
  line-height: 1;
  display: inline-flex;
  position: relative;
}

.download-intro__trust:before {
  --animation-transform-start: scaleX(.2);
  z-index: -1;
  content: "";
  background: var(--cl-pale);
  transform-origin: 0;
  border-radius: 9.125rem;
  position: absolute;
  inset: 0;
  --download-intro-animation-delay: 1s !important;
}

.download-intro__trust mark {
  color: var(--cl-green-cash);
  font-size: 2.25rem;
  font-weight: 800;
}

.download-intro__trust span {
  font-size: .75rem;
  font-style: italic;
  font-weight: 100;
}

.download-intro__trust .button {
  --animation-transform-start: translate(-20px, 0) scale(1);
  --download-intro-animation-delay: 1.8s;
}

.download-intro__trust .avatar {
  --animation-transform-start: translate(-0%, 0) scale(.95);
  --download-intro-animation-delay: 1.1s;
}

.download-intro__trust .avatar:nth-of-type(3) {
  --animation-transform-start: translate(-200%, 0) scale(.95);
  --download-intro-animation-delay: .9s;
}

.download-intro__trust .avatar:nth-of-type(2) {
  --animation-transform-start: translate(-100%, 0) scale(.95);
  --download-intro-animation-delay: 1s;
}

.download-intro__avatars {
  grid-template-columns: repeat(3, 2rem);
  padding: 0 2.5rem 0 0;
  display: inline-grid;
}

.download-intro__media {
  --animation-transform-start: translate(4dvw, 0) scale(1);
  --download-intro-animation-delay: 1s;
  grid-template: repeat(10, 1fr) / repeat(10, 2rem);
  place-items: center;
  width: 20rem;
  height: 25.9375rem;
  margin: auto;
  display: grid;
}

.download-intro__media-mockup {
  --phones-mockup-width: 10.875rem;
  --animation-opacity-start: 1;
  grid-area: 1 / 2 / 10 / 10;
}

.download-intro__media-user {
  --animation-transform-start: scale(.1);
  grid-area: 3 / 7 / 8 / 10;
  scale: .517;
}

.download-intro__media-card {
  --credit-card-size: 7.0575rem;
  --animation-transform-start: translate(150%, 0);
  z-index: -1;
  grid-area: 5 / 1 / 8 / 4;
}

.download-intro__media-ava {
  --avatar-size: 3.0625rem;
  --download-intro-animation-delay: 0s;
  grid-area: var(--download-intro-area, 1 / 1 / 4 / 3);
}

.download-intro__media-ava.--2 {
  --avatar-size: 3.3125rem;
  --download-intro-area: 1 / 9 / 3 / 11;
  --animation-transform-start: translate(38%, 0) scale(.95);
  --download-intro-animation-delay: .4s;
  filter: grayscale();
}

.download-intro__media-ava.--3 {
  --avatar-size: 5.75rem;
  --download-intro-area: 9 / 2 / 11 / 5;
  --animation-transform-start: translate(150px, 0) scale(.95);
  --download-intro-animation-delay: .9s;
}

.download-intro__media-ava.--4 {
  --download-intro-area: 7 / 9 / 10 / 10;
  --animation-transform-start: translate(-130px, 0) scale(.95);
  --download-intro-animation-delay: 1.1s;
  z-index: -1;
}

@media (width <= 767px) {
  .download-intro {
    --caption-margin: 20vh 0 0;
  }

  .download-intro__trust {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .download-intro__media {
    z-index: -1;
    position: absolute;
    inset: 0 -3rem auto auto;
    scale: .9;
    mask-image: linear-gradient(30deg, #0000 -15%, #fff 85%);
  }
}

@media (width >= 1600px) {
  .download-intro {
    margin: 13vh 0;
  }
}

@media (width >= 540px) and (width <= 992px) {
  .download-intro__trust {
    width: -webkit-fill-available;
  }

  .download-intro__trust .button {
    margin-left: auto;
  }
}

@media (width <= 479px) {
  .download-intro__trust:before {
    transform-origin: center;
    border-radius: 3rem;
  }

  .download-intro .button {
    --animation-transform-start: scale(.8);
    --download-intro-animation-delay: .5s;
  }
}

.banking-built {
  --container-flex-flow: column;
  --container-gap: 4.5rem;
  --animation-transform-start: translate(0, 10%);
  --banking-built-card-fill: #f8f8f9;
  animation: .8s linear both animation;
}

.banking-built__content {
  align-items: center;
  width: 100%;
  display: grid;
}

@media (width >= 768px) {
  .banking-built__content {
    grid-template-columns: 16.75rem minmax(31.25rem, 1fr);
    gap: 1.5rem;
  }
}

@media (width >= 992px) {
  .banking-built__content {
    grid-template-columns: minmax(17.5rem, 24.125rem) minmax(37.5rem, 1fr);
    gap: 3rem;
  }
}

.banking-built__top {
  margin: auto;
}

.banking-built__nav {
  --p-max-width: 12.5rem;
  gap: var(--gutterX2, 1.5rem);
  z-index: 2;
  padding: var(--gutterX3, 3rem) 0;
  text-wrap: balance;
  flex-flow: column;
  display: inline-flex;
  position: relative;
}

.banking-built__nav-item {
  border-radius: 2rem;
  padding: 2rem 3rem;
  transition: background-color .33s cubic-bezier(.2, .01, .53, .4), box-shadow .33s cubic-bezier(.2, .01, .53, .4), display .33s cubic-bezier(.2, .01, .53, .4);
}

@starting-style {
  .banking-built__nav-item {
    display: initial;
  }
}

.banking-built__nav-item, .banking-built__nav-item p {
  transition: opacity .4s linear, background-color .4s linear, height .4s linear;
}

.banking-built__nav-item p {
  opacity: var(--banking-built-nav-item-text-opacity, 1);
}

.banking-built__nav-item:not(.--is-active) {
  --p-font-size: 0;
  --banking-built-nav-item-text-opacity: 0;
}

.banking-built__nav-item.--is-active {
  --p-margin: .5rem 0 0;
  background-color: var(--banking-built-card-fill);
  box-shadow: 0 .1875rem .5rem -.5rem #495b6e1a;
}

@media (pointer: fine) {
  .banking-built__nav-item:hover {
    background-color: var(--banking-built-card-fill);
    cursor: pointer;
  }
}

.banking-built__cards {
  flex-flow: column;
  display: flex;
}

.banking-built__card {
  --p-font-size: 2.5rem;
  --p-font-weight: 100;
  text-align: center;
  background-color: var(--banking-built-card-fill);
  box-shadow: var(--sh-card-primary, 0rem .125rem 1rem -.5rem #495b6e26);
  border-radius: 3rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 3rem 4.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.banking-built__card:not(.--is-active) {
  opacity: 0;
  max-height: 0;
  padding: 0;
}

.banking-built__card.--is-active {
  --banking-built-card-text-transform: 0, 0;
  --banking-built-card-text-opacity: 1;
  min-height: max(28.75rem, 55vh);
  --banking-built-card-img-transform: none !important;
  --banking-built-card-img-opacity: 1 !important;
}

.banking-built__card :where(:not(picture)) {
  z-index: 1;
}

.banking-built__card.--1 img {
  object-position: right bottom;
  width: 110%;
  margin: auto 0 0 -9%;
}

.banking-built__card.--1 picture:before {
  aspect-ratio: 1;
  content: "";
  background: var(--cl-green-neon);
  filter: blur(355px);
  border-radius: 214px;
  width: 14.25rem;
  position: absolute;
  inset: 20% 10% auto auto;
}

.banking-built__card.--1 svg {
  inset: var(--banking-built-card-item-svg-inset, 40% auto auto 10%);
  transform: var(--banking-built-card-img-transform, scale(0) translate(-30%, -10%));
  transition: transform .8s linear;
  position: absolute;
}

.banking-built__card.--1 svg:last-of-type {
  --banking-built-card-item-svg-inset: 10% 10% auto auto;
}

.banking-built__card p {
  position: relative;
}

.banking-built__card p, .banking-built__card p + * {
  transform: translate(var(--banking-built-card-text-transform, 0, 10vw));
  opacity: var(--banking-built-card-text-opacity, 0);
  transition: opacity .4s linear, transform .4s linear;
}

.banking-built__card p:before {
  inset: var(--banking-built-card-substrate, -30% -10%);
  z-index: -1;
  content: "";
  background: var(--cl-white);
  filter: blur(var(--banking-built-card-substrate-blur, 40px));
  will-change: filter, background-color;
  opacity: .9;
  border-radius: 20%;
  position: absolute;
}

.banking-built__cover {
  display: inline-flex;
  position: absolute;
  inset: 0;
}

.banking-built__cover img {
  max-width: unset;
  object-fit: contain;
  object-position: center;
  height: 100%;
  transform: var(--banking-built-card-img-transform, scale(1.2));
  opacity: var(--banking-built-card-img-opacity, 0);
  transition: opacity .38s ease-in-out, transform .38s ease-in-out;
}

@media (width <= 767px) {
  .banking-built__cover img {
    object-fit: cover;
    width: 100%;
  }
}

.banking-built__btns {
  align-items: center;
  gap: var(--gutterX2, 1.5rem);
  margin-top: var(--gutterX3, 3rem);
  display: inline-flex;
}

@media (width <= 767px) {
  .banking-built__nav {
    --caption-align: center;
    text-align: center;
    background: #f8f8f9eb;
    border-radius: 3rem;
    flex-flow: row;
    order: 2;
    margin: -2.5rem auto 0;
    padding: 1rem;
    box-shadow: 0 .1875rem .5rem -.5rem #495b6e1a;
  }

  .banking-built__nav-item {
    --caption-small-font-size: 1.25rem;
    --banking-built-nav-item-text-opacity: 1;
    text-wrap: balance;
    padding: 1rem;
    --p-margin: auto !important;
  }

  .banking-built__nav-item.--is-active {
    --caption-color: var(--cl-green-neon);
    background-color: var(--cl-grey-dark);
    box-shadow: 0 .1875rem .5rem -.5rem #495b6e1a;
  }

  .banking-built__nav-item p {
    z-index: 1;
    position: absolute;
    inset: 120% 10% auto;
  }

  .banking-built__nav-item:nth-child(-n+2).--is-active ~ .banking-built__nav-item:last-child, .banking-built__nav-item:first-child:has( ~ .banking-built__nav-item:nth-child(n+3).--is-active) {
    display: none;
  }

  .banking-built__card {
    --p-font-size: 2rem;
    padding: 3rem 3rem 6rem;
  }

  .banking-built.--1 img {
    object-position: center;
    margin: auto 0 0 -2%;
  }
}

@media (width <= 479px) {
  .banking-built__nav-item {
    padding: .75rem;
  }

  .banking-built__nav-item .caption {
    --caption-small-font-size: 1.125rem !important;
  }
}

@media (width >= 768px) {
  .banking-built__card.--1 {
    --p-max-width: 36.4375rem;
    --p-margin: auto 0 0 auto;
    text-align: right;
  }

  .banking-built__card.--2 {
    --p-max-width: 49.75rem;
    --p-margin: auto auto 0 0;
    text-align: left;
  }

  .banking-built__card.--3 {
    --p-max-width: 47.5rem;
    --p-margin: auto auto 0;
  }

  .banking-built__card.--4 {
    --p-max-width: 43.75rem;
    --p-margin: 0 auto;
    --banking-built-card-substrate: -50% -10% -100%;
    --banking-built-card-substrate-blur: 80px;
  }
}

.testimonials {
  --container-flex-flow: column;
  --container-gap: 4.5rem;
  --container-align-items: stretch;
  --p-large-font-size: 1.5rem;
}

.testimonials__main {
  --p-max-width: 40.375rem;
  --p-margin: auto 0 2rem;
  min-height: var(--testimonials-height, 30rem);
  padding: var(--gutterX4, 6rem) var(--gutterX3, 3rem) var(--gutterX3, 3rem);
  background: var(--testimonials-fill, #f8f8f9);
  border-radius: 3rem;
  grid-auto-rows: 1fr max-content;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: -.25rem .25rem 1.25rem #00000014;
}

.testimonials__main:before, .testimonials__main:after {
  z-index: 0;
  content: "";
  background: linear-gradient(90deg, #ffffffeb var(--testimonials-main-gr-pos, 38.43%), #f8f8f900 var(--testimonials-main-gr-pos-2, 100%));
  position: absolute;
  inset: 0;
}

.testimonials__main:before {
  inset: 0 auto auto var(--gutterX3, 3rem);
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='43' fill='none'%3E%3Cpath d='M64 0L46.573 43h-19.23l12.62-43H64zM31.85 0L19.23 43H0L7.812 0H31.85z' fill='%23b8ff00' fill-opacity='.4'/%3E%3C/svg%3E") top / contain no-repeat;
  width: 4rem;
  height: 4rem;
}

.testimonials__main:after {
  border-radius: inherit;
}

.testimonials__list {
  --rating-margin: auto 0 .5rem;
  z-index: 1;
  flex-flow: column;
  flex: 1;
  font-size: 2rem;
  font-weight: 700;
  display: flex;
  position: relative;
}

.testimonials__item {
  max-height: var(--testimonials-item-height, 0);
  text-wrap: balance;
  transform: var(--testimonials-item-transform, translate(-10%, 0) scaleX(.9));
  opacity: var(--testimonials-item-opacity, 0);
  transform-origin: 100%;
  flex-flow: column;
  flex: 1;
  line-height: 1.1;
  transition: opacity .5s cubic-bezier(.7, .09, .62, .56), transform .5s cubic-bezier(.7, .09, .62, .56);
  display: inline-flex;
  overflow: hidden;
}

.testimonials__item.--is-active {
  --testimonials-item-height: none;
  --testimonials-item-transform: none;
  --testimonials-item-opacity: 1;
}

.testimonials__item p {
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.testimonials__nav {
  align-items: center;
  gap: var(--gutter-small, .5rem);
  margin-top: 1rem;
  display: flex;
}

.testimonials__nav :last-child {
  margin: auto 0 auto auto;
}

.testimonials__cover {
  inset: var(--testimonial-cover-inset, 0 0 0 20%);
  z-index: 0;
  position: absolute;
  overflow: hidden;
}

.testimonials__cover:not(.--is-show) {
  opacity: 0;
}

.testimonials__cover.--is-show > * {
  animation: .8s linear both animation;
}

.testimonials__cover-item {
  --avatar-stroke: none;
  --avatar-size: var(--testimonial-cover-item-size, 390%);
  position: inherit;
  inset: var(--testimonial-cover-item-inset, 0);
  translate: -50% -50%;
}

@media (width <= 991px) {
  .testimonials__main {
    --testimonials-fill: linear-gradient(90deg, #ffffffeb 78.43% 38.43%, #f8f8f900 -9 43%);
    --testimonial-cover-inset: 0;
  }

  .testimonials__cover-item {
    --testimonial-cover-item-size-mob: var(--testimonial-cover-item-size);
    --avatar-size: var(--testimonial-cover-item-size-mob, 580%);
    inset: var(--testimonial-cover-item-inset-mob, var(--testimonial-cover-item-inset));
  }

  .testimonials__cover-item:nth-child(2), .testimonials__cover-item:nth-child(4), .testimonials__cover-item:nth-child(5), .testimonials__cover-item:nth-child(8), .testimonials__cover-item:nth-child(10) {
    display: none;
  }

  .testimonials__cover-item:nth-child(6) {
    --testimonial-cover-item-inset-mob: 20% auto auto 70%;
  }

  .testimonials__cover-item:nth-child(9) {
    --testimonial-cover-item-inset-mob: 70% auto auto 43%;
    --testimonial-cover-item-size-mob: 1200%;
  }

  .testimonials__cover-item:nth-child(11) {
    --testimonial-cover-item-inset-mob: 78% auto auto 87%;
    --testimonial-cover-item-size-mob: 1500%;
  }
}

@media (width <= 479px) {
  .testimonials {
    --testimonials-main-gr-pos: 52%;
    --testimonials-main-gr-pos-2: 120%;
  }

  .testimonials__cover-item:nth-child(6) {
    --testimonial-cover-item-inset-mob: 20% auto auto 62vw;
    --testimonial-cover-item-size-mob: 940%;
  }

  .testimonials__cover-item:nth-child(9) {
    --testimonial-cover-item-inset-mob: 65% auto auto 38%;
    --testimonial-cover-item-size-mob: 980%;
  }

  .testimonials__cover-item:nth-child(11) {
    --testimonial-cover-item-inset-mob: 78% auto auto 87%;
    --testimonial-cover-item-size-mob: 1500%;
  }
}

.reviews {
  --container-flex-flow: column;
  --container-gap: 3rem;
  --container-align-items: stretch;
  --caption-display: flex;
  --caption-align: center;
  --p-large-line-height: 122%;
  --p-margin: 1.5rem 0 0;
  --p-max-width: 53.125rem;
  --reviews-grap: 2rem;
  position: relative;
  overflow: clip;
}

.reviews__top, .reviews__content, .reviews__cover {
  --animation-transform-start: translate(0, -5vh) scale(.9);
}

.reviews__top {
  margin: var(--reviews-top-margin, 8vh auto 10vh);
  text-align: center;
}

.reviews__content {
  z-index: 1;
  column-count: var(--reviews-count, 3);
  column-width: auto;
  column-fill: balance;
  column-gap: var(--reviews-grap);
  box-shadow: none;
}

.reviews__item {
  margin: 0 0 var(--reviews-grap);
  padding: var(--reviews-pdd, 3rem);
  text-wrap: pretty;
  vertical-align: top;
  break-inside: avoid-column;
  border-radius: var(--reviews-grap);
  cursor: default;
  background: #ffffffeb;
  line-height: 1.1;
  transition: all .33s cubic-bezier(.2, .01, .53, .4);
  display: inline-block;
  position: relative;
  box-shadow: -.25rem .25rem 1.25rem #00000014;
}

.reviews__item mark {
  font-size: 1.5rem;
  font-weight: 600;
}

@media (pointer: fine) {
  .reviews__item:hover {
    background: var(--cl-green-light);
  }
}

.reviews__item-rating {
  --rating-size: .625rem;
  --rating-color: var(--cl-white);
  --rating-gap: .3125rem;
  border-radius: var(--reviews-grap) 0;
  background: var(--cl-green-dark);
  padding: .5rem 1.25rem;
  position: absolute;
  inset: auto 0 0 auto;
}

.reviews__cover {
  --animation-transform-start: scale(.8);
  --animation-opacity-end: .4;
  z-index: 0;
  position: absolute;
  inset: 10% 0%;
}

.reviews__cover-item {
  --avatar-stroke: none;
  --avatar-size: var(--reviews-cover-item-size, 390%);
  position: inherit;
  inset: var(--reviews-cover-item-inset, 0);
  translate: -50% -50%;
}

.reviews__bottom {
  margin: auto;
}

@media (width <= 1365px) {
  .reviews {
    --reviews-count: 2;
  }
}

@media (width <= 991px) {
  .reviews {
    --reviews-count: 1;
    --reviews-grap: var(--gutterX2, 1.5rem);
    --reviews-top-margin: 5vh auto 6vh;
  }

  .reviews__item {
    top: calc(var(--header-height)  + var(--reviews-grap));
    background: var(--cl-white);
    box-shadow: -.25rem .25rem 1.25rem #00000014, 0rem 0rem .9375rem .625rem var(--cl-white);
    position: sticky;
  }
}

@media (width <= 767px) {
  .reviews__cover {
    display: none;
  }
}

.account-now {
  --animation-transform-start: translate(0, -1vh) scale(.95);
  width: 100vw;
  min-height: 40.625rem;
  color: var(--cl-black-pale);
  background: var(--cl-white);
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.account-now:not(.--is-show) {
  opacity: 0;
}

.account-now.--is-show, .account-now.--is-show .account-now__mokups > * {
  transform-origin: center;
  animation: .8s linear both animation;
}

.account-now__content {
  --p-margin: 1.5rem 0 3rem;
  --p-max-width: 28.75rem;
  --button-inset: 1.5rem auto auto 1.5rem;
  --mokups-1: 12vw;
  --mokups-2: -4vw;
  z-index: 1;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 4.5rem;
  display: flex;
}

.account-now__btns {
  gap: 1rem;
  display: inline-flex;
}

.account-now__mokups {
  --phones-mockup-max-width: 13.375rem;
  --animation-transform-start: scale(.1);
  margin: auto;
}

.account-now__mokups > :first-child {
  --animation-transform-start: translate(-12%, 0);
  --animation-opacity-start: 1;
}

.account-now__mokups > :nth-child(2) {
  --animation-transform-start: translate(16%, 0);
  --animation-opacity-start: 1;
}

.account-now__round {
  inset: var(--account-now-round-inset, -8% auto auto 18%);
  width: var(--account-now-round-size, 1.1875rem);
  aspect-ratio: 1;
  background: var(--account-now-round-fill, var(--cl-bulk-payments));
  border-radius: 50%;
  position: absolute;
}

.account-now__round:nth-of-type(2) {
  --account-now-round-inset: auto auto -2% -10%;
  --account-now-round-size: 1.75rem;
  --account-now-round-fill: var(--cl-green-neon);
}

.account-now__round:nth-of-type(3) {
  --account-now-round-inset: 7% -25% auto auto;
  --account-now-round-size: 2.1875rem;
  --account-now-round-fill: var(--cl-yellow);
}

.account-now__cover {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.account-now__cover object {
  height: 100%;
  margin: auto;
}

@media (width <= 767px) {
  .account-now__content {
    --mokups-1: -16vw;
    --mokups-2: -14vw;
    --caption-align: center;
    text-align: center;
    flex-flow: column;
  }
}

@media (width >= 1600px) {
  .account-now {
    margin: 8vh 0;
  }
}
/*# sourceMappingURL=style.e8265c92.css.map */