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

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

:root {
    --header-height: 72px;
    --sidebar-width: 290px;
}

button {
    appearance: none;
    -webkit-appearance: none;
    border: none;
}

.reveal-up,
.reveal-left,
.reveal-right,
.reveal-scale,
.reveal-blur {
    opacity: 0;
    will-change: transform, opacity, filter;
    transition:
        opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-up {
    transform: translateY(44px);
    filter: blur(10px);
}


.reveal-left {
    transform: translateX(-48px);
    filter: blur(10px);
}

.reveal-right {
    transform: translateX(48px);
    filter: blur(10px);
}

.reveal-scale {
    transform: translateY(28px) scale(0.96);
    filter: blur(10px);
}

.reveal-blur {
    transform: translateY(18px);
    filter: blur(14px);
}

.reveal-up.is-visible,
.reveal-left.is-visible,
.reveal-right.is-visible,
.reveal-scale.is-visible,
.reveal-blur.is-visible {
    opacity: 1;
    transform: none;
    filter: blur(0);
}

.delay-1 {
    transition-delay: 0.08s;
}

.delay-2 {
    transition-delay: 0.16s;
}

.delay-3 {
    transition-delay: 0.24s;
}

.delay-4 {
    transition-delay: 0.32s;
}

.delay-5 {
    transition-delay: 0.40s;
}

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

@font-face {
    font-family: "Manrope";
    src: url("../assets/fonts/Manrope-Variable.woff2") format("woff2");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

.fixed-cta {
    display: flex;
    width: 366px;
    min-height: 90px;
    padding: 14px 28px 14px 20px;
    align-items: center;
    gap: 17px;
    position: fixed;
    bottom: 60px;
    left: 60px;
    z-index: 1000;
    border-radius: 30px;
    border: 1px solid rgba(109, 106, 222, 0.26);
    background: linear-gradient(145deg, rgba(109, 106, 222, 0.22) -627.32%, rgba(255, 255, 255, 0.50) 51.25%);
    box-shadow:
        0 1px 2px 0 rgba(255, 255, 255, 0.60) inset,
        0 6px 16px 0 rgba(109, 106, 222, 0.12),
        0 20px 40px -10px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(9px);

    text-decoration: none;
    overflow: hidden;
    isolation: isolate;

    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    animation: none;
}

.fixed-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(115deg,
            transparent 20%,
            rgba(255, 255, 255, 0.18) 38%,
            rgba(255, 255, 255, 0.65) 50%,
            rgba(255, 255, 255, 0.18) 62%,
            transparent 80%);
    transform: translateX(-140%);
    transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 0;
    pointer-events: none;
}

.fixed-cta::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;

    opacity: 0;
    transition: opacity 0.45s ease;
    z-index: 0;
    pointer-events: none;
}

.fixed-cta>* {
    position: relative;
    z-index: 1;
}

.fixed-cta img {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    transition:
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.45s ease;
    transform-origin: center;
}

.fixed-cta__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    flex: 1 0 0;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.fixed-cta__title {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 800;
    line-height: 17.6px;
    transition:
        color 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        text-shadow 0.35s ease;
}

.fixed-cta__subtitle {
    color: #68779F;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    transition:
        color 0.35s ease,
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.fixed-cta__title--mobile,
.fixed-cta__subtitle--mobile {
    display: none;
}

.fixed-cta:hover {
    transform: translateY(-4px) scale(1.012);
    border-color: rgba(109, 106, 222, 0.42);
    box-shadow:
        0 1px 2px 0 rgba(255, 255, 255, 0.78) inset,
        0 12px 34px rgba(109, 106, 222, 0.14),
        0 28px 62px rgba(36, 51, 118, 0.14);

}

.fixed-cta:hover::before {
    transform: translateX(140%);
}

.fixed-cta:hover::after {
    opacity: 1;
}

.fixed-cta:hover img {
    transform: translateY(-1px) scale(1.06) rotate(-4deg);
    filter: drop-shadow(0 8px 18px rgba(109, 106, 222, 0.22));
}

.fixed-cta:hover .fixed-cta__text {
    transform: translateX(2px);
}

.fixed-cta:hover .fixed-cta__title {
    color: #5C59DA;
    text-shadow: 0 4px 16px rgba(109, 106, 222, 0.18);
    transform: translateY(-1px);
}

.fixed-cta:hover .fixed-cta__subtitle {
    color: #546688;
    transform: translateY(1px);
}

.fixed-cta:active {
    transform: translateY(-2px) scale(0.992);
    transition-duration: 0.18s;
}

.fixed-cta:active img {
    transform: scale(0.98) rotate(-2deg);
}

.scroll-top-cta {
    position: fixed;
    right: 42px;
    bottom: 60px;
    z-index: 1001;
    display: inline-flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0;
    color: #FFF;
    background: radial-gradient(67.52% 67.87% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
    box-shadow:
        0 1px 1px rgba(255, 255, 255, 0.42) inset,
        0 16px 34px rgba(36, 51, 118, 0.14),
        0 10px 24px rgba(109, 106, 222, 0.18);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px) scale(0.84);
    pointer-events: none;
    transition:
        width 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        border-radius 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.34s ease,
        visibility 0.34s ease,
        transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

.scroll-top-cta::before {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: inherit;
    background: rgba(109, 106, 222, 0.13);
    filter: blur(12px);
    opacity: 0;
    transition: opacity 0.28s ease;
    z-index: -1;
}

.scroll-top-cta::after {
    content: "\412 \20 \43D \430 \447 \430 \43B \43E";
    position: absolute;
    left: 22px;
    top: 50%;
    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1px;
    white-space: nowrap;
    opacity: 0;
    transform: translate(10px, -50%);
    transition:
        opacity 0.26s ease,
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}

.scroll-top-cta svg {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    transition:
        left 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.28s ease;
}

.scroll-top-cta.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.scroll-top-cta:hover,
.scroll-top-cta:focus-visible {
    width: 134px;
    border-radius: 999px;
    transform: translateY(-3px) scale(1.02);
    box-shadow:
        0 1px 1px rgba(255, 255, 255, 0.48) inset,
        0 18px 38px rgba(36, 51, 118, 0.16),
        0 12px 28px rgba(109, 106, 222, 0.22);
    outline: none;
}

.scroll-top-cta:hover::before,
.scroll-top-cta:focus-visible::before {
    opacity: 1;
}

.scroll-top-cta:hover::after,
.scroll-top-cta:focus-visible::after {
    opacity: 1;
    transform: translate(0, -50%);
}

.scroll-top-cta:hover svg,
.scroll-top-cta:focus-visible svg {
    left: calc(100% - 29px);
    transform: translate(-50%, calc(-50% - 2px));
}

.scroll-top-cta:active {
    transform: translateY(0) scale(0.96);
    transition-duration: 0.12s;
}

body {
    margin: 0;
    background: #FFFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    overflow-x: clip;
    overflow-y: overlay;
}

html,
body {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.content {
    width: 100%;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    gap: 150px;
    align-items: center;
    justify-content: center;
    overflow-x: clip;

}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px clamp(10px, 8.5vw, 167px);
    z-index: 999;

    display: flex;
    align-items: center;

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(245, 244, 250, 0.60);
    backdrop-filter: blur(13.3px);
    -webkit-backdrop-filter: blur(13.3px);

    will-change: transform, opacity, filter;
    transition:
        opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.85s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.85s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease,
        background 0.35s ease;

    opacity: 0;
    transform: translateY(-22px);
    filter: blur(10px);
}

.header.is-visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    width: 100%;
    min-width: 0;
}

.header__logo,
.header__nav,
.header__auth,
.header__toggle {
    opacity: 0;
    filter: blur(8px);
}

.header__logo {
    display: flex;
    width: clamp(140px, 20vw, 348px);
    max-width: 100%;
    align-items: center;
    gap: 0;
    flex-shrink: 0;

    transform: translateY(-14px);
    will-change: transform, opacity, filter;
    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.header__logo a {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.header__logo svg {
    display: block;
    width: 100%;
    max-width: 185px;
    height: auto;
}

.header__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 43px;
    flex: 1 1 auto;
    min-width: 0;

    transform: translateY(-10px);
    will-change: transform, opacity, filter;
    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.header__auth {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;

    transform: translateY(-10px);
    will-change: transform, opacity, filter;
    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.header__toggle {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    width: 42px;
    height: 42px;
    padding: 0;
    flex-shrink: 0;
    background: transparent;
    cursor: pointer;
    transform: translateY(-10px);
    will-change: transform, opacity, filter;
    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.header__toggle span {
    display: block;
    width: 27px;
    height: 3px;
    border-radius: 999px;
    background: #0D2150;
    transition:
        transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.24s ease,
        background 0.24s ease;
}

.header__backdrop,
.header__panel {
    display: none;
}

.header.is-visible .header__logo,
.header.is-visible .header__nav,
.header.is-visible .header__auth,
.header.is-visible .header__toggle {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

.header.is-visible .header__logo {
    transition-delay: 0.08s;
}

.header.is-visible .header__nav {
    transition-delay: 0.18s;
}

.header.is-visible .header__auth {
    transition-delay: 0.28s;
}

.header.is-visible .header__toggle {
    transition-delay: 0.18s;
}

.mobile-notification {
    display: none;
}

.nav__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;

    color: #303C4D;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;

    transition:
        color 0.28s ease,
        opacity 0.28s ease,
        transform 0.28s ease;
}

.nav__item:hover {
    color: #6D6ADE;
    transform: translateY(-1px);
}

.nav__item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    background: #6D6ADE;
    border-radius: 2px;
    transition: width 0.3s ease;
}

.nav__item:hover::after {
    width: 42px;
}

.nav__item--active {
    color: #6D6ADE;
    font-weight: 700;
}

.nav__item--active::after {
    width: 42px;
}

.log {
    display: inline-flex;
    height: 55px;
    padding: 16px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    text-decoration: none;

    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 15.851px;
    font-weight: 600;
    line-height: 1;

    transition:
        color 0.28s ease,
        transform 0.28s ease,
        opacity 0.28s ease;
}

.log:hover {
    color: #6D6ADE;
    transform: translateY(-1px);
}

.reg {
    display: flex;
    height: 52px;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    text-decoration: none;

    border-radius: 45px;
    background: radial-gradient(76.03% 76.47% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
    box-shadow:
        0 4px 10px 0 rgba(0, 0, 0, 0.08),
        0 12px 24px 0 rgba(109, 106, 222, 0.20);

    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.reg:hover {
    transform: translateY(-2px);
    box-shadow:
        0 8px 18px 0 rgba(0, 0, 0, 0.10),
        0 18px 30px 0 rgba(109, 106, 222, 0.24);
}

.hero {
    position: relative;
    min-height: 900px;
}

.hero__decor {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1440px;
    height: 100%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}

.hero-card {
    position: absolute;
    pointer-events: none;
}

.hero-card__motion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;

    max-width: 270px;
    padding: 22px 20px;

    border-radius: 28px;
    border: 1px solid rgba(109, 106, 222, 0.12);
    background: rgba(255, 255, 255, 0.72);
    box-shadow:
        0 8px 24px rgba(109, 106, 222, 0.04),
        0 18px 46px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);

    opacity: 0;
    filter: blur(14px);
    transform-origin: center center;
    will-change: transform, opacity, filter;
    transition:
        opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.05s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1.05s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease;
}

.hero-card__badge {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hero-card__badge img {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

.hero-card__badge-text {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14.193px;
    font-weight: 700;
    letter-spacing: 1.135px;
    text-transform: uppercase;
}

.hero-card__title {
    color: #162B6F;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 23.654px;
    font-weight: 700;
    line-height: 25.013px;
}

.hero-card__text {
    color: #68779F;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 16.558px;
    font-weight: 500;
    line-height: 22.838px;
    max-width: 215px;
}

.hero-card__chips {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hero-card__chip {
    display: flex;
    width: fit-content;
    padding: 11px 11px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: 1px solid #E2E1F9;
    background: #FBFCFF;
    color: #162B6F;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14.193px;
    font-weight: 700;
}

.hero-card--left-top {
    top: 290px;
    left: -70px;
    transform: rotate(-6deg);
    opacity: 0.88;
}

.hero-card--right-top {
    top: 240px;
    right: -65px;
    transform: rotate(5deg);
    opacity: 0.86;
}

.hero-card--left-bottom {
    left: 60px;
    bottom: 200px;
    transform: rotate(4deg);
    z-index: 1;
}

.hero-card--right-bottom {
    bottom: 200px;
    right: 50px;
    transform: rotate(-3deg);
    max-width: 290px;
}

.hero-card__motion--left-top {
    transform: translate(-90px, -48px) scale(0.9) rotate(-8deg);
}

.hero-card__motion--right-top {
    transform: translate(90px, -42px) scale(0.9) rotate(8deg);
}

.hero-card__motion--left-bottom {
    transform: translate(-80px, 60px) scale(0.92) rotate(-6deg);
}

.hero-card__motion--right-bottom {
    transform: translate(82px, 58px) scale(0.92) rotate(7deg);
}

.hero.is-visible .hero-card__motion {
    opacity: 1;
    filter: blur(0);
}

.hero.is-visible .hero-card__motion--left-top {
    transform: translate(0, 0) scale(1) rotate(0deg);
    transition-delay: 0.34s;
}

.hero.is-visible .hero-card__motion--right-top {
    transform: translate(0, 0) scale(1) rotate(0deg);
    transition-delay: 0.48s;
}

.hero.is-visible .hero-card__motion--left-bottom {
    transform: translate(0, 0) scale(1) rotate(0deg);
    transition-delay: 0.62s;
}

.hero.is-visible .hero-card__motion--right-bottom {
    transform: translate(0, 0) scale(1) rotate(0deg);
    transition-delay: 0.76s;
}

.hero-card__motion:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow:
        0 14px 34px rgba(109, 106, 222, 0.08),
        0 28px 54px rgba(0, 0, 0, 0.11);
}

.hero.is-visible .hero-card--left-top .hero-card__motion {
    animation: heroCardFloat1 6.2s ease-in-out infinite 1.6s;
}

.hero.is-visible .hero-card--right-top .hero-card__motion {
    animation: heroCardFloat2 6.8s ease-in-out infinite 1.8s;
}

.hero.is-visible .hero-card--left-bottom .hero-card__motion {
    animation: heroCardFloat3 7s ease-in-out infinite 2s;
}

.hero.is-visible .hero-card--right-bottom .hero-card__motion {
    animation: heroCardFloat4 7.3s ease-in-out infinite 2.2s;
}

.hero__decor-line-wrap {
    position: absolute;
    inset: 0;
    opacity: 0;
    filter: blur(8px);
    transform: scale(0.94) translateY(10px);
    transform-origin: center;
    will-change: transform, opacity, filter;
    transition:
        opacity 1.15s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.15s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1.15s cubic-bezier(0.22, 1, 0.36, 1);
}

.hero__decor-line {
    position: absolute;
    top: 0;
    left: 0;
}

.hero.is-visible .hero__decor-line-wrap {
    opacity: 1;
    filter: blur(0);
    transform: scale(1) translateY(0);
    transition-delay: 0.86s;
}

.hero__decor-plane-wrap {
    position: absolute;
    top: 140px;
    left: 225px;
    opacity: 0;
    will-change: transform, opacity, filter;
    transform: translate(-42px, 44px) rotate(-24deg) scale(0.78);
    transition:
        opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.hero__decor-plane {
    width: 278px;
    height: 294px;
    filter: drop-shadow(0 10px 18px rgba(109, 106, 222, 0.22));
}

.hero.is-visible .hero__decor-plane-wrap {
    opacity: 1;
    transform: translate(0, 0) rotate(0deg) scale(1);
    transition-delay: 0.98s;
    animation: heroPlaneCruise 2.1s cubic-bezier(0.22, 1, 0.36, 1) 0.98s both,
        heroPlaneFloat 5.6s ease-in-out infinite 3.2s;
}

@keyframes heroCardFloat1 {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -9px, 0);
    }
}

@keyframes heroCardFloat2 {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -11px, 0);
    }
}

@keyframes heroCardFloat3 {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -8px, 0);
    }
}

@keyframes heroCardFloat4 {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -10px, 0);
    }
}

.hero-main {
    position: relative;
    display: flex;
    max-width: 844px;
    flex-direction: column;
    align-items: center;
    gap: 63px;
    margin-top: 150px;
    z-index: 2;
}

.herosection1 {
    display: flex;
    width: 100%;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    gap: 31px;
    align-self: stretch;
}

.badge {
    width: fit-content;
    display: flex;
    height: 49px;
    padding: 13px 25px;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid #E2E1F9;
    background: rgba(251, 252, 255, 0.92);
    box-shadow:
        0 1px 1.5px 0 rgba(255, 255, 255, 0.70) inset,
        0 1px 8px 0 rgba(109, 106, 222, 0.10),
        0 4px 12px -2px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(8px);
}

.hero-badge-span {
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.51px;
}

.hero-badge-span strong {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.51px;
}

.hero-title-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    align-self: stretch;
    padding: 0 45px;
    width: 100%;
}

.hero-title--generate {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 14px;
    row-gap: 6px;
    width: 100%;
    text-align: center;
}

.hero-title--generate span {
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -2.16px;

    opacity: 0;
    filter: blur(10px);
    transform: translateY(22px) scale(0.98);
    will-change: transform, opacity, filter;
    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.hero-title--generate span.is-visible {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
}

.hero-title--generate .hero-title-accent {
    color: #6D6ADE;
}

.hero-title-mobile-text,
.hero-trust-row {
    display: none;
}

.hero-title--generate.is-animated .hero-title-accent {
    animation: heroAccentGlow 3.2s ease-in-out infinite;
}

@keyframes heroAccentGlow {
    0% {
        text-shadow: 0 0 0 rgba(109, 106, 222, 0);
    }

    50% {
        text-shadow: 0 0 18px rgba(109, 106, 222, 0.18);
    }

    100% {
        text-shadow: 0 0 0 rgba(109, 106, 222, 0);
    }
}

.shop-carusel {
    position: relative;
    display: flex;
    width: 100%;
    padding: 10px 0;
    align-items: center;
    align-self: stretch;
    overflow: hidden;

    border-radius: 30px;
    border: 1px solid rgba(226, 225, 249, 0.41);
    background: rgba(252, 253, 255, 0.92);
    box-shadow:
        0 4px 31.3px 0 rgba(0, 0, 0, 0.04),
        0 1px 0 rgba(255, 255, 255, 0.7) inset;
    backdrop-filter: blur(10px);
}

.shop-carusel::before,
.shop-carusel::after {
    content: "";
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.shop-carusel::before {
    left: 0;
    background: linear-gradient(to right, #FCFDFF 0%, rgba(252, 253, 255, 0) 30%);
}

.shop-carusel::after {
    right: 0;
    background: linear-gradient(to left, #FCFDFF 0%, rgba(252, 253, 255, 0) 30%);
}

.shop-carusel-track {
    display: flex;
    gap: 10px;
    width: max-content;
    animation: scroll 15s linear infinite;
}

.shop-carusel-item {
    display: inline-flex;
    padding: 7px 9px;
    align-items: center;
    gap: 11px;
    flex: 0 0 auto;

    border-radius: 18px;
    border: 1px solid #F0F0F0;
    background: #FFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

.shop-carusel-item:hover {
    transform: translateY(-2px);
    border-color: rgba(109, 106, 222, 0.20);
    box-shadow: 0 10px 20px rgba(109, 106, 222, 0.08);
}

.shop-carusel-item-span {
    color: rgba(13, 33, 80, 0.88);
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17.5px;
    font-weight: 700;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.cta-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.main-cta {
    display: flex;
    width: 307px;
    padding: 9px 8px 9px 28.007px;
    justify-content: space-between;
    align-items: center;
    border-radius: 48.474px;
    background: radial-gradient(67.52% 67.87% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
    box-shadow:
        0 4px 10px 0 rgba(0, 0, 0, 0.08),
        0 12px 24px 0 rgba(109, 106, 222, 0.20);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.main-cta:hover {
    transform: translateY(-3px);
    box-shadow:
        0 8px 18px 0 rgba(0, 0, 0, 0.10),
        0 18px 30px 0 rgba(109, 106, 222, 0.24);
}

.main-cta svg {
    transition: transform 0.3s ease;
}

.main-cta:hover svg {
    transform: translateX(4px);
}

.main-cta-span {
    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 16.696px;
    font-weight: 500;
}

.tarrifs {
    display: flex;
    width: 229px;
    height: 61px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 41px;
    border: 1px solid #E2E1F9;
    background: rgba(251, 252, 255, 0.92);
    box-shadow: 0 4px 8.3px 0 rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(8px);

    color: #2A3C65;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 16.696px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.tarrifs:hover {
    transform: translateY(-3px);
    border-color: rgba(109, 106, 222, 0.30);
    box-shadow: 0 12px 20px rgba(109, 106, 222, 0.10);
}

.advnts {
    display: flex;
    height: 85px;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.advantage {
    display: flex;
    min-width: 180px;
    padding: 16px 32.05px 16px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;

    border-radius: 20px;
    border: 1px solid rgba(109, 106, 222, 0.12);
    background: rgba(255, 255, 255, 0.64);
    box-shadow: 0 4px 14px 0 rgba(109, 106, 222, 0.10);
    backdrop-filter: blur(8px);

}

.advantage-span-main {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}

.advantage-span {
    color: #68779F;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.hero-bg,
.badge,
.hero-title-cont,
.shop-carusel,
.cta-btns,
.advantage {
    will-change: transform, opacity, filter;
}

.hero-bg {
    opacity: 0;
    transform: scale(1.08);
    transition:
        opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.badge,
.hero-title-cont,
.shop-carusel,
.cta-btns,
.advantage {
    opacity: 0;
    filter: blur(10px);
    transition:
        opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.badge {
    transform: translateY(18px);
}

.hero-title-cont {
    transform: translateY(30px);
}

.shop-carusel {
    transform: translateY(24px);
}

.cta-btns {
    transform: translateY(22px);
}

.advantage {
    transform: translateY(34px) scale(0.96);
}

.hero.is-visible .hero-bg,
.hero.is-visible .hero-decor {
    opacity: 1;
    transform: scale(1);
}

.hero.is-visible .badge,
.hero.is-visible .hero-title-cont,
.hero.is-visible .shop-carusel,
.hero.is-visible .cta-btns,
.hero.is-visible .advantage {
    opacity: 1;
    filter: blur(0);
    transform: none;
}

.hero.is-visible .badge {
    transition-delay: 0.08s;
}

.hero.is-visible .hero-title-cont {
    transition-delay: 0.18s;
}

.hero.is-visible .shop-carusel {
    transition-delay: 0.32s;
}

.hero.is-visible .cta-btns {
    transition-delay: 0.46s;
}

.hero.is-visible .advantage:nth-child(1) {
    transition-delay: 0.58s;
}

.hero.is-visible .advantage:nth-child(2) {
    transition-delay: 0.70s;
}

.hero.is-visible .advantage:nth-child(3) {
    transition-delay: 0.82s;
}

.hero.is-visible .hero-decor {
    animation: heroDecorFloat 7s ease-in-out infinite;
}

.hero.is-visible .hero-bg {
    animation: heroBgDrift 10s ease-in-out infinite;
}

.hero.is-visible .shop-carusel {
    animation: heroBlockFloat 6s ease-in-out infinite;
}

.hero.is-visible .advantage:nth-child(1) {
    animation: advFloat 5.8s ease-in-out infinite;
}

.hero.is-visible .advantage:nth-child(2) {
    animation: advFloat 6.4s ease-in-out infinite;
}

.hero.is-visible .advantage:nth-child(3) {
    animation: advFloat 7s ease-in-out infinite;
}

@keyframes heroDecorFloat {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -10px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes heroBgDrift {
    0% {
        transform: scale(1) translate3d(0, 0, 0);
    }

    50% {
        transform: scale(1.015) translate3d(0, -8px, 0);
    }

    100% {
        transform: scale(1) translate3d(0, 0, 0);
    }
}

@keyframes heroBlockFloat {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -6px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes advFloat {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -4px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.advantages__hero-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 42px;

    min-height: 348.985px;
    padding: 0 67px 0 46px;
    align-self: stretch;

    border-radius: 35px;
    border: 1.5px solid rgba(109, 106, 222, 0.88);
    background:
        radial-gradient(circle at 14% 18%, rgba(109, 106, 222, 0.10) 0%, rgba(109, 106, 222, 0) 28%),
        linear-gradient(182deg, #FFFFFF 39.06%, rgba(171, 170, 222, 0.08) 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.72) inset,
        0 20px 50px rgba(36, 51, 118, 0.13),
        0 10px 24px rgba(109, 106, 222, 0.08);

    overflow: hidden;
    isolation: isolate;

    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.advantages__hero-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 82% 22%, rgba(109, 106, 222, 0.08) 0%, rgba(109, 106, 222, 0) 26%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 42%);
    pointer-events: none;
    z-index: 0;
}

.advantages__hero-card::after {
    content: "";
    position: absolute;
    left: -40px;
    bottom: -90px;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(109, 106, 222, 0.12) 0%, rgba(109, 106, 222, 0) 72%);
    filter: blur(12px);
    pointer-events: none;
    z-index: 0;
}

.advantages__hero-card:hover {
    transform: translateY(-4px);
    border-color: rgba(109, 106, 222, 1);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 28px 64px rgba(36, 51, 118, 0.16),
        0 12px 28px rgba(109, 106, 222, 0.12);
}

.advantages__hero-card {
    position: relative;
    display: flex;
    min-height: 348.985px;
    padding: 0 67px 0 46px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 42px;

    border-radius: 35px;
    border: 1.5px solid rgba(109, 106, 222, 0.9);
    background:
        radial-gradient(circle at 12% 18%, rgba(109, 106, 222, 0.10) 0%, rgba(109, 106, 222, 0) 26%),
        linear-gradient(182deg, #FFF 39.06%, rgba(171, 170, 222, 0.08) 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.78) inset,
        0 20px 50px 0 rgba(36, 51, 118, 0.13),
        0 10px 24px 0 rgba(109, 106, 222, 0.08);

    overflow: hidden;
    isolation: isolate;

    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.advantages__hero-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(109, 106, 222, 0.08) 0%, rgba(109, 106, 222, 0) 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0) 42%);
    pointer-events: none;
    z-index: 0;
}

.advantages__hero-card::after {
    content: "";
    position: absolute;
    left: -40px;
    bottom: -90px;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(109, 106, 222, 0.12) 0%, rgba(109, 106, 222, 0) 72%);
    filter: blur(14px);
    pointer-events: none;
    z-index: 0;
}

.advantages__hero-card>* {
    position: relative;
    z-index: 1;
}

.advantages__hero-card:hover {
    transform: translateY(-6px);
    border-color: #6D6ADE;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.82) inset,
        0 28px 64px 0 rgba(36, 51, 118, 0.16),
        0 14px 30px 0 rgba(109, 106, 222, 0.12);
}

.advantages__hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    flex: 1 1 0;
    min-width: 0;

    transition:
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.advantages__badge-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    align-self: stretch;
    gap: 18px;
    min-width: 0;

    transition:
        transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.advantages__badge-row-main {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 0;
    min-width: 0;

    transition:
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.main-block {
    display: flex;
    max-width: 1368px;
    padding: 26px;
    align-items: center;
    gap: 43px;
    border-radius: 38px;
    border: 1px solid rgba(230, 230, 230, 0.72);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.64) 100%);
    box-shadow: 0 30px 70px 0 rgba(31, 42, 92, 0.08);
    backdrop-filter: blur(8px);
    position: relative;
}

.main-block {
    position: relative;
}

.step-btn {
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    transition:
        transform 0.22s ease,
        filter 0.22s ease;
}

.step-btn:hover {
    transform: translateY(-3px);
    filter: drop-shadow(0 10px 18px rgba(79, 70, 229, 0.16));
}

.step-btn:active {
    transform: translateY(1px);
}

.step-btn svg,
.step-btn-span {
    transition: transform 0.28s ease, opacity 0.28s ease;
}

.step-btn:hover svg {
    transform: translateX(4px);
}

.step-anim-item {
    will-change: transform, opacity, filter;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.step-anim-text-1,
.step-anim-text-2,
.step-anim-text-3 {
    transition:
        opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.step-anim-badge {
    transition:
        opacity 0.44s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.44s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.44s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.44s cubic-bezier(0.22, 1, 0.36, 1);
}

.step-anim-mockup {
    transition:
        opacity 0.56s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.56s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.56s cubic-bezier(0.22, 1, 0.36, 1);
    transform-origin: center center;
}

.step-anim-card {
    transition:
        opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.58s cubic-bezier(0.22, 1, 0.36, 1);
}

.step-anim-hidden {
    opacity: 0;
    filter: blur(8px);
    pointer-events: none;
}

.step-anim-text-1.step-anim-hidden {
    transform: translateY(16px);
}

.step-anim-text-2.step-anim-hidden {
    transform: translateY(22px);
}

.step-anim-text-3.step-anim-hidden {
    transform: translateY(28px);
}

.step-anim-badge.step-anim-hidden {
    transform: translateY(-16px) scale(0.92);
}

.step-anim-mockup.step-anim-hidden {
    transform: translateY(26px) scale(0.95) rotate(-4deg);
}

.step-anim-card-top.step-anim-hidden {
    transform: translateX(24px) translateY(-14px) rotate(15deg) scale(0.92);
}

.step-anim-card-bottom.step-anim-hidden {
    transform: translateX(-22px) translateY(18px) rotate(-10deg) scale(0.92);
}

.steps-progress__item {
    width: 44px;
    height: 6px;
    border-radius: 999px;
    background: #DFE4F1;
    transition:
        background 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.steps-progress__item--active {
    background: linear-gradient(90deg, #6D6ADE 0%, #4F46E5 100%);
    box-shadow: 0 0 0 4px rgba(109, 106, 222, 0.10);
    transform: scaleX(1.06);
}

.decor-plane-card {
    position: absolute;
    top: 26px;
    right: 155px;
    z-index: 5;
    transform-origin: center center;
    transition:
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.35s ease;
}

.decor-plane-card img {
    display: block;
    animation: planeFloat 4.8s ease-in-out infinite;
    will-change: transform;
}

@keyframes planeFloat {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    25% {
        transform: translateY(-4px) rotate(2deg);
    }

    50% {
        transform: translateY(-8px) rotate(0deg);
    }

    75% {
        transform: translateY(-4px) rotate(-2deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.step-anim-button.step-anim-hidden {
    opacity: 0;
    transform: translateY(14px) scale(0.96);
    filter: blur(6px);
}

.presentation {
    display: flex;
    width: 618.69px;
    height: 460px;
    min-height: 460px;
    padding: 26px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 35px;
    border: 1px solid rgba(93, 103, 145, 0.12);
    background: linear-gradient(180deg, #6D6ADE 0%, #5B518F 100%);
    overflow: hidden;
}

.presentation-content {
    flex: 1 0 0;
    width: 100%;
    height: 406px;
    align-self: stretch;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.03) 100%);
    overflow: hidden;
    position: relative;
}

.presentation-content-badge {
    display: inline-flex;
    padding: 10px 14px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    top: 22px;
    left: 25px;
    letter-spacing: 0.7px;
}

.phone-mockup-step {
    position: absolute;
    top: 68px;
    right: 59px;
    z-index: 3;

}

.floating-card {
    display: flex;
    width: 189.759px;
    max-width: 189.759px;
    padding: 15.526px 17.251px;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    border-radius: 17.251px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 17.251px 34.502px 0 rgba(12, 24, 68, 0.14);
    backdrop-filter: blur(6.900326251983643px);
}

.floating-card-title {
    color: #172B68;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 12.076px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.491px;
}

.floating-card-subtitle {
    color: #7380A7;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 11.213px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.259px;
    /* 145% */
}

.floating-card--top-right {
    position: absolute;
    right: 21px;
    top: 21.3px;
    transform: rotate(9.745deg);
    z-index: 4;
}

.floating-card--bottom-left {
    position: absolute;
    left: 43px;
    top: 288px;
    transform: rotate(-6deg);
    z-index: 4;
}

.decor-plane-card {
    position: absolute;
    top: 26px;
    right: 155px;
    z-index: 5;
}

.step-dscr {
    display: flex;
    width: 457.31px;
    padding: 20px 8px 20px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 23px;

}

.step-dscr-num {
    color: #8A90BE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    /* 100% */
    letter-spacing: -0.66px;
}

.step-dscr-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
}

.step-dscr-title {
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 50.96px;
    letter-spacing: -2.6px;
}

.step-dscr-title strong {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 50.96px;
    /* 98% */
    letter-spacing: -2.6px;
}

.step-dscr-subtitle {
    color: #7380A7;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.24px;
}

.step-btn {
    display: flex;
    width: fit-content;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
}

.step-btn-span {
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 29.24px;
    /* 172% */
}

.steps-to-buy {
    display: flex;
    width: 1576px;
    flex-direction: column;
    align-items: center;
    gap: 55px;
}

.section-header {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    align-self: stretch;
}

.section-header-title {
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 64.765px;
    font-style: normal;
    font-weight: 600;
    line-height: 79.39px;
    max-width: 1115px;
    text-align: center;

}

.section-header-title strong {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 64.765px;
    font-style: normal;
    font-weight: 600;
    line-height: 79.39px;
    /* 122.581% */
}

.section-header-subtitle {
    color: #45556C;
    text-align: center;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */
    letter-spacing: 0.6px;
    max-width: 1107px;
}

.tk-card {
    display: flex;
    position: relative;
    height: 440px;
    padding: 34px 27px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 28px;
    border: 1px solid rgba(220, 0, 50, 0.08);
    background: #FFF;
    box-shadow: 0 20px 50px 0 rgba(36, 51, 118, 0.06);
    overflow: hidden;

}

.main-tk-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    z-index: 5;
}

.tk-card-badge {
    display: flex;
    height: 41.397px;
    padding: 10.983px 21.121px;
    align-items: center;
    gap: 8.448px;
    border-radius: 25.345px;
    background: #FFFBFB;
    box-shadow: 0 4px 28.7px 0 rgba(137, 30, 31, 0.13);
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14.362px;
    font-weight: 700;
    letter-spacing: 0.431px;
}

.tk-card-badge-dpd {
    color: #DC0032;
    border: 0.845px solid #F9E1E1;
}

.tk-card-descr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 19px;
    align-self: stretch;
}

.tk-card-sect {
    display: flex;
    width: 320.667px;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}

.tk-logo-name {
    display: flex;
    align-items: center;
    gap: 11px;
}

.tk-logo-name img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
}

.tk-name {
    color: #16275E;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.tk-card-sub {
    align-self: stretch;
    color: #45556C;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 141.176% */
    letter-spacing: 0.34px;
}

.tk-card-advs {
    display: flex;
    width: 320.667px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 7px;
    flex-wrap: wrap;
}

.tk-card-advs-unit {
    display: flex;
    height: 39px;
    padding: 10.983px 21.121px;
    align-items: center;
    gap: 8.448px;
    border-radius: 25.345px;
    border: 0.845px solid rgba(226, 225, 249, 0.61);
    background: rgba(251, 252, 255, 0.62);
    box-shadow: 0 0.845px 1.267px 0 rgba(255, 255, 255, 0.70) inset, 0 0.845px 6.759px 0 rgba(109, 106, 222, 0.10), 0 3.379px 10.138px -1.69px rgba(0, 0, 0, 0.06);
    color: #647193;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14.362px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.431px;
}

.tk-card-cta {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.tk-card-cta:hover {
    transform: translateX(4px);
}

.tk-card-cta-span {
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14.362px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.431px;

}

.tk-card-cta-span-dpd {
    color: #DC0032;
}

.tk-cards {
    display: flex;
    max-width: 1220px;
    padding: 28px 28px 28px 28px;
    flex-direction: column;
    align-items: center;
    gap: 34px;
    align-self: stretch;
    border-radius: 35px;
    border: 1px solid rgba(0, 18, 220, 0.08);
    background: #FFF;
    box-shadow: 0 20px 50px 0 rgba(36, 51, 118, 0.06);
    position: relative;
    isolation: isolate;
    z-index: 1;
    --scale: 1;

}

.tk-cards-main {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    position: relative;
}

.tk-card-dekor {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;

}

.tk-card-cdek {
    border-radius: 28px;
    border: 1.3px solid #00B33C;
    background: #FFF;
    box-shadow: 0 20px 34.4px 0 rgba(36, 118, 80, 0.11);
}

.tk-card-rp {
    border-radius: 28px;
    border: 1px solid rgba(0, 18, 220, 0.08);
    background: #FFF;
    box-shadow: 0 20px 50px 0 rgba(36, 51, 118, 0.06);
}

.tk-card-badge-cdek {
    border-radius: 25.345px;
    border: 0.845px solid rgba(0, 179, 60, 0.20);
    background: #FBFFFD;
    box-shadow: 0 4px 28.7px 0 rgba(30, 137, 91, 0.13);
    color: #00B33C;
}

.tk-card-badge-rp {
    border-radius: 25.345px;
    border: 0.845px solid #E1E3F9;
    background: #FCFBFF;
    box-shadow: 0 4px 28.7px 0 rgba(30, 31, 137, 0.13);
    color: #1928DC;
}

.tk-card-cta-span-cdek {
    color: #00B33C;
}

.tk-card-cta-span-rp {
    color: #1928DC;
}

.tk-cmpns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 55px;
}

.tk-cards-descr1-span {
    flex: 1 0 0;
    color: #647193;
    text-align: center;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.45px;
}

.tk-cards-descr1 {
    display: flex;
    padding: 0 210px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    width: 100%;
}

.prblms-cta {
    position: relative;
    display: flex;
    width: 1252px;
    max-width: calc(100% - 32px);
    padding: 0px 76px;
    justify-content: space-between;
    align-items: center;
    border-radius: 66px;
    border: 1px solid #E2E1F9;
    background: radial-gradient(82.75% 56.79% at 48.63% 47.18%, #6554E0 0%, #988BFF 100%);
    box-sizing: border-box;
    isolation: isolate;
    overflow: hidden;

}

.prblms-cta img {
    position: relative;
    z-index: 2;
    max-width: 520px;
    height: auto;

    transform-style: preserve-3d;
    will-change: transform;

    animation: float3D 6s ease-in-out infinite;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes float3D {
    0% {
        transform: translate3d(0, 0px, 0) rotateZ(0deg) rotateX(0deg);
    }

    25% {
        transform: translate3d(6px, -10px, 0) rotateZ(1deg) rotateX(2deg);
    }

    50% {
        transform: translate3d(0px, -18px, 0) rotateZ(0deg) rotateX(0deg);
    }

    75% {
        transform: translate3d(-6px, -10px, 0) rotateZ(-1deg) rotateX(-2deg);
    }

    100% {
        transform: translate3d(0, 0px, 0) rotateZ(0deg) rotateX(0deg);
    }
}

.prblms-cta:hover img {
    transform: translate3d(0, -14px, 0) scale(1.03) rotateZ(-1.5deg);
}

.prblms-cta::before {
    content: "";
    position: absolute;
    left: 80px;
    bottom: 40px;
    pointer-events: none;

    width: 300px;
    height: 80px;

    background: radial-gradient(ellipse at center,
            rgba(0, 0, 0, 0.18) 0%,
            rgba(0, 0, 0, 0.08) 40%,
            rgba(0, 0, 0, 0) 70%);

    filter: blur(20px);
    z-index: 1;

    animation: shadowFloat 6s ease-in-out infinite;
}

@keyframes shadowFloat {
    0% {
        transform: scale(1);
        opacity: 0.35;
    }

    50% {
        transform: scale(0.85);
        opacity: 0.2;
    }

    100% {
        transform: scale(1);
        opacity: 0.35;
    }
}

.main-prblms {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 529px;
}

.prblms-descr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
}

.prblms-title-h1 {
    align-self: stretch;
    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 73px;
    /* 121.667% */
    letter-spacing: 1.8px;
}

.prblms-title-h2 {
    height: 31px;
    align-self: stretch;
    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 23.135px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.prblms-subtitle {
    color: #D0CBF5;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 19.997px;
    font-style: normal;
    font-weight: 400;
    line-height: 33.328px;
    /* 166.667% */
    letter-spacing: 0.6px;
}

.problems-cta-button {
    display: flex;
    height: 68.212px;
    padding: 1.197px 12.22px 1.197px 31.114px;
    align-items: center;
    gap: 14px;
    border-radius: 53.852px;
    background: radial-gradient(173.29% 173.38% at 39.19% 57.67%, #FFF 0%, #E9E4FF 100%);
    box-shadow: 0 4.444px 23.996px 0 rgba(0, 0, 0, 0.15);
    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        filter 0.28s ease;
}

.problems-cta-button:hover {
    transform: translateY(-4px);
    box-shadow:
        0 10px 24px rgba(17, 24, 39, 0.14),
        0 18px 38px rgba(109, 106, 222, 0.18);
    filter: saturate(1.05);
}

.problems-cta-button-span {
    color: #31228E;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.services-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    gap: 18px;
    align-self: stretch;
}

.services-cards-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 9.382px;
    flex: 1 0 0;
    position: relative;
    height: auto;
    padding: 30px 27px;
    border: 1.001px solid #E2E1F9;
    border-radius: 32.016px;
    background: #FBFCFF;
    box-sizing: border-box;
    overflow: hidden;
    isolation: isolate;
}

.services-cards-item-container {
    display: grid;
    grid-template-rows: auto auto;
    align-content: start;
    align-items: flex-start;
    gap: clamp(38px, 3.15vw, 50px);
    width: 100%;
    flex: none;
    position: relative;
    z-index: 3;
}

.sev-card-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9.382px;
    align-self: stretch;
}

.sev-card-main-title {
    align-self: stretch;
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 25.013px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.5px;
}

.sev-card-main-subtitle {
    max-width: 335px;
    align-self: stretch;
    color: #45556C;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.34px;
}

.serv-card-badge {
    display: flex;
    width: fit-content;
    padding: 16px 35px;
    justify-content: center;
    align-items: center;
    justify-self: start;
    gap: 10px;
    border-radius: 22px;
    background: radial-gradient(76.03% 76.47% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08), 0 12px 24px 0 rgba(109, 106, 222, 0.20);
    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14.368px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.287px;
    position: relative;
    z-index: 3;
}

.serv-card-img {
    position: absolute;
    right: 15px;
    bottom: 13px;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.services-cards-shell {
    width: 100%;
    position: relative;
    z-index: 1;
}

.services-slider-controls {
    display: none;
    position: relative;
    z-index: 6;
    pointer-events: auto;
}

.services-slider-btn {
    pointer-events: auto;
    touch-action: manipulation;
}

.services {
    display: flex;
    width: 1586px;
    flex-direction: column;
    align-items: center;
    gap: 55px;
}

.items-we-deliever {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 45px;
}

.section-header-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 21px;
    align-self: stretch;
    max-width: 1586px;
    margin: 0 auto;
    width: 100%;
}

.section-header-title-left {
    text-align: left;
    width: 100%;
    max-width: 1400px;

}

.section-header-title-left strong {
    background: linear-gradient(90deg, #0F172A 0%, #4F46E5 42%, #6D6ADE 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 64.765px;
    font-style: normal;
    font-weight: 700;
    line-height: 79.39px;
}

.items-we-title-desktop {
    display: inline;
}

.items-we-title-mobile {
    display: none;
}

.section-header-subtitle-left {
    text-align: left;
}

.items-we-cards {
    display: flex;
    gap: 15px;
    width: max-content;
    overflow: visible;

}

.items-we-cards-mobile {
    display: none;
}

.product-card {
    display: flex;
    width: 305.2px;
    height: 402px;
    padding: 171px 0 14px 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 32.073px;
    border: 0.921px solid rgba(0, 18, 220, 0.08);
    background: #FFF;
    box-shadow: 0 18.427px 46.068px 0 rgba(36, 51, 118, 0.10);
    position: relative;
    overflow: hidden;
}

.product-card__photo {
    position: absolute;
    right: -5px;
    top: 0px;
}

.product-card__discount {
    position: absolute;
    right: -65.452px;
    top: 12px;
    display: flex;
    width: 146.875px;
    height: 33.067px;
    transform: rotate(40.911deg);
    padding: 11px 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
    z-index: 999;
    border-radius: 37px;
    background: radial-gradient(76.03% 76.47% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);

}

.product-card__info {
    display: flex;
    width: 275px;
    padding: 22.909px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 21.764px;
    border: 1.145px solid rgba(0, 18, 220, 0.08);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 3px 3.7px 0 rgba(255, 255, 255, 0.44) inset, 0 22.909px 57.273px 0 rgba(36, 51, 118, 0.06);
    backdrop-filter: blur(5.550000190734863px);
}

.product-card__store-icon {
    width: 46px;
    height: 46px;
}

.product-card__info-main {
    display: flex;
    align-items: center;
    gap: 10.309px;
    align-self: stretch;
}

.product-card__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.145px;
}

.product-card__title {
    align-self: stretch;
    color: #0D2150;
    font-family: "Segoe UI", "Manrope", system-ui, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.909px;
    /* 120.574% */
    letter-spacing: 0.19px;

}

.product-card__shop {
    align-self: stretch;
    color: rgba(13, 33, 80, 0.66);
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.327px;
    /* 122.182% */
    letter-spacing: 0.3px;
}

.product-card__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;

}

.product-card__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.product-card__label {
    color: rgba(13, 33, 80, 0.78);
    text-align: center;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
}

.product-card__value {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.2px;
}

.product-card__link_span {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.493px;
    /* 209.332% */

}

.product-card__link-container {
    display: flex;
    width: 180.145px;
    justify-content: space-between;
    align-items: center;
}

.product-card__link {
    display: flex;
    padding-left: 36.655px;
    align-items: center;
    gap: 14px;
    align-self: stretch;
    transition:
        transform 0.24s ease,
        filter 0.24s ease;
}

.product-card__link:hover {
    transform: translateY(-3px);
    filter: drop-shadow(0 10px 16px rgba(109, 106, 222, 0.18));
}

.product-card__link:hover .product-card__link_span {
    color: #5854de;
}

.items-we-deliever__viewport {
    width: calc(100% + 96px);
    margin-inline: -48px;
    padding: 34px 48px 78px;
    overflow: visible;

    /* Был mask-image, из-за него карточки и их тени визуально обрезались по краям. */
    -webkit-mask-image: none;
    mask-image: none;
}

.items-we-cards-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    gap: 15px;
    animation: items-marquee 28s linear infinite;
    will-change: transform;
    overflow: visible;
}

@keyframes items-marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 7.5px));
    }
}

.delivery-cta {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1583px;
    height: 430px;
    padding: 0 78px 0 57px;
    justify-content: space-between;
    align-items: center;
    border-radius: 52px;
    border: 1.5px solid rgba(109, 106, 222, 0.29);
    background: linear-gradient(182deg, #FFF 39.06%, rgba(171, 170, 222, 0.03) 782.65%);
    box-shadow: 0 20px 50px 0 rgba(36, 51, 118, 0.13);
    overflow: hidden;
    box-sizing: border-box;

}

.delivery-cta__content {
    display: flex;
    max-width: 661px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
    position: relative;
    z-index: 2;
}

.delivery-cta__content-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
}

.delivery-cta__title {
    align-self: stretch;
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 57px;
    /* 118.75% */
}

.delivery-cta__title strong {
    background: linear-gradient(90deg, #2F3256 0%, #5350C2 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 57px;

}

.delivery-cta__text {
    align-self: stretch;
    color: #64748B;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    /* 183.333% */
}

.delivery-cta__visual {
    position: relative;
    z-index: 1;
}

.delivery-cta__visual img {
    display: block;
    max-width: 100%;
    height: auto;
}

.adv-services {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 38px;
    max-width: 1586px;
}

.advantages-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}

.advantages__eyebrow {
    color: #6D6ADE;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14.569px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.749px;
    text-transform: uppercase;
    white-space: nowrap;

}

.advantages__pill {
    display: flex;
    flex: 0 0 auto;
    height: 38.362px;
    padding: 10.178px 19.572px;
    align-items: center;
    gap: 7.829px;
    border-radius: 23.487px;
    border: 0.783px solid #E2E1F9;
    background: #FBFCFF;
    backdrop-filter: blur(14.800000190734863px);
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 13.309px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.399px;
}

.advantages__text {
    display: flex;
    max-width: 707.655px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    color: #64748B;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27.318px;
    /* 170.735% */
}

.advantages__list {
    display: inline-grid;
    max-width: 582.775px;
    row-gap: 16px;
    column-gap: 26px;
    align-self: stretch;
    grid-template-rows: repeat(2, fit-content(100%));
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.advantages__list-item {
    display: inline-flex;
    align-items: center;
    gap: 10.407px;
    width: fit-content;

}

.advantages__list-item-span {
    color: #334155;
    font-family: "Inter", "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 15.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.976px;
    width: 100%;
    white-space: nowrap;
}

.advantages__grid {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
}

.advantages__small-card {
    display: flex;
    max-width: 473px;
    padding: 28px;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    flex: 1 0 0;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.76);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.48) 100%);
    box-shadow: 0 20px 50px 0 rgba(79, 94, 160, 0.12);
}

.advantages__title {
    align-self: stretch;
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 37.152px;

}

.steps-progress {
    position: absolute;
    right: 49px;
    bottom: 47px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.steps-progress__item {
    width: 44px;
    height: 6px;
    border-radius: 999px;
    background: #DFE4F1;

}

.footer__contacts-list-item {
    display: flex;
    align-items: center;
    gap: 10.689px;
    align-self: stretch;
    transition:
        transform 0.24s ease,
        filter 0.24s ease;
}

.steps-progress__item--active {
    border-radius: 999px;
    background: linear-gradient(90deg, #6D6ADE 0%, #4F46E5 100%);
}

.advantages__list--vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
}

.advantages__team-card {
    display: flex;
    padding: 28px 32px 24px 32px;
    align-items: flex-start;
    gap: 20.8px;
    flex: 1 0 0;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.76);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.48) 100%);
    box-shadow: 0 20px 50px 0 rgba(79, 94, 160, 0.12);
    position: relative;
    overflow: hidden;

}

.advantages__team-content {
    display: flex;
    max-width: 577px;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    flex: 1 0 0;
}

.advantages__team-visual {
    position: absolute;
    right: 0px;
    bottom: -5px;
}

.advantages__hero-card>img,
.advantages__team-visual img {
    display: block;
    height: auto;
}

@media (min-width: 768px) and (max-width: 1600px) {
    .adv-services {
        width: calc(100% - clamp(36px, 5vw, 96px));
        max-width: 1440px;
        margin: 0 auto;
        gap: clamp(32px, 3vw, 42px);
        box-sizing: border-box;
    }

    .advantages-cards {
        gap: clamp(14px, 1.25vw, 20px);
        width: 100%;
    }

    .advantages__hero-card {
        min-height: 0;
        height: fit-content;
        padding: clamp(30px, 3vw, 46px) clamp(36px, 4.2vw, 67px) clamp(30px, 3vw, 46px) clamp(30px, 3vw, 46px);
        gap: clamp(24px, 3vw, 48px);
        border-radius: clamp(28px, 2.3vw, 35px);
    }

    .advantages__hero-content {
        max-width: min(58%, 720px);
        gap: clamp(16px, 1.35vw, 20px);
    }

    .advantages__hero-card>img {
        width: clamp(390px, 38vw, 630px);
        max-width: 48%;
        flex: 0 0 auto;
        object-fit: contain;
        margin-right: clamp(-44px, -2.2vw, -12px);
        filter: drop-shadow(0 24px 36px rgba(77, 75, 174, 0.12));
    }

    .advantages__grid {
        display: grid;
        grid-template-columns: minmax(330px, 0.62fr) minmax(0, 1fr);
        align-items: stretch;
        gap: clamp(14px, 1.25vw, 20px);
        width: 100%;
    }

    .advantages__small-card,
    .advantages__team-card {
        min-height: clamp(306px, 23.5vw, 360px);
        max-width: none;
        padding: clamp(24px, 2.2vw, 32px);
        border-radius: clamp(26px, 2.1vw, 32px);
        box-sizing: border-box;
    }

    .advantages__team-card {
        min-width: 0;
        min-height: 0;
        height: fit-content;
        padding-right: clamp(270px, 26vw, 430px);
    }

    .advantages__team-content {
        position: relative;
        z-index: 1;
        max-width: min(100%, 671px);
        gap: clamp(15px, 1.25vw, 18px);
    }

    .advantages__team-visual {
        right: clamp(-78px, -4.3vw, -26px);
        bottom: clamp(-24px, -1.3vw, -7px);
        width: clamp(285px, 29vw, 500px);
        pointer-events: none;
    }

    .advantages__team-visual img {
        width: 100%;
    }

    .advantages__badge-row {
        gap: clamp(12px, 1.3vw, 18px);
    }

    .advantages__badge-row-main {
        gap: clamp(8px, 0.8vw, 10px);
    }

    .advantages__badge-row-main img {
        width: clamp(30px, 2.5vw, 40px);
        height: auto;
        flex: 0 0 auto;
    }

    .advantages__eyebrow {
        font-size: clamp(11.5px, 0.9vw, 14.569px);
        letter-spacing: 0.05em;
    }

    .advantages__pill {
        height: auto;
        min-height: clamp(32px, 2.45vw, 38px);
        padding: clamp(8px, 0.72vw, 10px) clamp(14px, 1.25vw, 20px);
        font-size: clamp(11.5px, 0.85vw, 13.309px);
        white-space: nowrap;
    }

    .advantages__title {
        font-size: clamp(26px, 2.05vw, 33px);
        line-height: 1.13;
        letter-spacing: 0;
    }

    .advantages__text {
        max-width: 100%;
        font-size: clamp(14.5px, 1.03vw, 16px);
        line-height: 1.65;
    }

    .advantages__list {
        max-width: min(100%, 620px);
        row-gap: clamp(11px, 1vw, 16px);
        column-gap: clamp(16px, 1.7vw, 26px);
    }

    .advantages__list-item {
        min-width: 0;
        width: 100%;
        align-items: flex-start;
    }

    .advantages__list-item svg {
        flex: 0 0 auto;
        margin-top: 8px;
    }

    .advantages__list-item-span {
        white-space: normal;
        font-size: clamp(13.5px, 0.98vw, 15.6px);
        line-height: 1.45;
    }
}

@media (min-width: 994px) and (max-width: 1199px) {
    .advantages__hero-content {
        max-width: 55%;
    }

    .advantages__hero-card>img {
        width: clamp(410px, 44vw, 520px);
        max-width: 48%;
        margin-right: clamp(-58px, -4vw, -34px);
    }

    .advantages__grid {
        grid-template-columns: minmax(310px, 0.72fr) minmax(0, 1fr);
    }

    .advantages__team-card {
        padding-right: clamp(260px, 27vw, 330px);
    }

    .advantages__team-visual {
        width: clamp(300px, 33vw, 395px);
        right: clamp(-86px, -6vw, -50px);
        bottom: -22px;
    }

    .advantages__team-card .advantages__badge-row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        padding-right: 132px;
    }

    .advantages__team-card .advantages__badge-row-main {
        width: fit-content;
        max-width: none;
        flex: 0 1 auto;
    }

    .advantages__team-card .advantages__pill {
        position: absolute;
        top: clamp(24px, 2.2vw, 32px);
        right: clamp(24px, 2.2vw, 32px);
        z-index: 2;
        padding-inline: 12px;
        font-size: 10.8px;
    }

    .advantages__team-card .advantages__eyebrow {
        font-size: clamp(10px, 1vw, 11.5px);
        letter-spacing: 0.035em;
    }
}

@media (min-width: 993px) and (max-width: 1600px) {
    .advantages__team-card .advantages__pill {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 993px) {
    .adv-services {
        width: calc(100% - 36px);
        align-items: center;
        gap: clamp(18px, 2.5vw, 24px);
    }

    .advantages-cards {
        width: 100%;
        max-width: none;
        align-self: stretch;
        gap: clamp(14px, 2vw, 20px);
    }

    .advantages__hero-card {
        display: block;
        min-height: 0;
        height: fit-content;
        padding: clamp(30px, 4vw, 42px);
        border-radius: clamp(28px, 3.4vw, 34px);
        background:
            radial-gradient(circle at 82% 22%, rgba(109, 106, 222, 0.035) 0%, rgba(109, 106, 222, 0) 30%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.88) 100%);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.86) inset,
            0 18px 44px rgba(36, 51, 118, 0.08),
            0 8px 20px rgba(109, 106, 222, 0.035);
    }

    .advantages__hero-content {
        position: relative;
        z-index: 1;
        max-width: clamp(395px, 56%, 520px);
        gap: clamp(15px, 2vw, 20px);
    }

    .advantages__hero-card>img {
        position: absolute;
        right: clamp(-420px, -33vw, -245px);
        bottom: clamp(-100px, -5vw, -32px);
        width: clamp(710px, 84vw, 930px);
        max-width: none;
        margin: 0;
        opacity: 0.68;
        z-index: 0;
    }

    .advantages__grid {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: clamp(14px, 2vw, 20px);
        width: 100%;
    }

    .advantages__small-card,
    .advantages__team-card {
        flex: none;
        min-height: 0;
        padding: clamp(30px, 4vw, 42px);
        border-radius: clamp(28px, 3.4vw, 34px);
        width: 100%;
    }

    .advantages__small-card {
        gap: clamp(14px, 1.8vw, 18px);
    }

    .advantages__team-card {
        display: block;
        min-height: 0;
        height: fit-content;
        padding-right: clamp(30px, 4vw, 42px);
    }

    .advantages__team-content {
        position: relative;
        z-index: 1;
        max-width: clamp(462px, 68.2%, 627px);
        gap: clamp(15px, 2vw, 20px);
    }

    .advantages__team-visual {
        width: clamp(430px, 58vw, 620px);
        right: clamp(-140px, -10vw, -72px);
        bottom: clamp(-74px, -5vw, -42px);
        opacity: 0.98;
    }

    .advantages__badge-row {
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .advantages__badge-row-main {
        flex: 0 1 auto;
        min-width: 0;
    }

    .advantages__badge-row-main img {
        width: clamp(36px, 4.56vw, 43.2px);
    }

    .advantages__eyebrow {
        font-size: clamp(11px, 1.28vw, 13px);
        letter-spacing: 0.035em;
    }

    .advantages__pill {
        display: none;
    }

    .advantages__title {
        font-size: clamp(28px, 3.6vw, 36px);
        line-height: 1.08;
    }

    .advantages__text {
        font-size: clamp(14px, 1.85vw, 16px);
        line-height: 1.62;
    }

    .advantages__list,
    .advantages__list--vertical {
        display: flex;
        flex-direction: column;
        gap: clamp(9px, 1.3vw, 12px);
        max-width: 100%;
    }

    .advantages__list-item {
        align-items: flex-start;
        gap: 9px;
    }

    .advantages__list-item svg {
        width: 7px;
        height: 7px;
        margin-top: 7px;
    }

    .advantages__list-item-span {
        font-size: clamp(13px, 1.65vw, 15px);
        line-height: 1.45;
    }
}

@media (min-width: 768px) and (max-width: 860px) {
    .advantages-cards {
        width: 100%;
        max-width: none;
    }

    .advantages__hero-card {
        min-height: 0;
        height: fit-content;
    }

    .advantages__hero-content {
        max-width: clamp(370px, 58%, 440px);
    }

    .advantages__hero-card>img {
        right: clamp(-430px, -42vw, -335px);
        bottom: clamp(-84px, -7vw, -54px);
        width: clamp(690px, 94vw, 780px);
        opacity: 0.66;
    }

    .advantages__list {
        display: flex;
    }

    .advantages__team-card {
        min-height: 0;
        height: fit-content;
        padding-right: clamp(30px, 4vw, 42px);
    }

    .advantages__team-visual {
        width: clamp(430px, 61vw, 520px);
        right: clamp(-142px, -13vw, -98px);
        bottom: -56px;
        opacity: 0.98;
    }
}

.cta-secondary {
    display: flex;
    width: 100%;
    padding: 72.211px 0 62.213px 72.211px;
    align-items: center;
    gap: 11.109px;
    max-width: 1472px;
    border-radius: 54.436px;
    border: 1px solid #E2E1F9;
    background: radial-gradient(82.75% 56.79% at 48.63% 47.18%, #6554E0 0%, #988BFF 100%);
    position: relative;
    overflow: hidden;
}

.cta__secondary-container {
    display: flex;
    max-width: 675.454px;
    flex-direction: column;
    align-items: flex-start;
    gap: 39.994px;
    flex: 1 0 0;
}

.cta__secondary-title {
    align-self: stretch;
    color: #FFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 61.102px;
    /* 122.204% */
    letter-spacing: 1.5px;
}

.cta__secondary-subtitle {
    align-self: stretch;
    color: #D0CBF5;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 19.997px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.328px;
    /* 166.667% */
    letter-spacing: 0.6px;
}

.cta__secondary-bottom {
    display: flex;
    align-items: center;
    gap: 21.108px;
    align-self: stretch;
}

.cta__secondary-note {
    flex: 1 0 0;
    color: #D0CBF5;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.328px;
    /* 185.157% */
    letter-spacing: 0.54px;
}

.cta__secondary-visual {
    position: absolute;
    top: 0.045px;
    right: 0px;
}

.cta__secondary-container-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9.998px;
    align-self: stretch;

}

@media (min-width: 994px) and (max-width: 1600px) {
    .cta-secondary {
        width: calc(100% - clamp(48px, 5vw, 96px));
        max-width: 1440px;
        min-height: clamp(330px, 25vw, 430px);
        padding: clamp(48px, 4.4vw, 72px) 0 clamp(44px, 3.8vw, 62px) clamp(48px, 4.5vw, 72px);
        border-radius: clamp(40px, 3.2vw, 54px);
        gap: clamp(20px, 2vw, 32px);
        box-sizing: border-box;
    }

    .cta__secondary-container {
        max-width: clamp(520px, 47vw, 675px);
        gap: clamp(28px, 2.7vw, 40px);
        position: relative;
        z-index: 2;
    }

    .cta__secondary-title {
        font-size: clamp(40px, 3.25vw, 50px);
        line-height: 1.2;
        letter-spacing: clamp(0.3px, 0.08vw, 1.5px);
    }

    .cta__secondary-subtitle {
        max-width: 660px;
        font-size: clamp(16px, 1.25vw, 20px);
        line-height: 1.62;
    }

    .cta__secondary-bottom {
        gap: clamp(16px, 1.6vw, 21px);
    }

    .cta-secondary .problems-cta-button {
        height: clamp(60px, 4.5vw, 68px);
        padding: 1px clamp(9px, 0.75vw, 12px) 1px clamp(24px, 2vw, 31px);
    }

    .cta-secondary .problems-cta-button svg {
        width: clamp(44px, 3.4vw, 50px);
        height: clamp(44px, 3.4vw, 50px);
        flex: 0 0 auto;
    }

    .cta-secondary .problems-cta-button-span {
        font-size: clamp(15px, 1.18vw, 18px);
        white-space: nowrap;
    }

    .cta__secondary-note {
        font-size: clamp(15px, 1.15vw, 18px);
        line-height: 1.55;
    }

    .cta__secondary-visual {
        top: 50%;
        right: clamp(-70px, -3.2vw, -20px);
        width: 720px;
        height: 442px;
        transform: translateY(-50%);
        z-index: 1;
    }

    .cta__secondary-visual img {
        display: block;
        width: 720px;
        max-width: none;
        height: 442px;
        object-fit: cover;
    }
}

@media (min-width: 993px) and (max-width: 1100px) {
    .cta__secondary-visual {
        right: clamp(-118px, -8.5vw, -84px);
        width: clamp(570px, 61vw, 670px);
        height: clamp(350px, 37.4vw, 411px);
    }

    .cta__secondary-visual img {
        width: clamp(570px, 61vw, 670px);
        height: clamp(350px, 37.4vw, 411px);
    }
}

@media (min-width: 768px) and (max-width: 993px) {
    .cta-secondary {
        width: calc(100% - 36px);
        max-width: 760px;
        min-height: clamp(620px, 82vw, 760px);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        padding: clamp(34px, 4.6vw, 44px) clamp(34px, 4.8vw, 48px) 0;
        border-radius: clamp(32px, 4vw, 42px);
        background: #FFF;
        box-shadow: 0 28px 68px rgba(36, 51, 118, 0.10);
        overflow: hidden;
        box-sizing: border-box;
        isolation: isolate;
    }

    .cta-secondary::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: clamp(258px, 35vw, 330px);
        background:
            radial-gradient(76% 88% at 50% 8%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 58%),
            linear-gradient(180deg, #9181FF 0%, #715FE5 100%);
        z-index: 0;
        pointer-events: none;
    }

    .cta__secondary-container {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: min(100%, 590px);
        flex: none;
        gap: clamp(18px, 2.4vw, 24px);
    }

    .cta__secondary-container-main {
        max-width: min(100%, 560px);
        gap: clamp(9px, 1.4vw, 12px);
    }

    .cta__secondary-title {
        max-width: 560px;
        font-size: clamp(35px, 4.9vw, 48px);
        line-height: 1.08;
        letter-spacing: 0;
    }

    .cta__secondary-subtitle {
        max-width: 560px;
        color: rgba(255, 255, 255, 0.76);
        font-size: clamp(15px, 2vw, 18px);
        line-height: 1.42;
        letter-spacing: 0.2px;
    }

    .cta__secondary-bottom {
        width: auto;
        align-self: flex-start;
        gap: 0;
    }

    .cta-secondary .problems-cta-button {
        height: clamp(58px, 7.3vw, 66px);
        padding: 1px clamp(8px, 1.1vw, 10px) 1px clamp(24px, 3.2vw, 32px);
        border-radius: 999px;
        box-shadow: 0 14px 28px rgba(24, 20, 86, 0.12);
    }

    .cta-secondary .problems-cta-button-span {
        font-size: clamp(15px, 1.9vw, 17px);
        white-space: nowrap;
    }

    .cta-secondary .problems-cta-button svg {
        width: clamp(44px, 5.8vw, 52px);
        height: clamp(44px, 5.8vw, 52px);
        flex: 0 0 auto;
    }

    .cta__secondary-note {
        display: none;
    }

    .cta__secondary-visual {
        position: absolute;
        z-index: 1;
        left: 50%;
        right: auto;
        top: clamp(258px, 35vw, 330px);
        width: 760px;
        height: 467px;
        transform: translateX(-50%);
        pointer-events: none;
    }

    .cta__secondary-visual img {
        display: block;
        width: 760px;
        max-width: none;
        height: 467px;
        object-fit: cover;
    }
}

.footer {
    display: flex;
    width: 100%;
    max-width: 1920px;
    padding-top: clamp(48px, 3vw, 57px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(48px, 4vw, 72px);
    border-top: 1px solid rgba(13, 33, 80, 0.16);
    background:
        linear-gradient(180deg, #FEFEFE 0%, #FFFFFF 68%, rgba(245, 247, 255, 0.86) 100%);
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.footer__container {
    display: flex;
    width: min(calc(100% - clamp(48px, 10vw, 414px)), 1506px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(46px, 4vw, 77px);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}

.footer__top {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(280px, 1.25fr) repeat(3, minmax(170px, 0.78fr));
    column-gap: clamp(36px, 4.4vw, 86px);
    row-gap: clamp(34px, 4vw, 64px);
    padding: 0;
    justify-content: stretch;
    align-items: flex-start;
    align-content: start;
}

.footer__column {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(24px, 2vw, 37px);
}

.footer__column--contacts {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(24px, 2vw, 36px);
}

.footer__title {
    align-self: stretch;
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: clamp(21px, 1.25vw, 24.05px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.18;
}

.footer__contact-text {
    flex: 1 0 0;
    color: #000;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: clamp(15.5px, 0.98vw, 18.706px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
    transition: color 0.24s ease;
}

.footer__links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(13px, 1vw, 17.37px);
    align-self: stretch;
}

.footer__contacts-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(12px, 0.9vw, 14.697px);
    align-self: stretch;
}

.footer__link {
    position: relative;
    align-self: stretch;
    color: rgba(13, 33, 80, 0.81);
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: clamp(15.5px, 0.98vw, 18.706px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.35;
    transition:
        color 0.24s ease,
        transform 0.24s ease,
        opacity 0.24s ease;
}

.footer__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #6D6ADE 0%, #4F46E5 100%);
    transition: width 0.24s ease;
}

.footer__middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(26px, 2vw, 37px);
    width: 100%;
}

.footer__middle-main {
    display: flex;
    width: 100%;
    min-height: clamp(74px, 5vw, 84px);
    padding: 0;
    align-items: center;
    justify-content: space-between;
    gap: clamp(24px, 4vw, 80px);
    border-top: 1.336px solid rgba(13, 33, 80, 0.05);
    border-bottom: 1.336px solid rgba(13, 33, 80, 0.05);
}

.footer__middle-main>svg {
    width: clamp(148px, 9vw, 170px);
    height: auto;
    flex: 0 0 auto;
}

.footer__socials {
    display: flex;
    align-items: flex-start;
    gap: clamp(14px, 1.2vw, 20px);
}

.footer__social {
    display: flex;
    height: clamp(38px, 2.5vw, 44px);
    width: clamp(38px, 2.5vw, 44px);
    align-items: center;
    justify-content: center;
    border-radius: 33px;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        background-color 0.24s ease,
        border-color 0.24s ease,
        filter 0.24s ease;
}

.footer__social svg,
.footer__social img {
    max-width: 68%;
    max-height: 68%;
    transition:
        transform 0.24s ease,
        filter 0.24s ease,
        opacity 0.24s ease;
}

.footer__decor {
    width: 100%;
    max-width: 1920px;
    margin-top: clamp(-34px, -1.8vw, -14px);
    position: relative;
    z-index: 1;
    pointer-events: none;
}

.footer__decor img {
    display: block;
    width: 100%;
    min-width: 1180px;
    height: auto;
    opacity: 0.82;
}

.footer__link:hover {
    color: #4F46E5;
    transform: translateY(-2px);
}

.footer__link:hover::after {
    width: 42px;
}

.footer__contacts-list-item:hover {
    transform: translateY(-2px) translateX(3px);
    filter: drop-shadow(0 10px 18px rgba(79, 70, 229, 0.10));
}

.footer__contacts-list-item:hover .footer__contact-text {
    color: #4F46E5;
}

.footer__social:hover {
    transform: translateY(-4px) scale(1.04);
    background: linear-gradient(180deg, #FFFFFF 0%, #F5F2FF 100%);
    box-shadow:
        0 10px 22px rgba(15, 23, 42, 0.10),
        0 16px 28px rgba(109, 106, 222, 0.18);
    filter: saturate(1.06);
}

.footer__social:hover svg,
.footer__social:hover img {
    transform: scale(1.08);
    filter: drop-shadow(0 4px 10px rgba(109, 106, 222, 0.18));
}

@media (min-width: 1101px) and (max-width: 1400px) {
    .footer__container {
        width: calc(100% - clamp(56px, 7vw, 120px));
    }

    .footer__top {
        grid-template-columns: minmax(260px, 1.15fr) repeat(3, minmax(150px, 0.78fr));
        column-gap: clamp(26px, 3vw, 48px);
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .footer {
        padding-top: clamp(42px, 5.4vw, 56px);
        gap: clamp(34px, 4.8vw, 52px);
    }

    .footer__container {
        width: calc(100% - 36px);
        gap: clamp(34px, 4.8vw, 54px);
    }

    .footer__top {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: clamp(28px, 5vw, 54px);
        row-gap: clamp(30px, 4.8vw, 46px);
    }

    .footer__column,
    .footer__column--contacts {
        gap: clamp(18px, 2.5vw, 26px);
    }

    .footer__title {
        font-size: clamp(20px, 2.6vw, 24px);
    }

    .footer__link,
    .footer__contact-text {
        font-size: clamp(15px, 2vw, 17px);
    }

    .footer__contacts-list-item {
        gap: 10px;
    }

    .footer__contacts-list-item img {
        width: clamp(34px, 4.8vw, 42px);
        height: clamp(34px, 4.8vw, 42px);
        flex: 0 0 auto;
    }

    .footer__middle-main {
        min-height: 76px;
        gap: 24px;
    }

    .footer__middle-main>svg {
        width: clamp(146px, 19vw, 170px);
    }

    .footer__social {
        width: clamp(38px, 5vw, 44px);
        height: clamp(38px, 5vw, 44px);
    }

    .footer__decor {
        margin-top: -18px;
    }

    .footer__decor img {
        width: 140%;
        min-width: 0;
        transform: translateX(-14%);
    }
}

@media (min-width: 768px) and (max-width: 860px) {
    .footer__top {
        column-gap: 24px;
    }

    .footer__middle-main {
        min-height: auto;
        padding: 18px 0;
    }
}

@media (max-width: 1600px) {
    .delivery-cta {
        width: calc(100% - 48px);
        max-width: 1440px;
        height: auto;
        min-height: clamp(360px, 26vw, 430px);
        padding: 0 clamp(46px, 4.8vw, 78px) 0 clamp(40px, 3.6vw, 57px);
        border-radius: clamp(42px, 3.25vw, 52px);
        gap: clamp(28px, 4vw, 64px);
    }

    .delivery-cta__content {
        max-width: clamp(520px, 43vw, 661px);
        gap: clamp(30px, 2.6vw, 40px);
    }

    .delivery-cta__title,
    .delivery-cta__title strong {
        font-size: clamp(40px, 3.05vw, 48px);
        line-height: 1.19;
    }

    .delivery-cta__text {
        font-size: clamp(16px, 1.15vw, 18px);
        line-height: 1.78;
    }

    .delivery-cta__visual {
        flex: 0 1 48%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .delivery-cta__visual img {
        width: clamp(410px, 42vw, 675px);
    }

    .services {
        width: calc(100% - 48px);
        max-width: 1440px;
    }

    .services-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(14px, 1.15vw, 18px);
    }

    .services-cards-item {
        min-height: 0;
        padding: clamp(24px, 2vw, 30px) clamp(22px, 1.8vw, 27px);
        border-radius: clamp(26px, 2vw, 32px);
    }

    .services-cards-item-container {
        gap: clamp(34px, 3vw, 50px);
    }

    .sev-card-main-title {
        font-size: clamp(21px, 1.55vw, 25px);
        line-height: 1.14;
    }

    .sev-card-main-subtitle {
        max-width: 335px;
        font-size: clamp(15px, 1.08vw, 17px);
        line-height: 1.45;
    }

    .serv-card-badge {
        padding: clamp(13px, 1.05vw, 16px) clamp(24px, 2.25vw, 35px);
        font-size: clamp(12px, 0.94vw, 14.368px);
        border-radius: clamp(18px, 1.4vw, 22px);
    }

    .serv-card-img {
        width: clamp(112px, 10.5vw, 170px);
        max-width: 42%;
        height: auto;
        right: clamp(10px, 1.2vw, 15px);
        bottom: clamp(10px, 1vw, 13px);
    }
}

@media (min-width: 1000px) and (max-width: 1600px) {
    .delivery-cta__visual {
        flex-basis: 52%;
        margin-right: clamp(-28px, -1.6vw, -10px);
    }

    .delivery-cta__visual img {
        width: clamp(500px, 47vw, 745px);
    }
}

@media (min-width: 800px) and (max-width: 1000px) {

    .delivery-cta__title,
    .delivery-cta__title strong {
        font-size: clamp(34px, 5.4vw, 50px);
        line-height: 1.1;
    }

    .delivery-cta__text {
        font-size: clamp(14px, 1.85vw, 17px);
        line-height: 1.55;
    }

    .delivery-cta .main-cta-span {
        font-size: clamp(14px, 1.8vw, 16px);
    }
}

@media (max-width: 1500px) {
    .hero {
        transform: scale(0.9);
    }

}

@media (max-width: 1400px) {
    .header {
        padding: 10px 72px;
    }

    .header__container {
        gap: 20px;
    }

    .header__nav {
        gap: 28px;
    }

    .header__logo {
        width: 260px;
    }

    .log {
        padding: 14px 18px;
    }

    .reg {
        padding: 14px 28px;
    }


    .hero-card--left-top {
        left: 40px;
    }

    .hero-card--right-top {
        right: 25px;
    }


}


@media (max-width: 1250px) {
    .tk-cards.reveal-up {
        transform: translateY(44px) scale(0.9);
    }

    .tk-cards.reveal-up.is-visible {
        transform: translateY(0) scale(0.9);
    }

    .prblms-cta {
        width: calc(100% - 40px);
        padding: 0 54px;
        border-radius: 56px;
        gap: 40px;
    }

    .prblms-cta img {
        width: 44%;
        max-width: 440px;
        flex-shrink: 0;
    }

    .prblms-cta .reveal-left,
    .prblms-cta .reveal-right {
        transform: translateY(28px);
    }

    .prblms-cta .reveal-left.is-visible,
    .prblms-cta .reveal-right.is-visible {
        transform: none;
    }

    .main-prblms {
        width: 48%;
        max-width: 500px;
        flex-shrink: 1;
        gap: 28px;
    }

    .prblms-title-h1 {
        font-size: 52px;
        line-height: 60px;
        letter-spacing: 0.8px;
    }

    .prblms-title-h2 {
        height: auto;
        font-size: 21px;
        line-height: 29px;
    }

    .prblms-subtitle {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.3px;
    }
}

@media (max-width: 1199px) {
    .delivery-cta {
        width: calc(100% - 36px);
        min-height: 360px;
        padding: 0 34px 0 32px;
        border-radius: 38px;
        gap: 22px;
    }

    .delivery-cta__content {
        max-width: 500px;
        gap: 26px;
    }

    .delivery-cta__content-main {
        gap: 12px;
    }

    .delivery-cta__title,
    .delivery-cta__title strong {
        font-size: 38px;
        line-height: 1.16;
    }

    .delivery-cta__text {
        font-size: 15.5px;
        line-height: 1.68;
    }

    .delivery-cta__visual {
        flex-basis: 46%;
    }

    .delivery-cta__visual img {
        width: min(100%, 500px);
    }

    .services {
        width: calc(100% - 36px);
        gap: 42px;
    }

    .services-cards {
        gap: 14px;
    }

    .services-cards-item {
        min-height: 0;
        padding: 23px 21px;
    }

    .sev-card-main-title {
        font-size: 20px;
    }

    .sev-card-main-subtitle {
        max-width: 335px;
        font-size: 14.5px;
        line-height: 21px;
    }

    .serv-card-img {
        width: 118px;
        max-width: 40%;
    }

    .prblms-cta {
        padding: 0 42px;
        border-radius: 48px;
        gap: 34px;
    }

    .prblms-cta img {
        width: 42%;
        max-width: 390px;
    }

    .main-prblms {
        width: 50%;
        max-width: 460px;
        gap: 24px;
    }

    .prblms-descr {
        gap: 12px;
    }

    .prblms-title-h1 {
        font-size: 46px;
        line-height: 52px;
        letter-spacing: 0.4px;
    }

    .prblms-title-h2 {
        font-size: 19px;
        line-height: 27px;
    }

    .prblms-subtitle {
        font-size: 17px;
        line-height: 28px;
    }

    .prblms-cta .problems-cta-button {
        height: 62px;
        padding: 1px 10px 1px 26px;
    }

    .prblms-cta .problems-cta-button svg {
        width: 46px;
        height: 46px;
        flex-shrink: 0;
    }

    .prblms-cta .problems-cta-button-span {
        font-size: 17px;
    }

    .steps-to-buy {
        width: 100%;
        gap: 42px;
    }

    .tk-cards-main {
        gap: 12px;
    }

    .main-block {
        max-width: 100%;
        gap: 28px;
    }

    .presentation {
        width: 52%;
    }

    .step-dscr {
        width: 48%;
        padding: 10px 0;
    }

    .step-dscr-title,
    .step-dscr-title strong {
        font-size: 42px;
        line-height: 42px;
        letter-spacing: -2px;
    }

    .section-header-title,
    .section-header-title strong {
        font-size: 52px;
        line-height: 60px;
    }

    .hero__decor {
        display: none;
    }

    .hero {
        transform: scale(1);
    }

    .header__nav {
        display: none;
    }
}

@media (max-width: 1100px) {
    .header {
        padding: 10px 32px;
    }

    .services {
        width: 100%;
        max-width: none;
        gap: 38px;
        overflow: visible;
    }

    .services-cards-shell {
        width: calc(100% - 36px);
        max-width: 1040px;
        margin: 0 auto;
        padding: 16px 0 34px;
        overflow: visible;
        position: relative;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .services-cards-shell::before,
    .services-cards-shell::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: clamp(116px, 16vw, 192px);
        z-index: 8;
        pointer-events: none;
    }

    .services-cards-shell::before {
        left: calc(-1 * clamp(116px, 16vw, 192px));
        background: linear-gradient(90deg,
                #FFF 0%,
                rgba(255, 255, 255, 0.82) 22%,
                rgba(255, 255, 255, 0.34) 62%,
                rgba(255, 255, 255, 0) 100%);
    }

    .services-cards-shell::after {
        right: calc(-1 * clamp(116px, 16vw, 192px));
        background: linear-gradient(270deg,
                #FFF 0%,
                rgba(255, 255, 255, 0.82) 22%,
                rgba(255, 255, 255, 0.34) 62%,
                rgba(255, 255, 255, 0) 100%);
    }

    .services-cards-shell .services-cards {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        width: 100%;
        transform: translate3d(var(--services-slide-x, 0px), 0, 0);
        transition: transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform;
    }

    .services-cards-shell.is-moving .services-cards {
        transition-duration: 0.82s;
    }

    .services-cards-shell .services-cards-item {
        flex: 0 0 calc((100% - 15px) / 2);
        min-height: 0;
        padding: 28px 26px;
        border-radius: 30px;
        box-shadow:
            0 20px 48px rgba(36, 51, 118, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.72);
        transform: scale(0.965);
        opacity: 0.62;
        transition:
            transform 0.58s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.42s ease,
            box-shadow 0.42s ease;
    }

    .services-cards-shell .services-cards-item.is-slider-active {
        transform: scale(1);
        opacity: 1;
        box-shadow:
            0 24px 56px rgba(36, 51, 118, 0.12),
            0 14px 30px rgba(109, 106, 222, 0.03);
    }

    .services-cards-shell .sev-card-main-title {
        font-size: 23px;
    }

    .services-cards-shell .sev-card-main-subtitle {
        max-width: 335px;
        font-size: 16px;
        line-height: 23px;
    }

    .services-cards-shell .serv-card-img {
        width: clamp(122px, 16vw, 164px);
        max-width: 43%;
    }

    .services-slider-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin: -14px auto 0;
    }

    .services-slider-btn {
        width: 58px;
        height: 58px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(109, 106, 222, 0.16);
        border-radius: 999px;
        background: radial-gradient(173.29% 173.38% at 39.19% 57.67%, #FFF 0%, #ECE8FF 100%);
        color: #6D6ADE;
        box-shadow: none;
        cursor: pointer;
        transition:
            transform 0.28s ease,
            background 0.28s ease,
            color 0.28s ease;
    }

    .services-slider-btn:hover {
        transform: translateY(-3px);
        color: #FFF;
        background: radial-gradient(67.52% 67.87% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
        box-shadow: none;
    }

    .services-slider-btn:active {
        transform: translateY(-1px) scale(0.98);
        box-shadow: none;
    }

    .services-slider-btn svg {
        width: 20px;
        height: 20px;
        transition: transform 0.28s ease;
    }

    .services-slider-btn--prev:hover svg {
        transform: translateX(-3px);
    }

    .services-slider-btn--next:hover svg {
        transform: translateX(3px);
    }

    .tk-cards-main {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .tk-cards-main .tk-card:last-child {
        grid-column: 1 / -1;
    }

    .header__container {
        gap: 16px;
    }

    .header__logo {
        width: 210px;
    }

    .header__nav {
        gap: 18px;
    }

    .nav__item {
        font-size: 15px;
    }

    .log {
        height: 48px;
        padding: 12px 14px;
        font-size: 14px;
    }

    .reg {
        padding: 13px 22px;
        font-size: 14px;
    }

    .header__nav {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .tk-cards.reveal-up {
        transform: translateY(44px);
    }

    .tk-cards.reveal-up.is-visible {
        transform: translateY(0);
    }

    .tk-cmpns {
        width: 100%;
        gap: 42px;
        padding: 0 18px;
        box-sizing: border-box;
    }

    .tk-cards {
        width: 100%;
        max-width: 1040px;
        padding: 22px;
        gap: 24px;
        border-radius: 30px;
        align-self: center;
        box-sizing: border-box;
    }

    .tk-cards-main {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 16px;
        width: 100%;
    }

    .tk-card {
        min-width: 0;
        height: auto;
        min-height: 354px;
        padding: 26px 24px;
        border-radius: 24px;
        box-sizing: border-box;
    }

    .main-tk-card {
        gap: 28px;
        width: 100%;
    }

    .tk-card-badge {
        height: 38px;
        padding: 9px 16px;
        border-radius: 999px;
        font-size: 13px;
        letter-spacing: 0.2px;
        white-space: nowrap;
    }

    .tk-card-descr {
        gap: 16px;
        width: 100%;
    }

    .tk-card-sect,
    .tk-card-advs {
        width: 100%;
    }

    .tk-logo-name {
        gap: 10px;
    }

    .tk-logo-name img {
        width: 44px;
        height: 44px;
    }

    .tk-name {
        font-size: 27px;
        line-height: 1.1;
    }

    .tk-card-sub {
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0.1px;
    }

    .tk-card-advs {
        gap: 7px;
    }

    .tk-card-advs-unit {
        height: 34px;
        padding: 8px 14px;
        border-radius: 999px;
        font-size: 12.5px;
        letter-spacing: 0.2px;
    }

    .tk-card-cta {
        gap: 9px;
        align-self: flex-start;
    }

    .tk-card-cta-span {
        font-size: 13.5px;
        letter-spacing: 0.2px;
    }

    .tk-card-dekor {
        width: 152px;
        max-width: 48%;
        height: auto;
        transform: translate(-8px, -8px);
        opacity: 0.86;
    }

    .tk-cards-descr1 {
        width: 100%;
        max-width: 620px;
        padding: 0;
        gap: 12px;
    }

    .tk-cards-descr1 svg {
        flex: 0 0 29px;
    }

    .tk-cards-descr1-span {
        font-size: 13.5px;
        line-height: 19px;
        letter-spacing: 0.2px;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .tk-cards-main .tk-card:last-child {
        grid-column: 1 / -1;
        min-height: 250px;
        display: flex;
        justify-content: flex-start;
        gap: 18px;
    }

    .tk-cards-main .tk-card:last-child .main-tk-card {
        max-width: 700px;
        gap: 22px;
    }

    .tk-cards-main .tk-card:last-child .tk-card-descr {
        gap: 14px;
    }

    .tk-cards-main .tk-card:last-child .tk-card-cta {
        margin-top: 0;
    }

    .tk-cards-main .tk-card:last-child .tk-card-dekor {
        width: 190px;
        max-width: 28%;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .tk-cmpns {
        gap: 36px;
        padding: 0 16px;
    }

    .tk-cards {
        width: calc(100% - 32px);
        max-width: 840px;
        padding: 18px;
        gap: 22px;
        border-radius: 28px;
    }

    .tk-cards-main {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .tk-cards-main .tk-card:last-child {
        grid-column: auto;
    }

    .tk-card {
        min-height: 248px;
        padding: 26px 24px 24px;
        border-radius: 24px;
    }

    .main-tk-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .tk-card-badge {
        position: absolute;
        top: 24px;
        right: 24px;
        z-index: 6;
        max-width: 100%;
    }

    .tk-card-descr {
        gap: 14px;
        max-width: 560px;
    }

    .tk-logo-name img {
        width: 42px;
        height: 42px;
    }

    .tk-name {
        font-size: 26px;
    }

    .tk-card-sub {
        max-width: 460px;
    }

    .tk-card-cta {
        margin-left: 0;
        margin-top: 2px;
    }

    .tk-card-dekor {
        width: 144px;
        max-width: 26%;
        left: auto;
        right: 0;
        top: 0;
        transform: translate(24px, -12px) scaleX(-1);
        transform-origin: center;
        opacity: 0.68;
    }

    .tk-cards-descr1 {
        max-width: 540px;
    }
}

@media (max-width: 992px) {


    .steps-progress {
        right: 30px;
        bottom: 30px;
    }

    .prblms-cta {
        width: calc(100% - 36px);
        padding: 0 32px;
        border-radius: 42px;
        gap: 28px;
    }

    .prblms-cta img {
        width: 39%;
        max-width: 340px;
    }

    .main-prblms {
        width: 53%;
        max-width: none;
        gap: 22px;
    }

    .prblms-title-h1 {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: 0;
    }

    .prblms-title-h2 {
        font-size: 17px;
        line-height: 25px;
    }

    .prblms-subtitle {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 0;
    }

    .prblms-cta .problems-cta-button {
        height: 58px;
        padding: 1px 8px 1px 23px;
    }

    .prblms-cta .problems-cta-button svg {
        width: 42px;
        height: 42px;
    }

    .prblms-cta .problems-cta-button-span {
        font-size: 16px;
    }


    .hero {
        transform: scale(0.9);
    }

    .steps-to-buy {
        width: 100%;
        gap: 34px;
        padding: 0 18px;
        box-sizing: border-box;
    }

    .section-header {
        gap: 10px;
    }

    .section-header-title,
    .section-header-title strong {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: -1.6px;
        max-width: 100%;
    }

    .section-header-subtitle {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0.2px;
        max-width: 100%;
    }

    .main-block {
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
        padding: 20px;
        border-radius: 28px;
    }

    .presentation {
        width: 100%;
        height: 430px;
        min-height: 430px;
        padding: 18px;
        border-radius: 28px;
    }

    .presentation-content {
        height: 100%;
        border-radius: 24px;
    }

    .step-dscr {
        width: 100%;
        padding: 4px 2px 0;
        gap: 18px;
    }

    .step-dscr-num {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -0.3px;
    }

    .step-dscr-main {
        gap: 12px;
    }

    .step-dscr-title,
    .step-dscr-title strong {
        font-size: 38px;
        line-height: 39px;
        letter-spacing: -1.8px;
    }

    .step-dscr-subtitle {
        font-size: 16px;
        line-height: 27px;
    }

    .steps-progress {
        justify-content: flex-start;
    }
}

@media (min-width: 769px) and (max-width: 993px) {
    .main-block .step-dscr {
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }

    .delivery-cta {
        width: calc(100% - 32px);
        max-width: 760px;
        min-height: clamp(620px, 82vw, 760px);
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        padding: clamp(34px, 5.8vw, 54px) clamp(30px, 5vw, 46px) 0;
        border-radius: clamp(34px, 5vw, 46px);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.93) 0%, rgba(255, 255, 255, 0.88) 48%, rgba(247, 248, 255, 0.92) 100%);
    }

    .delivery-cta__content {
        width: 100%;
        max-width: 100%;
        flex: none;
        gap: clamp(22px, 3.2vw, 30px);
        align-items: flex-start;
    }

    .delivery-cta__content-main {
        max-width: 620px;
        gap: clamp(12px, 1.8vw, 16px);
    }

    .delivery-cta__title,
    .delivery-cta__title strong {
        font-size: clamp(38px, 6.2vw, 58px);
        line-height: 1.12;
        letter-spacing: -0.02em;
    }

    .delivery-cta__text {
        max-width: 590px;
        font-size: clamp(15px, 2.1vw, 19px);
        line-height: 1.62;
    }

    .delivery-cta .main-cta {
        width: min(100%, 360px);
        min-height: clamp(58px, 7.4vw, 70px);
        padding: 8px 8px 8px clamp(24px, 3.6vw, 32px);
    }

    .delivery-cta .main-cta-span {
        font-size: clamp(15px, 2vw, 18px);
    }

    .delivery-cta .main-cta svg {
        width: clamp(42px, 5.8vw, 54px);
        height: clamp(42px, 5.8vw, 54px);
    }

    .delivery-cta__visual {
        position: absolute;
        left: clamp(20px, 4vw, 40px);
        right: clamp(20px, 4vw, 40px);
        bottom: clamp(-36px, -3vw, -18px);
        width: auto;
        height: clamp(310px, 42vw, 405px);
        display: block;
        overflow: visible;
        pointer-events: none;
        z-index: 1;
    }

    .delivery-cta__visual::before {
        content: none;
    }

    .delivery-cta__visual img {
        position: absolute;
        left: 50%;
        bottom: 0;
        width: clamp(560px, 84vw, 760px);
        max-width: none;
        transform: translateX(-50%);
    }

    .delivery-cta .reveal-left,
    .delivery-cta .reveal-right {
        transform: translateY(28px);
    }

    .delivery-cta .reveal-left.is-visible,
    .delivery-cta .reveal-right.is-visible {
        transform: none;
    }
}

@media (min-width: 800px) and (max-width: 1000px) {

    .delivery-cta__title,
    .delivery-cta__title strong {
        font-size: clamp(38px, 5vw, 48px);
        line-height: 1.1;
    }

    .delivery-cta__text {
        font-size: clamp(14px, 1.75vw, 16px);
        line-height: 1.55;
    }

    .delivery-cta .main-cta-span {
        font-size: clamp(14px, 1.7vw, 16px);
    }
}

@media (min-width: 1000px) and (max-width: 1600px) {
    .delivery-cta__visual {
        flex-basis: 54%;
        margin-right: clamp(-34px, -2vw, -12px);
    }

    .delivery-cta__visual img {
        width: clamp(480px, 47vw, 760px);
    }
}

@media (min-width: 1000px) and (max-width: 1150px) {
    .delivery-cta__content {
        flex: 0 1 53%;
        max-width: 660px;
        gap: 24px;
    }

    .delivery-cta__content-main {
        gap: 14px;
    }

    .delivery-cta__title,
    .delivery-cta__title strong {
        font-size: clamp(38px, 3.7vw, 42px);
        line-height: 1.12;
    }

    .delivery-cta__text {
        font-size: 15px;
        line-height: 1.6;
    }

    .delivery-cta__visual {
        flex-basis: 47%;
        margin-right: -24px;
    }

    .delivery-cta__visual img {
        width: clamp(563px, 54vw, 659px);
        max-width: none;
    }

    .delivery-cta__title-word {
        display: none;
    }
}

@media (max-width: 900px) {
    .header {
        padding: 10px 20px;
    }

    .services-cards-shell {
        width: calc(100% - 32px);
        max-width: 820px;
        padding: 14px 0 32px;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .services-cards-shell .services-cards {
        gap: 15px;
    }

    .services-cards-shell .services-cards-item {
        flex-basis: calc((100% - 15px) / 2);
        padding: 22px 20px;
        border-radius: 24px;
    }

    .services-cards-shell .sev-card-main-title {
        font-size: clamp(19px, 2.65vw, 23px);
        line-height: 1.12;
    }

    .services-cards-shell .sev-card-main-subtitle {
        max-width: 275px;
        font-size: clamp(13px, 1.75vw, 15px);
        line-height: 1.45;
    }

    .services-cards-shell .serv-card-badge {
        padding: 12px 22px;
        font-size: 12px;
    }

    .services-cards-shell .serv-card-img {
        width: clamp(102px, 17vw, 142px);
        max-width: 40%;
        right: 12px;
        bottom: 12px;
    }

    .services-slider-controls {
        margin-top: -12px;
    }

    .prblms-cta {
        width: calc(100% - 32px);
        max-width: 740px;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: center;
        gap: 18px;
        padding: 34px 34px 0;
        border-radius: 38px;
        text-align: center;
        background: radial-gradient(92% 74% at 50% 20%, #9185FF 0%, #6F62E9 48%, #5141C8 100%);
        box-shadow:
            0 22px 54px rgba(49, 34, 142, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.24);
    }

    .prblms-cta::before {
        left: 50%;
        bottom: 18px;
        width: 68%;
        max-width: 390px;
        height: 74px;
        transform: translateX(-50%);
        animation: none;
        background: radial-gradient(ellipse at center,
                rgba(26, 16, 96, 0.24) 0%,
                rgba(26, 16, 96, 0.12) 44%,
                rgba(26, 16, 96, 0) 72%);
    }

    .prblms-cta img {
        width: 60%;
        max-width: 360px;
        margin: -4px auto -18px;
        object-fit: contain;
    }

    .prblms-cta .reveal-left,
    .prblms-cta .reveal-right {
        transform: translateY(28px);
    }

    .prblms-cta .reveal-left.is-visible,
    .prblms-cta .reveal-right.is-visible {
        transform: none;
    }

    .main-prblms {
        position: relative;
        z-index: 3;
        width: 100%;
        max-width: 600px;
        align-items: center;
        gap: 22px;
    }

    .prblms-descr {
        align-items: center;
        gap: 10px;
    }

    .prblms-title-h1 {
        font-size: 42px;
        line-height: 48px;
    }

    .prblms-title-h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .prblms-subtitle {
        max-width: 440px;
        font-size: 16px;
        line-height: 25px;
    }

    .prblms-cta .problems-cta-button {
        width: 100%;
        max-width: 310px;
        min-height: 62px;
        height: auto;
        justify-content: space-between;
        padding: 8px 8px 8px 24px;
        box-sizing: border-box;
    }

    .header__container {
        flex-wrap: wrap;
        align-items: center;
        row-gap: 12px;
    }

    .header__logo {
        width: auto;
        flex: 1 1 auto;
    }

    .header__auth {
        flex: 0 0 auto;
    }

    .header__nav {
        order: 3;
        flex: 1 1 100%;
        justify-content: flex-start;
        gap: 22px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .header__nav::-webkit-scrollbar {
        display: none;
    }

    .nav__item {
        flex: 0 0 auto;
    }
}

@media (max-width: 768px) {
    :root {
        --header-height: 88px;
    }

    .content {
        --mobile-grid-columns: 3;
        --mobile-grid-margin: 17px;
        --mobile-grid-gutter: 10px;
    }

    .header {
        --mobile-header-height: 88px;
        --mobile-grid-margin: 17px;
        --mobile-grid-gutter: 10px;
        height: var(--mobile-header-height);
        min-height: var(--mobile-header-height);
        padding: 0 var(--mobile-grid-margin);
        background: #fff;
        border-bottom: 1px solid rgba(13, 33, 80, 0.08);
        box-shadow: 0 8px 24px rgba(13, 33, 80, 0.04);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .header__container {
        position: relative;
        z-index: 3;
        display: grid;
        grid-template-columns: repeat(var(--mobile-grid-columns), minmax(0, 1fr));
        column-gap: var(--mobile-grid-gutter);
        row-gap: 0;
        align-items: center;
        justify-content: stretch;
        height: 100%;
        flex-wrap: nowrap;
    }

    .header__logo {
        grid-column: 1 / span 2;
        grid-row: 1;
        width: clamp(176px, 49vw, 195px);
        max-width: 100%;
        min-width: 0;
        justify-content: flex-start;
        flex: 0 1 auto;
        order: initial;
    }

    .header__logo a {
        justify-content: flex-start;
        width: 100%;
    }

    .header__logo svg {
        width: 100%;
        max-width: none;
    }

    .header__nav,
    .header__auth {
        display: none;
    }

    .header__toggle {
        display: inline-flex;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        width: 38px;
        height: 38px;
        gap: 6px;
    }

    .header__toggle span {
        width: 27px;
        height: 3px;
        background: #0D2150;
    }

    body.menu-open .header__toggle span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    body.menu-open .header__toggle span:nth-child(2) {
        opacity: 0;
    }

    body.menu-open .header__toggle span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }

    .header__backdrop {
        display: block;
        position: fixed;
        top: var(--mobile-header-height);
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: rgba(13, 33, 80, 0.16);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.32s ease;
    }

    .header__panel {
        display: flex;
        position: fixed;
        top: calc(var(--mobile-header-height) + 10px);
        right: var(--mobile-grid-margin);
        left: var(--mobile-grid-margin);
        z-index: 2;
        flex-direction: column;
        gap: 14px;
        padding: 14px;
        border: 1px solid rgba(109, 106, 222, 0.16);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 22px 54px rgba(13, 33, 80, 0.14);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-12px) scale(0.98);
        transform-origin: top center;
        transition:
            opacity 0.32s ease,
            visibility 0.32s ease,
            transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .header__panel-nav {
        display: grid;
        grid-template-columns: repeat(var(--mobile-grid-columns), minmax(0, 1fr));
        gap: var(--mobile-grid-gutter);
    }

    .header__panel-nav .nav__item {
        min-height: 46px;
        justify-content: center;
        padding: 0 8px;
        border-radius: 16px;
        background: rgba(109, 106, 222, 0.06);
        color: #0D2150;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.15;
        text-align: center;
        white-space: nowrap;
    }

    .header__panel-nav .nav__item::after {
        display: none;
    }

    .header__panel-auth {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--mobile-grid-gutter);
    }

    .header__panel-auth .log,
    .header__panel-auth .reg {
        width: 100%;
        height: 46px;
        justify-content: center;
        padding: 12px 10px;
        border-radius: 999px;
        font-size: 13px;
        line-height: 1.15;
        text-align: center;
        white-space: nowrap;
    }

    .header__panel-auth .log {
        background: rgba(109, 106, 222, 0.07);
    }

    .header__panel-auth .reg {
        box-shadow: 0 10px 22px rgba(109, 106, 222, 0.18);
    }

    body.menu-open .header__backdrop,
    body.menu-open .header__panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    .prblms-cta {
        width: calc(100% - 28px);
        max-width: 680px;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: center;
        gap: 18px;
        padding: 30px 24px 0;
        border-radius: 34px;
        text-align: center;
        background: radial-gradient(92% 74% at 50% 20%, #9185FF 0%, #6F62E9 48%, #5141C8 100%);
        box-shadow:
            0 22px 54px rgba(49, 34, 142, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.24);
    }

    .prblms-cta::before {
        left: 50%;
        bottom: 18px;
        width: 72%;
        max-width: 360px;
        height: 70px;
        transform: translateX(-50%);
        animation: none;
        background: radial-gradient(ellipse at center,
                rgba(26, 16, 96, 0.24) 0%,
                rgba(26, 16, 96, 0.12) 44%,
                rgba(26, 16, 96, 0) 72%);
    }

    .prblms-cta img {
        width: 82%;
        max-width: 340px;
        margin: -4px auto -18px;
        object-fit: contain;
    }

    .prblms-cta .reveal-left,
    .prblms-cta .reveal-right {
        transform: translateY(28px);
    }

    .prblms-cta .reveal-left.is-visible,
    .prblms-cta .reveal-right.is-visible {
        transform: none;
    }

    .main-prblms {
        position: relative;
        z-index: 3;
        width: 100%;
        max-width: 560px;
        align-items: center;
        gap: 22px;
    }

    .prblms-descr {
        align-items: center;
        gap: 10px;
    }

    .prblms-title-h1 {
        font-size: 38px;
        line-height: 44px;
        letter-spacing: 0;
    }

    .prblms-title-h2 {
        height: auto;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0;
    }

    .prblms-subtitle {
        max-width: 420px;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0;
    }

    .prblms-cta .problems-cta-button {
        width: 100%;
        max-width: 300px;
        min-height: 62px;
        height: auto;
        justify-content: space-between;
        padding: 8px 8px 8px 24px;
        box-sizing: border-box;
    }

    .prblms-cta .problems-cta-button svg {
        width: 44px;
        height: 44px;
        flex-shrink: 0;
    }

    .prblms-cta .problems-cta-button-span {
        font-size: 16px;
        line-height: 20px;
    }

    .delivery-cta {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: auto;
        padding: 28px 20px 24px;
        border-radius: 28px;
        gap: 28px;
        overflow: hidden;
    }

    .delivery-cta__content {
        max-width: 100%;
        width: 100%;
        gap: 24px;
        flex: none;
        position: relative;
        z-index: 2;
    }

    .delivery-cta__content-main {
        gap: 12px;
    }

    .delivery-cta__title {
        font-size: 30px;
        line-height: 1.18;
        letter-spacing: -0.02em;
    }

    .delivery-cta__title strong {
        font-size: inherit;
        line-height: inherit;
    }

    .delivery-cta__text {
        font-size: 15px;
        line-height: 1.7;
    }

    .main-cta {
        width: 100%;
        max-width: 100%;
        min-height: 64px;
        padding: 8px 8px 8px 22px;
        gap: 14px;
        border-radius: 999px;
    }

    .main-cta-span {
        font-size: 15px;
        line-height: 1.3;
    }

    .main-cta svg {
        width: 42px;
        height: 42px;
        flex-shrink: 0;
    }

    .delivery-cta__visual {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }

    .delivery-cta__visual img {
        display: block;
        width: 100%;
        max-width: 420px;
        height: auto;
        object-fit: contain;
    }

    .steps-to-buy {
        gap: 30px;
        padding: 0 14px;
    }

    .badge {
        transform: scale(0.94);
        transform-origin: center;
        display: flex;
        height: 31.165px;
        padding: 8.268px 15.9px;
        align-items: center;
        gap: 6.36px;

    }

    .section-header-title,
    .section-header-title strong {
        font-size: 34px;
        line-height: 40px;
        letter-spacing: -1.3px;
    }

    .section-header-subtitle {
        font-size: 15px;
        line-height: 24px;
        max-width: 100%;
    }

    .main-block {
        padding: 14px;
        gap: 20px;
        border-radius: 24px;
    }

    .presentation {
        height: 360px;
        min-height: 360px;
        padding: 14px;
        border-radius: 24px;
    }

    .presentation-content {
        border-radius: 20px;
    }

    .presentation-content-badge {
        top: 16px;
        left: 16px;
        padding: 8px 12px;
        font-size: 11px;
        letter-spacing: 0.5px;
    }

    .phone-mockup-step {
        top: 78px;
        right: 50%;
        transform: translateX(50%);
        width: 220px;
        max-width: 62%;
    }

    .phone-mockup-step img,
    #stepMockupImage {
        display: block;
        width: 100%;
        height: auto;
    }

    .floating-card {
        width: 152px;
        max-width: 152px;
        padding: 12px 13px;
        border-radius: 15px;
        gap: 4px;
    }

    .floating-card-title {
        font-size: 11px;
        line-height: 13px;
    }

    .floating-card-subtitle {
        font-size: 10px;
        line-height: 14px;
    }

    .floating-card--top-right {
        top: 18px;
        right: 14px;
        transform: rotate(7deg);
    }

    .floating-card--bottom-left {
        left: 14px;
        top: auto;
        bottom: 20px;
        transform: rotate(-5deg);
    }

    .decor-plane-card {
        top: 62px;
        right: 28px;
        transform: scale(0.78);
        transform-origin: top right;
    }

    .decor-plane-card img,
    #decorPlaneImage {
        max-width: 74px;
        height: auto;
    }

    .step-dscr {
        gap: 16px;
        padding: 2px 2px 0;
    }

    .step-dscr-title,
    .step-dscr-title strong {
        font-size: 31px;
        line-height: 32px;
        letter-spacing: -1.2px;
    }

    .step-dscr-subtitle {
        font-size: 15px;
        line-height: 24px;
    }

    .step-btn {
        width: auto;
        gap: 12px;
    }

    .step-btn-span {
        font-size: 15px;
        line-height: 24px;
    }

    .steps-progress {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .steps-progress__item {
        width: 32px;
        height: 5px;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .prblms-cta {
        width: calc(100% - 210px);
        max-width: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 0;
        padding: 0 clamp(28px, 7vw, 62px) clamp(30px, 5vw, 46px);
        border-radius: clamp(35px, 6vw, 55px);
        text-align: center;
        background: radial-gradient(94% 72% at 50% 24%, #9A8DFF 0%, #8374F1 46%, #7465E7 100%);
        box-shadow:
            0 24px 58px rgba(49, 34, 142, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.24);
    }

    .prblms-cta::before {
        left: 50%;
        bottom: clamp(126px, 18vw, 160px);
        width: 56%;
        max-width: 520px;
        height: 70px;
        transform: translateX(-50%);
        opacity: 0.36;
    }

    .prblms-cta img {
        width: clamp(360px, 54vw, 520px);
        max-width: 78%;
        margin: clamp(-12px, -1vw, -6px) auto clamp(14px, 3vw, 28px);
        object-fit: contain;
    }

    .main-prblms {
        width: 100%;
        max-width: 640px;
        align-items: center;
        gap: clamp(22px, 3.2vw, 30px);
    }

    .prblms-descr {
        align-items: center;
        gap: clamp(8px, 1.4vw, 13px);
    }

    .prblms-title-h1 {
        max-width: 620px;
        font-size: clamp(42px, 6.8vw, 58px);
        line-height: 1.05;
        letter-spacing: 0;
    }

    .prblms-title-h2 {
        max-width: 560px;
        font-size: clamp(17px, 2.4vw, 22px);
        line-height: 1.25;
    }

    .prblms-subtitle {
        max-width: 520px;
        font-size: clamp(15px, 2vw, 19px);
        line-height: 1.35;
    }

    .prblms-cta .problems-cta-button {
        width: auto;
        max-width: none;
        min-height: clamp(58px, 7.8vw, 70px);
        padding: 7px 8px 7px clamp(24px, 4.2vw, 34px);
        gap: clamp(16px, 2.8vw, 24px);
        border-radius: 999px;
        box-shadow: 0 12px 24px rgba(35, 28, 117, 0.18);
    }

    .prblms-cta .problems-cta-button svg {
        width: clamp(44px, 6vw, 54px);
        height: clamp(44px, 6vw, 54px);
    }

    .prblms-cta .problems-cta-button-span {
        font-size: clamp(15px, 2vw, 18px);
        line-height: 1.25;
        white-space: nowrap;
    }
}

@media (max-width: 560px) {
    .header {
        padding: 10px 12px;
    }

    .header__logo svg {
        max-width: 156px;
    }

    .header__nav {
        gap: 16px;
    }

    .nav__item {
        font-size: 13px;
    }

    .log,
    .reg {
        flex: 1 1 auto;
        min-width: 0;
        padding: 12px 14px;
        font-size: 13px;
    }

    .header__auth {
        gap: 8px;
    }

    .prblms-cta {
        width: calc(100% - 20px);
        gap: 16px;
        padding: 26px 18px 0;
        border-radius: 28px;
    }

    .prblms-cta img {
        width: 86%;
        max-width: 300px;
        margin-bottom: -14px;
    }

    .main-prblms {
        gap: 20px;
    }

    .prblms-title-h1 {
        font-size: 32px;
        line-height: 37px;
    }

    .prblms-title-h2 {
        font-size: 16px;
        line-height: 23px;
    }

    .prblms-subtitle {
        font-size: 15px;
        line-height: 23px;
    }

    .prblms-cta .problems-cta-button {
        max-width: 100%;
    }

    .steps-to-buy {
        gap: 26px;
        padding: 0 10px;
    }

    .section-header {
        gap: 8px;
    }

    .section-header-title,
    .section-header-title strong {
        font-size: 28px;
        line-height: 33px;
        letter-spacing: -1px;
    }

    .section-header-subtitle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
    }

    .main-block {
        padding: 10px;
        border-radius: 20px;
        gap: 18px;
    }

    .presentation {
        height: 315px;
        min-height: 315px;
        padding: 10px;
        border-radius: 20px;
    }

    .presentation-content {
        border-radius: 18px;
    }

    .presentation-content-badge {
        top: 12px;
        left: 12px;
        padding: 7px 10px;
        font-size: 10px;
    }

    .phone-mockup-step {
        top: 72px;
        width: 188px;
        max-width: 64%;
    }

    .floating-card {
        width: 128px;
        max-width: 128px;
        padding: 10px 11px;
        border-radius: 13px;
        box-shadow: 0 12px 24px rgba(12, 24, 68, 0.14);
    }

    .floating-card-title {
        font-size: 10px;
        line-height: 12px;
    }

    .floating-card-subtitle {
        font-size: 9px;
        line-height: 13px;
    }

    .floating-card--top-right {
        top: 14px;
        right: 10px;
    }

    .floating-card--bottom-left {
        left: 10px;
        bottom: 14px;
    }

    .decor-plane-card {
        top: 54px;
        right: 14px;
        transform: scale(0.64);
    }

    .step-dscr-num {
        font-size: 15px;
        line-height: 15px;
    }

    .step-dscr-title,
    .step-dscr-title strong {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: -0.9px;
    }

    .step-dscr-subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .step-btn-span {
        font-size: 14px;
        line-height: 22px;
    }

    .steps-progress__item {
        width: 26px;
        height: 4px;
    }
}

@media (max-width: 480px) {
    .prblms-cta {
        padding: 24px 16px 0;
        border-radius: 24px;
    }

    .prblms-cta::before {
        bottom: 14px;
        width: 82%;
        height: 58px;
    }

    .prblms-cta img {
        width: 90%;
        max-width: 260px;
        margin-bottom: -10px;
    }

    .main-prblms {
        gap: 18px;
    }

    .prblms-title-h1 {
        font-size: 28px;
        line-height: 33px;
    }

    .prblms-title-h2 {
        font-size: 15px;
        line-height: 22px;
    }

    .prblms-subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .prblms-cta .problems-cta-button {
        min-height: 58px;
        padding: 7px 7px 7px 20px;
    }

    .prblms-cta .problems-cta-button svg {
        width: 40px;
        height: 40px;
    }

    .delivery-cta {
        padding: 22px 16px 20px;
        border-radius: 24px;
        gap: 22px;
    }

    .delivery-cta__title {
        font-size: 26px;
        line-height: 1.2;
    }

    .delivery-cta__text {
        font-size: 14px;
        line-height: 1.65;
    }

    .main-cta {
        min-height: 60px;
        padding: 7px 7px 7px 18px;
    }

    .main-cta-span {
        font-size: 14px;
    }

    .main-cta svg {
        width: 38px;
        height: 38px;
    }

    .delivery-cta__visual img {
        max-width: 100%;
    }
}

@media (max-width: 400px) {

    .prblms-cta {
        padding: 22px 14px 0;
        border-radius: 22px;
    }

    .prblms-cta img {
        max-width: 235px;
    }

    .prblms-title-h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .prblms-title-h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .prblms-subtitle {
        font-size: 13px;
        line-height: 21px;
    }

    .prblms-cta .problems-cta-button {
        padding-left: 18px;
    }

    .prblms-cta .problems-cta-button-span {
        font-size: 15px;
    }

    .section-header-title,
    .section-header-title strong {
        font-size: 24px;
        line-height: 29px;
    }

    .presentation {
        height: 290px;
        min-height: 290px;
    }

    .phone-mockup-step {
        width: 170px;
        max-width: 66%;
    }

    .floating-card {
        width: 116px;
        max-width: 116px;
        padding: 9px 10px;
    }

    .floating-card--top-right {
        right: 8px;
        top: 12px;
    }

    .floating-card--bottom-left {
        left: 8px;
        bottom: 12px;
    }

    .step-dscr-title,
    .step-dscr-title strong {
        font-size: 23px;
        line-height: 25px;
    }
}

@media (max-width: 768px) {
    :root {
        --header-height: var(--mobile-header-dynamic-height, 60px);
        --mobile-header-scale: 1;
        --mobile-layout-columns: 3;
        --mobile-layout-margin: 17px;
        --mobile-layout-gutter: 10px;
        --mobile-layout-width: calc(100% - (var(--mobile-layout-margin) * 2));
    }

    .content {
        --mobile-grid-columns: var(--mobile-layout-columns);
        --mobile-grid-margin: var(--mobile-layout-margin);
        --mobile-grid-gutter: var(--mobile-layout-gutter);
        align-items: stretch;
    }

    .header {
        --mobile-header-height: var(--mobile-header-dynamic-height, 60px);
        --mobile-grid-margin: var(--mobile-header-dynamic-padding, 21px);
        --mobile-grid-gutter: var(--mobile-layout-gutter);
        height: var(--mobile-header-height);
        min-height: var(--mobile-header-height);
        padding: 0 var(--mobile-grid-margin);
    }

    .header__container {
        display: grid;
        grid-template-columns: repeat(var(--mobile-layout-columns), minmax(0, 1fr));
        column-gap: var(--mobile-layout-gutter);
        row-gap: 0;
        height: 100%;
        flex-wrap: nowrap;
    }

    .header__logo {
        grid-column: 1 / span 2;
        width: 132px;
        height: 26px;
        justify-content: flex-start;
        flex: none;
        order: initial;
        transform-origin: left center;
    }

    .header__logo a {
        width: 100%;
        height: 100%;
        justify-content: flex-start;
    }

    .header__logo svg {
        width: 100%;
        height: 100%;
        max-width: none;
    }

    .header__nav,
    .header__auth {
        display: none;
    }

    .header__toggle {
        display: inline-flex;
        grid-column: 3;
        justify-self: end;
        width: 18px;
        height: 16px;
        gap: 4px;
        transform-origin: right center;
    }

    .header__toggle span {
        width: 18px;
        height: 2px;
    }

    body.menu-open .header__toggle span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    body.menu-open .header__toggle span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .header__logo {
        transform: translateY(-14px) scale(var(--mobile-header-scale));
    }

    .header__toggle {
        transform: translateY(-10px) scale(var(--mobile-header-scale));
    }

    .header.is-visible .header__logo,
    .header.is-visible .header__toggle {
        transform: scale(var(--mobile-header-scale));
    }

    .header__panel {
        right: var(--mobile-grid-margin);
        left: var(--mobile-grid-margin);
    }

    .mobile-notification {
        display: flex;
        position: absolute;
        top: var(--header-height);
        left: 0;
        z-index: 998;
        width: 100vw;
        height: 39.423px;
        padding: 7px 26px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        box-sizing: border-box;
        background: linear-gradient(91deg, #8582D2 0.47%, #6763C7 78.26%);
        opacity: 0;
        filter: none;
        transform: translateY(-12px);
        transition:
            opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.72s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .header.is-visible+.mobile-notification {
        opacity: 1;
        filter: none;
        transform: translateY(0);
        transition-delay: 0.16s;
    }

    .mobile-notification span {
        width: min(322.115px, 100%);
        flex-shrink: 0;
        color: #FFF;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 9.615px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.192px;
    }

    body.menu-open {
        overflow: hidden;
    }

    .steps-to-buy,
    .tk-cmpns,
    .items-we-deliever,
    .services,
    .delivery-cta,
    .adv-services,
    .cta-secondary {
        width: var(--mobile-layout-width);
        max-width: var(--mobile-layout-width);
        margin-left: auto;
        margin-right: auto;
    }

    .steps-to-buy,
    .services,
    .adv-services {
        padding-left: 0;
        padding-right: 0;
    }

    .services-cards-shell,
    .items-we-deliever__viewport {
        width: 100%;
    }

    .footer__container {
        width: var(--mobile-layout-width);
    }

    .main-block {
        display: flex;
        padding: clamp(12.7px, 3.975vw, 21.2px);
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: clamp(21px, 6.574vw, 35px);
        align-self: stretch;
        width: 100%;
        max-width: 520px;
        border-radius: 22px;
        border: 1px solid rgba(230, 230, 230, 0.72);
        box-shadow: 0 17px 42px rgba(31, 42, 92, 0.07);

    }

    .presentation {
        width: 100%;
        height: clamp(263.733px, calc(263.733px + (100vw - 320px) * 0.371), 430px);
        min-height: 0;
        padding: clamp(13px, calc(13px + (100vw - 320px) * 0.0268), 25px);
        flex-shrink: 0;
        border-radius: clamp(17px, calc(17px + (100vw - 320px) * 0.0402), 35px);
        background:
            radial-gradient(82% 92% at 54% 0%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 58%),
            linear-gradient(180deg, #8375F0 0%, #5A4BA8 100%);
        overflow: hidden;
        box-sizing: border-box;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.22),
            0 12px 28px rgba(63, 51, 151, 0.14);
    }

    .presentation-content {
        width: 100%;
        height: 100%;
        flex: none;
        align-self: stretch;
        border-radius: clamp(15px, calc(15px + (100vw - 320px) * 0.0335), 30px);
        background:
            radial-gradient(78% 82% at 52% 13%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 58%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
        overflow: hidden;
        clip-path: inset(0 round clamp(15px, calc(15px + (100vw - 320px) * 0.0335), 30px));
        position: relative;
        isolation: isolate;
    }

    .presentation-content::before {
        content: "";
        position: absolute;
        inset: clamp(10px, 3.125vw, 16.6px) 0 0 0;
        width: 100%;
        height: auto;
        border-radius: 15px;
        background: linear-gradient(90deg, transparent 0 58%, rgba(255, 255, 255, 0.08) 58% 100%);
        pointer-events: none;
        overflow: hidden;
        z-index: 0;
    }

    .presentation-content::after {
        content: "";
        position: absolute;
        left: clamp(18px, 5.653vw, 30px);
        top: clamp(76px, 23.87vw, 127px);
        width: clamp(72px, 22.507vw, 119px);
        height: clamp(132px, 41.36vw, 220px);
        border-left: 2px dashed rgba(255, 255, 255, 0.42);
        border-radius: 50%;
        transform: rotate(13deg);
        pointer-events: none;
        z-index: 1;
    }

    .presentation-content-badge {
        top: clamp(10.7px, calc(10.7px + (100vw - 320px) * 0.0161), 17.9px);
        left: clamp(12.2px, calc(12.2px + (100vw - 320px) * 0.0183), 20.4px);
        padding: clamp(5.8px, calc(5.8px + (100vw - 320px) * 0.0089), 9.8px) clamp(7.3px, calc(7.3px + (100vw - 320px) * 0.0109), 12.2px);
        border-radius: clamp(11px, calc(11px + (100vw - 320px) * 0.0167), 18.5px);
        font-size: clamp(6.8px, calc(6.8px + (100vw - 320px) * 0.0103), 11.4px);
        line-height: 1;
        letter-spacing: 0;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.14);
        border: 0.7px solid rgba(255, 255, 255, 0.16);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .phone-mockup-step {
        top: clamp(43px, calc(43px + (100vw - 320px) * 0.0603), 70px);
        left: 52%;
        right: auto;
        width: clamp(205px, calc(205px + (100vw - 320px) * 0.288), 334px);
        max-width: 86%;
        height: clamp(258px, calc(258px + (100vw - 320px) * 0.364), 421px);
        transform: translateX(-50%);
        z-index: 3;
    }

    .phone-mockup-step img,
    #stepMockupImage {
        display: block;
        width: clamp(205px, calc(205px + (100vw - 320px) * 0.288), 334px);
        max-width: 100%;
        height: clamp(258px, calc(258px + (100vw - 320px) * 0.364), 421px);
        object-fit: cover;
        object-position: top center;
        border-radius: 17px 17px 0 0;
        filter: drop-shadow(0 14px 24px rgba(42, 38, 111, 0.12));
    }

    .floating-card {
        width: auto;
        max-width: none;
        height: fit-content;
        min-height: 0;
        padding: clamp(8.8px, calc(8.8px + (100vw - 320px) * 0.0131), 14.65px) clamp(9.8px, calc(9.8px + (100vw - 320px) * 0.0145), 16.3px);
        gap: 2px;
        border-radius: clamp(10.7px, 3.363vw, 17.9px);
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 12px 26px rgba(12, 24, 68, 0.15);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .floating-card-title {
        font-size: clamp(7.1px, calc(7.1px + (100vw - 320px) * 0.0107), 11.9px);
        line-height: 1.2;
        color: #172B68;
        font-weight: 700;
    }

    .floating-card-subtitle {
        font-size: clamp(6.65px, calc(6.65px + (100vw - 320px) * 0.0098), 11.05px);
        line-height: 1.45;
        color: #7380A7;
    }

    .floating-card--top-right {
        top: clamp(10px, calc(10px + (100vw - 320px) * 0.0134), 16px);
        right: clamp(10px, calc(10px + (100vw - 320px) * 0.0156), 17px);
        width: clamp(110px, calc(110px + (100vw - 320px) * 0.156), 180px);
        transform: rotate(8.4deg);
        z-index: 5;
    }

    .floating-card--bottom-left {
        left: clamp(12px, calc(12px + (100vw - 320px) * 0.0179), 20px);
        top: clamp(164px, calc(164px + (100vw - 320px) * 0.23), 267px);
        width: clamp(119px, calc(119px + (100vw - 320px) * 0.1674), 194px);
        transform: rotate(-6deg);
        z-index: 5;
    }

    .decor-plane-card {
        display: none !important;
    }

    .decor-plane-card img,
    #decorPlaneImage {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .step-dscr {
        width: 100%;
        padding: 0 clamp(4.9px, 1.529vw, 8.1px) clamp(4.9px, 1.529vw, 8.1px);
        gap: clamp(11.1px, 3.485vw, 18.55px);
        box-sizing: border-box;
    }

    .step-dscr-num {
        color: #8A90BE;
        font-size: 12.613px;
        font-weight: 500;
        line-height: 1.18;
        letter-spacing: 0;
    }

    .step-dscr-main {
        gap: 8.6px;
        width: 100%;
    }

    .step-dscr-title,
    .step-dscr-title strong {
        font-size: clamp(25.6px, 8vw, 42.6px);
        line-height: 0.983;
        letter-spacing: -1.1px;
        font-weight: 700;
    }

    .step-dscr-title strong,
    .step-title-word {
        display: block;
    }

    .step-dscr-subtitle {
        max-width: none;
        align-self: stretch;
        color: #7380A7;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16.764px;
        letter-spacing: 0;
    }

    .step-btn {
        gap: 7px;
        margin-top: 0;
    }

    .step-btn-span {
        font-size: clamp(11.1px, 3.467vw, 18.45px);
        line-height: 1.69;
        font-weight: 600;
    }

    .step-btn svg {
        width: 7px;
        height: 12px;
    }

    .steps-progress {
        right: clamp(21px, 6.56vw, 35px);
        bottom: clamp(21.6px, 6.747vw, 36px);
        gap: clamp(5.6px, 1.754vw, 9.3px);
        align-items: center;
    }

    .steps-progress__item {
        width: clamp(24.7px, 7.716vw, 41px);
        height: clamp(3.36px, 1.052vw, 5.6px);
        border-radius: 999px;
        box-shadow: none;
        transform: none;
    }

    .steps-progress__item--active {
        transform: none;
        box-shadow: none;
    }

    .section-header-title,
    .section-header-title strong {
        align-self: stretch;
        color: #0D2150;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 35px;
        letter-spacing: 0;
    }

    .section-header-title strong {
        color: #6D6ADE;
    }

    .section-header-subtitle {
        max-width: 321px;
        align-self: stretch;
        color: #45556C;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.13px;
        margin-inline: auto;
    }
}

@media (max-width: 768px) {
    .hero {
        --hero-mobile-rail: calc(100% - (var(--mobile-layout-margin, 17px) * 2));
        --hero-mobile-content-top: calc(var(--header-height, 60px) + 39.423px + 50px);
        width: 100%;
        min-height: auto;
        padding: var(--hero-mobile-content-top) 0 clamp(26px, 7vw, 54px);
        display: flex;
        justify-content: center;
        overflow: visible;
        transform: none;
    }

    .hero-bg,
    .hero__decor-line-wrap,
    .hero__decor-plane-wrap,
    .hero-card--right-bottom {
        display: none;
    }

    .hero-main {
        width: var(--hero-mobile-rail);
        max-width: 620px;
        margin: 0 auto;
        gap: 0;
        align-items: center;
    }

    .herosection1 {
        width: 100%;
        padding: 0;
        gap: clamp(15px, 4vw, 26px);
        align-items: center;
    }

    .hero .badge {
        display: flex;
        height: 34.282px;
        padding: 9.095px 17.49px;
        align-items: center;
        gap: 6.996px;
        box-sizing: border-box;
        border-width: 0.636px;
        border-style: solid;
        border-color: #E2E1F9;
        border-radius: 20.988px;
        background: #FBFCFF;
        box-shadow:
            0 0.636px 0.954px 0 rgba(255, 255, 255, 0.70) inset,
            0 0.636px 5.088px 0 rgba(109, 106, 222, 0.10),
            0 2.544px 7.632px -1.272px rgba(0, 0, 0, 0.06);
        transform-origin: center;
    }

    .hero-badge-span,
    .hero-badge-span strong {
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 11.893px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.356px;
        white-space: nowrap;
    }

    .hero-badge-span {
        color: #0D2150;
        font-weight: 500;
    }

    .hero-badge-span strong {
        color: #6D6ADE;
        font-weight: 600;
    }

    .hero-title-cont {
        padding: 0;
        gap: 0;
        width: 100%;
    }

    .hero-title--generate {
        display: block;
        max-width: 100%;
        color: #0D2150;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 42.166px;
        letter-spacing: -0.36px;
    }

    .hero-title-desktop-word {
        display: none;
    }

    .hero-title--generate .hero-title-mobile-text {
        display: block;
        align-self: stretch;
        color: #0D2150;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(30.72px, 9.6vw, 73.73px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(35.98px, 11.244vw, 86.36px);
        letter-spacing: -0.36px;
    }

    .hero-title--generate .hero-title-mobile-text strong {
        color: #6D6ADE;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: inherit;
        font-style: normal;
        font-weight: 700;
        line-height: inherit;
        letter-spacing: -0.36px;
    }

    .hero-title--generate.is-animated .hero-title-accent {
        animation: none;
    }

    .shop-carusel {
        height: clamp(50px, 15.1vw, 73px);
        width: 100%;
        padding: clamp(6px, 2vw, 10px) 0;
        border-radius: clamp(20px, 5.99vw, 29px);
        border-width: 0.749px;
        background: rgba(252, 253, 255, 0.78);
        box-shadow: 0 2.996px 23.445px rgba(0, 0, 0, 0.04);
    }

    .hero.is-visible .shop-carusel {
        animation: none;
    }

    .shop-carusel::before,
    .shop-carusel::after {
        width: clamp(12px, 5vw, 35px);
    }

    .shop-carusel-track {
        gap: clamp(6px, 2vw, 12px);
        animation: scroll 18s linear infinite;
        transform: none;
        align-items: center;
        width: max-content;
    }

    .shop-carusel-item:nth-child(4) {
        order: 1;
    }

    .shop-carusel-item:nth-child(2) {
        order: 2;
    }

    .shop-carusel-item:nth-child(1) {
        order: 3;
    }

    .shop-carusel-item:nth-child(3) {
        order: 4;
    }

    .shop-carusel-item:nth-child(7) {
        order: 5;
    }

    .shop-carusel-item:nth-child(6) {
        order: 6;
    }

    .shop-carusel-item:nth-child(8) {
        order: 7;
    }

    .shop-carusel-item:nth-child(5) {
        order: 8;
    }

    .shop-carusel-item:nth-child(10) {
        order: 9;
    }

    .shop-carusel-item:nth-child(9) {
        order: 10;
    }

    .shop-carusel-item:nth-child(12) {
        order: 11;
    }

    .shop-carusel-item:nth-child(11) {
        order: 12;
    }

    .shop-carusel-item {
        padding: clamp(5px, 1.4vw, 8px) clamp(6px, 1.8vw, 10px);
        gap: clamp(7px, 2.2vw, 11px);
        border-radius: 13.483px;
    }

    .shop-carusel-item img {
        width: clamp(27px, 8.32vw, 40px);
        height: clamp(27px, 8.32vw, 40px);
        flex-shrink: 0;
    }

    .shop-carusel-item-span {
        font-size: clamp(11.5px, 3.5vw, 17px);
        line-height: 1;
        white-space: nowrap;
    }

    .cta-btns {
        width: clamp(218px, 65.33vw, 318px);
        flex-direction: column;
        gap: clamp(8px, 2.4vw, 12px);
        align-self: auto;
    }

    .hero .main-cta {
        width: 100%;
        max-width: none;
        min-height: 0;
        height: clamp(44px, 13.23vw, 64px);
        padding: clamp(6px, 1.9vw, 9px) clamp(6px, 1.7vw, 9px) clamp(6px, 1.9vw, 9px) clamp(20px, 5.96vw, 29px);
        border-radius: 999px;
        box-shadow:
            0 3.192px 7.98px rgba(0, 0, 0, 0.08),
            0 9.577px 19.153px rgba(109, 106, 222, 0.20);
    }

    .hero .main-cta-span {
        font-size: clamp(12px, 3.55vw, 17px);
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
    }

    .hero .main-cta svg {
        width: clamp(31px, 9.4vw, 45px);
        height: clamp(31px, 9.4vw, 45px);
        flex-shrink: 0;
    }

    .tarrifs {
        width: 100%;
        height: clamp(44px, 13.07vw, 63px);
        border-radius: 999px;
        font-size: clamp(12px, 3.58vw, 17px);
        box-shadow: 0 3.213px 3.334px rgba(0, 0, 0, 0.04);
    }

    .hero-trust-row {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        min-height: 18px;
        color: #303C4D;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 11.066px;
        font-weight: 400;
        line-height: 17.605px;
        letter-spacing: 0.221px;
        opacity: 0;
        filter: none;
        transform: translateY(18px) scale(0.96);
        transition:
            opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.7s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .hero.is-visible .hero-trust-row {
        opacity: 1;
        filter: none;
        transform: none;
        transition-delay: 0.62s;
    }

    .hero-trust-item {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
        opacity: 0;
        transform: translateY(8px);
        transition:
            opacity 0.52s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .hero.is-visible .hero-trust-item {
        opacity: 1;
        transform: none;
        transition-delay: 0.76s;
    }

    .hero.is-visible .hero-trust-item:last-child {
        transition-delay: 0.86s;
    }

    .hero-trust-dot {
        display: block;
        width: 5px;
        height: 5px;
        flex-shrink: 0;
        opacity: 0;
        transform: scale(0.4);
        transition:
            opacity 0.42s ease,
            transform 0.52s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .hero.is-visible .hero-trust-dot {
        opacity: 1;
        transform: scale(1);
        transition-delay: 0.82s;
    }

    .hero-trust-icon {
        display: block;
        flex-shrink: 0;
    }

    .hero__decor {
        display: block;
        top: auto;
        bottom: clamp(88px, 14.8vw, 124px);
        left: 50%;
        width: clamp(318px, 99.4vw, 510px);
        height: auto;
        aspect-ratio: 372.76 / 156.11;
        transform: translate(-50%, 35px);
        z-index: 1;
        overflow: visible;
        opacity: 0;
        filter: none;
        transition:
            opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.8s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .hero.is-visible .hero__decor {
        opacity: 1;
        filter: none;
        transform: translate(-50%, 35px);
        transition-delay: 0.72s;
    }

    .hero-card {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        max-width: none;
        opacity: 1;
        transform-origin: center;
    }

    .hero-card--left-top {
        left: 0;
        bottom: 0;
        width: 39.5%;
        transform: rotate(-3.4deg);
        opacity: 0.67;
        z-index: 1;
    }

    .hero-card--right-top {
        top: 0;
        left: 50%;
        width: 47.55%;
        transform: translateX(-50%) rotate(-0.15deg);
        opacity: 1;
        z-index: 3;
    }

    .hero-card--left-bottom {
        right: 0;
        bottom: 3%;
        left: auto;
        width: 39.75%;
        transform: rotate(3.93deg);
        opacity: 0.74;
        z-index: 1;
    }

    .hero-card__motion,
    .hero.is-visible .hero-card__motion,
    .hero.is-visible .hero-card__motion--left-top,
    .hero.is-visible .hero-card__motion--right-top,
    .hero.is-visible .hero-card__motion--left-bottom {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

    .hero-card__motion:hover {
        transform: none !important;
    }

    .hero-card__motion {
        gap: clamp(5px, 1.55vw, 8px);
        padding: clamp(10px, 3.17vw, 16px) clamp(9px, 2.72vw, 14px);
        border-width: 0.566px;
        border-radius: 19.274px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow:
            0 3.122px 9.366px rgba(109, 106, 222, 0.03),
            0 8.325px 20.813px -10px rgba(0, 0, 0, 0.10);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        opacity: 0;
        filter: none;
        transition:
            opacity 0.78s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.78s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.92s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .hero-card--left-top .hero-card__motion {
        transform: translate(-34px, 28px) rotate(-8deg) scale(0.88);
    }

    .hero-card--right-top .hero-card__motion {
        transform: translateY(38px) rotate(0deg) scale(0.88);
    }

    .hero-card--left-bottom .hero-card__motion {
        transform: translate(34px, 28px) rotate(8deg) scale(0.88);
    }

    .hero.is-visible .hero-card__motion {
        opacity: 1;
        filter: none;
    }

    .hero.is-visible .hero-card--left-top .hero-card__motion,
    .hero.is-visible .hero-card--right-top .hero-card__motion,
    .hero.is-visible .hero-card--left-bottom .hero-card__motion {
        transform: none;
    }

    .hero.is-visible .hero-card--left-top .hero-card__motion {
        transition-delay: 0.84s;
    }

    .hero.is-visible .hero-card--left-bottom .hero-card__motion {
        transition-delay: 0.92s;
    }

    .hero.is-visible .hero-card--right-top .hero-card__motion {
        transition-delay: 1.04s;
    }

    .hero-card--right-top .hero-card__motion {
        gap: clamp(6px, 1.92vw, 10px);
        padding: clamp(13px, 4.03vw, 21px) clamp(11px, 3.45vw, 18px);
        background: rgba(255, 255, 255, 0.68);
        border-width: 0.72px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .hero-card__badge {
        gap: clamp(4px, 1.2vw, 6px);
    }

    .hero-card__badge img {
        width: clamp(15px, 4.3vw, 22px);
        height: clamp(15px, 4.3vw, 22px);
    }

    .hero-card--right-top .hero-card__badge img {
        width: clamp(19px, 5.47vw, 28px);
        height: clamp(19px, 5.47vw, 28px);
    }

    .hero-card__badge-text {
        font-size: clamp(6px, 1.81vw, 9px);
        letter-spacing: 1.04px;
        line-height: 1;
        white-space: nowrap;
    }

    .hero-card--right-top .hero-card__badge-text {
        font-size: clamp(7.6px, 2.3vw, 12px);
    }

    .hero-card__title {
        font-size: clamp(10px, 3.02vw, 15.5px);
        line-height: 1.15;
        white-space: normal;
    }

    .hero-card--right-top .hero-card__title {
        font-size: clamp(12.8px, 3.84vw, 20px);
        line-height: 1.15;
    }

    .hero-card__text {
        max-width: 100%;
        font-size: clamp(7px, 2.11vw, 11px);
        line-height: 1.5;
        font-weight: 600;
    }

    .hero-card--right-top .hero-card__text {
        font-size: clamp(8.7px, 2.69vw, 14px);
    }

    .advnts {
        position: relative;
        z-index: 4;
        width: auto;
        height: auto;
        margin-top: 152px;
        justify-content: center;
        align-items: flex-start;
        gap: clamp(5px, 1.63vw, 9px);
        flex-wrap: nowrap;
    }

    .advantage:nth-child(1) {
        order: 2;
    }

    .advantage:nth-child(2) {
        order: 1;
    }

    .advantage:nth-child(3) {
        display: none;
    }

    .advantage {
        min-width: clamp(122px, 36.75vw, 178px);
        height: clamp(58px, 17.04vw, 82px);
        padding: clamp(11px, 3.47vw, 17px) clamp(16px, 6.75vw, 32px) clamp(10px, 3.47vw, 17px) clamp(14px, 4.29vw, 21px);
        gap: clamp(3px, 1.02vw, 5px);
        border-radius: 20px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        box-shadow: 0 3.063px 10.719px rgba(109, 106, 222, 0.10);
        opacity: 1;
        filter: none;
        transform: translateY(34px) scale(0.9);
        transition:
            opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.72s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.84s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .hero.is-visible .advantage {
        opacity: 1;
        filter: none;
        transform: none;
        animation: none;
    }

    .hero.is-visible .advantage:nth-child(2) {
        transition-delay: 1.18s;
    }

    .hero.is-visible .advantage:nth-child(1) {
        transition-delay: 1.28s;
    }

    .advantage-span-main {
        font-size: clamp(16px, 4.9vw, 24px);
        line-height: 1;
        white-space: nowrap;
    }

    .advantage-span {
        font-size: clamp(9px, 2.86vw, 14px);
        line-height: 1.1;
        white-space: nowrap;
    }
}

@media (max-width: 360px) {

    .hero-title--generate .hero-title-mobile-text,
    .hero-title--generate .hero-title-mobile-text strong {
        letter-spacing: -0.36px;
    }

    .hero-card__text {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    body {
        padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
    }

    .scroll-top-cta {
        right: max(12px, env(safe-area-inset-right, 0px));
        bottom: max(14px, env(safe-area-inset-bottom, 0px));
        width: 54px;
        height: 54px;
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.42) inset,
            0 12px 28px rgba(36, 51, 118, 0.13),
            0 8px 20px rgba(109, 106, 222, 0.16);
    }

    .scroll-top-cta svg {
        width: 19px;
        height: 19px;
    }

    body.menu-open .scroll-top-cta {
        opacity: 0;
        pointer-events: none;
        transform: translateY(18px) scale(0.9);
    }

    .fixed-cta {
        left: max(12px, env(safe-area-inset-left, 0px));
        right: auto;
        bottom: max(12px, env(safe-area-inset-bottom, 0px));
        width: max-content;
        max-width: calc(100vw - 24px);
        min-width: min(213px, calc(100vw - 24px));
        min-height: 66px;
        padding: 8px 11px 8px 11px;
        gap: 11px;
        align-items: center;
        border-radius: 24px;
        border: 1px solid rgba(226, 225, 249, 0.96);
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 248, 255, 0.91) 48%, rgba(238, 240, 255, 0.94) 100%);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.82) inset,
            0 16px 38px rgba(36, 51, 118, 0.13),
            0 9px 22px rgba(109, 106, 222, 0.11);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        transform: none;
        animation: fixedCtaMobileBreath 4.8s ease-in-out infinite;
        box-sizing: border-box;
    }

    .fixed-cta::before {
        inset: 0;
        border-radius: inherit;
        background:
            radial-gradient(circle at 12% 18%, rgba(109, 106, 222, 0.16) 0%, rgba(109, 106, 222, 0) 34%),
            linear-gradient(112deg, transparent 0 24%, rgba(255, 255, 255, 0.62) 39%, transparent 55% 100%);
        opacity: 0.82;
        transform: translateX(-72%);
        transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
    }

    .fixed-cta::after {
        display: none;
    }

    .fixed-cta>* {
        z-index: 1;
    }

    .fixed-cta img {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        filter: drop-shadow(0 9px 16px rgba(109, 106, 222, 0.14));
    }

    .fixed-cta__text {
        min-width: 0;
        gap: 3px;
        transform: none;
    }

    .fixed-cta__title--desktop,
    .fixed-cta__subtitle--desktop {
        display: none;
    }

    .fixed-cta__title--mobile,
    .fixed-cta__subtitle--mobile {
        display: block;
    }

    .fixed-cta__title {
        max-width: 100%;
        color: #0D2150;
        font-size: 14.8px;
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -0.1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fixed-cta__subtitle {
        max-width: 100%;
        color: #65718E;
        font-size: 10.8px;
        font-weight: 600;
        line-height: 1.22;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fixed-cta:hover,
    .fixed-cta:focus-visible {
        transform: translateY(-2px);
        border-color: rgba(109, 106, 222, 0.36);
    }

    .fixed-cta:hover::before,
    .fixed-cta:focus-visible::before {
        transform: translateX(58%);
        opacity: 1;
    }

    .fixed-cta:hover::after,
    .fixed-cta:focus-visible::after {
        display: none;
    }

    .fixed-cta:hover img,
    .fixed-cta:focus-visible img {
        transform: none;
        filter: drop-shadow(0 9px 16px rgba(109, 106, 222, 0.14));
    }

    .fixed-cta:hover .fixed-cta__text,
    .fixed-cta:hover .fixed-cta__title,
    .fixed-cta:hover .fixed-cta__subtitle,
    .fixed-cta:focus-visible .fixed-cta__text,
    .fixed-cta:focus-visible .fixed-cta__title,
    .fixed-cta:focus-visible .fixed-cta__subtitle {
        transform: none;
        text-shadow: none;
    }

    .fixed-cta:active {
        transform: translateY(1px) scale(0.988);
        transition-duration: 0.14s;
    }

    body.menu-open .fixed-cta {
        opacity: 0;
        pointer-events: none;
        transform: translateY(18px) scale(0.96);
    }
}

@media (max-width: 380px) {
    .fixed-cta {
        width: max-content;
        max-width: calc(100vw - 20px);
        min-width: min(200px, calc(100vw - 20px));
        min-height: 62px;
        padding: 7px 9px;
        border-radius: 22px;
    }

    .fixed-cta img {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .fixed-cta::after {
        display: none;
    }

    .fixed-cta__title {
        font-size: 13.8px;
    }

    .fixed-cta__subtitle {
        font-size: 10.2px;
    }
}

@keyframes fixedCtaMobileBreath {

    0%,
    100% {
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.82) inset,
            0 16px 38px rgba(36, 51, 118, 0.13),
            0 9px 22px rgba(109, 106, 222, 0.11);
    }

    50% {
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.82) inset,
            0 18px 44px rgba(36, 51, 118, 0.16),
            0 12px 28px rgba(109, 106, 222, 0.14);
    }
}

@media (max-width: 768px) {
    .content {
        gap: 50px;
    }

    .steps-to-buy,
    .tk-cmpns,
    .items-we-deliever,
    .services,
    .adv-services {
        gap: 18px;
    }

    .tk-cmpns {
        width: min(var(--mobile-layout-width), 560px);
        max-width: min(var(--mobile-layout-width), 560px);
        gap: clamp(15px, 4vw, 20px);
        padding: 0;
        box-sizing: border-box;
    }

    .tk-cmpns .section-header {
        width: 100%;
        gap: clamp(8px, 2.64vw, 10px);
    }

    .tk-cmpns .badge {
        height: 31.165px;
        padding: 8.268px 15.9px;
        gap: 6.36px;
        box-sizing: border-box;
        border-radius: 19.08px;
        border: 0.636px solid #E2E1F9;
        background: #FBFCFF;
        box-shadow:
            0 0.636px 0.954px 0 rgba(255, 255, 255, 0.70) inset,
            0 0.636px 5.088px 0 rgba(109, 106, 222, 0.10),
            0 2.544px 7.632px -1.272px rgba(0, 0, 0, 0.06);
        transform: none;
    }

    .tk-cmpns .hero-badge-span,
    .tk-cmpns .hero-badge-span strong {
        color: #0D2150;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 10.812px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.324px;
    }

    .tk-cmpns .hero-badge-span {
        font-weight: 500;
    }

    .tk-cmpns .hero-badge-span strong {
        color: #6D6ADE;
        font-weight: 600;
    }

    .tk-cmpns .section-header-title,
    .tk-cmpns .section-header-title strong {
        width: 100%;
        max-width: none;
        align-self: stretch;
        color: #0D2150;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(26px, 8vw, 36px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(31px, 9.252vw, 42px);
        letter-spacing: -0.3px;
    }

    .tk-cmpns .section-header-title strong {
        color: #6D6ADE;
    }

    .tk-cmpns .section-header-subtitle {
        width: 100%;
        max-width: min(318.2px, 100%);
        align-self: center;
        color: #45556C;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(12px, 3.436vw, 14px);
        font-weight: 400;
        line-height: clamp(18.5px, 5.287vw, 22px);
        letter-spacing: 0.13px;
        margin-inline: auto;
    }

    .tk-cards,
    .tk-cards.reveal-up,
    .tk-cards.reveal-up.is-visible {
        transform: none;
    }

    .tk-cards {
        width: 100%;
        max-width: 100%;
        padding:
            clamp(12.5px, 3.884vw, 20px) clamp(12.5px, 3.884vw, 20px) clamp(17px, 5.287vw, 25px);
        gap: clamp(20px, 6.604vw, 30px);
        align-items: center;
        box-sizing: border-box;
        border-radius: clamp(24px, 7.137vw, 32px);
        border: 0.728px solid rgba(0, 18, 220, 0.08);
        background: #FFF;
        box-shadow: 0 14.567px 18.208px 0 rgba(36, 51, 118, 0.06);
        overflow: visible;
        isolation: isolate;
    }

    .tk-cards-main {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: clamp(8px, 2.643vw, 14px);
    }

    .tk-card {
        width: 100%;
        min-width: 0;
        min-height: clamp(200px, 54.47vw, 232px);
        height: auto;
        padding:
            clamp(17px, 5.287vw, 25px) clamp(13px, 3.965vw, 20px) clamp(17px, 5.551vw, 26px);
        flex: none;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
        box-sizing: border-box;
        border-radius: clamp(21px, 6.344vw, 28px);
        overflow: hidden;
        background: #FFF;
    }

    .tk-card-dpd {
        border: 0.728px solid rgba(220, 0, 50, 0.08);
        box-shadow: 0 14.567px 36.417px 0 rgba(118, 36, 37, 0.06);
    }

    .tk-card-cdek {
        border: 0.722px solid #00B33C;
        box-shadow: 0 14.438px 24.833px 0 rgba(36, 118, 95, 0.07);
    }

    .tk-card-rp {
        border: 0.722px solid rgba(0, 18, 220, 0.08);
        box-shadow: 0 14.438px 36.096px 0 rgba(63, 36, 118, 0.06);
    }

    .main-tk-card {
        width: 100%;
        gap: clamp(17px, 5.287vw, 24px);
        align-self: stretch;
    }

    .tk-card-badge {
        position: relative;
        top: auto;
        right: auto;
        z-index: 5;
        height: clamp(28px, 8.04vw, 34px);
        padding: 0 clamp(13.5px, 4.08vw, 18px);
        gap: clamp(5px, 1.65vw, 8px);
        box-sizing: border-box;
        border-radius: 999px;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(9.6px, 2.75vw, 12px);
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.31px;
        white-space: nowrap;
    }

    .tk-card-badge-dpd {
        border: 0.616px solid #F9E1E1;
        background: #FFFBFB;
        box-shadow: 0 2.917px 20.93px 0 rgba(137, 30, 31, 0.13);
        color: #DC0032;
    }

    .tk-card-badge-cdek {
        border: 0.611px solid rgba(0, 179, 60, 0.20);
        background: #FBFFFD;
        box-shadow: 0 2.887px 20.719px 0 rgba(30, 137, 91, 0.13);
        color: #00B33C;
    }

    .tk-card-badge-rp {
        border: 0.611px solid #E1E3F9;
        background: #FCFBFF;
        box-shadow: 0 2.887px 20.719px 0 rgba(30, 31, 137, 0.13);
        color: #1928DC;
    }

    .tk-card-descr {
        width: 100%;
        gap: clamp(9px, 2.908vw, 14px);
        align-self: stretch;
    }

    .tk-card-sect,
    .tk-card-advs {
        width: 100%;
    }

    .tk-card-sect {
        gap: clamp(7px, 2.4vw, 11px);
    }

    .tk-logo-name {
        gap: clamp(7px, 2.2vw, 10px);
    }

    .tk-logo-name img {
        width: clamp(34px, 9.711vw, 46px);
        height: clamp(34px, 9.711vw, 46px);
        object-fit: contain;
    }

    .tk-card-cdek .tk-logo-name img {
        width: clamp(35px, 9.42vw, 45px);
    }

    .tk-card-rp .tk-logo-name img {
        width: clamp(37px, 10.57vw, 48px);
        height: clamp(37px, 10.57vw, 48px);
    }

    .tk-name {
        color: #16275E;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(21px, 6.215vw, 30px);
        font-weight: 800;
        line-height: 1.05;
        letter-spacing: -0.2px;
        white-space: nowrap;
    }

    .tk-card-sub {
        max-width: 100%;
        color: #45556C;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(10.4px, 2.908vw, 13.5px);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0.18px;
    }

    .tk-card-advs {
        align-items: flex-start;
        align-content: flex-start;
        gap: clamp(5px, 1.87vw, 8px);
        flex-wrap: wrap;
    }

    .tk-card-advs-unit {
        height: clamp(26px, 7.493vw, 34px);
        padding: 0 clamp(13px, 4.05vw, 18px);
        gap: clamp(5px, 1.6vw, 8px);
        box-sizing: border-box;
        border-radius: 999px;
        border: 0.611px solid rgba(226, 225, 249, 0.61);
        background: rgba(251, 252, 255, 0.62);
        box-shadow:
            0 0.611px 0.917px 0 rgba(255, 255, 255, 0.70) inset,
            0 0.611px 4.889px 0 rgba(109, 106, 222, 0.10),
            0 2.444px 7.333px -1.222px rgba(0, 0, 0, 0.06);
        color: #647193;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(9.3px, 2.55vw, 11.8px);
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.25px;
        white-space: nowrap;
    }

    .tk-card-cta {
        display: none !important;
    }

    .tk-card-dekor {
        left: calc(clamp(-52px, -12.88vw, -42px) + 30px);
        top: calc(clamp(-32px, -7.86vw, -24px) + 30px);
        right: auto;
        width: clamp(78px, 23.79vw, 109.5px);
        max-width: none;
        height: auto;
        transform: none;
        pointer-events: none;
    }

    .tk-card-cdek .tk-card-dekor {
        left: calc(clamp(-50px, -12.3vw, -39px) + 30px);
        top: calc(clamp(-30px, -7.6vw, -23px) + 30px);
        width: clamp(78px, 23.79vw, 109.5px);
    }

    .tk-card-rp .tk-card-dekor {
        left: calc(clamp(-50px, -12.3vw, -39px) + 30px);
        top: calc(clamp(-30px, -7.6vw, -23px) + 30px);
        width: clamp(81px, 24.45vw, 112.5px);
    }

    .tk-cards-descr1 {
        width: 100%;
        max-width: 100%;
        padding: 0;
        gap: clamp(6px, 2vw, 9px);
        justify-content: center;
        align-items: center;
        align-self: stretch;
        box-sizing: border-box;
    }

    .tk-cards-descr1 svg {
        width: clamp(18px, 5.63vw, 25px);
        min-width: clamp(18px, 5.63vw, 25px);
        flex: 0 0 clamp(18px, 5.63vw, 25px);
    }

    .tk-cards-descr1-span {
        flex: 0 1 min(231.61px, calc(100% - 54px));
        color: #647193;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(8.6px, 2.525vw, 10.8px);
        font-weight: 700;
        line-height: 1.18;
        letter-spacing: 0.28px;
    }
}

@media (max-width: 768px) {
    .prblms-cta {
        width: min(calc(100vw - 34px), 560px);
        max-width: min(calc(100vw - 34px), 560px);
        min-height: clamp(548px, calc(548px + (100vw - 320px) * 0.53), 786px);
        margin-inline: auto;
        padding:
            clamp(20px, 6vw, 48px) clamp(20px, 5.8vw, 42px) clamp(22px, 6.5vw, 50px);
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 0;
        align-self: center;
        box-sizing: border-box;
        border-radius: clamp(25px, calc(25px + (100vw - 320px) * 0.029), 38px);
        border: 0;
        background:
            radial-gradient(78% 52% at 46% 11%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 61%),
            linear-gradient(180deg, #9587FF 0%, #7566EF 100%);
        overflow: hidden;
        isolation: isolate;
        transform: none;
    }

    .prblms-cta::before {
        display: none;
    }

    .prblms-cta img {
        width: clamp(286px, 89vw, 510px);
        max-width: none;
        height: auto;
        flex: 0 0 auto;
        margin: -25px auto clamp(22px, 6vw, 42px);
        object-fit: contain;
        transform: translate3d(0, 0, 0) rotateZ(0deg);
        transform-origin: 50% 52%;
        animation: prblmsMobileLevitate 6s ease-in-out infinite;
        transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        z-index: 1;
        will-change: transform;
    }

    .prblms-cta:hover img {
        transform: translate3d(0, clamp(-16px, -2vw, -10px), 0) scale(1.02) rotateZ(-1deg);
    }

    .prblms-cta .reveal-left,
    .prblms-cta .reveal-right,
    .prblms-cta .reveal-up,
    .prblms-cta .reveal-left.is-visible,
    .prblms-cta .reveal-right.is-visible,
    .prblms-cta .reveal-up.is-visible {
        filter: none;
    }

    .main-prblms {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: min(clamp(286px, 83vw, 430px), 100%);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: clamp(26px, 8vw, 42px);
    }

    .prblms-descr {
        width: 100%;
        align-items: center;
        gap: clamp(8px, 2.7vw, 14px);
        text-align: center;
    }

    .prblms-title-h1 {
        width: 100%;
        align-self: stretch;
        color: #FFF;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(30px, 9.1vw, 46px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(36px, 10.7vw, 54px);
        letter-spacing: -0.25px;
    }

    .prblms-title-h2 {
        width: 100%;
        height: auto;
        align-self: stretch;
        color: #FFF;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(13.8px, 4.05vw, 20px);
        font-style: normal;
        font-weight: 500;
        line-height: clamp(18.5px, 5.47vw, 27px);
        letter-spacing: 0;
    }

    .prblms-subtitle {
        width: 100%;
        color: #FFF;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(13.8px, 4.05vw, 20px);
        font-style: normal;
        font-weight: 400;
        line-height: clamp(18.5px, 5.47vw, 27px);
        letter-spacing: 0;
    }

    .prblms-cta .problems-cta-button {
        width: auto;
        max-width: none;
        min-width: clamp(168px, 48vw, 240px);
        min-height: clamp(50px, 13.9vw, 68px);
        height: clamp(50px, 13.9vw, 68px);
        padding:
            1px clamp(7px, 2vw, 12px) 1px clamp(22px, 6.4vw, 31px);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(11px, 3.2vw, 16px);
        border-radius: 999px;
        background: radial-gradient(173.29% 173.38% at 39.19% 57.67%, #FFF 0%, #E9E4FF 100%);
        box-shadow: 0 4.444px 23.996px 0 rgba(0, 0, 0, 0.15);
        transform: none;
    }

    .prblms-cta .problems-cta-button-span {
        color: #31228E;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(13px, 3.7vw, 17.5px);
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
    }

    .prblms-cta .problems-cta-button svg {
        width: clamp(37.8px, 10.53vw, 50.4px);
        height: clamp(37.8px, 10.53vw, 50.4px);
        flex: 0 0 auto;
        transform: translateX(3px);
    }
}

@keyframes prblmsMobileLevitate {
    0% {
        transform: translate3d(0, 0, 0) rotateZ(0deg);
    }

    25% {
        transform: translate3d(4px, -7px, 0) rotateZ(0.8deg);
    }

    50% {
        transform: translate3d(0, -13px, 0) rotateZ(0deg);
    }

    75% {
        transform: translate3d(-4px, -7px, 0) rotateZ(-0.8deg);
    }

    100% {
        transform: translate3d(0, 0, 0) rotateZ(0deg);
    }
}

@media (max-width: 768px) {
    .items-we-deliever {
        width: min(calc(100vw - 18px), 560px);
        max-width: min(calc(100vw - 18px), 560px);
        margin-inline: auto;
        align-items: stretch;
        gap: clamp(18px, 5.6vw, 34px);
        overflow: visible;
    }

    .items-we-deliever .section-header-left {
        width: 100%;
        max-width: none;
        align-items: flex-start;
        gap: clamp(10px, 3.1vw, 18px);
        margin: 0;
        align-self: stretch;
    }

    .items-we-deliever .section-header-title-left,
    .items-we-deliever .section-header-title-left strong {
        max-width: 100%;
        color: #0D2150;
        text-align: left;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(28px, 8vw, 43px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(33px, 9.35vw, 50px);
        letter-spacing: -0.34px;
    }

    .items-we-deliever .section-header-title-left strong {
        background: linear-gradient(90deg, #0F172A 0%, #4F46E5 42%, #6D6ADE 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 35px;
        letter-spacing: -0.64px;
    }

    .items-we-deliever .section-header-subtitle-left {
        max-width: 321px;
        align-self: stretch;
        color: #45556C;
        text-align: left;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.13px;
        margin: 0;
    }

    .items-we-deliever__viewport {
        width: calc(100% + 24px);
        margin-inline: -12px;
        padding: 14px 12px 24px;
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .items-we-cards-track {
        width: 100%;
        display: block;
        animation: none;
        transform: none;
    }

    .items-we-cards {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(10px, 2.95vw, 18px);
    }

    .items-we-cards .product-card:nth-child(n+5) {
        display: none;
    }

    .items-we-deliever .product-card {
        display: flex;
        width: clamp(179.3px, 53.132vw, 306px);
        height: clamp(236.2px, 69.984vw, 403px);
        min-width: 0;
        padding: clamp(100.5px, 29.769vw, 171.5px) 0 clamp(8.2px, 2.437vw, 14px);
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-radius: clamp(18.8px, 5.583vw, 32.15px);
        border: clamp(0.54px, 0.16vw, 0.92px) solid rgba(0, 18, 220, 0.08);
        background: #FFF;
        box-shadow: 0 clamp(10.8px, 3.208vw, 18.48px) clamp(27px, 8.02vw, 46.2px) 0 rgba(36, 51, 118, 0.10);
        overflow: hidden;
        box-sizing: border-box;
        will-change: transform;
    }

    .items-we-deliever .product-card:nth-child(1) {
        animation: itemMobileFloatOne 6.4s ease-in-out infinite;
    }

    .items-we-deliever .product-card:nth-child(2) {
        animation: itemMobileFloatTwo 6.9s ease-in-out infinite;
    }

    .items-we-deliever .product-card:nth-child(3) {
        animation: itemMobileFloatThree 7.1s ease-in-out infinite;
    }

    .items-we-deliever .product-card:nth-child(4) {
        animation: itemMobileFloatFour 6.7s ease-in-out infinite;
    }

    .items-we-deliever .product-card__photo {
        position: absolute;
        top: clamp(0px, 0.7vw, 5px);
        right: 50%;
        width: clamp(144px, 39vw, 228px);
        max-width: none;
        height: auto;
        transform: translateX(50%);
        object-fit: contain;
    }

    .items-we-deliever .product-card:nth-child(2) .product-card__photo {
        width: clamp(138px, 37vw, 220px);
        top: clamp(0px, 0.3vw, 3px);
    }

    .items-we-deliever .product-card:nth-child(4) .product-card__photo {
        width: clamp(132px, 36vw, 212px);
        top: clamp(4px, 1.5vw, 10px);
    }

    .items-we-deliever .product-card__discount {
        right: calc(clamp(-48px, -12.2vw, -34px) + 17px);
        top: calc(clamp(7px, 2.2vw, 14px) - 2px);
        width: clamp(104px, 28vw, 154px);
        height: clamp(23px, 6.1vw, 34px);
        padding: 0;
        border-radius: 999px;
        font-size: clamp(10px, 2.65vw, 14px);
        line-height: 1;
        letter-spacing: 0.2px;
        transform: rotate(40.911deg);
        z-index: 5;
    }

    .items-we-deliever .product-card__info {
        width: calc(100% - clamp(12px, 3.2vw, 20px));
        padding: clamp(9px, 2.55vw, 15px);
        gap: clamp(8px, 2.35vw, 14px);
        border-radius: clamp(13px, 3.72vw, 22px);
        border: 0.722px solid rgba(0, 18, 220, 0.08);
        background: rgba(255, 255, 255, 0.08);
        box-shadow:
            0 2px 3px 0 rgba(255, 255, 255, 0.44) inset,
            0 14.438px 36.096px 0 rgba(36, 51, 118, 0.06);
        box-shadow: 0 1.959px 2.415px 0 rgba(255, 255, 255, 0.44) inset, 0 14.956px 37.39px 0 rgba(36, 51, 118, 0.06);
        box-sizing: border-box;
    }

    .items-we-deliever .product-card__info-main {
        gap: clamp(6px, 1.85vw, 10px);
        min-width: 0;
    }

    .items-we-deliever .product-card__store-icon {
        width: clamp(27px, 8.008vw, 46.1px);
        height: clamp(27px, 8.008vw, 46.1px);
        flex: 0 0 auto;
    }

    .items-we-deliever .product-card__head {
        min-width: 0;
        gap: 1px;
    }

    .items-we-deliever .product-card__title {
        max-width: 100%;
        color: #0D2150;
        font-family: "Segoe UI", Manrope, sans-serif;
        font-size: clamp(11.16px, 3.308vw, 19px);
        font-style: normal;
        font-weight: 600;
        line-height: clamp(13.46px, 3.988vw, 22.94px);
        letter-spacing: clamp(0.11px, 0.033vw, 0.19px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .items-we-deliever .product-card__shop {
        color: rgba(13, 33, 80, 0.66);
        font-size: clamp(8.8px, 2.42vw, 13px);
        font-weight: 500;
        line-height: clamp(11px, 3vw, 16px);
        letter-spacing: 0.18px;
        white-space: nowrap;
    }

    .items-we-deliever .product-card__meta {
        gap: clamp(3px, 1vw, 6px);
    }

    .items-we-deliever .product-card__label {
        color: rgba(13, 33, 80, 0.78);
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(8.81px, 2.611vw, 15px);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: clamp(0.176px, 0.052vw, 0.3px);
    }

    .items-we-deliever .product-card__value {
        color: #6D6ADE;
        font-size: clamp(12.5px, 3.45vw, 18px);
        font-weight: 700;
        letter-spacing: 0.13px;
        white-space: nowrap;
    }

    .items-we-deliever .product-card__link {
        padding-left: calc(clamp(12px, 3.4vw, 20px) + 5px);
        padding-right: clamp(9px, 2.4vw, 16px);
        padding-top: 3px;
        padding-bottom: 3px;
        align-self: stretch;
    }

    .items-we-deliever .product-card__link-container {
        width: min(100%, clamp(118px, 32.5vw, 180px));
        justify-content: flex-start;
        gap: clamp(5px, 1.6vw, 9px);
    }

    .items-we-deliever .product-card__link_span {
        color: #6D6ADE;
        font-size: clamp(9.7px, 2.66vw, 14px);
        font-weight: 500;
        line-height: clamp(20px, 5.3vw, 30px);
        white-space: nowrap;
    }

    .items-we-deliever .product-card__link svg {
        width: clamp(5px, 1.45vw, 8px);
        height: auto;
        flex: 0 0 auto;
    }
}

@keyframes itemMobileFloatOne {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-4px, -8px, 0);
    }
}

@keyframes itemMobileFloatTwo {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(5px, -6px, 0);
    }
}

@keyframes itemMobileFloatThree {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(4px, 7px, 0);
    }
}

@keyframes itemMobileFloatFour {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-5px, 6px, 0);
    }
}

@media (max-width: 768px) {
    .items-we-deliever {
        --items-mobile-card-w: clamp(170px, 53.13vw, 300px);
        --items-mobile-gap: clamp(10px, 2.95vw, 18px);
    }

    .items-we-deliever__viewport {
        width: calc(100% + 32px);
        margin-inline: -16px;
        padding: 16px 16px 28px;
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .items-we-cards-track {
        display: none;
    }

    .items-we-cards-mobile {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: var(--items-mobile-gap);
        overflow: visible;
    }

    .items-we-cards-mobile__row {
        display: flex;
        width: max-content;
        gap: var(--items-mobile-gap);
        will-change: transform;
        overflow: visible;
    }

    .items-we-cards-mobile__row--left {
        animation: itemsMobileRowLeft 18s linear infinite;
    }

    .items-we-cards-mobile__row--right {
        animation: itemsMobileRowRight 20s linear infinite;
        transform: translateX(calc((var(--items-mobile-card-w) + var(--items-mobile-gap)) * -4));
    }

    .items-we-cards-mobile .product-card {
        flex: 0 0 var(--items-mobile-card-w);
        width: var(--items-mobile-card-w);
        height: clamp(236.2px, 69.984vw, 403px);
        animation: none !important;
    }

    .items-we-deliever .product-card__photo {
        width: clamp(182px, 54.838vw, 316px);
        height: clamp(131px, 39.518vw, 228px);
        object-fit: contain;
    }

    .items-we-deliever .product-card:nth-child(2) .product-card__photo,
    .items-we-deliever .product-card:nth-child(4) .product-card__photo,
    .items-we-cards-mobile .product-card__photo {
        width: clamp(182px, 54.838vw, 316px);
        height: clamp(131px, 39.518vw, 228px);
    }

    .items-we-deliever .product-card__info {
        display: flex;
        width: clamp(152.95px, 45.481vw, 262.2px);
        padding: clamp(13.4px, 3.988vw, 23px);
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(11.1px, 3.308vw, 19px);
        border-radius: clamp(12.8px, 3.789vw, 21.8px);
        border: clamp(0.67px, 0.199vw, 1.15px) solid rgba(0, 18, 220, 0.08);
        background: rgba(255, 255, 255, 0.03);
        box-shadow:
            0 clamp(1.76px, 0.522vw, 3px) clamp(2.17px, 0.644vw, 3.7px) 0 rgba(255, 255, 255, 0.44) inset,
            0 clamp(13.4px, 3.988vw, 23px) clamp(33.6px, 9.971vw, 57.3px) 0 rgba(36, 51, 118, 0.06);
        box-shadow: 0 1.959px 2.415px 0 rgba(255, 255, 255, 0.44) inset, 0 14.956px 37.39px 0 rgba(36, 51, 118, 0.06);
        box-sizing: border-box;
    }
}

@keyframes itemsMobileRowLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc((var(--items-mobile-card-w) + var(--items-mobile-gap)) * -4));
    }
}

@keyframes itemsMobileRowRight {
    from {
        transform: translateX(calc((var(--items-mobile-card-w) + var(--items-mobile-gap)) * -4));
    }

    to {
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    :root {
        --mobile-layout-width: calc(100vw - (var(--mobile-layout-margin, 17px) * 2));
    }

    .content>section,
    .content>.prblms-cta,
    .footer__container {
        box-sizing: border-box;
    }

    .steps-to-buy,
    .tk-cmpns,
    .prblms-cta,
    .items-we-deliever,
    .services,
    .delivery-cta,
    .adv-services,
    .cta-secondary,
    .footer__container {
        width: min(var(--mobile-layout-width), 560px);
        max-width: min(var(--mobile-layout-width), 560px);
        margin-left: auto;
        margin-right: auto;
    }

    .steps-to-buy,
    .tk-cmpns,
    .items-we-deliever,
    .services,
    .adv-services {
        padding-left: 0;
        padding-right: 0;
    }

    .services-cards-shell,
    .items-we-deliever__viewport,
    .advantages-cards,
    .advantages__grid,
    .cta__secondary-container {
        width: 100%;
        max-width: 100%;
    }

    .items-we-deliever__viewport {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: 0;
        transform: none;
        overflow: visible;
        position: relative;
        -webkit-mask-image: linear-gradient(to right,
                transparent 0%,
                black 14%,
                black 86%,
                transparent 100%);
        mask-image: linear-gradient(to right,
                transparent 0%,
                black 14%,
                black 86%,
                transparent 100%);
    }

    .items-we-deliever__viewport::before,
    .items-we-deliever__viewport::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 4;
        width: clamp(48px, 16vw, 92px);
        pointer-events: none;
        opacity: 0.6;
    }

    .items-we-deliever__viewport::before {
        left: 0;
        background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.72) 42%, rgba(255, 255, 255, 0) 100%);
    }

    .items-we-deliever__viewport::after {
        right: 0;
        background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.72) 42%, rgba(255, 255, 255, 0) 100%);
    }

    .items-we-cards-mobile {
        width: max-content;
        max-width: none;
        overflow: visible;
    }

    .items-we-cards-mobile__row {
        width: max-content;
        min-width: max-content;
        overflow: visible;
    }

    .delivery-cta,
    .cta-secondary,
    .footer {
        box-sizing: border-box;
    }
}

@media (min-width: 400px) and (max-width: 450px) {
    .advnts {
        margin-top: 172px;
    }
}

@media (max-width: 768px) {
    .items-we-title-desktop {
        display: none;
    }

    .items-we-title-mobile {
        display: inline;
    }

    .section-header-title strong,
    .section-header-title-left strong,
    .tk-cmpns .section-header-title strong,
    .items-we-deliever .section-header-title-left strong,
    .services .section-header-title strong,
    .adv-services .section-header-title strong {
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
    }
}

@media (max-width: 768px) {
    .services {
        --services-mobile-page-w: clamp(286px, calc(100vw - 34px), 560px);
        --services-mobile-page-gap: clamp(16px, 4.2vw, 30px);
        width: min(var(--mobile-layout-width), 560px);
        max-width: min(var(--mobile-layout-width), 560px);
        gap: clamp(15px, 4.8vw, 22px);
        overflow: visible;
    }

    .services .section-header {
        width: 100%;
        max-width: 321px;
        gap: clamp(8px, 2.8vw, 12px);
        margin-inline: auto;
    }

    .services .badge {
        transform: scale(0.92);
        transform-origin: center;
    }

    .services .section-header-title,
    .services .section-header-title strong {
        align-self: stretch;
        color: #0D2150;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 35px;
        letter-spacing: 0;
    }

    .services .section-header-subtitle {
        max-width: 321px;
        align-self: stretch;
        color: #45556C;
        text-align: center;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.13px;
    }

    .services-cards-shell {
        width: var(--services-mobile-page-w) !important;
        max-width: var(--services-mobile-page-w) !important;
        min-width: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        padding: 0 !important;
        overflow: hidden !important;
        overflow-x: hidden !important;
        position: relative;
        contain: paint;
        clip-path: inset(0);
        -webkit-mask-image: none;
        mask-image: none;
    }

    .services-cards-shell::before,
    .services-cards-shell::after {
        display: none;
    }

    .services-cards-shell .services-cards {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(3, auto);
        grid-auto-columns: var(--services-mobile-page-w) !important;
        align-items: stretch;
        justify-items: stretch;
        column-gap: var(--services-mobile-page-gap);
        row-gap: clamp(10px, 3.15vw, 14px);
        width: max-content;
        transform: translate3d(var(--services-slide-x, 0px), 0, 0);
        transition:
            transform 0.78s cubic-bezier(0.18, 0.92, 0.18, 1),
            filter 0.42s ease;
        will-change: transform;
    }

    .services-cards-shell.is-moving .services-cards {
        transition-duration: 0.92s;
        filter: saturate(1.04);
    }

    .services-cards-shell .services-cards-item {
        display: flex;
        width: var(--services-mobile-page-w) !important;
        min-width: var(--services-mobile-page-w) !important;
        max-width: var(--services-mobile-page-w) !important;
        justify-self: stretch;
        min-height: clamp(140px, 40.5vw, 172px);
        padding:
            clamp(18px, 5.12vw, 25px) clamp(16px, 4.55vw, 24px) clamp(16px, 4.55vw, 23px);
        border-radius: clamp(19px, 5.7vw, 26px);
        border: 1px solid #E2E1F9;
        background: #FBFCFF;
        box-shadow: 0 14px 30px rgba(36, 51, 118, 0.045);
        opacity: 1;
        transform: none;
        overflow: hidden;
        box-sizing: border-box;
        transition:
            transform 0.62s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.42s ease,
            border-color 0.42s ease;
    }

    .services-cards-shell .services-cards-item.is-slider-active {
        transform: none;
        opacity: 1;
        box-shadow: 0 14px 30px rgba(36, 51, 118, 0.045);
    }

    .services-cards-shell.is-moving .services-cards-item.is-slider-active {
        transform: translateY(-1px);
    }

    .services-cards-item:nth-child(1) {
        order: 1;
    }

    .services-cards-item:nth-child(2) {
        order: 2;
    }

    .services-cards-item:nth-child(5) {
        order: 3;
    }

    .services-cards-item:nth-child(3) {
        order: 4;
    }

    .services-cards-item:nth-child(4) {
        order: 5;
    }

    .services-cards-item:nth-child(6) {
        order: 6;
    }

    .services-cards-item:nth-child(7) {
        order: 7;
    }

    .services-cards-item:nth-child(8) {
        order: 8;
    }

    .services-cards-item:nth-child(9) {
        order: 9;
    }

    .services-cards-shell .services-cards-item-container {
        width: 100%;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: clamp(22px, 6vw, 32px);
        position: relative;
        z-index: 2;
    }

    .services-cards-shell .sev-card-main {
        gap: clamp(6px, 1.95vw, 9px);
    }

    .services-cards-shell .sev-card-main-title {
        align-self: stretch;
        color: #0D2150;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 16.67px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.333px;
    }

    .services-cards-shell .sev-card-main-subtitle {
        max-width: 241.257px;
        align-self: stretch;
        color: #45556C;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 11.33px;
        font-style: normal;
        font-weight: 400;
        line-height: 15.995px;
        letter-spacing: 0.227px;
    }

    .services-cards-shell .serv-card-badge {
        display: flex;
        min-width: 0;
        min-height: 0;
        padding:
            10.663px 23.326px;
        justify-content: center;
        align-items: center;
        gap: 6.665px;
        border-radius: 14.662px;
        background: radial-gradient(76.03% 76.47% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
        box-shadow: 0 2.666px 6.665px 0 rgba(0, 0, 0, 0.08), 0 7.997px 15.995px 0 rgba(109, 106, 222, 0.20);
        color: #FFF;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 9.576px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.192px;
        white-space: nowrap;
    }

    .services-cards-shell .serv-card-img {
        position: absolute;
        width: 100px;
        height: 100px;
        max-width: none;
        object-fit: contain;
        flex: none;
        right: clamp(12px, 4.4vw, 26px);
        bottom: calc(clamp(24px, 7.2vw, 36px) - 27px);
        z-index: 1;
        pointer-events: none;
        user-select: none;
    }

    .services-cards-shell .services-cards-item:nth-child(5) .serv-card-img {
        width: 100px;
        height: 100px;
        bottom: calc(clamp(16px, 5.1vw, 28px) - 27px);
    }

    .services-slider-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: clamp(12px, 3.75vw, 18px);
        margin: clamp(12px, 3.8vw, 18px) auto 0;
    }

    .services-slider-btn {
        width: clamp(42px, 12.2vw, 54px);
        height: clamp(42px, 12.2vw, 54px);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0.456px solid rgba(226, 225, 249, 0.53);
        border-radius: 999px;
        background: radial-gradient(67.52% 67.87% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
        color: #FFF;
        box-shadow: 0 12px 24px rgba(109, 106, 222, 0.18);
        cursor: pointer;
        transition:
            transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.28s ease;
    }

    .services-slider-btn:hover {
        transform: translateY(-2px);
        color: #FFF;
        background: radial-gradient(67.52% 67.87% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
        box-shadow: 0 12px 24px rgba(109, 106, 222, 0.18);
        filter: saturate(1.08);
    }

    .services-slider-btn:active {
        transform: translateY(0) scale(0.97);
    }

    .services-slider-btn svg {
        width: clamp(17px, 4.85vw, 22px);
        height: clamp(17px, 4.85vw, 22px);
        transition: transform 0.28s ease;
    }

    .services-slider-indicator {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 58px;
        justify-content: center;
        padding: 4px;
        border-radius: 999px;
        background: rgba(109, 106, 222, 0.10);
        isolation: isolate;
        --services-indicator-index: 0;
        --services-indicator-count: 1;
    }

    .services-slider-indicator::before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 4px;
        top: 4px;
        width: 26px;
        height: 7px;
        border-radius: 999px;
        background: #6D6ADE;
        transform: translateX(calc(var(--services-indicator-index) * 13px));
        transition: transform 0.52s cubic-bezier(0.18, 0.92, 0.18, 1);
    }

    .services-slider-indicator__dot.is-active {
        width: 26px;
        background: transparent;
        transform: scaleX(1.02);
    }
}

@media (min-width: 769px) {
    .section-header-title {
        color: #0D2150;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 64.765px;
        font-style: normal;
        font-weight: 600;
        line-height: 79.39px;
        max-width: 1115px;
        text-align: center;
    }

    .section-header-title strong {
        color: #6D6ADE;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 64.765px;
        font-style: normal;
        font-weight: 600;
        line-height: 79.39px;
        letter-spacing: normal;
    }

    .section-header-title-left,
    .section-header-title.section-header-title-left {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .services {
        --services-mobile-page-w: min(334px, calc(100vw - 34px));
        --services-mobile-page-gap: clamp(18px, 5.2vw, 26px);
    }

    .services .badge .hero-badge-span {
        font-size: 0;
    }

    .services .badge .hero-badge-span::after {
        content: "Обработка заказов";
        color: #0D2150;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 10.812px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.324px;
    }

    .services .section-header-title,
    .services .section-header-title strong {
        white-space: nowrap;
        font-size: clamp(24px, 8vw, 30px);
        line-height: clamp(29px, 9.33vw, 35px);
    }

    .services-cards-shell .services-cards {
        row-gap: clamp(10px, 2.8vw, 20px);
    }

    .services-cards-shell .services-cards-item {
        min-height: clamp(140px, 40.5vw, 240px);
        padding:
            clamp(18px, 4.3vw, 34px) clamp(16px, 4vw, 32px) clamp(16px, 4vw, 30px);
        border-radius: clamp(19px, 4.9vw, 34px);
    }

    .services-cards-shell .services-cards-item-container {
        gap: clamp(22px, 5vw, 42px);
    }

    .services-cards-shell .sev-card-main-title {
        font-size: clamp(14.4px, 4.45vw, 24px);
        letter-spacing: clamp(0.28px, 0.089vw, 0.48px);
    }

    .services-cards-shell .sev-card-main-subtitle {
        max-width: min(390px, 72vw);
        font-size: clamp(9.7px, 3.02vw, 16px);
        line-height: clamp(13.7px, 4.27vw, 23px);
        letter-spacing: clamp(0.19px, 0.061vw, 0.32px);
    }

    .services-cards-shell .serv-card-badge {
        padding:
            clamp(9.1px, 2.84vw, 15px) clamp(20px, 6.22vw, 34px);
        gap: clamp(5.7px, 1.78vw, 10px);
        border-radius: clamp(12.6px, 3.91vw, 22px);
        font-size: clamp(8.2px, 2.55vw, 13.5px);
        letter-spacing: clamp(0.16px, 0.051vw, 0.27px);
    }

    .services-cards-shell .serv-card-img,
    .services-cards-shell .services-cards-item:nth-child(5) .serv-card-img {
        width: clamp(86px, 26.67vw, 156px);
        height: clamp(86px, 26.67vw, 156px);
    }

    .section-header .badge {
        display: flex;
        height: clamp(28px, 8.31vw, 31.165px);
        min-height: 0;
        padding:
            clamp(7.4px, 2.2vw, 8.268px) clamp(14.2px, 4.24vw, 15.9px);
        align-items: center;
        gap: clamp(5.7px, 1.7vw, 6.36px);
        width: fit-content;
        max-width: 100%;
        border-radius: clamp(17.1px, 5.09vw, 19.08px);
        border: 0.636px solid #E2E1F9;
        background: #FBFCFF;
        box-shadow:
            0 0.636px 0.954px 0 rgba(255, 255, 255, 0.70) inset,
            0 0.636px 5.088px 0 rgba(109, 106, 222, 0.10),
            0 2.544px 7.632px -1.272px rgba(0, 0, 0, 0.06);
        align-self: center;
        box-sizing: border-box;
    }

    .section-header-left .badge {
        align-self: flex-start;
    }
}

.adv-title-mobile,
.adv-subtitle-mobile {
    display: none;
}

@media (max-width: 768px) {
    .adv-services {
        width: min(var(--mobile-layout-width), 560px);
        max-width: min(var(--mobile-layout-width), 560px);
        margin-inline: auto;
        gap: clamp(14px, 4.2vw, 22px);
        align-items: stretch;
        overflow: visible;
    }

    .adv-services .section-header {
        width: 100%;
        max-width: 321px;
        margin: 0;
        align-items: flex-start;
        text-align: left;
        gap: 10px;
    }

    .adv-services .badge {
        height: 27px;
        min-height: 0;
        padding: 7px 14px;
        border-radius: 18px;
        border: 0.64px solid #E2E1F9;
        background: #FBFCFF;
        box-shadow:
            0 0.64px 0.95px rgba(255, 255, 255, 0.70) inset,
            0 0.64px 5.09px rgba(109, 106, 222, 0.10),
            0 2.54px 7.63px -1.27px rgba(0, 0, 0, 0.06);
        transform: none;
        box-sizing: border-box;
    }

    .adv-services .badge .hero-badge-span {
        font-size: 0;
        line-height: 1;
    }

    .adv-services .badge .hero-badge-span::after {
        content: "Наши преимущества";
        color: #0D2150;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 10.812px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.324px;
        white-space: nowrap;
    }

    .adv-title-desktop,
    .adv-subtitle-desktop {
        display: none;
    }

    .adv-title-mobile,
    .adv-subtitle-mobile {
        display: inline;
    }

    .adv-services .section-header-title,
    .adv-services .section-header-title-left {
        display: block;
        width: 100%;
        max-width: 321px;
        color: #0D2150;
        text-align: left;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(30px, 8.65vw, 38px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(35px, 9.6vw, 44px);
        letter-spacing: -0.36px;
    }

    .adv-services .section-header-title strong {
        color: #6D6ADE;
        background: linear-gradient(90deg, #4F46E5 0%, #6D6ADE 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: inherit;
        font-style: normal;
        font-weight: 700;
        line-height: inherit;
        letter-spacing: inherit;
    }

    .adv-services .section-header-subtitle,
    .adv-services .section-header-subtitle-left {
        display: block;
        width: 100%;
        max-width: 321px;
        color: #45556C;
        text-align: left;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.13px;
    }

    .advantages-cards {
        width: 100%;
        max-width: 100%;
        align-items: stretch;
        gap: 8px;
        overflow: visible;
    }

    .advantages__grid {
        display: flex;
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .advantages__hero-card,
    .advantages__small-card,
    .advantages__team-card {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        height: fit-content;
        flex: 0 0 auto;
        box-sizing: border-box;
        border-radius: clamp(25.074px, 7vw, 32px);
        background: #FFF;
        box-shadow: 0 14px 42px rgba(36, 51, 118, 0.06);
        transform: none;
    }

    .advantages__hero-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: clamp(18px, 4.8vw, 28px);
        padding: clamp(20px, 5.2vw, 30px) clamp(18px, 4.8vw, 28px) 0;
        min-height: clamp(410px, 110vw, 610px);
        border: 1.1px solid rgba(109, 106, 222, 0.72);
        background:
            linear-gradient(182deg, #FFF 33%, rgba(246, 247, 255, 0.96) 100%),
            radial-gradient(circle at 15% 18%, rgba(109, 106, 222, 0.08), rgba(109, 106, 222, 0) 33%);
        overflow: hidden;
    }

    .advantages__hero-card::before {
        inset: auto 0 0;
        height: 46%;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(236, 239, 255, 0.86) 100%);
        z-index: 0;
    }

    .advantages__hero-card::after {
        display: none;
    }

    .advantages__hero-content,
    .advantages__team-content {
        width: 100%;
        max-width: 100%;
        flex: none;
        gap: clamp(12px, 3.6vw, 18px);
        position: relative;
        z-index: 2;
    }

    .advantages__hero-card>img {
        position: relative;
        z-index: 1;
        align-self: center;
        width: clamp(391px, 124vw, 726px);
        max-width: none;
        margin-top: clamp(-10px, -2vw, 0px);
        margin-bottom: clamp(-44px, -9vw, -24px);
        transform: translateX(clamp(-30px, -4.7vw, -2px));
        opacity: 0.98;
        pointer-events: none;
    }

    .advantages__small-card,
    .advantages__team-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(14px, 3.8vw, 19px);
        padding: clamp(20px, 5vw, 30px) clamp(18px, 4.8vw, 28px);
        border: 1px solid rgba(255, 255, 255, 0.82);
        overflow: hidden;
    }

    .advantages__team-card {
        padding-bottom: 0;
    }

    .advantages__badge-row {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        flex-wrap: nowrap;
    }

    .advantages__badge-row-main {
        display: flex;
        width: fit-content;
        max-width: 100%;
        flex: 0 1 auto;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }

    .advantages__badge-row-main img {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        object-fit: contain;
    }

    .advantages__eyebrow {
        color: #6D6ADE;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(9.4px, 2.7vw, 11px);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .advantages__pill {
        display: none;
    }

    .advantages__title {
        color: #0D2150;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(22px, 6.35vw, 30px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(24px, 6.9vw, 34px);
        letter-spacing: -0.2px;
    }

    .advantages__text {
        max-width: 100%;
        color: #64748B;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(10.2px, 3.05vw, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: clamp(17px, 4.75vw, 23px);
        letter-spacing: 0;
    }

    .advantages__list,
    .advantages__list--vertical {
        display: flex;
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(9px, 2.8vw, 13px);
    }

    .advantages__hero-card .advantages__list-item:nth-child(2),
    .advantages__hero-card .advantages__list-item:nth-child(4) {
        display: none;
    }

    .advantages__list-item {
        display: flex;
        align-items: flex-start;
        width: 100%;
        gap: 8px;
    }

    .advantages__list-item svg {
        width: 6px;
        height: 6px;
        flex: 0 0 6px;
        margin-top: 7px;
    }

    .advantages__list-item-span {
        color: #334155;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(10.2px, 3.05vw, 13.5px);
        font-style: normal;
        font-weight: 400;
        line-height: clamp(16px, 4.5vw, 21px);
        white-space: normal;
    }

    .advantages__team-visual {
        position: relative;
        right: auto;
        bottom: auto;
        width: 114%;
        max-width: none;
        margin: clamp(12px, 3.5vw, 20px) 0 0 -7%;
        align-self: center;
        transform: translateX(15px);
        pointer-events: none;
    }

    .advantages__team-visual img {
        width: 100%;
        max-width: none;
        height: auto;
        display: block;
    }
}

@media (max-width: 768px) {
    .cta-secondary {
        --cta-secondary-mobile-top: clamp(216px, 61.1vw, 334px);
        display: block;
        width: min(var(--mobile-layout-width), 560px);
        max-width: min(var(--mobile-layout-width), 560px);
        min-height: clamp(538px, 149.2vw, 820px);
        margin-inline: auto;
        padding:
            calc(clamp(21px, 5.8vw, 32.25px) + 3px) calc(clamp(21px, 7.6vw, 36px) - 1px) 0;
        border: 0;
        border-radius: 24.817px;
        background: radial-gradient(82.75% 56.79% at 48.63% 47.18%, #6554E0 0%, #988BFF 100%);
        box-sizing: border-box;
        overflow: hidden;
        isolation: isolate;
    }

    .cta-secondary::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: var(--cta-secondary-mobile-top);
        background:
            radial-gradient(78% 82% at 64% 20%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 58%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 100%);
        pointer-events: none;
        z-index: 0;
    }

    .cta__secondary-container {
        position: relative;
        z-index: 2;
        left: 1px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex: none;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(16px, 4.3vw, 28px);
        box-sizing: border-box;
    }

    .cta__secondary-container-main {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(9px, 2.55vw, 14px);
    }

    .cta__secondary-title {
        width: min(315px, calc(100% + 32px));
        max-width: none;
        color: #FFF;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(27px, 7.55vw, 40px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(31px, 8.45vw, 45px);
        letter-spacing: 0;
    }

    .cta__secondary-subtitle {
        width: min(315px, calc(100% + 32px));
        max-width: none;
        color: #D0CBF5;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 15.194px;
        letter-spacing: 0.33px;
    }

    .cta__secondary-bottom {
        width: fit-content;
        align-self: flex-start;
        display: flex;
        align-items: center;
        gap: 0;
    }

    .cta-secondary .problems-cta-button {
        width: fit-content;
        height: clamp(48px, 13.1vw, 70px);
        min-height: 0;
        padding:
            1px clamp(8px, 2.25vw, 13px) 1px clamp(21px, 6vw, 34px);
        gap: clamp(10px, 2.85vw, 17px);
        border-radius: 999px;
        background: radial-gradient(173.29% 173.38% at 39.19% 57.67%, #FFF 0%, #E9E4FF 100%);
        box-shadow: 0 4.444px 23.996px rgba(0, 0, 0, 0.15);
        transform: none;
    }

    .cta-secondary .problems-cta-button:hover {
        transform: none;
        box-shadow: 0 4.444px 23.996px rgba(0, 0, 0, 0.15);
    }

    .cta-secondary .problems-cta-button-span {
        color: #31228E;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(13px, 3.45vw, 18px);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        white-space: nowrap;
    }

    .cta-secondary .problems-cta-button svg {
        width: clamp(38px, 10.45vw, 56px);
        height: clamp(38px, 10.45vw, 56px);
        flex: 0 0 auto;
    }

    .cta__secondary-note {
        display: none;
    }

    .cta__secondary-visual {
        position: absolute;
        z-index: 1;
        left: 0;
        right: auto;
        top: var(--cta-secondary-mobile-top);
        bottom: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
        transform: none;
        background: #FFF;
    }

    .cta__secondary-visual img {
        position: absolute;
        display: block;
        left: 50%;
        top: 50%;
        width: clamp(640px, 178vw, 980px);
        max-width: none;
        height: clamp(430px, 119vw, 675px);
        object-fit: cover;
        object-position: center;
        transform: translate(-62%, calc(-47% + 20px)) rotate(0deg);
        opacity: 0.98;
    }
}

@media (max-width: 768px) {
    .footer {
        width: 100%;
        max-width: 100%;
        padding-top: clamp(34px, 10vw, 56px);
        padding-bottom: clamp(96px, 25vw, 132px);
        gap: clamp(26px, 7.6vw, 44px);
        border-top: 1px solid rgba(13, 33, 80, 0.08);
        background:
            radial-gradient(90% 58% at 50% 0%, rgba(109, 106, 222, 0.08) 0%, rgba(109, 106, 222, 0) 62%),
            linear-gradient(180deg, #FFFFFF 0%, #F8FAFF 100%);
        overflow: hidden;
    }

    .footer__container {
        width: min(calc(100vw - 34px), 560px);
        max-width: min(calc(100vw - 34px), 560px);
        margin-inline: auto;
        gap: clamp(20px, 6vw, 32px);
        align-items: stretch;
        padding:
            clamp(18px, 5vw, 28px) clamp(16px, 4.8vw, 26px) clamp(16px, 4.6vw, 24px);
        border-radius: clamp(24px, 7.2vw, 34px);
        border: 1px solid rgba(226, 225, 249, 0.72);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.74) 100%);
        box-shadow:
            0 1px 2px rgba(255, 255, 255, 0.65) inset,
            0 18px 48px rgba(36, 51, 118, 0.08);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .footer__top {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: clamp(14px, 4.2vw, 22px);
        row-gap: clamp(22px, 6.4vw, 34px);
    }

    .footer__column,
    .footer__column--contacts {
        gap: clamp(10px, 3.4vw, 16px);
    }

    .footer__column--contacts {
        grid-column: 1 / -1;
        padding-bottom: clamp(14px, 4.2vw, 20px);
        border-bottom: 1px solid rgba(13, 33, 80, 0.06);
    }

    .footer__title {
        color: #0D2150;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(15px, 4.2vw, 20px);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.01em;
    }

    .footer__links,
    .footer__contacts-list {
        gap: clamp(9px, 2.9vw, 13px);
    }

    .footer__contacts-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: clamp(10px, 3.2vw, 14px);
    }

    .footer__contacts-list-item {
        min-width: 0;
        width: 100%;
        padding: clamp(10px, 3vw, 14px);
        gap: 8px;
        border-radius: clamp(16px, 4.8vw, 22px);
        border: 1px solid rgba(226, 225, 249, 0.72);
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 10px 24px rgba(36, 51, 118, 0.05);
        box-sizing: border-box;
    }

    .footer__contacts-list-item img {
        width: clamp(28px, 8.5vw, 38px);
        height: clamp(28px, 8.5vw, 38px);
        flex: 0 0 auto;
    }

    .footer__contact-text,
    .footer__link {
        color: rgba(13, 33, 80, 0.72);
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(12px, 3.45vw, 16px);
        font-style: normal;
        font-weight: 500;
        line-height: 1.35;
        letter-spacing: 0;
    }

    .footer__contact-text {
        font-size: clamp(11px, 3.2vw, 14px);
        overflow-wrap: anywhere;
    }

    .footer__link::after {
        display: none;
    }

    .footer__middle {
        width: 100%;
        gap: 0;
    }

    .footer__middle-main {
        min-height: 0;
        padding-top: clamp(18px, 5.6vw, 28px);
        border-top: 1px solid rgba(13, 33, 80, 0.06);
        border-bottom: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: clamp(15px, 4.4vw, 24px);
    }

    .footer__middle-main>svg {
        width: clamp(142px, 43vw, 190px);
        max-width: 78%;
        height: auto;
    }

    .footer__socials {
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: clamp(12px, 4vw, 18px);
    }

    .footer__social {
        width: clamp(42px, 12vw, 52px);
        height: clamp(42px, 12vw, 52px);
        border-radius: 999px;
        border: 1px solid rgba(226, 225, 249, 0.82);
        background:
            linear-gradient(180deg, #FFFFFF 0%, #F8F7FF 100%);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.75) inset,
            0 10px 24px rgba(36, 51, 118, 0.08);
    }

    .footer__social svg,
    .footer__social img {
        max-width: 58%;
        max-height: 58%;
    }

    .footer__decor {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin-top: 0;
        opacity: 0.46;
        transform: translateY(22%);
    }

    .footer__decor img {
        width: 190%;
        min-width: 0;
        max-width: none;
        transform: translateX(-24%);
        opacity: 1;
    }
}

@media (max-width: 430px) {
    .footer__contacts-list {
        grid-template-columns: 1fr;
    }

    .footer__contacts-list-item {
        padding-inline: 12px;
    }

    .footer__contact-text {
        font-size: 13px;
        overflow-wrap: normal;
        word-break: normal;
    }
}

@media (hover: none),
(pointer: coarse),
(max-width: 768px) {

    .scroll-top-cta,
    .scroll-top-cta:hover,
    .scroll-top-cta:focus,
    .scroll-top-cta:focus-visible {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        transform: translateY(0) scale(1);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.42) inset,
            0 12px 28px rgba(36, 51, 118, 0.13),
            0 8px 20px rgba(109, 106, 222, 0.16);
        outline: none;
    }

    .scroll-top-cta::after,
    .scroll-top-cta:hover::after,
    .scroll-top-cta:focus::after,
    .scroll-top-cta:focus-visible::after,
    .scroll-top-cta::before,
    .scroll-top-cta:hover::before,
    .scroll-top-cta:focus::before,
    .scroll-top-cta:focus-visible::before {
        opacity: 0;
    }

    .scroll-top-cta svg,
    .scroll-top-cta:hover svg,
    .scroll-top-cta:focus svg,
    .scroll-top-cta:focus-visible svg {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .scroll-top-cta:active {
        transform: translateY(0) scale(0.96);
    }
}

@media (max-width: 768px) {

    .services .section-header .badge,
    .adv-services .section-header .badge {
        display: none;
    }
}

@media (max-width: 768px) {
    .delivery-cta {
        position: relative;
        display: block;
        width: min(calc(100vw - 34px), 560px);
        max-width: min(calc(100vw - 34px), 560px);
        min-height: clamp(515px, 151vw, 760px);
        margin-inline: auto;
        padding:
            clamp(24px, 6.9vw, 36px) clamp(20px, 6.3vw, 34px) 0;
        border-radius: clamp(25px, 7vw, 36px);
        border: 1px solid rgba(226, 225, 249, 0.88);
        background:
            linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 48%, #F8FAFF 100%);
        box-shadow:
            0 1px 2px rgba(255, 255, 255, 0.72) inset,
            0 16px 42px rgba(36, 51, 118, 0.06);
        overflow: hidden;
        box-sizing: border-box;
        isolation: isolate;
    }

    .delivery-cta__content {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex: none;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(20px, 5.6vw, 30px);
    }

    .delivery-cta__content-main {
        width: 100%;
        max-width: 306px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(10px, 2.9vw, 14px);
    }

    .delivery-cta__title,
    .delivery-cta__title strong {
        color: #0D2150;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(29px, 8.15vw, 42px);
        font-style: normal;
        font-weight: 600;
        line-height: clamp(34px, 9.15vw, 48px);
        letter-spacing: -0.02em;
    }

    .delivery-cta__title {
        display: block;
        width: min(318px, calc(100% + 26px));
        max-width: none;
    }

    .delivery-cta__title strong {
        background: linear-gradient(90deg, #2F3256 0%, #5350C2 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .delivery-cta__title-word {
        display: none;
    }

    .delivery-cta__text {
        width: 100%;
        max-width: 306px;
        color: #64748B;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(10.7px, 3.05vw, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: clamp(17px, 4.72vw, 22px);
        letter-spacing: 0;
    }

    .delivery-cta .main-cta {
        width: fit-content;
        min-width: 0;
        min-height: 0;
        height: clamp(40px, 11vw, 56px);
        padding:
            1px clamp(5px, 1.7vw, 9px) 1px clamp(19px, 5.4vw, 30px);
        gap: clamp(11px, 3.1vw, 16px);
        border-radius: 999px;
        box-shadow:
            0 10px 22px rgba(109, 106, 222, 0.24),
            0 5px 12px rgba(36, 51, 118, 0.08);
    }

    .delivery-cta .main-cta-span {
        color: #FFF;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(10.2px, 2.95vw, 14px);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .delivery-cta .main-cta svg {
        width: clamp(34px, 9.65vw, 48px);
        height: clamp(34px, 9.65vw, 48px);
        flex: 0 0 auto;
    }

    .delivery-cta__visual {
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: clamp(270px, 78vw, 420px);
        display: block;
        overflow: visible;
        pointer-events: none;
    }

    .delivery-cta__visual img {
        position: absolute;
        left: 50%;
        bottom: clamp(12px, 4.8vw, 28px);
        display: block;
        width: clamp(505px, 145vw, 790px);
        max-width: none;
        height: auto;
        object-fit: contain;
        transform: translateX(-51%);
    }

    .delivery-cta .reveal-left,
    .delivery-cta .reveal-right,
    .delivery-cta .reveal-left.is-visible,
    .delivery-cta .reveal-right.is-visible {
        transform: none;
    }
}

@media (max-width: 768px) {

    .services .section-header .badge,
    .adv-services .section-header .badge {
        display: flex;
        width: fit-content;
        max-width: 100%;
        height: 31.165px;
        min-height: 0;
        padding: 8.268px 15.9px;
        align-items: center;
        gap: 6.36px;
        border-radius: 19.08px;
        border: 0.636px solid #E2E1F9;
        background: #FBFCFF;
        box-shadow:
            0 0.636px 0.954px 0 rgba(255, 255, 255, 0.70) inset,
            0 0.636px 5.088px 0 rgba(109, 106, 222, 0.10),
            0 2.544px 7.632px -1.272px rgba(0, 0, 0, 0.06);
        transform: none;
        box-sizing: border-box;
    }

    .services .section-header .badge {
        align-self: center;
    }

    .adv-services .section-header .badge {
        align-self: flex-start;
    }
}

@media (max-width: 768px) {
    .header__backdrop {
        top: var(--header-height);
        background:
            radial-gradient(82% 48% at 50% 0%, rgba(109, 106, 222, 0.16) 0%, rgba(109, 106, 222, 0) 64%),
            rgba(13, 33, 80, 0.20);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .header__panel {
        display: flex;
        position: fixed;
        top: calc(var(--header-height) + 12px);
        left: var(--mobile-layout-margin, 17px);
        right: var(--mobile-layout-margin, 17px);
        z-index: 1002;
        width: auto;
        max-height: calc(100dvh - var(--header-height) - 28px);
        padding: clamp(13px, 3.9vw, 18px);
        flex-direction: column;
        gap: clamp(12px, 3.5vw, 16px);
        border-radius: clamp(22px, 6.7vw, 30px);
        border: 1px solid rgba(226, 225, 249, 0.78);
        background:
            radial-gradient(86% 60% at 20% 0%, rgba(109, 106, 222, 0.13) 0%, rgba(109, 106, 222, 0) 62%),
            linear-gradient(180deg, #FFFFFF 0%, #FAFBFF 100%);
        box-shadow:
            0 1px 2px rgba(255, 255, 255, 0.72) inset,
            0 24px 58px rgba(13, 33, 80, 0.16),
            0 10px 28px rgba(109, 106, 222, 0.10);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        overflow: auto;
        overscroll-behavior: contain;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(0, -14px, 0) scale(0.965);
        transform-origin: top center;
        transition:
            opacity 0.34s cubic-bezier(0.22, 1, 0.36, 1),
            visibility 0.34s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .header__panel::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0) 44%);
        pointer-events: none;
    }

    .header__panel-nav,
    .header__panel-auth {
        position: relative;
        z-index: 1;
    }

    .header__panel-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(8px, 2.7vw, 12px);
    }

    .header__panel-nav .nav__item {
        min-width: 0;
        min-height: clamp(48px, 13.4vw, 58px);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 clamp(10px, 3vw, 14px);
        border-radius: clamp(16px, 4.8vw, 21px);
        border: 1px solid rgba(226, 225, 249, 0.72);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(246, 247, 255, 0.72) 100%);
        color: rgba(13, 33, 80, 0.82);
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(13px, 3.65vw, 15px);
        font-style: normal;
        font-weight: 700;
        line-height: 1.15;
        text-align: center;
        white-space: nowrap;
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.72) inset,
            0 10px 22px rgba(36, 51, 118, 0.05);
        opacity: 0;
        transform: translateY(8px) scale(0.98);
        transition:
            opacity 0.34s ease,
            transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
            color 0.24s ease,
            background 0.24s ease;
    }

    .header__panel-nav .nav__item--active {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: clamp(16px, 4.8vw, 22px);
        color: #FFF;
        background: radial-gradient(76.03% 76.47% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
        border-color: rgba(109, 106, 222, 0.34);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.28) inset,
            0 14px 28px rgba(109, 106, 222, 0.20);
    }

    .header__panel-nav .nav__item::after {
        display: none;
    }

    .header__panel-auth {
        display: grid;
        grid-template-columns: 1fr;
        gap: clamp(8px, 2.7vw, 12px);
        padding-top: clamp(10px, 3vw, 14px);
        border-top: 1px solid rgba(13, 33, 80, 0.06);
    }

    .header__panel-auth .log,
    .header__panel-auth .reg {
        width: 100%;
        height: clamp(48px, 13.4vw, 58px);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 clamp(14px, 4vw, 20px);
        border-radius: 999px;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(13px, 3.65vw, 15px);
        font-weight: 800;
        line-height: 1.15;
        text-align: center;
        white-space: nowrap;
        opacity: 0;
        transform: translateY(8px) scale(0.98);
        transition:
            opacity 0.34s ease,
            transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.24s ease;
    }

    .header__panel-auth .log {
        color: #6D6ADE;
        border: 1px solid rgba(226, 225, 249, 0.82);
        background:
            linear-gradient(180deg, #FFFFFF 0%, #F8F7FF 100%);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.72) inset,
            0 10px 22px rgba(36, 51, 118, 0.05);
    }

    .header__panel-auth .reg {
        color: #FFF;
        border: 1px solid rgba(109, 106, 222, 0.22);
        background: radial-gradient(76.03% 76.47% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.26) inset,
            0 14px 28px rgba(109, 106, 222, 0.22);
    }

    body.menu-open .header__panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(0, 0, 0) scale(1);
    }

    body.menu-open .mobile-notification,
    body.menu-open .header.is-visible+.mobile-notification {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10px);
    }

    body.menu-open .header__panel-nav .nav__item,
    body.menu-open .header__panel-auth .log,
    body.menu-open .header__panel-auth .reg {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    body.menu-open .header__panel-nav .nav__item:nth-child(1) {
        transition-delay: 0.04s;
    }

    body.menu-open .header__panel-nav .nav__item:nth-child(2) {
        transition-delay: 0.07s;
    }

    body.menu-open .header__panel-nav .nav__item:nth-child(3) {
        transition-delay: 0.10s;
    }

    body.menu-open .header__panel-nav .nav__item:nth-child(4) {
        transition-delay: 0.13s;
    }

    body.menu-open .header__panel-nav .nav__item:nth-child(5) {
        transition-delay: 0.16s;
    }

    body.menu-open .header__panel-auth .log {
        transition-delay: 0.19s;
    }

    body.menu-open .header__panel-auth .reg {
        transition-delay: 0.22s;
    }
}

/* Mobile cascade cleanup is consolidated at the end of the file. */

html {
    scroll-behavior: smooth;
}

.docs-body {
    background: #F5F7FF;
}

.docs-content {
    min-height: 100vh;
    background:
        radial-gradient(circle at 16% 8%, rgba(109, 106, 222, 0.14), transparent 28%),
        linear-gradient(180deg, #F7F8FF 0%, #FFFFFF 42%, #F5F7FF 100%);
}

.docs-logo {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    color: transparent;
    background: linear-gradient(90deg, #0D2150 0%, #2555C8 38%, #6D6ADE 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.docs-page {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 132px 0 120px;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    color: #0D2150;
}

.docs-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: end;
    min-height: 310px;
    padding: 58px 60px;
    border: 1px solid rgba(109, 106, 222, 0.15);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(109, 106, 222, 0.12) 0%, rgba(255, 255, 255, 0.88) 44%, rgba(230, 237, 255, 0.82) 100%);
    box-shadow: 0 26px 70px -42px rgba(13, 33, 80, 0.42);
    overflow: hidden;
    position: relative;
}

.docs-hero::before,
.docs-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.docs-hero::before {
    width: 280px;
    height: 280px;
    right: -90px;
    top: -90px;
    border-radius: 50%;
    border: 52px solid rgba(109, 106, 222, 0.08);
}

.docs-hero::after {
    inset: auto 0 0;
    height: 76px;
    background: url("../assets/img/footer/footer-waves.svg") center bottom / cover no-repeat;
    opacity: 0.24;
}

.docs-hero__copy,
.docs-hero__actions {
    position: relative;
    z-index: 1;
}

.docs-badge,
.docs-card__eyebrow {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    min-height: 34px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(109, 106, 222, 0.1);
    color: #6D6ADE;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

.docs-hero h1 {
    max-width: 760px;
    margin: 18px 0 18px;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.02;
    color: #0D2150;
}

.docs-hero p {
    max-width: 720px;
    color: #68779F;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.55;
}

.docs-hero__actions {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.docs-action {
    display: inline-flex;
    min-height: 54px;
    padding: 0 24px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease;
}

.docs-action--primary {
    color: #FFFFFF;
    background: linear-gradient(135deg, #383589 0%, #6D6ADE 100%);
    box-shadow: 0 18px 32px -18px rgba(109, 106, 222, 0.75);
}

.docs-action--ghost {
    color: #6D6ADE;
    border: 1px solid rgba(109, 106, 222, 0.22);
    background: rgba(255, 255, 255, 0.78);
}

.docs-action:hover {
    transform: translateY(-3px);
}

.docs-action--primary:hover {
    box-shadow: 0 24px 38px -20px rgba(109, 106, 222, 0.9);
}

.docs-action--ghost:hover {
    color: #FFFFFF;
    border-color: rgba(109, 106, 222, 0.7);
    background: #6D6ADE;
}

.docs-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 26px;
    margin-top: 28px;
    align-items: start;
}

.docs-sidebar {
    position: sticky;
    top: 98px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    border: 1px solid rgba(109, 106, 222, 0.14);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 22px 52px -40px rgba(13, 33, 80, 0.55);
    backdrop-filter: blur(16px);
}

.docs-sidebar__title {
    color: #0D2150;
    font-size: 18px;
    font-weight: 800;
}

.docs-sidebar__nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.docs-sidebar__nav a {
    display: flex;
    min-height: 46px;
    padding: 12px 14px;
    align-items: center;
    border-radius: 14px;
    color: #68779F;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.25;
    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.docs-sidebar__nav a:hover {
    color: #6D6ADE;
    background: rgba(109, 106, 222, 0.09);
    transform: translateX(4px);
}

.docs-stack {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.docs-card {
    scroll-margin-top: 106px;
    padding: 38px 42px 40px;
    border: 1px solid rgba(109, 106, 222, 0.13);
    border-radius: 24px;
    background: #FFFFFF;
    box-shadow: 0 26px 66px -48px rgba(13, 33, 80, 0.54);
    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.docs-card:target {
    border-color: rgba(109, 106, 222, 0.42);
    box-shadow:
        0 0 0 4px rgba(109, 106, 222, 0.08),
        0 30px 74px -48px rgba(13, 33, 80, 0.64);
}

.docs-card__head {
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(104, 119, 159, 0.16);
}

.docs-card__head h2 {
    margin: 16px 0 12px;
    color: #0D2150;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.12;
}

.docs-card__head p {
    max-width: 760px;
    color: #68779F;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.55;
}

.docs-section {
    padding-top: 26px;
}

.docs-section h3 {
    margin-bottom: 12px;
    color: #0D2150;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.docs-section p,
.docs-section li {
    color: #445173;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.72;
}

.docs-section p+p {
    margin-top: 12px;
}

.docs-section ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding-left: 22px;
}

.docs-section li::marker {
    color: #6D6ADE;
}

.docs-footer {
    margin-top: 0;
}

@media (max-width: 1100px) {
    .docs-page {
        width: min(100% - 36px, 920px);
        padding-top: 116px;
    }

    .docs-hero {
        grid-template-columns: 1fr;
        padding: 46px 42px;
    }

    .docs-hero h1 {
        font-size: 46px;
    }

    .docs-hero__actions {
        justify-content: flex-start;
    }

    .docs-layout {
        grid-template-columns: 1fr;
    }

    .docs-sidebar {
        position: relative;
        top: auto;
    }

    .docs-sidebar__nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .docs-sidebar__nav a:hover {
        transform: translateY(-2px);
    }
}

@media (max-width: 768px) {
    .docs-page {
        width: min(100% - 24px, 430px);
        padding: 96px 0 72px;
    }

    .docs-logo {
        font-size: 24px;
    }

    .docs-hero {
        min-height: auto;
        padding: 34px 22px 46px;
        border-radius: 22px;
    }

    .docs-hero h1 {
        margin-top: 16px;
        font-size: 34px;
        line-height: 1.06;
    }

    .docs-hero p {
        font-size: 16px;
        line-height: 1.55;
    }

    .docs-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .docs-action {
        width: 100%;
        min-height: 52px;
        border-radius: 14px;
        font-size: 15px;
    }

    .docs-sidebar {
        padding: 18px;
        border-radius: 18px;
    }

    .docs-sidebar__nav {
        grid-template-columns: 1fr;
    }

    .docs-card {
        scroll-margin-top: 86px;
        padding: 28px 20px 32px;
        border-radius: 20px;
    }

    .docs-card__head h2 {
        font-size: 27px;
    }

    .docs-card__head p,
    .docs-section p,
    .docs-section li {
        font-size: 15px;
        line-height: 1.68;
    }

    .docs-section h3 {
        font-size: 20px;
    }
}

@media (max-width: 420px) {
    .docs-page {
        width: calc(100% - 18px);
    }

    .docs-hero {
        padding-inline: 18px;
    }

    .docs-hero h1 {
        font-size: 31px;
    }

    .docs-card {
        padding-inline: 16px;
    }
}

@media print {

    .header,
    .docs-hero__actions,
    .docs-sidebar,
    .footer,
    .fixed-cta,
    .scroll-top-cta {
        display: none !important;
    }

    .docs-page {
        width: 100%;
        padding: 0;
    }

    .docs-layout {
        display: block;
    }

    .docs-card {
        break-inside: avoid;
        box-shadow: none;
        border-color: #CBD3EA;
    }
}

.legal-doc-body {
    margin: 0;
    padding-top: 65px;
    background: #FFFFFF;
    color: #0D2150;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.legal-doc-body * {
    box-sizing: border-box;
}

.legal-topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    border-bottom: 1px solid #E8ECF6;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(18px);
}

.legal-topbar__inner {
    width: 100%;
    max-width: 1920px;
    min-height: 65px;
    margin: 0 auto;
    padding: 0 clamp(24px, 10.9375vw, 210px);
    display: flex;
    align-items: center;
    gap: 56px;
}

.legal-brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
    color: #0D2150;
}

.legal-brand span {
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0;
    color: transparent;
    background: linear-gradient(90deg, #0D2150 0%, #6D6ADE 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.legal-brand em {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    color: #8B96B3;
}

.legal-brand small {
    font-size: 16px;
    font-weight: 600;
    color: #42506E;
}

.legal-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 49px;
}

.legal-nav::-webkit-scrollbar {
    display: none;
}

.legal-nav {
    scrollbar-width: none;
}

.legal-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 65px;
    color: #0D2150;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    transition: color 0.25s ease;
    white-space: nowrap;
}

.legal-nav__link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    border-radius: 999px;
    background: #6D6ADE;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.28s ease;
}

.legal-nav__link:hover,
.legal-nav__link.is-active {
    color: #6D6ADE;
}

.legal-nav__link:hover::after,
.legal-nav__link.is-active::after {
    transform: scaleX(1);
}

.legal-menu-toggle {
    display: none;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.legal-menu-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #0D2150;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.legal-menu-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.legal-menu-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.legal-menu-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.legal-mobile-menu[hidden] {
    display: none !important;
}

.legal-doc {
    width: min(1530px, calc(100% - 48px));
    margin: 0 auto;
    padding: 11px 0 118px;
    display: grid;
    grid-template-columns: 332px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.legal-toc {
    position: fixed;
    top: var(--legal-toc-top, 76px);
    left: max(24px, calc((100vw - 1530px) / 2));
    z-index: 20;
    width: 332px;
    max-height: min(690px, calc(100dvh - 112px));
    overflow-y: auto;
    padding: 24px;
    border: 1px solid #E5E9F3;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 24px 62px -44px rgba(13, 33, 80, 0.36), 0 1px 0 rgba(255, 255, 255, 0.84) inset;
    backdrop-filter: blur(14px);
    scrollbar-width: none;
    overscroll-behavior: contain;
}

.legal-toc::-webkit-scrollbar {
    display: none;
}

.legal-toc h1 {
    margin: 0 0 16px;
    color: #0D2150;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
}

.legal-toc nav {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.legal-toc__item {
    position: relative;
    display: flex;
    min-height: 48px;
    padding: 0 16px 0 38px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 15px;
    background: transparent;
    box-shadow: none;
    color: #4C5B7A;
    transition:
        color 0.25s ease,
        border-color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.legal-toc__item::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #C8D0E5;
    transform: translateY(-50%);
    transition:
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.legal-toc__item strong {
    color: inherit;
    min-width: 0;
    overflow: hidden;
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.legal-toc__item span {
    display: none;
}

.legal-toc__item:hover {
    border-color: rgba(109, 106, 222, 0.18);
    background: rgba(246, 247, 255, 0.9);
    color: #25345C;
}

.legal-toc__item:focus-visible {
    outline: 3px solid rgba(109, 106, 222, 0.22);
    outline-offset: 2px;
}

.legal-toc__item.is-active {
    border-color: transparent;
    color: #FFFFFF;
    background: linear-gradient(92.47deg, #8582D2 0.47%, #6763C7 78.26%);
    box-shadow: 0 16px 30px -18px rgba(78, 72, 196, 0.76);
}

.legal-toc__item.is-active::before {
    background: #FFFFFF;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.18);
    transform: translateY(-50%) scale(1.05);
}

.legal-paper {
    grid-column: 2;
    padding: 39px 40px 38px;
    border: 1px solid #E5E9F3;
    border-radius: 30px;
    background: #FFFFFF;
    box-shadow: 0 18px 44px rgba(13, 33, 80, 0.07);
}

.legal-paper__heading {
    margin-bottom: 31px;
}

.legal-paper__heading p {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 0 0 24px;
    color: #4B5876;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.legal-paper__heading p strong {
    color: transparent;
    background: linear-gradient(90deg, #0D2150 0%, #6D6ADE 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0;
}

.legal-paper__heading p span {
    color: #8B96B3;
}

.legal-paper__heading h1 {
    margin: 0;
    color: #0D2150;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.24;
}

.legal-section {
    scroll-margin-top: 98px;
    margin-top: 34px;
}

.legal-section h2 {
    margin: 0 0 15px;
    color: #0D2150;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.28;
}

.legal-section p,
.legal-section li {
    color: #0D2150;
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
}

.legal-section p {
    margin: 0 0 15px;
}

.legal-section ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 0 0 15px;
    padding-left: 28px;
}

.legal-section li::marker {
    color: #6D6ADE;
}

.legal-note {
    margin: 24px 0 34px;
    padding: 21px 22px;
    border: 1px solid #E7EAF4;
    border-radius: 19px;
    background: #FAFBFF;
    color: #0D2150;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
    box-shadow: 0 8px 20px rgba(13, 33, 80, 0.035);
}

.legal-requisites {
    display: grid;
    grid-template-columns: 1fr 1fr minmax(260px, 2.7fr);
    gap: 10px;
    margin-top: 15px;
}

.legal-requisite {
    min-height: 70px;
    padding: 13px 20px;
    border: 1px solid #E7EAF4;
    border-radius: 17px;
    background: #FFFFFF;
    box-shadow: 0 8px 18px rgba(13, 33, 80, 0.04);
}

.legal-requisite {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.legal-requisite:last-child {
    grid-column: 1 / -1;
}

.legal-requisite span {
    min-width: 0;
    flex: 1 1 auto;
}

.legal-requisite strong,
.legal-requisite em {
    display: block;
}

.legal-requisite strong {
    margin-bottom: 6px;
    color: #0D2150;
    font-size: 17px;
    font-weight: 800;
}

.legal-requisite em {
    color: #8792AF;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
}

.legal-requisite__copy {
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    transition:
        background 0.22s ease,
        transform 0.22s ease;
}

.legal-requisite__copy:hover,
.legal-requisite__copy.is-copied {
    background: rgba(109, 106, 222, 0.08);
}

.legal-requisite__copy:active {
    transform: scale(0.94);
}

.legal-requisite__copy img {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

.legal-footer {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #E5E9F3;
    background: #FFFFFF;
    font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

.legal-footer__top {
    width: min(1505px, calc(100% - 48px));
    margin: 0 auto;
    padding: 57px 0 70px;
    display: grid;
    grid-template-columns: 1.45fr 1fr 1fr 1fr;
    gap: 72px;
}

.legal-footer__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.legal-footer__col h2 {
    margin: 0 0 18px;
    color: #0D2150;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
}

.legal-footer__col a {
    color: #111827;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.35;
    transition: color 0.25s ease, transform 0.25s ease;
}

.legal-footer__col a:hover {
    color: #6D6ADE;
    transform: translateX(3px);
}

.legal-footer__contacts p {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin: 0;
    color: #111827;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
}

.legal-footer__contacts img,
.legal-footer__contacts svg,
.legal-socials svg,
.legal-socials img {
    width: 43px;
    height: 43px;
    flex: 0 0 auto;
    fill: none;
    stroke: #6D6ADE;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.legal-footer__middle {
    width: min(1505px, calc(100% - 48px));
    min-height: 96px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    border-top: 1px solid #EEF1F7;
}

.legal-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #4C4AC7;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0;
}

.legal-footer__brand img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.legal-socials {
    display: flex;
    align-items: center;
    gap: 22px;
    justify-content: center;
}

.legal-socials a {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #6D6ADE;
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(109, 106, 222, 0.18);
    font-size: 22px;
    font-weight: 800;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.legal-socials a:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(109, 106, 222, 0.24);
}

.legal-socials svg {
    width: 23px;
    height: 23px;
}

.legal-socials img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.legal-copyright {
    margin: 0;
    padding: 20px 24px 130px;
    border-top: 1px solid #EEF1F7;
    color: #6B7280;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.legal-footer__waves {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 138px;
    background: url("../assets/img/footer/footer-waves.svg") center bottom / cover no-repeat;
}

.legal-mobile-menu {
    position: fixed;
    top: 76px;
    right: max(24px, calc((100vw - 960px) / 2));
    z-index: 45;
    width: 357px;
    max-height: calc(100dvh - 88px);
    overflow-y: auto;
    scrollbar-width: none;
}

.legal-mobile-menu::-webkit-scrollbar {
    display: none;
}

.legal-mobile-menu__card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 29px 22.922px;
    border: 1.042px solid rgba(229, 229, 229, 0.6);
    border-radius: 30.216px;
    background: #FFFFFF;
    box-shadow: 0 3.126px 2.084px rgba(196, 196, 196, 0.16), 0 18px 44px rgba(13, 33, 80, 0.08);
}

.legal-mobile-menu__card h2 {
    margin: 0 0 4.754px;
    color: #0D2150;
    font-size: 20.838px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.625px;
}

.legal-mobile-menu__toc {
    display: flex;
    flex-direction: column;
    gap: 12.503px;
}

.legal-mobile-menu__toc-item {
    display: flex;
    min-height: 66.683px;
    padding: 12.503px 18.754px;
    flex-direction: column;
    justify-content: center;
    border: 1.086px solid rgba(229, 229, 229, 0.6);
    border-radius: 16.671px;
    background: #FCFCFF;
    box-shadow: 0 3.257px 5.808px rgba(241, 240, 255, 0.53);
    color: #0D2150;
}

.legal-mobile-menu__toc-item strong {
    color: inherit;
    font-size: 16.671px;
    font-weight: 700;
    line-height: 1.15;
}

.legal-mobile-menu__toc-item span {
    margin-top: 2px;
    color: rgba(13, 33, 80, 0.54);
    font-size: 13.545px;
    font-weight: 500;
    letter-spacing: 0.135px;
    line-height: 1.15;
}

.legal-mobile-menu__toc-item.is-active {
    border-color: transparent;
    color: #FFFFFF;
    background: linear-gradient(92.47deg, #8582D2 0.47%, #6763C7 78.26%);
    box-shadow: 0 3.126px 5.574px rgba(241, 240, 255, 0.53);
}

.legal-mobile-menu__toc-item.is-active span {
    color: rgba(255, 255, 255, 0.54);
}

.legal-mobile-menu__divider {
    width: 276px;
    height: 2px;
    margin: 0 auto;
    background: rgba(217, 217, 217, 0.38);
}

.legal-mobile-menu__docs {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 11px;
}

.legal-mobile-menu__docs a {
    color: #0D2150;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.32px;
}

.legal-mobile-menu__docs a.is-active {
    color: #6D6ADE;
    font-size: 10.86px;
    letter-spacing: 0.217px;
}

.legal-doc-body .legal-reveal {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    transition:
        opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--legal-reveal-delay, 0s);
    will-change: opacity, transform;
}

.legal-doc-body .legal-topbar.legal-reveal {
    transform: translate3d(0, -10px, 0);
}

.legal-doc-body .legal-toc.legal-reveal {
    transform: translate3d(-14px, 0, 0);
}

.legal-doc-body .legal-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media (max-width: 768px) {
    .legal-doc-body .legal-reveal {
        transform: translate3d(0, 12px, 0);
        transition:
            opacity 0.46s cubic-bezier(0.16, 1, 0.3, 1),
            transform 0.52s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .legal-doc-body .legal-topbar.legal-reveal {
        transform: translate3d(0, -8px, 0);
    }

    .legal-doc-body .legal-toc.legal-reveal {
        transform: translate3d(0, 12px, 0);
    }

    .legal-doc-body .legal-reveal.is-visible {
        transform: translate3d(0, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .legal-doc-body .legal-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@media (max-width: 1200px) {

    .legal-topbar__inner,
    .legal-footer__top,
    .legal-footer__middle {
        width: min(100% - 32px, 960px);
    }

    .legal-topbar__inner {
        max-width: 960px;
        min-height: 65px;
        padding: 0 40px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }

    .legal-nav {
        display: none;
    }

    .legal-menu-toggle {
        display: inline-flex;
    }

    .legal-doc {
        display: block;
        width: min(calc(100% - 74px), 886px);
        padding-top: 11px;
    }

    .legal-toc {
        display: none;
    }

    .legal-paper {
        grid-column: auto;
    }

    .legal-footer__top {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 44px;
    }
}

@media (max-width: 768px) {

    .legal-topbar__inner,
    .legal-doc,
    .legal-footer__top,
    .legal-footer__middle {
        width: min(100% - 24px, 430px);
    }

    .legal-brand span {
        font-size: 26px;
    }

    .legal-brand small {
        font-size: 14px;
    }

    .legal-nav__link {
        font-size: 14px;
    }

    .legal-doc {
        gap: 20px;
        padding-bottom: 70px;
    }

    .legal-toc {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .legal-toc h1 {
        font-size: 22px;
    }

    .legal-toc nav {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .legal-toc__item {
        min-height: 62px;
        padding: 14px 16px;
        border-radius: 14px;
    }

    .legal-toc__item strong {
        font-size: 15px;
    }

    .legal-paper {
        padding: 28px 20px;
        border-radius: 22px;
    }

    .legal-paper__heading p {
        font-size: 14px;
    }

    .legal-paper__heading p strong {
        font-size: 22px;
    }

    .legal-paper__heading h1,
    .legal-section h2 {
        font-size: 20px;
    }

    .legal-section p,
    .legal-section li,
    .legal-note {
        font-size: 14px;
        line-height: 1.58;
    }

    .legal-section ul {
        padding-left: 20px;
    }

    .legal-requisites {
        grid-template-columns: 1fr;
    }

    .legal-footer__top {
        grid-template-columns: 1fr;
        padding: 48px 0;
    }

    .legal-footer__middle {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 28px 0;
        justify-items: center;
    }

    .legal-footer__brand {
        font-size: 25px;
    }

    .legal-copyright {
        padding-bottom: 112px;
    }
}

@media print {

    .legal-topbar,
    .legal-toc,
    .legal-footer {
        display: none !important;
    }

    .legal-doc {
        width: 100%;
        display: block;
        padding: 0;
    }

    .legal-paper {
        border: none;
        box-shadow: none;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .legal-doc-body {
        padding-top: 52px;
        background: #FFFFFF;
    }

    .legal-topbar {
        height: 52px;
    }

    .legal-topbar__inner {
        width: 100%;
        max-width: none;
        min-height: 52px;
        padding: 0 17px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }

    .legal-topbar__inner::after {
        content: none;
        display: none;
    }

    .legal-brand {
        gap: 8.95px;
    }

    .legal-brand span {
        font-size: 20.883px;
        line-height: 27.268px;
    }

    .legal-brand em {
        height: 11.188px;
        width: 1.119px;
        overflow: hidden;
        color: transparent;
        background: rgba(13, 33, 80, 0.56);
        border-radius: 1.492px;
    }

    .legal-brand small {
        font-size: 11.933px;
        line-height: 29.276px;
        letter-spacing: 0.2387px;
    }

    .legal-nav {
        display: none;
    }

    .legal-menu-toggle {
        display: inline-flex;
        width: 24px;
        height: 24px;
    }

    .legal-mobile-menu {
        top: 64px;
        right: 17px;
        left: 17px;
        z-index: 70;
        width: auto;
        max-height: calc(100dvh - 76px);
        overflow: visible;
    }

    .legal-mobile-menu__card {
        position: relative;
        gap: clamp(12px, 3.5vw, 16px);
        max-height: calc(100dvh - 76px);
        padding: clamp(13px, 3.9vw, 18px);
        overflow: auto;
        overscroll-behavior: contain;
        border: 1px solid rgba(226, 225, 249, 0.78);
        border-radius: clamp(22px, 6.7vw, 30px);
        background:
            radial-gradient(86% 60% at 20% 0%, rgba(109, 106, 222, 0.13) 0%, rgba(109, 106, 222, 0) 62%),
            linear-gradient(180deg, #FFFFFF 0%, #FAFBFF 100%);
        box-shadow:
            0 1px 2px rgba(255, 255, 255, 0.72) inset,
            0 24px 58px rgba(13, 33, 80, 0.16),
            0 10px 28px rgba(109, 106, 222, 0.10);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .legal-mobile-menu__card::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0) 44%);
        pointer-events: none;
    }

    .legal-mobile-menu__card::-webkit-scrollbar {
        display: none;
    }

    .legal-mobile-menu__card h2,
    .legal-mobile-menu__toc {
        display: none;
    }

    .legal-mobile-menu__docs,
    .legal-mobile-menu__divider,
    .legal-mobile-menu__auth {
        position: relative;
        z-index: 1;
    }

    .legal-mobile-menu__docs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(8px, 2.7vw, 12px);
        padding: 0;
    }

    .legal-mobile-menu__docs a {
        display: flex;
        min-width: 0;
        min-height: clamp(48px, 13.4vw, 58px);
        padding: 0 clamp(10px, 3vw, 14px);
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(226, 225, 249, 0.72);
        border-radius: clamp(16px, 4.8vw, 21px);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(246, 247, 255, 0.72) 100%);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.72) inset,
            0 10px 22px rgba(36, 51, 118, 0.05);
        color: rgba(13, 33, 80, 0.82);
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        text-align: center;
        font-size: clamp(13px, 3.65vw, 15px);
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .legal-mobile-menu__docs a.is-active {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: clamp(16px, 4.8vw, 22px);
        border-color: rgba(109, 106, 222, 0.34);
        background: radial-gradient(76.03% 76.47% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.28) inset,
            0 14px 28px rgba(109, 106, 222, 0.20);
        color: #FFFFFF;
        font-size: clamp(13px, 3.65vw, 15px);
        letter-spacing: 0;
    }

    .legal-mobile-menu__docs .nav__item::after {
        display: none;
    }

    .legal-mobile-menu__divider {
        display: block;
        width: 100%;
        height: 1px;
        margin: 0;
        background: rgba(13, 33, 80, 0.06);
    }

    .legal-mobile-menu__auth {
        display: grid;
        grid-template-columns: 1fr;
        gap: clamp(8px, 2.7vw, 12px);
    }

    .legal-mobile-menu__auth .log,
    .legal-mobile-menu__auth .reg {
        width: 100%;
        height: clamp(48px, 13.4vw, 58px);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 clamp(14px, 4vw, 20px);
        border-radius: 999px;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: clamp(13px, 3.65vw, 15px);
        font-weight: 800;
        line-height: 1.15;
        text-align: center;
        white-space: nowrap;
        transform: none;
    }

    .legal-mobile-menu__auth .log {
        color: #6D6ADE;
        border: 1px solid rgba(226, 225, 249, 0.82);
        background: linear-gradient(180deg, #FFFFFF 0%, #F8F7FF 100%);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.72) inset,
            0 10px 22px rgba(36, 51, 118, 0.05);
    }

    .legal-mobile-menu__auth .reg {
        color: #FFFFFF;
        border: 1px solid rgba(109, 106, 222, 0.22);
        background: radial-gradient(76.03% 76.47% at 39.19% 57.67%, #6763C7 0%, #8582D2 100%);
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.26) inset,
            0 14px 28px rgba(109, 106, 222, 0.22);
    }

    .legal-doc {
        display: block;
        width: calc(100% - 20px);
        max-width: none;
        padding: 10px 0 33.594px;
    }

    .legal-toc {
        display: none;
    }

    .legal-paper {
        width: 100%;
        padding: 23px;
        border-radius: 24.794px;
        border-width: 0.855px;
        box-shadow: 0 2.565px 1.71px rgba(196, 196, 196, 0.16);
    }

    .legal-paper__heading {
        margin-bottom: 41.028px;
    }

    .legal-paper__heading p {
        display: block;
        margin-bottom: 41.028px;
        font-size: 13.95px;
        line-height: 1.35;
        letter-spacing: 0.558px;
    }

    .legal-paper__heading p strong {
        display: block;
        margin-bottom: 8.206px;
        font-size: 19.694px;
        line-height: 30.001px;
        letter-spacing: 0.7877px;
    }

    .legal-paper__heading p span {
        display: none;
    }

    .legal-paper__heading h1 {
        font-size: 16.411px;
        line-height: 1.25;
    }

    .legal-section {
        margin-top: 41.028px;
    }

    .legal-section h2 {
        margin-bottom: 12.309px;
        font-size: 16.411px;
        line-height: 1.25;
    }

    .legal-section p,
    .legal-section li {
        font-size: 13.95px;
        line-height: 22.976px;
    }

    .legal-section p {
        margin-bottom: 12.309px;
    }

    .legal-section ul {
        gap: 12.309px;
        margin-bottom: 12.309px;
        padding-left: 20.925px;
    }

    .legal-note {
        margin: 12.309px 0 0;
        padding: 17.232px 18.053px;
        border-radius: 19px;
        border-width: 0.891px;
        font-size: 13.95px;
        line-height: normal;
        box-shadow: 0 2.672px 4.766px rgba(241, 240, 255, 0.53);
    }

    .legal-requisites {
        grid-template-columns: 1fr;
        gap: 8.206px;
    }

    .legal-requisite {
        min-height: 57.011px;
        padding: 10.69px 16.411px;
        border-radius: 17.369px;
        border-width: 0.891px;
    }

    .legal-requisite strong {
        font-size: 14.25px;
    }

    .legal-requisite em {
        font-size: 11.58px;
        letter-spacing: 0.1158px;
    }

    .legal-requisite__copy {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        border-radius: 9px;
    }

    .legal-requisite__copy img {
        width: 13.95px;
        height: 13.95px;
    }

    .legal-footer__top,
    .legal-footer__middle {
        width: min(100% - 34px, 341.804px);
    }

    .legal-footer__top {
        grid-template-columns: 1fr 1fr;
        gap: 59.958px 20px;
        padding: 39.365px 0 53.177px;
    }

    .legal-footer__col {
        gap: 11.971px;
    }

    .legal-footer__col h2 {
        margin-bottom: 13px;
        font-size: 16.57px;
    }

    .legal-footer__col a,
    .legal-footer__contacts p {
        font-size: 12.89px;
    }

    .legal-footer__contacts img,
    .legal-footer__contacts svg {
        width: 29.497px;
        height: 29.497px;
    }

    .legal-footer__middle {
        min-height: 58.011px;
        grid-template-columns: 1fr auto;
        gap: 12px;
        padding: 0;
    }

    .legal-footer__brand {
        justify-self: start;
        font-size: 32.067px;
        line-height: 33.666px;
    }

    .legal-footer__brand img {
        width: 35.912px;
        height: 35.095px;
    }

    .legal-socials {
        gap: 17.68px;
    }

    .legal-socials a {
        width: 26.519px;
        height: 26.519px;
        font-size: 14px;
    }

    .legal-socials img,
    .legal-socials svg {
        width: 16px;
        height: 16px;
    }

    .legal-copyright {
        padding: 25.553px 17px 169.89px;
        font-size: 11.05px;
    }

    .legal-footer__waves {
        height: 169.89px;
    }
}

/* === Final mobile cascade ===
   Keep mobile rules predictable: one last layer owns visibility, light reveal,
   and expensive visual effects after all earlier responsive blocks. */
@media (max-width: 768px) {
    :root {
        --header-height: var(--mobile-header-dynamic-height, 60px);
        --mobile-layout-columns: 3;
        --mobile-layout-margin: 17px;
        --mobile-layout-gutter: 10px;
        --mobile-layout-width: calc(100% - (var(--mobile-layout-margin) * 2));
    }

    .content {
        --mobile-grid-columns: var(--mobile-layout-columns);
        --mobile-grid-margin: var(--mobile-layout-margin);
        --mobile-grid-gutter: var(--mobile-layout-gutter);
    }

    .steps-to-buy,
    .tk-cmpns,
    .items-we-deliever,
    .services,
    .delivery-cta,
    .adv-services,
    .cta-secondary,
    .footer__container {
        width: min(var(--mobile-layout-width), 560px);
        max-width: min(var(--mobile-layout-width), 560px);
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    .steps-to-buy,
    .tk-cmpns,
    .tk-cards,
    .tk-cards-main,
    .items-we-deliever,
    .services,
    .adv-services,
    .advantages-cards,
    .advantages__grid,
    .footer__container {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        clip-path: none !important;
        contain: none !important;
    }

    .delivery-cta,
    .cta-secondary {
        contain: none !important;
    }

    .hero .hero-card__motion,
    .hero .advnts,
    .hero .advnts .advantage,
    .hero .advnts > .advantage,
    .hero .shop-carusel-item,
    .main-block,
    .tk-card,
    .services-cards-item,
    .delivery-cta,
    .delivery-cta__visual,
    .fixed-cta,
    .scroll-top-cta {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        -webkit-filter: none !important;
        filter: none !important;
    }

    .hero .advnts {
        opacity: 1 !important;
        visibility: visible !important;
        perspective: none !important;
    }

    .hero .advnts .advantage,
    .hero .advnts > .advantage,
    .hero.is-visible .advnts .advantage,
    .hero.is-visible .advnts > .advantage {
        opacity: 1 !important;
        visibility: visible !important;
        background: #FFFFFF !important;
        border-color: rgba(226, 225, 249, 0.92) !important;
        box-shadow: 0 8px 22px rgba(36, 51, 118, 0.10) !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition:
            box-shadow 0.24s ease,
            border-color 0.24s ease !important;
        transition-delay: 0s !important;
    }

    .hero .hero-card .hero-card__motion,
    .hero.is-visible .hero-card .hero-card__motion {
        background: #FFFFFF !important;
        border-color: rgba(226, 225, 249, 0.92) !important;
        box-shadow: 0 8px 22px rgba(36, 51, 118, 0.10) !important;
        opacity: 1 !important;
        filter: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .hero .advnts .advantage:hover {
        transform: none !important;
    }

    .mobile-light-reveal body .reveal-up:not(:where(.hero *)),
    .mobile-light-reveal body .reveal-left:not(:where(.hero *)),
    .mobile-light-reveal body .reveal-right:not(:where(.hero *)),
    .mobile-light-reveal body .reveal-scale:not(:where(.hero *)),
    .mobile-light-reveal body .reveal-blur:not(:where(.hero *)) {
        opacity: 0 !important;
        transform: translate3d(0, 16px, 0) !important;
        -webkit-filter: none !important;
        filter: none !important;
        transition:
            opacity 0.92s cubic-bezier(0.16, 1, 0.3, 1),
            transform 1.04s cubic-bezier(0.16, 1, 0.3, 1) !important;
        transition-delay: 0.08s !important;
    }

    .mobile-light-reveal body .reveal-up.is-visible:not(:where(.hero *)),
    .mobile-light-reveal body .reveal-left.is-visible:not(:where(.hero *)),
    .mobile-light-reveal body .reveal-right.is-visible:not(:where(.hero *)),
    .mobile-light-reveal body .reveal-scale.is-visible:not(:where(.hero *)),
    .mobile-light-reveal body .reveal-blur.is-visible:not(:where(.hero *)) {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-filter: none !important;
        filter: none !important;
    }

    .mobile-light-reveal body .delay-1:not(:where(.hero *)) {
        transition-delay: 0.14s !important;
    }

    .mobile-light-reveal body .delay-2:not(:where(.hero *)) {
        transition-delay: 0.22s !important;
    }

    .mobile-light-reveal body .delay-3:not(:where(.hero *)) {
        transition-delay: 0.30s !important;
    }

    .mobile-light-reveal body .delay-4:not(:where(.hero *)) {
        transition-delay: 0.38s !important;
    }

    .mobile-light-reveal body .delay-5:not(:where(.hero *)) {
        transition-delay: 0.46s !important;
    }

    .mobile-light-reveal body .services-cards-shell .services-cards.reveal-up,
    .mobile-light-reveal body .services-cards-shell .services-cards.reveal-up.is-visible {
        transform: translate3d(var(--services-slide-x, 0px), 0, 0) !important;
    }

    .shop-carusel-track,
    .items-we-cards-mobile__row {
        transform: translateZ(0);
        will-change: transform;
    }

    .items-we-deliever__viewport,
    .items-we-cards-track,
    .items-we-cards,
    .items-we-cards-mobile,
    .items-we-cards-mobile__row {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        clip-path: none !important;
        contain: none !important;
    }

    .items-we-deliever__viewport {
        padding-top: 34px;
        padding-bottom: 62px;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    .items-we-deliever__viewport::before,
    .items-we-deliever__viewport::after {
        content: "" !important;
        display: block !important;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 10;
        width: clamp(34px, 11vw, 64px);
        pointer-events: none;
        opacity: 1;
    }

    .items-we-deliever__viewport::before {
        left: 0;
        background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.86) 38%, rgba(255, 255, 255, 0) 100%);
    }

    .items-we-deliever__viewport::after {
        right: 0;
        background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.86) 38%, rgba(255, 255, 255, 0) 100%);
    }

    .items-we-deliever__viewport .product-card,
    .items-we-cards-mobile .product-card {
        overflow: hidden !important;
    }

    .items-we-cards-mobile {
        pointer-events: none;
        isolation: isolate;
    }

    .items-we-cards-mobile.is-paused .items-we-cards-mobile__row {
        animation-play-state: paused !important;
    }

    .items-we-cards-mobile__row {
        contain: layout style !important;
        backface-visibility: hidden;
    }

    .items-we-cards-mobile .product-card__info {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.46) 100%),
            rgba(255, 255, 255, 0.52) !important;
        border-color: rgba(255, 255, 255, 0.62) !important;
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.82) inset,
            0 -1px 0 rgba(13, 33, 80, 0.05) inset,
            0 13px 28px rgba(36, 51, 118, 0.055) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        transform: translateZ(0);
        backface-visibility: hidden;
    }

    .items-we-cards-mobile .product-card.is-glass-live .product-card__info {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.64) 0%, rgba(255, 255, 255, 0.34) 100%),
            rgba(255, 255, 255, 0.42) !important;
        -webkit-backdrop-filter: blur(5px) saturate(1.12) !important;
        backdrop-filter: blur(5px) saturate(1.12) !important;
    }

    @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
        .items-we-cards-mobile .product-card.is-glass-live .product-card__info {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.56) 100%),
                rgba(255, 255, 255, 0.62) !important;
        }
    }

    .services {
        --services-shadow-y-pad: clamp(34px, 9vw, 52px);
    }

    .services-cards-shell {
        --services-shadow-x-pad: max(30px, calc((100vw - var(--services-mobile-page-w)) / 2));
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding:
            var(--services-shadow-y-pad)
            var(--services-shadow-x-pad)
            calc(var(--services-shadow-y-pad) + 30px) !important;
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        clip-path: none !important;
        contain: none !important;
        box-sizing: border-box;
    }

    .services-cards-shell .services-cards {
        overflow: visible !important;
        align-items: stretch;
        transform: translate3d(var(--services-slide-x, 0px), 0, 0);
        transition: transform 0.56s cubic-bezier(0.22, 1, 0.36, 1) !important;
        will-change: transform;
        backface-visibility: hidden;
        contain: layout style;
    }

    .services-cards-shell .services-cards-item {
        overflow: hidden !important;
        box-shadow:
            0 14px 30px rgba(36, 51, 118, 0.075),
            0 6px 14px rgba(109, 106, 222, 0.035) !important;
        transform: translateZ(0);
        transition:
            opacity 0.24s ease,
            border-color 0.24s ease !important;
        will-change: auto;
        backface-visibility: hidden;
    }

    .services-cards-shell .services-cards-item.is-slider-active {
        box-shadow:
            0 14px 30px rgba(36, 51, 118, 0.085),
            0 6px 14px rgba(109, 106, 222, 0.04) !important;
    }

    .services-cards-shell.is-moving .services-cards {
        transition-duration: 0.56s !important;
        filter: none !important;
    }

    .services-cards-shell.is-moving .services-cards-item {
        transform: translateZ(0);
    }

    .services-cards-shell.is-moving .services-cards-item.is-slider-active {
        transform: translateZ(0);
    }

    .services-slider-controls {
        margin-top: calc(-1 * (var(--services-shadow-y-pad) + 30px)) !important;
    }

    .services-slider-indicator {
        min-width: 0 !important;
        min-height: 22px;
        gap: 6px !important;
        padding: 6px !important;
        background: rgba(109, 106, 222, 0.10) !important;
        border-radius: 999px;
    }

    .services-slider-indicator::before {
        display: none !important;
    }

    .services-slider-indicator__dot {
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: rgba(109, 106, 222, 0.28);
        transition:
            width 0.36s cubic-bezier(0.22, 1, 0.36, 1),
            background 0.28s ease,
            transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
        will-change: width, background;
    }

    .services-slider-indicator__dot.is-active {
        width: 24px !important;
        background: #6D6ADE !important;
        transform: none !important;
    }

    .services .section-header .badge,
    .adv-services .section-header .badge {
        display: inline-flex !important;
        width: fit-content !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 38px !important;
        padding: 10px 22px !important;
        align-items: center;
        justify-content: center;
        gap: 0 !important;
        border-radius: 999px !important;
        border: 1px solid rgba(226, 225, 249, 0.96) !important;
        background: #FFFFFF !important;
        box-shadow:
            0 1px 1px rgba(255, 255, 255, 0.86) inset,
            0 8px 20px rgba(36, 51, 118, 0.08),
            0 5px 14px rgba(109, 106, 222, 0.10) !important;
        transform: none !important;
    }

    .services .section-header .badge {
        align-self: center !important;
    }

    .adv-services .section-header .badge {
        align-self: flex-start !important;
    }

    .services .section-header .badge .hero-badge-span,
    .adv-services .section-header .badge .hero-badge-span {
        display: inline-flex;
        align-items: center;
        color: #22305F;
        font-size: 0 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        white-space: nowrap;
    }

    .services .section-header .badge .hero-badge-span::after,
    .adv-services .section-header .badge .hero-badge-span::after {
        color: #22305F !important;
        font-family: "Manrope", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        white-space: nowrap;
    }

    .steps-to-buy .decor-plane-card,
    .steps-to-buy .step-anim-plane {
        display: none !important;
    }

    .steps-to-buy .presentation-content::after {
        display: none !important;
        content: none !important;
    }

    .hero.is-visible .hero-bg,
    .hero.is-visible .hero__decor,
    .hero.is-visible .shop-carusel,
    .hero.is-visible .advantage,
    .fixed-cta,
    .prblms-cta img {
        animation: none !important;
    }

    .fixed-cta,
    .fixed-cta::before,
    .fixed-cta img,
    .scroll-top-cta,
    .scroll-top-cta svg,
    .footer__contacts-list-item,
    .footer__social,
    .footer__social svg,
    .footer__social img {
        transition-duration: 0.18s !important;
        filter: none !important;
        -webkit-filter: none !important;
    }

    .fixed-cta::before {
        transform: none !important;
        opacity: 1 !important;
    }

    .fixed-cta img,
    .fixed-cta:hover img,
    .fixed-cta:focus-visible img {
        filter: none !important;
        -webkit-filter: none !important;
    }

    .advantage,
    .tk-card,
    .items-we-deliever .product-card,
    .services-cards-item,
    .delivery-cta__visual,
    .fixed-cta,
    .scroll-top-cta,
    .prblms-cta img {
        will-change: auto !important;
    }

    .shop-carusel-track,
    .items-we-cards-mobile__row,
    .services-cards-shell .services-cards {
        will-change: transform !important;
        transform: translate3d(var(--services-slide-x, 0px), 0, 0);
    }

    .shop-carusel-track,
    .items-we-cards-mobile__row {
        transform: translate3d(0, 0, 0);
    }

    .items-we-cards-mobile__row--left {
        animation-duration: 26s !important;
    }

    .items-we-cards-mobile__row--right {
        animation-duration: 28s !important;
    }

    :where(a, button, input, select, textarea, summary, [role="button"]) {
        -webkit-tap-highlight-color: transparent !important;
        tap-highlight-color: transparent !important;
    }

}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

body:not(.legal-doc-body) :is(.reveal-up, .reveal-left, .reveal-right, .reveal-scale, .reveal-blur) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    transition-delay: 0s !important;
    will-change: auto !important;
}

body:not(.legal-doc-body) :is(.steps-to-buy, .tk-cmpns, .items-we-deliever, .services, .delivery-cta, .adv-services, .cta-secondary) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    will-change: auto !important;
}

.legal-doc-body .legal-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    transition-delay: 0s !important;
    will-change: auto !important;
}