@import url(https://fonts.googleapis.com/css?family=JetBrains+Mono:100,200,300,regular,500,600,700,800,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic&display=swap);
@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Mono:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic&display=swap);
@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900&display=swap);
@font-face {
    font-family: Redaction_20;
    font-display: swap;
    src: url(Redaction_20-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Redaction_50;
    font-display: swap;
    src: url(Redaction_50-Regular.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

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

*::after,
*::before {
    display: inline-block
}

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #000;
    line-height: 1;
    font-family: "JetBrains Mono";
    font-size: 1rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: "JetBrains Mono";
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: transparent
}w

input,
textarea {
    width: 100%
}

button,
option,
select {
    cursor: pointer
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

.lock body {
    overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

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

@supports (overflow:clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper>main {
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 .9375rem
}

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

.ibg--top {
    -o-object-position: top;
    object-position: top
}

.ibg--bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.ibg--left {
    -o-object-position: left;
    object-position: left
}

.ibg--right {
    -o-object-position: right;
    object-position: right
}

.ibg--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.title {
    color: #000;
    font-family: Redaction_20;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.title::first-letter {
    text-decoration: underline;
    text-underline-offset: .0833333333em;
    text-decoration-thickness: .0555555556em
}

a,
button {
    cursor: default
}

@-webkit-keyframes bqEzoK {
    0% {
        -webkit-transform: translate3d(0, 200000%, 0);
        transform: translate3d(0, 200000%, 0)
    }
}

@keyframes bqEzoK {
    0% {
        -webkit-transform: translate3d(0, 200000%, 0);
        transform: translate3d(0, 200000%, 0)
    }
}

@-webkit-keyframes gGlauT {
    0% {
        background-position: 0 50%
    }
}

@keyframes gGlauT {
    0% {
        background-position: 0 50%
    }
}

.page {
    position: relative;
    overflow: hidden
}

.page__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.page__bg::before {
    content: "";
    position: relative;
    z-index: 2;
    width: 100%;
    height: 1px;
    opacity: 1;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    background: rgba(0, 0, 0, .2);
    -webkit-animation: 6s linear 0s infinite normal none running bqEzoK;
    animation: 6s linear 0s infinite normal none running bqEzoK
}

.page__bg::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    background: linear-gradient(transparent 50%, rgba(0, 0, 0, .1) 51%) 0 0/100% 2.2px;
    -webkit-animation: 1s steps(50) 0s infinite normal none running gGlauT;
    animation: 1s steps(50) 0s infinite normal none running gGlauT
}

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

.page__bg img:nth-child(1) {
    display: block
}

.page__bg img:nth-child(2) {
    display: none
}

.page__bg-right {
    position: fixed;
    right: 0;
    top: 0;
    width: 50%;
    height: 100vh;
    object-fit: cover;
    object-position: right;
    z-index: 1
}

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

.page__navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.5rem;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    background-color: #d8d8d8;
    box-shadow: 1px 1px 0 0 #000, 1px 1px 0 0 #fff inset, -1px -1px 0 0 #797979 inset;
    padding: .25rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.navigation__left {
    display: flex
}

.left-navigation {
    display: flex
}

.left-navigation__start {
    margin-right: .25rem
}

.start {
    position: relative
}

.start__button {
    padding: .25rem .375rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    background: #d8d8d8;
    box-shadow: 1px 1px 0 0 #000, 1px 1px 0 0 #fff inset, -1px -1px 0 0 #797979 inset, 2px 2px 0 0 #b1b1b1 inset;
    height: 2rem;
    width: 7.5rem
}

.start__button.active {
    background: #b7b7b7;
    box-shadow: 1px 1px 0 0 #fff, 1px 1px 0 0 #000 inset, -1px -1px 0 0 #b1b1b1 inset, 2px 2px 0 0 #797979 inset
}

.start__button img {
    flex-shrink: 0;
    width: 1.75rem
}

.start__button span {
    color: #000;
    font-weight: 700;
    line-height: normal
}

.start__body {
    padding: .125rem;
    position: absolute;
    z-index: 1;
    bottom: 2.25rem;
    left: -.25rem;
    width: 17.5rem;
    height: auto;
    display: flex;
    background: #d8d8d8;
    box-shadow: 1px 1px 0 0 #000, 1px 1px 0 0 #fff inset, -1px -1px 0 0 #797979 inset;
    opacity: 0;
    visibility: hidden
}

.start__body.active {
    opacity: 1;
    visibility: visible
}

.start__body::before {
    content: "";
    position: absolute;
    bottom: -.0625rem;
    left: 0;
    width: calc(100% + .0625rem);
    height: .0625rem;
    background-color: #fff
}

.start__label {
    background: #807e7f;
    width: 2.25rem;
    flex-shrink: 0;
    position: relative
}

.start__label::before {
    content: "$IP IN PROFIT";
    position: absolute;
    bottom: 2.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg);
    color: #fff;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.start__items {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

.start__item {
    width: 100%;
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.start__item img {
    flex-shrink: 0;
    width: 2.125rem
}

.start__item span {
    flex: 1 1 auto;
    color: #000;
    text-align: left;
    line-height: normal
}

.start__item span::first-letter {
    text-decoration-line: underline;
    text-underline-offset: .1875rem
}

.start__item svg {
    flex-shrink: 0;
    justify-self: flex-end
}

.start__item.large {
    padding: .625rem .75rem;
    border-top: .125rem solid #999
}

.menu__list {
    display: flex;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.menu__link {
    padding: .25rem;
    display: flex;
    align-items: center;
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    background: #d8d8d8;
    box-shadow: 1px 1px 0 0 #000, 1px 1px 0 0 #fff inset, -1px -1px 0 0 #797979 inset, 2px 2px 0 0 #b1b1b1 inset;
    height: 2rem;
    width: 12.5rem
}

.menu__link.active {
    background: #b7b7b7;
    box-shadow: 1px 1px 0 0 #fff, 1px 1px 0 0 #000 inset, -1px -1px 0 0 #b1b1b1 inset, 2px 2px 0 0 #797979 inset
}

.menu__link img {
    width: 1.625rem;
    flex-shrink: 0
}

.menu__link span {
    color: #000;
    font-weight: 700;
    line-height: normal
}

.right-navigation {
    display: flex;
    align-items: center;
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    background: #c3c3c3;
    padding: .25rem .375rem;
    box-shadow: -1px -1px 0 0 #f0f0f0 inset, 1px 1px 0 0 #7e7e7e inset
}

.right-navigation__volume {
    position: relative;
    flex-shrink: 0;
    width: 1.5rem
}

.right-navigation__volume img {
    width: 100%
}

.right-navigation__time {
    color: #000;
    font-family: "JetBrains Mono";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main__shortcuts {
    width: 13.4375rem;
    padding: 1.25rem 1.25rem 2.875rem 1.25rem;
    position: relative;
    z-index: 1;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: .9375rem
}

.main__sections {
    position: fixed;
    z-index: 2;
    top: 1.25rem;
    left: 15rem;
    width: calc(100% - 16.25rem);
    height: calc(100% - 5rem);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.shortcut {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: .375rem;
    width: 5rem
}

.shortcut.active .shortcut__icon::before {
    opacity: 1
}

.shortcut.active .shortcut__name {
    background-color: rgba(255, 255, 255, .3)
}

.shortcut__icon {
    flex-shrink: 0;
    width: 3.25rem;
    height: 3.25rem;
    position: relative
}

.shortcut__icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .3);
    opacity: 0
}

.shortcut__icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.shortcut__name {
    padding: .25rem;
    font-size: .875rem;
    color: #fff;
    font-weight: 200;
    line-height: 1.2
}

.sections {
    padding: .5rem;
    background-color: #d8d8d8;
    box-shadow: 1px 1px 0 0 #000, 1px 1px 0 0 #fff inset, -1px -1px 0 0 #797979 inset
}

.sections.hidden {
    opacity: 0;
    visibility: hidden
}

.sections__header-top {
    background-color: #000087;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    padding: .25rem .5rem
}

.sections__header-top span {
    color: #fff;
    font-weight: 700;
    line-height: normal;
    pointer-events: none
}

.sections__header-top>div {
    display: flex;
    align-items: center;
    -webkit-column-gap: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.sections__header-top>div>button {
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #d8d8d8;
    box-shadow: 1px 1px 0 0 #fff inset, -1px -1px 0 0 #797979 inset;
    -webkit-filter: drop-shadow(1px 1px 0 #000);
    filter: drop-shadow(1px 1px 0 #000)
}

.sections__header-top>div>button:nth-child(1) img {
    -webkit-transform: translateY(.3125rem);
    transform: translateY(.3125rem)
}

.sections__header-top>div>button.full-item img:nth-child(1) {
    display: block
}

.sections__header-top>div>button.full-item img:nth-child(2) {
    display: none
}

.sections__header-bottom {
    padding: .375rem 0
}

.sections__header-bottom ul {
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.125rem;
    -moz-column-gap: 1.125rem;
    column-gap: 1.125rem
}

.sections__header-bottom ul li button {
    cursor: default;
    color: #000;
    line-height: normal;
    padding: .25rem
}

.sections__header-bottom ul li button::first-letter {
    text-decoration-line: underline;
    text-underline-offset: .125rem
}

.sections__body {
    position: absolute;
    top: 5.0625rem;
    left: .5rem;
    width: calc(100% - 1rem);
    height: calc(100% - 5.5625rem);
    overflow-y: auto;
    padding-right: .5rem
}

.about {
    position: relative;
    display: flex;
    flex-direction: column
}

.about__ca {
    background: #000;
    box-shadow: -1px -1px 0 0 #fff inset, 1px 1px 0 0 #8a8585 inset, 2px 2px 0 0 #000 inset;
    padding: 1.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.about__ca span:nth-child(1) {
    color: #cd1ee9;
    text-align: center;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.about__ca span:nth-child(2) {
    color: #3ab11c;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    word-break: break-all
}

.about__ca button {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.about__body {
    flex: 1 1 auto;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.about__image {
    position: relative;
    box-shadow: -1px -1px 0 0 #fff inset, 1px 1px 0 0 #8a8585 inset, 2px 2px 0 0 #000 inset;
    min-height: 35rem
}

.about__image img {
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    width: calc(100% - .125rem);
    height: calc(100% - .125rem);
    -o-object-fit: cover;
    object-fit: cover
}

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

.about__text {
    color: #000;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem
}

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

.tokenomics__title {
    text-align: center
}

.tokenomics__body {
    flex: 1 1 auto;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.tokenomics__image {
    position: relative;
    box-shadow: -1px -1px 0 0 #fff inset, 1px 1px 0 0 #8a8585 inset, 2px 2px 0 0 #000 inset
}

.tokenomics__image img {
    position: absolute;
    top: calc(50% + .0625rem);
    left: calc(50% + .0625rem);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(80% - .125rem);
    height: calc(80% - .125rem);
    -o-object-fit: contain;
    object-fit: contain
}

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

.tokenomics__item {
    display: flex;
    align-items: center
}

.tokenomics__item-name {
    color: #000;
    text-align: center;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    justify-content: flex-start
}

.tokenomics__item-value {
    flex: 1 1 auto;
    background: #fff;
    box-shadow: -1px -1px 0 0 #fff inset, 1px 1px 0 0 #8a8585 inset, 2px 2px 0 0 #000 inset;
    color: #000;
    text-align: center;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.tokenomics__bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.tokenomics__bottom-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: #d8d8d8;
    box-shadow: -1px -1px 0 0 #fff inset, 1px 1px 0 0 #8a8585 inset, 2px 2px 0 0 #000 inset
}

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

.utilities__title {
    text-align: center
}

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

.utilities__item-title {
    color: #000;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.utilities__item-title::first-letter {
    text-decoration-line: underline
}

.utilities__item-text {
    color: #000;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

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

.how__title {
    text-align: center
}

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

.how__item:nth-child(1) .how__item-header span {
    color: red;
    text-shadow: .037037037em .037037037em 0 #fff500, .037037037em -.037037037em 0 #fff500, -.037037037em .037037037em 0 #fff500, 0 .037037037em 0 #fff500, 0 -.037037037em 0 #fff500, .037037037em 0 0 #fff500, -.037037037em 0 0 #fff500;
    font-family: Redaction_20;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.how__item:nth-child(1) .how__item-header span::first-letter {
    text-decoration-line: underline
}

.how__item:nth-child(2) .how__item-header span {
    color: #ff48ed;
    text-shadow: .037037037em .037037037em 0 #000aff, .037037037em -.037037037em 0 #000aff, -.037037037em .037037037em 0 #000aff, 0 .037037037em 0 #000aff, 0 -.037037037em 0 #000aff, .037037037em 0 0 #000aff, -.037037037em 0 0 #000aff;
    font-family: Redaction_20;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.how__item:nth-child(2) .how__item-header span::first-letter {
    text-decoration-line: underline
}

.how__item:nth-child(3) .how__item-header span {
    color: #62ff48;
    text-shadow: .037037037em .037037037em 0 #b416ed, .037037037em -.037037037em 0 #b416ed, -.037037037em .037037037em 0 #b416ed, 0 .037037037em 0 #b416ed, 0 -.037037037em 0 #b416ed, .037037037em 0 0 #b416ed, -.037037037em 0 0 #b416ed;
    font-family: Redaction_20;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.how__item:nth-child(3) .how__item-header span::first-letter {
    text-decoration-line: underline
}

.how__item-header {
    display: flex;
    align-items: center
}

.how__item-text {
    position: relative;
    color: #000;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.how__item-text>a {
    text-decoration: underline
}

.how__item-text::before {
    content: "";
    position: absolute;
    top: .25rem;
    left: 0;
    aspect-ratio: 1;
    background-image: url('02.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.how__osnovo {
    padding: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px -1px 0 0 #fff inset, 1px 1px 0 0 #8a8585 inset, 2px 2px 0 0 #000 inset
}

.how__osnovo a {
    display: flex;
    align-items: center;
    -webkit-column-gap: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.how__osnovo a span {
    text-decoration: underline;
    font-family: "JetBrains Mono"
}

@media (min-width:112.5em) {
    .about__image {
        min-height: 33.75rem
    }
}

@media (min-width:75em) {
    .title {
        font-size: 4.5rem
    }
    .title {
        margin-bottom: 2.5rem
    }
    .about__ca {
        margin-bottom: 2.5rem
    }
    .about__ca span:nth-child(1) {
        font-size: 1.5rem
    }
    .about__ca span:nth-child(2) {
        font-size: 1.5rem
    }
    .about__ca button svg {
        width: 1.5rem
    }
    .about__ca button svg {
        height: 1.5rem
    }
    .about__text {
        font-size: 1.25rem
    }
    .tokenomics {
        padding-top: 5rem
    }
    .tokenomics__items {
        row-gap: 1.25rem
    }
    .tokenomics__items {
        margin-bottom: 3.75rem
    }
    .tokenomics__item {
        -webkit-column-gap: .875rem;
        -moz-column-gap: .875rem;
        column-gap: .875rem
    }
    .tokenomics__item-name {
        font-size: 1.25rem
    }
    .tokenomics__item-name {
        width: 11.25rem
    }
    .tokenomics__item-value {
        padding-top: .75rem
    }
    .tokenomics__item-value {
        padding-bottom: .75rem
    }
    .tokenomics__item-value {
        padding-right: 1.5rem
    }
    .tokenomics__item-value {
        padding-left: 1.5rem
    }
    .tokenomics__item-value {
        font-size: 1.25rem
    }
    .tokenomics__bottom {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
    .tokenomics__bottom-item {
        font-size: 1.25rem
    }
    .tokenomics__bottom-item {
        padding-top: .75rem
    }
    .tokenomics__bottom-item {
        padding-bottom: .75rem
    }
    .tokenomics__bottom-item {
        padding-right: 1.5rem
    }
    .tokenomics__bottom-item {
        padding-left: 1.5rem
    }
    .utilities {
        padding-top: 5rem
    }
    .utilities__items {
        row-gap: 2.8125rem
    }
    .utilities__item-title {
        font-size: 1.375rem
    }
    .utilities__item-title {
        margin-bottom: .625rem
    }
    .utilities__item-text {
        font-size: 1.25rem
    }
    .how {
        padding-top: 5rem
    }
    .how {
        padding-bottom: 2.5rem
    }
    .how__items {
        row-gap: 3.125rem
    }
    .how__item:nth-child(1) .how__item-header span {
        font-size: 3.375rem
    }
    .how__item:nth-child(2) .how__item-header span {
        font-size: 3.375rem
    }
    .how__item:nth-child(3) .how__item-header span {
        font-size: 3.375rem
    }
    .how__item-header {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
    .how__item-header {
        margin-bottom: 1.25rem
    }
    .how__item-header img {
        width: 5rem
    }
    .how__item-text {
        padding-left: 3.75rem
    }
    .how__item-text {
        -webkit-column-gap: 2.625rem;
        -moz-column-gap: 2.625rem;
        column-gap: 2.625rem
    }
    .how__item-text {
        font-size: 1.625rem
    }
    .how__item-text::before {
        width: 1.5rem
    }
    .how__osnovo {
        margin-top: 5rem
    }
    .how__osnovo a span {
        font-size: 1.625rem
    }
    .how__osnovo a img {
        width: 3.75rem
    }
}

@media (max-width:20em) {
    .title {
        font-size: 2.25rem
    }
    .title {
        margin-bottom: 1.5rem
    }
    .about__ca {
        margin-bottom: 1.875rem
    }
    .about__ca span:nth-child(1) {
        font-size: 1.125rem
    }
    .about__ca span:nth-child(2) {
        font-size: 1.125rem
    }
    .about__ca button svg {
        width: 1.125rem
    }
    .about__ca button svg {
        height: 1.125rem
    }
    .about__text {
        font-size: 1rem
    }
    .tokenomics {
        padding-top: 2.5rem
    }
    .tokenomics__items {
        row-gap: .875rem
    }
    .tokenomics__items {
        margin-bottom: 2.8125rem
    }
    .tokenomics__item {
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }
    .tokenomics__item-name {
        font-size: 1rem
    }
    .tokenomics__item-name {
        width: 7.5rem
    }
    .tokenomics__item-value {
        padding-top: .5rem
    }
    .tokenomics__item-value {
        padding-bottom: .5rem
    }
    .tokenomics__item-value {
        padding-right: 1rem
    }
    .tokenomics__item-value {
        padding-left: 1rem
    }
    .tokenomics__item-value {
        font-size: 1rem
    }
    .tokenomics__bottom {
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }
    .tokenomics__bottom-item {
        font-size: 1rem
    }
    .tokenomics__bottom-item {
        padding-top: .5rem
    }
    .tokenomics__bottom-item {
        padding-bottom: .5rem
    }
    .tokenomics__bottom-item {
        padding-right: 1rem
    }
    .tokenomics__bottom-item {
        padding-left: 1rem
    }
    .utilities {
        padding-top: 2.5rem
    }
    .utilities__items {
        row-gap: 1.25rem
    }
    .utilities__item-title {
        font-size: 1rem
    }
    .utilities__item-title {
        margin-bottom: .375rem
    }
    .utilities__item-text {
        font-size: 1rem
    }
    .how {
        padding-top: 2.5rem
    }
    .how {
        padding-bottom: .625rem
    }
    .how__items {
        row-gap: 1.25rem
    }
    .how__item:nth-child(1) .how__item-header span {
        font-size: 1.625rem
    }
    .how__item:nth-child(2) .how__item-header span {
        font-size: 1.625rem
    }
    .how__item:nth-child(3) .how__item-header span {
        font-size: 1.625rem
    }
    .how__item-header {
        -webkit-column-gap: .75rem;
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }
    .how__item-header {
        margin-bottom: .9375rem
    }
    .how__item-header img {
        width: 2.5rem
    }
    .how__item-text {
        padding-left: 2.5rem
    }
    .how__item-text {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
    .how__item-text {
        font-size: 1.25rem
    }
    .how__item-text::before {
        width: 1.25rem
    }
    .how__osnovo {
        margin-top: 2.5rem
    }
    .how__osnovo a span {
        font-size: 1.25rem
    }
    .how__osnovo a img {
        width: 2.75rem
    }
}

@media (max-width:61.99875em) {
    .main__sections {
        top: 1.25rem;
        left: .9375rem;
        width: calc(100% - 1.875rem);
        height: calc(100% - 4.375rem)
    }
}

@media (max-width:47.99875em) {
    .title {
        text-align: center
    }
    .page__bg img:nth-child(1) {
        display: none
    }
    .page__bg img:nth-child(2) {
        display: block
    }
    .navigation__left {
        flex: 1 1 auto
    }
    .left-navigation__menu {
        flex: 1 1 auto
    }
    .start__button {
        width: 6.25rem;
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }
    .start__button img {
        width: 1.625rem
    }
    .start__button span {
        font-size: .875rem
    }
    .menu__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
    .menu__link {
        width: 100%;
        padding: .25rem .5rem .25rem .25rem;
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }
    .menu__link img {
        width: 1.625rem
    }
    .menu__link span {
        font-size: .875rem
    }
    .right-navigation {
        display: none
    }
    .sections__body {
        padding-right: 0
    }
    .about__ca {
        flex-direction: column;
        row-gap: .75rem;
        align-items: center;
        text-align: center
    }
    .about__body {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 1.875rem
    }
    .about__image {
        min-height: 18.75rem
    }
    .about__image {
        aspect-ratio: 700/442
    }
    .tokenomics__body {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 1.875rem
    }
    .tokenomics__image {
        aspect-ratio: 700/442
    }
}

@media (max-width:29.99875em) {
    .start__button {
        width: 5rem;
        -webkit-column-gap: .375rem;
        -moz-column-gap: .375rem;
        column-gap: .375rem
    }
    .start__button img {
        width: 1.5rem
    }
    .start__button span {
        font-size: .75rem
    }
    .start__body {
        width: 100vw
    }
    .menu__link {
        -webkit-column-gap: .375rem;
        -moz-column-gap: .375rem;
        column-gap: .375rem
    }
    .menu__link img {
        width: 1.5rem
    }
    .menu__link span {
        font-size: .75rem
    }
    .about__ca {
        -webkit-column-gap: .75rem;
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }
    .about__image {
        aspect-ratio: 551/442
    }
    .tokenomics__image {
        aspect-ratio: 551/442
    }
    .tokenomics__image img {
        width: calc(90% - .125rem);
        height: calc(90% - .125rem)
    }
}

@media (min-width:20em) and (max-width:75em) {
    @supports (font-size: clamp(2.25rem, 1.4318181818rem + 4.0909090909vw, 4.5rem)) {
        .title {
            font-size:clamp(2.25rem, 1.4318181818rem + 4.0909090909vw, 4.5rem)
        }
    }
    @supports not (font-size:clamp(2.25rem, 1.4318181818rem + 4.0909090909vw, 4.5rem)) {
        .title {
            font-size: calc(2.25rem + 2.25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (margin-bottom:clamp(1.5rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)) {
        .title {
            margin-bottom: clamp(1.5rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.5rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)) {
        .title {
            margin-bottom: calc(1.5rem + 1 * (100vw - 20rem)/ 55)
        }
    }
    @supports (margin-bottom:clamp(1.875rem, 1.6477272727rem + 1.1363636364vw, 2.5rem)) {
        .about__ca {
            margin-bottom: clamp(1.875rem, 1.6477272727rem + 1.1363636364vw, 2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.875rem, 1.6477272727rem + 1.1363636364vw, 2.5rem)) {
        .about__ca {
            margin-bottom: calc(1.875rem + .625 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1.125rem, 0.9886363636rem + 0.6818181818vw, 1.5rem)) {
        .about__ca span:nth-child(1) {
            font-size: clamp(1.125rem, .9886363636rem + .6818181818vw, 1.5rem)
        }
    }
    @supports not (font-size:clamp(1.125rem, 0.9886363636rem + 0.6818181818vw, 1.5rem)) {
        .about__ca span:nth-child(1) {
            font-size: calc(1.125rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1.125rem, 0.9886363636rem + 0.6818181818vw, 1.5rem)) {
        .about__ca span:nth-child(2) {
            font-size: clamp(1.125rem, .9886363636rem + .6818181818vw, 1.5rem)
        }
    }
    @supports not (font-size:clamp(1.125rem, 0.9886363636rem + 0.6818181818vw, 1.5rem)) {
        .about__ca span:nth-child(2) {
            font-size: calc(1.125rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (width:clamp(1.125rem, 0.9886363636rem + 0.6818181818vw, 1.5rem)) {
        .about__ca button svg {
            width: clamp(1.125rem, .9886363636rem + .6818181818vw, 1.5rem)
        }
    }
    @supports not (width:clamp(1.125rem, 0.9886363636rem + 0.6818181818vw, 1.5rem)) {
        .about__ca button svg {
            width: calc(1.125rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (height:clamp(1.125rem, 0.9886363636rem + 0.6818181818vw, 1.5rem)) {
        .about__ca button svg {
            height: clamp(1.125rem, .9886363636rem + .6818181818vw, 1.5rem)
        }
    }
    @supports not (height:clamp(1.125rem, 0.9886363636rem + 0.6818181818vw, 1.5rem)) {
        .about__ca button svg {
            height: calc(1.125rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .about__text {
            font-size: clamp(1rem, .9090909091rem + .4545454545vw, 1.25rem)
        }
    }
    @supports not (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .about__text {
            font-size: calc(1rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-top:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .tokenomics {
            padding-top: clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)
        }
    }
    @supports not (padding-top:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .tokenomics {
            padding-top: calc(2.5rem + 2.5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (row-gap:clamp(0.875rem, 0.7386363636rem + 0.6818181818vw, 1.25rem)) {
        .tokenomics__items {
            row-gap: clamp(.875rem, .7386363636rem + .6818181818vw, 1.25rem)
        }
    }
    @supports not (row-gap:clamp(0.875rem, 0.7386363636rem + 0.6818181818vw, 1.25rem)) {
        .tokenomics__items {
            row-gap: calc(.875rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (margin-bottom:clamp(2.8125rem, 2.4715909091rem + 1.7045454545vw, 3.75rem)) {
        .tokenomics__items {
            margin-bottom: clamp(2.8125rem, 2.4715909091rem + 1.7045454545vw, 3.75rem)
        }
    }
    @supports not (margin-bottom:clamp(2.8125rem, 2.4715909091rem + 1.7045454545vw, 3.75rem)) {
        .tokenomics__items {
            margin-bottom: calc(2.8125rem + .9375 * (100vw - 20rem)/ 55)
        }
    }
    @supports ((-moz-column-gap:clamp(0.5rem, 0.3636363636rem + 0.6818181818vw, 0.875rem)) or (column-gap:clamp(0.5rem, 0.3636363636rem + 0.6818181818vw, 0.875rem))) {
        .tokenomics__item {
            -webkit-column-gap: clamp(.5rem, .3636363636rem + .6818181818vw, .875rem);
            -moz-column-gap: clamp(.5rem, .3636363636rem + .6818181818vw, .875rem);
            column-gap: clamp(.5rem, .3636363636rem + .6818181818vw, .875rem)
        }
    }
    @supports not ((-moz-column-gap:clamp(0.5rem, 0.3636363636rem + 0.6818181818vw, 0.875rem)) or (column-gap:clamp(0.5rem, 0.3636363636rem + 0.6818181818vw, 0.875rem))) {
        .tokenomics__item {
            -webkit-column-gap: calc(.5rem + .375 * (100vw - 20rem)/ 55);
            -moz-column-gap: calc(.5rem + .375 * (100vw - 20rem)/ 55);
            column-gap: calc(.5rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .tokenomics__item-name {
            font-size: clamp(1rem, .9090909091rem + .4545454545vw, 1.25rem)
        }
    }
    @supports not (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .tokenomics__item-name {
            font-size: calc(1rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (width:clamp(7.5rem, 6.1363636364rem + 6.8181818182vw, 11.25rem)) {
        .tokenomics__item-name {
            width: clamp(7.5rem, 6.1363636364rem + 6.8181818182vw, 11.25rem)
        }
    }
    @supports not (width:clamp(7.5rem, 6.1363636364rem + 6.8181818182vw, 11.25rem)) {
        .tokenomics__item-name {
            width: calc(7.5rem + 3.75 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-top:clamp(0.5rem, 0.4090909091rem + 0.4545454545vw, 0.75rem)) {
        .tokenomics__item-value {
            padding-top: clamp(.5rem, .4090909091rem + .4545454545vw, .75rem)
        }
    }
    @supports not (padding-top:clamp(0.5rem, 0.4090909091rem + 0.4545454545vw, 0.75rem)) {
        .tokenomics__item-value {
            padding-top: calc(.5rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-bottom:clamp(0.5rem, 0.4090909091rem + 0.4545454545vw, 0.75rem)) {
        .tokenomics__item-value {
            padding-bottom: clamp(.5rem, .4090909091rem + .4545454545vw, .75rem)
        }
    }
    @supports not (padding-bottom:clamp(0.5rem, 0.4090909091rem + 0.4545454545vw, 0.75rem)) {
        .tokenomics__item-value {
            padding-bottom: calc(.5rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-right:clamp(1rem, 0.8181818182rem + 0.9090909091vw, 1.5rem)) {
        .tokenomics__item-value {
            padding-right: clamp(1rem, .8181818182rem + .9090909091vw, 1.5rem)
        }
    }
    @supports not (padding-right:clamp(1rem, 0.8181818182rem + 0.9090909091vw, 1.5rem)) {
        .tokenomics__item-value {
            padding-right: calc(1rem + .5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-left:clamp(1rem, 0.8181818182rem + 0.9090909091vw, 1.5rem)) {
        .tokenomics__item-value {
            padding-left: clamp(1rem, .8181818182rem + .9090909091vw, 1.5rem)
        }
    }
    @supports not (padding-left:clamp(1rem, 0.8181818182rem + 0.9090909091vw, 1.5rem)) {
        .tokenomics__item-value {
            padding-left: calc(1rem + .5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .tokenomics__item-value {
            font-size: clamp(1rem, .9090909091rem + .4545454545vw, 1.25rem)
        }
    }
    @supports not (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .tokenomics__item-value {
            font-size: calc(1rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports ((-moz-column-gap:clamp(0.5rem, 0.3181818182rem + 0.9090909091vw, 1rem)) or (column-gap:clamp(0.5rem, 0.3181818182rem + 0.9090909091vw, 1rem))) {
        .tokenomics__bottom {
            -webkit-column-gap: clamp(.5rem, .3181818182rem + .9090909091vw, 1rem);
            -moz-column-gap: clamp(.5rem, .3181818182rem + .9090909091vw, 1rem);
            column-gap: clamp(.5rem, .3181818182rem + .9090909091vw, 1rem)
        }
    }
    @supports not ((-moz-column-gap:clamp(0.5rem, 0.3181818182rem + 0.9090909091vw, 1rem)) or (column-gap:clamp(0.5rem, 0.3181818182rem + 0.9090909091vw, 1rem))) {
        .tokenomics__bottom {
            -webkit-column-gap: calc(.5rem + .5 * (100vw - 20rem)/ 55);
            -moz-column-gap: calc(.5rem + .5 * (100vw - 20rem)/ 55);
            column-gap: calc(.5rem + .5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .tokenomics__bottom-item {
            font-size: clamp(1rem, .9090909091rem + .4545454545vw, 1.25rem)
        }
    }
    @supports not (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .tokenomics__bottom-item {
            font-size: calc(1rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-top:clamp(0.5rem, 0.4090909091rem + 0.4545454545vw, 0.75rem)) {
        .tokenomics__bottom-item {
            padding-top: clamp(.5rem, .4090909091rem + .4545454545vw, .75rem)
        }
    }
    @supports not (padding-top:clamp(0.5rem, 0.4090909091rem + 0.4545454545vw, 0.75rem)) {
        .tokenomics__bottom-item {
            padding-top: calc(.5rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-bottom:clamp(0.5rem, 0.4090909091rem + 0.4545454545vw, 0.75rem)) {
        .tokenomics__bottom-item {
            padding-bottom: clamp(.5rem, .4090909091rem + .4545454545vw, .75rem)
        }
    }
    @supports not (padding-bottom:clamp(0.5rem, 0.4090909091rem + 0.4545454545vw, 0.75rem)) {
        .tokenomics__bottom-item {
            padding-bottom: calc(.5rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-right:clamp(1rem, 0.8181818182rem + 0.9090909091vw, 1.5rem)) {
        .tokenomics__bottom-item {
            padding-right: clamp(1rem, .8181818182rem + .9090909091vw, 1.5rem)
        }
    }
    @supports not (padding-right:clamp(1rem, 0.8181818182rem + 0.9090909091vw, 1.5rem)) {
        .tokenomics__bottom-item {
            padding-right: calc(1rem + .5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-left:clamp(1rem, 0.8181818182rem + 0.9090909091vw, 1.5rem)) {
        .tokenomics__bottom-item {
            padding-left: clamp(1rem, .8181818182rem + .9090909091vw, 1.5rem)
        }
    }
    @supports not (padding-left:clamp(1rem, 0.8181818182rem + 0.9090909091vw, 1.5rem)) {
        .tokenomics__bottom-item {
            padding-left: calc(1rem + .5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-top:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .utilities {
            padding-top: clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)
        }
    }
    @supports not (padding-top:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .utilities {
            padding-top: calc(2.5rem + 2.5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (row-gap:clamp(1.25rem, 0.6818181818rem + 2.8409090909vw, 2.8125rem)) {
        .utilities__items {
            row-gap: clamp(1.25rem, .6818181818rem + 2.8409090909vw, 2.8125rem)
        }
    }
    @supports not (row-gap:clamp(1.25rem, 0.6818181818rem + 2.8409090909vw, 2.8125rem)) {
        .utilities__items {
            row-gap: calc(1.25rem + 1.5625 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1rem, 0.8636363636rem + 0.6818181818vw, 1.375rem)) {
        .utilities__item-title {
            font-size: clamp(1rem, .8636363636rem + .6818181818vw, 1.375rem)
        }
    }
    @supports not (font-size:clamp(1rem, 0.8636363636rem + 0.6818181818vw, 1.375rem)) {
        .utilities__item-title {
            font-size: calc(1rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (margin-bottom:clamp(0.375rem, 0.2840909091rem + 0.4545454545vw, 0.625rem)) {
        .utilities__item-title {
            margin-bottom: clamp(.375rem, .2840909091rem + .4545454545vw, .625rem)
        }
    }
    @supports not (margin-bottom:clamp(0.375rem, 0.2840909091rem + 0.4545454545vw, 0.625rem)) {
        .utilities__item-title {
            margin-bottom: calc(.375rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .utilities__item-text {
            font-size: clamp(1rem, .9090909091rem + .4545454545vw, 1.25rem)
        }
    }
    @supports not (font-size:clamp(1rem, 0.9090909091rem + 0.4545454545vw, 1.25rem)) {
        .utilities__item-text {
            font-size: calc(1rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-top:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .how {
            padding-top: clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)
        }
    }
    @supports not (padding-top:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .how {
            padding-top: calc(2.5rem + 2.5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-bottom:clamp(0.625rem, -0.0568181818rem + 3.4090909091vw, 2.5rem)) {
        .how {
            padding-bottom: clamp(.625rem, -.0568181818rem + 3.4090909091vw, 2.5rem)
        }
    }
    @supports not (padding-bottom:clamp(0.625rem, -0.0568181818rem + 3.4090909091vw, 2.5rem)) {
        .how {
            padding-bottom: calc(.625rem + 1.875 * (100vw - 20rem)/ 55)
        }
    }
    @supports (row-gap:clamp(1.25rem, 0.5681818182rem + 3.4090909091vw, 3.125rem)) {
        .how__items {
            row-gap: clamp(1.25rem, .5681818182rem + 3.4090909091vw, 3.125rem)
        }
    }
    @supports not (row-gap:clamp(1.25rem, 0.5681818182rem + 3.4090909091vw, 3.125rem)) {
        .how__items {
            row-gap: calc(1.25rem + 1.875 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1.625rem, 0.9886363636rem + 3.1818181818vw, 3.375rem)) {
        .how__item:nth-child(1) .how__item-header span {
            font-size: clamp(1.625rem, .9886363636rem + 3.1818181818vw, 3.375rem)
        }
    }
    @supports not (font-size:clamp(1.625rem, 0.9886363636rem + 3.1818181818vw, 3.375rem)) {
        .how__item:nth-child(1) .how__item-header span {
            font-size: calc(1.625rem + 1.75 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1.625rem, 0.9886363636rem + 3.1818181818vw, 3.375rem)) {
        .how__item:nth-child(2) .how__item-header span {
            font-size: clamp(1.625rem, .9886363636rem + 3.1818181818vw, 3.375rem)
        }
    }
    @supports not (font-size:clamp(1.625rem, 0.9886363636rem + 3.1818181818vw, 3.375rem)) {
        .how__item:nth-child(2) .how__item-header span {
            font-size: calc(1.625rem + 1.75 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1.625rem, 0.9886363636rem + 3.1818181818vw, 3.375rem)) {
        .how__item:nth-child(3) .how__item-header span {
            font-size: clamp(1.625rem, .9886363636rem + 3.1818181818vw, 3.375rem)
        }
    }
    @supports not (font-size:clamp(1.625rem, 0.9886363636rem + 3.1818181818vw, 3.375rem)) {
        .how__item:nth-child(3) .how__item-header span {
            font-size: calc(1.625rem + 1.75 * (100vw - 20rem)/ 55)
        }
    }
    @supports ((-moz-column-gap:clamp(0.75rem, 0.4772727273rem + 1.3636363636vw, 1.5rem)) or (column-gap:clamp(0.75rem, 0.4772727273rem + 1.3636363636vw, 1.5rem))) {
        .how__item-header {
            -webkit-column-gap: clamp(.75rem, .4772727273rem + 1.3636363636vw, 1.5rem);
            -moz-column-gap: clamp(.75rem, .4772727273rem + 1.3636363636vw, 1.5rem);
            column-gap: clamp(.75rem, .4772727273rem + 1.3636363636vw, 1.5rem)
        }
    }
    @supports not ((-moz-column-gap:clamp(0.75rem, 0.4772727273rem + 1.3636363636vw, 1.5rem)) or (column-gap:clamp(0.75rem, 0.4772727273rem + 1.3636363636vw, 1.5rem))) {
        .how__item-header {
            -webkit-column-gap: calc(.75rem + .75 * (100vw - 20rem)/ 55);
            -moz-column-gap: calc(.75rem + .75 * (100vw - 20rem)/ 55);
            column-gap: calc(.75rem + .75 * (100vw - 20rem)/ 55)
        }
    }
    @supports (margin-bottom:clamp(0.9375rem, 0.8238636364rem + 0.5681818182vw, 1.25rem)) {
        .how__item-header {
            margin-bottom: clamp(.9375rem, .8238636364rem + .5681818182vw, 1.25rem)
        }
    }
    @supports not (margin-bottom:clamp(0.9375rem, 0.8238636364rem + 0.5681818182vw, 1.25rem)) {
        .how__item-header {
            margin-bottom: calc(.9375rem + .3125 * (100vw - 20rem)/ 55)
        }
    }
    @supports (width:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .how__item-header img {
            width: clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)
        }
    }
    @supports not (width:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .how__item-header img {
            width: calc(2.5rem + 2.5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (padding-left:clamp(2.5rem, 2.0454545455rem + 2.2727272727vw, 3.75rem)) {
        .how__item-text {
            padding-left: clamp(2.5rem, 2.0454545455rem + 2.2727272727vw, 3.75rem)
        }
    }
    @supports not (padding-left:clamp(2.5rem, 2.0454545455rem + 2.2727272727vw, 3.75rem)) {
        .how__item-text {
            padding-left: calc(2.5rem + 1.25 * (100vw - 20rem)/ 55)
        }
    }
    @supports ((-moz-column-gap:clamp(1.5rem, 1.0909090909rem + 2.0454545455vw, 2.625rem)) or (column-gap:clamp(1.5rem, 1.0909090909rem + 2.0454545455vw, 2.625rem))) {
        .how__item-text {
            -webkit-column-gap: clamp(1.5rem, 1.0909090909rem + 2.0454545455vw, 2.625rem);
            -moz-column-gap: clamp(1.5rem, 1.0909090909rem + 2.0454545455vw, 2.625rem);
            column-gap: clamp(1.5rem, 1.0909090909rem + 2.0454545455vw, 2.625rem)
        }
    }
    @supports not ((-moz-column-gap:clamp(1.5rem, 1.0909090909rem + 2.0454545455vw, 2.625rem)) or (column-gap:clamp(1.5rem, 1.0909090909rem + 2.0454545455vw, 2.625rem))) {
        .how__item-text {
            -webkit-column-gap: calc(1.5rem + 1.125 * (100vw - 20rem)/ 55);
            -moz-column-gap: calc(1.5rem + 1.125 * (100vw - 20rem)/ 55);
            column-gap: calc(1.5rem + 1.125 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1.25rem, 1.1136363636rem + 0.6818181818vw, 1.625rem)) {
        .how__item-text {
            font-size: clamp(1.25rem, 1.1136363636rem + .6818181818vw, 1.625rem)
        }
    }
    @supports not (font-size:clamp(1.25rem, 1.1136363636rem + 0.6818181818vw, 1.625rem)) {
        .how__item-text {
            font-size: calc(1.25rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (width:clamp(1.25rem, 1.1590909091rem + 0.4545454545vw, 1.5rem)) {
        .how__item-text::before {
            width: clamp(1.25rem, 1.1590909091rem + .4545454545vw, 1.5rem)
        }
    }
    @supports not (width:clamp(1.25rem, 1.1590909091rem + 0.4545454545vw, 1.5rem)) {
        .how__item-text::before {
            width: calc(1.25rem + .25 * (100vw - 20rem)/ 55)
        }
    }
    @supports (margin-top:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .how__osnovo {
            margin-top: clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)
        }
    }
    @supports not (margin-top:clamp(2.5rem, 1.5909090909rem + 4.5454545455vw, 5rem)) {
        .how__osnovo {
            margin-top: calc(2.5rem + 2.5 * (100vw - 20rem)/ 55)
        }
    }
    @supports (font-size:clamp(1.25rem, 1.1136363636rem + 0.6818181818vw, 1.625rem)) {
        .how__osnovo a span {
            font-size: clamp(1.25rem, 1.1136363636rem + .6818181818vw, 1.625rem)
        }
    }
    @supports not (font-size:clamp(1.25rem, 1.1136363636rem + 0.6818181818vw, 1.625rem)) {
        .how__osnovo a span {
            font-size: calc(1.25rem + .375 * (100vw - 20rem)/ 55)
        }
    }
    @supports (width:clamp(2.75rem, 2.3863636364rem + 1.8181818182vw, 3.75rem)) {
        .how__osnovo a img {
            width: clamp(2.75rem, 2.3863636364rem + 1.8181818182vw, 3.75rem)
        }
    }
    @supports not (width:clamp(2.75rem, 2.3863636364rem + 1.8181818182vw, 3.75rem)) {
        .how__osnovo a img {
            width: calc(2.75rem + 1 * (100vw - 20rem)/ 55)
        }
    }
}

@media (min-width:47.99875em) and (max-width:112.5em) {
    @supports (min-height: clamp(18.75rem, 7.5877163233rem + 23.2553632682vw, 33.75rem)) {
        .about__image {
            min-height:clamp(18.75rem, 7.5877163233rem + 23.2553632682vw, 33.75rem)
        }
    }
    @supports not (min-height:clamp(18.75rem, 7.5877163233rem + 23.2553632682vw, 33.75rem)) {
        .about__image {
            min-height: calc(18.75rem + 15 * (100vw - 47.99875rem)/ 64.50125)
        }
    }
}

@media (any-hover:hover) {
    .start__button:hover {
        background: #b7b7b7;
        box-shadow: 1px 1px 0 0 #fff, 1px 1px 0 0 #000 inset, -1px -1px 0 0 #b1b1b1 inset, 2px 2px 0 0 #797979 inset
    }
    .start__item:hover {
        background-color: #01037e
    }
    .start__item:hover span {
        color: #fff
    }
    .start__item:hover svg path {
        fill: #fff
    }
    .menu__link:hover {
        background: #b7b7b7;
        box-shadow: 1px 1px 0 0 #fff, 1px 1px 0 0 #000 inset, -1px -1px 0 0 #b1b1b1 inset, 2px 2px 0 0 #797979 inset
    }
    .right-navigation__volume:hover {
        background: #b7b7b7;
        box-shadow: 1px 1px 0 0 #fff, 1px 1px 0 0 #000 inset, -1px -1px 0 0 #b1b1b1 inset, 2px 2px 0 0 #797979 inset
    }
    .right-navigation__volume:hover::before {
        opacity: 1;
        visibility: visible
    }
    .sections__header-top>div>button:hover {
        background-color: #b7b7b7
    }
    .sections__header-bottom ul li button:hover {
        background: #c3c3c3;
        box-shadow: -1px -1px 0 0 #f0f0f0 inset, 1px 1px 0 0 #7e7e7e inset
    }
    .about__ca button:hover svg path {
        fill: #cd1ee9
    }
    .how__item-text>a:hover {
        text-decoration: none
    }
    .how__osnovo a:hover span {
        text-decoration: none
    }
}

.floating-phone {
    position: fixed;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    transform: scale(0.8);
    cursor: pointer;
}

.floating-phone.show {
    opacity: 1;
    pointer-events: auto;
    animation: phonePop 0.5s ease-out;
}

.floating-phone img {
    width: 300px;
    height: auto;
    max-width: 90vw;
}

@keyframes phonePop {
    0% {
        transform: scale(0.8) translateY(20px);
        opacity: 0;
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

@media (max-width:47.99875em) {
    .floating-phone {
        display: none
    }
    .page__bg-right {
        display: none
    }
}