/* NEWINEX motor-hero — стили анимации. Цвета переопределяются через переменные. */
.motor-hero {
  --mh-bg-part: #262b32;
  --mh-line: #3a4048;
  --mh-line-2: #4a525c;
  --mh-deep: #1d2126;
  --mh-screen: #0b0d10;
  --mh-text: #f3f1ec;
  --mh-muted: #8a929c;
  --mh-accent: var(--nx-accent, #ff7a2e);
  --mh-blade: #5b636d;
  --mh-led-on: #4caf50;
  display: block;
  width: 100%;
  aspect-ratio: 880 / 520;
}
.motor-hero svg { display: block; width: 100%; height: 100%; overflow: visible; }
.motor-hero .mh-mono { font-family: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace; }
.motor-hero .mh-body { fill: var(--mh-bg-part); stroke: var(--mh-line); }
.motor-hero .mh-screen { fill: var(--mh-screen); }
.motor-hero .mh-part { fill: var(--mh-line); }
.motor-hero .mh-knob { fill: var(--mh-deep); stroke: var(--mh-line-2); }
.motor-hero .mh-led { fill: var(--mh-blade); transition: fill .3s; }
.motor-hero .mh-led-on { fill: var(--mh-led-on); }
.motor-hero .mh-cable { stroke: var(--mh-line); }
.motor-hero .mh-flow { stroke: var(--mh-accent); }
.motor-hero .mh-fin { stroke: var(--mh-line); }
.motor-hero .mh-housing { fill: #2a3038; stroke: var(--mh-line-2); }
.motor-hero .mh-blade { fill: var(--mh-blade); }
.motor-hero .mh-blade-mark { fill: var(--mh-muted); }
.motor-hero .mh-grid { stroke: var(--mh-line); }
.motor-hero .mh-curve { stroke: var(--mh-accent); }
.motor-hero .mh-accent-fill { fill: var(--mh-accent); }
.motor-hero .mh-muted-fill { fill: var(--mh-muted); }
.motor-hero .mh-text-fill { fill: var(--mh-text); }