/* ===========================================================
   קו בנוי — סצנה 01 "קו → מבנה → עולם"
   HTML/CSS/JS סטטי. גופנים ו־GSAP מקומיים, בלי בקשות חיצוניות.
   הקיבוע נעשה ב־position:sticky, לא ב־ScrollTrigger pin.
   =========================================================== */

@font-face{font-family:'Frank Ruhl';src:url(assets/frankruhl-he.woff2) format('woff2-variations'),url(assets/frankruhl-he.woff2) format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:'Assistant';src:url(assets/assistant-he.woff2) format('woff2-variations'),url(assets/assistant-he.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Suez One';src:url(assets/suezone-he.woff2) format('woff2');font-weight:400;font-display:swap}

:root{
  --ink:#0D0B0A;
  --ink-2:#17120E;
  --paper:#F5EDE3;
  --muted:#A2948A;
  --line:#3A302A;
  --orange:#FF7548;
  --ember:#FFB582;

  --display:'Frank Ruhl',Georgia,'Times New Roman',serif;
  --sans:'Assistant',system-ui,'Segoe UI',sans-serif;
  --mono:ui-monospace,'Cascadia Mono',Consolas,'Courier New',monospace;

  /* עברית לא סובלת ריווח אותיות רחב — רק לטינית */
  --track-he:.035em;
  --track-lat:.22em;

  --gutter:clamp(16px,3.4vw,44px);
  --ease:cubic-bezier(.2,.7,.25,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:var(--sans);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:900;line-height:.93;letter-spacing:-.005em}
p{margin:0}
em{font-style:normal}
::selection{background:var(--orange);color:var(--ink)}
:focus-visible{outline:2px solid var(--ember);outline-offset:4px;border-radius:2px}

.skip{position:fixed;inset-inline-start:-999px;top:12px;z-index:200;background:var(--paper);color:var(--ink);
  padding:10px 18px;border-radius:4px;font-weight:600;text-decoration:none}
.skip:focus{inset-inline-start:12px}

/* גרעין דק מעל הכל — מוציא את ה"דיגיטלי השטוח" מהצבע */
.grain{
  position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.08;mix-blend-mode:overlay;
  contain:strict;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- ניווט ---------- */
.nav{
  position:fixed;inset-inline:0;top:0;z-index:80;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px var(--gutter);padding-top:calc(18px + env(safe-area-inset-top,0px));
  transition:background-color .45s var(--ease),backdrop-filter .45s var(--ease),padding .45s var(--ease);
}
.nav.is-set{background:rgba(13,11,10,.74);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding-block:11px;box-shadow:inset 0 -1px 0 rgba(245,237,227,.09)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.brand img{border-radius:8px}
.brand-name{font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:-.01em}
.brand-role{font-size:11.5px;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:11px}
.nav-state{font-family:var(--mono);font-size:10.5px;letter-spacing:var(--track-he);color:var(--muted)}
.nav-cta{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--paper);
  font-size:14px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:8px 17px;
  transition:border-color .3s,background-color .3s,color .3s}
.nav-cta:hover,.nav-cta:focus-visible{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.nav-cta .arrow{transition:transform .3s var(--ease)}
.nav-cta:hover .arrow{transform:translate(-3px,-3px)}
@media (max-width:760px){.brand-role,.nav-state{display:none}}

/* ===========================================================
   הסצנה
   =========================================================== */
.journey{height:340vh;position:relative}
.stage{
  position:sticky;top:0;height:100svh;overflow:hidden;contain:layout paint;
  background:linear-gradient(180deg,#110E0B 0%, #0D0B0A 50%, #0A0908 86%, #17120E 100%);
}

/* עומק: הילה חמה, ואור אופק שנשען על הקו */
.glow{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(34vw 30vw at 74% 58%, rgba(255,117,72,.34) 0%, rgba(255,117,72,.09) 42%, rgba(255,117,72,0) 72%),
    radial-gradient(120vw 16vh at 62% 74%, rgba(255,140,90,.20) 0%, rgba(255,140,90,0) 76%),
    radial-gradient(60vw 44vh at 16% 104%, rgba(255,181,130,.10) 0%, rgba(255,181,130,0) 70%);
}

.blueprint{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  background-image:
    repeating-linear-gradient(to left, rgba(245,237,227,.28) 0 1px, transparent 1px 8.333%),
    repeating-linear-gradient(to bottom, rgba(245,237,227,.28) 0 1px, transparent 1px 12.5%);
  -webkit-mask-image:radial-gradient(78% 68% at 50% 46%,#000 18%,transparent 100%);
  mask-image:radial-gradient(78% 68% at 50% 46%,#000 18%,transparent 100%);
}

/* ---------- הקו שהופך לחלון (מאפיינים פיזיים, לבהירות ב־RTL) ---------- */
.frame{
  position:absolute;top:74%;left:7%;width:86%;height:0;border-radius:0;
}
.edge{position:absolute;display:block;background:var(--orange)}
.e-t{top:0;left:0;right:0;height:1.5px;transform-origin:100% 50%;
  box-shadow:0 0 24px rgba(255,117,72,.6),0 0 70px rgba(255,117,72,.24);
  animation:draw 1s var(--ease) .25s backwards}
.e-b{bottom:0;left:0;right:0;height:1.5px;transform:scaleX(0);transform-origin:100% 50%;opacity:0}
.e-s{top:0;bottom:0;right:0;width:1.5px;transform:scaleY(0);transform-origin:50% 0;opacity:0}
.e-e{top:0;bottom:0;left:0;width:1.5px;transform:scaleY(0);transform-origin:50% 0;opacity:0}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ראש הקו — נקודת האור שמושכת את הקו לרוחב המסך, פעם אחת בטעינה */
.node{
  position:absolute;top:0;right:0;width:9px;height:9px;margin:-4px -4px 0 0;
  border-radius:50%;background:#FFE0C8;opacity:0;
  box-shadow:0 0 16px 4px rgba(255,181,130,.9),0 0 54px 12px rgba(255,117,72,.45);
  animation:node 1.35s var(--ease) .2s forwards;
}
@keyframes node{
  0%{opacity:0;transform:translateX(0)}
  10%{opacity:1}
  74%{opacity:1}
  100%{opacity:0;transform:translateX(calc(-100vw + 14px))}
}

/* ---------- האתר שבתוך החלון ---------- */
.screen{position:absolute;inset:1.5px;overflow:hidden;border-radius:inherit;opacity:0;background:#0B0A09;
  contain:layout paint}
.screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.13);will-change:transform;backface-visibility:hidden}
.screen-veil{
  position:absolute;inset:0;
  background:
    linear-gradient(to left, rgba(8,7,6,.80) 0%, rgba(8,7,6,.46) 30%, rgba(8,7,6,.06) 62%, rgba(8,7,6,0) 82%),
    linear-gradient(to top, rgba(8,7,6,.66) 0%, rgba(8,7,6,0) 42%),
    linear-gradient(to bottom, rgba(8,7,6,.50) 0%, rgba(8,7,6,0) 26%);
}
.screen-top{
  position:absolute;top:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:clamp(14px,1.9vw,26px) clamp(18px,2.6vw,38px);
  color:#F9F5EF;text-shadow:0 1px 16px rgba(0,0,0,.6);
}
.screen-top b{display:flex;align-items:baseline;gap:11px;font-family:'Suez One',var(--display);
  font-weight:400;font-size:clamp(17px,1.5vw,23px)}
.screen-top b em{font-family:var(--sans);font-size:9.5px;font-weight:600;letter-spacing:var(--track-lat);opacity:.7}
.screen-top>span{font-size:12.5px;opacity:.82}
.screen-copy{position:absolute;inset-inline-start:clamp(18px,2.6vw,38px);
  bottom:clamp(54px,6.4vw,88px);max-width:min(44ch,48%)}
.screen-over{font-family:var(--mono);font-size:10px;letter-spacing:var(--track-lat);color:var(--ember);margin-bottom:13px}
.screen-head{font-family:var(--display);font-weight:500;line-height:1.0;
  font-size:clamp(28px,3.9vw,64px);color:#FCF9F5;text-shadow:0 2px 34px rgba(0,0,0,.6)}
.screen-head em{font-weight:900;color:var(--ember)}
.screen-btn{display:inline-flex;align-items:center;gap:9px;margin-top:clamp(14px,1.6vw,24px);
  font-size:13.5px;font-weight:600;color:#0B0A09;background:#F2E9DD;border-radius:999px;padding:9px 19px}
.screen-foot{
  position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;gap:16px;
  padding:clamp(12px,1.6vw,22px) clamp(18px,2.6vw,38px);
  font-family:var(--mono);font-size:10px;color:rgba(249,245,239,.7);
}
.screen-foot span:first-child{letter-spacing:var(--track-he)}
.screen-foot span:last-child{letter-spacing:var(--track-lat);text-transform:uppercase}

/* ---------- הכותרת ---------- */
.hero{position:absolute;inset-inline:var(--gutter);top:clamp(100px,14.5vh,162px);z-index:5;pointer-events:none}
.hero a{pointer-events:auto}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:var(--track-he);color:var(--muted);
  margin-bottom:clamp(14px,2.2vh,26px)}
.hero-head{font-size:clamp(50px,8.4vw,150px);max-width:14ch;text-shadow:0 4px 70px rgba(13,11,10,.85)}
.hero-head em{color:var(--orange)}
.hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;
  gap:clamp(20px,4vw,60px);margin-top:clamp(22px,3.4vh,44px)}
.hero-sub{color:#D6C9BD;font-size:clamp(14px,1.15vw,18px);line-height:1.55;max-width:34ch}
.hero-cta{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--paper);
  font-size:15px;font-weight:600;padding-bottom:7px;border-bottom:1.5px solid var(--orange);
  transition:gap .3s var(--ease),color .3s}
.hero-cta:hover,.hero-cta:focus-visible{gap:15px;color:var(--ember)}

/* ---------- מקרא השרטוט: שורה אופקית מתחת לניווט ---------- */
.annot{
  position:absolute;inset-inline-end:var(--gutter);top:calc(78px + env(safe-area-inset-top,0px));
  z-index:6;margin:0;padding:0;list-style:none;display:flex;gap:18px;
}
.annot li{display:flex;align-items:center;gap:8px;opacity:.24;
  font-family:var(--mono);font-size:10.5px;letter-spacing:var(--track-he);color:var(--paper);
  transition:opacity .4s var(--ease),color .4s var(--ease)}
.annot li b{font-weight:400;color:var(--muted);border:1px solid var(--line);border-radius:3px;
  padding:2px 6px;font-size:9.5px;transition:border-color .4s,color .4s}
.annot li.on{opacity:1;color:var(--ember)}
.annot li.on b{border-color:var(--orange);color:var(--orange)}
@media (max-width:819px){.annot{display:none}}

.scrollhint{
  position:absolute;inset-inline-start:var(--gutter);bottom:clamp(20px,3.5vh,38px);z-index:6;
  display:flex;align-items:center;gap:11px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:var(--track-he);color:var(--muted);
}
.scrollhint i{display:block;animation:nudge 2.1s var(--ease) infinite}
@keyframes nudge{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}

.tag{
  position:absolute;inset-inline-start:var(--gutter);bottom:clamp(20px,3.5vh,38px);z-index:6;
  display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(10px);
  font-size:12.5px;color:#D6C9BD;
}
.tag em{font-family:var(--mono);font-size:9.5px;letter-spacing:var(--track-he);color:var(--ember);
  border:1px solid rgba(255,181,130,.42);border-radius:3px;padding:3px 8px}

/* פיצול מילים לאנימציה */
.w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-block:.05em .2em;margin-block:-.05em -.2em}
.wi{display:inline-block;will-change:transform}
/* בפסקת הגוף האפקט הוא אטימות בלבד — אין צורך לחתוך, וזה שומר על גובה השורה */
.after-body>p .w{overflow:visible;padding-block:0;margin-block:0;vertical-align:baseline}

/* ===========================================================
   02 — המעבר: הקו הופך למסלול ודף הנחיתה נפתח
   =========================================================== */
.route{height:340vh;position:relative}
.stage-route{
  position:sticky;top:0;height:100svh;overflow:hidden;contain:layout paint;
  background:linear-gradient(180deg,#17120E 0%, #100D0B 40%, #0D0B0A 100%);
}
.glow-route{
  background:
    radial-gradient(30vw 26vw at 22% 46%, rgba(255,117,72,.22) 0%, rgba(255,117,72,0) 70%),
    radial-gradient(70vw 30vh at 70% 108%, rgba(255,181,130,.10) 0%, rgba(255,181,130,0) 72%);
}

/* המסילה — אותו קו, עכשיו אנכי */
.rail{
  position:absolute;top:0;bottom:0;left:50%;width:1.5px;transform:translateX(-50%);
  background:var(--orange);
  transform-origin:50% 0;
  box-shadow:0 0 24px rgba(255,117,72,.6),0 0 70px rgba(255,117,72,.24);
}
.route-copy{
  position:absolute;inset-inline-start:var(--gutter);top:clamp(96px,14vh,150px);
  z-index:5;max-width:min(560px,38%);
}
.route-copy h2{font-size:clamp(30px,3.9vw,60px);margin-top:clamp(12px,1.6vh,20px)}
.route-copy h2 em{color:var(--orange)}
.route-sub{margin-top:clamp(14px,2vh,24px);color:#D6C9BD;font-size:clamp(14px,1.05vw,17px);line-height:1.6}

/* חלון דף הנחיתה */
.lp-frame{
  position:absolute;inset-inline-end:4%;top:9%;width:43%;height:82%;
  border-radius:6px;overflow:hidden;
}
.l-t{top:0;left:0;right:0;height:1.5px;transform:scaleX(0);transform-origin:50% 50%}
.l-b{bottom:0;left:0;right:0;height:1.5px;transform:scaleX(0);transform-origin:50% 50%}
.l-s{top:0;bottom:0;right:0;width:1.5px;transform:scaleY(0);transform-origin:50% 0}
.l-e{top:0;bottom:0;left:0;width:1.5px;transform:scaleY(0);transform-origin:50% 0}


/* ===========================================================
   מקטעי תוכן
   =========================================================== */
.wrap{max-width:1180px;margin:0 auto;padding-inline:var(--gutter)}
.sec-label{font-family:var(--mono);font-size:10.5px;letter-spacing:var(--track-he);color:var(--muted);
  margin-bottom:clamp(14px,2vw,22px)}
.sec-head{font-size:clamp(30px,4.2vw,62px);max-width:20ch}
.sec-head em{color:var(--orange)}

.services{background:var(--ink-2);padding:clamp(66px,10vw,132px) 0;
  border-top:1px solid rgba(245,237,227,.07)}
.cards{display:grid;gap:clamp(18px,2.4vw,30px);margin-top:clamp(34px,4.6vw,64px);
  grid-template-columns:minmax(0,1fr)}
@media (min-width:820px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-top{grid-column:1 / -1}}
@media (min-width:1120px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .card-top{grid-column:auto}}
.card{
  background:#0E0C0A;border:1px solid rgba(245,237,227,.1);border-radius:10px;
  padding:clamp(24px,2.8vw,40px);display:flex;flex-direction:column;
  transition:border-color .4s var(--ease),transform .4s var(--ease);
}
.card:hover{border-color:rgba(255,117,72,.5);transform:translateY(-3px)}
.card-alt{background:linear-gradient(180deg,#120E0B 0%,#0E0C0A 100%)}
.card-kind{font-family:var(--mono);font-size:10.5px;letter-spacing:var(--track-he);color:var(--ember);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:22px}
.card h3{font-size:clamp(25px,2.3vw,34px);margin-top:clamp(12px,1.4vw,18px)}
.card-lead{margin-top:clamp(12px,1.4vw,18px);color:#C8BBAF;font-size:15px;line-height:1.6}
.card-list{margin:clamp(20px,2.4vw,30px) 0 0;padding:0;list-style:none;
  border-top:1px solid rgba(245,237,227,.1)}
.card-list li{padding:11px 0;border-bottom:1px solid rgba(245,237,227,.1);
  font-size:14.5px;color:#C8BBAF;display:flex;gap:10px}
.card-list li::before{content:"—";color:var(--orange);flex:none}
.card-price{margin-top:auto;padding-top:clamp(22px,2.6vw,32px);display:flex;
  flex-direction:column;align-items:flex-start;gap:6px}
.card-price b{font-family:var(--display);font-weight:900;font-size:clamp(29px,2.7vw,40px);color:var(--paper)}
.card-price span{font-size:12.5px;color:var(--muted)}
.card-cta{margin-top:clamp(18px,2vw,24px);display:inline-flex;align-items:center;gap:9px;
  align-self:flex-start;text-decoration:none;color:var(--paper);font-weight:600;font-size:15px;
  border-bottom:1.5px solid var(--orange);padding-bottom:7px;
  transition:gap .3s var(--ease),color .3s}
.card-cta:hover,.card-cta:focus-visible{gap:15px;color:var(--ember)}
.cards-note{margin-top:clamp(22px,2.6vw,32px);font-size:13px;color:var(--muted);max-width:74ch}

.about{padding:clamp(66px,10vw,132px) 0;border-top:1px solid rgba(245,237,227,.07)}
.about-grid{display:grid;gap:clamp(24px,3.4vw,64px);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.about-grid{grid-template-columns:150px minmax(0,1fr)}}
.about-lead{margin-top:clamp(18px,2.2vw,28px);color:var(--paper);font-size:clamp(16px,1.25vw,20px);
  line-height:1.55;max-width:46ch}
.about-body>p:not(.about-lead){margin-top:clamp(14px,1.6vw,20px);color:#C8BBAF;
  font-size:clamp(14.5px,1.05vw,16.5px);max-width:58ch}
.about-list{margin:clamp(26px,3.2vw,44px) 0 0;padding:0;list-style:none;
  border-top:1px solid rgba(245,237,227,.1)}
.about-list li{display:grid;gap:4px;padding:clamp(14px,1.6vw,20px) 0;
  border-bottom:1px solid rgba(245,237,227,.1);font-size:14.5px;color:#C8BBAF}
@media (min-width:640px){.about-list li{grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:baseline}}
.about-list b{font-family:var(--display);font-weight:900;font-size:17px;color:var(--paper)}

.process{background:var(--ink-2);padding:clamp(66px,10vw,132px) 0;
  border-top:1px solid rgba(245,237,227,.07)}
.steps{margin:clamp(34px,4.6vw,64px) 0 0;padding:0;list-style:none;display:grid;
  gap:clamp(18px,2.2vw,28px);grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1050px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.steps li{padding-top:clamp(16px,1.8vw,22px);border-top:1px solid rgba(245,237,227,.14)}
.steps b{font-family:var(--mono);font-weight:400;font-size:11px;color:var(--orange);
  letter-spacing:var(--track-he)}
.steps h3{font-size:clamp(20px,1.9vw,26px);margin-top:8px}
.steps p{margin-top:10px;font-size:14px;color:#C8BBAF;line-height:1.6}

.terms{padding:clamp(66px,10vw,132px) 0;border-top:1px solid rgba(245,237,227,.07)}
.terms-grid{display:grid;gap:clamp(24px,3.4vw,64px);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.terms-grid{grid-template-columns:150px minmax(0,1fr)}}
.terms-list{margin:clamp(26px,3.2vw,44px) 0 0;padding:0;list-style:none;
  border-top:1px solid rgba(245,237,227,.1)}
.terms-list li{padding:clamp(13px,1.5vw,18px) 0;border-bottom:1px solid rgba(245,237,227,.1);
  font-size:15px;color:#C8BBAF;display:flex;gap:12px}
.terms-list li::before{content:"✓";color:var(--orange);flex:none;font-weight:700}
.terms-note{margin-top:clamp(20px,2.4vw,28px);font-size:13px;color:var(--muted);max-width:70ch}

.faq{background:var(--ink-2);padding:clamp(66px,10vw,132px) 0;
  border-top:1px solid rgba(245,237,227,.07)}
.faq-list{margin-top:clamp(30px,4vw,56px);border-top:1px solid rgba(245,237,227,.12)}
.faq details{border-bottom:1px solid rgba(245,237,227,.12)}
.faq summary{
  cursor:pointer;list-style:none;padding-block:clamp(16px,1.9vw,24px);
  padding-inline-end:34px;padding-inline-start:0;
  font-family:var(--display);font-weight:900;font-size:clamp(17px,1.5vw,22px);
  position:relative;transition:color .3s;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover,.faq summary:focus-visible{color:var(--ember)}
.faq summary::after{
  content:"";position:absolute;inset-inline-end:2px;top:50%;width:11px;height:11px;
  border-right:1.5px solid var(--orange);border-bottom:1.5px solid var(--orange);
  transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease);
}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq details p{padding:0 0 clamp(18px,2vw,26px);color:#C8BBAF;font-size:15px;
  line-height:1.7;max-width:74ch}

.talk{padding:clamp(80px,12vw,160px) 0 clamp(40px,5vw,60px);position:relative;overflow:hidden;
  border-top:1px solid rgba(245,237,227,.07)}
.talk::before{
  content:"";position:absolute;inset-inline-start:-10%;top:-30%;width:70vw;height:70vw;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,117,72,.14) 0%,rgba(255,117,72,0) 66%);
}
.talk-head{position:relative;font-size:clamp(40px,7vw,116px)}
.talk-head em{color:var(--orange)}
.talk-foot{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;
  justify-content:space-between;gap:clamp(24px,4vw,50px);margin-top:clamp(30px,4.6vw,64px)}
.talk-foot p{color:#C8BBAF;font-size:clamp(14.5px,1.1vw,17px)}
.talk-cta{display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  background:var(--orange);color:#140F0C;font-weight:700;font-size:16px;
  border-radius:999px;padding:14px 28px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s}
.talk-cta:hover,.talk-cta:focus-visible{transform:translateY(-2px);background:var(--ember);
  box-shadow:0 12px 34px rgba(255,117,72,.28)}
.talk-note{position:relative;margin-top:clamp(26px,3.2vw,40px);font-size:12.5px;color:var(--muted);max-width:74ch}
.talk-note a{color:var(--muted)}

.foot{border-top:1px solid rgba(245,237,227,.09);padding:clamp(24px,3vw,36px) 0
  calc(clamp(24px,3vw,36px) + env(safe-area-inset-bottom,0px))}
.foot-grid{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;
  align-items:baseline;font-size:12px;color:var(--muted)}
.foot-brand{font-family:var(--display);font-weight:900;font-size:17px;color:var(--paper);
  display:flex;align-items:baseline;gap:10px}
.foot-brand em{font-family:var(--sans);font-weight:400;font-size:11.5px;color:var(--muted)}
.foot-note{flex:1 1 320px;max-width:56ch;line-height:1.6}
.foot-links{display:flex;gap:18px;align-items:baseline}
.foot a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.foot a:hover{color:var(--paper)}

/* ניווט ראשי */
.nav-links{display:none;gap:22px;font-size:13.5px}
.nav-links a{color:var(--muted);text-decoration:none;transition:color .3s}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--paper)}
@media (min-width:1000px){.nav-links{display:flex}}

/* ---------- כפתור עצירת תנועה (בפינה הנגדית לרמז הגלילה) ---------- */
.motion{
  position:fixed;inset-inline-end:clamp(12px,2vw,20px);
  bottom:calc(clamp(12px,2vw,20px) + env(safe-area-inset-bottom,0px));
  z-index:95;display:inline-flex;align-items:center;gap:8px;
  background:rgba(13,11,10,.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--paper);border:1px solid var(--line);border-radius:999px;
  padding:8px 15px;font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;
  transition:border-color .3s,color .3s}
.motion:hover{border-color:var(--orange);color:var(--ember)}
.motion i{width:9px;height:9px;border-inline:2.5px solid currentColor;display:block}
.motion[aria-pressed="true"] i{border:0;width:0;height:0;border-top:5px solid transparent;
  border-bottom:5px solid transparent;border-inline-end:8px solid currentColor}
.motion[disabled]{opacity:.55;cursor:default}

/* ===========================================================
   נייד — קומפוזיציה אחרת, בלי קיבוע ובלי רצף ארוך
   =========================================================== */
@media (max-width:819px){
  .journey{height:auto}
  .stage{position:static;height:auto;overflow:visible;padding-inline:var(--gutter);padding-bottom:clamp(34px,7vw,60px)}
  .glow{height:118svh}
  .hero{position:static;display:flex;flex-direction:column;justify-content:center;
    min-height:80svh;padding:calc(84px + env(safe-area-inset-top,0px)) 0 clamp(26px,6vw,40px)}
  .hero-head{font-size:clamp(42px,12.6vw,74px);max-width:none}
  .scrollhint{display:none}
  .frame{position:relative;top:auto;left:auto;width:100%;height:auto;aspect-ratio:4/5;
    border-radius:5px;margin-inline:auto}
  .e-t{transform:scaleX(1)}
  .e-b{transform:scaleX(1);opacity:1}
  .e-s,.e-e{transform:scaleY(1);opacity:1}
  .node{display:none}
  .screen{opacity:1}
  .screen>img{transform:none;height:114%;top:-7%;bottom:auto}
  .screen-copy{max-width:none;inset-inline-end:clamp(18px,2.6vw,38px);bottom:54px}
  .screen-head{font-size:clamp(26px,7.4vw,40px)}
  .blueprint{display:none}
  .tag{position:static;opacity:1;transform:none;margin-top:16px;flex-wrap:wrap}
}
@media (max-width:420px){
  .screen-top>span,.screen-foot span:last-child{display:none}
  .screen-btn{font-size:12.5px;padding:8px 15px}
}

/* ===========================================================
   מצב סטטי — תנועה מופחתת או עצירה יזומה.
   הכל במצב הסופי; שום תוכן אינו מוסתר.
   =========================================================== */
.static .e-t{animation:none!important;transform:scaleX(1)!important}
.static .e-b{transform:scaleX(1)!important;opacity:1!important}
.static .e-s,.static .e-e{transform:scaleY(1)!important;opacity:1!important}
.static .node{animation:none!important;opacity:0!important}
.static .screen{opacity:1!important}
.static .screen>img{transform:none!important}
.static .blueprint{opacity:.1}
.static .tag{opacity:1!important;transform:none!important}
.static .wi{transform:none!important;opacity:1!important}
.static .frame,.static .screen{clip-path:none!important}
.static .scrollhint i{animation:none}
.static .annot{display:none}

@media (min-width:820px){
  .static .journey{height:auto}
  .static .stage{position:static;height:auto;min-height:100svh;padding-inline:var(--gutter);padding-bottom:clamp(40px,6vw,80px)}
  .static .hero{position:static;padding:calc(110px + env(safe-area-inset-top,0px)) 0 clamp(30px,5vw,50px)}
  .static .frame{position:relative;top:auto;left:auto;width:100%;height:auto;aspect-ratio:16/9;border-radius:6px}
  .static .scrollhint{position:static;margin-top:20px}
  .static .tag{position:static;margin-top:16px}
}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .scrollhint i{animation:none!important}
}

/* ===========================================================
   מקטע המסלול — חלון צר
   =========================================================== */
@media (max-width:819px){
  .route{height:auto}
  .stage-route{position:static;height:auto;overflow:visible;
    padding:clamp(56px,11vw,86px) var(--gutter) clamp(34px,7vw,60px)}
  .glow-route{height:100%}
  .rail{position:absolute;inset-inline-end:auto;inset-inline-start:calc(var(--gutter) / 2);
    top:clamp(56px,11vw,86px);bottom:clamp(34px,7vw,60px);transform:scaleY(1)}
  .route-copy{position:static;max-width:none}
  .route-copy h2{font-size:clamp(28px,8.4vw,44px)}
  .lp-frame{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/4;
    margin-top:clamp(26px,6vw,44px)}
  .l-t,.l-b{transform:scaleX(1)}
  .l-s,.l-e{transform:scaleY(1)}
  .tag-route{position:static;margin-top:16px}
}
@media (max-width:520px){
  .lp-frame{aspect-ratio:4/5}
}

.static .rail{opacity:1!important}
.static .l-t,.static .l-b{transform:scaleX(1)!important}
.static .l-s,.static .l-e{transform:scaleY(1)!important}
.static .lp-page{transform:none!important}
@media (min-width:820px){
  .static .route{height:auto}
  .static .stage-route{position:static;height:auto;overflow:visible;
    padding:clamp(60px,9vw,110px) var(--gutter)}
  .static .route-copy{position:static;max-width:none}
  .static .rail{display:none}
  .static .lp-frame{position:relative;inset:auto;width:min(760px,100%);height:auto;aspect-ratio:4/3;
    margin:clamp(26px,4vw,44px) auto 0}
  .static .tag-route{position:static;margin-top:16px}
}

/* ===========================================================
   עמודי תוכן — פרטיות, נגישות, 404
   =========================================================== */
.page{padding:calc(clamp(96px,14vh,150px) + env(safe-area-inset-top,0px)) 0 clamp(50px,7vw,90px);
  position:relative;overflow:hidden}
.page::before{
  content:"";position:absolute;inset-inline-start:-14%;top:-24%;width:64vw;height:64vw;pointer-events:none;
  background:radial-gradient(circle,rgba(255,117,72,.13) 0%,rgba(255,117,72,0) 66%);
}
.page-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--muted);
  font-size:13.5px;margin-bottom:clamp(22px,3vw,34px);transition:color .3s,gap .3s var(--ease)}
.page-back:hover,.page-back:focus-visible{color:var(--paper);gap:13px}
.page h1{position:relative;font-size:clamp(34px,5.4vw,80px);max-width:18ch}
.page-meta{position:relative;margin-top:clamp(14px,1.8vw,22px);font-family:var(--mono);
  font-size:11px;letter-spacing:var(--track-he);color:var(--muted)}
.page-body{position:relative;margin-top:clamp(34px,4.6vw,64px);max-width:74ch}
.page-body section{padding:clamp(20px,2.6vw,32px) 0;border-top:1px solid rgba(245,237,227,.12)}
.page-body h2{font-size:clamp(19px,1.9vw,26px)}
.page-body p{margin-top:clamp(10px,1.2vw,15px);color:#C8BBAF;font-size:15px;line-height:1.75}
.page-body ul{margin:clamp(10px,1.2vw,15px) 0 0;padding:0;list-style:none}
.page-body li{padding:7px 0;color:#C8BBAF;font-size:15px;line-height:1.7;display:flex;gap:11px}
.page-body li::before{content:"—";color:var(--orange);flex:none}
.page-body a{color:var(--ember)}
.page-body strong{color:var(--paper);font-weight:600}

/* עוגן שנוחת באמצע הסצנה, במקום בתחילתה שבה עוד אין מה לראות */
.scene-anchor{position:absolute;top:52%;inset-inline:0;height:1px;pointer-events:none}
@media (max-width:819px){.scene-anchor{top:0}}

/* ---------- הכרטיסיות נפתחות מתוך קו ---------- */
.card{position:relative}
.card-seam{
  position:absolute;top:50%;left:0;right:0;height:1.5px;background:var(--orange);opacity:0;
  box-shadow:0 0 20px rgba(255,117,72,.6),0 0 56px rgba(255,117,72,.25);pointer-events:none;
}
.card-top{
  background:linear-gradient(180deg,#16110D 0%,#0E0C0A 62%);
  border-color:rgba(255,117,72,.34);
}
.card-top:hover{border-color:rgba(255,117,72,.72)}
.card-badge{
  font-family:var(--sans);font-size:10px;font-weight:700;
  letter-spacing:var(--track-he);color:#140F0C;background:var(--orange);
  border-radius:99px;padding:3px 9px;vertical-align:middle;
}
.card-top .card-price b{color:var(--ember)}

/* ---------- מסילת התהליך ---------- */
.steps{position:relative}
.steps-rail{
  position:absolute;top:0;inset-inline:0;height:1.5px;background:var(--orange);
  transform:scaleX(0);transform-origin:100% 50%;
  box-shadow:0 0 18px rgba(255,117,72,.5);
}
@media (max-width:1049px){.steps-rail{display:none}}

/* כשהשלבים בעמודה (נייד ומסכים בינוניים) — כל שלב מקבל קו משלו במקום פס משותף */
.steps li{position:relative}
.step-seam{
  position:absolute;top:-1px;inset-inline:0;height:1.5px;background:var(--orange);
  transform:scaleX(0);transform-origin:100% 50%;
  box-shadow:0 0 16px rgba(255,117,72,.55);pointer-events:none;
}
@media (min-width:1050px){.step-seam{display:none}}

/* ---------- הקו הסוגר, לפני הפנייה האחרונה ---------- */
.talk-rule{
  display:block;position:relative;height:1.5px;background:var(--orange);
  transform:scaleX(0);transform-origin:100% 50%;
  margin:clamp(20px,3vw,34px) 0 clamp(24px,3.4vw,40px);
  box-shadow:0 0 22px rgba(255,117,72,.5),0 0 60px rgba(255,117,72,.2);
}

/* ---------- מצב סטטי ---------- */
.static .card{clip-path:none!important}
.static .card>*{opacity:1!important;transform:none!important}
.static .card-seam{opacity:0!important}
.static .steps-rail{transform:scaleX(1)!important}
.static .step-seam{transform:scaleX(1)!important}
.static .talk-rule{transform:scaleX(1)!important}

/* ===========================================================
   ביצועים בנייד — backdrop-filter ברוחב מלא יקר מדי בכל פריים
   =========================================================== */
@media (max-width:819px){
  .nav.is-set{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(13,11,10,.94)}
  .motion{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(13,11,10,.94)}
  .grain{opacity:.06}
}

/* ===========================================================
   הכרטיסיות נפתחות מהמרכז החוצה, מתוך קו אחד משותף
   =========================================================== */
.cards{position:relative}
.cards-seam{
  position:absolute;top:50%;inset-inline:0;height:1.5px;background:var(--orange);
  opacity:0;transform:scaleX(0);pointer-events:none;
  box-shadow:0 0 22px rgba(255,117,72,.6),0 0 60px rgba(255,117,72,.25);
}
.card{transform-origin:50% 50%}
.static .cards-seam{opacity:0!important}

/* ===========================================================
   הפנייה האחרונה — הכפתור שכל האתר מוביל אליו
   =========================================================== */
.talk-foot{align-items:center}
.talk-cta{
  display:inline-flex;align-items:center;gap:14px;text-decoration:none;
  background:var(--orange);color:#140F0C;
  font-family:var(--display);font-weight:900;font-size:clamp(19px,1.8vw,26px);
  letter-spacing:-.01em;line-height:1;
  border-radius:999px;padding:clamp(18px,1.9vw,26px) clamp(30px,3.2vw,48px);
  box-shadow:0 10px 40px rgba(255,117,72,.26),0 0 0 0 rgba(255,117,72,.42);
  transition:transform .3s var(--ease),box-shadow .4s var(--ease),background-color .3s;
}
.talk-cta:hover,.talk-cta:focus-visible{
  transform:translateY(-3px);background:var(--ember);
  box-shadow:0 18px 56px rgba(255,117,72,.4),0 0 0 10px rgba(255,117,72,.12);
}
.talk-cta .wa{width:1.15em;height:1.15em;flex:none}
.talk-cta-arrow{font-size:.74em;transition:transform .3s var(--ease)}
.talk-cta:hover .talk-cta-arrow{transform:translate(-4px,-4px)}
@media (max-width:640px){
  .talk-cta{width:100%;justify-content:center}
  .talk-foot{align-items:stretch}
}

.static .frame{transform:none!important}

/* ===========================================================
   הפנייה האחרונה — כפתור עגול
   =========================================================== */
.talk-cta{
  position:relative;flex-direction:column;justify-content:center;gap:10px;
  width:clamp(172px,15vw,210px);aspect-ratio:1;border-radius:50%;
  padding:0;text-align:center;
  font-family:var(--display);font-weight:900;font-size:clamp(16px,1.2vw,19px);
  line-height:1.15;letter-spacing:-.01em;
  box-shadow:0 14px 44px rgba(255,117,72,.3);
}
.talk-cta:hover,.talk-cta:focus-visible{
  transform:translateY(-4px) scale(1.03);
  box-shadow:0 22px 62px rgba(255,117,72,.42);
}
.talk-cta .wa{width:2.2em;height:2.2em}
.talk-cta-label{position:relative;z-index:1}
.talk-cta-halo{
  position:absolute;inset:-14px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(255,117,72,.34);
  transition:inset .45s var(--ease),border-color .45s var(--ease);
}
.talk-cta:hover .talk-cta-halo,.talk-cta:focus-visible .talk-cta-halo{
  inset:-22px;border-color:rgba(255,181,130,.5);
}
@media (max-width:640px){
  .talk-cta{width:clamp(164px,52vw,196px)}
  .talk-foot{align-items:center}
}

/* ---------- הבאנר על החבילה הפופולרית ---------- */
.card-pick{
  background:linear-gradient(180deg,#17110C 0%,#0E0C0A 62%);
  border-color:rgba(255,117,72,.5);
}
.card-pick:hover{border-color:rgba(255,117,72,.8)}
.card-pick .card-price b{color:var(--ember)}
.card-badge-soft{
  background:none;color:var(--ember);
  border:1px solid rgba(255,181,130,.45);padding:2px 8px;
}
/* כרטיסיית הפרימיום חוזרת לגבול רגיל, כדי שהבאנר יבלוט על אחת בלבד */
.card-top{border-color:rgba(245,237,227,.16)}
.card-top:hover{border-color:rgba(255,117,72,.5)}

/* ===========================================================
   לפני / אחרי — שני אתרים חיים, לא תמונות. מחיצה נגררת.
   =========================================================== */
.compare{padding:clamp(66px,10vw,132px) 0;border-top:1px solid rgba(245,237,227,.07)}
.compare-lead{margin-top:clamp(16px,2vw,24px);color:#C8BBAF;max-width:62ch;
  font-size:clamp(14.5px,1.05vw,17px);line-height:1.6}
.compare-note{margin-top:clamp(16px,2vw,22px);font-size:12.5px;color:var(--muted)}

.ba{
  position:relative;margin-top:clamp(28px,3.6vw,48px);
  aspect-ratio:16/10;border:1.5px solid var(--orange);border-radius:6px;
  overflow:hidden;container-type:size;isolation:isolate;
  box-shadow:0 0 44px rgba(255,117,72,.12);
}
.ba-pane{position:absolute;inset:0;overflow:hidden}
/* החדש נחשף מימין — הצד שבו העין העברית מתחילה */
.ba-new{clip-path:inset(0 0 0 var(--split))}

.ba-line{
  position:absolute;top:0;bottom:0;left:var(--split);width:1.5px;
  background:var(--orange);z-index:3;pointer-events:none;
  box-shadow:0 0 18px rgba(255,117,72,.7);
}
.ba-grip{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:46px;height:46px;border-radius:50%;
  background:var(--orange);color:#140F0C;
  display:flex;align-items:center;justify-content:center;gap:5px;
  box-shadow:0 6px 22px rgba(0,0,0,.45);
}
.ba-grip b{width:2px;height:13px;background:currentColor;border-radius:2px;display:block}
.ba-tag{
  position:absolute;bottom:14px;z-index:3;pointer-events:none;
  font-family:var(--mono);font-size:10.5px;letter-spacing:var(--track-he);
  padding:5px 11px;border-radius:3px;
}
.ba-tag-old{left:14px;background:rgba(20,15,12,.8);color:#D6C9BD;border:1px solid rgba(245,237,227,.22)}
.ba-tag-new{right:14px;background:var(--orange);color:#140F0C}
.ba-range{
  position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;
  opacity:0;cursor:ew-resize;direction:ltr;
}
.ba-range:focus-visible ~ .ba-line{box-shadow:0 0 0 3px var(--ember),0 0 22px rgba(255,117,72,.8)}

/* ---------- הצד הישן ---------- */
.ba-old{background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;text-align:center}
.old-top{background:#1d3f8f;color:#fff;padding:2.2cqw 3cqw}
.old-top b{display:block;font-size:5cqw;letter-spacing:-.02em}
.old-top span{display:block;font-size:2.1cqw;margin-top:.6cqw}
.old-nav{background:#e8e8e8;border-bottom:2px solid #1d3f8f;padding:1.4cqw;
  font-size:2cqw;color:#666}
.old-nav a{color:#0000ee;text-decoration:underline;padding:0 1cqw}
.old-flash{color:#d00;font-weight:700;font-size:2.4cqw;margin:1.6cqw 0}
.old-body{padding:0 4cqw 3cqw}
.old-intro{font-size:1.9cqw;line-height:1.35;text-align:justify;color:#222;margin-bottom:2cqw}
.old-table{width:100%;border-collapse:collapse;font-size:1.9cqw;margin-bottom:2.4cqw}
.old-table th{background:#1d3f8f;color:#fff;border:1px solid #888;padding:.9cqw}
.old-table td{border:1px solid #888;padding:.9cqw;color:#222}
.old-table tr:nth-child(odd) td{background:#f2f2f2}
.old-btn{
  display:inline-block;font-size:2.1cqw;padding:1cqw 3cqw;color:#000;
  border:2px outset #c0c0c0;border-radius:3px;
  background:linear-gradient(#fdfdfd,#cfcfcf);
}
.old-counter{margin-top:2.4cqw;font-size:1.6cqw;color:#777}

/* ---------- הצד החדש ---------- */
.ba-new{background:#100D0B;color:var(--paper);display:flex;flex-direction:column}
.new-top{display:flex;align-items:center;justify-content:space-between;gap:2cqw;
  padding:2.6cqw 3.4cqw;border-bottom:1px solid rgba(245,237,227,.1)}
.new-top b{font-family:var(--display);font-weight:900;font-size:2.9cqw;
  display:flex;align-items:baseline;gap:1cqw}
.new-top b em{font-family:var(--sans);font-weight:600;font-size:1.2cqw;color:var(--muted)}
.new-nav{display:flex;gap:2cqw;font-size:1.5cqw;color:var(--muted)}
.new-nav i{font-style:normal}
.new-cta{font-size:1.5cqw;font-weight:700;background:var(--orange);color:#140F0C;
  border-radius:99px;padding:1cqw 2.4cqw}
.new-hero{padding:4.4cqw 3.4cqw 3cqw}
.new-eyebrow{font-family:var(--mono);font-size:1.4cqw;letter-spacing:var(--track-he);color:var(--ember)}
.ba-new h3{font-family:var(--display);font-weight:900;font-size:6.4cqw;line-height:1;
  margin-top:1.8cqw}
.ba-new h3 em{font-style:normal;color:var(--orange)}
.new-sub{margin-top:2cqw;font-size:1.8cqw;line-height:1.5;color:#C8BBAF}
.new-row{display:flex;align-items:center;gap:2.4cqw;margin-top:3cqw}
.new-btn{font-size:1.8cqw;font-weight:700;background:var(--orange);color:#140F0C;
  border-radius:99px;padding:1.4cqw 3.4cqw}
.new-ghost{font-size:1.7cqw;font-weight:600;border-bottom:1px solid var(--orange);padding-bottom:.5cqw}
.new-list{margin:auto 3.4cqw 0;padding:0;list-style:none;
  border-top:1px solid rgba(245,237,227,.1)}
.new-list li{display:grid;grid-template-columns:22cqw minmax(0,1fr);gap:2cqw;
  align-items:baseline;padding:1.7cqw 0;border-bottom:1px solid rgba(245,237,227,.1)}
.new-list b{font-family:var(--display);font-weight:900;font-size:2cqw}
.new-list span{font-size:1.6cqw;color:#C8BBAF}
.new-foot{padding:2cqw 3.4cqw;font-family:var(--mono);font-size:1.3cqw;
  letter-spacing:var(--track-he);color:var(--muted)}

@container (max-width: 640px){
  .old-top b{font-size:7cqw}
  .old-top span,.old-nav,.old-intro,.old-table{font-size:2.9cqw}
  .old-flash{font-size:3.4cqw}
  .old-btn{font-size:3.2cqw}
  .old-counter{font-size:2.4cqw}
  .new-top b{font-size:4.4cqw}
  .new-nav{display:none}
  .new-cta{font-size:2.4cqw;padding:1.4cqw 3cqw}
  .ba-new h3{font-size:8.4cqw}
  .new-eyebrow{font-size:2.3cqw}
  .new-sub{font-size:2.8cqw}
  .new-btn{font-size:2.8cqw}
  .new-ghost{font-size:2.6cqw}
  .new-list li{grid-template-columns:minmax(0,1fr);gap:.6cqw}
  .new-list b{font-size:3.2cqw}
  .new-list span{font-size:2.5cqw}
  .new-foot{font-size:2.1cqw}
}
@media (max-width:819px){
  .ba{aspect-ratio:3/4}
  .ba-grip{width:40px;height:40px}
}
@media (max-width:520px){
  .ba{aspect-ratio:4/5}
}

/* הקו שאליו החלון נסגר, ושמסתובב אל המקטע הבא. אלמנט נפרד בכוונה:
   כך אין צורך בסקיילינג נגדי, ואין חישוב פריסה מחדש בכל פריים. */
.pivot{
  position:absolute;top:51%;left:7%;width:86%;height:1.5px;
  background:var(--orange);opacity:0;transform-origin:50% 50%;
  box-shadow:0 0 24px rgba(255,117,72,.6),0 0 70px rgba(255,117,72,.24);
  pointer-events:none;
}
.static .pivot{opacity:0!important;transform:none!important}
@media (max-width:819px){.pivot{display:none}}

/* ===========================================================
   הצד ה"אחרי" נשאר בכחול של העסק — לא בכתום של קו בנוי.
   זה גם סיפור חזק יותר: אותו מותג, אותו צבע, רק עשוי כמו שצריך.
   =========================================================== */
.ba-new{
  --nv-bg:#0C1626;
  --nv-ink:#EAF0F8;
  --nv-muted:#93A4BC;
  --nv-line:rgba(234,240,248,.12);
  --nv-blue:#4C8DFF;
  --nv-deep:#1D3E7A;
  background:var(--nv-bg);color:var(--nv-ink);
}
.ba-new .new-top{border-bottom:1px solid var(--nv-line)}
.ba-new .new-top b em{color:var(--nv-muted)}
.ba-new .new-nav{color:var(--nv-muted)}
.ba-new .new-cta{background:var(--nv-blue);color:#07101E}
.ba-new .new-eyebrow{color:var(--nv-blue)}
.ba-new h3 em{color:var(--nv-blue)}
.ba-new .new-sub{color:var(--nv-muted)}
.ba-new .new-btn{background:var(--nv-blue);color:#07101E}
.ba-new .new-ghost{border-bottom-color:var(--nv-blue)}
.ba-new .new-list{border-top-color:var(--nv-line)}
.ba-new .new-list li{border-bottom-color:var(--nv-line)}
.ba-new .new-list span{color:var(--nv-muted)}
.ba-new .new-foot{color:var(--nv-muted)}
/* רקע עדין בגוון המותג, במקום הילה כתומה */
.ba-new::before{
  content:"";position:absolute;inset-inline-start:-14%;top:-22%;width:62%;aspect-ratio:1;
  pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(76,141,255,.16) 0%,rgba(76,141,255,0) 68%);
}
/* התווית "אחרי" גם היא בכחול, אחרת היא מחזירה את הכתום פנימה */
.ba-tag-new{background:var(--nv-blue);color:#07101E}

/* ערך התחלה למחיצת לפני/אחרי — ב-CSS ולא כ-style inline, כדי לאפשר CSP מחמיר */
.ba{--split:50%}

/* עמוד 404 */
.page h1 .accent{color:var(--orange)}
.page-action{margin-top:26px}
.page-back-btn{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  background:var(--orange);color:#140F0C;font-weight:700;font-size:16px;
  border-radius:999px;padding:14px 28px;
  transition:transform .3s var(--ease),background-color .3s}
.page-back-btn:hover,.page-back-btn:focus-visible{transform:translateY(-2px);background:var(--ember)}

/* ===========================================================
   דילול תוכן בנייד — 22.09.2026
   הכל בתוך max-width:760px. שום כלל כאן לא נוגע בתצוגת המחשב —
   ברירת המחדל (ללא מדיה קווארי) תמיד מציגה את הגרסה המלאה.
   =========================================================== */

/* הגרסאות הקצרות מוסתרות כברירת מחדל בכל רוחב */
.step-p-short, .card-lead-short, .route-sub-short,
.compare-lead-short, .talk-note-short, .foot-note-short{display:none}

@media (max-width:760px){
  /* תהליך: כל שלב מקבל הסבר של 4–6 מילים במקום פסקה */
  .step-p-full{display:none}
  .step-p-short{display:block}

  /* כרטיסיות דף נחיתה ואתר תדמית: פסקת ההסבר יורדת — הכותרת והבולטים
     כבר נושאים את המידע, וה"מתי לבחור" כבר מופיע בשאלה הראשונה ב-FAQ */
  .card-alt .card-lead, .card-pick .card-lead{display:none}

  /* אתר מורחב: המידע הייחודי (SEO/כמה שירותים) לא מופיע במקום אחר — מתקצר, לא נמחק */
  .card-top .card-lead-full{display:none}
  .card-top .card-lead-short{display:block}

  /* מסלול: תת-כותרת קצרה */
  .route-sub-full{display:none}
  .route-sub-short{display:block}

  /* לפני/אחרי: מבוא קצר */
  .compare-lead-full{display:none}
  .compare-lead-short{display:block}

  /* שתי שאלות עם רלוונטיות מצומצמת/כפולה יורדות; שאר ה-FAQ נשאר */
  .faq-desktop-only{display:none}

  /* יצירת קשר: מוריד משפט מובן מאליו, שומר את קישור הפרטיות */
  .talk-note-full{display:none}
  .talk-note-short{display:block}

  /* פוטר: הבהרה תמציתית יותר */
  .foot-note-full{display:none}
  .foot-note-short{display:block}
}

/* ===========================================================
   הסרת מצוק ופישוט מרווה בנייד — 22.09.2026
   רק בתוך max-width:760px. שום כלל כאן לא נוגע בתצוגת המחשב,
   ולא ב-761–819px (שם ה-JS עדיין מריץ את ההדגמה המלאה כרגיל).
   =========================================================== */
@media (max-width:760px){
  /* מצוק מוסר לגמרי — מההירו עוברים ישר לתוכן הבא */
  .frame{display:none}
  .tag:not(.tag-route){display:none}

  /* התג של מרווה עובר להופיע מעל המסגרת במקום מתחתיה.
     .glow-route ו-.rail ממוקמים absolute ולכן לא מושפעים מהפיכת
     ההורה ל-flex — רק שלושת הילדים במצב static מסתדרים לפי order. */
  .stage-route{display:flex;flex-direction:column}
  .route-copy{order:1}
  .tag-route{order:2;margin-top:0;margin-bottom:16px}
  .lp-frame{order:3}
}