/* ============================================================
   SERVERS HERO — קטע hero נשלט-גלילה, ייעודי לוידאו חוות השרתים.
   scoped (prefix: srv-) כדי לא להתנגש עם עיצוב האתר. בלי לוגו — רק פס טעינה.
   דורש: servers.js
   ============================================================ */

/* הבמה: גובה גדול = אורך הנעילה (כמה גוללים לפני שהתוכן ממשיך) */
.srv-stage { position: relative; width: 100%; }

/* האלמנט שנדבק (sticky) — ה"נעילה" בסגנון אפל */
.srv-sticky {
  position: sticky; top: 0;
  height: 100vh; height: 100dvh; width: 100%;
  overflow: hidden; background: #000;
}
.srv-canvas { display: block; width: 100%; height: 100%; }

/* מסך טעינה — מכסה רק את אזור ה-hero */
.srv-loader {
  position: absolute; inset: 0; z-index: 2;
  display: flex; align-items: center; justify-content: center;
  background: #000; transition: opacity .6s ease;
}
.srv-loader.srv-hidden { opacity: 0; pointer-events: none; }

/* פס טעינה */
.srv-track {
  width: 240px; height: 3px; background: #222;
  border-radius: 4px; overflow: hidden;
}
.srv-track > i {
  display: block; height: 100%; width: 0%;
  background: #fff; transition: width .15s linear;
}

/* ===== אחוז טעינה מספרי (servers) ===== */
.srv-pct {
  position: absolute; left: 0; right: 0; bottom: 42%;
  text-align: center; color: #fff;
  font: 600 clamp(14px, 1.4vw, 18px)/1 'Heebo', system-ui, sans-serif;
  letter-spacing: 3px; opacity: .9; pointer-events: none;
}