/* Final cross-page polish loaded after page-specific styles. */

@media (min-width: 1021px) {
    .site-header .nav-shell .nav-item.has-dropdown {
        position: relative !important;
    }

    .site-header .nav-shell .nav-item.has-dropdown > .dropdown-panel,
    .site-header.is-scrolled .nav-shell .nav-item.has-dropdown > .dropdown-panel,
    body.home-page .site-header .nav-shell .nav-item.has-dropdown > .dropdown-panel {
        top: calc(100% + 20px) !important;
        right: auto !important;
        left: 50% !important;
        width: max-content !important;
        min-width: 330px !important;
        max-width: min(520px, calc(100vw - 48px)) !important;
        margin: 0 !important;
        padding: 20px !important;
        border-color: rgba(139, 215, 232, .22) !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, rgba(18, 19, 48, .96), rgba(7, 11, 31, .98)) !important;
        box-shadow: 0 26px 80px rgba(0, 0, 0, .48), 0 0 34px rgba(139, 215, 232, .08) !important;
        transform: translate(-50%, 8px) !important;
    }

    .site-header .nav-shell .nav-item.has-dropdown > .dropdown-panel::before,
    .site-header.is-scrolled .nav-shell .nav-item.has-dropdown > .dropdown-panel::before,
    body.home-page .site-header .nav-shell .nav-item.has-dropdown > .dropdown-panel::before {
        height: 22px !important;
    }

    .site-header .nav-shell .nav-item.has-dropdown:hover > .dropdown-panel,
    .site-header .nav-shell .nav-item.has-dropdown.open > .dropdown-panel,
    body.home-page .site-header .nav-shell .nav-item.has-dropdown:hover > .dropdown-panel,
    body.home-page .site-header .nav-shell .nav-item.has-dropdown.open > .dropdown-panel {
        transform: translate(-50%, 0) !important;
    }
}

/* Final shared readability and neon-system authority. */
:root {
    --tl-copy-strong: rgba(248, 250, 255, 0.96);
    --tl-copy-muted: rgba(224, 231, 248, 0.82);
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) {
    background: var(--ink) !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee::before {
    background: linear-gradient(90deg, var(--ink), transparent) !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee::after {
    background: linear-gradient(270deg, var(--ink), transparent) !important;
}

body.premium-page :is(.premium-hero--menu, .premium-hero--submenu) .premium-hero__panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.premium-page main :is(
    .premium-content--submenu-showcase,
    .premium-content--submenu-card,
    .premium-content--editorial
) :is(.premium-editorial__content, .premium-content__copy) h2 {
    max-width: 32ch !important;
    overflow: visible !important;
    color: var(--tl-copy-strong) !important;
    font-size: clamp(21px, 1.55vw, 29px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.035em !important;
    text-overflow: clip !important;
    text-wrap: balance !important;
    white-space: normal !important;
}

body.premium-page main :is(
    .premium-content--submenu-showcase,
    .premium-content--submenu-card,
    .premium-content--editorial
) :is(.premium-editorial__content, .premium-content__copy) p {
    max-width: 46ch !important;
    overflow: visible !important;
    color: var(--tl-copy-muted) !important;
    font-size: clamp(14px, 0.92vw, 16px) !important;
    line-height: 1.58 !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

body.premium-page .premium-directory-card__body h3 {
    color: var(--tl-copy-strong) !important;
    font-size: clamp(21px, 1.55vw, 27px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
}

body.premium-page .premium-directory-card__body p {
    display: block !important;
    max-height: 3em !important;
    overflow: hidden !important;
    color: var(--tl-copy-muted) !important;
    font-size: clamp(14px, 0.88vw, 15.5px) !important;
    line-height: 1.5 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
}

.about-page .about-section :is(p, li, .about-capability-row__text) {
    color: var(--tl-copy-muted) !important;
    font-size: clamp(13.5px, 0.85vw, 15px) !important;
    line-height: 1.58 !important;
}

.about-page .about-value-card h3 {
    overflow: visible !important;
    color: var(--tl-copy-strong) !important;
    font-size: clamp(14px, 0.95vw, 17px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

.about-page .about-value-card p {
    display: block !important;
    max-height: 6.32em !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
}

.about-page .about-leadership {
    background:
        radial-gradient(circle at 78% 25%, rgba(255, 45, 168, 0.12), transparent 30%),
        radial-gradient(circle at 18% 70%, rgba(0, 217, 255, 0.1), transparent 34%),
        var(--ink) !important;
}

.about-page .about-leadership__layout {
    position: relative;
    overflow: hidden;
    padding: clamp(26px, 4vw, 58px) !important;
    border: 1px solid rgba(91, 184, 255, 0.22);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(25, 23, 54, 0.96), rgba(7, 13, 38, 0.98));
    box-shadow: 0 30px 80px rgba(0, 0, 20, 0.38), 0 0 56px rgba(31, 113, 255, 0.08);
}

.about-page .about-leadership__layout::before {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(115deg, transparent 48%, rgba(255, 45, 168, 0.08), transparent 72%),
        radial-gradient(circle at 72% 35%, rgba(0, 217, 255, 0.1), transparent 30%);
    content: "";
    pointer-events: none;
}

.about-page .about-leadership__intro,
.about-page .about-founder-card {
    position: relative;
    z-index: 1;
}

.about-page .about-founder-card__portrait {
    border: 1px solid rgba(255, 79, 163, 0.26) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 22, 0.48), 0 0 42px rgba(24, 123, 255, 0.12) !important;
}

.about-page .about-founder-card__details {
    padding-top: 18px !important;
}

.premium-page .premium-cta--rubiks h2 {
    color: #fbfcff !important;
    text-shadow: 0 3px 22px rgba(79, 133, 255, 0.16);
}

.premium-page .premium-cta--rubiks p {
    color: var(--tl-copy-muted) !important;
    font-size: clamp(13.5px, 0.9vw, 15px) !important;
}

@media (max-width: 900px) {
    body.premium-page main :is(
        .premium-content--submenu-showcase,
        .premium-content--submenu-card,
        .premium-content--editorial
    ) :is(.premium-editorial__content, .premium-content__copy) h2 {
        max-width: 100% !important;
        font-size: clamp(21px, 5.4vw, 27px) !important;
        text-wrap: pretty !important;
    }

    body.premium-page main :is(
        .premium-content--submenu-showcase,
        .premium-content--submenu-card,
        .premium-content--editorial
    ) :is(.premium-editorial__content, .premium-content__copy) p {
        max-width: 100% !important;
        font-size: 15px !important;
    }

    .premium-page .premium-cta--rubiks {
        min-height: 570px !important;
        padding-top: 58px !important;
    }

    .premium-page .premium-cta--rubiks h2 {
        max-width: 20ch !important;
        margin-inline: auto !important;
        font-size: clamp(27px, 6.8vw, 36px) !important;
        line-height: 1.08 !important;
        text-wrap: balance !important;
        white-space: normal !important;
    }

    .premium-page .premium-cta--rubiks p {
        max-width: 38ch !important;
        margin-inline: auto !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .premium-page .premium-cta__rubiks {
        --cube-size: clamp(28px, 7.5vw, 36px) !important;
        top: 330px !important;
    }

    .about-page .about-value-card h3 {
        font-size: clamp(15px, 3.8vw, 17px) !important;
    }
}

@media (max-width: 480px) {
    body.premium-page main :is(
        .premium-content--submenu-showcase,
        .premium-content--submenu-card,
        .premium-content--editorial
    ) :is(.premium-editorial__content, .premium-content__copy) h2 {
        font-size: clamp(20px, 6vw, 24px) !important;
        line-height: 1.12 !important;
    }

    body.premium-page main :is(
        .premium-content--submenu-showcase,
        .premium-content--submenu-card,
        .premium-content--editorial
    ) :is(.premium-editorial__content, .premium-content__copy) p {
        font-size: 14.5px !important;
        line-height: 1.55 !important;
    }

    .premium-page .premium-cta--rubiks {
        min-height: 550px !important;
        padding-top: 52px !important;
    }

    .premium-page .premium-cta--rubiks h2 {
        max-width: 18ch !important;
        font-size: clamp(25px, 7.6vw, 31px) !important;
    }

    .premium-page .premium-cta__rubiks {
        --cube-size: clamp(24px, 7.8vw, 30px) !important;
        top: 320px !important;
    }

    .about-page .about-leadership__layout {
        padding: 22px 18px !important;
        border-radius: 20px;
    }

    .about-page .about-value-card h3 {
        font-size: 15px !important;
        letter-spacing: -0.035em !important;
    }
}

/* ================================================================
   Final compact page refresh + Project City light modal
   ================================================================ */

body.home-page #connected-ecosystem .city-dialog {
    width: min(calc(100vw - 36px), 1120px) !important;
    max-width: 1120px !important;
    max-height: min(90dvh, 760px) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-right: 7px solid #0877ff !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    color: #111111 !important;
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(8, 119, 255, 0.08) !important;
}

body.home-page #connected-ecosystem .city-dialog::backdrop {
    background: rgba(6, 10, 20, 0.7) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    backdrop-filter: blur(9px) !important;
}

body.home-page #connected-ecosystem .city-dialog__panel {
    max-height: min(90dvh, 760px) !important;
    overflow-y: auto !important;
    padding: clamp(34px, 4.2vw, 58px) clamp(30px, 5vw, 70px) clamp(32px, 4vw, 54px) !important;
    background: #ffffff !important;
    color: #111111 !important;
}

body.home-page #connected-ecosystem .city-dialog__panel::before,
body.home-page #connected-ecosystem .city-dialog__panel::after {
    display: none !important;
}

body.home-page #connected-ecosystem .city-dialog__close {
    top: 24px !important;
    right: 25px !important;
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111111 !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

body.home-page #connected-ecosystem .city-dialog__close:hover,
body.home-page #connected-ecosystem .city-dialog__close:focus-visible {
    color: #0877ff !important;
    transform: rotate(4deg) scale(1.04);
}

body.home-page #connected-ecosystem .city-dialog__header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 56px 24px 0 !important;
}

body.home-page #connected-ecosystem .city-dialog__header > span {
    padding: 8px 14px !important;
    border-radius: 4px !important;
    background: #0877ff !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.home-page #connected-ecosystem .city-dialog__header time {
    color: #686868 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

body.home-page #connected-ecosystem .city-dialog h3 {
    max-width: calc(100% - 44px) !important;
    margin: 0 0 22px !important;
    color: #111111 !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    font-weight: 800 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    text-wrap: balance !important;
}

body.home-page #connected-ecosystem .city-dialog__lead {
    max-width: 940px !important;
    margin: 0 0 34px !important;
    padding: 0 0 32px !important;
    border-bottom: 1px solid #dddddd !important;
    color: #626262 !important;
    font-size: clamp(15px, 1.25vw, 18px) !important;
    line-height: 1.65 !important;
}

body.home-page #connected-ecosystem .city-dialog__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
    gap: clamp(28px, 5vw, 70px) !important;
    margin: 0 0 38px !important;
}

body.home-page #connected-ecosystem .city-dialog__grid h4 {
    margin: 0 0 22px !important;
    padding-left: 12px !important;
    border-left: 4px solid #0877ff !important;
    color: #151515 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase !important;
}

body.home-page #connected-ecosystem .city-dialog__tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

body.home-page #connected-ecosystem .city-dialog__tags span {
    padding: 10px 16px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #151515 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.home-page #connected-ecosystem .city-dialog__grid ul {
    display: grid !important;
    gap: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.home-page #connected-ecosystem .city-dialog__grid li {
    position: relative !important;
    padding-left: 30px !important;
    color: #646464 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

body.home-page #connected-ecosystem .city-dialog__grid li::before {
    position: absolute !important;
    top: -1px !important;
    left: 0 !important;
    color: #0877ff !important;
    content: "\26A1" !important;
    font-size: 20px !important;
}

body.home-page #connected-ecosystem .city-dialog__cta {
    min-height: 64px !important;
    padding: 16px 24px !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #171717 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

body.home-page #connected-ecosystem .city-dialog__cta:hover,
body.home-page #connected-ecosystem .city-dialog__cta:focus-visible {
    border-color: #0877ff !important;
    background: #0877ff !important;
    color: #ffffff !important;
}

body:is(.page-ecosystem, .page-experience-centres) {
    background: var(--ink) !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero {
    min-height: clamp(390px, 48vw, 540px) !important;
    background: var(--ink) !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero__layout {
    min-height: clamp(390px, 48vw, 540px) !important;
    padding-top: clamp(104px, 11vw, 138px) !important;
    padding-bottom: clamp(36px, 5vw, 64px) !important;
    align-items: center !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero__media img,
body:is(.page-ecosystem, .page-experience-centres) .premium-hero__media video {
    object-position: center !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero__veil {
    background: linear-gradient(90deg, rgba(3, 7, 27, 0.82), rgba(3, 7, 27, 0.34) 60%, rgba(3, 7, 27, 0.55)) !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero__panel {
    width: min(720px, 100%) !important;
    max-width: 720px !important;
    margin-inline: auto !important;
    padding: 0 !important;
    text-align: center !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero h1 {
    margin-bottom: 16px !important;
    color: #ffffff !important;
    font-size: clamp(44px, 5.4vw, 72px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    text-wrap: balance !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero__panel > p {
    max-width: 58ch !important;
    margin: 0 auto !important;
    color: rgba(242, 246, 255, 0.82) !important;
    font-size: clamp(15px, 1.25vw, 18px) !important;
    line-height: 1.55 !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero__actions {
    justify-content: center !important;
    margin-top: 24px !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-hero__signals {
    justify-content: center !important;
    margin: 28px auto 0 !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-route {
    right: clamp(20px, 4vw, 56px) !important;
    bottom: 28px !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-inner-trusted {
    padding-top: clamp(34px, 4vw, 52px) !important;
    padding-bottom: clamp(34px, 4vw, 52px) !important;
    background: var(--ink) !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-inner-trusted h2 {
    margin-bottom: 24px !important;
    font-size: clamp(26px, 2.6vw, 38px) !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content-stack {
    display: grid !important;
    gap: clamp(28px, 4vw, 52px) !important;
    padding: clamp(42px, 6vw, 78px) 0 !important;
    background: var(--ink) !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content-stack > .premium-content {
    padding: 0 !important;
    background: transparent !important;
}

body:is(.page-ecosystem, .page-experience-centres) :is(.premium-content__grid, .premium-editorial) {
    width: min(calc(100% - 40px), 1180px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(118, 137, 214, 0.22) !important;
    border-radius: 24px !important;
    background: #191736 !important;
    box-shadow: 0 26px 70px rgba(0, 0, 20, 0.25) !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content__grid {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr) !important;
    align-items: stretch !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content--flip .premium-content__visual {
    order: 2 !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content--flip .premium-content__copy {
    order: 1 !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content__visual,
body:is(.page-ecosystem, .page-experience-centres) .premium-editorial__visual {
    min-height: 360px !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content__image {
    height: 100% !important;
    min-height: 360px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content__image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 360px !important;
    object-fit: cover !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-content__copy,
body:is(.page-ecosystem, .page-experience-centres) .premium-editorial__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: clamp(30px, 4vw, 52px) !important;
    background: #191736 !important;
}

body:is(.page-ecosystem, .page-experience-centres) :is(.premium-content__copy, .premium-editorial__content) h2 {
    max-width: 22ch !important;
    margin-bottom: 16px !important;
    color: #ffffff !important;
    font-size: clamp(27px, 2.7vw, 42px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    text-wrap: balance !important;
}

body:is(.page-ecosystem, .page-experience-centres) :is(.premium-content__copy, .premium-editorial__content) p {
    max-width: 50ch !important;
    margin-bottom: 0 !important;
    color: rgba(234, 239, 255, 0.78) !important;
    font-size: clamp(14px, 1vw, 16px) !important;
    line-height: 1.6 !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-editorial {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
    align-items: stretch !important;
}

body:is(.page-ecosystem, .page-experience-centres) .premium-editorial__points {
    margin-top: 24px !important;
}

@media (max-width: 820px) {
    body.home-page #connected-ecosystem .city-dialog {
        width: calc(100vw - 22px) !important;
        max-height: calc(100dvh - 22px) !important;
        border-right-width: 5px !important;
        border-radius: 18px !important;
    }

    body.home-page #connected-ecosystem .city-dialog__panel {
        max-height: calc(100dvh - 22px) !important;
        padding: 54px 22px 24px !important;
    }

    body.home-page #connected-ecosystem .city-dialog__close {
        top: 13px !important;
        right: 14px !important;
        width: 38px !important;
        height: 38px !important;
        font-size: 32px !important;
    }

    body.home-page #connected-ecosystem .city-dialog__header {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin: 0 44px 18px 0 !important;
    }

    body.home-page #connected-ecosystem .city-dialog h3 {
        max-width: 100% !important;
        margin-bottom: 16px !important;
        font-size: clamp(28px, 8.4vw, 38px) !important;
        line-height: 1.04 !important;
    }

    body.home-page #connected-ecosystem .city-dialog__lead {
        margin-bottom: 24px !important;
        padding-bottom: 22px !important;
        font-size: 14.5px !important;
        line-height: 1.55 !important;
    }

    body.home-page #connected-ecosystem .city-dialog__grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
        margin-bottom: 26px !important;
    }

    body.home-page #connected-ecosystem .city-dialog__cta {
        min-height: 54px !important;
        padding: 13px 16px !important;
        font-size: 12px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-hero,
    body:is(.page-ecosystem, .page-experience-centres) .premium-hero__layout {
        min-height: 390px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-hero__layout {
        padding: 112px 18px 44px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-hero h1 {
        font-size: clamp(38px, 10vw, 54px) !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-route,
    body:is(.page-ecosystem, .page-experience-centres) .premium-hero__signals {
        display: none !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-content-stack {
        gap: 28px !important;
        padding: 36px 0 52px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) :is(.premium-content__grid, .premium-editorial) {
        width: min(calc(100% - 28px), 620px) !important;
        grid-template-columns: 1fr !important;
        border-radius: 19px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-content__visual,
    body:is(.page-ecosystem, .page-experience-centres) .premium-editorial__visual,
    body:is(.page-ecosystem, .page-experience-centres) .premium-content__image,
    body:is(.page-ecosystem, .page-experience-centres) .premium-content__image img {
        min-height: 230px !important;
        height: 230px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-content--flip .premium-content__visual {
        order: 1 !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-content--flip .premium-content__copy {
        order: 2 !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-editorial__visual {
        order: 1 !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-editorial__content {
        order: 2 !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-content__copy,
    body:is(.page-ecosystem, .page-experience-centres) .premium-editorial__content {
        padding: 26px 22px 28px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) :is(.premium-content__copy, .premium-editorial__content) h2 {
        max-width: 100% !important;
        font-size: clamp(25px, 7vw, 34px) !important;
    }
}

@media (max-width: 480px) {
    body.home-page #connected-ecosystem .city-dialog__panel {
        padding-inline: 18px !important;
    }

    body.home-page #connected-ecosystem .city-dialog__header > span {
        padding: 7px 11px !important;
        font-size: 10px !important;
    }

    body.home-page #connected-ecosystem .city-dialog__header time {
        font-size: 11px !important;
    }

    body.home-page #connected-ecosystem .city-dialog__tags span {
        padding: 8px 11px !important;
        font-size: 11px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-hero,
    body:is(.page-ecosystem, .page-experience-centres) .premium-hero__layout {
        min-height: 350px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-hero__layout {
        padding-top: 102px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-hero h1 {
        font-size: clamp(34px, 11vw, 46px) !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-hero__panel > p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-inner-trusted {
        padding-block: 30px !important;
    }

    body:is(.page-ecosystem, .page-experience-centres) .premium-inner-trusted h2 {
        font-size: 25px !important;
    }
}

/* Final responsive text pass: never show generated ellipsis on public titles/copy. */
.premium-page :is(.premium-hero__panel h1, .premium-editorial__heading h2, .premium-content__copy h2, #premium-cta-title),
.editorial-page :is(.editorial-hero h1, .case-library__heading h2, .case-card h3 a, #cases-trusted-title),
.about-page :is(.about-hero h1, .about-story__copy h2, .about-section-title h2),
.premium-page :is(.premium-hero__panel > p, .premium-editorial__heading > p, .premium-editorial__prose p, .premium-content__copy > p),
.editorial-page :is(.editorial-hero p, .case-card__body > p),
.about-page :is(.about-hero p, .about-story__copy p) {
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

.premium-page :is(.premium-editorial__heading > p, .premium-editorial__prose p, .premium-content__copy > p),
.editorial-page .case-card__body > p,
.about-page :is(.about-hero p, .about-story__copy p) {
    display: block !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) {
    background: transparent !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial, .premium-content__grid),
.premium-page .premium-content--editorial .premium-editorial {
    overflow: hidden !important;
    background: var(--cards-background-card, #191736) !important;
    border: 1px solid rgba(219, 216, 245, .2) !important;
    box-shadow: 0 24px 80px rgba(3, 5, 22, .34), 0 0 42px rgba(236, 52, 186, .12) !important;
}

@media (max-width: 900px) {
    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial, .premium-content__grid),
    .premium-page .premium-content--editorial .premium-editorial {
        display: flex !important;
        flex-direction: column !important;
        width: min(100% - 28px, 520px) !important;
        max-width: 520px !important;
        margin-inline: auto !important;
        gap: 0 !important;
        border-radius: 20px !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__visual, .premium-content__visual),
    .premium-page .premium-content--editorial .premium-editorial__visual {
        order: -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) .premium-content__image {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        aspect-ratio: 16 / 10 !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) .premium-content__image img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        filter: saturate(1.1) contrast(1.04) !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__content, .premium-content__copy),
    .premium-page .premium-content--editorial .premium-editorial__content {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 24px !important;
        background: var(--cards-background-card, #191736) !important;
        border-radius: 0 0 20px 20px !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__heading h2, .premium-content__copy h2) {
        display: block !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        overflow: visible !important;
        white-space: normal !important;
        font-size: clamp(24px, 6.1vw, 32px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.045em !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__heading > p, .premium-editorial__prose p, .premium-content__copy > p) {
        max-width: 34ch !important;
        margin: 0 0 12px !important;
        overflow: visible !important;
        color: rgba(232, 235, 255, .82) !important;
        font-size: clamp(15px, 3.75vw, 17px) !important;
        line-height: 1.5 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__prose p:nth-of-type(n+2), .premium-content__copy > p:nth-of-type(n+3)) {
        display: none !important;
    }

    .premium-page .premium-hero--submenu .premium-hero__panel h1,
    .premium-page .premium-hero--submenu #premium-page-title {
        white-space: normal !important;
        overflow: visible !important;
        font-size: clamp(32px, 8.5vw, 46px) !important;
        line-height: 1.02 !important;
    }

    .premium-page .premium-hero--submenu .premium-hero__panel > p {
        max-width: min(35ch, calc(100vw - 36px)) !important;
        font-size: clamp(15px, 3.9vw, 17px) !important;
        line-height: 1.45 !important;
    }

    .premium-page .premium-cta--rubiks {
        min-height: 430px !important;
        padding-block: 32px !important;
    }

    .premium-page .premium-cta--rubiks h2,
    .premium-page #premium-cta-title {
        white-space: normal !important;
        overflow: visible !important;
        max-width: min(100% - 24px, 390px) !important;
        margin-inline: auto !important;
        font-size: clamp(24px, 6.2vw, 34px) !important;
        line-height: 1.06 !important;
    }

    .premium-page .premium-cta--rubiks p {
        max-width: min(36ch, calc(100vw - 36px)) !important;
        margin-inline: auto !important;
    }

    body.cases-page .case-filters {
        position: relative !important;
        z-index: 20 !important;
        overflow: visible !important;
    }

    body.cases-page .case-filters select,
    body.cases-page .case-filters input {
        min-height: 48px !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

@media (max-width: 520px) {
    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) {
        padding-block: 18px !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial, .premium-content__grid),
    .premium-page .premium-content--editorial .premium-editorial {
        width: calc(100% - 24px) !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__heading h2, .premium-content__copy h2) {
        font-size: clamp(22px, 6vw, 28px) !important;
    }
}

/* Final no-ellipsis responsive pass: keep copy meaningful instead of visually truncating it. */
.premium-page .premium-hero--submenu .premium-hero__panel h1,
.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__heading h2,
.premium-page :is(.premium-content--submenu-card) .premium-content__copy h2,
.premium-page .premium-cta--rubiks h2,
.premium-page #premium-cta-title,
body.cases-page .editorial-hero h1,
body.cases-page #cases-title,
body.cases-page .case-library__heading h2,
body.cases-page .case-card h3 a,
.about-page :is(.about-hero h1, .about-story__copy h2, .about-heading h2, .about-journey__intro h2, .about-presence__panel h2, .about-leadership__intro h2, .about-cta h2) {
    overflow: visible !important;
    text-overflow: clip !important;
}

.premium-page .premium-hero--submenu .premium-hero__panel > p,
.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__heading > p, .premium-editorial__prose p),
.premium-page :is(.premium-content--submenu-card) .premium-content__copy > p,
.premium-page .premium-cta--rubiks p,
body.cases-page .editorial-hero p,
body.cases-page .case-card__body > p,
.about-page :is(.about-hero__content > p, .about-story__copy p, .about-heading > p, .about-timeline p, .about-value-card p, .about-cta p) {
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: initial !important;
}

.premium-page .premium-hero--submenu .premium-hero__panel h1,
body.cases-page .editorial-hero h1,
body.cases-page #cases-title {
    white-space: nowrap !important;
    font-size: clamp(34px, 5.2vw, 64px) !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial,
.premium-page :is(.premium-content--submenu-card) .premium-content__grid {
    background: var(--cards-background-card, #191736) !important;
    border: 1px solid rgba(102, 215, 255, .18) !important;
    box-shadow: 0 24px 70px rgba(2, 5, 24, .42) !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__content,
.premium-page :is(.premium-content--submenu-card) .premium-content__copy {
    overflow: visible !important;
    background: var(--cards-background-card, #191736) !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__heading h2,
.premium-page :is(.premium-content--submenu-card) .premium-content__copy h2 {
    white-space: nowrap !important;
    font-size: clamp(26px, 2.55vw, 38px) !important;
    line-height: 1.04 !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__heading > p, .premium-editorial__prose p),
.premium-page :is(.premium-content--submenu-card) .premium-content__copy > p {
    max-width: 58ch !important;
    font-size: clamp(14px, 1vw, 16px) !important;
    line-height: 1.55 !important;
}

.premium-page .premium-cta--rubiks {
    min-height: clamp(380px, 44vw, 580px) !important;
}

.premium-page .premium-cta--rubiks h2,
.premium-page #premium-cta-title {
    white-space: nowrap !important;
    font-size: clamp(28px, 3.7vw, 48px) !important;
}

body.cases-page .case-card {
    border-color: rgba(247, 59, 184, .22) !important;
    box-shadow: 0 20px 60px rgba(3, 5, 22, .35) !important;
}

body.cases-page .case-card h3 a {
    display: block !important;
    min-height: 2.12em !important;
    font-size: clamp(22px, 1.62vw, 27px) !important;
    line-height: 1.06 !important;
}

body.cases-page .case-card__body > p {
    min-height: 2.9em !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

@media (max-width: 760px) {
    .premium-page .premium-hero--submenu .premium-hero__panel h1,
    body.cases-page .editorial-hero h1,
    body.cases-page #cases-title {
        font-size: clamp(27px, 7.1vw, 34px) !important;
        letter-spacing: -.055em !important;
    }

    .premium-page .premium-hero--submenu .premium-hero__panel > p,
    body.cases-page .editorial-hero p {
        max-width: min(38ch, calc(100vw - 28px)) !important;
        white-space: normal !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial,
    .premium-page :is(.premium-content--submenu-card) .premium-content__grid {
        display: flex !important;
        flex-direction: column !important;
        width: min(100% - 28px, 430px) !important;
        max-width: min(100% - 28px, 430px) !important;
        margin-inline: auto !important;
        gap: 0 !important;
        overflow: hidden !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__visual,
    .premium-page :is(.premium-content--submenu-card) .premium-content__visual,
    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__content,
    .premium-page :is(.premium-content--submenu-card) .premium-content__copy {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__visual,
    .premium-page :is(.premium-content--submenu-card) .premium-content__visual {
        order: 0 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__content,
    .premium-page :is(.premium-content--submenu-card) .premium-content__copy {
        order: 1 !important;
        padding: 24px 20px !important;
        border-radius: 0 0 18px 18px !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-content__image,
    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-content__image--wide {
        aspect-ratio: 1.2 / 1 !important;
        min-height: 0 !important;
        max-height: 280px !important;
        border-radius: 18px 18px 0 0 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-content__image img {
        transform: none !important;
        filter: saturate(1.12) contrast(1.06) !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__heading h2,
    .premium-page :is(.premium-content--submenu-card) .premium-content__copy h2 {
        white-space: nowrap !important;
        font-size: clamp(20px, 5.15vw, 24px) !important;
        letter-spacing: -.05em !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__heading > p, .premium-editorial__prose p),
    .premium-page :is(.premium-content--submenu-card) .premium-content__copy > p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .premium-page .premium-cta--rubiks {
        min-height: 430px !important;
        padding-block: 32px !important;
    }

    .premium-page .premium-cta--rubiks h2,
    .premium-page #premium-cta-title {
        font-size: clamp(19px, 4.35vw, 23px) !important;
    }

    body.cases-page .case-filters {
        position: relative !important;
        z-index: 20 !important;
    }

    body.cases-page .case-filters select {
        appearance: auto !important;
        -webkit-appearance: auto !important;
    }

    body.cases-page .case-card h3 a {
        font-size: clamp(20px, 5.4vw, 24px) !important;
    }

    body.cases-page .case-card__body > p {
        min-height: auto !important;
        font-size: 14px !important;
    }

    .about-page :is(.about-hero h1, .about-story__copy h2, .about-heading h2, .about-journey__intro h2, .about-presence__panel h2, .about-leadership__intro h2, .about-cta h2) {
        white-space: nowrap !important;
        font-size: clamp(25px, 6.5vw, 34px) !important;
        letter-spacing: -.05em !important;
    }
}

/* About page image refresh: align with the neon service-page visual system. */
.about-page .about-hero {
    background: #050917 !important;
    overflow: hidden !important;
}

.about-page .about-hero__globe {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: .74 !important;
    filter: saturate(1.12) contrast(1.04) !important;
}

.about-page .about-hero::after {
    background:
        linear-gradient(90deg, rgba(5, 3, 33, .88) 0%, rgba(5, 3, 33, .58) 42%, rgba(5, 3, 33, .16) 100%),
        linear-gradient(180deg, rgba(5, 3, 33, .28), rgba(5, 3, 33, .82)) !important;
}

.about-page .about-story__visual {
    background: var(--cards-background-card, #191736) !important;
    box-shadow: 0 24px 70px rgba(3, 5, 22, .42) !important;
}

.about-page .about-story__visual img {
    object-position: center center !important;
    filter: saturate(1.13) contrast(1.05) !important;
    transform: none !important;
}

@media (max-width: 760px) {
    .about-page .about-hero {
        min-height: 420px !important;
    }

    .about-page .about-hero__content {
        padding-top: 118px !important;
        padding-bottom: 42px !important;
    }

    .about-page .about-hero__globe {
        object-position: 58% center !important;
        opacity: .62 !important;
    }

    .about-page .about-story__card {
        width: min(100% - 28px, 430px) !important;
        overflow: hidden !important;
        border-color: rgba(247, 59, 184, .24) !important;
        background: var(--cards-background-card, #191736) !important;
    }

    .about-page .about-story__copy p:not(:first-of-type) {
        display: none !important;
    }
}

@media (max-width: 1020px) {
    .site-header .nav-shell .nav-item.has-dropdown > .dropdown-panel,
    body.home-page .site-header .nav-shell .nav-item.has-dropdown > .dropdown-panel {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

.site-footer-tmx,
.site-footer,
footer.styles-module--footer--e4089,
body.home-page footer,
body.home-page footer.styles-module--footer--e4089,
body.home-page footer[class*="footer"] {
    background: #070c21 !important;
    color: rgba(245, 247, 255, .86) !important;
}

.site-footer :is(.styles-module--title--c5679, .styles-module--columnTitle--c8726, .footer-loc-heading),
footer.styles-module--footer--e4089 :is(.styles-module--title--c5679, .styles-module--columnTitle--c8726, .footer-loc-heading) {
    color: #f7f8ff !important;
    opacity: 1 !important;
        background: none !important;
}

.site-footer :is(.styles-module--link--512c0, .styles-module--columnLocationList--e5052 li a, .styles-module--disclaimer--a9305, .styles-module--creditsColumn--d49b7 a, p, li, small),
footer.styles-module--footer--e4089 :is(.styles-module--link--512c0, .styles-module--columnLocationList--e5052 li a, .styles-module--disclaimer--a9305, .styles-module--creditsColumn--d49b7 a, p, li, small) {
    color: rgba(245, 247, 255, .78) !important;
}

.site-footer a:hover,
footer.styles-module--footer--e4089 a:hover {
    color: #ffffff !important;
}

.footer-locations-bar {
    border-color: rgba(167, 183, 255, .2) !important;
    background: rgba(15, 17, 45, .64) !important;
}

.hero-motion-transition > span,
body.home-page .hero-motion-transition > span {
    font-size: clamp(12px, .95vw, 14px) !important;
    letter-spacing: .16em !important;
}

.hero-motion-transition > p,
body.home-page .hero-motion-transition > p {
    gap: clamp(12px, 1.6vw, 22px) !important;
    font-size: clamp(25px, 2.55vw, 40px) !important;
}

.hero-motion-transition i,
body.home-page .hero-motion-transition i {
    width: clamp(42px, 6vw, 92px) !important;
}

.hero-motion-actions .button,
.hero-motion-link,
body.home-page .hero-motion-actions .button,
body.home-page .hero-motion-link {
    font-size: clamp(15px, 1vw, 17px) !important;
}

@media (max-width: 760px) {
    .hero-motion-transition,
    body.home-page .hero-motion-transition {
        width: min(92vw, 460px) !important;
    }

    .hero-motion-transition > p,
    body.home-page .hero-motion-transition > p {
        gap: 10px !important;
        font-size: clamp(26px, 7.4vw, 34px) !important;
    }

    .hero-motion-transition i,
    body.home-page .hero-motion-transition i {
        width: 1px !important;
        height: 16px !important;
    }

    .hero-motion-actions .button,
    .hero-motion-link,
    body.home-page .hero-motion-actions .button,
    body.home-page .hero-motion-link {
        font-size: 15px !important;
    }
}

@media (max-width: 430px) {
    .hero-motion-transition i,
    body.home-page .hero-motion-transition i {
        height: 12px !important;
    }
}

/* Final responsive readability pass for submenu pages and case studies. */
.premium-page .premium-hero--submenu {
    min-height: clamp(360px, 46vw, 560px) !important;
}

.premium-page .premium-hero--submenu .premium-hero__layout {
    min-height: clamp(300px, 38vw, 470px) !important;
    padding-top: clamp(78px, 8vw, 118px) !important;
    padding-bottom: clamp(42px, 5vw, 70px) !important;
}

.premium-page .premium-hero--submenu .premium-hero__panel {
    align-items: center !important;
    justify-content: center !important;
    max-width: min(980px, 92vw) !important;
    margin-inline: auto !important;
    text-align: center !important;
}

.premium-page .premium-hero--submenu .premium-kicker,
.premium-page .premium-hero--submenu .premium-hero__actions,
.premium-page .premium-hero--submenu .premium-hero__signals,
.premium-page .premium-hero--submenu .premium-route {
    display: none !important;
}

.premium-page .premium-hero--submenu .premium-hero__panel h1 {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: clamp(44px, 6vw, 84px) !important;
    line-height: .96 !important;
}

.premium-page .premium-hero--submenu .premium-hero__panel > p {
    display: -webkit-box !important;
    max-width: min(720px, 92vw) !important;
    overflow: hidden !important;
    color: rgba(245, 247, 255, .86) !important;
    font-size: clamp(15px, 1.28vw, 20px) !important;
    line-height: 1.45 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) {
    overflow: hidden !important;
    padding-block: clamp(34px, 4.8vw, 72px) !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial,
.premium-page :is(.premium-content--submenu-card) .premium-content__grid {
    align-items: stretch !important;
    gap: clamp(18px, 3vw, 42px) !important;
    max-width: min(1180px, calc(100vw - 48px)) !important;
    min-height: 0 !important;
    margin-inline: auto !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__content,
.premium-page :is(.premium-content--submenu-card) .premium-content__copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: clamp(12px, 1.4vw, 20px) !important;
    overflow: hidden !important;
    background: var(--cards-background-card, #191736) !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__heading h2,
.premium-page :is(.premium-content--submenu-card) .premium-content__copy h2 {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: clamp(28px, 3.05vw, 46px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__heading > p, .premium-editorial__prose p),
.premium-page :is(.premium-content--submenu-card) .premium-content__copy > p {
    display: -webkit-box !important;
    max-width: 62ch !important;
    overflow: hidden !important;
    color: rgba(224, 229, 246, .84) !important;
    font-size: clamp(15px, 1.08vw, 18px) !important;
    line-height: 1.5 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-content__image {
    overflow: hidden !important;
    background: var(--cards-background-card, #191736) !important;
}

.premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-content__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: saturate(1.08) contrast(1.05) !important;
}

.premium-page .premium-cta--rubiks {
    min-height: clamp(430px, 58vw, 700px) !important;
    padding-block: clamp(42px, 5.2vw, 76px) !important;
}

.premium-page .premium-cta--rubiks h2,
.premium-page #premium-cta-title {
    max-width: calc(100vw - 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: clamp(34px, 4.3vw, 58px) !important;
    line-height: 1 !important;
}

.premium-page .premium-cta--rubiks p {
    display: -webkit-box !important;
    max-width: min(620px, 88vw) !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.cases-page .editorial-hero h1,
body.cases-page #cases-title {
    font-size: clamp(46px, 5.8vw, 76px) !important;
    line-height: .98 !important;
}

body.cases-page .editorial-hero p {
    max-width: min(820px, 92vw) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.cases-page #cases-trusted-title {
    font-size: clamp(30px, 3.2vw, 44px) !important;
}

body.cases-page #cases-trusted-title::before {
    content: "Trusted outcomes" !important;
}

body.cases-page #cases-trusted-title {
    color: transparent !important;
    position: relative !important;
}

body.cases-page #cases-trusted-title::before {
    position: absolute !important;
    inset: 0 !important;
    color: rgba(245, 247, 255, .86) !important;
}

body.cases-page .case-library__heading {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

body.cases-page .case-library__heading h2 {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: clamp(34px, 4.2vw, 54px) !important;
    line-height: 1 !important;
}

body.cases-page .case-library__heading > p {
    display: none !important;
}

body.cases-page .case-filters {
    position: relative !important;
    z-index: 5 !important;
    display: grid !important;
    grid-template-columns: minmax(240px, 1.25fr) repeat(3, minmax(170px, .75fr)) !important;
    gap: 12px !important;
    margin-top: 22px !important;
}

body.cases-page .case-filters input,
body.cases-page .case-filters select {
    min-height: 54px !important;
    border-radius: 12px !important;
    background: rgba(13, 22, 48, .88) !important;
    font-size: 13px !important;
}

body.cases-page .case-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

body.cases-page .case-card {
    display: flex !important;
    height: 100% !important;
    min-width: 0 !important;
    flex-direction: column !important;
    background: var(--cards-background-card, #191736) !important;
}

body.cases-page .case-card__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: clamp(20px, 2.1vw, 28px) !important;
}

body.cases-page .case-card h3 {
    margin: 0 !important;
}

body.cases-page .case-card h3 a {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: clamp(23px, 1.75vw, 30px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.04em !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.cases-page .case-card__body > p {
    display: -webkit-box !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.cases-page .case-card__result {
    margin-top: auto !important;
}

@media (max-width: 980px) {
    body.cases-page .case-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.cases-page .case-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .premium-page .premium-hero--submenu {
        min-height: 320px !important;
    }

    .premium-page .premium-hero--submenu .premium-hero__layout {
        min-height: 300px !important;
        padding-top: 92px !important;
        padding-bottom: 34px !important;
    }

    .premium-page .premium-hero--submenu .premium-hero__panel {
        max-width: calc(100vw - 28px) !important;
    }

    .premium-page .premium-hero--submenu .premium-hero__panel h1 {
        font-size: clamp(30px, 8vw, 42px) !important;
    }

    .premium-page .premium-hero--submenu .premium-hero__panel > p {
        max-width: 34ch !important;
        font-size: clamp(14px, 3.7vw, 16px) !important;
        line-height: 1.38 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) {
        padding-block: 26px !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial,
    .premium-page :is(.premium-content--submenu-card) .premium-content__grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        max-width: calc(100vw - 28px) !important;
        gap: 16px !important;
        border-radius: 18px !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__visual,
    .premium-page :is(.premium-content--submenu-card) .premium-content__visual {
        order: -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-content__image,
    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-content__image--wide {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        aspect-ratio: 1.35 / 1 !important;
        border-radius: 16px 16px 0 0 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-content__image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__content,
    .premium-page :is(.premium-content--submenu-card) .premium-content__copy {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 22px !important;
        gap: 12px !important;
        border-radius: 0 0 16px 16px !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__heading h2,
    .premium-page :is(.premium-content--submenu-card) .premium-content__copy h2 {
        font-size: clamp(23px, 6.2vw, 30px) !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__heading > p, .premium-editorial__prose p),
    .premium-page :is(.premium-content--submenu-card) .premium-content__copy > p {
        font-size: clamp(14px, 3.8vw, 16px) !important;
        line-height: 1.48 !important;
        -webkit-line-clamp: 3 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) .premium-editorial__prose p:not(:first-child),
    .premium-page :is(.premium-content--submenu-card) .premium-content__copy > p:not(:first-of-type) {
        display: none !important;
    }

    .premium-page .premium-cta--rubiks {
        min-height: 520px !important;
        padding-block: 34px !important;
    }

    .premium-page .premium-cta--rubiks h2,
    .premium-page #premium-cta-title {
        font-size: clamp(19px, 4.55vw, 26px) !important;
        letter-spacing: -.045em !important;
    }

    .premium-page .premium-cta--rubiks p {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    body.cases-page .editorial-hero h1,
    body.cases-page #cases-title {
        font-size: clamp(38px, 10.5vw, 48px) !important;
    }

    body.cases-page .editorial-hero p {
        max-width: calc(100vw - 30px) !important;
        font-size: 14px !important;
    }

    body.cases-page #cases-trusted-title {
        font-size: clamp(24px, 7vw, 34px) !important;
    }

    body.cases-page .case-library .shell {
        width: min(100% - 28px, 460px) !important;
    }

    body.cases-page .case-library__heading h2 {
        font-size: clamp(26px, 7vw, 36px) !important;
    }

    body.cases-page .case-filters {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }

    body.cases-page .case-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    body.cases-page .case-card__media {
        aspect-ratio: 1.45 / 1 !important;
    }

    body.cases-page .case-card__body {
        gap: 12px !important;
        padding: 20px !important;
    }

    body.cases-page .case-card h3 a {
        font-size: clamp(22px, 6vw, 27px) !important;
    }

    body.cases-page .case-card__body > p {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }
}

/* Ultimate mobile override: keep submenu cards readable and remove all visual ellipsis. */
.premium-page :is(.premium-hero__panel h1, .premium-editorial__heading h2, .premium-content__copy h2, #premium-cta-title),
.editorial-page :is(.editorial-hero h1, .case-library__heading h2, .case-card h3 a, #cases-trusted-title),
.about-page :is(.about-hero h1, .about-story__copy h2, .about-section-title h2) {
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

.premium-page :is(.premium-hero__panel > p, .premium-editorial__heading > p, .premium-editorial__prose p, .premium-content__copy > p),
.editorial-page :is(.editorial-hero p, .case-card__body > p),
.about-page :is(.about-hero p, .about-story__copy p) {
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

@media (max-width: 900px) {
    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial, .premium-content__grid),
    .premium-page .premium-content--editorial .premium-editorial {
        display: flex !important;
        flex-direction: column !important;
        width: min(100% - 24px, 520px) !important;
        max-width: 520px !important;
        margin-inline: auto !important;
        gap: 0 !important;
        overflow: hidden !important;
        border-radius: 20px !important;
        background: var(--cards-background-card, #191736) !important;
        border: 1px solid rgba(219, 216, 245, .22) !important;
        box-shadow: 0 24px 74px rgba(4, 5, 22, .36), 0 0 34px rgba(255, 44, 181, .12) !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__visual, .premium-content__visual),
    .premium-page .premium-content--editorial .premium-editorial__visual {
        order: -1 !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) .premium-content__image,
    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) .premium-content__image--wide {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        aspect-ratio: 16 / 10 !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) .premium-content__image img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        filter: saturate(1.1) contrast(1.05) !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card) :is(.premium-editorial__content, .premium-content__copy),
    .premium-page .premium-content--editorial .premium-editorial__content {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 24px !important;
        background: var(--cards-background-card, #191736) !important;
        border-radius: 0 0 20px 20px !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__heading h2, .premium-content__copy h2) {
        display: block !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        white-space: normal !important;
        font-size: clamp(22px, 5.9vw, 30px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.045em !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__heading > p, .premium-editorial__prose p, .premium-content__copy > p) {
        max-width: 36ch !important;
        margin: 0 0 12px !important;
        color: rgba(232, 235, 255, .84) !important;
        font-size: clamp(15px, 3.75vw, 17px) !important;
        line-height: 1.5 !important;
    }

    .premium-page :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__prose p:nth-of-type(n+2), .premium-content__copy > p:nth-of-type(n+3)) {
        display: none !important;
    }

    .premium-page .premium-cta--rubiks {
        min-height: 430px !important;
        padding-block: 32px !important;
    }

    .premium-page .premium-cta--rubiks h2,
    .premium-page #premium-cta-title {
        max-width: min(100% - 24px, 390px) !important;
        margin-inline: auto !important;
        white-space: nowrap !important;
        font-size: clamp(18px, 5vw, 30px) !important;
        line-height: 1.06 !important;
    }
}

/* Final responsive system: this block intentionally wins the legacy cascade. */
:root {
    --cards-background-card: #191736;
}

#primary-navigation .tl-chevron {
    color: #fff !important;
    stroke: #fff !important;
}

.site-footer {
    background: linear-gradient(180deg, rgba(18, 19, 48, .94), rgba(10, 12, 34, .98)) !important;
}

.site-footer :is(h2, h3, h4, a) {
    color: #f7f8ff !important;
}

.site-footer :is(p, li) {
    color: rgba(237, 240, 255, .78) !important;
}

body.home-page main > section#home {
    padding-block: 0 !important;
}

body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) {
    background: #050721 !important;
}

body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial, .premium-content__grid) {
    background: var(--cards-background-card, #191736) !important;
    border: 1px solid rgba(94, 119, 185, .34) !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 70px rgba(2, 4, 24, .38) !important;
    overflow: hidden !important;
}

body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__content, .premium-content__copy) h2 {
    color: #f8f9ff !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(22px, 2.35vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
}

body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__content, .premium-content__copy) p {
    display: block !important;
    max-width: 43ch !important;
    overflow: visible !important;
    color: rgba(239, 242, 255, .78) !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    font-size: clamp(14px, 1.1vw, 17px) !important;
    line-height: 1.52 !important;
}

body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-content__image, .premium-editorial__visual img) {
    filter: saturate(1.06) contrast(1.04) !important;
}

.about-page :is(.about-story__card, .about-value-card, .about-panel, .about-principle-card) {
    background: var(--cards-background-card, #191736) !important;
    border-color: rgba(94, 119, 185, .34) !important;
    box-shadow: 0 24px 70px rgba(2, 4, 24, .32) !important;
}

.about-page .about-story__copy h2 {
    color: #f8f9ff !important;
    max-width: none !important;
    white-space: nowrap !important;
    font-size: clamp(24px, 3vw, 43px) !important;
    line-height: 1.08 !important;
}

.about-page :is(.about-value-card, .about-principle-card)::before {
    border-color: rgba(55, 207, 255, .5) !important;
    box-shadow: 0 0 32px rgba(241, 53, 177, .2) !important;
}

body.home-page #connected-ecosystem .city-dialog {
    width: min(92vw, 880px) !important;
}

body.home-page #connected-ecosystem .city-dialog__panel {
    padding: clamp(28px, 3.2vw, 42px) !important;
    background: linear-gradient(145deg, #111a3c, #0b1230) !important;
    border-color: rgba(64, 184, 255, .74) !important;
    box-shadow: 8px 0 0 #ff743d, 0 28px 80px rgba(1, 5, 24, .62) !important;
}

body.home-page #connected-ecosystem .city-dialog__panel h3 {
    max-width: none !important;
    color: #f9faff !important;
    white-space: nowrap !important;
    font-size: clamp(23px, 2.35vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;
}

body.home-page #connected-ecosystem .city-dialog__lead {
    max-width: 72ch !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

body.home-page #connected-ecosystem .city-dialog__grid {
    gap: 28px !important;
}

body.home-page #connected-ecosystem .city-dialog :is(li, .city-dialog__tag, a) {
    font-size: 12px !important;
}

@media (min-width: 901px) {
    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial, .premium-content__grid) {
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(310px, .8fr) !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: min(1120px, calc(100% - 48px)) !important;
        min-height: 0 !important;
        margin-inline: auto !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__visual, .premium-content__visual) {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-content__image, .premium-editorial__visual img) {
        width: 100% !important;
        height: 100% !important;
        min-height: 350px !important;
        aspect-ratio: auto !important;
        border-radius: 20px 0 0 20px !important;
        object-fit: cover !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__content, .premium-content__copy) {
        width: 100% !important;
        min-width: 0 !important;
        padding: clamp(30px, 4vw, 54px) !important;
        align-self: center !important;
    }
}

@media (max-width: 900px) {
    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) {
        padding-block: 22px !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.shell.premium-editorial, .premium-content__grid) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        width: calc(100% - 28px) !important;
        max-width: 560px !important;
        min-height: 0 !important;
        margin-inline: auto !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__visual, .premium-content__visual) {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-content__image, .premium-editorial__visual img) {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
        border-radius: 19px 19px 0 0 !important;
        object-fit: cover !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__content, .premium-content__copy) {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 22px 20px 25px !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__content, .premium-content__copy) h2 {
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: clamp(18px, 5.45vw, 27px) !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__content, .premium-content__copy) p {
        max-width: 38ch !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        -webkit-line-clamp: unset !important;
        font-size: 15px !important;
        line-height: 1.48 !important;
    }

    body.premium-page .premium-hero--submenu h1 {
        max-width: none !important;
        white-space: nowrap !important;
        font-size: clamp(27px, 8vw, 43px) !important;
    }

    .about-page .about-story__card {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: calc(100% - 28px) !important;
        margin-inline: auto !important;
        overflow: hidden !important;
    }

    .about-page .about-story__media {
        grid-row: 1 !important;
        width: 100% !important;
        min-height: 250px !important;
    }

    .about-page .about-story__copy {
        grid-row: 2 !important;
        width: 100% !important;
        padding: 24px 20px 28px !important;
    }

    .about-page .about-story__copy h2 {
        white-space: nowrap !important;
        font-size: clamp(20px, 6vw, 28px) !important;
    }

    body.home-page #connected-ecosystem .city-dialog__panel {
        padding: 24px 20px !important;
    }

    body.home-page #connected-ecosystem .city-dialog__panel h3 {
        white-space: nowrap !important;
        font-size: clamp(17px, 5vw, 23px) !important;
    }

    body.home-page #connected-ecosystem .city-dialog__grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }
}

/* Remove the last legacy fixed-height/clamp rules on compact screens. */
body.premium-page .premium-hero--submenu .premium-hero__panel > p {
    display: block !important;
    width: min(100%, 56ch) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

@media (max-width: 900px) {
    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__visual, .premium-content__visual) {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial) :is(.premium-editorial__content, .premium-content__copy) {
        height: auto !important;
        min-height: 0 !important;
    }

    body.premium-page .premium-hero--submenu .premium-hero__panel > p {
        max-width: 40ch !important;
        margin-inline: auto !important;
        font-size: clamp(14px, 3.8vw, 16px) !important;
        line-height: 1.42 !important;
    }
}

/* Compact inner-page typography and premium About palette. */
body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
    :is(.premium-editorial__content, .premium-content__copy) h2 {
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(18px, 1.25vw, 24px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
}

body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
    :is(.premium-editorial__content, .premium-content__copy) p {
    max-width: 42ch !important;
    font-size: clamp(13px, .82vw, 15px) !important;
    line-height: 1.5 !important;
}

body.premium-page .premium-hero--submenu h1 {
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(34px, 4.1vw, 58px) !important;
    line-height: 1.03 !important;
}

.about-page :is(
    .about-story__copy h2,
    .about-heading h2,
    .about-partnerships__copy h2,
    .about-journey__intro h2,
    .about-presence__panel h2,
    .about-leadership__intro h2,
    .about-cta h2
) {
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    font-size: clamp(24px, 2.15vw, 34px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.035em !important;
}

.about-page .about-story__copy h2 {
    white-space: nowrap !important;
    font-size: clamp(23px, 1.8vw, 30px) !important;
}

.about-page .about-section :is(p, .about-capability p, .about-partner-logo strong) {
    font-size: clamp(12.5px, .78vw, 14px) !important;
    line-height: 1.5 !important;
}

.about-page .about-story__copy p {
    max-width: 55ch !important;
    margin-top: 14px !important;
}

.about-page :is(.about-values, .about-capabilities, .about-partnerships, .about-difference) {
    background:
        radial-gradient(circle at 7% 12%, rgba(239, 45, 174, .08), transparent 28rem),
        radial-gradient(circle at 92% 84%, rgba(28, 190, 255, .09), transparent 30rem),
        #050721 !important;
}

.about-page :is(
    .about-value-card,
    .about-capability,
    .about-partner-logo,
    .about-difference__grid article
) {
    border-color: rgba(83, 199, 255, .23) !important;
    background:
        radial-gradient(circle at 4% 0%, rgba(238, 43, 176, .14), transparent 42%),
        radial-gradient(circle at 100% 100%, rgba(17, 188, 255, .13), transparent 46%),
        var(--cards-background-card, #191736) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 18px 50px rgba(2, 4, 24, .18) !important;
}

.about-page :is(.about-value-card__orb, .about-wire-orb, .about-capability__icon) {
    border-color: rgba(93, 224, 255, .55) !important;
    color: #70e6ff !important;
    box-shadow: 0 0 30px rgba(26, 194, 255, .15), 0 0 18px rgba(241, 44, 177, .09) !important;
}

.about-page :is(.about-value-card__orb i, .about-wire-orb) {
    border-color: rgba(244, 77, 190, .38) !important;
}

.about-page :is(.about-capability__icon svg, .about-partner-logo svg) {
    color: #70e6ff !important;
    filter: drop-shadow(0 0 10px rgba(34, 202, 255, .34)) drop-shadow(0 0 7px rgba(242, 55, 182, .18)) !important;
}

@media (min-width: 901px) {
    .about-page .about-journey__layout {
        grid-template-columns: minmax(370px, .86fr) minmax(0, 1.14fr) !important;
        gap: clamp(44px, 5vw, 76px) !important;
        align-items: start !important;
    }

    .about-page .about-journey__intro {
        min-width: 0 !important;
    }

    .about-page .about-journey__intro h2 {
        max-width: 18ch !important;
        font-size: clamp(24px, 1.9vw, 31px) !important;
    }
}

@media (max-width: 900px) {
    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
        :is(.premium-editorial__content, .premium-content__copy) h2 {
        white-space: nowrap !important;
        font-size: clamp(17px, 4.7vw, 22px) !important;
    }

    body.premium-page .premium-hero--submenu h1 {
        white-space: nowrap !important;
        font-size: clamp(25px, 7.3vw, 38px) !important;
    }

    .about-page :is(
        .about-story__copy h2,
        .about-heading h2,
        .about-partnerships__copy h2,
        .about-journey__intro h2,
        .about-presence__panel h2,
        .about-leadership__intro h2,
        .about-cta h2
    ) {
        font-size: clamp(21px, 5.8vw, 28px) !important;
    }

    .about-page .about-story__copy h2 {
        white-space: nowrap !important;
        font-size: clamp(20px, 5.3vw, 24px) !important;
    }
}

@media (max-width: 390px) {
    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
        :is(.premium-editorial__content, .premium-content__copy) h2 {
        font-size: clamp(15px, 4.35vw, 18px) !important;
    }

    body.premium-page .premium-hero--submenu h1 {
        font-size: clamp(23px, 7vw, 31px) !important;
    }
}

/* Final cascade authority: shared contrast, compact titles and responsive neon CTA. */
:root {
    --tl-copy-strong: rgba(248, 250, 255, 0.96);
    --tl-copy-muted: rgba(224, 231, 248, 0.82);
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) {
    background: var(--ink) !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee::before {
    background: linear-gradient(90deg, var(--ink), transparent) !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee::after {
    background: linear-gradient(270deg, var(--ink), transparent) !important;
}

body.premium-page :is(.premium-hero--menu, .premium-hero--submenu) .premium-hero__panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
    :is(.premium-editorial__content, .premium-content__copy) h2 {
    max-width: 32ch !important;
    overflow: visible !important;
    color: var(--tl-copy-strong) !important;
    font-size: clamp(21px, 1.55vw, 29px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.035em !important;
    text-overflow: clip !important;
    text-wrap: balance !important;
    white-space: normal !important;
}

body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
    :is(.premium-editorial__content, .premium-content__copy) p {
    max-width: 46ch !important;
    overflow: visible !important;
    color: var(--tl-copy-muted) !important;
    font-size: clamp(14px, 0.92vw, 16px) !important;
    line-height: 1.58 !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

body.premium-page .premium-directory-card__body h3 {
    color: var(--tl-copy-strong) !important;
    font-size: clamp(21px, 1.55vw, 27px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
}

body.premium-page .premium-directory-card__body p {
    display: block !important;
    max-height: 3em !important;
    overflow: hidden !important;
    color: var(--tl-copy-muted) !important;
    font-size: clamp(14px, 0.88vw, 15.5px) !important;
    line-height: 1.5 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
}

.about-page .about-section :is(p, li, .about-capability-row__text) {
    color: var(--tl-copy-muted) !important;
    font-size: clamp(13.5px, 0.85vw, 15px) !important;
    line-height: 1.58 !important;
}

.about-page .about-value-card h3 {
    overflow: visible !important;
    color: var(--tl-copy-strong) !important;
    font-size: clamp(14px, 0.95vw, 17px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

.about-page .about-value-card p {
    display: block !important;
    max-height: 6.32em !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
}

.about-page .about-leadership {
    background:
        radial-gradient(circle at 78% 25%, rgba(255, 45, 168, 0.12), transparent 30%),
        radial-gradient(circle at 18% 70%, rgba(0, 217, 255, 0.1), transparent 34%),
        var(--ink) !important;
}

.about-page .about-leadership__layout {
    position: relative;
    overflow: hidden;
    padding: clamp(26px, 4vw, 58px) !important;
    border: 1px solid rgba(91, 184, 255, 0.22);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(25, 23, 54, 0.96), rgba(7, 13, 38, 0.98));
    box-shadow: 0 30px 80px rgba(0, 0, 20, 0.38), 0 0 56px rgba(31, 113, 255, 0.08);
}

.about-page .about-leadership__layout::before {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(115deg, transparent 48%, rgba(255, 45, 168, 0.08), transparent 72%),
        radial-gradient(circle at 72% 35%, rgba(0, 217, 255, 0.1), transparent 30%);
    content: "";
    pointer-events: none;
}

.about-page .about-leadership__intro,
.about-page .about-founder-card {
    position: relative;
    z-index: 1;
}

.about-page .about-founder-card__portrait {
    border: 1px solid rgba(255, 79, 163, 0.26) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 22, 0.48), 0 0 42px rgba(24, 123, 255, 0.12) !important;
}

.about-page .about-founder-card__details {
    padding-top: 18px !important;
}

.premium-page .premium-cta--rubiks h2 {
    color: #fbfcff !important;
    text-shadow: 0 3px 22px rgba(79, 133, 255, 0.16);
}

.premium-page .premium-cta--rubiks p {
    color: var(--tl-copy-muted) !important;
    font-size: clamp(13.5px, 0.9vw, 15px) !important;
}

@media (max-width: 900px) {
    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
        :is(.premium-editorial__content, .premium-content__copy) h2 {
        max-width: 100% !important;
        font-size: clamp(21px, 5.4vw, 27px) !important;
        text-wrap: pretty !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
        :is(.premium-editorial__content, .premium-content__copy) p {
        max-width: 100% !important;
        font-size: 15px !important;
    }

    .premium-page .premium-cta--rubiks {
        min-height: 570px !important;
        padding-top: 58px !important;
    }

    .premium-page .premium-cta--rubiks h2 {
        max-width: 20ch !important;
        margin-inline: auto !important;
        font-size: clamp(27px, 6.8vw, 36px) !important;
        line-height: 1.08 !important;
        text-wrap: balance !important;
        white-space: normal !important;
    }

    .premium-page .premium-cta--rubiks p {
        max-width: 38ch !important;
        margin-inline: auto !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .premium-page .premium-cta__rubiks {
        --cube-size: clamp(28px, 7.5vw, 36px) !important;
        top: 330px !important;
    }

    .about-page .about-value-card h3 {
        font-size: clamp(15px, 3.8vw, 17px) !important;
    }
}

@media (max-width: 480px) {
    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
        :is(.premium-editorial__content, .premium-content__copy) h2 {
        font-size: clamp(20px, 6vw, 24px) !important;
        line-height: 1.12 !important;
    }

    body.premium-page main :is(.premium-content--submenu-showcase, .premium-content--submenu-card, .premium-content--editorial)
        :is(.premium-editorial__content, .premium-content__copy) p {
        font-size: 14.5px !important;
        line-height: 1.55 !important;
    }

    .premium-page .premium-cta--rubiks {
        min-height: 550px !important;
        padding-top: 52px !important;
    }

    .premium-page .premium-cta--rubiks h2 {
        max-width: 18ch !important;
        font-size: clamp(25px, 7.6vw, 31px) !important;
    }

    .premium-page .premium-cta__rubiks {
        --cube-size: clamp(24px, 7.8vw, 30px) !important;
        top: 320px !important;
    }

    .about-page .about-leadership__layout {
        padding: 22px 18px !important;
        border-radius: 20px;
    }

    .about-page .about-value-card h3 {
        font-size: 15px !important;
        letter-spacing: -0.035em !important;
    }
}

/* Home news cards: keep the media card look, but remove the solid fill behind the text block. */
body.home-page section#news .home-news-card .editorial-card__meta {
    background: transparent !important;
    box-shadow: none !important;
}

/* Shared company logo marquee: uniform premium wordmarks with the existing auto-slide. */
body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee {
    padding-block: 6px !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee-track {
    animation-duration: 34s !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee-group {
    align-items: center !important;
    gap: clamp(30px, 4.2vw, 58px) !important;
    padding-right: clamp(30px, 4.2vw, 58px) !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 clamp(150px, 13.5vw, 196px) !important;
    width: clamp(150px, 13.5vw, 196px) !important;
    min-width: clamp(150px, 13.5vw, 196px) !important;
    height: 54px !important;
    opacity: 0.9 !important;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 24, 0.22));
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo svg {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    overflow: visible !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo svg text {
    fill: rgba(255, 255, 255, 0.94) !important;
    paint-order: stroke;
    stroke: rgba(3, 7, 24, 0.22);
    stroke-width: 0.25px;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-wordmark__soft,
body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-brandmark__soft {
    fill: rgba(255, 255, 255, 0.64) !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-wordmark__accent,
body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-brandmark__accent {
    fill: #7cecff !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-brandmark__plate {
    fill: rgba(255, 255, 255, 0.035) !important;
    stroke: rgba(124, 236, 255, 0.18) !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-brandmark__line {
    stroke: #7cecff !important;
    stroke-width: 1.4 !important;
    stroke-linecap: round !important;
    opacity: 0.72 !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-brandmark__dot {
    fill: #7cecff !important;
    filter: drop-shadow(0 0 10px rgba(124, 236, 255, 0.65));
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo:hover {
    opacity: 1 !important;
    transform: translateY(-2px) scale(1.02) !important;
}

@media (max-width: 700px) {
    body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee::before,
    body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee::after {
        width: 44px !important;
    }

    body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee-group {
        gap: 28px !important;
        padding-right: 28px !important;
    }

    body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo {
        flex-basis: 138px !important;
        width: 138px !important;
        min-width: 138px !important;
        height: 44px !important;
    }

    body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo svg {
        height: 36px !important;
    }
}

/* RKD brand strip: remove source-image backgrounds and keep a quiet, borderless marquee. */
body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee,
body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee-group {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee-track {
    animation-duration: 220s !important;
    animation-timing-function: linear !important;
    animation-play-state: running !important;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo {
    height: 60px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo img {
    display: block !important;
    width: 100% !important;
    max-width: 168px !important;
    height: 42px !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 0.92 !important;
    mix-blend-mode: screen;
    filter: grayscale(1) invert(1) contrast(2) brightness(1.08) drop-shadow(0 6px 14px rgba(0, 0, 20, 0.32)) !important;
    transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease !important;
}

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo:hover img {
    opacity: 1 !important;
    filter: grayscale(1) invert(1) contrast(2.1) brightness(1.2) drop-shadow(0 0 14px rgba(124, 236, 255, 0.22)) !important;
    transform: scale(1.025) !important;
}

@media (max-width: 700px) {
    body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .brand-marquee-track {
        animation-duration: 220s !important;
    }

    body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo {
        flex-basis: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        height: 52px !important;
        padding: 0 10px !important;
    }

body :is(.trusted, .premium-inner-trusted, .editorial-trusted, .about-trusted) .svc-logo img {
        max-width: 112px !important;
        height: 34px !important;
    }
}

/* Isolated trusted-brand marquee. Legacy logo filters and sizing cannot affect this component. */
body main > section.tl-brand-v2.tl-brand-v2 {
    width: 100%;
    padding: clamp(24px, 2.6vw, 36px) 0 clamp(30px, 3vw, 42px) !important;
    overflow: hidden;
    background: var(--ink, #050718) !important;
}

body main > section.tl-brand-v2.tl-brand-v2 .tl-brand-v2__heading {
    margin-bottom: clamp(22px, 2.2vw, 30px) !important;
    text-align: center;
}

.tl-brand-v2 .tl-brand-v2__heading h2 {
    margin: 0;
    color: #f7f8ff !important;
    font-size: clamp(25px, 2.4vw, 36px) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.035em !important;
}

.tl-brand-v2 .tl-brand-v2__viewport {
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
}

.tl-brand-v2 .tl-brand-v2__track {
    display: flex;
    width: max-content;
    transform: translate3d(0, 0, 0);
    will-change: transform;
    animation: tl-brand-v2-slide 165s linear infinite;
}

.tl-brand-v2 .tl-brand-v2__group {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: clamp(26px, 3vw, 48px);
    padding-right: clamp(26px, 3vw, 48px);
}

.tl-brand-v2 .tl-brand-v2__tile {
    display: grid;
    place-items: center;
    flex: 0 0 clamp(194px, 16vw, 230px);
    width: clamp(194px, 16vw, 230px);
    height: 112px;
    padding: 10px 14px;
    overflow: hidden;
    border: 0 !important;
    border-radius: 14px;
    background: #ffffff !important;
    box-shadow: 0 12px 32px rgba(0, 0, 20, 0.2) !important;
}

.tl-brand-v2 .tl-brand-v2__logo {
    display: block !important;
    width: 100% !important;
    max-width: 196px !important;
    height: 88px !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    transform: none !important;
}

.tl-brand-v2 .tl-brand-v2__viewport:hover .tl-brand-v2__track {
    animation-play-state: paused;
}

@keyframes tl-brand-v2-slide {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 700px) {
    body main > section.tl-brand-v2.tl-brand-v2 {
        padding-block: 24px 32px !important;
    }

    body main > section.tl-brand-v2.tl-brand-v2 .tl-brand-v2__heading {
        margin-bottom: 20px !important;
    }

    .tl-brand-v2 .tl-brand-v2__heading h2 {
        font-size: 25px !important;
    }

    .tl-brand-v2 .tl-brand-v2__viewport {
        -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%);
    }

    .tl-brand-v2 .tl-brand-v2__track {
        animation-duration: 145s;
    }

    .tl-brand-v2 .tl-brand-v2__group {
        gap: 22px;
        padding-right: 22px;
    }

    .tl-brand-v2 .tl-brand-v2__tile {
        flex-basis: 165px;
        width: 165px;
        height: 92px;
        padding: 9px 12px;
        border-radius: 12px;
    }

    .tl-brand-v2 .tl-brand-v2__logo {
        max-width: 145px !important;
        height: 70px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tl-brand-v2 .tl-brand-v2__track {
        animation-duration: 300s;
    }
}
/* Final brand rail and page-width polish requested from browser QA */
section.tl-brand-v2,
main section.tl-brand-v2,
body .tl-brand-v2 {
    background: var(--ink, #07091a) !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-top: clamp(34px, 3.5vw, 58px) !important;
    padding-bottom: clamp(36px, 3.8vw, 64px) !important;
    overflow: hidden !important;
}

.tl-brand-v2 .tl-brand-v2__heading {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: clamp(24px, 2.2vw, 34px) !important;
    line-height: 1.1 !important;
    margin: 0 auto clamp(24px, 2.8vw, 40px) !important;
    text-align: center !important;
}

.tl-brand-v2 .tl-brand-v2__viewport {
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%) !important;
}

.tl-brand-v2 .tl-brand-v2__track {
    display: flex !important;
    width: max-content !important;
    gap: clamp(38px, 4.6vw, 82px) !important;
    animation-name: tlBrandV2SlowMarquee !important;
    animation-duration: 220s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    will-change: transform !important;
}

.tl-brand-v2 .tl-brand-v2__group {
    display: flex !important;
    align-items: center !important;
    gap: clamp(38px, 4.6vw, 82px) !important;
    flex-shrink: 0 !important;
}

.tl-brand-v2 .tl-brand-v2__tile {
    flex: 0 0 clamp(230px, 18vw, 310px) !important;
    width: clamp(230px, 18vw, 310px) !important;
    min-height: clamp(130px, 9vw, 164px) !important;
    padding: clamp(18px, 2vw, 30px) !important;
    display: grid !important;
    place-items: center !important;
    background: #ffffff !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 17px !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

.tl-brand-v2 .tl-brand-v2__logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 88% !important;
    max-height: 108px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
}

@keyframes tlBrandV2SlowMarquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 700px) {
    .tl-brand-v2 {
        padding-top: 30px !important;
        padding-bottom: 34px !important;
    }

    .tl-brand-v2 .tl-brand-v2__heading {
        font-size: clamp(23px, 7vw, 30px) !important;
        margin-bottom: 22px !important;
    }

    .tl-brand-v2 .tl-brand-v2__track,
    .tl-brand-v2 .tl-brand-v2__group {
        gap: 24px !important;
        animation-duration: 185s !important;
    }

    .tl-brand-v2 .tl-brand-v2__tile {
        flex-basis: 190px !important;
        width: 190px !important;
        min-height: 112px !important;
        border-radius: 14px !important;
        padding: 16px !important;
    }

    .tl-brand-v2 .tl-brand-v2__logo {
        max-width: 150px !important;
        max-height: 78px !important;
    }
}

#page-content > .premium-content > .shell.premium-editorial,
#page-content > .premium-content > .shell.premium-content__grid,
#page-content > .premium-content .shell.premium-editorial,
#page-content > .premium-content .shell.premium-content__grid {
    width: min(100% - clamp(32px, 7vw, 124px), 1500px) !important;
    max-width: 1500px !important;
}

@media (max-width: 900px) {
    #page-content > .premium-content > .shell.premium-editorial,
    #page-content > .premium-content > .shell.premium-content__grid,
    #page-content > .premium-content .shell.premium-editorial,
    #page-content > .premium-content .shell.premium-content__grid {
        width: min(100% - 28px, 100%) !important;
        max-width: 100% !important;
    }
}

.premium-cta--rubiks {
    min-height: clamp(460px, 42vw, 650px) !important;
    overflow: hidden !important;
}

.premium-cta--rubiks .premium-cta__visual {
    bottom: clamp(34px, 5vw, 92px) !important;
}

@media (max-width: 760px) {
    .premium-cta--rubiks {
        min-height: 500px !important;
    }

    .premium-cta--rubiks .premium-cta__visual {
        bottom: 64px !important;
    }
}

/* Final direct polish: clear trusted logo rail, wider content panels, unclipped CTA */
section#trusted.tl-brand-v2,
section.tl-brand-v2,
section#about-trusted.tl-brand-v2,
section#premium-trusted.tl-brand-v2 {
    background: var(--ink) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

section#trusted.tl-brand-v2 .tl-brand-v2__viewport,
section.tl-brand-v2 .tl-brand-v2__viewport,
section#about-trusted.tl-brand-v2 .tl-brand-v2__viewport,
section#premium-trusted.tl-brand-v2 .tl-brand-v2__viewport {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

section#trusted.tl-brand-v2 .tl-brand-v2__track,
section.tl-brand-v2 .tl-brand-v2__track,
section#about-trusted.tl-brand-v2 .tl-brand-v2__track,
section#premium-trusted.tl-brand-v2 .tl-brand-v2__track {
    animation-duration: 320s !important;
    gap: clamp(52px, 5.6vw, 96px) !important;
}

section#trusted.tl-brand-v2 .tl-brand-v2__group,
section.tl-brand-v2 .tl-brand-v2__group,
section#about-trusted.tl-brand-v2 .tl-brand-v2__group,
section#premium-trusted.tl-brand-v2 .tl-brand-v2__group {
    gap: clamp(52px, 5.6vw, 96px) !important;
}

section#trusted.tl-brand-v2 .tl-brand-v2__tile,
section.tl-brand-v2 .tl-brand-v2__tile,
section#about-trusted.tl-brand-v2 .tl-brand-v2__tile,
section#premium-trusted.tl-brand-v2 .tl-brand-v2__tile {
    flex: 0 0 clamp(260px, 19vw, 340px) !important;
    width: clamp(260px, 19vw, 340px) !important;
    min-height: clamp(146px, 9.8vw, 178px) !important;
    background: #ffffff !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.2) !important;
}

section#trusted.tl-brand-v2 img.tl-brand-v2__logo,
section.tl-brand-v2 img.tl-brand-v2__logo,
section#about-trusted.tl-brand-v2 img.tl-brand-v2__logo,
section#premium-trusted.tl-brand-v2 img.tl-brand-v2__logo {
    display: block !important;
    width: auto !important;
    max-width: 92% !important;
    max-height: 124px !important;
    min-height: 44px !important;
    opacity: 1 !important;
    object-fit: contain !important;
    filter: saturate(1.05) contrast(1.12) !important;
}

#page-content > .premium-content > .shell.premium-editorial,
#page-content > .premium-content > .shell.premium-content__grid {
    width: min(100% - clamp(34px, 7vw, 150px), 1520px) !important;
    max-width: 1520px !important;
}

#page-content > .premium-content > .shell.premium-editorial {
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr) !important;
}

.premium-cta--rubiks {
    padding-bottom: clamp(80px, 8vw, 130px) !important;
    overflow: hidden !important;
}

.premium-cta--rubiks .premium-cta__visual {
    bottom: clamp(72px, 8vw, 132px) !important;
}

.home-news-card .editorial-card__meta {
    background: transparent !important;
    box-shadow: none !important;
}

#primary-navigation svg,
#primary-navigation [aria-hidden="true"],
.site-nav svg,
.site-nav [aria-hidden="true"] {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

@media (max-width: 900px) {
    #page-content > .premium-content > .shell.premium-editorial,
    #page-content > .premium-content > .shell.premium-content__grid {
        width: min(100% - 28px, 680px) !important;
        grid-template-columns: 1fr !important;
    }

    section#trusted.tl-brand-v2 .tl-brand-v2__track,
    section.tl-brand-v2 .tl-brand-v2__track,
    section#about-trusted.tl-brand-v2 .tl-brand-v2__track,
    section#premium-trusted.tl-brand-v2 .tl-brand-v2__track {
        animation-duration: 260s !important;
        gap: 34px !important;
    }

    section#trusted.tl-brand-v2 .tl-brand-v2__group,
    section.tl-brand-v2 .tl-brand-v2__group,
    section#about-trusted.tl-brand-v2 .tl-brand-v2__group,
    section#premium-trusted.tl-brand-v2 .tl-brand-v2__group {
        gap: 34px !important;
    }

    section#trusted.tl-brand-v2 .tl-brand-v2__tile,
    section.tl-brand-v2 .tl-brand-v2__tile,
    section#about-trusted.tl-brand-v2 .tl-brand-v2__tile,
    section#premium-trusted.tl-brand-v2 .tl-brand-v2__tile {
        flex-basis: 214px !important;
        width: 214px !important;
        min-height: 124px !important;
    }

    section#trusted.tl-brand-v2 img.tl-brand-v2__logo,
    section.tl-brand-v2 img.tl-brand-v2__logo,
    section#about-trusted.tl-brand-v2 img.tl-brand-v2__logo,
    section#premium-trusted.tl-brand-v2 img.tl-brand-v2__logo {
        max-height: 88px !important;
        min-height: 34px !important;
    }

    .premium-cta--rubiks {
        padding-bottom: 82px !important;
    }

    .premium-cta--rubiks .premium-cta__visual {
        bottom: 82px !important;
    }
}
/* Compact trusted logo rail: smaller section, clearer larger logos */
section#trusted.tl-brand-v2,
section#about-trusted.tl-brand-v2,
section#premium-trusted.tl-brand-v2,
section.tl-brand-v2 {
  min-height: 0 !important;
  padding-top: clamp(16px, 1.8vw, 28px) !important;
  padding-bottom: clamp(16px, 1.8vw, 28px) !important;
}

section.tl-brand-v2 .tl-brand-v2__heading {
  margin-bottom: clamp(12px, 1.25vw, 20px) !important;
  font-size: clamp(18px, 1.35vw, 25px) !important;
  line-height: 1.1 !important;
}

section.tl-brand-v2 .tl-brand-v2__viewport {
  min-height: clamp(76px, 5.9vw, 102px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

section.tl-brand-v2 .tl-brand-v2__track {
  gap: clamp(28px, 3vw, 56px) !important;
  animation-duration: 300s !important;
}

section.tl-brand-v2 .tl-brand-v2__group {
  gap: clamp(28px, 3vw, 56px) !important;
}

section.tl-brand-v2 .tl-brand-v2__tile {
  flex: 0 0 clamp(158px, 12.6vw, 210px) !important;
  width: clamp(158px, 12.6vw, 210px) !important;
  min-height: clamp(72px, 5.5vw, 92px) !important;
  padding: clamp(8px, 0.7vw, 11px) clamp(15px, 1.25vw, 21px) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important;
}

section.tl-brand-v2 .tl-brand-v2__logo {
  max-width: 96% !important;
  max-height: clamp(48px, 4.2vw, 70px) !important;
  min-height: 26px !important;
  object-fit: contain !important;
  transform: scale(1.12) !important;
}

@media (max-width: 700px) {
  section#trusted.tl-brand-v2,
  section#about-trusted.tl-brand-v2,
  section#premium-trusted.tl-brand-v2,
  section.tl-brand-v2 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__heading {
    margin-bottom: 12px !important;
    font-size: 20px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__viewport {
    min-height: 72px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__track,
  section.tl-brand-v2 .tl-brand-v2__group {
    gap: 22px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__tile {
    flex-basis: 140px !important;
    width: 140px !important;
    min-height: 66px !important;
    padding: 8px 13px !important;
    border-radius: 10px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__logo {
    max-height: 48px !important;
    transform: scale(1.16) !important;
  }
}

/* Final compact trusted logo rail: smaller cards, readable logos. */
section#trusted.tl-brand-v2,
section#about-trusted.tl-brand-v2,
section#premium-trusted.tl-brand-v2,
section.tl-brand-v2 {
  padding-top: clamp(8px, 0.9vw, 14px) !important;
  padding-bottom: clamp(8px, 0.9vw, 14px) !important;
}

section.tl-brand-v2 .tl-brand-v2__heading {
  margin-bottom: clamp(6px, 0.55vw, 9px) !important;
  font-size: clamp(15px, 1vw, 19px) !important;
  line-height: 1.1 !important;
}

section.tl-brand-v2 .tl-brand-v2__viewport {
  min-height: clamp(50px, 3.2vw, 60px) !important;
  height: clamp(50px, 3.2vw, 60px) !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

section.tl-brand-v2 .tl-brand-v2__track,
section.tl-brand-v2 .tl-brand-v2__group {
  gap: clamp(18px, 1.8vw, 30px) !important;
  align-items: center !important;
}

section.tl-brand-v2 .tl-brand-v2__tile {
  flex: 0 0 clamp(118px, 8.3vw, 145px) !important;
  width: clamp(118px, 8.3vw, 145px) !important;
  min-height: clamp(42px, 2.8vw, 52px) !important;
  height: clamp(42px, 2.8vw, 52px) !important;
  padding: 3px 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14) !important;
}

section.tl-brand-v2 .tl-brand-v2__logo {
  max-width: 104% !important;
  max-height: clamp(35px, 2.45vw, 44px) !important;
  min-height: 23px !important;
  object-fit: contain !important;
  transform: scale(1.18) !important;
}

@media (max-width: 700px) {
  section.tl-brand-v2 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__viewport {
    min-height: 46px !important;
    height: 46px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__track,
  section.tl-brand-v2 .tl-brand-v2__group {
    gap: 14px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__tile {
    flex-basis: 102px !important;
    width: 102px !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 3px 7px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__logo {
    max-height: 34px !important;
    transform: scale(1.18) !important;
  }
}

/* Trusted logo rail final micro fit: smaller cards, same clear logos. */
section#trusted.tl-brand-v2,
section#about-trusted.tl-brand-v2,
section#premium-trusted.tl-brand-v2,
section.tl-brand-v2 {
  padding-top: clamp(6px, 0.7vw, 10px) !important;
  padding-bottom: clamp(6px, 0.7vw, 10px) !important;
}

section.tl-brand-v2 .tl-brand-v2__heading {
  margin-bottom: clamp(5px, 0.45vw, 7px) !important;
  font-size: clamp(14px, 0.95vw, 18px) !important;
  line-height: 1.1 !important;
}

section.tl-brand-v2 .tl-brand-v2__viewport {
  min-height: clamp(42px, 2.6vw, 52px) !important;
  height: clamp(42px, 2.6vw, 52px) !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

section.tl-brand-v2 .tl-brand-v2__track,
section.tl-brand-v2 .tl-brand-v2__group {
  gap: clamp(14px, 1.4vw, 24px) !important;
  align-items: center !important;
}

section.tl-brand-v2 .tl-brand-v2__tile {
  flex: 0 0 clamp(102px, 7.2vw, 126px) !important;
  width: clamp(102px, 7.2vw, 126px) !important;
  min-height: clamp(36px, 2.25vw, 44px) !important;
  height: clamp(36px, 2.25vw, 44px) !important;
  padding: 2px 7px !important;
  border: 0 !important;
  border-radius: 7px !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.13) !important;
}

section.tl-brand-v2 .tl-brand-v2__logo {
  max-width: 106% !important;
  max-height: clamp(31px, 2.1vw, 39px) !important;
  min-height: 20px !important;
  object-fit: contain !important;
  transform: scale(1.2) !important;
}

@media (max-width: 700px) {
  section.tl-brand-v2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__viewport {
    min-height: 38px !important;
    height: 38px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__track,
  section.tl-brand-v2 .tl-brand-v2__group {
    gap: 12px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__tile {
    flex-basis: 90px !important;
    width: 90px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 2px 6px !important;
  }

  section.tl-brand-v2 .tl-brand-v2__logo {
    max-height: 30px !important;
    transform: scale(1.2) !important;
  }
}