/* ============================================================================
   best_remote-desktop-alternatives-iw.css — best/remote-desktop-alternatives-iw.html（6 Best Remote Desktop Alternatives in 2026）页私有样式
   来源（D2C-20261012-003）：
   - 主体 = best_pcaw-alternative.css + best_pcaw-alternative-tabs.css 整文件克隆（AV best 族同构基准，
     banner/kc-table/overview/profiles/quick/features/pricing/scenario/reviews/faq/access/side-nav/sticky-download），
     资源 URL 统一重写为本页目录 /resource/images/best_remote-desktop-alternatives-iw/（页面自足，禁他页路径）。
   - 末尾「page overrides」= 本页设计帧（oUzdI5tgrzJLpvclZTr1v3 主帧 1786:101245 + 补充帧 1786:102736）
     节点取值覆盖：banner 背景/H1、表头纹理、表区块底色（setup=#F8F9FA，quick/feature/security=#FFF）、
     pricing 表头 r24、7+1 列对比表（.quick 模式 280+7×240=1960 + sticky 首列 + .table-x 滚动条）、
     .status 勾叉（psc-vs-sp data-URI 族契约）、CTA 照片背景、side-nav 240 宽。
   - 响应式：Banner 继承族内手机/平板字号；Why 两列表手机横滚、说明列按容器宽度排版。
   - Why 表头：双格无缝（gap:0）+ 外角随容器 r16 裁切，格内不设圆角、表头首列分隔线透明（2026-10-13 用户圆角/白缝纠偏）。
   - 交互契约不变：tv-alternative.js（side-nav/sticky/tabs/accordion）+ custom-scrollbar.js + slick(main.js)。
   ============================================================================ */

.ic-down {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -5px;
    background: url("/resource/images/best_remote-desktop-alternatives-iw/bt-ic-24-download@1x.svg") no-repeat center;
    margin-left: -4px
}

.banner .btn.btn-blue,
.sticky-download .btn.btn-blue,
.access .btn.btn-blue,
.download-button .btn.btn-blue {
    display: inline-block;
    min-width: 248px;
    height: 56px;
    padding: 0 32px;
    border-radius: 28px;
    background: #0256ff;
    box-shadow: 0 12px 22px rgba(2, 86, 255, 0.32);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 56px;
    text-align: center
}

.banner .btn.btn-blue:hover,
.sticky-download .btn.btn-blue:hover,
.access .btn.btn-blue:hover,
.download-button .btn.btn-blue:hover {
    background: #1748db;
    color: #fff
}

.download-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    vertical-align: -3px
}

.download-icon::before {
    content: "↓";
    display: block;
    color: #fff;
    font-size: 21px;
    font-style: normal;
    line-height: 15px
}

.section-head {
    margin: 0 auto 80px;
    text-align: center
}

.section-head h2 {
    margin: 0;
    color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px
}

.section-head p {
    margin: 24px auto 0;
    font-size: 18px;
    line-height: 28px
}

.section-light {
    background: #f6f8fc
}

.section-white {
    background: #fff
}

.section-dark {
    color: #fff;
    background: #06142f
}

.section-dark .section-head h2,
.section-dark .section-head p {
    color: #fff
}

.section-dark .section-kicker {
    color: #81b0ff
}

@media (max-width:991px) {
    .section-head {
        margin-bottom: 48px
    }

    .section-head h2 {
        font-size: 36px;
        line-height: 44px
    }
}

@media (max-width:767px) {

    .banner .btn.btn-blue,
    .sticky-download .btn.btn-blue,
    .access .btn.btn-blue,
    .download-button .btn.btn-blue {
        min-width: 220px;
        height: 48px;
        font-size: 16px;
        line-height: 48px
    }

    .section-kicker {
        margin-bottom: 12px;
        font-size: 14px
    }

    .section-head {
        margin-bottom: 40px
    }

    .section-head h2 {
        font-size: 28px;
        line-height: 36px
    }

    .section-head p {
        margin-top: 16px;
        font-size: 16px;
        line-height: 25px
    }
}

.banner {
    padding: 116px 0 118px;
    color: #fff;
    background: #06142f url("/resource/images/best_remote-desktop-alternatives-iw/cta-bg.webp") no-repeat center / cover;
    text-align: center
}

.banner .banner-content {
    max-width: 1000px;
    margin: 0 auto
}

.banner h1 {
    margin: 0 0 24px;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 72px
}

.banner .banner-desc {
    max-width: 920px;
    margin: 0 auto 48px;
    font-size: 24px;
    line-height: 36px
}

.banner .banner-list {
    margin-bottom: 60px;
    display: inline-block
}

.banner .banner-list li {
    position: relative;
    text-align: left;
    padding-left: 26px;
    color: #fff;
    font-size: 20px;
    line-height: 26px
}

.banner .banner-list li:not(:last-child) {
    margin-bottom: 20px
}

.banner .banner-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    background: url("/resource/images/best_remote-desktop-alternatives-iw/ic-gou-18@1x.svg") no-repeat center / contain
}

.banner .banner-download {
    min-width: 292px
}

@media (max-width:991px) {
    .banner {
        padding: 90px 0
    }

    .banner h1 {
        font-size: 48px;
        line-height: 58px
    }

    .banner .banner-desc {
        font-size: 20px;
        line-height: 30px
    }
}

@media (max-width:767px) {
    .banner {
        padding: 62px 0 68px;
        background-position: center top
    }

    .banner h1 {
        margin-bottom: 18px;
        font-size: 34px;
        line-height: 42px
    }

    .banner .banner-desc {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 25px
    }

    .banner .banner-list {
        display: block;
        margin-bottom: 36px
    }

    .banner .banner-list li {
        padding-left: 26px;
        font-size: 14px;
        line-height: 21px
    }

    .banner .banner-list li:not(:last-child) {
        margin-bottom: 12px
    }

    .banner .banner-list li::before {
        top: 2px;
        width: 16px;
        height: 16px
    }

    .banner .banner-list li::after {
        left: 5px;
        top: 6px
    }
}

.side-nav {
    position: fixed;
    left: 22px;
    top: 100px;
    z-index: 20;
    width: 222px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    transition: opacity .25s, visibility .25s, transform .25s
}

.side-nav.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.side-nav .side-nav-inner {
    padding: 28px 18px 18px;
    border: 1px solid #e7ebf2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(9, 21, 44, 0.14)
}

.side-nav strong,
.side-nav a {
    display: block
}

.side-nav strong {
    margin: 0 12px 7px;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.side-nav strong:not(:first-child) {
    margin-top: 16px
}

.side-nav a {
    padding: 4px 12px;
    border-left: 2px solid transparent;
    color: #000;
    font-size: 14px;
    line-height: 19px
}

.side-nav a.active {
    border-left-color: #0256ff;
    color: #0256ff;
    font-weight: 700
}

.side-nav .side-nav-download {
    line-height: 48px;
    height: 48px;
    font-weight: bold;
    width: 196px;
    max-width: 100%;
    padding: 0;
    margin-top: 26px;
    border-radius: 999px;
    color: #fff !important;
    text-align: center;
    background: #0256ff
}

.side-nav .side-nav-download .ic-down {
    width: 16px;
    background-image: url(/resource/images/best_remote-desktop-alternatives-iw/icon-16px.svg);
    height: 16px;
    vertical-align: -3px;
    margin-right: 3px
}

@media (max-width:1800px) {
    .side-nav {
        display: none
    }
}

.sticky-download {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 90;
    align-items: center;
    width: 100%;
    background: url("/resource/images/best_remote-desktop-alternatives-iw/bg-hengfu-72@2x.webp") no-repeat;
    background-size: cover;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    transform: translate(-50%, 130%);
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease
}

.sticky-download .container2 {
    display: flex;
    gap: 24px
}

.sticky-download.show {
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible
}

.sticky-download.show.is-hidden {
    transform: translate(-50%, 100%);
    opacity: 0;
    visibility: hidden
}

.sticky-download .sticky-download-text {
    flex: 1
}

.sticky-download .sticky-download-text .text-box {
    position: relative;
    height: 28px
}

.sticky-download .sticky-download-text span {
    margin-top: 4px;
    color: #c9d3e7;
    font-size: 14px;
    line-height: 1.45
}

.sticky-download .sticky-download-btns {
    flex-shrink: 0
}

.sticky-download .sticky-download-close {
    position: absolute;
    right: 18px;
    top: 14px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("/resource/images/best_remote-desktop-alternatives-iw/ic-close-20@1x.svg") no-repeat center / contain
}

.sticky-download .btn.btn-blue {
    width: 240px;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    font-weight: bold;
    background: url(/resource/images/best_remote-desktop-alternatives-iw/bg-bt-52@2x.webp) no-repeat;
    background-size: cover
}

@media (max-width:992px) {
    .sticky-download {
        padding: 12px 0
    }

    .sticky-download .container2 {
        display: block;
        padding-right: 56px
    }

    .sticky-download .sticky-download-text .text-box {
        height: auto
    }

    .sticky-download .sticky-download-text img {
        width: 320px;
        height: auto
    }

    .sticky-download .sticky-download-text span {
        display: block;
        margin-top: 6px;
        font-size: 13px;
        line-height: 18px
    }

    .sticky-download .sticky-download-btns {
        margin-top: 10px
    }

    .sticky-download .btn.btn-blue {
        width: 200px;
        height: 44px;
        line-height: 44px;
        font-size: 15px
    }
}

@media (max-width:767px) {
    .sticky-download .container2 {
        padding-right: 52px
    }

    .sticky-download .sticky-download-text img {
        width: 250px
    }

    .sticky-download .sticky-download-text span {
        font-size: 12px;
        line-height: 17px
    }

    .sticky-download .sticky-download-close {
        right: 6%;
        top: 12px
    }

    .sticky-download .btn.btn-blue {
        width: 180px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }
}

.why {
    padding: 120px 0
}

.why .why-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.why .why-card {
    width: 416px;
    padding: 38px 28px 38px;
    border-radius: 12px;
    background: #fff;
    box-sizing: border-box;
    text-align: center
}

.why .why-card img {
    display: block;
    margin: 0 auto 20px
}

.why .why-card h3 {
    margin: 0 0 16px;
    color: #000;
    font-size: 20px;
    line-height: 28px
}

.why .why-card p {
    margin: 0;
    font-size: 15px;
    line-height: 23px;
    text-align: center
}

.why .expert-note {
    margin-top: 16px;
    text-align: left;
    background: #fff;
    border-radius: 16px;
    padding: 24px
}

.why .expert-note h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #1A1A1A
}

.why .expert-note p {
    line-height: 22px;
    color: #333
}

@media (max-width:991px) {
    .why {
        padding: 80px 0
    }

    .why .why-card {
        width: calc((100% - 32px) / 2)
    }
}

@media (max-width:767px) {
    .why {
        padding: 60px 0
    }

    .why .why-list {
        gap: 16px
    }

    .why .why-card {
        width: 100%;
        padding: 28px 24px
    }

    .why .why-card img {
        margin-bottom: 14px
    }

    .why .expert-note {
        display: block;
        margin-top: 24px;
        padding: 20px
    }

    .why .expert-note p {
        margin-top: 10px
    }
}

.why .why-card {
    height: 220px;
    padding: 0;
    overflow: visible;
    background: transparent;
    border-radius: 24px;
    box-shadow: none;
    perspective: 1000px
}

.why .why-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .5s ease
}

.why .why-card:hover .why-card-inner,
.why .why-card:focus .why-card-inner,
.why .why-card:focus-within .why-card-inner {
    transform: rotateY(180deg)
}

.why .why-card-face {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 5px 5px 10px #eff1f6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.why .why-card-front {
    gap: 24px;
    background: #fff
}

.why .why-card-front img {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0
}

.why .why-card-front h3 {
    margin: 0;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center
}

.why .why-card-back {
    border: 2px solid #2258f6;
    background: #f0f4ff;
    transform: rotateY(180deg)
}

.why .why-card-back p {
    margin: 0;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.why .why-card:focus {
    outline: none
}

.why .why-card:focus-visible .why-card-face {
    outline: 3px solid rgba(34, 88, 246, 0.35);
    outline-offset: 3px
}

.alternatives {
    padding: 120px 0
}

.alternatives .section-head {
    margin-bottom: 80px
}

.alternatives .overview-table {
    overflow-x: auto;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 25px 26px rgba(21, 45, 86, 0.1)
}

.alternatives .overview-table table {
    width: 100%;
    min-width: 820px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed
}

.alternatives .overview-table th:first-child {
    font-size: 18px;
    line-height: 24px
}

.alternatives .overview-table th,
.alternatives .overview-table td {
    height: 100px;
    padding: 10px 24px;
    border-bottom: 1px solid #edf0f5;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    vertical-align: middle
}

.alternatives .overview-table thead th {
    height: 80px;
    border-bottom: 0;
    background: #f7f9ff;
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.alternatives .overview-table thead th:first-child {
    width: 25%;
    border-radius: 20px 0 0 0
}

.alternatives .overview-table thead th:not(:first-child) {
    width: 37.5%;
    background: #c8d8fb url("/resource/images/best_remote-desktop-alternatives-iw/bg-title.png") no-repeat center / cover;
    text-align: center
}

.alternatives .overview-table thead th:nth-child(2) {
    border-radius: 24px 24px 0 0
}

.alternatives .overview-table thead th:last-child {
    border-radius: 24px 24px 0 0
}

.alternatives .overview-table tbody tr:nth-child(even) th,
.alternatives .overview-table tbody tr:nth-child(even) td {
    background: #f6f8fd
}

.alternatives .overview-table tbody tr:last-child th,
.alternatives .overview-table tbody tr:last-child td {
    border-bottom: 0
}

.alternatives .overview-table tbody th {
    color: #000;
    font-weight: 400
}

.alternatives .overview-table tbody th img {
    margin-right: 10px;
    vertical-align: middle
}

.alternatives .overview-table tbody th span {
    vertical-align: middle
}

.alternatives .overview-table td {
    border-left: 1px solid #edf0f5;
    text-align: center
}

.alternatives .overview-table .overview-insight {
    margin: 0;
    padding: 24px;
    border-top: 1px solid #edf0f5;
    border-radius: 0 0 20px 20px;
    background: #fff;
    font-size: 16px;
    line-height: 24px
}

.alternatives .overview-insight,
.alternatives .table-insight {
    max-width: 1170px;
    font-size: 16px;
    line-height: 26px
}

.alternatives .alternative-list {
    margin: 80px auto 0
}

.alternatives .alternative-card {
    position: relative;
    padding: 64px 64px 56px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(21, 45, 86, 0.1)
}

.alternatives .alternative-card:not(:last-child) {
    margin-bottom: 80px
}

.alternatives .alternative-number {
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 48px;
    border-radius: 20px 0 20px 0;
    background: #d7e4ff;
    color: #2867f2;
    font-size: 28px;
    font-weight: 700;
    line-height: 48px;
    text-align: center
}

.alternatives .alternative-card-head {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 44px
}

.alternatives .alternative-card-head img {
    flex: 0 0 auto
}

.alternatives .alternative-card-head h3 {
    margin: 0 0 6px;
    color: #000;
    font-size: 28px;
    line-height: 36px
}

.alternatives .alternative-card-head p {
    margin: 0;
    font-size: 18px;
    line-height: 26px
}

.alternatives .alternative-card-info {
    display: flex;
    gap: 40px;
    padding: 0 0 44px
}

.alternatives .alternative-card-info div {
    flex: 1;
    min-height: 196px;
    padding: 28px 32px;
    border-radius: 16px;
    background: #f8f9fa;
    box-sizing: border-box
}

.alternatives .alternative-card-info h4 {
    margin: 0 0 14px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.alternatives .alternative-card-info p,
.alternatives .alternative-card-info li {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 24px
}

.alternatives .alternative-card-info p {
    margin: 0
}

.alternatives .alternative-card-info ul {
    margin: 0;
    padding-left: 18px
}

.alternatives .alternative-card-info li {
    padding-left: 0;
    list-style: disc
}

.alternatives .alternative-card-info li:not(:last-child) {
    margin-bottom: 2px
}

.alternatives .alternative-review {
    padding: 28px 0 0;
    border-radius: 0;
    border-top: 1px solid #e3e7ef;
    background: transparent
}

.alternatives .alternative-review h4 {
    margin: 0 0 8px;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

.alternatives .alternative-review p {
    margin: 0;
    font-size: 16px;
    line-height: 24px
}

@media (max-width:991px) {
    .alternatives {
        padding: 80px 0
    }
}

@media (max-width:767px) {
    .alternatives {
        padding: 60px 0
    }

    .alternatives .overview-table {
        margin-right: -6%;
        border-radius: 12px
    }

    .alternatives .overview-table table {
        min-width: 820px
    }

    .alternatives .overview-table thead th {
        height: 64px
    }

    .alternatives .overview-table thead th:first-child,
    .alternatives .overview-table thead th:nth-child(2),
    .alternatives .overview-table thead th:last-child {
        border-radius: 12px 12px 0 0
    }

    .alternatives .overview-table th,
    .alternatives .overview-table td {
        height: 58px;
        padding: 0 16px;
        font-size: 15px
    }

    .alternatives .overview-table .overview-insight {
        padding: 18px;
        border-radius: 0 0 12px 12px;
        font-size: 15px;
        line-height: 23px
    }

    .alternatives .alternative-list {
        margin-top: 56px
    }

    .alternatives .alternative-card {
        padding: 54px 20px 28px
    }

    .alternatives .alternative-card:not(:last-child) {
        margin-bottom: 40px
    }

    .alternatives .alternative-card-head {
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 28px
    }

    .alternatives .alternative-card-head img {
        width: 46px;
        height: 46px
    }

    .alternatives .alternative-card-head h3 {
        font-size: 20px;
        line-height: 28px
    }

    .alternatives .alternative-card-head p {
        font-size: 15px;
        line-height: 23px
    }

    .alternatives .alternative-card-info {
        display: block;
        padding: 0 0 28px
    }

    .alternatives .alternative-card-info div:not(:last-child) {
        margin-bottom: 16px
    }

    .alternatives .alternative-card-info div {
        min-height: 0;
        padding: 22px 18px
    }

    .alternatives .alternative-review {
        padding-top: 22px
    }
}

.insight {
    padding: 24px;
    gap: 8px;
    background: #FFFFFF;
    box-shadow: 0 5px 20px 0 rgba(39, 51, 86, 0.1);
    margin-top: 22px;
    border-radius: 16px;
    text-align: left
}

.insight h4 {
    margin-bottom: 8px;
    font-weight: bold
}

.insight p {
    line-height: 22px;
    color: #333333
}

.table-cnt {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: 0 5px 20px 0 rgba(39, 51, 86, 0.1);
    border-radius: 16px;
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 0 !important
}

.table-cnt::-webkit-scrollbar {
    display: none
}

.table-x .custom-scrollbar-track {
    box-shadow: 0 5px 20px 0 rgba(39, 51, 86, 0.1);
    width: 100%;
    height: 12px;
    background: #fff;
    border-radius: 999px;
    pointer-events: auto;
    z-index: 10;
    position: relative;
    padding: 2px
}

.table-x .custom-scrollbar-thumb {
    height: 8px;
    width: 60px;
    background: #97A4BD;
    border-radius: 999px;
    transition: background .18s ease;
    cursor: pointer
}

.table-x .custom-scrollbar-thumb:hover {
    background: rgba(2, 86, 255, 0.6)
}

.quick {
    background: #F8F9FA;
    padding: 120px 0
}

.quick h2 {
    text-align: center
}

.quick .desc {
    font-size: 18px;
    text-align: center;
    margin: 24px 0 80px
}

.quick .table {
    text-align: center;
    table-layout: fixed;
    width: 1960px;
    font-size: 14px;
    line-height: 1.285
}

.quick .table-cnt {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: 0 5px 20px 0 rgba(39, 51, 86, 0.1);
    border-radius: 16px;
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 0 !important
}

.quick .table-cnt::-webkit-scrollbar {
    display: none
}

.quick .table-x .custom-scrollbar-track {
    box-shadow: 0 5px 20px 0 rgba(39, 51, 86, 0.1);
    width: 100%;
    height: 12px;
    background: #fff;
    border-radius: 999px;
    pointer-events: auto;
    z-index: 10;
    position: relative;
    padding: 2px
}

.quick .table-x .custom-scrollbar-thumb {
    height: 8px;
    width: 60px;
    background: #97A4BD;
    border-radius: 999px;
    transition: background .18s ease;
    cursor: pointer
}

.quick .table-x .custom-scrollbar-thumb:hover {
    background: rgba(2, 86, 255, 0.6)
}

.quick .table thead tr th {
    background: #fff !important;
    font-size: 20px;
    line-height: 1.2;
    height: 80px;
    font-weight: 700 !important
}

.quick .table tbody tr:nth-child(odd) {
    background: #F9FAFF !important
}

.quick .table tbody tr:nth-child(odd) th:first-child,
.quick .table tbody tr:nth-child(odd) td:first-child {
    background: #F9FAFF !important
}

.quick .table tr:nth-child(even) {
    background: #fff
}

.quick .table tr:nth-child(even) td:first-child {
    background: #fff
}

.quick .table th {
    font-size:18px;
    font-weight: bold;
    line-height: 120%;
    padding: 10px 28px;
    width: 240px
}

.quick .table th:first-child {
    text-align: left;
    padding: 28px 10px 28px 24px
}

.quick .table td {
    padding: 17px 28px;
    width: 240px;
    vertical-align: middle;
    height: 88px
}

.quick .table td:first-child {
    text-align: left;
    padding: 32px 24px;
    font-size: 18px;
    line-height: 24px
}

.quick .table th:first-child,
.quick .table td:first-child {
    width: 280px;
    position: sticky;
    left: -3px;
    z-index: 20;
    background: #fff;
    font-weight: 400
}

.quick .table th:first-child::before,
.quick .table td:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, #f1f1f100 0%, #f1f1f1 100%)
}

.table-cnt {
    position: relative
}

.table-cnt .custom-scrollbar-track {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 8px;
    height: 6px;
    background: rgba(2, 86, 255, 0.08);
    border-radius: 999px;
    pointer-events: auto;
    z-index: 10
}

.table-cnt .custom-scrollbar-thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    background: rgba(2, 86, 255, 0.38);
    border-radius: 999px;
    transition: background .18s ease;
    cursor: pointer
}

.table-cnt th,
.table-cnt td {
    vertical-align: middle
}

.table-cnt table th:first-child {
    padding: 28px 24px
}

.table-cnt table td:first-child {
    padding: 20px 24px
}

.features {
    padding: 120px 0;
    text-align: center;
    background: #fff
}

.features h2 {
    color: #000000;
    font-size: 40px;
    margin-bottom: 24px;
    line-height: 46px
}

.features p.desc {
    margin-bottom: 80px;
    font-size: 18px;
    line-height: 24px
}

.features .compare-table {
    position: relative
}

.features .compare-table .sticky-table-title {
    position: fixed;
    top: 0;
    z-index: 20;
    display: none;
    flex-direction: row;
    padding: 0;
    border-radius: 0px 0px 16px 16px;
    opacity: 1;
    background: #ffffff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    pointer-events: none
}

.features .compare-table.sticky-active .sticky-table-title {
    display: flex
}

.features .compare-table .sticky-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    flex: 1;
    color: #000000;
    font-size: 20px;
    font-weight: 700
}

.features .compare-table .sticky-item:first-child {
    border-right: 1px solid #f1f1f1
}

.features .compare-table .sticky-item img {
    margin-right: 12px;
    display: block
}

.features .compare-table table {
    box-shadow: 0 5px 20px 0 rgba(39, 51, 86, 0.1);
    border-radius: 16px 16px;
    background: #fff;
    table-layout: fixed;
    width: 1960px
}

.features .compare-table table tr:nth-child(odd) td {
    background: #f9faff
}

.features .compare-table table th,
.features .compare-table table td {
    border-right: 1px solid #f1f1f1;
    font-size: 14px;
    line-height: 18px
}

.features .compare-table table th:first-child,
.features .compare-table table td:first-child {
    font-size: 18px;
    line-height: 24px
}

.features .compare-table table td,
.features .compare-table table th {
    vertical-align: middle;
    padding: 16px 24px;
    width: 240px
}

.features .compare-table table td:first-child,
.features .compare-table table th:first-child {
    text-align: left;
    width: 280px
}

.features .compare-table table td:last-child,
.features .compare-table table th:last-child {
    border-right: 0
}

.features .compare-table thead th {
    color: #000000;
    font-size: 20px !important;
    font-weight: 700
}

.features .compare-table tbody tr:last-child td:last-child {
    border-radius: 0 0 16px 0
}

.features .compare-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 16px
}

.features .compare-table thead th {
    height: 76px
}

.features .compare-table th:first-child,
.features .compare-table td:first-child {
    position: sticky;
    left: -3px;
    z-index: 20;
    background: #fff
}

.features .compare-table tbody tr:nth-child(odd) th:first-child,
.features .compare-table tbody tr:nth-child(odd) td:first-child {
    background: #f9faff
}

.features .compare-table tbody tr:nth-child(even) th:first-child,
.features .compare-table tbody tr:nth-child(even) td:first-child {
    background: #fff
}

.features .compare-table th:first-child::before,
.features .compare-table td:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, #f1f1f100 0%, #f1f1f1 100%)
}

@media (max-width:1279px) {
    .features {
        padding: 90px 0
    }

    .features h2 {
        font-size: 36px;
        line-height: 42px
    }

    .features p.desc {
        margin-bottom: 50px
    }

    .features .compare-table {
        overflow-x: auto;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch
    }

    .features .compare-table .sticky-table-title {
        display: none !important
    }

    .features .compare-table table {
        min-width: 1050px
    }
}

@media (max-width:767px) {
    .features {
        padding: 60px 0
    }

    .features h2 {
        font-size: 30px;
        line-height: 38px
    }

    .features p.desc {
        margin-bottom: 36px;
        font-size: 16px;
        line-height: 22px
    }

    .features .compare-table table {
        min-width: 860px
    }

    .features .compare-table table td,
    .features .compare-table table th {
        padding: 14px 18px
    }

    .features .compare-table table th,
    .features .compare-table table td {
        width: 290px
    }

    .features .compare-table table th:first-child,
    .features .compare-table table td:first-child {
        width: 280px
    }

    .features .compare-table thead th {
        height: 64px;
        font-size: 18px
    }
}

.pricing {
    padding: 120px 0;
    text-align: center;
    background: #091121 url(/resource/images/best_remote-desktop-alternatives-iw/bg@2x.webp) no-repeat top center;
    background-size: 100% auto
}

.pricing h2 {
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    line-height: 46px;
    margin-bottom: 24px
}

.pricing p.desc {
    margin-bottom: 80px;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px
}

.pricing .compare-table table {
    width: 1960px;
    text-align: center;
}

.pricing .table tbody th:first-child::before,
.pricing .table tbody td:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, #f1f1f100 0%, #f1f1f1 100%);
}

.pricing .compare-table table tbody tr:nth-child(odd) th,
.pricing .compare-table table tr:nth-child(odd) td {
    background: #fff;
}
.pricing .compare-table table tbody tr:nth-child(even) th,
.pricing .compare-table table tr:nth-child(even) td {
    background: #f9faff;
}

.pricing .compare-table table tbody th {
    font-size: 18px;
}

.pricing .compare-table table td {
    border-right: 1px solid #f1f1f1;
    font-size: 14px;
    line-height: 18px
}

.pricing .compare-table table td:first-child {
    font-size: 18px;
    line-height: 24px
}

.pricing .compare-table table thead th {
    color: #fff;
    border-right: 1px solid #091121
}

.pricing .compare-table table td {
    vertical-align: middle;
    padding: 18px 20px;
}

.pricing .compare-table table td:first-child {
    text-align: left;
    padding: 18px 24px
}

.pricing .compare-table table th {
    vertical-align: middle;
    padding: 10px 40px
}

.pricing .compare-table table th:first-child {
    text-align: left;
    padding: 28px 24px
}

.pricing .compare-table thead th {
    text-align: center;
    border-radius: 40px 40px 0 0px;
    background: #233149;
    height: 80px;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%
}

.pricing .compare-table tbody {
    box-shadow: 0 5px 20px 0 rgba(39, 51, 86, 0.1);
    border-radius: 0px 0px 16px 16px;
    background: #fff
}

.pricing .compare-table tbody tr:last-child td:last-child {
    border-radius: 0 0 16px 0
}

.pricing .compare-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 16px
}

.pricing .compare-table td {
    /* text-align: left */
}

.pricing .compare-table td p {
    margin-bottom: 8px;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.pricing .compare-table td ul {
    text-align: left
}

.pricing .compare-table td li {
    position: relative;
    padding-left: 24px;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 24px
}

.pricing .compare-table td li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background: url(/resource/images/best_remote-desktop-alternatives-iw/gou-16@1x.svg) no-repeat center / contain
}

.pricing .compare-table th,
.pricing .compare-table td {
    width: 240px
}

.pricing .compare-table th:first-child,
.pricing .compare-table td:first-child {
    width: 280px
}

.pricing .compare-table th:first-child {
    position: sticky;
    left: -3px;
    z-index: 20
}

.pricing .compare-table td:first-child {
    position: sticky;
    left: -3px;
    z-index: 20
}

.pricing .compare-table td:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, #f1f1f100 0%, #f1f1f1 100%)
}

.pricing .compare-table tbody tr:nth-child(even) td:first-child {
    background: #f9faff
}

.pricing .compare-table tbody tr:nth-child(odd) td:first-child {
    background: #fff
}

@media (max-width:1279px) {
    .pricing {
        padding: 90px 0;
        background-size: auto 360px
    }

    .pricing h2 {
        font-size: 36px;
        line-height: 42px
    }

    .pricing p.desc {
        margin-bottom: 50px
    }

    .pricing .compare-table {
        overflow-x: auto;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch
    }

    .pricing .compare-table table {
        min-width: 1000px
    }
}

@media (max-width:767px) {
    .pricing {
        padding: 60px 0;
        background-size: auto 300px
    }

    .pricing h2 {
        font-size: 30px;
        line-height: 38px
    }

    .pricing p.desc {
        margin-bottom: 36px;
        font-size: 16px;
        line-height: 22px
    }

    .pricing .compare-table table {
        min-width: 820px
    }

    .pricing .compare-table table td,
    .pricing .compare-table table th {
        width: 310px;
        padding: 16px 18px
    }

    .pricing .compare-table table td:first-child,
    .pricing .compare-table table th:first-child {
        width: 200px
    }

    .pricing .compare-table thead th {
        height: 84px;
        border-radius: 24px 24px 0 0px
    }

    .pricing .compare-table thead th h4 {
        font-size: 18px
    }
}

.security {
    padding: 120px 0;
    text-align: center;
    background: #f8f9fa
}

.security h2 {
    color: #000000;
    font-size: 40px;
    margin-bottom: 24px;
    line-height: 46px
}

.security p.desc {
    margin-bottom: 80px;
    font-size: 18px;
    line-height: 24px
}

.security .compare-table .table {
    width: 1960px
}

.security .compare-table .table th:first-child,
.security .compare-table .table td:first-child {
    position: sticky;
    left: -3px;
    z-index: 20
}

.security .compare-table .table th:first-child::before,
.security .compare-table .table td:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, #f1f1f100 0%, #f1f1f1 100%)
}

.security .compare-table .table tbody tr:nth-child(odd) td:first-child {
    background: #f9faff
}

.security .compare-table .table tbody tr:nth-child(even) td:first-child {
    background: #fff
}

.security .compare-table .table tbody tr:nth-child(odd) th:first-child {
    background: #f9faff
}

.security .compare-table .table tbody tr:nth-child(even) th:first-child {
    background: #fff
}

.security .compare-table .sticky-table-title {
    position: fixed;
    top: 0;
    z-index: 20;
    display: none;
    flex-direction: row;
    padding: 0;
    border-radius: 0px 0px 16px 16px;
    opacity: 1;
    background: #ffffff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    pointer-events: none
}

.security .compare-table.sticky-active .sticky-table-title {
    display: flex
}

.security .compare-table .sticky-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    flex: 1;
    color: #000000;
    font-size: 20px;
    font-weight: 700
}

.security .compare-table .sticky-item:first-child {
    border-right: 1px solid #f1f1f1
}

.security .compare-table .sticky-item img {
    margin-right: 12px;
    display: block
}

.security .compare-table table {
    box-shadow: 0 5px 20px 0 rgba(39, 51, 86, 0.1);
    border-radius: 16px 16px;
    background: #fff
}

.security .compare-table table tr:nth-child(odd) td {
    background: #f9faff
}

.security .compare-table table th,
.security .compare-table table td {
    border-right: 1px solid #f1f1f1;
    font-size: 14px;
    line-height: 18px;
    width: 240px
}

.security .compare-table table th:first-child,
.security .compare-table table td:first-child {
    font-size: 18px;
    line-height: 24px
}

.security .compare-table table td,
.security .compare-table table th {
    vertical-align: middle;
    padding: 20px 24px
}

.security .compare-table table td:first-child,
.security .compare-table table th:first-child {
    text-align: left;
    width: 280px
}

.security .compare-table table td:last-child,
.security .compare-table table th:last-child {
    border-right: 0
}

.security .compare-table thead th {
    height: 76px;
    color: #000000;
    font-size: 20px !important;
    font-weight: 700;
    background: #fff
}

.security .compare-table tbody tr:last-child td:last-child {
    border-radius: 0 0 16px 0
}

.security .compare-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 16px
}

@media (max-width:1279px) {
    .security {
        padding: 90px 0
    }

    .security h2 {
        font-size: 36px;
        line-height: 42px
    }

    .security p.desc {
        margin-bottom: 50px
    }

    .security .compare-table {
        overflow-x: auto;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch
    }

    .security .compare-table .sticky-table-title {
        display: none !important
    }

    .security .compare-table table {
        min-width: 1050px
    }
}

@media (max-width:767px) {
    .security {
        padding: 60px 0
    }

    .security h2 {
        font-size: 30px;
        line-height: 38px
    }

    .security p.desc {
        margin-bottom: 36px;
        font-size: 16px;
        line-height: 22px
    }

    .security .compare-table table {
        min-width: 860px
    }

    .security .compare-table table td,
    .security .compare-table table th {
        padding: 14px 18px;
        width: 290px
    }

    .security .compare-table table td:first-child,
    .security .compare-table table th:first-child {
        width: 280px
    }

    .security .compare-table thead th {
        height: 64px;
        font-size: 18px !important
    }

    .security .compare-table th:first-child,
    .security .compare-table td:first-child {
        width: 220px;
        padding: 20px 16px
    }

    .security .compare-table td:first-child {
        font-size: 14px
    }
}

.status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px
}

.status::before {
    content: '';
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.status.status-yes::before {
    background-image: url('/resource/images/best_remote-desktop-alternatives-iw/ic-gou-18@1x.svg')
}

.status.status-no {
    background: rgba(255, 91, 81, 0.1)
}

.status.status-no::before {
    background-image: url('/resource/images/best_remote-desktop-alternatives-iw/cha-18@1x.svg')
}

.reviews-legacy {
    padding: 120px 0
}

.reviews-legacy .section-head {
    margin-bottom: 56px
}

.reviews-legacy .review-tabs {
    display: flex;
    justify-content: center;
    gap: 0;
    margin: 0 auto -1px;
    padding: 0;
    border: 1px solid #e0e6ef;
    border-radius: 10px 10px 0 0;
    background: #fff;
    position: relative;
    z-index: 2
}

.reviews-legacy .review-tab {
    flex: 1;
    min-width: 0;
    padding: 12px 10px;
    border-radius: 0;
    background: transparent;
    cursor: pointer
}

.reviews-legacy .review-tab strong,
.reviews-legacy .review-tab span {
    display: block
}

.reviews-legacy .review-tab strong {
    font-size: 14px;
    line-height: 20px
}

.reviews-legacy .review-tab span {
    margin-top: 2px;
    color: #6f7b90;
    font-size: 11px;
    line-height: 16px
}

.reviews-legacy .review-tab.active {
    background: #0256ff;
    color: #fff;
    border-radius: 7px 7px 0 0
}

.reviews-legacy .review-tab.active span {
    color: #dce9ff
}

.reviews-legacy .review-panels {
    border-radius: 0 0 14px 14px;
    background: #f5f7fc
}

.reviews-legacy .review-panel {
    display: none;
    align-items: stretch;
    gap: 32px;
    min-height: 360px;
    padding: 34px 32px
}

.reviews-legacy .review-panel.active {
    display: flex
}

.reviews-legacy .review-rating {
    flex: 0 0 190px;
    padding: 12px 0;
    text-align: left
}

.reviews-legacy .review-rating strong,
.reviews-legacy .review-rating span,
.reviews-legacy .review-rating i {
    display: block
}

.reviews-legacy .review-rating strong {
    color: #000;
    font-size: 50px;
    line-height: 54px
}

.reviews-legacy .review-rating span {
    margin-top: 4px;
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.reviews-legacy .review-rating i {
    margin-top: 8px;
    color: #00a875;
    font-size: 24px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 28px
}

.reviews-legacy .review-summary {
    flex: 1;
    padding: 28px 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(35, 52, 82, 0.06)
}

.reviews-legacy .review-summary h3 {
    margin: 0 0 12px;
    color: #111;
    font-size: 22px;
    line-height: 30px
}

.reviews-legacy .review-summary p {
    margin: 0 0 24px;
    font-size: 14px;
    line-height: 22px
}

.reviews-legacy .review-summary .review-card {
    display: inline-block;
    width: calc(33.333% - 14px);
    min-height: 160px;
    margin-right: 16px;
    padding: 20px 18px;
    border: 1px solid #edf0f4;
    border-radius: 8px;
    background: #fff;
    vertical-align: top
}

.reviews-legacy .review-summary .review-card:last-child {
    margin-right: 0
}

.reviews-legacy .review-summary .review-card strong {
    display: block;
    margin-bottom: 10px;
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.reviews-legacy .review-summary .review-card p {
    margin: 0;
    color: #586478;
    font-size: 13px;
    line-height: 20px
}

.reviews-legacy .review-bars {
    display: block
}

.reviews-legacy .review-bars span {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%
}

.reviews-legacy .review-bars span:not(:last-child) {
    margin-bottom: 8px
}

.reviews-legacy .review-bars b {
    width: 14px;
    font-size: 13px
}

.reviews-legacy .review-bars i {
    height: 8px;
    border-radius: 4px;
    background: #00a875
}

.reviews-legacy .review-bars span::after {
    content: "";
    flex: 1;
    height: 8px;
    border-radius: 4px;
    background: #e1e5eb;
    order: -1
}

.reviews-legacy .review-bars i {
    position: absolute
}

.reviews-legacy .review-bars span {
    position: relative
}

.reviews-legacy .review-bars span i {
    left: 22px;
    top: 7px;
    z-index: 1;
    max-width: calc(100% - 22px)
}

.reviews-legacy .review-proof {
    flex: 1;
    min-width: 0;
    max-width: calc(100% - 222px);
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(35, 52, 82, 0.06)
}

@media (max-width:1199px) {
    .reviews-legacy .review-tabs {
        overflow-x: auto;
        justify-content: flex-start
    }

    .reviews-legacy .review-tab {
        flex: 0 0 auto
    }
}

@media (max-width:767px) {
    .reviews-legacy {
        padding: 60px 0
    }

    .reviews-legacy .review-tabs {
        margin-right: -6%
    }

    .reviews-legacy .review-panel {
        display: none;
        min-height: 0;
        padding: 52px 24px 30px
    }

    .reviews-legacy .review-panel.active {
        display: block
    }

    .reviews-legacy .review-rating {
        margin-bottom: 24px
    }

    .reviews-legacy .review-summary h3 {
        font-size: 24px;
        line-height: 32px
    }

    .reviews-legacy .review-summary .review-card {
        display: block;
        width: 100%;
        min-height: 0;
        margin: 0
    }

    .reviews-legacy .review-summary .review-card:not(:last-child) {
        margin-bottom: 14px
    }

    .reviews-legacy .review-bars span {
        width: 100%
    }

    .reviews-legacy .review-proof {
        max-width: 100%;
        margin-top: 24px
    }
}

.access-legacy {
    padding: 104px 0 88px;
    background: #06142f url("/resource/images/best_remote-desktop-alternatives-iw/cta-bg.webp") no-repeat center / cover;
    color: #fff;
    text-align: center
}

.access-legacy .access-copy {
    max-width: 940px;
    margin: 0 auto
}

.access-legacy h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 38px;
    line-height: 46px
}

.access-legacy p {
    margin: 0 0 24px;
    color: #cbd9f1;
    font-size: 16px;
    line-height: 24px
}

.access-legacy ul {
    display: inline-block;
    margin: 0 0 36px;
    text-align: left
}

.access-legacy .review-slick {
    flex: 1;
    min-width: 0;
    padding: 0 56px 0 0;
    text-align: left
}

.access-legacy .review-slick .slick-slide {
    padding: 0 8px
}

.access-legacy .review-slick img {
    display: block;
    max-width: 100%;
    border-radius: 16px
}

.access-legacy .review-slick .slick-arrow {
    position: absolute;
    top: -40px;
    right: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    background: #ffffff;
    color: transparent;
    font-size: 0
}

.access-legacy .review-slick .slick-prev {
    right: 56px
}

.access-legacy li {
    position: relative;
    padding-left: 20px;
    color: #dbe7ff;
    font-size: 14px;
    line-height: 22px
}

.access-legacy li:not(:last-child) {
    margin-bottom: 8px
}

.access-legacy li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #80adff
}

.access-legacy li a {
    color: #fff;
    text-decoration: underline
}

.access-legacy .access-download {
    min-width: 292px
}

@media (max-width:767px) {
    .access-legacy {
        padding: 64px 0
    }

    .access-legacy h2 {
        font-size: 29px;
        line-height: 37px
    }

    .access-legacy p {
        font-size: 16px;
        line-height: 25px
    }

    .access-legacy li {
        font-size: 14px;
        line-height: 23px
    }
}

.performance {
    padding: 120px 0;
    text-align: center
}

.performance h2 {
    margin-bottom: 24px;
    color: #000;
    font-size: 40px;
    line-height: 46px
}

.performance .desc {
    margin-bottom: 80px;
    font-size: 18px;
    line-height: 24px
}

.performance .compare-table {
    overflow: hidden;
    border-radius: 16px;
    background: #091121;
    box-shadow: 5px 5px 20px #eff1f6;
    color: #fff
}

.performance .compare-table table {
    width: 1960px
}

.performance .compare-table table th,
.performance .compare-table table td {
    width: 240px;
    padding: 24px;
    border-right: 1px solid #364560;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle
}

.performance .compare-table table th:first-child,
.performance .compare-table table td:first-child {
    width: 280px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-align: left
}

.performance .compare-table table th:last-child,
.performance .compare-table table td:last-child {
    border-right: 0
}

.performance .compare-table table thead th {
    height: 80px;
    background: #091121;
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.performance .compare-table table tbody tr:nth-child(odd) {
    background: #233149
}

.performance .compare-table table tbody tr:nth-child(even) {
    background: #2b3951
}

.performance .compare-table table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 16px
}

.performance .compare-table table tbody tr:last-child td:last-child {
    border-radius: 0 0 16px
}

.performance .compare-table table th:first-child,
.performance .compare-table table td:first-child {
    position: sticky;
    left: -3px;
    z-index: 20
}

.performance .compare-table table th:first-child::before,
.performance .compare-table table td:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 100%;
    background: linear-gradient(270deg, #121e3300 0%, #121e3380 100%);
    pointer-events: none
}

.performance .compare-table table tbody tr:nth-child(odd) td:first-child {
    background: #233149
}

.performance .compare-table table tbody tr:nth-child(even) td:first-child {
    background: #2b3951
}

@media (max-width:1279px) {
    .performance {
        padding: 90px 0
    }

    .performance h2 {
        font-size: 36px;
        line-height: 42px
    }

    .performance .desc {
        margin-bottom: 50px
    }

    .performance .compare-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .performance .compare-table table {
        min-width: 960px
    }
}

@media (max-width:767px) {
    .performance {
        padding: 60px 0
    }

    .performance h2 {
        font-size: 30px;
        line-height: 38px
    }

    .performance .desc {
        margin-bottom: 36px;
        font-size: 16px;
        line-height: 22px
    }

    .performance .compare-table table {
        min-width: 760px
    }

    .performance .compare-table table th,
    .performance .compare-table table td {
        width: 260px;
        padding: 16px 18px
    }

    .performance .compare-table table th:first-child,
    .performance .compare-table table td:first-child {
        width: 240px
    }

    .performance .compare-table table thead th {
        height: 64px;
        font-size: 18px
    }

    .performance .compare-table table th:first-child,
    .performance .compare-table table td:first-child {
        width: 220px;
        padding: 20px 16px
    }
}

.real {
    padding: 120px 0;
    background: #f8f9fa;
    text-align: center
}

.real h2 {
    margin-bottom: 24px;
    color: #000;
    font-size: 40px;
    line-height: 46px
}

.real .desc {
    margin: 0 0 80px;
    font-size: 18px;
    line-height: 24px
}

.real .table {
    width: 100%;
    border-radius: 16px
}

.real .table-wrap {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 5px 20px rgba(39, 51, 86, 0.1)
}

.real .table th,
.real .table td {
    width: 193px;
    border-right: 1px solid #f1f1f1;
    vertical-align: middle
}

.real .table th:first-child,
.real .table td:first-child {
    width: 310px;
    text-align: left
}

.real .table th:last-child,
.real .table td:last-child {
    border-right: 0
}

.real .table th {
    padding: 20px;
    background: #fff;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.real .table th:first-child {
    padding: 32px 24px
}

.real .table td {
    padding: 24px;
    color: #000;
    font-size: 14px;
    line-height: 18px
}

.real .table td:first-child {
    font-size: 18px;
    line-height: 24px
}

.real .table td:first-child img {
    position: relative;
    top: -1px;
    margin-right: 5px;
    vertical-align: middle
}

.real .table tbody tr:nth-child(odd) td {
    background: #f9faff
}

.real .table tbody tr:nth-child(even) td {
    background: #fff
}

.real .table tfoot td {
    padding: 28px;
    background: #fff;
    text-align: left;
    vertical-align: top
}

.real .table tfoot h3 {
    margin: 0 0 8px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.real .table tfoot ul {
    padding-left: 20px
}

.real .table tfoot li {
    list-style: disc;
    font-size: 16px;
    line-height: 24px
}

@media (max-width:1200px) {
    .real .table {
        width: 1280px
    }

    .real .table-cnt {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden
    }

    .real .table th:first-child,
    .real .table td:first-child {
        position: sticky;
        left: -3px;
        z-index: 20
    }

    .real .table th:first-child::before,
    .real .table td:first-child::before {
        content: '';
        position: absolute;
        top: 0;
        right: -12px;
        width: 12px;
        height: 100%;
        background: linear-gradient(270deg, #f1f1f100 0%, #f1f1f1 100%);
        pointer-events: none
    }

    .real .table tbody tr:nth-child(odd) td:first-child {
        background: #f9faff
    }

    .real .table tbody tr:nth-child(even) td:first-child {
        background: #fff
    }
}

@media (max-width:767px) {
    .real {
        padding: 60px 0
    }

    .real h2 {
        font-size: 30px;
        line-height: 38px
    }

    .real .desc {
        margin-bottom: 36px;
        font-size: 16px;
        line-height: 22px
    }

    .real .table {
        width: 1120px
    }

    .real .table th {
        font-size: 18px
    }

    .real .table th,
    .real .table td {
        padding: 18px
    }

    .real .table tfoot td {
        padding: 20px
    }

    .real .table th:first-child,
    .real .table td:first-child {
        width: 220px;
        padding: 20px 16px
    }
}

.scenario-section {
    padding: 120px 0;
    background: #091121;
    color: #fff;
    text-align: center
}

.scenario-section [data-tab="it"] {
    display: none !important
}

.scenario-section [data-tab="it"].active {
    display: flex !important
}

.scenario-section .section-head {
    margin-bottom: 80px
}

.scenario-section .section-head h2 {
    margin-bottom: 24px;
    font-size: 40px;
    color: #fff;
    line-height: 46px
}

.scenario-section .section-head p {
    margin: 0;
    font-size: 18px;
    line-height: 24px
}

.scenario-section .scenario-tabs {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    max-width: 1080px;
    padding: 3px;
    margin: 0 auto -24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: #ffffff
}

.scenario-section .scenario-tab {
    padding: 13px 48px;
    border-radius: 8px;
    background: transparent;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    transition: all .3s
}

.scenario-section .scenario-tab.active {
    background: #2258f6;
    color: #ffffff
}

.scenario-section .scenario-panel {
    padding: 60px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08)
}

.scenario-section .scenario-content {
    display: flex;
    align-items: center;
    gap: 60px;
    color: #000;
    text-align: left
}

.scenario-section .scenario-info {
    flex: 1
}

.scenario-section .scenario-info h4 {
    margin: 0 0 16px;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px
}

.scenario-section .scenario-desc {
    margin: 0 0 24px;
    color: #333;
    font-size: 16px;
    line-height: 28px
}

.scenario-section .recommend-tools h4 {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 24px
}

.scenario-section .recommend-tools ul {
    padding-left: 20px
}

.scenario-section .recommend-tools li {
    list-style: disc
}

.scenario-section .recommend-tools li:not(:last-child) {
    margin-bottom: 18px
}

.scenario-section .recommend-tools li {
    list-style: disc
}

.scenario-section .recommend-tools li:not(:last-child) {
    margin-bottom: 18px
}

.scenario-section .recommend-tools li strong,
.scenario-section .recommend-tools li span {
    display: block
}

.scenario-section .recommend-tools li strong {
    margin-bottom: 6px
}

.scenario-section .recommend-tools li span {
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 20px
}

.scenario-section .scenario-image {
    flex-shrink: 0;
    width: 520px
}

.scenario-section .scenario-image img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 12px
}

@media (max-width:1200px) {
    .scenario-section {
        padding: 80px 0
    }

    .scenario-section .scenario-tabs {
        width: 100%;
        justify-content: space-between
    }

    .scenario-section .scenario-tab {
        padding: 13px 16px
    }

    .scenario-section .scenario-content {
        gap: 32px
    }

    .scenario-section .scenario-image {
        width: 400px
    }
}

@media (max-width:767px) {
    .scenario-section {
        padding: 60px 0
    }

    .scenario-section .section-head {
        margin-bottom: 40px
    }

    .scenario-section .section-head h2 {
        font-size: 30px;
        line-height: 38px
    }

    .scenario-section .section-head p {
        font-size: 16px;
        line-height: 22px
    }

    .scenario-section .scenario-tabs {
        justify-content: flex-start;
        overflow-x: auto
    }

    .scenario-section .scenario-tab {
        flex: 0 0 160px
    }

    .scenario-section .scenario-panel {
        padding: 24px
    }

    .scenario-section .scenario-content {
        flex-direction: column;
        gap: 24px
    }

    .scenario-section .scenario-info h4 {
        font-size: 30px;
        line-height: 36px
    }

    .scenario-section .scenario-image {
        width: 100%
    }
}

.reviews {
    padding: 120px 0 120px;
    text-align: center
}

.reviews h2 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 24px
}

.reviews p.desc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 80px
}

.reviews [data-tab="it"] {
    display: none !important
}

.reviews [data-tab="it"].active {
    display: flex !important
}

.reviews-tabs {
    margin: 0 auto -24px;
    display: flex;
    gap: 4px;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 4px
}

.reviews-tabs:lang(en) {
    max-width: 1258px
}

.reviews-tab {
    padding: 8px 35px;
    border-radius: 8px;
    background: transparent;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    transition: all .3s
}

.reviews-tab.active {
    background: #2258F6;
    color: #fff
}

.reviews-tab.active .ic-xing {
    background-image: url(/resource/images/best_remote-desktop-alternatives-iw/xing-bai-12@2x.webp)
}

.reviews-tab strong {
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
    display: block;
    margin-bottom: 2px
}

.reviews-tab span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 120%
}

.reviews-tab .ic-xing {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/resource/images/best_remote-desktop-alternatives-iw/xing-blue-12@2x.webp) no-repeat center / cover
}

.reviews .review-list {
    display: flex;
    gap: 24px;
    justify-content: center
}

.reviews .review-panel {
    width: 100%;
    padding: 60px 40px 40px;
    border-radius: 24px;
    background: #F8F9FA;
    display: flex;
    gap: 40px;
    align-items: flex-end
}

.reviews .review-panel h3 {
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 20px
}

.reviews .review-score {
    flex: 0 0 260px;
    width: 260px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    color: #000
}

.reviews .review-score .score-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.reviews .review-score h3 {
    margin: 0 0 8px;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    white-space: nowrap
}

.reviews .review-score .score-value {
    font-family: 'Trustpilot Sans', Arial, sans-serif;
    font-size: 60px;
    line-height: 58px;
    font-weight: 700;
    margin-bottom: 16px
}

.reviews .review-score .score-label {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 8px
}

.reviews .review-score .score-stars {
    display: flex;
    height: 32px;
    align-items: center
}

.reviews .review-score .score-stars-image {
    display: block;
    width: 168px;
    height: 32px
}

.reviews .review-score .score-bars {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 260px
}

.reviews .review-score .score-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 260px;
    height: 24px;
    font-size: 18px;
    line-height: 24px
}

.reviews .review-score .score-row>span {
    width: 56px;
    flex: 0 0 56px
}

.reviews .review-score .score-row>i {
    display: block;
    width: 196px;
    height: 12px;
    overflow: hidden;
    border-radius: 6px;
    background: #d2d2d2;
    font-style: normal
}

.reviews .review-score .score-row>i b {
    display: block;
    height: 12px;
    border-radius: 6px
}

.reviews .img-special {
    position: relative;
    width: 260px;
    height: 420px
}

.reviews .img-special img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: max-content;
    width: 381px
}

.reviews .review-slick {
    width: 900px;
    margin: 0 auto;
    max-width: 100%
}

.reviews .review-slick .slick-slide {
    max-width: 100%;
    padding: 0 2px
}

.reviews .review-slick img {
    display: block;
    max-width: 100%;
    border-radius: 16px
}

.reviews .review-slick .slick-arrow {
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    background: #ffffff;
    color: transparent;
    font-size: 0;
    cursor: pointer
}

.reviews .review-slick .slick-arrow::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-L-24@1x.svg") no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%)
}

.reviews .review-slick .slick-arrow:hover {
    background: #2258f6;
    border-color: #2258f6
}

.reviews .review-slick .slick-arrow:hover::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-L-24-hover@1x.svg")
}

.reviews .review-slick .slick-prev {
    margin-left: -48px;
    right: 56px;
    left: auto
}

.reviews .review-slick .slick-next {
    margin-left: 10px
}

.reviews .review-slick .slick-next::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-R-24@1x.svg")
}

.reviews .review-slick .slick-next:hover {
    background: #2258f6;
    border-color: #2258f6
}

.reviews .review-slick .slick-next:hover::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-R-24-hover@1x.svg")
}

@media (max-width:1300px) {
    .reviews .review-list {
        flex-wrap: wrap
    }
}

@media (max-width:992px) {
    .reviews {
        padding: 80px 0 90px
    }

    .reviews h2 {
        font-size: 36px;
        line-height: 42px
    }

    .reviews p.desc {
        margin-bottom: 50px
    }

    .reviews .review-list {
        gap: 32px
    }
}

@media (max-width:767px) {
    .reviews {
        padding: 60px 0 80px
    }

    .reviews h2 {
        font-size: 30px;
        line-height: 38px
    }

    .reviews p.desc {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 22px
    }

    .reviews .review-panel {
        width: 100%;
        padding: 32px 14px 80px;
        flex-direction: column;
        align-items: center
    }

    .reviews .review-panel h3 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 28px
    }

    .reviews .review-score {
        position: relative;
        margin-bottom: 40px
    }

    .reviews .score-main {
        width: auto
    }

    .reviews .score-bars {
        width: 100%;
        max-width: 320px
    }

    .reviews .score-row {
        gap: 14px;
        font-size: 18px;
        line-height: 24px
    }

    .reviews .score-row i {
        flex: 1
    }

    .reviews .review-slick {
        width: 100%
    }
}

.reviews .review-img {
    display: flex;
    gap: 4px
}

@media (max-width:1200px) {
    .reviews .reviews-tabs {
        overflow-x: auto
    }

    .reviews .reviews-tab {
        padding: 8px 16px
    }

    .reviews .review-slick {
        width: 600px
    }

    .reviews .review-panel {
        padding-top: 100px
    }

    .reviews .img-special {
        height: auto
    }

    .reviews .img-special img {
        max-width: 100%
    }
}

@media (max-width:900px) {
    .reviews .reviews-tabs {
        flex-direction: column
    }

    .reviews .review-slick {
        width: 300px
    }
}

.reviews {
    padding: 120px 0 120px;
    text-align: center
}

.reviews h2 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 24px
}

.reviews p.desc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 80px
}

.reviews [data-tab="it"] {
    display: none !important
}

.reviews [data-tab="it"].active {
    display: flex !important
}

.reviews-tabs {
    margin: 0 auto -24px;
    display: flex;
    gap: 4px;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 4px
}

.reviews-tabs:lang(en) {
    max-width: 1258px
}

.reviews-tab {
    padding: 8px 35px;
    border-radius: 8px;
    background: transparent;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    transition: all .3s
}

.reviews-tab.active {
    background: #2258F6;
    color: #fff
}

.reviews-tab.active .ic-xing {
    background-image: url(/resource/images/best_remote-desktop-alternatives-iw/xing-bai-12@2x.webp)
}

.reviews-tab strong {
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
    display: block;
    margin-bottom: 2px
}

.reviews-tab span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 120%
}

.reviews-tab .ic-xing {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/resource/images/best_remote-desktop-alternatives-iw/xing-blue-12@2x.webp) no-repeat center / cover
}

.reviews .review-list {
    display: flex;
    gap: 24px;
    justify-content: center
}

.reviews .review-panel {
    width: 100%;
    padding: 60px 40px 40px;
    border-radius: 24px;
    background: #F8F9FA;
    display: flex;
    gap: 40px;
    align-items: flex-end
}

.reviews .review-panel h3 {
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 20px
}

.reviews .img-special {
    position: relative;
    width: 260px;
    height: 420px
}

.reviews .img-special img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: max-content;
    width: 381px
}

.reviews .review-slick {
    width: 900px;
    margin: 0 auto;
    max-width: 100%
}

.reviews .review-slick .slick-slide {
    max-width: 100%;
    padding: 0 2px
}

.reviews .review-slick img {
    display: block;
    max-width: 100%;
    border-radius: 16px
}

.reviews .review-slick .slick-arrow {
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    background: #ffffff;
    color: transparent;
    font-size: 0;
    cursor: pointer
}

.reviews .review-slick .slick-arrow::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-L-24@1x.svg") no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%)
}

.reviews .review-slick .slick-arrow:hover {
    background: #2258f6;
    border-color: #2258f6
}

.reviews .review-slick .slick-arrow:hover::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-L-24-hover@1x.svg")
}

.reviews .review-slick .slick-prev {
    margin-left: -48px;
    right: 56px;
    left: auto
}

.reviews .review-slick .slick-next {
    margin-left: 10px
}

.reviews .review-slick .slick-next::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-R-24@1x.svg")
}

.reviews .review-slick .slick-next:hover {
    background: #2258f6;
    border-color: #2258f6
}

.reviews .review-slick .slick-next:hover::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-R-24-hover@1x.svg")
}

@media (max-width:1300px) {
    .reviews .review-list {
        flex-wrap: wrap
    }
}

@media (max-width:992px) {
    .reviews {
        padding: 80px 0 90px
    }

    .reviews h2 {
        font-size: 36px;
        line-height: 42px
    }

    .reviews p.desc {
        margin-bottom: 50px
    }

    .reviews .review-list {
        gap: 32px
    }
}

@media (max-width:767px) {
    .reviews {
        padding: 60px 0 80px
    }

    .reviews h2 {
        font-size: 30px;
        line-height: 38px
    }

    .reviews p.desc {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 22px
    }

    .reviews .review-panel {
        width: 100%;
        padding: 32px 14px 80px;
        align-items: center
    }

    .reviews .review-panel h3 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 28px
    }

    .reviews .review-score {
        position: relative
    }

    .reviews .score-main {
        width: auto
    }

    .reviews .score-bars {
        width: 100%;
        max-width: 320px
    }

    .reviews .score-row {
        gap: 14px;
        font-size: 18px;
        line-height: 24px
    }

    .reviews .score-row i {
        flex: 1
    }

    .reviews .review-slick {
        width: 100%
    }
}

.reviews .review-img {
    display: flex;
    gap: 4px
}

@media (max-width:1200px) {
    .reviews .reviews-tabs {
        overflow-x: auto
    }

    .reviews .reviews-tab {
        padding: 8px 16px
    }

    .reviews .review-slick {
        width: 600px
    }

    .reviews .review-panel {
        padding-top: 100px
    }

    .reviews .img-special {
        height: auto
    }

    .reviews .img-special img {
        max-width: 100%
    }
}

@media (max-width:900px) {
    .reviews .reviews-tabs {
        flex-direction: column
    }

    .reviews .review-slick {
        width: 300px
    }
}

.faq {
    padding: 120px 0;
    background: #f8f9fa
}

.faq h2 {
    margin-bottom: 80px;
    color: #000000;
    font-size: 40px;
    line-height: 46px;
    text-align: center
}

.faq .faq-mn {
    margin: 0 auto;
    padding: 20px 48px 20px;
    border-radius: 16px;
    background: #ffffff
}

.faq .box {
    background: #ffffff;
    overflow: hidden;
    transition: .3s all;
    padding: 16px 0;
}

.faq .box:not(:last-child) {
    border-bottom: 1px solid #e6e8e9
}

.faq .box .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.faq .box h5 {
    flex: 1;
    margin: 0;
    padding: 24px 24px 24px 0;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.faq .box .tt-ic {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.faq .box .tt-ic::before,
.faq .box .tt-ic::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 11px;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: #2258f6;
    transition: transform .3s, opacity .3s
}

.faq .box .tt-ic::after {
    transform: rotate(90deg)
}

.faq .box p {
    display: none;
    max-width: 880px;
    padding: 0 40px 24px 0;
    color: #505b70;
    font-size: 16px;
    line-height: 22px
}

.faq .box.active h5 {
    color: #2258f6
}

.faq .box.active .tt-ic::after {
    opacity: 0;
    transform: rotate(-45deg)
}

@media (max-width:992px) {
    .faq {
        padding: 80px 0
    }

    .faq h2 {
        font-size: 36px;
        line-height: 42px
    }

    .faq .faq-mn {
        padding: 20px 32px
    }
}

@media (max-width:767px) {
    .faq {
        padding: 60px 0
    }

    .faq h2 {
        font-size: 30px;
        line-height: 38px
    }

    .faq .faq-mn {
        padding: 20px
    }

    .faq .box {
        padding: 0 20px
    }

    .faq .box h5 {
        font-size: 16px;
        line-height: 22px
    }

    .faq .box p {
        padding-right: 0
    }
}

.access {
    padding: 120px 0;
    background: #000 url('/resource/images/best_remote-desktop-alternatives-iw/cta-bg.webp') no-repeat center / cover;
    color: #fff;
    text-align: center
}

.access .access-text {
    display: flex;
    flex-direction: column;
    align-items: center
}

.access h2 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 42px;
    line-height: 50px
}

.access p {
    margin: 0 0 28px;
    color: #fff;
    font-size: 22px;
    line-height: 32px
}

.access ul {
    display: inline-block;
    margin: 0 0 60px;
    padding-left: 20px;
    text-align: left
}

.access li {
    list-style: disc;
    color: #fff;
    font-size: 16px;
    line-height: 32px
}

.access li a {
    color: #fff;
    text-decoration: underline
}

.access .btn.btn-blue {
    width: 356px;
    max-width: 100%;
    height: 64px;
    border-radius: 32px;
    line-height: 64px;
    font-size: 18px;
    font-weight: 700
}

@media (max-width:767px) {
    .access {
        padding: 60px 0
    }

    .access h2 {
        font-size: 30px;
        line-height: 38px
    }

    .access p {
        font-size: 16px;
        line-height: 24px
    }

    .access ul {
        margin-bottom: 40px
    }

    .access li {
        font-size: 14px;
        line-height: 24px
    }
}

.reviews .review-slick {
    text-align: left
}

.reviews .review-slick .slick-list {
    margin: 0 -4px
}

.reviews .review-slick .review-slide.slick-slide {
    box-sizing: border-box;
    padding: 0 4px
}

.reviews .review-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    height: 360px;
    padding: 20px 5px 20px 20px;
    overflow: hidden;
    border: 1px solid #e6e2df;
    border-radius: 16px;
    background: #fff;
    color: #000;
    text-align: left
}

.reviews .review-card-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    min-height: 0
}

.reviews .review-card-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 0 0 auto
}

.reviews .review-card-profile {
    display: flex;
    align-items: center;
    gap: 8px
}

.reviews .review-card-avatar {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.reviews .review-card-avatar.is-photo {
    background: #d0d0d0
}

.reviews .review-card-avatar.is-yellow {
    background: #fff7c4
}

.reviews .review-card-avatar.is-orange {
    background: #ffe1ba
}

.reviews .review-card-avatar.is-green {
    background: #daffe0
}

.reviews .review-card-avatar.is-pink {
    background: #ffdde8
}

.reviews .review-card-avatar.is-red {
    background: #bf360c;
    color: #fff
}

.reviews .review-card-avatar.is-green-photo {
    background: #daffe0
}

.reviews .review-card-avatar.is-dark-green {
    background: #689f38;
    color: #fff
}

.reviews .review-card-avatar.is-indigo {
    background: #5c6bc0;
    color: #fff
}

.reviews .review-card-avatar.is-magenta {
    background: #ec407a;
    color: #fff
}

.reviews .review-card-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover
}

.reviews .review-card-identity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0
}

.reviews .review-card-identity strong {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.reviews .review-card-identity time {
    color: #666;
    font-size: 14px;
    line-height: 18px
}

.reviews .review-card-stars {
    display: flex;
    align-items: center;
    gap: 1px;
    height: 16px
}

.reviews .review-slick img.review-card-star {
    display: block;
    flex: 0 0 84px;
    width: 84px;
    height: 16px;
    border-radius: 0
}

.reviews .review-slick img.review-card-action-icon {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 0
}

.reviews .review-card-copy {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 8px;
    color: #000;
    font-size: 15px;
    line-height: 22px
}

.reviews .review-card-copy::-webkit-scrollbar {
    width: 10px
}

.reviews .review-card-copy::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0
}

.reviews .review-card-copy::-webkit-scrollbar-track {
    border-radius: 99px;
    background: #ebedf3
}

.reviews .review-card-copy::-webkit-scrollbar-thumb {
    min-height: 111px;
    border: 2px solid #ebedf3;
    border-radius: 99px;
    background: #fff
}

.reviews .review-card-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 24px;
    color: #666;
    font-size: 14px;
    line-height: 18px
}

.reviews .review-card-action {
    display: inline-flex;
    align-items: center;
    gap: 6px
}

.reviews .review-card-flag {
    display: inline-flex;
    align-items: center
}

.reviews .figma-reviews {
    box-sizing: border-box;
    padding: 60px 40px 40px;
    gap: 40px;
    align-items: flex-start
}

.reviews .figma-reviews .review-score {
    flex: 0 0 260px;
    width: 260px;
    height: auto;
    align-self: flex-start;
    gap: 40px
}

.reviews .figma-reviews .review-score .score-main {
    width: 100%
}

.reviews .figma-reviews .review-score h3 {
    max-width: none;
    margin: 0 0 24px;
    overflow: visible;
    font-size: 36px;
    line-height: 48px;
    white-space: nowrap
}

.reviews .figma-reviews .review-score .score-value {
    margin-bottom: 16px
}

.reviews .figma-reviews .review-score .score-stars {
    gap: 2px
}

.reviews .figma-reviews .review-score .score-stars img {
    display: block;
    width: 32px;
    height: 32px
}

.reviews .figma-reviews .review-score .score-bars,
.reviews .figma-reviews .review-score .score-row {
    width: 260px
}

.reviews .figma-reviews .review-score .score-row {
    gap: 8px
}

.reviews .figma-reviews .review-score .score-row>span {
    display: inline-flex;
    flex: 0 0 30px;
    align-items: center;
    gap: 2px;
    width: 30px
}

.reviews .figma-reviews .review-score .score-row>span b {
    display: block;
    flex: 0 0 12px;
    width: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.reviews .figma-reviews .review-score .score-row>span img {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 0
}

.reviews .figma-reviews .review-score .score-row>i {
    width: 222px
}

.reviews .figma-reviews .review-score .score-row>i b {
    background: #5a35c0 !important
}

.reviews .figma-reviews .review-slick {
    flex: 0 0 900px;
    width: 900px;
    min-width: 0;
    margin: 0;
    padding: 80px 0 0;
    box-sizing: border-box
}

.reviews .figma-reviews .review-slick .slick-list {
    height: 360px;
    margin: 0
}

.reviews .figma-reviews .review-slick .slick-track {
    height: 360px;
    margin: 0
}

.reviews .figma-reviews .review-slick .review-slide.slick-slide {
    height: 360px;
    padding: 0
}

.reviews .figma-reviews .review-slick .slick-arrow {
    top: 0;
    width: 40px;
    height: 40px
}

.reviews .figma-reviews .review-slick .slick-prev {
    right: 56px;
    margin-left: 0
}

.reviews .figma-reviews .figma-review-card {
    display: flex;
    flex-direction: row;
    width: 900px;
    height: 360px;
    min-height: 360px;
    padding: 0;
    border: 1px solid #e6e2df;
    border-radius: 16px;
    overflow: hidden
}

.reviews .figma-reviews .review-card-user {
    display: flex;
    flex: 0 0 200px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 200px;
    height: 100%;
    box-sizing: border-box;
    padding: 36px;
    background: #f7f7f7;
    color: #000;
    font-size: 14px;
    line-height: 18px
}

.reviews .figma-reviews .review-card-user .review-card-avatar {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    margin-bottom: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #e9e8f3 !important;
    color: #6b61ad;
    font-family: 'DIN', Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px
}

.reviews .figma-reviews .review-card-user strong {
    margin-bottom: 4px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px
}

.reviews .figma-reviews .review-card-verified {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 16px;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap
}

.reviews .figma-reviews .review-card-linkedin {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 0;
    background: none;
    font-size: 0;
    line-height: 0
}

.reviews .figma-reviews .review-card-user-detail {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    overflow-wrap: anywhere
}

.reviews .figma-reviews .review-card-source {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 18px
}

.reviews .figma-reviews .review-card-source-icon {
    display: block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    border-radius: 0
}

.reviews .figma-reviews .review-card-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    width: 700px;
    height: 100%;
    box-sizing: border-box;
    min-width: 0;
    padding: 36px;
    overflow: hidden;
    background: #fff;
    color: #000;
    text-align: left
}

.reviews .figma-reviews .review-card-content>time {
    display: block;
    margin: 0 0 6px;
    color: #666;
    font-size: 14px;
    line-height: 18px
}

.reviews .figma-reviews .review-card-content>h4 {
    width: 100%;
    margin: 0 0 6px;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere
}

.reviews .figma-reviews .review-card-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 18px;
    margin: 0 0 20px
}

.reviews .figma-reviews .review-card-rating strong {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px
}

.reviews .figma-reviews .review-card-rating-stars {
    display: inline-flex;
    gap: 2px;
    height: 18px
}

.reviews .figma-reviews .review-card-rating-stars img {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 0
}

.reviews .figma-reviews .review-card-content .review-card-copy {
    flex: 0 0 auto;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    overflow: visible;
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.reviews .figma-reviews .review-rating-breakdown {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    border: 0
}

.reviews .figma-reviews .review-rating-breakdown>strong {
    display: block;
    margin: 0 0 8px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px
}

.reviews .figma-reviews .review-rating-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4px 60px;
    width: 456px;
    max-width: 100%;
    color: #000;
    font-size: 14px;
    line-height: 18px
}

.reviews .figma-reviews .review-rating-grid span {
    display: flex;
    flex: 0 0 150px;
    align-items: flex-start;
    gap: 6px;
    width: 150px;
    min-width: 0;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    overflow-wrap: anywhere
}

.reviews .figma-reviews .review-rating-grid img {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border-radius: 0;
    margin: 0
}

.reviews .figma-reviews .review-rating-grid b {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 0;
    background: none;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px
}

.reviews .figma-reviews .review-read-more {
    display: block;
    margin: 0;
    color: #544b91;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px
}

@media (max-width:1200px) {
    .reviews .reviews-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .reviews .reviews-tabs::-webkit-scrollbar {
        display: none
    }

    .reviews .reviews-tab {
        flex: 0 0 auto
    }

    .reviews .figma-reviews {
        padding: 48px 24px 32px;
        gap: 24px
    }

    .reviews .figma-reviews .review-score {
        flex-basis: 220px;
        width: 220px
    }

    .reviews .figma-reviews .review-score .score-bars,
    .reviews .figma-reviews .review-score .score-row {
        width: 220px
    }

    .reviews .figma-reviews .review-score .score-row>i {
        width: 182px
    }

    .reviews .figma-reviews .review-slick {
        flex: 1 1 calc(100% - 244px);
        width: auto
    }

    .reviews .figma-reviews .figma-review-card {
        width: 100%
    }
}

@media (max-width:900px) {
    .reviews .reviews-tabs {
        flex-direction: row;
        justify-content: flex-start
    }

    .reviews .figma-reviews {
        display: block;
        padding: 100px 20px 32px
    }

    .reviews .figma-reviews .review-score {
        width: 100%;
        margin-bottom: 32px
    }

    .reviews .figma-reviews .review-score .score-bars,
    .reviews .figma-reviews .review-score .score-row {
        width: 260px;
        max-width: 100%
    }

    .reviews .figma-reviews .review-score .score-row>i {
        flex: 1 1 auto;
        width: auto
    }

    .reviews .figma-reviews .review-slick {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        padding-top: 80px
    }

    .reviews .figma-reviews .figma-review-card {
        width: 100%
    }

    .reviews .figma-reviews .review-score h3 {
        white-space: normal;
        overflow-wrap: anywhere
    }
}

@media (max-width:767px) {
    .reviews .figma-reviews {
        padding: 100px 14px 40px
    }

    .reviews .figma-reviews .review-score h3 {
        font-size: 30px;
        line-height: 36px;
        white-space: normal;
        text-align: left
    }

    .reviews .figma-reviews .figma-review-card {
        flex-direction: column;
        height: auto;
        min-height: 0
    }

    .reviews .figma-reviews .review-card-user {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 20px
    }

    .reviews .figma-reviews .review-card-content {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 20px
    }

    .reviews .figma-reviews .review-slick {
        padding-top: 64px
    }

    .reviews .figma-reviews .review-slick .slick-list,
    .reviews .figma-reviews .review-slick .slick-track,
    .reviews .figma-reviews .review-slick .review-slide.slick-slide {
        height: auto
    }

    .reviews .figma-reviews .review-rating-grid {
        width: 100%;
        gap: 8px 20px
    }

    .reviews .figma-reviews .review-rating-grid span {
        flex-basis: calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

@media (max-width:420px) {
    .reviews .figma-reviews {
        padding-right: 12px;
        padding-left: 12px
    }

    .reviews .figma-reviews .review-rating-grid {
        gap: 8px 0
    }

    .reviews .figma-reviews .review-rating-grid span {
        flex-basis: 100%;
        width: 100%
    }
}

.reviews .review-panel.is-empty {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.reviews .review-panel.is-empty .review-score {
    flex: 0 0 auto;
    align-items: center
}

.reviews .review-panel.is-empty .review-note {
    margin: 0;
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.banner {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    background: #091121;
    color: #fff;
    text-align: center
}

.banner::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -42px;
    width: 400px;
    height: 400px;
    margin-left: -200px;
    opacity: .1;
    background: url("/resource/images/header-footer/header-logo@2x.png") no-repeat center / contain;
    pointer-events: none
}

.banner .banner-content {
    position: relative;
    z-index: 2;
    max-width: 1280px
}

.banner h1 {
    margin: 0 0 24px;
    color: #fff;
    font-size: 64px;
    font-weight: 700;
    line-height: 78px
}

.banner .banner-desc {
    max-width: 1280px;
    margin: 0 auto 48px;
    color: #fff;
    font-size: 20px;
    line-height: 36px
}

.key-considerations {
    padding: 120px 0;
    background: #f8f9fa
}

.key-considerations .section-head {
    margin: 0 auto 80px;
    text-align: center
}

.key-considerations .section-head h2 {
    margin: 0 0 24px;
    color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: 46px
}

.key-considerations .section-head p {
    margin: 0 auto;
    max-width: 1000px;
    color: #333;
    font-size: 18px;
    line-height: 28px
}

.kc-table {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 5px 10px rgba(39, 51, 86, 0.1)
}

.kc-row {
    display: flex;
    align-items: stretch;
    height: 64px;
    background: #fff
}

.kc-row:nth-child(even) {
    background: #f9faff
}

.kc-head {
    height: 88px;
    background: linear-gradient(90deg, #ccdcff 0%, #d7e5ff 100%)
}

.kc-head .kc-cell {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.kc-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.kc-c1 {
    flex: 0 0 500px;
    width: 500px;
    border-right: 1px solid #f1f1f1
}

.kc-c1 strong,
.kc-c1 span {
    display: block;
    font-weight: 400
}

.kc-c2 {
    flex: 1 1 auto;
    min-width: 0
}

.cmp-section {
    padding: 120px 0;
    background: #fff;
    text-align: center
}

.cmp-section .section-head {
    margin: 0 auto 80px
}

.cmp-section .section-head h2 {
    margin: 0 0 24px;
    color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: 46px
}

.cmp-section .section-head p {
    margin: 0 auto;
    max-width: 1000px;
    color: #333;
    font-size: 18px;
    line-height: 28px
}

.cmp-table {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(39, 51, 86, 0.1)
}

.cmp-row {
    display: flex;
    align-items: stretch;
    height: 120px;
    background: #fff
}

.cmp-row:nth-child(even) {
    background: #f9faff
}

.cmp-head {
    height: 80px;
    background: #fff
}

.cmp-head .cmp-cell {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.cmp-cell {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0 24px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.cmp-brand {
    flex: 0 0 220px;
    width: 220px;
    justify-content: flex-start;
    gap: 12px;
    border-right: 1px solid #ebebeb;
    font-size: 18px;
    line-height: 28px;
    text-align: left
}

.cmp-brand img {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    object-fit: contain
}

.cmp-section-dark {
    background: #091121
}

.cmp-section-dark .section-head h2,
.cmp-section-dark .section-head p {
    color: #fff
}

.cmp-section-dark .cmp-head {
    background: #233149
}

.cmp-section-dark .cmp-head .cmp-cell {
    color: #fff
}

.cmp-insight {
    width: 1280px;
    max-width: 100%;
    margin: 80px auto 0;
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(39, 51, 86, 0.1);
    text-align: left
}

.cmp-insight h4 {
    margin: 0 0 8px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-align: center
}

.cmp-insight p {
    margin: 0;
    color: #333;
    font-size: 16px;
    line-height: 24px
}

.ic-score-star {
    display: block;
    width: 32px;
    height: 32px
}

.cmp-section .cmp-brand,
.cmp-section .cmp-head .cmp-brand {
    justify-content: center;
    text-align: center
}

.cmp-section .cmp-brand {
    border-right: 0
}

.cmp-table {
    background-color: #fff;
    background-image: linear-gradient(#ebebeb, #ebebeb), linear-gradient(#ebebeb, #ebebeb);
    background-repeat: no-repeat, no-repeat;
    background-size: 1px 100%, 1px 100%;
    background-position: 220px 0, 220px 100%
}

.cmp-section-dark .cmp-table {
    background-color: #fff
}

.cmp-insight {
    margin-top: 24px
}

.overview-insight h4 {
    text-align: center
}

.access p {
    margin: 0 0 30px;
    text-align: center
}

@media (max-width:767px) {
    .access p {
        margin-bottom: 40px
    }
}

.cmp-insight h4,
.overview-insight h4 {
    text-align: left;
    font-weight: 700
}

.overview-insight h4 {
    margin: 0 0 8px;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.cmp-section .cmp-head .cmp-brand {
    justify-content: center;
    text-align: center
}

.cmp-section .cmp-row:not(.cmp-head) .cmp-brand {
    justify-content: flex-start;
    text-align: left
}

.cmp-table {
    width: 1280px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    background-image: none
}

.cmp-row {
    min-width: 1280px;
    background-color: #fff;
    background-image: linear-gradient(#ebebeb, #ebebeb), linear-gradient(#ebebeb, #ebebeb), linear-gradient(#ebebeb, #ebebeb), linear-gradient(#ebebeb, #ebebeb);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;
    background-position: 220px 0, 485px 0, 750px 0, 1015px 0
}

.cmp-row:nth-child(even) {
    background-color: #f9faff
}

.cmp-section-dark .cmp-table {
    background-color: transparent
}

.cmp-section-dark .cmp-head {
    background-color: transparent;
    background-image: none
}

.cmp-section-dark .cmp-head .cmp-cell {
    background: #233149;
    color: #fff;
    border-radius: 24px 24px 0 0;
    border-right: 4px solid transparent;
    background-clip: padding-box
}

.cmp-section-dark .cmp-head .cmp-cell:last-child {
    border-right: 0
}

@media (max-width:991px) {
    .cmp-row {
        min-width: 1280px
    }
}

.cmp-section .cmp-table .cmp-row {
    background-color: #fff;
    background-image: linear-gradient(#ebebeb, #ebebeb), linear-gradient(#ebebeb, #ebebeb), linear-gradient(#ebebeb, #ebebeb), linear-gradient(#ebebeb, #ebebeb);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;
    background-position: 220px 0, 485px 0, 750px 0, 1015px 0
}

.cmp-section .cmp-table .cmp-row:nth-child(even) {
    background-color: #f9faff
}

.cmp-section .cmp-table .cmp-head {
    background-color: #fff
}

.cmp-section-dark .cmp-table .cmp-row {
    background-color: #fff
}

.cmp-section-dark .cmp-table .cmp-row:nth-child(even) {
    background-color: #f9faff
}

.cmp-section-dark .cmp-table .cmp-head {
    background-image: none
}

.cmp-section-dark .cmp-table .cmp-head .cmp-cell {
    border-right: 0;
    box-shadow: inset -1px 0 0 0 #091121
}

.cmp-section-dark .cmp-table .cmp-head .cmp-cell:last-child {
    box-shadow: none
}

.cmp-section-dark .cmp-table .cmp-head {
    background-color: transparent
}

.access {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/cta-bg.webp") !important
}

.overview-table thead th {
    text-align: center !important
}

.compare-table thead th {
    text-align: center !important
}

.scenario-section {
    padding: 120px 0;
    background: #091121;
    color: #fff;
    text-align: center
}

.scenario-section .section-head {
    margin-bottom: 80px
}

.scenario-section .section-head h2 {
    margin: 0 0 24px;
    font-size: 40px;
    color: #fff;
    line-height: 46px
}

.scenario-section .section-head p {
    margin: 0;
    font-size: 18px;
    line-height: 28px
}

.scenario-section .scenario-tabs {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 3px;
    margin: 0 auto -24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: #ffffff
}

.scenario-section .scenario-tab {
    padding: 10px 24px;
    border-radius: 6px;
    background: transparent;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    transition: all .3s
}

.scenario-section .scenario-tab.active {
    background: #2258f6;
    color: #ffffff;
    font-weight: 700
}

.scenario-section .scenario-panel {
    padding: 60px;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08)
}

.scenario-section .scenario-content {
    display: flex;
    align-items: center;
    gap: 40px;
    color: #000;
    text-align: left
}

.scenario-section .scenario-info {
    flex: 1;
    min-width: 0
}

.scenario-section .scenario-info>h4 {
    margin: 0 0 16px;
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px
}

.scenario-section .scenario-desc {
    margin: 0 0 24px;
    color: #333333;
    font-size: 16px;
    line-height: 28px
}

.scenario-section .scenario-points {
    margin: 0;
    padding: 0;
    list-style: none
}

.scenario-section .scenario-points li {
    position: relative;
    padding-left: 12px;
    list-style: none
}

.scenario-section .scenario-points li:not(:last-child) {
    margin-bottom: 8px
}

.scenario-section .scenario-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000
}

.scenario-section .scenario-points li strong {
    display: block;
    margin-bottom: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.scenario-section .scenario-points li span {
    display: block;
    color: #333333;
    font-size: 14px;
    line-height: 20px
}

.scenario-section .scenario-image {
    flex: 0 0 520px;
    width: 520px
}

.scenario-section .scenario-image img {
    display: block;
    width: 520px;
    height: 400px;
    object-fit: cover;
    border-radius: 24px
}

@media (max-width:1200px) {
    .scenario-section {
        padding: 80px 0
    }

    .scenario-section .scenario-tabs {
        justify-content: space-between;
        width: auto
    }

    .scenario-section .scenario-tab {
        padding: 10px 16px
    }

    .scenario-section .scenario-content {
        gap: 32px
    }

    .scenario-section .scenario-image {
        flex: 0 0 400px;
        width: 400px
    }

    .scenario-section .scenario-image img {
        width: 400px;
        height: 308px
    }
}

@media (max-width:767px) {
    .scenario-section {
        padding: 60px 0
    }

    .scenario-section .section-head {
        margin-bottom: 40px
    }

    .scenario-section .section-head h2 {
        font-size: 30px;
        line-height: 38px
    }

    .scenario-section .section-head p {
        font-size: 16px;
        line-height: 22px
    }

    .scenario-section .scenario-tabs {
        justify-content: flex-start;
        width: auto;
        overflow-x: auto
    }

    .scenario-section .scenario-tab {
        flex: 0 0 auto;
        padding: 10px 20px;
        white-space: nowrap
    }

    .scenario-section .scenario-panel {
        padding: 24px
    }

    .scenario-section .scenario-content {
        flex-direction: column;
        gap: 24px
    }

    .scenario-section .scenario-info>h4 {
        font-size: 30px;
        line-height: 38px
    }

    .scenario-section .scenario-desc {
        margin-bottom: 20px
    }

    .scenario-section .scenario-image {
        flex: 0 0 auto;
        width: 100%
    }

    .scenario-section .scenario-image img {
        width: 100%;
        height: auto;
        aspect-ratio: 13/10
    }
}

.reviews {
    padding: 120px 0 102px;
    text-align: center
}

.reviews .reviews-tabs {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 4px;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto -24px;
    padding: 4px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden
}

.reviews .reviews-tab {
    padding: 7px 18px;
    border-radius: 6px;
    white-space: nowrap;
    background: transparent;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    transition: all .3s
}

.reviews .reviews-tab.active {
    background: #2258f6;
    color: #ffffff
}

.reviews .reviews-tab strong {
    display: block;
    margin-bottom: 4px;
    white-space: nowrap;
    color: inherit;
    font-size: 18px;
    line-height: 22px
}

.reviews .reviews-tab.active strong {
    font-weight: 700
}

.reviews .reviews-tab span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.reviews .reviews-tab .ic-xing {
    display: inline-block;
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath transform='translate(-3.9,-3.9) scale(1.3)' d='M6.09 9.18037L3 6.81964L6.81955 6.81949L8 3L9.18044 6.81949L13 6.81964L9.91 9.18037L8.17358 10.5069L10.1709 9.83398L10.8714 12.9995L7.89091 10.7228L4.90983 13L6.09 9.18037Z' fill='%232258F6'/%3E%3C/svg%3E") no-repeat center / contain
}

.reviews .reviews-tab.active .ic-xing {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath transform='translate(-3.9,-3.9) scale(1.3)' d='M6.09 9.18037L3 6.81964L6.81955 6.81949L8 3L9.18044 6.81949L13 6.81964L9.91 9.18037L8.17358 10.5069L10.1709 9.83398L10.8714 12.9995L7.89091 10.7228L4.90983 13L6.09 9.18037Z' fill='%23ffffff'/%3E%3C/svg%3E")
}

.reviews .review-panel {
    width: 100%;
    padding: 60px 0 60px 40px;
    border-radius: 24px;
    background: #F8F9FA;
    display: flex;
    gap: 40px;
    align-items: flex-start;
    overflow: hidden;
    box-sizing: border-box
}

.reviews .review-score {
    flex: 0 0 260px;
    width: 260px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    color: #000;
    text-align: left
}

.reviews .review-score h3 {
    margin: 0 0 24px;
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    overflow-wrap: break-word
}

.reviews .review-score .score-value {
    margin-bottom: 16px
}

.reviews .review-score .score-label {
    margin-bottom: 8px
}

.reviews .review-score .score-bars {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 260px
}

.reviews .review-slick {
    flex: 0 0 906px;
    width: 906px;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 80px 0 0;
    box-sizing: border-box;
    text-align: left
}

.reviews .review-slick .slick-list {
    margin: 0
}

.reviews .review-slick .slick-slide {
    width: 302px;
    padding: 0
}

.reviews .review-slick .review-slide {
    box-sizing: border-box;
    padding: 0 8px 0 0
}

.reviews .review-slick .slick-arrow {
    top: 0;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    background: #ffffff;
    color: transparent;
    font-size: 0;
    cursor: pointer
}

.reviews .review-slick .slick-arrow::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-L-24@1x.svg") no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%)
}

.reviews .review-slick .slick-arrow:hover {
    background: #2258f6;
    border-color: #2258f6
}

.reviews .review-slick .slick-arrow:hover::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-L-24-hover@1x.svg")
}

.reviews .review-slick .slick-prev {
    right: 56px;
    left: auto;
    margin-left: 0
}

.reviews .review-slick .slick-next {
    right: 0;
    margin-left: 0
}

.reviews .review-slick .slick-next::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-R-24@1x.svg")
}

.reviews .review-slick .slick-next:hover {
    background: #2258f6;
    border-color: #2258f6
}

.reviews .review-slick .slick-next:hover::before {
    background-image: url("/resource/images/best_remote-desktop-alternatives-iw/ic-arrow-R-24-hover@1x.svg")
}

.reviews .review-card {
    width: 100%;
    height: 360px
}

@media (max-width:1300px) {
    .reviews .review-slick {
        flex: 1 1 calc(100% - 300px)
    }
}

@media (max-width:1200px) {
    .reviews .reviews-tabs {
        justify-content: flex-start;
        width: auto;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .reviews .reviews-tabs::-webkit-scrollbar {
        display: none
    }

    .reviews .reviews-tab {
        flex: 0 0 auto;
        padding: 7px 14px;
        white-space: nowrap
    }

    .reviews .review-score {
        flex: 0 0 220px;
        width: 220px
    }

    .reviews .review-score .score-bars {
        width: 220px
    }

    .reviews .review-score .score-row>i {
        width: 156px
    }
}

@media (max-width:900px) {
    .reviews .reviews-tabs {
        flex-direction: row
    }

    .reviews .review-panel {
        display: block;
        padding: 100px 20px 32px
    }

    .reviews .review-score {
        width: 100%;
        margin-bottom: 32px
    }

    .reviews .review-score .score-bars {
        width: 260px;
        max-width: 100%
    }

    .reviews .review-score .score-row>i {
        flex: 1 1 auto;
        width: auto
    }

    .reviews .review-slick {
        flex: 0 0 100%;
        width: 100%;
        padding-top: 80px
    }
}

@media (max-width:767px) {
    .reviews {
        padding: 60px 0 80px
    }

    .reviews h2 {
        font-size: 30px;
        line-height: 38px
    }

    .reviews p.desc {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 22px
    }

    .reviews .reviews-tab {
        padding: 7px 10px
    }

    .reviews .reviews-tab strong {
        font-size: 16px
    }

    .reviews .review-panel {
        padding: 96px 14px 40px
    }

    .reviews .review-score h3 {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width:420px) {
    .reviews .review-score {
        margin-bottom: 24px
    }
}

/* ===== Recommendation 场景板块：按设计帧 1786:102412 / 补充帧 1786:102736 对齐 ===== */
.scenario-section .scenario-image {
    border-radius: 24px;
    overflow: hidden
}

.scenario-section .scenario-tabs {
    gap: 4px
}

.scenario-section .scenario-tab {
    padding: 0 48px
}

.scenario-section .recommend-tools h4 {
    margin: 0 0 16px;
    color: #333;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-align: left
}

.scenario-section .recommend-tools ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.scenario-section .recommend-tools li {
    position: relative;
    margin: 0 0 12px;
    padding-left: 12px;
    list-style: none
}

.scenario-section .recommend-tools li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000
}

.scenario-section .recommend-tools li strong {
    display: block;
    margin-bottom: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.scenario-section .recommend-tools li span {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 20px
}

@media (max-width:991px) {
    .scenario-section .scenario-tab {
        padding: 0 24px
    }
}

@media (max-width:767px) {
    .scenario-section .scenario-tab {
        padding: 0 12px
    }
}

/* 修正：tab 高度与列表间距（设计图 h48 / 列表 gap12） */
.scenario-section .scenario-tabs {
    height: 56px
}

.scenario-section .scenario-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 48px
}

.scenario-section .recommend-tools li:not(:last-child) {
    margin-bottom: 12px
}

.scenario-section .recommend-tools li:last-child {
    margin-bottom: 0
}

@media (max-width:991px) {
    .scenario-section .scenario-tab {
        padding: 0 24px
    }
}

@media (max-width:767px) {
    .scenario-section .scenario-tab {
        padding: 0 12px
    }
}

/* ===== 验收修正（20260930）：Recommended Tools 字号 ===== */
.scenario-section .recommend-tools h4 {
    font-size: 16px;
    line-height: 24px
}

/* ===================== page overrides（本页设计帧取值） ===================== */

/* --- banner：#091121 + 中央显示器图形(10% 透明度已烘焙) + 径向渐晕（1786:101247/101248/101250） --- */
.banner {
    padding: 120px 0;
    background-color: #091121;
    background-image:
        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.16) 85%, rgba(0, 0, 0, 0.4) 100%),
        url("/resource/images/best_remote-desktop-alternatives-iw/banner-graphic.webp");
    background-repeat: no-repeat, no-repeat;
    background-position: center, center -25px;
    background-size: 100% 100%, 420px 420px;
}

.banner .banner-content {
    max-width: 1280px;
}

.banner h1 {
    margin: 0 0 24px;
    font-size: 60px;
    line-height: 78px;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.banner .banner-desc {
    max-width: 1280px;
    margin: 0 auto 60px;
    font-size: 20px;
    line-height: 36px;
}

.banner .btn.btn-blue {
    min-width: 346px;
    height: 64px;
    border-radius: 32px;
    background: #2258f6;
    box-shadow: 0 10px 20px rgba(34, 88, 246, 0.4);
    line-height: 64px;
}

.banner .btn.btn-blue .ic-down {
    vertical-align: -4px;
    margin-right: 6px;
}

@media (max-width: 991px) {
    .banner {
        background-size: 100% 100%, 320px 320px;
    }

    .banner h1 {
        font-size: 48px;
        line-height: 58px;
    }
}

@media (max-width: 767px) {
    .banner h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .banner .banner-desc {
        font-size: 16px;
        line-height: 25px;
    }
}

/* --- Why 表：表头纹理（1786:101281 导出）。
   2026-10-13 用户纠偏：设计 rdp-02 渲染图自带「双格 24px 顶圆角 + 4px 白中缝」痕迹，交付后判定为缺陷——
   取消格内圆角与中缝：外角由容器 border-radius:16px + overflow:hidden 统一裁切（与容器严丝合缝）、
   中缝 gap:0 且表头首列 1px 分隔线转透明（保持 1px 几何宽度不动列位），两格蓝底无缝相接。 --- */
.key-considerations .kc-head {
    gap: 0;
    background: none;
}

/* 表头首列分隔线转透明：几何保持 1px（列位与表体对齐），视觉上中缝不留白线。 */
.key-considerations .kc-head .kc-c1 {
    border-right-color: transparent;
}

.key-considerations .kc-head .kc-cell {
    border-radius: 24px 24px 0 0;
    background: #c8d8fb url("/resource/images/best_remote-desktop-alternatives-iw/bg-title-figma.webp") no-repeat center / cover;
}

/* --- Best Alternatives 表：表头格纹理 + 白缝（设计 rdp-03；容器 r16） --- */
.alternatives .overview-table {
    border-radius: 16px;
}

.alternatives .overview-table thead th:first-child {
    width: 320px;
    border-radius: 24px 24px 0 0;
    background: #f9faff;
    background: #d3e2ff;
}

.alternatives .overview-table thead th:not(:first-child) {
    width: 320px;
    border-left: 1px solid #fff;
    border-radius: 24px 24px 0 0;
    background: #c8d8fb url("/resource/images/best_remote-desktop-alternatives-iw/bg-title-figma.webp") no-repeat center / cover;
}

/* --- 7+1 列对比表通用容器（quick 模式；区块底色按帧：setup=#F8F9FA，quick/feature/security=#FFF） --- */
.quick.section-white {
    background: #fff;
}

.quick .table thead tr th {
    background: #fff !important;
}

/* --- pricing：表头圆角 24（1786:102157 表头格 r24 24 0 0） --- */
.pricing .compare-table thead th {
    border-radius: 24px 24px 0 0;
}

/* --- Feature/Security/Quick 表勾叉图标（族契约：psc-vs-sp .status data-URI） --- */
.quick .table .status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: none;
    border-radius: 0;
}

.quick .table .status::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.quick .table .status.status-yes::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='%230256FF'/%3E%3Cpath d='M6 9.9L8.9 12.2L12.4 7.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.quick .table .status.status-no {
    background: none;
}

.quick .table .status.status-no::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23BCBCBC'/%3E%3Cpath d='M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* --- Profiles：RemotePC 卡右列双盒堆叠（Recommended for + Best for，补充帧/文档变体） --- */
.alternatives-profiles {
    background: #F8F9FA;
}

.alternatives .alternative-card-info div {
    min-height: 0;
}

.alternatives .alternative-card-info .info-col {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.alternatives .alternative-card-info .info-col>div {
    flex: 0 0 auto;
    padding: 28px;
    margin-bottom: 0;
}

.alternatives .alternative-card-info .info-col h4 {
    margin-bottom: 8px;
    font-size: 20px;
}

.alternatives .alternative-card-info .info-col>div:last-child h4 {
    font-size: 18px;
    line-height: 28px;
}

/* --- CTA：照片背景（1786:102705 导出）+ H2 50/64 + 要点列表（文档 3 条） --- */
.access {
    padding: 120px 0;
    background: #091121 url("/resource/images/best_remote-desktop-alternatives-iw/cta-bg.webp") no-repeat center / cover;
}

.access h2 {
    font-size: 50px;
    line-height: 64px;
}

.access p {
    font-size: 20px;
    line-height: 40px;
}

.access ul {
    margin: 0 0 48px;
}

.access li a {
    color: #fff;
    text-decoration: underline;
}

.access .btn.btn-blue {
    min-width: 346px;
    height: 64px;
    border-radius: 32px;
    background: #2258f6;
    box-shadow: 0 10px 20px rgba(34, 88, 246, 0.4);
}

@media (max-width: 767px) {
    .access h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .access p {
        font-size: 16px;
        line-height: 26px;
    }
}

/* --- 悬浮导航：卡宽 240（1786:102713） --- */
.side-nav {
    width: 240px;
}

.side-nav .side-nav-download {
    width: 204px;
}

@media (max-width: 1800px) {
    .side-nav {
        display: none;
    }
}

/* --- sticky 横幅文案（docx 1.2：strong 文字呈现，样式对齐横幅观感） --- */
.sticky-download .sticky-download-text .text-box strong {
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .sticky-download .sticky-download-text .text-box strong {
        font-size: 20px;
        line-height: 26px;
    }
}

/* --- 场景 tabs：tab 条与补充帧一致（白底 r8 padding4，tab r6 10x24 h48，active #2258F6） --- */
.scenario-section .scenario-tabs {
    max-width: 1240px;
}

.scenario-section .scenario-tab {
    padding: 13px 0;
    flex: 1 1 0;
    border-radius: 6px;
}

/* --- reviews tabs（6 tab） --- */
.reviews .reviews-tabs {
    max-width: 1258px;
}

/* 手机端首列不固定，避免遮挡横向滚动的说明文字。 */
@media (max-width: 992px) {
    .key-considerations .kc-table {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .key-considerations .kc-table .kc-c1 {
        position: sticky;
        left: 0;
        z-index: 2;
        flex: 0 0 360px;
        width: 360px;
        background: #fff;
    }

    .key-considerations .kc-table .kc-head .kc-c1 {
        z-index: 3;
        background: #c8d8fb url("/resource/images/best_remote-desktop-alternatives-iw/bg-title-figma.webp") no-repeat center / cover;
    }

    .key-considerations .kc-table .kc-row:nth-child(even):not(.kc-head) .kc-c1 {
        background: #f9faff;
    }

    .key-considerations .kc-table .kc-row {
        height: auto;
        min-height: 80px;
    }

    .key-considerations .kc-table .kc-head {
        min-height: 88px;
    }

    .key-considerations .kc-table .kc-cell {
        padding: 12px 24px;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 767px) {
    .key-considerations .kc-table .kc-row {
        width: calc(100% + 300px);
        min-width: 0;
    }

    .key-considerations .kc-table .kc-cell {
        padding: 12px 10px;
        overflow-wrap: anywhere;
    }

    .key-considerations .kc-table .kc-c1 {
        position: static;
        flex-basis: 300px;
        width: 300px;
    }

    .key-considerations .kc-table .kc-c2 {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
    }
}