/* 首屏图像保持原图，不叠加暗角或渐变遮罩。 */
      .hero-section__media-veil {
        display: none !important;
        opacity: 0 !important;
        background: none !important;
      }

      /* 技术信任：稳定的非负图层顺序 + WebGL 下方常驻动态兜底。 */
      .technology-section {
        isolation: isolate !important;
        background:
          radial-gradient(circle at 30% 50%, rgba(9, 236, 1, 0.18), transparent 33%),
          radial-gradient(circle at 70% 48%, rgba(96, 174, 213, 0.12), transparent 30%),
          #030403 !important;
      }
      .technology-section .tubes-background {
        z-index: 0 !important;
        background:
          radial-gradient(circle at 30% 50%, rgba(9, 236, 1, 0.18), transparent 33%),
          radial-gradient(circle at 70% 48%, rgba(96, 174, 213, 0.12), transparent 30%),
          #030403 !important;
      }
      .technology-section .technology-section__scrim {
        z-index: 1 !important;
      }
      .technology-section .technology-section__content {
        z-index: 3 !important;
      }
      .technology-section .tubes-background__fallback,
      .technology-section .tubes-background--loading {
        background:
          radial-gradient(circle at 30% 50%, rgba(9, 236, 1, 0.18), transparent 33%),
          radial-gradient(circle at 70% 48%, rgba(96, 174, 213, 0.12), transparent 30%),
          #030403 !important;
        transform: scale(1.08);
        transform-origin: 50% 50%;
        will-change: transform, opacity;
        animation: nuwa-technology-drift 10s ease-in-out infinite alternate;
      }
      .technology-section .tubes-background canvas {
        display: block !important;
      }
      .technology-section .tubes-background.is-active canvas {
        opacity: 1 !important;
      }
      @keyframes nuwa-technology-drift {
        from {
          opacity: 0.82;
          transform: translate3d(-1%, -0.5%, 0) scale(1.08);
        }
        to {
          opacity: 1;
          transform: translate3d(1%, 0.75%, 0) scale(1.13);
        }
      }

      @media (min-width: 961px) {
        /* 五大场景 / AI 舞台秀：同步 Figma 当前文字层坐标与排版。 */
        .scene-panel__overlay {
          top: 473.890625px !important;
          right: auto !important;
          bottom: auto !important;
          left: 96px !important;
          box-sizing: border-box !important;
          width: 597.065625px !important;
          max-width: calc(100% - 192px) !important;
          height: 78.990625px !important;
          min-height: 78.990625px !important;
          padding: 16px 18.4px !important;
          transform: none !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
          justify-content: center !important;
          gap: 0 !important;
          border: 0 !important;
          background: transparent !important;
          -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
          box-shadow: none !important;
          text-align: center !important;
          pointer-events: none;
        }
        .scene-panel__overlay .eyebrow {
          box-sizing: border-box;
          display: block !important;
          width: 100%;
          height: 23.990625px;
          margin: 0 !important;
          padding-top: 5px;
          color: rgba(255, 255, 255, 0.7) !important;
          font-size: 10.88px !important;
          line-height: 16.32px !important;
          letter-spacing: 2.176px !important;
          text-align: center !important;
        }
        .scene-panel__overlay p {
          width: 560.265625px;
          max-width: 100%;
          margin: 0 !important;
          color: #fff !important;
          font-size: 13.44px !important;
          line-height: 22.176px !important;
          text-align: center !important;
          white-space: nowrap;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .technology-section .tubes-background__fallback,
        .technology-section .tubes-background--loading {
          animation: none;
        }
      }
    


  /* V1.5 redo: V1.4 remains the only layout baseline. */
  @media (min-width: 961px) {
    .soft-assets-folder-shell {
      display: none !important;
    }

    .soft-assets-stage {
      isolation: isolate;
    }

    .soft-asset-card {
      pointer-events: none !important;
      will-change: opacity, transform, filter;
      transition:
        opacity 520ms cubic-bezier(.22, 1, .36, 1),
        transform 620ms cubic-bezier(.22, 1, .36, 1),
        filter 520ms cubic-bezier(.22, 1, .36, 1) !important;
    }

    .soft-assets-story[data-v15-state="0"] .soft-asset-card--1,
    .soft-assets-story[data-v15-state="0"] .soft-asset-card--2,
    .soft-assets-story[data-v15-state="1"] .soft-asset-card--3,
    .soft-assets-story[data-v15-state="1"] .soft-asset-card--4,
    .soft-assets-story[data-v15-state="2"] .soft-asset-card {
      opacity: 1 !important;
      visibility: visible !important;
      filter: blur(0) !important;
      transform: translate3d(0, 0, 0) scale(1) !important;
    }

    .soft-assets-story[data-v15-state="0"] .soft-asset-card--3,
    .soft-assets-story[data-v15-state="0"] .soft-asset-card--4 {
      opacity: 0 !important;
      visibility: hidden !important;
      filter: blur(5px) !important;
      transform: translate3d(0, 30px, 0) scale(.985) !important;
    }

    .soft-assets-story[data-v15-state="1"] .soft-asset-card--1,
    .soft-assets-story[data-v15-state="1"] .soft-asset-card--2 {
      opacity: 0 !important;
      visibility: hidden !important;
      filter: blur(4px) !important;
      transform: translate3d(0, -22px, 0) scale(.985) !important;
    }

    .soft-asset-card h3 {
      font-size: 24px !important;
      line-height: 27px !important;
      font-weight: 700 !important;
    }

    .soft-asset-card p {
      font-size: 16px !important;
      line-height: 1.62 !important;
    }

    .soft-assets-character {
      transition:
        opacity 220ms ease,
        transform 620ms cubic-bezier(.22, 1, .36, 1),
        filter 320ms ease !important;
      transform-origin: 50% 100%;
    }

    .soft-assets-character.is-v15-swapping {
      opacity: .12 !important;
      filter: blur(4px) !important;
      transform: translate3d(0, 14px, 0) scale(.985) !important;
    }

    .soft-assets-progress i {
      transition: background-color 320ms ease, opacity 320ms ease !important;
    }

    .soft-assets-story[data-v15-state="0"] .soft-assets-progress i:nth-child(-n+2),
    .soft-assets-story[data-v15-state="1"] .soft-assets-progress i:nth-child(n+3),
    .soft-assets-story[data-v15-state="2"] .soft-assets-progress i {
      background: #44d7b6 !important;
      opacity: 1 !important;
    }

    .soft-assets-story[data-v15-state="0"] .soft-assets-progress i:nth-child(n+3),
    .soft-assets-story[data-v15-state="1"] .soft-assets-progress i:nth-child(-n+2) {
      background: rgba(255, 255, 255, .24) !important;
      opacity: .72 !important;
    }

    .experience-card {
      background: rgba(224, 224, 224, .4) !important;
      border: .5px solid rgba(255, 255, 255, .72) !important;
      border-radius: 24px !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .34),
        0 24px 70px rgba(0, 0, 0, .16) !important;
      -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
      backdrop-filter: blur(16px) saturate(118%) !important;
    }

    .experience-card.is-active,
    .experience-card:hover,
    .experience-card:focus-visible {
      border-color: rgba(255, 255, 255, .94) !important;
    }

    /* Current live Figma frame 631:40: full-page type hierarchy. */
    .delivery-section .section-heading h2,
    .definition-section .section-heading h2,
    .proof-section .section-heading h2 {
      font-size: 40px !important;
    }

    .hero-section__lead {
      font-size: 20px !important;
      line-height: 33px !important;
      font-weight: 500 !important;
    }

    .definition-section .section-heading h2,
    .technology-section .section-heading h2 {
      line-height: 46px !important;
    }

    .definition-section .section-heading__description {
      font-size: 16px !important;
      line-height: 30px !important;
    }

    .definition-support-card h3 {
      font-size: 24px !important;
      line-height: 38px !important;
      font-weight: 700 !important;
    }

    .definition-support-card p {
      font-size: 16px !important;
      line-height: 1.55 !important;
    }

    .scene-section .section-heading h2,
    .process-section .section-heading h2 {
      font-size: 40px !important;
      line-height: 56.909px !important;
    }

    .scene-tab__title small {
      font-size: 12px !important;
      line-height: 13.2px !important;
    }

    .scene-tab__title strong {
      font-size: 24px !important;
      line-height: 28.8px !important;
      font-weight: 700 !important;
    }

    .scene-tab__details p {
      font-size: 13.76px !important;
      line-height: 20.64px !important;
    }

    .scene-tab__details > span {
      font-size: 16px !important;
      line-height: 22.566px !important;
    }

    .case-carousel__story-copy h3 {
      font-size: 50px !important;
      line-height: 54.72px !important;
      font-weight: 800 !important;
    }

    .brain-card__heading h3 {
      font-size: 32px !important;
      line-height: 49.766px !important;
      font-weight: 700 !important;
    }

    .technology-section .section-heading h2 {
      font-size: 40px !important;
    }

    .site-footer h3 {
      font-size: 12.16px !important;
      line-height: 18.24px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .soft-asset-card,
    .soft-assets-character {
      transition-duration: 0ms !important;
    }
  }



  /* Approved desktop-only refinement. Mobile rules remain unchanged. */
  @media (min-width: 961px) {
    /* Hero: use the original image without a veil and align the copy to Figma. */
    .hero-section__media-veil {
      display: none !important;
      opacity: 0 !important;
      background: none !important;
      -webkit-mask-image: none !important;
      mask-image: none !important;
    }

    .hero-section__content {
      justify-content: flex-start !important;
      padding: 321px 0 0 !important;
    }

    .hero-section__eyebrow {
      margin: 0 0 16px !important;
      color: #44d7b6 !important;
      font-size: 12px !important;
      line-height: 16.32px !important;
      letter-spacing: 2.176px !important;
      text-transform: none !important;
    }

    .hero-section h1 {
      width: 798px !important;
      max-width: 798px !important;
      margin: 0 !important;
      color: #fff !important;
      font-size: 60px !important;
      font-weight: 700 !important;
      line-height: 63px !important;
      letter-spacing: 3px !important;
      text-shadow: 0 4px 4px rgba(0, 0, 0, .4) !important;
    }

    .hero-section h1 span {
      margin-top: 6.48px !important;
      color: #fff !important;
      text-shadow: 0 4px 4px rgba(0, 0, 0, .3) !important;
    }

    .hero-section__lead {
      width: 705px !important;
      max-width: 705px !important;
      margin-top: 31px !important;
      color: rgba(255, 255, 255, .9) !important;
      font-size: 20px !important;
      font-weight: 500 !important;
      line-height: 33px !important;
      text-shadow: 0 4px 4px rgba(0, 0, 0, .25) !important;
      white-space: nowrap !important;
    }

    .hero-section__value-chain {
      margin-top: 40.52px !important;
      filter: drop-shadow(0 4px 2px rgba(0, 0, 0, .25));
    }

    .hero-section__value span {
      color: #fff !important;
      font-size: 17.92px !important;
      font-weight: 500 !important;
      line-height: 27px !important;
      letter-spacing: 0 !important;
    }

    .hero-section__value i {
      width: 72px !important;
      margin-inline: 21.6px !important;
      background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.48), rgba(255,255,255,.08)) !important;
    }

    /* Definition: remove the impact-image outline and restore the full copy rail. */
    .definition-stack {
      overflow: visible !important;
    }

    .stacking-card--primary {
      display: block !important;
      width: 1180px !important;
      height: 663.75px !important;
      min-height: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: #000 !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    .stacking-card--primary .stacking-card__media,
    .stacking-card--primary .stacking-card__media .media-frame {
      position: relative !important;
      inset: auto !important;
      grid-area: auto !important;
      width: 100% !important;
      height: 663.75px !important;
      min-height: 663.75px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: #000 !important;
      box-shadow: none !important;
      overflow: hidden !important;
    }

    .stacking-card--primary .media-frame::before {
      display: none !important;
      border: 0 !important;
    }

    .stacking-card--primary .stacking-card__media img {
      width: 100% !important;
      height: 100% !important;
      aspect-ratio: auto !important;
      object-fit: cover !important;
      object-position: center !important;
    }

    .stacking-card--primary .stacking-card__content {
      display: none !important;
    }

    .stacking-card--primary .stacking-card__meta {
      display: none !important;
    }

    .stacking-card--primary .stacking-card__content h3 {
      margin: 0 !important;
      color: #fff !important;
      font-size: 40px !important;
      font-weight: 700 !important;
      line-height: 49px !important;
      letter-spacing: 0 !important;
    }

    .stacking-card--primary .stacking-card__content p {
      max-width: 900px !important;
      margin: 8px 0 0 !important;
      color: rgba(255, 255, 255, .68) !important;
      font-size: 16px !important;
      line-height: 27.52px !important;
      letter-spacing: 0 !important;
    }

    .definition-support-grid {
      grid-template-columns: repeat(4, 280px) !important;
      gap: 20px !important;
      width: 1180px !important;
      min-height: 148px !important;
      margin-top: 30px !important;
      align-items: start !important;
    }

    .definition-support-grid:has(.definition-support-card:hover),
    .definition-support-grid:has(.definition-support-card:focus-within) {
      min-height: 350px !important;
    }

    .definition-support-card {
      width: 280px !important;
      height: 148px !important;
      min-height: 148px !important;
      border: 1px solid rgba(255, 255, 255, .16) !important;
      border-radius: 20px !important;
      background: #000 !important;
      box-shadow: none !important;
      overflow: hidden !important;
    }

    .definition-support-card__content {
      min-height: 148px !important;
      padding: 22px !important;
      background: linear-gradient(180deg, rgba(2,5,3,.98) 0 29%, rgba(2,5,3,.76) 48%, rgba(2,5,3,.06) 100%) !important;
    }

    .definition-support-card h3 {
      margin: 0 !important;
      font-size: 22px !important;
      line-height: 38px !important;
    }

    .definition-support-card p {
      margin: 0 !important;
      color: rgba(255, 255, 255, .62) !important;
      font-size: 15px !important;
      line-height: 21px !important;
    }

    .definition-support-card:hover,
    .definition-support-card:focus-within {
      z-index: 4 !important;
      height: 350px !important;
      border-color: rgba(255, 255, 255, .28) !important;
      box-shadow: inset 0 1px rgba(255,255,255,.18), 0 30px 72px rgba(0,0,0,.52) !important;
    }

    .definition-support-card:hover .definition-support-card__content,
    .definition-support-card:focus-within .definition-support-card__content {
      align-self: start !important;
      min-height: 148px !important;
      background: linear-gradient(180deg, rgba(2,5,3,.98) 0%, rgba(2,5,3,.88) 72%, rgba(2,5,3,.18) 100%) !important;
    }

    .definition-support-card:hover .definition-support-card__media,
    .definition-support-card:focus-within .definition-support-card__media {
      opacity: 1 !important;
    }

    .definition-support-card:hover p,
    .definition-support-card:focus-within p {
      white-space: normal !important;
      overflow: visible !important;
    }

    /* Soft assets: two states only. 01/02 remain while 03/04 rise in. */
    .soft-assets-story[data-v15-state="0"] .soft-asset-card--1,
    .soft-assets-story[data-v15-state="0"] .soft-asset-card--2,
    .soft-assets-story[data-v15-state="1"] .soft-asset-card {
      opacity: 1 !important;
      visibility: visible !important;
      filter: blur(0) !important;
      transform: translate3d(0, 0, 0) scale(1) !important;
    }

    .soft-assets-story[data-v15-state="0"] .soft-asset-card--3,
    .soft-assets-story[data-v15-state="0"] .soft-asset-card--4 {
      opacity: 0 !important;
      visibility: hidden !important;
      filter: blur(5px) !important;
      transform: translate3d(0, 46px, 0) scale(.985) !important;
    }

    .soft-assets-story[data-v15-state="1"] .soft-asset-card--1,
    .soft-assets-story[data-v15-state="1"] .soft-asset-card--2 {
      opacity: 1 !important;
      visibility: visible !important;
      filter: none !important;
      transform: none !important;
    }

    .soft-assets-stage__progress i {
      background: rgba(255, 255, 255, .24) !important;
      box-shadow: none !important;
    }

    .soft-assets-story[data-v15-state="0"] .soft-assets-stage__progress i:nth-child(-n+2),
    .soft-assets-story[data-v15-state="1"] .soft-assets-stage__progress i {
      background: #44d7b6 !important;
      opacity: 1 !important;
    }

    /* Experience cards: user-approved 15px blur; content follows Figma. */
    .experience-cards {
      grid-template-columns: repeat(3, 327.733px) !important;
      gap: 18.4px !important;
      width: 1020px !important;
    }

    .experience-card-shell,
    .experience-card {
      width: 327.733px !important;
      min-height: 390px !important;
    }

    .experience-card,
    .experience-card.is-featured,
    .experience-card.is-active,
    .experience-card:hover {
      box-sizing: border-box !important;
      height: 390px !important;
      padding: 33px !important;
      transform: none !important;
      color: #000 !important;
      background: rgba(255, 255, 255, .4) !important;
      border: 1px solid rgba(255, 255, 255, .18) !important;
      border-radius: 24px !important;
      -webkit-backdrop-filter: blur(15px) !important;
      backdrop-filter: blur(15px) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(255,255,255,.02), 0 24px 72px rgba(0,0,0,.28) !important;
    }

    .experience-card.is-featured {
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(255,255,255,.02), 0 28px 70px rgba(0,0,0,.32) !important;
    }

    .experience-card.is-active,
    .experience-card:hover,
    .experience-card:focus-visible,
    .experience-card-shell:focus-within .experience-card {
      border-color: rgba(255, 255, 255, .72) !important;
      background: rgba(255, 255, 255, .4) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(255,255,255,.02), 0 24px 72px rgba(0,0,0,.28) !important;
    }

    .experience-card__top,
    .experience-card__top span {
      color: rgba(0, 0, 0, .7) !important;
    }

    .experience-card__top span {
      font-size: 16px !important;
      line-height: 15.36px !important;
      letter-spacing: 1.6384px !important;
    }

    .experience-card__top svg {
      width: 23px !important;
      height: 23px !important;
      color: rgba(0, 0, 0, .58) !important;
    }

    .experience-card small {
      color: rgba(0, 0, 0, .7) !important;
      font-size: 12px !important;
      line-height: 13.2px !important;
      letter-spacing: 1.32px !important;
    }

    .experience-card h3 {
      margin-top: 16px !important;
      color: #000 !important;
      font-size: 32px !important;
      font-weight: 800 !important;
      line-height: 36px !important;
      letter-spacing: 0 !important;
    }

    .experience-card p {
      width: 262px !important;
      margin-top: 16px !important;
      color: rgba(0, 0, 0, .8) !important;
      font-size: 16px !important;
      font-weight: 500 !important;
      line-height: 23.52px !important;
    }

    .experience-card > a,
    .experience-card > a:hover {
      min-height: 52px !important;
      color: #ed6d0c !important;
      border-top: 1px solid rgba(255, 255, 255, .09) !important;
      font-size: 20px !important;
      font-weight: 500 !important;
      line-height: 18.72px !important;
      text-shadow: 0 2px 2px rgba(0, 0, 0, .25) !important;
    }

    .experience-card > a svg {
      width: 18px !important;
      height: 18px !important;
      color: #ed6d0c !important;
    }

    .experience-card > strong {
      display: none !important;
    }

    /* Desktop type hierarchy and section rhythm from the current Figma frame. */
    .definition-section .section-heading h2,
    .technology-section .section-heading h2 {
      font-size: 45px !important;
      font-weight: 500 !important;
      line-height: 56px !important;
      letter-spacing: 0 !important;
    }

    .delivery-section .section-heading h2,
    .scene-section .section-heading h2,
    .experience-section .section-heading h2,
    .process-section .section-heading h2 {
      font-size: 45px !important;
      font-weight: 500 !important;
      line-height: 56.9088px !important;
      letter-spacing: -2.1888px !important;
    }

    .proof-section .section-heading h2 {
      font-size: 45px !important;
      font-weight: 500 !important;
      line-height: 42px !important;
      letter-spacing: -2.1888px !important;
    }

    .closing-section h2 {
      font-size: 50px !important;
      line-height: 56.9088px !important;
      letter-spacing: -2.1888px !important;
    }

    .section-heading__description {
      font-size: 17.28px !important;
      line-height: 31.104px !important;
    }

    .process-section {
      height: 706px !important;
      min-height: 706px !important;
      margin-top: 58px !important;
    }

    .definition-section .section-heading__description {
      font-size: 16px !important;
      line-height: 30px !important;
    }

    /* Footer typography and state colors: no green selection or hover. */
    .site-footer__links h3 {
      color: rgba(255, 255, 255, .82) !important;
      font-size: 12.16px !important;
      font-weight: 400 !important;
      line-height: 18.24px !important;
    }

    .site-footer__links a {
      color: rgba(255, 255, 255, .36) !important;
      font-size: 12px !important;
      line-height: 15.776px !important;
    }

    .site-footer__links a:hover,
    .site-footer__links a:focus-visible,
    .site-footer__links a[aria-current="page"] {
      color: #fff !important;
    }

    .site-footer__links > div:first-child a:first-of-type {
      color: #fff !important;
    }
  }



  /* Approved desktop follow-up: Figma alignment without changing mobile or interaction logic. */
  @media (min-width: 961px) {
    /* Remove section indices visually on desktop while preserving mobile copy. */
    .technology-section .section-heading > .eyebrow,
    .process-section .section-heading > .eyebrow {
      font-size: 0 !important;
      letter-spacing: 0 !important;
    }

    .technology-section .section-heading > .eyebrow::after,
    .process-section .section-heading > .eyebrow::after {
      color: inherit !important;
      font-family: inherit !important;
      font-size: 12px !important;
      font-weight: inherit !important;
      line-height: 17px !important;
      letter-spacing: .12em !important;
    }

    .technology-section .section-heading > .eyebrow::after {
      content: "\6280\672F\4FE1\4EFB";
    }

    .process-section .section-heading > .eyebrow::after {
      content: "\4ECE\9700\6C42\5230\4E0A\6F14";
    }

    /* Definition / impact: restore the current Figma composition. */
    .stacking-card--primary {
      position: relative !important;
      display: block !important;
      width: 1180px !important;
      height: 663.75px !important;
      min-height: 663.75px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: #000 !important;
      box-shadow: none !important;
      overflow: hidden !important;
    }

    .stacking-card--primary .stacking-card__media,
    .stacking-card--primary .stacking-card__media .media-frame {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      background: #000 !important;
      overflow: hidden !important;
    }

    .stacking-card--primary .stacking-card__media img {
      position: absolute !important;
      inset: 0 0 auto !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: fill !important;
      object-position: center top !important;
    }

    .stacking-card--primary .stacking-card__content {
      z-index: 4 !important;
      box-sizing: border-box !important;
      position: absolute !important;
      inset: auto 0 0 !important;
      display: none !important;
      width: 100% !important;
      height: 156.75px !important;
      min-height: 156.75px !important;
      padding: 25px 0 0 24px !important;
      background: #000 !important;
      pointer-events: none !important;
    }

    .stacking-card--primary .stacking-card__meta {
      display: none !important;
    }

    .stacking-card--primary .stacking-card__content h3 {
      margin: 0 !important;
      color: #fff !important;
      font-size: 40px !important;
      font-weight: 700 !important;
      line-height: 49px !important;
      letter-spacing: 0 !important;
    }

    .stacking-card--primary .stacking-card__content p {
      max-width: 900px !important;
      margin: 8px 0 0 !important;
      color: rgba(255, 255, 255, .68) !important;
      font-size: 16px !important;
      line-height: 27.52px !important;
      letter-spacing: 0 !important;
    }

    /* Soft assets: exact 1180x800 Figma card geometry and the site accent hue. */
    .delivery-section,
    .delivery-system-stage,
    .soft-assets-stage {
      background-color: #050706 !important;
    }

    .delivery-section {
      background-image: radial-gradient(760px 540px at 50% 34%, rgba(68, 215, 182, .08), transparent 72%) !important;
    }

    .soft-assets-stage {
      background-image: radial-gradient(590px 400px at 50% 43%, rgba(68, 215, 182, .16), rgba(68, 215, 182, .05) 62%, transparent 100%) !important;
    }

    .soft-assets-stage::before {
      background-image: radial-gradient(rgba(255, 255, 255, .07) .55px, transparent .55px) !important;
    }

    .soft-asset-card {
      box-sizing: border-box !important;
      width: 372px !important;
      height: 360px !important;
      min-height: 360px !important;
      grid-template-rows: 165px 195px !important;
      border: 1px solid rgba(255, 255, 255, .18) !important;
      border-radius: 24px !important;
      background: rgba(255, 255, 255, .10) !important;
      -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
      backdrop-filter: blur(18px) saturate(1.08) !important;
      box-shadow: none !important;
      overflow: hidden !important;
    }

    .soft-asset-card--1 { left: 28px !important; top: 76px !important; }
    .soft-asset-card--2 { right: 28px !important; left: auto !important; top: 76px !important; }
    .soft-asset-card--3 { left: 28px !important; top: 402px !important; }
    .soft-asset-card--4 { right: 28px !important; left: auto !important; top: 402px !important; }

    .soft-asset-card__copy {
      box-sizing: border-box !important;
      min-height: 165px !important;
      padding: 22px 23px 0 !important;
      background: rgba(7, 16, 8, .72) !important;
    }

    .soft-asset-card__meta {
      position: absolute !important;
      top: 22px !important;
      left: 23px !important;
      color: rgba(255, 255, 255, .42) !important;
      font-size: 13px !important;
      line-height: 16px !important;
      letter-spacing: .08em !important;
    }

    .soft-asset-card__meta i {
      background: linear-gradient(90deg, rgba(255, 255, 255, .42), transparent) !important;
    }

    .soft-asset-card h3 {
      margin: 35px 0 0 !important;
      color: #fff !important;
      font-size: 22px !important;
      line-height: 27px !important;
      letter-spacing: 0 !important;
    }

    .soft-asset-card p {
      width: 325px !important;
      margin: 10px 0 0 !important;
      color: rgba(255, 255, 255, .58) !important;
      font-size: 16px !important;
      line-height: 25.92px !important;
      -webkit-line-clamp: 2 !important;
    }

    .soft-asset-card__visual,
    .soft-asset-card__visual .media-frame {
      width: 100% !important;
      height: 195px !important;
      min-height: 195px !important;
      border: 0 !important;
    }

    .soft-asset-card__visual {
      margin-top: -1px !important;
    }

    .soft-asset-card__visual img {
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
    }

    .soft-assets-core,
    .soft-assets-core.is-revealed {
      width: 420px !important;
      height: 689px !important;
      top: 100px !important;
      left: 380px !important;
    }

    .soft-assets-core__halo,
    .soft-assets-core.is-revealed .soft-assets-core__halo {
      box-sizing: border-box !important;
      width: 420px !important;
      height: 420px !important;
      inset: 135px auto auto 0 !important;
      opacity: 1 !important;
      filter: blur(20px) !important;
      background: radial-gradient(circle, rgba(68, 215, 182, .23), rgba(68, 215, 182, .08) 42%, transparent 70%) !important;
      transform: none !important;
    }

    .soft-assets-character {
      width: 331px !important;
      height: 588px !important;
      max-width: none !important;
      top: 40px !important;
      bottom: auto !important;
      left: 35px !important;
      right: auto !important;
      filter: drop-shadow(0 30px 46px rgba(0, 0, 0, .54)) drop-shadow(0 0 24px rgba(68, 215, 182, .11)) !important;
    }

    .soft-assets-stage__label {
      box-sizing: border-box !important;
      top: 12px !important;
      left: 514px !important;
      width: 152px !important;
      min-width: 152px !important;
      height: 58px !important;
      padding: 9px 24px !important;
      transform: none !important;
      border-radius: 29px !important;
      background: rgba(7, 16, 8, .72) !important;
    }

    .soft-assets-stage__progress {
      display: none !important;
    }

    /* From the five scenarios downward, give headings more breathing room. */
    .scene-showcase {
      margin-top: 46px !important;
    }

    .proof-metrics {
      margin-top: 74px !important;
    }

    .technology-brains {
      top: 242px !important;
    }

    .experience-cards {
      margin-top: 58px !important;
    }

    .process-track {
      margin-top: 74px !important;
    }

    /* Cases: remove non-Figma controls and reduce the thumbnail-nav arrows. */
    .case-carousel__play,
    .case-carousel__edge-nav {
      display: none !important;
    }

    .case-carousel__controls {
      gap: 8px !important;
    }

    .case-carousel__controls > button {
      width: 34px !important;
      height: 34px !important;
    }

    .case-carousel__controls > button svg {
      width: 15px !important;
      height: 15px !important;
    }
  }



  /* Approved desktop fine-tuning against the supplied Figma frames. */
  @media (min-width: 961px) {
    /* Impact: crop the media-only portion, then render the copy as a real overlay layer. */
    .stacking-card--primary .stacking-card__media,
    .stacking-card--primary .stacking-card__media .media-frame {
      inset: 0 0 auto !important;
      height: 507px !important;
      background: #000 !important;
      overflow: hidden !important;
    }

    .stacking-card--primary .stacking-card__media img {
      inset: 0 0 auto !important;
      width: 100% !important;
      height: 663.75px !important;
      object-fit: fill !important;
      object-position: center top !important;
    }

    .stacking-card--primary .stacking-card__content {
      display: block !important;
      height: 156.75px !important;
      min-height: 156.75px !important;
      padding: 24px 24px 0 !important;
      background: #000 !important;
    }

    .stacking-card--primary .stacking-card__content h3 {
      font-size: 40px !important;
      line-height: 49px !important;
    }

    .stacking-card--primary .stacking-card__content p {
      margin-top: 8px !important;
      font-size: 16px !important;
      line-height: 27.52px !important;
    }

    /* Soft assets: one continuous accent-hue field, exact card positions and Figma copy geometry. */
    .delivery-section {
      background-color: #050706 !important;
      background-image:
        radial-gradient(760px 620px at 50% 39%, rgba(68, 215, 182, .13), rgba(16, 57, 49, .07) 58%, transparent 82%) !important;
    }

    .delivery-system-stage,
    .soft-assets-stage {
      background-color: transparent !important;
    }

    .soft-assets-stage {
      background-image:
        radial-gradient(590px 400px at 50% 42.86%, rgba(29, 104, 88, .34), rgba(11, 40, 34, .16) 62%, rgba(3, 5, 4, 0) 100%) !important;
    }

    .soft-asset-card {
      grid-template-rows: 130px 230px !important;
      background: rgba(255, 255, 255, .10) !important;
      border: 0 !important;
      border-radius: 24px !important;
      -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
      backdrop-filter: blur(18px) saturate(1.08) !important;
    }

    .soft-asset-card--1 { left: 1px !important; top: 52px !important; }
    .soft-asset-card--2 { right: 0 !important; left: auto !important; top: 52px !important; }
    .soft-asset-card--3 { left: 0 !important; top: 431px !important; border: 1px solid rgba(255, 255, 255, .24) !important; }
    .soft-asset-card--4 { right: 1px !important; left: auto !important; top: 431px !important; border: 1px solid rgba(255, 255, 255, .24) !important; }

    .soft-assets-story[data-v15-state="0"] .soft-asset-card--1,
    .soft-assets-story[data-v15-state="0"] .soft-asset-card--2,
    .soft-assets-story[data-v15-state="1"] .soft-asset-card {
      width: 372px !important;
      height: 360px !important;
      min-height: 360px !important;
      transform: none !important;
    }

    .soft-asset-card__copy {
      min-height: 130px !important;
      height: 130px !important;
      padding: 22px 23px 0 !important;
      background: transparent !important;
    }

    .soft-asset-card__meta {
      display: none !important;
    }

    .soft-asset-card h3 {
      margin: 0 !important;
      font-size: 22px !important;
      line-height: 27px !important;
    }

    .soft-asset-card p {
      width: 325px !important;
      margin-top: 10px !important;
      font-size: 16px !important;
      line-height: 25.92px !important;
    }

    .soft-asset-card__visual,
    .soft-asset-card__visual .media-frame {
      height: 230px !important;
      min-height: 230px !important;
    }

    .soft-asset-card__visual {
      margin-top: 0 !important;
    }

    /* The V1.5 proof-image replacement is intentionally omitted; current project imagery is preserved. */


    .case-carousel__media > .media-frame img,
    .case-carousel__media > .media-frame video {
      object-fit: cover !important;
      object-position: center center !important;
    }

    .case-carousel__play {
      display: none !important;
    }

    .case-carousel__edge-nav {
      display: grid !important;
      top: 50% !important;
      width: 42px !important;
      height: 42px !important;
      color: rgba(255, 255, 255, .82) !important;
      background: rgba(5, 7, 6, .62) !important;
      border: 1px solid rgba(255, 255, 255, .18) !important;
      box-shadow: none !important;
    }

    .case-carousel__edge-nav.is-prev { left: 12.8px !important; }
    .case-carousel__edge-nav.is-next { right: 12.8px !important; }

    .case-carousel__edge-nav svg {
      width: 18px !important;
      height: 18px !important;
    }

    .case-carousel__controls {
      gap: 8px !important;
    }

    .case-carousel__controls > button {
      width: 24px !important;
      height: 24px !important;
    }

    .case-carousel__controls > button svg {
      width: 18px !important;
      height: 18px !important;
    }

    /* Five scenarios: remove only the unwanted top horizontal divider. */
    .scene-section {
      border-top: 0 !important;
    }

    .scene-tab.is-active::before,
    .scene-tab.is-active::after,
    .scene-tab__details::before,
    .scene-tab__details::after {
      display: none !important;
      content: none !important;
      border: 0 !important;
    }

    .site-header__inner {
      align-items: center !important;
    }

    .site-header__actions {
      justify-self: end !important;
      align-self: center !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 10px !important;
      height: 39px !important;
    }

    .site-header__cta {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-sizing: border-box !important;
      height: 39px !important;
      min-height: 39px !important;
      padding: 0 18px !important;
      line-height: 1 !important;
      border-radius: 999px !important;
    }

    .site-header__cta--ghost,
    .site-header__cta--ghost:hover {
      color: #44d7b6 !important;
      background: transparent !important;
      border: 1px solid #44d7b6 !important;
      box-shadow: none !important;
      min-width: 0 !important;
    }

    .site-header__cta--ghost:hover {
      color: #6ee4cb !important;
      border-color: #6ee4cb !important;
      background: rgba(68, 215, 182, 0.08) !important;
    }
  }

  .case-carousel__thumbs {
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }