/*
 * Desktop/tablet parity fixes.
 *
 * This file intentionally stays out of the <=720px mobile layout.  It is
 * loaded last so the landing page does not jump between the legacy 1180,
 * 1252 and 1860px geometry at 1281/1366/1400px.
 */

@media (min-width: 721px) {
    html body.onek-body.onek-landing-page {
        --onek-parity-shell: min(1252px, calc(100vw - 28px));
    }

    /* A horizontal carousel may be wider than the shared shell, never the viewport. */
    html body.onek-body.onek-landing-page .onek-service-window {
        max-width: 100vw;
    }
}

/* The old Partners implementation became a fixed 1200px canvas at 901px. */
@media (min-width: 901px) {
    html body.onek-body.onek-landing-page .onek-partners {
        position: relative;
        width: var(--onek-parity-shell) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: clamp(144px, 13vw, 176px) auto 0 !important;
        padding: 0 0 112px !important;
        overflow: visible;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page .onek-partners > .onek-container {
        width: 100% !important;
        max-width: none !important;
        min-height: 0;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    html body.onek-body.onek-landing-page .onek-partners > .onek-container > h2 {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 50px !important;
        font-size: clamp(34px, 3.3vw, 46px) !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(360px, 46%);
        gap: clamp(28px, 4vw, 52px) !important;
        align-items: start;
        margin: 0 !important;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        width: auto !important;
        height: auto !important;
        min-width: 0;
        min-height: 0 !important;
    }

    html body.onek-body.onek-landing-page .onek-partners .onek-partners__headline {
        position: static;
        width: min(500px, 100%) !important;
        height: auto !important;
        margin: 0 auto !important;
        font-size: clamp(38px, 4.35vw, 60px) !important;
        font-weight: 400 !important;
        line-height: 1.22 !important;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-partners .onek-partners__headline span,
    html body.onek-body.onek-landing-page .onek-partners .onek-partners__headline em {
        position: static;
        display: block;
        margin: 0;
        font: inherit;
        line-height: inherit;
    }

    html body.onek-body.onek-landing-page .onek-partners .onek-partners__headline em {
        margin-top: .16em;
        font-style: normal;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child > p {
        position: static;
        width: min(400px, 100%) !important;
        height: auto !important;
        margin: 62px 0 0 !important;
        font-size: clamp(20px, 2vw, 28px) !important;
        font-style: italic;
        font-weight: 600;
        line-height: 1.57 !important;
    }

    html body.onek-body.onek-landing-page .onek-partners__accordion {
        position: static;
        width: min(429px, 100%) !important;
        margin: 38px auto 0 !important;
        padding: 0 !important;
    }

    html body.onek-body.onek-landing-page .onek-partners__accordion-item,
    html body.onek-body.onek-landing-page .onek-partners__accordion-button,
    html body.onek-body.onek-landing-page .onek-partners__accordion-panel {
        width: 100% !important;
        max-width: 100%;
    }

    html body.onek-body.onek-landing-page .onek-partners__accordion-button {
        min-height: 55px;
        height: auto !important;
        gap: 16px;
        padding: 8px 0 !important;
        font-size: clamp(15px, 1.45vw, 20px) !important;
        line-height: 1.4 !important;
    }

    html body.onek-body.onek-landing-page .onek-partners__accordion-panel p {
        width: 100% !important;
        height: auto !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    html body.onek-body.onek-landing-page .onek-partners .onek-telegram {
        position: static;
        margin: 34px auto 0 !important;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud {
        position: static;
        width: 100% !important;
        max-width: 560px;
        height: auto !important;
        min-height: 320px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(4, minmax(54px, auto)) !important;
        gap: clamp(20px, 2.8vw, 40px) clamp(12px, 1.7vw, 24px) !important;
        margin: 0 0 0 auto !important;
        padding: clamp(30px, 3.4vw, 43px) clamp(26px, 3.3vw, 44px) !important;
        border-radius: clamp(28px, 3vw, 40px) !important;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud span,
    html body.onek-body.onek-landing-page .onek-logo-cloud .onek-partner-badge {
        width: 100% !important;
        min-width: 0;
        height: 57px !important;
        padding: 6px !important;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud img {
        width: 100% !important;
        max-width: 88px !important;
        height: 100% !important;
        max-height: 41px !important;
        object-fit: contain;
    }
}

@media (min-width: 1281px) {
    /* Exchange: one shell and one geometry on 1281, 1366, 1400 and ultrawide. */
    html body.onek-body.onek-landing-page .onek-exchange-area {
        height: auto !important;
        min-height: 0;
        padding: 24px 0 42px !important;
    }

    html body.onek-body.onek-landing-page .onek-exchange-area > .onek-container {
        width: 100%;
        max-width: none;
    }

    html body.onek-body.onek-landing-page .onek-terminal--exchange {
        position: relative;
        width: var(--onek-parity-shell) !important;
        max-width: var(--onek-parity-shell);
        height: 836px;
        min-height: 836px;
        margin: 0 auto;
        padding: 46px 114px 30px 118px;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page .onek-terminal--exchange .onek-terminal__columns {
        grid-template-columns: minmax(0, 380px) 120px minmax(0, 380px);
        gap: 70px;
        justify-content: center;
    }

    html body.onek-body.onek-landing-page .onek-terminal__side--get .onek-route-row--amount {
        grid-template-columns: minmax(0, 1fr) 118px !important;
    }

    html body.onek-body.onek-landing-page .onek-terminal__side--get .onek-route-row input {
        min-width: 0;
        padding-right: 12px;
        overflow: visible;
        text-overflow: clip;
    }

    html body.onek-body.onek-landing-page .onek-terminal__side--get .onek-route-select {
        min-width: 0;
        gap: 10px;
        padding-right: 14px;
        padding-left: 12px;
    }

    html body.onek-body.onek-landing-page .onek-type-select .onek-wallet-icon,
    html body.onek-body.onek-landing-page .onek-wallet-icon {
        width: 25px !important;
        min-width: 25px;
        height: 20px !important;
        flex: 0 0 25px;
        background-size: contain;
    }

    html body.onek-body.onek-landing-page .onek-terminal--exchange .onek-terminal__submit {
        position: absolute !important;
        right: auto !important;
        bottom: 26px !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    /* Remove the second, breakpoint-created spacer before the introduction. */
    html body.onek-body.onek-landing-page .onek-intro {
        margin-top: 0;
    }

    /* Services: center the title and keep the same card rhythm above 1280px. */
    html body.onek-body.onek-landing-page .onek-services-section {
        height: auto !important;
        min-height: 799px;
        margin-top: 0 !important;
        padding: 27px 0 80px !important;
    }

    html body.onek-body.onek-landing-page .onek-services-section > .onek-container {
        width: var(--onek-parity-shell) !important;
        max-width: var(--onek-parity-shell);
        margin-right: auto;
        margin-left: auto;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row {
        width: 100% !important;
        margin: 0 auto 60px !important;
        align-items: flex-end;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row h2 {
        width: min(950px, calc(100% - 130px));
        min-width: 0;
        margin: 0;
        font-size: 46px;
        font-weight: 400;
        line-height: 1.18;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row h2 span {
        display: block;
        margin: 0;
        padding-left: 40px;
        font-size: inherit;
        line-height: inherit;
        text-align: left;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-arrows {
        flex: 0 0 auto;
        gap: 20px;
        margin: 0 24px 8px 0;
        padding: 0;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-window {
        width: 100vw;
        margin-left: calc((100vw - var(--onek-parity-shell)) / -2);
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-track {
        gap: 30px !important;
        padding-left: max(14px, calc((100vw - 1252px) / 2)) !important;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card {
        width: 336px;
        height: 416px;
        min-height: 416px;
        padding: 28px 28px 34px;
        flex: 0 0 336px;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card__top {
        height: 64px;
        margin-bottom: 20px;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card p {
        margin-bottom: 22px;
        font-size: 16px;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card h3 {
        min-height: 52px;
        margin-bottom: 22px;
        font-size: 25px;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card small {
        font-size: 15px;
        line-height: 1.38;
    }

    /* Expanded cards must remain readable inside their fixed reference height. */
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card:hover .onek-service-card__top,
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card:focus-within .onek-service-card__top,
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card.is-hover .onek-service-card__top {
        height: 54px;
        margin-bottom: 14px;
        transform: translateY(-6px);
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card:hover p,
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card:focus-within p,
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card.is-hover p {
        margin-bottom: 18px;
        transform: translateY(-8px);
        font-size: 17px;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card:hover h3,
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card:focus-within h3,
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card.is-hover h3 {
        margin-bottom: 18px;
        transform: translateY(-8px);
        font-size: 25px;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card:hover small,
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card:focus-within small,
    html body.onek-body.onek-landing-page .onek-services-section .onek-service-card.is-hover small {
        transform: translateY(-5px);
        font-size: 15px;
        line-height: 1.38;
    }

    /* Partners use the exact desktop 640/560 composition inside the shared shell. */
    html body.onek-body.onek-landing-page .onek-partners__grid {
        grid-template-columns: 640px 560px;
        gap: 52px !important;
    }

    /* Contacts no longer jump at 1366px and the two columns start together. */
    html body.onek-body.onek-landing-page .onek-contact {
        height: auto !important;
        min-height: 630px;
        margin-top: 218px !important;
        padding: 0 0 112px !important;
    }

    html body.onek-body.onek-landing-page .onek-contact > .onek-container {
        width: var(--onek-parity-shell) !important;
        max-width: var(--onek-parity-shell);
        margin-right: auto;
        margin-left: auto;
    }

    html body.onek-body.onek-landing-page .onek-contact__grid {
        grid-template-columns: 560px 431px;
        gap: 171px;
        align-items: start;
        justify-content: start;
    }

    /* Keep the reference -24px artwork offset without crossing the viewport
       while the 1252px shell has less than 24px of outer breathing room. */
    html body.onek-body.onek-landing-page .onek-social-cards--primary,
    html body.onek-body.onek-landing-page .onek-social-cards--chats {
        margin-left: max(-24px, calc((var(--onek-parity-shell) - 100vw) / 2)) !important;
    }

    html body.onek-body.onek-landing-page .onek-contact .onek-contact-form {
        gap: 32px;
        padding-top: 0 !important;
    }

    html body.onek-body.onek-landing-page .onek-contact h2 {
        font-weight: 500 !important;
    }

    html body.onek-body.onek-landing-page .onek-contact__socials > p {
        font-weight: 500 !important;
    }

    html body.onek-body.onek-landing-page .onek-contact-form > p {
        font-weight: 700 !important;
    }
}

/* Extend the established wide contact artwork through the former 1366 seam. */
@media (min-width: 1281px) and (max-width: 1365px) {
    html body.onek-body.onek-landing-page .onek-contact__socials {
        width: 275px;
    }

    html body.onek-body.onek-landing-page .onek-contact__socials > p {
        width: 275px;
        height: 60px;
        margin: 0;
        line-height: 30px;
    }

    html body.onek-body.onek-landing-page .onek-social-cards--primary,
    html body.onek-body.onek-landing-page .onek-social-cards--chats {
        display: flex;
        width: 288px;
        margin-left: -24px;
        grid-template-columns: none;
        gap: 0;
    }

    html body.onek-body.onek-landing-page .onek-social-cards--primary {
        height: 123px;
        margin-top: 34px;
    }

    html body.onek-body.onek-landing-page .onek-social-cards--primary .onek-social-card {
        width: 144px;
        height: 123px;
        flex: 0 0 144px;
        gap: 13px;
    }

    html body.onek-body.onek-landing-page .onek-contact .onek-social-cards--primary .onek-social-card img {
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
    }

    html body.onek-body.onek-landing-page .onek-contact__chat-title {
        width: 275px;
        height: 29px;
        margin: 32px 0 0;
        line-height: 29px;
    }

    html body.onek-body.onek-landing-page .onek-social-cards--chats {
        height: 129px;
        margin-top: 32px;
    }

    html body.onek-body.onek-landing-page .onek-social-cards--chats .onek-social-card {
        position: relative;
        width: 144px;
        height: 129px;
        flex: 0 0 144px;
        gap: 16px;
    }

    html body.onek-body.onek-landing-page .onek-contact .onek-social-cards--chats .onek-social-card::before {
        width: 96px;
        height: 96px;
        flex: 0 0 96px;
        border-radius: 24px;
    }

    html body.onek-body.onek-landing-page .onek-contact .onek-social-cards--chats .onek-social-card::after {
        top: 11px;
        width: 74px;
        height: 74px;
    }

    html body.onek-body.onek-landing-page .onek-contact .onek-social-cards--chats .onek-social-card img {
        top: 21.5px;
        width: 42px !important;
        height: 53px !important;
    }
}

/* New Application: the desktop route shares the same 1252px centered canvas. */
@media (min-width: 1181px) {
    html body.onek-body.onek-exchange-route .onek-page {
        width: min(1252px, calc(100% - 28px)) !important;
        max-width: 1252px;
        padding: 18px 0 58px;
    }

    html body.onek-body.onek-exchange-route .main-wrapper {
        min-height: 790px;
        padding: 46px 46px 48px;
        border-radius: 18px;
        box-sizing: border-box;
    }

    html body.onek-body.onek-exchange-route .onek-route-order {
        min-height: 696px;
    }

    html body.onek-body.onek-exchange-route .onek-route-order__title {
        margin-top: 16px;
        font-size: 40px;
        font-weight: 400;
        line-height: 1;
    }

    html body.onek-body.onek-exchange-route .onek-route-order__grid {
        grid-template-columns: minmax(0, 520px) minmax(0, 590px);
        gap: 48px;
        justify-content: center;
        margin-top: 54px;
    }

    html body.onek-body.onek-exchange-route .onek-route-order-summary__line > span {
        font-weight: 400;
    }

    html body.onek-body.onek-exchange-route .onek-route-order-summary__line strong {
        font-weight: 400;
    }

    html body.onek-body.onek-exchange-route .onek-route-order-fields h2,
    html body.onek-body.onek-exchange-route .onek-route-order-rules h2 {
        font-weight: 400;
    }
}

/* Final wide-desktop alignment with the production landing page. */
@media (min-width: 1281px) {
    html body.onek-body.onek-landing-page.logged-in .onek-auth {
        gap: 48px;
    }

    html body.onek-body.onek-landing-page.logged-in .onek-auth__account {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        height: 33px;
        min-height: 33px;
        font-weight: 400;
        line-height: 16px;
    }

    html body.onek-body.onek-landing-page.logged-in
        .onek-auth__account-avatar {
        width: 33px;
        height: 33px;
        flex: 0 0 33px;
        border-radius: 50%;
        background: #2c2d31 url('../images/icon-account-header.svg') center / 23px 23px no-repeat;
    }

    html body.onek-body.onek-landing-page.logged-in
        .onek-auth__account > span:last-child {
        line-height: 16px;
    }

    html body.onek-body.onek-landing-page.logged-in .onek-auth__logout {
        width: 25px;
        min-width: 25px;
        height: 50px;
        min-height: 50px;
        margin-right: 24px;
        padding: 0;
    }

    html body.onek-body.onek-landing-page.logged-in
        .onek-auth__logout-icon {
        display: block;
        width: 25px;
        height: 25px;
        background: url('../images/icon-logout-header.svg') center / contain no-repeat;
    }

    html body.onek-body.onek-landing-page .onek-terminal--exchange {
        padding-bottom: 46px;
        border-radius: 12px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-terminal__submit {
        bottom: 46px !important;
    }

    html body.onek-body.onek-landing-page .onek-intro h1 {
        font-size: 40px !important;
        font-weight: 800 !important;
        line-height: 56px !important;
    }

    html body.onek-body.onek-landing-page .onek-intro__inner > p,
    html body.onek-body.onek-landing-page .onek-intro__seo > p {
        font-size: 20px !important;
        font-weight: 500 !important;
        line-height: 23px !important;
    }

    html body.onek-body.onek-landing-page
        .onek-services-section
        .onek-service-track {
        gap: 47px !important;
    }

    html body.onek-body.onek-landing-page
        .onek-services-section
        .onek-service-card {
        border-radius: 10px !important;
    }

    html body.onek-body.onek-landing-page .onek-partners {
        margin-top: 287px !important;
        padding-bottom: 20px !important;
    }

    /* The shell already uses the wide composition at 1281px. Keep its
       controls on the same reference grid instead of the legacy 961-1399
       intermediate breakpoint. */
    html body.onek-body.onek-landing-page .onek-terminal--exchange h2 {
        margin: 0 0 44px;
        font-size: 36px;
        font-weight: 500;
        line-height: 36px;
    }

    html body.onek-body.onek-landing-page .onek-type-label {
        margin-bottom: 16px;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }

    html body.onek-body.onek-landing-page .onek-type-select {
        height: 50px;
        gap: 16px;
        padding: 0 16px;
        border-radius: 4px;
        font-size: 16px;
        line-height: 16px;
    }

    html body.onek-body.onek-landing-page
        .onek-type-select
        .onek-wallet-icon {
        width: 16px !important;
        min-width: 16px;
        height: 16px !important;
        flex: 0 0 16px;
    }

    html body.onek-body.onek-landing-page .onek-currency-grid {
        grid-template-columns: repeat(5, 56px);
        grid-auto-rows: 56px;
        column-gap: 25px;
        row-gap: 41px;
        min-height: 169px;
        margin: 23px 0 32px;
    }

    html body.onek-body.onek-landing-page .onek-currency-item {
        position: relative;
        width: 56px;
        height: 56px;
        display: block;
        padding: 6px;
        border: 2px solid transparent;
        border-radius: 0;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page
        .onek-currency-item:is(.is-hidden, .is-type-hidden, .is-page-hidden) {
        display: none;
    }

    html body.onek-body.onek-landing-page .onek-currency-item.is-active {
        border-color: #1f5ea8;
        border-radius: 4px;
    }

    html body.onek-body.onek-landing-page
        .onek-currency-item.is-active
        .onek-currency-icon {
        outline: none !important;
        outline-offset: 0;
    }

    html body.onek-body.onek-landing-page .onek-currency-icon,
    html body.onek-body.onek-landing-page
        .onek-currency-icon[class*="bill-"] {
        width: 41px;
        height: 41px;
    }

    html body.onek-body.onek-landing-page .onek-currency-name {
        position: absolute;
        top: 60px;
        left: 50%;
        width: 64px;
        min-height: 10px;
        transform: translateX(-50%);
        font-size: 10px;
        font-weight: 500;
        line-height: 10px;
        white-space: nowrap;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal__side--get
        .onek-route-row--amount {
        grid-template-columns: 200px 180px !important;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .js-onek-give {
        padding: 5px 18px;
        font-size: 24px;
        line-height: 24px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .js-onek-get {
        padding: 5px 18px;
        font-size: 22px;
        line-height: 22px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-terminal__swap {
        margin-top: 248px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-line--location {
        gap: 0;
        margin-top: 36px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-line--location label {
        margin: 0 0 16px;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-location {
        height: 50px;
        min-height: 50px;
        padding: 0 16px;
        border-width: 1px;
        border-radius: 4px;
        font-size: 16px;
        line-height: 16px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-terminal__side
        .onek-location-links {
        margin-top: 23px;
    }
}

/* The SEO wrapper exists for the clipped mobile document only.  Flatten it
   above the mobile breakpoint so the established tablet/desktop flow stays
   byte-for-byte equivalent to the former direct children. */
@media (min-width: 1281px) {
    html body.onek-body.onek-landing-page .onek-intro__seo {
        display: contents;
    }
}

@media (min-width: 1400px) {
    html body.onek-body.onek-landing-page .onek-intro__seo > p {
        width: 100%;
        max-height: 302px;
        margin: 70px 0 10px;
        padding: 0;
        color: #d1d5dd;
        font-size: 20px;
        font-weight: 500;
        line-height: 23px;
        text-align: left;
        overflow: hidden;
    }
}

/* Partners: restore the reference desktop composition above the 1280px
   breakpoint. The fluid 901px layout remains the tablet fallback. */
@media (min-width: 1281px) {
    html body.onek-body.onek-landing-page .onek-partners {
        width: 1200px !important;
        height: auto !important;
        min-height: 729.53125px !important;
        margin: 287px auto 0 !important;
        padding: 0 !important;
        isolation: isolate;
    }

    html body.onek-body.onek-landing-page
        .onek-background-glow--partners-yellow,
    html body.onek-body.onek-landing-page
        .onek-background-glow--partners-blue {
        display: none;
    }

    html body.onek-body.onek-landing-page .onek-partners::before,
    html body.onek-body.onek-landing-page .onek-partners::after {
        content: "" !important;
        position: absolute;
        z-index: 0;
        display: block !important;
        border-radius: 50%;
        pointer-events: none;
        transform: translateZ(0);
    }

    html body.onek-body.onek-landing-page .onek-partners::before {
        top: -228.998px;
        left: -388.031px;
        width: 986.578px;
        height: 862.12px;
        opacity: .1;
        background: radial-gradient(
            50% 50% at 50% 50%,
            rgba(242, 201, 76, .7) 0%,
            rgba(230, 210, 153, .467) 68.39%,
            transparent 100%
        );
    }

    html body.onek-body.onek-landing-page .onek-partners::after {
        top: -159.562px;
        left: 281.045px;
        width: 1332.503px;
        height: 1206.318px;
        opacity: .2;
        background: radial-gradient(
            50% 50% at 50% 50%,
            #4058d7 0%,
            transparent 100%
        );
    }

    html body.onek-body.onek-landing-page
        .onek-partners > .onek-container {
        position: relative;
        z-index: 1;
        width: 1200px !important;
        max-width: 1200px !important;
        min-height: 0;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.onek-body.onek-landing-page
        .onek-partners > .onek-container > h2 {
        width: 1200px !important;
        height: 56px !important;
        margin: 0 0 50px !important;
        font-size: 46px !important;
        font-weight: 500 !important;
        line-height: 56px !important;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid {
        width: 1200px !important;
        height: auto !important;
        min-height: 623.53125px !important;
        grid-template-columns: 640px 560px !important;
        gap: 0 !important;
        align-items: start;
        margin: 0 !important;
    }

    html body.onek-body.onek-landing-page
        .onek-partners__grid > div:first-child {
        width: 640px !important;
        min-height: 623.53125px !important;
    }

    html body.onek-body.onek-landing-page
        .onek-partners
        .onek-partners__headline {
        width: 500px !important;
        height: 219.609375px !important;
        margin: 0 100px 0 0 !important;
        font-size: 60px !important;
        font-weight: 500 !important;
        line-height: 73.2px !important;
        text-align: right;
    }

    html body.onek-body.onek-landing-page
        .onek-partners
        .onek-partners__headline span,
    html body.onek-body.onek-landing-page
        .onek-partners
        .onek-partners__headline em {
        display: block;
        margin: 0;
        font: inherit;
        line-height: inherit;
    }

    html body.onek-body.onek-landing-page
        .onek-partners
        .onek-partners__headline em {
        margin-top: 0;
        font-style: normal;
        text-transform: lowercase;
    }

    html body.onek-body.onek-landing-page
        .onek-partners__grid > div:first-child > p {
        width: 400px !important;
        height: 87.921875px !important;
        margin: 78px 0 0 !important;
        font-size: 28px !important;
        font-style: italic;
        font-weight: 500;
        line-height: 43.96px !important;
    }

    html body.onek-body.onek-landing-page .onek-partners__accordion {
        width: 640px !important;
        margin: 43px 0 0 !important;
        padding: 0 0 0 200px !important;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page
        .onek-partners__accordion-item,
    html body.onek-body.onek-landing-page
        .onek-partners__accordion-button,
    html body.onek-body.onek-landing-page
        .onek-partners__accordion-panel {
        width: 429px !important;
        max-width: 429px;
    }

    html body.onek-body.onek-landing-page
        .onek-partners__accordion-button {
        height: 55px !important;
        min-height: 55px;
        gap: 16px;
        padding: 0 !important;
        font-size: 20px !important;
        font-weight: 500;
        line-height: 32px !important;
    }

    html body.onek-body.onek-landing-page
        .onek-partners
        .onek-telegram {
        width: 147px;
        min-width: 147px;
        height: 45px;
        margin: 40px 0 0 241px !important;
        padding: 10px 17px;
        border-radius: 16px;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud {
        width: 560px !important;
        max-width: 560px;
        height: 434px !important;
        min-height: 434px;
        grid-template-columns: repeat(4, 100px) !important;
        grid-template-rows: repeat(4, 57px) !important;
        gap: 40px 24px !important;
        margin: 0 !important;
        padding: 43px 44px !important;
        border-radius: 40px !important;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud span,
    html body.onek-body.onek-landing-page
        .onek-logo-cloud
        .onek-partner-badge {
        width: 100px !important;
        min-width: 100px;
        height: 57px !important;
        padding: 6px !important;
        border-radius: 12px;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud img {
        width: 88px !important;
        max-width: 88px !important;
        height: auto !important;
        max-height: 41px !important;
        object-fit: contain;
    }
}

/* Compact desktop flow: preserve the existing component typography and card
   geometry, but encode the same inter-section rhythm as the reference.  The
   reference switches to this desktop flow at 1281px; 1280px remains tablet
   and 1400px+ already has its own matching composition. */
@media (min-width: 1281px) and (max-width: 1399px) {
    html body.onek-body.onek-landing-page .onek-intro {
        min-height: 651.5625px;
        padding-top: 7.5625px;
    }

    html body.onek-body.onek-landing-page .onek-reserves {
        min-height: 0;
        padding-bottom: 26.28125px;
    }

    html body.onek-body.onek-landing-page .onek-services-section {
        min-height: 0 !important;
        margin-top: 204px !important;
        padding-top: 0 !important;
        padding-bottom: 79.453125px !important;
    }

    html body.onek-body.onek-landing-page .onek-stats {
        padding-top: 135px;
        padding-bottom: 74px;
    }

    html body.onek-body.onek-landing-page .onek-ecosystem {
        padding-top: 74.71875px;
        padding-bottom: 69.984375px;
    }

    html body.onek-body.onek-landing-page .onek-reviews {
        padding-bottom: 48.7421875px;
    }

    html body.onek-body.onek-landing-page .onek-blog {
        padding-bottom: 38.90625px;
    }

    html body.onek-body.onek-landing-page .onek-chips {
        padding-bottom: 0;
    }

    html body.onek-body.onek-landing-page .onek-chips h2 {
        margin-bottom: 49.6875px;
    }

    html body.onek-body.onek-landing-page .onek-contact {
        padding-bottom: 102.3359375px !important;
    }

    html body.onek-body.onek-landing-page .onek-rate-strip--footer {
        height: 54px;
        min-height: 54px;
    }
}

/* Compact landscape/tablet parity.  The reference keeps the calculator on a
   single full-width column from 721px through 1280px; the legacy max-960 rule
   otherwise leaves that column capped at 430px. */
@media (min-width: 721px) and (max-width: 1280px) {
    html body.onek-body .onek-warning {
        height: auto;
        min-height: 0;
        max-height: none;
    }

    html body.onek-body .onek-warning__inner {
        height: auto;
        min-height: 0;
        max-height: none;
    }

    html body.onek-body .onek-warning__text {
        font-size: 8px;
        line-height: 13.2px;
    }

    html body.onek-body .onek-header__bar,
    html body.onek-body .onek-header .onek-header__inner {
        height: 87.5px;
        min-height: 87.5px;
    }

    html body.onek-body .onek-header__bar {
        width: min(100%, 1252px);
        margin-right: auto;
        margin-left: auto;
    }

    html body.onek-body .onek-header .onek-logo,
    html body.onek-body .onek-header .onek-logo picture,
    html body.onek-body .onek-header .onek-logo__image {
        width: 63px;
        min-width: 63px;
        height: 56px;
    }

    html body.onek-body .onek-header .onek-logo {
        position: relative;
        top: -1.75px;
    }

    html body.onek-body.onek-landing-page .onek-terminal--exchange {
        width: calc(100% - 32px);
        max-width: 1220px;
        margin-right: auto;
        margin-left: auto;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-terminal__columns {
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-meta {
        gap: 0;
    }

    html body.onek-body.onek-mobile-menu-open {
        overflow: hidden;
        touch-action: none;
    }

    html body.onek-body.onek-landing-page .onek-operator-widget {
        right: 16px;
        bottom: 84px;
        left: auto;
        z-index: 14;
    }

    html body.onek-body.onek-landing-page .onek-operator-widget__toggle {
        box-shadow: none;
    }

    html body.onek-body.onek-landing-page .onek-operator-widget__toggle:hover,
    html body.onek-body.onek-landing-page .onek-operator-widget__toggle:focus-visible {
        transform: none;
    }

    html body.onek-body.onek-landing-page .onek-operator-widget__open-icon {
        width: 40px;
        height: 36px;
    }

    html body.onek-body.onek-landing-page .onek-operator-widget__close-icon {
        width: 24px;
        height: 24px;
    }

    html body.onek-body.onek-landing-page .onek-operator-widget__item {
        display: flex;
        width: 44px;
        height: 30px;
        align-items: center;
        justify-content: flex-end;
    }

    html body.onek-body.onek-landing-page .onek-operator-widget__item img {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        box-shadow: none;
    }

    html body.onek-body.onek-landing-page .onek-operator-widget__item span {
        right: 44px;
        left: auto;
        padding: 3px;
        line-height: 12px;
        white-space: nowrap;
    }
}

@media (min-width: 721px) and (max-width: 890px) {
    html body.onek-body.onek-landing-page .onek-terminal--exchange {
        height: 576px;
        min-height: 576px;
    }

    html body.onek-body.onek-landing-page .onek-terminal__notice:empty {
        display: none;
        min-height: 0;
        margin: 0;
    }

    html body.onek-body.onek-landing-page .onek-terminal__notice:not(:empty) {
        position: absolute;
        right: 24px;
        bottom: 67px;
        left: 24px;
        min-height: 18px;
        margin: 0;
    }
}

/* Mobile reference parity: keep the warning content-driven and preserve the
   fixed currency selector used by the narrow calculator. */
@media (max-width: 720px) {
    html body.onek-body .onek-warning,
    html body.onek-body .onek-warning__inner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    html body.onek-body .onek-warning {
        overflow: visible;
    }

    html body.onek-body .onek-warning__inner {
        padding: 10px 8px;
    }

    html body.onek-body .onek-warning__text {
        width: auto;
        max-width: calc(100% - 48px);
        flex: 0 1 auto;
        font-size: 8px;
        line-height: 13.2px;
    }

    html body.onek-body.onek-landing-page .onek-terminal__notice:empty {
        display: none;
        min-height: 0;
        margin: 0;
    }

    html body.onek-body.onek-landing-page .onek-terminal__notice:not(:empty) {
        position: absolute;
        right: 24px;
        bottom: 67px;
        left: 24px;
        min-height: 18px;
        margin: 0;
    }
}

@media (max-width: 430px) {
    html body.onek-body.onek-landing-page .onek-terminal--exchange .onek-route-row--amount,
    html body.onek-body.onek-landing-page .onek-terminal__side--get .onek-route-row--amount {
        grid-template-columns: minmax(0, 1fr) 140px;
    }

    html body.onek-body.onek-landing-page .onek-terminal--exchange .onek-route-select__label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 320px) {
    html body.onek-body.onek-landing-page .onek-terminal--exchange {
        height: 594px;
        min-height: 594px;
    }

    html body.onek-body.onek-landing-page .onek-terminal--exchange .onek-route-bottom a {
        width: 130px;
        max-width: 130px;
        line-height: 15.6px;
        white-space: normal;
    }
}

@media (max-width: 374px) {
    html body.onek-body.onek-landing-page .onek-footer > .onek-container.onek-footer__bottom {
        right: 16px;
        left: 79px;
        width: auto;
        max-width: none;
        min-height: 59.5px;
        height: auto;
        justify-content: flex-end;
        white-space: normal;
    }

    html body.onek-body.onek-landing-page .onek-footer > .onek-container.onek-footer__bottom > span {
        flex: 0 1 auto;
        white-space: normal;
    }
}

/* Lower mobile reference parity.  The production reference changes its
   composition at exact content breakpoints rather than common device widths. */
@media (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-partners {
        height: auto;
        overflow: visible;
    }

    html body.onek-body.onek-landing-page .onek-partners .onek-container,
    html body.onek-body.onek-landing-page .onek-partners__grid,
    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        height: auto;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud {
        left: 50%;
        width: 100%;
        max-width: 560px;
        justify-content: center;
        padding: 16px;
        column-gap: 20px;
        row-gap: 20px;
        box-sizing: border-box;
        transform: translateX(-50%);
    }

    html body.onek-body.onek-landing-page .onek-blog {
        height: auto;
        min-height: 0;
        margin-top: 95px;
        padding-right: 24px;
        padding-left: 24px;
        overflow: visible;
    }

    html body.onek-body.onek-landing-page .onek-blog > .onek-container {
        width: 100%;
        max-width: none;
    }

    html body.onek-body.onek-landing-page .onek-blog__lead {
        width: 100%;
        height: auto;
        aspect-ratio: 608 / 405;
    }

    html body.onek-body.onek-landing-page .onek-blog__lead > img {
        width: 100%;
        height: 100%;
    }

    html body.onek-body.onek-landing-page .onek-blog__list,
    html body.onek-body.onek-landing-page .onek-blog__list article,
    html body.onek-body.onek-landing-page .onek-blog__list article:nth-child(2) {
        height: auto;
    }

    html body.onek-body.onek-landing-page .onek-chips {
        height: auto;
        min-height: 0;
        margin-top: 106px;
        padding-right: 0;
        padding-left: 0;
    }

    html body.onek-body.onek-landing-page .onek-chips .onek-container {
        width: 100%;
        max-width: none;
    }

    html body.onek-body.onek-landing-page .onek-chips h2 {
        margin-bottom: 31px;
    }

    html body.onek-body.onek-landing-page .onek-chips .onek-container > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0;
        padding-right: 38px;
        padding-left: 38px;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page .onek-chips a {
        width: auto;
        max-width: 131px;
        height: auto;
        margin: 0 9px 12px 0;
        padding: 6px 7px;
        box-sizing: border-box;
    }
}

@media (max-width: 371px) {
    html body.onek-body.onek-landing-page .onek-partners,
    html body.onek-body.onek-landing-page .onek-partners .onek-container,
    html body.onek-body.onek-landing-page .onek-partners__grid,
    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        min-height: 1141px;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        padding-top: 960px;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud {
        grid-template-columns: repeat(2, minmax(0, 100px));
        grid-template-rows: repeat(7, 57px);
        height: 551px;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud--count-14 > :nth-child(13),
    html body.onek-body.onek-landing-page .onek-logo-cloud--count-14 > :nth-child(14) {
        grid-column: auto;
        transform: none;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child > p {
        top: 804px;
    }
}

@media (min-width: 372px) and (max-width: 491px) {
    html body.onek-body.onek-landing-page .onek-partners,
    html body.onek-body.onek-landing-page .onek-partners .onek-container,
    html body.onek-body.onek-landing-page .onek-partners__grid,
    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        min-height: 987px;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        padding-top: 806px;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud {
        grid-template-columns: repeat(3, minmax(0, 100px));
        grid-template-rows: repeat(5, 57px);
        height: 397px;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud--count-14 > :nth-child(13),
    html body.onek-body.onek-landing-page .onek-logo-cloud--count-14 > :nth-child(14) {
        grid-column: auto;
        transform: translateX(60px);
    }
}

@media (min-width: 492px) and (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-partners,
    html body.onek-body.onek-landing-page .onek-partners .onek-container,
    html body.onek-body.onek-landing-page .onek-partners__grid,
    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        min-height: 910px;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        padding-top: 729px;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud {
        grid-template-columns: repeat(4, minmax(0, 100px));
        grid-template-rows: repeat(4, 57px);
        height: 320px;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud--count-14 > :nth-child(13) {
        grid-column: 2;
        transform: none;
    }

    html body.onek-body.onek-landing-page .onek-logo-cloud--count-14 > :nth-child(14) {
        transform: none;
    }

    html body.onek-body.onek-landing-page .onek-blog__list article > a {
        height: 123px;
    }

    html body.onek-body.onek-landing-page .onek-blog__list article {
        border-bottom-width: 0;
    }

}

@media (min-width: 576px) and (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-services-section {
        height: 534px;
        min-height: 534px;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row,
    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row h2 {
        height: 58px;
    }

    html body.onek-body.onek-landing-page .onek-reviews,
    html body.onek-body.onek-landing-page .onek-reviews > .onek-container {
        height: 674.40625px;
        min-height: 674.40625px;
    }

    html body.onek-body.onek-landing-page .onek-reviews h2 {
        width: 54%;
    }
}

@media (min-width: 577px) and (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-stats .onek-stats__heading {
        height: 84px;
    }

    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(1) { top: 138px; }
    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(2) { top: 340px; }
    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(3) { top: 234px; }

    html body.onek-body.onek-landing-page .onek-ecosystem__items {
        padding-top: 175px !important;
    }
}

/* Exact lower-mobile component geometry.  Keep the accordions in normal flow:
   their closed rhythm matches the reference and open panels expand the page. */
@media (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row h2 {
        margin-right: auto;
        margin-left: auto;
        font-size: 24px;
        line-height: 24px;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-service-window {
        height: 399px;
        margin-top: 77px;
    }

    html body.onek-body.onek-landing-page .onek-stats .onek-stats__heading {
        left: 7.5%;
        width: 85%;
        padding: 0;
        font-size: 24px;
        line-height: 24px;
    }

    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(1) {
        left: calc(50% - 110.7109375px);
    }

    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(2) {
        left: calc(50% - 117.9765625px);
    }

    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(3) {
        left: calc(50% + 42.7109375px);
    }

    html body.onek-body.onek-landing-page .onek-ecosystem::before,
    html body.onek-body.onek-landing-page .onek-ecosystem__title {
        top: 34px;
    }

    html body.onek-body.onek-landing-page .onek-ecosystem__title > span {
        width: 232px;
    }

    html body.onek-body.onek-landing-page .onek-ecosystem__title h2 {
        width: min(calc(100% - 32px), 476px);
        max-width: none;
    }

    html body.onek-body.onek-landing-page .onek-ecosystem__item,
    html body.onek-body.onek-landing-page .onek-ecosystem__row .onek-ecosystem__item:nth-child(n),
    html body.onek-body.onek-landing-page .onek-ecosystem__trigger {
        min-height: 86.796875px !important;
    }

    html body.onek-body.onek-landing-page .onek-partners .onek-partners__headline {
        left: 50%;
        width: 312.3046875px;
        transform: translateX(-50%);
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child > p {
        left: 50%;
        width: 270px;
        height: 105px;
        transform: translateX(-50%);
    }

    html body.onek-body.onek-landing-page .onek-partners__accordion {
        width: min(95%, 465.5px);
        margin-right: auto;
        margin-left: auto;
    }

    html body.onek-body.onek-landing-page .onek-partners .onek-telegram {
        position: static;
        width: 147px;
        height: 45px;
        margin: 40px auto 0;
    }

    html body.onek-body.onek-landing-page .onek-blog__list article {
        overflow: visible;
        border-left: 1px solid #fdfdfd;
        padding-left: 19px;
    }

    html body.onek-body.onek-landing-page .onek-chips a:nth-child(1),
    html body.onek-body.onek-landing-page .onek-chips a:nth-child(2),
    html body.onek-body.onek-landing-page .onek-chips a:nth-child(3),
    html body.onek-body.onek-landing-page .onek-chips a:nth-child(5) {
        width: 131px;
        flex: 0 0 131px;
    }

    html body.onek-body.onek-landing-page .onek-chips a:nth-child(4) {
        width: 75.875px;
        flex: 0 0 75.875px;
    }

    html body.onek-body.onek-landing-page .onek-chips a:nth-child(6) {
        width: 85.6953125px;
        flex: 0 0 85.6953125px;
    }
}

@media (max-width: 575px) {
    html body.onek-body.onek-landing-page .onek-services-section,
    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row,
    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row h2 {
        height: 116px;
    }

    html body.onek-body.onek-landing-page .onek-services-section {
        height: 592px;
        min-height: 592px;
    }

    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row h2 {
        width: max(228px, 60%);
    }
}

@media (max-width: 576px) {
    html body.onek-body.onek-landing-page .onek-stats,
    html body.onek-body.onek-landing-page .onek-stats > .onek-container,
    html body.onek-body.onek-landing-page .onek-stat-grid {
        height: 596.6484375px;
        min-height: 596.6484375px;
    }

    html body.onek-body.onek-landing-page .onek-stats .onek-stats__heading {
        height: 168px;
    }

    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(1) { top: 222px; }
    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(2) { top: 423.765625px; }
    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(3) { top: 317.8828125px; }
}

@media (max-width: 575px) {
    html body.onek-body.onek-landing-page .onek-ecosystem__items {
        width: 85% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-top: 210.21875px !important;
    }
}

@media (min-width: 576px) and (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-services-section .onek-title-row h2 {
        width: 80%;
        height: 58px;
    }

    html body.onek-body.onek-landing-page .onek-ecosystem__items {
        padding-top: 174px !important;
    }

    html body.onek-body.onek-landing-page .onek-chips .onek-container > div {
        justify-content: center;
    }
}

@media (min-width: 576px) and (max-width: 576px) {
    html body.onek-body.onek-landing-page .onek-ecosystem__items {
        width: 85% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

@media (min-width: 577px) and (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-stats,
    html body.onek-body.onek-landing-page .onek-stats > .onek-container,
    html body.onek-body.onek-landing-page .onek-stat-grid {
        height: 512.6484375px;
        min-height: 512.6484375px;
    }

    html body.onek-body.onek-landing-page .onek-stats .onek-stats__heading {
        height: 84px;
    }

    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(1) { top: 138px; }
    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(2) { top: 339.765625px; }
    html body.onek-body.onek-landing-page .onek-stat-grid article:nth-child(3) { top: 233.8828125px; }

    html body.onek-body.onek-landing-page .onek-ecosystem__items {
        width: min(85%, 490px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

@media (max-width: 371px) {
    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        padding-top: 946px;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child > p { top: 804px; }
}

@media (min-width: 372px) and (max-width: 491px) {
    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        padding-top: 792px;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child > p { top: 650px; }
}

@media (min-width: 492px) and (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child {
        padding-top: 715px;
    }

    html body.onek-body.onek-landing-page .onek-partners__grid > div:first-child > p { top: 573px; }
}

@media (max-width: 575px) {
    html body.onek-body.onek-landing-page .onek-reviews,
    html body.onek-body.onek-landing-page .onek-reviews > .onek-container {
        height: 710.40625px;
        min-height: 710.40625px;
    }

    html body.onek-body.onek-landing-page .onek-reviews__head { height: 316.0078125px; }
    html body.onek-body.onek-landing-page .onek-reviews__head h2 { height: 108px; }
}

@media (min-width: 576px) and (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-reviews,
    html body.onek-body.onek-landing-page .onek-reviews > .onek-container {
        height: 674.40625px;
        min-height: 674.40625px;
    }

    html body.onek-body.onek-landing-page .onek-reviews__head { height: 280.0078125px; }
    html body.onek-body.onek-landing-page .onek-reviews__head h2 { height: 72px; }
}

/* The expanded mobile SEO text follows the reference document rhythm. */
@media (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > p {
        margin: 15px 0 30px;
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > h2 {
        margin: 0 0 20px;
        font-size: 15px;
        font-weight: 700;
        line-height: 15px;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > h3 {
        margin: 0;
        font-size: 16.38px;
        font-weight: 700;
        line-height: 16.38px;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > ul {
        margin: 15px 0 30px;
        padding: 0;
        list-style: none;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > ul > li {
        margin: 0 0 16px;
        padding: 0 16px;
        color: #f0f1f3;
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > table {
        margin: 15px 0 30px;
        font-size: 14px;
        line-height: 14px;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > table td,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > table th {
        border-color: #fff;
        padding: 5px 10px;
    }

    html body.onek-body.onek-landing-page.onek-lang-en .onek-intro {
        height: 188px;
        min-height: 188px;
    }
}

/* Section-owned mobile glows remain attached when accordions or SEO text grow. */
html body.onek-body.onek-landing-page .onek-mobile-glows {
    display: none;
}

@media (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-background-flow__effects {
        display: none !important;
    }

    html body.onek-body.onek-landing-page .onek-exchange-area::after {
        content: none !important;
        display: none !important;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glows {
        position: relative;
        z-index: 0;
        display: block;
        width: 100%;
        height: 0;
        pointer-events: none;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow {
        position: absolute;
        display: block;
        border-radius: 50%;
        transform-origin: center;
        pointer-events: none;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--blue {
        background: radial-gradient(50% 50% at 50% 50%, #4058d7 0%, rgba(217, 217, 217, 0) 100%);
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--yellow {
        background: radial-gradient(50% 50% at 50% 50%, #f2c94c 0%, rgba(230, 210, 153, .467) 68.39%, rgba(217, 217, 217, 0) 100%);
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--muted {
        background: radial-gradient(50% 50% at 50% 50%, rgba(46, 60, 132, .7) 0%, rgba(33, 50, 137, .714) 13.05%, rgba(63, 76, 141, .565) 30.27%, rgba(89, 96, 134, .404) 53.74%, rgba(55, 56, 62, .22) 81.15%, rgba(217, 217, 217, 0) 100%);
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--intro,
    html body.onek-body.onek-landing-page .onek-mobile-glow--services-blue,
    html body.onek-body.onek-landing-page .onek-mobile-glow--stats-blue,
    html body.onek-body.onek-landing-page .onek-mobile-glow--ecosystem,
    html body.onek-body.onek-landing-page .onek-mobile-glow--reviews {
        width: 207.383px;
        height: 279.945px;
        opacity: .2;
        transform: rotate(55.04001deg);
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--intro {
        top: 50px;
        left: 0;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--reserves {
        top: 35px;
        left: 0;
        width: 261.43px;
        height: 352.883px;
        opacity: .1;
        transform: rotate(51.96003deg);
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--services-yellow {
        top: 105px;
        left: 130px;
        width: 264.617px;
        height: 357.203px;
        opacity: .1;
        transform: rotate(-50.83001deg);
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--services-blue {
        top: 492.055px;
        left: 50px;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--stats-yellow,
    html body.onek-body.onek-landing-page .onek-mobile-glow--partners,
    html body.onek-body.onek-landing-page .onek-mobile-glow--blog {
        width: 207.383px;
        height: 279.945px;
        opacity: .1;
        transform: rotate(-50.83001deg);
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--stats-yellow {
        top: 230px;
        left: 80px;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--stats-blue {
        top: 135px;
        left: 0;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--ecosystem {
        top: -50px;
        left: 200px;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--partners {
        top: 40px;
        left: 100px;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--reviews {
        top: 111px;
        left: 45px;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--blog {
        top: 35px;
        left: 40px;
    }

    html body.onek-body.onek-landing-page .onek-mobile-glow--contact {
        top: 65px;
        left: 75px;
        width: 286.328px;
        height: 361.414px;
        opacity: .2;
        transform: rotate(35.12001deg);
    }
}

@media (min-width: 576px) and (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-mobile-glow--services-blue {
        top: 434.055px;
    }
}

/* One clipped SEO document and one fade control, matching the mobile source. */
@media (max-width: 1280px) {
    html body.onek-body.onek-landing-page .onek-intro__seo {
        position: relative;
        width: 100%;
        height: 400px;
        max-height: 400px;
        margin: 20px 0 0;
        padding: 0;
        overflow: hidden;
    }

    html body.onek-body.onek-landing-page .onek-intro__seo > p,
    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > p,
    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-intro__extra > p:first-child,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > p {
        display: block !important;
        width: 100%;
        height: auto;
        max-height: none;
        margin: 15px 0 30px;
        padding: 0;
        overflow: visible;
        color: #f0f1f3;
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: .84px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra,
    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-intro__extra,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra {
        display: contents !important;
        height: auto;
        margin: 0;
        overflow: visible;
    }

    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-intro__extra > :nth-child(n + 2) {
        display: block !important;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > h2,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > h2 {
        display: block;
        margin: 0 0 20px;
        color: #f1f3f6;
        font-size: 15px;
        font-weight: 700;
        line-height: 15px;
        letter-spacing: .84px;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > h3,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > h3 {
        display: block;
        margin: 0;
        color: #f1f3f6;
        font-size: 16.38px;
        font-weight: 700;
        line-height: 16.38px;
        letter-spacing: .84px;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > ul,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > ul {
        display: block;
        margin: 15px 0 30px;
        padding: 0;
        letter-spacing: .84px;
        list-style: none;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > ul > li,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > ul > li {
        margin: 0 0 16px;
        padding: 0 16px;
        color: #f0f1f3;
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: .84px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > table,
    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-intro__extra > table,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > table {
        display: table !important;
        width: 100%;
        margin: 15px 0 30px;
        border-collapse: collapse;
        color: #f0f1f3;
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: .84px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > table td,
    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > table th {
        border: 1px solid #fff;
        padding: 5px 10px;
        text-align: left;
    }

    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-moreline,
    html body.onek-body.onek-landing-page .onek-intro .onek-moreline {
        position: absolute;
        top: 268px;
        right: 0;
        bottom: auto;
        left: 0;
        z-index: 2;
        display: flex;
        width: 100%;
        height: 200px;
        margin: 0;
        align-items: flex-end;
        justify-content: center;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-moreline > span {
        display: none;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-moreline::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(rgba(75, 78, 85, 0), rgb(65, 67, 73) 90%);
        opacity: 1;
        pointer-events: none;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-moreline button {
        position: relative;
        display: block;
        width: 60px;
        height: 62.8203125px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-size: 0;
        line-height: 0;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-moreline button img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 60px;
        height: auto;
        margin: 0;
    }

    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-moreline button img {
        top: 35px;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded {
        height: auto;
        min-height: 0;
        padding-bottom: 90px;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__inner {
        height: auto;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__seo {
        display: flow-root;
        height: auto;
        max-height: none;
        padding-bottom: 70px;
        overflow: visible;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-moreline {
        position: absolute;
        top: auto;
        bottom: 0;
        margin: 0;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-moreline::before {
        opacity: 0;
    }
}

/* The reference keeps the clipped mobile introduction throughout the compact
   header range. Its typography changes once at 1001px; the desktop flow starts
   only at 1281px. */
@media (min-width: 721px) and (max-width: 1280px) {
    html body.onek-body.onek-landing-page .onek-intro {
        height: 593px;
        min-height: 593px;
        margin-top: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page .onek-intro__inner {
        position: relative;
        display: block;
        width: min(1208px, calc(100% - 44px));
        height: 593px;
        margin: 0 auto;
    }

    html body.onek-body.onek-landing-page .onek-intro h1 {
        position: static;
        width: auto;
        height: 48px;
        margin: 0;
        color: #f1f3f6;
        font-size: 16px;
        font-weight: 800;
        line-height: 24px;
        letter-spacing: .96px;
        text-align: center;
    }

    html body.onek-body.onek-landing-page .onek-intro h1 span {
        color: #a9c0db;
    }

    html body.onek-body.onek-landing-page .onek-intro__seo {
        width: 100%;
        height: 400px;
        max-height: 400px;
        margin: 20px 0 0;
    }

    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-moreline,
    html body.onek-body.onek-landing-page .onek-intro .onek-moreline {
        top: 268px;
    }

    html body.onek-body.onek-landing-page.onek-lang-en .onek-intro {
        height: 138px;
        min-height: 138px;
    }

    html body.onek-body.onek-landing-page.onek-lang-en .onek-intro__inner {
        height: 138px;
    }
}

@media (min-width: 1001px) and (max-width: 1280px) {
    html body.onek-body.onek-landing-page .onek-intro {
        height: 573px;
        min-height: 573px;
    }

    html body.onek-body.onek-landing-page .onek-intro__inner {
        height: 573px;
    }

    html body.onek-body.onek-landing-page.onek-lang-en .onek-intro,
    html body.onek-body.onek-landing-page.onek-lang-en .onek-intro__inner {
        height: 118px;
        min-height: 118px;
    }

    html body.onek-body.onek-landing-page .onek-intro__seo {
        display: flow-root;
        margin-top: 0;
    }

    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > p strong {
        line-height: 20px;
    }

    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-moreline,
    html body.onek-body.onek-landing-page .onek-intro .onek-moreline {
        top: 248px;
    }

    html body.onek-body.onek-landing-page .onek-intro__seo > p,
    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > p,
    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-intro__extra > p:first-child,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > p {
        width: min(100%, 1200px);
        margin: 15px auto 30px;
        font-size: 20px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: 1.2px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > h2,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > h2 {
        letter-spacing: 1.2px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > h3,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > h3 {
        font-size: 23.4px;
        line-height: 23.4px;
        letter-spacing: 1.2px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > ul,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > ul {
        width: min(100%, 1200px);
        margin: 15px auto 30px;
        font-size: 20px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 1.2px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > ul > li,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > ul > li {
        font-size: 20px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: 1.2px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > table,
    html body.onek-body.onek-landing-page .onek-intro:not(.is-expanded) .onek-intro__extra > table,
    html body.onek-body.onek-landing-page .onek-intro.is-expanded .onek-intro__extra > table {
        width: auto !important;
        max-width: 1200px;
        margin: 15px auto 30px;
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 1.2px;
    }

    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > table td,
    html body.onek-body.onek-landing-page .onek-intro .onek-intro__extra > table th {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 1.2px;
    }
}

/* Keep the reference 50px hand-off from the compact terminal to the intro.
   The legacy 961-1399 layer shortens this gap to 40px. */
@media (min-width: 961px) and (max-width: 1280px) {
    html body.onek-body.onek-landing-page .onek-exchange-area {
        padding-bottom: 50px;
    }
}

/* Authenticated compact header and mobile menu. The reference keeps the menu
   mounted off-canvas so both opening and closing use the same 400ms motion. */
@media (max-width: 1280px) {
    html body.onek-body.onek-mobile-menu-open {
        max-height: 100vh;
        overflow: hidden;
        overflow-y: hidden;
        touch-action: none;
    }

    html body.onek-body .onek-mobile-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483640;
        display: block;
        visibility: hidden;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        margin: 0;
        padding: 95px 0 0;
        overflow-x: hidden;
        overflow-y: auto;
        border: 0;
        background: #000;
        box-shadow: 0 0 6px #fff;
        box-sizing: border-box;
        overscroll-behavior: contain;
        pointer-events: none;
        transform: translateY(-100%);
        transition: transform .4s linear, visibility 0s linear .4s;
        will-change: transform;
    }

    html body.onek-body .onek-mobile-menu.is-open {
        z-index: 2147483640;
        visibility: visible;
        padding: 95px 0 0;
        background: #000;
        pointer-events: auto;
        transform: translateY(0);
        transition-delay: 0s;
    }

    html body.onek-body.onek-landing-page .onek-mobile-menu.is-open {
        z-index: 2147483640;
        background: #000;
    }

    html body.onek-body .onek-mobile-menu__close {
        position: absolute;
        top: 35.5px;
        right: 34px;
        z-index: 2;
        display: block !important;
        width: 24px;
        height: 24px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent url('../images/menu-close-reference.svg') center / 24px 24px no-repeat;
        cursor: pointer;
    }

    html body.onek-body .onek-mobile-menu__close::before,
    html body.onek-body .onek-mobile-menu__close::after {
        display: none !important;
        content: none !important;
    }

    html body.onek-body.onek-landing-page .onek-mobile-menu__close {
        display: block !important;
    }

    html body.onek-body .onek-mobile-menu__nav {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }

    html body.onek-body .onek-mobile-menu__nav ul {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 19px 26px;
        flex-direction: column;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        list-style: none;
        box-sizing: border-box;
    }

    html body.onek-body .onek-mobile-menu__nav li {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 32px;
        margin: 24px 0;
        padding: 0 !important;
    }

    html body.onek-body .onek-mobile-menu__nav li::before,
    html body.onek-body .onek-mobile-menu__nav li::after {
        display: none !important;
        content: none !important;
    }

    html body.onek-body .onek-mobile-menu .onek-mobile-menu__nav a {
        display: block;
        width: 100%;
        height: auto;
        min-height: 32px;
        margin: 0;
        padding: 0;
        border: 0;
        color: #fff;
        font-family: Gilroy, Arial, Helvetica, sans-serif;
        font-size: 32px;
        font-weight: 500;
        line-height: 32px;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        white-space: normal;
    }

    /* Match the specificity of the legacy landing-page menu layer. At the
       narrow edge this lets the long rules label wrap to two 32px lines; the
       explicit final margin preserves the reference 520px nav rhythm above
       720px despite WordPress's global :last-child list reset. */
    html body.onek-body.onek-landing-page .onek-mobile-menu__nav li {
        height: auto;
        min-height: 32px;
    }

    html body.onek-body.onek-landing-page .onek-mobile-menu__nav li:last-child {
        margin-bottom: 24px;
    }

    html body.onek-body.onek-landing-page .onek-mobile-menu .onek-mobile-menu__nav a {
        height: auto;
        min-height: 32px;
        white-space: normal;
    }

    html body.onek-body .onek-mobile-menu__route::after {
        position: absolute;
        top: 4px;
        right: 0;
        display: block;
        width: 27px;
        height: 24px;
        margin: 0;
        border: 0;
        background: url('../images/menu-arrow-reference.svg') center / 27px 24px no-repeat;
        content: '';
        transform: none;
    }

    html body.onek-body .onek-mobile-menu__account-label {
        width: 100%;
        margin: 28px 0 0;
        color: #869092;
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
    }

    html body.onek-body .onek-mobile-menu__account {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    html body.onek-body .onek-mobile-menu__avatar {
        display: block;
        width: 33px;
        height: 33px;
        margin: 24px auto 0;
        border-radius: 50%;
        background: transparent url('../images/menu-account-reference.svg') center / 33px 33px no-repeat;
    }

    html body.onek-body .onek-mobile-menu .onek-mobile-menu__my-account {
        display: block;
        width: auto;
        height: 22px;
        min-height: 0;
        margin: 0;
        padding: 4px 0;
        border: 0;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        box-sizing: border-box;
    }

    html body.onek-body .onek-mobile-menu .onek-mobile-menu__logout {
        display: flex;
        width: 212px;
        height: 40px;
        min-height: 40px;
        margin: 32px auto 0;
        padding: 0 32px;
        align-items: center;
        justify-content: center;
        gap: 12px;
        border: 0;
        border-radius: 24px;
        background: #1f5ea8;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        box-sizing: border-box;
    }

    html body.onek-body .onek-mobile-menu .onek-mobile-menu__logout:hover,
    html body.onek-body .onek-mobile-menu .onek-mobile-menu__logout:focus-visible {
        background: #5483bb;
    }

    html body.onek-body .onek-mobile-menu .onek-mobile-menu__logout span {
        display: block;
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
        margin: 0;
        background: url('../images/logout-reference.svg') center / 25px 25px no-repeat;
    }

    html body.onek-body .onek-mobile-menu .onek-mobile-menu__signin {
        display: block;
        width: 70px;
        height: 19px;
        min-height: 0;
        margin: 42px auto 0;
        padding: 2px 0;
        border: 0;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        text-decoration: none;
        box-sizing: border-box;
    }

    html body.onek-body .onek-mobile-menu .onek-mobile-menu__signup {
        display: flex;
        width: 150px;
        height: 40px;
        min-height: 40px;
        margin: 42px auto 20px;
        padding: 0 25px;
        align-items: center;
        justify-content: center;
        border: 1px solid #5d87b9;
        border-radius: 16px;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        text-decoration: none;
        box-sizing: border-box;
    }

    html body.onek-body .onek-mobile-menu__languages {
        display: flex;
        width: 100%;
        min-height: 194px;
        margin: 0;
        padding: 67px 0;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: center;
        gap: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        box-sizing: border-box;
    }

    html body.onek-body.onek-landing-page .onek-mobile-menu__languages {
        align-items: flex-start;
        gap: 0;
    }

    html body.onek-body .onek-mobile-menu__languages > span {
        width: 100%;
        height: 16px;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase;
    }

    html body.onek-body .onek-mobile-menu__languages a {
        width: auto;
        height: 16px;
        margin: 28px 15px 0;
        padding: 0;
        border: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        text-decoration: none;
    }

    html body.onek-body .onek-mobile-menu__languages a.is-current {
        color: #257add;
    }

    html body.onek-body .onek-menu-toggle {
        position: relative;
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
        border: 0;
        background: transparent url('../images/menu-burger-reference.svg') center / 25px 25px no-repeat;
    }

    html body.onek-body .onek-menu-toggle span {
        display: none;
    }

    html body.onek-body.onek-mobile-menu-open .onek-menu-toggle.is-open {
        visibility: hidden;
        pointer-events: none;
    }

    html body.onek-body.onek-mobile-menu-open .onek-floating-actions,
    html body.onek-body.onek-mobile-menu-open .onek-float-btn,
    html body.onek-body.onek-mobile-menu-open .onek-operator-widget,
    html body.onek-body.onek-mobile-menu-open #trichat-bubble,
    html body.onek-body.onek-mobile-menu-open #trichat-panel {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html body.onek-body .onek-header-icon--telegram::before,
    html body.onek-body .onek-header-icon--instagram::before {
        width: 24px;
        height: 25px;
        -webkit-mask: none !important;
        mask: none !important;
        background-color: transparent !important;
        background-position: center !important;
        background-size: 24px 25px !important;
        background-repeat: no-repeat !important;
        filter: none !important;
    }

    html body.onek-body .onek-header-icon--telegram::before {
        background-image: url('../images/header-telegram-reference.svg') !important;
    }

    html body.onek-body .onek-header-icon--instagram::before {
        background-image: url('../images/header-instagram-reference.svg') !important;
    }

    html body.onek-body .onek-header-icon--telegram:hover::before,
    html body.onek-body .onek-header-icon--telegram:focus-visible::before,
    html body.onek-body .onek-header-icon--instagram:hover::before,
    html body.onek-body .onek-header-icon--instagram:focus-visible::before {
        filter: none !important;
    }
}

/* The reference uses the same intrinsic 186px authenticated action rail
   throughout the compact header range. */
@media (max-width: 1280px) {
    html body.onek-body .onek-header__actions:has(.onek-header-account-action) {
        width: 186px;
        min-width: 186px;
        flex: 0 0 186px;
        justify-content: flex-start;
        gap: 0;
    }

    html body.onek-body
        .onek-header__actions:has(.onek-header-account-action)
        .onek-header-icon--telegram,
    html body.onek-body
        .onek-header__actions:has(.onek-header-account-action)
        .onek-header-icon--instagram {
        margin-right: 32px;
    }

    html body.onek-body .onek-header-account-action {
        display: inline-flex !important;
        width: 25px;
        min-width: 25px;
        height: 50px;
        flex: 0 0 25px;
        margin-right: 24px;
        align-items: center;
        justify-content: center;
    }

    html body.onek-body .onek-header-account-action span {
        display: block;
        width: 25px;
        height: 25px;
        background: url('../images/logout-reference.svg') center / 25px 25px no-repeat;
    }
}

@media (max-width: 720px) {
    html body.onek-body .onek-header__bar,
    html body.onek-body .onek-header .onek-header__inner {
        height: 87.5px;
        min-height: 87.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.onek-body .onek-mobile-menu {
        transition-duration: 1ms;
    }
}

/* Calculator arrows.  The reference uses two SVG chevrons rather than a font
   glyph.  Its desktop currency arrow is inset 9px; compact controls pin the
   same 25x16 image to their right edge. */
html body.onek-body.onek-landing-page
    .onek-terminal--exchange
    .onek-route-select {
    position: relative;
    padding-right: 43px;
}

html body.onek-body.onek-landing-page
    .onek-terminal--exchange
    .onek-route-select > img.onek-route-select__arrow {
    position: absolute;
    top: 17px;
    right: 9px;
    display: block;
    width: 25px;
    min-width: 25px;
    height: 16px;
    margin: 0;
    padding: 0;
    object-fit: contain;
    transform: none;
    transition: transform .3s ease;
}

html body.onek-body.onek-landing-page
    .onek-terminal--exchange
    .onek-route-select[aria-expanded="true"] > img.onek-route-select__arrow {
    transform: rotate(180deg);
}

html body.onek-body.onek-landing-page
    .onek-terminal--exchange
    img.onek-location-arrow {
    display: block;
    width: 25px;
    min-width: 25px;
    height: 16px;
    flex: 0 0 25px;
    margin: 0;
    padding: 0;
    object-fit: contain;
    transform: none;
    transition: transform .3s ease;
}

html body.onek-body.onek-landing-page
    .onek-terminal--exchange
    .onek-location-picker.is-open img.onek-location-arrow,
html body.onek-body.onek-landing-page
    .onek-terminal--exchange
    .onek-route-location[aria-expanded="true"] img.onek-location-arrow {
    transform: rotate(180deg);
}

@media (max-width: 1280px) {
    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-select {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        padding: 0 25px 0 0;
        font-size: 12px;
        line-height: 12px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-select__mobile-icon {
        width: 24px;
        min-width: 24px;
        height: 24px;
        flex: 0 0 24px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-select__label {
        width: auto;
        min-width: 0;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 12px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-select > img.onek-route-select__arrow {
        right: 0;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-route-location {
        padding-right: 16px;
        padding-left: 16px;
        border-width: 1px;
    }

}

/* Desktop currency-carousel controls mirror the reference SVG and pulse. */
@keyframes onek-currency-pulse-left {
    0% {
        scale: 1;
    }

    50% {
        scale: 1.5;
    }

    to {
        scale: 1;
    }
}

@keyframes onek-currency-pulse-right {
    0% {
        scale: 1;
    }

    50% {
        scale: 1.5;
    }

    to {
        scale: 1;
    }
}

@media (min-width: 1281px) {
    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-currency-page {
        top: 80px;
        z-index: 1;
        width: 24px;
        height: 27.5px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #fff;
        cursor: pointer;
        transform: none;
        transition: none;
        animation: onek-currency-pulse-right 2s ease infinite;
        animation-play-state: paused;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-currency-page--prev {
        right: auto;
        left: -24px;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-currency-page--next {
        right: -24px;
        left: auto;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-currency-page::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 24px;
        height: 24px;
        border: 0;
        background: url('../images/currency-slider-left-reference.svg') center / 24px 24px no-repeat;
        pointer-events: none;
        transform: none;
        transform-origin: 12px 12px;
        animation: onek-currency-pulse-left 2s ease infinite;
        transition: all .2s linear;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-currency-page--next::before {
        transform: rotate(180deg);
        animation-name: onek-currency-pulse-right;
    }

    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-currency-page:hover,
    html body.onek-body.onek-landing-page
        .onek-terminal--exchange
        .onek-currency-page:focus-visible {
        color: #fff;
        transform: none;
    }
}