:root {
      --zy-text-2: #3d526b;
      --zy-radius-xl: 32px;
      --zy-radius-lg: 24px;
      --zy-header: 78px;
    }
* {
      box-sizing: border-box;
    }
html {
      scroll-behavior: smooth;
    }
body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
      color: var(--zy-text);
      background: #fff;
      font-size: 16px;
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
a {
      color: inherit;
      text-decoration: none;
    }
button, input, select, textarea {
      font: inherit;
    }
img {
      display: block;
      max-width: 100%;
    }
.container {
      margin: 0 auto;
    }
.sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
.nav {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
.brand {
      display: flex;
      align-items: center;
      min-width: 190px;
    }
.brand-fallback {
      display: none;
      align-items: center;
      gap: 12px;
      font-size: 22px;
      font-weight: 900;
      letter-spacing: -.3px;
    }
.brand-fallback-mark {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: #fff;
      background: linear-gradient(135deg, var(--zy-blue), var(--zy-cyan));
      box-shadow: 0 10px 24px rgba(23, 105, 232, .22);
      font-weight: 900;
    }
.nav-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 12px;
    }
.btn {
      min-height: 56px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 32px;
      border-radius: 999px;
      border: 1px solid transparent;
      cursor: pointer;
      white-space: nowrap;
      font-weight: 400;
      font-size: 18px;
    }
.btn-primary {
      color: #fff;
      box-shadow: 0 12px 28px rgba(23, 105, 232, .24);
    }
.btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(23, 105, 232, .30);
    }
.btn-light {
      background: #fff;
      border-color: rgba(23, 105, 232, .16);
      box-shadow: 0 8px 18px rgba(16, 62, 116, .04);
    }
.btn-light:hover {
      transform: translateY(-2px);
      border-color: rgba(23, 105, 232, .32);
    }
.hero {
      background-image: url("../images/banner-bg.jpg");
    }
.hero-inner {
      position: relative;
      display: grid;
      gap: 72px;
    }
.hero-copy {
      position: relative;
      z-index: 2;
    }
.hero-slide {
      display: none;
      animation: fadeUp .45s ease both;
    }
.hero-slide.active {
      display: block;
    }
.hero .hero-title {
      margin: 0 0 24px;
      white-space: nowrap;
    }
.hero p {
      margin: 0 0 34px;
    }
.hero-actions {
      display: flex;
      flex-wrap: wrap;
    }
.hero-space {
      min-height: 420px;
    }
.hero-dots {
      position: absolute;
      display: flex;
      align-items: center;
      gap: 10px;
    }
.hero-dot {
      width: 34px;
      height: 4px;
      padding: 0;
      border: 0;
      border-radius: 999px;
      background: rgba(23,105,232,.18);
      cursor: pointer;
      transition: .22s ease;
    }
.hero-dot.active {
      width: 64px;
      background: var(--zy-blue);
    }
.logo-strip {
      position: relative;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      border-radius: 999px;
      background: rgba(255,255,255,.92);
      border: 1px solid rgba(228,237,247,.95);
      box-shadow: 0 18px 48px rgba(16, 62, 116, .08);
      backdrop-filter: blur(14px);
    }
.logo-item {
      border-radius: 14px;
      color: #2a4662;
      background: #fff;
      border: 1px solid var(--zy-line);
      text-align: center;
      font-size: 14px;
      line-height: 1.2;
      font-weight: 850;
    }
.section-soft {
      background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
    }
.section-head {
      margin: 0 auto 44px;
      max-width: 840px;
      text-align: center;
    }
.section-head h2 {
      margin: 0 0 14px;
    }
.section-head p {
      margin: 0;
    }
.product-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
.product-card {
      border-radius: var(--zy-radius-xl);
      background: #fff;
      border: 1px solid var(--zy-line);
      box-shadow: var(--zy-shadow);
      transition: .24s ease;
    }
.product-card:hover {
      border-color: rgba(23,105,232,.24);
    }
.product-head {
      display: grid;
      grid-template-columns: 66px 1fr;
      gap: 16px;
    }
.product-icon {
      width: 66px;
      height: 66px;
      display: grid;
      place-items: center;
      border-radius: 20px;
      box-shadow: 0 14px 28px rgba(23,105,232,.20);
      font-weight: 950;
    }
.product-head h3 {
      margin: 0 0 5px;
    }
.product-head p {
      margin: 0;
    }
.scene-image {
      width: 100%;
      border-radius: 24px;
      border: 1px solid rgba(23,105,232,.10);
      overflow: hidden;
      display: grid;
      place-items: center;
    }
.scene-image img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 14px;
    }
.more-solutions {
      overflow: visible;
    }
.solution-carousel {
      position: relative;
    }
.carousel-btn {
      position: absolute;
      top: 50%;
      z-index: 3;
      width: 44px;
      height: 44px;
      border-radius: 16px;
      border: 1px solid rgba(23,105,232,.14);
      color: var(--zy-blue);
      background: rgba(255,255,255,.94);
      box-shadow: 0 12px 26px rgba(16,62,116,.08);
      font-size: 22px;
      font-weight: 950;
      cursor: pointer;
      transform: translateY(-50%);
      transition: .2s ease;
    }
.carousel-btn:hover {
      transform: translateY(-50%) translateY(-2px);
      box-shadow: 0 18px 38px rgba(16,62,116,.12);
    }
.mini-window {
      overflow: hidden;
    }
.mini-track {
      display: flex;
      gap: 18px;
      transition: transform .32s ease;
      will-change: transform;
    }
.solution-card {
      --accent: #1769e8;
      flex: 0 0 calc((100% - 54px) / 4);
      display: flex;
      flex-direction: column;
      border-radius: 24px;
      text-align: left;
      position: relative;
      overflow: hidden;
      transition: .24s ease;
    }
.solution-card::after {
      position: absolute;
      right: -34px;
      top: -34px;
      width: 104px;
      height: 104px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--accent) 13%, transparent);
      pointer-events: none;
    }
.solution-top {
      display: flex;
      align-items: center;
      gap: 12px;
      position: relative;
      z-index: 1;
    }
.solution-icon {
      flex: 0 0 auto;
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      color: var(--accent);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(255,255,255,.9);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 8px 18px rgba(16,62,116,.04);
    }
.solution-icon svg {
      width: 25px;
      height: 25px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
.solution-card h4 {
      margin: 0;
    }
.solution-card p {
      margin: 14px 0 0;
      min-height: 44px;
      text-align: center;
      position: relative;
      z-index: 1;
    }
.solution-card .btn-text {
      align-self: center;
      margin-top: 14px;
      color: var(--accent);
      font-size: 14px;
      position: relative;
      z-index: 1;
    }
.platform-panel {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
.platform-panel .section-head {
      max-width: 760px;
      margin-bottom: 42px;
    }
.platform-visual {
      position: relative;
      overflow: hidden;
    }
.platform-visual::before {
      content: "";
      position: absolute;
      inset: 42px;
      border-radius: 34px;
      background: rgba(255,255,255,.62);
      border: 1px solid rgba(255,255,255,.74);
      box-shadow: inset 0 0 0 1px rgba(23,105,232,.05);
    }
.platform-panel .hero-actions {
      justify-content: center;
      margin-top: 34px;
    }
.industry-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }
.industry-card {
      position: relative;
      min-height: 220px;
      overflow: hidden;
      border-radius: 26px;
      background-image: var(--bg);
      background-size: cover;
      background-position: center;
      border: 1px solid rgba(228,237,247,.92);
      isolation: isolate;
      transition: transform .25s ease, box-shadow .25s ease;
    }
.industry-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(11, 31, 55, .10) 0%, rgba(11, 31, 55, .72) 100%);
      z-index: 0;
      transition: .25s ease;
    }
.industry-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: var(--bg);
      background-size: cover;
      background-position: center;
      z-index: -1;
      transition: transform .45s ease;
    }
.industry-card:hover::before {
      background: linear-gradient(180deg, rgba(11, 31, 55, .28) 0%, rgba(11, 31, 55, .86) 100%);
    }
.industry-card:hover::after {
      transform: scale(1.06);
    }
.industry-content {
      position: relative;
      z-index: 1;
      height: 100%;
      min-height: 220px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 24px;
      color: #fff;
    }
.industry-content h3 {
      margin: 0 0 6px;
    }
.industry-summary {
      margin: 0;
    }
.industry-detail {
      max-height: 0;
      margin-top: 0;
      opacity: 0;
      transform: translateY(12px);
      transition: opacity .28s ease, transform .28s ease, max-height .34s ease, margin-top .28s ease;
    }
.industry-card:hover .industry-detail, .industry-card:focus-within .industry-detail {
      max-height: 190px;
      margin-top: 12px;
      opacity: 1;
      transform: translateY(0);
    }
.industry-detail p {
      margin: 0 0 7px;
    }
.industry-detail strong {
      color: #fff;
      font-weight: 950;
    }
.case-card {
      overflow: hidden;
      border-radius: 28px;
      background: #fff;
      border: 1px solid var(--zy-line);
      box-shadow: var(--zy-shadow);
      transition: .22s ease;
    }
.case-card:hover {
      transform: translateY(-6px);
      box-shadow: var(--zy-shadow-hover);
    }
.case-cover {
      position: relative;
    }
.case-cover::before {
      content: "";
      position: absolute;
      inset: 30px;
      border-radius: 22px;
      background: rgba(255,255,255,.66);
      border: 1px solid rgba(255,255,255,.90);
    }
.case-cover::after {
      content: attr(data-company);
      position: absolute;
      left: 24px;
      bottom: 22px;
      padding: 8px 13px;
      border-radius: 999px;
      color: #fff;
      font-size: 14px;
      line-height: 1;
      font-weight: 850;
    }
.case-body h3 {
      margin: 0 0 18px;
    }
.logo-wall {
      overflow: hidden;
      position: relative;
    }
.logo-wall::before, .logo-wall::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 110px;
      z-index: 2;
      pointer-events: none;
    }
.logo-wall::before {
      left: 0;
      background: linear-gradient(90deg, #f7fbff, rgba(247,251,255,0));
    }
.logo-wall::after {
      right: 0;
      background: linear-gradient(270deg, #f7fbff, rgba(247,251,255,0));
    }
.logo-row {
      display: flex;
      width: max-content;
      margin: 0 0 16px;
      animation: logoScroll 36s linear infinite;
    }
.logo-row.reverse {
      animation-name: logoScrollReverse;
      margin-left: -110px;
    }
.logo-wall:hover .logo-row {
      animation-play-state: paused;
    }
.logo-card {
      display: grid;
      place-items: center;
      background: rgba(255,255,255,.92);
      border: 1px solid var(--zy-line);
      box-shadow: 0 8px 18px rgba(16,62,116,.035);
    }
.logo-fallback {
      display: none;
      color: #2d4a65;
      font-size: 15px;
      font-weight: 850;
    }
@keyframes logoScroll {
    from { transform: translateX(0); }
          to { transform: translateX(-50%); }
    }
@keyframes logoScrollReverse {
    from { transform: translateX(-50%); }
          to { transform: translateX(0); }
    }
.why-area {
      max-width: 1180px;
      margin: 0 auto;
    }
.why-card {
      position: relative;
    }
.why-card::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
    }
.why-card::after {
      content: attr(data-index);
      position: absolute;
      right: 24px;
      top: 22px;
      color: rgba(23,105,232,.08);
      font-size: 76px;
      line-height: 1;
      font-weight: 950;
      pointer-events: none;
    }
.why-card h3 {
      position: relative;
      z-index: 1;
    }
.why-list {
      position: relative;
      z-index: 1;
      margin: 0;
      padding: 0;
      list-style: none;
    }
.why-list li {
      color: #304b66;
    }
.cert-row {
      width: 100%;
    }
.cert-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: linear-gradient(145deg, #edf5ff, #ffffff);
      border: 1px solid rgba(23,105,232,.13);
      box-shadow: 0 8px 18px rgba(16,62,116,.035);
      text-align: center;
    }

.whitepaper-cover {
      height: 168px;
      background: linear-gradient(145deg, #edf5ff, #ffffff);
      border-bottom: 1px solid var(--zy-line);
      display: grid;
      place-items: center;
      overflow: hidden;
    }
.whitepaper-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.conversion {
      color: #fff;
      overflow: hidden;
      text-align: center;
    }
.conversion-content {
      max-width: 680px;
      margin: 0 auto;
    }
.conversion h2 {
      margin: 0 0 16px;
    }
.conversion .hero-actions {
      justify-content: center;
    }
.footer-main {
      padding: 64px 0 54px;
    }
.footer-phone {
      font-size: 34px;
      line-height: 1.2;
      font-weight: 950;
      margin-bottom: 22px;
    }
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(12px); }
          to { opacity: 1; transform: translateY(0); }
    }
@media (max-width: 1180px) {

      .nav-actions {
        min-width: auto;
      }

      .nav-actions .btn-light {
        display: none;
      }

      .mini-card,
      .solution-card {
        flex-basis: calc((100% - 36px) / 3);
      }

      .industry-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .cert-row {
        grid-template-columns: repeat(3, 1fr);
      }

      .footer-main {
        grid-template-columns: 1.2fr 1fr 1fr;
      }
    }
@media (max-width: 960px) {
      :root {
        --zy-header: 68px;
      }

      .container {
        width: min(var(--zy-max), calc(100% - 32px));
      }

      .brand {
        min-width: auto;
      }

      .brand-logo {
        height: 40px;
      }

      .hero {
        min-height: 650px;
      }

      .hero-inner {
        min-height: 600px;
        grid-template-columns: 1fr;
        padding: 72px 0 76px;
      }

      .hero-space {
        display: none;
      }

      .hero .hero-title {
        white-space: normal;
        font-size: 42px;
      }

      .hero-dots {
        bottom: 24px;
      }

      .platform-visual {
        min-height: 500px;
      }

      .cap-ai {
        left: 36px;
        top: 70px;
      }

      .cap-lowcode {
        right: 36px;
        top: 70px;
      }

      .cap-bpm {
        left: 36px;
        bottom: 56px;
      }

      .cap-ipaas {
        right: 36px;
        bottom: 56px;
      }

      .logo-card {
        flex-basis: 180px;
      }
    }
@media (max-width: 640px) {
      body {
        font-size: 15px;
      }

      .section {
        padding: 72px 0;
      }

      .nav-actions .btn-primary {
        display: none;
      }

      .hero .hero-title {
        font-size: 38px;
        letter-spacing: -1.2px;
      }

      .hero p {
        font-size: 17px;
      }

      .logo-strip {
        margin-top: -18px;
        justify-content: flex-start;
        border-radius: 24px;
      }

      .logo-item {
        min-width: calc(50% - 6px);
      }

      .product-card {
        padding: 24px;
      }

      .product-head {
        grid-template-columns: 58px 1fr;
      }

      .product-icon {
        width: 58px;
        height: 58px;
      }

      .scene-image {
        height: 164px;
      }

      .solution-carousel {
        padding: 0 48px;
      }

      .mini-card,
      .solution-card {
        flex-basis: 100%;
      }

      .platform-visual {
        min-height: 440px;
      }

      .cap-ai {
        left: 16px;
        top: 56px;
      }

      .cap-lowcode {
        right: 16px;
        top: 56px;
      }

      .cap-bpm {
        left: 16px;
        bottom: 48px;
      }

      .cap-ipaas {
        right: 16px;
        bottom: 48px;
      }

      .industry-grid {
        grid-template-columns: 1fr;
      }

      .industry-card,
      .industry-content {
        min-height: 300px;
      }

      .industry-detail {
        max-height: 240px;
        margin-top: 14px;
        opacity: 1;
        transform: translateY(0);
      }

      .why-list li {
        grid-template-columns: 86px 1fr;
      }

      .logo-card {
        flex-basis: 168px;
        height: 76px;
      }

      .logo-wall::before,
      .logo-wall::after {
        width: 48px;
      }

      .footer-main {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 46px 0 38px;
      }

      .footer-bottom-inner {
        display: grid;
      }

      .float-bar {
        display: none;
      }
    }
:root {
      --zy-blue: #006DB7;
      --zy-blue-dark: #003C7A;
      --zy-navy: #102033;
      --zy-cyan: #00A6D6;
      --zy-sky: #EAF6FF;
      --zy-text: #102033;
      --zy-muted: #61738A;
      --zy-line: #DDEAF6;
      --zy-bg: #F5FAFF;
      --zy-max: 1360px;
      --zy-shadow: 0 16px 42px rgba(0, 61, 122, .075);
      --zy-shadow-hover: 0 24px 68px rgba(0, 61, 122, .13);
    }
.container {
      width: min(var(--zy-max), calc(100% - clamp(48px, 12vw, 220px)));
    }
.section {
      padding: 108px 0;
    }
.nav-actions {
      min-width: 410px;
    }
.btn-primary {
      background: linear-gradient(135deg, var(--zy-blue), var(--zy-cyan));
    }
.btn-light {
      color: var(--zy-blue-dark);
    }
.hero {
      background-color: #F3F9FF;
    }
.hero-inner {
      grid-template-columns: minmax(0, 780px) 1fr;
    }
.hero-copy {
      max-width: 790px;
    }
.logo-strip {
      min-height: 86px;
      padding: 16px 28px;
      gap: 14px;
    }
.logo-item {
      min-width: 136px;
      height: 46px;
      padding: 8px 18px;
      display: grid;
      place-items: center;
    }
.hero-logo-item img {
      max-width: 104px;
      max-height: 28px;
      object-fit: contain;
    }
.hero-logo-item .logo-fallback {
      display: none;
    }
.product-card {
      overflow: hidden;
      position: relative;
    }
.product-card::after {
      position: absolute;
      right: -50px;
      top: -54px;
      width: 170px;
      height: 170px;
      border-radius: 50%;
      opacity: .28;
      pointer-events: none;
    }
.product-srm {
      background: linear-gradient(145deg, #FFFFFF 0%, #EEF7FF 100%);
      border-color: rgba(0, 109, 183, .16);
    }
.product-srm::after {
      background: #A7DFFF;
    }
.product-contract {
      background: linear-gradient(145deg, #FFFFFF 0%, #EAFBFF 100%);
      border-color: rgba(0, 166, 214, .16);
    }
.product-contract::after {
      background: #99E8F8;
    }
.product-equipment {
      background: linear-gradient(145deg, #FFFFFF 0%, #FFF7E8 100%);
      border-color: rgba(246, 162, 26, .20);
    }
.product-equipment::after {
      background: #FFD889;
    }
.product-icon {
      color: #fff;
      background: linear-gradient(135deg, var(--zy-blue), var(--zy-cyan));
    }
.product-contract .product-icon {
      background: linear-gradient(135deg, #008DC0, #00A6D6);
    }
.product-equipment .product-icon {
      background: linear-gradient(135deg, #F6A21A, #FFBE4D);
    }
.product-icon svg {
      width: 30px;
      height: 30px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
.product-head {
      position: relative;
      z-index: 1;
    }
.scene-image {
      height: 150px;
      margin: 18px 0 22px;
      background: rgba(255,255,255,.55);
      position: relative;
      z-index: 1;
    }
.product-card .btn-text {
      margin-top: auto;
      position: relative;
      z-index: 1;
      align-self: flex-start;
    }
.more-solutions {
      margin-top: 52px;
    }
.solution-card {
      padding: 20px 22px 18px;
    }
.solution-blue {
      --accent: var(--zy-blue);
      background: linear-gradient(145deg, #EAF6FF, #FFFFFF);
    }
.solution-green {
      --accent: #00A6D6;
      background: linear-gradient(145deg, #EAFBFF, #FFFFFF);
    }
.solution-purple {
      --accent: #006DB7;
      background: linear-gradient(145deg, #EDF5FF, #FFFFFF);
    }
.solution-orange {
      --accent: #F6A21A;
      background: linear-gradient(145deg, #FFF3D8, #FFFFFF);
    }
.solution-cyan {
      --accent: #008DC0;
      background: linear-gradient(145deg, #E8FAFF, #FFFFFF);
    }
.solution-pink {
      --accent: #F6A21A;
      background: linear-gradient(145deg, #FFF2E4, #FFFFFF);
    }
.solution-gray {
      --accent: #61738A;
      background: linear-gradient(145deg, #F4F7FB, #FFFFFF);
    }
.platform-icon {
      flex: 0 0 46px;
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      color: var(--zy-blue);
      background: linear-gradient(145deg, #EAF6FF, #FFFFFF);
      border: 1px solid rgba(0,109,183,.12);
    }
.platform-icon svg {
      width: 25px;
      height: 25px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
.case-cover {
      height: 190px;
      background: #EEF7FF;
      overflow: hidden;
    }
.case-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.logo-wall {
      margin-top: 22px;
      padding: 12px 0;
    }
.logo-row {
      gap: 12px;
      margin-bottom: 12px;
      animation-duration: 34s;
    }
.logo-row.reverse {
      animation-duration: 38s;
    }
.logo-row.slow {
      animation-duration: 42s;
    }
.logo-card {
      flex: 0 0 154px;
      height: 62px;
      border-radius: 16px;
      padding: 10px 14px;
    }
.logo-card img {
      max-width: 118px;
      max-height: 34px;
      object-fit: contain;
    }
.logo-card .logo-fallback {
      font-size: 14px;
    }
.cert-badge {
      min-height: 46px;
    }
.conversion {
      padding: 70px 0;
    }
.conversion h2 {
      margin-bottom: 18px;
    }
.conversion p {
      margin: 0 0 26px;
    }
.footer-phone {
      color: var(--zy-cyan);
    }
@media (max-width: 1180px) {
      .container {
        width: min(var(--zy-max), calc(100% - 64px));
      }

      .nav-actions {
        min-width: auto;
      }

      .cap-ai {
        left: 30px;
      }

      .cap-lowcode {
        right: 30px;
      }

      .cap-bpm {
        left: 30px;
      }

      .cap-ipaas {
        right: 30px;
      }
    }
@media (max-width: 960px) {
      .container {
        width: min(var(--zy-max), calc(100% - 32px));
      }

      .hero .hero-title {
        white-space: normal;
      }

      .logo-strip {
        margin-top: -70px;
      }

    }
@media (max-width: 640px) {
      .section {
        padding: 74px 0;
      }

      .logo-strip {
        margin-top: -38px;
      }

      .hero-logo-item img {
        max-width: 92px;
      }

      .product-card {
        min-height: 360px;
      }

      .scene-image {
        height: 142px;
      }

      .carousel-btn.prev {
        left: -6px;
      }

      .carousel-btn.next {
        right: -6px;
      }

      .platform-icon {
        width: 38px;
        height: 38px;
        border-radius: 13px;
      }

      .logo-card {
        flex-basis: 132px;
        height: 56px;
      }

      .conversion {
        padding: 56px 0;
      }
    }
.hero {
      background-repeat: no-repeat;
      transition: background-image .35s ease, background-position .35s ease;
    }
.hero.hero-bg-0 {
      background-image: url("../images/banner-ai-scene.jpg");
    }
.hero.hero-bg-1 {
      background-image: url("../images/banner-srm.jpg");
    }
.hero.hero-bg-2 {
      background-image: url("../images/banner-platform.jpg");
    }
.hero.hero-bg-3 {
      background-image: url("../images/banner-brand.jpg");
    }
.hero-inner {
      padding: 88px 0 72px;
    }
.hero .hero-space {
      position: relative;
      min-height: 360px;
    }
.logo-strip {
      margin-top: -14px;
      margin-bottom: 38px;
      width: min(1180px, 100%);
      margin-left: auto;
      margin-right: auto;
    }
.hero-video-card {
      display: none;
      position: absolute;
      right: 0;
      top: 50%;
      width: min(560px, 100%);
      padding: 16px;
      border-radius: 28px;
      transform: translateY(-50%);
      background: rgba(255,255,255,.80);
      border: 1px solid rgba(221,234,246,.92);
      box-shadow: 0 26px 70px rgba(0,61,122,.15);
      backdrop-filter: blur(14px);
    }
.hero.is-brand .hero-video-card {
      animation: fadeUp .42s ease both;
    }
.brand-video {
      width: 100%;
      aspect-ratio: 16 / 9;
      border-radius: 20px;
      background: #0d223b;
      object-fit: cover;
    }
.video-badge {
      position: absolute;
      left: 30px;
      top: 30px;
      z-index: 2;
      padding: 8px 14px;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(135deg, var(--zy-blue), var(--zy-cyan));
      font-size: 13px;
      font-weight: 900;
      box-shadow: 0 10px 24px rgba(0,109,183,.22);
    }
.brand-orange {
      color: var(--zy-orange);
    }
.why-card::after {
      display: none;
    }
.why-card h3 {
      display: flex;
      align-items: center;
      gap: 12px;
    }
.why-icon {
      width: 46px;
      height: 46px;
      place-items: center;
      border-radius: 16px;
      border: 1px solid rgba(0,109,183,.12);
    }
.why-icon svg {
      width: 24px;
      height: 24px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
.why-list {
      border-top: 1px solid rgba(221,234,246,.9);
    }
.why-list li {
      border-bottom: 1px solid rgba(221,234,246,.9);
      border-radius: 0;
    }
@media (max-width: 1280px) {

    }
@media (max-width: 960px) {
      .hero {
        min-height: auto;
      }

      .hero-inner {
        min-height: 560px;
        grid-template-columns: 1fr;
        padding-bottom: 80px;
      }

      .hero .hero-space {
        display: block;
        min-height: 0;
      }

      .hero-video-card {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin-top: 24px;
        width: 100%;
      }

      .logo-strip {
        margin-top: 0;
        margin-bottom: 24px;
      }

      .platform-visual {
        min-height: 550px;
      }

    }
@media (max-width: 640px) {

    }
.hero.is-brand .hero-space {
      position: relative;
    }
.hero.is-brand .hero-video-card {
      top: auto;
      right: auto;
    }
.hero > .container:last-child {
      position: relative;
      z-index: 5;
    }
.hero .logo-strip {
      margin-top: 0 !important;
      width: min(1160px, 100%);
      padding: 14px 26px;
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      align-items: center;
      justify-content: center;
      gap: 12px;
      flex-wrap: nowrap;
    }
.hero .logo-strip .logo-item, .hero .logo-strip .hero-logo-item {
      min-width: 0 !important;
      width: 100%;
      height: 44px;
      padding: 7px 10px;
      white-space: nowrap;
      display: grid;
      place-items: center;
    }
.hero .hero-logo-item img {
      max-width: 100%;
      max-height: 26px;
      object-fit: contain;
    }
.hero .hero-logo-item .logo-fallback {
      font-size: 14px;
      line-height: 1;
      white-space: nowrap;
    }
@media (max-width: 1280px) {
      .hero.is-brand .hero-inner {
        grid-template-columns: minmax(0, 560px) minmax(360px, 450px);
        padding-right: 104px;
        gap: 42px;
      }

      .hero.is-brand .hero-video-card {
        width: min(440px, 100%);
      }

      .hero .logo-strip {
        width: min(1040px, 100%);
        gap: 10px;
        padding-left: 20px;
        padding-right: 20px;
      }
    }
@media (max-width: 960px) {
      .hero.is-brand .hero-inner {
        grid-template-columns: 1fr;
        padding-right: 0;
        gap: 24px;
      }

      .hero.is-brand .hero-space {
        justify-content: center;
        min-height: 0;
      }

      .hero.is-brand .hero-video-card {
        width: min(560px, 100%);
        max-width: 560px;
      }

      .hero .logo-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-radius: 28px;
        margin-bottom: 24px;
      }
    }
@media (max-width: 640px) {
      .hero .logo-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
.hero-dots {
      left: 0;
      transform: none;
      justify-content: flex-start;
    }
.hero.hero-bg-0 .hero-dots, .hero.hero-bg-1 .hero-dots, .hero.hero-bg-2 .hero-dots, .hero.hero-bg-3 .hero-dots {
      width: 340px;
    }
.hero.is-brand .hero-dot.active {
      background: var(--zy-orange);
    }
.hero.is-brand .btn-primary {
      background: linear-gradient(135deg, #ff8c31, var(--zy-orange));
      box-shadow: 0 12px 28px rgba(246,162,26,.28);
    }
.hero.is-brand .btn-primary:hover {
      box-shadow: 0 18px 38px rgba(246,162,26,.34);
    }
.hero.is-brand .brand-video {
      box-shadow: 0 22px 56px rgba(0, 61, 122, .16);
      background: #d9e4f0;
    }
.hero.is-brand .video-badge {
      left: 18px;
      top: 18px;
    }

.cert-badge {
      position: relative;
      padding: 10px 16px;
      overflow: hidden;
    }
.cert-badge.hot {
      color: #9a5300;
      background: linear-gradient(145deg, #fff5df, #ffffff);
      border-color: rgba(246,162,26,.28);
      box-shadow: 0 10px 24px rgba(246,162,26,.10);
    }
.cert-badge.hot::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--zy-orange);
      box-shadow: 0 0 0 5px rgba(246,162,26,.12);
      margin-right: 8px;
      display: inline-block;
      vertical-align: middle;
      flex: 0 0 auto;
    }
.cert-badge.hot {
      display: inline-flex;
      gap: 0;
    }
@media (max-width: 1280px) {
      .hero.hero-bg-0 .hero-dots,
      .hero.hero-bg-1 .hero-dots,
      .hero.hero-bg-2 .hero-dots,
      .hero.hero-bg-3 .hero-dots {
        width: 300px;
      }

    }
@media (max-width: 960px) {
      .hero-dots {
        left: 50%;
        transform: translateX(-50%);
        justify-content: center;
      }

      .hero.hero-bg-0 .hero-dots,
      .hero.hero-bg-1 .hero-dots,
      .hero.hero-bg-2 .hero-dots,
      .hero.hero-bg-3 .hero-dots {
        width: auto;
      }

      .hero.is-brand .hero-video-card {
        width: 100%;
        max-width: 560px;
      }

    }
@media (max-width: 1280px) {
      .hero.is-brand .hero-inner {
        grid-template-columns: minmax(0, 470px) minmax(500px, 580px);
        gap: 42px;
        padding-right: 98px;
      }

      .hero.is-brand .hero-video-card {
        width: min(580px, 100%);
        max-width: 580px;
      }

      .hero.is-brand .brand-video {
        min-height: 320px;
      }
    }
@media (max-width: 960px) {
      .hero.is-brand .hero-inner {
        grid-template-columns: 1fr;
        padding-right: 0;
      }

      .hero.is-brand .hero-copy {
        max-width: 100%;
      }

      .hero.is-brand .brand-video {
        min-height: auto;
      }
    }
.hero {
      background-size: cover;
      background-position: center;
    }
.hero .logo-strip {
      margin-bottom: 24px !important;
      min-height: 72px !important;
    }
.product-img-icon, .platform-img-icon {
      background: rgba(255, 255, 255, .92) !important;
      border: 1px solid rgba(0, 109, 183, .12) !important;
      box-shadow: 0 10px 24px rgba(0, 61, 122, .06) !important;
      overflow: hidden;
      padding: 0 !important;
    }
.product-img-icon img, .platform-img-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }
.product-img-icon img {
      padding: 0;
      border-radius: 20px;
    }
.platform-img-icon img {
      border-radius: 16px;
    }
.case-carousel {
      position: relative;
    }
.case-window {
      overflow: hidden;
    }
.case-track {
      display: flex;
      gap: 24px;
      transition: transform .34s ease;
      will-change: transform;
    }
.case-track .case-card {
      flex: 0 0 calc((100% - 48px) / 3);
    }
.case-btn {
      position: absolute;
      border: 1px solid rgba(0, 109, 183, .16);
      color: var(--zy-blue);
      font-weight: 950;
      line-height: 1;
      cursor: pointer;
      transition: .22s ease;
    }
.case-btn:hover {
      box-shadow: 0 18px 40px rgba(0, 61, 122, .14);
    }
.cert-badge::before, .cert-badge.hot::before {
      content: none !important;
      display: none !important;
    }
@media (max-width: 1180px) {
      .case-track .case-card {
        flex-basis: calc((100% - 24px) / 2);
      }
    }
@media (max-width: 960px) {
      .hero {
        min-height: auto !important;
      }

      .hero-inner {
        min-height: 520px !important;
      }

    }
@media (max-width: 640px) {
      .case-carousel {
        padding: 0 44px;
      }

      .case-track .case-card {
        flex-basis: 100%;
      }

      .case-btn {
        width: 38px;
        height: 38px;
        border-radius: 14px;
      }

      .hero-inner {
        min-height: 500px !important;
      }
    }
.hero {
      position: relative;
      overflow: visible !important;
    }
.hero-logo-boundary {
      position: relative;
      z-index: 9;
      pointer-events: auto;
    }
.hero-logo-boundary .logo-strip {
      margin: 0 auto !important;
      min-height: 74px !important;
      padding: 16px 34px;
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      align-items: center;
      justify-content: center;
      column-gap: 26px;
      row-gap: 0;
      flex-wrap: nowrap;
      background: rgba(255,255,255,.94);
      border: 1px solid rgba(221,234,246,.95);
      backdrop-filter: blur(14px);
    }
.hero-logo-boundary .logo-item, .hero-logo-boundary .hero-logo-item {
      min-width: 0 !important;
      width: 100%;
      height: 42px;
      padding: 0 !important;
      white-space: nowrap;
      display: grid;
      place-items: center;
    }
.hero-logo-boundary .hero-logo-item img {
      max-width: 100%;
      max-height: 26px;
      object-fit: contain;
    }
.hero-logo-boundary .hero-logo-item .logo-fallback {
      font-size: 14px;
      line-height: 1;
      white-space: nowrap;
    }
@media (max-width: 1280px) {
      .hero-logo-boundary .logo-strip {
        width: min(1040px, 100%);
        gap: 10px;
        padding-left: 20px;
        padding-right: 20px;
      }
    }
@media (max-width: 960px) {
      .hero-logo-boundary {
        margin-top: -34px;
        margin-bottom: 22px;
      }

      .hero-logo-boundary .logo-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-radius: 28px;
      }

      #products.section {
        padding-top: 66px;
      }
    }
@media (max-width: 640px) {
      .hero-logo-boundary {
        margin-top: -24px;
      }

      .hero-logo-boundary .logo-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
@media (max-width: 1180px) {
      .product-card .scene-image {
        width: min(100%, 300px) !important;
      }
    }
@media (max-width: 640px) {
      .product-card .scene-image {
        width: min(100%, 260px) !important;
      }
    }
.product-head h3 {
      margin-bottom: 4px !important;
    }
.product-head p {
      margin-bottom: 8px !important;
    }

.more-solutions > .solution-cta {
      margin-top: 30px !important;
      position: relative !important;
      z-index: 1 !important;
      justify-content: center !important;
    }
.solution-carousel {
      padding-bottom: 0 !important;
    }
.solution-card .btn-text {
      display: none !important;
    }
.solution-card {
      min-height: 150px !important;
      justify-content: flex-start !important;
    }
.platform-visual::before {
      display: none !important;
    }
.case-carousel {
      padding: 0 78px !important;
    }
.case-btn {
      font-size: 34px !important;
      display: grid !important;
      place-items: center !important;
      transform: translateY(-50%) !important;
    }
.case-btn:hover {
      transform: translateY(-50%) translateY(-2px) !important;
    }
@media (max-width: 1180px) {
      .product-card {
        min-height: 600px !important;
      }

      .product-card .scene-image {
        width: 100% !important;
      }

      .case-carousel {
        padding: 0 64px !important;
      }
    }
@media (max-width: 640px) {
      .product-card {
        min-height: auto !important;
      }

      .product-card .scene-image {
        width: 100% !important;
      }

      .case-carousel {
        padding: 0 50px !important;
      }

      .case-btn {
        width: 46px !important;
        height: 46px !important;
        border-radius: 16px !important;
        font-size: 28px !important;
      }
    }
@media (max-width: 1180px) {
      .product-card {
        min-height: 570px !important;
      }

      .product-card .scene-image {
        width: min(90%, 420px) !important;
        max-width: 420px !important;
      }
    }
@media (max-width: 640px) {
      .product-card {
        min-height: auto !important;
      }

      .product-card .scene-image {
        width: 100% !important;
        max-width: 320px !important;
      }

      .product-card .scene-image img {
        transform: none;
        padding: 10px !important;
      }
    }
@media (max-width: 1180px) {
      .product-card {
        min-height: 540px !important;
      }

      .product-card .scene-image {
        width: 86% !important;
        max-width: 390px !important;
      }
    }
@media (max-width: 960px) {
      .product-card {
        min-height: auto !important;
      }

      .product-card .scene-image {
        width: min(88%, 360px) !important;
        max-width: 360px !important;
      }
    }
@media (max-width: 640px) {
      .product-card {
        padding: 22px !important;
      }

      .product-card .scene-image {
        width: 100% !important;
        max-width: 320px !important;
        margin-top: 18px !important;
      }
    }
@media (max-width: 1280px) {
      .hero.is-brand .hero-video-card {
        transform: translateX(-32px) !important;
        width: min(560px, 100%) !important;
        max-width: 560px !important;
      }
    }
@media (max-width: 960px) {
      .hero.is-brand .hero-video-card {
        transform: none !important;
        width: min(100%, 560px) !important;
        max-width: 560px !important;
      }
    }
.product-grid {
      align-items: stretch !important;
    }

@media (max-width: 1180px) {
      .product-card {
        min-height: 500px !important;
      }

      .product-card .scene-image {
        width: 88% !important;
        max-width: 380px !important;
      }
    }
@media (max-width: 960px) {
      .product-card {
        min-height: auto !important;
      }

      .product-card .scene-image {
        width: min(88%, 360px) !important;
        max-width: 360px !important;
      }
    }
@media (max-width: 640px) {
      .product-card {
        padding: 22px !important;
      }

      .product-card .scene-image {
        width: 100% !important;
        max-width: 320px !important;
        margin-top: 16px !important;
      }

      .product-card .scene-image img {
        transform: scale(1.08) !important;
      }
    }
.product-card {
      min-height: 452px !important;
      padding: 24px 28px 24px !important;
      display: flex !important;
      flex-direction: column !important;
    }
.product-head {
      margin-bottom: 8px !important;
      align-items: flex-start !important;
    }

.product-card .scene-image {
      width: 100% !important;
      max-width: none !important;
      aspect-ratio: 7 / 5 !important;
      height: auto !important;
      margin: 10px 0 0 !important;
      border-radius: 26px !important;
      overflow: hidden !important;
      display: grid !important;
      place-items: center !important;
    }
.product-card .scene-image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      padding: 0 !important;
      transform: scale(1.03) !important;
      transform-origin: center center !important;
    }
@media (max-width: 1180px) {
      .product-card {
        min-height: 432px !important;
      }

      .product-card .scene-image {
        aspect-ratio: 7 / 5 !important;
      }
    }
@media (max-width: 960px) {
      .product-card {
        min-height: auto !important;
      }

      .product-card .scene-image {
        width: 100% !important;
      }
    }
@media (max-width: 640px) {
      .product-card {
        padding: 22px !important;
      }

      .product-card .scene-image {
        margin-top: 12px !important;
      }
    }
.hero.is-brand .hero-inner {
      gap: 34px !important;
    }
.hero.is-brand .hero-title {
      white-space: nowrap !important;
      font-size: clamp(34px, 3.0vw, 50px) !important;
      line-height: 1.14 !important;
      letter-spacing: -1.2px !important;
    }
@media (max-width: 1280px) {
      .hero.is-brand .hero-inner {
        grid-template-columns: minmax(0, 520px) minmax(540px, 620px) !important;
        gap: 28px !important;
        padding-right: 92px !important;
      }

      .hero.is-brand .hero-video-card {
        width: min(620px, 100%) !important;
        max-width: 620px !important;
        transform: translateX(-8px) !important;
      }

      .hero.is-brand .hero-title {
        font-size: clamp(32px, 2.8vw, 46px) !important;
      }
    }
@media (max-width: 960px) {
      .hero.is-brand .hero-inner {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding-right: 0 !important;
      }

      .hero.is-brand .hero-copy {
        max-width: 100% !important;
      }

      .hero.is-brand .hero-title {
        white-space: normal !important;
      }

      .hero.is-brand .hero-space {
        justify-content: center !important;
      }

      .hero.is-brand .hero-video-card {
        transform: none !important;
        width: min(100%, 620px) !important;
        max-width: 620px !important;
      }
    }
@media (max-width: 1380px) {
      .hero.is-brand .hero-video-card {
        transform: translateX(56px) !important;
      }
    }
@media (max-width: 1180px) {
      .hero.is-brand .hero-video-card {
        transform: translateX(36px) !important;
      }
    }
@media (max-width: 960px) {
      .hero.is-brand .hero-video-card {
        transform: none !important;
      }
    }
:root {
      --zy-heading-color: #102033;
      --zy-heading-blue: #006DB7;
      --zy-body-color: #526982;
      --zy-subtitle-color: #61738A;
      --zy-light-text: #7A8BA0;
      --zy-hero-title-size: clamp(42px, 3.75vw, 56px);
      --zy-section-title-size: clamp(32px, 3.05vw, 44px);
      --zy-block-title-size: clamp(24px, 2.15vw, 32px);
      --zy-card-title-size: 22px;
      --zy-small-title-size: 18px;
      --zy-body-size: 17px;
      --zy-card-desc-size: 16px;
      --zy-small-desc-size: 14px;
      --zy-title-weight: 500;
      --zy-subtitle-weight: 400;
      --zy-card-title-weight: 500;
      --zy-desc-weight: 400;
      --zy-link-weight: 500;
    }
.hero .hero-title {
      color: var(--zy-heading-color) !important;
      font-size: var(--zy-hero-title-size) !important;
      line-height: 1.14 !important;
      font-weight: var(--zy-title-weight) !important;
      letter-spacing: -1.3px !important;
    }
.hero p {
      color: var(--zy-body-color) !important;
      font-size: 19px !important;
      line-height: 1.85 !important;
      font-weight: var(--zy-subtitle-weight) !important;
    }
.section-head h2 {
      color: var(--zy-heading-color) !important;
      font-size: var(--zy-section-title-size) !important;
      line-height: 1.18 !important;
      font-weight: var(--zy-title-weight) !important;
    }
.section-head p {
      color: var(--zy-subtitle-color) !important;
      font-size: 18px !important;
      font-weight: var(--zy-subtitle-weight) !important;
    }

.product-head h3 {
      color: var(--zy-heading-color) !important;
      font-size: 24px !important;
      line-height: 1.32 !important;
      font-weight: var(--zy-card-title-weight) !important;
      letter-spacing: -0.35px !important;
    }
.product-head p {
      color: var(--zy-subtitle-color) !important;
      font-size: var(--zy-card-desc-size) !important;
      font-weight: 600 !important;
    }

.solution-card h4 {
      color: #3E5269 !important;
      font-size: var(--zy-small-title-size) !important;
      line-height: 1.38 !important;
      letter-spacing: -0.2px !important;
    }
.solution-card p {
      color: #75869A !important;
      font-size: var(--zy-small-desc-size) !important;
      line-height: 1.7 !important;
      font-weight: 550 !important;
    }
.industry-content h3 {
      color: #FFFFFF !important;
      font-size: 22px !important;
      line-height: 1.35 !important;
      font-weight: var(--zy-title-weight) !important;
    }
.industry-summary {
      color: rgba(255,255,255,.88) !important;
      font-size: 14px !important;
      line-height: 1.65 !important;
      font-weight: 550 !important;
    }
.industry-detail p {
      color: rgba(255,255,255,.88) !important;
      font-size: 13px !important;
      line-height: 1.62 !important;
      font-weight: 500 !important;
    }
.case-body h3 {
      color: var(--zy-heading-color) !important;
      font-size: 20px !important;
      line-height: 1.62 !important;
      font-weight: var(--zy-card-title-weight) !important;
      letter-spacing: -0.25px !important;
    }
.why-card h3 {
      font-weight: var(--zy-title-weight) !important;
    }
.why-list strong {
      letter-spacing: -0.25px !important;
    }
.cert-badge {
      color: #B96B00 !important;
      font-size: 14px !important;
      line-height: 1.35 !important;
      font-weight: 900 !important;
    }
.conversion h2 {
      color: #FFFFFF !important;
      font-size: clamp(32px, 3.4vw, 46px) !important;
      line-height: 1.18 !important;
      font-weight: var(--zy-title-weight) !important;
      letter-spacing: -0.8px !important;
    }
.conversion p {
      color: rgba(255,255,255,.84) !important;
      font-size: 20px !important;
      line-height: 1.75 !important;
      font-weight: 800 !important;
    }
@media (max-width: 960px) {
      :root {
        --zy-hero-title-size: clamp(36px, 7vw, 44px);
        --zy-section-title-size: clamp(28px, 5.2vw, 38px);
        --zy-block-title-size: clamp(22px, 4.2vw, 28px);
      }

      .hero p,
      .section-head p {
        font-size: 17px !important;
      }

      .product-head h3 {
        font-size: 22px !important;
      }
    }
@media (max-width: 640px) {
      :root {
        --zy-hero-title-size: 36px;
        --zy-section-title-size: 30px;
        --zy-block-title-size: 24px;
      }

      .hero .hero-title {
        letter-spacing: -0.8px !important;
      }

      .hero p {
        font-size: 16px !important;
      }

      .section-head p {
        font-size: 16px !important;
      }

      .product-head h3 {
        font-size: 21px !important;
      }

      .solution-card h4 {
        font-size: 17px !important;
      }
    }
.hero p, .section-head p, .product-head p, .solution-card p, .industry-summary, .industry-detail p, .case-body p, .conversion p, .why-list span {
      font-weight: 400 !important;
    }
.solution-card h4 {
      font-weight: 700 !important;
    }
.product-head p {
      line-height: 1.62 !important;
    }
.section-head p {
      line-height: 1.82 !important;
    }
@media (max-width: 960px) {
      #clients.section {
        padding-bottom: 28px !important;
      }

      #about.section {
        padding-top: 32px !important;
      }
    }
@media (max-width: 640px) {
      #clients.section {
        padding-bottom: 22px !important;
      }

      #about.section {
        padding-top: 26px !important;
      }
    }
#products .solution-cta, #products .hero-actions {
      margin-bottom: 0 !important;
    }
#industries.section {
      padding-top: 42px !important;
    }
#industries .section-head {
      margin-bottom: 34px !important;
    }
@media (max-width: 960px) {
      #products.section {
        padding-bottom: 28px !important;
      }

      #industries.section {
        padding-top: 34px !important;
      }

      #industries .section-head {
        margin-bottom: 28px !important;
      }
    }
@media (max-width: 640px) {
      #products.section {
        padding-bottom: 22px !important;
      }

      #industries.section {
        padding-top: 26px !important;
      }

      #industries .section-head {
        margin-bottom: 24px !important;
      }
    }
:root {
      --zy-section-top: 64px;
      --zy-section-bottom: 56px;
      --zy-section-head-gap: 36px;
      --zy-section-inner-gap: 32px;
      --zy-card-gap: 24px;
    }
.section-head {
      margin-top: 0 !important;
    }
.section-head h2 {
      margin-bottom: 12px !important;
    }
.section-head p {
      margin-bottom: 0 !important;
    }
.product-grid, .industry-grid, .why-grid {
      gap: var(--zy-card-gap) !important;
    }
.hero-logo-boundary {
      margin-bottom: 0 !important;
    }
.hero-logo-boundary .logo-strip {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
#products .section-head {
      margin-bottom: 34px !important;
    }
#products .more-solutions {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }
#products .solution-carousel {
      padding-bottom: 0 !important;
    }
#products .solution-cta {
      margin-bottom: 0 !important;
      justify-content: center !important;
    }
#solutions .platform-panel .hero-actions {
      margin-bottom: 0 !important;
      justify-content: center !important;
    }
#industry .section-head {
      margin-bottom: 34px !important;
    }
#industry .hero-actions {
      margin-top: 32px !important;
      margin-bottom: 0 !important;
      justify-content: center !important;
    }
#clients .case-carousel {
      margin-top: 0 !important;
    }
#clients .section-head[style] {
      margin-top: 42px !important;
      margin-bottom: 18px !important;
    }
#clients .section-head[style] h2 {
      font-size: var(--zy-block-title-size) !important;
      line-height: 1.25 !important;
    }
#clients .logo-wall {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
    }
#clients .hero-actions {
      margin-bottom: 0 !important;
      justify-content: center !important;
    }
#resources .section-head {
      margin-bottom: 34px !important;
    }

.conversion {
      padding-top: 64px !important;
      padding-bottom: 64px !important;
    }
.conversion .hero-actions {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
.hero-actions {
      gap: 14px !important;
    }
.platform-panel, .why-area, .news-stack {
      margin-top: 0 !important;
    }
.more-solutions {
      overflow: visible;
    }
@media (max-width: 960px) {
      :root {
        --zy-section-top: 52px;
        --zy-section-bottom: 48px;
        --zy-section-head-gap: 30px;
        --zy-card-gap: 20px;
      }

      .hero-logo-boundary {
        margin-top: -28px !important;
      }

      #products.section,
      #solutions.section,
      #industry.section,
      #clients.section,
      #about.section,
      #resources.section {
        padding-top: var(--zy-section-top) !important;
        padding-bottom: var(--zy-section-bottom) !important;
      }

      #clients .section-head[style] {
        margin-top: 34px !important;
      }
    }
@media (max-width: 640px) {
      :root {
        --zy-section-top: 44px;
        --zy-section-bottom: 42px;
        --zy-section-head-gap: 26px;
        --zy-card-gap: 18px;
      }

      .hero-logo-boundary {
        margin-top: -20px !important;
      }

      #products .more-solutions {
        margin-top: 34px !important;
      }

      #products .solution-cta,
      #industry .hero-actions,
      #clients .hero-actions,
      #solutions .platform-panel .hero-actions {
        margin-top: 24px !important;
      }

      #clients .section-head[style] {
        margin-top: 30px !important;
      }

      .conversion {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
      }
    }
:root {
      --zy-gold: #F6A21A;
      --zy-gold-soft: #FFF6E6;
      --zy-panel-bg: #F7FBFF;
    }
.hero-slide, .hero-slide.active {
      animation: none !important;
    }

.hero-slide.active .hero-actions {
      animation: none !important;
    }
@keyframes zyFadeOnly {
    from { opacity: 0; }
          to { opacity: 1; }
    }
.hero-logo-boundary {
      width: min(var(--zy-max), calc(100% - clamp(56px, 11vw, 190px))) !important;
      max-width: none !important;
    }
.hero-logo-boundary .logo-strip {
      width: 100% !important;
      max-width: none !important;
    }
.product-card::after {
      content: none !important;
      display: none !important;
    }
.solution-card {
      transform-origin: center center !important;
    }
#solutions .section-head, #solutions .platform-panel .section-head {
      margin-bottom: 26px !important;
    }
.platform-visual {
      border-color: rgba(0,109,183,.12) !important;
    }
#clients .logo-wall::before {
      background: linear-gradient(90deg, rgba(248,251,255,.98), rgba(248,251,255,0)) !important;
    }
#clients .logo-wall::after {
      background: linear-gradient(270deg, rgba(248,251,255,.98), rgba(248,251,255,0)) !important;
    }
#clients .hero-actions {
      margin-top: 26px !important;
    }
.case-card, .case-card:hover {
      border-color: var(--zy-line) !important;
    }
.case-cover img, .case-card:hover .case-cover img {
      filter: none !important;
    }
.why-card::before {
      height: 4px !important;
      background: var(--zy-blue) !important;
    }
.why-card h3 {
      margin-bottom: 24px !important;
    }
.why-icon {
      color: var(--zy-blue) !important;
      background: #F3FAFF !important;
      box-shadow: none !important;
    }
.cert-badge, .cert-badge.hot {
      flex-direction: column !important;
      gap: 6px !important;
      border-color: rgba(246,162,26,.34) !important;
      font-weight: 500 !important;
    }
.cert-badge strong {
      color: #B26300 !important;
      font-size: 20px !important;
      line-height: 1.2 !important;
      font-weight: 900 !important;
    }
.cert-badge span {
      color: #6D4A1E !important;
      font-size: 14px !important;
      line-height: 1.35 !important;
      font-weight: 500 !important;
    }
.news-feature {
      position: relative;
    }
.news-feature img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.news-list {
      display: flex;
      flex-direction: column;
    }
.news-list-item:last-child {
      border-bottom: 0;
    }
.news-list-item h3 {
      margin: 0 0 8px;
      color: #102033;
      line-height: 1.45;
      letter-spacing: -.2px;
    }
.news-list-item p {
      margin: 0;
      color: var(--zy-muted);
      font-size: 15px;
      line-height: 1.7;
      font-weight: 400;
    }
@media (max-width: 1280px) {

      .cap-ai {
        left: 34px !important;
      }

      .cap-lowcode {
        right: 34px !important;
      }

      .cap-bpm {
        left: 34px !important;
      }

      .cap-ipaas {
        right: 34px !important;
      }
    }
@media (max-width: 960px) {
      .hero-logo-boundary {
        width: min(var(--zy-max), calc(100% - 32px)) !important;
      }

      .platform-visual {
        min-height: 520px !important;
      }

      .cap-ai {
        left: 28px !important;
        top: 58px !important;
      }

      .cap-lowcode {
        right: 28px !important;
        top: 58px !important;
      }

      .cap-bpm {
        left: 28px !important;
        bottom: 56px !important;
      }

      .cap-ipaas {
        right: 28px !important;
        bottom: 56px !important;
      }

      #clients > .container {
        padding: 38px 28px 36px !important;
      }

      .cert-row {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      .news-insight {
        grid-template-columns: 1fr;
      }

      .news-feature {
        min-height: 280px;
      }
    }
@media (max-width: 640px) {
      .hero-logo-boundary {
        width: min(var(--zy-max), calc(100% - 32px)) !important;
      }

      #products .more-solutions {
        margin-top: 30px !important;
      }

      .solution-card:hover {
        transform: none !important;
      }

      .platform-visual {
        min-height: 440px !important;
      }

      #clients > .container {
        padding: 30px 18px 30px !important;
        border-radius: 28px !important;
      }

      .cert-row {
        grid-template-columns: 1fr !important;
      }

      .cert-badge,
      .cert-badge.hot {
        min-height: 66px !important;
      }

      .news-list {
        padding: 18px 22px;
      }

      .news-list-item h3 {
        font-size: 18px;
      }
    }
:root {
      --zy-nav-width: min(var(--zy-max), calc(100% - clamp(56px, 11vw, 190px)));
      --zy-soft-card: linear-gradient(145deg, #FFFFFF 0%, #F2FAFF 100%);
      --zy-clean-shadow: 0 14px 36px rgba(0, 61, 122, .065);
    }

.hero-dots {
      top: calc(50% + 172px) !important;
    }
.hero.is-brand .hero-inner {
      min-height: 560px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
#solutions .section-head {
      margin-bottom: 30px !important;
    }
#solutions .platform-panel .hero-actions {
      margin-top: 26px !important;
    }
.solution-card::after {
      display: none !important;
      content: none !important;
    }
.solution-carousel {
      padding: 0 !important;
    }
.carousel-btn.prev {
      left: -6px !important;
    }
.carousel-btn.next {
      right: -6px !important;
    }
#clients > .container {
      padding: 0 !important;
      border: 0 !important;
      box-shadow: none !important;
      background: transparent !important;
      border-radius: 0 !important;
    }
#clients > .container > .section-head:first-child {
      max-width: 920px !important;
      margin-bottom: 34px !important;
    }
#clients .case-carousel {
      margin: 0 0 34px !important;
    }
#clients .case-track .case-card {
      flex-basis: calc((100% - 48px) / 3) !important;
    }
.case-card, .case-card:hover {
      border: 1px solid rgba(221,234,246,.95) !important;
      background: #FFFFFF !important;
    }
.case-cover {
      box-shadow: none !important;
    }
.case-btn {
      top: 50% !important;
      width: 56px !important;
      height: 56px !important;
      border-radius: 18px !important;
      background: rgba(255,255,255,.94) !important;
      box-shadow: 0 10px 28px rgba(0,61,122,.10) !important;
      z-index: 8 !important;
    }
.case-prev {
      left: 14px !important;
    }
.case-next {
      right: 14px !important;
    }
#clients .logo-wall {
      margin-top: 0 !important;
      padding: 8px 0 !important;
    }
#about .section-head {
      margin-bottom: 34px !important;
    }
.why-area {
      padding: 38px 44px 34px !important;
      border-radius: 32px !important;
      background: radial-gradient(circle at 8% 6%, rgba(0,166,214,.06), transparent 26%),
        linear-gradient(145deg, #FFFFFF 0%, #F7FBFF 100%) !important;
      border: 1px solid rgba(221,234,246,.95) !important;
    }
.why-grid {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 0 !important;
    }
.why-card {
      min-height: auto !important;
      padding: 4px 34px 8px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      overflow: visible !important;
    }
.why-card:not(:last-child) {
      border-right: 1px solid rgba(0,109,183,.10) !important;
    }
.why-card::before, .why-card::after {
      display: none !important;
      content: none !important;
    }
.why-icon {
      display: none !important;
    }
.why-card h3 {
      margin: 0 0 24px !important;
      padding-left: 14px !important;
      border-left: 4px solid var(--zy-blue) !important;
      justify-content: flex-start !important;
      text-align: left !important;
      font-size: 24px !important;
      line-height: 1.3 !important;
      letter-spacing: -.3px !important;
    }
.why-list {
      display: grid !important;
      gap: 14px !important;
      border: 0 !important;
    }
.why-list li {
      display: flex !important;
      grid-template-columns: none !important;
      align-items: baseline !important;
      gap: 8px !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
    }
.why-list strong {
      min-width: auto !important;
      color: #102033 !important;
      font-size: 27px !important;
      line-height: 1.2 !important;
      font-weight: 950 !important;
      white-space: nowrap !important;
    }
.why-list span {
      color: #344D68 !important;
      font-size: 18px !important;
      line-height: 1.65 !important;
      font-weight: 400 !important;
    }
.cert-row {
      margin-top: 34px !important;
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 10px !important;
      align-items: stretch !important;
    }
.cert-badge, .cert-badge.hot {
      position: relative !important;
      min-height: 104px !important;
      padding: 14px 44px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      color: #00A694 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      overflow: visible !important;
    }
.cert-badge::before, .cert-badge::after, .cert-badge.hot::before, .cert-badge.hot::after {
      content: "" !important;
      display: block !important;
      position: absolute !important;
      top: 50% !important;
      width: 46px !important;
      height: 96px !important;
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2058%20120%27%3E%3Cg%20fill%3D%27%234fcfc4%27%20opacity%3D%27.62%27%3E%3Cellipse%20cx%3D%2739%27%20cy%3D%2714%27%20rx%3D%276.2%27%20ry%3D%2713.5%27%20transform%3D%27rotate%2838%2039%2014%29%27/%3E%3Cellipse%20cx%3D%2731%27%20cy%3D%2729%27%20rx%3D%276.2%27%20ry%3D%2713.5%27%20transform%3D%27rotate%2828%2031%2029%29%27/%3E%3Cellipse%20cx%3D%2725%27%20cy%3D%2745%27%20rx%3D%276.2%27%20ry%3D%2713.5%27%20transform%3D%27rotate%2818%2025%2045%29%27/%3E%3Cellipse%20cx%3D%2721%27%20cy%3D%2762%27%20rx%3D%276.2%27%20ry%3D%2713.5%27%20transform%3D%27rotate%288%2021%2062%29%27/%3E%3Cellipse%20cx%3D%2722%27%20cy%3D%2779%27%20rx%3D%276.2%27%20ry%3D%2713.5%27%20transform%3D%27rotate%28-7%2022%2079%29%27/%3E%3Cellipse%20cx%3D%2727%27%20cy%3D%2796%27%20rx%3D%276.2%27%20ry%3D%2713.5%27%20transform%3D%27rotate%28-20%2027%2096%29%27/%3E%3C/g%3E%3Cpath%20d%3D%27M44%208%20C23%2034%2016%2075%2030%20112%27%20stroke%3D%27%234fcfc4%27%20stroke-width%3D%273%27%20fill%3D%27none%27%20opacity%3D%27.38%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") !important;
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
      opacity: .76 !important;
      pointer-events: none !important;
    }
.cert-badge::before {
      left: 2px !important;
      transform: translateY(-50%) !important;
    }
.cert-badge::after {
      right: 2px !important;
      transform: translateY(-50%) scaleX(-1) !important;
    }
.cert-title {
      color: #007E74 !important;
      font-size: 17px !important;
      line-height: 1.38 !important;
      font-weight: 800 !important;
      letter-spacing: -.15px !important;
    }
@media (max-width: 1280px) {

      .cap-ai {
        left: 38px !important;
      }

      .cap-lowcode {
        right: 38px !important;
      }

      .cap-bpm {
        left: 38px !important;
      }

      .cap-ipaas {
        right: 38px !important;
      }

      .why-area {
        padding-left: 30px !important;
        padding-right: 30px !important;
      }

      .why-card {
        padding-left: 24px !important;
        padding-right: 24px !important;
      }

      .cert-title {
        font-size: 15px !important;
      }
    }
@media (max-width: 960px) {
      :root {
        --zy-nav-width: min(var(--zy-max), calc(100% - 32px));
      }

      .hero-inner {
        min-height: 540px !important;
        padding-top: 58px !important;
        padding-bottom: 78px !important;
      }

      .hero-copy {
        transform: none;
      }

      .hero-dots {
        top: auto !important;
        bottom: 24px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
      }

      .platform-visual {
        min-height: 540px !important;
      }

      .cap-ai {
        left: 28px !important;
        top: 58px !important;
      }

      .cap-lowcode {
        right: 28px !important;
        top: 58px !important;
      }

      .cap-bpm {
        left: 28px !important;
        bottom: 58px !important;
      }

      .cap-ipaas {
        right: 28px !important;
        bottom: 58px !important;
      }

      #clients .case-track .case-card {
        flex-basis: calc((100% - 24px) / 2) !important;
      }

      .why-area {
        padding: 30px 24px !important;
      }

      .why-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
      }

      .why-card {
        padding: 0 !important;
      }

      .why-card:not(:last-child) {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(0,109,183,.10) !important;
        padding-bottom: 26px !important;
      }

      .cert-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      .news-insight {
        grid-template-columns: 1fr !important;
      }

      .footer-main {
        grid-template-columns: 1fr !important;
      }

    }
@media (max-width: 640px) {
      .platform-visual {
        min-height: 460px !important;
      }

      #clients .case-track .case-card {
        flex-basis: 100% !important;
      }

      .case-btn {
        width: 44px !important;
        height: 44px !important;
      }

      .cert-row {
        grid-template-columns: 1fr !important;
      }

      .cert-badge {
        min-height: 88px !important;
      }

    }
:root {
      --zy-content-width: min(var(--zy-max), calc(100% - clamp(56px, 11vw, 190px)));
      --zy-radius-section: 34px;
      --zy-radius-card: 28px;
      --zy-shadow-clean: 0 14px 36px rgba(0, 61, 122, .065);
      --zy-shadow-clean-hover: 0 18px 44px rgba(0, 61, 122, .095);
      --zy-card-border: 1px solid rgba(221, 234, 246, .96);
      --zy-soft-blue-bg: linear-gradient(180deg, #F7FBFF 0%, #FFFFFF 100%);
      --zy-motion: cubic-bezier(.2, .7, .2, 1);
    }

.section {
      padding-top: 62px !important;
      padding-bottom: 62px !important;
    }
.section-head {
      margin-bottom: 34px !important;
    }
.section-head h2 {
      letter-spacing: -1px !important;
    }
.section-head p {
      max-width: 820px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
.btn {
      transition: transform .2s var(--zy-motion), box-shadow .2s var(--zy-motion), border-color .2s var(--zy-motion), background .2s var(--zy-motion) !important;
    }
.btn-primary:hover, .btn-light:hover {
      transform: translateY(-1px) !important;
    }
.hero {
      min-height: 680px !important;
    }
.hero-inner {
      min-height: 600px !important;
      align-items: center !important;
      padding-top: 18px !important;
      padding-bottom: 96px !important;
    }
.hero-copy {
      align-self: center !important;
      transform: none !important;
    }
.hero .hero-title {
      max-width: 760px !important;
    }
.hero p {
      max-width: 720px !important;
    }
.hero-dots {
      bottom: 96px !important;
    }
.hero-logo-boundary {
      margin-top: -40px !important;
    }
.hero-logo-boundary .logo-strip {
      border-radius: 34px !important;
      box-shadow: 0 16px 42px rgba(0, 61, 122, .09) !important;
    }
.hero-logo-boundary .logo-item, .hero-logo-boundary .hero-logo-item {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      border-radius: 0 !important;
    }
.product-card, .solution-card, .platform-visual, .case-card, .news-insight {
      transition: transform .22s var(--zy-motion), box-shadow .22s var(--zy-motion), border-color .22s var(--zy-motion) !important;
    }
.product-card, .case-card, .news-insight {
      box-shadow: var(--zy-shadow-clean) !important;
      border: var(--zy-card-border) !important;
    }
.product-card:hover {
      transform: translateY(-3px) !important;
      box-shadow: var(--zy-shadow-clean-hover) !important;
    }
.solution-card {
      border: var(--zy-card-border) !important;
      box-shadow: var(--zy-shadow-clean) !important;
    }
.solution-card:hover {
      transform: scale(1.018) !important;
      box-shadow: var(--zy-shadow-clean-hover) !important;
    }
.solution-carousel:hover .mini-track, .case-carousel:hover .case-track, .logo-wall:hover .logo-row {
      animation-play-state: paused !important;
    }
#solutions.section {
      background: var(--zy-soft-blue-bg) !important;
    }
.platform-panel {
      max-width: var(--zy-content-width) !important;
    }
.platform-visual {
      width: 100% !important;
      min-height: 460px !important;
      border-radius: var(--zy-radius-section) !important;
      box-shadow: var(--zy-shadow-clean) !important;
      border: var(--zy-card-border) !important;
      background: radial-gradient(circle at 50% 50%, rgba(0, 109, 183, .075), transparent 33%),
        linear-gradient(145deg, #FFFFFF 0%, #F0FAFF 100%) !important;
    }
#industry.section, #clients.section, #resources.section {
      padding-top: 62px !important;
      padding-bottom: 62px !important;
    }
.industry-card {
      box-shadow: var(--zy-shadow-clean) !important;
    }
.industry-card:hover {
      transform: translateY(-3px) !important;
      box-shadow: var(--zy-shadow-clean-hover) !important;
    }
#clients.section {
      background: var(--zy-soft-blue-bg) !important;
    }
#clients > .container {
      width: var(--zy-content-width) !important;
    }
#clients .case-track .case-card {
      box-shadow: none !important;
    }
.case-card, .case-card:hover {
      transform: none !important;
      box-shadow: none !important;
    }
.case-btn {
      backdrop-filter: blur(10px) !important;
    }
.case-body h3 {
      min-height: 112px !important;
    }
#about.section {
      background: #FFFFFF !important;
    }
.why-area {
      box-shadow: var(--zy-shadow-clean) !important;
    }
.why-card h3 {
      color: var(--zy-blue-dark) !important;
    }
.cert-row {
      max-width: var(--zy-content-width) !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
.news-stack {
      width: var(--zy-content-width) !important;
      max-width: none !important;
    }
.news-insight {
      width: 100% !important;
    }
.news-list-item h3 {
      font-weight: 900 !important;
    }
.news-list-item:hover h3 {
      color: var(--zy-blue) !important;
    }
.conversion .btn-light {
      border-color: rgba(255,255,255,.64) !important;
    }
@media (max-width: 1280px) {
      :root {
        --zy-content-width: min(var(--zy-max), calc(100% - 64px));
      }

      .hero-inner {
        min-height: 570px !important;
      }

      .hero-dots {
        bottom: 78px !important;
      }
    }
@media (max-width: 960px) {
      :root {
        --zy-content-width: min(var(--zy-max), calc(100% - 32px));
      }

      .section,
      #products.section,
      #solutions.section,
      #industry.section,
      #clients.section,
      #about.section,
      #resources.section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
      }

      .hero {
        min-height: auto !important;
      }

      .hero-inner {
        min-height: 540px !important;
        padding-top: 56px !important;
        padding-bottom: 76px !important;
      }

      .hero-dots {
        bottom: 28px !important;
      }

      .platform-visual {
        min-height: 540px !important;
      }

      .news-stack {
        width: var(--zy-content-width) !important;
      }

      .case-body h3 {
        min-height: auto !important;
      }
    }
@media (max-width: 640px) {
      .section-head h2 {
        line-height: 1.22 !important;
      }

      .hero .hero-title {
        white-space: normal !important;
      }

      .hero-logo-boundary {
        margin-top: -24px !important;
      }

    }
@media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
      }
    }
:root {
      --zy-brand-blue: #006DB7;
      --zy-brand-cyan: #00A6D6;
      --zy-brand-blue-dark: #084E91;
      --zy-brand-orange: #F6A21A;
      --zy-brand-orange-deep: #F08300;
      --zy-soft-blue: #EAF7FF;
      --zy-soft-blue-2: #DDF2FF;
    }

.hero.is-brand .hero-inner {
      display: grid !important;
    }
.hero:not(.is-brand) .hero-video-card {
      display: none !important;
    }
.hero.is-brand .hero-video-card {
      border-radius: 28px !important;
      z-index: 2 !important;
    }
.hero.is-brand .brand-video {
      display: block !important;
    }

.case-card {
      display: flex !important;
      flex-direction: column !important;
    }
.case-cover::before {
      display: none !important;
    }
.case-cover::after {
      background: linear-gradient(135deg, var(--zy-brand-orange-deep), var(--zy-brand-orange)) !important;
      box-shadow: 0 10px 22px rgba(246, 162, 26, .26) !important;
    }
.case-cover img, .case-card:hover .case-cover img {
      transform: none !important;
    }
.case-body {
      display: flex !important;
      flex-direction: column !important;
      flex: 1 !important;
      padding: 30px 34px 28px !important;
      align-items: flex-start !important;
    }
.case-company {
      margin: 0 0 14px !important;
      color: #0E2035 !important;
      font-size: 22px !important;
      line-height: 1.25 !important;
      font-weight: 950 !important;
    }
.case-summary {
      margin: 0 0 28px !important;
      color: #3E556F !important;
      font-size: 17px !important;
      line-height: 1.7 !important;
      font-weight: 500 !important;
    }
.case-body .btn-text {
      margin-top: auto !important;
      color: var(--zy-brand-blue) !important;
      font-size: 16px !important;
      font-weight: 900 !important;
    }
.case-body .btn-text::after {
      content: "→";
      margin-left: 6px;
    }
#about > .container {
      width: 100% !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
#about .section-head {
      width: 100% !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
    }
#about .why-area, #about .cert-row {
      width: min(1480px, calc(100% - clamp(160px, 15vw, 300px))) !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
#about .why-grid {
      display: grid !important;
    }
#about .why-card {
      border-radius: 0 !important;
      overflow: visible !important;
    }
#about .why-card + .why-card {
      position: relative !important;
    }
#about .why-card + .why-card::before {
      content: "" !important;
      position: absolute !important;
      width: 1px !important;
    }
#about .why-card h3 {
      color: #004E8F !important;
      font-size: clamp(25px, 1.6vw, 30px) !important;
      line-height: 1.2 !important;
      font-weight: 950 !important;
    }
#about .why-card h3::before {
      content: "" !important;
    }
#about .why-card h3 .why-icon {
      display: none !important;
    }
#about .why-list {
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
    }
#about .why-list li {
      display: flex !important;
      align-items: baseline !important;
      gap: 14px !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      white-space: nowrap !important;
    }
#about .why-list strong {
      color: #081A2D !important;
      font-size: clamp(26px, 1.7vw, 34px) !important;
      line-height: 1.2 !important;
      font-weight: 950 !important;
    }
#about .why-list span, #about .why-list li.why-text-only span {
      display: inline-block !important;
      color: #344D68 !important;
      font-size: clamp(17px, 1.05vw, 20px) !important;
      line-height: 1.55 !important;
      font-weight: 400 !important;
      white-space: nowrap !important;
    }
#about .why-list li.why-text-only {
      display: block !important;
    }
#about .cert-badge::before, #about .cert-badge::after {
      content: none !important;
      display: none !important;
    }
#about .honor-wheat {
      background-image: url("../images/honor-wheat.png") !important;
    }
#resources .news-stack, #resources .news-insight {
      margin-left: auto !important;
      margin-right: auto !important;
    }
#resources .section-head p {
      max-width: 900px !important;
    }
.news-feature {
      overflow: hidden !important;
    }
.news-feature-slider {
      position: relative !important;
      width: 100% !important;
      height: 100% !important;
      min-height: inherit !important;
    }
.news-feature-img {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      opacity: 0 !important;
      transition: opacity .55s ease !important;
    }
.news-feature-img.active {
      opacity: 1 !important;
    }
.news-list-item {
      border-bottom: 1px solid rgba(221,234,246,.95) !important;
    }
.news-list-item h3 {
      font-size: 23px !important;
    }
.conversion {
      background: radial-gradient(circle at 18% 12%, rgba(255,255,255,.18), transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(0,166,214,.30), transparent 32%),
        linear-gradient(135deg, var(--zy-brand-blue) 0%, var(--zy-brand-cyan) 52%, var(--zy-brand-blue-dark) 100%) !important;
    }
.conversion .btn-primary {
      background: linear-gradient(135deg, var(--zy-brand-orange-deep), var(--zy-brand-orange)) !important;
      box-shadow: 0 14px 30px rgba(246,162,26,.28) !important;
    }
.footer-main {
      width: var(--zy-site-frame) !important;
      max-width: none !important;
      display: grid !important;
      align-items: start !important;
    }
@media (max-width: 1280px) {
      :root {
        --zy-site-frame: min(1360px, calc(100% - 64px));
      }

      #about .why-area,
      #about .cert-row {
        width: min(1280px, calc(100% - 64px)) !important;
      }

      .hero.is-brand .hero-inner {
        grid-template-columns: minmax(0, 540px) minmax(0, 620px) !important;
        column-gap: 38px !important;
      }

      .hero.is-brand .brand-video {
        min-height: 320px !important;
      }

      #about .why-grid {
        column-gap: 46px !important;
      }

      #about .why-card + .why-card::before {
        left: -23px !important;
      }

      #about .why-list span,
      #about .why-list li.why-text-only span {
        font-size: 16px !important;
      }

      #about .cert-title {
        font-size: 12.5px !important;
      }

      .footer-main {
        grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) !important;
        gap: 56px !important;
      }

    }
@media (max-width: 960px) {
      :root {
        --zy-site-frame: min(1360px, calc(100% - 32px));
      }

      #about .why-area,
      #about .cert-row {
        width: min(100%, calc(100% - 32px)) !important;
      }

      .hero.is-brand .hero-inner {
        grid-template-columns: 1fr !important;
      }

      .hero.is-brand .brand-slide .hero-title {
        white-space: normal !important;
      }

      .hero.is-brand .hero-space {
        justify-content: flex-start !important;
      }

      #about .why-grid {
        grid-template-columns: 1fr !important;
        row-gap: 28px !important;
      }

      #about .why-card + .why-card::before {
        display: none !important;
      }

      #about .why-card:not(:last-child) {
        padding-bottom: 24px !important;
        border-bottom: 1px solid rgba(0,109,183,.12) !important;
      }

      #about .cert-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      .news-insight {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
      }

      .footer-main {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
      }

    }
@media (max-width: 640px) {

      #about .cert-row {
        grid-template-columns: 1fr !important;
      }

      #about .cert-title {
        font-size: 14px !important;
      }

      .news-feature {
        min-height: 300px !important;
      }

    }
:root {
      --zy-site-frame: min(1680px, calc(100% - clamp(72px, 7.4vw, 150px))) !important;
      --zy-orange: #F6A21A;
      --zy-orange-deep: #F08300;
    }

.section, #products.section, #solutions.section, #industry.section, #clients.section, #about.section, #resources.section {
      padding-top: 56px !important;
      padding-bottom: 56px !important;
    }
.section-head, #products .section-head, #solutions .section-head, #industry .section-head, #clients > .container > .section-head:first-child, #about .section-head, #resources .section-head {
      margin-bottom: 32px !important;
    }
.hero.is-brand .hero-inner {
      align-items: center !important;
    }
.hero.is-brand .hero-copy {
      max-width: 760px !important;
      align-self: center !important;
      transform: none !important;
    }
.hero.is-brand .hero-space {
      overflow: visible !important;
    }
.hero.is-brand .hero-video-card {
      display: block !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }
#products.section {
      padding-top: 54px !important;
      padding-bottom: 50px !important;
    }
#products .more-solutions {
      margin-top: 32px !important;
    }
#products .solution-cta {
      margin-top: 56px !important;
    }
#solutions.section {
      padding-top: 50px !important;
      padding-bottom: 52px !important;
    }
#industry.section {
      padding-top: 54px !important;
      padding-bottom: 56px !important;
    }
#clients.section {
      padding-top: 56px !important;
      padding-bottom: 54px !important;
    }
#about.section {
      padding-top: 54px !important;
      padding-bottom: 58px !important;
    }
#resources.section {
      padding-top: 56px !important;
      padding-bottom: 58px !important;
    }
#about > .container, #about .why-area, #about .cert-row {
      width: var(--zy-site-frame) !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
#about .why-grid {
      row-gap: 0 !important;
    }
#about .why-list li, #about .why-list span, #about .why-list strong {
      white-space: nowrap !important;
    }
#about .cert-badge, #about .cert-badge.hot {
      min-width: 0 !important;
      gap: 8px !important;
      border-radius: 0 !important;
    }
#about .honor-wheat {
      width: 22px !important;
      height: 44px !important;
      flex: 0 0 22px !important;
      display: inline-block !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 92'%3E%3Cg fill='%23F6A21A'%3E%3Cellipse cx='30' cy='11' rx='4.8' ry='10.5' transform='rotate(36 30 11)'/%3E%3Cellipse cx='25' cy='24' rx='4.8' ry='10.5' transform='rotate(26 25 24)'/%3E%3Cellipse cx='20' cy='37' rx='4.8' ry='10.5' transform='rotate(16 20 37)'/%3E%3Cellipse cx='17' cy='51' rx='4.8' ry='10.5' transform='rotate(5 17 51)'/%3E%3Cellipse cx='18' cy='65' rx='4.8' ry='10.5' transform='rotate(-10 18 65)'/%3E%3Cellipse cx='22' cy='78' rx='4.8' ry='10.5' transform='rotate(-23 22 78)'/%3E%3C/g%3E%3Cpath d='M34 6C17 28 12 59 23 87' stroke='%23F08300' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: contain !important;
      opacity: .98 !important;
    }
#about .honor-wheat-right {
      transform: scaleX(-1) !important;
    }
#about .cert-title {
      letter-spacing: -.1px !important;
    }
#resources .news-stack, #resources .news-insight {
      width: var(--zy-site-frame) !important;
      max-width: none !important;
    }
.news-insight {
      display: grid !important;
      grid-template-columns: minmax(440px, 1fr) minmax(420px, .95fr) !important;
      gap: clamp(32px, 4vw, 58px) !important;
      align-items: stretch !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      overflow: visible !important;
    }
.news-feature {
      min-height: 420px !important;
      border-radius: 0 !important;
      border: 0 !important;
      box-shadow: 0 14px 34px rgba(0,61,122,.06) !important;
      background: #EAF6FF !important;
    }
.news-list {
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      justify-content: center !important;
    }
.news-list-item {
      padding: 18px 0 !important;
    }
.footer-main {
      grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
      gap: clamp(80px, 10vw, 180px) !important;
      padding-top: 54px !important;
      padding-bottom: 46px !important;
    }
@media (max-width: 1280px) {
      :root {
        --zy-site-frame: min(1360px, calc(100% - 64px)) !important;
      }

      .hero.is-brand .hero-inner {
        grid-template-columns: minmax(0, 540px) minmax(0, 620px) !important;
        column-gap: 36px !important;
      }

      .hero.is-brand .brand-video {
        min-height: 320px !important;
      }

      #about .why-grid {
        column-gap: 42px !important;
      }

      #about .cert-title {
        font-size: 12px !important;
      }

      #about .honor-wheat {
        width: 18px !important;
        flex-basis: 18px !important;
      }

      .footer-main {
        gap: 52px !important;
      }

    }
@media (max-width: 960px) {
      :root {
        --zy-site-frame: min(1360px, calc(100% - 32px)) !important;
      }

      .section,
      #products.section,
      #solutions.section,
      #industry.section,
      #clients.section,
      #about.section,
      #resources.section {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
      }

      .hero.is-brand .hero-inner {
        grid-template-columns: 1fr !important;
      }

      .hero.is-brand .brand-slide .hero-title {
        white-space: normal !important;
      }

      .hero.is-brand .hero-space {
        justify-content: flex-start !important;
        min-height: 0 !important;
      }

      .hero.is-brand .hero-video-card {
        width: min(100%, 640px) !important;
      }

      #about .why-grid {
        grid-template-columns: 1fr !important;
        row-gap: 28px !important;
      }

      #about .why-card + .why-card::before {
        display: none !important;
      }

      #about .why-card:not(:last-child) {
        padding-bottom: 24px !important;
        border-bottom: 1px solid rgba(0,109,183,.12) !important;
      }

      #about .why-list li,
      #about .why-list span,
      #about .why-list strong {
        white-space: normal !important;
      }

      #about .cert-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
      }

      .news-insight {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
      }

      .news-feature {
        min-height: 310px !important;
      }

      .footer-main {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
      }

    }
@media (max-width: 640px) {
      .section,
      #products.section,
      #solutions.section,
      #industry.section,
      #clients.section,
      #about.section,
      #resources.section {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
      }

      #about .cert-row {
        grid-template-columns: 1fr !important;
      }

      #about .cert-title {
        font-size: 14px !important;
      }

    }
.hero.is-brand .brand-slide p {
      margin-bottom: 34px !important;
    }
.hero.is-brand .brand-slide .hero-actions {
      margin: 0 !important;
      gap: 14px !important;
      align-items: center !important;
      justify-content: flex-start !important;
    }
.hero.is-brand .brand-slide .btn-primary:hover, .hero.is-brand .btn-primary:hover {
      box-shadow: 0 18px 40px rgba(0, 109, 183, .30) !important;
    }
@media (max-width: 1280px) {
      .hero-dots,
      .hero.is-brand .hero-dots {
        bottom: 78px !important;
        width: 300px !important;
      }
    }
@media (max-width: 960px) {
      .hero-dots,
      .hero.is-brand .hero-dots {
        left: 50% !important;
        bottom: 28px !important;
        width: auto !important;
        transform: translateX(-50%) !important;
        justify-content: center !important;
      }
    }
#about .why-area {
      width: var(--zy-site-frame) !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
      overflow: visible !important;
    }
#about .why-grid {
      width: 100% !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      column-gap: clamp(36px, 4vw, 72px) !important;
    }
#about .why-card {
      width: 100% !important;
      min-width: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      padding: 0 clamp(12px, 1.2vw, 22px) !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
#about .why-card + .why-card::before {
      left: calc(-1 * clamp(18px, 2vw, 36px)) !important;
      top: 2px !important;
      bottom: 2px !important;
      background: rgba(0, 109, 183, .11) !important;
    }
#about .why-card h3 {
      width: 100% !important;
      margin: 0 0 24px !important;
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      padding: 0 !important;
      border: 0 !important;
      white-space: nowrap !important;
    }
#about .why-card h3::before {
      position: static !important;
      width: 5px !important;
      height: 34px !important;
      border-radius: 999px !important;
      flex: 0 0 5px !important;
      background: var(--zy-blue) !important;
    }
#about .why-list {
      width: 100% !important;
      display: grid !important;
      border: 0 !important;
    }
#about .why-list li, #about .why-list li.why-text-only {
      width: 100% !important;
      display: flex !important;
      align-items: baseline !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      white-space: nowrap !important;
    }
#about .why-list li.why-text-only span {
      display: inline-block !important;
      text-align: center !important;
      white-space: nowrap !important;
    }
#about .why-list strong {
      flex: 0 0 auto !important;
      white-space: nowrap !important;
    }
#about .why-list span {
      text-align: left !important;
      white-space: nowrap !important;
    }
@media (max-width: 1280px) {
      #about .why-area {
        padding-left: 34px !important;
        padding-right: 34px !important;
      }

      #about .why-grid {
        column-gap: 28px !important;
      }

      #about .why-card {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
    }
@media (max-width: 960px) {
      #about .why-area {
        padding: 30px 24px !important;
        border-radius: 24px !important;
      }

      #about .why-grid {
        grid-template-columns: 1fr !important;
        row-gap: 26px !important;
      }

      #about .why-card {
        padding: 0 !important;
      }

      #about .why-card + .why-card::before {
        display: none !important;
      }

      #about .why-card:not(:last-child) {
        padding-bottom: 24px !important;
        border-bottom: 1px solid rgba(0, 109, 183, .11) !important;
      }

      #about .why-list li,
      #about .why-list li.why-text-only,
      #about .why-list span,
      #about .why-list strong,
      #about .why-list li.why-text-only span {
        white-space: normal !important;
      }

      #about .why-list span {
        text-align: left !important;
      }
    }
@media (max-width: 640px) {
      #about .why-area {
        padding: 26px 18px !important;
        border-radius: 22px !important;
      }

      #about .why-card h3 {
        font-size: 24px !important;
      }

      #about .why-list li,
      #about .why-list li.why-text-only {
        flex-wrap: wrap !important;
        gap: 8px !important;
      }

      #about .why-list span {
        text-align: center !important;
      }
    }
#clients .case-window {
      overflow: hidden !important;
    }
#clients .case-track .case-card {
      overflow: hidden !important;
    }
#clients .case-company {
      margin: 0 0 14px !important;
      color: #102033 !important;
      font-size: 21px !important;
      line-height: 1.25 !important;
      font-weight: 950 !important;
    }
#clients .case-summary {
      color: #3E556F !important;
      font-weight: 400 !important;
    }
#clients .case-body .btn-text {
      display: inline-flex !important;
      align-items: center !important;
    }
#about .why-card {
      align-items: flex-start !important;
      text-align: left !important;
      padding-left: clamp(8px, 1vw, 18px) !important;
      padding-right: clamp(8px, 1vw, 18px) !important;
    }
#about .why-card h3 {
      justify-content: flex-start !important;
      text-align: left !important;
      margin-bottom: 24px !important;
    }
#about .why-list {
      justify-items: start !important;
      gap: 15px !important;
    }
#about .why-list li, #about .why-list li.why-text-only {
      justify-content: flex-start !important;
      text-align: left !important;
      gap: 14px !important;
    }
#about .why-list strong {
      text-align: left !important;
    }
#about .why-list span, #about .why-list li.why-text-only span {
      text-align: left !important;
    }
#about .cert-row {
      width: var(--zy-site-frame) !important;
    }
#about .cert-badge, #about .cert-badge.hot {
      min-height: auto !important;
      white-space: nowrap !important;
      overflow: visible !important;
      text-align: center !important;
    }
@media (max-width: 1280px) {
      #clients .case-carousel {
        padding: 0 64px !important;
      }

      #clients .case-track .case-card {
        flex-basis: calc((100% - 22px) / 2) !important;
      }

      #clients .case-cover {
        height: 162px !important;
        min-height: 162px !important;
      }

      #about .why-area {
        padding-left: 38px !important;
        padding-right: 38px !important;
      }

      #about .cert-title {
        font-size: 13px !important;
      }
    }
@media (max-width: 960px) {
      #clients .case-carousel {
        padding: 0 54px !important;
      }

      #clients .case-track .case-card {
        flex-basis: calc((100% - 22px) / 2) !important;
      }

      #clients .case-body {
        padding: 20px 22px 22px !important;
      }

      #clients .case-summary {
        min-height: auto !important;
      }

      #about .why-area {
        padding: 30px 24px !important;
      }

      #about .cert-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 18px !important;
      }
    }
@media (max-width: 640px) {
      #clients .case-carousel {
        padding: 0 46px !important;
      }

      #clients .case-track .case-card {
        flex-basis: 100% !important;
      }

      #clients .case-cover {
        height: 156px !important;
        min-height: 156px !important;
      }

      #clients .case-btn {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
      }

      #clients .case-prev {
        left: 2px !important;
      }

      #clients .case-next {
        right: 2px !important;
      }

      #about .cert-row {
        grid-template-columns: 1fr !important;
      }

      #about .cert-title {
        font-size: 14px !important;
      }
    }
.hero .hero-inner, .hero.is-brand .hero-inner {
      min-height: 600px !important;
      padding-top: 18px !important;
      padding-bottom: 96px !important;
      align-items: center !important;
    }
.hero.is-brand .hero-inner {
      grid-template-columns: minmax(0, 760px) minmax(0, 640px) !important;
      justify-content: space-between !important;
      column-gap: clamp(48px, 5vw, 92px) !important;
      padding-right: 0 !important;
    }
.hero .hero-copy, .hero.is-brand .hero-copy {
      max-width: 760px !important;
      align-self: center !important;
      transform: none !important;
    }
.hero.is-brand .brand-slide .hero-title {
      margin: 0 0 24px !important;
      color: var(--zy-heading-color, #102033) !important;
      font-size: var(--zy-hero-title-size, clamp(42px, 3.75vw, 56px)) !important;
      line-height: 1.14 !important;
      letter-spacing: -1.3px !important;
      font-weight: var(--zy-title-weight, 950) !important;
      white-space: nowrap !important;
      max-width: 760px !important;
    }
.hero.is-brand .brand-slide p {
      margin: 0 0 34px !important;
      max-width: 720px !important;
      color: var(--zy-body-color, #526982) !important;
      font-size: 19px !important;
      line-height: 1.85 !important;
      font-weight: 400 !important;
    }
.hero .hero-actions, .hero.is-brand .brand-slide .hero-actions {
      margin: 0 !important;
      gap: 14px !important;
      align-items: center !important;
      justify-content: flex-start !important;
    }
.hero.is-brand .brand-slide .btn-primary, .hero.is-brand .btn-primary {
      min-height: 56px !important;
      padding: 0 32px !important;
      border-radius: 999px !important;
      color: #fff !important;
      background: linear-gradient(135deg, var(--zy-blue), var(--zy-cyan)) !important;
      box-shadow: 0 12px 28px rgba(0, 109, 183, .24) !important;
    }
.hero.is-brand .brand-slide .btn-light {
      min-height: 56px !important;
      padding: 0 32px !important;
      border-radius: 999px !important;
      color: var(--zy-blue-dark) !important;
      background: #fff !important;
      border-color: rgba(0, 109, 183, .16) !important;
      box-shadow: 0 8px 18px rgba(16, 62, 116, .04) !important;
    }
.hero-dots, .hero.is-brand .hero-dots {
      position: absolute !important;
      left: 0 !important;
      right: auto !important;
      top: auto !important;
      bottom: 96px !important;
      width: 340px !important;
      height: auto !important;
      transform: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 10px !important;
    }
.hero-dot, .hero.is-brand .hero-dot {
      width: 34px !important;
      height: 4px !important;
      border-radius: 999px !important;
      background: rgba(0, 109, 183, .18) !important;
    }
.hero-dot.active, .hero.is-brand .hero-dot.active {
      width: 64px !important;
      background: var(--zy-blue) !important;
    }
.hero.is-brand .hero-space {
      min-height: 420px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
    }
.hero.is-brand .hero-video-card {
      position: static !important;
      width: min(640px, 100%) !important;
      max-width: 640px !important;
      margin: 0 !important;
      padding: 0 !important;
      transform: none !important;
    }
.hero.is-brand .brand-video {
      width: 100% !important;
      aspect-ratio: 16 / 9 !important;
      min-height: 350px !important;
      border-radius: 24px !important;
      object-fit: cover !important;
    }
.hero.is-brand .video-badge {
      background: linear-gradient(135deg, var(--zy-blue), var(--zy-cyan)) !important;
      box-shadow: 0 10px 24px rgba(0, 109, 183, .22) !important;
    }
#clients .case-carousel {
      padding: 0 62px !important;
      margin-bottom: 28px !important;
      overflow: visible !important;
    }
#clients .case-track {
      gap: 22px !important;
      align-items: flex-start !important;
    }
#clients .case-track .case-card {
      flex: 0 0 calc((100% - 44px) / 3) !important;
      min-height: 0 !important;
      align-self: flex-start !important;
      border-radius: 24px !important;
    }
#clients .case-cover {
      height: 150px !important;
      min-height: 150px !important;
    }
#clients .case-body {
      display: block !important;
      flex: 0 0 auto !important;
      padding: 18px 24px 20px !important;
      min-height: 0 !important;
    }
#clients .case-body h3.case-company, #clients .case-company {
      min-height: 0 !important;
      margin: 0 0 12px !important;
      font-size: 21px !important;
      line-height: 1.25 !important;
    }
#clients .case-summary {
      min-height: 0 !important;
      margin: 0 0 14px !important;
      font-size: 16px !important;
      line-height: 1.6 !important;
    }
#clients .case-body .btn-text {
      margin-top: 0 !important;
      min-height: auto !important;
      line-height: 1.35 !important;
    }
#clients .case-btn {
      top: 50% !important;
      width: 50px !important;
      height: 50px !important;
      border-radius: 17px !important;
      z-index: 9 !important;
    }
#clients .case-prev {
      left: 0 !important;
    }
#clients .case-next {
      right: 0 !important;
    }
#resources .news-list-item:last-of-type {
      border-bottom: 0 !important;
    }
#about .why-area {
      padding: 42px clamp(46px, 4.6vw, 78px) 40px !important;
      border: 1px solid rgba(221,234,246,.95) !important;
      border-radius: 32px !important;
      background: linear-gradient(145deg, #FFFFFF 0%, #F7FBFF 100%) !important;
      box-shadow: 0 18px 48px rgba(0,61,122,.07) !important;
    }
#about .why-grid {
      align-items: start !important;
      justify-items: stretch !important;
    }
#about .why-card, #about .why-card h3, #about .why-list, #about .why-list li, #about .why-list li.why-text-only, #about .why-list span, #about .why-list strong, #about .why-list li.why-text-only span {
      text-align: left !important;
      justify-content: flex-start !important;
      justify-items: start !important;
    }
#about .cert-row {
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 18px !important;
      align-items: center !important;
      margin-top: 34px !important;
    }
#about .cert-badge, #about .cert-badge.hot {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      padding: 8px 4px !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }
#about .honor-wheat, #about .cert-badge::before, #about .cert-badge::after, #about .cert-badge.hot::before, #about .cert-badge.hot::after {
      display: none !important;
      content: none !important;
    }
#about .cert-title {
      color: #9A5300 !important;
      font-size: clamp(13px, .9vw, 16px) !important;
      font-weight: 900 !important;
      line-height: 1.25 !important;
      white-space: nowrap !important;
    }
@media (max-width: 1280px) {
      .hero .hero-inner,
      .hero.is-brand .hero-inner {
        min-height: 570px !important;
        padding-bottom: 78px !important;
      }

      .hero.is-brand .hero-inner {
        grid-template-columns: minmax(0, 540px) minmax(0, 620px) !important;
        column-gap: 36px !important;
      }

      .hero-dots,
      .hero.is-brand .hero-dots {
        bottom: 78px !important;
      }

      .hero.is-brand .brand-video {
        min-height: 320px !important;
      }

      #clients .case-carousel {
        padding: 0 58px !important;
      }

      #clients .case-track .case-card {
        flex-basis: calc((100% - 22px) / 2) !important;
      }

      #clients .case-cover {
        height: 146px !important;
        min-height: 146px !important;
      }
    }
@media (max-width: 960px) {
      .hero .hero-inner,
      .hero.is-brand .hero-inner {
        min-height: 540px !important;
        padding-top: 56px !important;
        padding-bottom: 76px !important;
      }

      .hero.is-brand .hero-inner {
        grid-template-columns: 1fr !important;
      }

      .hero.is-brand .brand-slide .hero-title {
        white-space: normal !important;
      }

      .hero-dots,
      .hero.is-brand .hero-dots {
        left: 50% !important;
        bottom: 28px !important;
        width: auto !important;
        transform: translateX(-50%) !important;
        justify-content: center !important;
      }

      .hero.is-brand .hero-space {
        min-height: 0 !important;
        justify-content: flex-start !important;
      }

      .hero.is-brand .hero-video-card {
        width: min(100%, 640px) !important;
      }

      #clients .case-carousel {
        padding: 0 52px !important;
      }

      #clients .case-track .case-card {
        flex-basis: calc((100% - 22px) / 2) !important;
      }

      #clients .case-body {
        padding: 18px 22px 20px !important;
      }

      #about .cert-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }
@media (max-width: 640px) {
      #clients .case-carousel {
        padding: 0 46px !important;
      }

      #clients .case-track .case-card {
        flex-basis: 100% !important;
      }

      #clients .case-cover {
        height: 146px !important;
        min-height: 146px !important;
      }

      #clients .case-btn {
        width: 40px !important;
        height: 40px !important;
      }

      #about .cert-row {
        grid-template-columns: 1fr !important;
      }
    }
/* =========================================================
       V36 unified homepage optimization layer
       统一控制模块节奏、首屏产品区、平台能力、客户案例、静态 logo 墙与资源中心。
       ========================================================= */
    :root {
      --zy-section-y: clamp(78px, 7vw, 116px);
      --zy-section-y-mobile: 64px;
      --zy-head-gap: clamp(38px, 4vw, 58px);
      --zy-title-gap: 18px;
      --zy-content-gap: clamp(34px, 3.6vw, 54px);
      --zy-card-radius: 26px;
      --zy-platform-image: var(--platform-capability-image, none);
    }
.section, #products.section, #solutions.section, #industry.section, #clients.section, #about.section, #resources.section {
      padding-top: var(--zy-section-y) !important;
      padding-bottom: var(--zy-section-y) !important;
    }
.section-head, #products .section-head, #solutions .section-head, #industry .section-head, #clients > .container > .section-head:first-child, #about .section-head, #resources .section-head {
      max-width: 900px !important;
      margin: 0 auto var(--zy-head-gap) !important;
      text-align: center !important;
    }
.section-head h2 {
      margin: 0 0 var(--zy-title-gap) !important;
      line-height: 1.24 !important;
    }
.section-head p, .section-head .resource-category-buttons {
      margin: 0 auto !important;
    }
.section-head p {
      max-width: 820px !important;
      line-height: 1.8 !important;
    }
.hero .hero-title {
      margin-bottom: 28px !important;
    }
.hero .hero-slide > p {
      margin-bottom: 42px !important;
      line-height: 1.82 !important;
    }
#products.section {
      padding-top: clamp(82px, 7vw, 110px) !important;
    }
#products .section-head {
      margin-bottom: clamp(48px, 4.4vw, 66px) !important;
    }
#products .product-grid {
      gap: clamp(24px, 2.6vw, 34px) !important;
    }
#products .product-grid .product-card, #products .product-grid .product-card:hover {
      box-shadow: none !important;
    }
.hero-logo-boundary .logo-strip {
      width: min(1160px, 100%) !important;
      grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
      column-gap: clamp(18px, 2.1vw, 30px) !important;
      row-gap: 12px !important;
      justify-items: center !important;
      align-items: center !important;
    }
.hero-logo-boundary .logo-item, .hero-logo-boundary .hero-logo-item {
      width: 100% !important;
      justify-items: center !important;
      align-items: center !important;
    }
/* 平台能力：背景图片容器 + 四个可编辑白色能力卡片 */
    #solutions .platform-panel {
      width: 100% !important;
    }
#solutions .platform-panel .section-head {
      margin-bottom: clamp(46px, 4.8vw, 68px) !important;
    }
#solutions .platform-panel > .hero-actions {
      justify-content: center !important;
      margin-top: clamp(36px, 3.8vw, 52px) !important;
    }
/* 行业场景 */
    #industry .industry-grid {
      margin-top: 0 !important;
      gap: clamp(22px, 2.2vw, 30px) !important;
    }
#industry .industry-card {
      border-radius: 28px !important;
    }
/* 客户案例卡片 */
    #clients .case-carousel {
      padding: 0 50px !important;
      margin-bottom: clamp(36px, 3.4vw, 50px) !important;
      overflow: visible !important;
    }
#clients .case-track {
      gap: 28px !important;
    }
#clients .case-track .case-card {
      flex: 0 0 calc((100% - 56px) / 3) !important;
      border-radius: 28px !important;
      overflow: hidden !important;
    }
#clients .case-cover {
      height: 220px !important;
      min-height: 220px !important;
      background: #EAF6FF !important;
    }
#clients .case-cover::before, #clients .case-cover::after {
      display: none !important;
      content: none !important;
    }
#clients .case-cover img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }
#clients .case-body {
      display: flex !important;
      flex-direction: column !important;
      padding: 24px 26px 26px !important;
    }
#clients .case-company {
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 10px !important;
      margin: 0 0 14px !important;
      color: #102033 !important;
      font-size: 22px !important;
      line-height: 1.25 !important;
      font-weight: 950 !important;
    }
#clients .case-company-name {
      display: inline-block !important;
    }
#clients .case-tag-row {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      flex: 0 0 auto !important;
    }
#clients .case-tag {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 22px !important;
      padding: 0 8px !important;
      border-radius: 999px !important;
      color: #fff !important;
      font-size: 12px !important;
      line-height: 1 !important;
      font-weight: 850 !important;
      letter-spacing: 0 !important;
      white-space: nowrap !important;
    }
#clients .case-tag-orange {
      background: var(--zy-orange) !important;
    }
#clients .case-tag-blue {
      background: var(--zy-blue) !important;
    }
#clients .case-summary {
      margin: 0 !important;
      color: #3E556F !important;
      font-size: 16px !important;
      line-height: 1.68 !important;
      font-weight: 400 !important;
    }
#clients .case-body .btn-text {
      display: none !important;
    }
#clients .logo-wall {
      width: 100% !important;
      margin-top: 34px !important;
      padding: 0 !important;
      overflow: visible !important;
      background: transparent !important;
    }
#clients .logo-wall::before, #clients .logo-wall::after {
      display: none !important;
      content: none !important;
    }

/* 资源中心：分类按钮 + 新增三张资料卡 */
    #resources .section-head {
      max-width: 1120px !important;
      margin-bottom: clamp(36px, 3.8vw, 54px) !important;
    }
#resources .section-head h2 {
      max-width: 980px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
#resources .resource-category-buttons {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 12px !important;
      max-width: 980px !important;
    }
#resources .resource-category-btn {
      min-height: 40px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      padding: 0 16px !important;
      border-radius: 12px !important;
      color: var(--zy-orange-deep, #F08300) !important;
      background: rgba(246, 162, 26, .08) !important;
      border: 1px solid rgba(246, 162, 26, .20) !important;
      font-size: 15px !important;
      line-height: 1 !important;
      font-weight: 850 !important;
      transition: transform .2s ease, background .2s ease, border-color .2s ease !important;
      white-space: nowrap !important;
    }
#resources .resource-category-btn:hover {
      transform: translateY(-2px) !important;
      background: rgba(246, 162, 26, .13) !important;
      border-color: rgba(246, 162, 26, .34) !important;
    }
#resources .resource-category-arrow {
      font-size: 14px !important;
      line-height: 1 !important;
    }
#resources .news-insight {
      margin-bottom: clamp(34px, 3.4vw, 52px) !important;
    }
#resources .resource-card-grid {
      width: var(--zy-site-frame) !important;
      max-width: none !important;
      margin: 0 auto !important;
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: clamp(22px, 2.4vw, 30px) !important;
    }
#resources .resource-big-card {
      overflow: hidden !important;
      border-radius: 28px !important;
      background: #fff !important;
      border: 1px solid rgba(221, 234, 246, .96) !important;
      box-shadow: 0 16px 42px rgba(0, 61, 122, .07) !important;
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
    }
#resources .resource-big-card:hover {
      transform: translateY(-5px) !important;
      border-color: rgba(0, 109, 183, .22) !important;
      box-shadow: 0 22px 56px rgba(0, 61, 122, .12) !important;
    }
#resources .resource-card-cover {
      height: 178px !important;
      background: linear-gradient(145deg, #EAF6FF 0%, #FFFFFF 56%, #FFF8EA 100%) !important;
      border-bottom: 1px solid rgba(221, 234, 246, .92) !important;
      position: relative !important;
    }
#resources .resource-card-cover::after {
      content: "" !important;
      position: absolute !important;
      inset: 26px !important;
      border-radius: 20px !important;
      border: 1px dashed rgba(0, 109, 183, .18) !important;
      background: rgba(255, 255, 255, .46) !important;
    }
#resources .resource-card-body {
      padding: 24px 26px 26px !important;
    }
#resources .resource-card-body h3 {
      margin: 0 0 16px !important;
      color: #102033 !important;
      font-size: 21px !important;
      line-height: 1.35 !important;
      font-weight: 950 !important;
      white-space: nowrap !important;
    }
#resources .resource-card-body ul {
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
      display: grid !important;
      gap: 10px !important;
    }
#resources .resource-card-body li {
      min-width: 0 !important;
    }
#resources .resource-card-body a {
      display: block !important;
      color: #344D68 !important;
      font-size: 15px !important;
      line-height: 1.45 !important;
      font-weight: 500 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      transition: color .2s ease !important;
    }
#resources .resource-card-body a:hover {
      color: var(--zy-blue) !important;
    }
@media (max-width: 1180px) {

      #clients .case-track .case-card {
        flex-basis: calc((100% - 28px) / 2) !important;
      }

      #clients .case-cover {
        height: 200px !important;
        min-height: 200px !important;
      }

      #resources .resource-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }
@media (max-width: 960px) {
      .section,
      #products.section,
      #solutions.section,
      #industry.section,
      #clients.section,
      #about.section,
      #resources.section {
        padding-top: var(--zy-section-y-mobile) !important;
        padding-bottom: var(--zy-section-y-mobile) !important;
      }

      .section-head,
      #products .section-head,
      #solutions .section-head,
      #industry .section-head,
      #clients > .container > .section-head:first-child,
      #about .section-head,
      #resources .section-head {
        margin-bottom: 34px !important;
      }

      .hero-logo-boundary .logo-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      }

      #clients .case-carousel {
        padding: 0 48px !important;
      }

      #clients .case-track .case-card {
        flex-basis: calc((100% - 28px) / 2) !important;
      }

      #resources .news-insight {
        margin-bottom: 34px !important;
      }

      #resources .resource-card-grid {
        grid-template-columns: 1fr !important;
      }
    }
@media (max-width: 640px) {
      .section,
      #products.section,
      #solutions.section,
      #industry.section,
      #clients.section,
      #about.section,
      #resources.section {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
      }

      .section-head h2 {
        margin-bottom: 14px !important;
      }

      .hero .hero-slide > p {
        margin-bottom: 32px !important;
      }

      #products.section {
        padding-top: 62px !important;
      }

      .hero-logo-boundary .logo-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 14px !important;
      }

      #clients .case-carousel {
        padding: 0 44px !important;
      }

      #clients .case-track .case-card {
        flex-basis: 100% !important;
      }

      #clients .case-cover {
        height: 184px !important;
        min-height: 184px !important;
      }

      #clients .case-company {
        align-items: flex-start !important;
      }

      #resources .resource-category-buttons {
        justify-content: flex-start !important;
        gap: 10px !important;
      }

      #resources .resource-category-btn {
        min-height: 38px !important;
        padding: 0 13px !important;
        font-size: 14px !important;
      }

      #resources .resource-card-cover {
        height: 152px !important;
      }

      #resources .resource-card-body {
        padding: 20px !important;
      }

      #resources .resource-card-body h3 {
        white-space: normal !important;
        font-size: 19px !important;
      }
    }
/* =========================================================
       V37 homepage revision layer
       根据最新修改意见：Banner文案、产品文案、平台底座轻量化、案例价值数据、三行动态Logo墙。
       ========================================================= */

    /* Banner 下方 Logo 条幅：与导航容器左右齐宽 */
    .hero-logo-boundary .logo-strip {
      width: 100% !important;
      max-width: none !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
/* 丰富的智能应用：去掉下方小卡片阴影，保留边框和轻微 hover 位移 */
    #products .solution-card, #products .solution-card:hover, #products .product-card, #products .product-card:hover {
      box-shadow: none !important;
    }
#products .solution-card:hover {
      transform: translateY(-3px) !important;
      border-color: rgba(0, 109, 183, .20) !important;
    }
/* 平台化底座：去掉两个大外框，只保留四个白色能力卡片 */
    #solutions .platform-panel {
      align-items: stretch !important;
    }
#solutions .platform-panel > .hero-actions {
      display: none !important;
    }
/* 客户案例：新增三个横向浅蓝价值数据块 */
    #clients .case-body {
      gap: 0 !important;
    }
#clients .case-value-grid {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 8px !important;
      margin-top: 18px !important;
    }
#clients .case-value-item {
      min-height: 46px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 8px 8px !important;
      border-radius: 12px !important;
      color: var(--zy-blue-dark) !important;
      background: #EAF6FF !important;
      border: 1px solid rgba(0, 109, 183, .10) !important;
      font-size: 13px !important;
      line-height: 1.28 !important;
      font-weight: 850 !important;
      text-align: center !important;
      white-space: normal !important;
    }
/* 客户 Logo 墙：三行动态轮播，第一/三行向右，第二行向左 */
    #clients .logo-wall {
      position: relative !important;
      width: 100% !important;
      margin-top: 52px !important;
      padding: 14px 0 !important;
      overflow: hidden !important;
      background: transparent !important;
    }
#clients .logo-wall::before, #clients .logo-wall::after {
      display: block !important;
      content: "" !important;
      position: absolute !important;
      top: 0 !important;
      bottom: 0 !important;
      width: 110px !important;
      z-index: 2 !important;
      pointer-events: none !important;
    }
#clients .logo-wall::before {
      left: 0 !important;
      background: linear-gradient(90deg, #f7fbff, rgba(247,251,255,0)) !important;
    }
#clients .logo-wall::after {
      right: 0 !important;
      background: linear-gradient(270deg, #f7fbff, rgba(247,251,255,0)) !important;
    }
#clients .logo-row {
      display: flex !important;
      width: max-content !important;
      gap: 12px !important;
      margin: 0 0 14px !important;
      animation: logoScroll 36s linear infinite !important;
      will-change: transform !important;
    }
#clients .logo-row:last-child {
      margin-bottom: 0 !important;
    }
#clients .logo-row.logo-row-right {
      margin-left: -110px !important;
      animation-name: logoScrollReverse !important;
    }
#clients .logo-row.logo-row-left {
      margin-left: 0 !important;
      animation-name: logoScroll !important;
      animation-duration: 38s !important;
    }
#clients .logo-row.logo-row-right.slow {
      animation-duration: 42s !important;
    }
#clients .logo-wall:hover .logo-row {
      animation-play-state: paused !important;
    }
#clients .logo-card {
      flex: 0 0 154px !important;
      width: 154px !important;
      height: 62px !important;
      display: grid !important;
      place-items: center !important;
      padding: 10px 14px !important;
      border-radius: 16px !important;
      background: rgba(255,255,255,.94) !important;
      border: 1px solid rgba(221,234,246,.96) !important;
      box-shadow: 0 8px 18px rgba(16,62,116,.035) !important;
    }
#clients .logo-card img {
      max-width: 118px !important;
      max-height: 34px !important;
      object-fit: contain !important;
    }
@media (max-width: 1180px) {

    }
@media (max-width: 960px) {
      .hero-logo-boundary .logo-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      }

      #clients .case-value-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
    }
@media (max-width: 640px) {
      .hero-logo-boundary .logo-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      #clients .case-value-grid {
        grid-template-columns: 1fr !important;
      }

      #clients .case-value-item {
        min-height: 40px !important;
      }

      #clients .logo-wall::before,
      #clients .logo-wall::after {
        width: 42px !important;
      }

      #clients .logo-card {
        flex-basis: 132px !important;
        width: 132px !important;
        height: 56px !important;
      }
    }
/* =========================================================
       V38 revision layer
       针对 #solutions / #clients / #about / #resources 的定向修改。
       ========================================================= */

    /* #solutions：中心背景图 + 四角悬浮卡片 + 底部按钮 */
    #solutions .platform-panel {
      align-items: center !important;
      width: 100% !important;
    }
#solutions .platform-panel > .hero-actions, #solutions .platform-panel .platform-stage-actions {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 14px !important;
      margin-top: clamp(52px, 5vw, 72px) !important;
    }
/* #clients：企业标识占位 + 两行价值数据 */
    #clients .case-logo-placeholder {
      width: 100% !important;
      height: 32px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      margin: 0 0 12px !important;
    }
#clients .case-logo-placeholder img {
      width: auto !important;
      max-width: 142px !important;
      height: 30px !important;
      object-fit: contain !important;
      object-position: left center !important;
      display: block !important;
    }
#clients .case-value-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 0 !important;
      margin-top: 18px !important;
    }
#clients .case-value-item {
      width: 100% !important;
      min-height: 72px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: center !important;
      padding: 14px 16px !important;
      border-radius: 14px !important;
      background: #F5FAFF !important;
      border: 1px solid rgba(0, 109, 183, .08) !important;
      text-align: left !important;
      white-space: normal !important;
    }
#clients .case-value-number {
      display: block !important;
      color: var(--zy-blue) !important;
      font-size: 24px !important;
      line-height: 1.05 !important;
      font-weight: 950 !important;
      letter-spacing: -.2px !important;
    }
#clients .case-value-label {
      display: block !important;
      margin-top: 6px !important;
      color: #526982 !important;
      font-size: 13px !important;
      line-height: 1.35 !important;
      font-weight: 850 !important;
    }
/* #about：缩减顶部空白约 1/5 */
    #about.section {
      padding-top: clamp(72px, 6.6vw, 86px) !important;
    }
/* #resources：分类按钮宽度与主内容对齐，白底橙边 */
    #resources .section-head {
      max-width: none !important;
      margin-bottom: clamp(24px, 2.4vw, 32px) !important;
    }
#resources .resource-category-buttons {
      width: 100% !important;
      max-width: 100% !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 12px !important;
      margin: 0 0 clamp(42px, 4vw, 58px) !important;
    }
#resources .resource-category-btn {
      color: var(--zy-orange) !important;
      background: #ffffff !important;
      border: 1px solid var(--zy-orange) !important;
      box-shadow: none !important;
    }
#resources .resource-category-btn:hover {
      color: #ffffff !important;
      background: var(--zy-orange) !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 12px 28px rgba(246, 162, 26, .16) !important;
    }
/* #resources：三张资料卡片封面与列表美化 */
    #resources .resource-card-cover {
      height: 178px !important;
      display: block !important;
      overflow: hidden !important;
      background: #F5FAFF !important;
      border-bottom: 1px solid rgba(221, 234, 246, .88) !important;
    }
#resources .resource-card-cover::before, #resources .resource-card-cover::after {
      display: none !important;
      content: none !important;
    }
#resources .resource-card-cover img {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      object-fit: cover !important;
      object-position: center !important;
    }
#resources .resource-card-body {
      padding: 24px 24px 26px !important;
    }
#resources .resource-card-body h3 {
      margin: 0 0 18px !important;
      color: #102033 !important;
      font-size: 20px !important;
      line-height: 1.35 !important;
      font-weight: 950 !important;
      white-space: normal !important;
    }
#resources .resource-card-body ul {
      display: grid !important;
      gap: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
    }
#resources .resource-card-body li {
      position: relative !important;
      margin: 0 !important;
      padding: 0 !important;
      border-bottom: 1px solid rgba(221, 234, 246, .7) !important;
    }
#resources .resource-card-body li:last-child {
      border-bottom: 0 !important;
    }
#resources .resource-card-body a {
      position: relative !important;
      display: block !important;
      padding: 13px 0 13px 18px !important;
      color: #304b66 !important;
      font-size: 15px !important;
      line-height: 1.48 !important;
      font-weight: 800 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      transition: color .2s ease !important;
    }
#resources .resource-card-body a::before {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      top: 50% !important;
      width: 7px !important;
      height: 7px !important;
      border-radius: 50% !important;
      background: var(--zy-blue) !important;
      transform: translateY(-50%) !important;
      box-shadow: 0 0 0 4px rgba(0, 109, 183, .08) !important;
    }
#resources .resource-card-body li:nth-child(even) a::before {
      background: var(--zy-orange) !important;
      box-shadow: 0 0 0 4px rgba(246, 162, 26, .10) !important;
    }
#resources .resource-card-body a:hover {
      color: var(--zy-blue) !important;
    }
@media (max-width: 1180px) {

    }
@media (max-width: 960px) {

    }
@media (max-width: 640px) {

      #clients .case-logo-placeholder {
        justify-content: flex-start !important;
      }

      #resources .resource-category-buttons {
        justify-content: flex-start !important;
      }

      #resources .resource-category-btn {
        flex: 0 1 calc(50% - 6px) !important;
        justify-content: center !important;
      }

      #resources .resource-card-body a {
        white-space: normal !important;
      }
    }
/* =========================================================
       V39 revision layer
       根据截图反馈：小卡片详情左对齐、案例三指标、资源卡片主次优化、模块底色统一浅蓝/去渐变。
       ========================================================= */

    :root {
      --zy-soft-section: #F5FAFF;
      --zy-soft-card: #F5FAFF;
    }
/* 所有带底色的内容模块统一为浅蓝纯色，不使用渐变；资源中心按要求保持白底 */
    .section-soft, #solutions.section, #clients.section, #industry.section-soft {
      background: var(--zy-soft-section) !important;
      background-image: none !important;
    }
#about.section {
      background: var(--zy-soft-section) !important;
      background-image: none !important;
      padding-top: clamp(68px, 6.2vw, 82px) !important;
    }
#resources.section {
      background: #ffffff !important;
      background-image: none !important;
    }
#resources .resource-card-cover, #clients .case-value-item {
      background-image: none !important;
    }
/* 图一：丰富智能应用小卡片详情文案左对齐 */
    #products .solution-card p {
      text-align: left !important;
      align-self: stretch !important;
    }
#products .solution-card .solution-top {
      justify-content: flex-start !important;
    }
/* 图三：每个客户案例显示三个浅蓝价值数据块，数字与说明两行展示 */
    #clients .case-value-grid {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 10px !important;
      margin-top: 20px !important;
    }
#clients .case-value-item {
      min-width: 0 !important;
      width: 100% !important;
      min-height: 74px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 12px 8px !important;
      border-radius: 14px !important;
      color: var(--zy-blue-dark) !important;
      background: var(--zy-soft-card) !important;
      border: 1px solid rgba(0, 109, 183, .09) !important;
      text-align: center !important;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.72) !important;
      white-space: normal !important;
    }
#clients .case-value-number {
      display: block !important;
      color: var(--zy-blue) !important;
      font-size: clamp(20px, 1.7vw, 26px) !important;
      line-height: 1.05 !important;
      font-weight: 950 !important;
      letter-spacing: -.3px !important;
      white-space: nowrap !important;
    }
#clients .case-value-label {
      display: block !important;
      margin-top: 7px !important;
      color: #526982 !important;
      font-size: 13px !important;
      line-height: 1.28 !important;
      font-weight: 850 !important;
      white-space: nowrap !important;
    }
/* 图四：资源大卡片视觉主次优化 */
    #resources .resource-card-grid {
      align-items: stretch !important;
    }
#resources .resource-big-card {
      display: flex !important;
      flex-direction: column !important;
      background: #ffffff !important;
      border: 1px solid rgba(221, 234, 246, .96) !important;
      box-shadow: 0 18px 46px rgba(0, 61, 122, .075) !important;
    }
#resources .resource-big-card:hover {
      transform: translateY(-5px) !important;
      border-color: rgba(0, 109, 183, .24) !important;
      box-shadow: 0 24px 64px rgba(0, 61, 122, .12) !important;
    }
#resources .resource-card-cover {
      height: 178px !important;
      flex: 0 0 178px !important;
      display: block !important;
      overflow: hidden !important;
      background: #ffffff !important;
      border-bottom: 1px solid rgba(221, 234, 246, .88) !important;
    }
#resources .resource-card-cover::before, #resources .resource-card-cover::after {
      display: none !important;
      content: none !important;
    }
#resources .resource-card-cover img {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      object-fit: cover !important;
      object-position: center !important;
    }
#resources .resource-card-body {
      flex: 1 1 auto !important;
      padding: 28px 28px 30px !important;
      display: flex !important;
      flex-direction: column !important;
    }
#resources .resource-card-body h3 {
      position: relative !important;
      margin: 0 0 22px !important;
      padding: 0 0 14px !important;
      color: #102033 !important;
      font-size: clamp(20px, 1.35vw, 24px) !important;
      line-height: 1.32 !important;
      font-weight: 950 !important;
      letter-spacing: -.25px !important;
      white-space: nowrap !important;
      border-bottom: 1px solid rgba(221, 234, 246, .86) !important;
    }
#resources .resource-card-body h3::after {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      bottom: -1px !important;
      width: 46px !important;
      height: 3px !important;
      border-radius: 999px !important;
      background: var(--zy-blue) !important;
    }
#resources .resource-card-body ul {
      display: grid !important;
      gap: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
    }
#resources .resource-card-body li {
      position: relative !important;
      margin: 0 !important;
      padding: 0 !important;
      border-bottom: 1px solid rgba(221, 234, 246, .74) !important;
    }
#resources .resource-card-body li:last-child {
      border-bottom: 0 !important;
    }
#resources .resource-card-body a {
      position: relative !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 14px !important;
      min-height: 48px !important;
      padding: 14px 0 14px 18px !important;
      color: #2f4d6b !important;
      font-size: 15.5px !important;
      line-height: 1.42 !important;
      font-weight: 850 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      transition: color .2s ease, transform .2s ease !important;
    }
#resources .resource-card-body a::before {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      top: 50% !important;
      width: 7px !important;
      height: 7px !important;
      border-radius: 50% !important;
      background: var(--zy-blue) !important;
      transform: translateY(-50%) !important;
      box-shadow: 0 0 0 4px rgba(0, 109, 183, .08) !important;
      flex: 0 0 auto !important;
    }
#resources .resource-card-body li:nth-child(even) a::before {
      background: var(--zy-orange) !important;
      box-shadow: 0 0 0 4px rgba(246, 162, 26, .10) !important;
    }
#resources .resource-card-body a::after {
      content: "→" !important;
      flex: 0 0 auto !important;
      color: rgba(0, 109, 183, .58) !important;
      font-size: 14px !important;
      font-weight: 950 !important;
      opacity: 0 !important;
      transform: translateX(-4px) !important;
      transition: opacity .2s ease, transform .2s ease !important;
    }
#resources .resource-card-body a:hover {
      color: var(--zy-blue) !important;
      transform: translateX(2px) !important;
    }
#resources .resource-card-body a:hover::after {
      opacity: 1 !important;
      transform: translateX(0) !important;
    }
/* 资源分类按钮保持白底橙边，按钮区与主体内容同宽 */
    #resources .resource-category-buttons {
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      justify-content: center !important;
    }
#resources .resource-category-btn {
      color: var(--zy-orange) !important;
      background: #ffffff !important;
      border-color: var(--zy-orange) !important;
      box-shadow: none !important;
    }
@media (max-width: 1180px) {
      #clients .case-value-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
      }

      #clients .case-value-label {
        font-size: 12.5px !important;
      }
    }
@media (max-width: 960px) {
      #about.section {
        padding-top: 64px !important;
      }

      #resources .resource-card-body h3 {
        white-space: normal !important;
      }

      #resources .resource-card-body a {
        white-space: normal !important;
      }
    }
@media (max-width: 640px) {
      #clients .case-value-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
      }

      #clients .case-value-item {
        min-height: 64px !important;
        align-items: flex-start !important;
        text-align: left !important;
        padding: 12px 14px !important;
      }

      #clients .case-value-label {
        white-space: normal !important;
      }

      #resources .resource-card-cover {
        height: 152px !important;
        flex-basis: 152px !important;
      }

      #resources .resource-card-body {
        padding: 22px 20px 24px !important;
      }
    }
/* 2. Banner 第四屏视频：基于 V43 效果再向右 100px，保持上移后的位置 */
    .hero.is-brand .hero-space {
      overflow: visible !important;
    }
.hero.is-brand .hero-video-card {
      transform: translate(0, 50px) !important;
      will-change: transform !important;
    }
/* 3. 平台能力：2350×1000 背景画布居中，四个白色卡片保持聚合式悬浮 */
    #solutions .platform-panel {
      width: 100% !important;
      align-items: center !important;
    }
#solutions .platform-stage-actions, #solutions .platform-panel > .hero-actions {
      display: flex !important;
      justify-content: center !important;
      gap: 14px !important;
      margin-top: clamp(52px, 5vw, 72px) !important;
    }
/* 4. 客户案例区：蓝色到白色渐变背景；Logo 墙左右使用白色渐隐 */
    #clients.section {
      background: linear-gradient(180deg, #F2F8FF 0%, #FFFFFF 100%) !important;
      background-image: linear-gradient(180deg, #F2F8FF 0%, #FFFFFF 100%) !important;
    }
#clients .logo-wall::before {
      display: block !important;
      content: "" !important;
      background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important;
    }
#clients .logo-wall::after {
      display: block !important;
      content: "" !important;
      background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important;
    }
/* 5. 客户案例价值数据：三张浅蓝卡片等宽分布，无边框 */
    #clients .case-value-grid {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 14px !important;
      width: 100% !important;
      margin-top: 22px !important;
    }
#clients .case-value-item {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 76px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 13px 10px !important;
      border: 0 !important;
      border-radius: 16px !important;
      color: var(--zy-blue-dark) !important;
      background: #F5FAFF !important;
      box-shadow: none !important;
      text-align: center !important;
    }
#clients .case-value-number {
      display: block !important;
      color: var(--zy-blue) !important;
      font-size: clamp(22px, 1.9vw, 30px) !important;
      line-height: 1.05 !important;
      font-weight: 950 !important;
      letter-spacing: -.3px !important;
      white-space: nowrap !important;
    }
#clients .case-value-label {
      display: block !important;
      margin-top: 8px !important;
      color: #526982 !important;
      font-size: 13px !important;
      line-height: 1.25 !important;
      font-weight: 850 !important;
      white-space: nowrap !important;
    }
/* 6. 资源卡片：内容文字取消加粗、去掉内容横线、加大左右留白 */
    #resources .resource-card-body {
      padding: 30px 38px 34px !important;
    }
#resources .resource-card-body h3 {
      position: relative !important;
      margin: 0 0 24px !important;
      padding: 0 0 14px !important;
      color: #102033 !important;
      font-size: clamp(20px, 1.35vw, 24px) !important;
      line-height: 1.32 !important;
      font-weight: 950 !important;
      letter-spacing: -.25px !important;
      white-space: nowrap !important;
      border-bottom: 1px solid rgba(221, 234, 246, .72) !important;
    }
#resources .resource-card-body h3::after {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      bottom: -1px !important;
      width: 46px !important;
      height: 3px !important;
      border-radius: 999px !important;
      background: var(--zy-blue) !important;
    }
#resources .resource-card-body ul {
      display: grid !important;
      gap: 12px !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
    }
#resources .resource-card-body li {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
    }
#resources .resource-card-body a {
      position: relative !important;
      display: block !important;
      min-height: 0 !important;
      padding: 4px 0 4px 18px !important;
      color: #2f4d6b !important;
      font-size: 15.5px !important;
      line-height: 1.5 !important;
      font-weight: 400 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      transition: color .2s ease, transform .2s ease !important;
    }
#resources .resource-card-body a::before {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      top: 50% !important;
      width: 7px !important;
      height: 7px !important;
      border-radius: 50% !important;
      background: var(--zy-blue) !important;
      transform: translateY(-50%) !important;
      box-shadow: 0 0 0 4px rgba(0, 109, 183, .08) !important;
    }
#resources .resource-card-body li:nth-child(even) a::before {
      background: var(--zy-orange) !important;
      box-shadow: 0 0 0 4px rgba(246, 162, 26, .10) !important;
    }
#resources .resource-card-body a::after {
      content: none !important;
      display: none !important;
    }
#resources .resource-card-body a:hover {
      color: var(--zy-blue) !important;
      transform: translateX(2px) !important;
    }
/* 7. 关于我们：文字整体右移 100px，保持卡片本身居中 */
    #about .why-grid {
      transform: translateX(100px) !important;
      width: calc(100% - 100px) !important;
    }
/* 8. 关于模块认证区：认证项可换行，单项内部麦穗与文字固定为同一行徽章 */
    #about .cert-row {
      display: flex !important;
      flex-wrap: wrap !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 14px 34px !important;
      width: 100% !important;
    }
#about .cert-badge, #about .cert-badge.hot {
      display: grid !important;
      grid-template-columns: 16px max-content 16px !important;
      grid-template-rows: 32px !important;
      align-items: center !important;
      justify-content: center !important;
      column-gap: 8px !important;
      flex: 0 0 auto !important;
      min-width: 0 !important;
      min-height: 32px !important;
      padding: 0 !important;
      white-space: nowrap !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      overflow: visible !important;
    }
#about .cert-badge > * {
      grid-row: 1 !important;
      align-self: center !important;
      justify-self: center !important;
      position: static !important;
      inset: auto !important;
      margin: 0 !important;
      transform: none !important;
    }
#about .honor-wheat, #about .honor-wheat-left, #about .honor-wheat-right {
      display: inline-flex !important;
      width: 16px !important;
      height: 32px !important;
      flex: 0 0 16px !important;
      align-items: center !important;
      justify-content: center !important;
      background: transparent !important;
      background-image: none !important;
      opacity: 1 !important;
      line-height: 0 !important;
      vertical-align: middle !important;
    }
#about .honor-wheat-left {
      grid-column: 1 !important;
    }
#about .cert-title {
      grid-column: 2 !important;
      display: block !important;
      color: #9A5300 !important;
      font-size: clamp(13px, .9vw, 16px) !important;
      font-weight: 900 !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      text-align: center !important;
    }
#about .honor-wheat-right {
      grid-column: 3 !important;
    }
#about .honor-wheat img {
      display: block !important;
      width: 16px !important;
      height: 32px !important;
      max-width: 16px !important;
      max-height: 32px !important;
      object-fit: contain !important;
      position: static !important;
      margin: 0 !important;
      vertical-align: middle !important;
    }
/* 平板与移动端避免位移造成溢出 */
    @media (max-width: 1280px) {
      .hero.is-brand .hero-video-card {
        transform: translate(20px, 35px) !important;
      }

      #about .why-grid {
        transform: translateX(60px) !important;
        width: calc(100% - 60px) !important;
      }
    }
@media (max-width: 960px) {
      .hero.is-brand .hero-video-card {
        transform: none !important;
      }

      #about .why-grid {
        transform: none !important;
        width: 100% !important;
      }

      #about .cert-row {
        gap: 12px 24px !important;
      }

      #resources .resource-card-body h3,
      #resources .resource-card-body a {
        white-space: normal !important;
      }
    }
@media (max-width: 640px) {

      #clients .case-value-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
      }

      #clients .case-value-item {
        min-height: 64px !important;
        align-items: flex-start !important;
        text-align: left !important;
        padding: 12px 14px !important;
      }

      #clients .case-value-label {
        white-space: normal !important;
      }

      #resources .resource-card-body {
        padding: 24px 24px 28px !important;
      }

      #about .cert-row {
        gap: 10px 18px !important;
      }

      #about .honor-wheat,
      #about .honor-wheat-left,
      #about .honor-wheat-right,
      #about .honor-wheat img {
        width: 14px !important;
        height: 28px !important;
        flex-basis: 14px !important;
      }
    }
/* =========================================================
       V47 去加粗 —— H1/H2/按钮/标签不加粗，H3 可加粗
       ========================================================= */

    /* H1、H2：不加粗 */
    h1, h2, .hero .hero-title, .section-head h2, .conversion h2 {
      font-weight: 400 !important;
    }
/* H3：加粗 */
    h3, .product-head h3, .industry-content h3, .why-card h3, .news-list-item h3, #about .why-card h3 {
      font-weight: 600 !important;
    }
/* H4 及其他：不加粗 */
    h4, .solution-card h4 {
      font-weight: 400 !important;
    }
/* 按钮、导航、标签：不加粗 */
    .btn, .btn-primary, .btn-light, .hero p, .section-head p, .product-head p, .solution-card p, .carousel-btn, .industry-summary, .industry-detail p, .industry-detail strong, .case-summary, .case-body .btn-text, .case-btn, .why-list strong, .why-list span, .cert-badge, .cert-badge.hot, .cert-badge strong, .cert-badge span, .cert-title, .news-list-item p, .conversion p, .footer-phone, .brand-orange, .video-badge, .hero.is-brand .brand-slide p, .hero.is-brand .brand-slide .btn-primary, .hero.is-brand .btn-primary, .hero.is-brand .brand-slide .btn-light, .brand, .brand-fallback, .brand-fallback-mark, .logo-item, .logo-fallback, #about .why-list strong, #about .why-list span, #clients .case-summary {
      font-weight: 400 !important;
    }
/* 客户案例卡片：公司名和数值不加粗 */
    #clients .case-company, #clients .case-company-name, #clients .case-value-number, #clients .case-value-label {
      font-weight: 400 !important;
    }
/* 资源中心：卡片标题、列表内容、右侧文章标题均不加粗 */
    #resources .resource-card-body h3, #resources .resource-card-body a, #resources .news-list-item h3 {
      font-weight: 400 !important;
    }
/* 资源分类标签：降调为浅灰边框+浅底，不抢眼，不加粗 */
    #resources .resource-category-btn {
      color: #526982 !important;
      background: #F5FAFF !important;
      border-color: #DDEAF6 !important;
      font-weight: 400 !important;
    }
#resources .resource-category-btn:hover {
      color: var(--zy-blue) !important;
      background: #EAF6FF !important;
      border-color: rgba(0,109,183,.28) !important;
    }
/* 标题字间距：大标题归零，中小标题微调 */
    .hero .hero-title, .hero.is-brand .hero-title, .section-head h2, .conversion h2 {
      letter-spacing: 0 !important;
    }
.product-head h3, .why-card h3 {
      letter-spacing: -0.1px !important;
    }