/* ECHO — Light Plot
   אלמנט החתימה השני: תוכנית תאורה טכנית כשפה גרפית, במקום תמונה.
   מחליף את תמונות הרקע בעמודי השירות. */

.plot{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--color-bg-deep)}
.plot svg{width:100%;height:100%;display:block}

/* גריד תוכנית — הרשת של דף השרטוט */
.plot__grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(to left, var(--color-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--color-line) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:.5;
  mask-image:radial-gradient(120% 90% at 70% 20%, #000 10%, transparent 78%);
  -webkit-mask-image:radial-gradient(120% 90% at 70% 20%, #000 10%, transparent 78%);
}

/* קווי הטראס */
.plot .truss{stroke:var(--color-line-strong);stroke-width:1.5;fill:none}
.plot .truss-web{stroke:var(--color-line);stroke-width:1;fill:none}
.plot .dim{stroke:var(--color-line);stroke-width:1;stroke-dasharray:3 5}
.plot .dimtxt{font-family:var(--font-mono);font-size:11px;fill:var(--color-text-faint);letter-spacing:.12em}

/* סמלי גופי תאורה */
.plot .fix{fill:none;stroke:var(--color-text-faint);stroke-width:1.4}
.plot .fix-live{stroke:var(--color-accent)}
.plot .fix-core{fill:var(--color-accent);opacity:0}

/* קרן שיוצאת מהגוף */
.plot .beam-cone{opacity:0;mix-blend-mode:screen}

/* רצף הדלקה — כמו בדיקת ריג לפני אירוע */
.plot .unit{animation:plotFire 9s var(--ease-inout) infinite}
.plot .unit:nth-of-type(1){animation-delay:0s}
.plot .unit:nth-of-type(2){animation-delay:.5s}
.plot .unit:nth-of-type(3){animation-delay:1s}
.plot .unit:nth-of-type(4){animation-delay:1.5s}
.plot .unit:nth-of-type(5){animation-delay:2s}
.plot .unit:nth-of-type(6){animation-delay:2.5s}
.plot .unit:nth-of-type(7){animation-delay:3s}
@keyframes plotFire{
  0%,72%,100%{opacity:0}
  8%,58%{opacity:1}
}

/* הצללה שמחזירה את הטקסט לקריאות */
.plot__veil{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(2,3,9,.35) 0%,rgba(2,3,9,.72) 60%,var(--color-bg) 100%)}

@media (prefers-reduced-motion: reduce){
  .plot .unit{animation:none;opacity:.8}
}

/* ============ תוכנית התאורה כרקע לסקשן פנימי ============ */
.plotband{position:relative;overflow:hidden;background:var(--color-bg-deep);
  border-block:1px solid var(--color-line);padding-block:var(--space-8);z-index:1}
.plotband .plot{z-index:0}
.plotband .wrap{position:relative;z-index:2}
