* {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
        color-scheme: dark;
      }

      body {
        margin: 0;
        background: #000;
        color: #fff;
        font-family: "Geist", "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .liquid-glass {
        background: rgba(255,255,255,0.01);
        background-blend-mode: luminosity;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        border: none;
        box-shadow: inset 0 1px 1px rgba(255,255,255,0.1);
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        transition:
          background 240ms ease,
          box-shadow 240ms ease;
      }

      .liquid-glass::before {
        content: "";
        position: absolute; inset: 0;
        border-radius: inherit;
        padding: 1.4px;
        background: linear-gradient(180deg,
          rgba(255,255,255,0.45) 0%,
          rgba(255,255,255,0.15) 20%,
          rgba(255,255,255,0) 40%,
          rgba(255,255,255,0) 60%,
          rgba(255,255,255,0.15) 80%,
          rgba(255,255,255,0.45) 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
      }

      .liquid-glass::after,
      .liquid-glass-strong::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background:
          radial-gradient(circle at 50% 0%, rgba(255,255,255,0.13), transparent 48%),
          linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0) 52%);
        opacity: 0;
        transition: opacity 240ms ease;
        pointer-events: none;
      }

      .liquid-glass:hover {
        background: rgba(255,255,255,0.04);
        box-shadow:
          0 14px 40px rgba(255,255,255,0.055),
          inset 0 1px 2px rgba(255,255,255,0.18);
      }

      .liquid-glass:hover::after,
      .liquid-glass-strong:hover::after {
        opacity: 1;
      }

      .liquid-glass-strong {
        background: rgba(255,255,255,0.01);
        background-blend-mode: luminosity;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: none;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.05), inset 0 1px 1px rgba(255,255,255,0.15);
        position: relative;
        overflow: hidden;
        transition:
          background 240ms ease,
          box-shadow 240ms ease;
      }

      .liquid-glass-strong::before {
        content: "";
        position: absolute; inset: 0;
        border-radius: inherit;
        padding: 1.4px;
        background: linear-gradient(180deg,
          rgba(255,255,255,0.5) 0%,
          rgba(255,255,255,0.2) 20%,
          rgba(255,255,255,0) 40%,
          rgba(255,255,255,0) 60%,
          rgba(255,255,255,0.2) 80%,
          rgba(255,255,255,0.5) 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
      }

      .liquid-glass-strong:hover {
        background: rgba(255,255,255,0.045);
        box-shadow:
          0 16px 46px rgba(255,255,255,0.07),
          4px 4px 4px rgba(0,0,0,0.05),
          inset 0 1px 2px rgba(255,255,255,0.22);
      }

      video {
        background: #000;
      }

      a,
      button {
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
      }

      .text-balance {
        text-wrap: balance;
      }

      .font-heading {
        font-style: normal;
      }

      .section-visible-bg {
        background:
          radial-gradient(circle at 50% 42%, rgba(255,255,255,0.16), transparent 36%),
          linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0.34)),
          url("../images/hero-bg.jpg") center / cover no-repeat,
          #151515;
      }

      .section-capability-bg {
        background:
          radial-gradient(circle at 45% 32%, rgba(255,255,255,0.24), transparent 36%),
          linear-gradient(180deg, #151515 0%, #202020 48%, #080808 100%),
          #101010;
      }

      .clean-chinese-title {
        font-family: "Geist", "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 1.08;
      }

      .interactive-lift {
        transition:
          transform 260ms ease,
          box-shadow 260ms ease,
          background 260ms ease;
        will-change: transform;
      }

      .interactive-lift:hover {
        transform: translateY(-8px) scale(1.025);
        box-shadow:
          0 24px 70px rgba(0, 0, 0, 0.34),
          inset 0 1px 2px rgba(255, 255, 255, 0.18);
        background: rgba(255, 255, 255, 0.055);
      }

      .floating-card-shell {
        perspective: 1200px;
        transform-style: preserve-3d;
      }

      .floating-card-panel {
        position: relative;
        min-height: 160px;
        transform-style: preserve-3d;
        border: 0;
        background:
          radial-gradient(circle at var(--floating-x, 50%) var(--floating-y, 50%), rgba(124, 255, 103, 0.16), transparent 34%),
          linear-gradient(145deg, rgba(31, 33, 33, 0.98), rgba(12, 14, 17, 0.96));
        box-shadow:
          rgba(0, 0, 0, 0.35) 0 18px 42px,
          rgba(0, 0, 0, 0.05) 0 5px 6px;
        overflow: hidden;
        transition:
          transform 180ms ease,
          box-shadow 180ms ease,
          filter 180ms ease,
          background 180ms ease;
        will-change: transform;
        filter: saturate(0.82);
      }

      .floating-card-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(135deg, rgba(255,255,255,0.12), transparent 36%),
          radial-gradient(circle at var(--floating-x, 50%) var(--floating-y, 50%), rgba(255,255,255,0.16), transparent 26%);
        opacity: 0;
        transition: opacity 180ms ease;
        pointer-events: none;
      }

      .floating-card-shell:hover .floating-card-panel {
        box-shadow:
          rgba(0, 0, 0, 0.48) 0 28px 70px,
          rgba(124, 255, 103, 0.12) 0 0 42px;
        filter: saturate(1);
      }

      .floating-card-shell:hover .floating-card-panel::before {
        opacity: 1;
      }

      .floating-card-content {
        position: relative;
        z-index: 1;
        transform: translateZ(34px);
      }

      .comet-floating-card {
        width: min(20rem, calc(100vw - 2.5rem));
        cursor: pointer;
        transform-style: preserve-3d;
        border: 0;
        border-radius: 16px;
        background: #1F2121;
        padding: 0.5rem;
        filter: saturate(0);
        box-shadow:
          rgba(0, 0, 0, 0.18) 0 22px 46px,
          rgba(0, 0, 0, 0.05) 0 5px 6px;
        transition:
          transform 180ms ease,
          box-shadow 180ms ease,
          filter 180ms ease;
        will-change: transform;
      }

      .floating-card-shell:hover .comet-floating-card {
        filter: saturate(0);
        box-shadow:
          rgba(0, 0, 0, 0.28) 0 34px 78px,
          rgba(255, 255, 255, 0.12) 0 0 82px;
      }

      .comet-image-frame {
        position: relative;
        aspect-ratio: 3 / 4;
        width: 100%;
        transform: translateZ(26px);
      }

      .comet-image {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
        border-radius: 16px;
        background-color: #000;
        background-image: url("https://images.unsplash.com/photo-1505506874110-6a7a69069a08?q=80&w=1287&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
        background-position: center;
        background-size: cover;
        box-shadow: rgba(0, 0, 0, 0.05) 0 5px 6px 0;
        opacity: 1;
        filter: contrast(0.75);
      }

      .comet-card-footer {
        transform: translateZ(34px);
      }

      .vision-flip-card {
        position: relative;
        perspective: 1200px;
        transform-style: preserve-3d;
      }

      .vision-flip-card > * {
        transition:
          transform 680ms cubic-bezier(0.16, 1, 0.3, 1),
          opacity 360ms ease;
        transform-style: preserve-3d;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
      }

      .vision-flip-card::after {
        content: "";
        position: absolute;
        inset: 1rem;
        z-index: 5;
        border-radius: 16px;
        background:
          linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.28)),
          var(--vision-back-image) center / cover no-repeat,
          #111;
        box-shadow:
          rgba(0, 0, 0, 0.28) 0 28px 70px,
          inset 0 1px 1px rgba(255,255,255,0.1);
        opacity: 0;
        transform: rotateY(-180deg);
        transform-style: preserve-3d;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transition:
          transform 680ms cubic-bezier(0.16, 1, 0.3, 1),
          opacity 360ms ease;
        pointer-events: none;
      }

      .vision-flip-card.is-flipped > * {
        opacity: 0;
        transform: rotateY(180deg);
      }

      .vision-flip-card.is-flipped::after {
        opacity: 1;
        transform: rotateY(0deg);
      }

      .vision-flip-card:focus-visible {
        outline: 2px solid rgba(255,255,255,0.74);
        outline-offset: 4px;
      }

      .folder-glass-slot {
        margin-top: 1rem;
        display: flex;
        min-height: 7.25rem;
        align-items: center;
        justify-content: center;
      }

      .folder-glass-wrap {
        transform-origin: center;
      }

      .folder {
        cursor: pointer;
        transition: all 0.2s ease-in;
      }

      .folder:not(.folder--click):hover {
        transform: translateY(-8px);
      }

      .folder:not(.folder--click):hover .paper {
        transform: translate(-50%, 0%);
      }

      .folder:not(.folder--click):hover .folder__front {
        transform: skew(15deg) scaleY(0.6);
      }

      .folder:not(.folder--click):hover .right {
        transform: skew(-15deg) scaleY(0.6);
      }

      .folder.open {
        transform: translateY(-8px);
      }

      .folder.open .paper:nth-child(1) {
        transform: translate(-120%, -70%) rotateZ(-15deg);
      }

      .folder.open .paper:nth-child(1):hover {
        transform: translate(-120%, -70%) rotateZ(-15deg) scale(1.1);
      }

      .folder.open .paper:nth-child(2) {
        transform: translate(10%, -70%) rotateZ(15deg);
        height: 80%;
      }

      .folder.open .paper:nth-child(2):hover {
        transform: translate(10%, -70%) rotateZ(15deg) scale(1.1);
      }

      .folder.open .paper:nth-child(3) {
        transform: translate(-50%, -100%) rotateZ(5deg);
        height: 80%;
      }

      .folder.open .paper:nth-child(3):hover {
        transform: translate(-50%, -100%) rotateZ(5deg) scale(1.1);
      }

      .folder.open .folder__front {
        transform: skew(15deg) scaleY(0.6);
      }

      .folder.open .right {
        transform: skew(-15deg) scaleY(0.6);
      }

      .folder__back {
        position: relative;
        width: 100px;
        height: 80px;
        border-radius: 0 10px 10px 10px;
        background:
          linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.045)),
          rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.22);
        box-shadow:
          0 18px 44px rgba(0,0,0,0.22),
          inset 0 1px 1px rgba(255,255,255,0.22);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
      }

      .folder__back::after {
        position: absolute;
        z-index: 0;
        bottom: 98%;
        left: 0;
        content: "";
        width: 30px;
        height: 10px;
        border-radius: 5px 5px 0 0;
        background:
          linear-gradient(145deg, rgba(255,255,255,0.2), rgba(255,255,255,0.06)),
          rgba(255,255,255,0.08);
        border: 1px solid rgba(255,255,255,0.18);
        border-bottom: 0;
      }

      .paper {
        position: absolute;
        z-index: 2;
        bottom: 10%;
        left: 50%;
        width: 70%;
        height: 80%;
        border-radius: 10px;
        background:
          linear-gradient(145deg, rgba(255,255,255,0.62), rgba(255,255,255,0.16)),
          rgba(255,255,255,0.22);
        border: 1px solid rgba(255,255,255,0.24);
        transform: translate(-50%, 10%);
        transition: all 0.3s ease-in-out;
        box-shadow: inset 0 1px 1px rgba(255,255,255,0.28);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
      }

      .paper:nth-child(2) {
        width: 80%;
        height: 70%;
        background:
          linear-gradient(145deg, rgba(255,255,255,0.5), rgba(255,255,255,0.13)),
          rgba(255,255,255,0.18);
      }

      .paper:nth-child(3) {
        width: 90%;
        height: 60%;
        background:
          linear-gradient(145deg, rgba(255,255,255,0.42), rgba(255,255,255,0.1)),
          rgba(255,255,255,0.14);
      }

      .folder__front {
        position: absolute;
        z-index: 3;
        width: 100%;
        height: 100%;
        border-radius: 5px 10px 10px 10px;
        transform-origin: bottom;
        transition: all 0.3s ease-in-out;
        background:
          linear-gradient(145deg, rgba(255,255,255,0.18), rgba(255,255,255,0.05)),
          rgba(255,255,255,0.055);
        border: 1px solid rgba(255,255,255,0.24);
        box-shadow:
          inset 0 1px 1px rgba(255,255,255,0.22),
          0 12px 30px rgba(0,0,0,0.16);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }

      .folder__front.right {
        right: 0;
      }

      .folder:focus-visible {
        outline: 2px solid rgba(255,255,255,0.72);
        outline-offset: 4px;
        border-radius: 10px;
      }

      @media (min-width: 768px) {
        .comet-floating-card {
          width: 20rem;
          padding: 1rem;
        }
      }

      #capability-cards {
        perspective: 1200px;
      }

      .capability-tilt-card {
        --tilt-x: 0deg;
        --tilt-y: 0deg;
        --shine-x: 50%;
        --shine-y: 50%;
        transform-style: preserve-3d;
      }

      .capability-tilt-card::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,255,255,0.18), transparent 34%);
        opacity: 0;
        transition: opacity 220ms ease;
        pointer-events: none;
      }

      .capability-tilt-card:hover {
        transform: translateY(-8px) scale(1.035) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
      }

      .capability-tilt-card:hover::after {
        opacity: 1;
      }

      .interactive-button {
        transition:
          transform 220ms ease,
          background 220ms ease,
          box-shadow 220ms ease;
        will-change: transform;
      }

      .interactive-button:hover {
        transform: translateY(-3px) scale(1.04);
      }

      .interactive-hover-button {
        position: relative;
        display: inline-flex;
        width: auto;
        min-width: 8.75rem;
        cursor: pointer;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
        border: 1px solid rgba(255,255,255,0.35);
        background: rgba(255,255,255,0.03);
        padding: 0.72rem 1.5rem;
        text-align: center;
        font-family: "Geist", "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1;
        color: #fff;
        text-decoration: none;
        box-shadow:
          inset 0 1px 1px rgba(255,255,255,0.18),
          0 14px 36px rgba(0,0,0,0.22);
        isolation: isolate;
        contain: paint;
        transform: translateZ(0);
        will-change: transform;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          box-shadow 220ms ease,
          color 220ms ease;
      }

      .interactive-hover-button:hover,
      .interactive-hover-button:focus-visible {
        transform: translateY(-2px);
        border-color: rgba(255,255,255,0.62);
        color: #0f1111;
        box-shadow:
          inset 0 1px 1px rgba(255,255,255,0.28),
          0 18px 44px rgba(0,0,0,0.28);
      }

      .interactive-hover-button-dot {
        position: relative;
        z-index: 0;
        height: 0.5rem;
        width: 0.5rem;
        flex: 0 0 auto;
        border-radius: 9999px;
        background: #fff;
        transform: translateZ(0) scale(1);
        will-change: transform;
        transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .interactive-hover-button:hover .interactive-hover-button-dot,
      .interactive-hover-button:focus-visible .interactive-hover-button-dot {
        transform: translateZ(0) scale(42);
      }

      .interactive-hover-button-default {
        position: relative;
        z-index: 1;
        display: inline-block;
        white-space: nowrap;
        transition:
          transform 240ms ease,
          opacity 180ms ease;
      }

      .interactive-hover-button:hover .interactive-hover-button-default,
      .interactive-hover-button:focus-visible .interactive-hover-button-default {
        opacity: 0;
        transform: translateX(3rem);
      }

      .interactive-hover-button-hover {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        color: #0f1111;
        opacity: 0;
        transform: translateX(3rem);
        transition:
          transform 240ms ease,
          opacity 180ms ease;
      }

      .interactive-hover-button:hover .interactive-hover-button-hover,
      .interactive-hover-button:focus-visible .interactive-hover-button-hover {
        opacity: 1;
        transform: translateX(-0.3rem);
      }

      .interactive-hover-button-wide {
        min-width: 14rem;
      }

      .fluid-cursor-layer {
        pointer-events: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 80;
        height: 100vh;
        width: 100vw;
        filter: blur(16px) saturate(1.2);
        mix-blend-mode: screen;
        opacity: 0.9;
      }

      .nav-pill-link {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        border-radius: 9999px;
        transition:
          transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
          color 240ms ease,
          text-shadow 240ms ease;
        will-change: transform;
      }

      .nav-pill-link::before {
        content: "";
        position: absolute;
        inset: 3px;
        z-index: -1;
        border-radius: inherit;
        background: rgba(255, 255, 255, 0.11);
        box-shadow:
          0 12px 34px rgba(255, 255, 255, 0.1),
          inset 0 1px 1px rgba(255, 255, 255, 0.2);
        opacity: 0;
        transform: scale(0.82);
        transition:
          opacity 240ms ease,
          transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .nav-pill-link:hover,
      .nav-pill-link:focus-visible {
        transform: translateY(-2px) scale(1.07);
        color: #fff;
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.36);
      }

      .nav-pill-link:hover::before,
      .nav-pill-link:focus-visible::before {
        opacity: 1;
        transform: scale(1);
      }

      .nav-pill-link:active {
        transform: translateY(0) scale(0.98);
      }

      .reactbits-pill-nav {
        --pill-bg: rgba(18, 15, 23, 0.58);
        --pill-border: rgba(255, 255, 255, 0.38);
        position: relative;
        display: flex;
        align-items: center;
        gap: 3px;
        height: 58px;
        padding: 6px;
        border-radius: 9999px;
        background:
          linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
          var(--pill-bg);
        border: 1px solid var(--pill-border);
        box-shadow:
          0 22px 70px rgba(0, 0, 0, 0.42),
          inset 0 1px 1px rgba(255,255,255,0.18);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        overflow: hidden;
      }

      .reactbits-pill-nav::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: radial-gradient(circle at 16% 50%, rgba(255,255,255,0.12), transparent 26%);
        pointer-events: none;
      }

      .reactbits-pill-link {
        position: relative;
        isolation: isolate;
        display: inline-flex;
        min-width: 76px;
        height: 46px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 9999px;
        color: rgba(255,255,255,0.9);
        font-size: 18px;
        font-weight: 600;
        line-height: 1;
        text-decoration: none;
        transition:
          color 240ms ease,
          transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
          text-shadow 240ms ease;
      }

      .reactbits-pill-link::before {
        content: "";
        position: absolute;
        inset: 2px;
        z-index: -1;
        border-radius: 9999px;
        background: rgba(255,255,255,0.9);
        opacity: 0;
        transform: scale(0.88);
        transition:
          opacity 220ms ease,
          transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .reactbits-pill-link:hover,
      .reactbits-pill-link:focus-visible,
      .reactbits-pill-link.is-active {
        color: #120f17;
        text-shadow: none;
        transform: translateY(-1px);
      }

      .reactbits-pill-link:hover::before,
      .reactbits-pill-link:focus-visible::before,
      .reactbits-pill-link.is-active::before {
        opacity: 1;
        transform: scale(1);
      }

      .cta-pop {
        transition:
          transform 240ms ease,
          box-shadow 240ms ease,
          background 240ms ease;
        will-change: transform;
      }

      .cta-pop:hover {
        transform: translateY(-4px) scale(1.08);
        background: rgba(255, 255, 255, 0.075);
        box-shadow:
          0 18px 52px rgba(255, 255, 255, 0.12),
          inset 0 1px 2px rgba(255, 255, 255, 0.2);
      }

      .page-link-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        margin-top: 18px;
      }

      .page-link-row a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 16px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.06);
        color: rgba(255, 255, 255, 0.84);
        text-decoration: none;
        font-size: 17px;
        font-weight: 700;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .page-link-row a:hover {
        color: #101214;
        background: #f5f7f8;
      }

      .section-contact-bg {
        background:
          radial-gradient(circle at 35% 45%, rgba(255,255,255,0.15), transparent 34%),
          linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.38)),
          url("../images/hero-bg.jpg") center / cover no-repeat,
          #070707;
      }

      .desktop-scale-shell {
        transform-origin: center center;
      }

      .site-footer {
        position: relative;
        overflow: hidden;
        border-top: 1px solid rgba(255, 255, 255, 0.09);
        color: rgba(255, 255, 255, 0.6);
        background:
          linear-gradient(180deg, rgba(3, 4, 5, 0.9), rgba(2, 3, 4, 0.98)),
          radial-gradient(circle at 18% 0%, rgba(134, 240, 196, 0.1), transparent 28%),
          radial-gradient(circle at 82% 0%, rgba(108, 97, 255, 0.1), transparent 24%);
      }

      .site-footer::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(90deg, rgba(134, 240, 196, 0.08), transparent 16%, transparent 84%, rgba(108, 97, 255, 0.08));
        opacity: 0.8;
      }

      .site-footer-inner,
      .site-footer-bottom {
        position: relative;
        z-index: 1;
      }

      .site-footer-icp {
        color: inherit;
        text-decoration: none;
      }

      .site-footer-icp:hover,
      .site-footer-icp:focus-visible {
        color: #3168ec;
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      .site-footer-inner {
        width: min(1560px, calc(100% - 96px));
        margin: 0 auto;
        padding: 72px 0 46px;
        display: grid;
        grid-template-columns: minmax(360px, 1.28fr) minmax(190px, 0.72fr) minmax(210px, 0.78fr) minmax(320px, 1fr);
        gap: 52px;
        font-size: 17px;
        align-items: start;
        justify-items: start;
      }

      .site-footer-brand,
      .site-footer-group,
      .site-footer-contact {
        align-self: start;
      }

      .site-footer-brand {
        padding-right: 34px;
        border-right: 1px solid rgba(255, 255, 255, 0.08);
      }

      .site-footer-group {
        padding-inline: 20px 28px;
        border-right: 1px solid rgba(255, 255, 255, 0.08);
      }

      .site-footer-contact {
        padding-left: 26px;
      }

      .site-footer-title,
      .site-footer-column-title {
        color: rgba(255, 255, 255, 0.94);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .site-footer-brand p,
      .site-footer-contact div,
      .site-footer-note {
        margin: 0;
        font-size: 17px;
        line-height: 2.05;
      }

      .site-footer-brand p {
        max-width: 40rem;
        color: rgba(255, 255, 255, 0.7);
      }

      .site-footer-note {
        margin-top: 14px;
        color: rgba(255, 255, 255, 0.48);
      }

      .site-footer-links-grid {
        display: grid;
        gap: 18px;
      }

      .site-footer-links-grid a,
      .site-footer-links-grid span {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        color: rgba(255, 255, 255, 0.78);
        text-decoration: none;
        font-size: 17px;
        transform-origin: left center;
        transition:
          transform 180ms ease,
          color 180ms ease,
          opacity 180ms ease;
      }

      .site-footer-links-grid a:hover,
      .site-footer a:hover {
        color: #ffffff;
        transform: translateX(3px);
      }

      .site-footer-bottom {
        width: min(1560px, calc(100% - 96px));
        margin: 0 auto;
        padding: 26px 0 42px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.46);
      }

      @media (max-width: 980px) {
        .site-footer-inner {
          grid-template-columns: 1fr 1fr;
          gap: 24px 20px;
        }

        .site-footer-brand,
        .site-footer-group {
          padding-right: 0;
          border-right: 0;
        }

        .site-footer-contact {
          padding-left: 0;
        }
      }

      @media (max-width: 620px) {
        .site-footer-inner,
        .site-footer-bottom {
          width: min(1560px, calc(100% - 32px));
        }

        .site-footer-inner {
          grid-template-columns: 1fr;
          gap: 18px;
          padding: 34px 0 24px;
        }

        .site-footer-bottom {
          flex-direction: column;
          align-items: flex-start;
          padding: 16px 0 24px;
        }
      }

      .connected-tech-section {
        isolation: isolate;
        max-width: 100vw;
        background: #050505;
      }

      html,
      body {
        overflow-x: clip;
      }

      .connected-tech-section::before,
      .connected-tech-section::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
      }

      .connected-tech-section::before {
        z-index: 0;
        background:
          url("../images/hero-bg.jpg") center / cover no-repeat;
        filter: grayscale(1) contrast(1.08) brightness(0.46);
        opacity: 0.22;
        transform: scale(1.06);
      }

      .connected-tech-section::after {
        z-index: 0;
        background:
          linear-gradient(90deg, rgba(5, 5, 5, 0.96) 0%, rgba(5, 5, 5, 0.58) 54%, rgba(5, 5, 5, 0.88) 100%),
          linear-gradient(180deg, #050505 0%, transparent 18%, transparent 82%, #050505 100%);
      }

      #vision.connected-tech-section::before {
        background-position: center;
        opacity: 0.15;
      }

      #vision.connected-tech-section::after {
        background:
          linear-gradient(90deg, rgba(5, 5, 5, 0.97) 0%, rgba(5, 5, 5, 0.76) 52%, rgba(5, 5, 5, 0.24) 100%),
          linear-gradient(180deg, #050505 0%, transparent 16%, transparent 84%, #050505 100%);
      }

      .tech-scan-light {
        position: absolute;
        z-index: 1;
        top: -18%;
        bottom: -18%;
        left: -18vw;
        width: min(20vw, 320px);
        background: linear-gradient(
          90deg,
          transparent 0%,
          rgba(255, 255, 255, 0.025) 28%,
          rgba(255, 255, 255, 0.1) 48%,
          rgba(255, 255, 255, 0.025) 68%,
          transparent 100%
        );
        mix-blend-mode: screen;
        opacity: 0;
        transform: translate3d(-120%, 0, 0) skewX(-10deg);
        animation: techScanLight 18s cubic-bezier(0.42, 0, 0.2, 1) infinite;
        will-change: transform, opacity;
      }

      #capabilities .tech-scan-light {
        animation-delay: -5s;
      }

      #vision .tech-scan-light {
        animation-delay: -1.8s;
      }

      @keyframes techScanLight {
        0%,
        35% {
          opacity: 0;
          transform: translate3d(-120%, 0, 0) skewX(-10deg);
        }

        44% {
          opacity: 0.46;
        }

        64% {
          opacity: 0.34;
          transform: translate3d(760%, 0, 0) skewX(-10deg);
        }

        72%,
        100% {
          opacity: 0;
          transform: translate3d(760%, 0, 0) skewX(-10deg);
        }
      }

      .cinematic-media {
        filter: grayscale(1) contrast(1.12) brightness(0.64);
      }

      .capability-track {
        width: 400vw;
        will-change: transform;
      }

      .cap-scene {
        position: relative;
        flex: 0 0 100vw;
        height: 100dvh;
        overflow: hidden;
      }

      .cap-media {
        position: absolute;
        overflow: hidden;
        background: #0a0a0a;
        clip-path: inset(0 0 0 0);
      }

      .cap-scene:nth-child(1) .cap-media {
        left: 52vw;
        top: 10vh;
        width: 39vw;
        height: 76vh;
      }

      .cap-scene:nth-child(2) .cap-media {
        left: 5vw;
        top: 8vh;
        width: 43vw;
        height: 84vh;
      }

      .cap-scene:nth-child(3) .cap-media {
        left: 48vw;
        top: 0;
        width: 52vw;
        height: 100dvh;
      }

      .cap-scene:nth-child(4) .cap-media {
        left: 0;
        top: 0;
        width: 100vw;
        height: 100dvh;
        opacity: 0.8;
      }

      .cap-copy {
        position: absolute;
        z-index: 2;
        left: 6vw;
        top: 16vh;
        width: min(48vw, 820px);
      }

      .cap-scene:nth-child(2) .cap-copy {
        left: 54vw;
        top: 20vh;
        width: min(39vw, 680px);
      }

      .cap-scene:nth-child(3) .cap-copy {
        left: 6vw;
        top: 18vh;
        width: min(46vw, 760px);
      }

      .cap-scene:nth-child(4) .cap-copy {
        left: 7vw;
        top: 17vh;
        width: min(58vw, 900px);
      }

      .cap-title,
      .service-title {
        letter-spacing: 0;
        font-weight: 420;
        line-height: 0.94;
        text-wrap: balance;
      }

      .cap-title {
        font-size: clamp(74px, 8.4vw, 154px);
      }

      .cap-outline {
        position: absolute;
        z-index: 1;
        left: 3vw;
        bottom: -0.14em;
        font-size: clamp(150px, 19vw, 360px);
        font-weight: 500;
        line-height: 0.8;
        letter-spacing: 0;
        color: transparent;
        -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
        white-space: nowrap;
        pointer-events: none;
      }

      .kinetic-link {
        position: relative;
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        gap: 18px;
        color: rgba(255, 255, 255, 0.9);
        text-decoration: none;
      }

      .kinetic-link::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2px;
        height: 1px;
        background: currentColor;
        transform: scaleX(0.28);
        transform-origin: left;
        transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
      }

      .kinetic-link:hover::after,
      .kinetic-link:focus-visible::after {
        transform: scaleX(1);
      }

      .counter-scroll-column {
        will-change: transform;
      }

      .service-copy-scene,
      .service-image-scene {
        height: 100dvh;
      }

      .service-copy-scene {
        display: flex;
        align-items: center;
        padding: 10vh 7vw;
      }

      .service-title {
        font-size: clamp(72px, 7.3vw, 132px);
      }

      .service-image-scene {
        position: relative;
        overflow: hidden;
      }

      .service-wordmark {
        position: absolute;
        z-index: 3;
        left: 4vw;
        bottom: 3vh;
        font-size: clamp(62px, 10vw, 190px);
        line-height: 0.82;
        font-weight: 500;
        letter-spacing: 0;
        color: rgba(255, 255, 255, 0.08);
        white-space: nowrap;
        pointer-events: none;
      }

      .reduced-cinematic-flow .cap-scene,
      .reduced-cinematic-flow .service-copy-scene,
      .reduced-cinematic-flow .service-image-scene {
        min-height: 100dvh;
      }

      @media (prefers-reduced-motion: reduce) {
        .tech-scan-light {
          display: none;
          animation: none;
        }

        .connected-tech-section *,
        .connected-tech-section *::before,
        .connected-tech-section *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
        }

        .capability-track,
        .counter-scroll-column {
          transform: none !important;
        }
      }

      /* Graphite interaction override: pointer and click states replace the former image and scroll stages. */
      .connected-tech-section {
        min-height: 100dvh !important;
        max-width: 100vw;
        overflow: hidden !important;
        background: #17181b !important;
      }

      .connected-tech-section::before {
        background:
          linear-gradient(120deg, rgba(255,255,255,0.04), transparent 42%, rgba(255,255,255,0.06)),
          linear-gradient(180deg, #26272b 0%, #1b1c20 52%, #121316 100%) !important;
        filter: none !important;
        opacity: 1 !important;
        transform: none !important;
      }

      .connected-tech-section::after {
        background: linear-gradient(90deg, rgba(255,255,255,0.035), transparent 20%, transparent 80%, rgba(0,0,0,0.18)) !important;
      }

      .interactive-surface {
        --pointer-x: 50%;
        --pointer-y: 50%;
        position: relative;
        z-index: 2;
        isolation: isolate;
        min-height: 100dvh;
        overflow: hidden;
        background:
          radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(255,255,255,0.14), transparent 23%),
          linear-gradient(135deg, rgba(255,255,255,0.035), transparent 38%, rgba(0,0,0,0.12));
        transition: background 240ms ease;
      }

      .interactive-surface::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: repeating-linear-gradient(90deg, transparent 0, transparent calc(12.5% - 1px), rgba(255,255,255,0.04) 12.5%);
        mask-image: linear-gradient(90deg, transparent, black 14%, black 86%, transparent);
        opacity: 0.48;
        pointer-events: none;
      }

      .interactive-surface::after {
        content: "";
        position: absolute;
        left: 7vw;
        right: 7vw;
        bottom: 8vh;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.24), transparent);
        pointer-events: none;
      }

      .capability-layout,
      .service-layout {
        display: grid;
        align-items: center;
        width: min(1500px, calc(100% - 12vw));
        min-height: 100dvh;
        margin: 0 auto;
        padding: 13vh 0 14vh;
      }

      .capability-layout {
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.45fr) minmax(250px, 0.63fr);
        gap: clamp(28px, 5vw, 92px);
      }

      .service-layout {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
        gap: clamp(42px, 8vw, 140px);
      }

      .capability-kicker,
      .service-kicker {
        color: rgba(255,255,255,0.62);
        font-size: 13px;
        letter-spacing: 0.08em;
      }

      .capability-heading,
      .service-heading {
        max-width: 31rem;
      }

      .capability-heading h2,
      .service-heading h2 {
        color: #f2f2f3;
        font-size: clamp(48px, 5.5vw, 92px);
        font-weight: 420;
        line-height: 0.98;
      }

      .capability-heading p,
      .service-heading p {
        margin-top: 26px;
        color: rgba(255,255,255,0.68);
        font-size: 16px;
        line-height: 1.9;
      }

      .signal-field {
        --signal-rotation: 0deg;
        --signal-scale: 1;
        position: relative;
        display: grid;
        min-height: 450px;
        place-items: center;
        border-left: 1px solid rgba(255,255,255,0.16);
        border-right: 1px solid rgba(255,255,255,0.1);
      }

      .signal-field::before,
      .signal-field::after {
        content: "";
        position: absolute;
        width: min(28vw, 360px);
        aspect-ratio: 1;
        border: 1px solid rgba(255,255,255,0.24);
        border-radius: 50%;
        transform: rotate(var(--signal-rotation)) scale(var(--signal-scale));
        transition: transform 420ms cubic-bezier(0.16,1,0.3,1), border-color 240ms ease;
      }

      .signal-field::after {
        width: min(18vw, 240px);
        border-color: rgba(255,255,255,0.4);
        transform: rotate(calc(var(--signal-rotation) * -1)) scale(calc(var(--signal-scale) * 0.86));
      }

      .signal-core,
      .orbit-center {
        position: relative;
        z-index: 2;
        display: grid;
        aspect-ratio: 1;
        place-items: center;
        border: 1px solid rgba(255,255,255,0.78);
        border-radius: 50%;
        background: #3a3b40;
        color: rgba(255,255,255,0.78);
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 10px;
        letter-spacing: 0.12em;
        box-shadow: 0 0 0 20px rgba(255,255,255,0.035), 0 0 0 21px rgba(255,255,255,0.14);
        transform: scale(var(--signal-scale, 1));
        transition: transform 420ms cubic-bezier(0.16,1,0.3,1), background-color 240ms ease;
      }

      .signal-core { width: min(13vw, 170px); }

      .capability-nav {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
      }

      .capability-nav button {
        display: flex;
        min-height: 52px;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 0 0 0 14px;
        border: 0;
        border-left: 1px solid rgba(255,255,255,0.17);
        background: transparent;
        color: rgba(255,255,255,0.52);
        cursor: pointer;
        text-align: left;
        transition: color 220ms ease, border-color 220ms ease, transform 220ms ease;
      }

      .capability-nav button:hover,
      .capability-nav button:focus-visible,
      .capability-nav button[aria-selected="true"] {
        border-left-color: rgba(255,255,255,0.9);
        color: #f4f4f5;
        transform: translateX(5px);
      }

      .capability-nav button span:last-child {
        color: rgba(255,255,255,0.38);
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 11px;
      }

      .capability-detail,
      .service-readout {
        color: rgba(255,255,255,0.72);
        font-size: 15px;
        line-height: 1.85;
      }

      .capability-detail {
        position: absolute;
        left: 7vw;
        bottom: 13vh;
        max-width: min(30rem, 34vw);
      }

      .capability-detail strong,
      .service-readout strong {
        display: block;
        margin-bottom: 8px;
        color: #f4f4f5;
        font-size: 30px;
        font-weight: 430;
      }

      .plain-link {
        position: relative;
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        gap: 18px;
        color: rgba(255,255,255,0.92);
        text-decoration: none;
      }

      .plain-link::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2px;
        height: 1px;
        background: currentColor;
        transform: scaleX(0.28);
        transform-origin: left;
        transition: transform 260ms cubic-bezier(0.16,1,0.3,1);
      }

      .plain-link:hover::after,
      .plain-link:focus-visible::after { transform: scaleX(1); }

      .service-orbit {
        --orbit-rotation: 0deg;
        position: relative;
        display: grid;
        min-height: 520px;
        place-items: center;
        border-left: 1px solid rgba(255,255,255,0.14);
      }

      .service-orbit::before,
      .service-orbit::after {
        content: "";
        position: absolute;
        width: min(28vw, 410px);
        aspect-ratio: 1;
        border: 1px solid rgba(255,255,255,0.18);
        border-radius: 50%;
        transform: rotate(var(--orbit-rotation));
        transition: transform 560ms cubic-bezier(0.16,1,0.3,1);
      }

      .service-orbit::after {
        width: min(16vw, 230px);
        border-color: rgba(255,255,255,0.42);
        transform: rotate(calc(var(--orbit-rotation) * -1));
      }

      .orbit-center { width: min(10vw, 150px); }

      .service-node {
        position: absolute;
        z-index: 3;
        display: grid;
        min-width: 130px;
        min-height: 56px;
        place-items: center;
        padding: 9px 14px;
        border: 1px solid transparent;
        border-radius: 999px;
        background: transparent;
        color: rgba(255,255,255,0.55);
        cursor: pointer;
        transition: color 220ms ease, border-color 220ms ease, background-color 220ms ease, transform 220ms ease;
      }

      .service-node:hover,
      .service-node:focus-visible,
      .service-node[aria-selected="true"] {
        border-color: rgba(255,255,255,0.42);
        background: rgba(255,255,255,0.11);
        color: #f4f4f5;
      }

      .service-node:nth-of-type(2) { top: 12%; left: 50%; transform: translateX(-50%); }
      .service-node:nth-of-type(3) { top: 50%; right: 4%; transform: translateY(-50%); }
      .service-node:nth-of-type(4) { bottom: 12%; left: 50%; transform: translateX(-50%); }
      .service-node:nth-of-type(5) { top: 50%; left: 4%; transform: translateY(-50%); }

      .service-node:nth-of-type(2):hover,
      .service-node:nth-of-type(2):focus-visible,
      .service-node:nth-of-type(2)[aria-selected="true"],
      .service-node:nth-of-type(4):hover,
      .service-node:nth-of-type(4):focus-visible,
      .service-node:nth-of-type(4)[aria-selected="true"] { transform: translateX(-50%) scale(1.04); }

      .service-node:nth-of-type(3):hover,
      .service-node:nth-of-type(3):focus-visible,
      .service-node:nth-of-type(3)[aria-selected="true"],
      .service-node:nth-of-type(5):hover,
      .service-node:nth-of-type(5):focus-visible,
      .service-node:nth-of-type(5)[aria-selected="true"] { transform: translateY(-50%) scale(1.04); }

      .service-node--top { top: 12%; left: 50%; transform: translateX(-50%); }
      .service-node--right { top: 50%; right: 4%; transform: translateY(-50%); }
      .service-node--bottom { bottom: 12%; left: 50%; transform: translateX(-50%); }
      .service-node--left { top: 50%; left: 4%; transform: translateY(-50%); }

      .service-node--top:hover,
      .service-node--top:focus-visible,
      .service-node--top[aria-selected="true"],
      .service-node--bottom:hover,
      .service-node--bottom:focus-visible,
      .service-node--bottom[aria-selected="true"] { transform: translateX(-50%) scale(1.04); }

      .service-node--right:hover,
      .service-node--right:focus-visible,
      .service-node--right[aria-selected="true"],
      .service-node--left:hover,
      .service-node--left:focus-visible,
      .service-node--left[aria-selected="true"] { transform: translateY(-50%) scale(1.04); }

      .service-readout {
        position: absolute;
        left: 8vw;
        bottom: 10vh;
        z-index: 3;
        max-width: 28rem;
      }

      @media (prefers-reduced-motion: reduce) {
        .connected-tech-section *,
        .connected-tech-section *::before,
        .connected-tech-section *::after {
          transition-duration: 0.01ms !important;
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
        }
      }

      @media (min-width: 1600px) and (min-height: 850px) {
        #home .desktop-scale-shell,
        #showcase .desktop-scale-shell,
        #final-contact .desktop-scale-shell {
          transform: scale(var(--desktop-fill-scale, 1));
        }

        #vision .desktop-scale-shell {
          transform: none;
        }

        #capabilities .capability-heading {
          top: 6%;
        }

        #capabilities .capability-support {
          left: clamp(4rem, 6vw, 8rem);
        }

        #capabilities .capability-contact {
          right: clamp(3rem, 5vw, 7rem);
        }
      }

      /* A single canvas sits behind pages 2-4, so section edges cannot split the background. */
      .continuity-sequence {
        position: relative;
        isolation: isolate;
        background: #121315;
      }

      .continuity-sequence::before,
      .continuity-sequence::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
      }

      .continuity-sequence::before {
        z-index: 0;
        background:
          linear-gradient(180deg, #121315 0, rgba(12,13,14,.7) 72px, rgba(7,8,9,.38) 190px, rgba(7,8,9,.38) 100%),
          linear-gradient(90deg, rgba(4,5,6,.26) 0, transparent 46%, rgba(4,5,6,.2) 100%),
          url("../images/hero-bg.jpg") center / cover fixed no-repeat;
      }

      .continuity-sequence::after {
        z-index: 0;
        background:
          radial-gradient(circle at 72% 16%, rgba(166,177,184,.16), transparent 28%),
          radial-gradient(circle at 18% 68%, rgba(255,255,255,.075), transparent 24%),
          linear-gradient(90deg, rgba(255,255,255,.028), transparent 26%, transparent 74%, rgba(255,255,255,.02));
        mix-blend-mode: screen;
      }

      .continuity-sequence > section {
        position: relative;
        z-index: 1;
      }

      /* Pages 2-4 share one continuous graphite surface. */
      .continuity-dark-page {
        --pointer-x: 50%;
        --pointer-y: 46%;
        position: relative;
        isolation: isolate;
        background: transparent !important;
      }

      .continuity-dark-page::before,
      .continuity-dark-page::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
      }

      .continuity-dark-page::before {
        background: radial-gradient(
          circle at var(--pointer-x) var(--pointer-y),
          rgba(255,255,255,.1) 0,
          rgba(255,255,255,.032) 20%,
          transparent 47%
        );
      }

      .continuity-dark-page::after {
        background:
          linear-gradient(90deg, rgba(255,255,255,.018) 0, transparent 28%, transparent 72%, rgba(255,255,255,.012) 100%);
      }

      /* Pages 3 and 4: pointer-led and click-led interaction. */
      .light-interactive-page {
        position: relative;
        min-height: 100dvh;
        overflow: hidden;
        color: #f5f5f2;
      }

      .capabilities-click-page,
      .service-click-page { background: transparent; }

      .click-page-inner {
        position: relative;
        z-index: 1;
        width: min(1440px, calc(100% - 4vw));
        min-height: 100dvh;
        margin: 0 auto;
        padding: clamp(42px, 6vh, 58px) 0 clamp(38px, 5.5vh, 52px);
      }

      .click-page-title {
        margin: 0;
        max-width: 10em;
        color: #f7f7f4;
        font-size: clamp(68px, 5.2vw, 82px);
        font-weight: 420;
        line-height: 1.05;
      }

      .click-page-intro {
        max-width: 38rem;
        margin: 24px 0 0;
        color: #b8b8b3;
        font-size: 20px;
        line-height: 1.7;
      }

      .capabilities-click-layout {
        display: grid;
        grid-template-columns: minmax(440px, .96fr) minmax(470px, 1.05fr) minmax(380px, .9fr);
        align-items: center;
        gap: 30px;
        min-height: calc(100dvh - 90px);
      }

      .capability-heading-block .click-page-title-line {
        display: block;
        white-space: nowrap;
      }

      .capability-context-list {
        display: grid;
        gap: 14px;
        max-width: 29rem;
        margin-top: 34px;
        padding-top: 22px;
        border-top: 1px solid rgba(255,255,255,.2);
      }

      .capability-context-row {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 14px;
        color: #b9b9b4;
        font-size: 15px;
        line-height: 1.55;
      }

      .capability-context-row strong {
        color: #f5f5f2;
        font-size: 14px;
        font-weight: 520;
      }

      .capability-graphic {
        --graphic-x: 0px;
        --graphic-y: 0px;
        position: relative;
        display: grid;
        min-height: clamp(520px, 76vh, 590px);
        place-items: center;
        border-inline: 1px solid rgba(255,255,255,.18);
      }

      .capability-graphic-ring {
        position: absolute;
        width: min(33vw, 490px);
        aspect-ratio: 1;
        border: 1px solid rgba(255,255,255,.42);
        border-radius: 50%;
        transform: translate(var(--graphic-x), var(--graphic-y));
        transition: transform 180ms ease-out, border-color 180ms ease;
      }

      .capability-graphic-ring::before,
      .capability-graphic-ring::after {
        content: "";
        position: absolute;
        inset: 18%;
        border: 1px solid rgba(255,255,255,.2);
        border-radius: 50%;
      }

      .capability-graphic-ring::after { inset: 36%; }

      .capability-graphic-axis {
        position: absolute;
        width: min(40vw, 590px);
        height: 1px;
        background: rgba(255,255,255,.2);
        transform: rotate(var(--axis-angle, 0deg));
        transition: transform 260ms cubic-bezier(.2,.8,.2,1);
      }

      .capability-graphic-axis:nth-child(2) { --axis-angle: 45deg; }
      .capability-graphic-axis:nth-child(3) { --axis-angle: -45deg; }

      .capability-graphic-core {
        position: relative;
        z-index: 2;
        display: grid;
        width: clamp(168px, 13vw, 202px);
        aspect-ratio: 1;
        place-items: center;
        border: 1px solid rgba(255,255,255,.9);
        border-radius: 50%;
        background: #0a0a0a;
        color: #f7f7f4;
        box-shadow: 0 0 0 18px rgba(255,255,255,.06);
        transition: transform 200ms ease, background-color 200ms ease, color 200ms ease;
      }

      .capability-graphic:hover .capability-graphic-core {
        transform: scale(1.04);
        background: #f3f3ef;
        color: #111;
      }

      .graphic-index { font-size: clamp(36px, 4vw, 56px); font-weight: 300; font-variant-numeric: tabular-nums; }
      .graphic-label { position: absolute; bottom: 26px; color: #a2a29d; font-size: 13px; }

      .capability-orbit-label {
        position: absolute;
        z-index: 3;
        color: #d0d0cb;
        font-size: 14px;
        line-height: 1;
        text-shadow: 0 1px 8px rgba(0,0,0,.7);
      }

      .capability-orbit-label--top { top: 8%; left: 50%; transform: translateX(-50%); }
      .capability-orbit-label--right { top: 50%; right: 4%; transform: translateY(-50%); }
      .capability-orbit-label--bottom { bottom: 8%; left: 50%; transform: translateX(-50%); }
      .capability-orbit-label--left { top: 50%; left: 4%; transform: translateY(-50%); }

      .capability-click-nav { display: grid; gap: 2px; }

      .capability-click-nav button,
      .service-step-button {
        border: 0;
        background: transparent;
        color: #aaa9a4;
        cursor: pointer;
        text-align: left;
        transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
      }

      .capability-click-nav button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 74px;
        padding: 0 22px;
        border-top: 1px solid rgba(255,255,255,.2);
      }

      .capability-click-nav button span:first-child { font-size: 21px; font-weight: 440; }
      .capability-click-nav button span:last-child { font-size: 13px; font-variant-numeric: tabular-nums; }

      .capability-click-nav button:hover,
      .capability-click-nav button:focus-visible,
      .capability-click-nav button[aria-selected="true"] {
        background: #f3f3ef;
        color: #111;
      }

      .capability-click-nav button:active,
      .service-step-button:active { transform: translateY(1px); }

      .capability-click-nav button:focus-visible,
      .service-step-button:focus-visible { outline: 2px solid #f3f3ef; outline-offset: 3px; }

      .capability-description {
        min-height: 232px;
        margin-top: 30px;
        color: #c3c3be;
        font-size: 17px;
        line-height: 1.72;
      }

      .capability-description strong {
        display: block;
        margin-bottom: 12px;
        color: #f7f7f4;
        font-size: 34px;
        font-weight: 500;
      }

      .click-page-tags { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 18px; color: #a8a8a3; font-size: 13px; }
      .click-page-link { display: inline-flex; min-height: 44px; align-items: center; margin-top: 22px; border-bottom: 1px solid #f3f3ef; color: #f3f3ef; font-size: 15px; text-decoration: none; }

      .service-click-layout {
        display: flex;
        min-height: calc(100dvh - 90px);
        flex-direction: column;
        justify-content: center;
        gap: clamp(22px, 3.2vh, 28px);
      }

      .service-page-header { max-width: 1180px; }
      .service-page-title {
        max-width: none;
        font-size: clamp(54px, 4.1vw, 64px);
        white-space: nowrap;
      }

      .service-process {
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid rgba(255,255,255,.24);
      }

      .service-step-button {
        position: relative;
        display: grid;
        grid-template-rows: auto auto auto;
        align-content: start;
        gap: 10px;
        width: 100%;
        min-height: 154px;
        padding: 20px 28px 22px 0;
        border-bottom: 1px solid rgba(255,255,255,.18);
      }

      .service-step-button + .service-step-button {
        padding-left: 28px;
        border-left: 1px solid rgba(255,255,255,.15);
      }

      .service-step-button::after {
        content: "";
        position: absolute;
        right: 28px;
        bottom: -1px;
        left: 0;
        height: 2px;
        background: #f3f3ef;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 220ms cubic-bezier(.16,1,.3,1);
      }

      .service-step-button + .service-step-button::after { left: 28px; }
      .service-step-button:hover,
      .service-step-button:focus-visible,
      .service-step-button[aria-selected="true"] { background: transparent; color: #f7f7f4; }
      .service-step-button:hover::after,
      .service-step-button:focus-visible::after,
      .service-step-button[aria-selected="true"]::after { transform: scaleX(1); }
      .service-step-number { color: rgba(255,255,255,.26); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 44px; font-weight: 300; line-height: 1; font-variant-numeric: tabular-nums; transition: color 180ms ease; }
      .service-step-button:hover .service-step-number,
      .service-step-button[aria-selected="true"] .service-step-number { color: #f7f7f4; }
      .service-step-title { font-size: clamp(24px, 1.8vw, 28px); font-weight: 480; }
      .service-step-summary { color: #aeadA8; font-size: 14px; line-height: 1.5; }

      .service-detail-panel {
        display: grid;
        grid-template-columns: minmax(220px, .7fr) minmax(420px, 1.55fr) auto;
        align-items: start;
        gap: clamp(32px, 4vw, 68px);
        min-height: 98px;
        color: #c3c3be;
      }

      .service-detail-panel strong { display: block; color: #f7f7f4; font-size: 30px; font-weight: 520; }
      .service-detail-copy { margin: 2px 0 0; max-width: 42rem; font-size: 17px; line-height: 1.75; }
      .service-detail-action { align-self: start; margin-top: 0; white-space: nowrap; }

      .service-output-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(28px, 3vw, 48px);
        padding-top: 22px;
        border-top: 1px solid rgba(255,255,255,.2);
      }

      .service-output-item {
        min-width: 0;
        padding-right: 20px;
      }

      .service-output-item + .service-output-item {
        padding-left: clamp(20px, 2vw, 32px);
        border-left: 1px solid rgba(255,255,255,.15);
      }

      .service-output-item strong {
        display: block;
        color: #f7f7f4;
        font-size: 19px;
        font-weight: 500;
      }

      .service-output-item p {
        margin: 10px 0 0;
        color: #aaa9a4;
        font-size: 14px;
        line-height: 1.6;
      }

      @media (max-width: 980px) {
        .click-page-inner { width: min(100% - 40px, 760px); padding-block: 74px 56px; }
        .capabilities-click-layout { grid-template-columns: 1fr; gap: 40px; min-height: auto; }
        .capability-heading-block .click-page-title-line,
        .service-page-title { white-space: normal; }
        .service-click-layout { min-height: auto; }
        .service-process { grid-template-columns: 1fr 1fr; }
        .service-detail-panel { grid-template-columns: 1fr; gap: 20px; }
        .service-output-grid { grid-template-columns: 1fr; }
        .service-output-item + .service-output-item { padding: 20px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.15); }
        .capability-graphic { min-height: 360px; border: 1px solid rgba(255,255,255,.18); }
        .capability-graphic-ring { width: min(66vw, 330px); }
        .capability-graphic-axis { width: min(76vw, 410px); }
        .capability-description { min-height: 0; }
      }

      @media (max-width: 560px) {
        .click-page-inner { width: calc(100% - 32px); padding-block: 64px 48px; }
        .click-page-title { font-size: 42px; }
        .capability-graphic { min-height: 300px; }
        .capability-graphic-ring { width: min(72vw, 270px); }
        .capability-graphic-axis { width: min(82vw, 320px); }
        .service-process { grid-template-columns: 1fr; }
        .service-step-button { min-height: 120px; padding: 16px 18px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .light-interactive-page *, .light-interactive-page::before, .light-interactive-page::after { transition-duration: .01ms !important; }
      }

      /* Pages 3 and 4: Swiss system interface generated from ui-ux-pro-max guidance. */
      .system-interface {
        --system-accent: #c9ff57;
        --system-accent-soft: rgba(201,255,87,.12);
        --system-blue: #9fd7ff;
        --system-paper: #f2f4ee;
        --system-muted: #a8aca5;
        --system-line: rgba(242,244,238,.18);
        --system-line-soft: rgba(242,244,238,.09);
        background: rgba(6,8,7,.72) !important;
        border-top: 1px solid var(--system-line);
      }

      .continuity-dark-page.system-interface::before {
        background:
          linear-gradient(90deg, transparent calc(var(--pointer-x) - .5px), rgba(201,255,87,.2) var(--pointer-x), transparent calc(var(--pointer-x) + .5px)),
          linear-gradient(180deg, transparent calc(var(--pointer-y) - .5px), rgba(159,215,255,.14) var(--pointer-y), transparent calc(var(--pointer-y) + .5px));
        opacity: .72;
      }

      .continuity-dark-page.system-interface::after {
        background-image: linear-gradient(90deg, var(--system-line-soft) 1px, transparent 1px);
        background-size: calc((100vw - 96px) / 12) 100%;
        background-position: 48px 0;
        opacity: .55;
      }

      .system-interface .click-page-inner {
        width: min(1500px, calc(100% - 96px));
        min-height: 100dvh;
        padding: clamp(42px, 5.5vh, 62px) 0;
      }

      .system-section-head {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 16px;
        align-items: start;
      }

      .system-section-id {
        grid-column: span 2;
        display: flex;
        align-items: center;
        gap: 14px;
        min-height: 44px;
        color: var(--system-paper);
        font-size: 13px;
        font-weight: 540;
      }

      .system-section-id span:first-child {
        color: var(--system-accent);
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-variant-numeric: tabular-nums;
      }

      .system-section-id span:last-child {
        padding-left: 14px;
        border-left: 1px solid var(--system-line);
      }

      .system-title-wrap { grid-column: span 7; }
      .system-title {
        margin: 0;
        max-width: 12em;
        color: var(--system-paper);
        font-size: clamp(46px, 4.3vw, 68px);
        font-weight: 470;
        line-height: 1.06;
      }

      .system-title .system-title-accent { color: var(--system-accent); }
      .system-title-line { display: block; white-space: nowrap; }
      .system-intro {
        grid-column: span 3;
        max-width: 24rem;
        margin: 4px 0 0;
        color: var(--system-muted);
        font-size: 16px;
        line-height: 1.75;
      }

      .capability-workspace {
        display: grid;
        grid-template-columns: minmax(460px, 5fr) minmax(560px, 7fr);
        min-height: 430px;
        margin-top: clamp(36px, 5vh, 58px);
        border-top: 1px solid var(--system-line);
        border-bottom: 1px solid var(--system-line);
      }

      .capability-system-list {
        display: grid;
        grid-template-rows: repeat(4, 1fr);
        border-right: 1px solid var(--system-line);
      }

      .capability-system-button {
        position: relative;
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) auto;
        align-items: center;
        gap: 20px;
        width: 100%;
        min-height: 98px;
        padding: 18px 30px 18px 0;
        border: 0;
        border-bottom: 1px solid var(--system-line-soft);
        background: transparent;
        color: var(--system-muted);
        cursor: pointer;
        text-align: left;
        transition: background-color 220ms ease, color 220ms ease, padding-left 220ms cubic-bezier(.16,1,.3,1);
      }

      .capability-system-button:last-child { border-bottom: 0; }
      .capability-system-button::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        background: var(--system-accent);
        transform: scaleY(0);
        transform-origin: center;
        transition: transform 220ms cubic-bezier(.16,1,.3,1);
      }

      .capability-system-button:hover,
      .capability-system-button:focus-visible,
      .capability-system-button[aria-selected="true"] {
        padding-left: 22px;
        background: var(--system-accent-soft);
        color: var(--system-paper);
      }

      .capability-system-button:hover::before,
      .capability-system-button:focus-visible::before,
      .capability-system-button[aria-selected="true"]::before { transform: scaleY(1); }

      .capability-system-button:focus-visible,
      .delivery-stage-button:focus-visible,
      .system-link:focus-visible { outline: 2px solid var(--system-accent); outline-offset: 3px; }

      .capability-system-code {
        color: var(--system-accent);
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 13px;
        font-variant-numeric: tabular-nums;
      }

      .capability-system-name { display: grid; gap: 5px; }
      .capability-system-name strong { font-size: clamp(22px, 1.8vw, 29px); font-weight: 500; }
      .capability-system-name small { color: var(--system-muted); font-size: 13px; }
      .capability-system-arrow { color: var(--system-blue); font-size: 21px; transition: transform 180ms ease; }
      .capability-system-button:hover .capability-system-arrow,
      .capability-system-button[aria-selected="true"] .capability-system-arrow { transform: translate(4px, -4px); }

      .capability-live-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(250px, .72fr);
        gap: clamp(36px, 4vw, 70px);
        align-content: space-between;
        min-width: 0;
        padding: clamp(34px, 4vw, 58px);
      }

      .capability-live-copy { align-self: start; }
      .system-panel-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--system-line);
        color: var(--system-muted);
        font-size: 13px;
      }

      .system-panel-meta span:last-child { color: var(--system-accent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
      .capability-live-title { margin: 34px 0 0; color: var(--system-paper); font-size: clamp(34px, 3vw, 48px); font-weight: 500; }
      .capability-live-body { max-width: 42rem; margin: 18px 0 0; color: #c7cac3; font-size: 17px; line-height: 1.78; }

      .system-tag-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
      .system-tag-list span {
        min-height: 32px;
        padding: 6px 11px;
        border: 1px solid var(--system-line);
        color: var(--system-muted);
        font-size: 13px;
      }

      .system-link {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        gap: 12px;
        margin-top: 30px;
        color: var(--system-paper);
        font-size: 15px;
        text-decoration: none;
      }

      .system-link::after { content: "\2197"; color: var(--system-accent); font-size: 18px; transition: transform 180ms ease; }
      .system-link:hover::after { transform: translate(4px, -4px); }

      .capability-signal-map {
        align-self: stretch;
        display: grid;
        grid-template-rows: auto 1fr;
        border-left: 1px solid var(--system-line);
        padding-left: clamp(26px, 3vw, 44px);
      }

      .capability-signal-label { color: var(--system-muted); font-size: 13px; }
      .capability-signal-flow { display: grid; align-content: center; gap: 0; margin-top: 22px; }
      .capability-signal-node {
        position: relative;
        display: grid;
        grid-template-columns: 10px 28px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-height: 58px;
        border-bottom: 1px solid var(--system-line-soft);
        color: #c7cac3;
        font-size: 14px;
      }

      .capability-signal-node::before {
        content: "";
        width: 8px;
        height: 8px;
        background: var(--system-accent);
        box-shadow: 0 0 0 6px rgba(201,255,87,.09);
      }

      .capability-signal-node:first-child::before { background: var(--system-blue); box-shadow: 0 0 0 6px rgba(159,215,255,.08); }

      .delivery-layout { display: flex; flex-direction: column; justify-content: center; }

      .system-interface.service-click-page { background: rgba(4,6,5,.76) !important; }
      .continuity-dark-page.system-interface.service-click-page::before,
      .continuity-dark-page.system-interface.service-click-page::after { background: none; }

      .delivery-rail {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-top: clamp(36px, 5vh, 56px);
        border-top: 1px solid var(--system-line);
        border-bottom: 1px solid var(--system-line);
      }

      .delivery-stage-button {
        position: relative;
        display: grid;
        gap: 10px;
        min-height: 128px;
        padding: 24px 30px;
        border: 0;
        border-right: 1px solid var(--system-line-soft);
        background: transparent;
        color: var(--system-muted);
        cursor: pointer;
        text-align: left;
        transition: background-color 220ms ease, color 220ms ease;
      }

      .delivery-stage-button:last-child { border-right: 0; }
      .delivery-stage-button::after {
        content: "";
        position: absolute;
        right: 30px;
        bottom: -1px;
        left: 30px;
        height: 3px;
        background: var(--system-accent);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 240ms cubic-bezier(.16,1,.3,1);
      }

      .delivery-stage-button:hover,
      .delivery-stage-button:focus-visible,
      .delivery-stage-button[aria-selected="true"] { background: var(--system-accent-soft); color: var(--system-paper); }
      .delivery-stage-button:hover::after,
      .delivery-stage-button:focus-visible::after,
      .delivery-stage-button[aria-selected="true"]::after { transform: scaleX(1); }
      .delivery-stage-code { color: var(--system-accent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; }
      .delivery-stage-title { font-size: clamp(22px, 1.8vw, 28px); font-weight: 500; }
      .delivery-stage-summary { color: var(--system-muted); font-size: 13px; }

      .delivery-focus {
        display: grid;
        grid-template-columns: minmax(390px, 5fr) minmax(560px, 7fr);
        min-height: 320px;
        border-bottom: 1px solid var(--system-line);
      }

      .delivery-focus-summary {
        padding: clamp(32px, 4vw, 54px) clamp(36px, 4vw, 62px) clamp(32px, 4vw, 54px) 0;
        border-right: 1px solid var(--system-line);
      }

      .delivery-focus-kicker { color: var(--system-accent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; }
      .delivery-focus-title { margin: 22px 0 0; color: var(--system-paper); font-size: clamp(34px, 3vw, 48px); font-weight: 500; }
      .delivery-focus-body { max-width: 36rem; margin: 18px 0 0; color: #c7cac3; font-size: 17px; line-height: 1.78; }

      .delivery-output-list { padding: clamp(28px, 3.5vw, 48px) 0 clamp(28px, 3.5vw, 48px) clamp(36px, 4vw, 62px); }
      .delivery-output-head { display: flex; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--system-line); color: var(--system-muted); font-size: 13px; }
      .delivery-output-head span:last-child { color: var(--system-blue); }
      .delivery-output-row {
        display: grid;
        grid-template-columns: 44px minmax(180px, .75fr) minmax(0, 1fr);
        gap: 18px;
        align-items: center;
        min-height: 72px;
        border-bottom: 1px solid var(--system-line-soft);
      }

      .delivery-output-row:last-child { border-bottom: 0; }
      .delivery-output-row > span { color: var(--system-accent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }
      .delivery-output-row strong { color: var(--system-paper); font-size: 17px; font-weight: 500; }
      .delivery-output-row p { margin: 0; color: var(--system-muted); font-size: 14px; line-height: 1.55; }

      @media (max-width: 1100px) {
        .system-interface .click-page-inner { width: min(100% - 48px, 960px); padding-block: 60px; }
        .system-section-id { grid-column: span 3; }
        .system-title-wrap { grid-column: span 9; }
        .system-title-line { white-space: normal; }
        .system-intro { grid-column: 4 / -1; margin-top: 24px; }
        .capability-workspace,
        .delivery-focus { grid-template-columns: 1fr; }
        .capability-system-list { border-right: 0; }
        .capability-live-panel { border-top: 1px solid var(--system-line); }
        .delivery-focus-summary { border-right: 0; border-bottom: 1px solid var(--system-line); }
        .delivery-output-list { padding-left: 0; }
      }

      @media (max-width: 720px) {
        .continuity-dark-page.system-interface::after { background-size: calc((100vw - 32px) / 4) 100%; background-position: 16px 0; }
        .system-interface .click-page-inner { width: calc(100% - 32px); padding-block: 48px; }
        .system-section-id,
        .system-title-wrap,
        .system-intro { grid-column: 1 / -1; }
        .system-title { font-size: 40px; }
        .system-intro { margin-top: 16px; }
        .capability-workspace { grid-template-columns: 1fr; min-height: 0; margin-top: 34px; }
        .capability-system-button { grid-template-columns: 48px 1fr auto; min-height: 88px; padding-right: 14px; }
        .capability-live-panel { grid-template-columns: 1fr; padding: 30px 0; }
        .capability-signal-map { min-height: 260px; border-top: 1px solid var(--system-line); border-left: 0; padding: 28px 0 0; }
        .delivery-rail { grid-template-columns: 1fr 1fr; }
        .delivery-stage-button { min-height: 112px; padding: 20px; }
        .delivery-stage-button:nth-child(2) { border-right: 0; }
        .delivery-stage-button:nth-child(-n+2) { border-bottom: 1px solid var(--system-line-soft); }
        .delivery-focus { min-height: 0; }
        .delivery-focus-summary { padding: 30px 0; }
        .delivery-output-row { grid-template-columns: 36px 1fr; padding-block: 16px; }
        .delivery-output-row p { grid-column: 2; }
      }

      @media (prefers-reduced-motion: reduce) {
        .system-interface *, .system-interface::before, .system-interface::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
      }

      /* Page 3: radial capability navigator. It intentionally does not reuse page 4's grid cards. */
      .capabilities-click-page {
        --wheel-line: rgba(98,230,255,.42);
        --wheel-line-soft: rgba(98,230,255,.14);
        --wheel-cyan: #62e6ff;
        --wheel-active: #c9ff57;
      }

      .continuity-dark-page.system-interface.capabilities-click-page::before,
      .continuity-dark-page.system-interface.capabilities-click-page::after { background: none; }

      .capability-wheel-layout {
        display: grid;
        grid-template-columns: minmax(360px, 4fr) minmax(690px, 8fr);
        align-items: center;
        gap: clamp(36px, 5vw, 84px);
      }

      .capability-wheel-copy { position: relative; z-index: 3; }
      .capability-wheel-copy .system-section-id { margin-bottom: clamp(32px, 4vh, 48px); }
      .capability-wheel-copy .system-title { max-width: 8em; font-size: clamp(48px, 4.5vw, 70px); }
      .capability-wheel-copy .system-title-accent { color: var(--wheel-cyan); }

      .capability-wheel-detail {
        max-width: 31rem;
        margin-top: clamp(44px, 6vh, 72px);
        padding-top: 24px;
        border-top: 1px solid var(--system-line);
      }

      .capability-wheel-kicker {
        color: var(--wheel-active);
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 13px;
        font-variant-numeric: tabular-nums;
      }

      .capability-wheel-detail h3 { margin: 18px 0 0; color: var(--system-paper); font-size: clamp(30px, 2.7vw, 42px); font-weight: 500; }
      .capability-wheel-detail p { margin: 16px 0 0; color: #c7cac3; font-size: 16px; line-height: 1.75; }
      .capability-wheel-detail .system-tag-list { margin-top: 20px; }
      .capability-wheel-detail .system-tag-list { gap: 10px 20px; }
      .capability-wheel-detail .system-tag-list span {
        position: relative;
        min-height: 0;
        padding: 0 0 0 12px;
        border: 0;
        color: #b8c8c8;
      }
      .capability-wheel-detail .system-tag-list span::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--wheel-cyan);
        transform: translateY(-50%);
      }
      .capability-wheel-detail .system-link::after { color: var(--wheel-cyan); }

      .capability-wheel-stage {
        position: relative;
        display: grid;
        min-height: min(78vh, 720px);
        place-items: center;
      }

      .capability-wheel {
        --wheel-size: min(46vw, 650px);
        position: relative;
        width: var(--wheel-size);
        aspect-ratio: 1;
        border: 1px solid var(--wheel-line);
        border-radius: 50%;
        background: rgba(2,8,9,.26);
        box-shadow: inset 0 0 80px rgba(98,230,255,.035);
      }

      .capability-wheel::before {
        content: "";
        position: absolute;
        inset: 7%;
        border-radius: 50%;
        background: conic-gradient(from -45deg, var(--wheel-active) 0deg, rgba(201,255,87,.28) 88deg, transparent 90deg 360deg);
        -webkit-mask: radial-gradient(circle, transparent 0 91%, #000 91.3% 100%);
        mask: radial-gradient(circle, transparent 0 91%, #000 91.3% 100%);
        transform: rotate(var(--sector-angle));
        transition: transform 520ms cubic-bezier(.16,1,.3,1);
      }

      .capability-wheel::after {
        content: "";
        position: absolute;
        inset: 22%;
        border: 1px dashed var(--wheel-line-soft);
        border-radius: 50%;
      }

      .capability-wheel-ring {
        position: absolute;
        inset: 36%;
        border: 1px solid var(--wheel-line);
        border-radius: 50%;
      }

      .capability-wheel-axis {
        position: absolute;
        top: 50%;
        left: 8%;
        width: 84%;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--wheel-line-soft) 12%, var(--wheel-line-soft) 88%, transparent);
      }

      .capability-wheel-axis--vertical { transform: rotate(90deg); }
      .capability-wheel-axis--diag-a { transform: rotate(45deg); opacity: .55; }
      .capability-wheel-axis--diag-b { transform: rotate(-45deg); opacity: .55; }

      .capability-wheel-pointer {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: calc(50% - .5px);
        width: 1px;
        height: 36%;
        background: linear-gradient(180deg, var(--wheel-active), rgba(201,255,87,.1));
        transform: rotate(var(--pointer-angle));
        transform-origin: 50% 0;
        transition: transform 520ms cubic-bezier(.16,1,.3,1);
      }

      .capability-wheel-pointer::after {
        content: "";
        position: absolute;
        right: -5px;
        bottom: -5px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: var(--wheel-active);
        box-shadow: 0 0 0 7px rgba(201,255,87,.1), 0 0 24px rgba(201,255,87,.38);
      }

      .capability-wheel-center {
        position: absolute;
        z-index: 4;
        top: 50%;
        left: 50%;
        display: grid;
        width: 26%;
        aspect-ratio: 1;
        place-content: center;
        gap: 5px;
        border: 1px solid var(--wheel-line);
        border-radius: 50%;
        background: #071012;
        text-align: center;
        transform: translate(-50%, -50%);
      }

      .capability-wheel-center span { color: var(--wheel-cyan); font-size: 12px; }
      .capability-wheel-center strong { color: var(--system-paper); font-size: clamp(32px, 3.4vw, 50px); font-weight: 350; line-height: 1; font-variant-numeric: tabular-nums; }
      .capability-wheel-center small { color: var(--system-muted); font-size: 12px; }

      .capability-wheel-option {
        position: absolute;
        z-index: 6;
        display: grid;
        min-width: 170px;
        min-height: 64px;
        place-content: center;
        gap: 5px;
        padding: 8px 18px;
        border: 0;
        background: transparent;
        color: var(--system-muted);
        cursor: pointer;
        text-align: center;
        text-shadow: 0 2px 12px #020605;
        transition: color 220ms ease, transform 220ms cubic-bezier(.16,1,.3,1);
      }

      .capability-wheel-option::before {
        content: "";
        position: absolute;
        width: 9px;
        height: 9px;
        border: 1px solid var(--wheel-cyan);
        border-radius: 50%;
        background: #071012;
        transition: background-color 180ms ease, box-shadow 180ms ease;
      }

      .capability-wheel-option strong { font-size: clamp(18px, 1.5vw, 23px); font-weight: 500; }
      .capability-wheel-option small { color: var(--system-muted); font-size: 12px; }
      .capability-wheel-option:hover,
      .capability-wheel-option:focus-visible,
      .capability-wheel-option[aria-selected="true"] { color: var(--system-paper); }
      .capability-wheel-option:hover::before,
      .capability-wheel-option:focus-visible::before,
      .capability-wheel-option[aria-selected="true"]::before { background: var(--wheel-active); border-color: var(--wheel-active); box-shadow: 0 0 0 7px rgba(201,255,87,.1); }
      .capability-wheel-option:focus-visible { outline: 2px solid var(--wheel-active); outline-offset: 3px; }

      .capability-wheel-option--0 { top: 0; left: 50%; transform: translate(-50%, -18%); }
      .capability-wheel-option--1 { top: 50%; right: 0; transform: translate(38%, -50%); }
      .capability-wheel-option--2 { bottom: 0; left: 50%; transform: translate(-50%, 18%); }
      .capability-wheel-option--3 { top: 50%; left: 0; transform: translate(-38%, -50%); }
      .capability-wheel-option--0::before { bottom: -2px; left: calc(50% - 4px); }
      .capability-wheel-option--1::before { top: calc(50% - 4px); left: -2px; }
      .capability-wheel-option--2::before { top: -2px; left: calc(50% - 4px); }
      .capability-wheel-option--3::before { top: calc(50% - 4px); right: -2px; }

      .delivery-stage-button:hover,
      .delivery-stage-button:focus-visible,
      .delivery-stage-button[aria-selected="true"] { background: transparent; }

      @media (max-width: 1100px) {
        .capability-wheel-layout { grid-template-columns: 1fr; gap: 30px; }
        .capability-wheel-copy { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(360px, 1.2fr); gap: 40px; align-items: end; }
        .capability-wheel-copy .system-section-id { grid-column: 1 / -1; margin-bottom: 0; }
        .capability-wheel-detail { margin-top: 0; }
        .capability-wheel-stage { min-height: 650px; }
        .capability-wheel { --wheel-size: min(68vw, 580px); }
      }

      @media (max-width: 720px) {
        .capability-wheel-copy { display: block; }
        .capability-wheel-copy .system-title { max-width: none; font-size: 40px; }
        .capability-wheel-detail { margin-top: 34px; }
        .capability-wheel-stage { min-height: 430px; }
        .capability-wheel { --wheel-size: min(82vw, 360px); }
        .capability-wheel-option { min-width: 112px; min-height: 52px; padding: 4px 8px; }
        .capability-wheel-option strong { font-size: 15px; }
        .capability-wheel-option small { display: none; }
        .capability-wheel-option--1 { transform: translate(28%, -50%); }
        .capability-wheel-option--3 { transform: translate(-28%, -50%); }
      }

      /* Page 3: enterprise trust ecosystem, adapted from the supplied orbit layout. */
      .capability-trust-page {
        --trust-cyan: #62e6ff;
        --trust-green: #c9ff57;
        background: transparent !important;
      }

      .capability-trust-page .click-page-inner { width: min(1760px, calc(100% - 96px)); padding-block: 32px 58px; }

      .trust-hero-layout {
        display: grid;
        grid-template-columns: minmax(400px, 5fr) minmax(720px, 7fr);
        align-items: center;
        gap: clamp(24px, 3vw, 54px);
      }

      .trust-copy { position: relative; z-index: 20; padding-top: 20px; }
      .trust-copy .system-section-id { margin-bottom: clamp(30px, 4vh, 46px); }
      .trust-heading {
        min-height: 3.1em;
        margin: 0;
        max-width: 9.4em;
        color: var(--system-paper);
        font-size: clamp(48px, 4.55vw, 70px);
        font-weight: 500;
        line-height: 1.04;
      }

      .trust-heading-primary { display: block; color: var(--system-paper); white-space: pre-line; }
      .trust-heading-accent { display: block; color: var(--trust-cyan); white-space: nowrap; }
      .trust-type-cursor {
        display: inline-block;
        width: 3px;
        height: .88em;
        margin-left: 5px;
        background: var(--trust-green);
        vertical-align: -.05em;
        animation: trustCursorBlink .75s steps(1) infinite;
      }

      .trust-copy-text { max-width: 34rem; margin: 24px 0 0; color: #c6cac3; font-size: 17px; line-height: 1.8; }
      .trust-actions { display: flex; align-items: center; gap: 24px; margin-top: 30px; }
      .trust-primary-link {
        position: relative;
        display: inline-flex;
        min-height: 50px;
        align-items: center;
        gap: 14px;
        padding: 0 22px;
        border: 1px solid rgba(98,230,255,.42);
        color: var(--system-paper);
        font-size: 15px;
        text-decoration: none;
        overflow: hidden;
      }

      .trust-primary-link::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: var(--trust-cyan);
        transform: translateX(101%);
        transition: transform .4s cubic-bezier(.22,1,.36,1);
      }

      .trust-primary-link:hover { color: #031012; }
      .trust-primary-link:hover::before { transform: translateX(0); }
      .trust-primary-link:focus-visible { outline: 2px solid var(--trust-green); outline-offset: 3px; }
      .trust-primary-link svg { width: 18px; height: 18px; }
      .trust-evidence { color: var(--system-muted); font-size: 13px; line-height: 1.5; }
      .trust-evidence strong { display: block; color: var(--trust-green); font-size: 20px; font-weight: 600; }

      .trust-cursor-badge {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin: 38px 0 0 240px;
        color: var(--system-paper);
        opacity: 0;
        animation: trustBadgeIn .7s 3.5s cubic-bezier(.22,1,.36,1) forwards;
      }

      .trust-cursor-badge svg { width: 24px; height: 24px; color: var(--trust-green); filter: drop-shadow(0 0 10px rgba(201,255,87,.35)); }
      .trust-cursor-badge span { padding: 7px 13px; background: var(--trust-green); color: #071007; font-size: 13px; font-weight: 600; }

      .trust-orbit-stage {
        position: relative;
        z-index: 4;
        display: grid;
        min-height: min(86vh, 820px);
        place-items: center;
        opacity: 0;
        transform: scale(.86);
        animation: trustStageIn 1.2s .25s cubic-bezier(.22,1,.36,1) forwards;
      }

      .trust-orbit-shell { position: relative; width: min(54vw, 900px); aspect-ratio: 1; }
      .trust-orbit {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
      }

      .trust-orbit::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: linear-gradient(180deg, transparent 0%, rgba(98,230,255,.92) 43%, transparent 100%);
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        pointer-events: none;
      }

      .trust-orbit--1 { width: 353px; height: 353px; animation: trustSpinCCW 30s linear infinite; }
      .trust-orbit--2 { width: 501px; height: 501px; animation: trustSpinCW 40s linear infinite; }
      .trust-orbit--3 { width: 649px; height: 649px; animation: trustSpinCW 50s linear infinite; }
      .trust-orbit--4 { width: 797px; height: 797px; animation: trustSpinCCW 60s linear infinite; }

      .trust-orbit-avatar {
        position: absolute;
        top: 50%;
        left: 50%;
        width: var(--avatar-size);
        height: var(--avatar-size);
        transform: translate(-50%, -50%) rotate(var(--avatar-angle)) translateX(var(--avatar-radius)) rotate(calc(-1 * var(--avatar-angle)));
      }

      .trust-avatar-fly {
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: blur(10px);
        transform: scale(.3) rotate(-180deg);
        animation: trustAvatarIn .9s var(--avatar-delay) cubic-bezier(.22,1,.36,1) forwards;
      }

      .trust-avatar-visual { display: block; width: 100%; height: 100%; }
      .trust-orbit--1 .trust-avatar-visual { animation: trustCounterCW 30s linear infinite; }
      .trust-orbit--2 .trust-avatar-visual { animation: trustCounterCCW 40s linear infinite; }
      .trust-orbit--3 .trust-avatar-visual { animation: trustCounterCCW 50s linear infinite; }
      .trust-orbit--4 .trust-avatar-visual { animation: trustCounterCW 60s linear infinite; }

      .trust-orbit-avatar img {
        display: block;
        width: 100%;
        height: 100%;
        border: 2px solid rgba(255,255,255,.84);
        border-radius: var(--avatar-radius-shape, 50%);
        object-fit: cover;
        box-shadow: var(--avatar-glow);
      }

      .trust-orbit-avatar.is-logo img {
        padding: 7%;
        background: rgba(255,255,255,.96);
        object-fit: contain;
      }

      .trust-orbit-center {
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        display: grid;
        width: 252px;
        aspect-ratio: 1;
        place-content: center;
        border: 1px solid rgba(201,255,87,.5);
        border-radius: 50%;
        background: rgba(4,8,7,.9);
        box-shadow: 0 0 0 12px rgba(201,255,87,.035), inset 0 0 40px rgba(201,255,87,.045);
        text-align: center;
        transform: translate(-50%, -50%);
      }

      .trust-count { color: var(--system-paper); font-size: clamp(54px, 5vw, 76px); font-weight: 500; line-height: .95; font-variant-numeric: tabular-nums; }
      .trust-count span { color: var(--trust-green); }
      .trust-count-label { margin-top: 12px; color: var(--trust-cyan); font-size: 15px; font-weight: 600; }
      .trust-count-sub { margin-top: 5px; color: var(--system-muted); font-size: 12px; }

      .trust-service-ticker {
        position: absolute;
        right: 0;
        bottom: 8px;
        left: 0;
        overflow: hidden;
        padding: 12px 0;
        border-top: 1px solid rgba(255,255,255,.12);
        border-bottom: 1px solid rgba(255,255,255,.08);
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
        mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
      }

      .trust-service-track { display: flex; width: max-content; gap: 52px; animation: trustTicker 22s linear infinite; }
      .trust-service-track span { color: #aeb4ad; font-size: 13px; white-space: nowrap; }
      .trust-service-track span::before { content: "+"; margin-right: 12px; color: var(--trust-green); }

      @keyframes trustCursorBlink { 0%, 48% { opacity: 1; } 49%, 100% { opacity: 0; } }
      @keyframes trustBadgeIn { from { opacity: 0; transform: translate(18px, 18px); } to { opacity: 1; transform: translate(0); } }
      @keyframes trustStageIn { from { opacity: 0; transform: scale(.86); } to { opacity: 1; transform: scale(1); } }
      @keyframes trustAvatarIn { to { opacity: 1; filter: blur(0); transform: scale(1) rotate(0); } }
      @keyframes trustSpinCW { from { transform: translate(-50%, -50%) rotate(0); } to { transform: translate(-50%, -50%) rotate(360deg); } }
      @keyframes trustSpinCCW { from { transform: translate(-50%, -50%) rotate(0); } to { transform: translate(-50%, -50%) rotate(-360deg); } }
      @keyframes trustCounterCW { from { transform: rotate(0); } to { transform: rotate(360deg); } }
      @keyframes trustCounterCCW { from { transform: rotate(0); } to { transform: rotate(-360deg); } }
      @keyframes trustTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

      @media (max-width: 1280px) {
        .trust-orbit-shell { transform: scale(.86); }
      }

      @media (max-width: 1024px) {
        .trust-hero-layout { grid-template-columns: 1fr; padding-bottom: 86px; }
        .trust-copy { padding-top: 30px; }
        .trust-heading { min-height: 0; max-width: 12em; font-size: 48px; }
        .trust-orbit-stage { min-height: 620px; }
        .trust-orbit-shell { width: 720px; transform: scale(.78); }
        .trust-cursor-badge { margin-left: 180px; }
      }

      @media (max-width: 768px) {
        .trust-heading { font-size: 36px; }
        .trust-copy-text { font-size: 16px; }
        .trust-actions { align-items: flex-start; flex-direction: column; gap: 14px; }
        .trust-cursor-badge { margin: 28px 0 0 120px; }
        .trust-orbit-stage { min-height: 460px; }
        .trust-orbit-shell { transform: scale(.56); }
      }

      @media (max-width: 480px) {
        .trust-heading { font-size: 30px; }
        .trust-orbit-stage { min-height: 370px; }
        .trust-orbit-shell { transform: scale(.43); }
        .trust-cursor-badge { display: none; }
        .trust-service-track { gap: 34px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .trust-orbit,
        .trust-avatar-visual,
        .trust-service-track,
        .trust-type-cursor { animation: none !important; }
        .trust-orbit-stage,
        .trust-avatar-fly,
        .trust-cursor-badge { opacity: 1; filter: none; transform: none; animation: none !important; }
      }

      /* Page 4: video-led product hero, using the supplied composition with Tiaohang content. */
      .system-interface.service-product-hero {
        --legal-ink: #1e2529;
        --legal-muted: #667176;
        --legal-line: rgba(23, 34, 39, .11);
        --legal-accent: #4c6fff;
        --legal-success: #16835d;
        --legal-warning: #a76a0b;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
        background: #030708 !important;
        color: #fff;
        font-family: "Inter", "Microsoft YaHei", "PingFang SC", sans-serif;
      }

      .continuity-dark-page.system-interface.service-product-hero::before {
        z-index: 1;
        background:
          linear-gradient(180deg, rgba(2, 6, 8, .86) 0%, rgba(2, 6, 8, .34) 13%, rgba(2, 6, 8, .48) 44%, rgba(2, 6, 8, .82) 100%),
          linear-gradient(90deg, rgba(1, 4, 5, .28), rgba(1, 4, 5, .04) 52%, rgba(1, 4, 5, .32));
        opacity: 1;
      }

      .continuity-dark-page.system-interface.service-product-hero::after { background: none; }

      .legal-hero-video {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
      }

      .legal-hero-inner {
        position: relative;
        z-index: 2;
        display: flex;
        width: min(1180px, calc(100% - 64px));
        height: 100%;
        margin: 0 auto;
        padding-top: clamp(70px, 8vh, 92px);
        flex-direction: column;
        align-items: center;
      }

      .legal-hero-intro {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .legal-hero-badge {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        gap: 9px;
        margin-bottom: 18px;
        padding: 0 15px;
        border: 1px solid rgba(255, 255, 255, .28);
        border-radius: 999px;
        background: rgba(7, 13, 15, .36);
        color: rgba(255, 255, 255, .82);
        font-size: 13px;
        font-weight: 500;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }

      .legal-hero-badge::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #a7ff6a;
        box-shadow: 0 0 14px rgba(167, 255, 106, .65);
      }

      .legal-hero-heading {
        max-width: 10.8em;
        margin: 0;
        color: #fff;
        font-family: "Instrument Serif", "Songti SC", "STSong", serif;
        font-size: clamp(54px, 5vw, 78px);
        font-weight: 400;
        line-height: .98;
        letter-spacing: 0;
        text-wrap: balance;
        text-shadow: 0 8px 28px rgba(0, 0, 0, .26);
      }

      .legal-hero-heading em {
        color: #b9c8ff;
        font-family: inherit;
        font-style: italic;
        font-weight: 400;
      }

      .legal-hero-copy {
        max-width: 680px;
        margin: 16px 0 0;
        color: rgba(255, 255, 255, .75);
        font-size: 16px;
        line-height: 1.72;
      }

      .legal-hero-actions { display: flex; align-items: center; gap: 12px; margin-top: 20px; }

      .legal-hero-primary,
      .legal-hero-play {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 999px;
        text-decoration: none;
        transition: background-color .24s ease, color .24s ease, box-shadow .24s ease;
      }

      .legal-hero-primary {
        min-height: 46px;
        gap: 10px;
        padding: 0 23px;
        background: #fff;
        color: #182024;
        font-size: 14px;
        font-weight: 600;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .16);
      }

      .legal-hero-primary:hover { background: #dce5ff; color: #172235; }
      .legal-hero-primary svg { width: 16px; height: 16px; }

      .legal-hero-play {
        width: 46px;
        height: 46px;
        background: rgba(255, 255, 255, .92);
        color: #1e2529;
        box-shadow: 0 6px 22px rgba(0, 0, 0, .16);
      }

      .legal-hero-play:hover { background: #fff; }
      .legal-hero-play svg { width: 15px; height: 15px; margin-left: 2px; }
      .legal-hero-primary:focus-visible,
      .legal-hero-play:focus-visible { outline: 3px solid #a7ff6a; outline-offset: 3px; }

      .legal-dashboard-shell {
        width: 100%;
        margin-top: 30px;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .5);
        border-radius: 16px 16px 0 0;
        background: rgba(255, 255, 255, .38);
        box-shadow: 0 25px 80px -12px rgba(0, 0, 0, .24), 0 0 0 1px rgba(255, 255, 255, .18);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        user-select: none;
      }

      .legal-dashboard {
        height: 480px;
        overflow: hidden;
        border-radius: 10px 10px 0 0;
        background: #f6f7f7;
        color: var(--legal-ink);
        font-size: 11px;
        box-shadow: inset 0 0 0 1px rgba(21, 31, 35, .08);
        pointer-events: none;
      }

      .legal-dashboard-topbar {
        display: grid;
        height: 48px;
        grid-template-columns: 220px minmax(260px, 1fr) 220px;
        align-items: center;
        gap: 18px;
        padding: 0 16px;
        border-bottom: 1px solid var(--legal-line);
        background: rgba(255, 255, 255, .92);
      }

      .legal-dashboard-brand { display: flex; align-items: center; gap: 9px; min-width: 0; font-weight: 600; }
      .legal-dashboard-brand img { width: 26px; height: 26px; border: 1px solid var(--legal-line); border-radius: 7px; object-fit: contain; }
      .legal-dashboard-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      .legal-dashboard-brand small { color: #899296; font-size: 10px; }

      .legal-dashboard-search {
        display: flex;
        min-height: 30px;
        align-items: center;
        justify-content: space-between;
        padding: 0 11px;
        border: 1px solid var(--legal-line);
        border-radius: 7px;
        background: #f5f6f6;
        color: #818b8f;
      }

      .legal-dashboard-search kbd { padding: 2px 6px; border: 1px solid rgba(20, 31, 35, .1); border-radius: 4px; background: #fff; font: inherit; color: #7b8589; }
      .legal-dashboard-user { display: flex; align-items: center; justify-content: flex-end; gap: 10px; color: #697377; }
      .legal-dashboard-status { display: inline-flex; align-items: center; gap: 6px; }
      .legal-dashboard-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--legal-success); }
      .legal-dashboard-avatar { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #1e2529; color: #fff; font-weight: 600; }

      .legal-dashboard-body { display: grid; height: calc(100% - 48px); grid-template-columns: 168px minmax(0, 1fr); }
      .legal-dashboard-sidebar { padding: 13px 10px; border-right: 1px solid var(--legal-line); background: rgba(255, 255, 255, .84); }
      .legal-dashboard-nav { display: grid; gap: 3px; }
      .legal-dashboard-nav-title { margin: 15px 9px 5px; color: #9aa2a5; font-size: 9px; font-weight: 600; text-transform: uppercase; }
      .legal-dashboard-nav-item { display: flex; min-height: 28px; align-items: center; justify-content: space-between; padding: 0 9px; border-radius: 6px; color: #697377; }
      .legal-dashboard-nav-item span:first-child { display: flex; align-items: center; gap: 8px; }
      .legal-dashboard-nav-item i { width: 6px; height: 6px; border: 1px solid #a5adb0; border-radius: 2px; }
      .legal-dashboard-nav-item.is-active { background: #e8ecff; color: #2f45a5; font-weight: 600; }
      .legal-dashboard-nav-item.is-active i { border-color: var(--legal-accent); background: var(--legal-accent); }
      .legal-dashboard-nav-item b { min-width: 18px; padding: 2px 5px; border-radius: 999px; background: #edf0f1; color: #7c868a; font-size: 9px; text-align: center; }

      .legal-dashboard-main { padding: 16px 18px 24px; overflow: hidden; background: #f3f5f5; }
      .legal-dashboard-greeting { display: flex; align-items: center; justify-content: space-between; }
      .legal-dashboard-greeting h3 { margin: 0; font-size: 14px; font-weight: 600; }
      .legal-dashboard-greeting span { color: #879095; }

      .legal-dashboard-actions { display: flex; align-items: center; gap: 7px; margin-top: 12px; white-space: nowrap; }
      .legal-dashboard-action { min-height: 28px; padding: 0 11px; border: 1px solid var(--legal-line); border-radius: 999px; background: #fff; color: #596469; font-size: 10px; }
      .legal-dashboard-action.is-primary { border-color: var(--legal-accent); background: var(--legal-accent); color: #fff; }
      .legal-dashboard-action.is-quiet { margin-left: auto; border-color: transparent; background: transparent; color: #879095; }

      .legal-dashboard-panels { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 12px; margin-top: 12px; }
      .legal-dashboard-panel { min-width: 0; padding: 13px 14px; border: 1px solid var(--legal-line); border-radius: 8px; background: #fff; }
      .legal-dashboard-panel-head { display: flex; align-items: center; justify-content: space-between; font-weight: 600; }
      .legal-dashboard-panel-head span:last-child { color: #949ca0; font-size: 10px; font-weight: 400; }
      .legal-dashboard-metric { display: flex; align-items: baseline; gap: 6px; margin-top: 12px; }
      .legal-dashboard-metric strong { font-size: 26px; font-weight: 600; line-height: 1; }
      .legal-dashboard-metric span { color: #7c878b; }
      .legal-dashboard-stats { display: flex; gap: 20px; margin-top: 10px; color: #858f93; }
      .legal-dashboard-stats b { color: var(--legal-success); font-weight: 600; }
      .legal-dashboard-chart { display: block; width: 100%; height: 54px; margin-top: 5px; overflow: visible; }

      .legal-dashboard-health { display: grid; gap: 0; margin-top: 8px; }
      .legal-dashboard-health-row { display: flex; min-height: 35px; align-items: center; justify-content: space-between; color: #596469; }
      .legal-dashboard-health-row span:first-child { display: flex; align-items: center; gap: 8px; }
      .legal-dashboard-health-row i { width: 7px; height: 7px; border-radius: 50%; background: var(--legal-success); box-shadow: 0 0 0 4px rgba(22, 131, 93, .08); }
      .legal-dashboard-health-row b { color: var(--legal-success); font-size: 10px; font-weight: 500; }

      .legal-dashboard-table { margin-top: 12px; padding: 12px 14px 4px; border: 1px solid var(--legal-line); border-radius: 8px; background: #fff; }
      .legal-dashboard-table h4 { margin: 0 0 7px; font-size: 11px; font-weight: 600; }
      .legal-dashboard-table-row { display: grid; grid-template-columns: 78px minmax(150px, 1.4fr) minmax(110px, .8fr) 74px; min-height: 28px; align-items: center; color: #657075; }
      .legal-dashboard-table-row.is-head { min-height: 24px; color: #9aa2a5; font-size: 9px; text-transform: uppercase; }
      .legal-dashboard-table-row strong { color: #313b40; font-weight: 500; }
      .legal-dashboard-table-row em { justify-self: start; padding: 3px 7px; border-radius: 999px; background: #eaf6f1; color: var(--legal-success); font-style: normal; font-size: 9px; }
      .legal-dashboard-table-row em.is-review { background: #fff4df; color: var(--legal-warning); }

      @media (max-width: 1100px) {
        .legal-hero-inner { width: min(960px, calc(100% - 48px)); padding-top: 66px; }
        .legal-hero-heading { font-size: 56px; }
        .legal-dashboard { height: 460px; }
        .legal-dashboard-topbar { grid-template-columns: 190px minmax(220px, 1fr) 180px; }
      }

      @media (max-width: 760px) {
        .legal-hero-inner { width: calc(100% - 28px); padding-top: 70px; }
        .legal-hero-heading { max-width: 9em; font-size: 40px; }
        .legal-hero-copy { font-size: 14px; }
        .legal-dashboard-shell { width: 900px; transform: scale(.62); transform-origin: top center; }
      }

      @media (prefers-reduced-motion: reduce) {
        .legal-hero-video { display: none; }
        .legal-hero-primary,
        .legal-hero-play { transition: none; }
      }

      /* Page 4: monochrome split-screen liquid glass experience. */
      .system-interface.service-glass-hero {
        --p4-background: 0 0% 2%;
        --p4-foreground: 0 0% 100%;
        --p4-muted: 0 0% 70%;
        --p4-subtle: 0 0% 52%;
        --p4-surface: 0 0% 8%;
        --p4-radius: 1rem;
        position: relative;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
        background: hsl(var(--p4-background)) !important;
        color: hsl(var(--p4-foreground));
        font-family: "Poppins", "Microsoft YaHei", "PingFang SC", sans-serif;
      }

      .continuity-dark-page.system-interface.service-glass-hero::before {
        z-index: 1;
        background:
          linear-gradient(180deg, rgba(0, 0, 0, .64) 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .18) 62%, rgba(0, 0, 0, .58) 100%),
          linear-gradient(90deg, rgba(0, 0, 0, .22), transparent 48%, rgba(0, 0, 0, .24));
        opacity: 1;
      }

      .continuity-dark-page.system-interface.service-glass-hero::after { background: none; }

      .glass-hero-video {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        filter: grayscale(1) saturate(0) brightness(.72) contrast(1.08);
      }

      .glass-hero-layout {
        position: relative;
        z-index: 2;
        display: flex;
        width: 100%;
        height: 100%;
      }

      .page4-liquid-glass,
      .page4-liquid-glass-strong {
        position: relative;
        overflow: hidden;
        border: none;
        background: rgba(255, 255, 255, .01);
        background-blend-mode: luminosity;
      }

      .page4-liquid-glass {
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, .1);
      }

      .page4-liquid-glass-strong {
        backdrop-filter: blur(50px);
        -webkit-backdrop-filter: blur(50px);
        box-shadow: 4px 4px 4px rgba(0, 0, 0, .05), inset 0 1px 1px rgba(255, 255, 255, .15);
      }

      .page4-liquid-glass::before,
      .page4-liquid-glass-strong::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        border-radius: inherit;
        padding: 1.4px;
        pointer-events: none;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
      }

      .page4-liquid-glass::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, .45) 0%, rgba(255, 255, 255, .15) 20%, transparent 40%, transparent 60%, rgba(255, 255, 255, .15) 80%, rgba(255, 255, 255, .45) 100%);
      }

      .page4-liquid-glass-strong::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .2) 20%, transparent 40%, transparent 60%, rgba(255, 255, 255, .2) 80%, rgba(255, 255, 255, .5) 100%);
      }

      .page4-liquid-glass > *,
      .page4-liquid-glass-strong > * { position: relative; z-index: 1; }

      .glass-left-panel {
        position: relative;
        display: flex;
        width: 52%;
        min-width: 0;
        padding: 42px 48px 38px;
        flex-direction: column;
      }

      .glass-left-surface {
        position: absolute;
        inset: 24px;
        z-index: 0;
        border-radius: 24px;
        pointer-events: none;
      }

      .glass-left-nav,
      .glass-left-main,
      .glass-quote { position: relative; z-index: 2; }

      .glass-left-nav { display: flex; align-items: center; justify-content: space-between; }
      .glass-brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; }
      .glass-brand img { width: 34px; height: 34px; object-fit: contain; filter: grayscale(1); }
      .glass-brand span { font-size: 22px; font-weight: 600; letter-spacing: 0; }

      .glass-menu-button,
      .glass-top-link,
      .glass-top-action,
      .glass-main-cta,
      .glass-feature-open {
        cursor: pointer;
        transition: transform .24s cubic-bezier(.22, 1, .36, 1), color .24s ease, background-color .24s ease;
      }

      .glass-menu-button:hover,
      .glass-top-link:hover,
      .glass-top-action:hover,
      .glass-main-cta:hover,
      .glass-feature-open:hover { transform: scale(1.05); }

      .glass-menu-button:active,
      .glass-top-link:active,
      .glass-top-action:active,
      .glass-main-cta:active,
      .glass-feature-open:active { transform: scale(.95); }

      .glass-menu-button:focus-visible,
      .glass-top-link:focus-visible,
      .glass-top-action:focus-visible,
      .glass-main-cta:focus-visible,
      .glass-feature-open:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

      .glass-menu-button {
        display: inline-flex;
        min-height: 42px;
        align-items: center;
        gap: 9px;
        padding: 0 14px;
        border-radius: 999px;
        color: rgba(255, 255, 255, .82);
        font-size: 13px;
        text-decoration: none;
      }

      .glass-menu-button svg { width: 17px; height: 17px; }

      .glass-left-main {
        display: flex;
        flex: 1;
        min-height: 0;
        padding-top: 28px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
      }

      .glass-hero-logo {
        width: 76px;
        height: 76px;
        margin-bottom: 20px;
        object-fit: contain;
        filter: grayscale(1) drop-shadow(0 16px 26px rgba(0, 0, 0, .2));
      }

      .glass-main-title {
        max-width: 10.5em;
        margin: 0;
        color: hsl(var(--p4-foreground));
        font-family: "Poppins", "Microsoft YaHei", "PingFang SC", sans-serif;
        font-size: clamp(49px, 4.45vw, 70px);
        font-weight: 500;
        line-height: 1.04;
        letter-spacing: 0;
        text-wrap: balance;
      }

      .glass-main-title em {
        display: block;
        color: rgba(255, 255, 255, .8);
        font-family: "Source Serif 4", "Songti SC", "STSong", serif;
        font-style: italic;
        font-weight: 400;
      }

      .glass-main-title em small {
        display: block;
        margin-top: 8px;
        color: rgba(255, 255, 255, .54);
        font-family: "Source Serif 4", serif;
        font-size: .25em;
        font-style: italic;
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: 0;
      }

      .glass-main-cta {
        display: inline-flex;
        min-height: 50px;
        align-items: center;
        gap: 13px;
        margin-top: 26px;
        padding: 0 11px 0 20px;
        border-radius: 999px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
      }

      .glass-main-cta-icon {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .15);
      }

      .glass-main-cta-icon svg { width: 15px; height: 15px; }

      .glass-capability-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 18px; }
      .glass-capability-pill { min-height: 34px; padding: 8px 13px; border-radius: 999px; color: rgba(255, 255, 255, .8); font-size: 12px; }

      .glass-quote { width: min(520px, 86%); margin: 4px auto 0; text-align: center; }
      .glass-quote-label { margin: 0 0 8px; color: rgba(255, 255, 255, .5); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0; }
      .glass-quote-text { margin: 0; color: rgba(255, 255, 255, .88); font-size: 21px; line-height: 1.35; }
      .glass-quote-text em { font-family: "Source Serif 4", "Songti SC", "STSong", serif; font-style: italic; font-weight: 400; }
      .glass-quote-author { display: flex; align-items: center; gap: 12px; margin-top: 10px; color: rgba(255, 255, 255, .52); font-size: 10px; text-transform: uppercase; }
      .glass-quote-author::before,
      .glass-quote-author::after { content: ""; height: 1px; flex: 1; background: rgba(255, 255, 255, .2); }

      .glass-right-panel {
        position: relative;
        display: flex;
        width: 48%;
        min-width: 0;
        padding: 28px 28px 28px 8px;
        flex-direction: column;
      }

      .glass-right-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
      .glass-top-links { display: flex; align-items: center; gap: 6px; padding: 6px; border-radius: 999px; }
      .glass-top-link,
      .glass-top-action {
        display: inline-flex;
        height: 38px;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        color: rgba(255, 255, 255, .82);
        text-decoration: none;
      }

      .glass-top-link { width: 38px; }
      .glass-top-link svg { width: 16px; height: 16px; }
      .glass-top-action { gap: 9px; padding: 0 15px; font-size: 12px; }
      .glass-top-action svg { width: 15px; height: 15px; }

      .glass-ecosystem-card {
        width: 236px;
        margin: 50px 18px 0 auto;
        padding: 20px;
        border-radius: 18px;
      }

      .glass-ecosystem-card span { display: inline-flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .5); font-size: 10px; text-transform: uppercase; }
      .glass-ecosystem-card span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
      .glass-ecosystem-card h3 { margin: 14px 0 8px; color: #fff; font-size: 18px; font-weight: 500; line-height: 1.25; }
      .glass-ecosystem-card p { margin: 0; color: rgba(255, 255, 255, .6); font-size: 12px; line-height: 1.65; }

      .glass-feature-cluster {
        display: grid;
        gap: 10px;
        margin-top: auto;
        padding: 12px;
        border-radius: 32px;
      }

      .glass-feature-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
      .glass-feature-card { min-height: 148px; padding: 18px; border-radius: 22px; }
      .glass-feature-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; }
      .glass-feature-icon svg { width: 17px; height: 17px; }
      .glass-feature-card h3 { margin: 22px 0 6px; color: #fff; font-size: 17px; font-weight: 500; }
      .glass-feature-card p { max-width: 28em; margin: 0; color: rgba(255, 255, 255, .58); font-size: 11px; line-height: 1.6; }

      .glass-feature-wide {
        display: grid;
        min-height: 112px;
        grid-template-columns: 104px minmax(0, 1fr) 42px;
        align-items: center;
        gap: 16px;
        padding: 10px 12px;
        border-radius: 22px;
      }

      .glass-feature-wide img { width: 104px; height: 76px; border-radius: 15px; object-fit: cover; filter: grayscale(1) contrast(1.05); }
      .glass-feature-wide h3 { margin: 0 0 6px; color: #fff; font-size: 17px; font-weight: 500; }
      .glass-feature-wide p { max-width: 38em; margin: 0; color: rgba(255, 255, 255, .58); font-size: 11px; line-height: 1.55; }
      .glass-feature-open { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #fff; text-decoration: none; }
      .glass-feature-open svg { width: 18px; height: 18px; }

      /* Page 4 action language follows the site's editorial outline controls. */
      .service-glass-hero .glass-menu-button,
      .service-glass-hero .glass-top-links,
      .service-glass-hero .glass-top-link,
      .service-glass-hero .glass-top-action,
      .service-glass-hero .glass-main-cta,
      .service-glass-hero .glass-feature-open {
        border-radius: 0;
        border: 1px solid rgba(255, 255, 255, .38);
        background: rgba(5, 5, 5, .32);
      }

      .service-glass-hero .glass-menu-button:hover,
      .service-glass-hero .glass-top-link:hover,
      .service-glass-hero .glass-top-action:hover,
      .service-glass-hero .glass-main-cta:hover,
      .service-glass-hero .glass-feature-open:hover {
        background: rgba(255, 255, 255, .14);
      }

      .service-glass-hero .glass-top-links { padding: 0; gap: 0; }
      .service-glass-hero .glass-top-link { border-width: 0 1px 0 0; }
      .service-glass-hero .glass-top-link:last-child { border-right: 0; }
      .service-glass-hero .glass-main-cta { padding-left: 18px; }
      .service-glass-hero .glass-main-cta-icon {
        border-left: 1px solid rgba(255, 255, 255, .34);
        border-radius: 0;
        background: transparent;
      }

      @media (max-width: 1180px) {
        .glass-left-panel { padding-inline: 38px; }
        .glass-main-title { font-size: 52px; }
        .glass-ecosystem-card { margin-top: 32px; }
        .glass-feature-card { min-height: 138px; }
      }

      @media (max-width: 1023px) {
        .glass-left-panel { width: 100%; padding: 36px 40px; }
        .glass-right-panel { display: none; }
        .glass-main-title { font-size: clamp(45px, 8vw, 64px); }
      }

      @media (max-width: 620px) {
        .glass-left-panel { padding: 30px 26px; }
        .glass-left-surface { inset: 14px; border-radius: 20px; }
        .glass-brand span { font-size: 19px; }
        .glass-main-title { font-size: 40px; }
        .glass-hero-logo { width: 64px; height: 64px; }
        .glass-quote { width: 92%; }
        .glass-quote-text { font-size: 18px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .glass-menu-button,
        .glass-top-link,
        .glass-top-action,
        .glass-main-cta,
        .glass-feature-open { transition: none; }
      }

      .tiaohang-about-page {
        min-height: 100dvh;
        overflow: hidden;
        color: #edf1f3;
      }

      .tiaohang-about-page::before {
        background:
          linear-gradient(180deg, rgba(7, 8, 9, .72), rgba(7, 8, 9, .48) 44%, rgba(7, 8, 9, .78)),
          radial-gradient(circle at 50% 48%, rgba(173, 190, 199, .11), transparent 34%);
      }

      .tiaohang-about-page::after {
        background:
          linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px) center / 25% 100%,
          linear-gradient(180deg, transparent 0, rgba(255, 255, 255, .035) 50%, transparent 100%);
        opacity: .42;
      }

      .tiaohang-about-inner {
        position: relative;
        z-index: 2;
        width: 100%;
        min-height: 100dvh;
        padding: clamp(52px, 7vh, 76px) clamp(28px, 4vw, 68px) clamp(44px, 6vh, 64px);
      }

      .tiaohang-about-center {
        position: absolute;
        z-index: 4;
        top: 50%;
        left: 50%;
        width: min(42vw, 610px);
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .tiaohang-about-center-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .tiaohang-about-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 18px;
        color: rgba(225, 232, 236, .58);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .18em;
        text-transform: uppercase;
      }

      .tiaohang-about-eyebrow::before,
      .tiaohang-about-eyebrow::after {
        content: "";
        width: 22px;
        height: 1px;
        background: rgba(225, 232, 236, .38);
      }

      .tiaohang-about-title {
        margin: 0;
        color: transparent;
        background: linear-gradient(180deg, #858d96 0%, #eef7fb 56%, #a9bac5 100%);
        -webkit-background-clip: text;
        background-clip: text;
        font-size: clamp(52px, 6.35vw, 92px);
        font-weight: 800;
        line-height: .9;
        letter-spacing: 0;
        text-transform: uppercase;
        white-space: nowrap;
        filter:
          drop-shadow(0 0 7px rgba(222, 242, 250, .34))
          drop-shadow(0 0 24px rgba(112, 184, 214, .16));
      }

      .tiaohang-about-cn-title {
        margin: 14px 0 0;
        color: rgba(245, 250, 252, .96);
        font-size: clamp(17px, 1.35vw, 21px);
        font-weight: 500;
        letter-spacing: .16em;
        text-shadow:
          0 0 7px rgba(240, 250, 255, .58),
          0 0 22px rgba(112, 184, 214, .28);
      }

      @keyframes tiaohangTitleGlow {
        0%, 100% {
          filter:
            drop-shadow(0 0 7px rgba(222, 242, 250, .3))
            drop-shadow(0 0 22px rgba(112, 184, 214, .14));
        }
        50% {
          filter:
            drop-shadow(0 0 11px rgba(232, 248, 255, .48))
            drop-shadow(0 0 34px rgba(112, 184, 214, .24));
        }
      }

      @keyframes tiaohangCnGlow {
        0%, 100% {
          text-shadow:
            0 0 6px rgba(240, 250, 255, .48),
            0 0 18px rgba(112, 184, 214, .22);
        }
        50% {
          text-shadow:
            0 0 10px rgba(245, 252, 255, .72),
            0 0 28px rgba(112, 184, 214, .36);
        }
      }

      .tiaohang-about-copy {
        max-width: 610px;
        margin: clamp(30px, 4.2vh, 42px) auto 0;
        color: #d7e2e8;
        font-size: clamp(15px, 1.22vw, 18px);
        font-weight: 400;
        line-height: 1.92;
        letter-spacing: .025em;
      }

      .tiaohang-about-copy-char {
        display: inline-block;
        will-change: opacity, text-shadow;
      }

      .tiaohang-about-forward {
        margin-top: clamp(26px, 3.6vh, 38px);
        min-width: 9.5rem;
      }

      .tiaohang-about-card {
        position: absolute;
        z-index: 3;
        width: clamp(320px, 27vw, 400px);
        height: clamp(188px, 25vh, 225px);
        overflow: hidden;
        border: 1px solid rgba(218, 228, 233, .24);
        border-radius: 8px;
        background: #111416;
        color: #fff;
        text-decoration: none;
        box-shadow: 0 20px 58px rgba(0, 0, 0, .32);
        color: inherit;
        cursor: pointer;
        text-decoration: none;
      }

      .tiaohang-about-card--tl { top: clamp(40px, 5vh, 56px); left: clamp(20px, 2vw, 32px); }
      .tiaohang-about-card--tr { top: clamp(52px, 7vh, 72px); right: clamp(20px, 2vw, 32px); }
      .tiaohang-about-card--bl { bottom: clamp(40px, 5vh, 56px); left: clamp(20px, 2vw, 32px); }
      .tiaohang-about-card--br { right: clamp(20px, 2vw, 32px); bottom: clamp(32px, 4vh, 46px); }

      .tiaohang-about-card-media,
      .tiaohang-about-card-media img,
      .tiaohang-about-card-shade {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }

      .tiaohang-about-card-media img {
        object-fit: cover;
        filter: saturate(.58) contrast(1.04) brightness(.72);
        transition: transform .6s cubic-bezier(.16, 1, .3, 1), filter .45s ease;
      }

      .tiaohang-about-card-shade {
        background:
          linear-gradient(180deg, rgba(5, 7, 8, .08) 18%, rgba(5, 7, 8, .88) 100%),
          linear-gradient(90deg, rgba(5, 7, 8, .28), transparent 70%);
      }

      .tiaohang-about-card-content {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 18px;
      }

      .tiaohang-about-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .tiaohang-about-card-index {
        color: rgba(237, 242, 244, .56);
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .16em;
      }

      .tiaohang-about-card-icon {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border: 1px solid rgba(237, 242, 244, .3);
        border-radius: 50%;
        background: rgba(10, 12, 13, .42);
        backdrop-filter: blur(8px);
      }

      .tiaohang-about-card h3 {
        margin: 0 0 5px;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .04em;
      }

      .tiaohang-about-card p {
        max-width: 270px;
        margin: 0;
        color: rgba(237, 242, 244, .68);
        font-size: 11px;
        line-height: 1.6;
        letter-spacing: .02em;
      }

      .tiaohang-about-card:hover .tiaohang-about-card-media img {
        transform: scale(1.045);
        filter: saturate(.78) contrast(1.06) brightness(.82);
      }

      @media (max-width: 1120px) {
        .tiaohang-about-center { width: min(50vw, 560px); }
        .tiaohang-about-card { width: 292px; height: 180px; }
        .tiaohang-about-card--bl { left: 32px; }
        .tiaohang-about-card--br { right: 32px; }
      }

      @media (max-width: 820px) {
        .tiaohang-about-inner {
          min-height: auto;
          padding: 72px 22px;
          display: grid;
          grid-template-columns: 1fr;
          gap: 18px;
        }
        .tiaohang-about-center {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          padding: 46px 0;
          transform: none;
        }
        .tiaohang-about-title { font-size: clamp(42px, 13vw, 72px); white-space: normal; }
        .tiaohang-about-card {
          position: relative;
          inset: auto;
          width: 100%;
          height: 190px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .tiaohang-about-card-media img { transition: none; }
        .tiaohang-about-copy-char {
          opacity: 1 !important;
          text-shadow: none !important;
        }
      }

      @media (prefers-reduced-motion: no-preference) {
        .tiaohang-about-title { animation: tiaohangTitleGlow 3.8s ease-in-out infinite; }
        .tiaohang-about-cn-title { animation: tiaohangCnGlow 3.8s ease-in-out infinite; }
      }
      /* Homepage light-surface pass: keep all existing sections, but remove the dark visual break below the hero. */
      #showcase.continuity-dark-page,
      .continuity-dark-page.system-interface,
      .continuity-dark-page.tiaohang-about-page,
      #final-contact.section-visible-bg {
        background: #ffffff !important;
        color: #172033;
      }

      #showcase.continuity-dark-page::before,
      #showcase.continuity-dark-page::after,
      .continuity-dark-page.system-interface::before,
      .continuity-dark-page.system-interface::after,
      .continuity-dark-page.tiaohang-about-page::before,
      .continuity-dark-page.tiaohang-about-page::after {
        background: none !important;
        opacity: 0;
      }

      #showcase [class*="text-white"] { color: #172033 !important; }
      #showcase [class*="text-white/"] { color: #65738b !important; }

      .continuity-dark-page.system-interface {
        --system-accent: #3168ec;
        --system-accent-soft: rgba(49, 104, 236, .08);
        --system-blue: #3168ec;
        --system-paper: #172033;
        --system-muted: #65738b;
        --system-line: #dbe5f6;
        --system-line-soft: #e8eef9;
        background: #ffffff !important;
        color: #172033;
        border-color: #dbe5f6;
      }

      .continuity-dark-page.system-interface .capability-wheel-center,
      .continuity-dark-page.system-interface .capability-wheel-option,
      .continuity-dark-page.system-interface .capability-wheel-stage,
      .continuity-dark-page.system-interface .trust-orbit-stage {
        background: #f7faff !important;
        border-color: #dbe5f6;
      }

      .continuity-dark-page.system-interface .capability-wheel-center strong,
      .continuity-dark-page.system-interface .capability-wheel-option[aria-selected="true"],
      .continuity-dark-page.system-interface .system-title,
      .continuity-dark-page.system-interface .capability-live-title,
      .continuity-dark-page.system-interface .delivery-focus-title,
      .continuity-dark-page.system-interface .trust-heading,
      .continuity-dark-page.system-interface .trust-heading-primary,
      .continuity-dark-page.system-interface .system-link,
      .continuity-dark-page.system-interface .delivery-output-row strong {
        color: #172033 !important;
      }

      .continuity-dark-page.system-interface .trust-heading-accent,
      .continuity-dark-page.system-interface .system-title .system-title-accent,
      .continuity-dark-page.system-interface .capability-system-code,
      .continuity-dark-page.system-interface .delivery-stage-code,
      .continuity-dark-page.system-interface .delivery-focus-kicker {
        color: #3168ec !important;
      }

      .continuity-dark-page.system-interface .trust-copy-text,
      .continuity-dark-page.system-interface .trust-evidence,
      .continuity-dark-page.system-interface .capability-wheel-center small,
      .continuity-dark-page.system-interface .capability-wheel-option small,
      .continuity-dark-page.system-interface .system-tag-list span,
      .continuity-dark-page.system-interface .delivery-stage-summary,
      .continuity-dark-page.system-interface .delivery-output-row p {
        color: #65738b !important;
      }

      .continuity-dark-page.system-interface .trust-evidence strong,
      .continuity-dark-page.system-interface .trust-count,
      .continuity-dark-page.system-interface .trust-count-label {
        color: #3168ec !important;
      }

      .tiaohang-about-page {
        color: #172033;
      }

      .tiaohang-about-page .tiaohang-about-eyebrow,
      .tiaohang-about-page .tiaohang-about-cn-title,
      .tiaohang-about-page .tiaohang-about-copy {
        color: #65738b !important;
        text-shadow: 0 0 8px rgba(112, 164, 236, .18), 0 0 20px rgba(112, 164, 236, .10);
      }

      .tiaohang-about-page .tiaohang-about-copy-char {
        color: #52627d !important;
        opacity: 1 !important;
        text-shadow: 0 0 6px rgba(112, 164, 236, .16), 0 0 14px rgba(112, 164, 236, .08) !important;
      }

      .tiaohang-about-page .tiaohang-about-eyebrow::before,
      .tiaohang-about-page .tiaohang-about-eyebrow::after {
        background: #b9c9e8;
      }

      .tiaohang-about-page .tiaohang-about-title {
        color: #172033;
        background: none;
        -webkit-text-fill-color: currentColor;
        filter: drop-shadow(0 0 8px rgba(112, 164, 236, .20)) drop-shadow(0 0 24px rgba(112, 164, 236, .12));
      }

      #final-contact.section-visible-bg > .absolute,
      #final-contact.section-visible-bg video {
        display: none;
      }

      #final-contact [class*="text-white"] { color: #172033 !important; }
      #final-contact [class*="text-white/"] { color: #65738b !important; }
      #final-contact .liquid-glass {
        border: 1px solid #dbe5f6;
        background: #ffffff;
        box-shadow: 0 16px 40px rgba(49, 104, 236, .08);
      }

      #final-contact .interactive-hover-button,
      .tiaohang-about-page .interactive-hover-button,
      .continuity-dark-page.system-interface .interactive-hover-button {
        border-color: #b9c9e8;
        background: #ffffff;
        color: #172033;
        box-shadow: 0 10px 24px rgba(49, 104, 236, .10);
      }

      #final-contact .interactive-hover-button-dot,
      .tiaohang-about-page .interactive-hover-button-dot,
      .continuity-dark-page.system-interface .interactive-hover-button-dot {
        background: #3168ec;
      }

      #final-contact .interactive-hover-button:hover,
      #final-contact .interactive-hover-button:focus-visible,
      .tiaohang-about-page .interactive-hover-button:hover,
      .tiaohang-about-page .interactive-hover-button:focus-visible,
      .continuity-dark-page.system-interface .interactive-hover-button:hover,
      .continuity-dark-page.system-interface .interactive-hover-button:focus-visible {
        color: #ffffff;
        border-color: #3168ec;
      }

      #final-contact .interactive-hover-button-hover,
      .tiaohang-about-page .interactive-hover-button-hover,
      .continuity-dark-page.system-interface .interactive-hover-button-hover {
        color: #ffffff;
      }

      #final-contact .border-white\/10 { border-color: #e4ebf7 !important; }

      .site-footer {
        border-top-color: #dbe5f6;
        background: #ffffff !important;
        color: #65738b;
      }

      .site-footer::before { display: none; }
      .site-footer-title,
      .site-footer-column-title,
      .site-footer-brand p,
      .site-footer-contact div,
      .site-footer-links-grid a,
      .site-footer-links-grid span,
      .site-footer-bottom { color: #172033 !important; }
      .site-footer-note { color: #65738b !important; }
      .site-footer-brand,
      .site-footer-group,
      .site-footer-bottom { border-color: #e4ebf7 !important; }

      /* A single calm blue-white field carries the page below the hero. */
      #showcase.continuity-dark-page {
        background:
          radial-gradient(ellipse 54% 58% at 92% 18%, rgba(116, 163, 255, .23), transparent 68%),
          radial-gradient(ellipse 46% 42% at 8% 100%, rgba(204, 224, 255, .60), transparent 70%),
          linear-gradient(180deg, #f5f9ff 0%, #edf4ff 54%, #e8f1ff 100%) !important;
      }

      #capabilities.continuity-dark-page.system-interface {
        background:
          radial-gradient(ellipse 44% 56% at 73% 48%, rgba(123, 169, 255, .21), transparent 72%),
          radial-gradient(ellipse 45% 55% at 5% 92%, rgba(193, 218, 255, .42), transparent 72%),
          linear-gradient(180deg, #e8f1ff 0%, #f8fbff 47%, #eef5ff 100%) !important;
      }

      #vision.continuity-dark-page.system-interface,
      #vision.continuity-dark-page.tiaohang-about-page {
        background:
          radial-gradient(ellipse 58% 46% at 50% 43%, rgba(130, 172, 252, .18), transparent 67%),
          radial-gradient(ellipse 42% 46% at 98% 82%, rgba(189, 216, 255, .46), transparent 74%),
          linear-gradient(180deg, #eef5ff 0%, #f9fbff 50%, #e9f2ff 100%) !important;
      }

      #final-contact.section-visible-bg {
        background:
          radial-gradient(ellipse 48% 56% at 48% 40%, rgba(111, 158, 247, .23), transparent 70%),
          radial-gradient(ellipse 48% 50% at 100% 100%, rgba(201, 221, 255, .58), transparent 74%),
          linear-gradient(180deg, #e9f2ff 0%, #f8fbff 62%, #eff5ff 100%) !important;
      }

      /* Contact is a single information hub, rather than three competing cards. */
      #final-contact.section-visible-bg {
        isolation: isolate;
        padding-top: clamp(5.5rem, 10vh, 8rem);
        padding-bottom: clamp(5.5rem, 10vh, 8rem);
      }

      #final-contact.section-visible-bg::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background:
          linear-gradient(90deg, rgba(255, 255, 255, .7), transparent 38%, rgba(255, 255, 255, .2)),
          radial-gradient(circle at 76% 50%, transparent 0 10rem, rgba(93, 142, 237, .08) 10.1rem 10.2rem, transparent 10.3rem 16rem, rgba(93, 142, 237, .05) 16.1rem 16.2rem, transparent 16.3rem);
      }

      #final-contact.section-visible-bg .desktop-scale-shell {
        align-items: center;
        gap: clamp(2.5rem, 5vw, 6rem);
      }

      #final-contact .clean-chinese-title {
        font-size: clamp(3.25rem, 5.8vw, 5.8rem) !important;
        line-height: 1.04 !important;
        letter-spacing: -.055em;
        font-weight: 600;
      }

      #final-contact .clean-chinese-title span:last-child {
        color: #3168ec;
      }

      #final-contact .desktop-scale-shell > div:first-child > p:first-child {
        color: #3168ec !important;
        font-weight: 600;
        letter-spacing: .22em;
      }

      #final-contact .desktop-scale-shell > div:nth-child(2) {
        max-width: 34rem;
        padding: 2rem 2.2rem 2.1rem;
        border-radius: 1.35rem;
        background: rgba(255, 255, 255, .72);
        border-color: rgba(165, 193, 242, .78);
        box-shadow: 0 24px 60px rgba(47, 93, 168, .12), inset 0 1px 0 rgba(255, 255, 255, .92);
        backdrop-filter: blur(18px);
      }

      #final-contact .desktop-scale-shell > div:nth-child(2) .mt-8.grid {
        gap: .65rem 1rem;
      }

      #final-contact .desktop-scale-shell > div:nth-child(2) .mt-8.grid > div {
        border: 0;
        border-radius: .75rem;
        background: rgba(239, 246, 255, .82);
        padding: .72rem .9rem;
        color: #536784 !important;
      }

      #final-contact .desktop-scale-shell > div:nth-child(3) {
        max-width: 12rem;
        padding: .85rem;
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, .64);
        border-color: rgba(165, 193, 242, .72);
        box-shadow: 0 20px 46px rgba(47, 93, 168, .10);
      }

      #final-contact .desktop-scale-shell > div:nth-child(3) img {
        border-radius: .85rem;
      }

      @media (max-width: 980px) {
        #final-contact.section-visible-bg .desktop-scale-shell { gap: 2rem; }
        #final-contact .clean-chinese-title { font-size: clamp(3rem, 9vw, 5rem) !important; }
      }

      /* Footer QR placement follows the brand block, keeping contact content separate. */
      .site-footer-follow {
        display: flex;
        gap: 1rem;
        margin-top: 1.5rem;
      }

      .site-footer-follow-item {
        display: grid;
        gap: .55rem;
        justify-items: center;
        color: #172033;
        font-size: .86rem;
        font-weight: 650;
        line-height: 1.2;
      }

      .site-footer-follow-item img {
        display: block;
        width: 6rem;
        aspect-ratio: 1;
        padding: .28rem;
        border: 1px solid #d9e5f8;
        border-radius: .7rem;
        background: #ffffff;
        object-fit: contain;
        box-shadow: 0 10px 20px rgba(42, 82, 147, .08);
      }

      @media (max-width: 620px) {
        .site-footer-follow-item img { width: 5.25rem; }
      }

      /* Homepage polish: clearer hierarchy and a consistent light legal-AI visual language. */
      #showcase .desktop-scale-shell { gap: clamp(2.25rem, 4vw, 3.75rem); }

      #showcase .showcase-title {
        max-width: none;
        margin-inline: auto;
        color: #172033 !important;
        font-size: clamp(3rem, 4.9vw, 5.25rem) !important;
        font-weight: 600;
        letter-spacing: -.055em;
        line-height: 1.05;
        white-space: nowrap;
      }

      #showcase .showcase-title + p {
        max-width: 38rem;
        color: #65738b !important;
      }

      #showcase .liquid-glass {
        border: 1px solid rgba(255, 255, 255, .78);
        box-shadow: 0 16px 34px rgba(47, 89, 157, .12);
      }

      #showcase .liquid-glass img {
        filter: saturate(.86) contrast(1.02) brightness(.98);
        transition: transform .65s cubic-bezier(.16, 1, .3, 1), filter .4s ease;
      }

      #showcase .liquid-glass:hover img {
        filter: saturate(1.02) contrast(1.03) brightness(1.02);
      }

      .tiaohang-about-title {
        font-size: clamp(3.65rem, 6.35vw, 6.45rem) !important;
        letter-spacing: -.055em !important;
      }

      .tiaohang-about-card {
        border-color: rgba(150, 185, 245, .6) !important;
        box-shadow: 0 18px 42px rgba(39, 73, 129, .16);
      }

      .tiaohang-about-card-media img {
        filter: saturate(.96) contrast(1.01) brightness(1.06);
      }

      .tiaohang-about-card-shade {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .03) 20%, rgba(26, 64, 122, .12) 100%),
          linear-gradient(90deg, rgba(213, 232, 255, .12), transparent 72%);
      }

      .tiaohang-about-card:hover .tiaohang-about-card-media img {
        filter: saturate(1.04) contrast(1.02) brightness(1.1);
      }

      .tiaohang-about-card-content {
        color: #172b52;
      }

      .tiaohang-about-card-index {
        color: rgba(24, 54, 105, .72);
      }

      .tiaohang-about-card-icon {
        border-color: rgba(83, 132, 214, .28);
        background: rgba(255, 255, 255, .78);
        color: #3168ec;
        box-shadow: 0 8px 20px rgba(47, 91, 170, .12);
      }

      .tiaohang-about-card-details {
        margin: 0 -18px -18px;
        padding: 13px 18px 15px;
        background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,250,255,.94));
        border-top: 1px solid rgba(150, 185, 245, .32);
        box-shadow: 0 -12px 28px rgba(28, 79, 157, .06);
      }

      .tiaohang-about-card h3 {
        color: #17335f;
      }

      .tiaohang-about-card p {
        color: #536886;
      }

      @keyframes tiaohangAboutSweep {
        0%, 58% { transform: translateX(-155%) skewX(-17deg); opacity: 0; }
        63% { opacity: .18; }
        76% { opacity: .48; }
        89%, 100% { transform: translateX(175%) skewX(-17deg); opacity: 0; }
      }

      .tiaohang-about-title,
      .tiaohang-about-cn-title {
        position: relative;
        isolation: isolate;
        overflow: hidden;
      }

      .tiaohang-about-title::after,
      .tiaohang-about-cn-title::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: -18%;
        bottom: -18%;
        left: -32%;
        width: 36%;
        pointer-events: none;
        background: linear-gradient(100deg, transparent 10%, rgba(255,255,255,.08) 33%, rgba(255,255,255,.92) 51%, rgba(198,225,255,.38) 68%, transparent 92%);
        filter: blur(1px);
        transform: translateX(-155%) skewX(-17deg);
        animation: tiaohangAboutSweep 5.8s ease-in-out infinite;
      }

      .tiaohang-about-cn-title::after {
        animation-delay: .35s;
        opacity: .72;
      }

      @keyframes tiaohangModalGlow {
        from { opacity: 0; transform: scale(.96); }
        to { opacity: 1; transform: scale(1); }
      }

      .tiaohang-modal-panel {
        transform-origin: 50% 62%;
        will-change: transform, opacity;
      }

      body.tiaohang-home-enter {
        animation: tiaohangHomeEnter .36s cubic-bezier(.16, 1, .3, 1) both;
      }

      body.is-page-leaving {
        pointer-events: none;
        animation: tiaohangHomeLeave .21s cubic-bezier(.4, 0, 1, 1) both;
      }

      @keyframes tiaohangHomeEnter {
        from { opacity: 0; }
        to { opacity: 1; }
      }

      @keyframes tiaohangHomeLeave {
        from { opacity: 1; }
        to { opacity: 0; }
      }

      @media (prefers-reduced-motion: reduce) {
        body.tiaohang-home-enter,
        body.is-page-leaving { animation: none !important; }
      }

      .tiaohang-about-center-content {
        text-shadow: 0 0 10px rgba(112, 164, 236, .10);
      }

      .site-footer-inner {
        padding-top: 4rem;
        padding-bottom: 2.5rem;
      }

      .site-footer-title,
      .site-footer-column-title {
        font-size: .95rem;
        letter-spacing: .04em;
      }

      .site-footer-links-grid { gap: .78rem; }
      .site-footer-contact div { line-height: 1.7; }

      .site-main-nav-link {
        position: relative;
        display: inline-flex;
        min-height: 42px;
        align-items: center;
        padding-inline: .2rem;
        font-size: .93rem !important;
        font-weight: 550;
        letter-spacing: .01em;
      }

      .site-main-nav-link::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 1px;
        left: 0;
        height: 2px;
        border-radius: 999px;
        background: #3168ec;
        opacity: 0;
        transform: scaleX(.4);
        transition: opacity .2s ease, transform .2s ease;
      }

      .site-main-nav-link:hover::after,
      .site-main-nav-link.is-active::after {
        opacity: 1;
        transform: scaleX(1);
      }

      .site-main-nav-link:not(.is-active):hover {
        color: #3168ec !important;
      }

      .floating-contact-rail {
        position: fixed;
        bottom: 18px;
        right: 18px;
        z-index: 140;
        display: grid;
        width: 72px;
        gap: 14px;
        overflow: visible;
      }

      .floating-contact-services {
        display: grid;
        overflow: visible;
        border: 1px solid rgba(181, 203, 240, .78);
        border-radius: 999px;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 14px 34px rgba(51, 88, 151, .16), inset 0 1px 0 rgba(255, 255, 255, .98);
        backdrop-filter: blur(16px);
      }

      .floating-contact-item {
        display: grid;
        min-height: 82px;
        place-items: center;
        align-content: center;
        gap: .4rem;
        padding: .5rem .25rem;
        color: #8a9ab6;
        font-family: inherit;
        font-size: .75rem;
        line-height: 1.25;
        text-align: center;
        text-decoration: none;
        transition: color .2s ease, background .2s ease, transform .2s ease;
      }

      .floating-contact-item-wrap { position: relative; }
      .floating-contact-item-wrap:first-child .floating-contact-item {
        border-radius: 999px 999px 0 0;
      }
      .floating-contact-item-wrap:last-child .floating-contact-item {
        border-radius: 0 0 999px 999px;
      }
      .floating-wechat-popover { position: absolute; right: calc(100% + 14px); top: 50%; z-index: 150; width: 246px; padding: 1rem; transform: translateY(-50%); border: 1px solid #dce6f8; border-radius: 14px; background: #fff; box-shadow: 0 20px 46px rgba(51,88,151,.2); color: #33496e; text-align: center; }
      body.customer-chat-is-open .floating-wechat-popover { display: none; }
      .floating-wechat-popover::after { content: ""; position: absolute; top: 50%; right: -7px; width: 13px; height: 13px; transform: translateY(-50%) rotate(45deg); border-top: 1px solid #dce6f8; border-right: 1px solid #dce6f8; background: #fff; }
      .floating-wechat-popover-title { font-size: .82rem; font-weight: 600; }
      .floating-wechat-popover img { display: block; width: 174px; height: 174px; margin: .65rem auto .55rem; border-radius: 8px; object-fit: cover; }
      .floating-wechat-popover-note { color: #7a8aa3; font-size: .72rem; }

      .floating-contact-item + .floating-contact-item {
        border-top: 1px solid rgba(205, 218, 242, .52);
      }

      .floating-contact-item:hover,
      .floating-contact-item:focus-visible {
        color: #3168ec;
        background: #f2f6ff;
        outline: none;
        transform: translateY(-1px);
      }

      .floating-contact-icon {
        width: 1.35rem;
        height: 1.35rem;
        stroke-width: 1.8;
      }

      .floating-back-top {
        display: grid;
        width: 72px;
        height: 72px;
        padding: 0;
        place-items: center;
        border: 1px solid rgba(181, 203, 240, .78);
        border-radius: 50%;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 14px 34px rgba(51, 88, 151, .16), inset 0 1px 0 rgba(255, 255, 255, .98);
        color: #8a9ab6;
        cursor: pointer;
        opacity: 1;
        transform: translateY(0);
        transition: color .2s ease, background .2s ease, opacity .2s ease, transform .2s ease;
      }

      .floating-back-top:hover,
      .floating-back-top:focus-visible {
        color: #3168ec;
        background: #f2f6ff;
        outline: 3px solid rgba(49, 104, 236, .22);
        outline-offset: 2px;
        transform: translateY(-2px);
      }

      .floating-back-top.is-hidden {
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
      }

      .floating-back-top .floating-contact-icon {
        width: 1.7rem;
        height: 1.7rem;
      }

      .home-back-top-fallback {
        position: fixed;
        right: 18px;
        bottom: 18px;
        z-index: 139;
        display: grid;
        width: 72px;
        height: 72px;
        padding: 0;
        place-items: center;
        border: 1px solid rgba(181, 203, 240, .78);
        border-radius: 50%;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 14px 34px rgba(51, 88, 151, .16), inset 0 1px 0 rgba(255, 255, 255, .98);
        color: #8a9ab6;
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transform: translateY(10px);
        transition: color .2s ease, background .2s ease, opacity .2s ease, transform .2s ease;
      }

      .home-back-top-fallback.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
      }

      .home-back-top-fallback:hover,
      .home-back-top-fallback:focus-visible {
        color: #3168ec;
        background: #f2f6ff;
        outline: 3px solid rgba(49, 104, 236, .22);
        outline-offset: 2px;
        transform: translateY(-2px);
      }

      .home-back-top-fallback svg {
        width: 1.7rem;
        height: 1.7rem;
      }

      @media (max-width: 900px) {
        .floating-contact-rail { right: 10px; bottom: 12px; width: 62px; }
        .floating-contact-item { min-height: 70px; font-size: .68rem; }
        .floating-back-top { width: 62px; height: 62px; }
        .home-back-top-fallback { right: 10px; bottom: 12px; width: 62px; height: 62px; }
      }

      .customer-chat-shell {
        position: fixed;
        right: 104px;
        bottom: 18px;
        z-index: 121;
        width: min(326px, calc(100vw - 124px));
        overflow: hidden;
        border: 1px solid #d5e2f8;
        border-radius: 16px;
        color: #22385d;
        background: #fff;
        box-shadow: 0 24px 64px rgba(32, 68, 132, .22), 0 4px 16px rgba(32, 68, 132, .08);
      }

      .customer-chat-head {
        display: flex;
        align-items: center;
        gap: .65rem;
        min-height: 66px;
        padding: .8rem 1rem;
        color: #fff;
        background: #3168ec;
      }

      .customer-chat-head > img { width: 2.2rem; height: 2.2rem; padding: .38rem; border-radius: 10px; background: #fff; object-fit: contain; }
      .customer-chat-head-copy { min-width: 0; flex: 1; }
      .customer-chat-head-actions { display: flex; align-items: center; gap: .38rem; margin-top: .4rem; }
      .customer-chat-head-action { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border: 0; border-radius: 999px; color: #fff; background: transparent; cursor: pointer; transition: transform .2s ease, background .2s ease, color .2s ease; }
      .customer-chat-head-action:hover { transform: translateY(-1px); color: #fff; background: rgba(255, 255, 255, .16); }
      .customer-chat-head-action img { width: 1rem; height: 1rem; object-fit: contain; }
      .customer-chat-head-action svg { width: 1rem; height: 1rem; }
      .customer-chat-body { display: grid; grid-template-rows: minmax(240px, 330px) auto; }
      .customer-chat-messages { overflow-y: auto; padding: .85rem .9rem 1rem; scroll-padding-bottom: 1rem; background: #f8fbff; scrollbar-width: thin; scrollbar-color: #9db5dc #edf3fc; }
      .customer-chat-messages::-webkit-scrollbar { width: 8px; }
      .customer-chat-messages::-webkit-scrollbar-track { background: #edf3fc; }
      .customer-chat-messages::-webkit-scrollbar-thumb { border: 2px solid #edf3fc; border-radius: 999px; background: #9db5dc; }
      .customer-chat-messages::-webkit-scrollbar-thumb:hover { background: #7696cd; }
      .customer-chat-messages::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
      .customer-chat-bubble { width: fit-content; max-width: 88%; margin-bottom: .65rem; padding: .55rem .7rem; border-radius: 11px; font-size: .78rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
      .customer-chat-bubble--agent { color: #29436f; background: #fff; border: 1px solid #e1eaf8; }
      .customer-chat-bubble--visitor { margin-left: auto; color: #fff; background: #3168ec; }
      .customer-chat-welcome-note { margin-top: .7rem; color: #e66d36; }
      .customer-chat-compose { display: grid; gap: .45rem; padding: .65rem .72rem .72rem; border-top: 1px solid #e2eaf8; background: #fff; }
      .customer-chat-compose-tools { display: flex; align-items: center; justify-content: space-between; min-height: 28px; }
      .customer-chat-compose-tool { display: grid; width: 2rem; height: 2rem; place-items: center; border: 0; border-radius: 8px; color: #6b7e9f; background: transparent; cursor: pointer; }
      .customer-chat-compose-tool:hover { color: #3168ec; background: #eef4ff; }
      .customer-chat-compose textarea { min-height: 54px; resize: none; border: 1px solid #d8e3f6; border-radius: 10px; padding: .6rem .7rem; color: #263a5d; background: #fff; font: inherit; font-size: .78rem; outline: none; }
      .customer-chat-compose textarea:focus { border-color: #7da3f6; box-shadow: 0 0 0 3px rgba(49,104,236,.12); }
      .customer-chat-compose-row { display: grid; grid-template-columns: 1fr auto; gap: .55rem; }
      .customer-chat-send { align-self: end; min-height: 36px; padding: 0 .85rem; border: 0; border-radius: 9px; color: #fff; background: #3168ec; font: inherit; font-size: .78rem; cursor: pointer; }
      .customer-chat-send:disabled { opacity: .55; cursor: not-allowed; }
      .customer-chat-image-preview { display: flex; align-items: center; gap: .45rem; max-width: 100%; padding: .35rem .45rem; border: 1px solid #d8e3f6; border-radius: 8px; color: #5f7395; background: #f8fbff; font-size: .7rem; }
      .customer-chat-image-preview img { width: 30px; height: 30px; border-radius: 5px; object-fit: cover; }
      .customer-chat-image-remove { margin-left: auto; border: 0; color: #7f91ae; background: transparent; cursor: pointer; }
      .customer-chat-message-image { display: block; max-width: 180px; max-height: 130px; border-radius: 8px; object-fit: cover; }
      .customer-chat-history-button { display: block; width: 100%; margin: 0 0 .7rem; padding: .35rem .55rem; border: 0; color: #6e83a7; background: transparent; font: inherit; font-size: .72rem; text-align: center; cursor: pointer; }
      .customer-chat-history-button:hover { color: #3168ec; text-decoration: underline; }
      .customer-chat-history { margin-bottom: .8rem; padding-bottom: .35rem; border-bottom: 1px dashed #d8e3f6; }
      .customer-chat-message-meta { margin-top: .35rem; color: #91a1ba; font-size: .66rem; line-height: 1.2; }
      .customer-chat-bubble--visitor .customer-chat-message-meta { color: rgba(255, 255, 255, .72); text-align: right; }
      .customer-chat-ended { padding: 1rem .9rem 1.1rem; border-top: 1px solid #e2eaf8; color: #33496e; background: #fff; text-align: center; }
      .customer-chat-ended-copy { margin: 0 auto .75rem; max-width: 300px; font-size: .78rem; line-height: 1.65; text-align: left; }
      .customer-chat-ended-actions { display: flex; align-items: center; justify-content: center; gap: .5rem; }
      .customer-chat-ended-actions button,
      .customer-chat-ended-actions a { min-height: 34px; padding: .42rem .8rem; border-radius: 8px; font: inherit; font-size: .75rem; text-decoration: none; cursor: pointer; }
      .customer-chat-ended-actions button { border: 0; color: #fff; background: #3168ec; }
      .customer-chat-ended-actions a { border: 1px solid #cfddf5; color: #3168ec; background: #fff; }
      .customer-chat-toast { position: fixed; right: 104px; bottom: 12px; z-index: 230; padding: .55rem .8rem; border-radius: 9px; color: #fff; background: #172033; box-shadow: 0 10px 28px rgba(23,32,51,.24); font-size: .78rem; }

      @media (max-width: 640px) {
        .customer-chat-shell { right: 74px; bottom: 94px; width: min(326px, calc(100vw - 84px)); }
        .customer-chat-body { grid-template-rows: minmax(220px, 285px) auto; }
        .customer-chat-toast { right: 74px; bottom: 84px; }
      }

      /* Remove the boxed orbit stage so the capability map lives inside the page background. */
      .continuity-dark-page.system-interface .trust-orbit-stage {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
      }

      .continuity-dark-page.system-interface .trust-orbit::before {
        padding: 1.5px;
        background: linear-gradient(180deg, rgba(52, 111, 239, .18) 0%, rgba(57, 164, 255, .82) 46%, rgba(52, 111, 239, .24) 100%);
        filter: drop-shadow(0 0 2px rgba(59, 141, 255, .16));
      }

      .continuity-dark-page.system-interface .trust-orbit--1::before { opacity: .82; }
      .continuity-dark-page.system-interface .trust-orbit--2::before { opacity: .94; }
      .continuity-dark-page.system-interface .trust-orbit--3::before { opacity: .78; }
      .continuity-dark-page.system-interface .trust-orbit--4::before { opacity: .66; }

      /* Recompose the final section as a centered two-column contact hub. */
      #final-contact.section-visible-bg .desktop-scale-shell {
        grid-template-columns: 1fr;
        justify-items: center;
        width: min(1160px, 100%);
      }

      #final-contact.section-visible-bg .desktop-scale-shell > div:first-child {
        width: min(100%, 37rem);
        text-align: center;
      }

      #final-contact .clean-chinese-title {
        max-width: none !important;
        font-size: clamp(3rem, 4.5vw, 4.8rem) !important;
        letter-spacing: -.06em;
        line-height: 1.08 !important;
      }

      #final-contact .clean-chinese-title span:last-child {
        margin-top: .35rem !important;
        padding-left: 0 !important;
        white-space: nowrap;
      }

      #final-contact .desktop-scale-shell > div:first-child > p {
        margin-inline: auto;
      }

      #final-contact .desktop-scale-shell > div:nth-child(2) {
        width: min(100%, 37rem);
        max-width: 37rem;
        margin: 0;
      }

      #final-contact .contact-response-journey {
        grid-column: 1 / -1 !important;
        width: 100%;
        max-width: 100%;
        margin-top: clamp(.5rem, 2vh, 1.75rem);
        padding-top: 1.25rem;
        border-top: 1px solid rgba(123, 163, 230, .32);
      }

      #final-contact .contact-response-intro {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1.25rem;
        color: #65738b;
      }

      #final-contact .contact-response-intro span {
        color: #3168ec;
        font-size: .8rem;
        font-weight: 650;
        letter-spacing: .18em;
      }

      #final-contact .contact-response-intro p {
        margin: 0;
        font-size: .9rem;
      }

      #final-contact .contact-response-steps {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: 1.5rem;
        margin: 1.2rem 0 0;
        padding: 0;
        list-style: none;
      }

      #final-contact .contact-response-steps li {
        min-width: 0;
        padding-right: 1.5rem;
        border-right: 1px solid rgba(123, 163, 230, .25);
      }

      #final-contact .contact-response-steps li:last-child {
        padding-right: 0;
        border-right: 0;
      }

      #final-contact .contact-response-steps span {
        display: block;
        color: #88a6e9;
        font-size: .75rem;
        font-weight: 650;
        letter-spacing: .12em;
      }

      #final-contact .contact-response-steps strong {
        display: block;
        margin-top: .42rem;
        color: #172033;
        font-size: 1rem;
        font-weight: 650;
      }

      #final-contact .contact-response-steps p {
        margin: .35rem 0 0;
        color: #65738b;
        font-size: .83rem;
        line-height: 1.65;
      }

      @media (min-width: 980px) {
        #final-contact.section-visible-bg .desktop-scale-shell {
          grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
          justify-items: stretch;
        }

        #final-contact.section-visible-bg .desktop-scale-shell > div:first-child {
          width: auto;
          text-align: left;
        }

        #final-contact .desktop-scale-shell > div:first-child > p { margin-left: 0; }
        #final-contact .desktop-scale-shell > div:nth-child(2) { justify-self: end; }
      }

      @media (max-width: 700px) {
        #final-contact .contact-response-intro { display: block; }
        #final-contact .contact-response-intro p { margin-top: .5rem; }
        #final-contact .contact-response-steps { grid-template-columns: 1fr; gap: 1rem; }
        #final-contact .contact-response-steps li {
          padding: 0 0 1rem;
          border-right: 0;
          border-bottom: 1px solid rgba(123, 163, 230, .2);
        }
        #final-contact .contact-response-steps li:last-child { padding-bottom: 0; border-bottom: 0; }
      }

      @media (max-width: 700px) {
        #showcase .showcase-title {
          white-space: normal;
          max-width: 12ch;
        }
      }

      /* Homepage first viewport: restrained scale and denser reading rhythm. */
      #home .homepage-hero-details {
        display: none;
      }

      @media (min-width: 901px) {
        .global-site-header-home .global-nav-shell {
          width: min(1280px, calc(100% - 48px));
          min-height: 64px;
          gap: 18px;
        }

        .global-site-header-home .global-nav-brand {
          min-height: 44px;
          gap: 9px;
          font-size: 13px;
        }

        .global-site-header-home .global-nav-brand img {
          width: 34px;
          height: 34px;
        }

        .global-site-header-home .global-nav-link {
          min-height: 40px;
          padding-inline: 10px 7px;
          font-size: 14px;
        }

        .global-site-header-home .global-nav-dropdown-toggle {
          width: 26px;
          min-height: 40px;
        }

        .global-site-header-home .global-nav-contact {
          min-height: 40px;
          font-size: 14px;
        }

        #home,
        #home .homepage-hero-shell {
          min-height: calc(100dvh - 48px);
        }

        #home .homepage-hero-layout {
          max-width: 1240px;
          grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
          gap: 48px;
          padding: 84px 32px 20px;
        }

        #home .homepage-hero-copy {
          max-width: 580px;
          margin-top: -10px;
        }

        #home .homepage-hero-affiliation {
          gap: 10px;
          font-size: 13px;
        }

        #home .homepage-hero-affiliation img {
          width: 24px;
          height: 24px;
        }

        #home .homepage-hero-title {
          margin-top: 20px;
          font-size: 54px;
          line-height: 1.14;
        }

        #home .homepage-hero-description {
          max-width: 580px;
          margin-top: 18px;
          font-size: 16px;
          line-height: 1.8;
        }

        #home .homepage-hero-details {
          display: grid;
          max-width: 580px;
          gap: 8px;
          margin: 20px 0 0;
          padding: 13px 0;
          border-top: 1px solid #dbe5f6;
          border-bottom: 1px solid #dbe5f6;
        }

        #home .homepage-hero-details > div {
          display: grid;
          grid-template-columns: 72px minmax(0, 1fr);
          gap: 12px;
          align-items: baseline;
        }

        #home .homepage-hero-details dt {
          color: #3168ec;
          font-size: 13px;
          font-weight: 650;
          line-height: 1.7;
        }

        #home .homepage-hero-details dd {
          min-width: 0;
          margin: 0;
          color: #596984;
          font-size: 13px;
          line-height: 1.7;
        }

        #home .homepage-hero-actions {
          margin-top: 20px;
        }

        #home .homepage-hero-primary {
          min-height: 44px;
          padding-inline: 36px;
        }

        #home .homepage-hero-visual {
          width: 430px;
          height: 430px;
          margin-top: -4px;
          transform: translateX(54px);
        }

        #home .homepage-hero-search {
          max-width: 640px;
          margin-bottom: 16px;
          padding: 5px;
        }

        #home .homepage-hero-search input {
          padding: 8px 18px;
        }

        #home .homepage-hero-search button {
          padding: 8px 24px;
        }

        #home .homepage-hero-highlights a {
          padding-block: 14px;
        }

        #home .homepage-hero-highlights a > div:first-child {
          font-size: 20px;
        }

        #home .homepage-hero-highlights a > div:last-child {
          font-size: 13px;
        }
      }

      @media (min-width: 1500px) {
        #home .homepage-hero-layout {
          max-width: 1500px;
          grid-template-columns: minmax(0, 1.12fr) minmax(460px, .88fr);
          gap: 72px;
        }

        #home .homepage-hero-copy,
        #home .homepage-hero-description,
        #home .homepage-hero-details { max-width: 640px; }
        #home .homepage-hero-title { font-size: 58px; }
        #home .homepage-hero-visual { width: 460px; height: 460px; }
      }

      @media (min-width: 901px) and (max-height: 760px) {
        #home .homepage-hero-layout { padding-top: 74px; padding-bottom: 12px; }
        #home .homepage-hero-title { font-size: 48px; }
        #home .homepage-hero-description { margin-top: 14px; line-height: 1.7; }
        #home .homepage-hero-details { gap: 5px; margin-top: 14px; padding-block: 9px; }
        #home .homepage-hero-actions { margin-top: 14px; }
        #home .homepage-hero-visual { width: 370px; height: 370px; }
        #home .homepage-hero-search { margin-bottom: 10px; }
        #home .homepage-hero-highlights a { padding-block: 10px; }
      }


      .site-footer {
        background:
          radial-gradient(ellipse 55% 100% at 10% 100%, rgba(182, 210, 255, .38), transparent 72%),
          linear-gradient(180deg, #eff5ff 0%, #e2eeff 100%) !important;
      }

      .continuity-dark-page.system-interface .trust-orbit-center {
        border-color: #9dbbff;
        background:
          radial-gradient(circle at 34% 26%, #ffffff 0%, #e6efff 52%, #c7daff 100%);
        box-shadow:
          0 0 0 12px rgba(82, 133, 238, .06),
          inset 0 1px 0 rgba(255, 255, 255, .96),
          0 20px 46px rgba(68, 111, 204, .15);
      }

      .continuity-dark-page.system-interface .trust-count,
      .continuity-dark-page.system-interface .trust-count-label {
        color: #3168ec !important;
      }

      .continuity-dark-page.system-interface .trust-count-sub {
        color: #65738b !important;
      }

      .continuity-dark-page.system-interface .trust-service-ticker {
        border-color: #dbe5f6;
      }

      .continuity-dark-page.system-interface .trust-service-track span {
        color: #65738b;
      }

      .continuity-dark-page.system-interface .trust-service-track span::before {
        color: #3168ec;
      }

      /* Homepage second screen: text-first introduction to Farui and Tiaohang's delivery path. */
      #capabilities.farui-overview-page {
        --farui-ink: #0f172a;
        --farui-muted: #526078;
        --farui-blue: #0369a1;
        --farui-blue-deep: #075985;
        --farui-line: #cdd9e8;
        min-height: 100dvh;
        overflow: hidden;
        color: var(--farui-ink);
      }

      #capabilities.farui-overview-page .farui-overview-inner {
        position: relative;
        z-index: 1;
        display: flex;
        width: min(1420px, calc(100% - 96px));
        min-height: 100dvh;
        margin: 0 auto;
        padding: 108px 0 58px;
        flex-direction: column;
        justify-content: center;
      }

      .farui-overview-main {
        display: grid;
        grid-template-columns: minmax(320px, .78fr) minmax(560px, 1.22fr);
        gap: 78px;
        align-items: start;
      }

      .farui-overview-intro {
        max-width: 520px;
      }

      .farui-overview-kicker,
      .farui-plan-kicker {
        margin: 0;
        color: var(--farui-blue);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0;
      }

      .farui-overview-title {
        max-width: 9.5em;
        margin: 22px 0 0;
        color: var(--farui-ink);
        font-size: 56px;
        font-weight: 580;
        line-height: 1.12;
        letter-spacing: 0;
        text-wrap: balance;
      }

      .farui-overview-lead {
        margin: 26px 0 0;
        color: var(--farui-muted);
        font-size: 17px;
        line-height: 1.82;
      }

      .farui-overview-lead strong {
        color: var(--farui-ink);
        font-weight: 650;
      }

      .farui-overview-note {
        margin: 18px 0 0;
        padding-left: 15px;
        border-left: 2px solid #8fb6d2;
        color: #66758a;
        font-size: 14px;
        line-height: 1.7;
      }

      .farui-overview-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 24px;
        margin-top: 28px;
      }

      .farui-overview-link {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        gap: 10px;
        border-bottom: 1px solid #94a9bf;
        color: var(--farui-ink);
        font-size: 15px;
        font-weight: 650;
        text-decoration: none;
        transition: border-color 180ms ease, color 180ms ease;
      }

      .farui-overview-link svg {
        width: 16px;
        height: 16px;
        transition: transform 180ms ease;
      }

      .farui-overview-link:hover {
        border-color: var(--farui-blue);
        color: var(--farui-blue-deep);
      }

      .farui-overview-link:hover svg {
        transform: translateX(3px);
      }

      .farui-overview-link:focus-visible {
        border-color: var(--farui-blue);
        outline: 2px solid var(--farui-blue);
        outline-offset: 4px;
      }

      .farui-plan-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 28px;
        padding-bottom: 22px;
        border-bottom: 1px solid var(--farui-line);
      }

      .farui-plan-title {
        margin: 8px 0 0;
        color: var(--farui-ink);
        font-size: 30px;
        font-weight: 650;
        line-height: 1.25;
        letter-spacing: 0;
      }

      .farui-plan-summary {
        max-width: 340px;
        margin: 0;
        color: var(--farui-muted);
        font-size: 15px;
        line-height: 1.7;
        text-align: right;
      }

      .farui-plan-steps {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .farui-plan-step {
        position: relative;
        min-width: 0;
        padding: 28px 34px 26px 0;
        border-bottom: 1px solid var(--farui-line);
      }

      .farui-plan-step:nth-child(2n) {
        padding-right: 0;
        padding-left: 34px;
        border-left: 1px solid var(--farui-line);
      }

      .farui-plan-step-index {
        display: block;
        color: var(--farui-blue);
        font-size: 12px;
        font-weight: 750;
        line-height: 1;
        font-variant-numeric: tabular-nums;
      }

      .farui-plan-step h3 {
        margin: 12px 0 0;
        color: var(--farui-ink);
        font-size: 20px;
        font-weight: 650;
        line-height: 1.35;
        letter-spacing: 0;
      }

      .farui-plan-step p {
        margin: 9px 0 0;
        color: var(--farui-muted);
        font-size: 14px;
        line-height: 1.7;
      }

      .farui-plan-output {
        display: block;
        margin-top: 11px;
        color: var(--farui-blue-deep);
        font-size: 13px;
        font-weight: 650;
        line-height: 1.6;
      }

      .farui-capability-band {
        display: grid;
        grid-template-columns: 188px 1fr;
        gap: 34px;
        align-items: start;
        margin-top: 34px;
        padding-top: 24px;
        border-top: 1px solid var(--farui-line);
      }

      .farui-capability-label {
        margin: 0;
        color: var(--farui-ink);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5;
      }

      .farui-capability-label span {
        display: block;
        margin-top: 5px;
        color: #7a8799;
        font-size: 12px;
        font-weight: 500;
      }

      .farui-capability-list {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .farui-capability-list li {
        min-width: 0;
        padding: 0 16px;
        border-left: 1px solid var(--farui-line);
        color: var(--farui-ink);
        font-size: 14px;
        font-weight: 620;
        line-height: 1.5;
      }

      .farui-capability-list li:first-child {
        border-left: 0;
      }

      .farui-capability-list span {
        display: block;
        margin-bottom: 7px;
        color: #8ba0b5;
        font-size: 11px;
        font-weight: 650;
        font-variant-numeric: tabular-nums;
      }

      @media (max-width: 1180px) {
        #capabilities.farui-overview-page .farui-overview-inner {
          width: min(100% - 64px, 1080px);
          padding-top: 96px;
        }

        .farui-overview-main {
          grid-template-columns: minmax(300px, .75fr) minmax(480px, 1.25fr);
          gap: 48px;
        }

        .farui-overview-title { font-size: 46px; }
        .farui-plan-summary { display: none; }
        .farui-capability-band { grid-template-columns: 150px 1fr; gap: 20px; }
        .farui-capability-list li { padding-inline: 10px; font-size: 13px; }
      }

      @media (max-width: 900px) {
        #capabilities.farui-overview-page {
          overflow: visible;
        }

        #capabilities.farui-overview-page .farui-overview-inner {
          width: min(100% - 48px, 760px);
          min-height: 0;
          padding: 96px 0 64px;
        }

        .farui-overview-main {
          grid-template-columns: 1fr;
          gap: 52px;
        }

        .farui-overview-intro { max-width: 650px; }
        .farui-overview-title { max-width: 11em; }
        .farui-capability-band { grid-template-columns: 1fr; }
        .farui-capability-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 0; }
        .farui-capability-list li:nth-child(4) { border-left: 0; }
      }

      @media (max-width: 620px) {
        #capabilities.farui-overview-page .farui-overview-inner {
          width: calc(100% - 36px);
          padding: 82px 0 52px;
        }

        .farui-overview-title {
          margin-top: 16px;
          font-size: 38px;
          line-height: 1.16;
        }

        .farui-overview-lead {
          margin-top: 20px;
          font-size: 16px;
          line-height: 1.75;
        }

        .farui-overview-note { font-size: 14px; }
        .farui-overview-actions { margin-top: 22px; }
        .farui-plan-head { display: block; }
        .farui-plan-title { font-size: 26px; }
        .farui-plan-steps { grid-template-columns: 1fr; }
        .farui-plan-step,
        .farui-plan-step:nth-child(2n) {
          padding: 22px 0;
          border-left: 0;
        }

        .farui-plan-step p { font-size: 16px; line-height: 1.65; }
        .farui-plan-output { font-size: 14px; }
        .farui-capability-band { margin-top: 28px; }
        .farui-capability-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .farui-capability-list li {
          min-height: 54px;
          padding: 0 12px;
          font-size: 16px;
        }

        .farui-capability-list li:nth-child(odd) { border-left: 0; }
        .farui-capability-list li:nth-child(4) { border-left: 1px solid var(--farui-line); }
      }

      @media (max-width: 420px) {
        .farui-overview-title { font-size: 32px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .farui-overview-link,
        .farui-overview-link svg { transition: none; }
      }

      /* Homepage service showcase: six large text cards, with no image rail. */
      #showcase.tiaohang-service-cards-page {
        min-height: 100dvh;
        overflow: hidden;
      }

      #showcase.tiaohang-service-cards-page .showcase-cards-inner {
        position: relative;
        z-index: 1;
        display: flex;
        width: min(1480px, calc(100% - 96px));
        min-height: 100dvh;
        margin: 0 auto;
        padding: 110px 0 64px;
        flex-direction: column;
        justify-content: center;
      }

      .showcase-cards-heading {
        max-width: 980px;
        margin: 0 auto;
        text-align: center;
      }

      .showcase-cards-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 20px;
        padding: 7px 16px;
        border: 1px solid #d3e0f7;
        border-radius: 999px;
        background: rgba(255, 255, 255, .72);
        color: #3168ec;
        font-size: 12px;
        font-weight: 650;
        letter-spacing: .14em;
      }

      .showcase-cards-title {
        margin: 0;
        color: #0f172a;
        font-size: clamp(42px, 5.4vw, 76px);
        font-weight: 650;
        line-height: 1.1;
        letter-spacing: 0;
        text-wrap: balance;
      }

      .showcase-cards-intro {
        max-width: 720px;
        margin: 20px auto 0;
        color: #65738b;
        font-size: 17px;
        line-height: 1.8;
      }

      .showcase-card-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        margin-top: 56px;
      }

      .showcase-text-card {
        position: relative;
        display: flex;
        min-height: 250px;
        padding: 24px 26px 22px;
        flex-direction: column;
        border: 1px solid #dfe8f7;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 10px 26px rgba(51, 88, 151, .05);
        overflow: hidden;
        transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
      }

      .showcase-text-card::before {
        content: "";
        position: absolute;
        inset: 0 1px auto;
        height: 3px;
        border-radius: 16px 16px 0 0;
        background: linear-gradient(90deg, #3168ec, #7aa5ff);
        opacity: 0;
        transition: opacity 220ms ease;
      }

      .showcase-text-card:hover,
      .showcase-text-card:focus-within {
        border-color: #b9cdf3;
        box-shadow: 0 22px 46px rgba(49, 104, 236, .13);
        transform: translateY(-5px);
      }

      .showcase-text-card:hover::before,
      .showcase-text-card:focus-within::before {
        opacity: 1;
      }

      .showcase-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .showcase-card-icon {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border-radius: 14px;
        color: #ffffff;
        background: linear-gradient(135deg, #3168ec 0%, #6d9bff 100%);
        box-shadow: 0 8px 18px rgba(49, 104, 236, .25);
        transition: transform 220ms ease, box-shadow 220ms ease;
      }

      .showcase-text-card:hover .showcase-card-icon {
        transform: translateY(-2px) scale(1.05);
        box-shadow: 0 12px 24px rgba(49, 104, 236, .32);
      }

      .showcase-text-card-index {
        color: #b7c6e2;
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .1em;
      }

      .showcase-text-card h3 {
        margin: 18px 0 0;
        color: #0f172a;
        font-size: 21px;
        font-weight: 650;
        line-height: 1.32;
      }

      .showcase-text-card p {
        margin: 10px 0 0;
        color: #5c6b84;
        font-size: 15px;
        line-height: 1.72;
      }

      .showcase-card-tag {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: auto;
        padding-top: 16px;
        font-size: 13px;
        line-height: 1.5;
      }

      .showcase-card-tag-label {
        flex-shrink: 0;
        padding: 3px 9px;
        border: 1px solid #d8e5fc;
        border-radius: 999px;
        background: #eef4ff;
        color: #3168ec;
        font-weight: 650;
      }

      .showcase-card-tag-text {
        color: #7a8aa5;
      }

      @media (max-width: 900px) {
        #showcase.tiaohang-service-cards-page .showcase-cards-inner {
          width: min(100% - 48px, 720px);
          min-height: 0;
          padding: 96px 0 58px;
        }

        .showcase-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 46px; }
      }

      @media (max-width: 620px) {
        #showcase.tiaohang-service-cards-page .showcase-cards-inner {
          width: calc(100% - 36px);
          padding: 82px 0 50px;
        }

        .showcase-cards-title { font-size: 36px; }
        .showcase-cards-intro { margin-top: 18px; font-size: 16px; line-height: 1.72; }
        .showcase-card-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 36px; }
        .showcase-text-card { min-height: 198px; padding: 20px 22px 18px; }
        .showcase-card-icon { width: 40px; height: 40px; border-radius: 12px; }
        .showcase-text-card h3 { margin-top: 16px; font-size: 20px; }
        .showcase-text-card p { font-size: 15px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .showcase-text-card,
        .showcase-text-card::before,
        .showcase-card-icon { transition: none; }
      }

      /* Homepage legal AI service scenes — refined legal-tech editorial. */
      #showcase.tiaohang-service-cards-page {
        min-height: auto;
        color: #172033;
        background:
          radial-gradient(circle at 88% 0%, rgba(194, 218, 255, .4), transparent 32%),
          radial-gradient(circle at 0% 44%, rgba(227, 236, 252, .55), transparent 30%),
          linear-gradient(180deg, #f8fafd 0%, #eef2f9 100%);
        border-top: 1px solid rgba(49, 104, 236, .1);
      }

      #showcase.tiaohang-service-cards-page .showcase-cards-inner {
        width: min(1200px, calc(100% - 96px));
        min-height: auto;
        padding: 118px 0 116px;
      }

      .showcase-cards-heading {
        max-width: 780px;
        margin: 0;
        text-align: left;
      }

      .showcase-cards-eyebrow {
        margin-bottom: 20px;
        padding: 6px 16px 6px 13px;
        border: 1px solid #c9d9f6;
        border-left: 3px solid #3168ec;
        border-radius: 4px;
        background: rgba(255, 255, 255, .78);
        color: #2f5cd0;
        letter-spacing: .18em;
      }

      .showcase-cards-title {
        max-width: 11em;
        color: #131c2e;
        font-family: "Songti SC", "STSong", "SimSun", "Microsoft YaHei", serif;
        font-size: clamp(40px, 4.8vw, 66px);
        font-weight: 600;
        letter-spacing: .01em;
        line-height: 1.16;
      }

      .showcase-cards-intro {
        max-width: 640px;
        margin: 24px 0 0;
        color: #5a6a83;
        font-size: 16.5px;
        line-height: 1.9;
      }

      .scene-stack {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 56px;
      }

      .scene-card {
        position: relative;
        display: grid;
        grid-template-columns: minmax(190px, 250px) minmax(0, 1fr) minmax(230px, 290px);
        border: 1px solid #dde6f3;
        border-radius: 4px;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 1px 2px rgba(23, 40, 66, .04), 0 14px 34px rgba(57, 91, 145, .07);
        transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
      }

      .scene-card::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        background: linear-gradient(180deg, #3168ec, #7aa5ff);
        transform: scaleY(.32);
        transform-origin: top;
        transition: transform .3s cubic-bezier(.16, 1, .3, 1);
      }

      .scene-card:hover,
      .scene-card:focus-within {
        border-color: #b9cdf3;
        box-shadow: 0 2px 4px rgba(23, 40, 66, .05), 0 24px 48px rgba(49, 104, 236, .13);
        transform: translateY(-3px);
      }

      .scene-card:hover::before,
      .scene-card:focus-within::before {
        transform: scaleY(1);
      }

      .scene-card:focus-within {
        outline: 3px solid rgba(49, 104, 236, .2);
        outline-offset: 3px;
      }

      .scene-card-index {
        position: absolute;
        top: 12px;
        right: 22px;
        color: rgba(49, 104, 236, .1);
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 62px;
        font-weight: 700;
        line-height: 1;
        pointer-events: none;
      }

      .scene-card-head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 26px 28px 30px;
        border-right: 1px solid #e8eef8;
      }

      .scene-card-icon {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border: 1px solid #d5e3fb;
        border-radius: 10px;
        color: #3168ec;
        background: #eef4ff;
        transition: background .24s ease, color .24s ease, border-color .24s ease;
      }

      .scene-card:hover .scene-card-icon,
      .scene-card:focus-within .scene-card-icon {
        border-color: #3168ec;
        background: #3168ec;
        color: #ffffff;
      }

      .scene-card-titles {
        margin-top: 20px;
      }

      .scene-card-titles h3 {
        margin: 0;
        color: #131c2e;
        font-size: 23px;
        font-weight: 650;
        letter-spacing: .01em;
      }

      .scene-card-titles h3::after {
        content: "";
        display: block;
        width: 26px;
        height: 2px;
        margin-top: 12px;
        background: #3168ec;
      }

      .scene-card-titles span {
        display: block;
        margin-top: 11px;
        color: #6b7a93;
        font-size: 13.5px;
        line-height: 1.6;
      }

      .scene-card-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 30px 34px;
      }

      .scene-card-body p {
        max-width: 56ch;
        margin: 0;
        color: #4c5c76;
        font-size: 15.5px;
        line-height: 1.9;
      }

      .scene-capabilities {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 20px;
      }

      .scene-capabilities span {
        padding: 5px 12px;
        border: 1px solid #dbe6f8;
        border-radius: 3px;
        background: #f4f7fd;
        color: #425d99;
        font-size: 12.5px;
        letter-spacing: .02em;
      }

      .scene-card-foot {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 22px;
        padding: 28px 30px;
        border-left: 1px solid #e8eef8;
        background: linear-gradient(180deg, rgba(248, 250, 253, .65), rgba(243, 246, 251, .65));
      }

      .scene-points > div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px 0;
        border-bottom: 1px dashed #e2e9f5;
        color: #55647d;
        font-size: 14px;
      }

      .scene-points > div:last-child {
        border-bottom: 0;
      }

      .scene-points i {
        flex: 0 0 auto;
        width: 5px;
        height: 5px;
        background: #3168ec;
        transform: rotate(45deg);
      }

      .scene-card-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-height: 46px;
        padding: 0 22px;
        border-radius: 3px;
        background: #172033;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .04em;
        text-decoration: none;
        transition: background .2s ease, transform .2s ease;
      }

      .scene-card-cta:hover {
        background: #3168ec;
      }

      .scene-card-cta:active {
        transform: translateY(1px);
      }

      .scene-card-cta:focus-visible {
        outline: 3px solid rgba(49, 104, 236, .35);
        outline-offset: 3px;
      }

      .scene-card-cta svg {
        width: 15px;
        height: 15px;
        transition: transform .22s ease;
      }

      .scene-card-cta:hover svg {
        transform: translateX(4px);
      }

      @media (max-width: 1020px) {
        #showcase.tiaohang-service-cards-page .showcase-cards-inner {
          width: min(100% - 48px, 760px);
          padding: 92px 0 84px;
        }

        .scene-card { grid-template-columns: 1fr; }

        .scene-card-head {
          flex-direction: row;
          align-items: center;
          gap: 16px;
          padding: 24px 26px 20px;
          border-right: 0;
          border-bottom: 1px solid #e8eef8;
        }

        .scene-card-titles { margin-top: 0; }
        .scene-card-titles h3::after { margin-top: 8px; }
        .scene-card-index { top: 10px; right: 16px; font-size: 44px; }
        .scene-card-body { padding: 24px 26px 26px; }
        .scene-card-foot { border-left: 0; border-top: 1px solid #e8eef8; }
      }

      @media (max-width: 620px) {
        #showcase.tiaohang-service-cards-page .showcase-cards-inner {
          width: calc(100% - 36px);
          padding: 72px 0 60px;
        }

        .showcase-cards-title { font-size: 34px; }
        .showcase-cards-intro { margin-top: 18px; font-size: 15.5px; line-height: 1.8; }
        .scene-stack { margin-top: 36px; gap: 14px; }
        .scene-card-head { padding: 20px 20px 16px; gap: 14px; }
        .scene-card-icon { width: 42px; height: 42px; }
        .scene-card-titles h3 { font-size: 20px; }
        .scene-card-index { font-size: 38px; top: 8px; right: 12px; }
        .scene-card-body { padding: 20px; }
        .scene-card-body p { font-size: 14.5px; line-height: 1.82; }
        .scene-card-foot { padding: 20px; gap: 18px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .scene-card,
        .scene-card::before,
        .scene-card-icon,
        .scene-card-cta,
        .scene-card-cta svg {
          transition: none;
        }
      }

      /* Minimal Figma layout applied to the homepage's second screen. */
      #showcase.tiaohang-service-cards-page {
        color: #263238;
        background: #ffffff;
        border-top: 1px solid #edf1f4;
      }

      #showcase.tiaohang-service-cards-page .showcase-cards-inner {
        width: min(1110px, calc(100% - 80px));
        padding: 86px 0 94px;
      }

      #showcase .showcase-cards-heading {
        max-width: 680px;
        margin: 0 auto;
        text-align: center;
      }

      #showcase .showcase-cards-eyebrow {
        margin-bottom: 16px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #3168ec;
        letter-spacing: .12em;
      }

      #showcase .showcase-cards-title {
        max-width: 14em;
        margin: 0 auto;
        color: #263238;
        font-family: "Site Sans", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
        font-size: clamp(34px, 3.4vw, 46px);
        font-weight: 650;
        line-height: 1.22;
        letter-spacing: 0;
      }

      #showcase .showcase-cards-intro {
        max-width: 620px;
        margin: 15px auto 0;
        color: #717b85;
        font-size: 15px;
        line-height: 1.75;
      }

      #showcase .scene-stack {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 34px;
        margin-top: 52px;
      }

      #showcase .scene-card {
        display: flex;
        min-height: 330px;
        padding: 30px 28px 26px;
        flex-direction: column;
        border: 0;
        border-radius: 6px;
        background: #ffffff;
        box-shadow: 0 4px 8px rgba(171, 190, 209, .18), 0 1px 2px rgba(38, 50, 56, .06);
      }

      #showcase .scene-card::before {
        display: none;
      }

      #showcase .scene-card-index {
        top: 18px;
        right: 20px;
        color: #dce5f4;
        font-size: 38px;
      }

      #showcase .scene-card-head {
        display: flex;
        padding: 0;
        align-items: center;
        flex-direction: column;
        gap: 14px;
        border: 0;
        text-align: center;
      }

      #showcase .scene-card-icon {
        width: 64px;
        height: 58px;
        border: 0;
        border-radius: 18px 6px 18px 6px;
        background: #edf3ff;
        color: #3168ec;
        box-shadow: 12px 9px 0 #f5f7fa;
      }

      #showcase .scene-card-titles {
        margin-top: 4px;
      }

      #showcase .scene-card-titles h3 {
        color: #263238;
        font-size: 23px;
        font-weight: 650;
      }

      #showcase .scene-card-titles h3::after {
        display: none;
      }

      #showcase .scene-card-titles span {
        margin-top: 7px;
        color: #69747f;
        font-size: 14px;
      }

      #showcase .scene-card-body {
        display: flex;
        padding: 18px 0 0;
        flex: 1;
        justify-content: flex-start;
        text-align: center;
      }

      #showcase .scene-card-body p {
        color: #717b85;
        font-size: 14px;
        line-height: 1.7;
      }

      #showcase .scene-capabilities,
      #showcase .scene-points {
        display: none;
      }

      #showcase .scene-card-foot {
        display: block;
        padding: 20px 0 0;
        border: 0;
        background: transparent;
      }

      #showcase .scene-card-cta {
        min-height: 42px;
        width: 100%;
        border: 1px solid #d5e2f8;
        border-radius: 4px;
        background: #f5f8ff;
        color: #3168ec;
      }

      #showcase .scene-card-cta:hover {
        background: #3168ec;
        color: #fff;
      }

      .minimal-people-band {
        display: grid;
        width: min(1110px, 100%);
        margin: 54px auto 0;
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
        align-items: center;
        gap: 72px;
        padding: 34px 42px;
        border-top: 1px solid #dce7f4;
        background: rgba(255,255,255,.56);
      }

      .minimal-people-band-media {
        display: flex;
        min-height: 240px;
        align-items: center;
        justify-content: center;
        gap: 10px;
      }

      .minimal-people-band-media img {
        display: block;
        width: min(205px, 48%);
        height: 230px;
        object-fit: contain;
      }

      .minimal-people-band-copy { max-width: 480px; }

      .minimal-people-band-kicker {
        display: block;
        color: #3168ec;
        font-size: 11px;
        font-weight: 750;
        letter-spacing: .14em;
      }

      .minimal-people-band-copy h3 {
        margin: 13px 0 0;
        color: #263238;
        font-size: 31px;
        font-weight: 650;
        line-height: 1.2;
      }

      .minimal-people-band-copy p {
        margin: 16px 0 0;
        color: #687789;
        font-size: 14px;
        line-height: 1.8;
      }

      .minimal-people-band-link {
        display: inline-flex;
        min-height: 40px;
        margin-top: 22px;
        padding: 0 16px;
        align-items: center;
        gap: 8px;
        border-radius: 4px;
        background: #3168ec;
        color: #fff;
        font-size: 13px;
        font-weight: 650;
        text-decoration: none;
      }

      .minimal-people-band-link:hover { background: #2559dc; }

      @media (max-width: 900px) {
        #showcase.tiaohang-service-cards-page .showcase-cards-inner {
          width: min(100% - 48px, 720px);
          padding: 76px 0 80px;
        }

        #showcase .scene-stack {
          grid-template-columns: 1fr;
          gap: 18px;
        }

        #showcase .scene-card {
          min-height: 0;
        }

        .minimal-people-band {
          grid-template-columns: 1fr;
          gap: 24px;
          padding: 30px 0 0;
        }

        .minimal-people-band-copy { max-width: none; }

      }

      @media (max-width: 560px) {
        #showcase.tiaohang-service-cards-page .showcase-cards-inner {
          width: calc(100% - 36px);
          padding: 66px 0 70px;
        }

        #showcase .showcase-cards-title {
          font-size: 32px;
        }

        #showcase .scene-stack {
          margin-top: 36px;
        }

        #showcase .scene-card {
          padding: 26px 22px 22px;
        }

        .minimal-people-band-copy h3 { font-size: 26px; }

      }