/* START Desktop view */
@media (min-width: 1201px) {
    /* Homepage First Section */
    .banner-section {
        position: relative;
        border-bottom-right-radius: 80px;
        border-bottom-left-radius: 80px;
        overflow: hidden;
        background-blend-mode: overlay;
        background:
            radial-gradient(ellipse at 50% 20%, transparent 30%, rgba(0, 15, 20, 0.5) 90%),
            linear-gradient(180deg, #030e12 0%, #052127 20%, #083137 55%, #14818f 100%);
        min-height: 820px;
        width: 100%;
        display: flex;
        flex-direction: column;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
    }
    /* Foreground text and buttons stay above background */
    .banner-section .lx-homepage-section-one-title,
    .banner-section .lx-homepage-section-one-description,
    .banner-section .lx-homepage-section-one-button,
    .banner-section .lx-banner-assets-strip {
        position: relative;
        z-index: 2;
    }
    /* Headings with shimmer sweep across gradient text */
    .banner-section h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 800;
        font-size: 3rem;
        background: linear-gradient(
            110deg,
            #ffffff 0%,
            #eaf9fb 30%,
            #ffffff 42%,
            #d5f6fa 50%,
            #ffffff 58%,
            #eaf9fb 70%,
            #ffffff 100%
        );
        background-size: 300% auto;
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: lxTitleShimmer 7s ease-in-out infinite;
    }
    @keyframes lxTitleShimmer {
        0%   { background-position: 150% center; }
        100% { background-position: -150% center; }
    }
    .banner-section p {
        color: #e0e0e0;
    }
    .banner-section .btn-light {
        transition: all 0.3s;
    }
    .banner-section .btn-light:hover {
        background-color: #178297;
        color: #fff;
    }
    .banner-section .lx-homepage-section-one-title h1 {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ffffff;
        font-size: 3.7rem;
        margin: 10rem 20rem 0rem 20rem;
    }
    .banner-section .lx-homepage-section-one-title h1 .title-solution {
        color: #158099;
        -webkit-text-fill-color: #158099;
        background: none;
        -webkit-background-clip: initial;
                background-clip: initial;
    }
    .banner-section .lx-homepage-section-one-description h6 {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 400;
        margin: 1rem 5rem 0rem 5rem;
    }
    .banner-section .lx-homepage-section-one-button {
        text-align: center;
        margin: 2rem 0;
        width: 100%;
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.25s, border-color 0.25s, transform 0.2s, box-shadow 0.25s;
        width: fit-content;
        padding: 0.6rem 1.5rem;
        font-family: roboto;
        position: relative;
        overflow: hidden;
        animation: lxBtnPulse 2.6s ease-in-out infinite;
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 75%;
        height: 100%;
        background: linear-gradient(
            90deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0) 100%
        );
        transform: skewX(-22deg);
        transition: left 0.7s ease;
        pointer-events: none;
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account:hover {
        background-color: #178297;
        border-color: #178297;
        transform: translateY(-2px);
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account:hover::before {
        left: 130%;
    }
    @keyframes lxBtnPulse {
        0%, 100% {
            box-shadow: 0 0 0 0 rgba(31,192,208,0.50),
                        0 3px 10px rgba(31,192,208,0.22);
        }
        50% {
            box-shadow: 0 0 0 8px rgba(31,192,208,0),
                        0 4px 14px rgba(31,192,208,0.40);
        }
    }
    .banner-section .lx-banner-assets-strip {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 12px;
        max-width: 1200px;
        margin: auto auto 4rem;
        padding: 0 32px;
        flex-wrap: wrap;
        width: 100%;
    }
    .banner-section .lx-banner-assets-track {
        display: contents;
    }
    .banner-section .lx-banner-asset-card.is-clone {
        display: none;
    }
    .banner-section .lx-banner-asset-card {
        display: flex;
        align-items: center;
        gap: 14px;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 10px;
        padding: 14px 22px;
        flex: 1;
        min-width: 180px;
        max-width: 235px;
        transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
    }
    .banner-section .lx-banner-asset-card:hover {
        background: rgba(31, 192, 208, 0.08);
        border-color: rgba(31, 192, 208, 0.35);
        transform: translateY(-2px);
    }
    .banner-section .lx-banner-asset-icon {
        width: 44px;
        height: 44px;
        flex-shrink: 0;
        border-radius: 9px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banner-section .lx-banner-asset-icon svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    .banner-section .lx-banner-asset-text {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
    }
    .banner-section .lx-banner-asset-name {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #ffffff;
        letter-spacing: 0.04em;
    }
    .banner-section .lx-banner-asset-desc {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-size: 0.78rem;
        color: rgba(255, 255, 255, 0.55);
        margin-top: 4px;
    }
    .homepage-second-section{
        position: relative;
        background: linear-gradient(180deg, #ffffff 0%, #f5fafc 50%, #eaf5f7 100%);
        width: 100%;
        padding-top: 4rem;
        padding-bottom: 4rem;
        overflow: hidden;
        padding: 5rem 0 6rem;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        }
    .homepage-second-section .homepage-second-title h2{
        font-family: 'Roboto', sans-serif;
        text-align: center;
        color: #0f2027;
        font-size: 2.8rem;
        margin: 0 0 1rem;
        background: none;
        -webkit-text-fill-color: #0f2027;
        font-weight: 700;
        line-height: 1.2;
        }
    .homepage-second-section .homepage-second-description h6{
        font-family: Roboto;
        text-align: center;
        color: #5d5c5c;
        font-size: 1.1rem;
        font-weight: 400;
        margin: 1rem 5rem 0rem 5rem;
    }
    .homepage-second-section::before {
        content: "";
        position: absolute;
        top: 10%;
        left: -8%;
        width: 420px;
        height: 420px;
        background: radial-gradient(circle, rgba(31,192,208,0.12) 0%, rgba(31,192,208,0) 70%);
        filter: blur(40px);
        pointer-events: none;
        z-index: 0;
    }
    .homepage-second-section::after {
        content: "";
        position: absolute;
        bottom: 5%;
        right: -6%;
        width: 460px;
        height: 460px;
        background: radial-gradient(circle, rgba(9,130,151,0.10) 0%, rgba(9,130,151,0) 70%);
        filter: blur(50px);
        pointer-events: none;
        z-index: 0;
    }
    .homepage-second-section .homepage-second-title,
    .homepage-second-section .homepage-second-description,
    .homepage-second-section .container {
        position: relative;
        z-index: 1;
    }
    .homepage-second-section .homepage-second-title h2 .title-accent {
        color: #199CAA;
        -webkit-text-fill-color: #199CAA;
        }
    .homepage-second-section .homepage-second-title {
        text-align: center;
    }    @keyframes lxCardImgFloat {
        0%, 100% { transform: translateY(0); }
        50%      { transform: translateY(-8px); }
    }    /* Decorative orbs */
    .homepage-second-section .lx-accounts-orb {
        position: absolute;
        pointer-events: none;
        filter: blur(60px);
        z-index: 0;
    }
    .homepage-second-section .lx-accounts-orb-tl {
        top: -8%;
        left: -6%;
        width: 460px;
        height: 460px;
        background: radial-gradient(circle, rgba(31,192,208,0.18) 0%, rgba(31,192,208,0) 70%);
    }
    .homepage-second-section .lx-accounts-orb-br {
        bottom: -10%;
        right: -8%;
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, rgba(9,130,151,0.14) 0%, rgba(9,130,151,0) 70%);
    }
    .homepage-second-section .container {
        position: relative;
        z-index: 1;
        max-width: 1180px;
    }
    .homepage-second-section .homepage-second-description p {
        font-family: 'Roboto', sans-serif;
        font-size: 1.1rem;
        font-weight: 400;
        color: #5d5c5c;
        margin: 0 auto 3.5rem;
        max-width: 760px;
        line-height: 1.6;
        text-align: center;
    }
    /* Grid — 2x2 desktop */
    .homepage-second-section .lx-accounts-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.75rem;
        margin: 0 auto;
    }
    /* Account card — shared */
    .homepage-second-section .lx-account-card {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2.25rem 2rem 1.75rem;
        border-radius: 18px;
        text-decoration: none;
        min-height: 280px;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid transparent;
        transition:
            transform 0.45s cubic-bezier(0.22,1,0.36,1),
            box-shadow 0.45s cubic-bezier(0.22,1,0.36,1),
            border-color 0.3s ease;
        will-change: transform;
    }
    /* Shine sweep element */
    .homepage-second-section .lx-account-card-shine {
        content: "";
        position: absolute;
        top: 0;
        left: -90%;
        width: 55%;
        height: 100%;
        background: linear-gradient(
            110deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.25) 50%,
            rgba(255,255,255,0) 100%
        );
        transform: skewX(-18deg);
        transition: left 1s cubic-bezier(0.22,1,0.36,1);
        pointer-events: none;
        z-index: -1;
    }
    .homepage-second-section .lx-account-card:hover .lx-account-card-shine {
        left: 140%;
    }
    /* Teal card variant */
    .homepage-second-section .lx-account-card-teal {
        background: linear-gradient(150deg, #23b0c6 0%, #199caa 45%, #087c90 100%);
        box-shadow: 0 6px 18px rgba(9,130,151,0.18);
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-teal:hover {
        transform: translateY(-10px);
        box-shadow:
            0 14px 30px rgba(9,130,151,0.38),
            0 4px 10px rgba(31,192,208,0.22);
    }
    /* White card variant */
    .homepage-second-section .lx-account-card-white {
        background: linear-gradient(160deg, #ffffff 0%, #f4f6f9 60%, #e8edf3 100%);
        box-shadow: 0 6px 18px rgba(15,32,39,0.06);
        color: #0f2027;
    }
    .homepage-second-section .lx-account-card-white .lx-account-card-shine {
        background: linear-gradient(
            110deg,
            rgba(31,192,208,0) 0%,
            rgba(31,192,208,0.18) 50%,
            rgba(31,192,208,0) 100%
        );
    }
    .homepage-second-section .lx-account-card-white:hover {
        transform: translateY(-10px);
        border-color: rgba(31,192,208,0.45);
        box-shadow:
            0 14px 30px rgba(31,192,208,0.18),
            0 4px 10px rgba(0,0,0,0.06);
    }
    /* Card head — name + badge */
    .homepage-second-section .lx-account-card-head {
        display: flex;
        align-items: center;
        gap: 0.85rem;
        margin-bottom: 2.5rem;
        flex-wrap: wrap;
    }
    .homepage-second-section .lx-account-name {
        font-family: 'Roboto', sans-serif;
        font-weight: 800;
        font-style: italic;
        font-size: 1.65rem;
        letter-spacing: 0.01em;
        line-height: 1.1;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-name {
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-white .lx-account-name {
        color: #0f2027;
    }
    /* Badges */
    .homepage-second-section .lx-account-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.3rem 0.85rem;
        border-radius: 6px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 0.78rem;
        letter-spacing: 0.06em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .homepage-second-section .lx-account-badge-light {
        background: rgba(255,255,255,0.92);
        color: #098297;
    }
    .homepage-second-section .lx-account-badge-grey {
        background: #b6bcc4;
        color: #ffffff;
    }
    /* Card body */
    .homepage-second-section .lx-account-card-body {
        flex: 1;
    }
    .homepage-second-section .lx-account-target {
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 1.1rem;
        margin: 0 0 0.5rem;
        line-height: 1.3;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-target {
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-white .lx-account-target {
        color: #0f2027;
    }
    .homepage-second-section .lx-account-desc {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 0.92rem;
        line-height: 1.55;
        margin: 0;
        max-width: 92%;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-desc {
        color: rgba(255,255,255,0.94);
    }
    .homepage-second-section .lx-account-card-white .lx-account-desc {
        color: #4a5560;
    }
    /* Card foot — CTA */
    .homepage-second-section .lx-account-card-foot {
        margin-top: 1.5rem;
    }
    .homepage-second-section .lx-account-cta {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 0.85rem;
        letter-spacing: 0.03em;
        transition: transform 0.3s cubic-bezier(0.22,1,0.36,1), letter-spacing 0.3s ease, opacity 0.25s ease;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-cta {
        color: #ffffff;
        opacity: 0.95;
    }
    .homepage-second-section .lx-account-card-white .lx-account-cta {
        color: #199CAA;
    }
    .homepage-second-section .lx-account-card:hover .lx-account-cta {
        transform: translateX(6px);
        letter-spacing: 0.05em;
        opacity: 1;
    }
    /* Compare All Accounts button */
    .homepage-second-section .lx-accounts-compare {
        margin-top: 3rem;
    }
    .homepage-second-section .lx-accounts-compare .btn-lx-compare {
        display: inline-block;
        background: transparent;
        border: 2px solid #199caa;
        color: #199caa;
        border-radius: 2rem;
        font-family: 'Roboto', sans-serif;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        padding: 0.7rem 2rem;
        letter-spacing: 0.02em;
        position: relative;
        overflow: hidden;
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    }
    .homepage-second-section .lx-accounts-compare .btn-lx-compare:hover {
        background: linear-gradient(150deg, #1fc0d0 0%, #199caa 50%, #098297 100%);
        border-color: #199caa;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 8px 18px rgba(9,130,151,0.28);
    }
    .homepage-third-section {
        /* margin-left: 3rem; */
        /* margin-right: 3rem; */
        position: relative;
        background: linear-gradient(180deg, #ffffff 0%, #fafdfe 100%);
        padding: 5rem 0 8rem;
        overflow: hidden;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        }
    .homepage-third-section .homepage-third-inner {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1;
        }
    .homepage-third-section .homepage-third-title h4 {
        margin-bottom: 0.1rem;
        font-size: 2.8rem;
        font-weight: 700;
    }
    .homepage-third-section .homepage-third-title h4 + h4 {
        margin-top: 0;
    }
    .homepage-third-section .homepage-third-title h4 .title-accent {
        color: #199CAA;
    }
    .homepage-third-section .homepage-third-title p {
        margin-top: 0.5rem;
        line-height: 1.5;
        color: #5d5c5c;
        font-size: 1.1rem;
    }
    .homepage-third-section .homepage-third-button {
        text-align: left;
        width: 100%;
    }
    .homepage-third-section .homepage-third-button .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s, border-color 0.2s, transform 0.1s;
        width: fit-content;
        padding: 0.65rem 1.75rem;
        margin-top: 15px;
        position: relative;
        overflow: hidden;
        animation: lxBtnPulse 2.6s ease-in-out infinite;
        }
    .homepage-third-section .homepage-third-image img {
        max-width: 100%;
        display: block;
        animation: lxCardImgFloat 3s ease-in-out infinite;
        margin-top: 1rem;
    }
    /* Homepage Four Section — light teal backdrop with floating feature cards */
    .homepage-four-section {
        position: relative;
        overflow: hidden;
        background:
            radial-gradient(ellipse 70% 60% at 50% 40%, #e3f2f6 0%, #d4e9ef 70%, #c7e1e8 100%);
    }
    /* Ensure content layers sit above the decorative background */
    .homepage-four-section > * {
        position: relative;
        z-index: 1;
    }
    .homepage-four-section .homepage-four-title h2 {
        text-align: center;
        color: #0f2027;
        padding-top: 5rem;
        margin-bottom: 0.5rem;
        font-size: 2.6rem;
        font-weight: 700;
        font-family: 'Roboto';
        text-shadow: none;
    }
    .homepage-four-section .homepage-four-title h2 .title-accent {
        color: #199CAA;
    }
    .homepage-four-section .homepage-four-description p {
        text-align: center;
        color: #000000;
        margin: 0 0 4rem;
        padding: 0 5rem;
        font-size: 1rem;
    }
    .homepage-four-review .lx-container {
        background: #ffffff;
        border-radius: 2rem;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
        margin: 1rem auto 4rem;
        padding: 0.5rem 1.25rem;
        width: fit-content;
        animation: none;
    }
    .review-row {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    .review-text-one,
    .review-score {
        color: #000;
        margin: 0;
        white-space: nowrap;
        font-size: 0.9rem;
    }
    .review-text-two{
        font-weight: 600;
        color: #000;
        margin: 0;
        white-space: nowrap;
        font-size: 0.9rem;
    }
    .review-rating {
        position: relative;
        display: inline-block;
        color: #ccc;
    }
    .stars-outer i {
        margin-right: 1px;
        font-size: 1rem;
    }
    .stars-inner {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        width: 86%;
        color: #199caa;
        pointer-events: none;
    }
    .stars-inner i {
        margin-right: 1px;
        font-size: 1rem;
    }
    .homepage-four-content{
        display: block !important;
    }
    .homepage-four-content.mobile {
        display: none !important;
    }
    .homepage-four-section .homepage-four-content .feature-block h6 {
        font-weight: 700;
        margin: 0 0 0.5rem;
        text-align: left;
        font-size: 1.15rem;
    }
    .homepage-four-section .homepage-four-content .feature-block p {
        margin-bottom: 0;
        line-height: 1.5;
        text-align: left;
        font-size: 0.9rem;
    }
    /* Feature block — base */
    .homepage-four-section .feature-block {
        position: relative;
        border-radius: 18px;
        padding: 1.5rem 1.5rem 0.8rem !important;
        margin-top: 20px;
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: none;
    }
    /* Teal variant — gradient background, white text */
    .homepage-four-section .feature-block--teal {
        background: linear-gradient(150deg, #25b8ce 0%, #22adc2 45%, #197c8a 100%);
        box-shadow: 0 6px 18px rgba(25, 124, 138, 0.18);
    }
    .homepage-four-section .feature-block--teal h6 {
        color: #ffffff;
    }
    .homepage-four-section .feature-block--teal p {
        color: rgba(255, 255, 255, 0.92);
    }
    /* White variant — light card, teal title */
    .homepage-four-section .feature-block--white {
        background: #ffffff;
        box-shadow: 0 6px 18px rgba(15, 32, 39, 0.06);
    }
    .homepage-four-section .feature-block--white h6 {
        color: #1fc0d0;
    }
    .homepage-four-section .feature-block--white p {
        color: #000000;
    }
    /* Hover lift */
    .homepage-four-section .feature-block:hover {
        transform: translateY(-4px);
    }
    .homepage-four-section .feature-block--teal:hover {
        box-shadow: 0 10px 22px rgba(25, 124, 138, 0.28);
    }
    .homepage-four-section .feature-block--white:hover {
        box-shadow: 0 10px 22px rgba(15, 32, 39, 0.10);
    }
    /* Feature block CTA */
    .homepage-four-section .feature-block .feature-block-cta {
        display: inline-block;
        margin-top: 0.9rem;
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-decoration: none;
        line-height: 1;
        transition: transform 0.25s ease, opacity 0.25s ease;
    }
    .homepage-four-section .feature-block--teal .feature-block-cta {
        color: #ffffff;
    }
    .homepage-four-section .feature-block--white .feature-block-cta {
        color: #1fc0d0;
    }
    .homepage-four-section .feature-block .feature-block-cta:hover {
        transform: translateX(3px);
        opacity: 0.85;
    }
    .homepage-four-section .trade-lirunex-point-two .feature-block .feature-block-cta:hover {
        transform: translateX(-3px);
    }
    .homepage-four-section .trade-lirunex-image img {
        max-width: 110%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .homepage-five-section {
        background: #ffffff;
    }
    /* Box — floating 3D panel with hairline cyan border + layered drop shadow */
    .homepage-five-section .homepage-five-box {
        background: #d9ecf2;
        margin: 7rem 0 3rem;
        border-radius: 2rem;
        padding-top: 3rem;
        padding-left: 3rem;
        height: 30rem;
        width: 100%;
        max-width: 1200px;
        position: relative;
        overflow: hidden;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.9),
            0 2px 4px rgba(0, 0, 0, 0.05),
            0 6px 12px rgba(0, 0, 0, 0.08);
    }
    .homepage-five-section .homepage-five-box > * {
        position: relative;
        z-index: 1;
    }
    .homepage-five-section .homepage-five-title h6 {
        font-size: 2.4rem;
        margin: 2rem 0 1rem 1rem;
        color: #0f2027;
        font-weight: 700;
        line-height: 1.2;
    }
    .homepage-five-section .homepage-five-title h6 .title-accent {
        color: #199caa;
    }
    .homepage-five-section .homepage-five-title p {
        font-size: 1rem;
        margin: 1rem 0rem 2rem 1rem;
        color: #000000;
    }
    .homepage-five-section .homepage-five-button {
        text-align: left;
        width: 100%;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background-color: #1e9eb7;
        color: #ffffff;
        border-radius: 2rem;
        font-size: 0.75rem;
        font-weight: 500;
        padding: 0.6rem 1rem;
        margin: 0 0 0 1rem;
        line-height: 1.3;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge-icon {
        width: 0.85rem;
        height: 0.85rem;
        border-radius: 50%;
        border: 1.5px solid rgba(255, 255, 255, 0.9);
        position: relative;
        flex-shrink: 0;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.25rem;
        height: 0.25rem;
        background: #ffffff;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }
    /* Button — matching banner's shine + pulse */
    .homepage-five-section .homepage-five-button .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.9rem;
        font-weight: 500;
        text-decoration: none;
        transition: background 0.25s, border-color 0.25s, transform 0.2s, box-shadow 0.25s;
        width: fit-content;
        padding: 0.6rem 1.5rem;
        margin: 0 1rem;
        position: relative;
        overflow: hidden;
        animation: lxFiveBtnPulse 2.8s ease-in-out infinite;
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 75%;
        height: 100%;
        background: linear-gradient(
            90deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0) 100%
        );
        transform: skewX(-22deg);
        transition: left 0.7s ease;
        pointer-events: none;
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account:hover {
        background-color: #178297;
        border-color: #178297;
        transform: translateY(-2px);
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account:hover::before {
        left: 130%;
    }
    @keyframes lxFiveBtnPulse {
        0%, 100% {
            box-shadow: 0 0 0 0 rgba(31,192,208,0.50),
                        0 3px 10px rgba(31,192,208,0.20);
        }
        50% {
            box-shadow: 0 0 0 8px rgba(31,192,208,0),
                        0 4px 14px rgba(31,192,208,0.40);
        }
    }
    .homepage-five-section .homepage-five-image img {
        position: relative;
        left: 8%;
        z-index: 1;
        height: 100%;
        width: 85%;
    }
    .homepage-third-section::before {
        content: "";
        position: absolute;
        top: 12%;
        left: -6%;
        width: 380px;
        height: 380px;
        background: radial-gradient(circle, rgba(31,192,208,0.08) 0%, rgba(31,192,208,0) 70%);
        filter: blur(50px);
        pointer-events: none;
        z-index: 0;
    }
    .homepage-third-section .homepage-third-header {
        margin-bottom: 3rem;
    }
    .homepage-third-section h2.homepage-third-title {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 2.8rem;
        line-height: 1.15;
        color: #0f2027;
        margin: 0 0 1rem;
        text-align: center;
    }
    .homepage-third-section h2.homepage-third-title .title-accent {
        color: #199CAA;
        display: block;
    }
    .homepage-third-section .homepage-third-desc {
        font-family: 'Roboto', sans-serif;
        font-size: 1.1rem;
        font-weight: 400;
        color: #5d5c5c;
        line-height: 1.55;
        margin: 0 auto;
        max-width: 760px;
        text-align: center;
    }
    /* Feature list */
    .homepage-third-section .lx-trust-features {
        list-style: none;
        padding: 0;
        margin: 0 0 2rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .homepage-third-section .lx-trust-feature {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }
    .homepage-third-section .lx-trust-feature-icon {
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: linear-gradient(150deg, #1fc0d0 0%, #199caa 50%, #098297 100%);
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(9,130,151,0.20);
        transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s ease;
    }
    .homepage-third-section .lx-trust-feature-icon svg {
        width: 22px;
        height: 22px;
        display: block;
    }
    .homepage-third-section .lx-trust-feature:hover .lx-trust-feature-icon {
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 8px 18px rgba(9,130,151,0.32);
    }
    .homepage-third-section .lx-trust-feature-text {
        flex: 1;
        min-width: 0;
    }
    .homepage-third-section .lx-trust-feature-title {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.15rem;
        color: #0f2027;
        margin: 0 0 0.25rem;
        line-height: 1.3;
    }
    .homepage-third-section .lx-trust-feature-desc {
        font-family: 'Roboto', sans-serif;
        font-size: 0.92rem;
        font-weight: 400;
        color: #5d5c5c;
        line-height: 1.5;
        margin: 0;
    }
    .homepage-third-section .homepage-third-button .btn-lx-open-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 75%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
        transform: skewX(-22deg);
        transition: left 0.7s ease;
        pointer-events: none;
    }
    .homepage-third-section .homepage-third-button .btn-lx-open-account:hover {
        background-color: #178297;
        border-color: #178297;
        transform: translateY(-2px);
    }
    .homepage-third-section .homepage-third-button .btn-lx-open-account:hover::before {
        left: 130%;
    }

    /* ============================================
       Homepage — Liquidity Providers section (Desktop)
       ============================================ */
    .homepage-six-section {
        padding: 5rem 0 8rem 0;
        background: #ffffff;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        overflow: hidden;
    }

    .homepage-six-section .homepage-six-header {
        max-width: 760px;
        margin: 0 auto 3.5rem;
        text-align: center;
    }

    .homepage-six-section .homepage-six-title {
        font-size: 2.2rem;
        font-weight: 800;
        color: #1a1a1a;
        margin: 0 0 0.85rem 0;
        line-height: 1.2;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .homepage-six-section .homepage-six-title .title-accent {
        color: #199caa;
    }

    .homepage-six-section .homepage-six-desc {
        font-size: 1rem;
        color: #5d5c5c;
        line-height: 1.6;
        margin: 0;
        text-align: center;
    }

    .homepage-six-section .homepage-six-marquee {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding: 1.5rem 0;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
                mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    }

    .homepage-six-section .homepage-six-fade {
        display: none;
    }

    .homepage-six-section .homepage-six-track {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        width: max-content;
        animation: lxProvidersMarquee 32s linear infinite;
        will-change: transform;
    }

    .homepage-six-section .homepage-six-logo {
        flex: 0 0 auto;
        width: 210px;
        height: 85px;
        background: #ffffff;
        border-radius: 0.85rem;
        box-shadow:
            0 1px 2px rgba(15, 23, 42, 0.04),
            0 2px 6px rgba(15, 23, 42, 0.05);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.5rem 2.25rem;
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .homepage-six-section .homepage-six-logo:hover {
        transform: translateY(-3px);
        box-shadow:
            0 2px 4px rgba(15, 23, 42, 0.06),
            0 6px 12px rgba(15, 23, 42, 0.08);
    }

    .homepage-six-section .homepage-six-logo img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
    }

    @media (prefers-reduced-motion: reduce) {
        .homepage-six-section .homepage-six-track {
            animation: none;
        }
    }
}
/* END Desktop view */

/* Liquidity providers marquee keyframes — defined at root so every breakpoint can reference them */
@keyframes lxProvidersMarquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* START Tablet view */
@media (min-width: 768px) and (max-width: 1200px) {

    /* ── TYPE SCALE (tablet)
       H1 banner title   : 2.2rem
       H2 section title  : 1.75rem
       H4 spreads title  : 1.75rem
       H6 card title     : 1.3rem
       H6 section heading: 1.6rem
       body / desc P     : 0.95rem
       button            : 0.9rem
    ── */

    /* ── BANNER ── */
    .banner-section {
        position: relative;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem;
        overflow: hidden;
        background-blend-mode: overlay;
        background:
            radial-gradient(ellipse at 50% 20%, transparent 30%, rgba(0, 15, 20, 0.5) 90%),
            linear-gradient(180deg, #030e12 0%, #052127 20%, #083137 55%, #14818f 100%);
        min-height: 740px;
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 1;
    }
    .banner-section .lx-homepage-section-one-title h1 {
        text-align: center;
        color: #ffffff;
        font-size: 2.8rem;
        line-height: 1.25;
        margin: 8rem 6rem 0;
    }
    .banner-section .lx-homepage-section-one-description h6 {
        text-align: center;
        color: #ffffff;
        font-size: 1rem;
        font-weight: 400;
        margin: 0.75rem 2rem 0;
    }
    .banner-section .lx-homepage-section-one-button {
        text-align: center;
        margin: 1.75rem 0;
        width: 100%;
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s, border-color 0.2s, transform 0.1s;
        padding: 0.55rem 1.75rem;
        position: relative;
        overflow: hidden;
        animation: lxBtnPulse 2.6s ease-in-out infinite;
        }

    /* ── SECTION 2 — Products & Services ── */
    .homepage-second-section {
        padding: 4rem 1.5rem 5rem;
        position: relative;
        background: linear-gradient(180deg, #ffffff 0%, #f5fafc 50%, #eaf5f7 100%);
        overflow: hidden;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        }
    .homepage-second-section .homepage-second-title h2 {
        text-align: center;
        color: #0f2027;
        font-size: 1.75rem;
        line-height: 1.25;
        margin: 0 0 0.75rem;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        }
    .homepage-second-section .homepage-second-title h2 .title-accent {
        color: #199CAA;
        }
    .homepage-second-section .homepage-second-description h6 {
        text-align: center;
        color: #5d5c5c;
        font-size: 0.95rem;
        font-weight: 400;
        margin: 0 2rem 1.2rem;
        line-height: 1.5;
    }
    .homepage-second-section .lx-accounts-orb {
        position: absolute;
        pointer-events: none;
        filter: blur(45px);
        z-index: 0;
    }
    .homepage-second-section .lx-accounts-orb-tl {
        top: -6%;
        left: -8%;
        width: 320px;
        height: 320px;
        background: radial-gradient(circle, rgba(31,192,208,0.16) 0%, rgba(31,192,208,0) 70%);
    }
    .homepage-second-section .lx-accounts-orb-br {
        bottom: -8%;
        right: -10%;
        width: 360px;
        height: 360px;
        background: radial-gradient(circle, rgba(9,130,151,0.12) 0%, rgba(9,130,151,0) 70%);
    }
    .homepage-second-section .container {
        position: relative;
        z-index: 1;
        width: 100%;
    }
    .homepage-second-section .homepage-second-description p {
        font-family: 'Roboto', sans-serif;
        font-size: 0.95rem;
        font-weight: 400;
        color: #5d5c5c;
        margin: 0 auto 2.5rem;
        max-width: 620px;
        line-height: 1.55;
        text-align: center;
    }
    .homepage-second-section .lx-accounts-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
        margin: 0 auto;
    }
    .homepage-second-section .lx-account-card {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.75rem 1.5rem 1.25rem;
        border-radius: 16px;
        text-decoration: none;
        min-height: 240px;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid transparent;
        transition:
            transform 0.4s cubic-bezier(0.22,1,0.36,1),
            box-shadow 0.4s cubic-bezier(0.22,1,0.36,1),
            border-color 0.3s ease;
    }
    .homepage-second-section .lx-account-card-shine {
        content: "";
        position: absolute;
        top: 0;
        left: -90%;
        width: 55%;
        height: 100%;
        background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0) 100%);
        transform: skewX(-18deg);
        transition: left 1s cubic-bezier(0.22,1,0.36,1);
        pointer-events: none;
        z-index: -1;
    }
    .homepage-second-section .lx-account-card:hover .lx-account-card-shine {
        left: 140%;
    }
    .homepage-second-section .lx-account-card-teal {
        background: linear-gradient(150deg, #23b0c6 0%, #199caa 45%, #087c90 100%);
        box-shadow: 0 5px 14px rgba(9,130,151,0.18);
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-teal:hover {
        transform: translateY(-6px);
        box-shadow: 0 10px 22px rgba(9,130,151,0.32), 0 3px 8px rgba(31,192,208,0.20);
    }
    .homepage-second-section .lx-account-card-white {
        background: linear-gradient(160deg, #ffffff 0%, #f4f6f9 60%, #e8edf3 100%);
        box-shadow: 0 5px 14px rgba(15,32,39,0.06);
        color: #0f2027;
    }
    .homepage-second-section .lx-account-card-white .lx-account-card-shine {
        background: linear-gradient(110deg, rgba(31,192,208,0) 0%, rgba(31,192,208,0.18) 50%, rgba(31,192,208,0) 100%);
    }
    .homepage-second-section .lx-account-card-white:hover {
        transform: translateY(-6px);
        border-color: rgba(31,192,208,0.45);
        box-shadow: 0 10px 22px rgba(31,192,208,0.16), 0 3px 8px rgba(0,0,0,0.06);
    }
    .homepage-second-section .lx-account-card-head {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        margin-bottom: 1.5rem;
        flex-wrap: wrap;
    }
    .homepage-second-section .lx-account-name {
        font-family: 'Roboto', sans-serif;
        font-weight: 800;
        font-style: italic;
        font-size: 1.2rem;
        letter-spacing: 0.01em;
        line-height: 1.1;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-name {
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-white .lx-account-name {
        color: #0f2027;
    }
    .homepage-second-section .lx-account-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.25rem 0.65rem;
        border-radius: 5px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 0.7rem;
        letter-spacing: 0.05em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .homepage-second-section .lx-account-badge-light {
        background: rgba(255,255,255,0.92);
        color: #098297;
    }
    .homepage-second-section .lx-account-badge-grey {
        background: #b6bcc4;
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-body {
        flex: 1;
    }
    .homepage-second-section .lx-account-target {
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 0.95rem;
        margin: 0 0 0.4rem;
        line-height: 1.3;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-target {
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-white .lx-account-target {
        color: #0f2027;
    }
    .homepage-second-section .lx-account-desc {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 0.82rem;
        line-height: 1.5;
        margin: 0;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-desc {
        color: rgba(255,255,255,0.94);
    }
    .homepage-second-section .lx-account-card-white .lx-account-desc {
        color: #4a5560;
    }
    .homepage-second-section .lx-account-card-foot {
        margin-top: 1rem;
    }
    .homepage-second-section .lx-account-cta {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 0.78rem;
        letter-spacing: 0.03em;
        transition: transform 0.3s cubic-bezier(0.22,1,0.36,1), letter-spacing 0.3s ease, opacity 0.25s ease;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-cta {
        color: #ffffff;
        opacity: 0.95;
    }
    .homepage-second-section .lx-account-card-white .lx-account-cta {
        color: #199CAA;
    }
    .homepage-second-section .lx-account-card:hover .lx-account-cta {
        transform: translateX(4px);
        letter-spacing: 0.05em;
        opacity: 1;
    }
    /* Compare All Accounts button */
    .homepage-second-section .lx-accounts-compare {
        margin-top: 2.25rem;
    }
    .homepage-second-section .lx-accounts-compare .btn-lx-compare {
        display: inline-block;
        background: transparent;
        border: 2px solid #199caa;
        color: #199caa;
        border-radius: 2rem;
        font-family: 'Roboto', sans-serif;
        font-size: 0.85rem;
        font-weight: 600;
        text-decoration: none;
        padding: 0.55rem 1.6rem;
        letter-spacing: 0.02em;
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    }
    .homepage-second-section .lx-accounts-compare .btn-lx-compare:hover {
        background: linear-gradient(150deg, #1fc0d0 0%, #199caa 50%, #098297 100%);
        border-color: #199caa;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(9,130,151,0.24);
    }
    /* ── SECTION 3 — Spreads & Execution ── */
    .homepage-third-section {
        position: relative;
        background: linear-gradient(180deg, #ffffff 0%, #fafdfe 100%);
        width: 100%;
        padding: 3rem 2rem 5rem;
        overflow: hidden;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        }
    .homepage-third-section .homepage-third-inner {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
    /* Keep left/right columns side by side at tablet */
    .homepage-third-section .homepage-third-inner .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        }
    .homepage-third-section .homepage-third-inner .row > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .homepage-third-section .homepage-third-title h4 {
        font-size: 1.75rem;
        line-height: 1.2;
        margin: 0 0 0.2rem;
        text-align: left;
        font-weight: 700;
    }
    .homepage-third-section .homepage-third-title h4 + h4 {
        margin-top: 0;
    }
    .homepage-third-section .homepage-third-title h4 .title-accent {
        color: #199CAA;
    }
    .homepage-third-section .homepage-third-title p {
        margin-top: 0.75rem;
        line-height: 1.6;
        color: #000000;
        font-size: 0.95rem;
        text-align: left;
    }
    .homepage-third-section .homepage-third-button {
        text-align: left;
        width: 100%;
        margin-top: 0.5rem;
        }
    .homepage-third-section .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s, border-color 0.2s, transform 0.1s;
        padding: 0.55rem 1.75rem;
    }
    .homepage-third-section .homepage-third-image {
        width: 75%;
        margin: auto;
    }
    .homepage-third-section .homepage-third-image img {
        display: block;
        width: 100%;
        animation: lxCardImgFloat 3s ease-in-out infinite;
        margin-top: 1rem;
    }

    /* ── SECTION 4 — Why Trade with Lirunex ── */
    .homepage-four-section {
        background:
            radial-gradient(ellipse 70% 60% at 50% 40%, #e3f2f6 0%, #d4e9ef 70%, #c7e1e8 100%);
        padding: 5rem 1rem 0;
    }
    .homepage-four-section .homepage-four-title h2 {
        text-align: center;
        color: #0f2027;
        font-size: 1.75rem;
        padding-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 700;
    }
    .homepage-four-section .homepage-four-title h2 .title-accent {
        color: #199CAA;
    }
    .homepage-four-section .homepage-four-description p {
        text-align: center;
        color: #5d5c5c;
        margin: 0;
        padding: 0 2rem 2rem;
        font-size: 0.95rem;
    }
    /* Review badge */
    .homepage-four-review .lx-container {
        background: #ffffff;
        border-radius: 2rem;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
        margin: 1.75rem auto;
        padding: 0.5rem 1rem;
        width: fit-content;
        max-width: calc(100% - 2rem);
        animation: none;
    }
    .review-row {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    .review-text-one,
    .review-score {
        color: #000;
        margin: 0;
        white-space: nowrap;
        font-size: 0.8rem;
    }
    .review-text-two {
        font-weight: 600;
        color: #000;
        margin: 0;
        white-space: nowrap;
        font-size: 0.8rem;
    }
    .review-rating {
        position: relative;
        display: inline-block;
        color: #ccc;
    }
    .stars-outer i {
        margin-right: 1px;
        font-size: 0.9rem;
    }
    .stars-inner {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        width: 86%;
        color: #199caa;
        pointer-events: none;
    }
    .stars-inner i {
        margin-right: 1px;
        font-size: 0.9rem;
    }
    /* Use desktop 3-column layout on tablet (features | image | features) */
    .homepage-four-content {
        display: block !important;
    }
    .homepage-four-content.mobile {
        display: none !important;
    }
    .homepage-four-content .container {
        width: 100%;
    }
    /* Force 3 equal cols regardless of Bootstrap breakpoint.
       Below 992px, Bootstrap .col-lg-4 defaults to width:100% (stacks).
       Override with !important to win against Bootstrap's built-in rules. */
    .homepage-four-content .container .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    .homepage-four-content .container .row > [class*="col-"] {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
        width: 33.333% !important;
    }
    /* Feature blocks — tighter so they fit at narrow col widths */
    .homepage-four-section .feature-block {
        position: relative;
        border-radius: 14px;
        padding: 0.9rem 0 0.5rem 0.8rem !important;
        margin: 0.7rem 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: none;
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
    }
    .homepage-four-section .homepage-four-content .feature-block h6 {
        font-weight: 700;
        font-size: 1rem;
        margin: 0 0 0.4rem;
        line-height: 1.3;
        text-align: left;
    }
    .homepage-four-section .homepage-four-content .feature-block p {
        font-size: 0.8rem;
        line-height: 1.3;
        margin-bottom: 0;
        white-space: normal;
        overflow-wrap: break-word;
        text-align: left;
    }
    /* Teal variant — gradient background, white text */
    .homepage-four-section .feature-block--teal {
        background: linear-gradient(150deg, #25b8ce 0%, #22adc2 45%, #197c8a 100%);
        box-shadow: 0 4px 14px rgba(25, 124, 138, 0.16);
    }
    .homepage-four-section .feature-block--teal h6 {
        color: #ffffff;
    }
    .homepage-four-section .feature-block--teal p {
        color: rgba(255, 255, 255, 0.92);
    }
    /* White variant — light card, teal title */
    .homepage-four-section .feature-block--white {
        background: #ffffff;
        box-shadow: 0 4px 14px rgba(15, 32, 39, 0.06);
    }
    .homepage-four-section .feature-block--white h6 {
        color: #1fc0d0;
    }
    .homepage-four-section .feature-block--white p {
        color: #000000;
    }
    /* Hover lift */
    .homepage-four-section .feature-block:hover {
        transform: translateY(-3px);
    }
    .homepage-four-section .feature-block--teal:hover {
        box-shadow: 0 8px 18px rgba(25, 124, 138, 0.24);
    }
    .homepage-four-section .feature-block--white:hover {
        box-shadow: 0 8px 18px rgba(15, 32, 39, 0.10);
    }
    /* Feature block CTA */
    .homepage-four-section .feature-block .feature-block-cta {
        display: inline-block;
        margin-top: 0.75rem;
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-decoration: none;
        line-height: 1;
        transition: transform 0.25s ease, opacity 0.25s ease;
    }
    .homepage-four-section .feature-block--teal .feature-block-cta {
        color: #ffffff;
    }
    .homepage-four-section .feature-block--white .feature-block-cta {
        color: #1fc0d0;
    }
    .homepage-four-section .feature-block .feature-block-cta:hover {
        transform: translateX(3px);
        opacity: 0.85;
    }
    .homepage-four-section .trade-lirunex-point-two .feature-block .feature-block-cta:hover {
        transform: translateX(-3px);
    }
    /* Phone image centered in middle column, aligned to bottom */
    .homepage-four-section .homepage-four-content .row {
        align-items: flex-end !important;
    }
    .homepage-four-section .trade-lirunex-image {
        margin: 0 auto;
        text-align: center;
        align-self: flex-end;
    }
    .homepage-four-section .trade-lirunex-image img {
        max-width: 280px;
        display: block;
        margin: 0 auto;
    }

    /* ── SECTION 5 — Trade Smarter ── */
    .homepage-five-section {
        background: #ffffff;
        padding-bottom: 0;
    }
    .homepage-five-section .homepage-five-box {
        background: #f2f4f8;
        margin: 5rem 2rem 2rem;
        border-radius: 1.5rem;
        padding: 4rem 1.5rem 2rem;
        min-height: 300px;
        max-width: 100%;
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(31, 192, 208, 0.28);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
            0 2px 4px rgba(0, 0, 0, 0.05),
            0 6px 12px rgba(0, 0, 0, 0.08);
        }
    /* Keep left/right columns side by side at tablet */
    .homepage-five-section .homepage-five-box > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .homepage-five-section .homepage-five-title h6 {
        font-size: 1.4rem;
        line-height: 1.3;
        margin: 0 0 0.75rem;
        text-align: left;
        font-weight: 700;
    }
    .homepage-five-section .homepage-five-title h6 .title-accent {
        color: #199caa;
    }
    .homepage-five-section .homepage-five-title p {
        font-size: 0.95rem;
        line-height: 1.6;
        color: #5d5c5c;
        margin: 0 0 1.25rem;
        text-align: left;
    }
    .homepage-five-section .homepage-five-button {
        text-align: left;
        width: 100%;
        margin-bottom: 1.75rem;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background-color: #1e9eb7;
        color: #ffffff;
        border-radius: 2rem;
        font-size: 0.7rem;
        font-weight: 500;
        padding: 0.55rem 1.25rem;
        line-height: 1.3;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge-icon {
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        border: 1.5px solid rgba(255, 255, 255, 0.9);
        position: relative;
        flex-shrink: 0;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.22rem;
        height: 0.22rem;
        background: #ffffff;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }
    .homepage-five-button .btn-lx-open-account,
    .homepage-five-section .homepage-five-button .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s, border-color 0.2s, transform 0.1s;
        padding: 0.55rem 1.75rem;
    }
    .homepage-five-section .homepage-five-image {
        height: 100%;
        display: flex;
        align-items: flex-end;
    }
    .homepage-five-section .homepage-five-image img {
        display: block;
        position: relative;
        width: 85%;
        left: auto;
        margin: 0 0 1rem 2rem;
        height: auto;
        filter: drop-shadow(0 20px 35px rgba(31, 192, 208, 0.25))
            drop-shadow(0 10px 18px rgba(0, 0, 0, 0.12));
        }

    /* ═══ TABLET ENHANCEMENTS — desktop polish scaled down ═══ */

    .banner-section .lx-homepage-section-one-title,
    .banner-section .lx-homepage-section-one-description,
    .banner-section .lx-homepage-section-one-button,
    .banner-section .lx-banner-assets-strip {
        position: relative;
        z-index: 2;
    }
    .banner-section .lx-banner-assets-strip {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: auto 0 2.5rem;
        padding: 0;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
    }
    .banner-section .lx-banner-assets-track {
        display: flex;
        align-items: stretch;
        gap: 12px;
        width: max-content;
        animation: lxBannerCarousel 28s linear infinite;
    }
    .banner-section .lx-banner-assets-strip:hover .lx-banner-assets-track {
        animation-play-state: paused;
    }
    .banner-section .lx-banner-asset-card {
        display: flex;
        align-items: center;
        gap: 10px;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 10px;
        padding: 10px 14px;
        flex: 0 0 auto;
        width: 200px;
    }
    .banner-section .lx-banner-asset-icon {
        width: 38px;
        height: 38px;
        flex-shrink: 0;
        border-radius: 8px;
        overflow: hidden;
    }
    .banner-section .lx-banner-asset-icon svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    .banner-section .lx-banner-asset-name {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 0.9rem;
        color: #ffffff;
        letter-spacing: 0.03em;
        display: block;
    }
    .banner-section .lx-banner-asset-desc {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-size: 0.72rem;
        color: rgba(255, 255, 255, 0.55);
        display: block;
        margin-top: 2px;
    }
    /* Banner H1 shimmer */
    .banner-section h1 {
        background: linear-gradient(110deg, #ffffff 0%, #eaf9fb 30%, #ffffff 42%, #d5f6fa 50%, #ffffff 58%, #eaf9fb 70%, #ffffff 100%);
        background-size: 300% auto;
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: lxTitleShimmer 7s ease-in-out infinite;
    }
    @keyframes lxTitleShimmer {
        0%   { background-position: 150% center; }
        100% { background-position: -150% center; }
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 75%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
        transform: skewX(-22deg);
        transition: left 0.7s ease;
        pointer-events: none;
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account:hover {
        background-color: #178297;
        border-color: #178297;
        transform: translateY(-2px);
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account:hover::before {
        left: 130%;
    }
    @keyframes lxBtnPulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(31,192,208,0.50), 0 3px 10px rgba(31,192,208,0.22); }
        50%      { box-shadow: 0 0 0 7px rgba(31,192,208,0), 0 4px 12px rgba(31,192,208,0.40); }
    }    .homepage-second-section::before,
    .homepage-second-section::after {
        content: "";
        position: absolute;
        pointer-events: none;
        z-index: 0;
        filter: blur(35px);
    }
    .homepage-second-section::before {
        top: 10%;
        left: -10%;
        width: 300px;
        height: 300px;
        background: radial-gradient(circle, rgba(31,192,208,0.10) 0%, rgba(31,192,208,0) 70%);
    }
    .homepage-second-section::after {
        bottom: 5%;
        right: -8%;
        width: 340px;
        height: 340px;
        background: radial-gradient(circle, rgba(9,130,151,0.08) 0%, rgba(9,130,151,0) 70%);
    }
    .homepage-second-section .homepage-second-title,
    .homepage-second-section .homepage-second-description,
    .homepage-second-section .container {
        position: relative;
        z-index: 1;
    }    @keyframes lxCardImgFloat {
        0%, 100% { transform: translateY(0); }
        50%      { transform: translateY(-6px); }
    }
    .homepage-four-section > * {
        position: relative;
        z-index: 1;
    }
    .homepage-five-section .homepage-five-box > * {
        position: relative;
        z-index: 1;
    }

    /* Section 5 button pulse + shine */
    .homepage-five-section .homepage-five-button .btn-lx-open-account {
        position: relative;
        overflow: hidden;
        animation: lxFiveBtnPulse 2.8s ease-in-out infinite;
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 75%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
        transform: skewX(-22deg);
        transition: left 0.7s ease;
        pointer-events: none;
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account:hover::before {
        left: 130%;
    }
    @keyframes lxFiveBtnPulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(31,192,208,0.50), 0 3px 10px rgba(31,192,208,0.18); }
        50%      { box-shadow: 0 0 0 7px rgba(31,192,208,0), 0 4px 12px rgba(31,192,208,0.38); }
    }
    .homepage-third-section .homepage-third-header {
        margin-bottom: 2rem;
        text-align: center;
    }
    .homepage-third-section h2.homepage-third-title {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.9rem;
        line-height: 1.2;
        color: #0f2027;
        margin: 0 0 0.75rem;
        text-align: center;
    }
    .homepage-third-section h2.homepage-third-title .title-accent {
        color: #199CAA;
        display: block;
    }
    .homepage-third-section .homepage-third-desc {
        font-family: 'Roboto', sans-serif;
        font-size: 0.95rem;
        font-weight: 400;
        color: #5d5c5c;
        line-height: 1.55;
        margin: 0 auto;
        max-width: 620px;
        text-align: center;
    }
    .homepage-third-section .lx-trust-features {
        list-style: none;
        padding: 0;
        margin: 0 0 1.5rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.1rem;
    }
    .homepage-third-section .lx-trust-feature {
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
    }
    .homepage-third-section .lx-trust-feature-icon {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        background: linear-gradient(150deg, #1fc0d0 0%, #199caa 50%, #098297 100%);
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 3px 10px rgba(9,130,151,0.18);
        transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s ease;
    }
    .homepage-third-section .lx-trust-feature-icon svg {
        width: 20px;
        height: 20px;
        display: block;
    }
    .homepage-third-section .lx-trust-feature:hover .lx-trust-feature-icon {
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 6px 14px rgba(9,130,151,0.28);
    }
    .homepage-third-section .lx-trust-feature-text {
        flex: 1;
        min-width: 0;
    }
    .homepage-third-section .lx-trust-feature-title {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #0f2027;
        margin: 0 0 0.2rem;
        line-height: 1.3;
    }
    .homepage-third-section .lx-trust-feature-desc {
        font-family: 'Roboto', sans-serif;
        font-size: 0.85rem;
        font-weight: 400;
        color: #5d5c5c;
        line-height: 1.5;
        margin: 0;
    }
    .homepage-third-section .homepage-third-button .btn-lx-open-account {
        position: relative;
        overflow: hidden;
        animation: lxBtnPulse 2.6s ease-in-out infinite;
    }
    .homepage-third-section .homepage-third-button .btn-lx-open-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 75%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
        transform: skewX(-22deg);
        transition: left 0.7s ease;
        pointer-events: none;
    }
    .homepage-third-section .homepage-third-button .btn-lx-open-account:hover {
        background-color: #178297;
        border-color: #178297;
        transform: translateY(-2px);
    }
    .homepage-third-section .homepage-third-button .btn-lx-open-account:hover::before {
        left: 130%;
    }

    /* ============================================
       Homepage — Liquidity Providers section (Tablet)
       ============================================ */
    .homepage-six-section {
        padding: 3rem 0 5rem 0;
        background: #ffffff;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        overflow: hidden;
    }

    .homepage-six-section .homepage-six-header {
        max-width: 640px;
        margin: 0 auto 2.75rem;
        padding: 0 1rem;
        text-align: center;
    }

    .homepage-six-section .homepage-six-title {
        font-size: 1.85rem;
        font-weight: 800;
        color: #1a1a1a;
        margin: 0 0 0.75rem 0;
        line-height: 1.25;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .homepage-six-section .homepage-six-title .title-accent {
        color: #199caa;
    }

    .homepage-six-section .homepage-six-desc {
        font-size: 0.95rem;
        color: #5d5c5c;
        line-height: 1.6;
        margin: 0;
        text-align: center;
    }

    .homepage-six-section .homepage-six-marquee {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding: 1.25rem 0;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
                mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    }

    .homepage-six-section .homepage-six-fade {
        display: none;
    }

    .homepage-six-section .homepage-six-track {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        width: max-content;
        animation: lxProvidersMarquee 28s linear infinite;
        will-change: transform;
    }

    .homepage-six-section .homepage-six-logo {
        flex: 0 0 auto;
        width: 175px;
        height: 75px;
        background: #ffffff;
        border-radius: 0.85rem;
        box-shadow:
            0 1px 2px rgba(15, 23, 42, 0.04),
            0 2px 6px rgba(15, 23, 42, 0.05);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.15rem 1.75rem;
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .homepage-six-section .homepage-six-logo:hover,
    .homepage-six-section .homepage-six-logo:active {
        transform: translateY(-3px);
        box-shadow:
            0 2px 4px rgba(15, 23, 42, 0.06),
            0 6px 12px rgba(15, 23, 42, 0.08);
    }

    .homepage-six-section .homepage-six-logo img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
    }

    @media (prefers-reduced-motion: reduce) {
        .homepage-six-section .homepage-six-track {
            animation: none;
        }
    }
}
/* END Tablet view */


/* START Mobile view */
@media (max-width: 767px) {

    /* ── TYPE SCALE (mobile)
       H1 page title    : 1.75rem
       H2 section title : 1.5rem
       H4 spreads title : 1.5rem
       H6 card title    : 1.1rem
       H6 section heading: 1.4rem
       body / desc      : 0.9rem
       small / caption  : 0.8rem
       button           : 0.875rem
    ── */

    /* ── BANNER ── */
    .banner-section {
        position: relative;
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        overflow: hidden;
        background-blend-mode: overlay;
        background:
            radial-gradient(ellipse at 50% 20%, transparent 30%, rgba(0, 15, 20, 0.5) 90%),
            linear-gradient(180deg, #030e12 0%, #052127 20%, #083137 55%, #14818f 100%);
        min-height: 620px;
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 1;
        }
    .banner-section .lx-homepage-section-one-title h1 {
        text-align: center;
        color: #ffffff;
        font-size: 1.75rem;
        line-height: 1.25;
        margin: 6rem 1.25rem 0;
    }
    .banner-section .lx-homepage-section-one-description h6 {
        text-align: center;
        color: #ffffff;
        font-size: 0.9rem;
        font-weight: 400;
        margin: 0.75rem 1.25rem 1rem;
    }
    .banner-section .lx-homepage-section-one-button {
        text-align: center;
        margin: 1.5rem 0;
        width: 100%;
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.875rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s, border-color 0.2s, transform 0.1s;
        padding: 0.5rem 1.5rem;
        position: relative;
        overflow: hidden;
        animation: lxBtnPulse 2.8s ease-in-out infinite;
        }

    /* ── SECTION 2 — Products & Services ── */
    .homepage-second-section {
        position: relative;
        background: linear-gradient(180deg, #ffffff 0%, #f5fafc 50%, #eaf5f7 100%);
        width: 100%;
        padding: 3.5rem 1rem 4rem;
        overflow: hidden;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        }
    .homepage-second-section .homepage-second-title h2 {
        text-align: center;
        color: #0f2027;
        font-size: 1.5rem;
        line-height: 1.25;
        margin: 0 0.5rem 0.75rem;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        }
    .homepage-second-section .homepage-second-title h2 .title-accent {
        color: #199CAA;
        }
    .homepage-second-section .homepage-second-description h6 {
        text-align: center;
        color: #5d5c5c;
        font-size: 0.875rem;
        font-weight: 400;
        margin: 0 1.25rem;
    }
    .homepage-second-section .container {
        width: 100%;
        padding: 0;
        position: relative;
        z-index: 1;
        }
    /* Mobile only — swap Account Types above Promotions in the second row */
    .homepage-second-section .container > .row:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
    }
    .homepage-second-section .container > .row:nth-child(2) > .col-lg-6:nth-child(1) {
        order: 2;
    }
    .homepage-second-section .container > .row:nth-child(2) > .col-lg-6:nth-child(2) {
        order: 1;
    }
    .homepage-second-section .lx-accounts-orb {
        position: absolute;
        pointer-events: none;
        filter: blur(35px);
        z-index: 0;
    }
    .homepage-second-section .lx-accounts-orb-tl {
        top: -4%;
        left: -12%;
        width: 220px;
        height: 220px;
        background: radial-gradient(circle, rgba(31,192,208,0.14) 0%, rgba(31,192,208,0) 70%);
    }
    .homepage-second-section .lx-accounts-orb-br {
        bottom: -6%;
        right: -14%;
        width: 240px;
        height: 240px;
        background: radial-gradient(circle, rgba(9,130,151,0.10) 0%, rgba(9,130,151,0) 70%);
    }
    .homepage-second-section .homepage-second-description p {
        font-family: 'Roboto', sans-serif;
        font-size: 0.9rem;
        font-weight: 400;
        color: #5d5c5c;
        margin: 0 0.5rem 2rem;
        line-height: 1.55;
        text-align: center;
    }
    .homepage-second-section .lx-accounts-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin: 0 auto;
    }
    .homepage-second-section .lx-account-card {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem 1.25rem 1.1rem;
        border-radius: 16px;
        text-decoration: none;
        min-height: 200px;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid transparent;
        transition:
            transform 0.4s cubic-bezier(0.22,1,0.36,1),
            box-shadow 0.4s ease,
            border-color 0.3s ease;
    }
    /* Disable shine on mobile for cleaner look */
    .homepage-second-section .lx-account-card-shine {
        display: none;
    }
    .homepage-second-section .lx-account-card-teal {
        background: linear-gradient(150deg, #23b0c6 0%, #199caa 45%, #087c90 100%);
        box-shadow: 0 5px 14px rgba(9,130,151,0.18);
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-teal:hover,
    .homepage-second-section .lx-account-card-teal:active {
        transform: translateY(-5px);
        box-shadow: 0 12px 24px rgba(9,130,151,0.35), 0 4px 8px rgba(31,192,208,0.22);
    }
    .homepage-second-section .lx-account-card-white {
        background: linear-gradient(160deg, #ffffff 0%, #f4f6f9 60%, #e8edf3 100%);
        box-shadow: 0 5px 14px rgba(15,32,39,0.06);
        color: #0f2027;
    }
    .homepage-second-section .lx-account-card-white:hover,
    .homepage-second-section .lx-account-card-white:active {
        transform: translateY(-5px);
        border-color: rgba(31,192,208,0.4);
        box-shadow: 0 10px 22px rgba(31,192,208,0.15), 0 3px 8px rgba(0,0,0,0.06);
    }
    .homepage-second-section .lx-account-card-head {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        margin-bottom: 1.25rem;
        flex-wrap: wrap;
    }
    .homepage-second-section .lx-account-name {
        font-family: 'Roboto', sans-serif;
        font-weight: 800;
        font-style: italic;
        font-size: 1.25rem;
        letter-spacing: 0.01em;
        line-height: 1.1;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-name {
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-white .lx-account-name {
        color: #0f2027;
    }
    .homepage-second-section .lx-account-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.25rem 0.65rem;
        border-radius: 5px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 0.7rem;
        letter-spacing: 0.05em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .homepage-second-section .lx-account-badge-light {
        background: rgba(255,255,255,0.92);
        color: #098297;
    }
    .homepage-second-section .lx-account-badge-grey {
        background: #b6bcc4;
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-body {
        flex: 1;
    }
    .homepage-second-section .lx-account-target {
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 1rem;
        margin: 0 0 0.4rem;
        line-height: 1.3;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-target {
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-white .lx-account-target {
        color: #0f2027;
    }
    .homepage-second-section .lx-account-desc {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 0.85rem;
        line-height: 1.5;
        margin: 0;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-desc {
        color: rgba(255,255,255,0.94);
    }
    .homepage-second-section .lx-account-card-white .lx-account-desc {
        color: #4a5560;
    }
    .homepage-second-section .lx-account-card-foot {
        margin-top: 1rem;
    }
    .homepage-second-section .lx-account-cta {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 0.8rem;
        letter-spacing: 0.03em;
    }
    .homepage-second-section .lx-account-card-teal .lx-account-cta {
        color: #ffffff;
    }
    .homepage-second-section .lx-account-card-white .lx-account-cta {
        color: #199CAA;
    }
    /* Compare All Accounts button */
    .homepage-second-section .lx-accounts-compare {
        margin-top: 1.75rem;
    }
    .homepage-second-section .lx-accounts-compare .btn-lx-compare {
        display: inline-block;
        background: transparent;
        border: 2px solid #199caa;
        color: #199caa;
        border-radius: 2rem;
        font-family: 'Roboto', sans-serif;
        font-size: 0.825rem;
        font-weight: 600;
        text-decoration: none;
        padding: 0.55rem 1.5rem;
        letter-spacing: 0.02em;
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    }
    .homepage-second-section .lx-accounts-compare .btn-lx-compare:active {
        background: linear-gradient(150deg, #1fc0d0 0%, #199caa 50%, #098297 100%);
        color: #ffffff;
        transform: translateY(-1px);
    }

    /* ── SECTION 3 — Spreads & Execution ── */
    .homepage-third-section {
        position: relative;
        background: linear-gradient(180deg, #ffffff 0%, #fafdfe 100%);
        padding: 3rem 1rem 4rem;
        overflow: hidden;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        }
    .homepage-third-section .container {
        width: 100%;
    }
    .homepage-third-section .homepage-third-title h4 {
        font-size: 1.5rem;
        line-height: 1.2;
        margin: 0 0 0.2rem;
        text-align: center;
    }
    .homepage-third-section .homepage-third-title h4 + h4 {
        margin-top: 0;
    }
    .homepage-third-section .homepage-third-title h4 .title-accent {
        color: #199CAA;
    }
    .homepage-third-section .homepage-third-title p {
        margin-top: 0.75rem;
        line-height: 1.6;
        color: #5d5c5c;
        font-size: 0.9rem;
        text-align: center;
        margin-bottom: 0px;
    }
    .homepage-third-section .homepage-third-button {
        text-align: center;
        width: 100%;
        margin-top: 0.5rem;
        }
    .homepage-third-section .homepage-third-button .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.875rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s, border-color 0.2s, transform 0.1s;
        padding: 0.5rem 1.5rem;
    }
    .homepage-third-section .homepage-third-image img {
        display: block;
        width: 72%;
        margin: 1.5rem auto 0;
        animation: lxCardImgFloat 5s ease-in-out infinite;
    }

    /* ── SECTION 4 — Why Trade with Lirunex ── */
    .homepage-four-section {
        background:
            radial-gradient(ellipse 80% 60% at 50% 40%, #e3f2f6 0%, #d4e9ef 70%, #c7e1e8 100%);
        padding: 4rem 0 0;
    }
    .homepage-four-section .homepage-four-title h2 {
        text-align: center;
        color: #0f2027;
        font-size: 1.5rem;
        padding-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 700;
    }
    .homepage-four-section .homepage-four-title h2 .title-accent {
        color: #199CAA;
    }
    .homepage-four-section .homepage-four-description p {
        text-align: center;
        color: #5d5c5c;
        margin: 0;
        padding: 0 1.25rem 1rem;
        font-size: 0.875rem;
    }
    .homepage-four-content {
        display: none !important;
    }
    .homepage-four-content.mobile {
        display: block !important;
    }
    .homepage-four-content .container {
        width: 100%;
        padding: 0 1rem;
    }
    /* Review badge */
    .homepage-four-review .lx-container {
        background: #ffffff;
        border-radius: 2rem;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
        margin: 1.5rem auto;
        padding: 0.5rem 1rem;
        width: fit-content;
        max-width: calc(100% - 2rem);
        animation: none;
    }
    .review-row {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.3rem;
        flex-wrap: wrap;
    }
    .review-text-one,
    .review-score {
        color: #000;
        white-space: nowrap;
        font-size: 0.875rem;
        margin: 0;
    }
    .review-text-two {
        font-weight: 600;
        color: #000;
        margin: 0;
        white-space: nowrap;
        font-size: 0.875rem;
    }
    .review-rating {
        position: relative;
        display: inline-block;
        color: #ccc;
        margin: 0;
    }
    .stars-outer i {
        margin-right: 1px;
        font-size: 0.875rem;
    }
    .stars-inner {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        width: 86%;
        color: #199caa;
        pointer-events: none;
    }
    /* Feature blocks — full-width stacked cards */
    .homepage-four-section .feature-block {
        position: relative;
        border-radius: 16px;
        padding: 1rem 1.25rem !important;
        margin-top: 1rem;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: none;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .homepage-four-section .homepage-four-content .feature-block h6 {
        font-weight: 700;
        font-size: 1rem;
        margin: 0 0 0.4rem;
        text-align: left;
    }
    .homepage-four-section .homepage-four-content .feature-block p {
        font-size: 0.875rem;
        line-height: 1.5;
        margin-bottom: 0;
        text-align: left;
        white-space: normal;
        overflow-wrap: break-word;
    }
    /* Teal variant */
    .homepage-four-section .feature-block--teal {
        background: linear-gradient(150deg, #25b8ce 0%, #22adc2 45%, #197c8a 100%);
        box-shadow: 0 3px 10px rgba(25, 124, 138, 0.14);
    }
    .homepage-four-section .feature-block--teal h6 {
        color: #ffffff;
    }
    .homepage-four-section .feature-block--teal p {
        color: rgba(255, 255, 255, 0.92);
    }
    /* White variant */
    .homepage-four-section .feature-block--white {
        background: #ffffff;
        box-shadow: 0 3px 10px rgba(15, 32, 39, 0.06);
    }
    .homepage-four-section .feature-block--white h6 {
        color: #1fc0d0;
    }
    .homepage-four-section .feature-block--white p {
        color: #000000;
    }
    /* Feature block CTA */
    .homepage-four-section .feature-block .feature-block-cta {
        display: inline-block;
        margin-top: 0.75rem;
        font-size: 0.85rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-decoration: none;
        line-height: 1;
        transition: transform 0.25s ease, opacity 0.25s ease;
    }
    .homepage-four-section .feature-block--teal .feature-block-cta {
        color: #ffffff;
    }
    .homepage-four-section .feature-block--white .feature-block-cta {
        color: #1fc0d0;
    }
    .homepage-four-section .feature-block .feature-block-cta:active {
        opacity: 0.8;
    }
    /* Mobile only — swap Exceptional Trading Conditions above Secure Funds & Regulated */
    .homepage-four-content.mobile .trade-lirunex-point-two {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-top: 1rem;
    }
    .homepage-four-content.mobile .trade-lirunex-point-two .feature-block {
        margin-top: 0;
        margin-bottom: 0;
    }
    .homepage-four-content.mobile .trade-lirunex-point-two .feature-block:nth-child(1) {
        order: 2;
    }
    .homepage-four-content.mobile .trade-lirunex-point-two .feature-block:nth-child(2) {
        order: 1;
    }
    /* Phone image — smaller on mobile, centered */
    .homepage-four-section .trade-lirunex-image {
        text-align: center;
    }
    .homepage-four-section .trade-lirunex-image img {
        width: 100%;
        max-width: 290px;
        height: auto;
        display: inline-block;
        margin: 1.5rem auto 0;
        filter: drop-shadow(0 12px 24px rgba(15, 32, 39, 0.18));
    }

    /* ── SECTION 5 — Trade Smarter ── */
    .homepage-five-section {
        background: #ffffff;
        padding-bottom: 0;
    }
    .homepage-five-section .container {
        width: 100%;
        padding: 0 1rem;
    }
    .homepage-five-section .homepage-five-box {
        background: #f2f4f8;
        margin: 5rem 0 2rem;
        border-radius: 1.5rem;
        padding: 3rem 1rem 4rem;
        height: 580px;
        width: 100%;
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(31, 192, 208, 0.28);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
            0 2px 4px rgba(0, 0, 0, 0.05),
            0 5px 10px rgba(0, 0, 0, 0.07);
        }
    .homepage-five-section .homepage-five-title h6 {
        font-size: 1.4rem;
        line-height: 1.3;
        margin: 0 0 0.75rem;
        text-align: center;
    }
    .homepage-five-section .homepage-five-title h6 .title-accent {
        color: #199caa;
    }
    .homepage-five-section .homepage-five-title p {
        font-size: 0.875rem;
        line-height: 1.6;
        color: #5d5c5c;
        margin: 0 0 1.25rem;
        text-align: center;
    }
    .homepage-five-section .homepage-five-button {
        text-align: center;
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        background-color: #1e9eb7;
        color: #ffffff;
        border-radius: 2rem;
        font-size: 0.78rem;
        font-weight: 500;
        padding: 0.5rem 1.1rem;
        line-height: 1.35;
        text-align: left;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge-icon {
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 50%;
        border: 1.5px solid rgba(255, 255, 255, 0.9);
        position: relative;
        flex-shrink: 0;
    }
    .homepage-five-section .homepage-five-button .lx-trust-badge-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.2rem;
        height: 0.2rem;
        background: #ffffff;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account {
        display: inline-block;
        background-color: #1e9eb7;
        border: 1px solid #1e9eb7;
        color: #fff;
        border-radius: 2rem;
        font-size: 0.875rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s, border-color 0.2s, transform 0.1s;
        padding: 0.5rem 1.5rem;
        position: relative;
        overflow: hidden;
        animation: lxFiveBtnPulse 3s ease-in-out infinite;
        }
    .homepage-five-section .homepage-five-image img {
        display: block;
        position: relative;
        width: 85%;
        margin: 0 auto;
        border-bottom-right-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }

    /* ═══ MOBILE ENHANCEMENTS — trimmed for small screens ═══ */

    .banner-section .lx-homepage-section-one-title,
    .banner-section .lx-homepage-section-one-description,
    .banner-section .lx-homepage-section-one-button,
    .banner-section .lx-banner-assets-strip {
        position: relative;
        z-index: 2;
    }
    .banner-section .lx-banner-assets-strip {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: auto 0 2rem;
        padding: 0;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
    }
    .banner-section .lx-banner-assets-track {
        display: flex;
        align-items: stretch;
        gap: 10px;
        width: max-content;
        animation: lxBannerCarousel 24s linear infinite;
    }
    .banner-section .lx-banner-assets-strip:hover .lx-banner-assets-track {
        animation-play-state: paused;
    }
    .banner-section .lx-banner-asset-card {
        display: flex;
        align-items: center;
        gap: 10px;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 10px;
        padding: 10px 12px;
        flex: 0 0 auto;
        width: 180px;
    }
    .banner-section .lx-banner-asset-icon {
        width: 36px;
        height: 36px;
        flex-shrink: 0;
        border-radius: 8px;
        overflow: hidden;
    }
    .banner-section .lx-banner-asset-icon svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    .banner-section .lx-banner-asset-name {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 0.85rem;
        color: #ffffff;
        letter-spacing: 0.02em;
        display: block;
    }
    .banner-section .lx-banner-asset-desc {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-size: 0.68rem;
        color: rgba(255, 255, 255, 0.55);
        display: block;
        margin-top: 2px;
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 75%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
        transform: skewX(-22deg);
        transition: left 0.7s ease;
        pointer-events: none;
    }
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account:hover::before {
        left: 130%;
    }
    @keyframes lxBtnPulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(31,192,208,0.45), 0 2px 8px rgba(31,192,208,0.18); }
        50%      { box-shadow: 0 0 0 6px rgba(31,192,208,0), 0 3px 10px rgba(31,192,208,0.35); }
    }
    .homepage-second-section::before {
        content: "";
        position: absolute;
        top: 8%;
        right: -12%;
        width: 220px;
        height: 220px;
        background: radial-gradient(circle, rgba(31,192,208,0.10) 0%, rgba(31,192,208,0) 70%);
        filter: blur(30px);
        pointer-events: none;
        z-index: 0;
    }
    .homepage-second-section .homepage-second-title,
    .homepage-second-section .homepage-second-description,
    .homepage-second-section .container {
        position: relative;
        z-index: 1;
    }    @keyframes lxCardImgFloat {
        0%, 100% { transform: translateY(0); }
        50%      { transform: translateY(-4px); }
    }
    .homepage-four-section > * {
        position: relative;
        z-index: 1;
    }
    .homepage-five-section .homepage-five-box > * {
        position: relative;
        z-index: 1;
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 75%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
        transform: skewX(-22deg);
        transition: left 0.7s ease;
        pointer-events: none;
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account:hover::before {
        left: 130%;
    }
    @keyframes lxFiveBtnPulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(31,192,208,0.5), 0 3px 12px rgba(31,192,208,0.20); }
        50%      { box-shadow: 0 0 0 10px rgba(31,192,208,0), 0 4px 18px rgba(31,192,208,0.45); }
    }
    .homepage-third-section .homepage-third-header {
        margin-bottom: 1.5rem;
    }
    .homepage-third-section h2.homepage-third-title {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.6rem;
        line-height: 1.2;
        color: #0f2027;
        margin: 0 0.5rem 0.75rem;
        text-align: center;
    }
    .homepage-third-section h2.homepage-third-title .title-accent {
        color: #199CAA;
        display: block;
    }
    .homepage-third-section .homepage-third-desc {
        font-family: 'Roboto', sans-serif;
        font-size: 0.9rem;
        font-weight: 400;
        color: #5d5c5c;
        line-height: 1.55;
        margin: 0 0.5rem 1.5rem;
        text-align: center;
    }
    .homepage-third-section .lx-trust-features {
        list-style: none;
        padding: 0 0.25rem;
        margin: 0 0 1.25rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .homepage-third-section .lx-trust-feature {
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
    }
    .homepage-third-section .lx-trust-feature-icon {
        flex-shrink: 0;
        width: 38px;
        height: 38px;
        border-radius: 10px;
        background: linear-gradient(150deg, #1fc0d0 0%, #199caa 50%, #098297 100%);
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 3px 8px rgba(9,130,151,0.18);
    }
    .homepage-third-section .lx-trust-feature-icon svg {
        width: 19px;
        height: 19px;
        display: block;
    }
    .homepage-third-section .lx-trust-feature-text {
        flex: 1;
        min-width: 0;
    }
    .homepage-third-section .lx-trust-feature-title {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 0.98rem;
        color: #0f2027;
        margin: 0 0 0.2rem;
        line-height: 1.3;
    }
    .homepage-third-section .lx-trust-feature-desc {
        font-family: 'Roboto', sans-serif;
        font-size: 0.85rem;
        font-weight: 400;
        color: #5d5c5c;
        line-height: 1.5;
        margin: 0;
    }}
/* ============================================================
   SMOOTH SCROLL
   ============================================================ */
html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* ============================================================
   SCROLL & LOAD ANIMATIONS
   ============================================================ */

/* Banner load-in — fire immediately with staggered delay */
.anim-banner-1,
.anim-banner-2,
.anim-banner-3,
.anim-banner-4 {
    opacity: 0;
}
.anim-banner-1 { animation: lxFadeInUp 1.5s cubic-bezier(0.22,1,0.36,1) 0.15s both; }
.anim-banner-2 { animation: lxFadeInUp 1.5s cubic-bezier(0.22,1,0.36,1) 0.45s both; }
.anim-banner-3 { animation: lxFadeInUp 1.5s cubic-bezier(0.22,1,0.36,1) 0.75s both; }
.anim-banner-4 { animation: lxFadeInUp 1.5s cubic-bezier(0.22,1,0.36,1) 1.05s both; }

@keyframes lxFadeInUp {
    from { opacity: 0; transform: translateY(45px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Scroll-triggered base states */
.anim-up,
.anim-left,
.anim-right,
.anim-scale {
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(0.22,1,0.36,1),
                transform 1.2s cubic-bezier(0.22,1,0.36,1);
    will-change: opacity, transform;
}
.anim-up    { transform: translateY(38px); }
.anim-left  { transform: translateX(-42px); }
.anim-right { transform: translateX(42px); }
.anim-scale { transform: scale(0.92); }

/* Stagger delay helpers */
.anim-d1 { transition-delay: 0.2s; }
.anim-d2 { transition-delay: 0.4s; }
.anim-d3 { transition-delay: 0.6s; }
.anim-d4 { transition-delay: 0.8s; }
.anim-d5 { transition-delay: 1.0s; }

/* Visible state — added by IntersectionObserver */
.anim-up.is-visible,
.anim-left.is-visible,
.anim-right.is-visible,
.anim-scale.is-visible {
    opacity: 1;
    transform: none;
}

/* Respect user reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
    .anim-banner-1, .anim-banner-2, .anim-banner-3, .anim-banner-4 {
        animation: none;
        opacity: 1;
    }
    .anim-up, .anim-left, .anim-right, .anim-scale {
        transition: none;
        opacity: 1;
        transform: none;
    }
    .banner-section h1,
    .banner-section .lx-homepage-section-one-button .btn-lx-open-account {
        animation: none !important;
    }
    .homepage-four-review .lx-container {
        animation: none !important;
    }
    .homepage-five-section .homepage-five-button .btn-lx-open-account {
        animation: none !important;
    }
    .banner-section .lx-banner-assets-track {
        animation: none !important;
    }
}

/* ── Banner background line chart animation ─────────────────────── */
.banner-section .charts-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    z-index: 1;
    pointer-events: none;
}
.banner-section .charts-layer .chart-label {
    font-family: 'Inter', monospace;
    font-size: 11px;
    font-weight: 600;
    fill: #ffffff;
}
.banner-section .charts-layer .lx-chart-labels .chart-label {
    opacity: 0;
    transform: translateY(8px) scale(0.85);
    transform-box: fill-box;
    transform-origin: center;
    animation: lxChartLabelPop 0.55s cubic-bezier(0.22, 1.4, 0.36, 1) forwards;
}
.banner-section .charts-layer .lx-chart-labels .chart-label:nth-child(1) { animation-delay: 2.60s; }
.banner-section .charts-layer .lx-chart-labels .chart-label:nth-child(2) { animation-delay: 2.85s; }
.banner-section .charts-layer .lx-chart-labels .chart-label:nth-child(3) { animation-delay: 3.05s; }
.banner-section .charts-layer .lx-chart-labels .chart-label:nth-child(4) { animation-delay: 3.25s; }
.banner-section .charts-layer .lx-chart-labels .chart-label:nth-child(5) { animation-delay: 3.50s; }
@keyframes lxChartLabelPop {
    0%   { opacity: 0; transform: translateY(8px) scale(0.85); }
    60%  { opacity: 1; transform: translateY(-2px) scale(1.05); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
.banner-section .banner-side-shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 18%;
    z-index: 1;
    pointer-events: none;
}
.banner-section .banner-side-shadow--left {
    left: 0;
    background: linear-gradient(to right, rgba(4, 20, 19, 0.96) 0%, rgba(4, 20, 19, 0.5) 50%, transparent 100%);
}
.banner-section .banner-side-shadow--right {
    right: 0;
    background: linear-gradient(to left, rgba(4, 20, 19, 0.96) 0%, rgba(4, 20, 19, 0.5) 50%, transparent 100%);
}
.banner-section .banner-bottom-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 220px;
    background: linear-gradient(to bottom, transparent 0%, rgba(2, 10, 9, 0.88) 60%, rgba(2, 10, 9, 0.97) 100%);
    z-index: 1;
    pointer-events: none;
}

/* Desktop: lift the chart so the assets strip stays readable */
@media (min-width: 1201px) {
    .banner-section .charts-layer {
        bottom: 160px;
        height: 58%;
    }
    .banner-section .banner-bottom-shadow {
        height: 280px;
    }
}

/* Tablet: flatten the chart so the curves and labels don't dominate the banner */
@media (min-width: 768px) and (max-width: 1200px) {
    .banner-section .charts-layer {
        width: 135%;
        left: -32%;
        bottom: 130px;
        height: 36%;
        opacity: 0.85;
    }
    .banner-section .banner-bottom-shadow {
        height: 220px;
    }
}

/* Mobile: trim the chart so the squeezed curves and labels don't crowd the strip */
@media (max-width: 767px) {
    .banner-section .charts-layer {
        width: 170%;
        left: -35%;
        bottom: 160px;
        height: 29%;
        opacity: 0.85;
    }
    .banner-section .charts-layer .lx-chart-labels .chart-label {
        font-size: 13px;
    }
    .banner-section .charts-layer .lx-chart-labels .chart-label:nth-child(2),
    .banner-section .charts-layer .lx-chart-labels .chart-label:nth-child(4) {
        display: none;
    }
    .banner-section .banner-bottom-shadow {
        height: 180px;
    }

    /* ============================================
       Homepage — Liquidity Providers section (Mobile)
       ============================================ */
    .homepage-six-section {
        padding: 3rem 0 5rem 0;
        background: #ffffff;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        overflow: hidden;
    }

    .homepage-six-section .homepage-six-header {
        max-width: 480px;
        margin: 0 auto 2rem;
        padding: 0 1rem;
        text-align: center;
    }

    .homepage-six-section .homepage-six-title {
        font-size: 1.5rem;
        font-weight: 800;
        color: #1a1a1a;
        margin: 0 0 0.6rem 0;
        line-height: 1.3;
        letter-spacing: -0.005em;
        text-align: center;
    }

    .homepage-six-section .homepage-six-title .title-accent {
        color: #199caa;
    }

    .homepage-six-section .homepage-six-desc {
        font-size: 0.88rem;
        color: #5d5c5c;
        line-height: 1.55;
        margin: 0;
        text-align: center;
    }

    .homepage-six-section .homepage-six-marquee {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding: 1rem 0;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
                mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
    }

    .homepage-six-section .homepage-six-fade {
        display: none;
    }

    .homepage-six-section .homepage-six-track {
        display: flex;
        align-items: center;
        gap: 1rem;
        width: max-content;
        animation: lxProvidersMarquee 24s linear infinite;
        will-change: transform;
    }

    .homepage-six-section .homepage-six-logo {
        flex: 0 0 auto;
        width: 140px;
        height: 65px;
        background: #ffffff;
        border-radius: 0.75rem;
        box-shadow:
            0 1px 2px rgba(15, 23, 42, 0.04),
            0 2px 6px rgba(15, 23, 42, 0.05);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.85rem 1.25rem;
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .homepage-six-section .homepage-six-logo:hover,
    .homepage-six-section .homepage-six-logo:active {
        transform: translateY(-2px);
        box-shadow:
            0 2px 4px rgba(15, 23, 42, 0.06),
            0 6px 12px rgba(15, 23, 42, 0.08);
    }

    .homepage-six-section .homepage-six-logo img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
    }

    @media (prefers-reduced-motion: reduce) {
        .homepage-six-section .homepage-six-track {
            animation: none;
        }
    }
}

/* Tablet/mobile asset carousel */
@keyframes lxBannerCarousel {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-50% - 6px)); }
}