:root {
      --blue-500: #0B2874;
      --blue-400: #1849A0;
      --blue-300: #488DE2;
      --blue-accent: #6DB4FF;
      --dark-900: #000000;
      --dark-800: #010A16;
      --dark-700: #050B3E;
      --dark-600: #050F1F;
      --dark-500: #040922;
      --text-white: #FFFFFF;
      --text-dark: #050C3E;
      --text-muted: rgba(255, 255, 255, 0.6);
    }

    .tech-page-html { scroll-behavior: smooth; }

    .tech-page {
      --tech-viewport-h: var(--amicro-viewport-h, 100vh);
      --tech-hero-section-h: var(--tech-viewport-h);
      --tech-stack-section-h: var(--tech-viewport-h);
      --tech-build-section-h: var(--tech-viewport-h);
      --tech-product-section-h: var(--tech-viewport-h);
      --tech-dev-section-h: 100dvh;
      --tech-type-design-48: var(--fs-48);
      --tech-type-design-40: var(--fs-42);
      --tech-type-design-36: var(--fs-36);
      --tech-type-design-32: var(--fs-32);
      --tech-type-design-28: var(--fs-28);
      --tech-type-design-26: var(--fs-27);
      --tech-type-design-24: var(--fs-24);
      --tech-type-design-22: var(--fs-22);
      --tech-type-design-20: var(--fs-20);
      --tech-type-design-18: var(--fs-18);
      --tech-type-design-16: var(--fs-16);
      --tech-type-design-14: var(--fs-14);
      --tech-type-design-13: var(--fs-14);
      --tech-type-design-12: var(--fs-12);
      --tech-space-80: var(--amicro-space-80, clamp(60px, calc(80 / 1920 * 100vw), 80px));
      --tech-space-60: clamp(45px, calc(60 / 1920 * 100vw), 60px);
      --tech-space-50: clamp(38px, calc(50 / 1920 * 100vw), 50px);
      --tech-space-48: var(--amicro-space-48, clamp(36px, calc(48 / 1920 * 100vw), 48px));
      --tech-space-44: clamp(30px, calc(44 / 1920 * 100vw), 44px);
      --tech-space-40: var(--amicro-space-40, clamp(28px, calc(40 / 1920 * 100vw), 40px));
      --tech-space-36: clamp(24px, calc(36 / 1920 * 100vw), 36px);
      --tech-space-32: var(--amicro-space-32, clamp(22px, calc(32 / 1920 * 100vw), 32px));
      --tech-space-30: clamp(20px, calc(30 / 1920 * 100vw), 30px);
      --tech-space-28: clamp(18px, calc(28 / 1920 * 100vw), 28px);
      --tech-space-24: var(--amicro-space-24, clamp(16px, calc(24 / 1920 * 100vw), 24px));
      --tech-space-22: clamp(14px, calc(22 / 1920 * 100vw), 22px);
      --tech-space-20: var(--amicro-space-20, clamp(12px, calc(20 / 1920 * 100vw), 20px));
      --tech-space-18: clamp(11px, calc(18 / 1920 * 100vw), 18px);
      --tech-space-16: var(--amicro-space-16, clamp(10px, calc(16 / 1920 * 100vw), 16px));
      --tech-space-14: clamp(8px, calc(14 / 1920 * 100vw), 14px);
      --tech-space-12: var(--amicro-space-12, clamp(8px, calc(12 / 1920 * 100vw), 12px));
      --tech-space-10: clamp(6px, calc(10 / 1920 * 100vw), 10px);
      --tech-space-8: var(--amicro-space-8, clamp(4px, calc(8 / 1920 * 100vw), 8px));
      --tech-space-4: var(--amicro-space-4, clamp(2px, calc(4 / 1920 * 100vw), 4px));
      background: var(--dark-800);
      color: var(--text-white);
      font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
      overflow-x: hidden;
      overflow-y: auto;
    }

    @supports (height: 100dvh) {
      .tech-page {
        --tech-viewport-h: 100dvh;
      }
    }

    #header { z-index: 100; }

    /* ===== Hero ===== */
    .tech-hero {
      position: relative;
      width: 100%;
      height: var(--tech-hero-section-h);
      overflow: hidden;
      padding-top: var(--tech-space-80); /* 导航栏高度安全距离 */
      background: var(--dark-800);
      scroll-snap-align: start;
      box-sizing: border-box;
    }
    .tech-hero__bg {
      position: absolute;
      top: var(--tech-space-80); /* 从导航栏下方开始 */
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .tech-hero__bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 30%; /* 芯片居中偏上 */
    }
    .tech-hero__video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 30%;
      opacity: 0;
      transition: opacity 0.8s ease;
    }
    .tech-hero__video.is-playing {
      opacity: 1;
    }
    .tech-hero__overlay {
      position: absolute; inset: 0;
      background: linear-gradient(180deg, rgba(5,11,62,0.7) 0%, rgba(5,11,62,0.1) 40%, rgba(5,11,62,0.1) 60%, rgba(5,11,62,0.9) 100%);
    }
    .tech-hero__content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding-top: clamp(12vh, 15vh, 16vh);
      text-align: center;
    }
    .tech-hero__title {
      font-size: var(--tech-type-design-48);
      font-weight: 400;
      letter-spacing: 0.12em;
      text-shadow: 0 4px 30px rgba(0,0,0,0.6);
      margin-bottom: var(--tech-space-16);
      color: #9fc8f8;
      background: none;
      -webkit-text-fill-color: currentColor;
    }
    @media (min-width: 769px) {
      body.tech-page .tech-hero .tech-hero__title {
        font-size: var(--tech-type-design-48);
      }
      body.tech-page .tech-hero .tech-hero__subtitle {
        font-size: var(--tech-type-design-24);
      }
    }
    .tech-hero__subtitle {
      width: max-content;
      max-width: none;
      margin-right: auto;
      margin-left: auto;
      font-size: var(--tech-type-design-24);
      margin-top: 0;
      color: rgba(255,255,255,0.9);
      letter-spacing: 0.1em;
      font-weight: 400;
      white-space: nowrap;
      text-shadow: 0 2px 10px rgba(0,0,0,0.5);
    }

    /* Hero labels */
    .tech-hero__labels {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
    }
    .tech-hero-label {
      --tech-label-arrow-size: 28px;
      --tech-label-arrow-gap: 4px;
      --tech-label-anchor-offset: calc(var(--tech-label-arrow-size) + var(--tech-label-arrow-gap));
      position: absolute;
      display: flex;
      align-items: center;
      gap: var(--tech-space-10);
      height: clamp(44px, calc(52 / 1920 * 100vw), 52px);
      background: rgba(100, 170, 255, 0.08);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1.5px solid rgba(130, 195, 255, 0.35);
      border-radius: 10px;
      padding: 0 var(--tech-space-20);
      color: #fff;
      font-size: var(--tech-type-design-18);
      font-weight: 400;
      letter-spacing: 0.02em;
      white-space: nowrap;
      pointer-events: auto;
      transition: background 0.3s, border-color 0.3s, box-shadow 0.3s, opacity 0.3s, filter 0.3s;
      overflow: visible;
      box-shadow: 0 4px 20px rgba(60, 140, 240, 0.15), inset 0 1px 0 rgba(255,255,255,0.08);
      animation: labelFloat 4s ease-in-out infinite;
      z-index: 1;
    }
    .tech-hero-label::before {
      content: '';
      position: absolute;
      inset: -18px;
      z-index: -1;
      pointer-events: auto;
    }
    .tech-hero-label--right1 { animation-delay: -1.3s; }
    .tech-hero-label--right2 { animation-delay: -2.6s; }
    @keyframes labelFloat {
      0%, 100% { transform: translateY(-50%); }
      50% { transform: translateY(calc(-50% - 6px)); }
    }
    .tech-hero-label:hover {
      background: rgba(100, 170, 255, 0.14);
      border-color: rgba(130, 195, 255, 0.5);
      z-index: 20;
    }
    .tech-hero-label--left {
      left: 28%;
      top: 47%;
      transform: translateY(-50%);
      justify-content: flex-start;
    }
    .tech-hero-label--right1 {
      right: 28%;
      top: 37%;
      flex-direction: row-reverse;
      justify-content: flex-start;
    }
    .tech-hero-label--right2 {
      right: 28%;
      top: 57%;
      flex-direction: row-reverse;
      justify-content: flex-start;
    }
    .tech-hero-label__icon {
      width: var(--tech-space-22);
      height: var(--tech-space-22);
      object-fit: contain;
      flex-shrink: 0;
    }
    .tech-hero-label__arrow {
      position: absolute;
      width: var(--tech-space-28);
      height: var(--tech-space-28);
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      z-index: 1;
      transition: opacity 0.2s ease;
    }
    .tech-hero-label__arrow img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: drop-shadow(0 0 4px rgba(100, 170, 255, 0.4));
    }
    .tech-hero-label__arrow--outside-right {
      left: calc(100% + var(--tech-space-4));
    }
    .tech-hero-label__arrow--outside-left {
      right: calc(100% + var(--tech-space-4));
    }

    /* ===== Label Popup — Figma matched ===== */
    .tech-hero-label__popup {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: var(--tech-label-popup-w, calc(408 / 1920 * 100vw));
      max-width: calc(100vw - (40 / 1920 * 100vw));
      height: calc(224 / 1920 * 100vw);
      border-radius: 0;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      clip-path: inset(50% 50% 50% 50%);
      transform-origin: center;
      transition:
        opacity 0.24s ease,
        visibility 0.24s ease,
        clip-path 0.38s cubic-bezier(0.22, 1, 0.36, 1);
      z-index: 5;
    }
    .tech-hero-label--left {
      --tech-label-popup-w: calc(600 / 1920 * 100vw);
      --tech-label-popup-bg: url('../images/tech/figma/tech-hover-hardware.png');
    }
    .tech-hero-label--right1 {
      --tech-label-popup-w: calc(408 / 1920 * 100vw);
      --tech-label-popup-bg: url('../images/tech/figma/tech-hover-software.png');
    }
    .tech-hero-label--right2 {
      --tech-label-popup-w: calc(408 / 1920 * 100vw);
      --tech-label-popup-bg: url('../images/tech/figma/tech-hover-algorithm.png');
    }
    /* 背景层使用 Figma 导出的完整 hover 面板，包含不同宽度、背景、高亮点与文案。 */
    .tech-hero-label__popup-bg {
      position: absolute; inset: 0;
      background: var(--tech-label-popup-bg) center / 100% 100% no-repeat;
      opacity: 1;
      border-radius: 0;
      overflow: hidden;
      transform: scale(0.96);
      transform-origin: center;
      transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .tech-hero-label__popup-bg::before {
      content: none;
    }
    .tech-hero-label__popup-bg::after {
      content: none;
    }
    .tech-hero-label__popup-right-img {
      display: none;
    }
    /* 内容层 */
    .tech-hero-label__popup-content {
      position: absolute;
      inset: 0;
      z-index: 2;
      width: auto;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 calc(60 / 1920 * 100vw);
      overflow: visible;
      clip: auto;
      clip-path: none;
      white-space: normal;
    }
    .tech-hero-label__popup-title {
      font-family: 'PingFang SC', sans-serif;
      font-size: var(--fs-28);
      font-weight: 400;
      color: #fff;
      margin: 0 0 calc(10 / 1920 * 100vw);
    }
    .tech-hero-label__popup-grid {
      display: flex;
      gap: calc(40 / 1920 * 100vw);
    }
    .tech-hero-label__popup-col {
      flex: none;
    }
    .tech-hero-label--right .tech-hero-label__popup-content {
      padding: 0 calc(48 / 1920 * 100vw);
    }
    .tech-hero-label--right .tech-hero-label__popup-grid {
      flex-direction: column;
      gap: calc(10 / 1920 * 100vw);
    }
    .tech-hero-label--right .tech-hero-label__popup-col {
      min-width: 0;
    }
    .tech-hero-label--right .tech-hero-label__popup-subtitle {
      font-size: var(--fs-28);
      margin-bottom: calc(10 / 1920 * 100vw);
    }
    .tech-hero-label--right .tech-hero-label__popup-items {
      font-size: var(--fs-16);
      line-height: 1.35;
    }
    .tech-hero-label__popup-subtitle {
      font-family: 'PingFang SC', sans-serif;
      font-size: var(--fs-24);
      font-weight: 400;
      color: #fff;
      margin: 0 0 calc(10 / 1920 * 100vw);
      display: flex;
      align-items: center;
      gap: calc(8 / 1920 * 100vw);
    }
    .tech-hero-label__popup-tag {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #3265E5;
      color: #fff;
      font-family: 'PingFang SC', sans-serif;
      font-size: var(--fs-16);
      line-height: 1.5;
      padding: calc(4 / 1920 * 100vw) calc(8 / 1920 * 100vw);
      border-radius: calc(4 / 1920 * 100vw);
    }
    .tech-hero-label__popup-items {
      font-family: 'PingFang SC', sans-serif;
      font-size: var(--fs-16);
      font-weight: 400;
      color: rgba(255,255,255,0.8);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(10 / 1920 * 100vw);
      margin: 0;
    }
    .tech-hero-label__popup-divider {
      width: calc(1 / 1920 * 100vw);
      height: calc(14 / 1920 * 100vw);
      background: rgba(255,255,255,0.4);
    }

    /* Popup positions — overlapping label */
    /* 左标签：弹窗向左展开并覆盖右侧三角，同时钳制在视口内。 */
    .tech-hero-label--left .tech-hero-label__popup {
      left: max(
        calc(100% + var(--tech-label-anchor-offset) - var(--tech-label-popup-w)),
        calc((24 / 1920 * 100vw) - 28vw)
      );
    }
    .tech-hero-label--left:hover .tech-hero-label__popup {
      opacity: 1;
      visibility: visible;
      pointer-events: none;
      clip-path: inset(0);
    }
    /* 右标签：弹窗往右展开并覆盖左侧三角，同时避免右侧溢出。 */
    .tech-hero-label--right .tech-hero-label__popup {
      left: min(
        calc(var(--tech-label-anchor-offset) * -1),
        calc(28vw + 100% - (24 / 1920 * 100vw) - var(--tech-label-popup-w))
      );
    }
    .tech-hero-label--right:hover .tech-hero-label__popup {
      opacity: 1;
      visibility: visible;
      pointer-events: none;
      clip-path: inset(0);
    }
    .tech-hero-label:hover .tech-hero-label__popup-bg {
      transform: scale(1);
    }
    .tech-hero-label:hover .tech-hero-label__arrow {
      opacity: 0;
    }

    /* ===== Section Title ===== */
    .tech-section-title {
      text-align: center;
      padding: var(--tech-space-80) clamp(80px, calc(160 / 1920 * 100vw), 160px) var(--tech-space-60);
    }
    .tech-section-title h2 {
      font-size: var(--tech-type-design-40);
      font-weight: 400;
      letter-spacing: 0.04em;
      color: var(--text-white);
    }
    .tech-section-title p {
      font-size: var(--tech-type-design-18);
      margin-top: var(--tech-space-16);
      color: rgba(255,255,255,0.7);
      line-height: 1.6;
    }
    .title-decorator {
      display: block; width: 2px; height: 40px;
      background: linear-gradient(180deg, var(--blue-accent), transparent);
      margin: var(--tech-space-30) auto 0;
    }
    .tech-section-title .highlight {
      color: var(--blue-accent);
      font-size: var(--tech-type-design-18);
      margin-top: var(--tech-space-24);
      display: inline-block;
    }

    /* ===== Ecosystem Section ===== */
    .tech-ecosystem {
      position: relative;
      padding: 0 clamp(80px, calc(160 / 1920 * 100vw), 160px) clamp(70px, calc(100 / 1920 * 100vw), 100px);
    }
    .tech-ecosystem__bg {
      position: absolute; inset: 0;
      overflow: hidden;
    }
    .tech-ecosystem__bg img {
      width: 100%; height: 100%; object-fit: cover;
      opacity: 0.3;
    }
    .tech-ecosystem__inner {
      position: relative; z-index: 2;
      display: flex; gap: var(--tech-space-80);
      align-items: center;
    }
    .tech-ecosystem__text {
      flex: 1;
    }
    .tech-ecosystem__text h3 {
      font-size: var(--tech-type-design-36);
      font-weight: 400;
      margin-bottom: var(--tech-space-24);
    }
    .tech-ecosystem__text p {
      font-size: var(--tech-type-design-18);
      line-height: 1.8;
      color: var(--text-muted);
    }
    .tech-ecosystem__text .highlight {
      color: var(--blue-accent);
      font-size: var(--tech-type-design-20);
      margin-top: var(--tech-space-32);
      display: block;
    }
    .tech-ecosystem__visual {
      flex: 1;
      position: relative;
    }
    .tech-ecosystem__img {
      width: 100%;
      border-radius: 12px;
      overflow: hidden;
    }
    .tech-ecosystem__img img {
      width: 100%; height: auto;
    }

    /* ===== Tech Stack Section ===== */
    .tech-stack {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: var(--tech-space-80) clamp(80px, calc(160 / 1920 * 100vw), 160px);
      height: var(--tech-stack-section-h);
      box-sizing: border-box;
      background-image: var(--tech-stack-bg, url('../images/Group 186.png'));
      background-position: bottom center;
      background-size: cover;
      background-repeat: no-repeat;
      scroll-snap-align: start;
    }
    .tech-stack__copy {
      display: contents;
    }
    .tech-stack__lead,
    .tech-stack__desc {
      width: 100%;
      max-width: 36em;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      text-align: center !important;
      line-height: 1.45 !important;
      font-weight: 600;
    }
    .tech-stack__lead,
    .tech-stack__desc {
      font-size: var(--tech-type-design-32) !important;
    }
    .tech-stack__lead .reveal-rise__line,
    .tech-stack__desc .reveal-rise__line {
      display: inline-block;
      text-align: center;
    }
    .tech-section-copy {
      font-size: var(--tech-type-design-24);
      line-height: 1.48;
      font-weight: 400;
      letter-spacing: 0;
      color: var(--text-white);
      white-space: normal;
      text-align: center;
    }
    @media (min-width: 769px) {
      .tech-stack.tech-animate > .tech-stack__diagram {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
      }
      .tech-stack.tech-animate > .tech-stack__diagram + .tech-stack__highlight {
        margin-top: 0 !important;
      }
    }
    .tech-stack__highlight {
      margin-top: var(--tech-space-48) !important;
      margin-bottom: 0 !important;
      width: 100%;
      color: #3fa8ff !important;
      font-size: var(--tech-type-design-32) !important;
      font-weight: 500;
      line-height: 1.45;
      text-align: center !important;
    }
    .tech-stack__diagram {
      width: min(100%, 760px);
      min-height: 76px;
      height: auto;
      margin: var(--tech-space-44) auto 0;
      display: grid;
      grid-template-columns: minmax(220px, 270px) 116px minmax(220px, 270px);
      align-items: stretch;
      justify-content: center;
    }
    .tech-stack__panel {
      position: relative;
      display: flex;
      align-items: center;
      gap: var(--tech-space-18);
      padding: var(--tech-space-12) var(--tech-space-32);
      background: linear-gradient(180deg, rgba(26, 36, 69, .82), rgba(15, 22, 48, .68));
      border: 1px solid rgba(91, 190, 243, .82);
      border-radius: 3px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 34px rgba(0, 10, 42, .18);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
    }
    .tech-stack__panel--link {
      border-radius: 3px;
    }
    .tech-stack__panel--sync {
      border-radius: 3px;
    }
    .tech-stack__plus {
      position: relative;
      display: block;
      align-self: center;
      justify-self: center;
      width: clamp(24px, calc(29 / 1920 * 100vw), 29px);
      height: clamp(24px, calc(29 / 1920 * 100vw), 29px);
    }
    .tech-stack__plus::before,
    .tech-stack__plus::after {
      content: "";
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
      background: #2d9fed;
      border-radius: 1px;
    }
    .tech-stack__plus::before {
      width: clamp(20px, calc(24 / 1920 * 100vw), 24px);
      height: clamp(2px, calc(3 / 1920 * 100vw), 3px);
    }
    .tech-stack__plus::after {
      width: clamp(2px, calc(3 / 1920 * 100vw), 3px);
      height: clamp(20px, calc(24 / 1920 * 100vw), 24px);
    }
    .tech-stack__icon {
      position: relative;
      left: auto;
      top: auto;
      flex: 0 0 31px;
      width: clamp(26px, calc(31 / 1920 * 100vw), 31px);
      height: clamp(26px, calc(31 / 1920 * 100vw), 31px);
      color: #40aef4;
    }
    .tech-stack__icon--link::before,
    .tech-stack__icon--link::after {
      content: "";
      position: absolute;
      top: clamp(6px, calc(7 / 1920 * 100vw), 7px);
      width: clamp(11px, calc(13 / 1920 * 100vw), 13px);
      height: clamp(8px, calc(10 / 1920 * 100vw), 10px);
      border: 2px solid currentColor;
      border-radius: 4px;
    }
    .tech-stack__icon--link::before {
      left: 0;
      border-right: 0;
    }
    .tech-stack__icon--link::after {
      right: 0;
      border-left: 0;
    }
    .tech-stack__icon--link {
      background:
        linear-gradient(currentColor, currentColor) center 12px / 10px 2px no-repeat;
    }
    .tech-stack__icon--sync {
      transform: rotate(-45deg);
    }
    .tech-stack__icon--sync::before,
    .tech-stack__icon--sync::after {
      content: "";
      position: absolute;
      width: clamp(11px, calc(13 / 1920 * 100vw), 13px);
      height: clamp(11px, calc(13 / 1920 * 100vw), 13px);
      border: 2px solid currentColor;
      border-radius: 4px;
    }
    .tech-stack__icon--sync::before {
      left: 1px;
      top: clamp(6px, calc(8 / 1920 * 100vw), 8px);
      border-right: 0;
    }
    .tech-stack__icon--sync::after {
      right: 1px;
      top: clamp(6px, calc(8 / 1920 * 100vw), 8px);
      border-left: 0;
    }
    .tech-stack__icon--link,
    .tech-stack__icon--sync {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transform: none;
    }
    .tech-stack__icon--link {
      background-image: url('../images/tech/figma/tech-stack-hardware.svg');
    }
    .tech-stack__icon--sync {
      background-image: url('../images/tech/figma/tech-stack-algorithm.svg');
    }
    .tech-stack__icon--link::before,
    .tech-stack__icon--link::after,
    .tech-stack__icon--sync::before,
    .tech-stack__icon--sync::after {
      content: none;
    }
    .tech-stack__panel-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 0;
      color: #fff;
      line-height: 1.15;
    }
    .tech-stack__panel-copy strong {
      color: rgba(255, 255, 255, .95);
      font-size: var(--tech-type-design-26);
      font-weight: 600;
      letter-spacing: 0;
    }
    .tech-stack__panel-copy small {
      margin-top: var(--tech-space-8);
      color: rgba(255, 255, 255, .62);
      font-size: var(--tech-type-design-13);
      font-weight: 400;
      white-space: nowrap;
      letter-spacing: 0;
    }
    .tech-stack__header {
      text-align: center;
      margin-bottom: var(--tech-space-50);
    }
    .tech-stack__header h3 {
      font-size: var(--tech-type-design-28);
      font-weight: 400;
      color: var(--blue-accent);
      letter-spacing: 0.05em;
    }
    .tech-stack__grid {
      display: flex;
      justify-content: center;
      margin-top: clamp(64px, calc(96 / 1920 * 100vw), 96px);
      gap: var(--tech-space-24);
    }
    .tech-stack__card {
      background: rgba(12,22,45,0.65);
      border-radius: 8px;
      padding: var(--tech-space-40) var(--tech-space-60);
      transition: all 0.3s;
      min-width: clamp(240px, calc(280 / 1920 * 100vw), 280px);
      background-image:
        linear-gradient(#18b0ff,#fff) 0 0,
        linear-gradient(#18b0ff,#fff) 0 0,
        linear-gradient(#18b0ff,#fff) 100% 0,
        linear-gradient(#18b0ff,#fff) 100% 0,
        linear-gradient(#18b0ff,#fff) 0 100%,
        linear-gradient(#18b0ff,#fff) 0 100%,
        linear-gradient(#18b0ff,#fff) 100% 100%,
        linear-gradient(#18b0ff,#fff) 100% 100%;
      background-repeat: no-repeat;
      background-size: 22px 1px, 1px 22px;
    }
    .tech-stack__card:hover {
      background-color: rgba(12,22,45,0.85);
      transform: translateY(-4px);
      box-shadow: 0 0 20px rgba(24,176,255,0.15);
    }
    .tech-stack__card-icon {
      width: clamp(40px, calc(48 / 1920 * 100vw), 48px); height: clamp(40px, calc(48 / 1920 * 100vw), 48px);
      margin-bottom: var(--tech-space-20);
    }
    .tech-stack__card h4 {
      font-size: var(--tech-type-design-22);
      font-weight: 500;
      margin-bottom: var(--tech-space-12);
      color: var(--text-white);
    }
    .tech-stack__card p {
      font-size: var(--tech-type-design-14);
      color: rgba(255,255,255,0.6);
      line-height: 1.6;
    }

    /* ===== Product Capability ===== */
    .tech-capability {
      position: relative;
      padding: clamp(72px, calc(100 / 1920 * 100vw), 100px) clamp(80px, calc(160 / 1920 * 100vw), 160px);
      overflow: hidden;
    }
    .tech-capability__bg {
      position: absolute; inset: 0;
    }
    .tech-capability__bg img {
      width: 100%; height: 100%; object-fit: cover;
      opacity: 0.15;
    }
    .tech-capability__inner {
      position: relative; z-index: 2;
      text-align: center;
    }
    .tech-capability__label {
      display: inline-block;
      background: rgba(109, 180, 255, 0.15);
      color: var(--blue-accent);
      font-size: var(--tech-type-design-14);
      padding: var(--tech-space-8) var(--tech-space-20);
      border-radius: 20px;
      margin-bottom: var(--tech-space-24);
      border: 1px solid rgba(109, 180, 255, 0.3);
    }
    .tech-capability__title {
      font-size: var(--tech-type-design-28);
      font-weight: 400;
      margin-bottom: var(--tech-space-50);
      color: var(--text-white);
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5;
    }
    .tech-capability__cards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: var(--tech-space-20);
    }
    .tech-cap-card {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(109, 180, 255, 0.15);
      border-radius: 8px;
      padding: var(--tech-space-40) var(--tech-space-24);
      text-align: center;
      transition: all 0.3s;
    }
    .tech-cap-card:hover {
      transform: translateY(-6px);
      background: rgba(109, 180, 255, 0.08);
      border-color: rgba(109, 180, 255, 0.4);
    }
    .tech-cap-card__name {
      font-size: var(--tech-type-design-18);
      font-weight: 500;
      margin-bottom: var(--tech-space-12);
      color: var(--text-white);
    }
    .tech-cap-card__desc {
      font-size: var(--tech-type-design-13);
      color: rgba(255,255,255,0.6);
      line-height: 1.5;
    }


    .tech-hero-mobile-accordion {
      display: none;
    }

    /* ===== Ecosystem Build Section ===== */
    .tech-eco-build {
      position: relative;
      overflow: hidden;
      padding-block: clamp(52px, calc(64 / 900 * var(--tech-build-section-h)), 72px);
      padding-inline: 0;
      background: #030713 url('../images/tech-commercial-verify/tech-eco-build-bg-20260703.jpg?v=20260703-1') center / cover no-repeat;
      height: var(--tech-build-section-h);
      scroll-snap-align: start;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .tech-eco-build__inner {
      width: 100%;
      max-width: 1440px;
      margin-inline: auto;
    }
    .tech-eco-build__header {
      text-align: center;
      margin-bottom: clamp(42px, calc(50 / 900 * var(--tech-build-section-h)), 56px);
    }
    .tech-eco-build__header .label {
      display: inline-block;
      color: var(--blue-accent);
      font-size: var(--tech-type-design-32);
      font-weight: 500;
      margin-bottom: clamp(18px, calc(24 / 900 * var(--tech-build-section-h)), 28px);
      letter-spacing: 0.04em;
    }
    .tech-eco-build__header h3 {
      max-width: 28em;
      margin-inline: auto;
      line-height: 1.42;
    }

    .business-verify {
      position: relative;
      width: min(75vw, calc(100vw - var(--tech-space-40)), 1440px);
      aspect-ratio: 1440 / 522;
      margin-inline: auto;
      isolation: isolate;
    }
    .business-verify__glow,
    .business-verify__floor {
      position: absolute;
      pointer-events: none;
      z-index: 0;
    }
    .business-verify__glow--left {
      left: calc(-252 / 1440 * 100%);
      bottom: calc(-116 / 522 * 100%);
      width: calc(620 / 1440 * 100%);
      height: calc(560 / 522 * 100%);
      background: radial-gradient(ellipse at center, rgba(30, 113, 255, 0.48) 0%, rgba(30, 113, 255, 0.2) 36%, rgba(30, 113, 255, 0) 72%);
      filter: blur(calc(56 / 1920 * 100vw));
      opacity: 0.9;
    }
    .business-verify__floor {
      display: none;
    }
    .business-verify__tile,
    .business-verify__stat {
      position: absolute;
      left: calc(var(--x) / 1440 * 100%);
      top: calc(var(--y) / 522 * 100%);
      width: calc(var(--w) / 1440 * 100%);
      height: calc(var(--h) / 522 * 100%);
      min-width: 0;
      border-radius: min(calc(8 / 1920 * 100vw), 8px);
      overflow: hidden;
      z-index: 1;
      transition: transform 0.36s cubic-bezier(.2,.8,.2,1), filter 0.36s ease, opacity 0.36s ease, box-shadow 0.36s ease;
    }
    .business-verify__tile {
      --business-verify-hover-side-w: clamp(7px, calc(11 / 1920 * 100vw), 11px);
      cursor: pointer;
      filter: drop-shadow(0 calc(8 / 900 * var(--tech-build-section-h)) calc(18 / 1920 * 100vw) rgba(9, 45, 140, 0.18));
    }
    .business-verify__tile img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .business-verify__tile picture {
      display: block;
      width: 100%;
      height: 100%;
    }
    .business-verify__tile::after {
      content: '';
      position: absolute;
      inset: 0;
      background:
        url('../images/tech-commercial-verify/tile-hover-left.png?v=20260703-1') left center / var(--business-verify-hover-side-w) 100% no-repeat,
        url('../images/tech-commercial-verify/tile-hover-right.png?v=20260703-1') right center / var(--business-verify-hover-side-w) 100% no-repeat,
        linear-gradient(135deg, rgba(109, 180, 255, 0.18), rgba(50, 101, 227, 0) 42%, rgba(59, 73, 179, 0.34));
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.36s ease;
    }
    .business-verify__tile:hover {
      transform: translateY(calc(-8 / 522 * 100%));
      filter: drop-shadow(0 calc(16 / 900 * var(--tech-build-section-h)) calc(28 / 1920 * 100vw) rgba(47, 118, 255, 0.36));
    }
    .business-verify__tile:hover::after {
      opacity: 1;
    }
    .business-verify__stat {
      color: #fff;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 45.83%);
      border-radius: 8px;
      box-shadow: none;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 3;
    }
    .business-verify__stat::before {
      content: none;
    }
    .business-verify__stat > * {
      position: relative;
      z-index: 1;
    }
    .business-verify__stat--shipments {
      --x: 0;
      --y: 134;
      --w: 418;
      --h: 120;
      display: grid;
      grid-template-columns: max-content max-content;
      justify-content: center;
      column-gap: clamp(42px, calc(64 / 418 * 100%), 72px);
      align-items: stretch;
    }
    .business-verify__stat--market {
      --x: 616;
      --y: 402;
      --w: 824;
      --h: 120;
      gap: clamp(56px, calc(80 / 824 * 100%), 80px);
    }
    .business-verify__stat-pair {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-width: 0;
      white-space: nowrap;
    }
    .business-verify__stat--shipments .business-verify__stat-pair {
      display: grid;
      grid-template-rows: auto auto;
      align-content: center;
      justify-items: center;
      align-items: center;
      row-gap: clamp(10px, calc(14 / 900 * var(--tech-build-section-h)), 14px);
      height: 100%;
      padding-block: clamp(0.625rem, calc(16 / 900 * var(--tech-build-section-h)), 1rem);
      box-sizing: border-box;
    }
    .business-verify__value {
      display: inline-flex;
      align-items: center;
      flex-wrap: nowrap;
      line-height: 1;
      font-weight: 500;
      white-space: nowrap;
    }
    .business-verify__value .num {
      display: inline-block;
      flex: 0 0 auto;
      font-size: var(--fs-48);
      line-height: 1;
    }
    .business-verify__value .suffix {
      display: inline-block;
      flex: 0 0 auto;
      font-size: var(--fs-32);
      line-height: 1;
      margin-left: 0.12em;
      white-space: nowrap;
    }
    .business-verify__caption {
      display: block;
      margin-top: clamp(12px, calc(14 / 120 * 100%), 14px);
      font-size: var(--fs-14);
      color: rgba(255, 255, 255, 0.72);
      line-height: 1.3;
      white-space: nowrap;
    }
    .business-verify__stat--shipments .business-verify__caption {
      margin-top: 0;
    }
    .business-verify__inline {
      display: inline-flex;
      align-items: baseline;
      color: #fff;
      font-size: var(--fs-32);
      line-height: 1;
      white-space: nowrap;
    }
    .business-verify__inline strong {
      display: inline-flex;
      align-items: center;
      margin-inline: 0.16em;
      color: #fff;
      font-weight: 500;
    }
    .business-verify__inline .num {
      display: inline-block;
      flex: 0 0 auto;
      font-size: var(--fs-48);
      line-height: 1;
    }
    .business-verify__inline .suffix {
      display: inline-block;
      flex: 0 0 auto;
      font-size: var(--fs-32);
      margin-left: 0.08em;
      white-space: nowrap;
    }

    @media (max-width: 1200px) {
      .tech-eco-build {
        padding-block: 5rem;
      }
      .business-verify {
        width: min(94vw, 75rem);
      }
      .tech-eco-dev__header h3 { font-size: var(--tech-type-design-24); }
      .dev-card__num { font-size: var(--fs-56); }
      .dev-card__unit { font-size: var(--fs-22); }
      .dev-card__label { font-size: var(--fs-18); }
      .tech-product__subtitle { font-size: var(--tech-type-design-16); margin-bottom: var(--tech-space-40); }
    }
    @media (max-width: 768px) {
      .tech-eco-build {
        height: auto;
        min-height: auto;
        padding: var(--tech-space-40) var(--tech-space-20);
      }
      .tech-eco-build__header { margin-bottom: var(--tech-space-32); }
      .business-verify {
        width: 100%;
        aspect-ratio: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
      }
      .business-verify__glow,
      .business-verify__floor {
        display: none;
      }
      .tech-hero__title { font-size: var(--tech-type-design-40); }
      .tech-hero__subtitle { font-size: var(--tech-type-design-16); }
      body.tech-page .tech-hero .tech-hero__subtitle { font-size: var(--tech-type-design-16); }
      .tech-section-title h2 { font-size: var(--tech-type-design-28); }
      .tech-stat__number { font-size: var(--fs-56); }
      .tech-eco-dev__header h3 { font-size: var(--tech-type-design-16); line-height: 1.5; max-width: 18em; }
      .dev-card__num { font-size: var(--fs-30); }
      .dev-card__unit { font-size: var(--fs-14); }
      .dev-card__label { font-size: var(--fs-14); margin-top: var(--tech-space-8); }
      .tech-product__title { font-size: var(--tech-type-design-32); }
      .tech-product__subtitle { font-size: var(--tech-type-design-16); margin-bottom: var(--tech-space-30); }
      .business-verify__tile,
      .business-verify__stat {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: var(--w) / var(--h);
        border-radius: 0.5rem;
      }
      .business-verify__stat--shipments,
      .business-verify__stat--market {
        grid-column: 1 / -1;
        min-height: 7.5rem;
        gap: 8%;
      }
      .business-verify__tile img {
        object-fit: cover;
      }
    }
    @media (max-width: 480px) {
      .business-verify {
        grid-template-columns: 1fr;
      }
      .business-verify__stat--shipments,
      .business-verify__stat--market {
        flex-direction: column;
        gap: 1.25rem;
        padding: 1.5rem 1rem;
        box-sizing: border-box;
        aspect-ratio: auto;
      }
      .business-verify__value .num {
        font-size: var(--tech-type-design-28);
      }
      .business-verify__value .suffix {
        font-size: var(--tech-type-design-16);
      }
      .business-verify__caption {
        font-size: var(--tech-type-design-12);
      }
      .business-verify__stat--market {
        align-items: center;
      }
      .business-verify__inline {
        font-size: var(--tech-type-design-14);
      }
      .business-verify__inline .num {
        font-size: var(--tech-type-design-28);
      }
      .business-verify__inline .suffix {
        font-size: var(--tech-type-design-16);
      }
      .business-verify__caption,
      .business-verify__inline {
        white-space: normal;
        text-align: center;
        justify-content: center;
      }
    }
    .tech-eco-item {
      background: rgba(255,255,255,0.02);
      border: 1px solid rgba(109, 180, 255, 0.12);
      border-radius: 8px;
      padding: var(--tech-space-36);
      transition: all 0.3s;
    }
    .tech-eco-item:hover {
      background: rgba(109, 180, 255, 0.05);
      border-color: rgba(109, 180, 255, 0.3);
    }
    .tech-eco-item__tag {
      display: inline-block;
      background: rgba(109, 180, 255, 0.12);
      color: var(--blue-accent);
      font-size: var(--tech-type-design-12);
      padding: var(--tech-space-4) var(--tech-space-12);
      border-radius: 4px;
      margin-bottom: var(--tech-space-16);
    }
    .tech-eco-item h4 {
      font-size: var(--tech-type-design-20);
      font-weight: 500;
      margin-bottom: var(--tech-space-12);
      color: var(--text-white);
    }
    .tech-eco-item p {
      font-size: var(--tech-type-design-14);
      color: rgba(255,255,255,0.6);
      line-height: 1.7;
    }

    /* ===== Commercial Section ===== */
    .tech-commercial {
      position: relative;
      padding: clamp(72px, calc(100 / 1920 * 100vw), 100px) clamp(80px, calc(160 / 1920 * 100vw), 160px);
      overflow: hidden;
    }
    .tech-commercial__bg {
      position: absolute; inset: 0;
    }
    .tech-commercial__bg img {
      width: 100%; height: 100%; object-fit: cover;
      opacity: 0.25;
    }
    .tech-commercial__inner {
      position: relative; z-index: 2;
    }
    .tech-commercial__header {
      text-align: center;
      margin-bottom: var(--tech-space-60);
    }
    .tech-commercial__header .label {
      display: inline-block;
      color: var(--blue-accent);
      font-size: var(--tech-type-design-32);
      margin-bottom: var(--tech-space-16);
      letter-spacing: 0.1em;
    }
    .tech-commercial__header h3 {
      font-size: var(--tech-type-design-28);
      font-weight: 400;
      color: var(--text-white);
      line-height: 1.5;
    }
    .tech-commercial__stats {
      display: flex;
      justify-content: center;
      gap: clamp(64px, calc(100 / 1920 * 100vw), 100px);
      margin-bottom: var(--tech-space-60);
    }
    .tech-stat {
      text-align: center;
    }
    .tech-stat__number {
      font-size: var(--fs-72);
      font-weight: 300;
      background: linear-gradient(180deg, #fff 40%, rgba(109,180,255,0.8) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      line-height: 1;
    }
    .tech-stat__unit {
      font-size: var(--tech-type-design-20);
      background: linear-gradient(180deg, #fff 40%, rgba(109,180,255,0.8) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .tech-stat__label {
      font-size: var(--tech-type-design-14);
      color: rgba(255,255,255,0.6);
      margin-top: var(--tech-space-12);
    }


    /* ===== Back to Top ===== */
    .tech-back-top {
      position: fixed;
      bottom: var(--tech-space-40); right: var(--tech-space-40);
      width: clamp(40px, calc(48 / 1920 * 100vw), 48px); height: clamp(40px, calc(48 / 1920 * 100vw), 48px);
      background: rgba(255,255,255,0.1);
      border: 1px solid rgba(255,255,255,0.2);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer;
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.3s;
      z-index: 100;
    }
    .tech-back-top.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .tech-back-top:hover {
      background: rgba(255,255,255,0.2);
    }

    /* ===== Decorative Elements ===== */
    .tech-orb {
      position: absolute; border-radius: 50%;
      filter: blur(100px); pointer-events: none;
      z-index: 0;
    }
    .tech-orb--blue {
      background: rgba(18,92,207,0.3);
    }

    /* ===== Animations ===== */
    .tech-animate {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .tech-animate.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* ===== Product Capability (tech-product) ===== */
    .tech-product {
      position: relative;
      height: var(--tech-product-section-h);
      box-sizing: border-box;
      margin-top: -1px;
      background: #040922;
      overflow: hidden;
      scroll-snap-align: start;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .tech-product__figma {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }
    .tech-product__sr-title {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .tech-product__inner {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
      box-sizing: border-box;
      text-align: center;
    }
    .tech-product__header {
      text-align: center;
      margin-bottom: clamp(28px, 4.6vh, 50px);
    }
    .tech-product__title {
      font-size: var(--tech-type-design-32);
      font-weight: 500;
      letter-spacing: 0.04em;
      color: var(--blue-accent);
      margin: 0 0 var(--tech-space-16);
    }
    .tech-product__subtitle {
      margin: 0;
      max-width: 42em;
      margin-inline: auto;
      font-size: var(--tech-type-design-24);
    }
    .tech-product__architecture {
      container-type: inline-size;
      max-width: 1180px;
      margin: 0 auto clamp(42px, 5.6vh, 68px);
      position: relative;
    }
    .tp-scenario-row {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: clamp(14px, 1.4cqw, 22px);
      align-items: end;
      margin-bottom: clamp(10px, 1.6cqw, 18px);
    }
    .tp-scenario-card {
      min-height: clamp(66px, 7.2cqw, 96px);
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: var(--tech-space-8);
      color: rgba(255, 255, 255, 0.72);
      font-size: var(--tech-type-design-14);
      background: linear-gradient(180deg, rgba(26, 74, 168, 0.18), rgba(9, 18, 66, 0.04));
    }
    .tp-scenario-icon {
      width: clamp(28px, 3.6cqw, 44px);
      height: clamp(28px, 3.6cqw, 44px);
      position: relative;
      display: block;
      color: #9ecbff;
    }
    .tp-scenario-icon::before,
    .tp-scenario-icon::after {
      content: '';
      position: absolute;
      box-sizing: border-box;
    }
    .tp-scenario-icon--home::before {
      inset: 20% 12% 18%;
      border: 2px solid currentColor;
      border-radius: 6px;
    }
    .tp-scenario-icon--home::after {
      left: 3%;
      right: 3%;
      bottom: 8%;
      height: 8px;
      border-radius: 999px;
      background: currentColor;
      box-shadow: 12px 0 0 rgba(158, 203, 255, 0.45);
    }
    .tp-scenario-icon--wheel::before {
      inset: 8% 12% 24%;
      border: 2px solid currentColor;
      border-radius: 10px;
    }
    .tp-scenario-icon--wheel::after {
      left: 8%;
      right: 8%;
      bottom: 4%;
      height: 12px;
      border: 2px solid currentColor;
      border-radius: 999px;
    }
    .tp-scenario-icon--pet::before {
      inset: 10% 18% 20%;
      border: 2px solid currentColor;
      border-radius: 45% 45% 55% 55%;
      transform: rotate(-18deg);
    }
    .tp-scenario-icon--pet::after {
      width: 16px;
      height: 16px;
      right: 4%;
      top: 14%;
      border: 2px solid currentColor;
      border-radius: 50%;
    }
    .tp-scenario-icon--track::before {
      inset: 24% 10% 16%;
      border: 2px solid currentColor;
      border-radius: 8px;
      transform: skewX(-10deg);
    }
    .tp-scenario-icon--track::after {
      left: 8%;
      right: 8%;
      bottom: 2%;
      height: 11px;
      border: 2px solid currentColor;
      border-radius: 999px;
    }
    .tp-scenario-icon--humanoid::before {
      width: 16px;
      height: 16px;
      top: 4%;
      left: 50%;
      border: 2px solid currentColor;
      border-radius: 50%;
      transform: translateX(-50%);
    }
    .tp-scenario-icon--humanoid::after {
      left: 22%;
      right: 22%;
      bottom: 4%;
      height: 26px;
      border: 2px solid currentColor;
      border-top: 0;
      border-radius: 0 0 12px 12px;
    }
    .tp-solution-band {
      position: relative;
      height: clamp(76px, 8.8cqw, 116px);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: clamp(22px, 3.2cqw, 38px);
      border-radius: 999px;
      background:
        radial-gradient(ellipse at center, rgba(71, 141, 255, 0.72) 0%, rgba(19, 89, 229, 0.42) 42%, rgba(19, 89, 229, 0) 73%),
        linear-gradient(90deg, rgba(58, 132, 255, 0), rgba(79, 150, 255, 0.42), rgba(58, 132, 255, 0));
      box-shadow: inset 0 0 42px rgba(66, 145, 255, 0.35);
    }
    .tp-solution-band span,
    .tp-cloud-node strong {
      min-width: clamp(110px, 13cqw, 170px);
      padding: clamp(9px, 1.1cqw, 14px) clamp(24px, 3cqw, 38px);
      border: 1px solid rgba(109, 180, 255, 0.85);
      border-radius: 999px;
      background: rgba(4, 30, 86, 0.9);
      color: #8fc9ff;
      font-size: var(--tech-type-design-28);
      font-weight: 500;
      line-height: 1;
    }
    .tp-platform-row {
      display: grid;
      grid-template-columns: 1.35fr 1.22fr 0.9fr 1.22fr 1fr;
      gap: clamp(14px, 1.6cqw, 24px);
      align-items: center;
    }
    .tp-chip-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(8px, 0.8cqw, 12px);
    }
    .tp-chip-grid--left {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .tp-chip-grid span {
      min-height: clamp(28px, 3.2cqw, 40px);
      padding: 0 clamp(8px, 0.9cqw, 12px);
      border: 1px solid rgba(157, 200, 255, 0.42);
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(180deg, rgba(174, 208, 255, 0.96), rgba(102, 154, 228, 0.96));
      color: #eef6ff;
      font-size: var(--tech-type-design-14);
      line-height: 1.2;
      text-align: center;
      word-break: keep-all;
    }
    .tp-platform-card {
      min-height: clamp(90px, 10.5cqw, 138px);
      padding: clamp(16px, 1.8cqw, 24px);
      box-sizing: border-box;
      border: 1px solid rgba(157, 200, 255, 0.32);
      border-radius: 6px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: #fff;
      background: linear-gradient(150deg, rgba(70, 105, 166, 0.76), rgba(33, 51, 84, 0.92));
      box-shadow: inset 0 -20px 36px rgba(49, 126, 255, 0.2);
      position: relative;
    }
    .tp-platform-card::before,
    .tp-platform-card::after {
      content: '';
      position: absolute;
      top: 50%;
      width: clamp(16px, 2cqw, 28px);
      border-top: 2px dotted rgba(199, 218, 255, 0.95);
    }
    .tp-platform-card::before {
      right: 100%;
    }
    .tp-platform-card::after {
      left: 100%;
    }
    .tp-platform-card strong {
      font-size: var(--tech-type-design-24);
      font-weight: 500;
      margin-bottom: var(--tech-space-8);
    }
    .tp-platform-card small {
      color: rgba(255, 255, 255, 0.88);
      font-size: var(--tech-type-design-18);
      line-height: 1.35;
    }
    .tp-cloud-node {
      min-height: clamp(112px, 13cqw, 160px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      position: relative;
    }
    .tp-cloud-node__shape {
      position: absolute;
      top: 0;
      width: clamp(90px, 12cqw, 150px);
      height: clamp(60px, 8.2cqw, 104px);
      border-radius: 48% 52% 45% 48%;
      background:
        radial-gradient(circle at 38% 45%, rgba(255, 255, 255, 0.95) 0 13%, transparent 14%),
        radial-gradient(circle at 59% 45%, rgba(255, 255, 255, 0.95) 0 13%, transparent 14%),
        linear-gradient(180deg, #d9e8ff, #98c2ff);
      box-shadow: 0 10px 28px rgba(68, 140, 255, 0.5);
    }
    .tp-cloud-node__shape::before,
    .tp-cloud-node__shape::after {
      content: '';
      position: absolute;
      bottom: 20%;
      width: 46%;
      height: 58%;
      border-radius: 50%;
      background: inherit;
    }
    .tp-cloud-node__shape::before {
      left: 8%;
    }
    .tp-cloud-node__shape::after {
      right: 8%;
    }
    .tp-cloud-node strong {
      position: relative;
      z-index: 1;
      min-width: 0;
      transform: translateY(8px);
    }
    .tech-product__frames {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: clamp(14px, 1.6vw, 24px);
    }
    .tp-frame {
      flex: 1 1 0;
      min-height: clamp(128px, 10.5vw, 168px);
      padding: clamp(18px, 1.9vw, 28px);
      box-sizing: border-box;
      border-radius: 12px;
      overflow: hidden;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      text-align: left;
      color: #fff;
      background:
        linear-gradient(135deg, rgba(68, 126, 230, 0.34), rgba(8, 18, 68, 0.82)),
        radial-gradient(circle at 80% 16%, rgba(109, 180, 255, 0.34), transparent 36%);
      border: 1px solid rgba(109, 180, 255, 0.22);
      opacity: 0;
      transform: translateY(60px);
      transition: opacity 1.1s ease, transform 1.3s cubic-bezier(0.22, 0.61, 0.36, 1), border-color 0.3s ease;
      will-change: opacity, transform;
    }
    .tp-frame::before {
      content: '';
      position: absolute;
      inset: auto 0 0;
      height: 45%;
      background: linear-gradient(0deg, rgba(18, 98, 240, 0.2), transparent);
      pointer-events: none;
    }
    .tp-frame:hover {
      border-color: rgba(109, 180, 255, 0.55);
    }
    .tp-frame__icon {
      position: absolute;
      top: clamp(18px, 1.9vw, 28px);
      right: clamp(18px, 1.9vw, 28px);
      width: clamp(40px, 4vw, 62px);
      height: clamp(40px, 4vw, 62px);
      color: #9ecbff;
    }
    .tp-frame__icon::before,
    .tp-frame__icon::after {
      content: '';
      position: absolute;
      box-sizing: border-box;
    }
    .tp-frame--bot .tp-frame__icon::before {
      inset: 16% 18% 24%;
      border: 2px solid currentColor;
      border-radius: 8px;
    }
    .tp-frame--bot .tp-frame__icon::after {
      left: 8%;
      right: 8%;
      bottom: 8%;
      height: 10px;
      border-radius: 999px;
      background: currentColor;
    }
    .tp-frame--chip .tp-frame__icon::before {
      inset: 16%;
      border: 2px solid currentColor;
      border-radius: 7px;
      box-shadow:
        -10px 0 0 -8px currentColor,
        10px 0 0 -8px currentColor,
        0 -10px 0 -8px currentColor,
        0 10px 0 -8px currentColor;
    }
    .tp-frame--chip .tp-frame__icon::after {
      inset: 34%;
      border-radius: 3px;
      background: currentColor;
    }
    .tp-frame--kit .tp-frame__icon::before {
      left: 8%;
      top: 16%;
      width: 48%;
      height: 58%;
      border: 2px solid currentColor;
      border-radius: 6px;
    }
    .tp-frame--kit .tp-frame__icon::after {
      right: 8%;
      bottom: 14%;
      width: 42%;
      height: 42%;
      border: 2px solid currentColor;
      border-radius: 50%;
    }
    .tp-frame--os .tp-frame__icon::before {
      inset: 12% 8% 20%;
      border: 2px solid currentColor;
      border-radius: 8px;
    }
    .tp-frame--os .tp-frame__icon::after {
      left: 28%;
      right: 28%;
      bottom: 8%;
      height: 2px;
      background: currentColor;
      box-shadow: 0 8px 0 currentColor;
    }
    .tp-frame strong,
    .tp-frame small {
      position: relative;
      z-index: 1;
    }
    .tp-frame strong {
      font-size: var(--tech-type-design-24);
      font-weight: 500;
      margin-bottom: var(--tech-space-8);
    }
    .tp-frame small {
      color: rgba(255, 255, 255, 0.72);
      font-size: var(--tech-type-design-14);
      line-height: 1.45;
    }
    /* 中间 2 张 landscape 卡:起始更低,上升距离更大;最终底部对齐与左右一致 */
    .tp-frame:nth-child(2),
    .tp-frame:nth-child(3) {
      transform: translateY(140px);
    }
    .tp-frame:nth-child(1) { transition-delay: 0ms; }
    .tp-frame:nth-child(2) { transition-delay: 300ms; }
    .tp-frame:nth-child(3) { transition-delay: 600ms; }
    .tp-frame:nth-child(4) { transition-delay: 900ms; }
    /* 滚动到 frames 自身视区时触发,弹出一次并保持 */
    .tech-product__frames.is-revealed .tp-frame {
      opacity: 1;
      transform: translateY(0);
    }

    .tech-product__bg {
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
    }
    .tech-product__video,
    .tech-product__poster {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .tech-product__canvas {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 100%;
      min-width: 100%;
      aspect-ratio: 1920 / 900;
      transform: translate(-50%, -50%);
      overflow: hidden;
      container-type: inline-size;
    }
    .tech-product__bg {
      z-index: 0;
      overflow: hidden;
      background: #040922;
    }
    .tech-product__bg::before {
      content: '';
      position: absolute;
      inset: 0;
      background: #04081e;
      z-index: -3;
    }
    .tech-product__bg::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: clamp(56px, calc(80 / 900 * var(--tech-product-section-h)), 96px);
      background: linear-gradient(180deg, #030713 0%, rgba(3, 7, 19, 0.86) 34%, rgba(3, 7, 19, 0) 100%);
      z-index: 2;
      pointer-events: none;
    }
    .tech-product__video,
    .tech-product__poster {
      position: absolute;
      left: 0;
      top: -20%;
      width: 100%;
      height: 120%;
      object-fit: cover;
      opacity: 0.6;
      z-index: -1;
    }
    .tech-product__poster {
      z-index: -2;
    }
    .tech-product__shade {
      position: absolute;
      left: 0;
      top: 31.2%;
      width: 100%;
      height: 51.6%;
      background: linear-gradient(180deg, #040a25 31%, rgba(4, 17, 54, 0) 100%);
    }
    .tech-product__halo {
      position: absolute;
      left: 9.1%;
      top: 17%;
      width: 81.9%;
      height: 37.6%;
      border-radius: 50%;
      opacity: 0.3;
      filter: blur(120px);
      background: linear-gradient(75deg, rgba(6, 55, 142, 1) 55%, rgba(6, 55, 142, 0) 100%);
    }
    .tech-product__bg .tech-product__orbits {
      position: absolute;
      left: 12.9%;
      top: 74.2%;
      width: 74.2%;
      height: auto;
      object-fit: contain;
      opacity: 1;
      z-index: 1;
      pointer-events: none;
    }
    .tech-product__orbits--mobile {
      display: none;
    }
    .tp-dom-head {
      position: absolute;
      left: 50%;
      top: 8.9%;
      transform: translateX(-50%);
      width: min(700px, 58cqw);
      text-align: center;
      z-index: 2;
    }
    .tp-dom-head .tech-product__title {
      margin: 0 0 18px;
      font-size: var(--tech-type-design-32);
      line-height: 1.5;
      font-weight: 500;
      letter-spacing: 0;
      color: #6db4ff;
    }
    .tp-dom-head .tech-product__subtitle {
      margin: 0;
      color: #fff;
      font-size: var(--tech-type-design-24);
      line-height: 1.48;
      letter-spacing: 0;
      white-space: normal;
      max-width: 40em;
    }
    .tp-dom-robots {
      position: absolute;
      left: 30.6%;
      top: 22.4%;
      width: 39.8%;
      height: 14%;
      z-index: 2;
    }
    .tp-dom-robot {
      position: absolute;
      display: block;
      object-fit: contain;
      filter: drop-shadow(0 18px 24px rgba(0, 25, 90, 0.44));
      animation: tpRobotFloat 5.8s ease-in-out infinite;
    }
    .tp-dom-robot--drone { left: 0; top: 22%; width: 15.6%; animation-delay: -0.2s; }
    .tp-dom-robot--car { left: 22.8%; top: 26%; width: 12.2%; animation-delay: -1.1s; }
    .tp-dom-robot--companion { left: 42%; top: 15%; width: 12.2%; animation-delay: -2s; }
    .tp-dom-robot--clean { left: 61%; top: 33%; width: 11.8%; animation-delay: -2.8s; }
    .tp-dom-robot--embodied { right: 0; top: 0; width: 14.4%; animation-delay: -3.5s; }
    .tp-dom-solution {
      position: absolute;
      left: 50%;
      top: 37.7%;
      transform: translateX(-50%);
      z-index: 3;
    }
    .tp-dom-solution span,
    .tp-dom-cloud span,
    .tp-dom-edge-label {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #6db4ff;
      border-radius: 24px;
      background: #051947;
      color: #66a9f2;
      font-size: var(--tech-type-design-20);
      line-height: 1;
      padding: var(--tech-space-12) var(--tech-space-24);
      box-sizing: border-box;
    }
    .tp-dom-architecture {
      position: absolute;
      left: 20.2%;
      top: 44.4%;
      width: 53.4%;
      height: 17.8%;
      z-index: 2;
    }
    .tp-dom-architecture::before {
      content: '';
      position: absolute;
      left: 19.3%;
      top: 0;
      width: 61.4%;
      height: 42%;
      border-radius: 50%;
      opacity: 0.5;
      filter: blur(50px);
      background: linear-gradient(180deg, rgba(0, 78, 209, 1) 0%, rgba(0, 78, 209, 0) 100%);
    }
    .tp-dom-architecture::after {
      content: '';
      position: absolute;
      left: 20.2%;
      top: 11.7%;
      width: 59.6%;
      height: 19.4%;
      border-radius: 50%;
      border: 1px solid rgba(225, 232, 255, 0.35);
      opacity: 0.2;
      filter: blur(10px);
      background: linear-gradient(0deg, rgba(57, 78, 146, 0) 0%, rgba(57, 78, 146, 1) 100%);
    }
    .tp-dom-tags {
      position: absolute;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      gap: var(--tech-space-8) var(--tech-space-4);
      opacity: 0.8;
      z-index: 2;
    }
    .tp-dom-tags--left {
      left: 0;
      top: 26.9%;
      width: 28.1%;
      justify-content: flex-end;
    }
    .tp-dom-tags--right {
      left: 87.1%;
      top: 26.9%;
      width: 12.9%;
    }
    .tp-dom-tags span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 24px;
      padding: var(--tech-space-4) var(--tech-space-8);
      box-sizing: border-box;
      border-radius: 4px;
      color: #d0d0d3;
      font-size: var(--tech-type-design-12);
      line-height: 1.25rem;
      white-space: nowrap;
      background: rgba(173, 203, 255, 0.2);
    }
    .tp-dom-tags--right span {
      background: rgba(173, 203, 255, 0.1);
    }
    .tp-dom-platform {
      position: absolute;
      top: 27.5%;
      width: 15.5%;
      height: 53.8%;
      border-radius: 4px;
      color: #fff;
      background: #31415c;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      overflow: hidden;
      z-index: 3;
    }
    .tp-dom-platform::before {
      content: '';
      position: absolute;
      inset: 0;
      border: 1px solid transparent;
      border-radius: inherit;
      background: linear-gradient(-12deg, rgba(50, 101, 227, 0.02) 0%, rgba(89, 129, 232, 1) 100%) border-box;
      opacity: 0.8;
      mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
      mask-composite: exclude;
      pointer-events: none;
    }
    .tp-dom-platform::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 42px;
      background: radial-gradient(ellipse at center bottom, rgba(83, 156, 255, 0.95), rgba(83, 156, 255, 0) 70%);
      opacity: 0.55;
    }
    .tp-dom-platform--cloud { left: 29.3%; }
    .tp-dom-platform--hub { left: 69.4%; }
    .tp-dom-platform strong,
    .tp-dom-platform span {
      position: relative;
      z-index: 1;
      font-size: var(--tech-type-design-14);
      font-weight: 400;
      line-height: 1.25rem;
    }
    .tp-dom-platform--cloud::before,
    .tp-dom-platform--hub::before {
      box-shadow: 0 -1px 0 rgba(200, 226, 255, 0.65) inset;
    }
    .tp-dom-cloud {
      position: absolute;
      left: 50.3%;
      top: 0;
      width: 13.5%;
      height: 98.8%;
      z-index: 4;
      display: flex;
      justify-content: center;
    }
    .tp-dom-cloud::before,
    .tp-dom-cloud::after {
      content: '';
      position: absolute;
      top: 55.7%;
      width: 42%;
      border-top: 3px dotted #ced9fd;
      z-index: -1;
    }
    .tp-dom-cloud::before { right: 100%; }
    .tp-dom-cloud::after { left: 100%; }
    .tp-dom-cloud img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 87.3%;
      object-fit: contain;
    }
    .tp-dom-cloud span {
      position: absolute;
      top: 73.4%;
      min-width: clamp(76px, calc(96 / 1920 * 100vw), 96px);
      height: clamp(36px, calc(44 / 1920 * 100vw), 44px);
      padding: var(--tech-space-12) var(--tech-space-24);
      z-index: 2;
    }
    .tp-dom-edge-label {
      position: absolute;
      left: 50%;
      top: 73.9%;
      transform: translateX(-50%);
      min-width: clamp(72px, calc(88 / 1920 * 100vw), 88px);
      height: clamp(36px, calc(44 / 1920 * 100vw), 44px);
      z-index: 4;
    }
    .tp-dom-cards {
      position: absolute;
      left: 19.5%;
      top: 65.3%;
      width: 61%;
      height: 23.2%;
      z-index: 3;
      display: grid;
      grid-template-columns: 1fr 1.16fr 1.16fr 1fr;
      gap: clamp(36px, calc(52 / 1920 * 100vw), 52px);
      align-items: end;
    }
    .tp-dom-card {
      position: relative;
      height: clamp(156px, calc(192 / 1920 * 100vw), 192px);
      padding: var(--tech-space-24) var(--tech-space-12);
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: var(--tech-space-10);
      text-align: center;
      color: #fff;
      border-radius: 4px;
      background: linear-gradient(180deg, rgba(0, 80, 171, 1) 29%, rgba(4, 76, 139, 0) 100%);
      overflow: visible;
      opacity: 0;
      transform: translateY(42px);
      transition: opacity 0.75s ease, transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .tp-dom-card::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      aspect-ratio: 240 / 114;
      background: url('../images/tech-product/figma/product-card-frame.png') top center / 100% 100% no-repeat;
      filter: brightness(1.35) saturate(1.16) drop-shadow(0 0 10px rgba(94, 169, 255, 0.42));
      pointer-events: none;
      transform: translateY(-25.5%);
      z-index: 0;
    }
    .tp-dom-card--compat::before {
      filter: none;
    }
    .tp-dom-card--chip,
    .tp-dom-card--kit {
      align-self: start;
      height: 104px;
    }
    .tp-dom-card--chip::before,
    .tp-dom-card--kit::before {
      height: 114px;
      aspect-ratio: auto;
    }
    .tp-dom-card strong {
      position: relative;
      z-index: 1;
      font-size: var(--tech-type-design-18);
      font-weight: 400;
      line-height: 1.5;
    }
    .tp-dom-card--chip strong,
    .tp-dom-card--kit strong {
      font-size: var(--tech-type-design-24);
      line-height: 1.5;
    }
    .tp-dom-card span {
      position: relative;
      z-index: 1;
      color: rgba(255, 255, 255, 0.78);
      font-size: var(--tech-type-design-16);
      line-height: 1.5;
    }
    .tp-dom-card .tp-dom-card__title {
      color: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      white-space: pre-line;
      overflow-wrap: anywhere;
    }
    .tp-dom-card__title--mobile {
      display: none;
    }
    .tp-dom-card__models {
      display: inline-flex;
      align-items: center;
      flex-wrap: nowrap;
      white-space: nowrap;
    }
    .tp-dom-card__model {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
    }
    .tp-dom-card__model + .tp-dom-card__model::before {
      content: '｜';
      margin-inline: 0.55em;
      color: rgba(255, 255, 255, 0.52);
    }
    .tech-product.visible .tp-dom-card,
    .tech-product__frames.is-revealed ~ .tp-dom-card {
      opacity: 1;
      transform: translateY(0);
    }
    .tech-product.visible .tp-dom-card:nth-child(1) { transition-delay: 0ms; }
    .tech-product.visible .tp-dom-card:nth-child(2) { transition-delay: 160ms; }
    .tech-product.visible .tp-dom-card:nth-child(3) { transition-delay: 280ms; }
    .tech-product.visible .tp-dom-card:nth-child(4) { transition-delay: 420ms; }
    @keyframes tpRobotFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    /* ===== Developer Ecosystem (tech-eco-dev) ===== */
    .tech-eco-dev {
      position: relative;
      height: var(--tech-dev-section-h);
      padding: clamp(48px, 5.5vh, 72px) clamp(80px, calc(160 / 1920 * 100vw), 160px);
      box-sizing: border-box;
      background: #050B3E;
      overflow: hidden;
      scroll-snap-align: start;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .tech-eco-dev__bg {
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
    }
    .tech-eco-dev__bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .tech-eco-dev__inner {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 1320px;
      margin: 0 auto;
      box-sizing: border-box;
    }
    .tech-eco-dev__header {
      text-align: center;
      margin-bottom: clamp(24px, 3.2vh, 34px);
    }
    .tech-eco-dev__header .label {
      display: inline-block;
      color: var(--blue-accent);
      font-size: var(--tech-type-design-32);
      font-weight: 500;
      letter-spacing: 0.04em;
      margin-bottom: var(--tech-space-16);
    }
    .tech-eco-dev__header h3 {
      margin: 0;
      max-width: 30em;
      margin-inline: auto;
      font-size: var(--tech-type-design-24);
    }
    .tech-eco-dev__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(18px, calc(24 / 1920 * 100vw), 24px);
      align-items: stretch;
      justify-content: center;
    }
    .dev-card {
      position: relative;
      aspect-ratio: 464 / 480;
      border-radius: 12px;
      overflow: hidden;
      isolation: isolate;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }
    .dev-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 40px rgba(11, 40, 116, 0.45);
    }
    .dev-card__media {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      border-radius: inherit;
    }
    .dev-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: inherit;
      transition: transform 0.6s ease;
    }
    .dev-card:hover .dev-card__media img {
      transform: scale(1.04);
    }
    .dev-card__overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(180deg, rgba(5, 11, 62, 0.82) 0%, rgba(5, 11, 62, 0.38) 34%, rgba(5, 11, 62, 0) 70%);
      pointer-events: none;
      border-radius: inherit;
    }
    .dev-card__text {
      position: absolute;
      left: clamp(24px, calc(32 / 1920 * 100vw), 32px);
      top: clamp(21px, calc(28 / 1920 * 100vw), 28px);
      z-index: 2;
      color: #fff;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    }
    .dev-card__num {
      font-size: var(--fs-72);
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0.02em;
      display: inline-flex;
      align-items: center;
      gap: var(--tech-space-4);
    }
    .dev-card__unit {
      font-size: var(--fs-28);
      font-weight: 500;
    }
    .dev-card__label {
      font-size: var(--fs-20);
      font-weight: 400;
      opacity: 0.8;
      margin-top: clamp(10px, calc(16 / 1920 * 100vw), 16px);
      letter-spacing: 0.04em;
    }

    /* ===== Responsive ===== */
    @media (max-width: 1200px) {
      .tech-section-title { padding: var(--tech-space-60) var(--tech-space-60) var(--tech-space-40); }
      .tech-ecosystem { padding: 0 var(--tech-space-60) var(--tech-space-60); }
      .tech-ecosystem__inner { flex-direction: column; }
      .tech-stack { padding: var(--tech-space-60); }
      .tech-stack__diagram {
        grid-template-columns: minmax(180px, 1fr) 96px minmax(180px, 1fr);
      }
      .tech-stack__grid { flex-direction: column; align-items: center; }
      .tech-capability { padding: var(--tech-space-60); }
      .tech-capability__cards { grid-template-columns: repeat(2, 1fr); }
      .tech-eco-build { padding-block: 5rem; padding-inline: 0; }
      .tech-eco-build__grid { grid-template-columns: 1fr; }
      .tech-commercial { padding: var(--tech-space-60); }
      .tech-commercial__stats { gap: var(--tech-space-40); }
      .tech-eco-dev { padding: var(--tech-space-60) 0 var(--tech-space-80); }
      .tech-eco-dev__inner { padding: 0 var(--tech-space-40); }
      .tech-eco-dev__grid { gap: var(--tech-space-16); }
      .tech-eco-dev__header h3 { font-size: var(--tech-type-design-24); }
      .dev-card__text { left: clamp(20px, calc(28 / 1920 * 100vw), 28px); top: clamp(20px, calc(24 / 1920 * 100vw), 24px); }
      .dev-card__num { font-size: var(--fs-56); }
      .dev-card__unit { font-size: var(--fs-22); }
      .dev-card__label { font-size: var(--fs-18); }
      .tech-product { padding: 0; }
      .tech-product__inner { padding: 0; }
      .tech-product__title { font-size: var(--tech-type-design-32); }
      .tech-product__subtitle { font-size: var(--tech-type-design-16); margin-bottom: var(--tech-space-40); }
      .tech-product__diagram { margin-bottom: var(--tech-space-60); }
      .tp-frame { min-height: 132px; }
    }
    @media (max-width: 768px) {
      .tech-hero { padding-top: var(--tech-space-60); }
      .tech-hero__bg { top: var(--tech-space-60); }
      .tech-hero__title { font-size: var(--tech-type-design-40); }
      .tech-hero__subtitle { font-size: var(--tech-type-design-16); }
      body.tech-page .tech-hero .tech-hero__subtitle { font-size: var(--tech-type-design-16); }
      .tech-hero-label { display: none; }
      .tech-section-title { padding: var(--tech-space-40) var(--tech-space-24) var(--tech-space-30); }
      .tech-section-title h2 { font-size: var(--tech-type-design-28); }
      .tech-ecosystem { padding: 0 var(--tech-space-24) var(--tech-space-40); }
      .tech-stack { padding: var(--tech-space-40) var(--tech-space-24); }
      .tech-stack__diagram {
        height: auto;
        grid-template-columns: 1fr;
        grid-template-rows: 82px 54px 82px;
      }
      .tech-stack__panel,
      .tech-stack__panel--link,
      .tech-stack__panel--sync {
        border-radius: 4px;
      }
      .tech-stack__icon {
        transform-origin: center;
      }
      .tech-stack__icon--sync {
        transform: rotate(-45deg);
      }
      .tech-stack__card { min-width: auto; padding: var(--tech-space-30); }
      .tech-capability { padding: var(--tech-space-40) var(--tech-space-24); }
      .tech-capability__cards { grid-template-columns: 1fr; }
      .tech-eco-build { padding: var(--tech-space-40) var(--tech-space-20); }
      .tech-commercial { padding: var(--tech-space-40) var(--tech-space-24); }
      .tech-commercial__stats { flex-direction: column; gap: var(--tech-space-30); }
      .tech-eco-dev { padding: var(--tech-space-40) 0 var(--tech-space-60); }
      .tech-eco-dev__inner { padding: 0 var(--tech-space-24); }
      .tech-eco-dev__header { margin-bottom: var(--tech-space-30); }
      .tech-eco-dev__grid { grid-template-columns: repeat(2, 1fr); gap: var(--tech-space-14); }
      .dev-card { aspect-ratio: 464 / 480 !important; }
      .dev-card__text { left: var(--tech-space-16); top: var(--tech-space-16); }
      .tech-stat__number { font-size: var(--fs-56); }
      .tech-eco-dev__header h3 { font-size: var(--tech-type-design-16); line-height: 1.5; max-width: 18em; }
      .dev-card__num { font-size: var(--fs-30); }
      .dev-card__unit { font-size: var(--fs-14); }
      .dev-card__label { font-size: var(--fs-14); margin-top: var(--tech-space-8); }
      .tech-product__title { font-size: var(--tech-type-design-32); }
      .tech-product__subtitle { font-size: var(--tech-type-design-16); margin-bottom: var(--tech-space-30); }
      .tech-product { padding: 0; }
      .tech-product__inner { padding: 0; }
      .tech-product__diagram { margin-bottom: var(--tech-space-40); }
      .tech-product__frames {
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        gap: var(--tech-space-12);
      }
      .tp-frame { flex: 0 0 calc(50% - 6px); }
    }

    /* Bottom safe space before the shared footer/CTA enters the page. */
    .tech-page .tech-eco-dev {
      margin-bottom: 0;
    }

    @media (max-width: 768px) {
      .tech-page .tech-eco-dev {
        margin-bottom: 0;
      }
    }

/* Desktop Figma alignment layer: 技术生态 frame 63:3492, 1920px baseline. */
@media (min-width: 1081px) {
  body.tech-page {
    --tech-design-w: 100vw;
    --tech-design-h: calc(var(--tech-design-w) * 900 / 1920);
    --tech-type-design-48: var(--fs-48);
    --tech-type-design-40: var(--fs-42);
    --tech-type-design-36: var(--fs-36);
    --tech-type-design-32: var(--fs-32);
    --tech-type-design-28: var(--fs-28);
    --tech-type-design-26: var(--fs-27);
    --tech-type-design-24: var(--fs-24);
    --tech-type-design-22: var(--fs-22);
    --tech-type-design-20: var(--fs-20);
    --tech-type-design-18: var(--fs-18);
    --tech-type-design-16: var(--fs-16);
    --tech-type-design-14: var(--fs-14);
    --tech-type-design-13: var(--fs-14);
    --tech-type-design-12: var(--fs-12);
    --tech-space-80: calc(80 / 1920 * var(--tech-design-w));
    --tech-space-60: calc(60 / 1920 * var(--tech-design-w));
    --tech-space-50: calc(50 / 1920 * var(--tech-design-w));
    --tech-space-48: calc(48 / 1920 * var(--tech-design-w));
    --tech-space-44: calc(44 / 1920 * var(--tech-design-w));
    --tech-space-40: calc(40 / 1920 * var(--tech-design-w));
    --tech-space-36: calc(36 / 1920 * var(--tech-design-w));
    --tech-space-32: calc(32 / 1920 * var(--tech-design-w));
    --tech-space-30: calc(30 / 1920 * var(--tech-design-w));
    --tech-space-28: calc(28 / 1920 * var(--tech-design-w));
    --tech-space-24: calc(24 / 1920 * var(--tech-design-w));
    --tech-space-22: calc(22 / 1920 * var(--tech-design-w));
    --tech-space-20: calc(20 / 1920 * var(--tech-design-w));
    --tech-space-18: calc(18 / 1920 * var(--tech-design-w));
    --tech-space-16: calc(16 / 1920 * var(--tech-design-w));
    --tech-space-14: calc(14 / 1920 * var(--tech-design-w));
    --tech-space-12: calc(12 / 1920 * var(--tech-design-w));
    --tech-space-10: calc(10 / 1920 * var(--tech-design-w));
    --tech-space-8: calc(8 / 1920 * var(--tech-design-w));
    --tech-space-4: calc(4 / 1920 * var(--tech-design-w));
    --tech-page-container: calc(1440 / 1920 * var(--tech-design-w));
    --tech-hero-h: var(--tech-hero-section-h);
    --tech-stack-h: var(--tech-stack-section-h);
    --tech-build-h: var(--tech-build-section-h);
    --tech-product-h: var(--tech-product-section-h);
    --tech-dev-h: var(--tech-dev-section-h);
    --tech-section-h: var(--tech-stack-h);
    --tech-build-floor-top: calc(205 / 900 * var(--tech-build-h));
    --tech-build-floor-h: calc(483 / 900 * var(--tech-build-h));
    --tech-dev-bottom-gap: 0px;
    --tech-label-w: calc(180 / 1920 * var(--tech-design-w));
    --tech-label-h: calc(68 / 960 * var(--tech-hero-h));
    --tech-label-arrow: calc(36 / 1920 * var(--tech-design-w));
    --tech-label-arrow-gap: calc(4 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-animate {
    opacity: 1;
    transform: none;
  }

  body.tech-page .tech-hero,
  body.tech-page .tech-stack,
  body.tech-page .tech-eco-build,
  body.tech-page .tech-product,
  body.tech-page .tech-eco-dev {
    --tech-screen-top: calc((100dvh - var(--tech-design-h)) / 2);
    --tech-screen-h: 100dvh;
    width: var(--tech-design-w);
    min-height: 0;
    margin: 0;
    padding: 0;
    scroll-snap-align: start;
  }

  body.tech-page > #header:not(.hidden) ~ .tech-hero,
  body.tech-page > #header:not(.hidden) ~ .tech-stack,
  body.tech-page > #header:not(.hidden) ~ .tech-eco-build,
  body.tech-page > #header:not(.hidden) ~ .tech-product,
  body.tech-page > #header:not(.hidden) ~ .tech-eco-dev {
    --tech-screen-top: calc(var(--header-height) + ((100dvh - var(--header-height) - var(--tech-design-h)) / 2));
    --tech-screen-h: calc(100dvh - var(--header-height));
  }

  body.tech-page .tech-hero {
    --tech-hero-h: var(--tech-design-h);
    --tech-label-h: calc(68 / 960 * var(--tech-hero-h));
    height: var(--tech-hero-section-h);
  }

  body.tech-page .tech-stack {
    --tech-stack-h: var(--tech-design-h);
    height: var(--tech-stack-section-h);
  }

  body.tech-page .tech-eco-build {
    --tech-build-h: var(--tech-design-h);
    --tech-build-floor-top: calc(205 / 900 * var(--tech-build-h));
    --tech-build-floor-h: calc(483 / 900 * var(--tech-build-h));
    height: var(--tech-build-section-h);
  }

  body.tech-page .tech-product {
    --tech-product-h: var(--tech-design-h);
    height: var(--tech-product-section-h);
    margin-top: -1px;
  }

  body.tech-page .tech-eco-dev {
    --tech-dev-h: var(--tech-design-h);
    height: var(--tech-dev-section-h);
    padding-bottom: 0;
  }

  body.tech-page .tech-hero__bg {
    inset: 0;
  }

  body.tech-page .tech-hero__bg img,
  body.tech-page .tech-hero__video {
    object-position: center center;
  }

  body.tech-page .tech-hero__content {
    inset: auto auto auto 50%;
    top: calc(var(--tech-screen-top) + (142 / 960 * var(--tech-hero-h)));
    width: auto;
    padding: 0;
    display: block;
    text-align: center;
    transform: translateX(-50%);
  }

  body.tech-page .tech-hero__title,
  body.tech-page .tech-hero .tech-hero__title {
    width: max-content;
    min-width: calc(248 / 1920 * var(--tech-design-w));
    height: calc(67 / 960 * var(--tech-hero-h));
    margin: 0 auto;
    font-size: var(--fs-48);
    line-height: calc(67 / 960 * var(--tech-hero-h));
    letter-spacing: 0;
    white-space: nowrap;
  }

  body.tech-page .tech-hero__subtitle,
  body.tech-page .tech-hero .tech-hero__subtitle {
    display: flex;
    width: max-content;
    max-width: none;
    height: calc(34 / 960 * var(--tech-hero-h));
    margin: calc(4 / 960 * var(--tech-hero-h)) auto 0;
    font-size: var(--fs-24);
    line-height: calc(34 / 960 * var(--tech-hero-h));
    letter-spacing: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  body.tech-page .tech-hero__title .reveal-rise__line,
  body.tech-page .tech-hero__subtitle .reveal-rise__line {
    line-height: inherit;
  }

  body.tech-page .tech-hero-label {
    --tech-label-anchor-offset: calc(var(--tech-label-arrow) + var(--tech-label-arrow-gap));
    width: var(--tech-label-w);
    height: var(--tech-label-h);
    padding: 0 calc(24 / 1920 * var(--tech-design-w));
    gap: calc(14 / 1920 * var(--tech-design-w));
    border-radius: calc(6 / 1920 * var(--tech-design-w));
    font-size: var(--fs-20);
    line-height: calc(36 / 960 * var(--tech-hero-h));
    box-sizing: border-box;
    animation: none;
    transform: none;
  }

  body.tech-page .tech-hero-label--left {
    left: calc(539 / 1920 * var(--tech-design-w));
    top: calc(var(--tech-screen-top) + (485 / 960 * var(--tech-hero-h)));
  }

  body.tech-page .tech-hero-label--right1 {
    left: calc(1193 / 1920 * var(--tech-design-w));
    right: auto;
    top: calc(var(--tech-screen-top) + (340 / 960 * var(--tech-hero-h)));
  }

  body.tech-page .tech-hero-label--right2 {
    left: calc(1193 / 1920 * var(--tech-design-w));
    right: auto;
    top: calc(var(--tech-screen-top) + (565 / 960 * var(--tech-hero-h)));
  }

  body.tech-page .tech-hero-label__icon {
    width: calc(24 / 1920 * var(--tech-design-w));
    height: calc(24 / 960 * var(--tech-hero-h));
  }

  body.tech-page .tech-hero-label__arrow {
    width: var(--tech-label-arrow);
    height: var(--tech-label-arrow);
  }

  body.tech-page .tech-hero-label__arrow--outside-right {
    left: calc(100% + var(--tech-label-arrow-gap));
  }

  body.tech-page .tech-hero-label__arrow--outside-left {
    right: calc(100% + var(--tech-label-arrow-gap));
  }

  body.tech-page .tech-stack {
    position: relative;
    display: block;
    background-position: center center;
  }

  body.tech-page .tech-stack__lead,
  body.tech-page .tech-stack__desc,
  body.tech-page .tech-stack__highlight {
    position: absolute;
    left: 50%;
    width: calc(800 / 1920 * var(--tech-design-w));
    max-width: none;
    margin: 0 !important;
    font-size: var(--fs-32) !important;
    line-height: calc(48 / 900 * var(--tech-stack-h)) !important;
    transform: translateX(-50%);
  }

  body.tech-page .tech-stack__lead {
    top: calc(var(--tech-screen-top) + (186 / 900 * var(--tech-stack-h)));
  }

  body.tech-page .tech-stack__desc {
    top: calc(var(--tech-screen-top) + (234 / 900 * var(--tech-stack-h)));
  }

  body.tech-page .tech-stack__diagram {
    position: absolute;
    left: calc(436 / 1920 * var(--tech-design-w));
    top: calc(var(--tech-screen-top) + (377 / 900 * var(--tech-stack-h)));
    width: calc(1048 / 1920 * var(--tech-design-w));
    min-height: 0;
    height: calc(109 / 900 * var(--tech-stack-h));
    margin: 0;
    grid-template-columns: calc(438 / 1920 * var(--tech-design-w)) calc(48 / 1920 * var(--tech-design-w)) calc(438 / 1920 * var(--tech-design-w));
    gap: calc(62 / 1920 * var(--tech-design-w));
    justify-content: start;
    transform: none;
  }

  body.tech-page .tech-stack.tech-animate > .tech-stack__diagram {
    margin: 0 !important;
  }

  body.tech-page .tech-stack__panel {
    position: relative;
    justify-content: flex-start;
    height: 100%;
    padding: 0 0 0 calc(32 / 1920 * var(--tech-design-w));
    gap: calc(24 / 1920 * var(--tech-design-w));
    border-radius: calc(6 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-stack__icon {
    position: relative;
    left: auto;
    top: auto;
    flex: 0 0 auto;
    width: calc(60 / 1920 * var(--tech-design-w));
    height: calc(60 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-stack__icon--link {
    background: url('../images/tech/figma/tech-stack-hardware.svg') center / contain no-repeat;
  }

  body.tech-page .tech-stack__icon--sync {
    background: url('../images/tech/figma/tech-stack-algorithm.svg') center / contain no-repeat;
    transform: none;
  }

  body.tech-page .tech-stack__icon--link::before,
  body.tech-page .tech-stack__icon--link::after,
  body.tech-page .tech-stack__icon--sync::before,
  body.tech-page .tech-stack__icon--sync::after {
    width: calc(25 / 1920 * var(--tech-design-w));
    height: calc(19 / 1920 * var(--tech-design-w));
    border-width: calc(4 / 1920 * var(--tech-design-w));
    border-radius: calc(8 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-stack__icon--link::before,
  body.tech-page .tech-stack__icon--link::after {
    top: calc(14 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-stack__icon--sync::before,
  body.tech-page .tech-stack__icon--sync::after {
    top: calc(18 / 1920 * var(--tech-design-w));
    height: calc(25 / 1920 * var(--tech-design-w));
    transform: rotate(-45deg);
  }

  body.tech-page .tech-stack__icon--sync::before {
    left: calc(7 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-stack__icon--sync::after {
    right: calc(7 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-stack__icon--link::before,
  body.tech-page .tech-stack__icon--link::after,
  body.tech-page .tech-stack__icon--sync::before,
  body.tech-page .tech-stack__icon--sync::after {
    content: none;
  }

  body.tech-page .tech-stack__plus {
    width: calc(48 / 1920 * var(--tech-design-w));
    height: calc(48 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-stack__plus::before {
    width: calc(24 / 1920 * var(--tech-design-w));
    height: calc(3 / 900 * var(--tech-stack-h));
  }

  body.tech-page .tech-stack__plus::after {
    width: calc(3 / 1920 * var(--tech-design-w));
    height: calc(24 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tech-stack__panel-copy {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    line-height: normal;
  }

  body.tech-page .tech-stack__panel-copy strong {
    display: block;
    font-size: var(--fs-32);
    line-height: calc(45 / 900 * var(--tech-stack-h));
  }

  body.tech-page .tech-stack__panel-copy small {
    display: block;
    margin-top: calc(4 / 900 * var(--tech-stack-h));
    font-size: var(--fs-20);
    line-height: calc(28 / 900 * var(--tech-stack-h));
  }

  body.tech-page .tech-stack__highlight {
    top: calc(var(--tech-screen-top) + (577 / 900 * var(--tech-stack-h)));
    width: calc(576 / 1920 * var(--tech-design-w));
    color: #6db4ff !important;
  }

  body.tech-page .tech-eco-build {
    display: block;
  }

  body.tech-page .tech-eco-build__inner {
    position: relative;
    top: var(--tech-screen-top);
    width: 100%;
    max-width: none;
    height: var(--tech-build-h);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(44 / 900 * var(--tech-build-h));
  }

  body.tech-page .tech-eco-build__header {
    position: relative;
    left: auto;
    top: auto;
    width: calc(624 / 1920 * var(--tech-design-w));
    margin: 0;
    flex: 0 0 auto;
    transform: none;
  }

  body.tech-page .tech-eco-build__header .label,
  body.tech-page .tech-eco-dev__header .label,
  body.tech-page .tp-dom-head .tech-product__title {
    margin: 0;
    font-size: var(--fs-32);
  }

  body.tech-page .tech-eco-build__header h3,
  body.tech-page .tech-eco-dev__header h3,
  body.tech-page .tp-dom-head .tech-product__subtitle {
    max-width: none;
    margin: 0;
    font-size: var(--fs-24);
    font-weight: 400;
  }

  body.tech-page .tech-eco-build__header .label {
    line-height: calc(48 / 900 * var(--tech-build-h));
  }

  body.tech-page .tech-eco-build__header h3 {
    line-height: calc(48 / 900 * var(--tech-build-h));
  }

  body.tech-page .tp-dom-head .tech-product__title {
    line-height: calc(48 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-head .tech-product__subtitle {
    line-height: calc(48 / 900 * var(--tech-product-h));
  }

  body.tech-page .tech-eco-dev__header .label {
    line-height: calc(48 / 900 * var(--tech-dev-h));
  }

  body.tech-page .tech-eco-dev__header h3 {
    line-height: calc(48 / 900 * var(--tech-dev-h));
  }

  body.tech-page .business-verify {
    position: relative;
    left: auto;
    top: auto;
    width: var(--tech-page-container);
    margin: 0;
    flex: 0 0 auto;
    transform: none;
  }

  body.tech-page .business-verify__floor {
    top: var(--tech-build-floor-top);
    height: var(--tech-build-floor-h);
  }

  body.tech-page .business-verify__value .num {
    font-size: var(--fs-48);
  }

  body.tech-page .business-verify__value .suffix {
    font-size: var(--fs-32);
  }

  body.tech-page .business-verify__caption {
    font-size: var(--fs-14);
  }

  body.tech-page .business-verify__inline {
    font-size: var(--fs-24);
  }

  body.tech-page .business-verify__inline .num {
    font-size: var(--fs-48);
  }

  body.tech-page .business-verify__inline .suffix {
    font-size: var(--fs-24);
  }

  body.tech-page .tech-product {
    display: block;
  }

  body.tech-page .tech-product__canvas {
    top: var(--tech-screen-top);
    width: 100%;
    height: var(--tech-product-h);
    min-width: 0;
    aspect-ratio: auto;
    transform: translateX(-50%);
    overflow: visible;
  }

  body.tech-page .tech-product__bg {
    top: calc((var(--tech-product-h) - var(--tech-screen-h)) / 2);
    bottom: auto;
    height: var(--tech-screen-h);
    overflow: hidden;
  }

  body.tech-page .tp-dom-head {
    top: calc(80 / 900 * var(--tech-product-h));
    width: calc(672 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tp-dom-robots {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  body.tech-page .tp-dom-robot {
    animation: none;
    transform: none;
  }

  body.tech-page .tp-dom-robot--drone {
    left: calc(634 / 1920 * var(--tech-design-w));
    top: calc(209 / 900 * var(--tech-product-h));
    width: calc(98 / 1920 * var(--tech-design-w));
    height: calc(64 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-robot--car {
    left: calc(786 / 1920 * var(--tech-design-w));
    top: calc(212 / 900 * var(--tech-product-h));
    width: calc(80 / 1920 * var(--tech-design-w));
    height: calc(63 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-robot--companion {
    left: calc(924 / 1920 * var(--tech-design-w));
    top: calc(203 / 900 * var(--tech-product-h));
    width: calc(76 / 1920 * var(--tech-design-w));
    height: calc(71 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-robot--clean {
    left: calc(1060 / 1920 * var(--tech-design-w));
    top: calc(225 / 900 * var(--tech-product-h));
    width: calc(74 / 1920 * var(--tech-design-w));
    height: calc(45 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-robot--embodied {
    left: calc(1190 / 1920 * var(--tech-design-w));
    right: auto;
    top: calc(187 / 900 * var(--tech-product-h));
    width: calc(95 / 1920 * var(--tech-design-w));
    height: calc(94 / 900 * var(--tech-product-h));
  }

  body.tech-page .tech-product__shade {
    top: 2.75%;
    height: 80.333%;
  }

  body.tech-page .tech-product__halo {
    left: 9.0625%;
    top: 20.8889%;
    width: 81.875%;
    height: 22.8889%;
  }

  body.tech-page .tech-product__bg .tech-product__orbits {
    left: calc(486 / 1920 * var(--tech-design-w));
    top: calc(634 / 900 * var(--tech-product-h));
    width: calc(948 / 1920 * var(--tech-design-w));
    height: calc(184 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-architecture {
    left: calc(375 / 1920 * var(--tech-design-w));
    top: calc(362 / 900 * var(--tech-product-h));
    width: calc(1025 / 1920 * var(--tech-design-w));
    height: calc(160 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-solution {
    top: calc(302 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-edge-label {
    top: 74.6667%;
  }

  body.tech-page .tp-dom-cloud span,
  body.tech-page .tp-dom-edge-label {
    min-width: calc(88 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tp-dom-cards {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  body.tech-page .tp-dom-card,
  body.tech-page .tp-dom-card--chip,
  body.tech-page .tp-dom-card--kit {
    position: absolute;
    width: calc(240 / 1920 * var(--tech-design-w));
    height: calc(114 / 900 * var(--tech-product-h));
    min-height: calc(114 / 900 * var(--tech-product-h));
    padding: calc(24 / 900 * var(--tech-product-h)) calc(12 / 1920 * var(--tech-design-w));
  }

  body.tech-page .tp-dom-card::before,
  body.tech-page .tp-dom-card--chip::before,
  body.tech-page .tp-dom-card--kit::before {
    height: calc(114 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-card strong,
  body.tech-page .tp-dom-card--chip strong,
  body.tech-page .tp-dom-card--kit strong {
    font-size: var(--fs-16);
    line-height: calc(24 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-card span {
    font-size: var(--fs-14);
    line-height: calc(20 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-card:nth-child(1) {
    left: calc(376 / 1920 * var(--tech-design-w));
    top: calc(590 / 900 * var(--tech-product-h));
    height: calc(180 / 900 * var(--tech-product-h));
    min-height: calc(180 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-card:nth-child(2) {
    left: calc(676 / 1920 * var(--tech-design-w));
    top: calc(572 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-card:nth-child(3) {
    left: calc(1004 / 1920 * var(--tech-design-w));
    top: calc(572 / 900 * var(--tech-product-h));
  }

  body.tech-page .tp-dom-card:nth-child(4) {
    left: calc(1304 / 1920 * var(--tech-design-w));
    top: calc(590 / 900 * var(--tech-product-h));
    height: calc(180 / 900 * var(--tech-product-h));
    min-height: calc(180 / 900 * var(--tech-product-h));
  }

  body.tech-page .tech-eco-dev {
    display: block;
  }

  body.tech-page .tech-eco-dev__inner {
    position: relative;
    top: var(--tech-screen-top);
    width: 100%;
    max-width: none;
    height: var(--tech-dev-h);
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(96 / 900 * var(--tech-dev-h));
  }

  body.tech-page .tech-eco-dev__header {
    position: relative;
    left: auto;
    top: auto;
    width: calc(720 / 1920 * var(--tech-design-w));
    margin: 0;
    flex: 0 0 auto;
    transform: none;
  }

  body.tech-page .tech-eco-dev__header h3 {
    white-space: nowrap;
  }

  body.tech-page .tech-eco-dev__grid {
    position: relative;
    left: auto;
    top: auto;
    width: var(--tech-page-container);
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(24 / 1920 * var(--tech-design-w));
    flex: 0 0 auto;
    transform: none;
  }

  body.tech-page .dev-card {
    width: 100%;
    height: auto;
    aspect-ratio: 464 / 480;
    border-radius: calc(8 / 1920 * var(--tech-design-w));
    overflow: hidden;
  }

  body.tech-page .dev-card__media,
  body.tech-page .dev-card__overlay {
    border-radius: inherit;
  }

  body.tech-page .dev-card__media img {
    position: absolute;
    display: block;
    max-width: none;
    object-fit: cover;
    transform: none;
  }

  body.tech-page .dev-card:nth-child(1) .dev-card__media img {
    left: calc(-1 / 464 * 100%);
    top: 0;
    width: calc(465 / 464 * 100%);
    height: 100%;
  }

  body.tech-page .dev-card:nth-child(2) .dev-card__media img {
    left: calc(-92 / 464 * 100%);
    top: calc(-185 / 480 * 100%);
    width: calc(663 / 464 * 100%);
    height: calc(685 / 480 * 100%);
  }

  body.tech-page .dev-card:nth-child(3) .dev-card__media img {
    left: calc(-15 / 464 * 100%);
    top: calc(-34 / 480 * 100%);
    width: calc(495 / 464 * 100%);
    height: calc(532 / 480 * 100%);
  }

  body.tech-page .dev-card:hover .dev-card__media img {
    transform: none;
  }

  body.tech-page .dev-card__text {
    left: calc(32 / 464 * 100%);
    top: calc(28 / 480 * 100%);
  }

  body.tech-page .mod-cta {
    --mod-cta-scroll-distance-factor: 0.05;
    --mod-cta-target-radius: 4;
  }

  body.tech-page .mod-cta .ct-foot__cta-title p,
  body.tech-page .mod-cta .ct-foot__cta-sub p {
    white-space: nowrap;
  }

  body.tech-page .site-footer-shell:has(.mod-cta--photo) {
    margin-top: calc((260 / 1920 * 100vw) + var(--tech-dev-bottom-gap)) !important;
  }

  body.tech-page .site-footer-shell:has(.mod-cta--photo) .ct-foot {
    --ct-foot-main-top-gap: clamp(2rem, calc(48 / 1920 * 100vw), 3rem);
    margin-top: calc(-144 / 1920 * 100vw) !important;
    padding-top: 0 !important;
  }

  body.tech-page .mod-cta.ct-foot__cta-band.mod-cta--photo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    box-sizing: border-box;
    overflow: visible;
  }

  body.tech-page .ct-foot__cta-band.mod-cta.mod-cta--photo .mod-cta-wrap {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1600 / 390 !important;
    margin: calc(18 * var(--tech-u)) auto 0 !important;
    border-radius: var(--mod-cta-radius, 0) !important;
  }

  body.tech-page .mod-cta--photo .mod-cta-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  body.tech-page .mod-cta--photo .ct-foot__cta-bg,
  body.tech-page .mod-cta--photo .ct-foot__cta-bg-mobile {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

@media (max-width: 1080px) {
  html[data-mobile] body.tech-page .tp-dom-card__title--desktop {
    display: none !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card__title--mobile {
    display: inline-block !important;
  }
}

/* Figma 3204:7731 — sole mobile owner for the 1080px Tech composition. */
@media (max-width: 1080px) {
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page {
    --tech-u: calc(100vw / 1080);
    padding-top: calc(42 * var(--tech-u)) !important;
    background: #030a1f !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header {
    height: calc(120 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header-inner {
    height: calc(120 * var(--tech-u)) !important;
    padding-inline: calc(72 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header .logo,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header .logo img {
    width: calc(191 * var(--tech-u)) !important;
    height: calc(54 * var(--tech-u)) !important;
    max-width: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header-actions {
    gap: calc(36 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .m-hamburger,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .search-btn {
    width: calc(36 * var(--tech-u)) !important;
    height: calc(36 * var(--tech-u)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__content {
    position: absolute !important;
    inset: calc(120 * var(--tech-u)) 0 auto !important;
    display: block !important;
    width: 100% !important;
    height: calc(109 * var(--tech-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__title,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero .tech-hero__title {
    width: max-content !important;
    height: auto !important;
    margin: 0 auto !important;
    font-size: var(--fs-48) !important;
    line-height: 1.4 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__subtitle,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero .tech-hero__subtitle {
    display: flex !important;
    width: max-content !important;
    height: auto !important;
    margin: calc(36 * var(--tech-u)) auto 0 !important;
    font-size: var(--fs-24) !important;
    line-height: 1.4 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero {
    position: relative !important;
    width: 100% !important;
    height: calc(1792 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #040827 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__bg,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__overlay {
    position: absolute !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: calc(1080 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__bg img,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__content {
    position: absolute !important;
    inset: calc(120 * var(--tech-u)) 0 auto !important;
    display: block !important;
    width: 100% !important;
    height: calc(109 * var(--tech-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__title,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero .tech-hero__title {
    display: block !important;
    width: max-content !important;
    max-width: none !important;
    height: calc(67 * var(--tech-u)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #8bb9ef !important;
    font-size: var(--fs-48) !important;
    line-height: calc(67 * var(--tech-u)) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__subtitle,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero .tech-hero__subtitle {
    display: block !important;
    width: max-content !important;
    max-width: none !important;
    height: calc(42 * var(--tech-u)) !important;
    margin: calc(36 * var(--tech-u)) auto 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: var(--fs-30) !important;
    line-height: calc(42 * var(--tech-u)) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion {
    position: absolute !important;
    top: calc(1008 * var(--tech-u)) !important;
    left: calc(72 * var(--tech-u)) !important;
    z-index: 6 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: calc(348 * var(--tech-u)) calc(284 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    max-width: none !important;
    height: calc(668 * var(--tech-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: calc(36 * var(--tech-u)) !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: calc(8 * var(--tech-u)) !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:first-child {
    grid-column: 1 / -1 !important;
    background-image: url('../images/tech/figma/tech-hover-hardware.png') !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:nth-child(2) {
    background-image: url('../images/tech/figma/tech-hover-software.png') !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:nth-child(3) {
    background-image: url('../images/tech/figma/tech-hover-algorithm.png') !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__button,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__content {
    position: absolute !important;
    width: calc(1 * var(--tech-u)) !important;
    height: calc(1 * var(--tech-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: calc(798.25 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #050f1f var(--tech-stack-bg, url('../images/Group 186.png')) center bottom / 100% auto no-repeat !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__lead,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__desc,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__highlight {
    position: absolute !important;
    left: 50% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__lead {
    top: calc(138 * var(--tech-u)) !important;
    width: calc(528 * var(--tech-u)) !important;
    font-size: var(--fs-48) !important;
    line-height: calc(48 * var(--tech-u)) !important;
    font-weight: 400 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__desc {
    top: calc(207 * var(--tech-u)) !important;
    width: calc(750 * var(--tech-u)) !important;
    font-size: var(--fs-30) !important;
    line-height: calc(48 * var(--tech-u)) !important;
    font-weight: 500 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__desc-phrase {
    display: inline !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__diagram {
    position: absolute !important;
    top: calc(340 * var(--tech-u)) !important;
    left: calc(72 * var(--tech-u)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, calc(438 * var(--tech-u))) !important;
    width: calc(936 * var(--tech-u)) !important;
    height: calc(109 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    gap: calc(60 * var(--tech-u)) !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__plus {
    display: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel {
    position: relative !important;
    width: calc(438 * var(--tech-u)) !important;
    height: calc(109 * var(--tech-u)) !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: calc(2 * var(--tech-u)) solid #58b5e7 !important;
    border-radius: calc(6 * var(--tech-u)) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__icon {
    position: absolute !important;
    top: calc(28 * var(--tech-u)) !important;
    left: calc(32 * var(--tech-u)) !important;
    width: calc(60 * var(--tech-u)) !important;
    height: calc(60 * var(--tech-u)) !important;
    margin: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel-copy {
    position: absolute !important;
    top: calc(16 * var(--tech-u)) !important;
    left: calc(116 * var(--tech-u)) !important;
    display: block !important;
    width: calc(292 * var(--tech-u)) !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel-copy strong {
    font-size: var(--fs-32) !important;
    line-height: calc(45 * var(--tech-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel-copy small {
    display: block !important;
    margin-top: calc(4 * var(--tech-u)) !important;
    font-size: var(--fs-20) !important;
    line-height: calc(28 * var(--tech-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__highlight {
    top: calc(521 * var(--tech-u)) !important;
    width: calc(540 * var(--tech-u)) !important;
    color: #6db4ff !important;
    font-size: var(--fs-30) !important;
    line-height: calc(48 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: calc(1121.75 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #050e25 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__inner {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header {
    position: absolute !important;
    top: calc(146.75 * var(--tech-u)) !important;
    left: calc(72 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    height: calc(133 * var(--tech-u)) !important;
    margin: 0 !important;
    text-align: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header .label,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head .tech-product__title,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header .label {
    display: block !important;
    margin: 0 !important;
    color: #6db4ff !important;
    font-size: var(--fs-48) !important;
    line-height: calc(48 * var(--tech-u)) !important;
    font-weight: 500 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header h3,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head .tech-product__subtitle,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header h3 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: calc(24 * var(--tech-u)) 0 0 !important;
    font-size: var(--fs-30) !important;
    line-height: calc(48 * var(--tech-u)) !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify {
    position: absolute !important;
    top: calc(352.75 * var(--tech-u)) !important;
    left: calc(72 * var(--tech-u)) !important;
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, calc(132 * var(--tech-u))) calc(210 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    height: calc(650 * var(--tech-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    column-gap: calc(12 * var(--tech-u)) !important;
    row-gap: calc(10 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat--market,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(8),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(3),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(5),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(12) {
    top: calc(440 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat--market {
    left: calc(601 * var(--tech-u)) !important;
    width: calc(335 * var(--tech-u)) !important;
    height: calc(210 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(8),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(3),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(5),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(12) {
    width: calc(138 * var(--tech-u)) !important;
    height: calc(210 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(8) { left: 0 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(3) { left: calc(150 * var(--tech-u)) !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(5) { left: calc(300 * var(--tech-u)) !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(12) { left: calc(450 * var(--tech-u)) !important; }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: calc(1070 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #050e25 !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__canvas {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__bg {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: .38 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__poster {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__video {
    display: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head {
    position: absolute !important;
    top: 0 !important;
    left: calc(72 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    height: calc(133 * var(--tech-u)) !important;
    margin: 0 !important;
    text-align: center !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-robots {
    position: absolute !important;
    top: calc(178.9 * var(--tech-u)) !important;
    left: calc(117.35 * var(--tech-u)) !important;
    display: flex !important;
    width: calc(846.3 * var(--tech-u)) !important;
    height: calc(122.2 * var(--tech-u)) !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-robot {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: calc(152 * var(--tech-u)) !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-solution {
    position: absolute !important;
    top: calc(317 * var(--tech-u)) !important;
    left: 50% !important;
    display: flex !important;
    width: calc(192 * var(--tech-u)) !important;
    height: calc(66 * var(--tech-u)) !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-architecture {
    position: absolute !important;
    top: calc(408 * var(--tech-u)) !important;
    left: calc(112.5 * var(--tech-u)) !important;
    display: grid !important;
    grid-template-columns: calc(238.5 * var(--tech-u)) calc(207 * var(--tech-u)) calc(238.5 * var(--tech-u)) !important;
    grid-template-areas: 'left cloud right' !important;
    width: calc(855 * var(--tech-u)) !important;
    height: calc(240 * var(--tech-u)) !important;
    gap: calc(85.5 * var(--tech-u)) !important;
    align-items: start !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-tags {
    display: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform {
    position: relative !important;
    inset: auto !important;
    width: calc(238.5 * var(--tech-u)) !important;
    height: calc(129 * var(--tech-u)) !important;
    margin-top: calc(66 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cloud {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: calc(207 * var(--tech-u)) !important;
    height: calc(207 * var(--tech-u)) !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--cloud { grid-area: left !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cloud { grid-area: cloud !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--hub { grid-area: right !important; }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cards {
    position: absolute !important;
    top: calc(680 * var(--tech-u)) !important;
    left: calc(48 * var(--tech-u)) !important;
    display: grid !important;
    grid-template-columns: repeat(4, calc(240 * var(--tech-u))) !important;
    width: calc(984 * var(--tech-u)) !important;
    height: calc(266 * var(--tech-u)) !important;
    margin: 0 !important;
    gap: calc(8 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--chip,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--kit {
    width: calc(240 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: calc(24 * var(--tech-u)) calc(36 * var(--tech-u)) !important;
    border-radius: calc(6 * var(--tech-u)) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:first-child {
    height: calc(266 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:nth-child(2),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:nth-child(3) {
    height: calc(138 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:last-child {
    height: calc(253 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card strong {
    font-size: var(--fs-24) !important;
    line-height: calc(34 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card span {
    font-size: var(--fs-14) !important;
    line-height: calc(20 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card .tp-dom-card__title {
    line-height: normal !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-edge-label {
    position: absolute !important;
    top: calc(831 * var(--tech-u)) !important;
    left: 50% !important;
    display: flex !important;
    width: calc(132 * var(--tech-u)) !important;
    height: calc(66 * var(--tech-u)) !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-solution span,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cloud span,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-edge-label {
    font-size: var(--fs-30) !important;
    line-height: calc(30 * var(--tech-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: calc(674 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #050e25 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__inner {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header {
    position: absolute !important;
    top: 0 !important;
    left: calc(72 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    height: calc(133 * var(--tech-u)) !important;
    margin: 0 !important;
    text-align: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__grid {
    position: absolute !important;
    top: calc(206 * var(--tech-u)) !important;
    left: calc(66 * var(--tech-u)) !important;
    display: grid !important;
    grid-template-columns: repeat(3, calc(300 * var(--tech-u))) !important;
    width: calc(948 * var(--tech-u)) !important;
    height: calc(312 * var(--tech-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: calc(24 * var(--tech-u)) !important;
    overflow: visible !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card {
    position: relative !important;
    width: calc(300 * var(--tech-u)) !important;
    height: calc(312 * var(--tech-u)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    border: 0 !important;
    border-radius: calc(6 * var(--tech-u)) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__text {
    top: calc(18 * var(--tech-u)) !important;
    left: calc(21 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__num,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__num .num::after {
    font-size: var(--fs-48) !important;
    line-height: calc(67 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__unit {
    font-size: var(--fs-24) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__label {
    margin-top: 0 !important;
    font-size: var(--fs-21) !important;
    line-height: calc(29 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .site-footer-shell {
    margin-top: 0 !important;
  }
}

/* Figma H5 contract marker and exact exported artwork for node 385:2125. */
body.tech-page .tech-h5-figma {
  display: none;
}

@media (max-width: 1080px) {
  body.tech-page .tech-h5-figma {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0.001;
    pointer-events: none;
  }

  body.tech-page .tech-h5-figma__reference {
    display: block;
    width: 1px;
    height: 1px;
  }
}

/*
 * Exact H5 composition for Figma wTZVnwzMx113aRagmHNu4G / 385:2125.
 * The source frame is 1080px wide; section geometry below stays proportional
 * to that frame instead of inheriting the legacy viewport/masonry layout.
 */
@media (max-width: 1080px) {
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page {
    --tech-h5-u: calc(100vw / 1080);
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero {
    position: relative !important;
    height: calc(1792 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #040827 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__bg {
    position: absolute !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: calc(1080 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__bg img,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__video {
    object-position: center center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__content {
    position: absolute !important;
    inset: 0 0 auto !important;
    display: flex !important;
    width: 100% !important;
    height: calc(1080 / 1080 * 100vw) !important;
    margin: 0 !important;
    padding-top: calc(120 / 1080 * 100vw) !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__title {
    margin: 0 !important;
    font-size: var(--fs-48) !important;
    line-height: 1.4 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__subtitle {
    margin-top: 0 !important;
    font-size: var(--fs-28) !important;
    line-height: 1.4 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion {
    position: absolute !important;
    top: calc(1094 / 1080 * 100vw) !important;
    left: calc(72 / 1080 * 100vw) !important;
    z-index: 6 !important;
    display: grid !important;
    width: calc(936 / 1080 * 100vw) !important;
    gap: calc(36 / 1080 * 100vw) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item {
    min-height: calc(138 / 1080 * 100vw) !important;
    border: 1px solid rgba(109, 180, 255, 0.35) !important;
    border-radius: calc(6 / 1080 * 100vw) !important;
    background: linear-gradient(90deg, rgba(32, 75, 141, 0.48), rgba(32, 75, 141, 0.18)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__button {
    min-height: calc(138 / 1080 * 100vw) !important;
    padding: 0 calc(48 / 1080 * 100vw) !important;
    font-size: var(--fs-32) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__icon {
    display: block !important;
    width: calc(48 / 1080 * 100vw) !important;
    height: calc(48 / 1080 * 100vw) !important;
    margin-right: calc(28 / 1080 * 100vw) !important;
    object-fit: contain !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack {
    position: relative !important;
    display: block !important;
    height: calc(799 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: calc(138 / 1080 * 100vw) calc(72 / 1080 * 100vw) 0 !important;
    background-color: transparent !important;
    background-image: url('../images/tech/figma/tech-stack-mobile-full.png?v=20260729-3') !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack::before {
    content: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__lead,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__desc,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__highlight {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__lead {
    font-size: var(--fs-48) !important;
    line-height: 1 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__desc,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__highlight {
    font-size: var(--fs-28) !important;
    line-height: 1.6 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__desc {
    margin-top: calc(21 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__desc-phrase {
    display: inline !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__diagram {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: calc(60 / 1080 * 100vw) !important;
    margin: calc(69 / 1080 * 100vw) 0 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel {
    width: 100% !important;
    height: calc(109 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: 0 calc(32 / 1080 * 100vw) !important;
    gap: calc(24 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__icon {
    width: calc(60 / 1080 * 100vw) !important;
    height: calc(60 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel-copy strong {
    font-size: var(--fs-32) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel-copy small {
    font-size: var(--fs-20) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__plus {
    display: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__highlight {
    margin-top: calc(72 / 1080 * 100vw) !important;
    color: #6db4ff !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build {
    position: relative !important;
    display: block !important;
    height: calc(1920 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #050e25 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__inner {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header {
    position: absolute !important;
    top: calc(945 / 1080 * 100vw) !important;
    left: calc(72 / 1080 * 100vw) !important;
    width: calc(936 / 1080 * 100vw) !important;
    margin: 0 !important;
    text-align: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header .label {
    margin: 0 !important;
    font-size: var(--fs-48) !important;
    line-height: 1 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header h3 {
    margin: calc(26 / 1080 * 100vw) 0 0 !important;
    font-size: var(--fs-28) !important;
    line-height: 1.45 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify {
    position: absolute !important;
    top: calc(1151 / 1080 * 100vw) !important;
    left: calc(72 / 1080 * 100vw) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(4, calc(132 / 1080 * 100vw)) !important;
    width: calc(936 / 1080 * 100vw) !important;
    height: auto !important;
    margin: 0 !important;
    gap: calc(10 / 1080 * 100vw) calc(12 / 1080 * 100vw) !important;
    column-count: auto !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    break-inside: auto !important;
    border-radius: calc(8 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat--shipments,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat--market {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: calc(8 / 1080 * 100vw) !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 45.83%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__value .num,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__inline .num {
    font-size: var(--fs-48) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__value .suffix,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__inline .suffix,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__inline {
    font-size: var(--fs-20) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__caption {
    font-size: var(--fs-14) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product {
    position: relative !important;
    height: calc(1070 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #050e25 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__canvas {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 calc(72 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head {
    position: absolute !important;
    top: 0 !important;
    left: calc(72 / 1080 * 100vw) !important;
    width: calc(936 / 1080 * 100vw) !important;
    margin: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__title {
    font-size: var(--fs-48) !important;
    line-height: 1 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__subtitle {
    margin-top: calc(24 / 1080 * 100vw) !important;
    font-size: var(--fs-28) !important;
    line-height: 1.45 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-robots {
    position: absolute !important;
    top: calc(155 / 1080 * 100vw) !important;
    left: calc(120 / 1080 * 100vw) !important;
    display: flex !important;
    width: calc(840 / 1080 * 100vw) !important;
    height: calc(122 / 1080 * 100vw) !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-robot {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: 17% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-solution {
    position: absolute !important;
    top: calc(250 / 1080 * 100vw) !important;
    left: 50% !important;
    display: flex !important;
    width: calc(192 / 1080 * 100vw) !important;
    height: calc(66 / 1080 * 100vw) !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-architecture {
    position: absolute !important;
    top: calc(350 / 1080 * 100vw) !important;
    left: calc(102 / 1080 * 100vw) !important;
    display: grid !important;
    grid-template-columns: 1fr calc(210 / 1080 * 100vw) 1fr !important;
    grid-template-areas: 'left cloud right' !important;
    align-items: center !important;
    width: calc(876 / 1080 * 100vw) !important;
    height: calc(240 / 1080 * 100vw) !important;
    gap: calc(30 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: calc(129 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--cloud { grid-area: left !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cloud { grid-area: cloud !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--hub { grid-area: right !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-tags { display: none !important; }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cloud {
    position: relative !important;
    inset: auto !important;
    width: calc(207 / 1080 * 100vw) !important;
    height: calc(207 / 1080 * 100vw) !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform strong,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform span {
    font-size: var(--fs-24) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-solution span,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cloud span,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-edge-label {
    font-size: var(--fs-30) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cards {
    position: absolute !important;
    top: calc(647 / 1080 * 100vw) !important;
    left: calc(68 / 1080 * 100vw) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: calc(944 / 1080 * 100vw) !important;
    gap: calc(8 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--chip,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--kit {
    width: 100% !important;
    height: calc(138 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: calc(22 / 1080 * 100vw) calc(16 / 1080 * 100vw) !important;
    justify-content: flex-start !important;
    gap: calc(8 / 1080 * 100vw) !important;
    border-radius: calc(10 / 1080 * 100vw) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:first-child,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:last-child {
    height: calc(253 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:nth-child(2),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:nth-child(3) {
    padding-block: calc(12 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card strong,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--chip strong,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--kit strong {
    font-size: var(--fs-14) !important;
    line-height: 1.38 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card span {
    font-size: var(--fs-14) !important;
    line-height: 1.5 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__models,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__model {
    font-size: var(--fs-10) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__models {
    display: flex !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    white-space: normal !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__model {
    flex: 0 0 auto !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__model + .tp-dom-card__model::before {
    display: inline !important;
    margin: 0 calc(5 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__model:nth-child(3) {
    flex-basis: 100% !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__model:nth-child(3)::before {
    display: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-edge-label {
    position: absolute !important;
    top: calc(820 / 1080 * 100vw) !important;
    left: 50% !important;
    display: flex !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev {
    position: relative !important;
    height: calc(850 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: 0 calc(78 / 1080 * 100vw) !important;
    background: #050e25 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__inner {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header {
    position: absolute !important;
    top: calc(70 / 1080 * 100vw) !important;
    left: calc(72 / 1080 * 100vw) !important;
    width: calc(936 / 1080 * 100vw) !important;
    margin: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header .label {
    font-size: var(--fs-48) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header h3 {
    margin-top: calc(24 / 1080 * 100vw) !important;
    font-size: var(--fs-28) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__grid {
    position: absolute !important;
    top: calc(276 / 1080 * 100vw) !important;
    left: calc(78 / 1080 * 100vw) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: calc(924 / 1080 * 100vw) !important;
    gap: calc(24 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card {
    width: 100% !important;
    height: calc(312 / 1080 * 100vw) !important;
    aspect-ratio: auto !important;
  }
}

/* Mobile safety layer: keep the original tech sections visible when the H5 clone is absent. */
html[data-mobile] body.tech-page .tech-animate {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

html[data-mobile] body.tech-page .business-verify {
  width: 100% !important;
  aspect-ratio: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin: 0 !important;
}

html[data-mobile] body.tech-page .business-verify__glow,
html[data-mobile] body.tech-page .business-verify__floor {
  display: none !important;
}

html[data-mobile] body.tech-page .business-verify__tile,
html[data-mobile] body.tech-page .business-verify__stat {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: var(--w) / var(--h) !important;
  border-radius: 0.5rem !important;
}

html[data-mobile] body.tech-page .business-verify__stat--shipments,
html[data-mobile] body.tech-page .business-verify__stat--market {
  grid-column: 1 / -1 !important;
  min-height: 7.5rem !important;
  aspect-ratio: auto !important;
  padding: 1rem !important;
  box-sizing: border-box !important;
}

html[data-mobile] body.tech-page section.tech-product {
  height: auto !important;
  min-height: 0 !important;
  padding: var(--m-section-y, 48px) var(--m-pad-x, 20px) !important;
  display: block !important;
  overflow: hidden !important;
}

html[data-mobile] body.tech-page .tech-product__canvas {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  transform: none !important;
  overflow: visible !important;
}

html[data-mobile] body.tech-page .tech-product__bg,
html[data-mobile] body.tech-page .tp-dom-robots,
html[data-mobile] body.tech-page .tp-dom-solution,
html[data-mobile] body.tech-page .tp-dom-architecture,
html[data-mobile] body.tech-page .tp-dom-edge-label {
  display: none !important;
}

html[data-mobile] body.tech-page .tp-dom-head {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  margin: 0 0 var(--m-space-5, 24px) !important;
  text-align: left !important;
  transform: none !important;
}

html[data-mobile] body.tech-page .tp-dom-head .tech-product__title {
  margin: 0 0 var(--m-space-2, 8px) !important;
  font-size: var(--fs-20) !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

html[data-mobile] body.tech-page .tp-dom-head .tech-product__subtitle {
  margin: 0 !important;
  max-width: 24em !important;
  font-size: var(--fs-16) !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* Tech H5 section hierarchy owner: these labels are peer section titles. */
html[data-mobile] body.tech-page .tech-eco-build__header .label,
html[data-mobile] body.tech-page .tp-dom-head .tech-product__title,
html[data-mobile] body.tech-page .tech-eco-dev__header .label {
  margin: 0 0 var(--m-space-2, 8px) !important;
  font-size: var(--fs-28) !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

html[data-mobile] body.tech-page .tech-eco-build__header,
html[data-mobile] body.tech-page .tp-dom-head,
html[data-mobile] body.tech-page .tech-eco-dev__header,
html[data-mobile] body.tech-page .tech-eco-build__header .label,
html[data-mobile] body.tech-page .tech-eco-build__header h3,
html[data-mobile] body.tech-page .tp-dom-head .tech-product__title,
html[data-mobile] body.tech-page .tp-dom-head .tech-product__subtitle,
html[data-mobile] body.tech-page .tech-eco-dev__header .label,
html[data-mobile] body.tech-page .tech-eco-dev__header h3 {
  text-align: center !important;
}

html[data-mobile] body.tech-page .tech-eco-build__header h3,
html[data-mobile] body.tech-page .tp-dom-head .tech-product__subtitle,
html[data-mobile] body.tech-page .tech-eco-dev__header h3 {
  margin-top: 0 !important;
  font-size: var(--fs-16) !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

html[data-mobile] body.tech-page .tp-dom-cards {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
}

html[data-mobile] body.tech-page .tp-dom-card,
html[data-mobile] body.tech-page .tp-dom-card--chip,
html[data-mobile] body.tech-page .tp-dom-card--kit {
  height: auto !important;
  min-height: 6rem !important;
  padding: 1.25rem !important;
  align-items: flex-start !important;
  text-align: left !important;
  opacity: 1 !important;
  transform: none !important;
}

html[data-mobile] body.tech-page .tp-dom-card::before {
  display: none !important;
}

html[data-mobile] body.tech-page .tech-eco-dev__grid {
  align-items: stretch !important;
}

/* Phone-only composition. Keep tablet and PC geometry on their existing branches. */
@media (max-width: 48rem) {
  html[data-mobile].tech-page-html body.tech-page > section.tech-stack.tech-stack {
    min-height: calc(var(--app-vh, 100svh) - var(--m-size-header-h, 52px)) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    padding: clamp(3rem, 7svh, 4rem) var(--m-pad-x, 20px) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body.tech-page .tech-stack__lead {
    margin: 0 0 0.5rem !important;
    max-width: 20rem !important;
  }

  html[data-mobile] body.tech-page .tech-stack__desc,
  html[data-mobile] body.tech-page .tech-stack__highlight {
    margin: 0 !important;
  }

  html[data-mobile] body.tech-page .tech-stack__copy > .tech-stack__lead,
  html[data-mobile] body.tech-page .tech-stack__copy > .tech-stack__desc,
  html[data-mobile] body.tech-page .tech-stack > .tech-stack__highlight {
    margin-inline: auto !important;
    text-align: center !important;
    white-space: normal !important;
    text-wrap: balance !important;
    overflow-wrap: anywhere !important;
  }

  html[data-mobile] body.tech-page .tech-stack__desc {
    max-width: 21rem !important;
  }

  html[data-mobile] body.tech-page .tech-stack__highlight {
    max-width: 19rem !important;
  }

  html[data-mobile] body.tech-page .tech-stack__lead .reveal-rise__line,
  html[data-mobile] body.tech-page .tech-stack__desc .reveal-rise__line {
    width: 100% !important;
    white-space: normal !important;
    text-wrap: inherit !important;
  }

  html[data-mobile] body.tech-page .tech-stack__desc-phrase {
    display: block !important;
  }

  html[data-mobile] body.tech-page .tech-stack__diagram {
    flex: 0 0 auto !important;
    gap: 0.75rem !important;
    margin: clamp(2.25rem, 6svh, 3rem) 0 !important;
  }

  html[data-mobile] body.tech-page .tech-stack__panel,
  html[data-mobile] body.tech-page .tech-stack__panel--link,
  html[data-mobile] body.tech-page .tech-stack__panel--sync {
    min-height: 5.75rem !important;
    padding: 1.125rem !important;
    border: 1px solid rgba(112, 183, 255, 0.28) !important;
    border-radius: 0.625rem !important;
    background:
      linear-gradient(135deg, rgba(35, 94, 154, 0.32), rgba(4, 17, 41, 0.46)),
      rgba(3, 16, 36, 0.64) !important;
    box-shadow:
      inset 0 1px 0 rgba(199, 226, 255, 0.08),
      0 1rem 2.25rem rgba(0, 8, 28, 0.2) !important;
    backdrop-filter: blur(0.625rem) !important;
    -webkit-backdrop-filter: blur(0.625rem) !important;
  }

  html[data-mobile] body.tech-page .tech-stack__panel-copy strong {
    color: #f4f9ff !important;
  }

  html[data-mobile] body.tech-page .tech-stack__panel-copy small {
    color: rgba(224, 237, 255, 0.72) !important;
  }

  html[data-mobile] body.tech-page .tech-stack__panel-copy,
  html[data-mobile] body.tech-page .tech-stack__panel-copy strong,
  html[data-mobile] body.tech-page .tech-stack__panel-copy small {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html[data-mobile] body.tech-page .tech-stack__plus {
    height: 2.25rem !important;
  }

  html[data-mobile] body.tech-page .business-verify {
    display: block !important;
    max-width: 28rem !important;
    margin-inline: auto !important;
    columns: 2 !important;
    column-fill: balance !important;
    column-gap: 0.75rem !important;
  }

  html[data-mobile] body.tech-page .business-verify__tile {
    display: inline-block !important;
    aspect-ratio: var(--w) / var(--h) !important;
    margin: 0 0 0.75rem !important;
    break-inside: avoid !important;
    vertical-align: top !important;
    border: 1px solid rgba(103, 166, 255, 0.1) !important;
    border-radius: 0.375rem !important;
    background: #06132b !important;
    filter: none !important;
    cursor: default !important;
  }

  html[data-mobile] body.tech-page .business-verify__tile img {
    object-fit: contain !important;
  }

  html[data-mobile] body.tech-page .business-verify__tile:hover {
    transform: none !important;
    filter: none !important;
  }

  html[data-mobile] body.tech-page .business-verify__stat--shipments,
  html[data-mobile] body.tech-page .business-verify__stat--market {
    column-span: all !important;
    grid-column: 1 / -1 !important;
    margin: 0 0 0.5rem !important;
    min-height: 6rem !important;
    padding: 0.75rem !important;
    border: 1px solid rgba(103, 166, 255, 0.1) !important;
    border-radius: 0.5rem !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 45.83%) !important;
  }

  html[data-mobile] body.tech-page .business-verify__stat--shipments {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 0.75rem !important;
  }

  html[data-mobile] body.tech-page .business-verify__stat--market {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }

  html[data-mobile] body.tech-page .business-verify__stat::before {
    content: none !important;
  }

  html[data-mobile] body.tech-page .business-verify__stat-pair,
  html[data-mobile] body.tech-page .business-verify__inline {
    min-width: 0 !important;
  }

  html[data-mobile] body.tech-page .business-verify__value .num,
  html[data-mobile] body.tech-page .business-verify__inline .num {
    font-size: var(--fs-28) !important;
  }

  html[data-mobile] body.tech-page .business-verify__value .suffix,
  html[data-mobile] body.tech-page .business-verify__inline .suffix {
    font-size: var(--fs-16) !important;
  }

  html[data-mobile] body.tech-page .business-verify__caption,
  html[data-mobile] body.tech-page .business-verify__inline {
    font-size: var(--fs-12) !important;
    white-space: normal !important;
    text-align: center !important;
  }

  html[data-mobile] body.tech-page .tp-dom-head {
    margin-bottom: 1.25rem !important;
  }

  html[data-mobile] body.tech-page .tp-dom-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.625rem !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card,
  html[data-mobile] body.tech-page .tp-dom-card--chip,
  html[data-mobile] body.tech-page .tp-dom-card--kit {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 7rem !important;
    padding: 1rem !important;
    justify-content: flex-end !important;
    gap: 0.375rem !important;
    border: 1px solid rgba(111, 179, 255, 0.14) !important;
    border-radius: 0.375rem !important;
    background:
      linear-gradient(160deg, rgba(15, 118, 226, 0.88), rgba(5, 31, 71, 0.92) 72%),
      #071b37 !important;
    box-shadow: inset 0 1px 0 rgba(198, 226, 255, 0.08) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card:nth-child(even) {
    background:
      linear-gradient(160deg, rgba(9, 88, 184, 0.92), rgba(4, 23, 56, 0.96) 72%),
      #06172f !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card strong,
  html[data-mobile] body.tech-page .tp-dom-card--chip strong,
  html[data-mobile] body.tech-page .tp-dom-card--kit strong {
    font-size: var(--fs-16) !important;
    line-height: 1.45 !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card span {
    font-size: var(--fs-12) !important;
    line-height: 1.45 !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card__models {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.25rem 0.375rem !important;
    white-space: normal !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card__model {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card__model + .tp-dom-card__model::before {
    margin: 0 0.25rem 0 0 !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card__model:nth-child(3) {
    flex-basis: 100% !important;
  }

  html[data-mobile] body.tech-page .tp-dom-card__model:nth-child(3)::before {
    display: none !important;
  }

  html[data-mobile] body.tech-page .tech-eco-dev {
    background: #050b3e !important;
  }

  html[data-mobile] body.tech-page .tech-eco-dev__bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html[data-mobile] body.tech-page .tech-eco-dev__grid {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    width: auto !important;
    justify-content: flex-start !important;
    margin-inline: calc(var(--m-pad-x, 20px) * -1) !important;
    padding: 0 var(--m-pad-x, 20px) 0.375rem !important;
    gap: 0.75rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: var(--m-pad-x, 20px) !important;
    scrollbar-width: none !important;
    transform: none !important;
    -webkit-overflow-scrolling: touch;
  }

  html[data-mobile] body.tech-page .tech-eco-dev__grid::-webkit-scrollbar {
    display: none !important;
  }

  html[data-mobile] body.tech-page .dev-card {
    flex: 0 0 min(78vw, 19rem) !important;
    width: auto !important;
    aspect-ratio: 1.08 / 1 !important;
    border-radius: 0.5rem !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  html[data-mobile] body.tech-page .dev-card__media img,
  html[data-mobile] body.tech-page .dev-card:nth-child(1) .dev-card__media img,
  html[data-mobile] body.tech-page .dev-card:nth-child(2) .dev-card__media img,
  html[data-mobile] body.tech-page .dev-card:nth-child(3) .dev-card__media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page .dev-card__overlay {
    background: linear-gradient(180deg, rgba(3, 10, 38, 0.88), rgba(3, 10, 38, 0.24) 58%, rgba(3, 10, 38, 0.04)) !important;
  }
}

/* Final Figma 385:2125 ecosystem composition override. */
@media (max-width: 1080px) {
  html[data-mobile] body.tech-page .tech-eco-dev__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    gap: clamp(0.375rem, 1.8vw, 0.75rem) !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  html[data-mobile] body.tech-page .dev-card {
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 300 / 312 !important;
    border-radius: clamp(0.25rem, 0.8vw, 0.5rem) !important;
  }

  html[data-mobile] body.tech-page .dev-card__text {
    inset: clamp(0.5rem, 2vw, 1rem) auto auto clamp(0.5rem, 2vw, 1rem) !important;
  }

  html[data-mobile] body.tech-page .dev-card__num {
    font-size: var(--fs-48) !important;
    line-height: 1 !important;
  }

  html[data-mobile] body.tech-page .dev-card__unit,
  html[data-mobile] body.tech-page .dev-card__label {
    font-size: var(--fs-20) !important;
  }
}

/* Final mobile layer: this stylesheet is loaded after mobile-pages.css. */
@media (max-width: 1080px) {
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion {
    top: calc(1094 / 1080 * 100vw) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: calc(348 / 1080 * 100vw) calc(284 / 1080 * 100vw) !important;
    gap: calc(36 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item {
    min-height: 0 !important;
    border: calc(2 / 1080 * 100vw) solid #4199e8 !important;
    border-radius: calc(8 / 1080 * 100vw) !important;
    background:
      linear-gradient(125deg, rgba(32, 75, 141, .68), rgba(5, 18, 55, .76)),
      url('../images/tech/figma/tech-hero-bg-first-frame.png') center / cover !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:first-child {
    grid-column: 1 / -1 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__button {
    height: calc(112 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: calc(42 / 1080 * 100vw) calc(60 / 1080 * 100vw) 0 !important;
    color: #fff !important;
    font-size: var(--fs-48) !important;
    font-weight: 400 !important;
    pointer-events: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__icon,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__button::-webkit-details-marker {
    display: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__content,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:not([open]) > .tech-hero-mobile-accordion__content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: calc(42 / 1080 * 100vw) !important;
    padding: calc(8 / 1080 * 100vw) calc(60 / 1080 * 100vw) !important;
    border: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:not(:first-child) .tech-hero-mobile-accordion__content {
    grid-template-columns: 1fr !important;
    gap: calc(14 / 1080 * 100vw) !important;
    padding-top: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__group strong {
    display: inline !important;
    color: #fff !important;
    font-size: var(--fs-36) !important;
    font-weight: 400 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__group small {
    display: inline-flex !important;
    margin-left: calc(12 / 1080 * 100vw) !important;
    padding: calc(3 / 1080 * 100vw) calc(12 / 1080 * 100vw) !important;
    color: #e8f2ff !important;
    background: #3e79e8 !important;
    font-size: var(--fs-24) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__group p {
    margin: calc(16 / 1080 * 100vw) 0 0 !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: var(--fs-30) !important;
    line-height: 1.45 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__content:not(:has(strong:not(:empty)))::before,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__content:not(:has(strong:not(:empty)))::after {
    display: block;
    color: rgba(255, 255, 255, .8);
    font-size: var(--fs-30);
    line-height: 1.48;
    white-space: pre-line;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:nth-child(1) .tech-hero-mobile-accordion__content:not(:has(strong:not(:empty)))::before {
    content: '多维感知系统  模组\A Lidar/ToF  ｜  成像系统';
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:nth-child(1) .tech-hero-mobile-accordion__content:not(:has(strong:not(:empty)))::after {
    content: '单芯片系统  芯片\A 通用IP  ｜  自定义IP';
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:nth-child(2) .tech-hero-mobile-accordion__content:not(:has(strong:not(:empty)))::before {
    content: 'SDK 中间件  生态';
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:nth-child(3) .tech-hero-mobile-accordion__content:not(:has(strong:not(:empty)))::before {
    content: '三维重建  ｜  AI生态\A SLAM&运控  算法';
  }

  /* Keep the commercial proof header adjacent to the preceding platform section. */
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build {
    height: calc(1020 / 1080 * 100vw) !important;
  }

  /* H5 preserves the centered, square-edged scaled composition from the desktop design. */
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__content {
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: none !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel {
    border-radius: calc(8 / 1080 * 100vw) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel-copy {
    position: static !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel-copy strong {
    font-size: var(--fs-32) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel-copy small {
    margin-top: calc(4 / 1080 * 100vw) !important;
    font-size: var(--fs-16) !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head .tech-product__subtitle {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    text-align: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-solution span {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header {
    top: calc(100 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify {
    top: calc(245 / 1080 * 100vw) !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    grid-template-rows:
      calc(132 / 1080 * 100vw)
      calc(132 / 1080 * 100vw)
      calc(132 / 1080 * 100vw)
      calc(210 / 1080 * 100vw) !important;
    grid-auto-rows: auto !important;
    gap: calc(12 / 1080 * 100vw) !important;
  }

  /* Figma 393:9438 uses an eight-column product mosaic, not a flowing masonry grid. */
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(1) { grid-column: 1 / span 2 !important; grid-row: 1 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(2) { grid-column: 3 / span 2 !important; grid-row: 1 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(4) { grid-column: 5 / span 2 !important; grid-row: 1 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(6) { grid-column: 7 / span 2 !important; grid-row: 1 !important; }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(11) { grid-column: 5 / span 2 !important; grid-row: 2 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(10) { grid-column: 7 / span 2 !important; grid-row: 2 !important; }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(7) { grid-column: 1 / span 2 !important; grid-row: 3 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(14) { grid-column: 3 / span 2 !important; grid-row: 3 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(13) { grid-column: 5 / span 2 !important; grid-row: 3 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(9) { grid-column: 7 / span 2 !important; grid-row: 3 !important; }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(8) { grid-column: 1 !important; grid-row: 4 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(3) { grid-column: 2 !important; grid-row: 4 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(5) { grid-column: 3 !important; grid-row: 4 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(12) { grid-column: 4 !important; grid-row: 4 !important; }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat--shipments {
    order: 0 !important;
    grid-column: 1 / span 4 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    column-span: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
    gap: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat--market {
    position: absolute !important;
    top: calc(432 / 1080 * 100vw) !important;
    left: calc(604 / 1080 * 100vw) !important;
    width: calc(332 / 1080 * 100vw) !important;
    height: calc(210 / 1080 * 100vw) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    column-span: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    align-content: center !important;
    gap: calc(12 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat--shipments .business-verify__stat-pair {
    height: 100% !important;
    padding: 0 !important;
    row-gap: 0 !important;
    align-content: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__caption {
    margin: 0 !important;
    font-size: var(--fs-14) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__stat--market .business-verify__inline {
    justify-content: center !important;
    font-size: var(--fs-20) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(8),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(3),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(5),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(12) {
    position: absolute !important;
    top: calc(432 / 1080 * 100vw) !important;
    width: calc(137 / 1080 * 100vw) !important;
    height: calc(210 / 1080 * 100vw) !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(8) { left: 0 !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(3) { left: calc(151 / 1080 * 100vw) !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(5) { left: calc(302 / 1080 * 100vw) !important; }
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile:nth-of-type(12) { left: calc(453 / 1080 * 100vw) !important; }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__value .num,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__inline .num,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__num .num {
    color: transparent !important;
    font-size: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__value .num::after,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__inline .num::after,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__num .num::after {
    content: attr(data-count);
    color: #fff;
    font-size: var(--fs-48);
    line-height: 1;
  }
}

@media (max-width: 48rem) {
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-solution {
    top: calc(330 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: calc(8 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--chip,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--kit {
    min-height: 0 !important;
    padding: calc(22 / 1080 * 100vw) calc(16 / 1080 * 100vw) !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: calc(8 / 1080 * 100vw) !important;
    text-align: center !important;
    border: 0 !important;
    border-radius: calc(4 / 1080 * 100vw) !important;
    background: linear-gradient(180deg, rgba(0, 80, 171, 1) 29%, rgba(4, 76, 139, 0) 100%) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:first-child,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:last-child {
    height: calc(253 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:nth-child(2),
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card:nth-child(3) {
    height: calc(138 / 1080 * 100vw) !important;
    padding-block: calc(12 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card::before {
    display: block !important;
    height: calc(114 / 1080 * 100vw) !important;
    background: url('../images/tech-product/figma/product-card-frame.png') top center / 100% 100% no-repeat !important;
    filter: brightness(1.35) saturate(1.16) drop-shadow(0 0 calc(10 / 1080 * 100vw) rgba(94, 169, 255, 0.42)) !important;
    transform: translateY(-25.5%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--compat::before {
    filter: none !important;
  }
}

/* Phone composition refinements from the approved 1080px review captures. */
@media (max-width: 1080px) {
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header {
    text-align: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head .tech-product__title,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header .label,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header .label {
    font-size: var(--fs-48) !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head .tech-product__subtitle,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header h3,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header h3 {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    font-size: var(--fs-30) !important;
    line-height: 1.6 !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-head .tech-product__subtitle {
    color: #fff !important;
    font-family: "PingFang SC", sans-serif !important;
    font-size: var(--fs-30) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: calc(72 / 1080 * 100vw) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile {
    background: #06132b !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__grid,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__media {
    background: #050e25 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card {
    border: 0 !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__media {
    inset: calc(-2 / 1080 * 100vw) !important;
    border-radius: inherit !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card__media img,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card:nth-child(1) .dev-card__media img,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card:nth-child(2) .dev-card__media img,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card:nth-child(3) .dev-card__media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: scale(1.01) !important;
  }
}

/* Final cascade owner: Figma 3204:7731 mobile geometry. */
@media (max-width: 1080px) {
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page {
    --tech-u: calc(100vw / 1080);
    padding-top: calc(42 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__copy > .tech-stack__lead,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__copy > .tech-stack__desc,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack > .tech-stack__highlight {
    position: absolute !important;
    left: 50% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__copy {
    position: absolute !important;
    inset: 0 0 auto !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: calc(292 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__copy > .tech-stack__lead {
    top: calc(138 * var(--tech-u)) !important;
    width: calc(528 * var(--tech-u)) !important;
    height: calc(48 * var(--tech-u)) !important;
    font-size: var(--fs-48) !important;
    line-height: calc(48 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__copy > .tech-stack__desc {
    top: calc(207 * var(--tech-u)) !important;
    width: calc(750 * var(--tech-u)) !important;
    height: calc(48 * var(--tech-u)) !important;
    font-size: var(--fs-30) !important;
    line-height: calc(48 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__diagram {
    position: absolute !important;
    top: calc(340 * var(--tech-u)) !important;
    left: calc(72 * var(--tech-u)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, calc(438 * var(--tech-u))) !important;
    width: calc(936 * var(--tech-u)) !important;
    max-width: none !important;
    height: calc(109 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: calc(60 * var(--tech-u)) !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel {
    position: relative !important;
    inset: auto !important;
    width: calc(438 * var(--tech-u)) !important;
    max-width: none !important;
    height: calc(109 * var(--tech-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel > .tech-stack__icon {
    position: absolute !important;
    top: calc(28 * var(--tech-u)) !important;
    left: calc(32 * var(--tech-u)) !important;
    width: calc(60 * var(--tech-u)) !important;
    height: calc(60 * var(--tech-u)) !important;
    margin: 0 !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel > .tech-stack__panel-copy {
    position: absolute !important;
    top: calc(16 * var(--tech-u)) !important;
    left: calc(116 * var(--tech-u)) !important;
    display: block !important;
    width: calc(292 * var(--tech-u)) !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel > .tech-stack__panel-copy strong {
    display: block !important;
    margin: 0 !important;
    font-size: var(--fs-32) !important;
    line-height: calc(45 * var(--tech-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack__panel > .tech-stack__panel-copy small {
    display: block !important;
    margin: calc(4 * var(--tech-u)) 0 0 !important;
    font-size: var(--fs-20) !important;
    line-height: calc(28 * var(--tech-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-stack > .tech-stack__highlight {
    top: calc(521 * var(--tech-u)) !important;
    width: calc(540 * var(--tech-u)) !important;
    height: calc(48 * var(--tech-u)) !important;
    color: #6db4ff !important;
    font-size: var(--fs-30) !important;
    line-height: calc(48 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__content {
    position: absolute !important;
    inset: calc(120 * var(--tech-u)) 0 auto !important;
    display: block !important;
    width: 100% !important;
    height: calc(109 * var(--tech-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__title,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero .tech-hero__title {
    width: max-content !important;
    height: auto !important;
    margin: 0 auto !important;
    font-size: var(--fs-48) !important;
    line-height: 1.4 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero__subtitle,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero .tech-hero__subtitle {
    display: flex !important;
    width: max-content !important;
    height: auto !important;
    margin: calc(36 * var(--tech-u)) auto 0 !important;
    font-size: var(--fs-24) !important;
    line-height: 1.4 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page #header,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header-inner {
    height: calc(120 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header-inner {
    padding-inline: calc(72 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header .logo,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header .logo img {
    width: calc(191 * var(--tech-u)) !important;
    height: calc(54 * var(--tech-u)) !important;
    max-width: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .header-actions {
    gap: calc(36 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .m-hamburger,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .search-btn {
    width: calc(36 * var(--tech-u)) !important;
    height: calc(36 * var(--tech-u)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion {
    top: calc(1008 * var(--tech-u)) !important;
    left: calc(72 * var(--tech-u)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: calc(348 * var(--tech-u)) calc(284 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    max-width: none !important;
    height: calc(668 * var(--tech-u)) !important;
    gap: calc(36 * var(--tech-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item {
    min-height: 0 !important;
    border: 0 !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:first-child {
    grid-column: 1 / -1 !important;
    background-image: url('../images/tech/figma/tech-hover-hardware.png') !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:nth-child(2) {
    background-image: url('../images/tech/figma/tech-hover-software.png') !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:nth-child(3) {
    background-image: url('../images/tech/figma/tech-hover-algorithm.png') !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__button,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__content {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__button {
    height: calc(139 * var(--tech-u)) !important;
    padding: calc(72 * var(--tech-u)) calc(60 * var(--tech-u)) 0 !important;
    color: #fff !important;
    font-size: var(--fs-48) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__content {
    display: grid !important;
    grid-template-columns: calc(400 * var(--tech-u)) minmax(0, 1fr) !important;
    gap: calc(48 * var(--tech-u)) !important;
    padding: calc(24 * var(--tech-u)) calc(60 * var(--tech-u)) 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:not(:first-child) .tech-hero-mobile-accordion__content {
    grid-template-columns: 1fr !important;
    gap: calc(14 * var(--tech-u)) !important;
    padding-top: calc(24 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:not(:first-child) .tech-hero-mobile-accordion__group strong {
    display: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:not(:first-child) .tech-hero-mobile-accordion__group small {
    position: absolute !important;
    top: calc(-50 * var(--tech-u)) !important;
    left: calc(288 * var(--tech-u)) !important;
    margin: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-hero-mobile-accordion__item:not(:first-child) .tech-hero-mobile-accordion__group p {
    margin-top: 0 !important;
    line-height: 1.4 !important;
    white-space: pre-line !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build {
    height: calc(1121.75 * var(--tech-u)) !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-build__header {
    top: calc(146.75 * var(--tech-u)) !important;
    left: calc(72 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify {
    top: calc(352.75 * var(--tech-u)) !important;
    left: calc(72 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    max-width: none !important;
    height: calc(650 * var(--tech-u)) !important;
    margin: 0 !important;
    background: url('../images/tech-commercial-verify/figma/business-verify-mobile-3204-7931.png') center / 100% 100% no-repeat !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify > * {
    display: none !important;
    visibility: hidden !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile {
    display: flex !important;
    width: calc(225 * var(--tech-u)) !important;
    height: calc(132 * var(--tech-u)) !important;
    aspect-ratio: auto !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile > img,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile picture > img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .business-verify__tile picture {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-robots {
    top: calc(178.9 * var(--tech-u)) !important;
    left: calc(160 * var(--tech-u)) !important;
    width: calc(760 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-robot {
    max-width: 12% !important;
    height: 80% !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-robot--drone {
    width: calc(104 / 1080 * 100vw) !important;
    max-width: none !important;
    height: calc(81.9 / 1080 * 100vw) !important;
    aspect-ratio: 80 / 63 !important;
    object-fit: cover !important;
    flex: 0 0 auto !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--cloud,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--hub {
    gap: calc(14 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--cloud strong,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--cloud span,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--hub strong,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-platform--hub span {
    display: block !important;
    line-height: 100% !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-architecture {
    top: calc(408 * var(--tech-u)) !important;
    left: calc(112.5 * var(--tech-u)) !important;
    grid-template-columns: calc(238.5 * var(--tech-u)) calc(207 * var(--tech-u)) calc(238.5 * var(--tech-u)) !important;
    width: calc(855 * var(--tech-u)) !important;
    gap: calc(85.5 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cards {
    top: calc(680 * var(--tech-u)) !important;
    left: calc(48 * var(--tech-u)) !important;
    grid-template-columns: repeat(4, calc(240 * var(--tech-u))) !important;
    width: calc(984 * var(--tech-u)) !important;
    gap: calc(8 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--chip,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card--kit {
    width: calc(240 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card strong {
    font-size: var(--fs-24) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__models,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__model {
    font-size: var(--fs-14) !important;
    line-height: 1 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__orbits--desktop {
    display: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-product__orbits--mobile {
    position: absolute !important;
    z-index: 4 !important;
    display: block !important;
    left: calc(66 * var(--tech-u)) !important;
    top: calc(790 * var(--tech-u)) !important;
    width: calc(948 * var(--tech-u)) !important;
    height: calc(184 * var(--tech-u)) !important;
    pointer-events: none !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__models {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 0 !important;
    white-space: nowrap !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__model:nth-child(3) {
    flex-basis: auto !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-card__model:nth-child(3)::before {
    display: inline !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-cloud span,
  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-edge-label {
    display: flex !important;
    width: calc(132 / 1080 * 100vw) !important;
    min-width: 0 !important;
    height: calc(66 / 1080 * 100vw) !important;
    padding: calc(18 / 1080 * 100vw) calc(36 / 1080 * 100vw) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: calc(15 / 1080 * 100vw) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-solution {
    width: max-content !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tp-dom-solution span {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    padding: calc(18 / 1080 * 100vw) calc(36 / 1080 * 100vw) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: calc(15 / 1080 * 100vw) !important;
    border: calc(1.5 / 1080 * 100vw) solid #6db4ff !important;
    border-radius: calc(36 / 1080 * 100vw) !important;
    background: #051947 !important;
    color: #66a9f2 !important;
    font-family: 'PingFang SC', sans-serif !important;
    font-size: var(--fs-30) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: calc(30 / 1080 * 100vw) !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev {
    height: calc(674 * var(--tech-u)) !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__header {
    top: 0 !important;
    left: calc(72 * var(--tech-u)) !important;
    width: calc(936 * var(--tech-u)) !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .tech-eco-dev__grid {
    top: calc(206 * var(--tech-u)) !important;
    left: calc(66 * var(--tech-u)) !important;
    grid-template-columns: repeat(3, calc(300 * var(--tech-u))) !important;
    width: calc(948 * var(--tech-u)) !important;
    height: calc(312 * var(--tech-u)) !important;
    gap: calc(24 * var(--tech-u)) !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .dev-card {
    width: calc(300 * var(--tech-u)) !important;
    height: calc(312 * var(--tech-u)) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }

  html[data-mobile] body.tech-page.tech-page.tech-page.tech-page .site-footer-shell {
    margin-top: 0 !important;
  }
}