* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
        scroll-behavior: smooth;
      }
      :root {
        --primary: #0066ff;
        --primary-dark: #0047b3;
        --accent: #00b4d8;
        --sub-gray: #f4f6f9;
        --section-alt: #eef2f7;
        --dark: #0a1628;
        --dark-soft: #132337;
        --text: #1a1a1a;
        --text-light: #5c6370;
        --nav-h: 64px;
        --nav-bg: #071a33;
        --nav-bg-deep: #051226;
        --nav-text: #ffffff;
        --floating-yellow: #ffc107;
      }
      body {
        color: var(--text);
        line-height: 1.65;
        overflow-x: hidden;
        background: #fff;
      }

      /* ===== NAV 深蓝顶栏 + 浅色文字 ===== */
      .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: clamp(19px, 2.65vw, 39px);
        padding: 0 clamp(26px, 6.5vw, 68px);
        height: var(--nav-h);
        min-height: var(--nav-h);
        overflow: visible;
        background: linear-gradient(
          180deg,
          var(--nav-bg) 0%,
          var(--nav-bg-deep) 100%
        );
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
        transition:
          box-shadow 0.35s,
          background 0.35s,
          border-color 0.35s,
          color 0.35s;
      }
      .nav.nav-home-transparent {
        background: transparent;
        border-bottom-color: transparent;
        box-shadow: none;
      }
      .nav.scrolled {
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
      }
      .logo {
        font-size: 26px;
        font-weight: 700;
        color: var(--nav-text);
        display: flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        flex-shrink: 0;
      }
      .logo img {
        display: block;
        filter: brightness(0) invert(1);
        height: calc(var(--nav-h) * 0.45) !important;
        width: auto !important;
        max-height: 32px;
      }
      .logo-icon {
        width: 36px;
        height: 36px;
        background: linear-gradient(
          135deg,
          var(--primary) 0%,
          var(--primary-dark) 100%
        );
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
      }
      /* 中间区域：占满 Logo 与右侧之间的空间，供容器查询判断「是否还摆得下菜单」 */
      .nav-menu-shell {
        flex: 1 1 0%;
        min-width: 0;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      /* 不换行，避免缩放后折行错位；字号随视口比例变化 */
      .nav-menu {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
        gap: clamp(22px, 2.9vw, 48px);
        padding: 0 clamp(10px, 1.9vw, 34px);
        overflow: visible;
      }
      .nav-menu > a,
      .nav-menu > .nav-dropdown {
        padding-inline: clamp(6px, 0.75vw, 12px);
      }
      .nav-menu a {
        margin: 0;
        flex-shrink: 0;
        text-decoration: none;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(14px, calc(var(--nav-h) * 0.26), 20px);
        line-height: 1.2;
        font-weight: 500;
        transition: color 0.25s;
        position: relative;
        white-space: nowrap;
      }
      .nav-menu a::after {
        content: "";
        position: absolute;
        bottom: -0.2em;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: var(--accent);
        transition: width 0.25s;
      }
      .nav-menu a:hover {
        color: var(--nav-text);
      }
      .nav-menu a:hover::after {
        width: 100%;
      }
      .nav-dropdown {
        position: relative;
        margin: 0;
        flex-shrink: 0;
      }
      .nav-dropdown-trigger {
        cursor: default;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(14px, calc(var(--nav-h) * 0.26), 20px);
        line-height: 1.2;
        font-weight: 500;
        display: inline-block;
        position: relative;
        white-space: nowrap;
        user-select: none;
      }
      /* 中间可排宽度不足时隐藏整条菜单（缩放/窄屏时比整页宽度更准）；不支持容器查询时回退到下方 768px 规则 */
      /* @supports (container-type: inline-size) {
        .nav-menu-shell {
          container-type: inline-size;
          container-name: navcenter;
        }
        @container navcenter (max-width: 620px) {
          .nav-menu {
            display: flex !important;
            justify-content: flex-start;
            gap: clamp(8px, 2vw, 16px);
            padding: 0 clamp(6px, 1.2vw, 14px);
            overflow: visible;
          }
        }
      } */
      .nav-dropdown-trigger::after {
        content: "";
        position: absolute;
        bottom: -0.2em;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: var(--accent);
        transition: width 0.25s;
      }
      .nav-dropdown:hover .nav-dropdown-trigger::after,
      .nav-dropdown:focus-within .nav-dropdown-trigger::after {
        width: 100%;
      }
      .nav-dropdown:hover .nav-dropdown-trigger,
      .nav-dropdown:focus-within .nav-dropdown-trigger {
        color: var(--nav-text);
      }
      .nav-dropdown-hover-zone {
        display: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        padding-top: 14px;
        min-width: 100%;
        z-index: 1001;
      }
      .nav-dropdown:hover .nav-dropdown-hover-zone,
      .nav-dropdown:focus-within .nav-dropdown-hover-zone {
        display: block;
      }
      .nav-dropdown-panel {
        min-width: 240px;
        padding: 10px 0;
        background: #fff;
        border: 1px solid rgba(10, 22, 40, 0.1);
        border-radius: 8px;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
      }
      .nav-dropdown-panel a {
        display: block;
        padding: 10px 20px;
        margin: 0;
        color: var(--dark);
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
        transition:
          background 0.2s,
          color 0.2s;
      }
      .nav-dropdown-panel a::after {
        display: none !important;
      }
      .nav-dropdown-panel a:hover {
        background: rgba(0, 102, 255, 0.08);
        color: var(--primary);
      }
      .nav-right {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-shrink: 0;
      }
      .lang-select {
        padding: 8px 12px;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 6px;
        font-size: 14px;
        outline: none;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.1);
        color: var(--nav-text);
      }
      .lang-select:focus {
        border-color: var(--accent);
      }
      .lang-select option {
        background: var(--nav-bg-deep);
        color: var(--nav-text);
      }
      .btn {
        padding: 9px 22px;
        border-radius: 6px;
        border: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s;
        white-space: nowrap;
      }
      .btn-console {
        background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
        color: #fff;
        font-weight: 600;
        box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
      }
      .btn-console:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(255, 193, 7, 0.4);
      }
      .btn-primary {
        background: var(--primary);
        color: #fff;
        box-shadow: 0 4px 12px rgba(22, 93, 255, 0.3);
      }
      .btn-primary:hover {
        background: var(--primary-dark);
        transform: translateY(-2px);
      }
      .btn-slide-primary {
        background: linear-gradient(135deg, #ff6f00 0%, #ff8f00 100%);
        color: #fff;
        font-weight: 600;
        box-shadow: 0 4px 16px rgba(255, 111, 0, 0.35);
        border: none;
      }
      .btn-slide-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 24px rgba(255, 111, 0, 0.45);
        background: linear-gradient(135deg, #ff8f00 0%, #e65100 100%);
      }

      /* ===== HERO SLIDER (full-bleed + bilingual + progress) ===== */
      .hero-slider {
        margin-top: 0;
        height: 100vh;
        min-height: 560px;
        position: relative;
        overflow: hidden;
        padding-top: var(--nav-h);
        box-sizing: border-box;
        isolation: isolate;
      }
      .hero-slider::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        /* 底图略放大，锚点近视觉中心略偏右下，兼顾构图平衡与角标区域裁切 */
        background-size:
          cover,
          120% auto;
        background-position:
          center,
          52% 48%;
        background-repeat: no-repeat;
        transition: opacity 1s ease;
        opacity: 0;
        pointer-events: none;
      }
      /* 仅挡左上角小范围，避免整顶一条暗带造成「整体左偏」观感 */
      .hero-slider::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: min(55vw, 480px);
        height: min(36vh, 240px);
        z-index: 0;
        pointer-events: none;
        background: radial-gradient(
          ellipse 100% 90% at 0% 0%,
          rgba(4, 16, 36, 0.82) 0%,
          rgba(4, 16, 36, 0.28) 55%,
          rgba(4, 16, 36, 0) 75%
        );
      }
      .hero-slider.hero-bg--1::before {
        background-image:
          linear-gradient(
            160deg,
            rgba(6, 20, 40, 0.7) 0%,
            rgba(10, 35, 68, 0.55) 45%,
            rgba(13, 58, 107, 0.5) 100%
          ),
          url("../../assets/images/pages/home/hero-bg-1.jpg");
        opacity: 1;
      }
      .hero-slider.hero-bg--2::before {
        background-image:
          linear-gradient(
            165deg,
            rgba(12, 24, 41, 0.72) 0%,
            rgba(19, 35, 55, 0.58) 50%,
            rgba(26, 58, 92, 0.52) 100%
          ),
          url("../../assets/images/pages/home/hero-bg-2.jpg");
        opacity: 1;
      }
      /* 竖长视口以高度为轴放大底图，避免仅加宽时上下露边，仍保持右下锚点 */
      @media (max-aspect-ratio: 3/4) {
        .hero-slider::before {
          background-size:
            cover,
            auto 120%;
          background-position:
            center,
            50% 45%;
        }
      }
      .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 6%;
        opacity: 0;
        transition: opacity 1s ease;
        z-index: 1;
      }
      .slide.active {
        opacity: 1;
      }
      .slide-1,
      .slide-2 {
        background: transparent;
        color: #fff;
      }
      .slide-inner {
        max-width: 1000px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
      }
      .slide h1 {
        font-size: clamp(28px, 5vw, 52px);
        font-weight: 700;
        margin-bottom: 16px;
        line-height: 1.25;
        letter-spacing: -0.02em;
        opacity: 0;
        transform: translateY(28px);
        transition: all 0.8s 0.25s ease;
      }
      .slide.active h1 {
        opacity: 1;
        transform: translateY(0);
      }
      .slide-en {
        font-size: clamp(14px, 2vw, 18px);
        font-weight: 400;
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 28px;
        line-height: 1.5;
        opacity: 0;
        transform: translateY(24px);
        transition: all 0.8s 0.35s ease;
      }
      .slide.active .slide-en {
        opacity: 1;
        transform: translateY(0);
      }
      .slide-desc {
        font-size: 17px;
        max-width: 720px;
        margin: 0 auto 28px;
        color: rgba(255, 255, 255, 0.88);
        opacity: 0;
        transform: translateY(24px);
        transition: all 0.8s 0.45s ease;
      }
      .slide.active .slide-desc {
        opacity: 1;
        transform: translateY(0);
      }
      .slide-tags {
        display: flex;
        gap: 16px;
        margin-top: 16px;
        flex-wrap: wrap;
        justify-content: center;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s 0.7s ease;
      }
      .slide.active .slide-tags {
        opacity: 1;
        transform: translateY(0);
      }
      .slide-tags span {
        padding: 8px 20px;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 24px;
        font-size: 14px;
        backdrop-filter: blur(10px);
      }
      .slide-btns {
        display: flex;
        gap: 20px;
        margin-top: 40px;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s 0.9s ease;
      }
      .slide.active .slide-btns {
        opacity: 1;
        transform: translateY(0);
      }
      .btn-outline {
        background: transparent;
        border: 2px solid rgba(255, 255, 255, 0.95);
        color: #fff;
      }
      .btn-outline:hover {
        background: rgba(255, 255, 255, 0.15);
        border-color: #fff;
      }
      .hero-progress {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: rgba(255, 255, 255, 0.12);
        z-index: 4;
      }
      .hero-progress-bar {
        height: 100%;
        width: 0%;
        background: linear-gradient(90deg, var(--accent), var(--primary));
        transition: width 0.1s linear;
      }
      .slider-dots {
        position: absolute;
        bottom: 48px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        gap: 16px;
        z-index: 4;
      }
      .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.35);
        cursor: pointer;
        transition: all 0.35s;
      }
      .dot.active {
        background: #fff;
        width: 36px;
        border-radius: 4px;
      }
      .wave {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80px;
        opacity: 0.95;
        z-index: 3;
      }
      /* ===== SECTION（首屏 hero 除外：整体收紧纵向留白） ===== */
      .section {
        padding: 64px 5%;
        max-width: 1400px;
        margin: 0 auto;
        opacity: 0;
        transform: translateY(28px);
        transition: all 0.8s ease;
      }
      .section.active {
        opacity: 1;
        transform: translateY(0);
      }
      .section-gray {
        background: var(--sub-gray);
        max-width: 100%;
        /* 纵向只由内层 .section 控制，避免与 .section 各 64px 叠成过宽缝 */
        padding: 0 5%;
      }
      .section-gray .inner {
        max-width: 1400px;
        margin: 0 auto;
      }
      /* 内层 section 的留白区与灰条同色，避免接缝处露 body 白底 */
      .section-gray > .section {
        background-color: var(--sub-gray);
      }
      /* 两个相邻灰底 wrapper 之间：接缝留白（相对原 40px 约 +30%） */
      .section-gray:has(+ .section-gray) > .section {
        padding-bottom: 52px;
      }
      .section-gray + .section-gray > .section {
        padding-top: 52px;
      }
      /* 同一 wrapper 内上下两个 section（服务流程 + 品牌实力） */
      .section-gray > .section + .section {
        padding-top: 52px;
      }
      .section-gray > .section:has(+ .section) {
        padding-bottom: 52px;
      }
      .section-title {
        text-align: center;
        margin-bottom: 36px;
      }
      .section-title h2 {
        font-size: clamp(26px, 4vw, 38px);
        font-weight: 700;
        color: var(--dark);
        margin-bottom: 10px;
        letter-spacing: -0.02em;
      }
      .section-title .subtitle-en {
        font-size: 15px;
        color: var(--text-light);
        font-weight: 400;
        margin-bottom: 6px;
      }
      .section-title p {
        font-size: 16px;
        color: var(--text-light);
        max-width: 640px;
        margin: 0 auto;
        line-height: 1.75;
      }

      /* ===== BUSINESS ===== */
      .business-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
      }
      .business-card {
        background: #fff;
        border-radius: 4px;
        overflow: hidden;
        border: 1px solid rgba(10, 22, 40, 0.08);
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.06);
        transition: all 0.35s ease;
      }
      a.business-card {
        text-decoration: none;
        color: inherit;
        display: block;
        cursor: pointer;
      }
      .business-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 48px rgba(0, 102, 255, 0.12);
        border-color: rgba(0, 102, 255, 0.25);
      }
      .business-icon {
        height: 160px;
        background: linear-gradient(160deg, var(--dark-soft) 0%, #1e4a7a 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 56px;
      }
      .business-content {
        padding: 22px 20px 24px;
      }
      .business-content h3 {
        font-size: 17px;
        margin-bottom: 10px;
        color: var(--dark);
        font-weight: 600;
      }
      .business-content p {
        font-size: 14px;
        color: var(--text-light);
        margin-bottom: 14px;
        line-height: 1.7;
      }
      .business-link {
        color: var(--primary);
        font-size: 14px;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: gap 0.3s;
      }
      .business-card:hover .business-link {
        gap: 12px;
      }

      /* ===== 客户核心解决方案：左弧形节点 + 右聊天框内容 ===== */
      #business .biz-chain-wrap {
        max-width: 1180px;
        margin: 0 auto;
      }
      #business.section {
        padding-bottom: 36px;
      }
      #cases.section {
        padding-top: 36px;
      }
      #business .biz-chat-shell {
        display: grid;
        grid-template-columns: minmax(300px, 40%) minmax(0, 1fr);
        gap: clamp(22px, 3vw, 34px);
        align-items: stretch;
      }
      #business .biz-arc-side {
        position: relative;
        min-height: 400px;
      }
      #business .biz-arc-curve {
        position: absolute;
        left: 44px;
        top: 44px;
        width: 200px;
        height: 330px;
        border: 3px solid rgba(0, 102, 255, 0.22);
        border-left: none;
        border-radius: 0 200px 200px 0;
        pointer-events: none;
      }
      #business .biz-arc-node {
        position: absolute;
        display: block;
        width: min(100%, 300px);
        max-width: 300px;
      }
      #business .biz-arc-node--0 {
        top: 12px;
        left: 0;
      }
      #business .biz-arc-node--1 {
        top: 150px;
        left: 56px;
      }
      #business .biz-arc-node--2 {
        top: 288px;
        left: 0;
      }
      /* 左栏三项：白底横向卡片，左圆标 + 右标题/副标题 */
      #business .biz-chain-hit {
        box-sizing: border-box;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 12px 14px 12px 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
        text-align: left;
        font: inherit;
        cursor: pointer;
        background: #fff;
        border: 1px solid #e0e4eb;
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(10, 22, 40, 0.06);
        color: inherit;
        transition:
          background 0.2s ease,
          border-color 0.2s ease,
          box-shadow 0.2s ease;
      }
      #business .biz-chain-hit:hover {
        border-color: rgba(0, 102, 255, 0.32);
        box-shadow: 0 4px 14px rgba(10, 22, 40, 0.1);
      }
      #business .biz-chain-hit.is-active {
        background: #eef3ff;
        border-color: rgba(0, 102, 255, 0.4);
        box-shadow:
          0 2px 10px rgba(0, 102, 255, 0.1),
          0 0 0 1px rgba(0, 102, 255, 0.12) inset;
      }
      #business .biz-chain-hit:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 2px;
      }
      #business .biz-chain-hit__icon {
        flex-shrink: 0;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        line-height: 1;
        background: linear-gradient(
          155deg,
          #152a45 0%,
          #1e4a7a 55%,
          #2563b8 100%
        );
        color: #fff;
        box-shadow:
          0 0 0 2px #fff,
          0 6px 16px rgba(10, 22, 40, 0.22);
        transition: transform 0.25s ease;
      }
      #business .biz-chain-hit.is-active .biz-chain-hit__icon {
        transform: scale(1.04);
        box-shadow:
          0 0 0 2px #fff,
          0 0 0 3px rgba(0, 102, 255, 0.3),
          0 8px 18px rgba(10, 22, 40, 0.2);
      }
      #business .biz-chain-hit__text {
        min-width: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
      }
      #business .biz-arc-node__title {
        display: block;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        color: #1a1d24;
        line-height: 1.35;
        letter-spacing: -0.01em;
        transition: color 0.2s ease;
      }
      #business .biz-arc-node__desc {
        display: block;
        width: 100%;
        font-size: 13px;
        font-weight: 400;
        color: #5c6370;
        line-height: 1.45;
      }
      #business .biz-arc-node.is-active .biz-arc-node__title {
        color: #0a4a9a;
      }
      #business .biz-chat-main {
        position: relative;
        min-height: 400px;
        display: flex;
        --biz-arrow-top: 50%;
      }
      #business .biz-chat-panel {
        height: 100%;
        flex: 1 1 auto;
        display: flex;
      }
      #business .biz-chat-panel[hidden] {
        display: none;
      }
      #business .biz-chat-bubble {
        position: relative;
        height: 100%;
        width: 100%;
        min-height: 400px;
        background: linear-gradient(180deg, #ffffff 0%, #fafbfd 100%);
        border: 1px solid rgba(10, 22, 40, 0.09);
        border-radius: 16px;
        padding: 20px 24px 22px;
        box-shadow:
          0 1px 0 rgba(255, 255, 255, 0.9) inset,
          0 2px 8px rgba(10, 22, 40, 0.04),
          0 12px 28px rgba(10, 22, 40, 0.09);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      #business .biz-chat-bubble::before {
        content: "";
        position: absolute;
        left: -13px;
        top: var(--biz-arrow-top, 50%);
        transform: translateY(-50%);
        border-width: 9px 13px 9px 0;
        border-style: solid;
        border-color: transparent #ffffff transparent transparent;
        filter: drop-shadow(-3px 0 2px rgba(10, 22, 40, 0.06));
      }
      #business .biz-chain-panel {
        height: auto;
        width: min(100%, 640px);
        overflow: visible;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        text-align: left;
      }
      #business .biz-chain-iot-cta {
        margin: 16px 0 0;
        padding-top: 14px;
        border-top: 1px solid rgba(10, 22, 40, 0.07);
        text-align: right;
      }
      #business .biz-chain-iot-cta__link {
        font-size: 16px;
        font-weight: 600;
        color: var(--primary);
        text-decoration: none;
      }
      #business .biz-chain-iot-cta__link:hover {
        text-decoration: underline;
      }
      .biz-chain-iot-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 0;
        width: 100%;
        max-width: 640px;
        text-align: left;
      }
      .biz-chain-iot-item strong {
        display: block;
        font-size: 19px;
        font-weight: 700;
        color: var(--dark);
        line-height: 1.35;
        margin-bottom: 6px;
      }
      .biz-chain-iot-sub {
        font-size: 17px;
        color: var(--text-light);
        line-height: 1.55;
        margin: 0;
      }
      .biz-chain-panel-more {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 14px;
        font-weight: 500;
        color: var(--primary);
        text-decoration: none;
      }
      .biz-chain-panel-more:hover {
        text-decoration: underline;
      }
      #business .biz-chain-panel-link {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        column-gap: 12px;
        padding: 10px 12px 14px 16px;
        border-bottom: 1px solid rgba(10, 22, 40, 0.1);
        text-decoration: none;
        color: inherit;
        transition: background 0.2s;
        margin: 0;
        border-radius: 8px;
        width: 100%;
        max-width: 640px;
        text-align: left;
      }
      #business .biz-chain-panel-link__body {
        min-width: 0;
      }
      #business .biz-chain-panel-link__more {
        font-size: 14px;
        font-weight: 600;
        color: var(--primary);
        white-space: nowrap;
        align-self: end;
        opacity: 0;
        transition: opacity 0.2s ease;
        pointer-events: none;
      }
      #business .biz-chain-panel-link:hover .biz-chain-panel-link__more,
      #business
        .biz-chain-panel-link:focus-visible
        .biz-chain-panel-link__more {
        opacity: 1;
        pointer-events: auto;
      }
      @media (hover: none) {
        #business .biz-chain-panel-link__more {
          opacity: 1;
          pointer-events: auto;
        }
      }
      #business .biz-chain-panel-link:last-child {
        border-bottom: none;
        padding-bottom: 4px;
      }
      #business .biz-chain-panel-link:first-of-type {
        padding-top: 0;
      }
      #business .biz-chain-panel-link:hover {
        background: rgba(0, 102, 255, 0.06);
      }
      #business .biz-chain-panel-link strong {
        display: block;
        font-size: 19px;
        font-weight: 700;
        color: var(--dark);
        margin-bottom: 6px;
        line-height: 1.35;
      }
      .biz-chain-item-desc {
        display: block;
        font-size: 17px;
        color: var(--text-light);
        line-height: 1.55;
        font-weight: 400;
      }
      /* ===== TECH（硬核底座：四核心技术 + 四支撑平台一体化组合） ===== */
      .tech-core-grid {
        /* 窄屏圆标直径（固定 clamp，与卡片是否撑高无关） */
        --tech-core-mobile-badge: clamp(60px, 18vw, 84px);
      }
      .tech-core-grid .business-card {
        /* 外圈圆标略大于原 30–36px；内图 scale 仍控制白标视觉 */
        --tech-core-icon-box: clamp(34px, 3.05vw, 40px);
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: start;
        gap: 0;
        min-height: 0;
      }
      .tech-core-grid .business-icon {
        box-sizing: border-box;
        position: relative;
        flex-shrink: 0;
        align-self: start;
        width: var(--tech-core-icon-box);
        height: var(--tech-core-icon-box);
        min-width: 0;
        min-height: 0;
        margin: 12px 12px 0 16px;
        padding: 0;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 999px;
      }
      .tech-core-grid .business-icon::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(155deg, #152a45 0%, #1e4a7a 100%);
        box-shadow:
          0 0 0 4px #fff,
          0 8px 20px rgba(10, 22, 40, 0.16);
      }
      .tech-core-grid .business-content {
        padding: 12px 16px 14px 4px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        min-height: 0;
        min-width: 0;
      }
      .tech-core-grid .tech-core-head-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 6px 8px;
        margin-bottom: 8px;
        min-width: 0;
        width: 100%;
      }
      /* 英文：产品标签较长，副标题置于主标题下方 */
      html:lang(en) .tech-core-grid .tech-core-head-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
      }
      html:lang(en) .tech-core-grid .tech-core-tag {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }
      .tech-core-grid .tech-core-name {
        margin: 0;
        flex-shrink: 0;
        font-size: clamp(17px, 1.95vw, 20px);
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 1.25;
        color: var(--dark);
      }
      .tech-core-grid .tech-core-tag {
        display: inline-block;
        padding: 3px 8px;
        border-radius: 6px;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.35;
        letter-spacing: 0.01em;
        color: #1a3a5c;
        background: rgba(0, 102, 255, 0.09);
        border: 1px solid rgba(0, 102, 255, 0.14);
        max-width: 100%;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .tech-core-grid .tech-core-logo {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        object-fit: cover;
        object-position: 0% 20%;
        /* 只缩小圆内呈现的白标，不缩小外圈；约 20% → 略多露出边缘、少裁切感 */
        transform: scale(0.8);
        transform-origin: center center;
        display: block;
        filter: brightness(0) invert(1)
          drop-shadow(0 4px 12px rgba(0, 0, 0, 0.18));
      }
      /* 云钥：在先前 +8% 基础上再左移 10 个百分点 → -2% */
      .tech-core-grid .tech-core-logo--c2 {
        object-position: -2% 20%;
      }
      /* 云连：横轴 -7%；scale = 0.8×1.15×1.1×1.02²×1.03 */
      .tech-core-grid .tech-core-logo--c4 {
        object-position: -7% 20%;
        transform: scale(calc(0.8 * 1.15 * 1.1 * 1.02 * 1.02 * 1.03));
      }
      .tech-core-grid .business-content p {
        margin: 0;
        font-size: 13px;
        line-height: 1.68;
        letter-spacing: 0.01em;
        color: var(--text-light);
      }
      @media (max-width: 900px) {
        .tech-core-grid .business-card {
          grid-template-columns: 1fr;
          min-height: 0;
        }
        .tech-core-grid .business-icon {
          width: var(--tech-core-mobile-badge);
          height: var(--tech-core-mobile-badge);
          margin: 14px auto 6px;
        }
        .tech-core-grid .business-icon::after {
          width: 100%;
          height: 100%;
        }
        .tech-core-grid .business-content {
          padding: 8px 16px 14px;
          align-items: center;
          text-align: center;
        }
        .tech-core-grid .tech-core-head-row {
          justify-content: center;
          flex-wrap: wrap;
        }
        html:lang(en) .tech-core-grid .tech-core-head-row {
          align-items: center;
        }
        .tech-core-grid .tech-core-tag {
          white-space: normal;
          overflow: visible;
          text-overflow: clip;
        }
      }

      .tech-unified {
        max-width: 1400px;
        margin: 0 auto;
        /* border: 1px solid rgba(10, 22, 40, 0.08);
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.06); */
        overflow: hidden;
      }
      .tech-unified .tech-core-grid {
        padding: 6px 6px 0;
      }
      .tech-platform-inner {
        padding: 16px 16px 18px;
        /* background: linear-gradient(
          180deg,
          rgba(244, 246, 249, 0.35) 0%,
          rgba(248, 250, 252, 0.95) 100%
        );
        border-top: 1px solid rgba(10, 22, 40, 0.06); */
      }
      .tech-platform-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
      }
      .tech-plat-card .business-icon {
        height: 120px;
        background: linear-gradient(155deg, #152a45 0%, #1e4a7a 100%);
      }
      .tech-plat-card .tech-plat-acronym {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.12em;
        font-family: "Segoe UI", "PingFang SC", sans-serif;
      }
      .tech-plat-card .business-content {
        padding: 20px 18px 22px;
      }
      .tech-plat-card .business-content h3 {
        font-size: 16px;
        margin-bottom: 8px;
      }
      .tech-plat-card .business-content p {
        margin-bottom: 0;
        font-size: 14px;
      }

      /* 支撑平台：左图右文，2×2 网格 */
      .tech-platform-rows {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
      }
      .tech-plat-row {
        display: grid;
        grid-template-columns: minmax(160px, 240px) 1fr;
        align-items: stretch;
        background: #fff;
        border: 1px solid rgba(10, 22, 40, 0.08);
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(10, 22, 40, 0.05);
      }
      .tech-plat-visual {
        min-height: 140px;
        background: linear-gradient(155deg, #152a45 0%, #1e4a7a 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      .tech-plat-visual::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(
          circle at 30% 25%,
          rgba(0, 102, 255, 0.28),
          transparent 55%
        );
        pointer-events: none;
      }
      .tech-plat-visual .tech-plat-acronym {
        position: relative;
        z-index: 1;
        font-size: 26px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.14em;
        font-family: "Segoe UI", "PingFang SC", sans-serif;
      }
      .tech-plat-body {
        padding: 22px 26px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .tech-plat-body h3 {
        font-size: 17px;
        margin-bottom: 8px;
        color: var(--dark);
        font-weight: 600;
      }
      .tech-plat-body p {
        margin: 0;
        font-size: 14px;
        color: var(--text-light);
        line-height: 1.75;
      }

      /* ===== CASES：行业场景 — 3×3；桌面外框高度固定，展开前后不变；点击主卡后中栏放大、左右各四卡 ===== */
      .scene-grid--partners {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-flow: row dense;
        grid-auto-rows: 168px;
        align-content: start;
        align-self: start;
        width: 100%;
        height: fit-content;
        gap: 16px 18px;
        max-width: 1280px;
        margin: 0 auto 4px;
        padding: 28px 28px 36px;
        background: linear-gradient(180deg, #eef1f6 0%, #e8ecf3 100%);
        border: 1px solid rgba(10, 22, 40, 0.07);
        border-radius: 4px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
        overflow: visible;
      }
      /* 桌面：外框高度 = 原 3×168px 行高 + 纵向 gap×2 + 上下 padding，与改版前一致，展开时也不跳变 */
      @media (min-width: 1201px) {
        .scene-grid--partners {
          --scene-row: 168px;
          --scene-gap-y: 16px;
          --scene-pad-y: calc(28px + 36px);
          box-sizing: border-box;
          min-height: calc(
            var(--scene-row) * 3 + var(--scene-gap-y) * 2 + var(--scene-pad-y)
          );
          height: calc(
            var(--scene-row) * 3 + var(--scene-gap-y) * 2 + var(--scene-pad-y)
          );
          align-content: stretch;
          grid-template-rows: repeat(3, var(--scene-row));
        }
      }
      /*
        769–1200px：仍为 3 列，但原先未设 grid-template-rows，行高在部分浏览器里会被压扁。
        与 ≥1201px 一致固定每行 168px，外框高度与 max-width:1200 下的 padding 对齐。
      */
      @media (min-width: 769px) and (max-width: 1200px) {
        .scene-grid--partners:not(.scene-grid--focus-layout) {
          --scene-row: 168px;
          --scene-gap-y: 16px;
          --scene-pad-y: calc(26px + 36px);
          box-sizing: border-box;
          grid-template-rows: repeat(3, var(--scene-row));
          min-height: calc(
            var(--scene-row) * 3 + var(--scene-gap-y) * 2 + var(--scene-pad-y)
          );
          height: calc(
            var(--scene-row) * 3 + var(--scene-gap-y) * 2 + var(--scene-pad-y)
          );
          align-content: stretch;
        }
      }
      .scene-grid--partners .scene-card.scene-card--media {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        min-height: 168px;
        aspect-ratio: auto;
        border-radius: 12px;
        overflow: hidden;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        -webkit-tap-highlight-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.22);
        box-shadow: 0 8px 26px rgba(10, 22, 40, 0.14);
        isolation: isolate;
        transition:
          transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94),
          box-shadow 0.36s ease,
          border-color 0.32s ease;
      }
      @media (min-width: 1201px) {
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media {
          min-height: 0;
        }
      }
      /* 桌面展开：三列四行（外框高度与默认相同） */
      @media (min-width: 1201px) {
        .scene-grid--partners.scene-grid--focus-layout {
          grid-template-columns: minmax(0, 1.22fr) minmax(0, 1.56fr) minmax(
              0,
              1.22fr
            );
          grid-template-rows: repeat(4, minmax(0, 1fr));
          grid-auto-flow: row;
          align-content: stretch;
          gap: 12px 14px;
        }
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-main {
          z-index: 10;
          min-height: 0;
          transform: none;
          box-shadow:
            inset 0 0 0 2px rgba(255, 255, 255, 0.95),
            0 18px 44px rgba(0, 0, 0, 0.28);
        }
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-satellite {
          z-index: 2;
          min-height: 0;
          transform: none;
          box-shadow: 0 4px 16px rgba(10, 22, 40, 0.12);
        }
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-satellite:hover {
          transform: translateY(-2px);
          z-index: 4;
          box-shadow: 0 10px 28px rgba(10, 22, 40, 0.18);
        }
        /* 侧卡过窄时 sheet 纵向滚动会挤占宽度并触发布局抖动；悬停态强制裁切、略收图标 */
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-satellite
          .scene-card__sheet {
          overflow: hidden;
          overflow-y: hidden;
          padding: 10px 8px 12px;
        }
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-satellite
          .scene-card__glyph {
          font-size: clamp(30px, 5vw, 48px);
        }
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-satellite
          .scene-card__icon-wrap {
          width: clamp(40px, 20%, 64px);
          height: clamp(40px, 20%, 64px);
          margin-bottom: 6px;
        }
      }
      /* 满铺背景图；中心标志为 .scene-card__glyph（与首版 demo 一致的 emoji），避免与背景同图重复。若有独立小图标 PNG，可改为 img.scene-card__icon */
      .scene-card--media .scene-card__bg {
        position: absolute;
        inset: 0;
        /* right bottom 已到定位极限；略放大 + 右下为锚点，进一步裁掉左上水印 */
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        transform: scale(1.14);
        transform-origin: right bottom;
        transition: transform 0.45s ease;
        z-index: 0;
        pointer-events: none;
      }
      .scene-card--media .scene-card__veil {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        transition: opacity 0.36s ease;
      }
      /* 图1：深色压暗，突出前景白字 */
      .scene-card--media .scene-card__veil--dark {
        background: linear-gradient(
          180deg,
          rgba(6, 10, 18, 0.45) 0%,
          rgba(6, 10, 18, 0.68) 100%
        );
        opacity: 1;
      }
      /* 图2：金色半透明叠层（悬停时淡入） */
      .scene-card--media .scene-card__veil--gold {
        opacity: 0;
        background: linear-gradient(
          155deg,
          rgba(232, 200, 95, 0.82) 0%,
          rgba(168, 105, 18, 0.85) 100%
        );
      }
      .scene-card--media:hover .scene-card__veil--dark,
      .scene-card--media:focus-within .scene-card__veil--dark,
      .scene-card--media.is-hover-main .scene-card__veil--dark {
        opacity: 0.42;
      }
      .scene-card--media:hover .scene-card__veil--gold,
      .scene-card--media:focus-within .scene-card__veil--gold,
      .scene-card--media.is-hover-main .scene-card__veil--gold {
        opacity: 1;
      }
      .scene-card--media:hover .scene-card__bg,
      .scene-card--media:focus-within .scene-card__bg,
      .scene-card--media.is-hover-main .scene-card__bg {
        transform: scale(1.2);
      }
      .scene-card--media:hover,
      .scene-card--media:focus-within,
      .scene-card--media.is-hover-main {
        border-color: rgba(255, 255, 255, 0.95);
        box-shadow:
          inset 0 0 0 2px rgba(255, 255, 255, 0.95),
          0 20px 48px rgba(0, 0, 0, 0.32);
        z-index: 6;
      }
      .scene-card--media:hover,
      .scene-card--media:focus-within,
      .scene-card--media.is-hover-main {
        transform: translateY(-5px);
      }
      /* 展开态主卡不用整体上移，避免占位抖动 */
      @media (min-width: 1201px) {
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-main,
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-main:hover {
          transform: none;
        }
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-satellite,
        .scene-grid--partners.scene-grid--focus-layout
          .scene-card.scene-card--media.is-hover-satellite:hover {
          transform: none;
        }
      }
      @media (min-width: 1201px) {
        .scene-grid--focus-layout
          .scene-card--media.is-hover-satellite
          .scene-card__veil--dark {
          opacity: 1;
        }
        .scene-grid--focus-layout
          .scene-card--media.is-hover-satellite
          .scene-card__veil--gold {
          opacity: 0;
        }
        .scene-grid--focus-layout
          .scene-card--media.is-hover-satellite
          .scene-card__bg {
          transform: scale(1.14);
        }
        .scene-grid--focus-layout .scene-card--media.is-hover-satellite {
          border-color: rgba(255, 255, 255, 0.22);
          box-shadow: 0 4px 16px rgba(10, 22, 40, 0.12);
        }
      }
      .scene-card--media:focus-visible {
        outline: 2px solid var(--floating-yellow);
        outline-offset: 4px;
      }
      .scene-card__sheet {
        position: relative;
        z-index: 3;
        height: 100%;
        min-height: 0;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 16px 12px 14px;
        text-align: center;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
      }
      /* 行业栅格：不要右侧滚动条，内容超出时裁切（保持与改版前视觉体量一致） */
      .scene-grid--partners .scene-card--media .scene-card__sheet {
        overflow-y: hidden;
        scrollbar-width: none;
      }
      .scene-grid--partners
        .scene-card--media
        .scene-card__sheet::-webkit-scrollbar {
        display: none;
      }
      .scene-card--media .scene-card__icon-wrap {
        width: clamp(52px, 24%, 86px);
        height: clamp(52px, 24%, 86px);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        flex-shrink: 0;
      }
      /* 保留 PNG 原始颜色与透明度，不做反色（反色易导致部分素材整图变白块） */
      .scene-card--media .scene-card__icon {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
        filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35));
        transition:
          transform 0.34s ease,
          filter 0.34s ease;
      }
      .scene-card--media:hover .scene-card__icon,
      .scene-card--media:focus-within .scene-card__icon,
      .scene-card--media.is-hover-main .scene-card__icon {
        transform: scale(1.06);
        filter: drop-shadow(0 3px 14px rgba(0, 0, 0, 0.4));
      }
      /* 中心 emoji：默认灰白，悬停/展开为彩色 */
      .scene-card__glyph {
        display: block;
        font-size: clamp(42px, 11vw, 56px);
        line-height: 1;
        filter: grayscale(1) contrast(0.9) brightness(1.12)
          drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35));
        transition:
          transform 0.34s ease,
          filter 0.34s ease;
      }
      .scene-card--media:hover .scene-card__glyph,
      .scene-card--media:focus-within .scene-card__glyph,
      .scene-card--media.is-hover-main .scene-card__glyph {
        transform: scale(1.06);
        filter: grayscale(0) contrast(1) brightness(1)
          drop-shadow(0 3px 14px rgba(0, 0, 0, 0.4));
      }
      .scene-card__title {
        display: block;
        font-size: clamp(14px, 1.75vw, 18px);
        font-weight: 700;
        color: #fff;
        line-height: 1.35;
        letter-spacing: 0.06em;
        text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
        padding: 0 8px;
      }
      /* 说明文案：悬停/展开时显示（图2） */
      .scene-card__lede {
        margin: 0;
        padding: 0 12px;
        font-size: clamp(11px, 1.35vw, 13px);
        line-height: 1.65;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.97);
        text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
        text-align: center;
        word-break: break-word;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition:
          opacity 0.32s ease,
          max-height 0.4s ease,
          margin 0.32s ease;
      }
      .scene-card--media:hover .scene-card__lede,
      .scene-card--media:focus-within .scene-card__lede,
      .scene-card--media.is-hover-main .scene-card__lede {
        opacity: 1;
        max-height: 16em;
        margin-top: 12px;
      }
      /* 行业场景：「了解更多」仅悬停/链接受焦时显示；点击展开后主卡显示文案区块 */
      .scene-card__detail {
        display: none;
        width: 100%;
        flex: 1 1 auto;
        min-height: 0;
        margin: 0;
        padding: 0 2px 4px 0;
        text-align: left;
        font-size: clamp(13px, 1.22vw, 15.5px);
        line-height: 1.62;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.94);
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
      }
      .scene-card__detail p {
        margin: 0 0 0.55em;
      }
      .scene-card__detail p:last-child {
        margin-bottom: 0;
      }
      .scene-card__detail strong {
        color: #fff;
        font-weight: 700;
      }
      .scene-card__detail-h {
        margin: 0.65em 0 0.25em;
        font-size: 1.02em;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.98);
      }
      .scene-card__detail-h:first-child {
        margin-top: 0;
      }
      .scene-card__detail-list {
        margin: 0.25em 0 0.5em;
        padding-left: 1.15em;
      }
      .scene-card__detail-list li {
        margin-bottom: 0.35em;
      }
      .scene-grid--partners.scene-grid--focus-layout
        .scene-card--media.is-hover-main
        .scene-card__detail {
        display: block;
        flex: 0 1 auto;
        width: min(100%, 40rem);
        align-self: center;
        box-sizing: border-box;
        padding: 0 6px 6px;
        overflow-y: auto;
        min-height: 0;
      }
      /* 短文案时上下留白对称，近似垂直居中；过长时占位收缩由 sheet 滚动 */
      .scene-grid--partners.scene-grid--focus-layout
        .scene-card--media.is-hover-main
        .scene-card__sheet::before,
      .scene-grid--partners.scene-grid--focus-layout
        .scene-card--media.is-hover-main
        .scene-card__sheet::after {
        content: "";
        display: block;
        flex: 1 1 0;
        min-height: 0;
      }
      .scene-grid--partners.scene-grid--focus-layout
        .scene-card--media.is-hover-main
        .scene-card__sheet {
        align-items: center;
        justify-content: flex-start;
        padding: 18px 20px 16px;
        overflow-y: auto;
      }
      .scene-grid--partners.scene-grid--focus-layout
        .scene-card--media.is-hover-main
        .scene-card__title {
        align-self: center;
        width: min(100%, 40rem);
        box-sizing: border-box;
        text-align: center;
        padding: 0 10px;
        margin: 0 0 14px;
        flex-shrink: 0;
        font-size: clamp(17px, 1.55vw, 22px);
      }
      .scene-grid--partners.scene-grid--focus-layout
        .scene-card--media.is-hover-main
        .scene-card__icon-wrap {
        display: none !important;
      }
      .scene-card__more {
        display: inline-block;
        position: relative;
        z-index: 4;
        margin-top: 0;
        font-size: 12px;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.98);
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
        cursor: default;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        transform: translateY(6px);
        transition:
          opacity 0.22s ease,
          transform 0.22s ease,
          visibility 0.22s,
          max-height 0.28s ease,
          margin 0.22s ease;
        pointer-events: none;
      }
      .scene-grid--partners
        .scene-card--media:hover:not(.is-hover-main)
        .scene-card__more,
      .scene-grid--partners .scene-card__more:focus-visible {
        opacity: 1;
        visibility: visible;
        max-height: 2.5em;
        margin-top: 6px;
        transform: none;
        pointer-events: auto;
      }
      .scene-grid--partners.scene-grid--focus-layout
        .scene-card--media.is-hover-main
        .scene-card__more {
        opacity: 0 !important;
        visibility: hidden !important;
        max-height: 0 !important;
        margin: 0 !important;
        transform: translateY(6px);
        pointer-events: none !important;
      }
      /* 无悬停能力（触控为主）时始终显示链接，避免无法触发 :hover */
      @media (hover: none) {
        .scene-grid--partners
          .scene-card--media:not(.is-hover-main)
          .scene-card__more {
          opacity: 1;
          visibility: visible;
          max-height: 2.5em;
          margin-top: 6px;
          transform: none;
          pointer-events: auto;
        }
      }
      .scene-card__more:hover {
        color: #fff;
      }

      /* ===== 专业化服务流程 ===== */
      .service-flow-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
        max-width: 1200px;
        margin: 0 auto;
      }
      .service-flow-card {
        background: #fff;
        border: 1px solid rgba(10, 22, 40, 0.08);
        border-radius: 8px;
        padding: 22px 18px 24px;
        box-shadow: 0 6px 22px rgba(10, 22, 40, 0.05);
        transition:
          transform 0.3s ease,
          box-shadow 0.3s ease,
          border-color 0.3s ease;
        cursor: default;
      }
      .service-flow-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 36px rgba(10, 22, 40, 0.14);
        border-color: rgba(0, 102, 255, 0.25);
      }
      .service-flow-card h3 {
        font-size: 16px;
        font-weight: 600;
        color: var(--dark);
        margin: 0 0 10px;
        line-height: 1.35;
        letter-spacing: -0.01em;
      }
      .service-flow-card p {
        font-size: 14px;
        color: var(--text-light);
        line-height: 1.65;
        margin: 0;
      }

      /* ===== STRENGTH（与 PPT：双指标 + 五国圆形图示） ===== */
      .strength-data {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        margin-bottom: 32px;
        border: none;
        border-radius: 0;
        overflow: visible;
        background: transparent;
      }
      .strength-item {
        text-align: center;
        padding: 32px 18px;
        background: #fff;
        border: none;
        color: var(--dark);
      }
      .strength-item strong.strength-value {
        font-size: clamp(44px, 6.5vw, 72px);
        font-weight: 800;
        display: block;
        margin-bottom: 14px;
        color: var(--dark);
        line-height: 1.12;
        letter-spacing: -0.02em;
        font-variant-numeric: tabular-nums;
      }
      .strength-item .strength-num {
        font-feature-settings: "tnum" 1;
        color: var(--floating-yellow);
      }
      .strength-item strong.strength-value--flow {
        display: inline-flex;
        align-items: baseline;
        justify-content: center;
        gap: 0.22em;
        flex-wrap: wrap;
      }
      .strength-item strong.strength-value--flow .strength-unit {
        font-size: 0.5em;
        font-weight: 800;
        color: var(--floating-yellow);
        letter-spacing: 0.04em;
      }
      .strength-item .strength-label {
        display: block;
        font-size: clamp(15px, 2.1vw, 18px);
        color: var(--text-light);
        font-weight: 500;
        line-height: 1.45;
      }
      .global-layout {
        background: var(--sub-gray);
        border-radius: 4px;
        padding: 36px 32px 40px;
        text-align: center;
        border: none;
      }
      .global-layout h3 {
        font-size: 20px;
        margin-bottom: 18px;
        color: var(--dark);
      }
      .global-presence-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 20px 14px;
        text-align: center;
        align-items: start;
      }
      .presence-card {
        padding: 0 6px;
      }
      .presence-card:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 4px;
      }
      /* 圆形内为国家图（/assets/images/pages/home/flag-cn.png 等）；默认即为彩色 */
      .presence-circle {
        width: 88px;
        height: 88px;
        margin: 0 auto 16px;
        border-radius: 50%;
        background-color: #e8ecf2;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border: 2px solid rgba(255, 255, 255, 0.95);
        box-shadow: 0 8px 28px rgba(10, 22, 40, 0.1);
        transition:
          transform 0.34s ease,
          box-shadow 0.34s ease;
      }
      .presence-card:hover .presence-circle,
      .presence-card:focus-within .presence-circle {
        transform: scale(1.06);
        box-shadow: 0 12px 34px rgba(10, 22, 40, 0.16);
      }
      .presence-card h4 {
        font-size: 16px;
        font-weight: 600;
        color: var(--dark);
        margin-bottom: 0;
        line-height: 1.35;
        transition: color 0.25s ease;
      }
      .presence-card:hover h4,
      .presence-card:focus-within h4 {
        color: var(--primary);
      }

      /* ===== ABOUT ===== */
      .about-content {
        max-width: 900px;
        margin: 0 auto;
        text-align: center;
      }
      .about-text {
        font-size: 17px;
        line-height: 2;
        color: var(--text);
        margin-bottom: 28px;
      }
      .cert-grid {
        display: flex;
        justify-content: center;
        gap: 24px;
        flex-wrap: wrap;
      }
      .cert-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 16px 24px;
        background: var(--sub-gray);
        border-radius: 12px;
        font-size: 14px;
        color: var(--text);
      }

      /* ===== CONTACT ===== */
      .contact-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 44px;
        max-width: 1100px;
        margin: 0 auto;
      }
      .contact-info {
        display: flex;
        flex-direction: column;
        gap: 18px;
      }
      .contact-item {
        display: flex;
        align-items: flex-start;
        gap: 16px;
      }
      .contact-icon {
        width: 48px;
        height: 48px;
        background: var(--primary);
        border-radius: 12px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 20px;
      }
      .contact-item h4 {
        font-size: 16px;
        color: var(--dark);
        margin-bottom: 4px;
      }
      .contact-item p {
        font-size: 14px;
        color: var(--text-light);
      }
      .contact-form {
        background: #fff;
        padding: 32px;
        border-radius: 20px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06);
      }
      .form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
      }
      .form-item {
        margin-bottom: 20px;
      }
      .form-item label {
        display: block;
        font-size: 14px;
        color: var(--text);
        margin-bottom: 8px;
      }
      .form-item input,
      .form-item select,
      .form-item textarea {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid #e5e8eb;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s;
      }
      .form-item input:focus,
      .form-item select:focus,
      .form-item textarea:focus {
        outline: none;
        border-color: var(--primary);
      }
      .form-item textarea {
        resize: none;
      }

      /* ===== FOOTER（与顶栏同色系统） ===== */
      .footer {
        background: linear-gradient(
          180deg,
          var(--nav-bg) 0%,
          var(--nav-bg-deep) 100%
        );
        color: rgba(255, 255, 255, 0.92);
        padding: 52px 5% 28px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
      }
      .footer-main {
        display: grid;
        grid-template-columns: 1fr 1.8fr;
        gap: 80px;
        max-width: 1400px;
        margin: 0 auto;
        padding-bottom: 40px;
      }
      .footer-links {
        display: flex;
        flex-direction: column;
        gap: 22px;
        padding-top: 4px;
      }
      .footer-link-row {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 10px 28px;
      }
      .footer-link-row h4 {
        margin: 0;
        min-width: 96px;
        flex-shrink: 0;
      }
      .footer-link-row-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 24px;
      }
      .footer-link-row-links a {
        display: inline-block;
        margin: 0;
      }
      .footer-link-row--legal {
        align-items: flex-start;
      }
      .footer-legal-col {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
      .footer-links > .footer-legal-below {
        margin-top: 20px;
        padding-top: 0;
        width: 100%;
        max-width: 100%;
      }
      .footer-legal-below__inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 12px 24px;
        width: 100%;
        font-size: 12px;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.58);
      }
      .footer-legal-below__main {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 20px;
        flex: 1;
        min-width: min(100%, 220px);
      }
      .footer-legal-below .footer-copy-left {
        display: inline-block;
        margin: 0;
        max-width: 100%;
      }
      .footer-legal-below .footer-memberships {
        display: inline-flex;
        align-items: center;
        gap: 14px;
        flex-shrink: 0;
      }
      .footer-legal-below .footer-member-logo {
        height: 26px;
        width: auto;
        display: block;
        background: #fff;
        padding: 4px 8px;
        border-radius: 4px;
        box-sizing: content-box;
      }
      .footer-links > .footer-legal-below .footer-copy-right {
        margin-left: auto !important;
      }
      .footer-legal-below .footer-copy-right {
        flex-shrink: 0;
        text-align: right;
        color: rgba(255, 255, 255, 0.58) !important;
        text-decoration: none;
        display: inline !important;
        margin: 0 !important;
        font-size: 12px;
        transition: color 0.3s;
      }
      .footer-legal-below .footer-copy-right:hover {
        color: var(--accent) !important;
      }
      .footer-brand .logo {
        color: var(--nav-text);
        margin-bottom: 16px;
      }
      .footer-brand p {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.78);
        line-height: 1.8;
        max-width: 280px;
      }
      .footer-logo {
        height: 40px;
        width: auto;
        max-width: 280px;
        display: block;
        margin-bottom: 16px;
        filter: brightness(0) invert(1);
      }
      .footer-contact {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.78);
        line-height: 1.8;
        margin: 0;
      }
      .social-links-wrapper {
        max-width: 210px;
      }
      .footer h4 {
        font-size: 16px;
        margin-bottom: 20px;
        color: var(--nav-text);
        font-weight: 600;
      }
      .footer-contact-stack {
        display: flex;
        flex-direction: column;
        gap: 22px;
      }
      .footer-contact-block h4 {
        margin-bottom: 10px;
      }
      .footer-contact-block .footer-contact {
        margin-bottom: 6px;
      }
      .footer-contact-block .footer-contact:last-child {
        margin-bottom: 0;
      }
      .footer a {
        display: block;
        color: rgba(255, 255, 255, 0.78);
        text-decoration: none;
        font-size: 14px;
        margin-bottom: 12px;
        transition: color 0.3s;
      }
      .footer a:hover {
        color: var(--accent);
      }
      .social-links {
        display: flex;
        gap: 20px;
        margin-top: 20px;
        justify-content: flex-start;
      }
      .social-link {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s;
        text-decoration: none;
        border: 0;
        background: transparent;
        padding: 0;
        cursor: pointer;
      }
      .social-link > img {
        width: 36px;
        height: 36px;
        object-fit: contain;
      }
      .social-link:hover {
        transform: translateY(-3px);
      }
      .social-link:hover > img {
        opacity: 0.8;
      }
      .social-link {
        position: relative;
      }
      .social-tooltip {
        display: none;
        position: absolute;
        bottom: calc(100% + 12px);
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        color: var(--text);
        padding: 10px 12px;
        border-radius: 12px;
        font-size: 12px;
        white-space: nowrap;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
        z-index: 100;
      }
      .social-tooltip::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 6px solid transparent;
        border-top-color: #fff;
      }
      .social-tooltip--qr {
        min-width: 136px;
        white-space: normal;
        text-align: center;
      }
      .social-tooltip-title {
        display: block;
        margin-bottom: 8px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
      }
      .social-tooltip--qr img {
        display: block;
        width: 108px;
        max-width: 108px;
        height: auto;
        margin: 0 auto;
        border-radius: 8px;
      }
      .social-link:hover .social-tooltip {
        display: block;
      }
      .cert-badges {
        display: flex;
        gap: 16px;
      }
      .cert-badge {
        padding: 6px 14px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 6px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.85);
      }

      /* ===== COOKIE ===== */
      .cookie-banner {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(29, 33, 41, 0.97);
        color: #fff;
        padding: 20px 5%;
        display: none;
        align-items: center;
        justify-content: space-between;
        z-index: 1001;
        font-size: 14px;
        backdrop-filter: blur(10px);
        gap: 20px;
      }
      .cookie-banner.show {
        display: flex;
      }
      .cookie-banner a {
        color: var(--primary);
        margin: 0 3px;
      }
      .cookie-btns {
        display: flex;
        gap: 12px;
        flex-shrink: 0;
      }
      .cookie-btn {
        padding: 10px 24px;
        border-radius: 6px;
        border: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s;
      }
      .cookie-accept {
        background: var(--primary);
        color: #fff;
      }
      .cookie-settings {
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: #fff;
      }

      /* ===== FLOATING SIDEBAR ===== */
      .floating-sidebar {
        position: fixed;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
        display: flex;
        flex-direction: column;
        gap: 0;
        opacity: 0.75;
        transition: opacity 0.3s;
      }
      .floating-sidebar:hover {
        opacity: 1;
      }
      .floating-item {
        position: relative;
        width: 48px;
        height: 48px;
        background: var(--floating-yellow);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s;
        border: none;
      }
      .floating-item:hover {
        background: #ffb300;
        transform: translateX(-4px);
      }
      .floating-icon {
        width: 24px;
        height: 24px;
        object-fit: contain;
      }
      .floating-item + .floating-item {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
      }
      .floating-tooltip {
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        background: #fff;
        color: var(--text);
        padding: 8px 12px;
        border-radius: 6px;
        font-size: 13px;
        white-space: nowrap;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
        opacity: 0;
        pointer-events: none;
        transition:
          opacity 0.2s,
          margin-right 0.2s;
        margin-right: -10px;
      }
      .floating-item:hover .floating-tooltip {
        opacity: 1;
        margin-right: 8px;
      }
      .floating-tooltip a {
        color: var(--primary);
        text-decoration: none;
      }
      .floating-tooltip a:hover {
        text-decoration: underline;
      }
      .floating-tooltip.wechat-tip {
        padding: 8px;
        white-space: normal;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
      }
      .floating-tooltip.wechat-tip img {
        width: 100px;
        height: auto;
        display: block;
      }

      /* ===== RESPONSIVE ===== */
      @media (max-width: 1200px) {
        .business-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        /* 核心技术四卡：一行两列（2×2），与其它 business-grid 区分 */
        #tech .tech-core-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
          gap: clamp(10px, 2vw, 16px);
        }
        #business .biz-chat-shell {
          grid-template-columns: 1fr;
          gap: 18px;
        }
        #business .biz-arc-side {
          min-height: 0;
          display: flex;
          justify-content: center;
          align-items: stretch;
          gap: 14px;
          flex-wrap: wrap;
        }
        #business .biz-arc-curve {
          display: none;
        }
        #business .biz-arc-node {
          position: static;
          width: 100%;
          max-width: 420px;
        }
        #business .biz-chat-main,
        #business .biz-chat-bubble {
          min-height: 320px;
        }
        #business .biz-chat-bubble::before {
          display: none;
        }
        .tech-platform-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .global-presence-grid {
          grid-template-columns: repeat(3, 1fr);
        }
        .footer-main {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .service-flow-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .scene-grid--partners {
          grid-template-columns: repeat(3, 1fr);
          padding: 26px 22px 36px;
          gap: 12px 14px;
        }
      }
      @media (max-width: 900px) {
        .global-presence-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 768px) {
        .slide h1 {
          font-size: 28px;
        }
        .slide-desc {
          font-size: 15px;
        }
        .section {
          padding: 48px 5%;
        }
        .section-gray {
          padding: 0 5%;
        }
        .section-gray:has(+ .section-gray) > .section {
          padding-bottom: 42px;
        }
        .section-gray + .section-gray > .section {
          padding-top: 42px;
        }
        .section-gray > .section + .section {
          padding-top: 42px;
        }
        .section-gray > .section:has(+ .section) {
          padding-bottom: 42px;
        }
        .section-title h2 {
          font-size: 26px;
        }
        .business-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 14px;
        }
        /* 核心技术：一行两格，保留副标与长文案（覆盖 ≤900px 的竖排卡样式） */
        #tech .tech-core-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
          gap: 12px;
        }
        #tech .tech-core-grid .business-card {
          grid-template-columns: auto 1fr !important;
          display: grid !important;
          align-items: start !important;
        }
        #tech .tech-core-grid .business-icon {
          width: clamp(36px, 10vw, 48px) !important;
          height: clamp(36px, 10vw, 48px) !important;
          margin: 10px 10px 0 12px !important;
        }
        #tech .tech-core-grid .business-content {
          padding: 10px 12px 12px 4px !important;
          align-items: flex-start !important;
          text-align: left !important;
        }
        #tech .tech-core-grid .tech-core-head-row {
          flex-direction: row !important;
          flex-wrap: wrap !important;
          justify-content: flex-start !important;
          gap: 6px 8px !important;
          margin-bottom: 6px !important;
        }
        html:lang(en) #tech .tech-core-grid .tech-core-head-row {
          flex-direction: column !important;
          align-items: flex-start !important;
          gap: 6px !important;
        }
        #tech .tech-core-grid .tech-core-name {
          font-size: clamp(14px, 3.2vw, 17px) !important;
          line-height: 1.25 !important;
        }
        #tech .tech-core-grid .tech-core-tag {
          display: inline-block !important;
          white-space: normal !important;
          overflow: visible !important;
          text-overflow: clip !important;
          font-size: clamp(10px, 2.4vw, 11px) !important;
        }
        #tech .tech-core-grid .business-content p {
          display: block !important;
          font-size: clamp(11px, 2.8vw, 13px) !important;
          line-height: 1.55 !important;
        }
        #tech .tech-unified .tech-core-grid {
          padding: 8px 8px 4px;
        }
        #business .biz-arc-side {
          gap: 10px;
        }
        #business .biz-arc-node {
          max-width: 100%;
        }
        #business .biz-arc-node__title {
          font-size: 15px;
        }
        #business .biz-arc-node__desc {
          font-size: 12px;
        }
        #business .biz-chain-hit__icon {
          width: 44px;
          height: 44px;
          font-size: 20px;
        }
        #business .biz-chat-bubble {
          min-height: 300px;
          padding: 14px 14px 16px;
        }
        .tech-platform-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 12px;
        }
        .scene-grid--partners {
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: none;
          grid-auto-rows: 168px;
          height: auto;
          min-height: 0;
          padding: 24px 18px 32px;
          gap: 12px;
        }
        .scene-grid--partners .scene-card.scene-card--media {
          border-radius: 10px;
        }
        .scene-card__sheet {
          padding: 14px 10px 12px;
        }
        .scene-card__title {
          font-size: clamp(13px, 3.6vw, 16px);
        }
        .scene-card__lede {
          font-size: clamp(10.5px, 2.9vw, 12px);
          padding: 0 8px;
        }
        .service-flow-grid {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          gap: 14px;
          padding-bottom: 6px;
          max-width: 100%;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: thin;
        }
        .service-flow-card {
          flex: 0 0 min(240px, 78vw);
          min-width: 200px;
          max-width: none;
        }
        .strength-data {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .strength-item {
          border: none;
        }
        .global-presence-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          max-width: 100%;
          margin-left: auto;
          margin-right: auto;
        }
        .contact-wrapper,
        .form-row {
          grid-template-columns: 1fr;
        }
        .footer-main {
          grid-template-columns: 1fr;
        }
        .footer-link-row {
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: baseline;
          gap: 10px 16px;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: thin;
        }
        .footer-link-row h4 {
          flex: 0 0 auto;
          min-width: 4.5em;
          margin-bottom: 0;
        }
        .footer-link-row-links {
          flex-wrap: nowrap;
          gap: 10px 16px;
        }
        .footer-link-row-links a {
          white-space: nowrap;
        }
        .footer-legal-below__inner {
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: flex-start;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          gap: 12px 18px;
          text-align: left;
        }
        .footer-legal-below__main {
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          gap: 10px 16px;
          min-width: 0;
        }
        .footer-links > .footer-legal-below .footer-copy-right {
          margin-left: 0 !important;
        }
        .footer-legal-below .footer-copy-right {
          text-align: left;
          align-self: center;
          white-space: nowrap;
        }
        .slide-btns {
          flex-direction: column;
          gap: 12px;
        }
        .slide-tags {
          gap: 8px;
        }
        .tech-platform-rows {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px;
        }
        .tech-plat-row {
          grid-template-columns: minmax(88px, 112px) minmax(0, 1fr);
        }
        .tech-plat-visual {
          min-height: 120px;
        }
      }