.nxms-home-index.demo-shell {
      --bg: #06142d;
      --panel: rgba(7, 23, 58, 0.70);
      --line: rgba(116, 205, 255, 0.34);
      --cyan: #56dfff;
      --mint: #8ab6ff;
      --blue: #286dff;
      --gold: #bfe8ff;
      --text: #f4fbff;
      --muted: #a9c2d2;
      min-height: 100vh;
      display: grid;
      place-items: stretch;
      padding: 0;
      margin: 0;
      background: var(--bg);
      color: var(--text);
      font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      text-align: left;
      -webkit-text-size-adjust: 100%;
    }

    .nxms-home-index.demo-shell,
    .nxms-home-index.demo-shell *,
    .nxms-home-index.demo-shell *::before,
    .nxms-home-index.demo-shell *::after {
      box-sizing: border-box;
    }

    .nxms-home-index.demo-shell :where(h1, h2, h3, p, a, ul, li, div, span, section, article, canvas, svg) {
      font-family: inherit;
    }

    .nxms-home-index.demo-shell :where(h1, h2, h3, p, ul) {
      margin-top: 0;
    }

    .nxms-home-index.demo-shell :where(a) {
      color: inherit;
      text-decoration: none;
    }

    .nxms-home-index.demo-shell :where(svg, canvas) {
      display: block;
    }

    .nxms-home-index.demo-shell :where(button, a) {
      -webkit-tap-highlight-color: transparent;
    }

    body.nxms-home-index-page {
      margin: 0;
      padding: 0;
      overflow-x: hidden;
      background: #06142d;
    }

    body.nxms-home-index-page .nxms-home-index {
      width: 100%;
    }

    .nxms-home-index .cnc-hero {
      position: relative;
      width: 100%;
      min-height: 640px;
      overflow: hidden;
      isolation: isolate;
      background:
        radial-gradient(circle at 76% 14%, rgba(49, 112, 255, 0.48), transparent 30%),
        radial-gradient(circle at 24% 82%, rgba(43, 139, 255, 0.30), transparent 36%),
        linear-gradient(135deg, #05143a 0%, #08327a 48%, #061f58 100%);
      box-shadow: none;
    }

    .nxms-home-index .cnc-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 70% 28%, rgba(108, 178, 255, 0.20), transparent 22%),
        radial-gradient(circle at 22% 74%, rgba(58, 126, 255, 0.18), transparent 26%),
        linear-gradient(120deg, transparent 0%, rgba(121, 184, 255, 0.08) 48%, transparent 60%);
      background-size: 100% 100%, 100% 100%, 180% 100%;
      animation: nxmsSoftLightDrift 9s ease-in-out infinite;
      z-index: -2;
    }

    .nxms-home-index .cnc-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.08) 38%, transparent 52%);
      mix-blend-mode: screen;
      opacity: 0.55;
      animation: nxmsScanSweep 5.8s ease-in-out infinite;
      pointer-events: none;
      z-index: 2;
    }

    .nxms-home-index .cnc-canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
    }

    .nxms-home-index .hero-inner {
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: minmax(700px, 1.08fr) minmax(500px, 0.92fr);
      gap: 46px;
      align-items: center;
      width: min(1360px, calc(100% - 80px));
      min-height: 640px;
      margin: 0 auto;
      padding: 58px 0;
      transform: translateX(-50px);
    }

    .nxms-home-index .hero-copy {
      padding-left: calc(clamp(28px, 4vw, 72px) + 80px);
    }

    .nxms-home-index .eyebrow {
      display: none;
      align-items: center;
      gap: 10px;
      margin-bottom: 20px;
      color: var(--mint);
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .nxms-home-index .eyebrow::before {
      content: "";
      width: 34px;
      height: 2px;
      background: linear-gradient(90deg, var(--blue), var(--cyan));
      box-shadow: 0 0 18px var(--cyan);
    }

    .nxms-home-index h1 {
      display: flex;
      flex-direction: column;
      gap: 22px;
      margin: 0;
      color: var(--text);
      font-size: clamp(50px, 5.2vw, 76px);
      font-weight: 900;
      line-height: 1;
      letter-spacing: 0;
      text-align: left;
    }

    .nxms-home-index .hero-title-main {
      position: relative;
      display: inline-block;
      width: fit-content;
      padding-bottom: 20px;
      color: var(--text);
      font: inherit;
      font-weight: 900;
      text-shadow: 0 0 28px rgba(122, 167, 255, 0.18);
    }

    .nxms-home-index .hero-title-main::after {
      content: "";
      position: absolute;
      left: 4px;
      bottom: 0;
      width: calc(100% - 8px);
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent 0%, rgba(86, 223, 255, 0.95) 8%, #7aa7ff 72%, rgba(86, 223, 255, 0.72) 94%, transparent 100%);
      box-shadow:
        0 0 14px rgba(86, 223, 255, 0.72),
        0 0 34px rgba(40, 109, 255, 0.45);
    }

    .nxms-home-index .hero-title-sub {
      display: block;
      white-space: nowrap;
      font-size: clamp(28px, 2.45vw, 38px);
      font-weight: 800;
      line-height: 1.18;
      color: transparent;
      background: linear-gradient(100deg, #ffffff 0%, var(--cyan) 44%, #7aa7ff 100%);
      background-clip: text;
      -webkit-background-clip: text;
      text-shadow: 0 0 28px rgba(86, 160, 255, 0.20);
    }

    .nxms-home-index .lead {
      width: min(600px, 100%);
      margin: 22px 0 0;
      color: #d8ebf5;
      font-size: 17px;
      font-weight: 400;
      line-height: 1.72;
      text-align: left;
    }

    .nxms-home-index .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 26px;
      margin-top: 34px;
    }

    .nxms-home-index .hero-copy > h1 .hero-title-sub,
    .nxms-home-index .hero-copy > .lead,
    .nxms-home-index .hero-copy > .hero-actions {
      margin-left: 5px;
    }

    .nxms-home-index .hero-btn {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-width: 216px;
      min-height: 82px;
      padding: 0 56px;
      overflow: hidden;
      border-radius: 5px;
      border: 1px solid rgba(96, 231, 255, 0.55);
      color: #06111f;
      background: linear-gradient(135deg, var(--cyan), var(--blue));
      font-size: 23px;
      font-weight: 800;
      font-family: inherit;
      line-height: 1;
      text-decoration: none;
      text-align: center;
      white-space: nowrap;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset, 0 14px 34px rgba(40, 109, 255, 0.30);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      isolation: isolate;
    }

    .nxms-home-index .hero-btn.secondary {
      color: var(--text);
      background: rgba(9, 35, 58, 0.56);
      backdrop-filter: blur(12px);
    }

    .nxms-home-index .hero-btn::before {
      content: "";
      position: relative;
      z-index: 1;
      width: 25px;
      height: 25px;
      flex: 0 0 auto;
      background: currentColor;
      filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.28));
      -webkit-mask: var(--btn-icon) center / contain no-repeat;
      mask: var(--btn-icon) center / contain no-repeat;
    }

    .nxms-home-index .hero-btn[href*="/down/"] {
      --btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v11'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");
    }

    .nxms-home-index .hero-btn[href*="/free/"] {
      --btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3Cpath d='M4 6v12'/%3E%3C/svg%3E");
    }

    .nxms-home-index .hero-btn[href*="/Contact.html"] {
      --btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-8 8H6l-3 3v-7a8 8 0 1 1 18-4z'/%3E%3Cpath d='M8 11h8'/%3E%3Cpath d='M8 15h5'/%3E%3C/svg%3E");
    }

    .nxms-home-index .hero-btn[href*="/buy.html"] {
      --btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h15l-2 8H8L6 7Z'/%3E%3Cpath d='M6 7 5 3H2'/%3E%3Ccircle cx='9' cy='20' r='1.6'/%3E%3Ccircle cx='18' cy='20' r='1.6'/%3E%3Cpath d='M10 11h6'/%3E%3C/svg%3E");
    }

    .nxms-home-index .hero-btn::after {
      content: "";
      position: absolute;
      inset: -20% auto -20% -35%;
      width: 34%;
      z-index: 0;
      transform: skewX(-20deg);
      background: rgba(255, 255, 255, 0.55);
      animation: nxmsButtonGlint 3.7s ease-in-out infinite;
      pointer-events: none;
    }

    .nxms-home-index .hero-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 18px 44px rgba(40, 109, 255, 0.40);
    }

    .nxms-home-index .machine-stage {
      position: relative;
      min-height: 500px;
      perspective: 1000px;
      transform: translateY(20px);
    }

    .nxms-home-index .cnc-machine {
      position: absolute;
      inset: 38px 12px 22px;
      transform: rotate(-4deg) skewX(-6deg) scaleY(0.82);
      transform-style: preserve-3d;
      z-index: 2;
      opacity: 0.82;
      filter: drop-shadow(0 26px 38px rgba(0, 0, 0, 0.36));
      animation: nxmsMachineBreathe 5.5s ease-in-out infinite;
    }

    .nxms-home-index .machine-cabin {
      position: absolute;
      left: 18px;
      right: 12px;
      bottom: 46px;
      height: 280px;
      border: 1px solid rgba(156, 219, 255, 0.32);
      background:
        linear-gradient(135deg, rgba(86, 223, 255, 0.08), rgba(40, 109, 255, 0.04)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 30% 70%, rgba(255, 255, 255, 0.04));
      clip-path: polygon(5% 26%, 88% 0, 100% 70%, 17% 100%);
      box-shadow: 0 0 42px rgba(86, 160, 255, 0.16) inset, 0 0 30px rgba(86, 223, 255, 0.10);
      transform: translateZ(12px);
    }

    .nxms-home-index .machine-base {
      position: absolute;
      left: 42px;
      right: 34px;
      bottom: 28px;
      height: 96px;
      border: 1px solid rgba(116, 205, 255, 0.34);
      background:
        linear-gradient(135deg, rgba(51, 126, 255, 0.20), rgba(86, 223, 255, 0.08)),
        repeating-linear-gradient(90deg, rgba(190, 232, 255, 0.14) 0 1px, transparent 1px 26px);
      box-shadow: 0 0 38px rgba(40, 109, 255, 0.22) inset;
      transform: translateZ(0);
    }

    .nxms-home-index .machine-column {
      position: absolute;
      bottom: 100px;
      width: 44px;
      height: 178px;
      border: 1px solid rgba(116, 205, 255, 0.38);
      background: linear-gradient(90deg, rgba(12, 35, 78, 0.66), rgba(86, 223, 255, 0.26));
      box-shadow: 0 0 28px rgba(86, 223, 255, 0.22) inset, 0 0 20px rgba(86, 160, 255, 0.16);
      transform: translateZ(44px);
    }

    .nxms-home-index .machine-column.left {
      left: 70px;
    }

    .nxms-home-index .machine-column.right {
      right: 72px;
    }

    .nxms-home-index .machine-gantry {
      position: absolute;
      left: 88px;
      right: 88px;
      bottom: 254px;
      height: 42px;
      border: 1px solid rgba(116, 205, 255, 0.46);
      background: linear-gradient(90deg, rgba(86, 223, 255, 0.28), rgba(40, 109, 255, 0.48), rgba(86, 223, 255, 0.20));
      box-shadow: 0 0 34px rgba(86, 223, 255, 0.30), 0 0 28px rgba(40, 109, 255, 0.30) inset;
      transform: translateZ(72px);
    }

    .nxms-home-index .machine-gantry::before {
      content: "";
      position: absolute;
      left: 20px;
      right: 20px;
      top: 50%;
      height: 2px;
      background: linear-gradient(90deg, transparent, rgba(190, 232, 255, 0.86), transparent);
      box-shadow: 0 0 16px rgba(86, 223, 255, 0.72);
    }

    .nxms-home-index .spindle-carriage {
      position: absolute;
      left: 22%;
      bottom: 184px;
      width: 86px;
      height: 172px;
      transform: translateZ(116px);
      opacity: 0.28;
      animation: nxmsSpindleTravel 4.8s ease-in-out infinite;
    }

    .nxms-home-index .upright-spindle {
      position: absolute;
      z-index: 5;
      left: 0;
      top: 0;
      width: 106px;
      height: 292px;
      transform: translate3d(var(--spindle-x, 815px), var(--spindle-y, 98px), 0);
      filter: drop-shadow(0 18px 32px rgba(2, 12, 36, 0.38));
    }

    .nxms-home-index .upright-rail {
      position: absolute;
      left: -72px;
      right: -72px;
      top: 12px;
      height: 22px;
      border: 1px solid rgba(154, 218, 255, 0.46);
      background: linear-gradient(90deg, rgba(50, 107, 255, 0.18), rgba(86, 223, 255, 0.48), rgba(50, 107, 255, 0.18));
      box-shadow: 0 0 24px rgba(86, 160, 255, 0.32);
    }

    .nxms-home-index .upright-head {
      position: absolute;
      left: 17px;
      top: 22px;
      width: 72px;
      height: 112px;
      border: 1px solid rgba(214, 242, 255, 0.74);
      background:
        linear-gradient(135deg, rgba(245, 252, 255, 0.78), rgba(86, 170, 255, 0.50) 46%, rgba(21, 54, 144, 0.76)),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 16px);
      box-shadow: 0 0 26px rgba(86, 223, 255, 0.44), 0 0 22px rgba(40, 109, 255, 0.32) inset;
    }

    .nxms-home-index .upright-head::before {
      content: "";
      position: absolute;
      left: 14px;
      right: 14px;
      top: -20px;
      height: 22px;
      background: linear-gradient(90deg, rgba(86, 223, 255, 0.18), rgba(214, 242, 255, 0.78), rgba(86, 223, 255, 0.18));
      border: 1px solid rgba(154, 218, 255, 0.46);
    }

    .nxms-home-index .spindle-mark {
      position: absolute;
      left: 50%;
      top: 22px;
      transform: translateX(-50%);
      width: 48px;
      height: 68px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
      opacity: 1;
      filter:
        drop-shadow(0 0 7px rgba(255, 255, 255, 0.32))
        drop-shadow(0 0 16px rgba(86, 223, 255, 0.52));
      animation: nxmsSpindleLogoBeat 2.2s ease-in-out infinite;
      pointer-events: none;
    }

    .nxms-home-index .spindle-mark img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: brightness(1.25) contrast(1.18) saturate(1.12);
    }

    .nxms-home-index .upright-tool {
      position: absolute;
      left: 46px;
      top: 132px;
      width: 14px;
      height: 82px;
      background: linear-gradient(#ffffff, #95dcff 34%, #2b7dff 72%, #e9fbff);
      clip-path: polygon(18% 0, 82% 0, 70% 82%, 50% 100%, 30% 82%);
      filter: drop-shadow(0 0 16px rgba(86, 223, 255, 0.95));
      animation: nxmsToolVibrate 0.24s linear infinite;
    }

    .nxms-home-index .upright-cut-glow {
      position: absolute;
      left: 30px;
      top: 194px;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255, 255, 255, 0.98) 0 9%, rgba(86, 223, 255, 0.82) 10% 36%, rgba(40, 109, 255, 0) 68%);
      filter: drop-shadow(0 0 18px rgba(86, 223, 255, 0.95));
      animation: nxmsContactPulse 0.66s ease-in-out infinite;
    }

    .nxms-home-index .upright-chip {
      position: absolute;
      left: 54px;
      top: 208px;
      width: 62px;
      height: 2px;
      background: linear-gradient(90deg, #ffffff, rgba(86, 223, 255, 0));
      opacity: 0;
      transform-origin: left center;
      animation: nxmsChipFly 0.74s ease-out infinite;
    }

    .nxms-home-index .upright-chip.c2 {
      --chip-angle: -24deg;
      animation-delay: 0.18s;
    }

    .nxms-home-index .upright-chip.c3 {
      --chip-angle: 28deg;
      animation-delay: 0.34s;
    }

    .nxms-home-index .spindle-block {
      position: absolute;
      left: 8px;
      right: 8px;
      top: 0;
      height: 78px;
      border: 1px solid rgba(190, 232, 255, 0.64);
      background: linear-gradient(135deg, rgba(220, 246, 255, 0.62), rgba(66, 127, 255, 0.38) 48%, rgba(12, 35, 78, 0.52));
      box-shadow: 0 0 24px rgba(86, 223, 255, 0.40);
    }

    .nxms-home-index .spindle-tool {
      position: absolute;
      left: 35px;
      top: 70px;
      width: 16px;
      height: 92px;
      background: linear-gradient(#f3fbff, #61dfff 46%, #286dff);
      clip-path: polygon(18% 0, 82% 0, 68% 72%, 50% 100%, 32% 72%);
      filter: drop-shadow(0 0 16px rgba(86, 223, 255, 0.86));
      animation: nxmsSpindleCut 0.42s linear infinite;
    }

    .nxms-home-index .cut-contact {
      position: absolute;
      left: 25px;
      top: 148px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 10%, rgba(86, 223, 255, 0.78) 11% 34%, rgba(40, 109, 255, 0.00) 66%);
      filter: blur(0.2px) drop-shadow(0 0 16px rgba(86, 223, 255, 0.92));
      animation: nxmsContactPulse 0.7s ease-in-out infinite;
    }

    .nxms-home-index .spark {
      position: absolute;
      left: 42px;
      top: 162px;
      width: 54px;
      height: 2px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.95), rgba(86, 223, 255, 0));
      transform-origin: left center;
      opacity: 0;
      animation: nxmsSparkFly 0.72s ease-out infinite;
    }

    .nxms-home-index .spark.s2 {
      --spark-angle: 24deg;
      animation-delay: 0.18s;
    }

    .nxms-home-index .spark.s3 {
      --spark-angle: -28deg;
      animation-delay: 0.34s;
    }

    .nxms-home-index .part-model {
      position: absolute;
      left: 1%;
      right: -4%;
      top: 176px;
      height: 300px;
      transform: scale(0.75);
      transform-origin: 62% 42%;
      z-index: 1;
      animation: nxmsModelFloat 5.5s ease-in-out infinite;
    }

    .nxms-home-index .board-svg {
      position: absolute;
      inset: 0;
      z-index: 3;
      width: 100%;
      height: 100%;
      overflow: visible;
      filter: drop-shadow(0 36px 52px rgba(0, 0, 0, 0.34));
    }

    .nxms-home-index .board-face-top {
      fill: rgba(43, 113, 220, 0.23);
      stroke: rgba(119, 217, 255, 0.42);
      stroke-width: 1.2;
    }

    .nxms-home-index .board-face-front {
      fill: url(#boardFront);
      stroke: none;
    }

    .nxms-home-index .board-depth-front {
      fill: url(#boardDepthFront);
      opacity: 0.82;
    }

    .nxms-home-index .board-face-right {
      fill: url(#boardRight);
      stroke: none;
    }

    .nxms-home-index .board-depth-right {
      fill: url(#boardDepthRight);
      opacity: 0.72;
    }

    .nxms-home-index .board-grid {
      stroke: rgba(178, 230, 255, 0.16);
      stroke-width: 1;
    }

    .nxms-home-index .workpiece,
    .nxms-home-index .board-front,
    .nxms-home-index .board-right {
      display: none;
    }

    .nxms-home-index .part-model::after {
      content: "";
      position: absolute;
      left: 10%;
      right: 0;
      top: 236px;
      height: 70px;
      background: radial-gradient(ellipse, rgba(0, 6, 22, 0.44), transparent 68%);
      filter: blur(12px);
      z-index: -1;
    }

    .nxms-home-index .cut-path {
      display: none;
      position: absolute;
      z-index: 4;
      left: 50%;
      top: 50%;
      width: min(430px, 60%);
      aspect-ratio: 440 / 260;
      transform: translate(-43%, -44%);
      transform-origin: center;
      pointer-events: none;
    }

    .nxms-home-index .cut-path svg {
      width: 100%;
      height: 100%;
      overflow: visible;
      filter: drop-shadow(0 0 8px rgba(86, 223, 255, 0.85));
      transform: rotate(2.8deg) skewX(-2deg) scaleY(0.62);
      transform-origin: center;
    }

    .nxms-home-index .ms-write-segment {
      fill: none;
      stroke: url(#pathGradient);
      stroke-width: 5.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: none;
      stroke-dashoffset: 0;
    }

    .nxms-home-index .ms-writing {
      clip-path: inset(0 calc(100% - var(--reveal, 0%)) 0 0);
    }

    .nxms-home-index .table-url-path {
      fill: none;
      stroke: rgba(164, 230, 245, 0.54);
      stroke-width: 4;
      stroke-linejoin: round;
      stroke-linecap: round;
      filter: drop-shadow(0 0 5px rgba(86, 223, 255, 0.34));
      opacity: 0.62;
      animation: nxmsUrlLinePulse 4.8s ease-in-out infinite;
    }

    .nxms-home-index .table-url-path circle {
      fill: rgba(164, 230, 245, 0.58);
      stroke: none;
    }

    .nxms-home-index .ms-guide-path {
      display: none;
      fill: none;
      stroke: rgba(146, 211, 255, 0.16);
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .nxms-home-index .tool-head {
      position: absolute;
      top: 42px;
      left: 50%;
      width: 84px;
      height: 178px;
      transform: translateX(-50%) translateZ(120px);
      transform-style: preserve-3d;
      animation: nxmsToolMove 4.8s ease-in-out infinite;
    }

    .nxms-home-index .tool-head::before {
      content: "";
      position: absolute;
      inset: 0 22px 54px;
      background: linear-gradient(90deg, #d8f7ff, #63dfff 35%, #174dba 100%);
      clip-path: polygon(18% 0, 82% 0, 68% 100%, 32% 100%);
      box-shadow: 0 0 24px rgba(86, 223, 255, 0.45);
    }

    .nxms-home-index .tool-head::after {
      content: "";
      position: absolute;
      left: 30px;
      right: 30px;
      bottom: 0;
      height: 70px;
      background: linear-gradient(#ffffff, #56dfff 44%, transparent 45%);
      clip-path: polygon(25% 0, 75% 0, 100% 100%, 0 100%);
      filter: drop-shadow(0 0 18px var(--cyan));
      opacity: 0.92;
    }

    .nxms-home-index .hud-card {
      position: absolute;
      right: 0;
      top: 0;
      width: 210px;
      padding: 16px;
      border: 1px solid rgba(111, 231, 255, 0.30);
      background: var(--panel);
      backdrop-filter: blur(16px);
      box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
      animation: nxmsHudPulse 3s ease-in-out infinite;
    }

    .nxms-home-index .hud-title {
      display: flex;
      justify-content: space-between;
      color: var(--mint);
      font-size: 13px;
      font-weight: 800;
    }

    .nxms-home-index .hud-lines {
      display: grid;
      gap: 9px;
      margin-top: 14px;
    }

    .nxms-home-index .hud-line {
      height: 7px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.10);
    }

    .nxms-home-index .hud-line i {
      display: block;
      width: var(--w);
      height: 100%;
      background: linear-gradient(90deg, #1d57ff, var(--blue), var(--cyan));
      box-shadow: 0 0 18px rgba(86, 160, 255, 0.60);
      animation: nxmsBarLoad 2.6s ease-in-out infinite;
    }

    .nxms-home-index .orbit {
      position: absolute;
      border: 1px solid rgba(111, 231, 255, 0.24);
      border-radius: 50%;
      animation: nxmsOrbitSpin 9s linear infinite;
    }

    .nxms-home-index .orbit.one {
      width: 330px;
      height: 330px;
      right: 58px;
      bottom: 14px;
    }

    .nxms-home-index .orbit.two {
      width: 226px;
      height: 226px;
      right: 110px;
      bottom: 64px;
      animation-duration: 6.5s;
      animation-direction: reverse;
    }

    .nxms-home-index .orbit::before {
      content: "";
      position: absolute;
      top: 12%;
      left: 50%;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--cyan);
      box-shadow: 0 0 18px var(--cyan);
    }

    .nxms-home-index .slider-dots {
      position: absolute;
      z-index: 4;
      left: 50%;
      bottom: 24px;
      display: flex;
      gap: 10px;
      transform: translateX(-50%);
    }

    .nxms-home-index .slider-dots button {
      width: 34px;
      height: 4px;
      padding: 0;
      border: 0;
      background: rgba(255, 255, 255, 0.28);
      cursor: pointer;
    }

    .nxms-home-index .slider-dots button.active {
      background: linear-gradient(90deg, var(--blue), var(--cyan));
      box-shadow: 0 0 14px var(--cyan);
    }

    .nxms-home-index .site-section {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 18% 12%, rgba(70, 149, 255, 0.18), transparent 30%),
        linear-gradient(180deg, #06142d 0%, #071a3b 100%);
      border-top: 1px solid rgba(116, 205, 255, 0.12);
    }

    .nxms-home-index .light-section {
      background:
        radial-gradient(circle at 82% 12%, rgba(86, 223, 255, 0.14), transparent 28%),
        linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
      color: #09204a;
      border-top: 1px solid rgba(40, 109, 255, 0.12);
    }

    .nxms-home-index .light-section .section-kicker {
      color: #1c75ff;
    }

    .nxms-home-index .light-section .section-title {
      font-size: clamp(28px, 2.65vw, 40px);
      line-height: 1.24;
    }

    .nxms-home-index .section-title.is-large {
      font-size: clamp(42px, 4.2vw, 60px);
      line-height: 1.12;
    }

    .nxms-home-index .light-section .section-text,
    .nxms-home-index .light-section .feature-card p,
    .nxms-home-index .light-section .process-step p {
      color: #52657d;
    }

    .nxms-home-index .light-section .feature-card,
    .nxms-home-index .light-section .process-step {
      background: rgba(255, 255, 255, 0.78);
      border-color: rgba(34, 112, 255, 0.16);
      box-shadow: 0 22px 52px rgba(18, 66, 140, 0.10);
    }

    .nxms-home-index .section-inner {
      width: min(1180px, calc(100% - 64px));
      margin: 0 auto;
      padding: 86px 0;
    }

    .nxms-home-index .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 28px;
      margin-bottom: 36px;
    }

    .nxms-home-index .section-kicker {
      margin: 0 0 14px;
      color: var(--cyan);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .nxms-home-index .section-title {
      margin: 0;
      max-width: 720px;
      color: inherit;
      font-size: clamp(32px, 3.2vw, 48px);
      font-weight: 800;
      line-height: 1.18;
      letter-spacing: 0;
      text-align: left;
    }

    .nxms-home-index .section-text {
      max-width: 460px;
      margin: 0;
      color: var(--muted);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.8;
      text-align: left;
    }

    .nxms-home-index .feature-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .nxms-home-index .feature-card,
    .nxms-home-index .capability-card,
    .nxms-home-index .process-step {
      border: 1px solid rgba(116, 205, 255, 0.18);
      background: linear-gradient(180deg, rgba(12, 39, 88, 0.72), rgba(5, 18, 45, 0.64));
      box-shadow: 0 24px 70px rgba(0, 8, 30, 0.22);
      backdrop-filter: blur(14px);
    }

    .nxms-home-index .feature-card {
      min-height: 405px;
      padding: 28px;
      border-radius: 8px;
    }

    .nxms-home-index .feature-index {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      margin-bottom: 22px;
      border-radius: 5px;
      color: #06142d;
      background: linear-gradient(135deg, var(--cyan), #7aa7ff);
      font-weight: 900;
    }

    .nxms-home-index .feature-visual {
      position: relative;
      height: 165px;
      margin: 6px 0 28px;
      overflow: hidden;
      border: 1px solid rgba(63, 148, 255, 0.16);
      border-radius: 8px;
      background:
        radial-gradient(circle at 20% 24%, rgba(86, 223, 255, 0.28), transparent 24%),
        radial-gradient(circle at 78% 74%, rgba(40, 109, 255, 0.18), transparent 28%),
        linear-gradient(rgba(28, 117, 255, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(28, 117, 255, 0.07) 1px, transparent 1px),
        linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(232, 244, 255, 0.58));
      background-size: 100% 100%, 100% 100%, 24px 24px, 24px 24px, 100% 100%;
      box-shadow: inset 0 0 34px rgba(40, 109, 255, 0.08);
    }

    .nxms-home-index .feature-visual img {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0.88;
      filter: saturate(0.92) contrast(1.08);
      transform: scale(1.02);
    }

    .nxms-home-index .feature-visual-detect img {
      object-position: 50% 48%;
    }

    .nxms-home-index .feature-visual-toolpath img {
      object-position: 50% 48%;
    }

    .nxms-home-index .feature-visual-output img {
      object-position: 50% 46%;
    }

    .nxms-home-index .feature-visual::before,
    .nxms-home-index .feature-visual::after,
    .nxms-home-index .feature-visual span,
    .nxms-home-index .feature-visual i,
    .nxms-home-index .feature-visual b {
      content: "";
      position: absolute;
      display: block;
      pointer-events: none;
    }

    .nxms-home-index .feature-visual::before {
      z-index: 1;
      left: 22px;
      right: 22px;
      top: 22px;
      bottom: 22px;
      border: 1px solid rgba(28, 117, 255, 0.14);
      border-radius: 6px;
      background:
        linear-gradient(180deg, rgba(3, 18, 46, 0.02), rgba(6, 28, 72, 0.24)),
        linear-gradient(90deg, transparent 49%, rgba(86, 223, 255, 0.14) 50%, transparent 51%);
      box-shadow: inset 0 0 32px rgba(86, 223, 255, 0.14);
    }

    .nxms-home-index .feature-visual::after {
      z-index: 2;
      right: 28px;
      top: 24px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--cyan);
      box-shadow:
        -46px 54px 0 rgba(40, 109, 255, 0.58),
        -128px 12px 0 rgba(86, 223, 255, 0.68),
        0 0 18px rgba(86, 223, 255, 0.70);
    }

    .nxms-home-index .feature-visual-detect span {
      left: 36px;
      top: 38px;
      width: 78px;
      height: 58px;
      border: 2px solid rgba(28, 117, 255, 0.42);
      border-radius: 7px;
      background:
        linear-gradient(90deg, transparent 48%, rgba(86, 223, 255, 0.34) 49%, transparent 51%),
        linear-gradient(0deg, transparent 48%, rgba(86, 223, 255, 0.28) 49%, transparent 51%),
        rgba(255, 255, 255, 0.28);
      box-shadow: 0 0 22px rgba(86, 223, 255, 0.26);
    }

    .nxms-home-index .feature-visual-detect i {
      left: 88px;
      top: 26px;
      width: 2px;
      height: 96px;
      background: linear-gradient(180deg, transparent, var(--cyan), transparent);
      box-shadow: 0 0 14px rgba(86, 223, 255, 0.85);
      animation: nxmsFeatureScan 2.8s ease-in-out infinite;
    }

    .nxms-home-index .feature-visual-detect b {
      right: 36px;
      top: 42px;
      width: 108px;
      height: 64px;
      border: 1px solid rgba(40, 109, 255, 0.32);
      border-radius: 8px;
      background:
        linear-gradient(135deg, transparent 0 45%, rgba(86, 223, 255, 0.52) 46% 48%, transparent 49%),
        linear-gradient(90deg, rgba(40, 109, 255, 0.58) 0 16px, transparent 16px 24px, rgba(86, 223, 255, 0.46) 24px 62px, transparent 62px),
        rgba(255, 255, 255, 0.20);
      transform: skewX(-12deg);
    }

    .nxms-home-index .feature-visual-toolpath span {
      left: 30px;
      right: 34px;
      top: 82px;
      height: 58px;
      border: solid rgba(40, 109, 255, 0.42);
      border-width: 3px 0 0 3px;
      border-radius: 38px 0 0 0;
      filter: drop-shadow(0 0 9px rgba(86, 223, 255, 0.34));
    }

    .nxms-home-index .feature-visual-toolpath i {
      left: 50px;
      top: 42px;
      width: 170px;
      height: 70px;
      background:
        radial-gradient(circle at 18% 70%, var(--cyan) 0 4px, transparent 5px),
        radial-gradient(circle at 48% 28%, #286dff 0 4px, transparent 5px),
        radial-gradient(circle at 82% 56%, var(--cyan) 0 4px, transparent 5px),
        linear-gradient(135deg, transparent 0 34%, rgba(86, 223, 255, 0.72) 35% 37%, transparent 38%),
        linear-gradient(18deg, transparent 0 54%, rgba(40, 109, 255, 0.70) 55% 57%, transparent 58%);
    }

    .nxms-home-index .feature-visual-toolpath b {
      right: 48px;
      top: 28px;
      width: 28px;
      height: 82px;
      background: linear-gradient(#ffffff, #56dfff 50%, #286dff);
      clip-path: polygon(28% 0, 72% 0, 62% 76%, 50% 100%, 38% 76%);
      filter: drop-shadow(0 0 10px rgba(86, 223, 255, 0.72));
    }

    .nxms-home-index .feature-visual-output span {
      left: 34px;
      top: 32px;
      width: 86px;
      height: 76px;
      border: 1px solid rgba(28, 117, 255, 0.36);
      border-radius: 6px;
      background:
        linear-gradient(rgba(86, 223, 255, 0.30) 0 10px, transparent 10px),
        repeating-linear-gradient(180deg, transparent 0 14px, rgba(28, 117, 255, 0.18) 14px 16px),
        rgba(255, 255, 255, 0.20);
      box-shadow: 0 0 18px rgba(40, 109, 255, 0.14);
    }

    .nxms-home-index .feature-visual-output i {
      left: 132px;
      top: 70px;
      width: 88px;
      height: 3px;
      background: linear-gradient(90deg, rgba(40, 109, 255, 0.78), var(--cyan), rgba(40, 109, 255, 0.64));
      box-shadow:
        0 -22px 0 rgba(86, 223, 255, 0.20),
        0 22px 0 rgba(40, 109, 255, 0.16),
        0 0 12px rgba(86, 223, 255, 0.48);
    }

    .nxms-home-index .feature-visual-output i::after {
      content: "";
      position: absolute;
      right: -1px;
      top: -5px;
      width: 12px;
      height: 12px;
      border-top: 2px solid var(--cyan);
      border-right: 2px solid var(--cyan);
      transform: rotate(45deg);
    }

    .nxms-home-index .feature-visual-output b {
      right: 32px;
      top: 34px;
      width: 84px;
      height: 72px;
      border: 1px solid rgba(86, 223, 255, 0.46);
      border-radius: 6px;
      background:
        linear-gradient(90deg, rgba(86, 223, 255, 0.22) 0 18px, transparent 18px),
        repeating-linear-gradient(180deg, transparent 0 13px, rgba(86, 223, 255, 0.16) 13px 15px),
        linear-gradient(135deg, rgba(86, 223, 255, 0.24), rgba(40, 109, 255, 0.10));
    }

    .nxms-home-index .feature-card h3,
    .nxms-home-index .capability-card h3,
    .nxms-home-index .process-step h3 {
      margin: 0 0 12px;
      color: inherit;
      font-size: 22px;
      font-weight: 800;
      line-height: 1.28;
    }

    .nxms-home-index .feature-card p,
    .nxms-home-index .capability-card p,
    .nxms-home-index .process-step p {
      margin: 0;
      color: var(--muted);
      font-size: 15px;
      font-weight: 400;
      line-height: 1.75;
    }

    .nxms-home-index .feature-buy-nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      margin-top: 28px;
      padding: 26px 30px;
      overflow: hidden;
      border: 1px solid rgba(40, 109, 255, 0.16);
      border-radius: 8px;
      background:
        radial-gradient(circle at 82% 20%, rgba(86, 223, 255, 0.22), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(232, 244, 255, 0.78));
      box-shadow: 0 22px 52px rgba(18, 66, 140, 0.12);
    }

    .nxms-home-index .feature-buy-nav strong {
      display: block;
      margin-bottom: 8px;
      color: #08245a;
      font-size: 24px;
      font-weight: 800;
      line-height: 1.25;
    }

    .nxms-home-index .feature-buy-nav span {
      display: block;
      color: #52657d;
      font-size: 15px;
      line-height: 1.7;
    }

    .nxms-home-index .feature-buy-actions {
      display: flex;
      flex: 0 0 auto;
      gap: 16px;
      align-items: center;
    }

    .nxms-home-index .feature-buy-nav .hero-btn {
      flex: 0 0 auto;
      min-width: 186px;
      min-height: 68px;
      padding: 0 34px;
      font-size: 21px;
      box-shadow: 0 18px 42px rgba(40, 109, 255, 0.28);
    }

    .nxms-home-index .split-layout {
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
      gap: 52px;
      align-items: center;
    }

    .nxms-home-index .tech-panel {
      position: relative;
      min-height: 470px;
      overflow: hidden;
      border: 1px solid rgba(116, 205, 255, 0.20);
      border-radius: 8px;
      background:
        radial-gradient(circle at 76% 22%, rgba(86, 223, 255, 0.22), transparent 32%),
        radial-gradient(circle at 34% 78%, rgba(40, 109, 255, 0.24), transparent 38%),
        linear-gradient(rgba(116, 205, 255, 0.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(116, 205, 255, 0.075) 1px, transparent 1px),
        linear-gradient(135deg, rgba(4, 17, 48, 0.88), rgba(6, 38, 86, 0.78));
      background-size: 100% 100%, 100% 100%, 36px 36px, 36px 36px, 100% 100%;
      box-shadow:
        inset 0 0 90px rgba(40, 109, 255, 0.20),
        0 24px 70px rgba(0, 11, 40, 0.20);
    }

    .nxms-home-index .tech-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(115deg, transparent 0%, rgba(86, 223, 255, 0.10) 42%, transparent 58%),
        radial-gradient(circle at 50% 50%, transparent 0 28%, rgba(86, 223, 255, 0.08) 29% 30%, transparent 31%);
      opacity: 0.74;
      animation: nxmsPanelGlowSweep 7.5s ease-in-out infinite;
      pointer-events: none;
    }

    .nxms-home-index .tech-panel::after {
      content: "";
      position: absolute;
      inset: 22px;
      border: 1px solid rgba(116, 205, 255, 0.12);
      border-radius: 8px;
      box-shadow: inset 0 0 32px rgba(86, 223, 255, 0.08);
      pointer-events: none;
    }

    .nxms-home-index .panel-watermark {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 0;
      opacity: 0.045;
      pointer-events: none;
      color: #d7f7ff;
      font-size: clamp(150px, 18vw, 260px);
      font-weight: 900;
      line-height: 1;
      letter-spacing: 0;
      white-space: nowrap;
      text-shadow: 0 0 28px rgba(86, 223, 255, 0.20);
      transform: translate(-50%, -50%);
    }

    .nxms-home-index .panel-watermark::before {
      content: "模圣";
    }

    .nxms-home-index .panel-scan {
      position: absolute;
      inset: -30% auto -30% -24%;
      width: 22%;
      transform: skewX(-18deg);
      background: linear-gradient(90deg, transparent, rgba(86, 223, 255, 0.16), transparent);
      filter: blur(0.2px);
      animation: nxmsPanelScan 5.2s ease-in-out infinite;
    }

    .nxms-home-index .panel-flow-lines {
      position: absolute;
      inset: 52px 58px 70px;
      z-index: 1;
      pointer-events: none;
    }

    .nxms-home-index .panel-flow-lines span {
      position: absolute;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, rgba(86, 223, 255, 0.70), transparent);
      box-shadow: 0 0 14px rgba(86, 223, 255, 0.46);
      transform-origin: left center;
      animation: nxmsPanelFlow 3.6s ease-in-out infinite;
    }

    .nxms-home-index .panel-flow-lines span:nth-child(1) {
      left: 72px;
      top: 92px;
      width: 265px;
      transform: rotate(22deg);
    }

    .nxms-home-index .panel-flow-lines span:nth-child(2) {
      right: 96px;
      top: 168px;
      width: 230px;
      transform: rotate(142deg);
      animation-delay: 0.6s;
    }

    .nxms-home-index .panel-flow-lines span:nth-child(3) {
      left: 116px;
      bottom: 76px;
      width: 290px;
      transform: rotate(-15deg);
      animation-delay: 1.1s;
    }

    .nxms-home-index .panel-core {
      position: absolute;
      left: 56%;
      top: 55%;
      z-index: 2;
      width: 250px;
      height: 250px;
      transform: translate(-50%, -50%);
      border: 1px solid rgba(86, 223, 255, 0.42);
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(86, 223, 255, 0.30) 0 5%, rgba(86, 223, 255, 0.12) 6% 22%, transparent 23%),
        conic-gradient(from 0deg, rgba(86, 223, 255, 0.0), rgba(86, 223, 255, 0.28), rgba(40, 109, 255, 0.0), rgba(86, 223, 255, 0.18), rgba(86, 223, 255, 0.0));
      box-shadow:
        0 0 42px rgba(86, 223, 255, 0.18),
        inset 0 0 38px rgba(40, 109, 255, 0.18);
      animation: nxmsPanelCoreSpin 18s linear infinite;
    }

    .nxms-home-index .panel-core::before,
    .nxms-home-index .panel-core::after {
      content: "";
      position: absolute;
      inset: 36px;
      border: 1px solid rgba(138, 182, 255, 0.28);
      border-radius: 50%;
    }

    .nxms-home-index .panel-core::after {
      inset: 76px;
      border-color: rgba(86, 223, 255, 0.34);
      box-shadow: 0 0 24px rgba(86, 223, 255, 0.20);
    }

    .nxms-home-index .panel-core i,
    .nxms-home-index .panel-core b {
      position: absolute;
      left: 50%;
      top: 50%;
      display: block;
      border-radius: 999px;
      background: rgba(86, 223, 255, 0.85);
      box-shadow: 0 0 18px rgba(86, 223, 255, 0.72);
      content: "";
    }

    .nxms-home-index .panel-core i {
      width: 138px;
      height: 2px;
      transform: translate(-50%, -50%) rotate(28deg);
    }

    .nxms-home-index .panel-core b {
      width: 2px;
      height: 118px;
      transform: translate(-50%, -50%) rotate(28deg);
    }

    .nxms-home-index .panel-pulse {
      position: absolute;
      z-index: 1;
      border: 1px solid rgba(86, 223, 255, 0.18);
      border-radius: 50%;
      box-shadow: 0 0 30px rgba(86, 223, 255, 0.08);
      animation: nxmsPanelPulse 5.8s ease-in-out infinite;
      pointer-events: none;
    }

    .nxms-home-index .panel-pulse.pulse-a {
      left: 58%;
      top: 55%;
      width: 320px;
      height: 320px;
      transform: translate(-50%, -50%);
    }

    .nxms-home-index .panel-pulse.pulse-b {
      left: 56%;
      top: 55%;
      width: 410px;
      height: 410px;
      transform: translate(-50%, -50%);
      animation-delay: 1.2s;
      opacity: 0.48;
    }

    .nxms-home-index .panel-disk {
      position: absolute;
      z-index: 2;
      border-radius: 50%;
      border: 1px solid rgba(116, 205, 255, 0.22);
      background:
        radial-gradient(circle at 42% 38%, rgba(210, 250, 255, 0.34) 0 8%, rgba(86, 223, 255, 0.18) 9% 34%, rgba(40, 109, 255, 0.04) 35% 64%, transparent 65%),
        conic-gradient(from 20deg, transparent, rgba(86, 223, 255, 0.30), transparent 38%, rgba(40, 109, 255, 0.24), transparent 72%);
      box-shadow:
        0 0 30px rgba(86, 223, 255, 0.12),
        inset 0 0 26px rgba(86, 223, 255, 0.08);
      pointer-events: none;
      mix-blend-mode: screen;
      will-change: transform;
    }

    .nxms-home-index .panel-disk::before,
    .nxms-home-index .panel-disk::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }

    .nxms-home-index .panel-disk::before {
      inset: 20%;
      border: 1px solid rgba(138, 182, 255, 0.22);
    }

    .nxms-home-index .panel-disk::after {
      left: 50%;
      top: 50%;
      width: 6px;
      height: 6px;
      transform: translate(-50%, -50%);
      background: rgba(86, 223, 255, 0.74);
      box-shadow: 0 0 16px rgba(86, 223, 255, 0.72);
    }

    .nxms-home-index .panel-disk.disk-a {
      left: 18%;
      top: 36%;
      width: 96px;
      height: 96px;
    }

    .nxms-home-index .panel-disk.disk-b {
      left: 66%;
      top: 18%;
      width: 74px;
      height: 74px;
    }

    .nxms-home-index .panel-disk.disk-c {
      left: 74%;
      top: 62%;
      width: 118px;
      height: 118px;
    }

    .nxms-home-index .panel-disk.disk-d {
      left: 34%;
      top: 70%;
      width: 62px;
      height: 62px;
      opacity: 0.72;
    }

    .nxms-home-index .panel-node {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
      position: absolute;
      z-index: 3;
      width: 118px;
      height: 118px;
      padding: 16px;
      border: 1px solid rgba(116, 205, 255, 0.22);
      border-radius: 50%;
      background:
        radial-gradient(circle at 42% 30%, rgba(86, 223, 255, 0.22), transparent 34%),
        linear-gradient(135deg, rgba(8, 35, 82, 0.92), rgba(4, 17, 48, 0.84));
      color: #dff8ff;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.25;
      text-align: center;
      box-shadow:
        0 16px 36px rgba(0, 7, 30, 0.22),
        0 0 28px rgba(86, 223, 255, 0.08),
        inset 0 0 24px rgba(86, 223, 255, 0.10);
      backdrop-filter: blur(12px);
      will-change: transform;
    }

    .nxms-home-index .panel-node::after {
      content: "";
      position: absolute;
      inset: 8px;
      border: 1px solid rgba(86, 223, 255, 0.20);
      border-radius: 50%;
      background: conic-gradient(from 30deg, transparent, rgba(86, 223, 255, 0.22), transparent 38%, rgba(40, 109, 255, 0.18), transparent 74%);
      box-shadow: inset 0 0 16px rgba(86, 223, 255, 0.08);
    }

    .nxms-home-index .node-icon {
      flex: 0 0 auto;
      position: relative;
      z-index: 1;
      width: 26px;
      height: 26px;
      color: var(--cyan);
      filter: drop-shadow(0 0 8px rgba(86, 223, 255, 0.45));
    }

    .nxms-home-index .panel-node > span:not(.node-icon) {
      position: relative;
      z-index: 1;
    }

    .nxms-home-index .node-icon svg {
      display: block;
      width: 100%;
      height: 100%;
      stroke: currentColor;
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .nxms-home-index .panel-node:nth-child(10) {
      left: 44px;
      top: 44px;
    }

    .nxms-home-index .panel-node:nth-child(11) {
      right: 44px;
      top: 68px;
    }

    .nxms-home-index .panel-node:nth-child(12) {
      left: 78px;
      bottom: 76px;
    }

    .nxms-home-index .panel-node:nth-child(13) {
      right: 70px;
      bottom: 62px;
    }

    .nxms-home-index .capability-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }

    .nxms-home-index .capability-card {
      min-height: 170px;
      padding: 24px;
      border-radius: 8px;
    }

    .nxms-home-index .custom-band {
      background:
        radial-gradient(circle at 78% 44%, rgba(86, 223, 255, 0.22), transparent 32%),
        linear-gradient(135deg, #061a3d 0%, #08275b 100%);
    }

    .nxms-home-index .custom-summary {
      margin-top: 22px;
    }

    .nxms-home-index .custom-actions {
      margin-top: 34px;
    }

    .nxms-home-index .custom-list {
      display: grid;
      gap: 16px;
      margin: 28px 0 0;
      padding: 0;
      list-style: none;
    }

    .nxms-home-index .custom-list li {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      color: #dcefff;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;
    }

    .nxms-home-index .custom-list li::before {
      content: "";
      flex: 0 0 auto;
      width: 10px;
      height: 10px;
      margin-top: 9px;
      border-radius: 50%;
      background: var(--cyan);
      box-shadow: 0 0 14px rgba(86, 223, 255, 0.78);
    }

    .nxms-home-index .process-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      counter-reset: process;
    }

    .nxms-home-index .process-step {
      position: relative;
      min-height: 210px;
      padding: 26px 22px;
      border-radius: 8px;
    }

    .nxms-home-index .process-step::before {
      counter-increment: process;
      content: "0" counter(process);
      display: block;
      margin-bottom: 34px;
      color: rgba(86, 223, 255, 0.88);
      font-size: 30px;
      font-weight: 900;
    }

    .nxms-home-index .cta-band {
      position: relative;
      overflow: hidden;
      border-top: 1px solid rgba(116, 205, 255, 0.14);
      background:
        radial-gradient(circle at 50% 0%, rgba(86, 223, 255, 0.14), transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
      color: #09204a;
    }

    .nxms-home-index .cta-panel {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 36px;
      padding: 42px;
      border: 1px solid rgba(116, 205, 255, 0.20);
      border-radius: 8px;
      background:
        radial-gradient(circle at 82% 18%, rgba(86, 223, 255, 0.20), transparent 32%),
        linear-gradient(135deg, rgba(8, 42, 108, 0.94), rgba(5, 22, 70, 0.96));
      box-shadow: 0 22px 52px rgba(18, 66, 140, 0.22);
      color: var(--text);
    }

    .nxms-home-index .cta-panel h2 {
      margin: 0 0 12px;
      color: var(--text);
      font-size: clamp(28px, 3vw, 42px);
      font-weight: 800;
      line-height: 1.18;
      letter-spacing: 0;
      text-align: left;
    }

    .nxms-home-index .cta-title-brand {
      position: relative;
      display: inline-block;
      padding-bottom: 12px;
      color: transparent;
      background: linear-gradient(100deg, #ffffff 0%, var(--cyan) 42%, #7aa7ff 100%);
      background-clip: text;
      -webkit-background-clip: text;
      text-shadow:
        0 0 16px rgba(86, 223, 255, 0.42),
        0 0 34px rgba(40, 109, 255, 0.36);
    }

    .nxms-home-index .cta-title-brand::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent 0%, rgba(86, 223, 255, 0.94) 14%, #7aa7ff 76%, transparent 100%);
      box-shadow:
        0 0 14px rgba(86, 223, 255, 0.68),
        0 0 32px rgba(40, 109, 255, 0.42);
    }

    .nxms-home-index .cta-panel p {
      margin: 0;
      color: var(--muted);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;
      text-align: left;
    }

    .nxms-home-index .cta-actions {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }

    @keyframes nxmsGridShift {
      to {
        background-position: 42px 42px;
      }
    }

    @keyframes nxmsSoftLightDrift {
      0%, 100% {
        background-position: center, center, -30% 0;
      }
      50% {
        background-position: center, center, 120% 0;
      }
    }

    @keyframes nxmsScanSweep {
      0%, 100% {
        transform: translateX(-18%);
        opacity: 0.34;
      }
      50% {
        transform: translateX(18%);
        opacity: 0.68;
      }
    }

    @keyframes nxmsButtonGlint {
      0%, 44% {
        left: -35%;
      }
      68%, 100% {
        left: 125%;
      }
    }

    @keyframes nxmsFeatureScan {
      0%,
      100% {
        transform: translateX(-38px);
        opacity: 0.28;
      }

      50% {
        transform: translateX(64px);
        opacity: 0.92;
      }
    }

    @keyframes nxmsMachineBreathe {
      0%, 100% {
        opacity: 0.72;
        filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.34));
      }
      50% {
        opacity: 0.90;
        filter: drop-shadow(0 30px 42px rgba(40, 109, 255, 0.26));
      }
    }

    @keyframes nxmsSpindleTravel {
      0%, 100% {
        transform: translateX(-84px) translateY(0) translateZ(116px);
      }
      34% {
        transform: translateX(82px) translateY(30px) translateZ(116px);
      }
      68% {
        transform: translateX(218px) translateY(-4px) translateZ(116px);
      }
    }

    @keyframes nxmsSpindleCut {
      to {
        filter: drop-shadow(0 0 22px rgba(86, 223, 255, 0.98));
      }
    }

    @keyframes nxmsSpindleLogoBeat {
      0%,
      100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
        filter:
          drop-shadow(0 0 6px rgba(255, 255, 255, 0.24))
          drop-shadow(0 0 12px rgba(86, 223, 255, 0.36));
      }

      48% {
        opacity: 1;
        transform: translateX(-50%) scale(1.08);
        filter:
          drop-shadow(0 0 10px rgba(255, 255, 255, 0.46))
          drop-shadow(0 0 24px rgba(86, 223, 255, 0.78));
      }
    }

    @keyframes nxmsContactPulse {
      0%, 100% {
        transform: scale(0.78);
        opacity: 0.66;
      }
      50% {
        transform: scale(1.12);
        opacity: 1;
      }
    }

    @keyframes nxmsSideLabelFade {
      0%, 100% {
        opacity: 0.08;
      }
      36% {
        opacity: 0.30;
      }
      58% {
        opacity: 0.14;
      }
      76% {
        opacity: 0.40;
      }
    }

    @keyframes nxmsUrlLinePulse {
      0%, 100% {
        opacity: 0.42;
        filter: drop-shadow(0 0 4px rgba(86, 223, 255, 0.22));
      }
      50% {
        opacity: 0.68;
        filter: drop-shadow(0 0 8px rgba(86, 223, 255, 0.44));
      }
    }

    @keyframes nxmsUprightSpindleMove {
      0%, 100% {
        transform: translateX(-130px) translateY(-4px);
      }
      35% {
        transform: translateX(-8px) translateY(18px);
      }
      70% {
        transform: translateX(118px) translateY(-8px);
      }
    }

    @keyframes nxmsToolVibrate {
      0%, 100% {
        transform: translateX(0);
      }
      50% {
        transform: translateX(1px);
      }
    }

    @keyframes nxmsChipFly {
      0% {
        transform: translateX(0) rotate(var(--chip-angle, 12deg)) scaleX(0.2);
        opacity: 0;
      }
      18% {
        opacity: 1;
      }
      100% {
        transform: translateX(66px) rotate(var(--chip-angle, 12deg)) scaleX(1);
        opacity: 0;
      }
    }

    @keyframes nxmsSparkFly {
      0% {
        transform: translateX(0) rotate(var(--spark-angle, 8deg)) scaleX(0.2);
        opacity: 0;
      }
      18% {
        opacity: 1;
      }
      100% {
        transform: translateX(58px) rotate(var(--spark-angle, 8deg)) scaleX(1);
        opacity: 0;
      }
    }

    @keyframes nxmsModelFloat {
      0%, 100% {
        transform: scale(0.75) translateY(0);
      }
      50% {
        transform: scale(0.75) translateY(-8px);
      }
    }

    @keyframes nxmsDrawPath {
      0% {
        stroke-dashoffset: var(--write-length, 1200);
      }
      55%, 78% {
        stroke-dashoffset: 0;
      }
      100% {
        stroke-dashoffset: calc(var(--write-length, 1200) * -1);
      }
    }

    @keyframes nxmsToolMove {
      0%, 100% {
        transform: translateX(-92%) translateY(2px) translateZ(120px);
      }
      35% {
        transform: translateX(-14%) translateY(42px) translateZ(120px);
      }
      68% {
        transform: translateX(58%) translateY(12px) translateZ(120px);
      }
    }

    @keyframes nxmsHudPulse {
      0%, 100% {
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
      }
      50% {
        box-shadow: 0 18px 52px rgba(40, 109, 255, 0.28);
      }
    }

    @keyframes nxmsBarLoad {
      0%, 100% {
        transform: translateX(-22%);
      }
      50% {
        transform: translateX(0);
      }
    }

    @keyframes nxmsPanelGlowSweep {
      0%,
      100% {
        background-position: -45% 0, center;
        opacity: 0.48;
      }

      50% {
        background-position: 120% 0, center;
        opacity: 0.92;
      }
    }

    @keyframes nxmsPanelScan {
      0%,
      38% {
        left: -24%;
        opacity: 0;
      }

      56% {
        opacity: 0.82;
      }

      78%,
      100% {
        left: 124%;
        opacity: 0;
      }
    }

    @keyframes nxmsPanelFlow {
      0%,
      100% {
        opacity: 0.16;
        filter: blur(0.2px);
      }

      50% {
        opacity: 0.86;
        filter: blur(0);
      }
    }

    @keyframes nxmsPanelPulse {
      0%,
      100% {
        opacity: 0.20;
        scale: 0.92;
      }

      50% {
        opacity: 0.56;
        scale: 1.03;
      }
    }

    @keyframes nxmsPanelDiskA {
      0%, 100% { transform: translate(0, 0) scale(1); }
      25% { transform: translate(118px, 34px) scale(0.94); }
      50% { transform: translate(242px, -18px) scale(1.04); }
      74% { transform: translate(96px, -78px) scale(0.98); }
    }

    @keyframes nxmsPanelDiskB {
      0%, 100% { transform: translate(0, 0) scale(1); }
      28% { transform: translate(-146px, 86px) scale(1.08); }
      58% { transform: translate(-282px, 48px) scale(0.96); }
      82% { transform: translate(-96px, -42px) scale(1.02); }
    }

    @keyframes nxmsPanelDiskC {
      0%, 100% { transform: translate(0, 0) scale(1); }
      30% { transform: translate(-168px, -94px) scale(0.92); }
      62% { transform: translate(-318px, -18px) scale(1.04); }
      84% { transform: translate(-88px, 42px) scale(0.98); }
    }

    @keyframes nxmsPanelDiskD {
      0%, 100% { transform: translate(0, 0) scale(1); }
      24% { transform: translate(128px, -118px) scale(1.08); }
      54% { transform: translate(292px, -72px) scale(0.94); }
      78% { transform: translate(186px, 18px) scale(1.02); }
    }

    @keyframes nxmsPanelNodeA {
      0%, 100% { transform: translate(0, 0); }
      22% { transform: translate(92px, 22px); }
      48% { transform: translate(190px, 76px); }
      73% { transform: translate(58px, 128px); }
    }

    @keyframes nxmsPanelNodeB {
      0%, 100% { transform: translate(0, 0); }
      24% { transform: translate(-104px, 54px); }
      52% { transform: translate(-198px, 138px); }
      76% { transform: translate(-44px, 176px); }
    }

    @keyframes nxmsPanelNodeC {
      0%, 100% { transform: translate(0, 0); }
      26% { transform: translate(124px, -78px); }
      54% { transform: translate(260px, -126px); }
      80% { transform: translate(82px, -176px); }
    }

    @keyframes nxmsPanelNodeD {
      0%, 100% { transform: translate(0, 0); }
      20% { transform: translate(-112px, -42px); }
      50% { transform: translate(-260px, -94px); }
      78% { transform: translate(-86px, -168px); }
    }

    @keyframes nxmsPanelCoreSpin {
      to {
        transform: translate(-50%, -50%) rotate(360deg);
      }
    }

    @keyframes nxmsOrbitSpin {
      to {
        transform: rotate(360deg);
      }
    }

    @media (max-width: 920px) {
      .nxms-home-index .cnc-hero {
        min-height: auto;
      }

      .nxms-home-index .hero-inner {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 46px 0 82px;
        transform: none;
      }

      .nxms-home-index .hero-copy {
        padding-left: 0;
      }

      .nxms-home-index .machine-stage {
        min-height: 430px;
      }

      .nxms-home-index .section-head,
      .nxms-home-index .split-layout,
      .nxms-home-index .cta-panel {
        display: grid;
        grid-template-columns: 1fr;
      }

      .nxms-home-index .feature-grid,
      .nxms-home-index .capability-grid,
      .nxms-home-index .process-grid {
        grid-template-columns: 1fr 1fr;
      }

      .nxms-home-index .feature-buy-nav {
        align-items: flex-start;
        flex-direction: column;
      }

      .nxms-home-index .feature-buy-actions {
        width: 100%;
      }

      .nxms-home-index .feature-buy-nav .hero-btn {
        flex: 1 1 0;
        min-width: 0;
      }
    }

    @media (max-width: 620px) {
      .nxms-home-index.demo-shell {
        padding: 0;
      }

      .nxms-home-index .hero-inner {
        width: calc(100% - 48px);
        display: grid;
        grid-template-columns: 1fr;
        padding-top: 64px;
        row-gap: 0;
      }

      .nxms-home-index .hero-copy {
        display: contents;
      }

      .nxms-home-index h1 {
        display: contents;
      }

      .nxms-home-index .hero-title-main {
        order: 1;
      }

      .nxms-home-index .machine-stage {
        order: 3;
      }

      .nxms-home-index .hero-title-sub {
        order: 2;
      }

      .nxms-home-index .lead {
        order: 4;
      }

      .nxms-home-index .hero-actions {
        order: 5;
      }

      .nxms-home-index h1 {
        gap: 16px;
        font-size: clamp(34px, 9vw, 42px);
        line-height: 1.08;
      }

      .nxms-home-index .hero-title-main {
        margin: 0 auto;
        padding-bottom: 14px;
        font-size: clamp(34px, 9vw, 42px);
        line-height: 1.08;
        text-align: center;
      }

      .nxms-home-index .hero-title-main::after {
        height: 2px;
      }

      .nxms-home-index .hero-title-sub {
        font-size: clamp(18px, 5vw, 22px);
        line-height: 1.22;
        text-align: center;
        white-space: normal;
        margin-top: 18px;
      }

      .nxms-home-index .hero-actions,
      .nxms-home-index .cta-actions {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        width: 100%;
      }

      .nxms-home-index .hero-actions {
        margin-top: 22px;
      }

      .nxms-home-index .hero-copy > h1 .hero-title-sub,
      .nxms-home-index .hero-copy > .lead,
      .nxms-home-index .hero-copy > .hero-actions {
        margin-left: 0;
      }

      .nxms-home-index .hero-btn {
        flex: 1 1 0;
        min-width: 0;
        min-height: 48px;
        padding: 0 10px;
        font-size: 14px;
        white-space: nowrap;
      }

      .nxms-home-index .hero-btn::before {
        width: 20px;
        height: 20px;
      }

      .nxms-home-index .lead {
        width: 100%;
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.65;
      }

      .nxms-home-index .feature-buy-nav {
        padding: 22px;
      }

      .nxms-home-index .feature-buy-actions {
        gap: 12px;
      }

      .nxms-home-index .feature-buy-nav strong {
        font-size: 20px;
      }

      .nxms-home-index .machine-stage {
        min-height: 290px;
        margin-top: 31px;
      }

      .nxms-home-index .upright-spindle {
        scale: 0.79;
      }

      .nxms-home-index .part-model {
        left: 50%;
        right: auto;
        width: 112%;
        top: 109px;
        transform: translateX(-50%) scale(0.65);
        transform-origin: center top;
        animation: none;
      }

      .nxms-home-index .cnc-machine {
        inset: 38px -32px 12px;
        transform: rotate(-4deg) skewX(-6deg) scale(0.82, 0.67);
      }

      .nxms-home-index .hud-card {
        width: 178px;
        right: 4px;
      }

      .nxms-home-index .section-inner {
        width: calc(100% - 32px);
        padding: 58px 0;
      }

      .nxms-home-index .feature-grid,
      .nxms-home-index .capability-grid,
      .nxms-home-index .process-grid {
        grid-template-columns: 1fr;
      }

      .nxms-home-index .cta-panel {
        padding: 28px;
      }
    }