:root {
        --folder-color: #70a1ff;
        --folder-back-color: #4785ff;
        --paper-1: #e6e6e6;
        --paper-2: #f2f2f2;
        --paper-3: #fff;
      }
      .folder {
        cursor: pointer;
        transition: all 0.2s ease-in;
      }
      .folder:not(.folder--click, .folder--static):hover {
        transform: translateY(-8px);
      }
      .folder:not(.folder--click, .folder--static):hover .paper {
        transform: translate(-50%);
      }
      .folder:not(.folder--click, .folder--static):hover .folder__front {
        transform: skew(15deg) scaleY(0.6);
      }
      .folder:not(.folder--click, .folder--static):hover .right {
        transform: skew(-15deg) scaleY(0.6);
      }
      .folder.folder--static {
        cursor: default;
      }
      .folder.open {
        transform: translateY(-8px);
      }
      .folder.open .paper:first-child {
        transform: translate(-120%, -70%) rotate(-15deg);
      }
      .folder.open .paper:first-child:hover {
        transform: translate(-120%, -70%) rotate(-15deg) scale(1.1);
      }
      .folder.open .paper:nth-child(2) {
        height: 80%;
        transform: translate(10%, -70%) rotate(15deg);
      }
      .folder.open .paper:nth-child(2):hover {
        transform: translate(10%, -70%) rotate(15deg) scale(1.1);
      }
      .folder.open .paper:nth-child(3) {
        height: 80%;
        transform: translate(-50%, -100%) rotate(5deg);
      }
      .folder.open .paper:nth-child(3):hover {
        transform: translate(-50%, -100%) rotate(5deg) scale(1.1);
      }
      .folder.open .folder__front {
        transform: skew(15deg) scaleY(0.6);
      }
      .folder.open .right {
        transform: skew(-15deg) scaleY(0.6);
      }
      .folder__back {
        background: var(--folder-back-color);
        border-radius: 0 10px 10px;
        width: 100px;
        height: 80px;
        position: relative;
      }
      .folder__back:after {
        z-index: 0;
        content: "";
        background: var(--folder-back-color);
        border-radius: 5px 5px 0 0;
        width: 30px;
        height: 10px;
        position: absolute;
        bottom: 98%;
        left: 0;
      }
      .paper {
        z-index: 2;
        background: var(--paper-1);
        border-radius: 10px;
        width: 70%;
        height: 80%;
        transition: all 0.3s ease-in-out;
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translate(-50%, 10%);
      }
      .paper:nth-child(2) {
        background: var(--paper-2);
        width: 80%;
        height: 70%;
      }
      .paper:nth-child(3) {
        background: var(--paper-3);
        width: 90%;
        height: 60%;
      }
      .folder__front {
        z-index: 3;
        background: var(--folder-color);
        transform-origin: bottom;
        border-radius: 5px 10px 10px;
        width: 100%;
        height: 100%;
        transition: all 0.3s ease-in-out;
        position: absolute;
      }
      .folder__brand {
        z-index: 4;
        pointer-events: none;
        transform-origin: bottom;
        place-items: center;
        transition:
          opacity 0.3s ease-in-out,
          transform 0.3s ease-in-out;
        display: none;
        position: absolute;
        inset: 0;
      }
      .folder__brand > img {
        object-fit: contain;
        filter: drop-shadow(0 2px 5px #0000002e);
        width: 42%;
        max-height: 48%;
        display: block;
      }
      @media (min-width: 961px) {
        .folder__brand {
          display: grid;
        }
        .folder.open .folder__brand {
          opacity: 0.58;
          transform: translateY(14px) scaleY(0.62);
        }
        .custom-folder .folder__back,
        .custom-folder .folder__back:after {
          -webkit-backdrop-filter: blur(16px) saturate(1.35);
          backdrop-filter: blur(16px) saturate(1.35);
          background: linear-gradient(145deg, #9bff9947, #024e0f7a), #08691461;
          border: 1px solid #b9ffb857;
          box-shadow: inset 0 1px #ffffff6b;
        }
        .custom-folder .folder__front {
          -webkit-backdrop-filter: blur(18px) saturate(1.42);
          backdrop-filter: blur(18px) saturate(1.42);
          background:
            linear-gradient(138deg, #ffffff57, #42ff3d26 38%, #014b0e6b 82%),
            #0e8a195c;
          border: 1px solid #d3ffd294;
          box-shadow:
            inset 0 1px #ffffffbd,
            inset 0 -18px 34px #01450d47,
            0 12px 30px #0000003d;
        }
        .custom-folder .paper {
          -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
          background: linear-gradient(145deg, #ffffff47, #5cff5714), #abffad1a;
          border: 1px solid #e1ffe052;
          box-shadow: inset 0 1px #ffffff85;
        }
        .custom-folder .paper:nth-child(2) {
          background: #bfffc11f;
        }
        .custom-folder .paper:nth-child(3) {
          background: #e0ffe124;
        }
        .custom-folder .folder__brand > img {
          filter: drop-shadow(0 2px 5px #0000003d)
            drop-shadow(0 0 8px #ffffff21);
        }
      }
      .folder:focus-visible {
        outline-offset: 4px;
        border-radius: 10px;
        outline: 2px solid #fff;
      }
      @layer properties {
        @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
          ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
          *,
          :before,
          :after {
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
          }
          ::backdrop {
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
          }
        }
      }
      @layer theme {
        :root,
        :host {
          --font-sans:
            Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
          --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
          --color-white: #fff;
          --default-transition-duration: 0.15s;
          --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          --default-font-family: var(--font-sans);
          --default-mono-font-family: var(--font-mono);
          --color-ink: #050505;
        }
      }
      @layer base {
        *,
        :after,
        :before {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0;
        }
        ::backdrop {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0;
        }
        ::file-selector-button {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0;
        }
        html,
        :host {
          -webkit-text-size-adjust: 100%;
          tab-size: 4;
          line-height: 1.5;
          font-family: var(
            --default-font-family,
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            "Helvetica Neue",
            "Noto Sans",
            Arial,
            sans-serif,
            "Apple Color Emoji",
            "Segoe UI Emoji",
            "Segoe UI Symbol",
            "Noto Color Emoji"
          );
          font-feature-settings: var(--default-font-feature-settings, normal);
          font-variation-settings: var(
            --default-font-variation-settings,
            normal
          );
          -webkit-tap-highlight-color: transparent;
        }
        hr {
          height: 0;
          color: inherit;
          border-top-width: 1px;
        }
        abbr:where([title]) {
          -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
          font-size: inherit;
          font-weight: inherit;
        }
        a {
          color: inherit;
          -webkit-text-decoration: inherit;
          -webkit-text-decoration: inherit;
          -webkit-text-decoration: inherit;
          -webkit-text-decoration: inherit;
          text-decoration: inherit;
        }
        b,
        strong {
          font-weight: bolder;
        }
        code,
        kbd,
        samp,
        pre {
          font-family: var(
            --default-mono-font-family,
            ui-monospace,
            SFMono-Regular,
            Menlo,
            Monaco,
            Consolas,
            "Liberation Mono",
            "Courier New",
            monospace
          );
          font-feature-settings: var(
            --default-mono-font-feature-settings,
            normal
          );
          font-variation-settings: var(
            --default-mono-font-variation-settings,
            normal
          );
          font-size: 1em;
        }
        small {
          font-size: 80%;
        }
        sub,
        sup {
          vertical-align: baseline;
          font-size: 75%;
          line-height: 0;
          position: relative;
        }
        sub {
          bottom: -0.25em;
        }
        sup {
          top: -0.5em;
        }
        table {
          text-indent: 0;
          border-color: inherit;
          border-collapse: collapse;
        }
        :-moz-focusring:where(:not(iframe)) {
          outline: auto;
        }
        progress {
          vertical-align: baseline;
        }
        summary {
          display: list-item;
        }
        ol,
        ul,
        menu {
          list-style: none;
        }
        img,
        svg,
        video,
        canvas,
        audio,
        iframe,
        embed,
        object {
          vertical-align: middle;
          display: block;
        }
        img,
        video {
          max-width: 100%;
          height: auto;
        }
        button,
        input,
        select,
        optgroup,
        textarea {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          opacity: 1;
          background-color: #0000;
          border-radius: 0;
        }
        ::file-selector-button {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          opacity: 1;
          background-color: #0000;
          border-radius: 0;
        }
        :where(select:is([multiple], [size])) optgroup {
          font-weight: bolder;
        }
        :where(select:is([multiple], [size])) optgroup option {
          padding-inline-start: 20px;
        }
        ::file-selector-button {
          margin-inline-end: 4px;
        }
        ::placeholder {
          opacity: 1;
        }
        @supports (not ((-webkit-appearance: -apple-pay-button))) or
          (contain-intrinsic-size: 1px) {
          ::placeholder {
            color: currentColor;
          }
          @supports (color: color-mix(in lab, red, red)) {
            ::placeholder {
              color: color-mix(in oklab, currentcolor 50%, transparent);
            }
          }
        }
        textarea {
          resize: vertical;
        }
        ::-webkit-search-decoration {
          -webkit-appearance: none;
        }
        ::-webkit-date-and-time-value {
          min-height: 1lh;
          text-align: inherit;
        }
        ::-webkit-datetime-edit {
          display: inline-flex;
        }
        ::-webkit-datetime-edit-fields-wrapper {
          padding: 0;
        }
        ::-webkit-datetime-edit {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-year-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-month-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-day-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-hour-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-minute-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-second-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-millisecond-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-meridiem-field {
          padding-block: 0;
        }
        ::-webkit-calendar-picker-indicator {
          line-height: 1;
        }
        :-moz-ui-invalid {
          box-shadow: none;
        }
        button,
        input:where([type="button"], [type="reset"], [type="submit"]) {
          appearance: button;
        }
        ::file-selector-button {
          appearance: button;
        }
        ::-webkit-inner-spin-button {
          height: auto;
        }
        ::-webkit-outer-spin-button {
          height: auto;
        }
        [hidden]:where(:not([hidden="until-found"])) {
          display: none !important;
        }
      }
      @layer components;
      @layer utilities {
        .visible {
          visibility: visible;
        }
        .sr-only {
          clip-path: inset(50%);
          white-space: nowrap;
          border-width: 0;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          position: absolute;
          overflow: hidden;
        }
        .fixed {
          position: fixed;
        }
        .static {
          position: static;
        }
        .sticky {
          position: sticky;
        }
        .container {
          width: 100%;
        }
        @media (min-width: 40rem) {
          .container {
            max-width: 40rem;
          }
        }
        @media (min-width: 48rem) {
          .container {
            max-width: 48rem;
          }
        }
        @media (min-width: 64rem) {
          .container {
            max-width: 64rem;
          }
        }
        @media (min-width: 80rem) {
          .container {
            max-width: 80rem;
          }
        }
        @media (min-width: 96rem) {
          .container {
            max-width: 96rem;
          }
        }
        .contents {
          display: contents;
        }
        .grid {
          display: grid;
        }
        .hidden {
          display: none;
        }
        .min-h-screen {
          min-height: 100vh;
        }
        .transform {
          transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
            var(--tw-skew-x,) var(--tw-skew-y,);
        }
        .resize {
          resize: both;
        }
        .rounded {
          border-radius: 0.25rem;
        }
        .bg-ink {
          background-color: var(--color-ink);
        }
        .text-white {
          color: var(--color-white);
        }
        .blur {
          --tw-blur: blur(8px);
          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
            var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
            var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
        .filter {
          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
            var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
            var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
        .transition {
          transition-property:
            color,
            background-color,
            border-color,
            outline-color,
            text-decoration-color,
            fill,
            stroke,
            --tw-gradient-from,
            --tw-gradient-via,
            --tw-gradient-to,
            opacity,
            box-shadow,
            transform,
            translate,
            scale,
            rotate,
            filter,
            -webkit-backdrop-filter,
            backdrop-filter,
            display,
            content-visibility,
            overlay,
            pointer-events;
          transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
          );
          transition-duration: var(
            --tw-duration,
            var(--default-transition-duration)
          );
        }
      }
      :root {
        --lightningcss-light: ;
        --lightningcss-dark: initial;
        color-scheme: dark;
        font-family: var(--font-sans);
        font-synthesis: none;
        text-rendering: optimizelegibility;
        -webkit-font-smoothing: antialiased;
        --header-height: 76px;
        --page-gutter: clamp(1rem, 3vw, 3rem);
        --page-max: 1180px;
        --section-title-size: clamp(2rem, 2.4vw, 2.125rem);
        --content-focus-width: 1020px;
        --glass-fill: #ffffff0c;
        --glass-fill-hover: #fff1;
        --glass-edge: #ffffff24;
        --glass-edge-hover: #ffffff40;
        --section-bridge-gap: clamp(4.75rem, 8vw, 8rem);
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
        background: #050505;
      }
      body {
        background:
          radial-gradient(circle at 50% -10%, #09ec0112, #0000 32rem), #050505;
        min-width: 320px;
        min-height: 100vh;
        margin: 0;
        overflow-x: clip;
      }
      button,
      a {
        -webkit-tap-highlight-color: transparent;
      }
      button {
        font: inherit;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      img,
      video,
      canvas,
      svg {
        max-width: 100%;
        display: block;
      }
      ::selection {
        color: #fff;
        background: #09ec0147;
      }
      :focus-visible {
        outline-offset: 4px;
        outline: 2px solid #09ec01;
      }
      html.figma-capture *,
      html.figma-capture :before,
      html.figma-capture :after {
        transition: none !important;
        animation: none !important;
      }
      html.figma-capture main [style] {
        opacity: 1 !important;
        transform: none !important;
      }
      .page-shell {
        width: min(var(--page-max), calc(100% - var(--page-gutter) * 2));
        margin-inline: auto;
      }
      .section-space {
        padding-block: clamp(5.5rem, 11vw, 10rem);
      }
      .definition-section,
      .scene-section,
      .proof-section,
      .process-section {
        margin-top: var(--section-bridge-gap);
      }
      .experience-section + .process-section {
        margin-top: clamp(3rem, 4vw, 4rem);
      }
      .eyebrow {
        font-family: var(--font-mono);
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #ffffff6b;
        font-size: 0.68rem;
        font-weight: 750;
      }
      .glass-surface {
        border: 1px solid var(--glass-edge);
        background: var(--glass-fill);
        -webkit-backdrop-filter: blur(16px) saturate(118%);
        backdrop-filter: blur(16px) saturate(118%);
        transition:
          border-color 0.22s cubic-bezier(0.22, 1, 0.36, 1),
          background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1),
          box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1);
        box-shadow:
          inset 0 1px #ffffff1f,
          inset 0 -1px #ffffff05,
          0 24px 72px #00000047;
      }
      @media (hover: hover) {
        .glass-surface:hover {
          border-color: var(--glass-edge-hover);
          background: var(--glass-fill-hover);
          box-shadow:
            inset 0 1px #fff3,
            inset 0 -1px #ffffff08,
            0 30px 84px #00000057,
            0 0 34px #ffffff08;
        }
      }
      .glass-button {
        letter-spacing: 0.02em;
        border: 1px solid #0000;
        border-radius: 999px;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        min-height: 52px;
        padding: 0.8rem 1.3rem 0.8rem 1.55rem;
        font-size: 0.84rem;
        font-weight: 680;
        transition:
          color 0.18s,
          box-shadow 0.18s,
          background-color 0.18s;
        display: inline-flex;
        position: relative;
        overflow: hidden;
      }
      .glass-button:before {
        content: "";
        pointer-events: none;
        background: linear-gradient(115deg, #0000 20%, #ffffff14, #0000 78%);
        transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        position: absolute;
        inset: 0;
        transform: translate(-100%);
      }
      .glass-button:hover:before {
        transform: translate(100%);
      }
      .glass-button--primary {
        color: #031003;
        background: #09ec01;
        border-color: #09ec01;
        box-shadow:
          inset 0 1px #ffffff6b,
          0 0 30px #09ec012e;
      }
      .glass-button--primary:hover {
        background: #31f52a;
        border-color: #31f52a;
        box-shadow:
          inset 0 1px #ffffff7a,
          0 0 42px #09ec014d;
      }
      .glass-button--ghost {
        color: #ffffffb8;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background: #ffffff08;
        border-color: #ffffff1f;
      }
      .glass-button--ghost:hover {
        color: #fff;
        background: #ffffff0d;
        border-color: #ffffff38;
      }
      .site-header {
        z-index: 200;
        width: 100%;
        padding: 0.85rem var(--page-gutter);
        transition:
          background-color 0.24s,
          border-color 0.24s,
          -webkit-backdrop-filter 0.24s,
          backdrop-filter 0.24s;
        position: fixed;
        top: 0;
        left: 0;
      }
      .site-header--scrolled {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: 0 0;
        border-bottom: 0;
      }
      .site-header__inner {
        -webkit-backdrop-filter: blur(18px) saturate(122%);
        backdrop-filter: blur(18px) saturate(122%);
        background: #080a097a;
        border: 1px solid #ffffff1f;
        border-radius: 999px;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        width: min(1280px, 100%);
        min-height: 60px;
        margin-inline: auto;
        padding-inline: 1.15rem;
        transition:
          border-color 0.22s,
          background-color 0.22s,
          box-shadow 0.22s;
        display: grid;
        box-shadow:
          inset 0 1px #ffffff1a,
          0 16px 48px #0000002e;
      }
      .site-header--scrolled .site-header__inner {
        background: #080a09bd;
        border-color: #ffffff29;
        box-shadow:
          inset 0 1px #ffffff21,
          0 18px 54px #0000004d;
      }
      .site-header__logo {
        align-items: center;
        width: -moz-fit-content;
        width: fit-content;
        display: inline-flex;
      }
      .site-header__logo img {
        width: 116px;
        height: 22px;
      }
      .site-header__nav {
        align-items: center;
        gap: clamp(1rem, 2.3vw, 2.25rem);
        display: flex;
      }
      .site-header__nav a {
        color: #ffffff8a;
        letter-spacing: 0.08em;
        padding-block: 0.55rem;
        font-size: 0.72rem;
        font-weight: 560;
        transition: color 0.18s;
        position: relative;
      }
      .site-header__nav a:after {
        content: "";
        transform-origin: 100%;
        background: #09ec01;
        height: 1px;
        transition: transform 0.22s;
        position: absolute;
        bottom: 0.25rem;
        left: 0;
        right: 0;
        transform: scaleX(0);
      }
      .site-header__nav a:hover {
        color: #fff;
      }
      .site-header__nav a:hover:after {
        transform-origin: 0;
        transform: scaleX(1);
      }
      .site-header__actions {
        justify-self: end;
        align-self: center;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        height: 39px;
        display: flex;
      }
      .site-header__cta {
        color: #ffffffc7;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background: #ffffff0a;
        border: 1px solid #09ec0194;
        border-radius: 999px;
        box-sizing: border-box;
        justify-self: end;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        height: 39px;
        min-height: 39px;
        padding: 0 18px;
        font-size: 0.73rem;
        font-weight: 650;
        line-height: 1;
        transition: all 0.18s;
        display: inline-flex;
      }
      .site-header__cta:hover {
        color: #fff;
        border-color: #09ec018c;
        box-shadow: 0 0 28px #09ec011a;
      }
      .site-header__cta--ghost {
        color: #44d7b6;
        background: transparent;
        border: 1px solid #44d7b6;
        box-shadow: none;
        min-width: 0;
      }
      .site-header__cta--ghost:hover {
        color: #6ee4cb;
        background: rgba(68, 215, 182, 0.08);
        border-color: #6ee4cb;
        box-shadow: none;
      }
      .site-header__menu-button {
        color: #fff;
        background: #ffffff0a;
        border: 1px solid #ffffff1f;
        border-radius: 50%;
        justify-content: center;
        justify-self: end;
        align-items: center;
        width: 42px;
        height: 42px;
        display: none;
      }
      .mobile-navigation {
        top: calc(100% + 0.5rem);
        right: var(--page-gutter);
        left: var(--page-gutter);
        border-radius: 22px;
        padding: 0.8rem;
        display: none;
        position: absolute;
      }
      .mobile-navigation > a {
        color: #ffffffc2;
        border-bottom: 1px solid #ffffff12;
        align-items: center;
        gap: 1rem;
        min-height: 52px;
        padding-inline: 0.8rem;
        font-size: 0.92rem;
        display: flex;
      }
      .mobile-navigation > a span {
        color: #09ec01;
        font-family: var(--font-mono);
        font-size: 0.62rem;
      }
      .mobile-navigation .mobile-navigation__cta {
        color: #031003;
        background: #09ec01;
        border: 0;
        border-radius: 14px;
        justify-content: center;
        margin-top: 0.75rem;
        font-weight: 760;
      }
      .mobile-navigation .mobile-navigation__cta--ghost {
        color: #fff;
        background: transparent;
        border: 1px solid #44d7b6;
        font-weight: 650;
      }
      .section-heading {
        max-width: 1040px;
      }
      .section-heading--center {
        text-align: center;
        margin-inline: auto;
      }
      .section-heading h2 {
        color: #fff;
        max-width: 900px;
        font-size: var(--section-title-size);
        letter-spacing: -0.04em;
        text-wrap: balance;
        margin: 1rem auto 0;
        font-weight: 620;
        line-height: 1.04;
      }
      .section-heading h2 em {
        color: inherit;
        white-space: nowrap;
        font-style: normal;
      }
      .delivery-section .section-heading h2,
      .scene-section .section-heading h2,
      .process-section .section-heading h2 {
        font-size: clamp(2rem, 3.8vw, 3.375rem);
        font-weight: 700;
        line-height: 1.054;
      }
      .heading-nowrap {
        white-space: nowrap;
      }
      .section-heading__description {
        color: #ffffff85;
        max-width: 720px;
        margin: 1.35rem auto 0;
        font-size: clamp(0.95rem, 1.3vw, 1.08rem);
        line-height: 1.8;
      }
      .section-heading--left .section-heading__description,
      .section-heading--left h2 {
        margin-left: 0;
      }
      .media-frame {
        background: #080b09;
        width: 100%;
        height: 100%;
        min-height: 240px;
        position: relative;
        overflow: hidden;
      }
      .media-frame img,
      .media-frame video {
        object-fit: cover;
        width: 100%;
        height: 100%;
      }
      .media-frame--empty {
        background:
          linear-gradient(135deg, #ffffff08 25%, #0000 25%) 0 0/16px 16px,
          linear-gradient(315deg, #ffffff05 25%, #0000 25%) 0 0/16px 16px,
          #070a08;
        place-items: center;
        min-height: 0;
        display: grid;
      }
      .media-frame--empty span {
        color: #ffffff6b;
        font-family: var(--font-mono);
        letter-spacing: 0.13em;
        border: 1px solid #ffffff1f;
        border-radius: 999px;
        padding: 0.48rem 0.78rem;
        font-size: 0.62rem;
      }
      .media-frame:before {
        z-index: 6;
        border-radius: inherit;
        content: "";
        pointer-events: none;
        border: 1px solid #ffffff1f;
        position: absolute;
        inset: 0;
      }
      .media-frame__art {
        position: absolute;
        inset: -3%;
        transform: translateZ(0);
      }
      .media-frame__label {
        z-index: 3;
        color: #ffffff85;
        font-family: var(--font-mono);
        letter-spacing: 0.1em;
        align-items: center;
        gap: 0.55rem;
        font-size: 0.62rem;
        display: flex;
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
      }
      .media-frame--visual:after {
        content: "";
        pointer-events: none;
        background:
          linear-gradient(90deg, #0000 45%, #00000073),
          linear-gradient(#0000 58%, #00000094);
        position: absolute;
        inset: 0;
      }
      .media-visual--impact .media-frame__art {
        background:
          radial-gradient(
            circle at 45% 45%,
            #09ec0147,
            #09ec010d 21%,
            #0000 46%
          ),
          repeating-radial-gradient(
            circle at 45% 45%,
            #0000 0 29px,
            #ffffff14 30px 31px
          ),
          #061008;
      }
      .media-visual--character .media-frame__art {
        background:
          radial-gradient(circle at 50% 30%, #ffffff29, #0000 16%),
          linear-gradient(145deg, #09ec011f, #0000 46%), #070b08;
      }
      .media-visual--character .media-frame__art:after {
        content: "CHARACTER";
        color: #ffffff21;
        letter-spacing: -0.09em;
        font-size: clamp(3rem, 8vw, 7rem);
        font-weight: 900;
        position: absolute;
        bottom: 15%;
        left: 8%;
      }
      .media-visual--knowledge .media-frame__art {
        background:
          linear-gradient(#ffffff0d 1px, #0000 1px) 0 0/30px 30px,
          linear-gradient(90deg, #ffffff0d 1px, #0000 1px) 0 0/30px 30px,
          radial-gradient(circle, #ffffff1a, #0000 35%);
      }
      .media-visual--knowledge .media-frame__art:after {
        content: "KNOWLEDGE\a GRAPH";
        color: #ffffffd4;
        letter-spacing: -0.09em;
        white-space: pre;
        font-size: clamp(2.6rem, 7vw, 6.5rem);
        font-weight: 900;
        line-height: 0.82;
        position: absolute;
        top: 28%;
        left: 9%;
      }
      .media-visual--performance .media-frame__art {
        background:
          radial-gradient(circle at 34% 68%, #09ec011a, #0000 31%),
          linear-gradient(145deg, #ffffff09, #0000), #060807;
      }
      .media-visual--performance .media-frame__art:after {
        content: "▶";
        color: #ffffffc2;
        background: #0000006b;
        border: 1px solid #ffffff2e;
        border-radius: 50%;
        place-items: center;
        width: 130px;
        height: 130px;
        font-size: 45px;
        display: grid;
        position: absolute;
        top: 27%;
        left: 32%;
        box-shadow: 0 0 55px #ffffff0f;
      }
      .media-visual--play .media-frame__art {
        background:
          radial-gradient(circle, #09ec011c, #0000 31%),
          radial-gradient(circle at 22% 30%, #60aed51c, #0000 20%), #060807;
      }
      .hero-section {
        isolation: isolate;
        place-items: center;
        min-height: 100svh;
        display: grid;
        position: relative;
        overflow: hidden;
      }
      .hero-section__backdrop {
        z-index: -1;
        background-color: #030504;
        position: absolute;
        inset: 0;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(#000 0% 86%, #0000 100%);
        mask-image: linear-gradient(#000 0% 86%, #0000 100%);
      }
      .hero-section__backdrop:after {
        content: "";
        background:
          radial-gradient(
            circle at 50% 44%,
            #0000 0 22%,
            #0505053d 44%,
            #050505 86%
          ),
          linear-gradient(#0505051f, #050505 96%);
        position: absolute;
        inset: 0;
      }
      .hero-section__glow {
        aspect-ratio: 1.35;
        filter: blur(30px);
        background: radial-gradient(#09ec011a, #09ec0105 42%, #0000 72%);
        border-radius: 50%;
        width: min(58vw, 820px);
        position: absolute;
        top: 38%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .hero-section__tube {
        aspect-ratio: 1.85;
        opacity: 0.055;
        filter: blur(7px);
        border: clamp(6px, 0.75vw, 11px) solid #09ec01;
        border-radius: 50%;
        width: min(38vw, 520px);
        animation: 13s ease-in-out infinite alternate tube-drift;
        position: absolute;
        box-shadow: 0 0 40px #09ec018c;
      }
      .hero-section__tube--one {
        top: 28%;
        right: -10%;
        transform: rotate(-22deg);
      }
      .hero-section__tube--two {
        opacity: 0.06;
        border-color: #60aed5;
        animation-delay: -4s;
        bottom: 9%;
        left: -12%;
        transform: rotate(27deg);
      }
      @keyframes tube-drift {
        0% {
          translate: 0;
        }
        to {
          translate: 12px -9px;
        }
      }
      .hero-section__lines {
        opacity: 0.3;
        width: 92%;
        height: 76%;
        position: absolute;
        inset: 10% 4%;
      }
      .hero-section__lines path {
        fill: none;
        stroke: url(#hero-line);
        stroke-width: 1.15px;
        stroke-dasharray: 6 14;
        animation: 10s linear infinite line-flow;
      }
      @keyframes line-flow {
        to {
          stroke-dashoffset: -200px;
        }
      }
      .hero-section__node {
        z-index: 2;
        color: #ffffff57;
        min-width: 96px;
        font-family: var(--font-mono);
        letter-spacing: 0.16em;
        text-align: center;
        -webkit-backdrop-filter: blur(9px);
        backdrop-filter: blur(9px);
        background: #ffffff08;
        border: 1px solid #ffffff1a;
        border-radius: 999px;
        padding: 0.5rem 0.9rem;
        font-size: 0.55rem;
        position: absolute;
      }
      .hero-section__node--left {
        top: 28%;
        left: 5%;
      }
      .hero-section__node--right {
        bottom: 24%;
        right: 6%;
      }
      .hero-section__content {
        z-index: 3;
        min-height: 100svh;
        padding-top: calc(var(--header-height) + 3rem);
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 7rem;
        display: flex;
        position: relative;
      }
      .hero-section__badge {
        color: #ffffffb3;
        font-family: var(--font-mono);
        letter-spacing: 0.16em;
        border-radius: 999px;
        align-items: center;
        gap: 0.65rem;
        padding: 0.55rem 0.8rem;
        font-size: 0.57rem;
        font-weight: 760;
        display: inline-flex;
      }
      .hero-section__badge-cn {
        color: #ffffff57;
      }
      .hero-section__live {
        background: #09ec01;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        animation: 2s ease-in-out infinite live-pulse;
        box-shadow: 0 0 14px #09ec01;
      }
      @keyframes live-pulse {
        50% {
          opacity: 0.38;
          transform: scale(0.76);
        }
      }
      .hero-section h1 {
        color: #fffffff5;
        letter-spacing: -0.045em;
        text-wrap: balance;
        width: min(798px, 100%);
        max-width: 798px;
        margin: clamp(1.7rem, 4vh, 3rem) 0 0;
        font-size: clamp(2.8rem, 5.8vw, 6rem);
        font-weight: 650;
        line-height: 0.98;
      }
      .hero-section h1 span {
        color: #ffffffc7;
        text-shadow: none;
        margin-top: 0.16em;
        display: block;
      }
      .hero-section__lead {
        color: #ffffff85;
        text-wrap: balance;
        max-width: 670px;
        margin: 1.55rem 0 0;
        font-size: clamp(0.96rem, 1.45vw, 1.16rem);
        line-height: 1.75;
      }
      .hero-section__value-chain {
        align-items: center;
        margin-top: clamp(1.7rem, 4vh, 2.7rem);
        display: flex;
      }
      .hero-section__value {
        align-items: center;
        display: flex;
      }
      .hero-section__value span {
        color: #fff;
        letter-spacing: 0.08em;
        transform-origin: 50%;
        will-change: opacity, transform;
        font-size: clamp(0.9rem, 1.4vw, 1.12rem);
        font-weight: 680;
      }
      .hero-section__value i {
        background: linear-gradient(90deg, #ffffff14, #ffffff7a, #ffffff14);
        width: clamp(2rem, 5vw, 5.5rem);
        height: 1px;
        margin-inline: clamp(0.65rem, 1.6vw, 1.35rem);
        display: block;
      }
      .hero-section__actions {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        margin-top: 2.1rem;
        display: flex;
      }
      .hero-section__media-status {
        text-align: left;
        border-radius: 16px;
        justify-content: space-between;
        align-items: center;
        gap: 1.25rem;
        min-width: 235px;
        padding: 0.8rem 0.85rem 0.8rem 1rem;
        display: flex;
        position: absolute;
        bottom: 3.2rem;
        right: 0;
      }
      .hero-section__media-status .eyebrow {
        font-size: 0.5rem;
      }
      .hero-section__media-status p {
        color: #ffffff61;
        margin: 0.35rem 0 0;
        font-size: 0.62rem;
      }
      .hero-section__media-status button {
        color: #ffffff7a;
        background: #ffffff0a;
        border: 1px solid #ffffff1a;
        border-radius: 50%;
        place-items: center;
        width: 34px;
        height: 34px;
        display: grid;
      }
      .hero-section__scroll {
        z-index: 4;
        color: #ffffff52;
        font-family: var(--font-mono);
        letter-spacing: 0.17em;
        align-items: center;
        gap: 0.6rem;
        font-size: 0.53rem;
        display: flex;
        position: absolute;
        bottom: 2.4rem;
        left: 50%;
        transform: translate(-50%);
      }
      .hero-section__scroll svg {
        animation: 1.8s ease-in-out infinite scroll-bob;
      }
      @keyframes scroll-bob {
        50% {
          transform: translateY(5px);
        }
      }
      .definition-section {
        background:
          radial-gradient(circle at 50% 5%, #ffffff08, #0000 30rem), #050505;
        position: relative;
      }
      .definition-stack {
        width: min(1180px, 100%);
        margin: clamp(2.75rem, 6vw, 5rem) auto 0;
        position: relative;
      }
      .definition-feature-layout {
        gap: clamp(1.1rem, 2.4vw, 1.8rem);
        display: grid;
      }
      .stacking-card {
        border: 1px solid var(--glass-edge);
        isolation: isolate;
        background: #070908;
        border-radius: clamp(18px, 1.7vw, 24px);
        min-height: 0;
        margin: 0;
        transition:
          border-color 0.22s cubic-bezier(0.22, 1, 0.36, 1),
          box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1);
        display: grid;
        position: relative;
        overflow: hidden;
        box-shadow:
          inset 0 1px #ffffff1f,
          0 28px 72px #00000047;
      }
      @media (hover: hover) {
        .stacking-card:hover {
          border-color: var(--glass-edge-hover);
          box-shadow:
            inset 0 1px #ffffff2e,
            0 30px 78px #00000052,
            0 0 34px #ffffff08;
        }
      }
      .stacking-card--primary {
        min-height: 0;
      }
      .stacking-card__media {
        background: #03110e;
        grid-area: 1/1;
        position: relative;
        overflow: hidden;
      }
      .stacking-card__media img {
        aspect-ratio: 16/9;
        object-fit: cover;
        width: 100%;
        transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        display: block;
      }
      .stacking-card__media .media-frame,
      .definition-support-card__media .media-frame,
      .soft-asset-card__visual .media-frame {
        min-height: 0;
      }
      .stacking-card__content {
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(#0000 28%, #03060485 58%, #030604f2 100%);
        grid-area: 1/1;
        grid-template-columns: minmax(180px, 0.78fr) minmax(0, 1.22fr);
        align-content: end;
        align-self: stretch;
        column-gap: clamp(2rem, 6vw, 6rem);
        padding: clamp(1.6rem, 3.2vw, 3rem);
        display: grid;
        position: relative;
      }
      .stacking-card__meta {
        color: #ffffff6b;
        font-family: var(--font-mono);
        letter-spacing: 0.15em;
        grid-column: 1/-1;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        font-size: 0.6rem;
        font-weight: 800;
        display: flex;
      }
      .stacking-card__content h3 {
        color: #fff;
        letter-spacing: -0.045em;
        align-self: end;
        margin: clamp(1rem, 2.5vh, 1.6rem) 0 0;
        font-size: clamp(2rem, 3.4vw, 3.6rem);
        font-weight: 640;
        line-height: 0.98;
      }
      .stacking-card__content p {
        color: #ffffffa8;
        align-self: end;
        max-width: 620px;
        margin: clamp(1rem, 2.5vh, 1.6rem) 0 0;
        font-size: clamp(0.92rem, 1.15vw, 1.02rem);
        line-height: 1.72;
      }
      .definition-support-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(0.85rem, 1.8vw, 1.25rem);
        display: grid;
      }
      .definition-support-card {
        aspect-ratio: 4/5;
        background: #070908e0;
        border-radius: 20px;
        min-width: 0;
        min-height: 0;
        display: grid;
        overflow: hidden;
      }
      .definition-support-card__media {
        background: #03110e;
        grid-area: 1/1;
        min-width: 0;
        position: relative;
        overflow: hidden;
      }
      .definition-support-card__media img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: transform 0.52s cubic-bezier(0.22, 1, 0.36, 1);
        display: block;
      }
      .definition-support-card__content {
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(#0000 22%, #02050370 52%, #020503f0 100%);
        flex-direction: column;
        grid-area: 1/1;
        justify-content: flex-end;
        align-self: stretch;
        min-width: 0;
        min-height: 100%;
        padding: clamp(1.15rem, 1.65vw, 1.45rem);
        display: flex;
        position: relative;
      }
      .definition-support-card__content > span {
        color: #ffffff61;
        font-family: var(--font-mono);
        letter-spacing: 0.12em;
        font-size: 0.55rem;
      }
      .definition-support-card__content h3 {
        color: #fff;
        letter-spacing: -0.04em;
        margin: 1.35rem 0 0;
        font-size: clamp(1.4rem, 1.8vw, 1.72rem);
        line-height: 1;
      }
      .definition-support-card__content p {
        color: #ffffff94;
        margin: 0.8rem 0 0;
        font-size: clamp(0.76rem, 0.88vw, 0.84rem);
        line-height: 1.65;
      }
      @media (hover: hover) {
        .stacking-card:hover .stacking-card__media img,
        .definition-support-card:hover .definition-support-card__media img {
          transform: scale(1.025);
        }
      }
      .definition-stack__release {
        color: #ffffff57;
        height: 44vh;
        font-family: var(--font-mono);
        letter-spacing: 0.15em;
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 9vh;
        font-size: 0.58rem;
        display: flex;
      }
      .definition-stack__release span {
        background: #ffffff05;
        border: 1px solid #ffffff17;
        border-radius: 999px;
        padding: 0.55rem 0.8rem;
      }
      .delivery-section {
        background:
          radial-gradient(52rem 36rem at 50% 84%, #09ec0113, #0000 72%),
          radial-gradient(circle at 50% 46%, #ffffff0a, #0000 34rem), #070807;
        border-top: 1px solid #ffffff0d;
        position: relative;
        overflow: clip;
      }
      .delivery-section__backdrop {
        display: none;
      }
      .delivery-system-stage {
        background:
          radial-gradient(circle at 50% 31%, #09ec010e, #0000 26rem),
          radial-gradient(at 50% 76%, #ffffff06, #0000 38rem);
        width: min(1180px, 100%);
        margin: clamp(3.5rem, 8vw, 6.5rem) auto 0;
        position: relative;
      }
      .soft-assets-story {
        width: 100%;
        height: 500vh;
        position: relative;
      }
      .soft-assets-stage {
        top: calc(var(--header-height) + 12px);
        width: 100%;
        height: calc(100svh - var(--header-height) - 24px);
        min-height: 650px;
        box-shadow: none;
        isolation: isolate;
        background: radial-gradient(circle at 50% 56%, #09ec0117, #0000 29rem);
        border: 0;
        border-radius: 0;
        position: sticky;
        overflow: hidden;
      }
      .soft-assets-stage:before {
        z-index: -1;
        content: "";
        opacity: 0.32;
        background-image: radial-gradient(#ffffff12 0.55px, #0000 0.55px);
        background-size: 24px 24px;
        position: absolute;
        inset: 0;
        -webkit-mask-image: linear-gradient(#0000, #000 20% 80%, #0000);
        mask-image: linear-gradient(#0000, #000 20% 80%, #0000);
      }
      .soft-assets-stage__grid {
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: minmax(265px, 1fr) minmax(260px, 0.82fr) minmax(
            265px,
            1fr
          );
        align-items: center;
        gap: clamp(1.1rem, 2.3vw, 2.3rem) clamp(1rem, 2.2vw, 2rem);
        width: 100%;
        height: 100%;
        padding: clamp(5.7rem, 9vh, 7rem) clamp(1rem, 2.4vw, 2.2rem)
          clamp(2.8rem, 5vh, 4rem);
        display: grid;
      }
      .soft-assets-stage__label {
        z-index: 7;
        position: absolute;
        top: 1.35rem;
        left: 50%;
        transform: translate(-50%);
      }
      .soft-assets-stage__progress {
        z-index: 8;
        gap: 0.42rem;
        display: flex;
        position: absolute;
        bottom: 1.15rem;
        left: 50%;
        transform: translate(-50%);
      }
      .soft-assets-stage__progress i {
        background: #ffffff21;
        border-radius: 999px;
        width: 28px;
        height: 2px;
        transition:
          background-color 0.28s,
          box-shadow 0.28s;
      }
      .soft-assets-stage__progress i.is-active {
        background: #09ec01;
        box-shadow: 0 0 10px #09ec0159;
      }
      .soft-asset-card {
        z-index: 4;
        transform-origin: 50%;
        will-change: transform, opacity, filter;
        background: #070b08db;
        border-radius: 24px;
        grid-template-rows: auto minmax(0, 1fr);
        min-width: 0;
        min-height: clamp(220px, 29vh, 260px);
        padding: 0;
        display: grid;
        position: relative;
        overflow: hidden;
      }
      .soft-asset-card.is-current {
        background: #fff1;
        border-color: #ffffff8f;
        box-shadow:
          inset 0 1px #ffffff2e,
          0 0 0 1px #ffffff1a,
          0 24px 80px #0000005c;
      }
      .soft-asset-card__copy {
        z-index: 2;
        flex-direction: column;
        justify-content: flex-start;
        min-width: 0;
        padding: clamp(0.9rem, 1.5vw, 1.2rem) clamp(1rem, 1.8vw, 1.4rem);
        display: flex;
        position: relative;
      }
      .soft-asset-card__meta {
        color: #ffffff6b;
        font-family: var(--font-mono);
        letter-spacing: 0.14em;
        align-items: center;
        gap: 0.65rem;
        font-size: 0.58rem;
        display: flex;
      }
      .soft-asset-card__meta i {
        background: linear-gradient(90deg, #ffffff57, #0000);
        width: 38px;
        height: 1px;
      }
      .soft-asset-card.is-current .soft-asset-card__meta i {
        background: linear-gradient(90deg, #ffffffd6, #0000);
      }
      .soft-asset-card h3 {
        color: #fffffff5;
        letter-spacing: -0.035em;
        margin: 0.65rem 0 0;
        font-size: clamp(1.25rem, 1.75vw, 1.72rem);
        font-weight: 680;
      }
      .soft-asset-card p {
        color: #ffffff8f;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin: 0.42rem 0 0;
        font-size: clamp(0.72rem, 0.9vw, 0.84rem);
        line-height: 1.65;
        display: -webkit-box;
        overflow: hidden;
      }
      .soft-asset-card__visual {
        background: #ffffff05;
        border-top: 1px solid #ffffff12;
        min-width: 0;
        position: relative;
        overflow: hidden;
      }
      .soft-asset-card__visual:after {
        content: "";
        pointer-events: none;
        background: linear-gradient(#0508062e, #0000 38%);
        position: absolute;
        inset: 0;
      }
      .soft-asset-card__visual img {
        object-fit: cover;
        object-position: center;
        filter: saturate(0.94) contrast(1.03);
        width: 100%;
        height: 100%;
        transform: scale(1.01);
      }
      .soft-asset-card--1 {
        grid-area: 1/1;
      }
      .soft-asset-card--2 {
        grid-area: 1/3;
      }
      .soft-asset-card--3 {
        grid-area: 2/1;
      }
      .soft-asset-card--4 {
        grid-area: 2/3;
      }
      .soft-assets-core {
        z-index: 3;
        isolation: isolate;
        grid-area: 1/2/3;
        min-width: 0;
        height: 100%;
        margin: 0;
        position: relative;
      }
      .soft-assets-core__halo {
        z-index: 0;
        aspect-ratio: 1;
        filter: blur(18px);
        opacity: 0;
        background: radial-gradient(
          circle,
          #09ec0129,
          #09ec010a 38%,
          #0000 70%
        );
        border-radius: 50%;
        width: 132%;
        transition:
          opacity 0.56s,
          transform 0.76s cubic-bezier(0.22, 1, 0.36, 1);
        position: absolute;
        top: 14%;
        left: 50%;
        transform: translate(-50%) scale(0.8);
      }
      .soft-assets-core.is-revealed .soft-assets-core__halo {
        opacity: 1;
        transform: translate(-50%) scale(1);
      }
      .soft-assets-folder-shell {
        z-index: 1;
        filter: drop-shadow(0 24px 38px #0000007a);
        opacity: 1;
        pointer-events: none;
        transform-origin: 50%;
        place-items: center;
        width: 220px;
        height: 170px;
        transition:
          top 0.72s cubic-bezier(0.22, 1, 0.36, 1),
          transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
          opacity 0.52s,
          filter 0.52s;
        display: grid;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1.28);
      }
      .soft-assets-core.is-revealed .soft-assets-folder-shell {
        filter: grayscale(0.35) drop-shadow(0 20px 30px #00000057);
        opacity: 0.24;
        top: 82%;
        transform: translate(-50%, -50%) scale(0.88);
      }
      .custom-folder {
        transform-origin: bottom;
      }
      .soft-assets-character {
        z-index: 3;
        object-fit: contain;
        object-position: center bottom;
        filter: drop-shadow(0 30px 46px #0000008a)
          drop-shadow(0 0 24px #09ec011c);
        transform-origin: bottom;
        will-change: transform, opacity;
        width: auto;
        max-width: 154%;
        height: min(88%, 620px);
        margin-inline: auto;
        position: absolute;
        bottom: 2%;
        left: 0;
        right: 0;
      }
      .delivery-system-label {
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        background: #070a08a3;
        border: 1px solid #ffffff29;
        border-radius: 999px;
        flex-direction: column;
        align-items: center;
        min-width: 132px;
        padding: 0.62rem 1rem;
        display: flex;
        box-shadow: inset 0 1px #ffffff1f;
      }
      .delivery-system-label span {
        color: #ffffff61;
        font-family: var(--font-mono);
        letter-spacing: 0.18em;
        font-size: 0.49rem;
      }
      .delivery-system-label strong {
        color: #fff;
        letter-spacing: 0.08em;
        margin-top: 0.25rem;
        font-size: 0.88rem;
      }
      .device-gallery {
        z-index: 1;
        width: min(1180px, 100%);
        margin: -1.5rem auto 0;
        position: relative;
      }
      .device-gallery__label {
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 0.5rem;
      }
      .device-gallery__canvas,
      .device-gallery__fallback {
        cursor: grab;
        touch-action: pan-y;
        background:
          radial-gradient(at 50% 76%, #09ec0117, #0000 44%),
          linear-gradient(#0000, #ffffff05 56%, #0000);
        border-radius: 30px;
        width: 100%;
        height: clamp(480px, 44vw, 580px);
        margin-top: 0;
        position: relative;
        overflow: hidden;
      }
      .device-gallery__canvas:active {
        cursor: grabbing;
      }
      .device-gallery__canvas canvas {
        width: 100%;
        height: 100%;
      }
      .device-gallery__fallback:after {
        content: "";
        background: linear-gradient(110deg, #0000 35%, #ffffff12, #0000 65%);
        border-radius: 28px;
        animation: 1.4s ease-in-out infinite gallery-loading;
        position: absolute;
        inset: 18% 8%;
      }
      @keyframes gallery-loading {
        0% {
          transform: translate(-55%);
        }
        to {
          transform: translate(55%);
        }
      }
      .device-gallery__detail {
        text-align: center;
        background: 0 0;
        border-top: 1px solid #ffffff1f;
        width: min(680px, 100% - 2rem);
        min-height: 92px;
        margin: -2.8rem auto 0;
        padding: 1.1rem 1rem 0;
      }
      .device-gallery__detail h4,
      .device-gallery__detail p {
        margin: 0;
      }
      .device-gallery__detail h4 {
        color: #fff;
        letter-spacing: -0.025em;
        font-size: 1.08rem;
      }
      .device-gallery__detail p {
        color: #ffffff94;
        max-width: 60ch;
        margin: 0.42rem auto 0;
        font-size: 0.82rem;
        line-height: 1.65;
      }
      .delivery-versus {
        background: #ffffff06;
        border-radius: 22px;
        grid-template-columns: 1fr auto 1fr;
        max-width: 960px;
        margin: clamp(3rem, 7vw, 6rem) auto 0;
        display: grid;
        overflow: hidden;
      }
      .delivery-versus__side {
        padding: clamp(1.5rem, 3vw, 2.5rem);
        position: relative;
      }
      .delivery-versus__side span {
        color: #ffffff4d;
        font-family: var(--font-mono);
        letter-spacing: 0.15em;
        font-size: 0.57rem;
      }
      .delivery-versus__side h3 {
        color: #ffffff94;
        margin: 0.8rem 0 0;
        font-size: 1.25rem;
      }
      .delivery-versus__side p {
        color: #ffffff5c;
        margin: 0.6rem 0 0;
        font-size: 0.84rem;
      }
      .delivery-versus__side.is-nuwa {
        isolation: isolate;
        background: #080e0cc7;
        overflow: hidden;
        box-shadow:
          inset 0 1px #ffffff47,
          inset 0 -1px #ffffff0f;
      }
      .delivery-versus__side.is-nuwa:after {
        z-index: 1;
        content: "";
        pointer-events: none;
        border-left: 1px solid #ffffff14;
        position: absolute;
        inset: 0;
        box-shadow:
          inset 14px 0 28px #00000029,
          inset 0 0 44px #ffffff0a;
      }
      .delivery-versus__mist {
        z-index: 0;
        opacity: 0.9;
        pointer-events: none;
        position: absolute;
        inset: 0;
      }
      .delivery-versus__mist canvas {
        width: 100%;
        height: 100%;
        display: block;
      }
      .delivery-versus__copy {
        z-index: 2;
        position: relative;
      }
      .delivery-versus__side.is-nuwa span,
      .delivery-versus__side.is-nuwa h3 {
        color: #ffffffd1;
      }
      .delivery-versus__side.is-nuwa p {
        color: #ffffffad;
      }
      .delivery-versus__mark {
        color: #ffffff6b;
        font-family: var(--font-mono);
        border-inline: 1px solid #ffffff14;
        place-items: center;
        padding-inline: 1rem;
        font-size: 0.65rem;
        display: grid;
      }
      .scene-section {
        background: #050505;
        border-top: 1px solid #ffffff0d;
      }
      .scene-showcase {
        width: 100%;
        min-height: 520px;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: 0 0;
        border: 0;
        border-radius: 0;
        grid-template-columns: minmax(350px, 0.78fr) minmax(0, 1.22fr);
        gap: 1rem;
        margin: clamp(3rem, 6vw, 5rem) auto 0;
        display: grid;
      }
      .scene-showcase__list {
        border: 1px solid var(--glass-edge);
        background: var(--glass-fill);
        -webkit-backdrop-filter: blur(16px) saturate(118%);
        backdrop-filter: blur(16px) saturate(118%);
        border-radius: 18px;
        flex-direction: column;
        transition:
          border-color 0.22s,
          background-color 0.22s,
          box-shadow 0.22s;
        display: flex;
        overflow: hidden;
        box-shadow:
          inset 0 1px #ffffff1f,
          0 24px 70px #0000003d;
      }
      .scene-tab {
        color: #fff;
        text-align: left;
        cursor: pointer;
        background: 0 0;
        border: 0;
        border-bottom: 1px solid #ffffff12;
        flex: 1;
        grid-template-columns: 34px 1fr auto;
        align-content: center;
        align-items: center;
        gap: 0.75rem;
        padding: 1.25rem clamp(1.1rem, 2.5vw, 2rem);
        transition:
          flex 0.36s cubic-bezier(0.22, 1, 0.36, 1),
          background-color 0.2s;
        display: grid;
        position: relative;
      }
      .scene-tab:last-child {
        border-bottom: 0;
      }
      .scene-tab.is-active {
        background: #ffffff0a;
        flex: 1.65;
      }
      .scene-tab__index {
        color: #ffffff47;
        font-family: var(--font-mono);
        font-size: 0.58rem;
      }
      .scene-tab.is-active .scene-tab__index,
      .scene-tab.is-active .scene-tab__arrow {
        color: #ffffffd1;
      }
      .scene-tab__title {
        flex-direction: column;
        gap: 0.35rem;
        display: flex;
      }
      .scene-tab__title small {
        color: #ffffff5c;
        font-family: var(--font-mono);
        letter-spacing: 0.13em;
        font-size: 0.55rem;
      }
      .scene-tab__title strong {
        color: #ffffffb8;
        font-size: clamp(1rem, 1.4vw, 1.2rem);
      }
      .scene-tab.is-active .scene-tab__title strong {
        color: #fff;
      }
      .scene-tab__arrow {
        color: #ffffff3d;
        transition: transform 0.2s;
      }
      .scene-tab.is-active .scene-tab__arrow {
        transform: translate(4px);
      }
      .scene-tab__details {
        grid-column: 2/4;
        padding-top: 1rem;
        overflow: hidden;
      }
      .scene-tab__details p {
        color: #ffffffa6;
        align-items: center;
        gap: 0.45rem;
        margin: 0;
        font-size: 0.86rem;
        font-weight: 650;
        display: flex;
      }
      .scene-tab__details p svg {
        color: #ffffff94;
      }
      .scene-tab__details > span {
        color: #ffffff8a;
        margin-top: 0.55rem;
        font-size: 0.82rem;
        line-height: 1.72;
        display: block;
      }
      .scene-tab__mobile-media {
        display: none;
      }
      .scene-showcase__panel {
        border: 1px solid var(--glass-edge);
        background: #080b09;
        border-radius: 18px;
        min-width: 0;
        min-height: 520px;
        transition:
          border-color 0.22s,
          box-shadow 0.22s;
        position: relative;
        overflow: hidden;
        box-shadow:
          inset 0 1px #ffffff1f,
          0 24px 70px #0000003d;
      }
      .scene-showcase__panel article {
        width: 100%;
        height: 100%;
        min-height: 520px;
        position: absolute;
        inset: 0;
      }
      .scene-showcase__panel .media-frame {
        width: 100%;
        height: 100%;
        min-height: 520px;
        background: #080b09;
      }
      .scene-showcase__panel .media-frame img {
        opacity: 1;
        background: #080b09;
      }
      .scene-panel__overlay {
        z-index: 4;
        -webkit-backdrop-filter: blur(16px) saturate(118%);
        backdrop-filter: blur(16px) saturate(118%);
        background: #050706ad;
        border: 1px solid #ffffff2e;
        border-radius: 14px;
        max-width: 620px;
        padding: 1rem 1.15rem;
        position: absolute;
        bottom: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
        box-shadow: inset 0 1px #ffffff1f;
      }
      .scene-panel__overlay p {
        color: #ffffff8f;
        margin: 0.65rem 0 0;
        font-size: 0.84rem;
        line-height: 1.65;
      }
      @media (hover: hover) {
        .scene-showcase__list:hover,
        .scene-showcase__panel:hover {
          border-color: var(--glass-edge-hover);
          box-shadow:
            inset 0 1px #fff3,
            0 30px 82px #0000004d;
        }
      }
      .media-visual--scene-stage .media-frame__art,
      .media-visual--scene-retail .media-frame__art,
      .media-visual--scene-exhibition .media-frame__art,
      .media-visual--scene-museum .media-frame__art,
      .media-visual--scene-media .media-frame__art {
        background-color: #070a08;
        background-image:
          linear-gradient(#ffffff0d 1px, #0000 1px),
          linear-gradient(90deg, #ffffff0d 1px, #0000 1px),
          radial-gradient(circle at 50% 45%, #09ec0117, #0000 34%);
        background-size:
          34px 34px,
          34px 34px,
          auto;
      }
      .media-visual--scene-stage .media-frame__art:after,
      .media-visual--scene-retail .media-frame__art:after,
      .media-visual--scene-exhibition .media-frame__art:after,
      .media-visual--scene-museum .media-frame__art:after,
      .media-visual--scene-media .media-frame__art:after {
        content: "";
        filter: blur(22px);
        box-shadow: none;
        background: radial-gradient(#ffffff0d, #0000 64%);
        border: 0;
        border-radius: 50%;
        position: absolute;
        inset: 12% 8%;
      }
      .media-visual--scene-retail .media-frame__art {
        filter: hue-rotate(12deg);
      }
      .media-visual--scene-exhibition .media-frame__art {
        filter: hue-rotate(42deg);
      }
      .media-visual--scene-museum .media-frame__art {
        filter: saturate(0.7);
      }
      .media-visual--scene-media .media-frame__art {
        filter: hue-rotate(75deg);
      }
      .proof-section {
        background: #070807;
        border-top: 1px solid #ffffff0d;
      }
      .proof-metrics {
        border-block: 1px solid #ffffff1f;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
        margin-top: clamp(3rem, 7vw, 5.5rem);
        display: grid;
        overflow: hidden;
      }
      .proof-metric {
        min-height: 205px;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        border: 0;
        background: 0 0;
        border-right: 1px solid #ffffff1f;
        border-radius: 0;
        padding: 1.4rem;
      }
      .proof-metric:last-child {
        border-right: 0;
      }
      .proof-metric__top {
        color: #ffffff94;
        justify-content: space-between;
        align-items: center;
        display: flex;
      }
      .proof-metric__top span {
        color: #ffffff94;
        font-family: var(--font-mono);
        letter-spacing: 0.13em;
        font-size: 0.56rem;
      }
      .proof-metric strong {
        color: #ffffff6b;
        letter-spacing: -0.08em;
        margin-top: 2.2rem;
        font-size: clamp(2rem, 3vw, 3.3rem);
        font-weight: 760;
        line-height: 0.8;
        display: block;
      }
      .proof-metric h3 {
        color: #fffffff2;
        margin: 1.4rem 0 0;
        font-size: 1.22rem;
      }
      .proof-metric p {
        color: #ffffffa8;
        margin: 0.5rem 0 0;
        font-size: clamp(0.9rem, 1.05vw, 1rem);
        line-height: 1.62;
      }
      .case-carousel {
        border-color: var(--glass-edge);
        touch-action: pan-y;
        background: #090b0aa8;
        border-radius: 30px;
        margin-top: clamp(1.25rem, 2.8vw, 2.25rem);
        padding: 0.7rem;
        position: relative;
        overflow: hidden;
      }
      .case-carousel__viewport {
        aspect-ratio: 16/10;
        background: #050706;
        border-radius: 23px;
        overflow: hidden;
      }
      .case-carousel__edge-nav {
        z-index: 9;
        color: #ffffffd1;
        cursor: pointer;
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        background: #040705b8;
        border: 1px solid #ffffff42;
        border-radius: 50%;
        place-items: center;
        width: 52px;
        height: 52px;
        transition:
          border-color 0.18s,
          background-color 0.18s,
          color 0.18s,
          transform 0.18s;
        display: grid;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 0 14px 34px #00000047;
      }
      .case-carousel__edge-nav.is-prev {
        left: 1.4rem;
      }
      .case-carousel__edge-nav.is-next {
        right: 1.4rem;
      }
      .case-carousel__edge-nav:hover,
      .case-carousel__edge-nav:focus-visible {
        color: #fff;
        background: #ffffff21;
        border-color: #ffffffad;
      }
      .case-carousel__edge-nav.is-prev:hover {
        transform: translate(-3px, -50%);
      }
      .case-carousel__edge-nav.is-next:hover {
        transform: translate(3px, -50%);
      }
      .case-carousel__viewport article {
        width: 100%;
        height: 100%;
      }
      .case-carousel__media {
        cursor: grab;
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
      }
      .case-carousel__media:active {
        cursor: grabbing;
      }
      .case-carousel__media .media-frame {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
      }
      .case-carousel__media .media-frame__label {
        display: none;
      }
      .case-carousel__scrim {
        z-index: 2;
        pointer-events: none;
        background:
          linear-gradient(#0204038f 0%, #0000 23% 55%, #020403eb 100%),
          linear-gradient(90deg, #020403ed 0%, #020403c2 47%, #0000 80%);
        position: absolute;
        inset: 0;
      }
      .case-carousel__topline {
        z-index: 4;
        color: #ffffffa8;
        font-family: var(--font-mono);
        letter-spacing: 0.15em;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        font-size: clamp(0.56rem, 0.75vw, 0.68rem);
        display: flex;
        position: absolute;
        top: clamp(1.2rem, 2.5vw, 2rem);
        left: clamp(1.2rem, 2.5vw, 2rem);
        right: clamp(1.2rem, 2.5vw, 2rem);
      }
      .case-carousel__story {
        z-index: 5;
        align-items: flex-start;
        gap: 1.25rem;
        max-width: min(720px, 100% - 410px);
        display: flex;
        position: absolute;
        bottom: clamp(1.5rem, 2.8vw, 2.4rem);
        left: clamp(1.3rem, 3vw, 2.8rem);
      }
      .case-carousel__story-copy h3,
      .case-carousel__story-copy p {
        margin: 0;
      }
      .case-carousel__story-copy h3 {
        color: #fff;
        letter-spacing: -0.055em;
        text-wrap: balance;
        margin-top: 0.75rem;
        font-size: clamp(2.15rem, 4vw, 4.35rem);
        font-weight: 630;
        line-height: 0.95;
      }
      .case-carousel__story-copy p {
        color: #ffffffa3;
        max-width: 52ch;
        margin-top: 0.85rem;
        font-size: clamp(0.82rem, 1.1vw, 0.98rem);
        line-height: 1.65;
      }
      .case-carousel__story-copy small {
        color: #ffffff85;
        border: 1px solid #ffffff24;
        border-radius: 999px;
        margin-top: 0.75rem;
        padding: 0.35rem 0.55rem;
        font-size: 0.58rem;
        display: inline-block;
      }
      .case-carousel__play {
        color: #fff;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background: #05070694;
        border: 1px solid #ffffff3d;
        border-radius: 50%;
        flex: none;
        place-items: center;
        width: 48px;
        height: 48px;
        display: grid;
      }
      .case-carousel__inline-details {
        border-top: 1px solid #ffffff2e;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 1.35rem;
        margin: 1.25rem 0 0;
        display: grid;
      }
      .case-carousel__inline-details > div {
        border-bottom: 1px solid #ffffff1f;
        min-width: 0;
        padding: 0.75rem 0 0.8rem;
      }
      .case-carousel__inline-details dt {
        color: #ffffffe0;
        font-size: clamp(0.72rem, 0.88vw, 0.84rem);
        font-weight: 680;
      }
      .case-carousel__inline-details dd {
        color: #ffffff94;
        margin: 0.3rem 0 0;
        font-size: clamp(0.68rem, 0.82vw, 0.78rem);
        line-height: 1.55;
      }
      .case-carousel__controls {
        z-index: 7;
        align-items: center;
        gap: 0.5rem;
        display: flex;
        position: absolute;
        bottom: clamp(1.1rem, 2.3vw, 1.9rem);
        right: clamp(1rem, 2vw, 1.7rem);
      }
      .case-carousel__controls > button {
        color: #ffffffb8;
        cursor: pointer;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background: #0507069e;
        border: 1px solid #ffffff2e;
        border-radius: 50%;
        flex: none;
        place-items: center;
        width: 42px;
        height: 42px;
        display: grid;
      }
      .case-carousel__controls > button:hover {
        color: #fff;
        border-color: #ffffff57;
      }
      .case-carousel__thumbs {
        align-items: center;
        gap: 0.45rem;
        display: flex;
      }
      .case-carousel__thumbs button {
        color: #fff;
        cursor: pointer;
        opacity: 0.62;
        background: #080a09;
        border: 1px solid #ffffff2e;
        border-radius: 10px;
        width: 56px;
        height: 42px;
        padding: 0;
        transition:
          width 0.24s,
          height 0.24s,
          opacity 0.18s,
          border-color 0.18s;
        position: relative;
        overflow: hidden;
      }
      .case-carousel__thumbs button.is-active {
        opacity: 1;
        border-color: #ffffffc2;
        width: 72px;
        height: 54px;
        box-shadow: 0 0 0 1px #fff3;
      }
      .case-carousel__thumbs .media-frame {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
      }
      .case-carousel__thumbs .media-frame__label {
        display: none;
      }
      .case-carousel__thumbs span {
        z-index: 3;
        color: #fff;
        font-family: var(--font-mono);
        text-shadow: 0 1px 4px #000;
        font-size: 0.46rem;
        position: absolute;
        bottom: 0.3rem;
        right: 0.35rem;
      }
      @media (hover: hover) {
        .case-carousel:hover {
          border-color: var(--glass-edge-hover);
          background: #ffffff0f;
        }
      }
      .media-visual--case-libai .media-frame__art {
        background:
          linear-gradient(#0000 45%, #010703db),
          radial-gradient(circle at 58% 27%, #ffffff26, #0000 15%),
          linear-gradient(135deg, #09ec0133, #0000 36%), #08120b;
      }
      .media-visual--case-libai .media-frame__art:before {
        content: "";
        background: linear-gradient(160deg, #ffffff1f, #09ec0124);
        border: 1px solid #ffffff24;
        border-radius: 48% 48% 24% 24%;
        width: 38%;
        height: 72%;
        position: absolute;
        top: 14%;
        left: 20%;
        box-shadow: 0 0 80px #09ec011a;
      }
      .media-visual--case-libai .media-frame__art:after {
        content: "AI 李白\a LIVE SHOW";
        color: #ffffffb8;
        letter-spacing: -0.08em;
        text-align: right;
        white-space: pre;
        font-size: clamp(2.2rem, 5vw, 5.5rem);
        font-weight: 850;
        line-height: 0.84;
        position: absolute;
        bottom: 17%;
        right: 8%;
      }
      .media-visual--case-placeholder-a .media-frame__art,
      .media-visual--case-placeholder-b .media-frame__art {
        background:
          linear-gradient(#ffffff0d 1px, #0000 1px) 0 0/36px 36px,
          linear-gradient(90deg, #ffffff0d 1px, #0000 1px) 0 0/36px 36px,
          radial-gradient(circle, #09ec012b, #0000 36%),
          #070a08;
      }
      .media-visual--case-placeholder-a .media-frame__art:after,
      .media-visual--case-placeholder-b .media-frame__art:after {
        content: "REAL CASE MEDIA\a TO BE CONNECTED";
        color: #ffffff4d;
        font-family: var(--font-mono);
        letter-spacing: 0.15em;
        text-align: center;
        white-space: pre;
        border: 1px dashed #09ec0147;
        border-radius: 30px;
        place-items: center;
        font-size: 0.7rem;
        line-height: 1.8;
        display: grid;
        position: absolute;
        inset: 18%;
      }
      .technology-section {
        isolation: isolate;
        background: #030403;
        border-top: 1px solid #ffffff0f;
        min-height: 100svh;
        position: relative;
        overflow: hidden;
      }
      .tubes-background {
        z-index: 0;
        background: #030403;
        min-height: 680px;
        position: absolute;
        inset: 0;
        pointer-events: none;
      }
      .tubes-background canvas {
        z-index: 2;
        opacity: 0;
        width: 100%;
        height: 100%;
        transition: opacity 0.42s;
        position: absolute;
        inset: 0;
        pointer-events: none;
      }
      .tubes-background.is-active canvas {
        opacity: 1;
      }
      .tubes-background__fallback,
      .tubes-background--loading {
        background:
          radial-gradient(at 30%, #09ec012e, #0000 33%),
          radial-gradient(at 70% 48%, #60aed51f, #0000 30%), #030403;
        position: absolute;
        inset: 0;
      }
      .tubes-background__fallback {
        z-index: 1;
      }
      .technology-section__scrim {
        z-index: 1;
        pointer-events: none;
        background:
          linear-gradient(
            #050505 0%,
            #05050561 14%,
            #0000 28% 76%,
            #0505056b 88%,
            #050505 100%
          ),
          radial-gradient(
            circle at 50% 42%,
            #0304038a 0 20%,
            #03040314 48%,
            #0304034d 100%
          );
        position: absolute;
        inset: 0;
      }
      .technology-section__content {
        z-index: 3;
        pointer-events: none;
        position: relative;
      }
      .technology-section__content .section-heading {
        pointer-events: none;
      }
      .technology-brains {
        max-width: var(--content-focus-width);
        isolation: isolate;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        margin: clamp(3.5rem, 8vw, 6.5rem) auto 0;
        padding: 1.5rem 2rem 2rem;
        display: grid;
        position: relative;
      }
      .brain-card-shell {
        min-width: 0;
        position: relative;
      }
      .brain-card-shell--director {
        z-index: 1;
        margin-right: -11%;
      }
      .brain-card-shell--performer {
        z-index: 2;
        margin-left: -1%;
      }
      .brain-card {
        pointer-events: auto;
        transform-origin: 50%;
        background: #050c0fd6;
        border: 1px solid #70d6ff6b;
        border-radius: 30px;
        flex-direction: column;
        min-height: 430px;
        transition-property:
          transform, border-color, box-shadow, background-color;
        transition-duration: 0.32s;
        transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
        display: flex;
        position: relative;
        overflow: hidden;
        transform: skew(-5.5deg) rotate(-1deg);
        box-shadow:
          inset 0 1px #ffffff1f,
          0 32px 80px #0000005c,
          0 0 42px #60aed514;
      }
      .brain-card--performer {
        background: #050f08db;
        border-color: #09ec0175;
        transform: skew(-5.5deg) rotate(1deg);
        box-shadow:
          inset 0 1px #ffffff1f,
          0 32px 80px #00000061,
          0 0 46px #09ec011a;
      }
      .brain-card__media {
        z-index: 0;
        opacity: 0.27;
        object-fit: cover;
        object-position: center bottom;
        filter: saturate(0.72) contrast(1.08);
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        transform: scale(1.08) skew(5.5deg);
      }
      .brain-card__ui-icon {
        display: none;
      }
      .brain-card--performer .brain-card__media {
        opacity: 0.3;
        filter: saturate(0.88) hue-rotate(6deg) contrast(1.06);
      }
      .brain-card:after {
        z-index: 1;
        content: "";
        pointer-events: none;
        background:
          linear-gradient(#03080afa 0%, #03080ac2 48%, #03080a59 100%),
          linear-gradient(90deg, #03080ae0, #0000 72%);
        position: absolute;
        inset: 0;
      }
      .brain-card--performer:after {
        background:
          linear-gradient(#030a05fa 0%, #030a05bd 48%, #030a0552 100%),
          linear-gradient(90deg, #030a05db, #0000 76%);
      }
      .brain-card__content {
        z-index: 2;
        transform-origin: 50%;
        flex-direction: column;
        justify-content: flex-start;
        max-width: 520px;
        min-height: 430px;
        padding: clamp(2.2rem, 4vw, 3.5rem);
        display: flex;
        position: relative;
        transform: skew(5.5deg) rotate(1deg);
      }
      .brain-card--performer .brain-card__content {
        padding-left: clamp(3rem, 5vw, 4.6rem);
        transform: skew(5.5deg) rotate(-1deg);
      }
      .brain-card__heading {
        color: #76d9ff;
        align-items: center;
        gap: 1.1rem;
        display: flex;
      }
      .brain-card--performer .brain-card__heading {
        color: #6dff68;
      }
      .brain-card__status {
        color: #ffffff7a;
        font-family: var(--font-mono);
        letter-spacing: 0.14em;
        align-items: center;
        gap: 0.55rem;
        font-size: 0.57rem;
        font-weight: 780;
        display: flex;
      }
      .brain-card__dot {
        background: #09ec01;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        box-shadow: 0 0 12px #09ec0194;
      }
      .brain-card__icon {
        color: #ffffffc7;
        background: #ffffff0a;
        border: 1px solid #ffffff1f;
        border-radius: 18px;
        place-items: center;
        width: 58px;
        height: 58px;
        margin-top: 3.2rem;
        display: grid;
      }
      .brain-card.is-performer .brain-card__icon {
        color: #60aed5;
      }
      .brain-card__heading h3 {
        color: #fff;
        letter-spacing: -0.045em;
        margin: 0;
        font-size: clamp(2.15rem, 3.4vw, 3.7rem);
        line-height: 0.96;
      }
      .brain-card p {
        color: #ffffff94;
        max-width: 430px;
        margin: 1.5rem 0 0;
        font-size: clamp(0.82rem, 0.95vw, 0.94rem);
        line-height: 1.82;
      }
      .brain-collaboration {
        z-index: 5;
        color: #e8ffe7eb;
        width: 70px;
        height: 58%;
        font-family: var(--font-mono);
        letter-spacing: 0.12em;
        pointer-events: none;
        writing-mode: vertical-rl;
        background: linear-gradient(#a8ffa84d, #09ec011f);
        border: 1px solid #beffbb7a;
        border-radius: 999px;
        justify-content: center;
        align-items: center;
        gap: 0.8rem;
        font-size: 0.58rem;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) skew(-5.5deg);
        box-shadow:
          inset 0 1px #ffffff42,
          0 0 34px #09ec0138;
      }
      @media (hover: hover) {
        .brain-card-shell:hover .brain-card--director {
          background-color: #071116eb;
          border-color: #76d9ffad;
          transform: skew(-5.5deg) rotate(-1deg) translateY(-6px);
          box-shadow:
            inset 0 1px #ffffff29,
            0 38px 88px #0000006b,
            0 0 50px #60aed524;
        }
        .brain-card-shell:hover .brain-card--performer {
          background-color: #061409eb;
          border-color: #6dff68ad;
          transform: skew(-5.5deg) rotate(1deg) translateY(-6px);
          box-shadow:
            inset 0 1px #ffffff29,
            0 38px 88px #0000006b,
            0 0 54px #09ec0129;
        }
      }
      .technology-abilities {
        max-width: var(--content-focus-width);
        border: 1px solid var(--glass-edge);
        -webkit-backdrop-filter: blur(16px) saturate(118%);
        backdrop-filter: blur(16px) saturate(118%);
        pointer-events: auto;
        background: #090c0a9e;
        border-radius: 20px;
        grid-template-columns: repeat(8, 1fr);
        margin: 1rem auto 0;
        padding: 0.75rem;
        display: grid;
        box-shadow:
          inset 0 1px #ffffff1f,
          0 24px 72px #00000047;
      }
      .technology-abilities > div {
        color: #ffffffa8;
        border-right: 1px solid #ffffff14;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.55rem;
        min-height: 64px;
        display: flex;
      }
      .technology-abilities > div:last-child {
        border-right: 0;
      }
      .technology-abilities svg {
        color: #ffffff9e;
      }
      .technology-abilities span {
        font-size: clamp(0.82rem, 0.92vw, 0.94rem);
        font-weight: 620;
      }
      .technology-section__hint {
        color: #ffffff40;
        font-family: var(--font-mono);
        letter-spacing: 0.12em;
        text-align: center;
        margin-top: 1rem;
        font-size: 0.55rem;
      }
      .technology-section__hint span {
        color: #09ec01;
      }
      .experience-section {
        background: #050706;
        border-top: 1px solid #ffffff0f;
        position: relative;
        overflow: hidden;
      }
      .experience-section__field {
        pointer-events: none;
        background: #050706;
        position: absolute;
        inset: 0;
        overflow: hidden;
      }
      .experience-section__background {
        z-index: 0;
        opacity: 0;
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
        transition: opacity 0.7s cubic-bezier(0.2, 0, 0, 1);
        position: absolute;
        inset: 0;
        transform: scale(1.025);
      }
      .experience-section__background.is-active {
        opacity: 1;
      }
      .experience-section__veil {
        z-index: 1;
        background:
          linear-gradient(
            #030504d1 0%,
            #03050475 34%,
            #030504a3 72%,
            #030504eb 100%
          ),
          radial-gradient(circle at 50% 52%, #0000 0 18%, #0305048c 78%),
          linear-gradient(#ffffff08 1px, #0000 1px) 0 0/38px 38px,
          linear-gradient(90deg, #ffffff08 1px, #0000 1px) 0 0/38px 38px;
        position: absolute;
        inset: 0;
      }
      .experience-section__content {
        z-index: 4;
        position: relative;
      }
      .experience-cards {
        width: min(var(--content-focus-width), 100%);
        perspective: 1100px;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.15rem;
        margin: clamp(3.5rem, 7vw, 5.5rem) auto 0;
        display: grid;
      }
      .experience-card-shell {
        --experience-offset-y: 0rem;
        --experience-rotate-y: 0deg;
        min-width: 0;
      }
      .experience-card-shell:first-child {
        --experience-offset-y: 3rem;
        --experience-rotate-y: 1.2deg;
      }
      .experience-card-shell:nth-child(2) {
        --experience-offset-y: 1.5rem;
      }
      .experience-card-shell:nth-child(3) {
        --experience-rotate-y: -1.2deg;
      }
      .experience-card {
        height: 100%;
        min-height: 390px;
        transform: translateY(var(--experience-offset-y))
          rotateY(var(--experience-rotate-y));
        background: #070a08bd;
        border-radius: 19px;
        flex-direction: column;
        justify-content: space-between;
        padding: clamp(1.35rem, 2.3vw, 2rem);
        transition-property:
          transform, border-color, background-color, box-shadow;
        transition-duration: 0.32s;
        transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
        display: flex;
        position: relative;
        overflow: hidden;
      }
      .experience-card.is-featured {
        background: #0a0d0bc7;
        border-color: #ffffff2e;
        box-shadow: 0 28px 70px #00000052;
      }
      .experience-card.is-active {
        transform: translateY(calc(var(--experience-offset-y) - 0.65rem))
          rotateY(var(--experience-rotate-y));
        background-color: #090f0bd1;
        border-color: #6dff6880;
        box-shadow:
          inset 0 1px #ffffff29,
          0 30px 76px #0000005c,
          0 0 38px #09ec011a;
      }
      @media (hover: hover) {
        .experience-card:hover,
        .experience-card.is-featured:hover {
          background: #0f1310d6;
        }
      }
      .experience-card-shell:focus-within .experience-card {
        border-color: #6dff68a3;
        box-shadow:
          inset 0 1px #ffffff2e,
          0 0 0 2px #09ec0133,
          0 30px 76px #0000005c;
      }
      .experience-card__top {
        color: #ffffff5c;
        justify-content: space-between;
        align-items: center;
        display: flex;
      }
      .experience-card__top span {
        color: #ffffff70;
        font-family: var(--font-mono);
        letter-spacing: 0.16em;
        font-size: 0.64rem;
      }
      .experience-card small {
        color: #ffffff61;
        font-family: var(--font-mono);
        letter-spacing: 0.15em;
        font-size: 0.55rem;
      }
      .experience-card h3 {
        color: #fff;
        letter-spacing: -0.04em;
        margin: 1rem 0 0;
        font-size: clamp(1.75rem, 2.5vw, 3rem);
        line-height: 1;
      }
      .experience-card p {
        color: #ffffff80;
        margin: 1rem 0 0;
        font-size: 0.84rem;
        line-height: 1.75;
      }
      .experience-card > a {
        z-index: 2;
        color: #ffffffb8;
        border-top: 1px solid #ffffff17;
        justify-content: space-between;
        align-items: center;
        min-height: 52px;
        font-size: 0.78rem;
        font-weight: 680;
        display: flex;
        position: relative;
      }
      .experience-card > a:hover {
        color: #fff;
      }
      .experience-card > strong {
        color: #ffffff0d;
        font-family: var(--font-mono);
        letter-spacing: -0.15em;
        pointer-events: none;
        font-size: clamp(6rem, 12vw, 12rem);
        font-weight: 900;
        line-height: 1;
        position: absolute;
        bottom: -0.22em;
        right: -0.08em;
      }
      .process-section {
        background: #070807;
        border-top: 1px solid #ffffff0d;
      }
      .process-track {
        grid-template-columns: repeat(6, 1fr);
        gap: 0.7rem;
        margin-top: clamp(2.75rem, 6vw, 5rem);
        display: grid;
        position: relative;
      }
      .process-track__line {
        z-index: 0;
        background: linear-gradient(90deg, #0000, #ffffff2e 8% 92%, #0000);
        height: 1px;
        position: absolute;
        top: 31px;
        left: 8.33333%;
        right: 8.33333%;
        overflow: hidden;
      }
      .process-track__line i {
        transform-origin: 0;
        background: linear-gradient(
          90deg,
          #0000 0%,
          #ffffff38 18%,
          #09ec0157 76%,
          #09ec01 96%,
          #0000 100%
        );
        width: 100%;
        height: 100%;
        display: block;
        box-shadow: 0 0 14px #09ec0142;
      }
      .process-track__line--mobile {
        display: none;
      }
      .process-step {
        z-index: 2;
        text-align: center;
        position: relative;
      }
      .process-step__node {
        color: #ffffff7a;
        background: #080b09;
        border: 1px solid #ffffff2b;
        border-radius: 50%;
        place-items: center;
        width: 62px;
        height: 62px;
        margin-inline: auto;
        display: grid;
        position: relative;
        box-shadow: inset 0 0 18px #ffffff05;
      }
      .process-step__node span {
        z-index: 2;
        color: currentColor;
        font-family: var(--font-mono);
        font-size: 0.61rem;
        font-weight: 780;
        position: relative;
      }
      .process-step__pulse {
        z-index: 1;
        pointer-events: none;
        border: 1px solid #09ec018f;
        border-radius: 50%;
        position: absolute;
        inset: -7px;
      }
      .process-step h3 {
        color: #ffffffd1;
        margin: 1.75rem 0 0;
        font-size: clamp(1.02rem, 1.28vw, 1.16rem);
      }
      .process-step p {
        color: #ffffff57;
        margin: 0.5rem 0 0;
        font-size: clamp(0.84rem, 1vw, 0.94rem);
        line-height: 1.55;
      }
      .process-sla {
        color: #fffc;
        max-width: 980px;
        min-height: 68px;
        font-family: var(--font-mono);
        letter-spacing: 0.08em;
        border-radius: 18px;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin: clamp(3.5rem, 7vw, 6rem) auto 0;
        padding: 1rem 1.4rem;
        font-size: clamp(0.76rem, 0.95vw, 0.86rem);
        display: flex;
      }
      .process-sla i {
        width: 4px;
        height: 4px;
        box-shadow: none;
        background: #ffffff7a;
        border-radius: 50%;
      }
      .closing-section {
        isolation: isolate;
        background: #03110e;
        place-items: center;
        min-height: 100svh;
        display: grid;
        position: relative;
        overflow: hidden;
      }
      @media (min-width: 961px) {
        .site-header + main {
          padding-top: 87.2px;
        }
        .hero-section,
        .hero-section__content {
          height: 800px;
          min-height: 800px;
        }
        .hero-section h1 {
          font-size: 60px;
          font-weight: 700;
          line-height: 1.05;
        }
        .section-heading h2 {
          font-size: 34px;
          font-weight: 500;
          line-height: 1.2353;
        }
        .delivery-section .section-heading h2,
        .scene-section .section-heading h2,
        .process-section .section-heading h2 {
          font-size: 54px;
          font-weight: 700;
          line-height: 1.054;
        }
        .section-heading__description {
          font-size: 17.28px;
          line-height: 1.8;
        }
        .definition-section.section-space {
          padding-block: 0;
        }
        .definition-section .section-heading__description {
          max-width: 550px;
          font-weight: 500;
        }
        .definition-stack {
          margin-top: 80px;
        }
        .stacking-card__content h3 {
          font-size: 45px;
          font-weight: 700;
          line-height: 1.0667;
        }
        .stacking-card__content p {
          white-space: normal;
        }
        .delivery-section {
          margin-top: 214.2px;
          padding-top: 176.4px;
          padding-bottom: 34px;
        }
        .delivery-section .section-heading__description {
          max-width: 720px;
          font-weight: 500;
        }
        .soft-asset-card__meta {
          letter-spacing: 0;
          font-size: 16px;
        }
        .soft-asset-card h3 {
          font-size: 28px;
          font-weight: 700;
        }
        .scene-section .section-heading h2,
        .experience-section .section-heading h2,
        .process-section .section-heading h2 {
          white-space: nowrap;
        }
        .scene-section {
          padding-bottom: 104px;
        }
        .proof-section {
          padding-bottom: 149.1px;
        }
        .technology-section {
          min-height: 1117.7px;
        }
        .experience-section {
          margin-top: 38.3px;
          padding-bottom: 100px;
        }
        .process-section {
          min-height: 825px;
          padding-top: 120px;
        }
        .site-footer {
          margin-bottom: 15px;
        }
        .proof-section .section-heading h2 {
          font-size: 34px;
          font-weight: 400;
          line-height: 1.2;
        }
        .proof-metric h3 {
          font-size: 24px;
          font-weight: 700;
        }
      }
      .closing-section__video,
      .closing-section__fallback,
      .closing-section__overlay {
        z-index: -3;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
      }
      .closing-section__video {
        object-fit: cover;
      }
      .closing-section__fallback {
        z-index: -4;
        background:
          radial-gradient(circle at 58% 40%, #09ec011f, #0000 30%),
          radial-gradient(circle at 28% 70%, #60aed524, #0000 28%),
          linear-gradient(145deg, #041510, #040705 68%);
      }
      .closing-section__overlay {
        z-index: -2;
        background:
          linear-gradient(
            #050505 0%,
            #03060447 24%,
            #03060494 80%,
            #050505 100%
          ),
          radial-gradient(circle at 50% 48%, #0000001f, #00000094 82%);
      }
      .closing-section__content {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 1100px;
        min-height: 100svh;
        padding-block: 7rem;
        display: flex;
      }
      .closing-section h2 {
        color: #fff;
        max-width: 900px;
        font-family: var(--font-sans);
        font-size: var(--section-title-size);
        letter-spacing: -0.04em;
        text-wrap: balance;
        margin: 1.5rem 0 0;
        font-weight: 620;
        line-height: 1.04;
      }
      .closing-section h2 strong {
        color: #ffffffc7;
        font: inherit;
        margin-top: 0.12em;
        display: block;
      }
      .closing-section__lead {
        color: #ffffff94;
        max-width: 680px;
        margin: 1.8rem 0 0;
        font-size: clamp(0.94rem, 1.4vw, 1.1rem);
        line-height: 1.75;
      }
      .closing-section__action {
        margin-top: 2.2rem;
      }
      .closing-section__sound {
        right: var(--page-gutter);
        color: #ffffff94;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        cursor: pointer;
        background: #0507068c;
        border: 1px solid #ffffff24;
        border-radius: 50%;
        place-items: center;
        width: 42px;
        height: 42px;
        display: grid;
        position: absolute;
        bottom: 2rem;
      }
      @media (min-width: 961px) {
        .closing-section,
        .closing-section__content {
          height: 939px;
          min-height: 939px;
        }
        .closing-section h2 {
          font-size: 54.72px;
          font-weight: 400;
          line-height: 1.04;
        }
      }
      .site-footer {
        background: #030403;
        border-top: 1px solid #ffffff12;
        padding-top: clamp(4rem, 8vw, 7rem);
      }
      .site-footer__grid {
        grid-template-columns: 0.75fr 1.35fr 1fr;
        gap: clamp(2rem, 5vw, 5rem);
        display: grid;
      }
      .site-footer__brand img {
        width: 130px;
        height: auto;
      }
      .site-footer__brand p {
        color: #ffffff6b;
        max-width: 260px;
        margin: 1.5rem 0 0;
        font-size: 0.9rem;
        line-height: 1.75;
      }
      .site-footer__brand a {
        color: #ffffffa3;
        align-items: center;
        gap: 0.55rem;
        margin-top: 2rem;
        font-size: 0.82rem;
        font-weight: 680;
        display: inline-flex;
      }
      .site-footer__links {
        grid-template-columns: repeat(4, 1fr);
        gap: 1.4rem;
        display: grid;
      }
      .site-footer__links h3 {
        color: #ffffffd1;
        margin: 0 0 1.15rem;
        font-size: 0.86rem;
      }
      .site-footer__links a {
        color: #ffffff5c;
        margin-top: 0.72rem;
        font-size: 0.78rem;
        line-height: 1.45;
        transition: color 0.18s;
        display: block;
      }
      .site-footer__links a:hover {
        color: #09ec01;
      }
      .site-footer__social {
        background: 0 0;
        border: 0;
        border-radius: 0;
        width: 100%;
        max-width: 280px;
        padding: 0;
      }
      .site-footer__social-head,
      .site-footer__social-head > div {
        justify-content: space-between;
        align-items: center;
        gap: 0.65rem;
        display: flex;
      }
      .site-footer__social-head {
        color: #ffffff85;
        border-bottom: 1px solid #ffffff12;
        padding-bottom: 0.9rem;
      }
      .site-footer__social-head span {
        font-family: var(--font-mono);
        letter-spacing: 0.13em;
        font-size: 0.57rem;
      }
      .site-footer__qr-grid {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
        gap: 1.25rem;
        margin-top: 0;
        display: grid;
      }
      .qr-card {
        background: 0 0;
        border: 0;
        border-radius: 0;
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
        min-width: 0;
        display: flex;
        overflow: visible;
      }
      .qr-card__placeholder {
        aspect-ratio: 1;
        color: #111;
        background-color: #f5f5f3;
        background-image:
          linear-gradient(#ffffff0d 1px, #0000 1px),
          linear-gradient(90deg, #ffffff0d 1px, #0000 1px), none;
        background-position:
          0 0,
          0 0,
          0 0;
        background-repeat: repeat, repeat, repeat;
        background-size: 10px 10px;
        background-attachment: scroll, scroll, scroll;
        background-origin: padding-box, padding-box, padding-box;
        background-clip: border-box, border-box, border-box;
        border-radius: 10px;
        place-items: center;
        width: min(148px, 100%);
        display: grid;
        overflow: hidden;
      }
      .qr-card__placeholder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .qr-card > div:last-child {
        padding: 0;
      }
      .qr-card strong,
      .qr-card span {
        display: block;
      }
      .qr-card strong {
        color: #ffffffc7;
        text-align: center;
        font-size: 0.82rem;
        line-height: 1.45;
      }
      .qr-card span {
        color: #ffffff4d;
        margin-top: 0.32rem;
        font-size: 0.56rem;
      }
      .site-footer__bottom {
        color: #ffffff57;
        font-family: var(--font-mono);
        letter-spacing: 0.08em;
        border-top: 1px solid #ffffff12;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        margin-top: clamp(3rem, 6vw, 5rem);
        padding-block: 1.4rem 1.8rem;
        font-size: 0.68rem;
        display: flex;
      }
      .dot-grid {
        background-image: radial-gradient(#ffffff17 0.6px, #0000 0.6px);
        background-size: 24px 24px;
      }
      .sr-only {
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden;
      }
      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }
        *,
        :before,
        :after {
          scroll-behavior: auto !important;
          transition-duration: 0.001ms !important;
          animation-duration: 0.001ms !important;
          animation-iteration-count: 1 !important;
        }
      }
      @media (max-width: 960px) {
        .site-header__inner {
          grid-template-columns: 1fr auto;
          min-height: 54px;
          padding: 0.35rem 0.45rem 0.35rem 1rem;
        }
        .site-header__nav,
        .site-header__cta,
        .site-header__actions {
          display: none;
        }
        .site-header__menu-button,
        .mobile-navigation {
          display: flex;
        }
        .mobile-navigation {
          flex-direction: column;
        }
        .hero-section__node,
        .hero-section__media-status {
          display: none;
        }
        .definition-support-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .soft-assets-stage {
          border-radius: 0;
          min-height: 640px;
        }
        .soft-assets-stage__grid {
          grid-template-rows: 43% repeat(2, minmax(0, 1fr));
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 0.8rem;
          padding: 5rem 1rem 2.8rem;
        }
        .soft-assets-core {
          grid-area: 1/1 / auto/-1;
        }
        .soft-asset-card {
          height: 100%;
          min-height: 0;
        }
        .soft-asset-card--1 {
          grid-area: 2/1;
        }
        .soft-asset-card--2 {
          grid-area: 2/2;
        }
        .soft-asset-card--3 {
          grid-area: 3/1;
        }
        .soft-asset-card--4 {
          grid-area: 3/2;
        }
        .soft-assets-folder-shell {
          transform: translate(-50%, -50%) scale(1.02);
        }
        .soft-assets-core.is-revealed .soft-assets-folder-shell {
          top: 80%;
          transform: translate(-50%, -50%) scale(0.7);
        }
        .soft-assets-character {
          max-width: 88%;
          height: 104%;
        }
        .device-gallery__canvas,
        .device-gallery__fallback {
          height: 500px;
        }
        .scene-showcase {
          min-height: auto;
          display: block;
        }
        .scene-showcase__list {
          border-right: 0;
        }
        .scene-tab,
        .scene-tab.is-active {
          flex: none;
          min-height: 84px;
          display: grid;
        }
        .scene-tab__mobile-media {
          background: #070908;
          border: 1px solid #ffffff14;
          border-radius: 16px;
          grid-column: 1/-1;
          margin-top: 1rem;
          display: block;
          overflow: hidden;
        }
        .scene-tab__mobile-media .media-frame {
          min-height: 280px;
        }
        .scene-tab__mobile-media > p {
          color: #ffffff70;
          margin: 0;
          padding: 0.9rem 1rem;
          font-size: 0.72rem;
          line-height: 1.6;
        }
        .scene-showcase__panel {
          display: none;
        }
        .proof-metrics {
          grid-template-columns: repeat(2, 1fr);
        }
        .proof-metric:nth-child(2) {
          border-right: 0;
        }
        .proof-metric:nth-child(-n + 2) {
          border-bottom: 1px solid #ffffff1f;
        }
        .case-carousel__viewport {
          aspect-ratio: 4/3;
        }
        .case-carousel__story {
          max-width: calc(100% - 330px);
          padding-right: 0;
        }
        .case-carousel__story-copy h3 {
          font-size: clamp(2.4rem, 7vw, 4.4rem);
        }
        .technology-brains {
          grid-template-columns: 1fr;
          max-width: 720px;
          padding: 1rem 1.5rem 1.5rem;
        }
        .brain-card-shell--director,
        .brain-card-shell--performer {
          margin-inline: 0;
        }
        .brain-card-shell--performer {
          margin-top: -1.2rem;
        }
        .brain-card--director {
          transform: skew(-2.5deg) rotate(-0.7deg);
        }
        .brain-card--performer {
          transform: skew(-2.5deg) rotate(0.7deg);
        }
        .brain-card__media {
          transform: scale(1.06) skew(2.5deg);
        }
        .brain-card__content,
        .brain-card--performer .brain-card__content {
          padding-left: clamp(2rem, 7vw, 3.5rem);
        }
        .brain-card__content {
          transform: skew(2.5deg) rotate(0.7deg);
        }
        .brain-card--performer .brain-card__content {
          transform: skew(2.5deg) rotate(-0.7deg);
        }
        .brain-collaboration {
          writing-mode: horizontal-tb;
          flex-direction: row;
          width: auto;
          height: 44px;
          padding-inline: 1rem;
          transform: translate(-50%, -50%);
        }
        .technology-abilities {
          grid-template-columns: repeat(4, 1fr);
        }
        .experience-cards {
          grid-template-columns: 1fr;
          max-width: 720px;
          margin-inline: auto;
        }
        .experience-card-shell,
        .experience-card-shell:first-child,
        .experience-card-shell:nth-child(2),
        .experience-card-shell:nth-child(3) {
          --experience-offset-y: 0rem;
          --experience-rotate-y: 0deg;
        }
        .experience-card {
          min-height: 380px;
          transform: none;
        }
        .experience-card.is-active {
          transform: translateY(-0.5rem);
        }
        .process-track {
          grid-template-columns: repeat(3, 1fr);
          row-gap: 3rem;
        }
        .process-track__line {
          display: none;
        }
        .site-footer__grid {
          grid-template-columns: 1fr;
        }
        .site-footer__brand {
          grid-template-columns: auto 1fr auto;
          align-items: center;
          gap: 1.5rem;
          display: grid;
        }
        .site-footer__brand p,
        .site-footer__brand a {
          margin: 0;
          padding: 0 !important;
        }
      }
      @media (max-width: 640px) {
        :root {
          --header-height: 66px;
          --page-gutter: 1rem;
        }
        .heading-nowrap {
          white-space: normal;
        }
        .site-header {
          padding-top: 0.65rem;
        }
        .site-header__logo img {
          width: 105px;
          height: auto;
        }
        .section-heading--center {
          text-align: left;
        }
        .section-heading--center .section-heading__description {
          margin-left: 0;
        }
        .hero-section__content {
          padding-top: calc(var(--header-height) + 5.5rem);
          text-align: left;
          align-items: flex-start;
        }
        .hero-section h1 {
          font-size: clamp(2.75rem, 12.5vw, 4.3rem);
        }
        .hero-section__lead {
          max-width: 34rem;
        }
        .hero-section__value-chain {
          justify-content: space-between;
          align-items: flex-start;
          width: 100%;
        }
        .hero-section__value {
          flex-direction: column;
          flex: 1;
          align-items: flex-start;
        }
        .hero-section__value span {
          font-size: 0.8rem;
        }
        .hero-section__value i {
          width: calc(100% - 0.75rem);
          margin: 0.75rem 0 0;
        }
        .hero-section__actions {
          justify-content: flex-start;
          width: 100%;
        }
        .hero-section__actions .glass-button {
          width: 100%;
        }
        .hero-section__scroll {
          display: none;
        }
        .definition-support-grid {
          grid-template-columns: 1fr;
        }
        .definition-support-card {
          aspect-ratio: 4/3;
          border-radius: 16px;
          grid-template-rows: 1fr;
          grid-template-columns: 1fr;
          min-height: 0;
        }
        .definition-support-card__content {
          min-height: 0;
          padding: 1.25rem;
        }
        .definition-support-card__media img {
          height: 100%;
        }
        .definition-support-card__content h3 {
          margin-top: 1rem;
          font-size: 1.65rem;
        }
        .definition-support-card__content p {
          margin-top: 0.75rem;
          font-size: 0.8rem;
          line-height: 1.6;
        }
        .stacking-card__content {
          grid-template-columns: 1fr;
          padding: 1.5rem;
        }
        .stacking-card__meta {
          font-size: 0.5rem;
        }
        .stacking-card__content h3 {
          margin-top: 1.2rem;
          font-size: 2.55rem;
        }
        .stacking-card__content p {
          margin-top: 0.85rem;
          font-size: 0.86rem;
          line-height: 1.65;
        }
        .stacking-card__media img {
          aspect-ratio: 16/10;
        }
        .definition-stack__release {
          height: 36vh;
        }
        .soft-assets-story {
          height: 520vh;
        }
        .soft-assets-stage {
          top: calc(var(--header-height) + 8px);
          height: calc(100svh - var(--header-height) - 16px);
          border-radius: 0;
          min-height: 0;
        }
        .soft-assets-stage__grid {
          grid-template-rows: 41% repeat(2, minmax(0, 1fr));
          gap: 0.48rem;
          padding: 4.45rem 0.55rem 2.35rem;
        }
        .soft-assets-stage__label {
          min-width: 112px;
          padding: 0.45rem 0.75rem;
          top: 0.72rem;
        }
        .soft-asset-card {
          border-radius: 14px;
          grid-template-rows: auto minmax(0, 1fr);
        }
        .soft-asset-card__copy {
          padding: 0.72rem 0.55rem;
        }
        .soft-asset-card__meta {
          letter-spacing: 0.06em;
          gap: 0.35rem;
          font-size: 0.45rem;
        }
        .soft-asset-card__meta i {
          width: 18px;
        }
        .soft-asset-card h3 {
          margin-top: 0.55rem;
          font-size: clamp(0.94rem, 4.6vw, 1.08rem);
          line-height: 1.08;
        }
        .soft-asset-card p {
          -webkit-line-clamp: 3;
          margin-top: 0.45rem;
          font-size: 0.61rem;
          line-height: 1.48;
        }
        .soft-asset-card__visual img {
          transform: scale(1.02);
        }
        .soft-assets-folder-shell {
          transform: translate(-50%, -50%) scale(0.9);
        }
        .soft-assets-core.is-revealed .soft-assets-folder-shell {
          top: 79%;
          transform: translate(-50%, -50%) scale(0.62);
        }
        .soft-assets-character {
          max-width: 96%;
          height: 106%;
        }
        .soft-assets-stage__progress {
          bottom: 0.75rem;
        }
        .soft-assets-stage__progress i {
          width: 22px;
        }
        .device-gallery {
          margin-top: -0.75rem;
        }
        .device-gallery__label {
          margin-bottom: 0.5rem;
        }
        .device-gallery__canvas,
        .device-gallery__fallback {
          border-radius: 22px;
          height: 420px;
          margin-top: 0;
        }
        .device-gallery__detail {
          width: calc(100% - 1rem);
          min-height: 108px;
          margin-top: -1.75rem;
          padding: 1rem 0.35rem 0;
        }
        .delivery-versus {
          grid-template-columns: 1fr;
        }
        .delivery-versus__mark {
          border: 0;
          border-block: 1px solid #ffffff14;
          padding-block: 0.75rem;
        }
        .scene-showcase {
          border-radius: 20px;
        }
        .scene-tab {
          grid-template-columns: 26px 1fr auto;
          padding: 1.1rem;
        }
        .scene-tab__details {
          grid-column: 1/-1;
        }
        .scene-tab__mobile-media .media-frame {
          min-height: 220px;
        }
        .proof-metrics {
          grid-template-columns: 1fr 1fr;
          gap: 0.6rem;
        }
        .proof-metric {
          min-height: 190px;
          padding: 1rem;
        }
        .proof-metric strong {
          margin-top: 1.65rem;
          font-size: 2.4rem;
        }
        .case-carousel {
          border-radius: 20px;
          padding: 0.42rem;
        }
        .case-carousel__edge-nav {
          width: 42px;
          height: 42px;
          top: 30%;
        }
        .case-carousel__edge-nav.is-prev {
          left: 0.75rem;
        }
        .case-carousel__edge-nav.is-next {
          right: 0.75rem;
        }
        .case-carousel__viewport {
          aspect-ratio: auto;
          border-radius: 16px;
          height: 790px;
          min-height: 0;
        }
        .case-carousel__story {
          align-items: flex-start;
          max-width: none;
          padding-right: 0;
          bottom: 6.9rem;
          left: 1rem;
          right: 1rem;
        }
        .case-carousel__inline-details {
          grid-template-columns: 1fr;
          margin-top: 1rem;
        }
        .case-carousel__inline-details > div {
          padding-block: 0.62rem;
        }
        .case-carousel__story-copy h3 {
          font-size: clamp(2.2rem, 11vw, 3.4rem);
        }
        .case-carousel__story-copy p {
          font-size: 0.82rem;
        }
        .case-carousel__play {
          display: none;
        }
        .case-carousel__controls {
          justify-content: center;
          bottom: 1rem;
          left: 0.75rem;
          right: 0.75rem;
        }
        .case-carousel__thumbs {
          overflow: visible;
        }
        .case-carousel__thumbs button {
          width: 48px;
          min-width: 0;
          height: 38px;
        }
        .case-carousel__thumbs button.is-active {
          width: 62px;
          height: 48px;
        }
        .technology-brains {
          margin-top: 3rem;
          padding: 0.75rem 0.35rem 1rem;
        }
        .brain-card {
          border-radius: 22px;
          min-height: 340px;
        }
        .brain-card__content,
        .brain-card--performer .brain-card__content {
          min-height: 340px;
          padding: 1.5rem 1.65rem;
        }
        .brain-card__heading {
          gap: 0.75rem;
        }
        .brain-card__heading svg {
          width: 28px;
          height: 28px;
        }
        .brain-card__heading h3 {
          font-size: 2.15rem;
        }
        .brain-card p {
          margin-top: 1rem;
          font-size: 0.8rem;
          line-height: 1.7;
        }
        .brain-collaboration {
          height: 40px;
          font-size: 0.52rem;
        }
        .brain-card__icon {
          margin-top: 2.2rem;
        }
        .technology-abilities {
          grid-template-columns: repeat(2, 1fr);
        }
        .technology-abilities > div {
          border-bottom: 1px solid #ffffff14;
          border-right: 1px solid #ffffff14;
        }
        .technology-abilities > div:nth-child(2n) {
          border-right: 0;
        }
        .technology-abilities > div:nth-last-child(-n + 2) {
          border-bottom: 0;
        }
        .technology-section__hint {
          display: none;
        }
        .experience-card {
          min-height: 360px;
        }
        .experience-section__background {
          object-position: 70% center;
        }
        .process-track {
          grid-template-columns: 1fr;
          gap: 0;
          padding-left: 0.5rem;
        }
        .process-track__line--mobile {
          background: #ffffff14;
          width: 1px;
          height: auto;
          display: block;
          position: absolute;
          top: 31px;
          bottom: 31px;
          left: 30px;
        }
        .process-track__line--mobile i {
          transform-origin: top;
          background: linear-gradient(
            #0000 0%,
            #ffffff38 18%,
            #09ec0157 76%,
            #09ec01 96%,
            #0000 100%
          );
          width: 100%;
          height: 100%;
        }
        .process-step {
          text-align: left;
          grid-template-columns: 62px 1fr;
          align-items: start;
          gap: 1.2rem;
          min-height: 120px;
          display: grid;
        }
        .process-step h3 {
          margin-top: 0.75rem;
        }
        .process-sla {
          flex-direction: column;
          align-items: flex-start;
        }
        .process-sla i {
          display: none;
        }
        .closing-section__content {
          text-align: left;
          align-items: flex-start;
        }
        .closing-section h2 {
          font-size: var(--section-title-size);
        }
        .closing-section__action,
        .closing-section__action .glass-button {
          width: 100%;
        }
        .site-footer__brand {
          display: block;
        }
        .site-footer__brand p {
          margin-top: 1.2rem;
        }
        .site-footer__brand a {
          margin-top: 1.4rem;
        }
        .site-footer__links {
          grid-template-columns: repeat(2, 1fr);
          row-gap: 2rem;
        }
        .site-footer__bottom {
          flex-direction: column;
          align-items: flex-start;
        }
      }
      @media (min-width: 961px) {
        .site-header__cta {
          color: #031003;
          background: #09ec01;
          border-color: #09ec01;
          box-shadow:
            inset 0 1px #ffffff70,
            0 0 28px #09ec012e;
        }
        .site-header__cta:hover {
          color: #031003;
          background: #31f52a;
          border-color: #31f52a;
          box-shadow:
            inset 0 1px #ffffff80,
            0 0 36px #09ec0147;
        }
        .site-header__cta--ghost,
        .site-header__cta--ghost:hover {
          color: #44d7b6;
          background: transparent;
          border: 1px solid #44d7b6;
          box-shadow: none;
        }
        .site-header__cta--ghost:hover {
          color: #6ee4cb;
          background: rgba(68, 215, 182, 0.08);
          border-color: #6ee4cb;
          box-shadow: none;
        }
        .definition-section .stacking-card__content,
        .definition-section .definition-support-card__content {
          text-align: left;
        }
        .brain-card-shell {
          transition: z-index;
        }
        .brain-card-shell:hover,
        .brain-card-shell:focus-within {
          z-index: 4;
        }
        .brain-card,
        .brain-card--performer {
          -webkit-backdrop-filter: blur(22px) saturate(118%);
          backdrop-filter: blur(22px) saturate(118%);
          background: #080b098a;
          border-color: #ffffff2e;
          transform: none;
          box-shadow:
            inset 0 1px #ffffff24,
            0 30px 78px #00000057;
        }
        .brain-card__media,
        .brain-card__heading svg,
        .brain-collaboration {
          display: none;
        }
        .brain-card:after,
        .brain-card--performer:after {
          background: linear-gradient(#ffffff0b, #ffffff04);
        }
        .brain-card__content,
        .brain-card--performer .brain-card__content {
          transform: none;
        }
        .brain-card__heading,
        .brain-card--performer .brain-card__heading {
          color: #fff;
        }
        .brain-card-shell:hover .brain-card--director,
        .brain-card-shell:hover .brain-card--performer,
        .brain-card-shell:focus-within .brain-card--director,
        .brain-card-shell:focus-within .brain-card--performer {
          background-color: #ffffff14;
          border-color: #ffffff94;
          transform: translateY(-4px);
          box-shadow:
            inset 0 1px #ffffff3d,
            0 38px 88px #0000006b,
            0 0 32px #ffffff12;
        }
        .experience-section__veil {
          background:
            linear-gradient(
              #030504c7 0%,
              #0305046b 23%,
              #03050429 58%,
              #03050461 100%
            ),
            linear-gradient(90deg, #03050433 0%, #0000 68%);
        }
        .experience-card-shell,
        .experience-card-shell:first-child,
        .experience-card-shell:nth-child(2),
        .experience-card-shell:nth-child(3) {
          --experience-offset-y: 0rem;
          --experience-rotate-y: 0deg;
        }
        .experience-card,
        .experience-card.is-featured,
        .experience-card.is-active {
          transform: none;
        }
        .experience-card.is-active {
          background-color: #ffffff14;
          border-color: #ffffff85;
          box-shadow:
            inset 0 1px #ffffff3d,
            0 30px 76px #0000005c,
            0 0 28px #ffffff0f;
        }
        .experience-card-shell:focus-within .experience-card {
          border-color: #ffffff9e;
          box-shadow:
            inset 0 1px #ffffff3d,
            0 0 0 2px #ffffff24,
            0 30px 76px #0000005c;
        }
        .definition-section .section-heading {
          text-align: center;
          margin-inline: auto;
        }
        .definition-section .section-heading h2 {
          margin: 1rem auto 0;
        }
        .definition-section .section-heading__description {
          margin: 1.35rem auto 0;
        }
        .stacking-card__content {
          grid-template-columns: minmax(0, 1fr);
          column-gap: 0;
        }
        .stacking-card__meta,
        .definition-support-card__content > span {
          display: none;
        }
        .stacking-card__content h3,
        .stacking-card__content p {
          grid-column: 1;
        }
        .stacking-card__content p {
          margin-top: 1rem;
        }
        .definition-support-card__content h3 {
          margin-top: 0;
        }
        .delivery-versus__mist canvas {
          filter: blur(12px) saturate(108%);
          transform-origin: 50%;
          transform: scale(1.08);
        }
        .experience-section + .process-section {
          margin-top: 0;
        }
        .hero-section__actions {
          display: none;
        }
        .soft-assets-stage__grid {
          padding-bottom: clamp(5.5rem, 9vh, 6.75rem);
        }
        .soft-asset-card {
          min-height: clamp(200px, 26vh, 236px);
        }
        .device-gallery {
          isolation: isolate;
        }
        .device-gallery:before {
          z-index: -1;
          content: "";
          pointer-events: none;
          background: radial-gradient(
            72% 64% at 50% 34%,
            #09ec0114,
            #09ec0108 52%,
            #0000 100%
          );
          position: absolute;
          inset: -3rem 0 -9rem;
        }
        .device-gallery__canvas,
        .device-gallery__fallback {
          background: 0 0;
        }
        .scene-tab__index {
          font-size: 0.75rem;
        }
        .scene-tab__title small {
          letter-spacing: 0.08em;
          font-size: 0.76rem;
        }
        .proof-metric__top span {
          font-size: 0.75rem;
        }
        .soft-assets-stage {
          background: 0 0;
        }
        .device-gallery:before {
          display: none;
        }
        .brain-card {
          outline: none;
        }
        .brain-card:focus-visible {
          outline-offset: -5px;
          outline: 2px solid #ffffffad;
        }
        .brain-card__ui-icon {
          z-index: 2;
          object-fit: contain;
          opacity: 0.22;
          filter: grayscale(0.3) brightness(0.64)
            drop-shadow(0 12px 28px #0000003d);
          pointer-events: none;
          transform-origin: 100% 100%;
          width: clamp(200px, 17vw, 240px);
          max-width: 48%;
          height: auto;
          transition:
            opacity 0.3s cubic-bezier(0.2, 0, 0, 1),
            filter 0.3s cubic-bezier(0.2, 0, 0, 1),
            transform 0.3s cubic-bezier(0.2, 0, 0, 1);
          display: block;
          position: absolute;
          bottom: clamp(0.65rem, 1.2vw, 1.15rem);
          right: clamp(1.5rem, 2.5vw, 2.5rem);
          transform: scale(0.94);
        }
        .brain-card-shell:hover .brain-card__ui-icon,
        .brain-card-shell:focus-within .brain-card__ui-icon {
          opacity: 1;
          transform: scale(1.18);
        }
        .brain-card-shell--director:hover .brain-card__ui-icon,
        .brain-card-shell--director:focus-within .brain-card__ui-icon {
          filter: grayscale(0) brightness(1.14) drop-shadow(0 0 18px #76d9ff47)
            drop-shadow(0 14px 30px #00000042);
        }
        .brain-card-shell--performer:hover .brain-card__ui-icon,
        .brain-card-shell--performer:focus-within .brain-card__ui-icon {
          filter: grayscale(0) brightness(1.14) drop-shadow(0 0 18px #6dff6842)
            drop-shadow(0 14px 30px #00000042);
        }
        .delivery-section {
          background:
            linear-gradient(#050505 0%, #0000 7% 93%, #050505 100%),
            radial-gradient(64rem 42rem at 50% 20%, #09ec0114, #0000 72%),
            radial-gradient(72rem 50rem at 50% 74%, #09ec0112, #0000 74%),
            radial-gradient(circle at 50% 48%, #ffffff08, #0000 36rem), #060806;
          border-top-color: #0000;
        }
        .delivery-section + .scene-section {
          border-top-color: #0000;
        }
        .delivery-system-stage {
          background:
            radial-gradient(76% 13% at 50% 8%, #09ec0111, #0000 100%),
            radial-gradient(82% 16% at 50% 92%, #09ec0111, #0000 100%);
        }
        .soft-assets-story,
        .soft-assets-story.is-settled {
          overflow-anchor: none;
          height: calc(100svh - 12px);
        }
        .botanical-folder-art {
          object-fit: contain;
          opacity: 1;
          filter: saturate(1.04) contrast(1.02)
            drop-shadow(0 28px 46px #00000052) drop-shadow(0 0 30px #09ec011a);
          width: clamp(240px, 20vw, 280px);
          max-width: none;
          height: auto;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) translateZ(0);
        }
        .soft-assets-stage__grid {
          grid-template-rows: repeat(2, minmax(0, 1fr));
        }
        .soft-asset-card {
          grid-template-rows: clamp(146px, 17vh, 164px) minmax(0, 1fr);
          height: 100%;
          min-height: 0;
        }
        .soft-asset-card--3,
        .soft-asset-card--4 {
          translate: 0 1rem;
        }
        .soft-assets-story.is-settled + .device-gallery {
          margin-top: -0.625rem;
        }
        .soft-asset-card.is-settled {
          background: #080e09e6;
          border-color: #ffffff4d;
          box-shadow:
            inset 0 1px #ffffff1f,
            0 18px 56px #00000047;
        }
        .soft-asset-card.is-settled .soft-asset-card__meta {
          color: #ffffff94;
        }
        .soft-asset-card.is-settled .soft-asset-card__meta i {
          background: linear-gradient(90deg, #ffffff85, #0000);
        }
        .soft-asset-card.is-settled p {
          color: #ffffffb8;
        }
        .soft-asset-card.is-settled .soft-asset-card__visual img {
          filter: saturate(1.02) contrast(1.04) brightness(1.05);
        }
        .soft-asset-card--3.is-settled,
        .soft-asset-card--4.is-settled {
          -webkit-backdrop-filter: blur(3px) saturate(1.08);
          backdrop-filter: blur(3px) saturate(1.08);
          background: linear-gradient(145deg, #ffffff1a, #0000 42%), #07160b94;
          border-color: #ffffff75;
          box-shadow:
            inset 0 1px #ffffff38,
            inset 0 0 42px #ffffff0d,
            0 18px 56px #00000038;
        }
        .soft-asset-card--3.is-settled .soft-asset-card__visual,
        .soft-asset-card--4.is-settled .soft-asset-card__visual {
          background: #050c073d;
        }
        .soft-asset-card--3.is-settled .soft-asset-card__visual img,
        .soft-asset-card--4.is-settled .soft-asset-card__visual img {
          opacity: 0.72;
          filter: saturate(1.08) contrast(1.06) brightness(1.12);
        }
        .soft-assets-stage.is-stage-4 .soft-assets-character {
          max-width: 112%;
          height: min(80%, 560px);
        }
        .technology-brains {
          max-width: 940px;
          margin-top: clamp(2.8rem, 5vw, 4rem);
          padding: 1rem 1.5rem 1.5rem;
        }
        .brain-card-shell--director {
          margin-right: -7.5%;
        }
        .brain-card-shell--performer {
          margin-left: -7.5%;
        }
        .brain-card {
          border-radius: 26px;
          min-height: 360px;
        }
        .brain-card__content,
        .brain-card--performer .brain-card__content {
          min-height: 360px;
          padding: clamp(1.8rem, 2.8vw, 2.5rem);
        }
        .brain-card__heading {
          gap: 0.8rem;
        }
        .brain-card__heading svg {
          width: 28px;
          height: 28px;
        }
        .brain-card__heading h3 {
          font-size: clamp(1.85rem, 2.6vw, 2.75rem);
        }
        .brain-card p {
          max-width: 330px;
          margin-top: 1.05rem;
          font-size: clamp(0.74rem, 0.82vw, 0.82rem);
          line-height: 1.72;
        }
        .brain-card__ui-icon {
          width: clamp(160px, 13.5vw, 195px);
          max-width: 46%;
          bottom: clamp(0.55rem, 0.9vw, 0.85rem);
          right: clamp(2.75rem, 3.6vw, 3.5rem);
        }
        .brain-card__ui-icon--director {
          right: clamp(3rem, 4vw, 4rem);
        }
        .brain-card__ui-icon--performer {
          right: clamp(2.5rem, 3.4vw, 3.25rem);
        }
        .brain-collaboration {
          gap: 0.62rem;
          width: 56px;
          height: 52%;
          font-size: 0.52rem;
        }
        .technology-abilities {
          border-radius: 17px;
          max-width: 900px;
          margin-top: 0.7rem;
          padding: 0.55rem;
        }
        .technology-abilities > div {
          gap: 0.38rem;
          min-height: 52px;
        }
        .technology-abilities svg {
          width: 16px;
          height: 16px;
        }
        .technology-abilities span {
          font-size: clamp(0.7rem, 0.78vw, 0.78rem);
        }
        main {
          background: #050505;
        }
        main > section[class] {
          border-top: 0;
          position: relative;
        }
        main > section:before,
        main > section:after {
          z-index: 12;
          content: "";
          pointer-events: none;
          height: clamp(72px, 9vw, 138px);
          position: absolute;
          left: 0;
          right: 0;
        }
        main > section:before {
          background: linear-gradient(
            #050505 0%,
            #050505b8 30%,
            #0505053d 72%,
            #05050500 100%
          );
          top: -1px;
        }
        main > section:after {
          background: linear-gradient(
            #05050500 0%,
            #0505053d 28%,
            #050505b8 70%,
            #050505 100%
          );
          bottom: -1px;
        }
        main > .definition-section:before,
        main > .definition-section:after {
          display: none;
        }
        .delivery-section {
          isolation: isolate;
          background: #050505;
          border-top: 0;
          padding-block: 0;
        }
        .delivery-section__backdrop {
          z-index: 0;
          pointer-events: none;
          background:
            linear-gradient(
              #050505eb 0%,
              #0505052e 14%,
              #05050514 78%,
              #050505d1 100%
            ),
            radial-gradient(
              74% 66% at 50% 45%,
              #09ec011a,
              #09ec0109 54%,
              #0000 100%
            ),
            radial-gradient(
              92% 82% at 50% 48%,
              #071307 0%,
              #050805 72%,
              #050505 100%
            );
          width: 100%;
          height: 100svh;
          margin-bottom: -100svh;
          display: block;
          position: sticky;
          top: 0;
          overflow: hidden;
        }
        .delivery-section__backdrop:after {
          content: "";
          opacity: 0.26;
          background-image: radial-gradient(#ffffff0f 0.55px, #0000 0.55px);
          background-size: 24px 24px;
          position: absolute;
          inset: 0;
          -webkit-mask-image: linear-gradient(
            #0000 3%,
            #000 20% 80%,
            #0000 97%
          );
          mask-image: linear-gradient(#0000 3%, #000 20% 80%, #0000 97%);
        }
        .delivery-section > .page-shell {
          z-index: 1;
          padding-block: clamp(5.5rem, 11vw, 10rem);
          position: relative;
        }
        .delivery-system-stage,
        .soft-assets-stage,
        .device-gallery__canvas,
        .device-gallery__fallback {
          background: 0 0;
        }
        .soft-assets-stage:before {
          display: none;
        }
        .soft-assets-stage__grid {
          gap: clamp(0.75rem, 1.6vh, 1.05rem) clamp(1rem, 2.2vw, 2rem);
          padding-top: clamp(5.4rem, 8vh, 6.2rem);
          padding-bottom: clamp(2.6rem, 4.8vh, 3.4rem);
        }
        .soft-asset-card {
          grid-template-rows: auto minmax(0, 1fr);
          height: clamp(330px, 43vh, 360px);
        }
        .soft-asset-card--1,
        .soft-asset-card--2 {
          align-self: start;
        }
        .soft-asset-card--3,
        .soft-asset-card--4 {
          align-self: end;
        }
        .soft-asset-card__visual {
          min-height: clamp(150px, 19vh, 190px);
        }
        .delivery-section + .scene-section,
        .scene-section + .proof-section {
          margin-top: clamp(1.75rem, 2.8vw, 2.75rem);
          padding-top: clamp(3.75rem, 5.5vw, 5.5rem);
        }
        .scene-section,
        .technology-section {
          padding-bottom: clamp(3.75rem, 5.5vw, 5.5rem);
        }
        .technology-section + .experience-section {
          margin-top: 0;
          padding-top: clamp(3.75rem, 5.5vw, 5.5rem);
        }
        .tubes-background canvas {
          filter: none;
        }
      }
      @property --tw-rotate-x {
        syntax: "*";
        inherits: false;
      }
      @property --tw-rotate-y {
        syntax: "*";
        inherits: false;
      }
      @property --tw-rotate-z {
        syntax: "*";
        inherits: false;
      }
      @property --tw-skew-x {
        syntax: "*";
        inherits: false;
      }
      @property --tw-skew-y {
        syntax: "*";
        inherits: false;
      }
      @property --tw-blur {
        syntax: "*";
        inherits: false;
      }
      @property --tw-brightness {
        syntax: "*";
        inherits: false;
      }
      @property --tw-contrast {
        syntax: "*";
        inherits: false;
      }
      @property --tw-grayscale {
        syntax: "*";
        inherits: false;
      }
      @property --tw-hue-rotate {
        syntax: "*";
        inherits: false;
      }
      @property --tw-invert {
        syntax: "*";
        inherits: false;
      }
      @property --tw-opacity {
        syntax: "*";
        inherits: false;
      }
      @property --tw-saturate {
        syntax: "*";
        inherits: false;
      }
      @property --tw-sepia {
        syntax: "*";
        inherits: false;
      }
      @property --tw-drop-shadow {
        syntax: "*";
        inherits: false;
      }
      @property --tw-drop-shadow-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-drop-shadow-alpha {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 100%;
      }
      @property --tw-drop-shadow-size {
        syntax: "*";
        inherits: false;
      }
      /*$vite$:1*/
      /* Figma Current Live / 2026-08-11 precision overrides */
      .hero-section {
        min-height: 100svh;
        background: #000;
        isolation: isolate;
        overflow: hidden;
      }
      .hero-section__media {
        z-index: 0;
        position: absolute;
        inset: 0;
        overflow: hidden;
      }
      .hero-section__media img,
      .hero-section__media video {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
        display: block;
      }
      .hero-section__media-veil {
        pointer-events: none;
        background:
          linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.04) 48%, rgba(0, 0, 0, 0.34)),
          radial-gradient(circle at 50% 48%, rgba(0, 0, 0, 0.02) 0 28%, rgba(0, 0, 0, 0.25) 100%);
        position: absolute;
        inset: 0;
      }
      .hero-section__content {
        min-height: 100svh;
        padding-top: calc(var(--header-height) + 1rem);
        padding-bottom: 3rem;
        transition:
          opacity 0.82s cubic-bezier(0.22, 1, 0.36, 1),
          transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
      }
      .hero-section.is-copy-visible .hero-section__content {
        opacity: 1;
        transform: translateY(0);
      }
      .hero-section.is-copy-hidden .hero-section__content {
        pointer-events: none;
        opacity: 0;
        transform: translateY(8px);
      }
      .hero-section__eyebrow {
        margin: 0 0 1.8rem;
        font-size: 0.68rem;
      }
      .hero-section h1 {
        width: min(798px, 100%);
        max-width: 798px;
        margin: 0;
        font-size: clamp(2.8rem, 4.17vw, 3.75rem);
        font-weight: 700;
        line-height: 1.05;
      }
      .hero-section__lead {
        margin-top: 2.15rem;
        font-size: clamp(0.92rem, 1.29vw, 1.16rem);
      }
      .hero-section__value-chain {
        margin-top: 2.15rem;
      }

      @media (min-width: 961px) {
        .definition-support-grid {
          min-height: 350px;
          align-items: start;
        }
        .definition-support-card {
          aspect-ratio: auto;
          height: 76px;
          border-radius: 14px;
          transition:
            height 0.58s cubic-bezier(0.22, 1, 0.36, 1),
            border-color 0.32s ease,
            box-shadow 0.4s ease;
          outline: none;
        }
        .definition-support-card__media {
          opacity: 0;
          transition: opacity 0.42s ease 0.04s;
        }
        .definition-support-card__content {
          justify-content: flex-start;
          min-height: 76px;
          padding: 15px 16px;
          background: linear-gradient(180deg, rgba(2, 5, 3, 0.98) 0 29%, rgba(2, 5, 3, 0.76) 48%, rgba(2, 5, 3, 0.06) 100%);
        }
        .definition-support-card__content > span {
          display: none;
        }
        .definition-support-card__content h3 {
          margin: 0;
          font-size: 1rem;
          line-height: 1.12;
          transition: font-size 0.42s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .definition-support-card__content p {
          white-space: nowrap;
          text-overflow: ellipsis;
          margin: 0.45rem 0 0;
          overflow: hidden;
          font-size: 0.65rem;
          line-height: 1.45;
        }
        .definition-support-card:hover,
        .definition-support-card:focus-within {
          z-index: 4;
          height: 350px;
          border-color: rgba(255, 255, 255, 0.28);
          box-shadow: inset 0 1px rgba(255, 255, 255, 0.18), 0 30px 72px rgba(0, 0, 0, 0.52);
        }
        .definition-support-card:hover .definition-support-card__media,
        .definition-support-card:focus-within .definition-support-card__media {
          opacity: 1;
        }
        .definition-support-card:hover .definition-support-card__content h3,
        .definition-support-card:focus-within .definition-support-card__content h3 {
          font-size: 1.5rem;
        }
        .definition-support-card:hover .definition-support-card__content p,
        .definition-support-card:focus-within .definition-support-card__content p {
          white-space: normal;
          font-size: 0.75rem;
        }
      }

      @media (max-width: 960px) {
        .hero-section__media img,
        .hero-section__media video {
          object-position: 52% center;
        }
        .hero-section__eyebrow {
          margin-bottom: 1.25rem;
        }
        .hero-section__content {
          padding-inline: 1.25rem;
        }
      }

      /* Figma APH3kZCB5DzTwWk83ZOdgV / frame 631:40 — authoritative layout */
      @media (min-width: 961px) {
        :root {
          --page-width: 1180px;
          --content-focus-width: 940px;
        }
        html,
        body,
        #root {
          width: 100%;
          min-width: 961px;
          background: #050505;
        }
        .page-shell {
          width: min(1180px, calc(100% - 64px));
          max-width: 1180px;
          margin-inline: auto;
        }
        .section-heading > .eyebrow,
        .section-heading h2,
        .section-heading__description {
          opacity: 1 !important;
          filter: none !important;
          transform: none !important;
        }
        .site-header {
          height: 87.2px;
          padding: 13.6px 32px;
        }
        .site-header__inner {
          width: min(1280px, 100%);
          height: 60px;
          min-height: 60px;
          padding-inline: 18px;
          background: rgba(8, 10, 9, 0.72);
          border-color: rgba(255, 255, 255, 0.12);
        }
        .site-header__cta {
          min-height: 38px;
          color: rgba(255, 255, 255, 0.82);
          border-color: rgba(119, 255, 199, 0.58);
          background: rgba(255, 255, 255, 0.04);
        }
        .site-header__cta--ghost,
        .site-header__cta--ghost:hover {
          color: #44d7b6;
          background: transparent;
          border: 1px solid #44d7b6;
          box-shadow: none;
        }
        .site-header + main {
          padding-top: 91px !important;
        }

        .hero-section,
        .hero-section__content {
          height: 800px !important;
          min-height: 800px !important;
        }
        .hero-section {
          display: block;
          background: #000;
        }
        .hero-section__media {
          height: 810px;
          inset: 0 0 auto;
        }
        .hero-section__media img,
        .hero-section__media video {
          width: 100%;
          height: 810px;
          object-fit: cover;
          object-position: center top;
        }
        .hero-section__media-veil {
          background:
            linear-gradient(180deg, rgba(0, 0, 0, 0.18), transparent 48%, rgba(0, 0, 0, 0.25)),
            radial-gradient(circle at 50% 45%, transparent 0 32%, rgba(0, 0, 0, 0.16) 100%);
        }
        .hero-section__content {
          position: relative;
          justify-content: flex-start;
          padding: 219px 0 0;
        }
        .hero-section__eyebrow {
          margin: 0 0 27px;
          font-size: 11px;
          line-height: 16px;
          letter-spacing: 0.18em;
          color: rgba(255, 255, 255, 0.62);
          text-transform: none;
        }
        .hero-section h1 {
          width: 798px;
          max-width: 798px;
          margin: 0;
          font-size: 60px;
          font-weight: 700;
          line-height: 1.05;
          letter-spacing: -0.045em;
        }
        .hero-section h1 span {
          margin-top: 5px;
          color: rgba(255, 255, 255, 0.78);
        }
        .hero-section__lead {
          max-width: 670px;
          margin-top: 22px;
          font-size: 18.56px;
          line-height: 1.65;
          color: rgba(255, 255, 255, 0.55);
        }
        .hero-section__value-chain {
          margin-top: 24px;
        }
        .hero-section__value span {
          font-size: 17px;
        }

        .definition-section {
          height: auto;
          min-height: 0;
          box-sizing: border-box;
          margin: 0 !important;
          padding: 100px 0 100px !important;
          background: #050505;
          overflow: visible;
        }
        .definition-section .section-heading h2 {
          max-width: 920px;
          margin-top: 16px;
          font-size: 34px;
          font-weight: 500;
          line-height: 1.2353;
        }
        .definition-section .section-heading__description {
          max-width: 650px;
          margin-top: 20px;
          font-size: 17.28px;
          line-height: 1.8;
        }
        .definition-stack {
          gap: 0 !important;
          margin-top: 41.5px !important;
        }
        .stacking-card--primary {
          width: 1180px;
          height: 663.75px;
          min-height: 663.75px;
          border-radius: 24px;
          overflow: hidden;
        }
        .stacking-card__media,
        .stacking-card__media .media-frame {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          min-height: 0;
        }
        .stacking-card__media img {
          object-fit: cover;
          object-position: center;
        }
        .stacking-card__content {
          z-index: 3;
          width: 100%;
          max-width: none;
          min-height: 100%;
          padding: 48px;
          justify-content: flex-end;
          background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.76) 100%);
          display: none !important;
        }
        .stacking-card__content h3 {
          margin: 15px 0 0;
          font-size: 58px;
          line-height: 1;
        }
        .stacking-card__content p {
          max-width: 560px;
          margin-top: 14px;
          font-size: 14px;
          line-height: 1.72;
        }
        .definition-support-grid {
          grid-template-columns: repeat(4, 280px);
          gap: 20px;
          width: 1180px;
          min-height: 76px;
          margin-top: 30px;
          align-items: start;
          transition: min-height .58s cubic-bezier(.22, 1, .36, 1);
        }
        .definition-support-grid:has(.definition-support-card:hover),
        .definition-support-grid:has(.definition-support-card:focus-within) {
          min-height: 350px;
        }
        .definition-support-card {
          width: 280px;
          border-radius: 20px;
        }
        .definition-support-card:hover,
        .definition-support-card:focus-within {
          height: 350px;
        }
        .definition-support-card__media,
        .definition-support-card__media .media-frame {
          width: 100%;
          height: 350px;
          min-height: 0;
        }

        .delivery-section {
          box-sizing: border-box;
          height: 1767px;
          min-height: 1767px;
          margin: 0 !important;
          padding: 99px 0 0 !important;
          background:
            radial-gradient(760px 540px at 50% 34%, rgba(9, 236, 1, 0.07), transparent 72%),
            #070807;
          overflow: hidden;
        }
        .delivery-section .section-heading h2 {
          margin-top: 15px;
          font-size: 34px;
          line-height: 56.909px;
        }
        .delivery-section .section-heading__description {
          margin-top: 20px;
        }
        .delivery-section > .page-shell {
          position: relative;
          height: 1664px;
          padding: 0 !important;
        }
        .delivery-system-stage {
          position: absolute;
          top: 160px;
          left: 0;
          width: 1180px;
          height: 1604px;
          margin: 0;
        }
        .soft-assets-story {
          height: 800px !important;
          min-height: 800px;
          position: relative;
        }
        .soft-assets-stage {
          position: sticky !important;
          top: 104px !important;
          width: 1180px;
          height: 800px !important;
          min-height: 800px;
          margin: 0 auto;
          overflow: hidden;
        }
        .soft-assets-stage__grid {
          position: relative;
          width: 1180px;
          height: 800px;
          display: block !important;
        }
        .soft-asset-card {
          position: absolute !important;
          grid-area: auto !important;
          grid-template-rows: 165px 195px !important;
          width: 372px !important;
          height: 360px !important;
          min-height: 360px;
          border-radius: 22px;
          overflow: hidden;
          background: rgba(7, 16, 9, 0.72);
          border-color: rgba(255, 255, 255, 0.18);
          -webkit-backdrop-filter: blur(18px) saturate(1.16);
          backdrop-filter: blur(18px) saturate(1.16);
        }
        .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__visual,
        .soft-asset-card__visual .media-frame {
          height: 195px !important;
          min-height: 0;
          opacity: 1 !important;
          filter: none !important;
          transform: none !important;
        }
        .soft-asset-card__visual {
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100% 100%;
        }
        .soft-asset-card__visual:after {
          display: none;
        }
        .soft-asset-card__visual img {
          opacity: 0 !important;
        }
        .soft-asset-card--1 .soft-asset-card__visual {
          background-image: none;
        }
        .soft-asset-card--2 .soft-asset-card__visual {
          background-image: none;
        }
        .soft-asset-card--3 .soft-asset-card__visual {
          background-image: none;
        }
        .soft-asset-card--4 .soft-asset-card__visual {
          background-image: none;
        }
        .soft-asset-card__visual .media-frame {
          background: transparent !important;
        }
        .soft-assets-core,
        .soft-assets-core.is-revealed {
          position: absolute !important;
          grid-area: auto !important;
          display: block;
          opacity: 1 !important;
          width: 310px;
          height: 590px;
          top: 104px;
          left: 435px;
          transform: none !important;
          pointer-events: none;
        }
        .soft-assets-core__halo {
          opacity: 1 !important;
          inset: 70px 15px 0;
          background: radial-gradient(circle, rgba(9, 236, 1, 0.17), transparent 68%);
        }
        .soft-assets-folder-shell {
          display: grid !important;
          z-index: 2;
          width: 310px;
          height: 440px;
          top: 65px !important;
          left: 0;
          opacity: .72 !important;
          filter: none !important;
          transform: none !important;
          background: center / contain no-repeat none;
        }
        .soft-assets-folder-shell > *,
        .soft-assets-folder-shell .botanical-folder-art {
          width: 100%;
          height: 100%;
          object-fit: contain;
          opacity: 0 !important;
        }
        .soft-assets-character {
          display: block !important;
          position: absolute;
          z-index: 4;
          width: 331px;
          height: 588px;
          left: -10px;
          top: 25px;
          object-fit: contain;
        }
        .soft-assets-stage__label {
          top: 10px;
          left: 50%;
          transform: translateX(-50%);
        }
        .soft-assets-stage__progress {
          bottom: 18px;
        }
        .device-gallery {
          position: absolute;
          top: 810px;
          left: 0;
          width: 1180px;
          height: 694px;
          min-height: 694px;
          margin: 0;
          overflow: hidden;
        }
        .device-gallery__label {
          top: 0;
          left: 50%;
          transform: translateX(-50%);
        }
        .device-gallery__static {
          position: absolute;
          inset: 67px 0 auto;
          height: 580px;
          display: block;
        }
        .device-gallery__static-card {
          position: absolute;
          width: 260px;
          height: 325px;
          margin: 0;
          border: 0;
          border-radius: 0;
          overflow: hidden;
          background: transparent;
          box-shadow: none;
        }
        .device-gallery__static-card .media-frame {
          width: 100%;
          height: 100%;
          min-height: 0;
          background: transparent;
        }
        .device-gallery__static-card .media-frame::before {
          display: none;
        }
        .device-gallery__static-card img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
        .device-gallery__static-card:nth-child(1) { left: -120px; top: 95.94px; width: 321.89px; height: 371.955px; transform: none; opacity: 1; }
        .device-gallery__static-card:nth-child(2) { left: 94px; top: 64px; width: 302.364px; height: 357.772px; transform: none; opacity: 1; }
        .device-gallery__static-card:nth-child(3) { left: 280px; top: 41.86px; width: 282.038px; height: 342.345px; transform: none; opacity: 1; }
        .device-gallery__static-card:nth-child(4) { left: 480px; top: 40px; width: 260px; height: 325px; transform: none; z-index: 4; opacity: 1; }
        .device-gallery__static-card:nth-child(5) { left: 657.33px; top: 60px; width: 282.038px; height: 342.345px; transform: none; opacity: 1; }
        .device-gallery__static-card:nth-child(6) { left: 834.77px; top: 100px; width: 302.701px; height: 358.022px; transform: none; opacity: 1; }
        .device-gallery__detail {
          position: absolute;
          bottom: auto;
          top: 535px;
          left: 50%;
          transform: translateX(-50%);
        }
        .delivery-versus {
          display: none !important;
        }

        .scene-section {
          box-sizing: border-box;
          height: 900px;
          min-height: 900px;
          margin: -3px 0 0 !important;
          padding: 99px 0 0 !important;
          background: #050505;
          overflow: hidden;
        }
        .scene-section .section-heading h2 {
          margin-top: 15px;
          font-size: 54px;
        }
        .scene-showcase {
          grid-template-columns: 390px 790px;
          gap: 0;
          width: 1180px;
          height: 570px;
          margin: 34px auto 0;
        }
        .scene-showcase__list {
          position: relative;
          height: 570px;
          border: 0;
          border-radius: 0;
          background: transparent;
          -webkit-backdrop-filter: none;
          backdrop-filter: none;
          box-shadow: none;
          overflow: visible;
        }
        .scene-showcase__list::before {
          content: "";
          position: absolute;
          z-index: 3;
          top: 16px;
          left: 0;
          width: 2px;
          height: 107.54px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .56);
          transition: transform .36s cubic-bezier(.22, 1, .36, 1);
        }
        .scene-showcase__list::after {
          content: "";
          position: absolute;
          z-index: 2;
          top: 16px;
          left: 0;
          width: 2px;
          height: 537.7px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .12);
        }
        .scene-showcase__list:has(.scene-tab:nth-child(2).is-active)::before { transform: translateY(107.54px); }
        .scene-showcase__list:has(.scene-tab:nth-child(3).is-active)::before { transform: translateY(215.08px); }
        .scene-showcase__list:has(.scene-tab:nth-child(4).is-active)::before { transform: translateY(322.62px); }
        .scene-showcase__list:has(.scene-tab:nth-child(5).is-active)::before { transform: translateY(430.16px); }
        .scene-tab {
          box-sizing: border-box;
          flex: none;
          width: 390px;
          height: 92.5px;
          grid-template-columns: 1fr;
          gap: 0;
          padding: 20px 43px;
          border: 0 !important;
          background: transparent !important;
        }
        .scene-tab.is-active {
          flex: none;
          height: 200px;
          background: transparent !important;
        }
        .scene-tab__arrow {
          display: none;
        }
        .scene-tab__index {
          display: none !important;
        }
        .scene-tab__title {
          gap: 5.6px;
        }
        .scene-tab__title small {
          font-size: 12.8px;
          line-height: 14px;
          letter-spacing: 0;
          color: rgba(255, 255, 255, .28);
        }
        .scene-tab__title strong {
          font-size: 19.2px;
          line-height: 28.8px;
          color: rgba(255, 255, 255, .72);
        }
        .scene-tab.is-active .scene-tab__title strong {
          color: #fff;
        }
        .scene-tab__details {
          grid-column: 1;
          max-width: 303px;
          padding-top: 16px;
        }
        .scene-tab__details p {
          max-width: 303px;
          margin: 0;
          font-size: 13px;
          line-height: 21px;
          color: rgba(255, 255, 255, .66);
        }
        .scene-tab__details > span {
          margin-top: 8px;
          font-size: 13px;
          line-height: 23px;
          color: rgba(255, 255, 255, .52);
        }
        .scene-showcase__panel,
        .scene-showcase__panel article,
        .scene-showcase__panel .media-frame {
          width: 790px;
          height: 570px;
          min-height: 570px;
          border-radius: 18px;
        }
        .scene-showcase__panel article {
          position: absolute;
          inset: 0;
        }
        .scene-panel__overlay {
          box-sizing: border-box;
          right: auto;
          bottom: 27.12px;
          left: 50%;
          width: 597.066px;
          max-width: calc(100% - 192px);
          min-height: 78.99px;
          padding: 16px 18.4px;
          transform: translateX(-50%);
          border: 0 !important;
          border-radius: 14px;
          background: transparent !important;
          -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
          box-shadow: none !important;
          text-align: center;
        }
        .scene-panel__overlay .eyebrow {
          display: block;
          text-align: center;
        }
        .scene-panel__overlay p {
          margin: 0;
          font-size: 13.44px;
          line-height: 22.176px;
          color: rgba(255, 255, 255, .56);
          text-align: center;
        }

        .proof-section {
          box-sizing: border-box;
          height: 1330px;
          min-height: 1330px;
          margin: 0 !important;
          padding: 99px 0 0 !important;
          background: #050505;
          overflow: hidden;
        }
        .proof-section .section-heading h2 {
          margin-top: 15px;
          font-size: 34px;
          font-weight: 400;
        }
        .proof-metrics {
          height: 227.438px;
          margin-top: 62px;
          border-top: 1px solid rgba(255, 255, 255, 0.13);
          border-bottom: 1px solid rgba(255, 255, 255, 0.13);
        }
        .proof-metric {
          min-height: 218.69px;
          padding: 22.4px;
        }
        .proof-metric strong {
          margin-top: 35.2px;
          font-size: 43.2px;
          line-height: .8;
        }
        .proof-metric h3 {
          margin-top: 22.4px;
          font-size: 24px;
        }
        .case-carousel {
          box-sizing: border-box;
          height: 746.641px;
          margin-top: 36px;
          padding: 11.2px;
          border-radius: 30px;
        }
        .case-carousel__viewport,
        .case-carousel__viewport article,
        .case-carousel__media,
        .case-carousel__media .media-frame {
          height: 100%;
          min-height: 0;
        }

        .technology-section {
          box-sizing: border-box;
          height: 984px;
          min-height: 984px !important;
          margin: 0;
          padding: 149.4px 0 0 !important;
          overflow: hidden;
        }
        .technology-section__content .section-heading h2 {
          margin-top: 15px;
          font-size: 34px;
          font-weight: 500;
          line-height: 42px;
        }
        .technology-section__content {
          height: 675.805px;
        }
        .technology-brains {
          position: absolute;
          top: 230.6px;
          left: 120px;
          width: 940px;
          height: 402px;
          margin: 0;
          padding: 0 !important;
          display: block !important;
        }
        .brain-card-shell {
          position: absolute;
          top: 0;
          width: 479.445px;
          height: 362px;
          margin: 0 !important;
          opacity: 1 !important;
          transform: none !important;
        }
        .brain-card-shell--director {
          left: 24px !important;
          right: auto !important;
        }
        .brain-card-shell--performer {
          left: 436.55px !important;
          right: auto !important;
        }
        .brain-card {
          width: 479.445px;
          height: 362px;
          min-height: 362px;
          border-radius: 22px;
          transform: none !important;
          overflow: hidden;
        }
        .brain-card__content {
          min-height: 362px;
          padding: 41px 48px;
          transform: none !important;
        }
        .brain-card__heading {
          display: block;
        }
        .brain-card__heading > svg {
          display: none;
        }
        .brain-card__heading h3 {
          font-size: 51.84px;
          line-height: 49.766px;
          font-weight: 400;
        }
        .brain-card p {
          width: 424px;
          max-width: 424px;
          margin-top: 20px;
          font-size: 14.4px;
          line-height: 25.2px;
        }
        .brain-card__media {
          display: none !important;
        }
        .brain-card__ui-icon {
          display: block !important;
          position: absolute;
          width: 220px;
          height: 176px;
          left: 229px;
          top: 165px;
          opacity: .25;
          object-fit: contain;
        }
        .brain-card::after,
        .brain-collaboration {
          display: none !important;
        }
        .technology-abilities {
          position: absolute;
          top: 620.21px;
          left: 50%;
          width: 900px;
          max-width: 900px;
          min-height: 71px;
          margin: 0;
          transform: translateX(-50%) !important;
        }

        .experience-section {
          box-sizing: border-box;
          height: 784px;
          min-height: 784px;
          margin: 0 !important;
          padding: 94px 0 0 !important;
          overflow: hidden;
        }
        .experience-section__background {
          opacity: 0 !important;
          transform: none;
        }
        .experience-section__background.is-active {
          opacity: 1 !important;
        }
        .experience-section__veil {
          background: linear-gradient(180deg, rgba(3,5,4,.9) 0%, rgba(3,5,4,.58) 38%, rgba(3,5,4,.12) 62%, rgba(3,5,4,.28) 100%);
        }
        .experience-section .section-heading h2 {
          margin-top: 15px;
          font-size: 34px;
          font-weight: 500;
        }
        .experience-cards {
          grid-template-columns: repeat(3, 327.733px);
          gap: 18.4px;
          width: 1020px;
          margin-top: 46px;
        }
        .experience-card-shell,
        .experience-card {
          width: 327.733px;
          min-height: 390px;
        }
        .experience-card-shell,
        .experience-card-shell:first-child,
        .experience-card-shell:nth-child(2),
        .experience-card-shell:nth-child(3) {
          --experience-offset-y: 0;
          --experience-rotate-y: 0deg;
        }
        .experience-card,
        .experience-card.is-featured,
        .experience-card.is-active,
        .experience-card:hover {
          box-sizing: border-box;
          height: 390px;
          transform: none !important;
          background: rgba(224, 224, 224, .4) !important;
          border: .18px solid rgba(255, 255, 255, .72);
          border-radius: 24px;
          padding: 33px;
          box-shadow: none !important;
        }
        .experience-card.is-active {
          border-width: .72px;
          border-color: rgba(255, 255, 255, .94);
        }
        .experience-card__top,
        .experience-card__top span,
        .experience-card small {
          color: rgba(0, 0, 0, .42);
        }
        .experience-card h3 {
          color: #000;
          margin-top: 16px;
          font-size: 32px;
          line-height: 36px;
        }
        .experience-card p {
          color: rgba(0, 0, 0, .7);
          margin-top: 16px;
          font-size: 14px;
          line-height: 23.52px;
        }
        .experience-card > a,
        .experience-card > a:hover {
          color: #09ec01;
          border-top-color: rgba(0, 0, 0, .12);
        }
        .experience-card > strong {
          color: rgba(0, 0, 0, .06);
        }

        .process-section {
          box-sizing: border-box;
          height: 806px;
          min-height: 806px !important;
          margin: 0;
          padding: 99px 0 0 !important;
          overflow: hidden;
        }
        .process-section .section-heading h2 {
          margin-top: 15px;
          font-size: 54px;
        }
        .process-track {
          margin-top: 62px;
        }
        .process-sla {
          margin-top: 66px;
        }

        .closing-section,
        .closing-section__content {
          box-sizing: border-box;
          height: 939px;
          min-height: 939px !important;
        }
        .closing-section__content {
          padding: 0;
        }
        .closing-section h2 {
          margin-top: 24px;
          font-size: 54.72px;
          line-height: 1.04;
        }
        .site-footer {
          box-sizing: border-box;
          height: 413.6px;
          min-height: 413.6px;
          margin: 0 !important;
          padding-top: 62px;
          overflow: hidden;
        }
      }

      /* 2026-08-11 review pass: restore interaction and match the current Figma frame */
      html,
      body,
      #root {
        background: #050706;
      }
      .section-heading .eyebrow {
        color: #44d7b6;
      }
      .site-header__nav a::after {
        display: none !important;
      }
      .site-header__nav a {
        color: rgba(255, 255, 255, 0.54);
        font-weight: 400;
        letter-spacing: 0.08em;
        transition:
          color 0.24s ease,
          font-weight 0.24s ease;
      }
      .site-header__nav a:hover,
      .site-header__nav a.is-active {
        color: #fff;
      }
      .site-header__nav a.is-active {
        font-weight: 700;
      }
      .delivery-system-label,
      .delivery-system-label strong {
        text-align: center;
      }
      .delivery-system-label {
        align-items: center;
        justify-content: center;
      }
      .delivery-system-label strong {
        display: block;
        width: 100%;
      }
      .case-carousel__scrim {
        background: linear-gradient(
          180deg,
          rgba(2, 4, 3, 0) 0%,
          rgba(2, 4, 3, 0) 46%,
          rgba(2, 4, 3, 0.28) 66%,
          rgba(2, 4, 3, 0.94) 100%
        ) !important;
      }

      .nuwa-scroll-reveal {
        opacity: 0 !important;
        transform: translate3d(0, 28px, 0) scale(0.985) !important;
        filter: blur(5px) !important;
        transition:
          opacity 0.72s cubic-bezier(.22, 1, .36, 1),
          transform 0.72s cubic-bezier(.22, 1, .36, 1),
          filter 0.72s cubic-bezier(.22, 1, .36, 1) !important;
        transition-delay: var(--nuwa-reveal-delay, 0ms) !important;
        will-change: opacity, transform, filter;
      }
      .nuwa-scroll-reveal.is-revealed {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) scale(1) !important;
        filter: blur(0) !important;
      }

      @media (min-width: 961px) {
        .site-header {
          padding: 13.6px 43.2px;
        }
        .site-header__inner {
          padding-inline: 18.4px;
          border: 2px solid rgba(255, 255, 255, 0.9);
          border-radius: 30px;
          background: rgba(8, 10, 9, 0.48);
          box-shadow: none;
        }
        .site-header__nav {
          gap: 33.12px;
        }
        .site-header__nav a {
          font-size: 11.52px;
          line-height: 17.28px;
          letter-spacing: 0.9216px;
        }
        .site-header__cta,
        .site-header__cta:hover {
          min-width: 106px;
          height: 39px;
          min-height: 39px;
          color: #020402;
          border-color: #44d7b6;
          background: #44d7b6;
          box-shadow: none;
          justify-content: center;
          align-items: center;
          line-height: 1;
          padding: 0 18px;
        }
        .site-header__cta--ghost,
        .site-header__cta--ghost:hover {
          min-width: 0;
          color: #44d7b6;
          background: transparent;
          border: 1px solid #44d7b6;
          box-shadow: none;
        }
        .site-header__cta--ghost:hover {
          color: #6ee4cb;
          background: rgba(68, 215, 182, 0.08);
          border-color: #6ee4cb;
        }
        .definition-section {
          background: #050706;
        }
        .definition-support-card {
          background: rgba(7, 16, 9, 0.56);
          -webkit-backdrop-filter: blur(16px) saturate(1.12);
          backdrop-filter: blur(16px) saturate(1.12);
        }
        .delivery-section {
          background:
            radial-gradient(
              760px 540px at 50% 34%,
              rgba(68, 215, 182, 0.08),
              transparent 72%
            ),
            #050706;
        }
        .soft-assets-stage__progress i.is-active {
          background: #44d7b6;
        }
        .soft-asset-card.is-current,
        .soft-asset-card.is-settled,
        .soft-asset-card--3.is-settled,
        .soft-asset-card--4.is-settled {
          background:
            linear-gradient(
              145deg,
              rgba(255, 255, 255, 0.08),
              transparent 42%
            ),
            rgba(7, 16, 9, 0.72) !important;
          border-color: rgba(255, 255, 255, 0.24) !important;
          -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
          backdrop-filter: blur(18px) saturate(1.16) !important;
          box-shadow:
            inset 0 1px rgba(255, 255, 255, 0.14),
            0 24px 56px rgba(0, 0, 0, 0.36) !important;
        }
        .soft-asset-card.is-current {
          border-color: rgba(68, 215, 182, 0.52) !important;
        }
        .device-gallery__canvas,
        .device-gallery__fallback {
          position: absolute;
          top: 67px;
          left: 0;
          width: 100%;
          height: 500px;
          margin: 0;
          border-radius: 0;
          background: transparent;
        }
        .proof-section {
          background: #070807;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .nuwa-scroll-reveal,
        .nuwa-scroll-reveal.is-revealed {
          opacity: 1 !important;
          transform: none !important;
          filter: none !important;
          transition: none !important;
        }
      }

      /* 2026-08-12 Figma alignment and interaction stability pass */
      /* Restore the two lower soft-asset media frames from the approved Figma nodes. */
      @media (min-width: 961px) {
        .soft-asset-card--3 .soft-asset-card__visual {
          background-image: none !important;
          background-position: center !important;
          background-size: cover !important;
          background-repeat: no-repeat !important;
        }
        .soft-asset-card--4 .soft-asset-card__visual {
          background-image: none !important;
          background-position: center !important;
          background-size: cover !important;
          background-repeat: no-repeat !important;
        }
      }
      .stacking-card--primary,
      .stacking-card--primary:hover {
        border: 0 !important;
        box-shadow: none !important;
      }
      .definition-support-card__content {
        background: linear-gradient(
          180deg,
          rgba(2, 5, 3, 0.96) 0%,
          rgba(2, 5, 3, 0.72) 17%,
          rgba(2, 5, 3, 0.2) 34%,
          rgba(2, 5, 3, 0) 46%
        ) !important;
      }
      .glass-button--primary,
      .glass-button--primary:hover {
        color: #031003;
        background: #44d7b6;
        border-color: #44d7b6;
        box-shadow:
          inset 0 1px rgba(255, 255, 255, 0.42),
          0 0 30px rgba(68, 215, 182, 0.18);
      }
      .technology-section {
        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,
      .technology-section .tubes-background--loading,
      .technology-section .tubes-background__fallback {
        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 canvas {
        display: block !important;
      }
      .technology-section .tubes-background.is-active canvas {
        opacity: 1 !important;
      }
      .technology-section .brain-card-shell {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
      }
      .technology-section .technology-abilities {
        opacity: 1 !important;
        filter: none !important;
      }
      .technology-section .brain-card {
        background: rgba(5, 7, 6, 0.62) !important;
        border-color: rgba(255, 255, 255, 0.14) !important;
        box-shadow:
          inset 0 1px rgba(255, 255, 255, 0.12),
          inset 0 -1px rgba(255, 255, 255, 0.02),
          0 24px 72px rgba(0, 0, 0, 0.28) !important;
      }
      .process-track__line i {
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.22) 18%,
          rgba(68, 215, 182, 0.25) 32.5%,
          rgba(68, 215, 182, 0.31) 61.5%,
          #44d7b6 96%,
          rgba(68, 215, 182, 0) 100%
        );
        box-shadow: 0 0 14px rgba(68, 215, 182, 0.26);
      }
      .process-step__pulse {
        border-color: rgba(68, 215, 182, 0.56);
      }
      .process-step__node span {
        color: rgba(255, 255, 255, 0.48);
      }

      @media (min-width: 961px) {
        .soft-assets-character,
        .soft-assets-stage.is-stage-4 .soft-assets-character {
          width: 331px !important;
          max-width: none !important;
          height: 588px !important;
          object-fit: contain;
          object-position: center bottom;
        }
        .soft-assets-folder-shell {
          opacity: 1 !important;
          background-image: none !important;
          background-position: center !important;
          background-repeat: no-repeat !important;
          background-size: contain !important;
        }
        .soft-assets-core.is-revealed .soft-assets-folder-shell {
          opacity: 0.42 !important;
        }
        .device-gallery__label {
          position: absolute;
          z-index: 8;
          top: 0;
          left: 50%;
          width: fit-content;
          margin: 0;
          transform: translateX(-50%);
        }
        .device-gallery__static-card {
          appearance: none;
          padding: 0;
          cursor: pointer;
        }
        .device-gallery__static-card img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center;
        }
        .technology-section .technology-abilities {
          transform: translateX(-50%) !important;
        }
      }