html {
    box-sizing: border-box;
    scroll-behavior: auto
}

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

body {
    margin: 0;
    padding: 0;
    min-height: 100dvh;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: 'Lora', serif
}

:focus-visible {
    outline: 2px solid #B6B54A;
    outline-offset: 4px;
    border-radius: 0
}

.brand-header {
    background: linear-gradient(160deg, #EFEFE6 0%, #CACC9B 60%, #B6B54A 100%);
    position: relative;
    overflow: hidden
}

.brand-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #b6b54a14 0%, transparent 50%, #cacc9b1f 100%);
    pointer-events: none
}

.brand-header__strip {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 40px
}

.brand-header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 12px;
    border-bottom: 1px solid #b6b54a40;
    gap: 40px
}

.brand-header__credential {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .02em;
    color: #2a2a18;
    font-style: italic;
    white-space: nowrap
}

.logo-hex-pod {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    position: relative;
    flex-shrink: 0
}

.logo-hex-pod::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #fff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    box-shadow: -1px 6px 20px -2px #b6b54a1a
}

.logo-hex-pod__img {
    position: relative;
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
    z-index: 1
}

.brand-header__mid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 20px 0
}

.brand-name-plate {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px
}

.brand-name-plate__label {
    font-family: 'Lora', serif;
    font-size: 41px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1e1e0a;
    display: block
}

.brand-name-plate__sub {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #3a3a1a;
    display: block
}

.brand-header__nav-deck {
    padding: 12px 0 20px
}

.brand-header__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 20px;
    list-style: none;
    margin: 0;
    padding: 0
}

.brand-header__nav-item {
    display: block
}

.brand-header__nav-link {
    display: inline-block;
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .02em;
    color: #2a2a18;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1), background .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1);
    min-height: 44px;
    display: flex;
    align-items: center
}

.brand-header__nav-link:hover,
.brand-header__nav-link:focus-visible {
    color: #1e1e0a;
    background: #ffffff8c;
    border-color: #b6b54a66;
    box-shadow: -1px 6px 20px -2px #b6b54a1a
}

.brand-header__nav-link--active {
    color: #1e1e0a;
    background: #ffffffb3;
    border-color: #b6b54a80;
    font-weight: 700;
    box-shadow: -1px 1px 2px -2px #b6b54a0f
}

@media (max-width: 768px) {
    .brand-header__strip {
        padding: 0 20px
    }

    .brand-header__top {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        text-align: center
    }

    .brand-name-plate__label {
        font-size: 19px
    }

    .brand-header__mid {
        flex-direction: column;
        gap: 12px
    }

    .brand-name-plate {
        align-items: center;
        text-align: center
    }
}

@media (max-width: 375px) {
    .brand-header__strip {
        padding: 0 12px
    }

    .brand-header__nav-link {
        padding: 12px;
        font-size: 15px
    }
}

.site-footer {
    background: #2a2a18;
    color: #EFEFE6
}

.site-footer__top {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 40px 40px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px
}

.footer-brand-cell {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.footer-logo-pod {
    display: flex;
    align-items: center;
    gap: 12px
}

.footer-logo-hex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    position: relative;
    flex-shrink: 0
}

.footer-logo-hex::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #EFEFE6;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)
}

.footer-logo-hex__img {
    position: relative;
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: block;
    z-index: 1
}

.footer-brand-cell__name {
    font-family: 'Lora', serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #CACC9B
}

.footer-brand-cell__addr {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #CACC9B;
    font-style: normal
}

.footer-brand-cell__contact {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.footer-brand-cell__link {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #CACC9B;
    text-decoration: none;
    transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.footer-brand-cell__link:hover {
    color: #B6B54A
}

.footer-nav-cell {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.footer-nav-cell__heading {
    font-family: 'Lora', serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .02em;
    color: #B6B54A;
    text-transform: uppercase;
    padding-bottom: 6px;
    border-bottom: 1px solid #b6b54a33
}

.footer-nav-cell__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.footer-nav-cell__link {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #EFEFE6;
    text-decoration: none;
    display: inline-block;
    min-height: 44px;
    display: flex;
    align-items: center;
    transition: color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.footer-nav-cell__link:hover {
    color: #B6B54A
}

.site-footer__bottom {
    border-top: 1px solid #cacc9b26;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.footer-copy {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #efefe699
}

.footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-legal-links__link {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #efefe699;
    text-decoration: none;
    transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1);
    min-height: 44px;
    display: flex;
    align-items: center
}

.footer-legal-links__link:hover {
    color: #CACC9B
}

@media (max-width: 768px) {
    .site-footer__top {
        grid-template-columns: 1fr;
        padding: 40px 20px 20px;
        gap: 40px
    }

    .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        gap: 12px
    }
}

@media (max-width: 375px) {
    .site-footer__top {
        padding: 40px 12px 20px
    }

    .site-footer__bottom {
        padding: 20px 12px
    }
}

.toast-gdpr {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 320px;
    max-width: calc(100vw - 40px);
    background: #fff;
    border: 1px solid #b6b54a4d;
    border-radius: 10px;
    padding: 20px;
    z-index: 8000;
    box-shadow: -1px 8px 44px -2px #b6b54a1f
}

.toast-gdpr__desc {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #2a2a18;
    margin-bottom: 12px
}

.toast-gdpr__title {
    font-family: 'Lora', serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1e1e0a;
    margin-bottom: 6px;
    display: block
}

.toast-gdpr__actions {
    display: flex;
    gap: 12px;
    align-items: center
}

.toast-gdpr__accept {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1e1e0a;
    background: #B6B54A;
    border: none;
    border-radius: 6px;
    padding: 12px 20px;
    cursor: pointer;
    text-decoration: underline;
    transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), color .25s cubic-bezier(0.34, 1.56, 0.64, 1);
    min-height: 44px
}

.toast-gdpr__accept:hover {
    background: #a0a040;
    color: #fff
}

.toast-gdpr__reject {
    font-family: 'Lora', serif;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a18;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 12px 6px;
    transition: color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    min-height: 44px
}

.toast-gdpr__reject:hover {
    color: #B6B54A
}

.legal-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 80px 40px
}

.legal-container p {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #2a2a2a;
    margin-bottom: 20px
}

.legal-container ul,
.legal-container ol {
    padding-left: 40px;
    margin-bottom: 20px
}

.legal-container li {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #2a2a2a;
    margin-bottom: 6px
}

.legal-container a {
    color: #8a8a1a;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.legal-container a:hover {
    color: #B6B54A
}

.legal-container table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 1.65;
    box-shadow: -1px 6px 20px -2px #b6b54a1a;
    border-radius: 6px;
    overflow: hidden
}

.legal-container thead {
    background-color: #B6B54A
}

.legal-container thead th {
    color: #fff;
    font-size: 15px;
    letter-spacing: .02em;
    padding: 12px 20px;
    text-align: left;
    line-height: 1.15
}

.legal-container tbody tr {
    border-bottom: 1px solid #CACC9B;
    transition: background-color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.legal-container tbody tr:last-child {
    border-bottom: none
}

.legal-container tbody tr:hover {
    background-color: #EFEFE6
}

.legal-container td {
    color: #2a2a2a;
    padding: 12px 20px;
    line-height: 1.65;
    vertical-align: top
}

.legal-container div {
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .legal-container {
        padding: 40px 20px
    }

    .legal-container table {
        display: block;
        overflow-x: auto
    }
}

@media (max-width: 375px) {
    .legal-container {
        padding: 40px 12px
    }

    .legal-container ul,
    .legal-container ol {
        padding-left: 20px
    }
}

.qz-pg {
    max-width: 100%;
    overflow-x: hidden
}

.qz-pg .qz-wrap {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.qz-pg .qz-title {
    padding-top: 80px;
    padding-bottom: 40px;
    background-color: #EFEFE6;
    position: relative
}

.qz-pg .qz-title__grid {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 40px
}

.qz-pg .qz-title__left {
    flex: 0 0 58%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px
}

.qz-pg .qz-title__right {
    flex: 1;
    position: relative
}

.qz-pg .qz-gridlines {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden
}

.qz-pg .qz-gridlines::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#b6b54a12 1px, transparent 1px), linear-gradient(90deg, #b6b54a12 1px, transparent 1px);
    background-size: 48px 48px
}

.qz-pg .qz-title__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    line-height: 1.65;
    color: #5a5a20;
    letter-spacing: .02em
}

.qz-pg .qz-title__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #B6B54A;
    flex-shrink: 0
}

.qz-pg .qz-title__h1 {
    font-size: 70px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a10;
    margin: 0
}

.qz-pg .qz-title__desc {
    font-size: 19px;
    line-height: 1.65;
    color: #3d3d18;
    margin: 0;
    max-width: 520px
}

.qz-pg .qz-title__actions {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 6px
}

.qz-pg .qz-btn--pri {
    display: inline-block;
    padding: 12px 40px;
    background-color: #B6B54A;
    color: #2a2a10;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    border-radius: 6px;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    box-shadow: -1px 1px 2px -2px #b6b54a0f -1px 6px 20px -2px #b6b54a1a;
    transition: background-color .25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden
}

.qz-pg .qz-btn--pri:hover {
    background-color: #a3a240;
    box-shadow: -1px 8px 44px -2px #b6b54a1f
}

.qz-pg .qz-btn--sec {
    display: inline-block;
    padding: 12px 40px;
    background-color: transparent;
    color: #2a2a10;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    border-radius: 6px;
    text-decoration: none !important;
    border: 2px solid #B6B54A;
    cursor: pointer;
    transition: background-color .28s cubic-bezier(0.68, -0.55, 0.27, 1.55), border-color .28s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.qz-pg .qz-btn--sec:hover {
    background-color: #b6b54a1f;
    border-color: #a3a240
}

.qz-pg .qz-img-wrap {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 380px;
    box-shadow: -1px 6px 20px -2px #b6b54a1a -1px 8px 44px -2px #b6b54a1f;
    position: relative
}

.qz-pg .qz-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.qz-pg .qz-img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 30% 40%, #efefe661 0%, transparent 65%), radial-gradient(ellipse at 80% 70%, #cacc9b38 0%, transparent 55%);
    pointer-events: none
}

.qz-pg .qz-quiz {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #fff;
    position: relative
}

.qz-pg .qz-quiz::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 15% 50%, #b6b54a0f 0%, transparent 50%), radial-gradient(ellipse at 85% 30%, #cacc9b14 0%, transparent 45%);
    pointer-events: none;
    animation: qz-glow 6s ease-in-out infinite alternate
}

@keyframes qz-glow {
    0% {
        opacity: .6
    }

    100% {
        opacity: 1
    }
}

.qz-pg .qz-quiz__head {
    margin-bottom: 40px;
    max-width: 640px
}

.qz-pg .qz-quiz__label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px
}

.qz-pg .qz-quiz__label-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #B6B54A;
    flex-shrink: 0
}

.qz-pg .qz-quiz__label-txt {
    font-size: 15px;
    line-height: 1.65;
    color: #5a5a20;
    letter-spacing: .02em
}

.qz-pg .qz-quiz__h2 {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a10;
    margin: 0 0 12px;
    position: relative;
    display: inline-block
}

.qz-pg .qz-quiz__h2::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #B6B54A;
    border-radius: 2px;
    transition: width .35s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.qz-pg .qz-quiz__h2:hover::after {
    width: 100%
}

.qz-pg .qz-quiz__sub {
    font-size: 15px;
    line-height: 1.65;
    color: #4a4a20;
    margin: 0
}

.qz-pg .qz-items {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.qz-pg .qz-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    border-radius: 10px;
    background-color: #EFEFE6;
    box-shadow: -1px 1px 2px -2px #b6b54a0f;
    transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), background-color .32s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative
}

.qz-pg .qz-item:hover {
    box-shadow: -1px 6px 20px -2px #b6b54a1a;
    background-color: #e8e8d8
}

.qz-pg .qz-item__num {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #b6b54a59;
    font-weight: 700;
    flex-shrink: 0;
    width: 52px;
    text-align: right
}

.qz-pg .qz-item__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.qz-pg .qz-item__q {
    font-size: 19px;
    line-height: 1.65;
    color: #2a2a10;
    letter-spacing: .01em;
    margin: 0
}

.qz-pg .qz-item__a {
    font-size: 15px;
    line-height: 1.65;
    color: #4a4a20;
    margin: 0
}

.qz-pg .qz-item__deco {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #B6B54A
}

.qz-pg .qz-dashed-path {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.qz-pg .qz-dashed-path svg {
    width: 100%;
    height: 100%
}

.qz-pg .qz-stat {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #EFEFE6;
    position: relative
}

.qz-pg .qz-stat::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 60%, #b6b54a17 0%, transparent 55%), radial-gradient(ellipse at 20% 30%, #cacc9b1f 0%, transparent 50%);
    pointer-events: none
}

.qz-pg .qz-stat__grid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px
}

.qz-pg .qz-stat__left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.qz-pg .qz-stat__right {
    flex: 0 0 42%;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.qz-pg .qz-stat__h3 {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a10;
    margin: 0;
    position: relative;
    display: inline-block
}

.qz-pg .qz-stat__h3::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #B6B54A;
    border-radius: 2px;
    transition: width .3s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.qz-pg .qz-stat__h3:hover::after {
    width: 100%
}

.qz-pg .qz-stat__p {
    font-size: 15px;
    line-height: 1.65;
    color: #3d3d18;
    margin: 0
}

.qz-pg .qz-fact {
    background-color: #B6B54A;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-shadow: -1px 6px 20px -2px #b6b54a1a
}

.qz-pg .qz-fact__num {
    font-size: 70px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a10
}

.qz-pg .qz-fact__desc {
    font-size: 15px;
    line-height: 1.65;
    color: #2a2a10;
    margin: 0
}

.qz-pg .qz-checks {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.qz-pg .qz-check {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px
}

.qz-pg .qz-check__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #B6B54A;
    flex-shrink: 0;
    margin-top: 6px
}

.qz-pg .qz-check__txt {
    font-size: 15px;
    line-height: 1.65;
    color: #3d3d18;
    margin: 0
}

@media (max-width: 768px) {
    .qz-pg .qz-title__grid {
        flex-direction: column;
        gap: 20px
    }

    .qz-pg .qz-title__left {
        flex: none;
        width: 100%
    }

    .qz-pg .qz-title__right {
        width: 100%
    }

    .qz-pg .qz-title__h1 {
        font-size: 41px
    }

    .qz-pg .qz-img-wrap {
        height: 240px
    }

    .qz-pg .qz-quiz__h2 {
        font-size: 41px
    }

    .qz-pg .qz-stat__grid {
        flex-direction: column
    }

    .qz-pg .qz-stat__right {
        flex: none;
        width: 100%
    }

    .qz-pg .qz-dashed-path {
        display: none
    }
}

@media (max-width: 375px) {
    .qz-pg .qz-title__h1 {
        font-size: 41px
    }

    .qz-pg .qz-title {
        padding-top: 40px
    }

    .qz-pg .qz-quiz {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .qz-pg .qz-stat {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .qz-pg .qz-item {
        flex-direction: column;
        gap: 6px
    }

    .qz-pg .qz-item__num {
        width: auto;
        text-align: left;
        font-size: 19px
    }

    .qz-pg .qz-fact__num {
        font-size: 41px
    }

    .qz-pg .qz-title__actions {
        flex-direction: column;
        gap: 12px
    }
}

.opn {
    max-width: 100%;
    overflow-x: hidden
}

.opn__container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.opn__split-screen {
    display: flex;
    flex-direction: row;
    min-height: 580px
}

.opn__split-left {
    flex: 1.2;
    background-color: #B6B54A;
    padding: 80px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.opn__split-right {
    flex: 1;
    background-color: #CACC9B;
    position: relative;
    overflow: hidden
}

.opn__split-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.opn__light-leak {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 60%;
    background: radial-gradient(ellipse at 0% 0%, #efefe68c 0%, #b6b54a2e 45%, transparent 70%);
    pointer-events: none
}

.opn__h1 {
    font-size: 70px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1b1b00;
    margin-bottom: 40px
}

.opn__tag-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.opn__tag-list li {
    font-size: 19px;
    line-height: 1.65;
    color: #1b1b00;
    padding-left: 20px;
    position: relative
}

.opn__tag-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 2px;
    background-color: #1b1b00;
    border-radius: 2px
}

.opn__wave-divider {
    width: 100%;
    line-height: 0;
    overflow: hidden
}

.opn__wave-divider svg {
    display: block;
    width: 100%
}

.opn__proof {
    background-color: #fff;
    padding: 80px 0 40px
}

.opn__proof-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start
}

.opn__proof-img-wrap {
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    height: 380px
}

.opn__proof-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.opn__proof-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px
}

.opn__h2 {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1b1b00;
    position: relative;
    display: inline-block
}

.opn__h2::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #B6B54A;
    border-radius: 2px;
    animation: underline-draw .28s cubic-bezier(0.34, 1.56, 0.64, 1) .4s forwards
}

@keyframes underline-draw {
    to {
        width: 100%
    }
}

.opn__p {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #2a2a00
}

.opn__p--lead {
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #2a2a00
}

.opn__metrics {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 12px
}

.opn__metric {
    background-color: #EFEFE6;
    border-radius: 6px;
    padding: 20px;
    flex: 1;
    box-shadow: -1px 1px 2px -2px #b6b54a0f -1px 6px 20px -2px #b6b54a1a
}

.opn__metric-num {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #B6B54A;
    display: block
}

.opn__metric-label {
    font-size: 15px;
    line-height: 1.65;
    color: #2a2a00
}

.opn__band-divider {
    height: 40px;
    background: linear-gradient(180deg, #fff 0%, #EFEFE6 100%);
    filter: blur(1px)
}

.opn__experts {
    background-color: #EFEFE6;
    padding: 80px 0
}

.opn__experts-layout {
    display: grid;
    grid-template-columns: 2fr 1.4fr 1fr;
    gap: 20px;
    align-items: start
}

.opn__expert-card {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: -1px 6px 20px -2px #b6b54a1a;
    transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn__expert-card:hover {
    box-shadow: -1px 8px 44px -2px #b6b54a1f;
    transform: translateY(-4px)
}

.opn__expert-img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: center;
    display: block
}

.opn__expert-body {
    padding: 20px
}

.opn__h4 {
    font-size: 19px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1b1b00;
    margin-bottom: 12px
}

.opn__expert-card--sm .opn__expert-img {
    height: 200px
}

.opn__expert-card--xs .opn__expert-img {
    height: 160px
}

.opn__experts-intro {
    margin-bottom: 40px
}

.opn__band-divider--alt {
    height: 40px;
    background: linear-gradient(180deg, #EFEFE6 0%, #fff 100%);
    filter: blur(1px)
}

.opn__fit {
    background-color: #fff;
    padding: 40px 0 80px
}

.opn__fit-layout {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: start
}

.opn__fit-col {
    flex: 1
}

.opn__fit-img-wrap {
    flex: 0 0 420px;
    border-radius: 10px;
    overflow: hidden;
    height: 500px
}

.opn__fit-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.opn__stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px
}

.opn__stack-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
    border-radius: 6px;
    background-color: #EFEFE6;
    transition: background-color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative;
    overflow: hidden
}

.opn__stack-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #B6B54A;
    transition: height .28s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 0
}

.opn__stack-item:hover::before {
    height: 100%
}

.opn__stack-item:hover .opn__stack-label,
.opn__stack-item:hover .opn__stack-desc {
    color: #1b1b00
}

.opn__stack-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
    position: relative;
    z-index: 1
}

.opn__stack-text {
    position: relative;
    z-index: 1
}

.opn__stack-label {
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1b1b00;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
    transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn__stack-desc {
    font-size: 15px;
    line-height: 1.65;
    color: #2a2a00;
    transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn__fit-col--neg {
    margin-top: 40px
}

.opn__h3 {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1b1b00;
    position: relative;
    display: inline-block
}

.opn__h3::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #CACC9B;
    border-radius: 2px;
    animation: underline-draw .28s cubic-bezier(0.34, 1.56, 0.64, 1) .6s forwards
}

.opn__band-divider--b {
    height: 40px;
    background: linear-gradient(180deg, #fff 0%, #CACC9B 100%);
    filter: blur(1px)
}

.opn__journey {
    background-color: #CACC9B;
    padding: 80px 0
}

.opn__journey-layout {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.opn__journey-top {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start
}

.opn__journey-text {
    flex: 1
}

.opn__phases {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: nowrap
}

.opn__phase {
    flex: 1;
    background-color: #ffffff8c;
    border-radius: 10px;
    padding: 20px;
    box-shadow: -1px 1px 2px -2px #b6b54a0f;
    transition: background-color .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn__phase:hover {
    background-color: #ffffffe0
}

.opn__phase-num {
    font-size: 41px;
    line-height: 1.15;
    color: #B6B54A;
    letter-spacing: .01em;
    display: block;
    margin-bottom: 12px
}

.opn__phase-name {
    font-size: 19px;
    line-height: 1.15;
    color: #1b1b00;
    letter-spacing: .01em;
    display: block;
    margin-bottom: 12px
}

.opn__band-divider--c {
    height: 40px;
    background: linear-gradient(180deg, #CACC9B 0%, #EFEFE6 100%);
    filter: blur(1px)
}

.opn__value {
    background-color: #EFEFE6;
    padding: 40px 0 80px
}

.opn__value-layout {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: start
}

.opn__value-list {
    flex: 1.4;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.opn__value-item {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start
}

.opn__value-item--alt {
    flex-direction: row-reverse
}

.opn__value-icon-wrap {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: #B6B54A;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.opn__value-icon-wrap svg {
    width: 20px;
    height: 20px
}

.opn__value-text {
    flex: 1
}

.opn__value-aside {
    flex: 1;
    padding-top: 20px
}

.opn__band-divider--d {
    height: 40px;
    background: linear-gradient(180deg, #EFEFE6 0%, #fff 100%);
    filter: blur(1px)
}

.opn__invest {
    background-color: #fff;
    padding: 40px 0 80px
}

.opn__invest-layout {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: start
}

.opn__invest-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.opn__invest-panel {
    flex: 1;
    background-color: #EFEFE6;
    border-radius: 10px;
    padding: 40px;
    box-shadow: -1px 6px 20px -2px #b6b54a1a;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.opn__invest-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #b6b54a33
}

.opn__invest-row:last-child {
    border-bottom: none
}

.opn__invest-key {
    font-size: 15px;
    line-height: 1.65;
    color: #2a2a00
}

.opn__invest-val {
    font-size: 19px;
    line-height: 1.15;
    color: #1b1b00;
    letter-spacing: .01em;
    font-weight: 600
}

.opn__btn {
    display: inline-block;
    padding: 12px 40px;
    background-color: #B6B54A;
    color: #1b1b00;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .02em;
    text-decoration: none;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: -1px 1px 2px -2px #b6b54a0f -1px 6px 20px -2px #b6b54a1a
}

.opn__btn:hover {
    box-shadow: -1px 8px 44px -2px #b6b54a1f
}

.opn__btn-ripple {
    position: absolute;
    border-radius: 50%;
    background-color: #ffffff59;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    animation: ripple-out .32s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    pointer-events: none
}

@keyframes ripple-out {
    to {
        width: 300px;
        height: 300px;
        opacity: 0
    }
}

@media (max-width: 768px) {
    .opn__split-screen {
        flex-direction: column
    }

    .opn__split-left {
        padding: 80px 20px 40px
    }

    .opn__split-right {
        height: 300px
    }

    .opn__h1 {
        font-size: 41px
    }

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

    .opn__experts-layout {
        grid-template-columns: 1fr
    }

    .opn__fit-layout {
        flex-direction: column
    }

    .opn__fit-img-wrap {
        flex: none;
        width: 100%;
        height: 300px
    }

    .opn__journey-top {
        flex-direction: column
    }

    .opn__phases {
        flex-direction: column
    }

    .opn__value-layout {
        flex-direction: column
    }

    .opn__invest-layout {
        flex-direction: column
    }

    .opn__metrics {
        flex-direction: column
    }
}

@media (max-width: 375px) {
    .opn__h1 {
        font-size: 41px
    }

    .opn__h2,
    .opn__h3 {
        font-size: 41px
    }

    .opn__container {
        padding-left: 12px;
        padding-right: 12px
    }

    .opn__split-left {
        padding: 40px 12px 20px
    }
}

.ctus {
    max-width: 100%;
    overflow-x: hidden
}

.ctus__scan-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-image: repeating-linear-gradient(180deg, transparent, transparent 3px, #b6b54a08 3px, #b6b54a08 4px);
    animation: scanDrift 18s linear infinite;
    z-index: 0
}

@keyframes scanDrift {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 80px
    }
}

.ctus__reach {
    position: relative;
    background-color: #EFEFE6;
    padding: 80px 20px
}

.ctus__reach-inner {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: 80px;
    align-items: flex-start
}

.ctus__reach-left {
    flex: 0 0 340px;
    position: relative;
    z-index: 1
}

.ctus__reach-right {
    flex: 1 1 auto;
    position: relative;
    z-index: 1
}

.ctus__eyebrow {
    display: inline-block;
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7a7a2a;
    margin-bottom: 20px;
    font-weight: 600
}

.ctus__h1 {
    font-size: 70px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a10;
    margin: 0 0 20px;
    position: relative
}

.ctus__h1-line {
    display: block;
    width: 0;
    height: 2px;
    background: #B6B54A;
    margin-top: 12px;
    animation: lineGrow .28s cubic-bezier(0.34, 1.56, 0.64, 1) .4s forwards
}

@keyframes lineGrow {
    to {
        width: 100%
    }
}

.ctus__desc {
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #3a3a18;
    margin: 0 0 40px
}

.ctus__meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.ctus__meta-item {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.ctus__meta-label {
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .02em;
    color: #7a7a2a;
    text-transform: uppercase;
    font-weight: 700
}

.ctus__meta-val {
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #2a2a10
}

.ctus__meta-val a {
    color: #2a2a10;
    text-decoration: underline;
    text-decoration-color: #B6B54A;
    transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__meta-val a:hover {
    color: #7a7a2a
}

.ctus__deco-corner {
    position: absolute;
    pointer-events: none
}

.ctus__deco-corner--tl {
    top: 40px;
    left: 20px;
    width: 40px;
    height: 40px;
    border-top: 1px dashed #B6B54A;
    border-left: 1px dashed #B6B54A
}

.ctus__deco-corner--br {
    bottom: 40px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-bottom: 1px dashed #B6B54A;
    border-right: 1px dashed #B6B54A
}

.ctus__big-num {
    font-size: 70px;
    line-height: 1.15;
    letter-spacing: .01em;
    font-weight: 800;
    background: linear-gradient(135deg, #B6B54A 0%, #CACC9B 60%, #B6B54A 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    margin-bottom: 6px
}

.ctus__big-num-label {
    font-size: 15px;
    line-height: 1.65;
    color: #5a5a20;
    letter-spacing: .02em
}

.ctus__num-block {
    margin-top: 40px;
    padding: 20px;
    border: 1px dashed #CACC9B;
    border-radius: 6px;
    background: #b6b54a0a
}

.ctus__form-wrap {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    box-shadow: -1px 1px 2px -2px #b6b54a0f -1px 6px 20px -2px #b6b54a1a -1px 8px 44px -2px #b6b54a1f
}

.ctus__form-wrap::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 10px;
    border: 1px dashed #CACC9B;
    pointer-events: none
}

.ctus__form-h2 {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a10;
    margin: 0 0 6px;
    position: relative
}

.ctus__form-h2-line {
    display: block;
    width: 0;
    height: 2px;
    background: #B6B54A;
    margin-top: 8px;
    animation: lineGrow .25s cubic-bezier(0.34, 1.56, 0.64, 1) .6s forwards
}

.ctus__form-sub {
    font-size: 15px;
    line-height: 1.65;
    color: #5a5a20;
    margin: 0 0 40px;
    letter-spacing: .01em
}

.ctus__field-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 20px
}

.ctus__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto
}

.ctus__label {
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .02em;
    color: #3a3a18;
    font-weight: 600
}

.ctus__input {
    font-size: 15px;
    line-height: 1.65;
    color: #2a2a10;
    background: #EFEFE6;
    border: 1px solid #CACC9B;
    border-radius: 6px;
    padding: 12px 20px;
    outline: none;
    box-shadow: inset 0 2px 4px #b6b54a14;
    transition: border-color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    width: 100%
}

.ctus__input::placeholder {
    color: #9a9a60;
    transition: opacity .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__input:focus::placeholder {
    opacity: 0
}

.ctus__input:focus {
    border-color: #B6B54A;
    box-shadow: inset 0 2px 4px #b6b54a1f 0 0 0 2px #b6b54a2e
}

.ctus__checks-group {
    margin-bottom: 20px
}

.ctus__checks-label {
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .02em;
    color: #3a3a18;
    font-weight: 600;
    margin-bottom: 12px;
    display: block
}

.ctus__checks-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.ctus__check-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #CACC9B;
    background: #EFEFE6;
    transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__check-item:hover {
    background: #b6b54a1a;
    border-color: #B6B54A
}

.ctus__check-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #B6B54A;
    cursor: pointer;
    flex-shrink: 0
}

.ctus__check-text {
    font-size: 15px;
    line-height: 1.65;
    color: #2a2a10
}

.ctus__textarea-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 20px
}

.ctus__textarea {
    font-size: 15px;
    line-height: 1.65;
    color: #2a2a10;
    background: #EFEFE6;
    border: 1px solid #CACC9B;
    border-radius: 6px;
    padding: 12px 20px;
    outline: none;
    resize: vertical;
    min-height: 100px;
    box-shadow: inset 0 2px 4px #b6b54a14;
    transition: border-color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    width: 100%
}

.ctus__textarea::placeholder {
    color: #9a9a60;
    transition: opacity .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__textarea:focus::placeholder {
    opacity: 0
}

.ctus__textarea:focus {
    border-color: #B6B54A;
    box-shadow: inset 0 2px 4px #b6b54a1f 0 0 0 2px #b6b54a2e
}

.ctus__privacy {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
    padding: 12px;
    border-radius: 6px;
    background: #cacc9b26
}

.ctus__privacy input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #B6B54A;
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 2px
}

.ctus__privacy-text {
    font-size: 15px;
    line-height: 1.65;
    color: #3a3a18
}

.ctus__privacy-text a {
    color: #7a7a2a;
    text-decoration: underline;
    text-decoration-color: #B6B54A
}

.ctus__privacy-text a:hover {
    color: #2a2a10
}

.ctus__submit-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .06em;
    color: #2a2a10;
    background: #B6B54A;
    border: none;
    border-radius: 6px;
    padding: 12px 40px;
    cursor: pointer;
    font-weight: 700;
    box-shadow: -1px 6px 20px -2px #b6b54a38;
    transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__submit-btn:hover {
    background: #9a9930;
    box-shadow: 0 0 0 6px #b6b54a2e -1px 8px 44px -2px #b6b54a33;
    transform: translateY(-2px)
}

.ctus__submit-btn:active {
    transform: translateY(0px)
}

.ctus__submit-btn:focus {
    outline: 2px solid #B6B54A;
    outline-offset: 3px
}

.ctus__ripple-area {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.ctus__img-block {
    position: relative;
    background-color: #2a2a10;
    padding: 80px 20px;
    overflow: hidden
}

.ctus__img-block-bg {
    position: absolute;
    inset: 0;
    z-index: 0
}

.ctus__img-block-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(1);
    display: block
}

.ctus__img-block-tint {
    position: absolute;
    inset: 0;
    background: #b6b54a8c;
    z-index: 1
}

.ctus__img-block-inner {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.4fr 1fr;
    gap: 40px;
    align-items: center
}

.ctus__img-col {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.ctus__img-col--center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 40px;
    border: 1px dashed #fff9;
    border-radius: 10px;
    background: #ffffff14
}

.ctus__img-stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px;
    border-radius: 6px;
    background: #efefe6d9;
    box-shadow: -1px 1px 2px -2px #b6b54a0f -1px 6px 20px -2px #b6b54a1a;
    transition: box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1), transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__img-stat:hover {
    box-shadow: 0 0 0 4px #b6b54a38 -1px 8px 44px -2px #b6b54a2e;
    transform: translateY(-3px)
}

.ctus__img-stat-num {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    font-weight: 800;
    color: #2a2a10
}

.ctus__img-stat-desc {
    font-size: 15px;
    line-height: 1.65;
    color: #3a3a18
}

.ctus__img-center-h {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #fff;
    text-align: center;
    margin: 0
}

.ctus__img-center-p {
    font-size: 19px;
    line-height: 1.65;
    color: #ffffffeb;
    text-align: center;
    margin: 0
}

.ctus__img-center-link {
    display: inline-block;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .04em;
    color: #2a2a10;
    background: #EFEFE6;
    border-radius: 6px;
    padding: 12px 20px;
    text-decoration: none;
    font-weight: 700;
    transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__img-center-link:hover {
    background: #B6B54A;
    transform: translateY(-2px)
}

@media (max-width: 1366px) {
    .ctus__h1 {
        font-size: clamp(41px, 6vw, 70px)
    }

    .ctus__reach-inner {
        gap: 40px
    }

    .ctus__reach-left {
        flex: 0 0 280px
    }
}

@media (max-width: 768px) {
    .ctus__reach-inner {
        flex-direction: column;
        gap: 40px
    }

    .ctus__reach-left {
        flex: none;
        width: 100%
    }

    .ctus__field-row {
        flex-direction: column
    }

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

    .ctus__img-block-inner {
        grid-template-columns: 1fr
    }

    .ctus__img-col--center {
        padding: 20px
    }

    .ctus__h1 {
        font-size: 41px
    }

    .ctus__form-wrap {
        padding: 20px
    }
}

@media (max-width: 375px) {
    .ctus__reach {
        padding: 40px 12px
    }

    .ctus__img-block {
        padding: 40px 12px
    }

    .ctus__h1 {
        font-size: 41px
    }

    .ctus__form-h2 {
        font-size: 19px
    }

    .ctus__big-num {
        font-size: 41px
    }
}

.abt-us {
    max-width: 100%;
    overflow-x: hidden
}

.abt-us__frame {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.abt-us .title-blk {
    background: linear-gradient(152deg, #EFEFE6 0%, #CACC9B 40%, #B6B54A 80%, #EFEFE6 100%);
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

.abt-us .title-blk__frame-line {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border: 1px solid #b6b54a59;
    border-radius: 2px;
    pointer-events: none
}

.abt-us .title-blk__inner {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.abt-us .title-blk__pre {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #3a3820;
    text-transform: uppercase
}

.abt-us .title-blk__h1 {
    font-size: 70px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2910;
    margin: 0;
    position: relative;
    display: inline-block
}

.abt-us .title-blk__h1::after {
    content: '';
    display: block;
    height: 3px;
    background: #2a2910;
    border-radius: 2px;
    width: 0;
    animation: line-draw .35s cubic-bezier(0.34, 1.56, 0.64, 1) .2s forwards
}

@keyframes line-draw {
    to {
        width: 100%
    }
}

.abt-us .title-blk__sub {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #3a3820;
    margin: 0
}

.abt-us .title-blk__desc {
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #3a3820;
    max-width: 640px;
    margin: 0
}

.abt-us .title-blk__metric-row {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 20px
}

.abt-us .metric {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.abt-us .metric__num {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2910;
    font-weight: 700
}

.abt-us .metric__arrow {
    display: inline-block;
    width: 28px;
    height: 14px;
    position: relative;
    vertical-align: middle;
    margin: 0 6px
}

.abt-us .metric__arrow svg {
    width: 28px;
    height: 14px
}

.abt-us .metric__label {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #3a3820
}

.abt-us .title-blk__wavy {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 18px;
    overflow: hidden
}

.abt-us .title-blk__wavy svg {
    width: 100%;
    height: 18px
}

.abt-us .about-mid {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #fff;
    position: relative
}

.abt-us .about-mid__dotdiv {
    border-top: 2px dotted #b6b54a66;
    margin-bottom: 40px
}

.abt-us .about-mid__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start
}

.abt-us .about-mid__col-text {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.abt-us .about-mid__h2 {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2910;
    margin: 0;
    position: relative;
    display: inline-block
}

.abt-us .about-mid__h2::after {
    content: '';
    display: block;
    height: 2px;
    background: #B6B54A;
    border-radius: 2px;
    width: 0;
    transition: width .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .about-mid__col-text:hover .about-mid__h2::after {
    width: 100%
}

.abt-us .about-mid__p {
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #2d2c10;
    margin: 0
}

.abt-us .about-mid__p--sm {
    font-size: 15px;
    line-height: 1.65;
    color: #4a4830;
    margin: 0
}

.abt-us .about-mid__img-stack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 12px
}

.abt-us .img-box {
    overflow: hidden;
    border-radius: 6px;
    box-shadow: -1px 6px 20px -2px #b6b54a1a
}

.abt-us .img-box--tall {
    grid-row: span 2
}

.abt-us .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .img-box:hover img {
    transform: scale(1.04)
}

.abt-us .img-box--tall {
    height: 320px
}

.abt-us .img-box--sq {
    height: 150px
}

.abt-us .about-mid__layers {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.abt-us .layer-card {
    background: #EFEFE6;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: -1px 1px 2px -2px #b6b54a0f -1px 6px 20px -2px #b6b54a1a;
    transition: box-shadow .22s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.abt-us .layer-card:hover {
    box-shadow: -1px 8px 44px -2px #b6b54a1f;
    transform: translateY(-3px)
}

.abt-us .layer-card__icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.abt-us .layer-card__icon svg {
    width: 28px;
    height: 28px
}

.abt-us .layer-card__h5 {
    font-size: 19px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2910;
    margin: 0;
    position: relative;
    display: inline-block
}

.abt-us .layer-card__h5::after {
    content: '';
    display: block;
    height: 2px;
    background: #B6B54A;
    border-radius: 2px;
    width: 0;
    transition: width .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .layer-card:hover .layer-card__h5::after {
    width: 100%
}

.abt-us .layer-card__p {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #4a4830;
    margin: 0
}

.abt-us .subscribe-blk {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #EFEFE6;
    position: relative
}

.abt-us .subscribe-blk__dotdiv {
    border-top: 2px dotted #b6b54a66;
    margin-bottom: 40px
}

.abt-us .subscribe-blk__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center
}

.abt-us .subscribe-blk__col-info {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.abt-us .subscribe-blk__h3 {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2910;
    margin: 0;
    position: relative;
    display: inline-block
}

.abt-us .subscribe-blk__h3::after {
    content: '';
    display: block;
    height: 2px;
    background: #B6B54A;
    border-radius: 2px;
    width: 0;
    transition: width .3s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .subscribe-blk__col-info:hover .subscribe-blk__h3::after {
    width: 100%
}

.abt-us .subscribe-blk__p {
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #2d2c10;
    margin: 0
}

.abt-us .subscribe-blk__p--sm {
    font-size: 15px;
    line-height: 1.65;
    color: #4a4830;
    margin: 0
}

.abt-us .sub-img-wrap {
    overflow: hidden;
    border-radius: 10px;
    height: 340px;
    box-shadow: -1px 8px 44px -2px #b6b54a1f
}

.abt-us .sub-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.abt-us .sub-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    box-shadow: -1px 6px 20px -2px #b6b54a1a
}

.abt-us .sub-form__field {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.abt-us .sub-form__label {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #2a2910;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px
}

.abt-us .sub-form__label svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.abt-us .sub-form__input {
    border: 1px solid #b6b54a80;
    border-radius: 6px;
    padding: 12px;
    font-size: 15px;
    line-height: 1.65;
    color: #2a2910;
    background: #fff;
    box-shadow: inset 0 2px 4px #b6b54a14;
    transition: border-color .25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1);
    outline: none;
    width: 100%
}

.abt-us .sub-form__input::placeholder {
    color: #9a9870;
    transition: opacity .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .sub-form__input:focus::placeholder {
    opacity: 0
}

.abt-us .sub-form__input:focus {
    border-color: #B6B54A;
    box-shadow: inset 0 2px 4px #b6b54a1f 0 0 0 2px #b6b54a2e
}

.abt-us .sub-form__check-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px
}

.abt-us .sub-form__check-row svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 4px
}

.abt-us .sub-form__check {
    width: 18px;
    height: 18px;
    accent-color: #B6B54A;
    flex-shrink: 0;
    margin-top: 3px;
    cursor: pointer
}

.abt-us .sub-form__check-label {
    font-size: 15px;
    line-height: 1.65;
    color: #4a4830;
    cursor: pointer
}

.abt-us .sub-form__btn {
    background: #B6B54A;
    color: #2a2910;
    border: none;
    border-radius: 6px;
    padding: 12px 40px;
    font-size: 15px;
    letter-spacing: .02em;
    cursor: pointer;
    align-self: flex-start;
    box-shadow: -1px 6px 20px -2px #b6b54a1a;
    transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative;
    overflow: hidden
}

.abt-us .sub-form__btn:hover {
    background: #9a9938;
    box-shadow: -1px 8px 44px -2px #b6b54a1f;
    transform: translateY(-2px)
}

.abt-us .sub-form__btn:focus {
    outline: 2px solid #2a2910;
    outline-offset: 2px
}

.abt-us .sub-form__btn:active {
    transform: translateY(0)
}

.abt-us .sub-form__btn-ripple {
    position: absolute;
    border-radius: 50%;
    background: #2a29102e;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    animation: btn-ripple .35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    pointer-events: none
}

@keyframes btn-ripple {
    to {
        width: 200px;
        height: 200px;
        opacity: 0
    }
}

.abt-us .subscribe-blk__wavy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 18px;
    overflow: hidden
}

.abt-us .subscribe-blk__wavy svg {
    width: 100%;
    height: 18px
}

.abt-us .height-reveal {
    overflow: hidden;
    animation: height-expand .35s cubic-bezier(0.34, 1.56, 0.64, 1) .1s both
}

@keyframes height-expand {
    from {
        max-height: 0;
        opacity: .4
    }

    to {
        max-height: 2000px;
        opacity: 1
    }
}

@media (max-width: 1366px) {
    .abt-us .title-blk__h1 {
        font-size: 70px
    }

    .abt-us .about-mid__layers {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 768px) {
    .abt-us .title-blk__h1 {
        font-size: 41px
    }

    .abt-us .title-blk__sub {
        font-size: 19px
    }

    .abt-us .about-mid__grid {
        grid-template-columns: 1fr
    }

    .abt-us .about-mid__layers {
        grid-template-columns: 1fr 1fr
    }

    .abt-us .subscribe-blk__grid {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .abt-us .title-blk__metric-row {
        gap: 20px
    }

    .abt-us .about-mid__img-stack {
        grid-template-columns: 1fr
    }

    .abt-us .img-box--tall {
        grid-row: span 1;
        height: 220px
    }

    .abt-us .img-box--sq {
        height: 180px
    }
}

@media (max-width: 375px) {
    .abt-us .title-blk__h1 {
        font-size: 41px
    }

    .abt-us .about-mid__layers {
        grid-template-columns: 1fr
    }

    .abt-us .title-blk__inner {
        padding-left: 20px;
        padding-right: 20px
    }

    .abt-us .sub-form {
        padding: 20px
    }

    .abt-us .metric__num {
        font-size: 19px
    }
}

.rdmp {
    max-width: 100%;
    overflow-x: hidden
}

.rdmp__inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px
}

.rdmp__split {
    display: flex;
    flex-direction: row;
    min-height: 0;
    background: #fff;
    position: relative
}

.rdmp__split-left {
    flex: 1.2;
    background: #B6B54A;
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.rdmp__split-left::before {
    content: "\201C";
    position: absolute;
    top: 20px;
    left: 12px;
    font-size: 260px;
    line-height: 1.15;
    color: #ffffff21;
    pointer-events: none;
    user-select: none
}

.rdmp__split-right {
    flex: 1;
    background: #EFEFE6;
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.rdmp__split-border {
    width: 2px;
    background: linear-gradient(180deg, transparent 0%, #B6B54A 30%, #CACC9B 70%, transparent 100%);
    flex-shrink: 0
}

.rdmp__eyebrow {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #ffffffc7;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600
}

.rdmp__h1 {
    font-size: 70px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #fff;
    margin: 0 0 20px;
    position: relative;
    display: inline-block
}

.rdmp__h1 span {
    display: block
}

.rdmp__h1-accent {
    color: #EFEFE6;
    font-size: 41px;
    line-height: 1.15
}

.rdmp__lead {
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #ffffffeb;
    max-width: 420px;
    margin: 0
}

.rdmp__img-wrap {
    width: 100%;
    max-width: 340px;
    height: 280px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: -1px 6px 20px -2px #b6b54a1a -1px 8px 44px -2px #b6b54a1f;
    margin-bottom: 20px
}

.rdmp__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: blur(0px) saturate(0.9);
    transition: filter .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.rdmp__img-wrap:hover img {
    filter: blur(0px) saturate(1.1)
}

.rdmp__meta {
    font-size: 15px;
    line-height: 1.65;
    color: #5a5a2a;
    letter-spacing: .01em
}

.rdmp__meta strong {
    color: #3a3a10
}

.rdmp__steps-sec {
    background: #fff;
    padding: 80px 0;
    position: relative
}

.rdmp__steps-sec::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #B6B54A 0%, #CACC9B 55%, #EFEFE6 100%);
    position: absolute;
    top: 0;
    left: 0
}

.rdmp__steps-head {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 80px
}

.rdmp__steps-h2 {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a0a;
    margin: 0;
    position: relative;
    display: inline-block
}

.rdmp__steps-h2::after {
    content: "";
    display: block;
    height: 3px;
    width: 0;
    background: #B6B54A;
    border-radius: 2px;
    margin-top: 6px;
    animation: underline-draw .32s cubic-bezier(0.34, 1.56, 0.64, 1) .4s forwards
}

@keyframes underline-draw {
    to {
        width: 100%
    }
}

.rdmp__steps-desc {
    font-size: 15px;
    line-height: 1.65;
    color: #5a5a3a;
    max-width: 340px;
    margin: 0;
    flex: 1
}

.rdmp__timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0
}

.rdmp__tl-item {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
    position: relative;
    opacity: 0;
    transform: translateY(18px);
    animation: step-in .3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.rdmp__tl-item:nth-child(1) {
    animation-delay: .1s
}

.rdmp__tl-item:nth-child(2) {
    animation-delay: .18s
}

.rdmp__tl-item:nth-child(3) {
    animation-delay: .26s
}

.rdmp__tl-item:nth-child(4) {
    animation-delay: .34s
}

.rdmp__tl-item:nth-child(5) {
    animation-delay: .42s
}

@keyframes step-in {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.rdmp__tl-spine {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 40px
}

.rdmp__tl-num {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #B6B54A;
    color: #fff;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: -1px 1px 2px -2px #b6b54a0f -1px 6px 20px -2px #b6b54a1a;
    transition: background .22s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.rdmp__tl-item:hover .rdmp__tl-num {
    background: #2a2a0a;
    transform: scale(1.12)
}

.rdmp__tl-line {
    width: 2px;
    flex: 1;
    min-height: 40px;
    background: linear-gradient(180deg, #B6B54A 0%, #CACC9B 100%);
    border-radius: 2px;
    margin: 6px 0
}

.rdmp__tl-item:last-child .rdmp__tl-line {
    display: none
}

.rdmp__tl-body {
    flex: 1;
    padding-bottom: 40px
}

.rdmp__tl-item:last-child .rdmp__tl-body {
    padding-bottom: 0
}

.rdmp__tl-phase {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #B6B54A;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 6px
}

.rdmp__tl-h {
    font-size: 19px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #1e1e08;
    margin: 0 0 12px;
    font-weight: 700
}

.rdmp__tl-p {
    font-size: 15px;
    line-height: 1.65;
    color: #4a4a28;
    margin: 0 0 12px
}

.rdmp__tl-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px
}

.rdmp__tag {
    font-size: 15px;
    line-height: 1.65;
    color: #3a3a10;
    background: #EFEFE6;
    border-radius: 2px;
    padding: 0 12px;
    border: 1px solid #CACC9B;
    letter-spacing: .01em
}

.rdmp__icons-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    padding: 20px;
    background: #EFEFE6;
    border-radius: 10px;
    box-shadow: -1px 1px 2px -2px #b6b54a0f
}

.rdmp__icon-node {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex: 1
}

.rdmp__icon-shape {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rdmp__icon-lbl {
    font-size: 15px;
    line-height: 1.65;
    color: #3a3a10;
    text-align: center;
    letter-spacing: .01em
}

.rdmp__dash-line {
    flex: 1;
    height: 2px;
    border-top: 2px dashed #B6B54A;
    opacity: .6
}

@media (max-width: 768px) {
    .rdmp__split {
        flex-direction: column
    }

    .rdmp__split-border {
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, #B6B54A 30%, #CACC9B 70%, transparent 100%)
    }

    .rdmp__split-left,
    .rdmp__split-right {
        padding: 40px 20px
    }

    .rdmp__h1 {
        font-size: 41px
    }

    .rdmp__h1-accent {
        font-size: 19px
    }

    .rdmp__steps-head {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px
    }

    .rdmp__tl-item {
        gap: 20px
    }

    .rdmp__icons-row {
        flex-direction: column;
        gap: 12px
    }

    .rdmp__dash-line {
        width: 2px;
        height: 24px;
        border-top: none;
        border-left: 2px dashed #B6B54A
    }
}

@media (max-width: 375px) {

    .rdmp__split-left,
    .rdmp__split-right {
        padding: 40px 12px
    }

    .rdmp__h1 {
        font-size: 41px
    }

    .rdmp__steps-sec {
        padding: 40px 0
    }
}

.succ-pg {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    background-color: #EFEFE6
}

.succ-pg .succ-card {
    background: #fff;
    max-width: 560px;
    width: 100%;
    padding: 80px 40px;
    border-radius: 10px;
    box-shadow: -1px 6px 20px -2px #b6b54a1a -1px 8px 44px -2px #b6b54a1f;
    text-align: center
}

.succ-pg .succ-card__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 40px;
    display: block
}

.succ-pg .succ-card__hdg {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #2a2a1e;
    margin-bottom: 20px
}

.succ-pg .succ-card__hdg span {
    display: inline-block;
    background: linear-gradient(135deg, #B6B54A 30%, #9a9930 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.succ-pg .succ-card__txt {
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #3d3d2a;
    margin-bottom: 40px
}

.succ-pg .succ-card__divider {
    width: 48px;
    height: 2px;
    background: #B6B54A;
    border-radius: 2px;
    margin: 0 auto 40px
}

.succ-pg .succ-card__note {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #6a6a50;
    margin-bottom: 40px
}

.succ-pg .succ-card__btn {
    display: inline-block;
    padding: 12px 40px;
    background: #B6B54A;
    color: #fff;
    font-size: 15px;
    letter-spacing: .02em;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: -1px 1px 2px -2px #b6b54a0f -1px 6px 20px -2px #b6b54a1a
}

.succ-pg .succ-card__btn:hover {
    background: #9a9930;
    box-shadow: -1px 6px 20px -2px #b6b54a2e -1px 8px 44px -2px #b6b54a24
}

.succ-pg .succ-card__btn:focus {
    outline: 2px solid #B6B54A;
    outline-offset: 3px
}

.succ-pg .succ-card__btn:active {
    background: #8a8828
}

@media (max-width: 768px) {
    .succ-pg .succ-card {
        padding: 40px 20px
    }

    .succ-pg .succ-card__hdg {
        font-size: 41px
    }
}

@media (max-width: 375px) {
    .succ-pg {
        padding: 40px 12px
    }

    .succ-pg .succ-card__hdg {
        font-size: 19px
    }
}