/* ===================== מקטעי טקסט של העמוד (לא רכיב משותף: נוסף כאן) ===================== */
.tx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:end}
.tx .h2{max-width:13ch}
.tx .lead{margin:0;max-width:42ch}
.tx-big{margin:0;font-size:clamp(26px,2.1vw,40px);font-weight:700;line-height:1.35;text-wrap:balance;max-width:30ch}
.tx-big b{font-weight:900}

/* ===================== רגע החתימה: הקופסה שנפתחת לקבצים ===================== */
.ab{position:relative;background:#000;color:#fff}
.ab-stage{position:relative;height:100vh;height:100svh;overflow:clip}
.ab-ill{position:absolute;top:118px;right:var(--gut);z-index:8}
.ab-start,.ab-end{position:absolute;top:0;left:0;width:100%;height:100%}
.ab-start{display:grid;place-items:center;padding:110px var(--gut) 40px}
.ab-cell{position:relative;width:min(58vw,1000px,calc((100svh - 230px) * 1.6));aspect-ratio:16/10;--th:12px}
.ab-box{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:22px;background:#0b0b0b}
.ab-side{position:absolute;display:block;background:#fff;border-radius:4px;will-change:transform}
.ab-side.t{top:0;left:0;width:100%;height:var(--th)}
.ab-side.b{bottom:0;left:0;width:100%;height:var(--th)}
.ab-side.r{top:0;right:0;width:var(--th);height:100%}
.ab-side.l{top:0;left:0;width:var(--th);height:100%}
.ab-bolt{position:absolute;z-index:2;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#000;box-shadow:inset 0 0 0 2.5px #fff}
.ab-bolt::before,.ab-bolt::after{content:"";position:absolute;top:12px;left:7px;width:12px;height:2px;background:#fff;border-radius:2px;transform:rotate(45deg)}
.ab-bolt::after{transform:rotate(-45deg)}
.ab-bolt.a{top:calc(var(--th) / 2);left:calc(var(--th) / 2)}
.ab-bolt.b{top:calc(var(--th) / 2);left:calc(100% - var(--th) / 2)}
.ab-bolt.c{top:calc(100% - var(--th) / 2);left:calc(var(--th) / 2)}
.ab-bolt.d{top:calc(100% - var(--th) / 2);left:calc(100% - var(--th) / 2)}
.ab-site{position:absolute;top:var(--th);left:var(--th);width:calc(100% - var(--th) * 2);height:calc(100% - var(--th) * 2)}
.ab-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.4px);background-size:22px 22px}
.ab-w{position:absolute;top:var(--y);left:var(--x);width:var(--w);height:var(--h);border-radius:10px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);transform-origin:0 0;will-change:transform}
.ab-w.fill{background:#fff;box-shadow:none;border-radius:8px}
.ab-w.soft{background:rgba(255,255,255,.3);box-shadow:none;border-radius:6px}
.ab-w.pill{border-radius:999px;box-shadow:inset 0 0 0 2px #fff}
.ab-w.img{background:linear-gradient(to top right,transparent calc(50% - .75px),rgba(255,255,255,.4) calc(50% - .75px),rgba(255,255,255,.4) calc(50% + .75px),transparent calc(50% + .75px)),linear-gradient(to top left,transparent calc(50% - .75px),rgba(255,255,255,.4) calc(50% - .75px),rgba(255,255,255,.4) calc(50% + .75px),transparent calc(50% + .75px))}
.ab-w.nav::before{content:"";position:absolute;top:50%;right:14px;width:22%;height:10px;margin-top:-5px;border-radius:5px;background:rgba(255,255,255,.55)}
.ab-w.nav::after{content:"";position:absolute;top:50%;left:12px;width:12%;height:14px;margin-top:-7px;border-radius:7px;background:#fff}
.ab-w.k1{--x:5%;--y:5%;--w:90%;--h:9%}
.ab-w.k2{--x:45%;--y:21%;--w:50%;--h:10%}
.ab-w.k3{--x:55%;--y:35%;--w:40%;--h:5%}
.ab-w.k4{--x:73%;--y:45%;--w:22%;--h:9%}
.ab-w.k5{--x:5%;--y:21%;--w:35%;--h:33%}
.ab-w.k6{--x:5%;--y:63%;--w:28.33%;--h:31%}
.ab-w.k7{--x:35.83%;--y:63%;--w:28.33%;--h:31%}
.ab-w.k8{--x:66.67%;--y:63%;--w:28.33%;--h:31%}
/* הכפתור הצף */
.ab-fw{position:absolute;z-index:4;top:50%;right:100%;height:64px;margin-top:-32px;will-change:transform}
.ab-feat{display:inline-flex;align-items:center;height:64px;padding:0 30px;border-radius:999px;background:#fff;color:#000;font-size:20px;font-weight:900;white-space:nowrap;box-shadow:0 18px 50px -12px rgba(255,255,255,.28);will-change:transform}
.ab-no{position:absolute;top:calc(100% + 18px);right:0;width:max-content;max-width:15ch;margin:0;font-size:clamp(20px,1.5vw,26px);font-weight:900;line-height:1.2;text-align:right;text-wrap:balance}
.ab-ring{position:absolute;z-index:3;top:50%;left:0;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;opacity:0;pointer-events:none}
/* הסוף: עץ הקבצים */
.ab-end{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center;padding:110px max(var(--gut),calc((100% - 1600px) / 2)) 40px}
.ab-txt{display:flex;flex-direction:column}
.ab-big{margin:0;font-weight:900;font-size:clamp(76px,8.4vw,170px);line-height:.92;letter-spacing:-.015em}
.ab-cap{margin:30px 0 0;font-size:clamp(20px,1.45vw,27px);font-weight:300;line-height:1.5;color:rgba(255,255,255,.78);max-width:30ch}
.ab-repo{position:relative;width:min(100%,720px);border-radius:20px;text-align:left}
.ab-rbg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background:#0d0d0d;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34)}
.ab-rh{position:relative;display:flex;align-items:center;gap:14px;height:68px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.14);font-size:20px;font-weight:700}
.ab-rh svg{width:22px;height:22px;flex:none;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-br{display:inline-flex;align-items:center;gap:8px;margin-left:auto;height:36px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34);font-size:16px}
.ab-br i{width:8px;height:8px;border-radius:50%;background:#fff}
.ab-rows{position:relative;list-style:none;margin:0;padding:8px 10px 10px}
.ab-row{position:relative;display:flex;align-items:center;gap:16px;height:52px;padding:0 14px;border-radius:12px;font-size:19px;font-weight:700}
.ab-row+.ab-row{box-shadow:0 -1px 0 rgba(255,255,255,.08)}
.ab-ic{position:relative;flex:none;width:22px;height:18px}
.ab-ic.fd{background:#fff;border-radius:3px;clip-path:polygon(0 0,40% 0,52% 16%,100% 16%,100% 100%,0 100%)}
.ab-ic.fl{width:16px;height:20px;margin:0 3px;border-radius:3px;box-shadow:inset 0 0 0 1.6px #fff;clip-path:polygon(0 0,62% 0,100% 30%,100% 100%,0 100%)}

/* מעבר: בין 900 ל-1199, ובמובייל: הכפתור מגיע מלמטה */
@media (max-width:1199px){
  /* התג "המחשה" מקבל שורה משלו, ממורכז מעל הבמה, כדי שלא יחפוף לשום דבר */
  .ab-ill{top:100px;right:0;left:0;width:max-content;margin:0 auto}
  .ab-start{padding:148px var(--gut) 250px}
  .ab-cell{width:min(78vw,820px,calc((100svh - 408px) * 1.6))}
  .ab-fw{top:100%;right:0;left:0;margin:0 auto;width:max-content;height:auto}
  .ab-no{right:0;left:0;margin:0 auto;max-width:22ch;text-align:center;top:calc(100% + 14px)}
  .ab-ring{top:100%;left:50%}
  .ab-end{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:148px var(--gut) 40px;text-align:center}
  .ab-txt{display:contents}
  .ab-big{order:1;font-size:clamp(52px,12vw,104px)}
  .ab-repo{order:2;width:min(100%,600px)}
  .ab-cap{order:3;margin:0 auto;max-width:34ch}
}
@media (max-width:899px){
  .ab-ill{top:82px}
  .ab-start{padding:128px 16px 236px}
  .ab-cell{width:min(92vw,560px,calc((100svh - 380px) * .84));aspect-ratio:10/12;--th:8px}
  .ab-box{border-radius:16px}
  .ab-bolt{width:20px;height:20px;margin:-10px 0 0 -10px}
  .ab-bolt::before,.ab-bolt::after{top:9px;left:5px;width:10px}
  .ab-feat{height:56px;padding:0 24px;font-size:18px}
  .ab-no{font-size:20px}
  .ab-ring{width:90px;height:90px;margin:-45px 0 0 -45px}
  .ab-end{gap:16px;padding:128px 16px 24px}
  .ab-big{font-size:clamp(46px,13vw,64px)}
  .ab-rh{height:52px;padding:0 16px;font-size:17px;gap:10px}
  .ab-br{height:32px;padding:0 12px}
  .ab-rows{padding:4px 6px 6px}
  .ab-row{height:clamp(38px,5svh,46px);gap:12px;padding:0 10px;font-size:16px}
  .ab-cap{font-size:18px;max-width:30ch}
  /* השרטוט במובייל: אתר בטלפון */
  .ab-w.k1{--x:5%;--y:4%;--w:90%;--h:8%}
  .ab-w.k2{--x:22%;--y:18%;--w:73%;--h:8%}
  .ab-w.k3{--x:35%;--y:29%;--w:60%;--h:4%}
  .ab-w.k4{--x:57%;--y:37%;--w:38%;--h:7%}
  .ab-w.k5{--x:5%;--y:49%;--w:90%;--h:25%}
  .ab-w.k6{--x:5%;--y:78%;--w:27.5%;--h:18%}
  .ab-w.k7{--x:36.25%;--y:78%;--w:27.5%;--h:18%}
  .ab-w.k8{--x:67.5%;--y:78%;--w:27.5%;--h:18%}
}
@media (min-width:900px) and (max-width:1199px) and (max-height:900px){
  .ab-end{gap:18px}
  .ab-big{font-size:clamp(52px,7vw,80px)}
  .ab-rh{height:52px}
  .ab-row{height:40px;font-size:17px}
}
@media (min-width:900px) and (max-width:1199px) and (max-height:700px){
  .ab-end{gap:12px;padding-top:140px;padding-bottom:16px}
  .ab-big{font-size:48px}
  .ab-rh{height:44px}
  .ab-row{height:32px;font-size:16px}
  .ab-cap{font-size:18px}
}
@media (max-width:899px) and (max-height:700px){
  .ab-row{height:34px}
  .ab-rh{height:44px}
  .ab-big{font-size:42px}
}

/* מצב התחלה כשיש תנועה: הסוף מוסתר עד שהגלילה מגיעה אליו */
.m .ab-rbg,.m .ab-rh,.m .ab-row>*,.m .ab-cap,.m .ab-no,.m .ab-big{opacity:0;visibility:hidden}

/* תנועה מופחתת: הקופסה, ומתחתיה עץ הקבצים. בלי נעילה */
.rm .ab-stage{height:auto}
.rm .ab-start,.rm .ab-end{position:relative;height:auto}
.rm .ab-start{padding-top:150px}
.rm .ab-end{padding-top:40px;padding-bottom:140px}
.rm .ab-ill{top:96px}
.rm .ab-fw{transform:translateX(-56px)}
@media (max-width:1199px){.rm .ab-fw{transform:translateY(56px)}.rm .ab-start{padding-bottom:280px}}

@media (max-width:899px){
  .tx-grid{grid-template-columns:1fr;gap:26px;text-align:center}
  .tx .h2{margin-inline:auto}
  .tx .lead{margin-inline:auto}
  .tx-big{margin-inline:auto;font-size:22px}
}