/* Brand tokens — Lirunex teal family */
.lx-elite-traders-page {
    --elite-traders-teal:        #199caa;
    --elite-traders-teal-bright: #1eb1c2;
    --elite-traders-teal-deep:   #157f8b;
    --elite-traders-teal-dark:   #0f6470;
    --elite-traders-ink:         #10262b;
    --elite-traders-body:        #5b6b6f;
    --elite-traders-line:        #e4ebed;
    --elite-traders-link:        #2f80ed;
    --elite-traders-surface:     #f4f8f9;
    --elite-traders-gold:        #e8b53c;
    --elite-traders-silver:      #b9c4c8;
    --elite-traders-bronze:      #c98548;

    /* Motion — one easing curve and one step for the whole page, so every reveal shares a signature. */
    --et-ease:      cubic-bezier(0.16, 1, 0.3, 1);
    --et-ease-hover: cubic-bezier(0.33, 1, 0.68, 1);
    --et-reveal:    0.85s;
    --et-step:      70ms;

    /* On the page root so every section inherits it, not just the banner. */
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

/* ── Icon font ────────────────────────────────────────────────────────────── */
    /* Same as the MAM Plus page — see the longer note there. */
@font-face {
    font-family: "LX Icons Solid";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff2") format("woff2"),
         url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.ttf") format("truetype");
}

    /* Pinned to the SOLID face, ours first — also the only Free face carrying the arrows. */
.lx-elite-traders-page i[class*="fa-"]:not(.fab):not(.fa-brands),
.lx-elite-traders-page span[class*="fa-"]:not(.fab):not(.fa-brands) {
    font-family: "LX Icons Solid", "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
    font-weight: 900 !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

/* START Base styles — desktop-first. Tablet and mobile override below. */


    /* ── Shared heading treatment ─────────────────────────────────────────── */
    /* One type scale shared with the MAM Plus page, at every breakpoint. */
    .lx-elite-traders-page .lx-elite-traders-heading {
        text-align: center;
        margin-bottom: 3rem;
    }

    .lx-elite-traders-page .lx-elite-traders-heading h3 {
        display: inline-block;
        font-size: 2.5rem;
        font-weight: 800;
        letter-spacing: -0.025em;
        line-height: 1.2;
        margin: 0 0 0.6rem;
        color: var(--elite-traders-ink);
    }

    /* 60rem is the measure, not the column — longer lines get hard to track. */
    .lx-elite-traders-page .lx-elite-traders-heading p {
        max-width: 60rem;
        margin: 0 auto 0.85rem;
        font-size: 1rem;
        line-height: 1.75;
        color: var(--elite-traders-body);
    }

    .lx-elite-traders-page .lx-elite-traders-heading p:last-child { margin-bottom: 0; }

    .lx-elite-traders-page .lx-elite-traders-heading-left {
        text-align: left;
        margin-bottom: 1.5rem;
    }

    .lx-elite-traders-page .lx-elite-traders-heading-invert h3 { color: #fff; }
    .lx-elite-traders-page .lx-elite-traders-heading-invert p  { color: rgba(255, 255, 255, 0.7); }

    /* ── Shared buttons ───────────────────────────────────────────────────── */
    .lx-elite-traders-page .lx-elite-traders-btn-invert {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        border-radius: 2rem;
        padding: 0.75rem 1.75rem;
        font-size: 0.9375rem;
        font-weight: 600;
        text-decoration: none;
        background: #fff;
        color: var(--elite-traders-teal-deep);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
        transition: transform 0.25s var(--et-ease-hover), box-shadow 0.25s var(--et-ease-hover), background 0.25s var(--et-ease-hover);
    }

    .lx-elite-traders-page .lx-elite-traders-btn-invert:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(15, 100, 112, 0.45);
    }

    .lx-elite-traders-page .lx-elite-traders-btn-invert i {
        font-size: 0.75rem;
        transition: transform 0.25s var(--et-ease-hover);
    }

    .lx-elite-traders-page .lx-elite-traders-btn-invert:hover i {
        transform: translateX(3px);
    }

    /* ── 1. Banner ────────────────────────────────────────────────────────── */
    /* Light source sits above the middle: a bright pool at top-centre falling
       off to deeper teal at the lower corners. */
    .lx-banner-elite-traders {
        /* Width is the single knob for the banner artwork — how far across it reaches. */
        --et-banner-art-aspect: 1.553;
        --et-banner-art-width: 40rem;
        --et-banner-art-height: calc(var(--et-banner-art-width) / var(--et-banner-art-aspect));

        position: relative;
        border-bottom-right-radius: 2.5rem;
        border-bottom-left-radius: 2.5rem;
        overflow: hidden;
        background-blend-mode: overlay;
        background-color: #157f8b;
        background-image:
            radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.18) 0%, transparent 35%),
            radial-gradient(circle at 85% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%),
            radial-gradient(ellipse 130% 110% at 50% -10%, #1eb1c2 0%, #157f8b 65%, #0f6470 100%);
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        /* Even top and bottom now: the copy is centred against the artwork
           rather than stacked above a podium band. */
        padding: 3rem 0 5rem;
        isolation: isolate;
    }

    /* Soft highlight bloom directly under the light source. */
    .lx-banner-elite-traders::before {
        content: "";
        position: absolute;
        top: -220px;
        left: 50%;
        margin-left: -350px;
        width: 700px;
        height: 480px;
        border-radius: 50%;
        background: radial-gradient(ellipse, rgba(255, 255, 255, 0.35), transparent 70%);
        filter: blur(70px);
        pointer-events: none;
        z-index: 0;
        animation: lxEliteTradersGlowPulse 9s ease-in-out infinite;
        will-change: opacity, transform;
    }

    .lx-banner-elite-traders .container {
        position: relative;
        z-index: 1;
    }

    /* Copy on the left, artwork alongside on the right. */
    .lx-banner-elite-traders .lx-banner-elite-traders-layout {
        display: flex;
        align-items: center;
        min-height: var(--et-banner-art-height);
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-copy {
        width: 100%;
        /* Widest the copy may run before it would reach the artwork. */
        max-width: 44rem;
    }

    /* Avada's column styles win over Bootstrap's alignment utilities here, so
       the banner copy sets its own alignment explicitly. */
    .lx-banner-elite-traders .lx-banner-elite-traders-title {
        text-align: left;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-title .elite-traders-title {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-weight: 800;
        margin: 1.5rem 0 0;
        font-size: 4rem;
        letter-spacing: -0.03em;
        line-height: 1.15;
        background: linear-gradient(
            110deg,
            #ffffff 0%,
            #eaf9fb 30%,
            #ffffff 42%,
            #d5f6fa 50%,
            #ffffff 58%,
            #eaf9fb 70%,
            #ffffff 100%
        );
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #fff;
    }

    /* Runs the full copy column, so the description and the stat row below it
       finish on the same right-hand edge. */
    .lx-banner-elite-traders .lx-banner-elite-traders-title .elite-traders-subtitle {
        max-width: 44rem;
        margin: 1rem 0 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.85);
    }

    /* Banner artwork — grounded on the banner's bottom edge, running off the right edge. */
    .lx-banner-elite-traders .lx-banner-elite-traders-art {
        position: absolute;
        right: 0;
        /* Flush to the banner's floor. */
        bottom: 0;
        z-index: 1;
        width: var(--et-banner-art-width);
        max-width: 50%;
        height: auto;
        /* Holds the band before the PNG loads, so the copy beside it doesn't
           jump when it arrives. */
        aspect-ratio: var(--et-banner-art-aspect);
        object-fit: contain;
        object-position: bottom right;
        filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.3));
        pointer-events: none;
        animation: lxEliteTradersRiseUp 1.3s var(--et-ease) 0.4s both;
    }

    /* Stats */
    .lx-banner-elite-traders .lx-banner-elite-traders-stats {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 2.25rem;
    }

    /* Spans the copy column, so the row ends on the same line the description
       wraps at rather than stopping short of it. */
    .lx-banner-elite-traders .lx-banner-elite-traders-stats-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 0.625rem;
        width: 100%;
        margin: 0;
    }

    /* Cards now, not an open row — each figure carries its own tinted panel,
       so the group holds together against the artwork behind it. */
    .lx-banner-elite-traders .lx-banner-elite-traders-stat {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        /* Stated, not inherited: min-width and the mobile 50%-basis differ under content-box. */
        box-sizing: border-box;
        /* Equal quarters, so the right edge squares with the description above. */
        flex: 1 1 0;
        min-width: 8.8rem;
        padding: 0.75rem 1.25rem;
        border: 1px solid rgba(255, 255, 255, 0.22);
        border-radius: 0.625rem;
        background: rgba(255, 255, 255, 0.12);
    }

    /* The hairline that used to separate figures would draw a seam down each
       card's left edge now that every one is bounded. */
    .lx-banner-elite-traders .lx-banner-elite-traders-stat + .lx-banner-elite-traders-stat {
        border-left: 1px solid rgba(255, 255, 255, 0.22);
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stat-value {
        font-size: 1.375rem;
        font-weight: 800;
        color: #fff;
        line-height: 1.1;
        letter-spacing: -0.02em;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stat-label {
        font-size: 0.6875rem;
        line-height: 1.35;
        color: rgba(255, 255, 255, 0.85);
        margin-top: 0.35rem;
    }

    /* ── 2. Intro ─────────────────────────────────────────────────────────── */
    /* ── 3. Account types ─────────────────────────────────────────────────── */
    /* White ground. */
    .lx-elite-traders-third-section {
        padding: 3.5rem 0;
        background: #fff;
    }

    /* Gutters either side hold the arrows. The clipping moved down to the
       viewport so they are not cut off by it. */
    .lx-elite-traders-third-section .lx-elite-traders-third-carousel {
        position: relative;
        padding: 0 3.5rem;
    }

    /* The viewport is the scroll container itself, so the browser moves the row
       rather than a JS transform — that buys swipe, momentum and keyboard free.
       Vertical padding gives the featured card's lift and shadows room, since
       overflow clips to the padding box. */
    .lx-elite-traders-third-section .lx-elite-traders-third-viewport {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 1.75rem 0;
        scroll-snap-type: x mandatory;
        /* Stops a horizontal overscroll becoming the browser's back gesture.
           Safari only shipped this in 16; the script guards older ones. */
        overscroll-behavior-x: contain;
        /* The rail below is the position readout; a scrollbar would be noise. */
        scrollbar-width: none;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-viewport::-webkit-scrollbar {
        display: none;
    }

    /* A scroll container is focusable, so focus has to be visible on it.
       Written as :focus with a :focus-visible opt-out rather than :focus-visible
       alone, because Safari did not support the latter until 15.4 and would
       otherwise show nothing at all when the row is tabbed to. */
    .lx-elite-traders-third-section .lx-elite-traders-third-viewport:focus {
        outline: 2px solid var(--elite-traders-teal);
        outline-offset: 2px;
        border-radius: 0.75rem;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-viewport:focus:not(:focus-visible) {
        outline: none;
    }

    /* The edge fades that used to dissolve the end cards into the page are gone. */

    .lx-elite-traders-third-section .lx-elite-traders-third-track {
        display: flex;
        gap: 1rem;
    }

    /* 4 cards + 3 gaps = exactly 100%, which also lands a snap position on the
       last reachable offset — that is what makes `mandatory` safe here. */
    .lx-elite-traders-third-section .lx-elite-traders-third-slide {
        flex: 0 0 calc((100% - 3rem) / 4);
        max-width: calc((100% - 3rem) / 4);
        scroll-snap-align: start;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
        border-radius: 1rem;
        overflow: hidden;
        border: 1px solid rgba(15, 100, 112, 0.13);
        background: linear-gradient(180deg, #ffffff 0%, #f4fafb 100%);
        box-shadow:
            0 1px 2px rgba(16, 38, 43, 0.05),
            0 4px 10px rgba(16, 38, 43, 0.08);
        transition:
            transform 0.35s var(--et-ease),
            box-shadow 0.35s var(--et-ease),
            border-color 0.35s var(--et-ease);
    }

    /* A short rise. The old 8px lift under a heavy cast made the card jump;
       this is closer to it simply being noticed. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card:hover {
        transform: translateY(-4px);
        border-color: rgba(15, 100, 112, 0.24);
        box-shadow:
            0 2px 4px rgba(16, 38, 43, 0.06),
            0 8px 18px rgba(16, 38, 43, 0.12);
    }

    /* The flag. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card-badge {
        position: absolute;
        top: 0.55rem;
        /* Runs off the card's right edge, so it reads as a ribbon fed in from outside. */
        right: 0;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        padding: 0.42rem 0.9rem 0.42rem 1.15rem;
        border: 0;
        /* Notched at the leading end — the swallowtail is what separates a
           ribbon from a pill sitting in the corner. */
        clip-path: polygon(0.6rem 0, 100% 0, 100% 100%, 0.6rem 100%, 0 50%);
        background: linear-gradient(135deg, #ffe29e 0%, #fbe965 55%, #ffc439 100%);
        color: #000;
        font-size: 0.6rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        line-height: 1;
        /* drop-shadow, not box-shadow: clip-path cuts a box-shadow along with
           the box, so the cast has to be taken from the clipped silhouette. */
        filter: drop-shadow(0 3px 7px rgba(160, 22, 22, 0.4));
    }

    /* ── The featured card ────────────────────────────────────────────────
       Inverted rather than decorated: a single dark teal field against its pale
       neighbours. Height and negative margins rather than a transform — every
       slide must keep the same width for the carousel's arithmetic, and scaling
       would blur the text. The overhang fits the viewport's vertical padding. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular {
        height: calc(100% + 2.5rem);
        margin-top: -1.25rem;
        margin-bottom: -1.25rem;
        border-color: rgba(255, 255, 255, 0.1);
        /* Set below the head's darkest stop, so the band sits on top of the field. */
        background: linear-gradient(165deg, #0a4a55 0%, #073b45 55%, #052f38 100%);
        box-shadow:
            0 3px 8px rgba(16, 38, 43, 0.16),
            0 10px 22px rgba(16, 38, 43, 0.22);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular:hover {
        transform: translateY(-4px);
        border-color: rgba(255, 255, 255, 0.18);
        box-shadow:
            0 4px 10px rgba(16, 38, 43, 0.18),
            0 14px 28px rgba(16, 38, 43, 0.28);
    }

    /* Same band as its neighbours, one step darker — same structure, different value. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular .lx-elite-traders-third-card-head {
        padding-top: 2.3rem;
        background: linear-gradient(135deg, var(--elite-traders-teal-deep), var(--elite-traders-teal-dark));
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular .lx-elite-traders-third-card-head::before {
        background: rgba(255, 255, 255, 0.14);
    }

    /* The body was written for ink on near-white; on the dark field every one
       of those values has to invert. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular .lx-elite-traders-third-card-body {
        background: none;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular .lx-elite-traders-third-card-row {
        border-bottom-color: rgba(255, 255, 255, 0.16);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular .lx-elite-traders-third-card-row dt {
        color: rgba(255, 255, 255, 0.62);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular .lx-elite-traders-third-card-row dd {
        color: #fff;
    }

    /* Brighter than the button on the pale cards. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular .lx-elite-traders-third-card-link {
        background: linear-gradient(135deg, #3fd3e2 0%, #1eb1c2 100%);
        color: #06333b;
        box-shadow:
            0 6px 20px rgba(30, 177, 194, 0.35),
            inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular .lx-elite-traders-third-card-link:hover {
        box-shadow:
            0 12px 28px rgba(30, 177, 194, 0.45),
            inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    /* The tier figure gets its own band, in deep teal against the near-white body below. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card-head {
        position: relative;
        padding: 1.5rem 1.35rem 1.35rem;
        background: linear-gradient(135deg, var(--elite-traders-teal-bright), var(--elite-traders-teal-deep));
    }

    /* A lit top edge, so the band has a lip where it meets the card's rim
       rather than butting flatly against it. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card-head::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: rgba(255, 255, 255, 0.18);
    }

    /* The whole point of the card, so it takes the weight and nothing around
       it competes. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card-head h4 {
        position: relative;
        z-index: 1;
        margin: 0;
        color: #fff;
        font-size: 1.625rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 1.15;
        /* Keeps the figures optically aligned card to card */
        font-variant-numeric: tabular-nums;
    }

    /* Body grows to fill, so every CTA sits on the same baseline. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card-body {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        padding: 1.35rem;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 60%);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-body dl {
        margin: 0 0 1.35rem;
    }

    /* Label above value: at this width a long label and its value cannot share a line. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card-row {
        padding: 0.7rem 0;
        border-bottom: 1px dashed rgba(15, 100, 112, 0.22);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-row:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-row dt {
        margin-bottom: 0.15rem;
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: rgba(15, 100, 112, 0.7);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-row dd {
        margin: 0;
        font-size: 1.0625rem;
        font-weight: 700;
        color: var(--elite-traders-ink);
        font-variant-numeric: tabular-nums;
    }

    /* Solid teal on every tier — a white button on a pale card barely reads as one. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card-link {
        display: inline-flex;
        align-items: center;
        align-self: stretch;
        justify-content: center;
        gap: 0.4rem;
        margin-top: auto;
        padding: 0.65rem 1rem;
        border-radius: 1.25rem;
        background: #1e99a9;
        color: #fff;
        font-size: 0.8125rem;
        font-weight: 700;
        text-decoration: none;
        box-shadow:
            0 6px 18px rgba(15, 100, 112, 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.3);
        transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-link:hover {
        transform: translateY(-2px);
        filter: brightness(1.06);
        box-shadow:
            0 12px 26px rgba(15, 100, 112, 0.38),
            inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-link i {
        font-size: 0.6875rem;
        transition: transform 0.25s var(--et-ease-hover);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-link:hover i {
        transform: translateX(3px);
    }

    /* The rail sits alone below the row now; the arrows moved out beside it. */
    .lx-elite-traders-third-section .lx-elite-traders-third-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1.75rem;
    }

    /* In the gutters, centred against the cards, and filled from the start. */
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow {
        position: absolute;
        top: 50%;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.75rem;
        height: 2.75rem;
        margin-top: -1.375rem;
        border-radius: 50%;
        border: 0;
        background: var(--elite-traders-teal);
        color: #fff;
        font-size: 0.8125rem;
        line-height: 1;
        cursor: pointer;
        box-shadow: 0 2px 8px rgba(16, 38, 43, 0.16);
        transition:
            background 0.25s var(--et-ease),
            color 0.25s var(--et-ease),
            box-shadow 0.25s var(--et-ease),
            opacity 0.3s var(--et-ease),
            visibility 0.3s var(--et-ease);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-arrow-prev { left: 0.5rem; }
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow-next { right: 0.5rem; }

    /* A soft halo breathing behind the disc, to catch the eye on a row that otherwise sits perfectly still. */
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        border-radius: 50%;
        pointer-events: none;
        box-shadow: 0 0 18px 7px rgba(25, 156, 170, 0.55);
        opacity: 0;
        animation: lxEliteTradersArrowPulse 3s ease-in-out infinite;
    }

    /* The invitation has done its job once the pointer arrives. */
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow:hover::after,
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow.is-hidden::after {
        animation: none;
    }

    /* Deepens rather than scaling — a control beside content should not change size. */
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow:hover:not([hidden]) {
        background: var(--elite-traders-teal-deep);
        box-shadow: 0 1px 4px rgba(15, 100, 112, 0.3);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-arrow:active:not([hidden]) {
        background: var(--elite-traders-teal-dark);
        box-shadow: 0 1px 2px rgba(15, 100, 112, 0.34);
    }

    /* Absent, not greyed. */
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow.is-hidden {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    /* ── Carousel scrollbar ───────────────────────────────────────────────── */
    /* Thumb width is the share on screen; its position is the distance travelled. */
    .lx-elite-traders-third-section .lx-elite-traders-third-progress {
        position: relative;
        flex: 0 1 14rem;
        height: 0.375rem;
        border-radius: 999px;
        /* Tinted from the ink, not a fixed grey: on the aqua ground a neutral
           rail was near-invisible, which defeats the point of showing one. */
        background: rgba(15, 100, 112, 0.16);
        overflow: hidden;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-progress-thumb {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 25%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--elite-traders-teal-bright), var(--elite-traders-teal));
        /* No transition on the position: the row is scrolled, not stepped, so
           the thumb is written from the live scroll offset each frame. Easing
           it would have it chasing the cards rather than reporting them. Width
           is a different matter — that only changes on a breakpoint. */
        transition: width 0.3s var(--et-ease);
        will-change: transform;
    }

    /* Nothing to scroll — the rail would be claiming otherwise. */
    .lx-elite-traders-third-section .lx-elite-traders-third-nav.is-static .lx-elite-traders-third-progress {
        display: none;
    }

    /* The row is draggable with a mouse, so say so. No touch-action rule: touch
       and pen are the scroll container's own business now, and pinning an axis
       here is exactly what would stop a finger swiping the row sideways. */
    .lx-elite-traders-third-section .lx-elite-traders-third-track {
        cursor: grab;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-carousel.is-dragging .lx-elite-traders-third-track {
        cursor: grabbing;
    }

    /* Snapping is suspended during a drag or wheel — left on, every scrollLeft
       written mid-gesture is yanked to the nearest card. Dropping the class
       hands the position back to the snap engine, which settles it. */
    .lx-elite-traders-third-section .lx-elite-traders-third-carousel.is-dragging .lx-elite-traders-third-viewport,
    .lx-elite-traders-third-section .lx-elite-traders-third-carousel.is-wheeling .lx-elite-traders-third-viewport {
        scroll-snap-type: none;
    }

    /* A drag must not leave a text selection behind. Prefixed too — Safari only
       dropped the prefix in 16.4, and Mac trackpad click-drag depends on it. */
    .lx-elite-traders-third-section .lx-elite-traders-third-carousel.is-dragging {
        -webkit-user-select: none;
        user-select: none;
    }

    /* ── Touch pointers ───────────────────────────────────────────────────
       Keyed on input, not width: an iPad sits in the tablet range, so hover
       styles were reachable by finger and a tap left a card stuck raised. */
    @media (hover: none) {
        .lx-elite-traders-third-section .lx-elite-traders-third-card:hover {
            transform: none;
            box-shadow:
                0 1px 2px rgba(16, 38, 43, 0.05),
                0 4px 10px rgba(16, 38, 43, 0.08);
            border-color: rgba(15, 100, 112, 0.13);
        }

        .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular:hover {
            transform: none;
            border-color: rgba(255, 255, 255, 0.1);
            box-shadow:
                0 3px 8px rgba(16, 38, 43, 0.16),
                0 10px 22px rgba(16, 38, 43, 0.22);
        }

        /* Same for the arrow it travels under. */
        .lx-elite-traders-third-section .lx-elite-traders-third-card-link:hover i {
            transform: none;
        }
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card,
    .lx-elite-traders-third-section .lx-elite-traders-third-card img {
        -webkit-user-drag: none;
    }

    /* ── 4. Evaluation table ──────────────────────────────────────────────── */
    .lx-elite-traders-four-section {
        position: relative;
        padding: 7rem 0;
        overflow: hidden;
        background:
            radial-gradient(ellipse 70% 55% at 50% 0%, rgba(30, 177, 194, 0.12) 0%, transparent 62%),
            var(--elite-traders-surface);
    }

    /* Fills the column: it's floated by the theme grid, so auto margins can't
       centre a narrower panel here. */
    .lx-elite-traders-four-section .lx-elite-traders-four-table-wrap {
        border-radius: 1.25rem;
        overflow: hidden;
        background: #fff;
        box-shadow:
            0 1px 2px rgba(16, 38, 43, 0.05),
            0 6px 16px rgba(16, 38, 43, 0.12);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
        font-size: 0.8125rem;
    }

    /* Phone-only card stack of the same data — see the template. */
    .lx-elite-traders-four-section .lx-elite-traders-four-cards {
        display: none;
    }

    /* ── Head: podium risers ── */
    /* Colour-graded blocks, deepening left to right. */
    .lx-elite-traders-four-section .lx-elite-traders-four-table thead th {
        position: relative;
        padding: 0;
        vertical-align: bottom;
        background: #eef4f5;
        color: #fff;
        font-weight: 700;
        font-size: 1.0625rem;
        text-align: center;
        letter-spacing: 0.01em;
    }

    /* Narrower label column buys width for the phase copy */
    .lx-elite-traders-four-section .lx-elite-traders-four-table thead th:first-child {
        width: 22%;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-riser {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 4.5rem;
        padding: 0 1rem;
        transition: filter 0.3s var(--et-ease-hover);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-riser-label {
        display: block;
    }

    /* Colour only — heights come from .lx-elite-traders-four-riser */
    .lx-elite-traders-four-section .lx-elite-traders-four-table thead th:first-child .lx-elite-traders-four-riser {
        justify-content: flex-start;
        background: linear-gradient(135deg, #4e595c, #384245);
        font-size: 0.9375rem;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table thead th:nth-child(2) .lx-elite-traders-four-riser {
        background: linear-gradient(160deg, #23a2b2, #1b93a3);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table thead th:nth-child(3) .lx-elite-traders-four-riser {
        background: linear-gradient(160deg, #17838f, #12707d);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table thead th:last-child .lx-elite-traders-four-riser {
        background: linear-gradient(160deg, #0d5a66, #0a4a55);
    }

    /* ── Body ── */
    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody th,
    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody td {
        padding: 0.95rem 1rem;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid var(--elite-traders-line);
        border-right: 1px solid var(--elite-traders-line);
        transition: background 0.25s var(--et-ease-hover);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody th {
        background: #f7fafb;
        color: var(--elite-traders-ink);
        font-weight: 500;
        text-align: left;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody td {
        background: #fff;
        color: var(--elite-traders-ink);
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

    /* Zebra striping — quiet, but makes long rows trackable across 3 columns */
    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody tr:nth-child(even) td {
        background: #fafcfd;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody tr:nth-child(even) th {
        background: #f3f7f8;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody tr:last-child th,
    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody td:last-child,
    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody th:last-child {
        border-right: 0;
    }

    /* ── Column hover (JS tags the column) ── Must stay AFTER the zebra rules: same specificity, so source order decides. */
    .lx-elite-traders-four-section .lx-elite-traders-four-value {
        display: inline-block;
        transition: transform 0.3s var(--et-ease-hover), color 0.3s var(--et-ease-hover);
    }

    /* Brightness, not a lift: the card clips overflow, so a transform would
       shave the top off the riser instead of raising it. */
    .lx-elite-traders-four-section .lx-elite-traders-four-table thead th.is-active .lx-elite-traders-four-riser {
        filter: brightness(1.15);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody tr td.is-active {
        background: rgba(25, 156, 170, 0.14);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody tr td.is-active .lx-elite-traders-four-value {
        transform: scale(1.12);
        color: var(--elite-traders-teal-deep);
    }

    /* ── Level details row ── */
    .lx-elite-traders-four-section .lx-elite-traders-four-table .lx-elite-traders-four-row-details td {
        text-align: center;
        vertical-align: top;
        line-height: 1.65;
        background: linear-gradient(180deg, rgba(30, 177, 194, 0.07), rgba(30, 177, 194, 0));
        font-weight: 400;
    }

    /* Phase name reads as a chip rather than another bold line */
    .lx-elite-traders-four-section .lx-elite-traders-four-table .lx-elite-traders-four-row-details td strong {
        display: inline-block;
        margin-bottom: 0.55rem;
        padding: 0.25rem 0.65rem;
        border-radius: 2rem;
        background: rgba(25, 156, 170, 0.14);
        color: var(--elite-traders-teal-deep);
        font-weight: 700;
        font-size: 0.75rem;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table .lx-elite-traders-four-row-details td span {
        display: block;
        color: var(--elite-traders-body);
        font-size: 0.75rem;
        font-weight: 400;
    }

    /* ── 5. Withdraw structure ────────────────────────────────────────────── */
    .lx-elite-traders-five-section {
        padding: 7rem 0 2rem;
    }

    /* One panel, two halves — grid rather than the Bootstrap row so both sides
       share a height and the split stays 5/7 regardless of content length. */
    .lx-elite-traders-five-section .lx-elite-traders-five-panel {
        display: grid;
        grid-template-columns: 5fr 7fr;
        align-items: stretch;
        border-radius: 1.25rem;
        overflow: hidden;
        background: #fff;
        border: 1px solid var(--elite-traders-line);
        box-shadow:
            0 1px 2px rgba(16, 38, 43, 0.05),
            0 6px 16px rgba(16, 38, 43, 0.12);
    }

    /* Media half — tinted so the artwork sits on its own ground */
    .lx-elite-traders-five-section .lx-elite-traders-five-media {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2.75rem 2rem;
        background: linear-gradient(160deg, #eaf5f7, #f7fbfc 60%, #ffffff);
        border-right: 1px solid var(--elite-traders-line);
    }

    /* Teal halo behind the artwork */
    .lx-elite-traders-five-section .lx-elite-traders-five-media::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20rem;
        height: 20rem;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(30, 177, 194, 0.18), transparent 70%);
        pointer-events: none;
        z-index: 0;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-media img {
        position: relative;
        z-index: 1;
        max-width: 100%;
    }

    /* Receipt half */
    .lx-elite-traders-five-section .lx-elite-traders-five-breakdown {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2.75rem 3rem;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-eyebrow {
        align-self: flex-start;
        margin-bottom: 1.25rem;
        padding: 0.3rem 0.8rem;
        border-radius: 2rem;
        background: rgba(25, 156, 170, 0.12);
        color: var(--elite-traders-teal-deep);
        font-size: 0.6875rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-note {
        margin: 1.5rem 0 0;
        color: #8b999d;
        font-size: 0.75rem;
        line-height: 1.7;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-payout {
        margin: 0;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-payout-row {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.7rem 0;
        border-bottom: 1px dashed var(--elite-traders-line);
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-payout-row dt {
        color: var(--elite-traders-body);
        font-size: 0.875rem;
        font-weight: 400;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-payout-row dd {
        margin: 0;
        color: var(--elite-traders-ink);
        font-size: 0.9375rem;
        font-weight: 700;
    }

    /* The total is the payoff line, so it gets its own tinted band rather than
       another rule-and-row like the steps above it. */
    .lx-elite-traders-five-section .lx-elite-traders-five-payout-total {
        margin-top: 1rem;
        padding: 1rem 1.25rem;
        border-bottom: 0;
        border-radius: 0.75rem;
        background: linear-gradient(120deg, rgba(30, 177, 194, 0.14), rgba(30, 177, 194, 0.04));
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-payout-total dt {
        font-size: 1rem;
        font-weight: 700;
        color: var(--elite-traders-ink);
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-payout-total dd {
        font-size: 1.75rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        background: linear-gradient(120deg, var(--elite-traders-teal-bright), var(--elite-traders-teal-deep));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: var(--elite-traders-teal);
    }

    /* ── 6. How to join ───────────────────────────────────────────────────── */
    .lx-elite-traders-six-section {
        padding: 2rem 0 7rem;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-panel {
        position: relative;
        border-radius: 1.5rem;
        padding: 3.5rem 2.5rem;
        overflow: hidden;
        background:
            radial-gradient(ellipse at 85% 10%, rgba(30, 177, 194, 0.12) 0%, transparent 55%),
            var(--elite-traders-surface);
        border: 1px solid var(--elite-traders-line);
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-steps {
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2.5rem;
        max-width: 54rem;
        margin: 0 auto;
    }

    /* Connector line threading the three step numbers together */
    .lx-elite-traders-six-section .lx-elite-traders-six-steps::before {
        content: "";
        position: absolute;
        top: 1.75rem;
        left: 16.66%;
        right: 16.66%;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(25, 156, 170, 0.45), transparent);
        z-index: 0;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step {
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step-number {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 1rem;
        background: linear-gradient(135deg, var(--elite-traders-teal-bright), var(--elite-traders-teal-deep));
        color: #fff;
        font-size: 1.25rem;
        margin-bottom: 1.25rem;
        box-shadow: 0 10px 24px rgba(25, 156, 170, 0.35);
        transition: transform 0.25s ease;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step:hover .lx-elite-traders-six-step-number {
        transform: translateY(-4px) rotate(-4deg);
    }

    /* Step index rides as a small badge on the icon tile */
    .lx-elite-traders-six-section .lx-elite-traders-six-step-number b {
        position: absolute;
        top: -0.4rem;
        right: -0.4rem;
        width: 1.4rem;
        height: 1.4rem;
        border-radius: 50%;
        background: #fff;
        color: var(--elite-traders-teal-deep);
        font-size: 0.75rem;
        font-weight: 800;
        line-height: 1.4rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }

    /* Same scale as the MAM Plus steps — the two pages run the identical component. */
    .lx-elite-traders-six-section .lx-elite-traders-six-step h4 {
        font-size: 1.0625rem;
        font-weight: 700;
        margin: 0 0 0.4rem;
        color: var(--elite-traders-ink);
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step p {
        margin: 0;
        color: var(--elite-traders-body);
        font-size: 0.875rem;
        line-height: 1.7;
    }

    /* In-copy destinations read as links, not as emphasised body text */
    .lx-elite-traders-six-section .lx-elite-traders-six-step p a {
        color: var(--elite-traders-link);
        font-weight: 500;
        text-decoration: none;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step p a:hover {
        text-decoration: underline;
    }

    .lx-elite-traders-six-section .lx-elite-traders-programme-note {
        text-align: center;
        margin-top: 1.75rem;
    }

    .lx-elite-traders-six-section .lx-elite-traders-programme-note p {
        margin: 0;
        font-size: 0.75rem;
        color: #8b999d;
    }

    .lx-elite-traders-six-section .lx-elite-traders-programme-note a {
        color: var(--elite-traders-link);
        font-weight: 600;
        text-decoration: none;
    }

    .lx-elite-traders-six-section .lx-elite-traders-programme-note a:hover {
        text-decoration: underline;
    }

    /* ── 7. Leaderboard ───────────────────────────────────────────────────── */
    .lx-elite-traders-seven-section {
        position: relative;
        padding: 7rem 0 5rem;
        overflow: hidden;
        background:
            radial-gradient(ellipse 85% 55% at 50% 102%, rgba(37, 190, 208, 0.32) 0%, transparent 62%),
            linear-gradient(180deg, #010f12 0%, #02181d 45%, #063138 100%);
    }

    /* Solid black slab rather than a translucent panel — the table reads as its
       own surface instead of tinting whatever gradient sits behind it. */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-table-wrap {
        border-radius: 1rem;
        overflow: hidden;
        background: #0b0f10;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        font-size: 0.875rem;
    }

    /* Flat teal band — no gradient, so it reads as one clean bar on the black */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-table thead th {
        background: var(--elite-traders-teal);
        color: #fff;
        font-weight: 700;
        padding: 0.9rem 1rem;
        text-align: center;
        letter-spacing: 0.03em;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-table tbody td {
        background: #0b0f10;
        color: #d7dedf;
        padding: 0.8rem 1rem;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        transition: background 0.25s var(--et-ease-hover);
    }

    /* Zebra striping — barely-there lift, enough to track a row across 4 columns */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-table tbody tr:nth-child(even) td {
        background: #131819;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-table tbody tr:hover td {
        background: rgba(25, 156, 170, 0.16);
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-name {
        font-weight: 600;
        color: #fff;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-gain {
        color: #4ade80;
        font-weight: 700;
    }

    /* Rank chip — medal colours for the podium, muted for the rest */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-rank {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
        color: #cfd8da;
        font-size: 0.8125rem;
        font-weight: 700;
    }

    .lx-elite-traders-seven-section .is-rank-1 .lx-elite-traders-seven-rank {
        background: linear-gradient(135deg, #f7d774, var(--elite-traders-gold));
        color: #3d2c00;
        box-shadow: 0 0 16px rgba(232, 181, 60, 0.5);
    }

    .lx-elite-traders-seven-section .is-rank-2 .lx-elite-traders-seven-rank {
        background: linear-gradient(135deg, #e3eaec, var(--elite-traders-silver));
        color: #2b3436;
    }

    .lx-elite-traders-seven-section .is-rank-3 .lx-elite-traders-seven-rank {
        background: linear-gradient(135deg, #e0a878, var(--elite-traders-bronze));
        color: #3b2210;
    }

    .lx-elite-traders-seven-section .is-rank-1 td {
        background: rgba(232, 181, 60, 0.08);
    }

    /* ── Tablet / mobile card carousel ── Styled here but hidden; the tablet and mobile blocks flip it on. */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards {
        display: none;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards-track {
        display: flex;
        gap: 1rem;
        /* Native touch swipe with snap; scrollbar hidden, dots carry position */
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        /* -webkit-overflow-scrolling removed for the same reason as the account
           carousel above: a no-op since iOS 13, and a scroll-snap risk before
           that. This block only ever runs on tablet and phone, so iOS is the
           whole of its audience. */
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        padding-bottom: 0.25rem;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards-track::-webkit-scrollbar {
        display: none;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards-slide {
        flex: 0 0 100%;
        max-width: 100%;
        scroll-snap-align: center;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-card {
        border-radius: 1rem;
        overflow: hidden;
        background: #0b0f10;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-card-head {
        padding: 0.85rem 1.25rem;
        background: var(--elite-traders-teal);
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-card-rank {
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 0.02em;
    }

    /* Every rank bar stays teal — no medal colouring on the cards. */

    .lx-elite-traders-seven-section .lx-elite-traders-seven-card-body {
        margin: 0;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-card-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.85rem 1.25rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    /* Zebra striping, same barely-there lift as the desktop table rows */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-card-row:nth-child(even) {
        background: #131819;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-card-row:last-child {
        border-bottom: 0;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-card-row dt {
        margin: 0;
        color: #fff;
        font-size: 0.875rem;
        font-weight: 600;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-card-row dd {
        margin: 0;
        color: #d7dedf;
        font-size: 0.875rem;
        text-align: right;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        margin-top: 1.5rem;
    }

    /* Bigger targets, brighter idle state, and the active dot stretches into a
       pill so the current rank is obvious at a glance. */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards-dot {
        width: 0.75rem;
        height: 0.75rem;
        padding: 0;
        border: 0;
        border-radius: 99px;
        background: rgba(255, 255, 255, 0.4);
        cursor: pointer;
        transition: width 0.3s var(--et-ease), background 0.25s var(--et-ease);
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards-dot.is-active {
        width: 2rem;
        background: var(--elite-traders-teal-bright);
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-img {
        position: relative;
        text-align: center;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-img::before {
        content: "";
        position: absolute;
        top: 12%;
        left: 50%;
        transform: translate(-50%, 6rem);
        width: 16rem;
        height: 16rem;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(30, 177, 194, 0.3), transparent 70%);
        pointer-events: none;
        z-index: 0;
    }

   
    .lx-elite-traders-seven-section .lx-elite-traders-seven-img img {
        position: relative;
        left: 50%;
        transform: translate(-50%, 6rem);
        z-index: 1;
        width: auto;
        max-width: none;
        max-height: 38rem;
        filter: drop-shadow(0 20px 35px rgba(0, 0, 0, 0.5));
    }

    /* ── 8. Sign-up CTA (lives inside the leaderboard section) ────────────── */
    /* z-index above the trophy so the pedestal's base passes behind this panel */
    .lx-elite-traders-seven-section .lx-elite-traders-eight-panel {
        position: relative;
        z-index: 2;
        margin: 1rem 0 2rem;
        border-radius: 1.5rem;
        padding: 2rem 3rem;
        overflow: hidden;
        background:
            radial-gradient(ellipse at 10% 20%, rgba(255, 255, 255, 0.18) 0%, transparent 45%),
            linear-gradient(120deg, var(--elite-traders-teal-bright) 0%, var(--elite-traders-teal-deep) 60%, var(--elite-traders-teal-dark) 100%);
        /* Darker, tighter than on a light page — a teal glow would wash out
           against the near-black behind it. */
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
    }

    .lx-elite-traders-seven-section .lx-elite-traders-eight-panel::after {
        content: "";
        position: absolute;
        bottom: -60%;
        right: -5%;
        width: 20rem;
        height: 20rem;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.16), transparent 70%);
        pointer-events: none;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-eight-title {
        position: relative;
        z-index: 1;
    }

    /* The CTA runs the shared heading component, with its bottom margin and
       type size scoped back — 2.5rem is a section head, not a line beside a
       button. .lx-elite-traders-heading stays in the chain to match the shared
       rule's specificity; the two-class form loses to it. */
    .lx-elite-traders-seven-section .lx-elite-traders-eight-title .lx-elite-traders-heading {
        margin-bottom: 0;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-eight-title .lx-elite-traders-heading h3 {
        font-size: 1.75rem;
        margin-bottom: 0.4rem;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-eight-button {
        position: relative;
        z-index: 1;
        text-align: right;
    }

/* END Base styles */

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

    /* ── Shared ───────────────────────────────────────────────────────────── */
    /* Keep content off the screen edge on tablet. */
    .lx-elite-traders-page > section:not(.lx-elite-traders-first-section) > .container {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .lx-elite-traders-page .lx-elite-traders-heading {
        margin-bottom: 2.5rem;
    }

    .lx-elite-traders-page .lx-elite-traders-heading h3 {
        font-size: 2rem;
        letter-spacing: -0.02em;
        line-height: 1.25;
        margin-bottom: 1rem;
    }

    .lx-elite-traders-page .lx-elite-traders-heading p {
        margin-bottom: 0.85rem;
        font-size: 0.9375rem;
        line-height: 1.7;
    }

    /* ── 1. Banner ────────────────────────────────────────────────────────── */
    /* Stacked, as on mobile: side by side, neither the copy nor the artwork had
       enough room. The artwork stays absolutely positioned against the banner's
       floor, so zeroing the height variable collapses the min-height and the
       bottom padding reserves the band it stands in instead. */
    .lx-banner-elite-traders {
        --et-banner-art-width: 28rem;
        --et-banner-art-height: 0;
        padding: 2.75rem 0 20rem;
    }

    /* Centred at this width only. Every part of the copy has to be told
       separately — the title sets its own alignment against the theme, the
       subtitle is centred by its auto margins rather than by text-align, and
       the stat row is a flex container that ignores both. */
    .lx-banner-elite-traders .lx-banner-elite-traders-title {
        text-align: center;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-title .elite-traders-title {
        font-size: 3rem;
        margin: 2.5rem 0 0;
    }

    /* Widened with the column it sits in. 22rem was a measure for a 26rem
       copy column; centred across the full width it would set as a narrow
       ribbon of six or seven lines. */
    .lx-banner-elite-traders .lx-banner-elite-traders-title .elite-traders-subtitle {
        max-width: 34rem;
        margin: 1rem auto 0;
        font-size: 1rem;
    }

    /* The artwork no longer takes a share, so the copy has the whole column. */
    .lx-banner-elite-traders .lx-banner-elite-traders-copy {
        max-width: 100%;
    }

    /* Centred with auto margins, not a transform: the entrance animation ends
       on transform:none and would wipe a translate. Same as mobile. */
    .lx-banner-elite-traders .lx-banner-elite-traders-art {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: var(--et-banner-art-width);
        max-width: 70%;
        z-index: 0;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stats {
        margin-top: 1.75rem;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stats-grid {
        gap: 0.5rem;
        justify-content: center;
    }

    /* Back to content sizing here. */
    .lx-banner-elite-traders .lx-banner-elite-traders-stat {
        flex: 0 1 auto;
        min-width: 4.75rem;
        padding: 0.55rem 0.7rem;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stat-value {
        font-size: 1.25rem;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stat-label {
        font-size: 0.625rem;
    }

    /* ── 3. Account types ─────────────────────────────────────────────────── */
    /* Narrower gutters for the arrows than desktop — the row has less
       width to give away at this size. */
    .lx-elite-traders-third-section .lx-elite-traders-third-carousel {
        padding: 0 3rem;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-arrow {
        width: 2.5rem;
        height: 2.5rem;
        margin-top: -1.25rem;
    }

    /* Sat flush against the card once the gap tightened — pulled back in so
       there is daylight on both sides of the arrow. */
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow-prev { left: 0.25rem; }
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow-next { right: 0.25rem; }

    /* Two per view. The carousel's JS derives per-view from measured widths,
       so changing the basis here is enough — no script change needed. */
    .lx-elite-traders-third-section .lx-elite-traders-third-slide {
        flex: 0 0 calc((100% - 1rem) / 2);
        max-width: calc((100% - 1rem) / 2);
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-head h4 {
        font-size: 1.5rem;
    }

    /* ── 4. Evaluation table ──────────────────────────────────────────────── */
    /* Four columns can't compress further without the copy breaking up, so the
       table scrolls sideways inside its card instead. */
    .lx-elite-traders-four-section .lx-elite-traders-four-table-wrap {
        overflow-x: auto;
        /* Sideways scroller, so it needs the same back-swipe guard as the
           carousels. No snapping here, so the legacy momentum hint is harmless. */
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-table {
        min-width: 44rem;
    }

    /* ── 5. Withdraw structure ────────────────────────────────────────────── */
    .lx-elite-traders-five-section .lx-elite-traders-five-panel {
        grid-template-columns: 1fr;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-media {
        padding: 2rem;
        border-right: 0;
        border-bottom: 1px solid var(--elite-traders-line);
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-media img {
        max-width: 60%;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-breakdown {
        padding: 2rem 2.25rem;
    }

    /* ── 6. How to join ───────────────────────────────────────────────────── */
    .lx-elite-traders-six-section .lx-elite-traders-six-panel {
        padding: 2.5rem 2rem;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-steps {
        gap: 1.5rem;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step h4 {
        font-size: 1rem;
        margin-bottom: 0.35rem;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step p {
        font-size: 0.8125rem;
        line-height: 1.65;
    }

    /* ── 7. Leaderboard ───────────────────────────────────────────────────── */
  
    .lx-elite-traders-seven-section {
        background:
            radial-gradient(ellipse 90% 55% at 50% 108%, rgba(63, 203, 219, 0.35) 0%, transparent 60%),
            linear-gradient(180deg, #063138 0%, #0b4a54 52%, #14707d 100%);
            padding: 4.5rem 0 1rem;
    }

    /* Heading centres over the stacked column at this width */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-title {
        text-align: center;
    }

    /* Columns stack at this width (col-md-12), so the trophy's desktop offset
       would drop it into the CTA. Reset to plain block-centring below the cards. */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-img {
        margin-top: 2.5rem;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-img::before {
        transform: translateX(-50%);
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-img img {
        position: static;
        left: auto;
        transform: none;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        max-height: 24rem;
        /* Tighter than desktop's wide cast */
        filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.45));
    }

    /* Swap table → card carousel at this width */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-table-wrap {
        display: none;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards {
        display: block;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-eight-panel {
        margin-top: -7rem;
        padding: 2.25rem;
        text-align: center;
    }

    /* Stacked, so the button sits under the sentence it answers. Three
       properties because the theme's grid may be Bootstrap 4 or 5. */
    .lx-elite-traders-seven-section .lx-elite-traders-eight-title,
    .lx-elite-traders-seven-section .lx-elite-traders-eight-button {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    /* The heading's left-aligned form states its own alignment, so the panel's
       text-align cannot reach it. Scoped so the leaderboard heading stays put. */
    .lx-elite-traders-seven-section .lx-elite-traders-eight-title .lx-elite-traders-heading-left {
        text-align: center;
    }

    /* The shared heading drops to 2rem here, which is still a section head
       rather than a CTA line — pulled back the same way as on desktop. */
    .lx-elite-traders-seven-section .lx-elite-traders-eight-title .lx-elite-traders-heading h3 {
        font-size: 1.5rem;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-eight-button {
        margin-top: 1.5rem;
        text-align: center;
    }
}
/* END Tablet view */

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

    /* ── Shared ───────────────────────────────────────────────────────────── */
    .lx-elite-traders-page .lx-elite-traders-heading {
        margin-bottom: 2rem;
    }

    .lx-elite-traders-page .lx-elite-traders-heading h3 {
        font-size: 1.625rem;
        letter-spacing: -0.02em;
        line-height: 1.3;
        margin-bottom: 0.85rem;
    }

    .lx-elite-traders-page .lx-elite-traders-heading p {
        margin-bottom: 0.8rem;
        font-size: 0.9375rem;
        line-height: 1.7;
    }

    /* Left-aligned headings recentre: at this width a lone left-aligned title
       over a full-bleed card reads as a mistake. */
    .lx-elite-traders-page .lx-elite-traders-heading-left {
        text-align: center;
    }

    /* ── 1. Banner ────────────────────────────────────────────────────────── */
    /* No room for two columns at this width, so the artwork drops below the
       copy and the deep bottom padding reserves the band it stands in. */
    .lx-banner-elite-traders {
        --et-banner-art-width: 17rem;
        /* Stacked, so the band collapses; the bottom padding reserves its space. */
        --et-banner-art-height: 0;
        padding: 3.25rem 0 12.5rem;
        border-bottom-right-radius: 1.25rem;
        border-bottom-left-radius: 1.25rem;
        background-blend-mode: overlay;
        background-color: #157f8b;
        background-image: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.18) 0%, transparent 35%), radial-gradient(circle at 85% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%), radial-gradient(ellipse 130% 110% at 50% -10%, #1eb1c2 0%, #157f8b 65%, #0f6470 100%);
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-title .elite-traders-title {
        font-size: 2.25rem;
        margin-top: 3rem;
        text-align: center;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-title .elite-traders-subtitle {
        max-width: 100%;
        margin-top: 0.85rem;
        font-size: 0.9375rem;
        line-height: 1.6;
        text-align: center;
    }

    /* The blur bloom is expensive and barely visible at this size */
    .lx-banner-elite-traders::before {
        display: none;
    }

    /* Artwork centres under the copy; the copy column gives up its cap. */
    .lx-banner-elite-traders .lx-banner-elite-traders-copy {
        max-width: 100%;
    }

    /* Auto margins, not a transform: the entrance animation ends on transform:none. */
    /* Auto margins, not a transform: the entrance animation ends on
       transform:none and would wipe it. */
    .lx-banner-elite-traders .lx-banner-elite-traders-art {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: var(--et-banner-art-width);
        max-width: 70%;
        z-index: 0;
    }

    /* Short rule separating the copy from the figures */
    .lx-banner-elite-traders .lx-banner-elite-traders-stats {
        position: relative;
        margin-top: 2rem;
        padding-top: 2rem;
    }

    /* Left-aligned with the copy it separates, since the banner no longer
       centres its text. */
    .lx-banner-elite-traders .lx-banner-elite-traders-stats::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4rem;
        height: 1px;
        background: rgba(255, 255, 255, 0.5);
    }

    /* Two cards per row. */
    .lx-banner-elite-traders .lx-banner-elite-traders-stats-grid {
        gap: 0.5rem;
        width: 100%;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stat {
        flex: 1 1 calc(50% - 0.25rem);
        min-width: 0;
        padding: 0.65rem 0.5rem;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stat-value {
        font-size: 1.5rem;
    }

    .lx-banner-elite-traders .lx-banner-elite-traders-stat-label {
        margin-top: 0.2rem;
        font-size: 0.75rem;
    }

    /* ── 3. Account types ─────────────────────────────────────────────────── */
    .lx-elite-traders-third-section {
        padding: 2.5rem 0;
    }

    /* One card per view, so a swipe should move exactly one — scroll-snap-stop
       keeps a hard flick from carrying three past. Deliberately off at wider
       sizes, where flinging the row is faster. */
    .lx-elite-traders-third-section .lx-elite-traders-third-slide {
        flex: 0 0 100%;
        max-width: 100%;
        scroll-snap-stop: always;
    }

    /* One card per view, so every pixel of gutter comes straight off the card. */
    .lx-elite-traders-third-section .lx-elite-traders-third-carousel {
        padding: 0 2rem;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-arrow {
        width: 2.5rem;
        height: 2.5rem;
        margin-top: -1.25rem;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-arrow-prev { left: 0; }
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow-next { right: 0; }

    .lx-elite-traders-third-section .lx-elite-traders-third-card-head h4 {
        font-size: 1.5rem;
    }

    /* Hover lift and gloss are pointer affordances — nothing triggers them on
       touch, and the lift leaves a card stuck raised after a tap. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card:hover {
        transform: none;
        box-shadow:
            0 1px 2px rgba(16, 38, 43, 0.05),
            0 4px 10px rgba(16, 38, 43, 0.08);
    }

    /* The featured card keeps its dark field and height, but stops moving on tap. */
    .lx-elite-traders-third-section .lx-elite-traders-third-card.is-popular:hover {
        transform: none;
        box-shadow:
            0 3px 8px rgba(16, 38, 43, 0.16),
            0 10px 22px rgba(16, 38, 43, 0.22);
    }


    /* Bigger tap targets — comfortably past the ~44px minimum, and the rail
       between them gives up whatever width they need. */
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow {
        width: 3rem;
        height: 3rem;
        font-size: 1rem;
    }

    .lx-elite-traders-third-section .lx-elite-traders-third-progress {
        flex: 1 1 auto;
        max-width: 10rem;
    }

    /* ── 4. Evaluation levels ─────────────────────────────────────────────── */
    /* Swap the four-column table for the per-phase card stack. */
    .lx-elite-traders-four-section .lx-elite-traders-four-table-wrap {
        display: none;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-cards {
        display: grid;
        gap: 1.25rem;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card {
        border-radius: 0.9rem;
        overflow: hidden;
        background: #fff;
        border: 1px solid var(--elite-traders-line);
        box-shadow: 0 6px 18px rgba(16, 38, 43, 0.1);
    }

    /* Head carries the same colour progression as the desktop risers */
    .lx-elite-traders-four-section .lx-elite-traders-four-card-head {
        padding: 1.25rem 1.25rem 1.35rem;
        text-align: center;
        color: #fff;
        background: linear-gradient(160deg, #23a2b2, #1b93a3);
    }

    .lx-elite-traders-four-section .is-phase-2 .lx-elite-traders-four-card-head {
        background: linear-gradient(160deg, #17838f, #12707d);
    }

    .lx-elite-traders-four-section .is-phase-3 .lx-elite-traders-four-card-head {
        background: linear-gradient(160deg, #0d5a66, #0a4a55);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card-head h4 {
        margin: 0;
        color: #fff;
        font-size: 1.125rem;
        font-weight: 700;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card-head strong {
        display: block;
        margin-top: 0.4rem;
        font-size: 0.8125rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.92);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card-head p {
        margin: 0.5rem 0 0;
        font-size: 0.6875rem;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.8);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card-body {
        margin: 0;
        padding: 0.25rem 1.25rem;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card-row {
        padding: 0.85rem 0;
        text-align: center;
        border-bottom: 1px solid var(--elite-traders-line);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card-row:last-child {
        border-bottom: 0;
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card-row dt {
        font-size: 0.6875rem;
        font-weight: 400;
        color: var(--elite-traders-body);
    }

    .lx-elite-traders-four-section .lx-elite-traders-four-card-row dd {
        margin: 0.25rem 0 0;
        font-size: 0.9375rem;
        font-weight: 700;
        color: var(--elite-traders-ink);
        font-variant-numeric: tabular-nums;
    }

    /* ── 5. Withdraw structure ────────────────────────────────────────────── */
    .lx-elite-traders-five-section {
        padding: 2.5rem 0;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-panel {
        grid-template-columns: 1fr;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-media {
        padding: 1.75rem;
        border-right: 0;
        border-bottom: 1px solid var(--elite-traders-line);
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-media img {
        max-width: 65%;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-media::before {
        width: 12rem;
        height: 12rem;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-breakdown {
        padding: 1.75rem 1.5rem;
    }

    .lx-elite-traders-five-section .lx-elite-traders-five-payout-total dd {
        font-size: 1.5rem;
    }

    /* ── 6. How to join ───────────────────────────────────────────────────── */
    .lx-elite-traders-six-section {
        padding: 1.5rem 0 3rem;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-panel {
        padding: 2rem 1.25rem;
        border-radius: 1rem;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-steps {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    /* The connector threads three columns; with one column it has nothing to
       connect and would cut across the first step. */
    .lx-elite-traders-six-section .lx-elite-traders-six-steps::before {
        display: none;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step h4 {
        font-size: 0.9375rem;
        margin-bottom: 0.3rem;
    }

    .lx-elite-traders-six-section .lx-elite-traders-six-step p {
        font-size: 0.8125rem;
        line-height: 1.65;
    }

    /* ── 7. Leaderboard ───────────────────────────────────────────────────── */
    .lx-elite-traders-seven-section {
        padding: 2.5rem 0 1rem;
        background:
            radial-gradient(ellipse 95% 50% at 50% 110%, rgba(63, 203, 219, 0.35) 0%, transparent 60%),
            linear-gradient(180deg, #063138 0%, #0b4a54 52%, #14707d 100%);
    }

    /* Heading centres over the stacked column at this width */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-title {
        text-align: center;
    }

    /* Swap table → card carousel at this width */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-table-wrap {
        display: none;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-cards {
        display: block;
    }

    /* Trophy: no overlap trick here — stacked, it would just cover the CTA.
       Plain block-centred below the leaderboard. */
    .lx-elite-traders-seven-section .lx-elite-traders-seven-img {
        margin-top: 2rem;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-img::before {
        transform: translateX(-50%);
        width: 11rem;
        height: 11rem;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-seven-img img {
        position: static;
        left: auto;
        transform: none;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        max-height: 16rem;
        /* Tighter than desktop's wide cast */
        filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.45));
    }

    /* ── 8. CTA ───────────────────────────────────────────────────────────── */
    .lx-elite-traders-seven-section .lx-elite-traders-eight-panel {
        margin-top: -5rem;
        padding: 1.75rem 1.5rem;
        border-radius: 1rem;
        text-align: center;
    }

    /* The panel already centres itself at this width, and the shared
       heading-left rule recentres its text to match, so only the size is set
       here. The description keeps the mobile body scale. */
    .lx-elite-traders-seven-section .lx-elite-traders-eight-title .lx-elite-traders-heading h3 {
        font-size: 1.375rem;
    }

    .lx-elite-traders-seven-section .lx-elite-traders-eight-button {
        margin-top: 1.5rem;
        text-align: center;
    }

    .lx-elite-traders-page .lx-elite-traders-btn-invert {
        padding: 0.7rem 1.5rem;
    }
}
/* END Mobile view */

/* START Animations */
@keyframes lxEliteTradersGlowPulse {
    0%, 100% { opacity: 0.88; transform: scale(1); }
    50%      { opacity: 1;    transform: scale(1.04); }
}

@keyframes lxEliteTradersFadeInUp {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: none; }
}

/* Podiums rise into place from below the banner's bottom edge. */
@keyframes lxEliteTradersRiseUp {
    from { opacity: 0; transform: translateY(28px); }
    to   { opacity: 1; transform: none; }
}

    /* Halo behind the carousel arrows. */
@keyframes lxEliteTradersArrowPulse {
    0%, 100% { opacity: 0;   transform: scale(0.82); }
    50%      { opacity: 0.9; transform: scale(1.18); }
}

@keyframes lxEliteTradersTitleShimmer {
    0%   { background-position: 0% center; }
    100% { background-position: 200% center; }
}

/* Banner entrance — the title also runs the shimmer loop concurrently. */
.lx-elite-traders-page .lx-banner-elite-traders .lx-banner-elite-traders-title .elite-traders-title.anim-banner-1 {
    animation:
        lxEliteTradersFadeInUp 1.1s var(--et-ease) 0.15s both,
        lxEliteTradersTitleShimmer 7s ease-in-out infinite;
}

.lx-elite-traders-page .anim-banner-2 {
    animation: lxEliteTradersFadeInUp 1.1s var(--et-ease) 0.3s both;
}

.lx-elite-traders-page .anim-banner-3 {
    animation: lxEliteTradersFadeInUp 1.1s var(--et-ease) 0.45s both;
}

/* Scroll-triggered base states — toggled to .is-visible by the IO.*/
.lx-elite-traders-page .anim-up,
.lx-elite-traders-page .anim-left,
.lx-elite-traders-page .anim-right,
.lx-elite-traders-page .anim-scale,
.lx-elite-traders-page .anim-float-up {
    opacity: 0;
    transition:
        opacity calc(var(--et-reveal) * 1.15) var(--et-ease),
        transform var(--et-reveal) var(--et-ease);
}

.lx-elite-traders-page .anim-up       { transform: translateY(16px); }
.lx-elite-traders-page .anim-left     { transform: translateX(-18px); }
.lx-elite-traders-page .anim-right    { transform: translateX(18px); }
.lx-elite-traders-page .anim-scale    { transform: scale(0.985); }
.lx-elite-traders-page .anim-float-up { transform: translateY(26px); }

.lx-elite-traders-page .anim-up:not(.is-visible),
.lx-elite-traders-page .anim-left:not(.is-visible),
.lx-elite-traders-page .anim-right:not(.is-visible),
.lx-elite-traders-page .anim-scale:not(.is-visible),
.lx-elite-traders-page .anim-float-up:not(.is-visible) {
    will-change: opacity, transform;
}

.lx-elite-traders-page .anim-up.is-visible,
.lx-elite-traders-page .anim-left.is-visible,
.lx-elite-traders-page .anim-right.is-visible,
.lx-elite-traders-page .anim-scale.is-visible,
.lx-elite-traders-page .anim-float-up.is-visible {
    opacity: 1;
    transform: none;
}

/* Stagger steps, derived from one token so the rhythm stays even */
.lx-elite-traders-page .anim-d1 { transition-delay: calc(var(--et-step) * 1); }
.lx-elite-traders-page .anim-d2 { transition-delay: calc(var(--et-step) * 2); }
.lx-elite-traders-page .anim-d3 { transition-delay: calc(var(--et-step) * 3); }
.lx-elite-traders-page .anim-d4 { transition-delay: calc(var(--et-step) * 4); }

/* ── Child staggering ─────────────────────────────────────────────────────*/
@keyframes lxEliteTradersRowIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.lx-elite-traders-page .anim-float-up .lx-elite-traders-four-table tbody tr,
.lx-elite-traders-page .anim-left .lx-elite-traders-seven-table tbody tr {
    opacity: 0;
}

.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-four-table tbody tr,
.lx-elite-traders-page .anim-left.is-visible .lx-elite-traders-seven-table tbody tr {
    animation: lxEliteTradersRowIn 0.5s var(--et-ease) both;
}

.lx-elite-traders-page .is-visible tbody tr:nth-child(1)  { animation-delay: calc(var(--et-step) * 1); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(2)  { animation-delay: calc(var(--et-step) * 2); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(3)  { animation-delay: calc(var(--et-step) * 3); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(4)  { animation-delay: calc(var(--et-step) * 4); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(5)  { animation-delay: calc(var(--et-step) * 5); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(6)  { animation-delay: calc(var(--et-step) * 6); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(7)  { animation-delay: calc(var(--et-step) * 7); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(8)  { animation-delay: calc(var(--et-step) * 8); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(9)  { animation-delay: calc(var(--et-step) * 9); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(10) { animation-delay: calc(var(--et-step) * 10); }
.lx-elite-traders-page .is-visible tbody tr:nth-child(11) { animation-delay: calc(var(--et-step) * 11); }

/* ── The account cards deal in ────────────────────────────────────────────
   Keyed off the CAROUSEL's .is-visible, not each card: the last cards sit
   outside the scroller's clip and would never count as on screen on their own.
   One trigger on the container deals the whole row. Sideways rather than up,
   since the section around it is already moving up. */
@keyframes lxEliteTradersCardIn {
    from { opacity: 0; transform: translateX(1.75rem); }
    to   { opacity: 1; transform: none; }
}

.lx-elite-traders-page .anim-float-up .lx-elite-traders-third-slide {
    opacity: 0;
}

.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide {
    animation: lxEliteTradersCardIn var(--et-reveal) var(--et-ease) both;
}

/* Left to right, on the page's shared step. Ten rules cover the six cards in
   the data with room to grow; a seventh card would still arrive, just on the
   last beat rather than a new one. */
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(1)  { animation-delay: calc(var(--et-step) * 1); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(2)  { animation-delay: calc(var(--et-step) * 2); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(3)  { animation-delay: calc(var(--et-step) * 3); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(4)  { animation-delay: calc(var(--et-step) * 4); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(5)  { animation-delay: calc(var(--et-step) * 5); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(6)  { animation-delay: calc(var(--et-step) * 6); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(7)  { animation-delay: calc(var(--et-step) * 7); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(8)  { animation-delay: calc(var(--et-step) * 8); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(9)  { animation-delay: calc(var(--et-step) * 9); }
.lx-elite-traders-page .anim-float-up.is-visible .lx-elite-traders-third-slide:nth-child(10) { animation-delay: calc(var(--et-step) * 10); }

    /* Banner figures cascade in after the headline, on the load-time timeline. */
.lx-elite-traders-page .anim-banner-3 .lx-banner-elite-traders-stat {
    animation: lxEliteTradersRowIn 0.9s var(--et-ease) both;
}
.lx-elite-traders-page .anim-banner-3 .lx-banner-elite-traders-stat:nth-child(1) { animation-delay: 0.55s; }
.lx-elite-traders-page .anim-banner-3 .lx-banner-elite-traders-stat:nth-child(2) { animation-delay: 0.65s; }
.lx-elite-traders-page .anim-banner-3 .lx-banner-elite-traders-stat:nth-child(3) { animation-delay: 0.75s; }
.lx-elite-traders-page .anim-banner-3 .lx-banner-elite-traders-stat:nth-child(4) { animation-delay: 0.85s; }

@media (prefers-reduced-motion: reduce) {
    .lx-banner-elite-traders::before,
    .lx-banner-elite-traders::after,
    .lx-elite-traders-five-section .lx-elite-traders-five-media img,
    .lx-banner-elite-traders .lx-banner-elite-traders-title .elite-traders-title {
        animation: none !important;
    }
    .lx-banner-elite-traders .lx-banner-elite-traders-art {
        animation: none;
        opacity: 1;
    }
    .lx-elite-traders-page .anim-banner-1,
    .lx-elite-traders-page .anim-banner-2,
    .lx-elite-traders-page .anim-banner-3 {
        animation: none;
        opacity: 1;
    }
    .lx-elite-traders-page .anim-up,
    .lx-elite-traders-page .anim-left,
    .lx-elite-traders-page .anim-right,
    .lx-elite-traders-page .anim-scale,
    .lx-elite-traders-page .anim-float-up {
        transition: none;
        opacity: 1;
        transform: none;
    }
    /* Staggered children: show them outright, and cancel the delays so nothing
       is left waiting on an animation that will never run. */
    .lx-elite-traders-page tbody tr,
    .lx-elite-traders-page .lx-elite-traders-third-slide,
    .lx-elite-traders-page .anim-banner-3 .lx-banner-elite-traders-stat {
        animation: none !important;
        animation-delay: 0s !important;
        opacity: 1 !important;
    }
    .lx-elite-traders-third-section .lx-elite-traders-third-progress-thumb {
        transition: none;
    }
    /* The arrows still move the row, they just stop animating the trip. The JS
       passes behavior:'auto' for the same reason; this covers anything the
       browser scrolls on its own, such as tabbing to an off-screen card. */
    .lx-elite-traders-third-section .lx-elite-traders-third-viewport {
        scroll-behavior: auto;
    }
    /* The arrows are filled and ringed — they are found without the ripple,
       which is the one part of them that is purely an attention cue. */
    .lx-elite-traders-third-section .lx-elite-traders-third-arrow::after {
        animation: none;
    }
    /* Keep the column highlight (it aids reading) but drop the movement */
    .lx-elite-traders-four-section .lx-elite-traders-four-riser,
    .lx-elite-traders-four-section .lx-elite-traders-four-value {
        transition: none;
    }
    .lx-elite-traders-four-section .lx-elite-traders-four-table thead th.is-active .lx-elite-traders-four-riser,
    .lx-elite-traders-four-section .lx-elite-traders-four-table tbody tr td.is-active .lx-elite-traders-four-value {
        transform: none;
    }
}
/* END Animations */