:root {
      --ink: #101318;
      --muted: #66707c;
      --line: #d9dee5;
      --soft: #f3f5f7;
      --paper: #ffffff;
      --night: #101820;
      --night-muted: #aab5c0;
      --accent: #087faa;
      --max: 1240px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
      line-height: 1.75;
    }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; }
    .shell { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
    .topbar {
      position: sticky;
      top: 0;
      z-index: 20;
      border-bottom: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.96);
      color: #fff;
      backdrop-filter: blur(14px);
    }
    .topbar .shell {
      width: 100%;
      max-width: none;
      padding-inline: clamp(20px, 3vw, 64px);
    }
    .nav {
      min-height: 72px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
    .brand { display: flex; align-items: center; gap: 9px; font-weight: 760; }
    .brand-butterfly-frame {
      position: relative;
      width: 34px;
      height: 32px;
      flex: 0 0 auto;
    }
    .brand-butterfly { position: absolute; inset: 0; display: block; width: 34px; height: 32px; object-fit: contain; }
    .brand-butterfly-static { display: none; }
    .brand-butterfly-css {
      position: absolute;
      inset: 0;
      display: none;
      background: linear-gradient(
        180deg,
        #2bafa8 0%,
        #368ed8 34%,
        #6b63d5 67%,
        #368ed8 84%,
        #2bafa8 100%
      );
      background-size: 100% 260%;
      background-position: 50% 0%;
      -webkit-mask-image: url("/homepage/v157/assets/media/0c0f9706e0ce91823824.webp");
      mask-image: url("/homepage/v157/assets/media/0c0f9706e0ce91823824.webp");
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      animation: butterfly-css-flow 9s ease-in-out infinite alternate;
    }
    .web-mask .brand-butterfly-css { display: block; }
    .web-mask .brand-butterfly-motion,.web-mask .brand-butterfly-static { display: none; }
    @keyframes butterfly-css-flow {
      0% { background-position: 50% 0%; }
      100% { background-position: 50% 100%; }
    }
    .brand-wordmark { display: block; width: clamp(98px, 5.8vw, 112px); height: auto; filter: brightness(0) invert(1); }
    .brand-company { margin-left: 2px; color: rgba(255,255,255,.72); font-size: clamp(15px, .9vw, 16px); font-weight: 650; letter-spacing: .04em; }
    .nav-links { display: flex; align-items: center; gap: clamp(18px, 1.45vw, 30px); font-size: clamp(14px, .78vw, 15px); }
    .nav-group { position: relative; display: flex; align-items: center; min-height: 72px; }
    .nav-trigger { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: inherit; cursor: pointer; }
    .nav-trigger::after { content: ""; display: inline-block; flex: 0 0 auto; width: 6px; height: 6px; margin: -3px 2px 0; border-right: 1.5px solid #7d8791; border-bottom: 1.5px solid #7d8791; transform: rotate(45deg); }
    .dropdown {
      position: absolute;
      top: calc(100% - 1px);
      left: -22px;
      width: 250px;
      padding: 14px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.98);
      box-shadow: 0 18px 50px rgba(16,24,32,.12);
      color: var(--ink);
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px);
      transition: opacity .18s ease, transform .18s ease, visibility .18s;
    }
    .nav-group:hover .dropdown,.nav-group:focus-within .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
    .dropdown a { display: block; padding: 10px 9px; border-bottom: 1px solid #edf0f2; font-size: 13px; }
    .dropdown a:last-child { border-bottom: 0; }
    .dropdown small { display: block; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
    .topbar .nav-links > .button {
      border-color: transparent;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 50%, #6b63d5 100%);
      background-size: 180% 180%;
      background-position: 0% 50%;
      color: #fff;
      box-shadow: 0 8px 24px rgba(54,142,216,.2);
      padding-inline: clamp(18px, 1.4vw, 28px);
    }
    .topbar .nav-links > .button:hover { background-position: 100% 50%; }
    .button {
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      border: 1px solid transparent;
      border-radius: 999px;
      background: linear-gradient(108deg, #237fda 0%, #358fdc 42%, #536fdc 72%, #7161d9 100%);
      background-size: 180% 180%;
      background-position: 0% 50%;
      color: white;
      font-weight: 650;
      box-shadow: 0 8px 22px rgba(42, 112, 205, .14);
      transition: background-position .7s ease, transform .2s ease, box-shadow .2s ease;
    }
    .button:hover { background-position: 100% 50%; transform: translateY(-1px); box-shadow: 0 10px 25px rgba(61, 99, 205, .2); }
    .button:focus-visible { outline: 3px solid rgba(54, 142, 216, .28); outline-offset: 3px; }
    .button.secondary { border-color: var(--ink); background: transparent; color: var(--ink); box-shadow: none; }
    .button.light { border-color: white; background: white; color: var(--night); }
    .button.ghost-light { border-color: #7d8a95; background: transparent; color: white; }
    .section { min-height: 760px; padding: 136px 0; display: flex; align-items: center; }
    .section.compact { min-height: 650px; }
    .section.dark { color: white; background: var(--night); }
    .section.soft { background: #f4f7fa; }
    .method-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      background: #0b1520;
    }
    .method-section::before {
      content: "";
      position: absolute;
      inset: -28%;
      z-index: 0;
      background:
        radial-gradient(circle at 18% 26%, rgba(43,175,168,.24), transparent 34%),
        radial-gradient(circle at 76% 42%, rgba(54,142,216,.28), transparent 38%),
        radial-gradient(circle at 62% 82%, rgba(107,99,213,.2), transparent 34%);
      transform: translate3d(-2%, -1%, 0) scale(1.02);
      animation: method-ambient 16s ease-in-out infinite alternate;
      pointer-events: none;
    }
    .method-section::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 72px 72px;
      -webkit-mask-image: linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent);
      mask-image: linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent);
      pointer-events: none;
    }
    .method-section > .shell { position: relative; z-index: 2; }
    @keyframes method-ambient {
      0% { transform: translate3d(-2%, -1%, 0) scale(1.02); }
      100% { transform: translate3d(3%, 2%, 0) scale(1.08); }
    }
    .eyebrow { margin: 0 0 20px; color: var(--muted); font-size: 14px; font-weight: 650; letter-spacing: .04em; }
    .en-kicker { display: block; margin-bottom: 8px; color: #89939d; font-size: 10px; font-weight: 720; letter-spacing: .2em; text-transform: uppercase; }
    .hero-identity strong { display: inline-block; color: #34414d; font-size: 16px; font-weight: 760; letter-spacing: .015em; }
    .identity-accent {
      background: linear-gradient(105deg, #237fda, #2bafa8 48%, #5f67da 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .trust-experience { margin-bottom: 26px; }
    .experience-line { display: flex; align-items: baseline; gap: 14px; }
    .experience-number {
      display: inline-block;
      padding: .06em .04em .08em 0;
      background: linear-gradient(145deg, #2bafa8 0%, #368ed8 50%, #6b63d5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: clamp(22px, 1.9vw, 28px);
      font-weight: 760;
      letter-spacing: -.035em;
      line-height: 1.05;
      white-space: nowrap;
    }
    .experience-number sup { margin: .06em 0 0 .08em; font-size: .34em; line-height: 1; letter-spacing: 0; }
    .experience-label { color: #4f5c68; font-size: 17px; font-weight: 720; letter-spacing: .02em; }
    .dark .eyebrow { color: var(--night-muted); }
    h1,h2 { margin: 0; letter-spacing: -.025em; line-height: 1.22; text-wrap: balance; word-break: keep-all; overflow-wrap: normal; }
    h1 { max-width: 760px; font-size: clamp(38px, 5.1vw, 72px); }
    h1 .title-line { display: block; }
    .gradient-text {
      display: inline-block;
      background: linear-gradient(180deg, #2bafa8 0%, #368ed8 48%, #6b63d5 100%);
      background-size: 100% 220%;
      background-position: 50% 0%;
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      animation: gradient-text-flow 7s ease-in-out infinite alternate;
    }
    @keyframes gradient-text-flow {
      0% { background-position: 50% 0%; }
      100% { background-position: 50% 100%; }
    }
    h2 { max-width: 820px; font-size: clamp(31px, 3.8vw, 54px); }
    .lead { max-width: 720px; margin: 30px 0 0; color: #3f4853; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.9; }
    .dark .lead { color: #c9d1d9; }
    .actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
    .hero-capabilities { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
    .hero-capabilities span {
      display: inline-flex;
      min-height: 30px;
      align-items: center;
      padding: 0 12px;
      border: 1px solid rgba(72, 112, 150, .18);
      border-radius: 999px;
      background: rgba(255,255,255,.62);
      color: #526273;
      font-size: 12px;
      font-weight: 650;
      letter-spacing: .02em;
      backdrop-filter: blur(8px);
    }
    .hero-actions { gap: 10px; margin-top: 28px; }
    .hero-actions .button { min-width: 190px; }
    .button.hero-secondary {
      border-color: rgba(54, 126, 195, .36);
      background: rgba(255,255,255,.82);
      color: #215d96;
      box-shadow: 0 8px 22px rgba(42, 112, 205, .09);
    }
    .button.hero-secondary:hover {
      background: rgba(240,248,255,.96);
      box-shadow: 0 10px 25px rgba(42, 112, 205, .14);
    }
    .hero-grid,.split { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: 88px; align-items: center; }
    .hero-section {
      position: relative;
      min-height: calc(100svh - 72px);
      padding: 0;
      overflow: hidden;
      background: #000;
      color: #fff;
      isolation: isolate;
    }
    .hero-ambient {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      background:
        radial-gradient(ellipse at 50% 44%, rgba(8,12,28,.7) 0%, rgba(2,3,8,.96) 68%, #000 100%);
      pointer-events: none;
    }
    .hero-ambient::before,.hero-ambient::after {
      content: "";
      position: absolute;
      inset: -22%;
      pointer-events: none;
      will-change: transform;
    }
    .hero-ambient::before {
      background:
        radial-gradient(ellipse 20% 96% at 14% 46%, rgba(34,94,178,.24) 0%, rgba(29,63,140,.1) 42%, transparent 72%),
        radial-gradient(ellipse 24% 112% at 44% 54%, rgba(44,71,158,.17) 0%, rgba(35,46,119,.08) 45%, transparent 74%),
        radial-gradient(ellipse 22% 105% at 78% 42%, rgba(92,63,188,.18) 0%, rgba(55,40,135,.08) 44%, transparent 73%);
      filter: blur(34px);
      opacity: .9;
      transform: rotate(-8deg) scale(1.05);
      animation: hero-aurora-drift 20s ease-in-out infinite alternate;
    }
    .hero-ambient::after {
      background:
        linear-gradient(104deg, transparent 9%, rgba(42,102,184,.09) 26%, transparent 40%, rgba(81,62,176,.08) 61%, transparent 79%),
        radial-gradient(ellipse 46% 32% at 52% 30%, rgba(48,86,177,.09), transparent 72%);
      filter: blur(46px);
      opacity: .9;
      transform: translate3d(-2%, 1%, 0) rotate(5deg);
      animation: hero-aurora-breathe 16s ease-in-out infinite alternate;
    }
    .hero-particles {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      opacity: .78;
      pointer-events: none;
    }
    @keyframes hero-aurora-drift {
      0% { transform: translate3d(-3%, -1%, 0) rotate(-8deg) scale(1.05); }
      100% { transform: translate3d(4%, 2%, 0) rotate(-4deg) scale(1.12); }
    }
    @keyframes hero-aurora-breathe {
      0% { transform: translate3d(-2%, 1%, 0) rotate(5deg) scale(1); opacity: .58; }
      100% { transform: translate3d(3%, -2%, 0) rotate(2deg) scale(1.08); opacity: .86; }
    }
    .hero-section::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background: radial-gradient(ellipse at center, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 30%, rgba(0,0,0,.16) 58%, transparent 76%);
      pointer-events: none;
    }
    .hero-copy {
      position: relative;
      z-index: 3;
      min-height: calc(100svh - 72px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      transform: translateY(-36px);
      pointer-events: none;
    }
    .personal-kicker {
      margin: 0 0 20px;
      background: linear-gradient(105deg, #5bd7ce 0%, #55a9e8 50%, #9587ee 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 26px;
      font-weight: 650;
      letter-spacing: .08em;
      filter: drop-shadow(0 2px 7px rgba(0,0,0,.9));
    }
    .personal-title {
      max-width: none;
      color: #fff;
      font-size: clamp(56px, 4.6vw, 64px);
      font-weight: 600;
      letter-spacing: -.015em;
      line-height: 1.2;
      word-break: keep-all;
    }
    .personal-title span { display: block; white-space: nowrap; }
    .personal-tags {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 24px;
    }
    .personal-tags .personal-tag {
      color: rgba(255,255,255,.52);
      font-size: 26px;
      font-weight: 500;
      letter-spacing: .12em;
    }
    .personal-tags .personal-separator {
      margin: 0 8px;
      color: rgba(255,255,255,.2);
      font-size: 20px;
      font-weight: 400;
    }
    .personal-note {
      position: relative;
      width: min(100%, 820px);
      margin: 26px 0 0;
      color: #fff;
      font-size: 13px;
      font-weight: 300;
      letter-spacing: .035em;
      line-height: 1.85;
      text-align: center;
      pointer-events: none;
    }
    .personal-note-line { display: block; }
    .hero-tech-note {
      position: absolute;
      left: 50%;
      bottom: 38px;
      z-index: 3;
      width: min(calc(100% - 48px), 900px);
      margin: 0;
      color: rgba(255,255,255,.4);
      font-size: 11px;
      font-weight: 300;
      letter-spacing: .025em;
      line-height: 1.9;
      text-align: center;
      transform: translateX(-50%);
      pointer-events: none;
    }
    .hero-tech-note-line { display: block; }
    .hero-visual-anchor {
      --hero-ring-scale: 1.4;
      position: absolute;
      inset: 0;
      z-index: 1;
      cursor: grab;
      touch-action: pan-y;
      user-select: none;
    }
    .hero-visual-anchor:active { cursor: grabbing; }
    .hero-ring-stage {
      position: absolute;
      inset: 0;
      perspective: 1320px;
      perspective-origin: 50% 50%;
      transform: none;
      transform-style: preserve-3d;
    }
    .hero-ring-rig {
      position: absolute;
      inset: 0;
      transform-style: preserve-3d;
      transform-origin: 50% 50%;
      will-change: transform;
    }
    .hero-ring {
      position: absolute;
      left: 50%;
      top: calc(50% - 119px);
      width: 0;
      height: 0;
      transform-style: preserve-3d;
      will-change: transform;
    }
    .hero-ring-card {
      position: absolute;
      left: -38px;
      top: -59px;
      width: 76px;
      height: 118px;
      border-radius: 5px;
      transform-style: preserve-3d;
    }
    .hero-ring-visual {
      position: absolute;
      inset: 0;
      display: block;
      border-radius: inherit;
      transform: translateZ(0) scale(1);
      transform-origin: 50% 50%;
      transform-style: preserve-3d;
      transition: transform 420ms cubic-bezier(.16, 1, .3, 1);
      will-change: transform;
    }
    .hero-ring-face {
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      object-fit: cover;
      backface-visibility: hidden;
      pointer-events: none;
    }
    .hero-ring-face-back { transform: rotateY(180deg); }
    .hero-ring-copy {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 9px 7px 8px;
      overflow: hidden;
      border-radius: inherit;
      background: linear-gradient(180deg, rgba(3,7,11,.08) 12%, rgba(3,7,11,.48) 48%, rgba(3,7,11,.96) 100%);
      color: #fff;
      opacity: 0;
      backface-visibility: hidden;
      pointer-events: none;
      transition: opacity 320ms ease;
    }
    .hero-ring-copy-front { transform: translateZ(1px); }
    .hero-ring-copy-back { transform: rotateY(180deg) translateZ(1px); }
    .hero-ring-copy small {
      display: block;
      margin-bottom: 3px;
      color: #78cbd7;
      font-size: 5px;
      font-weight: 720;
      letter-spacing: .08em;
      line-height: 1.25;
    }
    .hero-ring-copy strong {
      display: block;
      font-size: 7px;
      font-weight: 650;
      letter-spacing: -.01em;
      line-height: 1.25;
    }
    .hero-ring-copy span {
      display: -webkit-box;
      margin-top: 4px;
      overflow: hidden;
      color: rgba(255,255,255,.76);
      font-size: 5px;
      font-weight: 360;
      line-height: 1.4;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
    .hero-ring-card:hover .hero-ring-copy,.hero-ring-card:focus .hero-ring-copy { opacity: 1; }
    .hero-ring-card:focus { outline: none; }
    .hero-ring-card:focus-visible .hero-ring-visual {
      outline: 1px solid rgba(120,203,215,.9);
      outline-offset: 3px;
    }
    .hero-product-transition {
      position: relative;
      height: auto;
      background: #000;
    }
    .hero-product-sticky {
      position: relative;
      top: auto;
      height: auto;
      overflow: visible;
      background: #000;
      isolation: isolate;
    }
    .hero-product-sticky .hero-section {
      position: relative;
      width: 100%;
      height: calc(100svh - 72px);
      min-height: 0;
    }
    .story-blackout { display: none; }
    .company-banner-panel {
      position: relative;
      min-height: calc(100svh - 72px);
      padding: 58px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      overflow: hidden;
      background: #000;
      color: #fff;
      pointer-events: auto;
    }
    .company-banner-head {
      width: min(calc(100% - 72px), 1240px);
      margin: 0 auto 26px;
      text-align: center;
    }
    .company-banner-kicker {
      width: fit-content;
      margin: 0 auto 10px;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 52%, #6b63d5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 10px;
      font-weight: 720;
      letter-spacing: .2em;
      text-transform: uppercase;
    }
    .company-banner-title {
      max-width: none;
      color: #eef2f5;
      font-size: clamp(25px, 2.4vw, 38px);
      font-weight: 520;
      line-height: 1.26;
    }
    .company-banner-viewport {
      width: 100%;
      /* Clipping must not create a scroll container: focusing a slide must not move the arrows. */
      overflow: clip;
      touch-action: pan-y;
      cursor: grab;
    }
    .company-banner-viewport.is-dragging { cursor: grabbing; }
    .company-banner-track {
      position: relative;
      display: flex;
      align-items: stretch;
      gap: clamp(14px, 1.5vw, 24px);
      width: max-content;
      will-change: transform;
      transition: transform .78s cubic-bezier(.22, 1, .36, 1);
    }
    .company-banner-viewport.is-dragging .company-banner-track,
    .company-banner-track.is-repositioning { transition: none !important; }
    .company-banner-card {
      position: relative;
      width: min(82vw, 1280px);
      height: auto;
      aspect-ratio: 16 / 5;
      flex: 0 0 auto;
      display: grid;
      place-items: center;
      overflow: hidden;
      padding: 0;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: clamp(24px, 2.2vw, 38px);
      background: #0d1014;
      color: #fff;
      isolation: isolate;
      opacity: .48;
      transform: scale(.965);
      transition: opacity .65s ease, transform .78s cubic-bezier(.22, 1, .36, 1), border-color .4s ease;
    }
    .company-banner-card.is-active {
      border-color: rgba(100,174,225,.38);
      opacity: 1;
      transform: scale(1);
      box-shadow: 0 34px 90px rgba(0,0,0,.38);
    }
    .company-banner-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        radial-gradient(circle at 18% 16%, rgba(43,175,168,.24), transparent 32%),
        radial-gradient(circle at 82% 72%, rgba(107,99,213,.28), transparent 38%),
        linear-gradient(145deg, #05080c 0%, #0a1320 54%, #090b13 100%);
      pointer-events: none;
    }
    .company-banner-card::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      height: 3px;
      background: linear-gradient(90deg, transparent, #2bafa8 18%, #368ed8 50%, #6b63d5 82%, transparent);
      opacity: .72;
      pointer-events: none;
    }
    .company-banner-image {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border: 0;
      border-radius: inherit;
      box-shadow: none;
      filter: saturate(.96) contrast(1.02);
      transform: scale(1);
      transition: transform 1.2s cubic-bezier(.22, 1, .36, 1);
    }
    .company-banner-card.is-active .company-banner-image { transform: scale(1.006); }
    .company-banner-card[data-banner="musa"] {
      border-color: rgba(255,91,0,.26);
      background: #080808;
    }
    .company-banner-card[data-banner="musa"]::before {
      background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        radial-gradient(circle at 78% 20%, rgba(255,91,0,.24), transparent 34%),
        linear-gradient(145deg, #050505 0%, #111 58%, #080808 100%);
      background-size: 42px 42px, 42px 42px, auto, auto;
    }
    .company-banner-card[data-banner="musa"]::after {
      height: 4px;
      background: linear-gradient(90deg, transparent, #ff5b00 22%, #ff8a38 50%, #ff5b00 78%, transparent);
      opacity: 1;
    }
    .company-banner-card[data-banner="musa"].is-active {
      border-color: rgba(255,91,0,.56);
      box-shadow: 0 34px 94px rgba(255,91,0,.12), 0 34px 90px rgba(0,0,0,.44);
    }
    .company-banner-card[data-banner="musa"] .company-banner-image {
      filter: saturate(1) contrast(1.02);
    }
    .company-banner-card[data-banner="xiangjiang"]::before {
      background:
        radial-gradient(circle at 12% 16%, rgba(43,175,168,.25), transparent 34%),
        radial-gradient(circle at 86% 74%, rgba(54,142,216,.32), transparent 42%),
        linear-gradient(145deg, #04090f 0%, #071928 56%, #080b14 100%);
    }
    .company-banner-card[data-banner="xstudio"]::before {
      background:
        radial-gradient(circle at 18% 74%, rgba(54,142,216,.32), transparent 38%),
        radial-gradient(circle at 84% 20%, rgba(107,99,213,.3), transparent 36%),
        linear-gradient(145deg, #04080d 0%, #07121f 54%, #090915 100%);
    }
    .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;
    }
    .company-banner-controls {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 26px;
    }
    .company-banner-nav,.company-banner-toggle {
      display: grid;
      width: 44px;
      height: 44px;
      place-items: center;
      padding: 0;
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 50%;
      background: rgba(255,255,255,.08);
      color: #fff;
      cursor: pointer;
      transition: background .2s ease, border-color .2s ease;
    }
    .company-banner-nav:hover,.company-banner-toggle:hover { border-color: rgba(255,255,255,.36); background: rgba(255,255,255,.14); }
    .company-banner-dots {
      display: flex;
      min-height: 44px;
      align-items: center;
      gap: 10px;
      padding: 0 18px;
      border-radius: 999px;
      background: rgba(255,255,255,.08);
    }
    .company-banner-dot {
      width: 7px;
      height: 7px;
      padding: 0;
      border: 0;
      border-radius: 999px;
      background: rgba(255,255,255,.48);
      cursor: pointer;
      transition: width .35s ease, background .35s ease;
    }
    .company-banner-dot.is-active { width: 42px; background: rgba(255,255,255,.9); }
    .company-banner-toggle .pause-icon { display: inline; }
    .company-banner-toggle .play-icon { display: none; }
    .company-banner-toggle.is-paused .pause-icon { display: none; }
    .company-banner-toggle.is-paused .play-icon { display: inline; }
    .product-reveal {
      position: relative;
      min-height: calc(100svh - 72px);
      display: flex;
      align-items: center;
      overflow: hidden;
      background: #000;
      color: #fff;
      pointer-events: auto;
    }
    .product-reveal::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(90deg, transparent 44%, rgba(4,6,9,.12) 58%, rgba(4,6,9,.5) 100%);
      pointer-events: none;
    }
    .product-reveal-inner {
      position: relative;
      z-index: 2;
      width: min(calc(100% - 72px), 1420px);
      height: 100%;
      margin-inline: auto;
      display: grid;
      grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
      gap: clamp(36px, 5vw, 92px);
      align-items: center;
    }
    .product-reveal-media {
      position: relative;
      min-width: 0;
      width: min(66vw, 940px);
      margin: 0 0 0 min(-5vw, -40px);
      will-change: transform, opacity;
    }
    .product-reveal-media::after {
      content: "";
      position: absolute;
      inset: -1px;
      z-index: 2;
      pointer-events: none;
      background:
        linear-gradient(90deg, #000 0%, rgba(0,0,0,.98) 2%, rgba(0,0,0,.76) 5%, rgba(0,0,0,.28) 9%, transparent 14%, transparent 86%, rgba(0,0,0,.28) 91%, rgba(0,0,0,.76) 95%, rgba(0,0,0,.98) 98%, #000 100%),
        linear-gradient(180deg, #000 0%, rgba(0,0,0,.98) 2%, rgba(0,0,0,.72) 5%, rgba(0,0,0,.24) 9%, transparent 14%, transparent 86%, rgba(0,0,0,.24) 91%, rgba(0,0,0,.72) 95%, rgba(0,0,0,.98) 98%, #000 100%);
    }
    .product-reveal-media img {
      display: block;
      width: 100%;
      max-width: none;
      height: auto;
      margin-left: 0;
      filter: drop-shadow(0 32px 70px rgba(0,0,0,.36));
    }
    .product-reveal-copy {
      position: relative;
      z-index: 3;
      max-width: 560px;
    }
    .product-reveal-copy .eyebrow { color: rgba(255,255,255,.58); }
    .dark .en-kicker,.product-reveal .en-kicker {
      width: fit-content;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 50%, #6b63d5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .product-reveal-title {
      max-width: 9em;
      font-size: clamp(38px, 4vw, 62px);
      line-height: 1.18;
    }
    .product-reveal-copy .lead {
      max-width: 29em;
      margin-top: 26px;
      color: rgba(255,255,255,.68);
      font-size: clamp(16px, 1.25vw, 19px);
      line-height: 1.85;
    }
    .product-reveal-intro {
      display: block;
      margin-bottom: 12px;
      color: rgba(255,255,255,.94);
      font-weight: 520;
    }
    .product-reveal-description { display: block; }
    .product-reveal-copy .actions { margin-top: 30px; }
    .dark .button,.product-reveal .button {
      border-color: transparent;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 50%, #6b63d5 100%);
      background-size: 180% 180%;
      background-position: 0% 50%;
      color: #fff;
      box-shadow: 0 10px 28px rgba(54,142,216,.2);
    }
    .dark .button:hover,.product-reveal .button:hover {
      background-position: 100% 50%;
      box-shadow: 0 12px 32px rgba(67,112,214,.28);
    }
    .product-shelf-section { background: #fff; }
    .product-shelf-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
    .product-shelf-head .eyebrow { margin-bottom: 0; }
    .story-anchor { position: absolute; top: 0; left: 0; }
    @media (hover: hover) and (pointer: fine) {
      .hero-ring-card:hover { z-index: 20; }
      .hero-ring-card:hover .hero-ring-visual,.hero-ring-card:focus .hero-ring-visual { transform: translateZ(32px) scale(1.5); }
    }
    .split { grid-template-columns: minmax(0, .84fr) minmax(520px, 1.16fr); gap: 72px; }
    .split > * { min-width: 0; }
    .platform-section {
      position: relative;
      z-index: 1;
      min-height: 108svh;
      margin-top: 0;
      padding: clamp(82px, 9svh, 108px) 0 72px;
      align-items: flex-start;
      overflow: hidden;
      border-radius: 0;
      background: #fff;
      color: var(--ink);
      box-shadow: none;
    }
    .platform-layout {
      grid-template-columns: minmax(0, 1fr);
      gap: clamp(32px, 4vw, 48px);
      align-items: start;
    }
    .platform-copy { order: 1; width: min(100%, 1120px); max-width: none; margin-inline: auto; text-align: center; }
    .platform-copy h2 { max-width: none; font-size: clamp(34px, 3.65vw, 54px); line-height: 1.24; }
    .platform-copy .lead { max-width: 52em; margin-inline: auto; font-size: clamp(16px, 1.2vw, 19px); }
    .platform-copy .semantic-line { display: inline; }
    .platform-copy .actions { display: flex; justify-content: center; }
    .platform-section .eyebrow { text-align: center; }
    .platform-section .en-kicker {
      width: fit-content;
      margin-inline: auto;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 50%, #6b63d5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .semantic-line { display: block; }
    .placeholder {
      min-height: 460px;
      display: grid;
      place-items: center;
      padding: 28px;
      border: 1px dashed #aab3bc;
      border-radius: 28px;
      background: linear-gradient(145deg, #f8f9fa, #e9edf1);
      color: #69737e;
      text-align: center;
    }
    .dark .placeholder { border-color: #4e5b67; background: #17222c; color: #9eabb7; }
    .placeholder strong { display: block; color: inherit; font-size: 20px; }
    .placeholder small { display: block; margin-top: 8px; max-width: 320px; }
    .trust-head { text-align: center; }
    .trust-section {
      min-height: 650px;
      padding: 94px 0 104px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: #000;
      color: #fff;
    }
    .trust-shell { width: min(calc(100% - 72px), 1500px); margin-inline: auto; }
    .trust-section .trust-head {
      display: block;
      width: min(100%, 980px);
      max-width: 980px;
      margin-inline: auto;
      text-align: center;
    }
    .trust-kicker {
      width: fit-content;
      margin: 0 auto 18px;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 52%, #6b63d5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 10px;
      font-weight: 720;
      letter-spacing: .2em;
      text-transform: uppercase;
    }
    .trust-title {
      max-width: none;
      margin: 0 auto;
      color: #d5d9de;
      font-size: clamp(28px, 3.1vw, 46px);
      font-weight: 520;
      line-height: 1.28;
      white-space: nowrap;
    }
    .trust-intro {
      max-width: 660px;
      margin: 20px auto 0;
      color: #8e98a2;
      font-size: clamp(14px, 1.05vw, 16px);
      font-weight: 340;
      line-height: 1.8;
    }
    .partner-marquee {
      position: relative;
      left: 50%;
      width: min(100vw, 1680px);
      margin: 58px auto 0;
      overflow: hidden;
      transform: translateX(-50%);
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
      mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
    }
    .partner-marquee::before,.partner-marquee::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 2;
      width: clamp(46px, 8vw, 130px);
      pointer-events: none;
    }
    .partner-marquee::before { left: 0; background: linear-gradient(90deg, #000, transparent); }
    .partner-marquee::after { right: 0; background: linear-gradient(270deg, #000, transparent); }
    .partner-marquee-track {
      width: max-content;
      display: flex;
      align-items: center;
      will-change: transform;
    }
    @keyframes partner-marquee-fallback {
      to { transform: translate3d(-50%, 0, 0); }
    }
    .partner-marquee-track.is-css-loop {
      animation: partner-marquee-fallback 34s linear infinite;
    }
    .partner-marquee.is-paused .partner-marquee-track.is-css-loop {
      animation-play-state: paused;
    }
    .partner-marquee-group {
      flex: none;
      display: flex;
      align-items: center;
      gap: clamp(24px, 3.2vw, 54px);
      padding-right: clamp(24px, 3.2vw, 54px);
    }
    .marquee-logo {
      width: clamp(170px, 15vw, 230px);
      height: 96px;
      flex: 0 0 auto;
      display: grid;
      place-items: center;
      padding: 0 16px;
    }
    .marquee-logo img {
      display: block;
      width: min(100%, 205px);
      height: auto;
      max-height: 66px;
      object-fit: contain;
      opacity: 1;
      filter: grayscale(1) brightness(0) invert(1);
    }
    .marquee-logo[data-logo="huawei"] img { width: min(100%, 220px); max-height: 70px; }
    .marquee-logo[data-logo="china-coal"] img { max-height: 76px; }
    .trust-research {
      width: min(100%, 1380px);
      margin: clamp(58px, 6vw, 88px) auto 0;
      padding-top: clamp(48px, 5vw, 72px);
      border-top: 1px solid rgba(255,255,255,.14);
      color: #fff;
      text-align: center;
    }
    .trust-research-title {
      max-width: none;
      margin: 0;
      color: #d5d9de;
      font-size: clamp(28px, 3vw, 46px);
      font-weight: 520;
      letter-spacing: -.02em;
      line-height: 1.28;
    }
    .trust-research-intro {
      margin: 22px 0 0;
      color: #8e98a2;
      font-size: clamp(14px, 1.05vw, 17px);
      font-weight: 350;
      line-height: 1.8;
    }
    .research-awards {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: clamp(12px, 1.6vw, 26px);
      margin-top: clamp(42px, 4vw, 60px);
    }
    .research-award {
      min-width: 0;
      min-height: 116px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(8px, .9vw, 14px);
      color: #fff;
    }
    .research-award p {
      max-width: 13em;
      margin: 0;
      color: currentColor;
      font-size: clamp(13px, 1vw, 16px);
      font-weight: 430;
      line-height: 1.65;
    }
    .award-laurel {
      position: relative;
      width: 40px;
      height: 80px;
      flex: 0 0 40px;
      background: url("/homepage/v157/assets/media/0f6d7e95005c7c0fefd1.webp") center / contain no-repeat;
      opacity: 1;
    }
    .award-laurel-right { transform: scaleX(-1); }
    .trust-actions { justify-content: center; margin-top: 38px; }
    .trust-actions .button {
      background: linear-gradient(108deg, #2bafa8 0%, #368ed8 48%, #6b63d5 100%);
      background-size: 180% 180%;
      box-shadow: 0 8px 24px rgba(54,142,216,.18);
    }
    .news-section {
      position: relative;
      padding: 58px 0 92px;
      overflow: hidden;
      background: #000;
      color: #fff;
    }
    .news-section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      width: min(calc(100% - 72px), 1160px);
      height: 1px;
      background: rgba(255,255,255,.14);
      transform: translateX(-50%);
    }
    .news-shell { width: min(calc(100% - 72px), 1160px); }
    .news-head {
      margin-bottom: 30px;
    }
    .news-title {
      max-width: none;
      margin: 0;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 52%, #6b63d5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 11px;
      font-weight: 720;
      letter-spacing: .22em;
      line-height: 1.4;
    }
    .news-list { border-top: 1px solid rgba(255,255,255,.18); }
    .news-item {
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr) 40px;
      gap: clamp(18px, 2.5vw, 36px);
      align-items: start;
      padding: 25px 0 27px;
      border-bottom: 1px solid rgba(255,255,255,.14);
      transition: border-color .25s ease, color .25s ease;
    }
    .news-item:hover { border-color: rgba(86,185,225,.55); }
    .news-index {
      padding-top: 4px;
      color: #65717d;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .16em;
    }
    .news-copy h3 {
      margin: 0;
      color: #dce1e6;
      font-size: clamp(20px, 1.75vw, 28px);
      font-weight: 510;
      letter-spacing: -.015em;
      line-height: 1.48;
      transition: color .25s ease;
    }
    .news-copy p {
      max-width: 760px;
      margin: 13px 0 0;
      color: #7f8a94;
      font-size: clamp(13px, 1vw, 15px);
      font-weight: 340;
      line-height: 1.85;
    }
    .news-item:hover .news-copy h3 { color: #fff; }
    .news-arrow {
      display: grid;
      width: 38px;
      height: 38px;
      place-items: center;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 50%;
      color: #aeb8c1;
      font-size: 17px;
      line-height: 1;
      transition: border-color .25s ease, color .25s ease, transform .25s ease;
    }
    .news-item:hover .news-arrow {
      border-color: #368ed8;
      color: #fff;
      transform: translate(2px, -2px);
    }
    .news-actions { justify-content: flex-end; margin-top: 28px; }
    .news-more {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #98a2ac;
      font-size: 14px;
      transition: color .25s ease;
    }
    .news-more:hover { color: #fff; }
    .case-note { margin-top: 28px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .case-card {
      position: relative;
      min-height: 230px;
      overflow: hidden;
      padding: 30px;
      border: 1px solid rgba(207, 216, 225, .9);
      border-radius: 26px;
      background: linear-gradient(145deg, #f9fbfc 0%, #edf3f7 100%);
      box-shadow: 0 16px 44px rgba(37, 58, 77, .07);
      transition: transform .28s ease, box-shadow .28s ease;
    }
    .case-card:first-child { background: linear-gradient(145deg, #eef9ff 0%, #e2f3ff 52%, #f7fbff 100%); }
    .case-card::before {
      content: "";
      position: absolute;
      width: 180px;
      height: 180px;
      right: -64px;
      bottom: -92px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(54,142,216,.2), rgba(107,99,213,.05) 48%, transparent 70%);
      pointer-events: none;
    }
    .case-card:hover { transform: translateY(-4px); box-shadow: 0 24px 58px rgba(37, 58, 77, .12); }
    .case-card > * { position: relative; z-index: 1; }
    .case-note span,.card span { display: block; margin-bottom: 8px; color: var(--muted); font-size: 12px; font-weight: 700; }
    .case-card h3 { margin: 22px 0 10px; font-size: 25px; line-height: 1.25; }
    .case-card p { max-width: 25em; margin: 0; color: #596570; }
    .case-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; padding-right: 38px; }
    .case-tags span {
      margin: 0;
      padding: 5px 9px;
      border: 1px solid rgba(89, 113, 134, .16);
      border-radius: 999px;
      background: rgba(255,255,255,.56);
      color: #52606c;
      font-size: 11px;
      font-weight: 650;
    }
    .case-arrow {
      position: absolute;
      right: 24px;
      bottom: 22px;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(16,19,24,.16);
      border-radius: 50%;
      background: rgba(255,255,255,.72);
      font-size: 17px;
    }
    .process { position: relative; margin-top: 70px; display: grid; grid-template-columns: repeat(5, 1fr); }
    .process::before {
      content: "";
      position: absolute;
      top: 0;
      left: 10%;
      right: 10%;
      height: 2px;
      background: rgba(141, 159, 174, .42);
    }
    .process::after {
      content: "";
      position: absolute;
      top: -2px;
      left: 10%;
      width: 116px;
      height: 6px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, #2bafa8 30%, #56e1e8 50%, #6b63d5 72%, transparent);
      box-shadow: 0 0 16px rgba(86,225,232,.46);
      opacity: 0;
      transform: translateX(-50%);
    }
    .method-section.is-active .process::after { opacity: 1; animation: process-travel 10s linear infinite; }
    .step { position: relative; z-index: 1; padding: 28px 12px 0; text-align: center; }
    .step::before {
      content: "";
      position: absolute;
      top: -7px;
      left: 50%;
      width: 12px;
      height: 12px;
      border: 2px solid #647684;
      border-radius: 50%;
      background: #0f1a24;
      transform: translateX(-50%);
    }
    .method-section.is-active .step::before { animation: process-node 10s ease-in-out infinite; }
    .method-section.is-active .step b { animation: process-label 10s ease-in-out infinite; }
    .method-section.is-active .step:nth-child(2)::before,.method-section.is-active .step:nth-child(2) b { animation-delay: 2s; }
    .method-section.is-active .step:nth-child(3)::before,.method-section.is-active .step:nth-child(3) b { animation-delay: 4s; }
    .method-section.is-active .step:nth-child(4)::before,.method-section.is-active .step:nth-child(4) b { animation-delay: 6s; }
    .method-section.is-active .step:nth-child(5)::before,.method-section.is-active .step:nth-child(5) b { animation-delay: 8s; }
    .step b { display: block; margin-bottom: 8px; font-size: 17px; }
    .step small { color: #93a1ad; }
    @keyframes process-travel {
      0% { left: 10%; opacity: 0; }
      3%,94% { opacity: 1; }
      100% { left: 90%; opacity: 0; }
    }
    @keyframes process-node {
      0%,12%,100% { border-color: #647684; background: #0f1a24; box-shadow: none; transform: translateX(-50%) scale(1); }
      3%,7% { border-color: #71e5e8; background: #368ed8; box-shadow: 0 0 0 7px rgba(54,142,216,.14), 0 0 24px rgba(86,225,232,.62); transform: translateX(-50%) scale(1.16); }
    }
    @keyframes process-label {
      0%,12%,100% { color: #fff; }
      3%,7% { color: #72e0e1; }
    }
    .product-grid,.scene-grid,.credential-grid { display: grid; gap: 20px; margin-top: 54px; }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
    .card {
      position: relative;
      min-height: 260px;
      overflow: hidden;
      padding: 30px;
      border: 1px solid rgba(211, 219, 227, .92);
      border-radius: 28px;
      background: white;
      box-shadow: 0 14px 42px rgba(37, 58, 77, .065);
    }
    .dark .card { border-color: #3b4752; background: #14202a; }
    .card h3 { margin: 0 0 12px; font-size: 24px; line-height: 1.2; }
    .card p { margin: 0; color: var(--muted); }
    .dark .card p,.dark .card span { color: var(--night-muted); }
    .product-card { min-height: 500px; display: flex; flex-direction: column; }
    .product-card > span { position: relative; z-index: 2; }
    .product-art {
      height: 285px;
      margin: 20px 0 28px;
      display: grid;
      place-items: center;
      overflow: hidden;
      border-radius: 22px;
      background: linear-gradient(145deg, #f6f8fa 0%, #edf2f6 100%);
    }
    .product-art.dark-art { background: #11161b; }
    .product-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
    .product-art.family img { object-fit: cover; }
    .product-card h3 { font-size: clamp(25px, 2.15vw, 34px); }
    .product-card p { max-width: 31em; }
    .platform-visual {
      order: 2;
      width: min(100%, 980px);
      margin: 0 auto;
      overflow: hidden;
      border-radius: clamp(20px, 2.2vw, 32px);
      background: #000;
      box-shadow: 0 30px 78px rgba(12, 24, 36, .18);
    }
    .platform-visual img { display: block; width: 100%; height: auto; }
    .professional-stories-section {
      position: relative;
      z-index: 10;
      margin-top: -8svh;
      padding: 120px 0 148px;
      overflow: hidden;
      border-radius: clamp(38px, 5vw, 76px) clamp(38px, 5vw, 76px) 0 0;
      background: #fff;
      color: var(--ink);
      box-shadow: 0 -30px 90px rgba(0,0,0,.2);
    }
    .stories-heading {
      width: min(calc(100% - 72px), 1120px);
      max-width: 1120px;
      margin-inline: auto;
      text-align: center;
    }
    .stories-kicker {
      width: fit-content;
      margin: 0 auto 22px;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 50%, #6b63d5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 10px;
      font-weight: 720;
      letter-spacing: .2em;
      text-transform: uppercase;
    }
    .stories-title {
      max-width: 820px;
      margin: 0 auto;
      color: #101317;
      font-size: clamp(34px, 3.65vw, 54px);
      font-weight: 560;
      letter-spacing: -.025em;
      line-height: 1.24;
    }
    .stories-title span { display: block; }
    .stories-intro {
      max-width: 660px;
      margin: 27px auto 0;
      color: #66707a;
      font-size: clamp(16px, 1.22vw, 19px);
      font-weight: 360;
      line-height: 1.85;
    }
    .stories-intro span { display: block; }
    .stories-actions {
      justify-content: center;
      margin-top: 32px;
    }
    .stories-wide {
      width: min(calc(100% - 96px), 1680px);
      margin-inline: auto;
    }
    .stories-rail {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 22px;
      margin-top: 64px;
      scroll-margin-top: 104px;
    }
    .story-card {
      height: clamp(740px, 46vw, 790px);
      display: grid;
      grid-template-rows: 55% 45%;
      overflow: hidden;
      border: 1px solid #e7e7ea;
      border-radius: 30px;
      background: #f5f5f7;
      color: var(--ink);
      transition: transform .42s cubic-bezier(.16, 1, .3, 1), border-color .42s ease;
    }
    .story-card-media {
      min-height: 0;
      overflow: hidden;
      background: #fff;
    }
    .story-card-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 34%;
      filter: grayscale(1) saturate(.78);
      transition: filter .6s ease, transform .55s cubic-bezier(.16, 1, .3, 1);
    }
    .story-card:nth-child(2) .story-card-media img { object-position: 45% 30%; }
    .story-card:nth-child(3) .story-card-media img { object-position: 52% 34%; }
    .story-card:nth-child(4) .story-card-media img { object-position: 50% 30%; }
    .story-card-copy {
      min-height: 0;
      display: flex;
      flex-direction: column;
      padding: clamp(22px, 1.65vw, 30px);
      text-align: left;
    }
    .story-category-en {
      margin: 0;
      color: #8b9198;
      font-size: 9px;
      font-weight: 720;
      letter-spacing: .17em;
      line-height: 1.3;
    }
    .story-category-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .story-index {
      color: #a4aab0;
      font-size: 10px;
      font-weight: 620;
      letter-spacing: .12em;
    }
    .story-category-cn {
      width: fit-content;
      min-height: 29px;
      margin: 10px 0 0;
      display: inline-flex;
      align-items: center;
      padding: 4px 14px 3px;
      border-radius: 999px;
      background: linear-gradient(105deg, #2bafa8 0%, #368ed8 50%, #6b63d5 100%);
      background-size: 180% 180%;
      color: #fff;
      box-shadow: 0 8px 20px rgba(54,142,216,.16);
      font-size: 13px;
      font-weight: 650;
      letter-spacing: .02em;
    }
    .story-slogan {
      min-height: 2.8em;
      margin: 20px 0 0;
      font-size: clamp(22px, 1.55vw, 29px);
      font-weight: 560;
      letter-spacing: -.015em;
      line-height: 1.4;
    }
    .story-slogan span { display: block; }
    .story-memory {
      margin-top: 20px;
      padding-top: 17px;
      border-top: 1px solid rgba(173,180,187,.42);
    }
    .story-memory-label {
      display: block;
      margin-bottom: 5px;
      color: #368ed8;
      font-size: 11px;
      font-weight: 680;
      letter-spacing: .04em;
    }
    .story-memory-copy {
      margin: 0;
      color: #777f87;
      font-size: clamp(12px, .82vw, 14px);
      font-weight: 360;
      line-height: 1.7;
    }
    @media (hover: hover) and (pointer: fine) {
      .story-card:hover { transform: translateY(-4px); border-color: #d8dce1; }
      .story-card:hover .story-card-media img {
        filter: grayscale(0) saturate(.92);
        transform: scale(1.02);
      }
    }
    .story-card:focus-visible { outline: 3px solid rgba(54,142,216,.28); outline-offset: 4px; }
    .story-card:focus-visible .story-card-media img { filter: grayscale(0) saturate(.92); }
    @media (max-width: 1180px) {
      .professional-stories-section { padding-top: 110px; }
      .stories-wide { width: 100%; }
      .stories-rail {
        display: flex;
        gap: 22px;
        margin-top: 60px;
        padding: 0 48px 18px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        touch-action: pan-x pan-y;
        -webkit-overflow-scrolling: touch;
      }
      .stories-rail::-webkit-scrollbar { display: none; }
      .story-card {
        flex: 0 0 min(420px, 40.5vw);
        height: 720px;
        scroll-snap-align: start;
      }
    }
    .scene-grid { grid-template-columns: repeat(2, 1fr); }
    .scene-grid .card { min-height: 270px; padding: 34px; }
    .scene-grid .card::after {
      content: "";
      position: absolute;
      right: -48px;
      bottom: -62px;
      width: 170px;
      height: 170px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(54,142,216,.14), rgba(43,175,168,.045) 48%, transparent 70%);
    }
    .scene-grid .card h3 { max-width: 13em; margin-top: 42px; font-size: clamp(24px, 2.1vw, 32px); }
    .scene-grid .card p { max-width: 29em; font-size: 16px; line-height: 1.8; }
    .card-index { position: absolute; top: 28px; right: 30px; color: #9aa7b3; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
    .credential-grid { grid-template-columns: repeat(3, 1fr); }
    .credential-grid .card { min-height: 250px; padding-top: 76px; }
    .credential-grid .card::before {
      content: "";
      position: absolute;
      top: 30px;
      left: 30px;
      width: 28px;
      height: 4px;
      border-radius: 999px;
      background: linear-gradient(90deg, #2bafa8, #368ed8 58%, #6b63d5);
    }
    .endorsement-section { min-height: 620px; background: #f4f7fa; }
    .endorsement-head { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: end; }
    .endorsement-head .lead { margin-top: 0; }
    .endorsement-board {
      margin-top: 52px;
      overflow: hidden;
      border: 1px solid rgba(211, 219, 227, .92);
      border-radius: 28px;
      background: rgba(255,255,255,.82);
      box-shadow: 0 18px 50px rgba(37, 58, 77, .06);
    }
    .endorsement-row {
      display: grid;
      grid-template-columns: 220px 1fr;
      gap: 32px;
      align-items: start;
      padding: 34px;
    }
    .endorsement-row + .endorsement-row { border-top: 1px solid var(--line); }
    .endorsement-label { color: #43505c; font-size: 15px; font-weight: 760; }
    .endorsement-label small { display: block; margin-bottom: 7px; color: #8b96a1; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
    .endorsement-list { display: flex; flex-wrap: wrap; gap: 10px; }
    .endorsement-list span {
      display: inline-flex;
      min-height: 38px;
      align-items: center;
      padding: 7px 14px;
      border: 1px solid #dce3e9;
      border-radius: 999px;
      background: white;
      color: #34414d;
      font-size: 13px;
      font-weight: 650;
    }
    .endorsement-note { margin: 18px 4px 0; color: #8a949e; font-size: 12px; }
    .contact-section {
      position: relative;
      min-height: auto;
      padding: 144px 0 152px;
      overflow: hidden;
      background: #000;
      color: #fff;
      isolation: isolate;
    }
    .contact-ambient {
      z-index: 0;
      opacity: 1;
    }
    .contact-section::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: radial-gradient(ellipse at center, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 30%, rgba(0,0,0,.16) 58%, transparent 76%);
      pointer-events: none;
    }
    .contact-section > .shell {
      position: relative;
      z-index: 1;
    }
    .contact-layout {
      display: grid;
      grid-template-columns: minmax(0, .84fr) minmax(500px, 1.16fr);
      gap: clamp(72px, 8vw, 128px);
      align-items: start;
    }
    .contact-copy { padding-top: 18px; }
    .contact-kicker {
      margin: 0 0 26px;
      color: #74c8e2;
      font-size: 11px;
      font-weight: 720;
      letter-spacing: .2em;
    }
    .contact-title {
      max-width: 690px;
      font-size: clamp(38px, 4.4vw, 62px);
      font-weight: 510;
      line-height: 1.24;
      letter-spacing: -.035em;
    }
    .contact-description {
      max-width: 620px;
      margin: 34px 0 0;
      color: #aeb8c2;
      font-size: clamp(15px, 1.2vw, 18px);
      font-weight: 340;
      line-height: 1.92;
    }
    .contact-description .contact-cta-line {
      display: block;
      margin-top: 18px;
      color: #d7dde3;
    }
    .contact-directions {
      max-width: 620px;
      margin: 66px 0 0;
      padding: 0;
      border-top: 1px solid rgba(255,255,255,.13);
      list-style: none;
    }
    .contact-directions li {
      display: flex;
      min-height: 66px;
      align-items: center;
      gap: 18px;
      border-bottom: 1px solid rgba(255,255,255,.13);
      color: #f3f6f8;
      font-size: 15px;
      letter-spacing: .02em;
    }
    .contact-directions li::before {
      content: "";
      width: 7px;
      height: 7px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: linear-gradient(135deg, #2bafa8, #368ed8 58%, #6b63d5);
    }
    .contact-form-card {
      padding: clamp(28px, 3.1vw, 46px);
      border: 1px solid rgba(255,255,255,.17);
      border-radius: 14px;
      background: rgba(14,19,26,.9);
      backdrop-filter: blur(14px);
      box-shadow: 0 26px 70px rgba(0,0,0,.2);
    }
    .contact-form-head { margin-bottom: 36px; }
    .contact-form-head p {
      margin: 0;
      color: #89949e;
      font-size: 12px;
      letter-spacing: .12em;
    }
    .contact-form-head h3 {
      margin: 8px 0 0;
      font-size: clamp(21px, 1.8vw, 27px);
      font-weight: 520;
      line-height: 1.45;
    }
    .contact-fields { display: grid; gap: 22px; }
    .contact-field { display: grid; gap: 9px; }
    .contact-field label {
      color: #c7ced5;
      font-size: 13px;
      font-weight: 450;
    }
    .required-mark { margin-left: 4px; color: #62c7df; font-size: .78em; vertical-align: top; }
    .contact-field input,.contact-field select,.contact-field textarea {
      width: 100%;
      min-height: 52px;
      padding: 13px 15px;
      border: 1px solid rgba(255,255,255,.17);
      border-radius: 7px;
      outline: none;
      background: rgba(255,255,255,.035);
      color: #fff;
      font: inherit;
      font-size: 14px;
      transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
    }
    .contact-field textarea { min-height: 132px; resize: vertical; }
    .contact-field select { color-scheme: dark; cursor: pointer; }
    .contact-field input::placeholder,.contact-field textarea::placeholder { color: #68737d; }
    .contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus {
      border-color: #3db4d0;
      background: rgba(54,142,216,.06);
      box-shadow: 0 0 0 3px rgba(54,142,216,.1);
    }
    .contact-submit {
      width: 100%;
      min-height: 52px;
      margin-top: 30px;
      cursor: pointer;
    }
    .js .contact-copy,.js .contact-form-card {
      opacity: 0;
      transform: translateY(26px);
    }
    .js .contact-section.is-visible .contact-copy,.js .contact-section.is-visible .contact-form-card {
      opacity: 1;
      transform: translateY(0);
      transition: opacity .78s ease, transform .78s cubic-bezier(.22, 1, .36, 1);
    }
    .js .contact-section.is-visible .contact-form-card { transition-delay: .12s; }
    .prototype-tag { position: fixed; right: 18px; bottom: 18px; z-index: 30; padding: 8px 12px; border-radius: 999px; background: #ffd86b; color: #332800; font-size: 12px; font-weight: 750; }
    footer { padding: 84px 0 38px; border-top: 1px solid rgba(255,255,255,.12); background: #000; color: #aeb7bf; }
    .footer-grid { display: grid; grid-template-columns: 1.15fr repeat(6, minmax(0, 1fr)); gap: clamp(24px, 3vw, 42px); }
    .footer-brand b { display: block; color: white; font-size: 26px; }
    .footer-brand p { max-width: 250px; color: #87939e; font-size: 13px; }
    .footer-col h4 { margin: 0 0 18px; color: white; font-size: 14px; }
    .footer-col a { display: block; margin: 9px 0; color: #9ba6af; font-size: 13px; }
    .footer-bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 64px; padding-top: 24px; border-top: 1px solid #34414c; color: #75818c; font-size: 12px; }
    @media (max-width: 980px) {
      .nav-links > a:not(.button),.nav-group { display: none; }
      .hero-grid,.split,.trust-head,.contact-layout,.endorsement-head { grid-template-columns: 1fr; }
      .contact-section { padding: 118px 0 126px; }
      .contact-layout { gap: 70px; }
      .contact-copy { max-width: 720px; padding-top: 0; }
      .contact-form-card { width: min(100%, 720px); }
      .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .footer-brand { grid-column: 1 / -1; }
      .trust-head { gap: 40px; }
      .hero-visual-anchor {
        --hero-ring-scale: 1.08;
      }
      .hero-ring-stage { transform: none; }
      .hero-ring { top: calc(50% - 96px); }
      .split { gap: 64px; }
      .process { grid-template-columns: 1fr; gap: 12px; }
      .process::before { top: 4px; bottom: 28px; left: 5px; right: auto; width: 2px; height: auto; }
      .process::after { top: 4px; left: 2px; width: 6px; height: 76px; transform: translateY(-50%); background: linear-gradient(180deg, transparent, #2bafa8 30%, #56e1e8 50%, #6b63d5 72%, transparent); }
      .method-section.is-active .process::after { animation-name: process-travel-mobile; }
      .step { padding: 0 0 24px 30px; text-align: left; }
      .step::before { top: 3px; left: 5px; transform: translateX(-50%); }
      .product-grid,.credential-grid { grid-template-columns: repeat(2, 1fr); }
      .product-card { min-height: 460px; }
      .product-art { height: 240px; }
      .endorsement-head { gap: 30px; }
      .endorsement-row { grid-template-columns: 1fr; gap: 18px; }
      .product-reveal-inner {
        width: min(calc(100% - 48px), 920px);
        grid-template-columns: 1fr 1fr;
        gap: 24px;
      }
      .product-reveal-media { width: 62vw; margin-left: -12vw; }
      .company-banner-card { width: 82vw; }
      .platform-section {
        min-height: auto;
        margin-top: 0;
        padding: 82px 0 70px;
        border-radius: 0;
      }
      .professional-stories-section { margin-top: -5svh; border-radius: 42px 42px 0 0; }
      .platform-layout { gap: 36px; }
      .platform-copy { max-width: 680px; }
      .research-awards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; }
      .research-award:last-child { grid-column: 1 / -1; }
    }
    @media (max-width: 768px) {
      .hero-product-transition { height: auto; }
      .company-banner-head { width: min(calc(100% - 40px), 680px); margin-bottom: 20px; }
      .company-banner-card { width: 88vw; height: auto; padding: 0; }
    }
    @media (max-width: 620px) {
      .shell { width: min(calc(100% - 32px), var(--max)); }
      .section { min-height: auto; padding: 84px 0; }
      .contact-section { padding: 92px 0 96px; }
      .contact-layout { gap: 52px; }
      .contact-kicker { margin-bottom: 20px; font-size: 10px; }
      .contact-title { font-size: clamp(32px, 9.5vw, 42px); line-height: 1.3; }
      .contact-description { margin-top: 26px; font-size: 15px; line-height: 1.86; }
      .contact-directions { margin-top: 44px; }
      .contact-directions li { min-height: 60px; }
      .contact-form-card { padding: 24px 20px 22px; border-radius: 12px; }
      .contact-form-head { margin-bottom: 28px; }
      .contact-fields { gap: 19px; }
      .contact-submit { margin-top: 24px; }
      .trust-head { gap: 30px; }
      .trust-section { padding: 78px 0 86px; }
      .trust-shell { width: min(calc(100% - 32px), 720px); }
      .trust-kicker { margin-bottom: 16px; }
      .trust-title { max-width: none; font-size: clamp(22px, 6.2vw, 32px); }
      .trust-intro { max-width: 520px; margin-top: 18px; font-size: 14px; line-height: 1.8; }
      .partner-marquee { width: 100vw; margin-top: 42px; }
      .partner-marquee-group { gap: 18px; padding-right: 18px; }
      .marquee-logo { width: 148px; height: 78px; padding: 0 12px; }
      .marquee-logo img { max-height: 52px; }
      .marquee-logo[data-logo="huawei"] img { max-height: 56px; }
      .marquee-logo[data-logo="china-coal"] img { max-height: 58px; }
      .trust-research { margin-top: 48px; padding-top: 44px; }
      .trust-research-title { font-size: clamp(26px, 8vw, 36px); }
      .trust-research-intro { margin-top: 18px; font-size: 14px; }
      .research-awards { grid-template-columns: 1fr; margin-top: 36px; gap: 8px; }
      .research-award,.research-award:last-child { grid-column: auto; min-height: 98px; }
      .trust-actions { margin-top: 30px; }
      .news-section { padding: 48px 0 68px; }
      .news-section::before,.news-shell { width: min(calc(100% - 32px), 720px); }
      .news-head {
        margin-bottom: 26px;
      }
      .news-title { font-size: 10px; }
      .news-item {
        grid-template-columns: 34px minmax(0, 1fr) 34px;
        gap: 12px;
        padding: 25px 0 28px;
      }
      .news-index { padding-top: 3px; font-size: 9px; }
      .news-copy h3 { font-size: clamp(18px, 5.2vw, 22px); line-height: 1.55; }
      .news-copy p { margin-top: 10px; font-size: 13px; line-height: 1.76; }
      .news-arrow { width: 32px; height: 32px; font-size: 15px; }
      .news-actions { justify-content: flex-start; margin-top: 30px; padding-left: 46px; }
      .prototype-tag { display: none; }
      .experience-line { align-items: flex-end; gap: 10px; }
      .experience-number { font-size: 24px; }
      .experience-label { max-width: 9em; padding-bottom: 2px; font-size: 15px; line-height: 1.45; }
      .brand-company { display: none; }
      .nav { min-height: 64px; }
      .nav-links { gap: 8px; }
      .nav-links .button { padding: 0 13px; font-size: 12px; }
      .company-banner-panel { justify-content: center; }
      .company-banner-head { width: min(calc(100% - 32px), 560px); margin-bottom: 18px; }
      .company-banner-title { font-size: clamp(22px, 7vw, 29px); }
      .company-banner-card {
        width: 92vw;
        height: auto;
        min-height: 0;
        padding: 0;
        border-radius: 20px;
      }
      .company-banner-image { border-radius: inherit; }
      .company-banner-controls { margin-top: 18px; gap: 8px; }
      .company-banner-nav { display: none; }
      .company-banner-dots { min-height: 40px; padding: 0 15px; }
      .company-banner-toggle { width: 40px; height: 40px; }
      .hero-actions .button { min-width: 0; flex: 1 1 170px; }
      .hero-section {
        min-height: calc(100svh - 64px);
        padding: 0;
      }
      .hero-product-transition { height: auto; }
      .hero-product-sticky .hero-section { height: calc(100svh - 64px); }
      .hero-section::after {
        background: radial-gradient(ellipse at center, rgba(0,0,0,.88) 0%, rgba(0,0,0,.66) 34%, rgba(0,0,0,.2) 60%, transparent 78%);
      }
      .hero-copy {
        min-height: calc(100svh - 64px);
        justify-content: center;
        padding-bottom: 0;
        transform: translateY(-32px);
      }
      .personal-kicker { margin-bottom: 14px; font-size: 18px; }
      .personal-title { font-size: clamp(32px, 9.2vw, 40px); line-height: 1.2; }
      .personal-tags { gap: 5px; margin-top: 22px; }
      .personal-tags .personal-tag { font-size: 18px; }
      .personal-tags .personal-separator { margin: 0 5px; }
      .personal-note {
        width: min(100%, 560px);
        margin-top: 20px;
        font-size: 11px;
        line-height: 1.8;
      }
      .hero-tech-note {
        bottom: 20px;
        width: min(calc(100% - 40px), 560px);
        font-size: 10px;
        line-height: 1.8;
      }
      .hero-visual-anchor {
        --hero-ring-scale: .58;
      }
      .hero-ring-stage { transform: none; }
      .hero-ring { top: calc(50% - 65px); }
      .product-reveal-inner {
        width: min(calc(100% - 32px), 620px);
        grid-template-columns: 1fr;
        grid-template-rows: minmax(42%, 1fr) auto;
        gap: 0;
        align-content: center;
        padding: 5svh 0 7svh;
      }
      .product-reveal::after {
        background: linear-gradient(180deg, transparent 36%, rgba(4,6,9,.18) 53%, rgba(4,6,9,.72) 100%);
      }
      .product-reveal-media { align-self: end; width: 128vw; margin-left: -34vw; }
      .product-reveal-media img {
        width: 100%;
        max-width: none;
        margin-left: 0;
      }
      .product-reveal-copy { align-self: end; max-width: 34em; padding-bottom: 2svh; }
      .product-reveal-title { max-width: 10em; font-size: clamp(34px, 10.4vw, 46px); }
      .product-reveal-copy .lead { margin-top: 18px; font-size: 14px; line-height: 1.75; }
      .product-reveal-copy .actions { margin-top: 22px; }
      .platform-section { padding-bottom: 70px; border-radius: 0; }
      .platform-layout { gap: 34px; }
      .platform-copy h2 { font-size: clamp(32px, 9.8vw, 44px); }
      .platform-copy .lead { margin-top: 22px; font-size: 15px; line-height: 1.82; }
      .professional-stories-section { padding: 100px 0 108px; border-radius: 30px 30px 0 0; }
      .stories-heading { width: min(calc(100% - 32px), 620px); }
      .stories-kicker { margin-bottom: 20px; font-size: 10px; }
      .stories-title { max-width: 560px; font-size: clamp(29px, 8.3vw, 40px); }
      .stories-intro { max-width: 520px; margin-top: 24px; font-size: 15px; line-height: 1.82; }
      .stories-actions { margin-top: 28px; }
      .stories-rail { gap: 16px; margin-top: 52px; padding: 0 16px 16px; scroll-snap-type: x mandatory; }
      .story-card { flex-basis: min(330px, 84vw); height: 700px; grid-template-rows: 54% 46%; }
      .story-card-copy { padding: 24px; }
      .story-slogan { font-size: 24px; }
      .story-memory-copy { font-size: 13px; }
      .placeholder { min-height: 340px; }
      h1 .title-line { display: inline; }
      h1 .title-line + .title-line::before { content: " "; }
      h1,h2 { word-break: normal; overflow-wrap: anywhere; }
      .semantic-line { display: inline; }
      .semantic-line + .semantic-line::before { content: " "; }
      .product-grid,.scene-grid,.credential-grid,.case-note { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: repeat(2, 1fr); }
      .footer-brand { grid-column: 1 / -1; }
      .footer-bottom { display: block; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .brand-butterfly-motion { display: none; }
      .brand-butterfly-static { display: block; }
      .web-mask .brand-butterfly-css { animation: none; background-position: 50% 50%; }
      .web-mask .brand-butterfly-static { display: none; }
      .gradient-text { animation: none; background-position: 50% 50%; }
      .button { transition: none; }
      .button:hover { transform: none; }
      .hero-ambient::before,.hero-ambient::after { animation: none; }
      .hero-ring-visual { transition: none; }
      .company-banner-track,.company-banner-card,.company-banner-image { transition: none; }
      .partner-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
      .partner-marquee::before,.partner-marquee::after { display: none; }
      .partner-marquee-track.is-css-loop { animation: none; transform: none; }
      .partner-marquee-group[aria-hidden="true"] { display: none; }
      .js .contact-copy,.js .contact-form-card,.js .contact-section.is-visible .contact-copy,.js .contact-section.is-visible .contact-form-card {
        opacity: 1;
        transform: none;
        transition: none;
      }
      .case-card { transition: none; }
      .case-card:hover { transform: none; }
      .method-section::before { animation: none; }
      .process::after { display: none; }
      .method-section.is-active .step::before,.method-section.is-active .step b { animation: none; }
      .js .stories-kicker,.js .stories-title,.js .stories-intro,.js .stories-actions,.js .stories-rail,.js .professional-stories-section.is-visible .stories-kicker,.js .professional-stories-section.is-visible .stories-title,.js .professional-stories-section.is-visible .stories-intro,.js .professional-stories-section.is-visible .stories-actions,.js .professional-stories-section.is-visible .stories-rail {
        opacity: 1;
        transform: none;
        transition: none;
      }
      .story-card,.story-card-media img { transition: none; }
      .story-card:hover { transform: none; }
      .hero-product-transition { height: auto; background: #000; }
      .hero-product-sticky { position: relative; top: auto; height: auto; overflow: visible; }
      .hero-product-sticky .hero-section { position: relative; min-height: calc(100svh - 72px); height: auto; }
      .story-blackout { display: none; }
      .company-banner-panel,.js .company-banner-panel {
        position: relative;
        min-height: calc(100svh - 72px);
        padding: 58px 0;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
      }
      .product-reveal,.js .product-reveal {
        position: relative;
        min-height: calc(100svh - 72px);
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
      }
      .product-reveal-media,.product-reveal-copy > * { visibility: visible; opacity: 1; transform: none; }
    }
    @media (max-width: 620px) and (prefers-reduced-motion: reduce) {
      .hero-product-sticky .hero-section { min-height: calc(100svh - 64px); }
      .company-banner-panel { min-height: calc(100svh - 64px); }
      .product-reveal { min-height: calc(100svh - 64px); }
    }
    @keyframes process-travel-mobile {
      0% { top: 4px; opacity: 0; }
      3%,94% { opacity: 1; }
      100% { top: calc(100% - 28px); opacity: 0; }
    }
  


#news-pages{display:grid}
.news-page{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease}
.news-page.is-active{visibility:visible;opacity:1;pointer-events:auto}
.news-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;flex-wrap:wrap}
.news-bottom .news-actions{margin:0;padding:0}
.news-pagination{display:flex;align-items:center;justify-content:center;gap:12px}
.news-page-nav,.news-page-toggle{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.news-page-nav:hover,.news-page-toggle:hover{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.14)}
.news-page-dots{display:flex;min-height:44px;align-items:center;gap:10px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.08)}
.news-page-dot{position:relative;width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);cursor:pointer;transition:width .35s,background .35s}
.news-page-dot::before{content:"";position:absolute;inset:-14px -5px}
.news-page-dot.is-active{width:42px;background:rgba(255,255,255,.9)}
.news-page-status{font-size:11px;letter-spacing:.08em;color:#7f8a94;white-space:nowrap}
.news-pagination button:focus-visible{outline:2px solid #63bbdf;outline-offset:5px}
@media(max-width:640px){.news-bottom{flex-direction:column;align-items:stretch;gap:22px}.news-bottom .news-actions{justify-content:center}.news-pagination{gap:8px}.news-page-nav,.news-page-toggle{width:36px;height:36px}.news-page-dots{padding:0 12px;min-height:40px}.news-page-dot.is-active{width:28px}.news-page-status{display:none}}
@media(prefers-reduced-motion:reduce){.news-page,.news-page-dot{transition:none}}



/* Five professional disciplines, mapped to existing solution cards. */
.stories-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.story-card{height:auto;min-height:690px;grid-template-rows:auto 1fr}
.story-card-media{aspect-ratio:4/5}
.story-card .story-card-media img{object-position:50% 50%}
.story-card-copy{padding:clamp(20px,1.5vw,28px)}
.story-slogan{font-size:clamp(22px,1.55vw,29px)}
.story-memory{margin-bottom:22px}
.story-solution-link{display:flex;justify-content:space-between;gap:12px;margin-top:auto;color:#368ed8;font-size:12px;font-weight:600;line-height:1.5}
@media(min-width:1181px) and (max-width:1439px){.stories-wide{width:100%}.stories-rail{display:flex;overflow-x:auto;gap:22px;padding:0 40px 18px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x pan-y}.stories-rail::-webkit-scrollbar{display:none}.story-card{flex:0 0 300px;scroll-snap-align:start}}
@media(max-width:1180px){.story-card{height:auto;min-height:690px;grid-template-rows:auto 1fr}}
@media(max-width:620px){.story-card{min-height:680px;grid-template-rows:auto 1fr}.story-card-copy{padding:24px}}



/* Align the consultation UI with the main LoLR navy / lake-blue system. */



/* 罗拉试用咨询：深海玻璃主题，仅作用于咨询组件 */
@media(max-width:680px){
}



/* 试用表单：在消息流中形成单一、清楚的内嵌表单卡 */
@supports not selector(:has(*)){
}



/* 罗拉咨询：真正透景的暗色玻璃；滤镜只作用于静态弹窗，避免不必要的持续合成 */
@media(max-width:680px){
}
@media(prefers-reduced-transparency:reduce){
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
}



    
  /* V51 official footer wordmark shared with the navigation */
  .footer-grid,.homepage-footer .footer-grid{grid-template-columns:minmax(270px,1.35fr) repeat(6,minmax(0,1fr))}
  .footer-brand-wordmark-v51{position:relative;display:block;width:clamp(213px,12.6vw,237px);height:51px;overflow:hidden;color:#fff}
  .footer-brand-wordmark-v51 img{position:absolute;top:-4.5px;left:-69px;display:block;width:297px;max-width:none;height:auto;filter:invert(1);mix-blend-mode:screen}
  .footer-brand-wordmark-v51 + p{margin-top:18px}
  @media(max-width:980px){.footer-grid,.homepage-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand,.homepage-footer .footer-brand{grid-column:1 / -1}}
  @media(max-width:620px){.footer-grid,.homepage-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand-wordmark-v51{width:204px;height:48px}.footer-brand-wordmark-v51 img{top:-3px;left:-66px;width:285px}}

    /* V46 supplied LoLR.AI 罗格·罗拉 navigation wordmark at 1.5x scale */
    .brand-wordmark-v44 { position: relative; display: block; width: clamp(213px,12.6vw,237px); height: 51px; flex: 0 0 auto; overflow: hidden; }
    .brand-wordmark-v44 img { position: absolute; top: -4.5px; left: -69px; display: block; width: 297px; max-width: none; height: auto; filter: invert(1); mix-blend-mode: screen; }
    @media(max-width:620px){.brand-wordmark-v44{width:204px;height:48px}.brand-wordmark-v44 img{top:-3px;left:-66px;width:285px}}
    /* 首页专项修改 V1：用户入口、企业数字员工与大白浮层 */
    .hero-ring-card { left: -48px; top: -75px; width: 96px; height: 150px; border-radius: 7px; }
    .hero-ring-card::after { content: attr(data-audience); position: absolute; left: 50%; bottom: 8px; z-index: 4; min-width: 40px; padding: 3px 9px; border: 0; border-radius: 999px; color: #fff; font-size: 7px; font-weight: 720; letter-spacing: .08em; line-height: 1.4; text-align: center; transform: translateX(-50%) translateZ(3px); backface-visibility: visible; }
    .hero-ring-card-enterprise::after { background: #278ad5; box-shadow: 0 0 18px rgba(39,138,213,.42); }
    .hero-ring-card-institution::after { background: #2bafa8; box-shadow: 0 0 18px rgba(43,175,168,.42); }
    .hero-ring-card-expert::after { background: #7466d7; box-shadow: 0 0 18px rgba(116,102,215,.42); }
    .hero-ring-card-enterprise .hero-ring-copy small { color: #69bff5; }
    .hero-ring-card-institution .hero-ring-copy small { color: #67ddd5; }
    .hero-ring-card-expert .hero-ring-copy small { color: #a99df4; }
    .audience-panel { position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; overflow: hidden; background: #05070b; color: #fff; visibility: hidden; opacity: 0; pointer-events: none; }
    .audience-panel::before { content: ""; position: absolute; inset: -20%; background: radial-gradient(circle at 20% 32%, rgba(39,138,213,.18), transparent 32%), radial-gradient(circle at 50% 65%, rgba(43,175,168,.13), transparent 34%), radial-gradient(circle at 82% 28%, rgba(116,102,215,.17), transparent 32%); filter: blur(30px); }
    .audience-shell { position: relative; z-index: 1; }
    .audience-kicker,.enterprise-ai-kicker { margin: 0 0 14px; color: #69bff5; font-size: 10px; font-weight: 720; letter-spacing: .2em; text-transform: uppercase; }
    .audience-shell h2 { max-width: 780px; font-size: clamp(30px,3.6vw,52px); font-weight: 560; }
    .audience-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 58px; }
    .audience-card { position: relative; min-height: 250px; padding: 30px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.055); backdrop-filter: blur(18px); transition: transform .35s ease,border-color .35s ease,background .35s ease; }
    .audience-card:hover { transform: translateY(-6px); border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.09); }
    .audience-card > span { color: rgba(255,255,255,.36); font-size: 11px; letter-spacing: .18em; }
    .audience-card strong { display: block; margin-top: 46px; font-size: clamp(25px,2.25vw,34px); font-weight: 570; }
    .audience-card small { display: block; margin-top: 10px; color: rgba(255,255,255,.58); font-size: 13px; }
    .audience-card i { position: absolute; right: 28px; bottom: 26px; font-size: 24px; font-style: normal; }
    .audience-enterprise { box-shadow: inset 0 2px 0 #278ad5; }
    .audience-institution { box-shadow: inset 0 2px 0 #2bafa8; }
    .audience-expert { box-shadow: inset 0 2px 0 #7466d7; }
    .enterprise-ai-section { position: relative; overflow: hidden; padding: 132px 0 142px; background: #f3f7fa; color: #101318; }
    .enterprise-ai-section::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 82% 12%,rgba(43,112,164,.075),transparent 31%); pointer-events: none; }
    .enterprise-ai-shell { position: relative; }
    .enterprise-ai-shell h2 { max-width: 900px; font-size: clamp(34px,4.2vw,58px); }
    .enterprise-ai-shell h2 span { display: block; }
    .enterprise-ai-intro { max-width: 700px; margin: 24px 0 0; color: #586574; font-size: 17px; line-height: 1.9; }
    .enterprise-solution-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 58px; }
    .enterprise-solution-card { min-height: 300px; padding: 30px; border: 1px solid #dce5ec; border-radius: 16px; background: rgba(255,255,255,.82); box-shadow: 0 18px 46px rgba(22,44,65,.07); transition: transform .3s ease,box-shadow .3s ease; }
    .enterprise-solution-card:hover { transform: translateY(-5px); box-shadow: 0 24px 54px rgba(22,44,65,.11); }
    .enterprise-solution-card > span { color: #368ed8; font-size: 11px; letter-spacing: .18em; }
    .enterprise-solution-card strong { display: block; margin-top: 44px; font-size: 28px; }
    .enterprise-solution-card p { color: #667381; font-size: 14px; line-height: 1.8; }
    .enterprise-solution-card i { display: inline-block; margin-top: 26px; padding: 5px 10px; border-radius: 999px; background: #eef4f8; color: #71808d; font-size: 11px; font-style: normal; }
    .trial-float { position: fixed; right: 24px; bottom: 24px; z-index: 80; display: grid; place-items: center; width: 86px; height: 86px; border: 0; border-radius: 28px; background: #f6fafc; box-shadow: 0 14px 34px rgba(22,52,76,.18); cursor: pointer; transition: transform .28s ease,box-shadow .28s ease; }
    .trial-float:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 22px 46px rgba(22,74,118,.3); }
    .dabai { position: relative; width: 48px; height: 52px; border-radius: 48% 48% 45% 45%; background: #fff; box-shadow: inset -5px -7px 12px rgba(150,190,214,.2),0 4px 12px rgba(44,105,145,.14); }
    .dabai::before { content: ""; position: absolute; left: 8px; top: 13px; width: 32px; height: 12px; border-radius: 50%; border-top: 2px solid #183d56; }
    .dabai::after { content: ""; position: absolute; left: 12px; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #183d56; box-shadow: 19px 0 #183d56; }
    .trial-float-label { position: absolute; left: 50%; bottom: 7px; width: 100%; color: #1779ae; font-size: 10px; font-weight: 720; transform: translateX(-50%); }
    @media(max-width:980px){.audience-grid,.enterprise-solution-grid{grid-template-columns:1fr}.audience-card{min-height:150px}.audience-card strong{margin-top:24px}.enterprise-solution-card{min-height:220px}.trial-float{right:16px;bottom:16px;width:74px;height:74px;border-radius:24px}.dabai{transform:scale(.84)}}
    @media(max-width:620px){.hero-ring-card{left:-43px;top:-67px;width:86px;height:134px}.hero-ring-card::after{bottom:7px;min-width:36px;padding:2px 7px;font-size:6px}.audience-shell h2{font-size:30px}.audience-grid{gap:10px;margin-top:34px}.audience-card{min-height:128px;padding:20px}.audience-card strong{margin-top:13px;font-size:24px}.audience-card small{font-size:11px}.audience-card i{right:18px;bottom:14px}.enterprise-ai-section{padding:94px 0 104px}.enterprise-solution-grid{margin-top:38px}.enterprise-ai-shell h2{font-size:34px}.enterprise-ai-intro{font-size:15px}}

    /* V3 restrained visual system */
    .audience-panel { display: none !important; }
    .hero-ambient { background: radial-gradient(ellipse at 50% 44%, rgba(10,18,29,.72) 0%, rgba(2,4,7,.97) 66%, #000 100%); }
    .hero-ambient::before { inset: -16%; background: radial-gradient(ellipse 48% 74% at 50% 46%, rgba(35,91,137,.16), transparent 70%); filter: blur(42px); opacity: .72; animation: none; }
    .hero-ambient::after { display: none; }
    .personal-kicker { background: none; color: rgba(204,218,228,.78); filter: none; -webkit-text-fill-color: currentColor; }
    .button { background: #1678ad; background-image: none; box-shadow: 0 8px 22px rgba(18,83,122,.14); }
    .button:hover { background: #0e6b9e; box-shadow: 0 10px 24px rgba(18,83,122,.2); }
    .identity-accent,.gradient-text,.experience-number,.company-banner-kicker,.platform-section .en-kicker,.stories-kicker { background: none; color: #397fa9; -webkit-text-fill-color: currentColor; animation: none; filter: none; }
    .company-banner-kicker { color: #6f9ab5; }
    .professional-stories-section { box-shadow: 0 -22px 64px rgba(0,0,0,.12); }
    .enterprise-solution-card { box-shadow: 0 14px 38px rgba(22,44,65,.055); }
    .enterprise-solution-card:hover { box-shadow: 0 20px 44px rgba(22,44,65,.085); }
    .hero-ring-card-enterprise::after { background: #287faf; box-shadow: none; }
    .hero-ring-card-institution::after { background: #4d8587; box-shadow: none; }
    .hero-ring-card-expert::after { background: #676e91; box-shadow: none; }
    .hero-ring-card-enterprise .hero-ring-copy small,.hero-ring-card-institution .hero-ring-copy small,.hero-ring-card-expert .hero-ring-copy small { color: #a8c9dc; }
    .hero-role-dock { position: absolute; left: 50%; bottom: clamp(16px,2.6vh,30px); z-index: 6; display: grid; grid-template-columns: auto repeat(3,minmax(150px,1fr)); align-items: stretch; width: min(calc(100% - 48px),840px); min-height: 62px; padding: 6px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(14,18,23,.86); box-shadow: 0 16px 40px rgba(0,0,0,.28); color: #fff; backdrop-filter: blur(18px); transform: translateX(-50%); }
    .hero-role-prompt { display: flex; align-items: center; padding: 0 20px; color: rgba(255,255,255,.42); font-size: 10px; letter-spacing: .06em; white-space: nowrap; }
    .hero-role-dock a { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr 1fr; column-gap: 8px; align-items: center; padding: 8px 18px; border-left: 1px solid rgba(255,255,255,.1); border-radius: 999px; transition: background .22s ease; }
    .hero-role-dock a:hover { background: rgba(255,255,255,.075); }
    .hero-role-dock strong { align-self: end; font-size: 14px; font-weight: 620; }
    .hero-role-dock small { align-self: start; color: rgba(255,255,255,.46); font-size: 9px; }
    .role-dot { grid-row: 1 / 3; width: 7px; height: 7px; border-radius: 50%; }
    .role-dot-enterprise { background: #448db7; }
    .role-dot-institution { background: #629294; }
    .role-dot-expert { background: #777d9b; }
    @media(max-width:820px){.hero-role-dock{grid-template-columns:repeat(3,1fr);width:min(calc(100% - 28px),620px)}.hero-role-prompt{display:none}.hero-role-dock a:first-of-type{border-left:0}}
    @media(max-width:620px){.hero-copy{transform:translateY(-54px)}.hero-role-dock{bottom:10px;min-height:54px;padding:4px}.hero-role-dock a{display:flex;justify-content:center;gap:6px;padding:7px 5px}.hero-role-dock strong{font-size:12px}.hero-role-dock small{display:none}.role-dot{width:6px;height:6px}.trial-float{bottom:76px}}

    /* V4 structural navigation and cinematic banner */
    .hero-role-dock { width: min(calc(100% - 48px),1040px); min-height: 74px; padding: 0; border: 0; border-radius: 6px; background: #d7dade; box-shadow: 0 18px 44px rgba(0,0,0,.3); color: #161a1e; backdrop-filter: none; overflow: hidden; }
    .hero-role-prompt { padding: 0 28px; color: #626a71; font-size: 11px; font-weight: 560; }
    .hero-role-dock a { padding: 12px 24px; border-left: 1px solid rgba(17,24,30,.16); border-radius: 0; transition: color .22s ease,background .22s ease; }
    .hero-role-dock a:hover { background: #4f575e; color: #fff; }
    .hero-role-dock small { color: #737b82; }
    .hero-role-dock a:hover small { color: rgba(255,255,255,.62); }
    .enterprise-solution-grid { gap: 12px; }
    .enterprise-solution-card { border-color: #d3dbe1; border-radius: 4px; box-shadow: none; transition: transform .25s ease,border-color .25s ease,background .25s ease; }
    .enterprise-solution-card:hover { transform: translateY(-2px); border-color: #9eb2c0; background: #fff; box-shadow: none; }
    .enterprise-solution-card i { border-radius: 2px; }
    .company-banner-head { margin-bottom: 24px; }
    .company-banner-viewport { border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
    .company-banner-track { gap: 0; }
    .company-banner-card { width: min(92vw,1500px); aspect-ratio: 16 / 5; border: 0; border-radius: 0; opacity: .3; transform: scale(.985); box-shadow: none; }
    .company-banner-card.is-active { border: 0; opacity: 1; transform: scale(1); box-shadow: none; }
    .company-banner-card::before { background: #080a0d; }
    .company-banner-card::after { height: 1px; background: rgba(255,255,255,.34); opacity: 1; }
    .company-banner-card-musa,.company-banner-card-musa.is-active { border-color: transparent; box-shadow: none; }
    .company-banner-card-musa::after { background: rgba(255,255,255,.34); }
    .company-banner-image { border-radius: 0; filter: saturate(.88) contrast(1.04); }
    .company-banner-card.is-active .company-banner-image { transform: scale(1.002); }
    .company-banner-controls { margin-top: 18px; gap: 14px; }
    .company-banner-nav,.company-banner-toggle { width: 36px; height: 36px; border: 0; border-radius: 2px; background: transparent; color: #a6adb4; box-shadow: none; }
    .company-banner-nav:hover,.company-banner-toggle:hover { background: rgba(255,255,255,.08); color: #fff; }
    .company-banner-dots { min-height: 36px; padding: 0 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    @media(max-width:820px){.hero-role-dock{width:min(calc(100% - 28px),680px)}}
    @media(max-width:620px){.hero-role-dock{min-height:58px;border-radius:4px}.hero-role-dock a{padding:8px 6px}.company-banner-card{width:94vw;aspect-ratio:16/7}.company-banner-controls{margin-top:12px}}

    /* V5 prominent audience gateway */
    .hero-copy { transform: translateY(-52px); }
    .hero-role-dock { bottom: clamp(14px,2vh,24px); grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: 42px 98px; width: min(calc(100% - 48px),1120px); min-height: 140px; border-radius: 5px; background: #d9dcdf; }
    .hero-role-prompt { grid-column: 1 / -1; justify-content: center; padding: 0 24px; border-bottom: 1px solid rgba(17,24,30,.16); color: #5e666d; font-size: 11px; font-weight: 620; letter-spacing: .08em; }
    .hero-role-dock a { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr 1fr; column-gap: 13px; padding: 18px 58px 17px 28px; }
    .hero-role-dock a:first-of-type { border-left: 0; }
    .hero-role-dock a::after { content: "→"; position: absolute; right: 25px; top: 50%; font-size: 24px; font-weight: 350; transform: translateY(-50%); transition: transform .22s ease; }
    .hero-role-dock a:hover::after { transform: translate(5px,-50%); }
    .hero-role-dock strong { font-size: clamp(22px,1.65vw,28px); font-weight: 650; line-height: 1.1; letter-spacing: -.02em; }
    .hero-role-dock small { margin-top: 5px; font-size: 11px; letter-spacing: .02em; }
    .role-dot { width: 9px; height: 9px; }
    @media(max-width:820px){.hero-copy{transform:translateY(-62px)}.hero-role-dock{width:min(calc(100% - 28px),760px);grid-template-rows:36px 82px;min-height:118px}.hero-role-prompt{display:flex}.hero-role-dock a{padding:14px 34px 13px 16px}.hero-role-dock a::after{right:14px;font-size:20px}.hero-role-dock strong{font-size:19px}.hero-role-dock small{font-size:9px}}
    @media(max-width:620px){.hero-copy{transform:translateY(-72px)}.hero-role-dock{bottom:8px;grid-template-rows:32px 72px;min-height:104px;width:calc(100% - 16px);padding:0}.hero-role-prompt{font-size:9px}.hero-role-dock a{display:grid;justify-content:stretch;gap:0 6px;padding:11px 20px 10px 9px}.hero-role-dock a::after{right:7px;font-size:16px}.hero-role-dock strong{font-size:16px}.hero-role-dock small{display:none}.role-dot{width:6px;height:6px}.trial-float{bottom:120px}}

    /* V6 full-width glass audience gateway */
    .hero-role-dock { left: 0; bottom: 0; width: 100%; max-width: none; grid-template-rows: 40px 104px; min-height: 144px; border-top: 1px solid rgba(255,255,255,.24); border-radius: 0; background: rgba(12,16,21,.58); box-shadow: 0 -12px 34px rgba(0,0,0,.16); color: #fff; backdrop-filter: blur(22px) saturate(115%); -webkit-backdrop-filter: blur(22px) saturate(115%); transform: none; }
    .hero-role-prompt { border-bottom-color: rgba(255,255,255,.16); color: rgba(255,255,255,.54); }
    .hero-role-dock a { grid-template-columns: 1fr auto; grid-template-rows: 1fr 1fr; column-gap: 22px; padding: 20px clamp(24px,3.2vw,54px); border-left-color: rgba(255,255,255,.16); color: #fff; }
    .hero-role-dock a::after { content: none; }
    .hero-role-dock a:hover { background: rgba(255,255,255,.09); }
    .hero-role-dock strong { grid-column: 1; grid-row: 1; }
    .hero-role-dock small { grid-column: 1; grid-row: 2; color: rgba(255,255,255,.5); }
    .role-action { grid-column: 2; grid-row: 1 / 3; align-self: center; display: inline-flex; align-items: center; gap: 14px; min-height: 40px; padding: 0 16px; border: 1px solid rgba(255,255,255,.38); border-radius: 3px; color: rgba(255,255,255,.9); font-size: 12px; font-weight: 620; letter-spacing: .04em; white-space: nowrap; transition: background .22s ease,color .22s ease,border-color .22s ease; }
    .role-action b { font-size: 17px; font-weight: 400; transition: transform .22s ease; }
    .hero-role-dock a:hover .role-action { border-color: #fff; background: #fff; color: #161a1e; }
    .hero-role-dock a:hover .role-action b { transform: translateX(4px); }
    @media(max-width:820px){.hero-role-dock{width:100%;grid-template-rows:36px 88px;min-height:124px}.hero-role-dock a{padding:15px 18px}.role-action{min-height:34px;padding:0 11px;font-size:10px;gap:7px}}
    @media(max-width:620px){.hero-role-dock{bottom:0;width:100%;grid-template-rows:32px 74px;min-height:106px}.hero-role-dock a{display:grid;padding:10px 8px;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.hero-role-dock strong{font-size:16px;text-align:center}.hero-role-dock small{display:none}.role-action{grid-column:1;grid-row:2;justify-self:center;min-height:26px;padding:0 9px;font-size:9px;gap:5px}.role-action b{font-size:13px}.trial-float{bottom:120px}}

    /* V7 simplified centered audience gateway */
    .hero-role-dock { grid-template-rows: 108px; min-height: 108px; }
    .hero-role-dock a { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; padding: 16px clamp(76px,7vw,116px) 16px 28px; text-align: center; }
    .hero-role-dock strong,.hero-role-dock small { display: block; grid-column: auto; grid-row: auto; width: 100%; text-align: center; }
    .hero-role-dock small { margin-top: 0; }
    .role-action { position: absolute; right: clamp(22px,3vw,48px); top: 50%; display: inline-flex; min-height: 0; padding: 7px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.34); border-radius: 0; color: rgba(255,255,255,.7); transform: translateY(-50%); }
    .hero-role-dock a:hover .role-action { border-color: #fff; background: transparent; color: #fff; }
    @media(max-width:820px){.hero-role-dock{grid-template-rows:94px;min-height:94px}.hero-role-dock a{padding:13px 58px 13px 12px}.role-action{right:16px}}
    @media(max-width:620px){.hero-role-dock{grid-template-rows:82px;min-height:82px}.hero-role-dock a{display:flex;gap:4px;padding:10px 7px}.hero-role-dock strong{font-size:16px}.hero-role-dock small{display:none}.role-action{position:static;min-height:0;padding:3px 0;font-size:9px;transform:none}.trial-float{bottom:96px}}

    /* V8 integrated whole-cell navigation */
    .hero-role-dock { min-height: 104px; grid-template-rows: 104px; border-top-color: rgba(255,255,255,.13); background: linear-gradient(180deg,rgba(4,7,10,.14) 0%,rgba(4,7,10,.62) 100%); box-shadow: none; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
    .hero-role-dock a { gap: 8px; padding: 18px 28px; border-left-color: rgba(255,255,255,.12); transition: background .28s ease; }
    .hero-role-dock a::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.075)); opacity: 0; transition: opacity .28s ease; }
    .hero-role-dock a:hover { background: transparent; }
    .hero-role-dock a:hover::before { opacity: 1; }
    .hero-role-dock strong,.hero-role-dock small { position: relative; z-index: 1; transform: translateY(0); transition: color .28s ease,transform .28s ease; }
    .hero-role-dock strong { color: rgba(255,255,255,.96); font-size: clamp(22px,1.65vw,27px); font-weight: 610; }
    .hero-role-dock small { color: rgba(255,255,255,.48); font-size: 11px; letter-spacing: .04em; }
    .hero-role-dock a:hover strong,.hero-role-dock a:hover small { transform: translateY(-2px); }
    .hero-role-dock a:hover small { color: rgba(255,255,255,.72); }
    .role-action { display: none !important; border: 0; }
    @media(max-width:820px){.hero-role-dock{min-height:90px;grid-template-rows:90px}.hero-role-dock a{padding:14px 12px}.hero-role-dock strong{font-size:19px}}
    @media(max-width:620px){.hero-role-dock{min-height:78px;grid-template-rows:78px}.hero-role-dock a{gap:3px;padding:9px 5px}.hero-role-dock strong{font-size:16px}.hero-role-dock small{display:block;font-size:8px;letter-spacing:0}.trial-float{bottom:92px}}

    /* V9 stronger highlight and simplified banner controls */
    .hero-role-dock { border-bottom: 1px solid rgba(255,255,255,.16); }
    .hero-role-dock a::before { background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.16)); }
    .hero-role-dock a:hover::before { opacity: 1; }
    .hero-role-dock a:hover { box-shadow: inset 0 1px rgba(255,255,255,.2),inset 0 -1px rgba(255,255,255,.12); }
    .hero-role-dock a:hover strong { color: #fff; text-shadow: 0 0 20px rgba(255,255,255,.2); }
    .company-banner-viewport { position: relative; }
    .company-banner-controls { margin-top: 14px; }
    .company-banner-controls > .company-banner-nav,.company-banner-toggle { display: none !important; }
    .company-banner-edge { position: absolute; top: 0; bottom: 0; z-index: 8; width: clamp(54px,8vw,120px); border: 0; border-radius: 0; background: transparent; color: rgba(255,255,255,.46); cursor: pointer; opacity: .72; transition: color .24s ease,opacity .24s ease,background .24s ease; }
    .company-banner-edge span { display: grid; place-items: center; width: 34px; height: 52px; margin: auto; font-size: 31px; font-weight: 220; line-height: 1; transform: scaleX(.72); transition: transform .24s ease; }
    .company-banner-edge:hover { color: #fff; opacity: 1; background: linear-gradient(90deg,rgba(0,0,0,.3),transparent); }
    .company-banner-edge:hover span { transform: scaleX(.72) translateX(-3px); }
    .company-banner-edge-prev { left: clamp(100px, 8vw, 160px); }
    .company-banner-edge-next { right: clamp(100px, 8vw, 160px); }
    .company-banner-edge-next:hover { background: linear-gradient(270deg,rgba(0,0,0,.3),transparent); }
    .company-banner-edge-next:hover span { transform: scaleX(.72) translateX(3px); }
    @media(max-width:620px){.company-banner-edge{width:46px}.company-banner-edge span{font-size:25px}}

    /* V10 Chinese-first typography system */
    body { font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; font-synthesis: none; }
    .personal-title,.company-banner-title,.product-reveal-title,.enterprise-ai-shell h2,.platform-copy h2,.stories-title,.trust-title,.trust-research-title,.news-copy h3 { letter-spacing: 0; word-break: keep-all; overflow-wrap: normal; }
    .personal-title { font-size: clamp(50px,4.2vw,60px); font-weight: 530; line-height: 1.22; }
    .personal-kicker { font-size: 13px; font-weight: 500; letter-spacing: .08em; }
    .company-banner-title { font-size: clamp(27px,2.1vw,34px); font-weight: 540; line-height: 1.35; }
    .company-banner-kicker { font-size: 10px; font-weight: 600; letter-spacing: .14em; }
    .hero-role-dock strong { font-size: clamp(19px,1.35vw,23px); font-weight: 560; letter-spacing: 0; }
    .hero-role-dock small { font-size: 11px; line-height: 1.6; letter-spacing: .02em; }
    .product-reveal-copy { max-width: 590px; }
    .product-reveal-eyebrow { margin-bottom: 17px; color: rgba(255,255,255,.96) !important; font-size: clamp(36px,3.2vw,46px); font-weight: 550; line-height: 1.25; letter-spacing: 0; text-transform: none; }
    .product-reveal-eyebrow .en-kicker { display: block; margin-bottom: 10px; color: #6f9ab5; font-size: 10px; font-weight: 600; line-height: 1.4; letter-spacing: .14em; -webkit-text-fill-color: currentColor; }
    .product-reveal-title { max-width: 17em; font-size: clamp(25px,2.15vw,32px); font-weight: 520; line-height: 1.42; }
    .product-reveal-copy .lead { max-width: 34em; margin-top: 21px; font-size: clamp(15px,1.05vw,17px); line-height: 1.9; }
    .product-reveal-intro { margin-bottom: 9px; font-weight: 450; }
    .enterprise-ai-shell h2 { max-width: 780px; font-size: clamp(35px,3.25vw,44px); font-weight: 540; line-height: 1.32; }
    .enterprise-ai-intro { max-width: 660px; margin-top: 20px; font-size: 16px; line-height: 1.9; }
    .enterprise-solution-card strong { margin-top: 36px; font-size: clamp(21px,1.65vw,24px); font-weight: 560; line-height: 1.42; }
    .enterprise-solution-card p { font-size: 14px; line-height: 1.85; }
    .platform-section .eyebrow { margin-bottom: 18px; color: #101317; font-size: clamp(34px,3vw,43px); font-weight: 550; line-height: 1.28; letter-spacing: 0; text-transform: none; }
    .platform-section .eyebrow .en-kicker { display: block; margin-bottom: 9px; color: #397fa9; font-size: 10px; font-weight: 600; line-height: 1.4; letter-spacing: .14em; -webkit-text-fill-color: currentColor; }
    .platform-copy h2 { font-size: clamp(25px,2.2vw,32px); font-weight: 520; line-height: 1.42; }
    .platform-copy .lead { max-width: 48em; margin-top: 20px; font-size: clamp(15px,1.05vw,17px); line-height: 1.9; }
    .stories-title { max-width: 720px; font-size: clamp(35px,3.2vw,44px); font-weight: 540; line-height: 1.32; }
    .stories-intro { max-width: 620px; margin-top: 22px; font-size: clamp(15px,1.05vw,17px); font-weight: 390; line-height: 1.9; }
    .trust-title,.trust-research-title { font-size: clamp(32px,2.7vw,40px); font-weight: 520; line-height: 1.36; }
    .trust-intro { max-width: 620px; font-size: 15px; line-height: 1.9; }
    .news-copy h3 { font-size: clamp(19px,1.45vw,24px); font-weight: 510; line-height: 1.55; }
    .news-copy p { max-width: 700px; font-size: 14px; line-height: 1.9; }
    .stories-kicker,.trust-kicker,.enterprise-ai-kicker { font-weight: 600; letter-spacing: .14em; }
    @media(max-width:620px){.personal-title{font-size:clamp(32px,9vw,39px);line-height:1.25}.company-banner-title{font-size:24px}.hero-role-dock strong{font-size:15px}.hero-role-dock small{font-size:8px}.product-reveal-eyebrow{font-size:31px}.product-reveal-title{font-size:clamp(21px,6vw,26px);line-height:1.42}.product-reveal-copy .lead{font-size:15px}.enterprise-ai-shell h2{font-size:clamp(29px,8vw,35px);line-height:1.35}.platform-section .eyebrow{font-size:30px}.platform-copy h2{font-size:clamp(22px,6.5vw,27px);line-height:1.45}.stories-title{font-size:clamp(29px,8vw,35px);line-height:1.35}.trust-title,.trust-research-title{font-size:clamp(26px,7.2vw,31px);white-space:normal}.news-copy h3{font-size:20px}}

    /* V11 clearer product-name hierarchy */
    .product-reveal-eyebrow { margin-bottom: 14px; font-size: clamp(42px,3.45vw,48px); font-weight: 480; line-height: 1.2; }
    .product-reveal-title { max-width: 18em; font-size: clamp(23px,1.8vw,27px); font-weight: 400; line-height: 1.48; color: rgba(255,255,255,.86); }
    .product-reveal-copy .lead { max-width: 36em; margin-top: 18px; font-size: clamp(15px,.98vw,16px); font-weight: 400; line-height: 1.68; color: rgba(255,255,255,.58); }
    .product-reveal-intro { margin-bottom: 7px; color: rgba(255,255,255,.78); font-weight: 400; }
    .platform-section .eyebrow { margin-bottom: 14px; font-size: clamp(39px,3.2vw,45px); font-weight: 480; line-height: 1.22; }
    .platform-copy h2 { font-size: clamp(23px,1.85vw,28px); font-weight: 400; line-height: 1.48; color: #353b42; }
    .platform-copy .lead { max-width: 46em; margin-top: 17px; font-size: clamp(15px,.98vw,16px); font-weight: 400; line-height: 1.68; color: #69727b; }
    @media(max-width:620px){.product-reveal-eyebrow{font-size:32px}.product-reveal-title{font-size:22px;line-height:1.48}.product-reveal-copy .lead{font-size:14px;line-height:1.68}.platform-section .eyebrow{font-size:30px}.platform-copy h2{font-size:22px;line-height:1.5}.platform-copy .lead{font-size:14px;line-height:1.68}}

    /* V12 unified paragraph and Apple-like blue actions */
    .product-reveal-copy .lead { color: rgba(255,255,255,.64); }
    .product-reveal-intro,.product-reveal-description { display: inline; margin: 0; color: inherit; font-weight: 400; }
    .product-reveal-intro::after { content: " "; }
    .button,.button.secondary,.button.light,.button.ghost-light,.dark .button,.product-reveal .button,.topbar .nav-links > .button { border-color: #0071e3 !important; background: #0071e3 !important; background-image: none !important; background-position: initial !important; color: #fff !important; box-shadow: none; }
    .button:hover,.button.secondary:hover,.button.light:hover,.button.ghost-light:hover,.dark .button:hover,.product-reveal .button:hover,.topbar .nav-links > .button:hover { border-color: #0077ed !important; background: #0077ed !important; background-image: none !important; box-shadow: none; }
    .button:focus-visible { outline: 3px solid rgba(0,113,227,.3); outline-offset: 3px; }

    /* V13 square enterprise solution modules */
    .enterprise-ai-section { padding: 112px 0 126px; background: #f6f7f8; }
    .enterprise-ai-section::before { display: none; }
    .enterprise-ai-shell h2 { max-width: 720px; font-size: clamp(34px,3vw,42px); font-weight: 430; line-height: 1.34; }
    .enterprise-ai-intro { max-width: 620px; color: #595959; font-size: 16px; line-height: 1.65; }
    .enterprise-solution-grid { gap: 16px; margin-top: 48px; }
    .enterprise-solution-card { position: relative; display: flex; flex-direction: column; min-height: 0; aspect-ratio: 1 / 1; padding: 32px; border: 1px solid #dcdfe6; border-radius: 2px; background: #fff; box-shadow: none; }
    .enterprise-solution-card:hover { transform: none; border-color: #b7bdc5; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.08); }
    .enterprise-solution-icon { display: grid; place-items: center; width: 54px; height: 54px; color: #0071e3; }
    .enterprise-solution-icon svg { width: 48px; height: 48px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
    .enterprise-solution-card > span { position: absolute; top: 34px; right: 32px; color: #8c8c8c; font-size: 12px; font-weight: 400; letter-spacing: .08em; }
    .enterprise-solution-card strong { margin-top: auto; color: #111; font-size: clamp(24px,2vw,30px); font-weight: 430; line-height: 1.4; }
    .enterprise-solution-card p { margin: 12px 0 0; color: #595959; font-size: 15px; line-height: 1.6; }
    .enterprise-solution-card i { align-self: flex-start; margin-top: 20px; padding: 4px 8px; border-radius: 2px; background: #f1f3f5; color: #8c8c8c; font-size: 11px; }
    @media(max-width:980px){.enterprise-solution-card{aspect-ratio:auto;min-height:260px}}
    @media(max-width:620px){.enterprise-ai-section{padding:82px 0 92px}.enterprise-ai-shell h2{font-size:30px}.enterprise-ai-intro{font-size:15px}.enterprise-solution-grid{margin-top:34px}.enterprise-solution-card{min-height:230px;padding:24px}.enterprise-solution-card>span{top:26px;right:24px}.enterprise-solution-icon{width:46px;height:46px}.enterprise-solution-icon svg{width:42px;height:42px}.enterprise-solution-card strong{font-size:24px}}

    /* V14 square homepage visual system */
    .ring-card,.company-banner-card,.placeholder,.platform-visual,.enterprise-solution-card,.enterprise-solution-card i,.story-card,.story-card-media,.trust-research,.research-award,.news-item,.contact-form-card,.contact-form-card input,.contact-form-card textarea,.contact-form-card select { border-radius: 0 !important; }
    .professional-stories-section { border-radius: 0 !important; }
    .button,.button.secondary,.button.light,.button.ghost-light,.dark .button,.product-reveal .button,.topbar .nav-links > .button { border-radius: 999px !important; }
    .news-arrow { border-radius: 50% !important; }
    @media(max-width:820px){.professional-stories-section{border-radius:0!important}}
    @media(max-width:620px){.company-banner-card,.professional-stories-section,.contact-form-card{border-radius:0!important}}

    /* V16 right-centered trial consultation mascot */
    .trial-float { right: 0 !important; top: 50% !important; bottom: auto !important; width: 118px !important; height: 156px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: translateY(-50%); overflow: visible; }
    .trial-float:hover { transform: translate(-5px,-50%) scale(1.025); box-shadow: none !important; }
    .dabai { position: absolute; top: 0; right: -6px; width: 112px !important; height: 132px !important; border-radius: 0 !important; background: url('/homepage/v157/assets/media/6fec8eaa8a82c430d05a.webp') center / contain no-repeat !important; box-shadow: none !important; filter: drop-shadow(0 12px 18px rgba(16,54,82,.2)); transform: none !important; }
    .dabai::before,.dabai::after { display: none !important; }
    .trial-float-label { left: auto !important; right: 8px; bottom: 0 !important; width: auto !important; min-width: 86px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.94); color: #0071e3; font-size: 12px; font-weight: 620; line-height: 1; box-shadow: 0 8px 22px rgba(20,63,94,.16); transform: none !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
    @media(max-width:620px){.trial-float{right:0!important;top:50%!important;bottom:auto!important;width:88px!important;height:122px!important}.dabai{right:-5px;width:84px!important;height:100px!important}.trial-float-label{right:5px;min-width:70px;padding:6px 9px;font-size:10px}}

    /* V17 mascot speech bubble, open-state handoff and true-color avatar */
    .trial-float { width: 224px !important; }
    .trial-float-label { top: 35px !important; right: 92px !important; bottom: auto !important; min-width: 94px; padding: 11px 15px; border: 1px solid rgba(177,197,214,.72); border-radius: 18px !important; background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(231,240,248,.96)); color: #263847; font-size: 12px; font-weight: 620; box-shadow: inset 0 1px 1px rgba(255,255,255,.95),inset -3px -5px 10px rgba(172,194,211,.2),0 10px 24px rgba(24,63,92,.18); white-space: nowrap; }
    .trial-float-label::after { content: ""; position: absolute; right: -8px; top: 50%; width: 15px; height: 15px; border-top: 1px solid rgba(177,197,214,.72); border-right: 1px solid rgba(177,197,214,.72); background: #eef5fa; transform: translateY(-50%) rotate(45deg); }
    .trial-float.is-consulting { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(24px,-50%) scale(.94); }
    @media(max-width:620px){.trial-float{width:176px!important}.trial-float-label{top:28px!important;right:68px!important;min-width:82px;padding:9px 12px;font-size:10px;border-radius:15px!important}}

    /* V19 native transparent speech bubble with clear mascot spacing */
    .trial-float { width: 178px !important; height: 198px !important; }
    .dabai { top: 66px; right: -5px; }
    .trial-float-label { top: 9px !important; right: 24px !important; width: 102px !important; height: 43px; min-width: 0; padding: 0; border: 1px solid rgba(187,205,219,.76); border-radius: 16px !important; background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,241,248,.96)); color: #263847; font-size: 12px; font-weight: 620; box-shadow: inset 0 1px 1px rgba(255,255,255,.98),inset -3px -4px 8px rgba(166,192,210,.18),0 8px 18px rgba(25,63,91,.15); }
    .trial-float-label::before { display: none; }
    .trial-float-label::after { content: ""; display: block; position: absolute; right: 17px; bottom: -6px; width: 11px; height: 11px; border-right: 1px solid rgba(187,205,219,.76); border-bottom: 1px solid rgba(187,205,219,.76); background: #edf5fa; transform: rotate(45deg); }
    @media(max-width:620px){.trial-float{width:138px!important;height:154px!important}.dabai{top:52px;right:-5px}.trial-float-label{top:7px!important;right:15px!important;width:88px!important;height:37px;padding:0;font-size:10px;border-radius:14px!important}}

    /* V20 restrained three-column enterprise solutions */
    .enterprise-ai-section { padding: 108px 0 116px; background: #fff; }
    .enterprise-ai-shell { text-align: center; }
    .enterprise-ai-kicker { margin-bottom: 17px; color: #0071e3; }
    .enterprise-ai-shell h2 { max-width: none; margin: 0 auto; font-size: clamp(34px,3.1vw,44px); font-weight: 500; line-height: 1.34; }
    .enterprise-ai-shell h2 span { display: inline; }
    .enterprise-ai-intro { max-width: 780px; margin: 18px auto 0; color: #73777c; font-size: 15px; line-height: 1.8; }
    .enterprise-solution-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(32px,5vw,88px); margin-top: 68px; }
    .enterprise-solution-card { display: flex; min-height: 0; aspect-ratio: auto; align-items: center; padding: 0 clamp(8px,2vw,30px); border: 0; background: transparent; box-shadow: none; text-align: center; }
    .enterprise-solution-card:hover { border: 0; background: transparent; box-shadow: none; transform: translateY(-2px); }
    .enterprise-solution-card > span { display: none; }
    .enterprise-solution-icon { width: 58px; height: 58px; margin: 0 auto; color: #0071e3; }
    .enterprise-solution-icon svg { width: 52px; height: 52px; stroke-width: 1.55; }
    .enterprise-solution-card strong { margin-top: 22px; color: #15171a; font-size: 20px; font-weight: 560; line-height: 1.5; }
    .enterprise-solution-card p { max-width: 330px; margin: 12px auto 0; color: #61666c; font-size: 14px; line-height: 1.75; }
    .enterprise-solution-card i { margin: 9px auto 0; padding: 0; background: transparent; color: #9a9da1; font-size: 10px; }
    .enterprise-solution-actions { display: flex; justify-content: center; margin-top: 52px; }
    .enterprise-solution-actions .button { min-width: 150px; }
    @media(max-width:820px){.enterprise-solution-grid{gap:32px}.enterprise-solution-card{padding:0 4px}}
    @media(max-width:620px){.enterprise-ai-section{padding:82px 0 90px}.enterprise-ai-shell h2{max-width:11em;font-size:30px}.enterprise-ai-shell h2 span{display:block}.enterprise-ai-intro{max-width:28em;font-size:14px}.enterprise-solution-grid{grid-template-columns:1fr;gap:44px;margin-top:52px}.enterprise-solution-card{min-height:0;padding:0 18px}.enterprise-solution-card strong{margin-top:15px;font-size:19px}.enterprise-solution-actions{margin-top:44px}}

    /* V21 monochrome-to-color professional scene accordion */
    .professional-stories-section { margin-top: 0; padding: 112px 0 124px; background: #050505; box-shadow: none; }
    .stories-heading { width: min(calc(100% - 48px),1180px); text-align: center; }
    .stories-title { max-width: none; margin: 0 auto; color: #fff; font-size: clamp(35px,3vw,43px); font-weight: 480; }
    .stories-title span { display: inline; }
    .stories-intro { max-width: 680px; margin: 18px auto 0; color: rgba(255,255,255,.52); font-size: 15px; line-height: 1.8; }
    .stories-wide { width: min(calc(100% - 48px),1440px); margin: 64px auto 0; }
    .stories-rail { display: flex; width: 100%; height: min(58vw,620px); min-height: 470px; gap: 1px; padding: 0; overflow: hidden; background: rgba(255,255,255,.16); scroll-snap-type: none; }
    .story-card { position: relative; flex: 1 1 0; min-width: 0; min-height: 0; height: 100%; display: block; overflow: hidden; border: 0; border-radius: 0; background: #111; color: #fff; transition: flex-grow .72s cubic-bezier(.22,1,.36,1),filter .45s ease; }
    .story-card:hover { transform: none; border: 0; }
    .story-card.is-active { flex-grow: 5.2; }
    .story-card-media { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }
    .story-card-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.82) 100%); transition: background .45s ease; }
    .story-card-media img,.story-card:hover .story-card-media img,.story-card:focus-visible .story-card-media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; filter: grayscale(1) saturate(.72) brightness(.72); transform: scale(1.04); transition: filter .55s ease,transform .8s cubic-bezier(.22,1,.36,1); }
    .story-card.is-active .story-card-media img { filter: grayscale(0) saturate(.92) brightness(.92); transform: scale(1); }
    .story-card.is-active .story-card-media::after { background: linear-gradient(180deg,rgba(0,0,0,.03) 42%,rgba(0,0,0,.76) 100%); }
    .story-card-copy { position: absolute; inset: auto 0 0; z-index: 2; display: flex; min-width: 260px; flex-direction: column; padding: 32px 28px; background: transparent; opacity: .76; transform: translateY(5px); transition: opacity .4s ease,transform .55s ease; }
    .story-card.is-active .story-card-copy { opacity: 1; transform: none; }
    .story-category-row,.story-memory,.story-solution-link { display: none !important; }
    .story-category-cn { margin: 0 0 8px; color: rgba(255,255,255,.62); font-size: 12px; font-weight: 500; letter-spacing: .08em; }
    .story-slogan { margin: 0; color: #fff; font-size: clamp(23px,2vw,31px); font-weight: 500; line-height: 1.35; white-space: nowrap; }
    .story-slogan span { display: inline; }
    .story-slogan span + span::before { content: " "; }
    .story-card:not(.is-active) .story-card-copy { left: 50%; width: max-content; min-width: 0; padding: 24px 0; transform: translate(-50%,5px); }
    .story-card:not(.is-active) .story-category-cn { display: none; }
    .story-card:not(.is-active) .story-slogan { font-size: 16px; writing-mode: vertical-rl; letter-spacing: .08em; }
    .story-card:not(.is-active) .story-slogan span { display: inline; }
    .story-card:not(.is-active) .story-slogan span + span::before { content: ""; }
    @media(max-width:820px){.stories-rail{height:560px}.story-card.is-active{flex-grow:4}.story-card-copy{min-width:220px;padding:26px 22px}.story-slogan{font-size:24px}}
    @media(max-width:620px){.professional-stories-section{padding:84px 0 92px}.stories-heading{width:calc(100% - 32px)}.stories-title{max-width:11em;font-size:30px}.stories-title span{display:block}.stories-intro{font-size:14px}.stories-wide{width:calc(100% - 32px);margin-top:46px}.stories-rail{display:flex;height:470px;min-height:0;gap:1px;overflow:hidden}.story-card{flex-basis:0;height:100%;min-height:0}.story-card.is-active{flex-grow:5.5}.story-card-copy{min-width:200px;padding:22px 18px}.story-card:not(.is-active) .story-card-copy{padding:18px 0}.story-card:not(.is-active) .story-slogan{font-size:13px}.story-slogan{font-size:22px}}
    @media(prefers-reduced-motion:reduce){.story-card,.story-card-media img,.story-card-copy{transition:none!important}}

    /* V22 full-width LoLR Butterfly banner and hover-expanding professional scenes */
    .platform-section { padding: 108px 0 0 !important; overflow: hidden; background: #050505 !important; color: #fff; }
    .platform-section .platform-layout { display: block; width: 100%; max-width: none; }
    .platform-section .platform-copy { width: min(calc(100% - 48px),1180px); margin: 0 auto 58px; text-align: center; }
    .platform-section .eyebrow,.platform-section .eyebrow .en-kicker { color: #fff !important; -webkit-text-fill-color: currentColor; }
    .platform-section .eyebrow .en-kicker { color: rgba(255,255,255,.48) !important; }
    .platform-section .platform-copy h2 { color: rgba(255,255,255,.9); }
    .platform-section .platform-copy .lead { max-width: 48em; margin-inline: auto; color: rgba(255,255,255,.58); }
    .platform-section .platform-copy .actions { justify-content: center; }
    .platform-section .platform-visual { width: 100vw; max-width: none; margin: 0 0 0 calc(50% - 50vw); aspect-ratio: 16 / 6; overflow: hidden; border: 0 !important; border-radius: 0 !important; background: #000; }
    .platform-section .platform-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

    .professional-stories-section { padding: 112px 0 124px; background: #f5f5f3; color: #111; }
    .professional-stories-section .stories-title { color: #111; }
    .professional-stories-section .stories-intro { color: #6b6d70; }
    .stories-rail { height: min(48vw,560px); min-height: 430px; gap: 10px; background: transparent; }
    .story-card { flex: 0 1 calc(13.75% - 8px); transition: flex-basis .34s cubic-bezier(.55,0,.1,1),filter .34s ease; }
    .story-card.is-active { flex: 0 1 45%; }
    .story-card-copy { min-width: 300px; }
    .story-category-row { display: none !important; }
    .story-card.is-active .story-memory { display: block !important; margin: 20px 0 0; }
    .story-card.is-active .story-memory-label { color: rgba(255,255,255,.62); }
    .story-card.is-active .story-memory-copy { max-width: 38em; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.75; }
    .story-card.is-active .story-solution-link { display: inline-flex !important; align-items: center; width: max-content; margin-top: 20px; color: #fff; font-size: 13px; }
    .story-card:not(.is-active) .story-category-cn { display: block; margin: 0; color: #fff; font-size: 15px; font-weight: 560; letter-spacing: .1em; writing-mode: vertical-rl; }
    .story-card:not(.is-active) .story-slogan { display: none; }
    @media(max-width:820px){.platform-section{padding-top:84px!important}.platform-section .platform-visual{aspect-ratio:16/9}.stories-rail{gap:4px}.story-card{flex-basis:10%}.story-card.is-active{flex-basis:60%}}
    @media(max-width:620px){.platform-section .platform-copy{width:calc(100% - 32px);margin-bottom:42px}.platform-section .platform-visual{aspect-ratio:4/3}.professional-stories-section{padding:84px 0 92px}.stories-rail{display:grid;height:auto;gap:10px;overflow:visible}.story-card,.story-card.is-active{width:100%;height:92px;min-height:92px;flex-basis:auto;transition:height .34s cubic-bezier(.55,0,.1,1)}.story-card.is-active{height:460px}.story-card:not(.is-active) .story-card-copy{left:0;width:auto;padding:0 22px;transform:none;justify-content:center}.story-card:not(.is-active) .story-category-cn{writing-mode:horizontal-tb}.story-card-copy{min-width:0}.story-card.is-active .story-memory-copy{font-size:13px}}

    /* V23 plain horizontal labels and solid-blue action buttons */
    .story-category-cn { width: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; background-image: none; box-shadow: none; }
    .story-card:not(.is-active) .story-card-copy { inset: auto 0 0; width: auto; min-width: 0; padding: 0 18px 22px; align-items: flex-start; transform: none; }
    .story-card:not(.is-active) .story-category-cn { display: block; color: rgba(255,255,255,.9); font-size: 14px; font-weight: 560; line-height: 1.4; letter-spacing: .04em; writing-mode: horizontal-tb; white-space: nowrap; }
    .story-card:not(.is-active) .story-slogan,.story-card:not(.is-active) .story-memory,.story-card:not(.is-active) .story-solution-link { display: none !important; }
    .button,.button.secondary,.button.light,.button.ghost-light,.dark .button,.product-reveal .button,.topbar .nav-links > .button { border-color: #0071e3 !important; background: #0071e3 !important; background-image: none !important; color: #fff !important; }
    .button:hover,.button.secondary:hover,.button.light:hover,.button.ghost-light:hover,.dark .button:hover,.product-reveal .button:hover,.topbar .nav-links > .button:hover { border-color: #0077ed !important; background: #0077ed !important; background-image: none !important; }
    @media(max-width:620px){.story-card:not(.is-active) .story-card-copy{justify-content:flex-end;padding:0 18px 20px}}

    /* V24 full-width routing mega navigation */
    .nav-group-mega { position: static; }
    .nav-group-mega > .nav-trigger { position: relative; }
    .nav-group-mega > .nav-trigger::before { content: ""; position: absolute; left: 0; right: 0; bottom: -25px; height: 2px; background: #0071e3; opacity: 0; transform: scaleX(.35); transition: opacity .2s ease,transform .25s ease; }
    .nav-group-mega:hover > .nav-trigger::before,.nav-group-mega:focus-within > .nav-trigger::before { opacity: 1; transform: scaleX(1); }
    .dropdown.mega-menu { position: fixed; top: 72px; left: 0; right: 0; width: 100vw; min-height: 338px; padding: 0; border: 0; border-top: 1px solid rgba(255,255,255,.1); background: rgba(12,15,19,.985); box-shadow: 0 28px 70px rgba(0,0,0,.3); color: #fff; transform: translateY(-8px); }
    .nav-group:hover .dropdown.mega-menu,.nav-group:focus-within .dropdown.mega-menu { transform: translateY(0); }
    .mega-shell { display: grid; grid-template-columns: minmax(260px,28%) 1fr; width: min(calc(100% - 64px),1440px); min-height: 338px; margin: 0 auto; }
    .mega-overview { display: flex; flex-direction: column; align-items: flex-start; padding: 46px 48px 42px 0; border-right: 1px solid rgba(255,255,255,.12); }
    .mega-overview > small { color: #6a9fd3; font-size: 10px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
    .mega-overview h3 { margin: 12px 0 0; color: #fff; font-size: 28px; font-weight: 520; line-height: 1.35; }
    .mega-overview p { max-width: 23em; margin: 17px 0 0; color: rgba(255,255,255,.5); font-size: 13px; line-height: 1.75; }
    .dropdown.mega-menu .mega-all { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding: 0; border: 0; color: #fff; font-size: 13px; }
    .mega-all span { color: #4e9ce8; }
    .mega-columns { display: grid; padding: 38px 0 36px 48px; }
    .mega-columns-four { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mega-columns-five { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .mega-column { min-width: 0; padding: 5px 24px; border-right: 1px solid rgba(255,255,255,.1); }
    .mega-column:last-child { border-right: 0; }
    .dropdown.mega-menu .mega-section-link { display: grid; grid-template-columns: auto 1fr; column-gap: 13px; padding: 0 0 22px; border: 0; }
    .mega-section-link > span { grid-row: 1 / 3; color: rgba(255,255,255,.28); font-size: 10px; font-weight: 560; letter-spacing: .08em; }
    .mega-section-link strong { color: #fff; font-size: 15px; font-weight: 520; line-height: 1.45; }
    .dropdown.mega-menu .mega-section-link small { margin-top: 4px; color: rgba(255,255,255,.38); font-size: 9px; font-weight: 500; line-height: 1.4; letter-spacing: .1em; text-transform: uppercase; }
    .mega-links { border-top: 1px solid rgba(255,255,255,.09); padding-top: 13px; }
    .dropdown.mega-menu .mega-links a { position: relative; padding: 8px 0 8px 14px; border: 0; color: rgba(255,255,255,.56); font-size: 12px; line-height: 1.5; transition: color .2s ease,transform .2s ease; }
    .dropdown.mega-menu .mega-links a::before { content: ""; position: absolute; left: 0; top: 15px; width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.24); transition: background .2s ease; }
    .dropdown.mega-menu a:hover,.dropdown.mega-menu a:focus-visible { color: #fff; }
    .dropdown.mega-menu .mega-links a:hover { color: #fff; transform: translateX(3px); }
    .dropdown.mega-menu .mega-links a:hover::before { background: #318ce7; }
    @media(max-width:1180px){.nav-links{gap:16px}.mega-shell{width:calc(100% - 40px);grid-template-columns:240px 1fr}.mega-overview{padding-right:30px}.mega-columns{padding-left:28px}.mega-column{padding-inline:16px}.mega-columns-five .mega-column{padding-inline:11px}}
    @media(max-width:980px){.nav-group-mega{display:none}.dropdown.mega-menu{display:none}}

    /* V25 light-gray mega navigation */
    .dropdown.mega-menu { border-top-color: #dfe3e7; background: rgba(246,247,248,.99); box-shadow: 0 28px 70px rgba(20,28,36,.16); color: #111820; }
    .mega-overview { border-right-color: #d9dee3; }
    .mega-overview > small { color: #0071e3; }
    .mega-overview h3 { color: #111820; }
    .mega-overview p { color: #68717a; }
    .dropdown.mega-menu .mega-all { color: #111820; }
    .mega-all span { color: #0071e3; }
    .mega-column { border-right-color: #d9dee3; }
    .mega-section-link > span { color: #8b9aaa; }
    .mega-section-link strong { color: #151a1f; }
    .dropdown.mega-menu .mega-section-link small { color: #7c858e; }
    .mega-links { border-top-color: #d9dee3; }
    .dropdown.mega-menu .mega-links a { color: #606a73; }
    .dropdown.mega-menu .mega-links a::before { background: #aab4bd; }
    .dropdown.mega-menu a:hover,.dropdown.mega-menu a:focus-visible,.dropdown.mega-menu .mega-links a:hover { color: #0071e3; }
    .dropdown.mega-menu .mega-links a:hover::before { background: #0071e3; }

    /* V26 synchronize compact menus and remove translated English labels */
    .nav-group:not(.nav-group-mega) > .dropdown { top: calc(100% - 1px); left: -18px; width: 276px; padding: 10px; border: 1px solid #dfe3e7; background: rgba(246,247,248,.99); box-shadow: 0 20px 46px rgba(20,28,36,.14); color: #111820; }
    .nav-group:not(.nav-group-mega) > .dropdown a { position: relative; padding: 12px 14px; border-bottom: 1px solid #dfe3e7; color: #343b42; font-size: 13px; line-height: 1.55; transition: color .2s ease,background .2s ease,padding-left .2s ease; }
    .nav-group:not(.nav-group-mega) > .dropdown a:last-child { border-bottom: 0; }
    .nav-group:not(.nav-group-mega) > .dropdown a:hover,.nav-group:not(.nav-group-mega) > .dropdown a:focus-visible { padding-left: 18px; background: rgba(0,113,227,.055); color: #0071e3; }
    .nav-group:not(.nav-group-mega) > .dropdown small { margin-bottom: 2px; color: #7a8792; font-size: 9px; font-weight: 540; letter-spacing: .07em; text-transform: none; }
    .mega-section-link:not(:has(small)) { align-content: start; }

    /* V48 subtle light-gray mega-column interaction */
    .mega-solutions .mega-columns,.mega-support .mega-columns { padding-top: 0; padding-bottom: 0; }
    .mega-solutions .mega-column,.mega-support .mega-column { position: relative; min-height: 100%; padding-top: 43px; padding-bottom: 36px; transition: background-color .22s ease; }
    .mega-solutions .mega-column:hover,.mega-solutions .mega-column:focus-within,.mega-support .mega-column:hover,.mega-support .mega-column:focus-within { background: #e9ecef; }
    .mega-solutions .mega-column:hover .mega-section-link > span,.mega-solutions .mega-column:focus-within .mega-section-link > span,.mega-support .mega-column:hover .mega-section-link > span,.mega-support .mega-column:focus-within .mega-section-link > span { color: #0071e3; }
    .mega-solutions .mega-column:hover .mega-section-link strong,.mega-solutions .mega-column:focus-within .mega-section-link strong,.mega-support .mega-column:hover .mega-section-link strong,.mega-support .mega-column:focus-within .mega-section-link strong { color: #151a1f; }
    .mega-solutions .mega-column:hover .mega-section-link small,.mega-solutions .mega-column:focus-within .mega-section-link small,.mega-support .mega-column:hover .mega-section-link small,.mega-support .mega-column:focus-within .mega-section-link small { color: #68737c; }
    .mega-solutions .mega-column:hover .mega-links,.mega-solutions .mega-column:focus-within .mega-links,.mega-support .mega-column:hover .mega-links,.mega-support .mega-column:focus-within .mega-links { border-top-color: #cbd1d6; }
    .dropdown.mega-menu.mega-solutions .mega-column:hover .mega-links a,.dropdown.mega-menu.mega-solutions .mega-column:focus-within .mega-links a,.dropdown.mega-menu.mega-support .mega-column:hover .mega-links a,.dropdown.mega-menu.mega-support .mega-column:focus-within .mega-links a { color: #4f5962; }
    .dropdown.mega-menu.mega-solutions .mega-column .mega-links a:hover,.dropdown.mega-menu.mega-solutions .mega-column .mega-links a:focus-visible,.dropdown.mega-menu.mega-support .mega-column .mega-links a:hover,.dropdown.mega-menu.mega-support .mega-column .mega-links a:focus-visible { color: #0071e3; }
    .mega-solutions .mega-column:hover .mega-links a::before,.mega-solutions .mega-column:focus-within .mega-links a::before,.mega-support .mega-column:hover .mega-links a::before,.mega-support .mega-column:focus-within .mega-links a::before { background: #9ba6af; }
    .mega-solutions .mega-column .mega-links a:hover::before,.mega-solutions .mega-column .mega-links a:focus-visible::before,.mega-support .mega-column .mega-links a:hover::before,.mega-support .mega-column .mega-links a:focus-visible::before { background: #0071e3; }

    /* V27 plain blue consultation label above mascot */
    .trial-float { width: 118px !important; height: 172px !important; }
    .dabai { top: 38px !important; right: -5px; }
    .trial-float-label { top: 7px !important; left: 0 !important; right: 0 !important; bottom: auto !important; display: block; width: 118px !important; height: auto; min-width: 0; padding: 0; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; color: #0071e3 !important; font-size: 14px; font-weight: 620; line-height: 1.4; letter-spacing: .08em; text-align: center; box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none; }
    .trial-float-label::before,.trial-float-label::after { display: none !important; content: none !important; }
    @media(max-width:620px){.trial-float{width:88px!important;height:132px!important}.dabai{top:31px!important;right:-5px}.trial-float-label{top:4px!important;left:0!important;right:0!important;width:88px!important;font-size:11px;letter-spacing:.05em}}

    /* V28 translucent circular consultation badge */
    .trial-float { width: 122px !important; height: 170px !important; }
    .dabai { top: 44px !important; right: -5px; }
    .trial-float-label { top: 4px !important; left: 29px !important; right: auto !important; display: flex; width: 58px !important; height: 58px !important; align-items: center; justify-content: center; flex-direction: column; gap: 1px; padding: 0; border: 1px solid rgba(0,113,227,.46) !important; border-radius: 50% !important; background: rgba(255,255,255,.56) !important; color: #0071e3 !important; font-size: 12px; font-weight: 620; line-height: 1.18; letter-spacing: .08em; box-shadow: 0 8px 22px rgba(17,73,118,.13),inset 0 0 0 1px rgba(255,255,255,.7) !important; backdrop-filter: blur(12px) saturate(110%); -webkit-backdrop-filter: blur(12px) saturate(110%); transition: background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease; }
    .trial-float-label span { display: block; }
    .trial-float:hover .trial-float-label { border-color: #0071e3 !important; background: #0071e3 !important; color: #fff !important; transform: translateY(-2px) !important; }
    @media(max-width:620px){.trial-float{width:92px!important;height:132px!important}.dabai{top:36px!important;right:-5px}.trial-float-label{top:2px!important;left:21px!important;width:48px!important;height:48px!important;font-size:10px}}

    /* V29 separated, coordinated consultation control */
    .trial-float { width: 190px !important; height: 142px !important; }
    .trial-float::before { content: ""; position: absolute; left: 61px; top: 69px; width: 24px; height: 1px; background: rgba(0,113,227,.42); transform-origin: right center; transition: width .3s ease,background .3s ease; }
    .dabai { top: 7px !important; right: -5px; transform: translateX(0) !important; transition: transform .32s cubic-bezier(.22,1,.36,1),filter .3s ease !important; }
    .trial-float-label { top: 40px !important; left: 4px !important; width: 58px !important; height: 58px !important; background: rgba(255,255,255,.72) !important; }
    .trial-float:hover .trial-float-label { transform: translateX(4px) !important; }
    .trial-float:hover .dabai { transform: translateX(-3px) !important; filter: drop-shadow(0 14px 20px rgba(16,54,82,.24)); }
    .trial-float:hover::before { width: 20px; background: #0071e3; }
    @media(max-width:620px){.trial-float{width:142px!important;height:108px!important}.trial-float::before{left:48px;top:55px;width:17px}.dabai{top:4px!important;right:-5px;width:84px!important;height:100px!important}.trial-float-label{top:31px!important;left:3px!important;width:46px!important;height:46px!important;font-size:10px}.trial-float:hover::before{width:14px}}

    /* V30 preserve the full Butterfly artwork inside the wide black banner */
    .platform-section .platform-visual img { object-fit: contain !important; object-position: 50% 50%; }

    /* V37 supplied consultation icon and native high-resolution banners */
    .trial-float { width: 128px !important; height: 196px !important; }
    .trial-float::before { display: none !important; content: none !important; }
    .dabai { top: 68px !important; right: -5px !important; }
    .trial-float-label { top: 0 !important; left: 8px !important; right: auto !important; width: 112px !important; height: 76px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: url('/homepage/v157/assets/media/7ee27d3feb12982bfdd2.webp') center / contain no-repeat !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; font-size: 0 !important; transform: none !important; }
    .trial-float-label span { display: none !important; }
    .trial-float:hover .trial-float-label { transform: translateY(-3px) !important; }
    .company-banner-card { aspect-ratio: 16 / 5 !important; background: #eef3f7; }
    .company-banner-card[data-banner="musa"]::before { background: #ededed !important; }
    .company-banner-card[data-banner="xiangjiang"]::before,.company-banner-card[data-banner="xstudio"]::before { background: #eef8ff !important; }
    .company-banner-image { object-fit: contain !important; object-position: center !important; filter: none !important; transform: none !important; }
    .company-banner-card.is-active .company-banner-image { transform: none !important; }
    @media(max-width:620px){.trial-float{width:94px!important;height:150px!important}.dabai{top:50px!important;right:-5px!important}.trial-float-label{top:0!important;left:7px!important;width:80px!important;height:55px!important}.company-banner-card{aspect-ratio:16/7!important}}

    /* V38 right-tail icon alignment and stable coordinated hover */
    .trial-float-label { left: -5px !important; }
    .trial-float:hover .trial-float-label { border: 0 !important; background: url('/homepage/v157/assets/media/7ee27d3feb12982bfdd2.webp') center / contain no-repeat !important; color: transparent !important; box-shadow: none !important; transform: translate(-4px,-3px) !important; }
    @media(max-width:620px){.trial-float-label{left:-3px!important}.trial-float:hover .trial-float-label{transform:translate(-3px,-2px)!important}}

    /* V57 audience copy switch and direct ring positioning */
    .hero-copy { width: min(calc(100% - 32px),1120px); transform: translateY(-72px); }
    .hero-audience-switch { display: inline-flex; align-items: center; gap: 3px; margin: 26px 0 0; padding: 4px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(12,17,23,.62); box-shadow: inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.18); backdrop-filter: blur(16px) saturate(112%); -webkit-backdrop-filter: blur(16px) saturate(112%); pointer-events: auto; }
    .hero-audience-button { min-width: 86px; height: 36px; padding: 0 20px; border: 0; border-radius: 999px; background: transparent; color: rgba(255,255,255,.58); font: inherit; font-size: 13px; font-weight: 520; letter-spacing: .06em; cursor: pointer; transition: color .22s ease,background .22s ease,box-shadow .22s ease; }
    .hero-audience-button:hover { color: #fff; background: rgba(255,255,255,.07); }
    .hero-audience-button.is-active,.hero-audience-button[aria-pressed="true"] { color: #fff; background: #0071e3; box-shadow: 0 5px 16px rgba(0,113,227,.3); }
    .hero-audience-button:focus-visible { outline: 3px solid rgba(82,168,255,.42); outline-offset: 3px; }
    .hero-copy .personal-title,.hero-copy .personal-tags { transition: opacity .16s ease,transform .16s ease; }
    .hero-copy.is-switching .personal-title,.hero-copy.is-switching .personal-tags { opacity: 0; transform: translateY(7px); }
    .hero-copy .personal-title { max-width: min(100%,960px); font-size: clamp(38px,3.5vw,52px); }
    .hero-copy .personal-tags { min-height: 31px; margin-top: 18px; }
    @media(max-width:620px){
      .hero-copy{width:calc(100% - 24px);transform:translateY(-56px)}
      .hero-audience-switch{margin-top:18px;padding:3px}
      .hero-audience-button{min-width:72px;height:33px;padding:0 15px;font-size:12px}
      .hero-copy .personal-title{max-width:360px;font-size:clamp(27px,7.4vw,31px);line-height:1.3}
      .hero-copy .personal-title span{white-space:normal}
      .hero-copy .personal-tags{margin-top:13px}
      .hero-copy .personal-tags .personal-tag{font-size:15px}
    }
    @media(prefers-reduced-motion:reduce){.hero-copy .personal-title,.hero-copy .personal-tags{transition:none}}



  .mega-coming-inline-v60{margin-left:.3em;color:#8a949c;font-size:.72em;font-style:normal;font-weight:500;letter-spacing:.01em;white-space:nowrap}



  /* NEWS becomes a light visual breakpoint between the dark trust and contact sections. */
  .news-section{
    background:#eef0f2 !important;
    color:#151a1f !important;
    border-top:1px solid #d7dce1;
    border-bottom:1px solid #d7dce1;
    box-shadow:inset 0 1px rgba(255,255,255,.72);
  }
  .news-section::before{background:#c9cfd5 !important}
  .news-title{
    background:none !important;
    color:#151a1f !important;
    -webkit-text-fill-color:currentColor;
  }
  .news-list{border-top-color:#cbd1d7 !important}
  .news-item{border-bottom-color:#d3d8dd !important}
  .news-item:hover{border-color:rgba(0,113,227,.46) !important}
  .news-index{color:#7d8790 !important}
  .news-copy h3{color:#151a1f !important}
  .news-copy p{color:#626c75 !important}
  .news-item:hover .news-copy h3{color:#0071e3 !important}
  .news-arrow{
    border-color:#c6cdd3 !important;
    background:rgba(255,255,255,.7) !important;
    color:#59636c !important;
  }
  .news-item:hover .news-arrow{
    border-color:#0071e3 !important;
    background:#0071e3 !important;
    color:#fff !important;
  }
  .news-more{color:#4f5962 !important}
  .news-more:hover{color:#0071e3 !important}
  .news-page-nav,.news-page-toggle{
    border-color:#c5ccd2 !important;
    background:#fff !important;
    color:#252c33 !important;
  }
  .news-page-nav:hover,.news-page-toggle:hover{
    border-color:#0071e3 !important;
    background:#0071e3 !important;
    color:#fff !important;
  }
  .news-page-dots{background:#dde2e6 !important}
  .news-page-dot{background:#8f99a2 !important}
  .news-page-dot.is-active{background:#0071e3 !important}
  .news-page-status{color:#6f7982 !important}
  .news-pagination button:focus-visible{outline-color:rgba(0,113,227,.5) !important}

  /* V105: compact pagination remains stable when the backend has many news pages. */
  .news-page-dots,.news-page-toggle{display:none!important}
  .news-page-status{display:grid!important;place-items:center;min-width:76px;height:44px;padding:0 16px;border:1px solid #c5ccd2;border-radius:999px;background:#fff;color:#4f5962!important;font-size:12px;font-weight:600;letter-spacing:.08em}
  @media(max-width:640px){.news-page-status{min-width:68px;height:36px;padding:0 12px;font-size:11px}}

  /* V108: minimal long-list pagination—only the page input keeps a field outline. */
  .news-page-nav{background:transparent!important;border-color:#b8c0c7!important;color:#4f5962!important}
  .news-page-nav:hover{background:transparent!important;border-color:#0071e3!important;color:#0071e3!important}
  .news-page-status{display:block!important;min-width:0;height:auto;padding:0 3px;border:0;border-radius:0;background:transparent;color:#59636c!important;font-size:12px;font-weight:600;line-height:1;letter-spacing:.08em}
  .news-page-jump{display:flex;align-items:center;gap:7px;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#59636c;font-size:12px;white-space:nowrap}
  .news-page-input{width:44px;height:32px;padding:0 5px;border:1px solid #aeb7bf;border-radius:7px;background:transparent;color:#151a1f;font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-align:center;outline:none;-moz-appearance:textfield}
  .news-page-input::-webkit-inner-spin-button,.news-page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
  .news-page-input:focus{border-color:#0071e3;box-shadow:0 0 0 2px rgba(0,113,227,.10)}
  @media(max-width:640px){.news-pagination{flex-wrap:nowrap}.news-page-status{padding:0;font-size:11px}.news-page-jump{gap:5px;font-size:11px}.news-page-input{width:38px;height:28px;font-size:12px}}



  /* Keep the original HPC and Butterfly geometry; unify interaction color only. */
  .mega-hpc .mega-column,.mega-butterfly .mega-column{transition:background-color .22s ease}
  .mega-hpc .mega-column:hover,.mega-hpc .mega-column:focus-within,.mega-butterfly .mega-column:hover,.mega-butterfly .mega-column:focus-within{background:#e9ecef}
  .mega-hpc .mega-column:hover .mega-section-link>span,.mega-hpc .mega-column:focus-within .mega-section-link>span,.mega-butterfly .mega-column:hover .mega-section-link>span,.mega-butterfly .mega-column:focus-within .mega-section-link>span{color:#0071e3}
  .mega-hpc .mega-column:hover .mega-section-link strong,.mega-hpc .mega-column:focus-within .mega-section-link strong,.mega-butterfly .mega-column:hover .mega-section-link strong,.mega-butterfly .mega-column:focus-within .mega-section-link strong{color:#151a1f}
  .mega-hpc .mega-column:hover .mega-section-link small,.mega-hpc .mega-column:focus-within .mega-section-link small,.mega-butterfly .mega-column:hover .mega-section-link small,.mega-butterfly .mega-column:focus-within .mega-section-link small{color:#68737c}
  .mega-hpc .mega-column:hover .mega-links,.mega-hpc .mega-column:focus-within .mega-links,.mega-butterfly .mega-column:hover .mega-links,.mega-butterfly .mega-column:focus-within .mega-links{border-top-color:#cbd1d6}
  .dropdown.mega-hpc .mega-column:hover .mega-links a,.dropdown.mega-hpc .mega-column:focus-within .mega-links a,.dropdown.mega-butterfly .mega-column:hover .mega-links a,.dropdown.mega-butterfly .mega-column:focus-within .mega-links a{color:#4f5962}
  .dropdown.mega-hpc .mega-column .mega-links a:hover,.dropdown.mega-hpc .mega-column .mega-links a:focus-visible,.dropdown.mega-butterfly .mega-column .mega-links a:hover,.dropdown.mega-butterfly .mega-column .mega-links a:focus-visible{color:#0071e3}



  /* Match the other mega menus: three side-by-side vertical columns with full-height dividers. */
  .mega-butterfly .mega-columns-three{grid-template-columns:repeat(3,minmax(0,1fr))}



  /* Raise the message slightly while giving the larger ring more clear space below it. */
  .hero-copy{transform:translateY(-94px)}
  /* Preserve true 3D depth: a rear card must not jump above a front card on hover/focus. */
  .hero-ring-card:hover,.hero-ring-card:focus{z-index:auto}
  @media(max-width:620px){.hero-copy{transform:translateY(-70px)}}



/* ===== V84 · standalone navigation, accessible mobile menu and narrow-screen repairs ===== */
html,body { max-width:100%; overflow-x:clip; }
.company-banner-panel,.company-banner-viewport,.product-reveal,.partner-marquee { contain:paint; }
.v84-mobile-nav-toggle,.v84-mobile-drawer { display:none; }

.v84-mobile-nav-toggle {
  width:44px;
  height:44px;
  flex:0 0 44px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.08);
  cursor:pointer;
}
.v84-mobile-nav-toggle > span {
  position:relative;
  width:18px;
  height:12px;
  border-top:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
}
.v84-mobile-nav-toggle > span::after {
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:18px;
  border-top:1.5px solid currentColor;
}
.v84-mobile-nav-toggle:focus-visible,.v84-mobile-drawer a:focus-visible,.v84-mobile-drawer summary:focus-visible,.v84-mobile-drawer button:focus-visible {
  outline:3px solid #0071e3;
  outline-offset:3px;
}
.v84-mobile-drawer[hidden] { display:none; }
.v84-demo-submit-note {
  margin-top:12px;
  color:#66707c;
  font-size:12px;
  line-height:1.7;
}
/* Keep the opened consultation panel above the fixed mobile header controls. */

@media (max-width:980px) {
  body.v84-mobile-nav-open { overflow:hidden; }
  .topbar { z-index:99500; }
  .topbar .nav-links,.topbar .homepage-nav-links { display:none; }
  .v84-mobile-nav-toggle { display:inline-flex; }
  .v84-mobile-drawer:not([hidden]) {
    display:block;
    position:fixed;
    inset:64px 0 0;
    z-index:99510;
    color:#11151a;
  }
  .v84-mobile-nav-backdrop {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    background:rgba(13,18,24,.34);
    backdrop-filter:blur(3px);
    cursor:pointer;
  }
  .v84-mobile-nav-panel {
    position:absolute;
    top:0;
    right:0;
    width:min(92vw,460px);
    height:100%;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:#f5f6f7;
    box-shadow:-18px 0 56px rgba(18,28,38,.18);
  }
  .v84-mobile-nav-head {
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:58px;
    padding:0 20px;
    border-bottom:1px solid #dfe3e7;
    background:rgba(245,246,247,.96);
    backdrop-filter:blur(14px);
  }
  .v84-mobile-nav-head strong {
    font-size:15px;
    font-weight:650;
    letter-spacing:.02em;
  }
  .v84-mobile-nav-close {
    width:36px;
    height:36px;
    border:1px solid #d9dde2;
    border-radius:999px;
    color:#27313b;
    background:#fff;
    cursor:pointer;
    font-size:20px;
    line-height:1;
  }
  .v84-mobile-nav-list { padding:8px 20px 36px; }
  .v84-mobile-nav-list details { border-bottom:1px solid #dfe3e7; }
  .v84-mobile-nav-list summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:58px;
    color:#14191f;
    cursor:pointer;
    list-style:none;
    font-size:16px;
    font-weight:620;
  }
  .v84-mobile-nav-list summary::-webkit-details-marker { display:none; }
  .v84-mobile-nav-list summary::after {
    content:"＋";
    color:#6c7782;
    font-size:17px;
    font-weight:400;
  }
  .v84-mobile-nav-list details[open] summary::after { content:"－"; }
  .v84-mobile-nav-links { padding:0 0 18px; }
  .v84-mobile-subgroup { padding:12px 0 4px; }
  .v84-mobile-subgroup + .v84-mobile-subgroup { border-top:1px solid #e4e7ea; }
  .v84-mobile-subgroup > strong {
    display:block;
    padding:0 8px 6px;
    color:#7b858e;
    font-size:11px;
    font-weight:600;
    letter-spacing:.08em;
  }
  .v84-mobile-nav-links a {
    display:flex;
    align-items:center;
    min-height:42px;
    margin:2px 0;
    padding:8px;
    border-radius:6px;
    color:#303841;
    font-size:14px;
    line-height:1.55;
  }
  .v84-mobile-nav-links a:hover,.v84-mobile-nav-links a.is-current {
    color:#005bbf;
    background:#e8edf3;
  }
  .v84-mobile-nav-links a.is-current { box-shadow:inset 3px 0 #0071e3; }
  .v84-mobile-nav-links a[data-v84-overview] {
    color:#0071e3;
    font-weight:620;
  }
}

@media (max-width:520px) {
  #page-butterfly,#page-butterfly .bf-section,#page-butterfly .bf-section > .shell,#page-butterfly .bf-intro-head,#page-butterfly .bf-intro-head > *,#page-butterfly .bf-copy,#page-butterfly .bf-visual {
    min-width:0;
    max-width:100%;
  }
  #page-butterfly .bf-intro-head > * { width:100%; }
  #page-butterfly .bf-intro-head .eyebrow,#page-butterfly .bf-intro-head .h2,#page-butterfly .bf-hero h1 { overflow-wrap:anywhere; }
  #page-butterfly .bf-scroll {
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
}
@media (max-width:640px){
}
/* header */
/* body */
@keyframes lgwIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes lgwTp{0%,60%,100%{opacity:.32;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
/* lead card */
/* done */
/* footer */