/* =========================================================================
   BH — עיצוב האתר
   הכל כאן לא-שכבתי (unlayered), ולכן גובר על ברירות המחדל של scrub-engine
   שעטופות ב-@layer sw. ככה מתקבלת ערכת נושא כהה + RTL בלי פריצות specificity.
   ========================================================================= */

:root,
.sw-root {
  --ink:            #0A0E14;
  --surface:        #141B26;
  --surface-2:      #1B2431;
  --gold:           #C9A96A;
  --gold-soft:      #E0C88E;
  --teal:           #5FD3C4;
  --text:           #F2F4F7;
  --muted:          #8A93A3;
  --line:           rgba(242,244,247,.12);

  /* טוקנים של מנוע הגלילה */
  --sw-bg:          var(--ink);
  --sw-ink:         var(--text);
  --sw-ink-soft:    var(--muted);
  --sw-accent:      var(--gold);
  --sw-font-display: "Rubik", "Heebo", system-ui, sans-serif;
  --sw-font-body:    "Heebo", system-ui, sans-serif;

  --radius:  16px;
  --radius-lg: 22px;
  --maxw: 1160px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

html, body {
  margin: 0;
  background: var(--ink);
  color: var(--text);
  font-family: "Heebo", system-ui, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ---------- נגישות: מיקוד וקישור דילוג ---------- */
:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 3px;
  border-radius: 4px;
}

.skip-link {
  position: fixed;
  inset-inline-start: 50%;
  top: -100px;
  transform: translateX(50%);
  z-index: 9999;
  background: var(--gold);
  color: var(--ink);
  font-weight: 700;
  padding: 12px 24px;
  border-radius: 0 0 12px 12px;
  text-decoration: none;
  transition: top .2s;
}
.skip-link:focus { top: 0; }

/* =========================================================================
   התאמות RTL + כהה למנוע הגלילה
   ========================================================================= */

/* הכיתוב עובר לצד ימין, וסרט ההצללה מתהפך */
.sw-copy {
  left: auto;
  right: clamp(18px, 5vw, 64px);
  text-align: right;
}
.sw-copylayer::before {
  left: auto;
  right: 0;
  background: linear-gradient(270deg,
    var(--ink) 0%,
    rgba(10,14,20,.86) 34%,
    rgba(10,14,20,.45) 62%,
    transparent 100%);
}

.sw-copy__num  { font-family: "Rubik", ui-monospace, monospace; color: var(--muted); direction: ltr; display: inline-block; }
.sw-copy__eyebrow { color: var(--gold); letter-spacing: .1em; }
.sw-copy__title {
  color: var(--text);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.12;
  text-shadow: 0 2px 30px rgba(10,14,20,.85);
}
.sw-copy__body {
  color: #C7CEDA;
  font-weight: 300;
  text-shadow: 0 1px 16px rgba(10,14,20,.9);
}
.sw-copy__tags li {
  color: var(--gold-soft);
  background: rgba(201,169,106,.10);
  border: 1px solid rgba(201,169,106,.32);
  font-weight: 500;
  backdrop-filter: blur(6px);
}

/* מסילת הניווט עוברת לשמאל (RTL) */
.sw-route { right: auto; left: clamp(14px, 2.4vw, 30px); }
.sw-route__label {
  right: auto;
  left: 24px;
  transform: translateY(-50%) translateX(-6px);
  color: var(--text);
  background: rgba(20,27,38,.9);
  border: 1px solid rgba(201,169,106,.25);
  backdrop-filter: blur(8px);
}
.sw-route__dot:hover .sw-route__label,
.sw-route__dot.is-active .sw-route__label { transform: translateY(-50%) translateX(0); }

/* סרגל עליון */
.sw-topbar { mix-blend-mode: normal; transition: background .3s, border-color .3s; border-bottom: 1px solid transparent; }
/* מעל הווידאו הוא יכול להישאר שקוף, אבל מרגע שהתוכן הרגיל מתחיל לעבור מתחתיו
   הוא חייב רקע — אחרת כותרות מתנגשות בלוגו ובכפתור.
   בלי backdrop-filter כאן בכוונה — ראו את ההערה בסוף "ניקוי אחרי המסע". */
body.past-world .sw-topbar {
  background: rgba(10,14,20,.94);
  border-bottom-color: var(--line);
}
.sw-brand { color: var(--text); }
.sw-brand__name { font-family: "Rubik", sans-serif; font-weight: 700; letter-spacing: .04em; }
.sw-brand__mark {
  width: 30px; height: 30px;
  border-radius: 9px;
  background: linear-gradient(150deg, var(--gold-soft), var(--gold) 55%, #8A6E3A);
  box-shadow: 0 6px 22px rgba(201,169,106,.35);
  position: relative;
}
.sw-brand__mark::after {
  content: "BH";
  position: absolute; inset: 0;
  display: grid; place-items: center;
  font-family: "Rubik", sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: .02em;
  color: var(--ink);
}
.sw-nav {
  background: rgba(20,27,38,.62);
  border: 1px solid var(--line);
  backdrop-filter: blur(14px);
}
.sw-nav__item { color: var(--muted); font-family: "Heebo", sans-serif; font-weight: 400; }
.sw-nav__item:hover { color: var(--text); }
.sw-nav__item.is-active { background: var(--gold); color: var(--ink); font-weight: 500; }
.sw-topcta {
  background: var(--gold);
  color: var(--ink);
  font-weight: 700;
  box-shadow: 0 8px 26px rgba(201,169,106,.28);
}
.sw-topcta:hover { background: var(--gold-soft); }

/* כפתורי CTA בתוך המסע */
.sw-btn--primary { background: var(--gold); color: var(--ink); font-weight: 700; }
.sw-btn--primary:hover { background: var(--gold-soft); }
.sw-btn--ghost { color: var(--text); border-color: rgba(242,244,247,.32); }
.sw-btn--ghost:hover { border-color: var(--gold); color: var(--gold-soft); }

/* רמז גלילה — הרצפה בסצנה הראשונה בהירה ומחזירה אור, אז צריך צל כדי שייקרא */
.sw-hint {
  color: #DCE2EB;
  font-weight: 500;
  text-shadow: 0 1px 10px rgba(10,14,20,.95), 0 0 26px rgba(10,14,20,.8);
}
.sw-hint i {
  border-color: rgba(242,244,247,.55);
  box-shadow: 0 2px 14px rgba(10,14,20,.7);
}

/* חלקיקים עדינים בגוון זהב */
.sw-pt--dot::before  { background: radial-gradient(circle at 34% 30%, rgba(201,169,106,.55), transparent 72%); }
.sw-pt--ring::before { border-color: rgba(95,211,196,.3); }

/* מרווח שבו העולם דוהה לפני שהתוכן מתחיל */
#world { padding-bottom: 70vh; }

/* השכבות הקבועות דוהות כשהמסע נגמר (מנוהל ב-site.js) */
.sw-stage, .sw-copylayer, .sw-route, .sw-hint {
  transition: opacity .35s linear;
}
body.past-world .sw-stage,
body.past-world .sw-copylayer,
body.past-world .sw-route { pointer-events: none; }

/* ---------- ניקוי אחרי המסע ----------
   מרגע ש-#content משתלט הוא אטום, וכל האפרטוס של העולם מתחתיו לא מייצר
   אף פיקסל נראה. כל מה שנשאר פה הוא עבודה שמשלמים עליה בכל פריים גלילה
   לאורך שאר העמוד, בלי שרואים ממנה כלום. */

/* 20 חלקיקים עם אנימציה אינסופית שרצה מאחורי תוכן אטום */
body.past-world .sw-sky { display: none; }

/* שש סצנות במסך מלא (כל אחת עם וידאו) + שכבת הכיתוב מפסיקות להירנדר.
   content-visibility ולא display:none — כדי שהווידאו לא ייזרק ויצטרך
   לפענח מחדש אם גוללים בחזרה למעלה. */
body.past-world .sw-stage,
body.past-world .sw-copylayer { content-visibility: hidden; }

/* will-change מקדם שכבת קומפוזיטור ומחזיק אותה בזיכרון. הוא נחוץ רק בזמן
   שהמסע באמת רץ — להשאיר אותו דלוק לתמיד זה בדיוק מה שהמפרט מזהיר מפניו. */
body.past-world .sw-scene,
body.past-world .sw-scene__still,
body.past-world .sw-particles,
body.past-world .sw-copy { will-change: auto; }

/* מתחת למסע הסרגל יושב מעל #content שהוא צבע אטום אחיד — טשטוש של צבע אחיד
   לא משנה אף פיקסל, אבל מכריח מעבר GPU נוסף בכל פריים שהתוכן גולל מתחתיו.
   הרקע של הסרגל הועלה ל-.94 במקום, ושני הטשטושים כבויים. */
body.past-world .sw-nav { backdrop-filter: none; }

/* =========================================================================
   התוכן שאחרי המסע
   ========================================================================= */

#content {
  position: relative;
  z-index: 25;
  background: var(--ink);
}

.wrap { max-width: var(--maxw); margin-inline: auto; padding-inline: clamp(20px, 5vw, 48px); }
.wrap--narrow { max-width: 820px; }
.center { text-align: center; }

.sec {
  padding-block: clamp(72px, 11vw, 140px);
  position: relative;
  /* הסרגל העליון קבוע — בלי זה קפיצה לעוגן מסתירה את הכותרת מתחתיו */
  scroll-margin-top: 96px;
}
.sec--alt { background: linear-gradient(180deg, transparent, rgba(20,27,38,.55) 12%, rgba(20,27,38,.55) 88%, transparent); }
.sec--cta { padding-block: clamp(88px, 13vw, 160px); }

.eyebrow {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .16em;
  color: var(--gold);
  margin: 0 0 14px;
}

.sec__title {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0 0 18px;
  color: var(--text);
}

.sec__lead {
  font-size: clamp(1.02rem, 1.5vw, 1.16rem);
  line-height: 1.7;
  color: #B9C2CF;
  max-width: 58ch;
  margin: 0 0 8px;
}
.center .sec__lead { margin-inline: auto; }

.fineprint {
  margin-top: 28px;
  font-size: .9rem;
  line-height: 1.7;
  color: var(--muted);
  max-width: 70ch;
}
.center .fineprint { margin-inline: auto; }

/* ---------- חבילות ---------- */
.plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: clamp(20px, 3vw, 32px);
  margin-top: clamp(36px, 5vw, 56px);
  align-items: start;
  /* הכרטיסים נכנסים בהטיה קלה על ציר X — בלי פרספקטיבה על ההורה זה נראה שטוח */
  perspective: 1200px;
}

.plan {
  position: relative;
  background: linear-gradient(170deg, var(--surface-2), var(--surface));
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: clamp(26px, 3.4vw, 40px);
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

/* זרקור שעוקב אחרי הסמן. z-index: 0 יוצר הקשר ערימה, והילדים (עם z-index: 1)
   נשארים מעליו — אחרת הוואש היה נצבע מעל הטקסט. */
.plan::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%),
              rgba(201,169,106,.14), transparent 60%);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}
.plan > *:not(.plan__badge) { position: relative; z-index: 1; }

@media (hover: hover) {
  .plan:hover { transform: translateY(-6px); border-color: rgba(201,169,106,.45); }
  .plan:hover::after { opacity: 1; }
  .plan--feature:hover { box-shadow: 0 34px 82px -30px rgba(201,169,106,.62); }
}

.plan--feature {
  border-color: rgba(201,169,106,.42);
  box-shadow: 0 26px 70px -32px rgba(201,169,106,.55);
}
.plan--feature::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(150deg, rgba(201,169,106,.7), transparent 45%, rgba(95,211,196,.4));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.plan__badge {
  position: absolute;
  top: -13px;
  inset-inline-start: clamp(26px, 3.4vw, 40px);
  background: var(--gold);
  color: var(--ink);
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: .76rem;
  letter-spacing: .04em;
  padding: 6px 16px;
  border-radius: 999px;
  overflow: hidden;
  z-index: 2;
}
/* ברק שעובר על התג פעם בכמה שניות — מושך את העין לחבילה הנבחרת */
.plan__badge::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.6) 50%, transparent 62%);
  transform: translateX(-130%);
  animation: badge-shine 5s ease-in-out 1.4s infinite;
  pointer-events: none;
}
@keyframes badge-shine {
  0%, 62% { transform: translateX(-130%); }
  82%, 100% { transform: translateX(130%); }
}

.plan__head { margin-bottom: 10px; }
.plan__name {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  margin: 0 0 8px;
  color: var(--text);
}
.plan__for { margin: 0 0 20px; color: var(--muted); font-size: .96rem; line-height: 1.6; }
.plan__price {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: clamp(2.6rem, 5.2vw, 3.4rem);
  line-height: 1;
  margin: 0;
  color: var(--gold);
  direction: ltr;
  display: inline-block;
}
.plan__currency { font-size: .5em; vertical-align: .38em; margin-inline-end: 2px; font-weight: 500; }
.plan__note { margin: 12px 0 0; font-size: .86rem; color: var(--muted); }
.plan__inherit {
  margin: 6px 0 0;
  font-size: .92rem;
  font-weight: 500;
  color: var(--teal);
}

.plan__list { list-style: none; margin: 20px 0 28px; padding: 0; display: grid; gap: 12px; }
.plan__list li {
  position: relative;
  padding-inline-start: 28px;
  font-size: .98rem;
  line-height: 1.6;
  color: #C7CEDA;
}
/* וי כ-SVG ולא כטריק גבולות: טריק הגבולות מתהפך ב-RTL, ובגדלים קטנים
   שתי הצלעות יוצאות דומות מדי והצורה נקראת כ-"v" במקום כווי. */
.plan__list li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: .34em;
  width: 16px; height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23C9A96A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 8.5 6 12 13.5 4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  /* GSAP מנפיש את --check-s מ-0 ל-1 כשהשורה נחשפת; בלי JS הערך נשאר 1 */
  transform: scale(var(--check-s, 1));
}

.plan .btn { margin-top: auto; text-align: center; }

/* ---------- כפתורים ---------- */
.btn {
  display: inline-block;
  text-decoration: none;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: .98rem;
  padding: 15px 30px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.btn--lg { padding: 17px 38px; font-size: 1.04rem; }
.btn--primary {
  background: var(--gold);
  color: var(--ink);
  box-shadow: 0 14px 40px -14px rgba(201,169,106,.7);
}
.btn--primary:hover { background: var(--gold-soft); transform: translateY(-2px); }
.btn--ghost {
  color: var(--text);
  border: 1.5px solid rgba(242,244,247,.28);
}
.btn--ghost:hover { border-color: var(--gold); color: var(--gold-soft); transform: translateY(-2px); }

.cta-row { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 34px; }

/* ---------- תהליך ---------- */
.steps {
  list-style: none;
  margin: clamp(36px, 5vw, 56px) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(22px, 3vw, 34px);
  counter-reset: none;
}
.step {
  position: relative;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}
/* פס זהב שנמשח מעל הגבול העליון של השלב כשהוא נכנס למסך.
   מקור הטרנספורם בימין — זה צד ההתחלה ב-RTL. */
.step__rail {
  position: absolute;
  top: -1px;
  inset-inline-start: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, var(--gold), rgba(201,169,106,0));
  transform-origin: 100% 50%;
  pointer-events: none;
}
.step__num {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1;
  color: rgba(201,169,106,.34);
  direction: ltr;
  display: block;
  margin-bottom: 14px;
}
.step__title { font-family: "Rubik", sans-serif; font-weight: 600; font-size: 1.16rem; margin: 0 0 10px; color: var(--text); }
.step p { margin: 0; color: #B9C2CF; font-size: .98rem; line-height: 1.68; }

/* ---------- כרטיסי "למה" ---------- */
/* ארבעה כרטיסים: auto-fit נותן 3+1 עם יתום בשורה שנייה.
   שתי עמודות נותנות 2×2 מאוזן וגם שורות טקסט בטווח קריא. */
.cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(18px, 2.6vw, 26px);
  margin-top: clamp(36px, 5vw, 52px);
}
@media (min-width: 720px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}
.card {
  position: relative;
  background: rgba(27,36,49,.6);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(24px, 3vw, 32px);
  transition: border-color .25s ease, transform .25s ease;
}
.card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: radial-gradient(280px circle at var(--mx, 50%) var(--my, 0%),
              rgba(95,211,196,.12), transparent 62%);
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}
.card > * { position: relative; z-index: 1; }
.card:hover { border-color: rgba(201,169,106,.4); transform: translateY(-3px); }
@media (hover: hover) {
  .card:hover::after { opacity: 1; }
}
.card h3 { font-family: "Rubik", sans-serif; font-weight: 600; font-size: 1.1rem; margin: 0 0 12px; color: var(--gold-soft); }
.card p { margin: 0; color: #B9C2CF; font-size: .97rem; line-height: 1.68; }

/* ---------- שאלות נפוצות ---------- */
.faq { margin-top: clamp(30px, 4vw, 44px); display: grid; gap: 2px; }
.qa {
  border-bottom: 1px solid var(--line);
  background: transparent;
}
.qa summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 0;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 1.06rem;
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  transition: color .2s;
}
.qa summary::-webkit-details-marker { display: none; }
.qa summary:hover { color: var(--gold-soft); }
.qa[open] > summary { color: var(--gold-soft); }
/* המעטפת נחתכת בזמן שה-JS מנפיש את הגובה בפתיחה ובסגירה */
.qa__body { overflow: hidden; }
/* חץ פתיחה — גם כאן גבולות פיזיים, אחרת הוא מצביע לכיוון הלא נכון ב-RTL */
.qa summary::after {
  content: "";
  flex: none;
  width: 11px; height: 11px;
  border-right: 2px solid var(--gold);
  border-bottom: 2px solid var(--gold);
  transform: rotate(45deg) translateY(-3px);
  transition: transform .25s ease;
}
.qa[open] summary::after { transform: rotate(-135deg) translateY(-3px); }
.qa p { margin: 0 0 24px; color: #B9C2CF; font-size: 1rem; line-height: 1.75; max-width: 70ch; }
/* הצהרת הנגישות יושבת בתוך wrap ברוחב מלא — בלי הגבלה החץ נזרק
   לקצה השני של העמוד ומתנתק מהטקסט. */
.qa--footer { border-bottom: 0; margin-top: 20px; max-width: 460px; }
.qa--footer summary { font-size: .95rem; color: var(--muted); }
.qa--footer p { font-size: .92rem; max-width: 60ch; }
.qa--footer a { color: var(--gold-soft); }

/* ---------- פוטר ---------- */
.footer {
  border-top: 1px solid var(--line);
  padding-block: clamp(44px, 6vw, 70px) 30px;
  background: #070A0F;
}
.footer__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 12px;
}
.footer__brand {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: .06em;
  color: var(--gold);
  margin: 0 0 6px;
  direction: ltr;
}
.footer__tag { margin: 0; color: var(--muted); font-size: .95rem; }
.footer__nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.footer__nav a { color: #B9C2CF; text-decoration: none; font-size: .95rem; }
.footer__nav a:hover { color: var(--gold-soft); }
.footer__legal { margin: 22px 0 0; font-size: .85rem; color: #5D6675; }

/* ---------- וואטסאפ צף ---------- */
.wa-float {
  position: fixed;
  inset-inline-end: clamp(16px, 3vw, 28px);
  bottom: calc(clamp(16px, 3vw, 28px) + env(safe-area-inset-bottom));
  z-index: 200;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 20px 13px 17px;
  border-radius: 999px;
  background: #25D366;
  color: #06280F;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: .96rem;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 14px 38px -10px rgba(37,211,102,.55);
  transition: transform .2s ease, box-shadow .2s ease;
}
.wa-float:hover { transform: translateY(-3px); box-shadow: 0 20px 46px -10px rgba(37,211,102,.7); }
.wa-float svg { width: 24px; height: 24px; fill: currentColor; flex: none; }

@media (max-width: 560px) {
  .wa-float { padding: 15px; }
  .wa-float__label { display: none; }
}

/* ---------- אנימציות חשיפה (GSAP מסיר את .reveal כשהוא רץ) ---------- */
.reveal { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; }
  .card:hover, .btn:hover, .plan:hover { transform: none; }
  /* הזרקורים והברק הם קישוט בלבד — במצב תנועה מופחתת הם פשוט לא רצים */
  .plan::after, .card::after { display: none; }
  .plan__badge::after { animation: none; }
  .step__rail { transform: none !important; }
}
/* אם JS לא נטען — התוכן חייב להיראות בכל מקרה */
.no-js .reveal { opacity: 1; }

/* ---------- טלפון ---------- */
@media (max-width: 860px) {
  .sw-copy { right: clamp(18px, 5vw, 64px); left: clamp(18px, 5vw, 64px); }
  .sw-copylayer::before {
    background: linear-gradient(0deg, var(--ink) 8%, rgba(10,14,20,.72) 46%, transparent 100%);
  }
  .sw-route { left: 6px; }
  #world { padding-bottom: 55vh; }
  .plans { grid-template-columns: 1fr; }
  .sec { scroll-margin-top: 80px; }
  /* הסרגל העליון מכסה חלק גדול יותר מהמסך בנייד — התוכן צריך לפנות לו מקום */
  .sec:first-child { padding-top: clamp(88px, 16vw, 120px); }
}