/* =====================================================================
   טלטול v2: כהה, טורקיז וסגול. כפתורי מקבילית בזווית של ה-T,
   סמן מותאם, תפריט מלא, מסך טעינה, מעברי עמוד ורשת רקע חיה.
   נטען אחרי site.css ו-site-ext.css ודורס אותם.
   ===================================================================== */
:root.v2{
  --bg:#07070d; --bg-2:#0d0c18; --bg-3:#141226;
  --ink:#f4f5fb; --ink-soft:#c9cce0; --muted:#9298b8;
  --tq:#00e0c6; --tq-2:#00c2cb; --vi:#7b2ff7; --vi-2:#9d6bff; --bl:#1560f0;
  --grad:linear-gradient(110deg,#00e0c6 0%,#1560f0 45%,#7b2ff7 100%);
  --grad-2:linear-gradient(110deg,#7b2ff7 0%,#9d4edd 50%,#00c2cb 100%);
  --paper:#0b0b14; --cloud:rgba(255,255,255,.025); --cloud-2:rgba(255,255,255,.045); --line:rgba(255,255,255,.09);
  --brand:#9d6bff; --brand-2:#00e0c6;
  --skew-a:-14deg; /* הזווית של הכפתורים */
  --r-btn:12px; --r-sm:9px; --r-card:28px; /* רדיוס אחד לכל האתר, לפי הפינות של הסמל בלוגו */
  --ease:cubic-bezier(.2,.8,.2,1); --ease-io:cubic-bezier(.76,0,.24,1);
  --pad:clamp(20px,4.5vw,64px);
  --tb-h:84px;
}
:root.v2 body{background:var(--bg);color:var(--ink);overflow-x:clip}
:root.v2 ::selection{background:var(--tq);color:#07070d}
html.v2{scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-stopped{overflow:hidden}

/* רשת הרקע: מאחורי הכול */
.bg-grid{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
body > section, body > main, body > div:not(.ld):not(.pt):not(.cur):not(.mm):not(.modal):not(.lbox):not(.vlb), body > footer{position:relative;z-index:1}

/* ---------- כפתורי מקבילית ----------
   הכפתור עצמו ישר, והרקע שלו הוא שכבה מוטה עם פינות מעוגלות, כמו הפינות של הסמל בלוגו.
   המילוי בריחוף הוא שינוי רוחב של שכבת רקע בתוך אותה שכבה, כך שהטקסט תמיד מעליו וקריא */
.pbtn,
:root.v2 .btn-primary,:root.v2 .btn-ghost,:root.v2 .btn-wa,:root.v2 .btn-wa-outline,:root.v2 .nav-cta{
  --base:var(--ink);--fill:var(--grad);--fg:#07070d;--fg-h:#fff;--bd:transparent;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  min-height:54px;padding:0 34px;
  font:700 1rem/1 var(--font);letter-spacing:.01em;color:var(--fg)!important;
  background:none!important;border:0!important;border-radius:0;box-shadow:none!important;cursor:pointer;clip-path:none;
  transition:transform .5s var(--ease),color .35s;isolation:isolate;white-space:nowrap;text-decoration:none
}
.pbtn::before,
:root.v2 .btn-primary::before,:root.v2 .btn-ghost::before,:root.v2 .btn-wa::before,:root.v2 .btn-wa-outline::before,:root.v2 .nav-cta::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-btn);transform:skewX(var(--skew-a));
  background-color:var(--base);background-image:linear-gradient(var(--fill-c,transparent),var(--fill-c,transparent)),var(--fill);
  background-repeat:no-repeat;background-position:right center;background-size:0% 100%,0% 100%;
  box-shadow:inset 0 0 0 1.5px var(--bd);transition:background-size .55s var(--ease-io),box-shadow .35s;
  display:block;opacity:1;width:auto;height:auto;left:0;top:0;
}
.pbtn::after,:root.v2 .btn-primary::after,:root.v2 .btn-ghost::after,:root.v2 .btn-wa::after,:root.v2 .btn-wa-outline::after,:root.v2 .nav-cta::after{content:none!important;display:none!important}
.pbtn:hover::before,:root.v2 .btn-primary:hover::before,:root.v2 .btn-ghost:hover::before,:root.v2 .btn-wa:hover::before,:root.v2 .btn-wa-outline:hover::before,:root.v2 .nav-cta:hover::before{background-size:100% 100%,100% 100%}
.pbtn:hover,:root.v2 .btn-primary:hover,:root.v2 .btn-ghost:hover,:root.v2 .btn-wa:hover,:root.v2 .btn-wa-outline:hover,:root.v2 .nav-cta:hover{color:var(--fg-h)!important}
.pbtn > span{display:inline-flex;align-items:center;gap:.5em;transition:transform .5s var(--ease)}
/* גרדיאנט: הבסיס הוא הגרדיאנט, ובריחוף נכנס מילוי בהיר */
.pbtn-grad,:root.v2 .btn-primary,:root.v2 .btn-wa{--base:transparent;--fill-c:var(--ink);--fg:#fff;--fg-h:#07070d}
.pbtn-grad::before,:root.v2 .btn-primary::before,:root.v2 .btn-wa::before{background-image:linear-gradient(var(--ink),var(--ink)),var(--grad);background-size:0% 100%,100% 100%}
.pbtn-grad:hover::before,:root.v2 .btn-primary:hover::before,:root.v2 .btn-wa:hover::before{background-size:100% 100%,100% 100%}
.pbtn-light{--base:var(--ink);--fg:#07070d;--fg-h:#fff}
/* קו מתאר */
.pbtn-line,:root.v2 .btn-ghost,:root.v2 .btn-wa-outline{--base:transparent;--bd:rgba(255,255,255,.32);--fg:var(--ink);--fg-h:#fff}
.pbtn-line:hover,:root.v2 .btn-ghost:hover,:root.v2 .btn-wa-outline:hover{--bd:transparent}
/* כפתור חץ: בלי מילוי, רק הקו מאיר והחץ זז */
.pbtn-icon{min-width:66px;padding:0 20px}
.pbtn-icon::before{background-image:none!important}
.pbtn-icon:hover{--bd:var(--tq);color:var(--tq)!important}
.pbtn-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--ease)}
.arc-next:hover svg{transform:translateX(-5px)}.arc-prev:hover svg{transform:translateX(5px)}
:root.v2 .btn-ghost svg,:root.v2 .btn-primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
:root.v2 .btn-wa svg{width:20px;height:20px;fill:currentColor}
/* צורת המקבילית לכל רכיב קטן (תגיות, פילטרים, חיפוש): רקע מוטה עם פינות מעוגלות */
.skew-bg{position:relative;isolation:isolate}
.skew-bg::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-sm);transform:skewX(var(--skew-a));background:var(--sk-bg,rgba(255,255,255,.07));transition:background .35s}

/* ---------- סרגל עליון ---------- */
.tb{position:fixed;inset:0 0 auto 0;z-index:900;height:var(--tb-h);display:flex;align-items:center;gap:24px;padding:0 var(--pad);
  transition:transform .6s var(--ease),background .4s,backdrop-filter .4s}
.tb.scrolled{background:linear-gradient(180deg,rgba(7,7,13,.85),rgba(7,7,13,0))}
.tb.hide{transform:translateY(-110%)}
.tb-logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex:0 0 auto}
.tb-img{height:30px;width:auto;display:block;transition:transform .6s var(--ease)}
/* ריחוף על הלוגו: האייקון מסתובב ומתנפח, כמו בגרסה הראשונה. האייקון בתמונה המלאה מוסתר ובמקומו שכבה נפרדת */
.tb-logo{position:relative}
.tb-img{clip-path:inset(0 16.4% 0 0)}
.tb-ic{position:absolute;right:0;top:50%;height:30px;width:30px;margin-top:-15px;transition:transform .5s var(--ease)}
.tb-logo:hover .tb-ic{transform:rotate(-8deg) scale(1.06)}
.tb-quick{display:flex;gap:6px;margin-inline:auto;padding:6px;position:relative;isolation:isolate}
.tb-quick::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-btn);transform:skewX(var(--skew-a));background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.tb-quick a{padding:10px 18px;font-weight:500;font-size:.95rem;color:var(--ink-soft);text-decoration:none;position:relative;transition:color .3s}
.tb-quick a::after{content:"";position:absolute;inset:auto 18px 6px;height:2px;background:var(--tq);transform:scaleX(0);transition:transform .4s var(--ease)}
.tb-quick a:hover,.tb-quick a[aria-current]{color:var(--ink)}
.tb-quick a:hover::after,.tb-quick a[aria-current]::after{transform:scaleX(1)}
.tb-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.tb-quick + .tb-actions{margin-inline-start:0}
.tb-talk{min-height:48px}
.tb-menu{min-height:48px;width:72px;padding:0}
.tb-menu::after{display:none}
.burger{display:flex;flex-direction:column;gap:7px;width:24px}
.burger i{display:block;height:2.5px;background:#07070d;transition:transform .5s var(--ease)}
.menu-open .burger i:first-child{transform:translateY(4.75px) rotate(45deg)}
.menu-open .burger i:last-child{transform:translateY(-4.75px) rotate(-45deg)}
.tb-sound{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:500 .85rem var(--font);cursor:pointer;padding:10px}
.tb-sound .eq{display:flex;align-items:flex-end;gap:2.5px;height:16px}
.tb-sound .eq i{width:2.5px;height:3px;background:currentColor;transition:height .3s}
.tb-sound.on{color:var(--tq)}
.tb-sound.on .eq i{animation:eq 1s ease-in-out infinite}
.tb-sound.on .eq i:nth-child(2){animation-delay:-.3s}.tb-sound.on .eq i:nth-child(3){animation-delay:-.6s}.tb-sound.on .eq i:nth-child(4){animation-delay:-.15s}
@keyframes eq{0%,100%{height:3px}50%{height:16px}}
@media (max-width:1100px){.tb-quick{display:none}}
@media (max-width:640px){:root.v2{--tb-h:68px}.tb-talk,.tb-sound-l{display:none}.tb-img{height:24px}.tb-ic{height:24px;width:24px;margin-top:-12px}}

/* ---------- תפריט מלא ---------- */
.mm{position:fixed;inset:0;z-index:850;background:var(--bg-2);color:var(--ink);
  clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .9s var(--ease-io);overflow:hidden}
.menu-open .mm{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.mm::before{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 40% at 80% 20%,rgba(123,47,247,.28),transparent 70%),radial-gradient(35% 35% at 10% 90%,rgba(0,224,198,.18),transparent 70%);pointer-events:none}
.mm-in{position:relative;height:100%;display:grid;grid-template-columns:1.25fr 1.15fr .6fr;gap:clamp(24px,4vw,64px);padding:calc(var(--tb-h) + 32px) var(--pad) 40px;overflow:auto}
.mm-k{display:block;font-size:.8rem;letter-spacing:.14em;color:var(--muted);margin-bottom:18px;text-transform:uppercase}
.mm-big{display:grid;grid-template-columns:44px 1fr;align-items:baseline;padding:10px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);
  opacity:0;transform:translateY(40px);transition:opacity .6s,transform .8s var(--ease),color .3s}
.mm-big i{font-style:normal;font-size:.8rem;color:var(--tq);font-family:'Google Sans',sans-serif}
.mm-big b{font-size:clamp(1.6rem,3vw,2.7rem);font-weight:800;line-height:1.15;transition:transform .5s var(--ease)}
.mm-big small{grid-column:2;color:var(--muted);font-size:.9rem}
.mm-big:hover b{transform:translateX(-14px);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.menu-open .mm-big{opacity:1;transform:none}
.menu-open .mm-big:nth-child(2){transition-delay:.25s}.menu-open .mm-big:nth-child(3){transition-delay:.3s}.menu-open .mm-big:nth-child(4){transition-delay:.35s}.menu-open .mm-big:nth-child(5){transition-delay:.4s}.menu-open .mm-big:nth-child(6){transition-delay:.45s}.menu-open .mm-big:nth-child(7){transition-delay:.5s}
.mm-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;opacity:0;transition:opacity .6s .45s}
.menu-open .mm-list{opacity:1}
.mm-list a{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);text-decoration:none;transition:color .25s,padding .35s var(--ease)}
.mm-list a b{font-weight:600;font-size:1rem}
.mm-list a small{font-size:.75rem;color:var(--muted)}
.mm-list a:hover{color:var(--tq);padding-inline-start:10px}
.mm-mid{display:block;font-size:1.4rem;font-weight:700;color:var(--ink);text-decoration:none;padding:8px 0;opacity:0;transition:opacity .6s .5s,color .3s}
.menu-open .mm-mid{opacity:1}
.mm-mid:hover{color:var(--tq)}
.mm-contact{display:flex;flex-direction:column;gap:6px;margin-top:32px;opacity:0;transition:opacity .6s .6s}
.menu-open .mm-contact{opacity:1}
.mm-contact a{color:var(--muted);text-decoration:none}.mm-contact a:hover{color:var(--ink)}
.mm-peek{position:fixed;top:0;left:0;width:280px;height:200px;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s;border-radius:var(--r-card);overflow:hidden}
.mm-peek.on{opacity:1}
.mm-peek img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.mm-in{grid-template-columns:1fr;gap:28px}.mm-list{grid-template-columns:1fr 1fr}.mm-peek{display:none}}

/* ---------- מסך טעינה ---------- */
.ld{position:fixed;inset:0;z-index:9999;background:var(--bg);overflow:hidden;transition:opacity .8s var(--ease),visibility .8s}
.ld::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 50% at 50% 55%,rgba(123,47,247,.18),transparent 70%);pointer-events:none}
.ld-canvas{position:absolute;inset:0;touch-action:none;cursor:grab}
.ld-canvas:active{cursor:grabbing}
.ld-ui{position:absolute;inset:0;pointer-events:none}
.ld-hint{position:absolute;top:calc(var(--tb-h) - 10px);left:50%;transform:translateX(-50%);font-size:.85rem;letter-spacing:.08em;color:var(--muted);transition:opacity .6s}
.ld-hint.done{opacity:0}
.ld-pct{position:absolute;left:var(--pad);bottom:28px;font:700 clamp(4rem,12vw,10rem)/1 'Google Sans',sans-serif;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .5s,transform .8s var(--ease)}
.ld-pct::after{content:"%";font-size:.35em;vertical-align:top}
.ld-choice{position:absolute;right:var(--pad);bottom:40px;display:flex;gap:12px;pointer-events:auto;opacity:0;transform:translateY(30px);visibility:hidden;transition:opacity .6s,transform .8s var(--ease),visibility .6s}
.ld.ready .ld-choice{opacity:1;transform:none;visibility:visible}
.ld.ready .ld-pct{opacity:.18}
.ld.chosen .ld-choice,.ld.chosen .ld-pct,.ld.chosen .ld-hint{opacity:0;visibility:hidden;transition-duration:.35s}
.ld.zoom .ld-canvas{pointer-events:none}
.ld.out{opacity:0;visibility:hidden}
.ld.still .ld-canvas{display:none}
.ld.still::after{content:"";position:absolute;inset:0;margin:auto;width:min(74vw,1080px);aspect-ratio:836/133;background:url(/img/x-039ae7bb.png) center/contain no-repeat}
html.loading body{overflow:hidden}
@media (max-width:640px){.ld-choice{left:var(--pad);right:var(--pad);bottom:24px;flex-direction:column}.ld-choice .pbtn{width:100%}.ld-pct{bottom:auto;top:calc(var(--tb-h) + 20px)}}

/* ---------- מעבר עמוד: שלושה לוחות מקבילית שחוצים את המסך ---------- */
.pt{position:fixed;inset:0;z-index:9000;pointer-events:none}
.pt i{position:absolute;top:0;bottom:0;left:-20%;width:140%;transform:translateX(110%);
  clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}
.pt i:nth-child(1){background:var(--tq)}
.pt i:nth-child(2){background:var(--vi)}
.pt i:nth-child(3){background:var(--bg)}
.wipe-in .pt{pointer-events:auto}
.wipe-in .pt i{animation:ptIn .6s var(--ease-io) forwards}
.wipe-in .pt i:nth-child(2){animation-delay:.06s}.wipe-in .pt i:nth-child(3){animation-delay:.12s}
.is-wiping .pt i{transform:none}
.wipe-out .pt i{animation:ptOut .9s var(--ease-io) forwards}
.wipe-out .pt i:nth-child(2){animation-delay:.05s}.wipe-out .pt i:nth-child(1){animation-delay:.1s}
@keyframes ptIn{from{transform:translateX(110%)}to{transform:none}}
@keyframes ptOut{from{transform:none}to{transform:translateX(-110%)}}

/* ---------- סמן ---------- */
.has-cursor,.has-cursor *{cursor:none!important}
.has-cursor input,.has-cursor textarea{cursor:text!important}
.cur{position:fixed;inset:0;z-index:9500;pointer-events:none;display:none}
.has-cursor .cur{display:block}
.cur-dot,.cur-ring{position:fixed;top:0;left:0;will-change:transform}
.cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--tq)}
.cur-ring{width:0;height:0}
.cur-ring::before{content:"";position:absolute;width:38px;height:38px;left:-19px;top:-19px;border:1.5px solid rgba(255,255,255,.45);border-radius:50%;
  transition:width .45s var(--ease),height .45s var(--ease),left .45s var(--ease),top .45s var(--ease),background .3s,border-color .3s}
.cur.is-link .cur-ring::before{width:64px;height:64px;left:-32px;top:-32px;background:rgba(0,224,198,.12);border-color:var(--tq)}
.cur.has-label .cur-ring::before{width:96px;height:96px;left:-48px;top:-48px;background:var(--ink);border-color:var(--ink)}
.cur.down .cur-ring::before{transform:scale(.8)}
.cur-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(.4);opacity:0;font:700 .85rem var(--font);font-style:normal;color:#07070d;white-space:nowrap;transition:opacity .3s,transform .45s var(--ease)}
.cur.has-label .cur-label{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cur.has-label .cur-dot{opacity:0}
.cur.gone{opacity:0}

/* ---------- כניסות ---------- */
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
[data-split] .wi{display:inline-block;transform:translateY(105%) rotate(4deg);transform-origin:right bottom;transition:transform 1s var(--ease)}
html:not(.loading):not(.is-wiping) [data-split].in-view .wi{transform:none}
.rise{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease) .25s,transform 1s var(--ease) .25s}
html:not(.loading):not(.is-wiping) .rise.in-view{opacity:1;transform:none}
.stagger > *{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform 1s var(--ease)}
.stagger.in-view > *{opacity:1;transform:none}
.paint span{color:rgba(244,245,251,.16);transition:color .4s}
.paint span.lit{color:var(--ink)}
@media (prefers-reduced-motion:reduce){[data-split] .wi,.rise,.stagger > *{transform:none!important;opacity:1!important;transition:none!important}.paint span{color:var(--ink)}}

/* ---------- מבנה כללי לסקשנים חדשים ---------- */
.v2w{max-width:1560px;margin-inline:auto;padding-inline:var(--pad)}
.v2s{padding:clamp(90px,14vh,170px) 0}
.v2-k{display:inline-block;font:500 .82rem/1 'Google Sans',var(--font);letter-spacing:.14em;color:var(--tq);margin-bottom:18px}
.v2-head{margin-bottom:clamp(36px,6vh,72px);max-width:880px}
.v2-head h2{font-size:clamp(2.4rem,5.4vw,5.4rem);line-height:1.02;font-weight:800;letter-spacing:-.02em}
.v2-head p{margin-top:16px;font-size:1.15rem;color:var(--ink-soft);max-width:560px}
.v2-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;flex-wrap:wrap}

/* ---------- פתיח ---------- */
.hx{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:var(--tb-h) 0 0}
.hx::before{content:"";position:absolute;inset:0;background:radial-gradient(45% 55% at 25% 50%,rgba(123,47,247,.22),transparent 70%),radial-gradient(30% 40% at 10% 80%,rgba(0,224,198,.12),transparent 70%);pointer-events:none}
.hx-3d{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity 1.6s var(--ease)}
.hx-3d.on{opacity:1}
.hx-3d canvas{width:100%!important;height:100%!important;display:block}
.hx-in{position:relative;z-index:2;width:100%;max-width:1560px;margin-inline:auto;padding-inline:var(--pad);pointer-events:none}
.hx-in > *{max-width:min(820px,50vw)}
.hx-in a{pointer-events:auto}
.hx-k{display:block;font:500 .9rem 'Google Sans',var(--font);letter-spacing:.12em;color:var(--muted);margin-bottom:22px}
.hx-h{font-size:clamp(2.8rem,5.2vw,6.2rem);line-height:.98;font-weight:900;letter-spacing:-.035em}
.hx-h .l1,.hx-h .l2{display:block;white-space:nowrap}
@media (max-width:820px){.hx-h .l1,.hx-h .l2{white-space:normal}}
.hx-h .l2 .wi{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.hx-p{margin-top:28px;font-size:clamp(1.05rem,1.3vw,1.3rem);line-height:1.6;color:var(--ink-soft);max-width:540px}
.hx-cta{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.hx-foot{position:absolute;inset:auto var(--pad) 28px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:.8rem;color:var(--muted);letter-spacing:.06em;pointer-events:none}
.hx-scroll{display:flex;align-items:center;gap:10px}
.hx-scroll i{width:1px;height:42px;background:linear-gradient(var(--tq),transparent);animation:scr 2s var(--ease) infinite;transform-origin:top}
@keyframes scr{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:820px){
  .hx{align-items:flex-end;padding-bottom:110px}
  .hx-in > *{max-width:none}
  .hx-3d{bottom:40%}
  .hx::before{background:radial-gradient(70% 40% at 50% 25%,rgba(123,47,247,.3),transparent 70%)}
  .hx-play{display:none}
  .hx-cta .pbtn{flex:1}
}

/* ---------- שש הדלתות ---------- */
.doors{border-top:1px solid var(--line)}
.door{position:relative;display:grid;grid-template-columns:70px 1fr auto 64px;align-items:center;gap:20px;padding:clamp(22px,3.4vh,36px) 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;isolation:isolate}
.door::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,rgba(123,47,247,.12) 40%,rgba(0,224,198,.1));transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease)}
.door:hover::before{transform:scaleY(1)}
.door-n{font:500 .9rem 'Google Sans',sans-serif;font-style:normal;color:var(--tq)}
.door-t b{display:block;font-size:clamp(1.8rem,4.4vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;transition:transform .6s var(--ease)}
.door-t small{display:block;margin-top:6px;color:var(--muted);font-size:1rem;transition:color .3s}
.door:hover .door-t b{transform:translateX(-18px)}
.door:hover .door-t small{color:var(--ink-soft)}
.door em{font-style:normal;font-size:.9rem;color:var(--muted);white-space:nowrap}
.door-go{display:grid;place-items:center;width:56px;height:56px;font-size:1.4rem;position:relative;isolation:isolate;transition:color .4s,transform .5s var(--ease)}
.door-go::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-btn);transform:skewX(var(--skew-a));background:rgba(255,255,255,.06);transition:background .4s}
.door:hover .door-go::before{background:var(--grad)}
.door:hover .door-go{transform:translateX(-8px)}
/* שלוש עבודות שנפתחות כמניפה בריחוף */
.door-imgs{position:absolute;left:17%;top:50%;width:0;height:0;pointer-events:none;z-index:3}
@media (max-width:820px){
  .door{grid-template-columns:40px 1fr 48px;gap:12px}
  .door em{display:none}
  .door-go{width:44px;height:44px}
  .door-imgs{display:none}
}

/* ---------- גלגל הפרויקטים ---------- */
.arc{position:relative;outline:none}
.arc-stage{position:relative;height:clamp(380px,62vh,640px);overflow:hidden;touch-action:pan-y;user-select:none;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.arc-card{position:absolute;left:50%;top:7%;width:clamp(280px,36vw,600px);aspect-ratio:1280/880;border-radius:var(--r-card);overflow:hidden;
  transform-origin:50% 50%;will-change:transform;transition:opacity .4s;background:var(--bg-3);box-shadow:0 40px 80px rgba(0,0,0,.45)}
.arc-card img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .9s var(--ease),filter .5s}
.arc-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none;transition:box-shadow .5s}
.arc-card.is-cur::after{box-shadow:inset 0 0 0 2px var(--pj),0 0 60px -10px var(--pj)}
.arc-card:not(.is-cur) img{filter:saturate(.55) brightness(.75)}
.arc-card:hover img{transform:scale(1.06)}
.arc-tag{position:absolute;top:14px;right:14px;padding:6px 14px;font-size:.75rem;font-weight:700;isolation:isolate}
.arc-tag::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-sm);transform:skewX(var(--skew-a));background:rgba(7,7,13,.78);backdrop-filter:blur(6px)}
.arc.dragging .arc-card{transition:none}
.arc-ui{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:-40px;position:relative;z-index:5;padding-inline:var(--pad)}
.arc-cap{min-width:min(420px,60vw);text-align:center;display:flex;flex-direction:column;gap:4px}
.arc-cap b{font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:800;line-height:1.1}
.arc-cap span{color:var(--muted);font-size:.95rem}
.arc-idx{font:500 .8rem 'Google Sans',sans-serif;letter-spacing:.1em;color:var(--tq)!important}

/* ---------- מי מאחורי זה ---------- */
.v2-statement{font-size:clamp(1.9rem,4.2vw,4.4rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;max-width:1300px;margin-bottom:56px}
.v2-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;border-top:1px solid var(--line);padding-top:32px}
.v2-nums b{display:block;font:800 clamp(3rem,7vw,6.5rem)/1 'Google Sans',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr;text-align:right}
.v2-nums span{color:var(--muted)}
@media (max-width:640px){.v2-nums{grid-template-columns:1fr}}

/* ---------- פוטר ---------- */
.ft{position:relative;z-index:1;padding:clamp(90px,16vh,180px) 0 32px;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(123,47,247,.08))}
.ft-in{max-width:1560px;margin-inline:auto;padding-inline:var(--pad)}
.ft-top{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.ft-k{display:block;font-size:.8rem;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}
.ft-big{display:inline-block;font-size:clamp(3.4rem,9vw,9rem);line-height:.95;font-weight:900;letter-spacing:-.04em;color:var(--ink);text-decoration:none;
  background:linear-gradient(90deg,var(--ink) 50%,transparent 50%),var(--grad);background-size:200% 100%,100% 100%;background-position:0 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .9s var(--ease-io)}
.ft-big:hover{background-position:100% 0,0 0}
.ft-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ft-nav a{display:block;padding:4px 0;color:var(--ink-soft);text-decoration:none;font-size:.95rem;transition:color .3s,transform .4s var(--ease)}
.ft-nav a:hover{color:var(--tq);transform:translateX(-6px)}
.ft-word{margin:clamp(48px,10vh,120px) 0 24px;font:900 clamp(4rem,21vw,26rem)/.8 'Google Sans',sans-serif;letter-spacing:-.04em;direction:ltr;text-align:center;
  color:transparent;-webkit-text-stroke:1px rgba(157,107,255,.35);user-select:none}
.ft-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}
.ft .legal-links{display:flex;gap:16px}
.ft .legal-links button{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer}
.ft .legal-links button:hover{color:var(--ink)}
@media (max-width:820px){.ft-top{grid-template-columns:1fr}.ft-nav{grid-template-columns:1fr 1fr}}

/* כפתור וואטסאפ צף: גם הוא מקבילית */
:root.v2 .wa-float{border-radius:0;width:62px;height:54px;background:none!important;box-shadow:none;isolation:isolate}
:root.v2 .wa-float::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-btn);transform:skewX(var(--skew-a));background:#25d366;transition:background .3s}
:root.v2 .wa-float:hover::before{background:#1da851}

/* ---------- עמוד מסע ---------- */
.jr{position:relative}
.jr-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:950;background:rgba(255,255,255,.05)}
.jr-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--pj),var(--tq));transform:scaleX(0);transform-origin:right}
.jr-wrap{max-width:1560px;margin-inline:auto;padding-inline:var(--pad)}
.jr-intro{position:relative;padding:calc(var(--tb-h) + 60px) 0 0}
.jr-intro::before{content:"";position:absolute;inset:0 0 40%;background:radial-gradient(50% 60% at 70% 30%,color-mix(in srgb,var(--pj) 35%,transparent),transparent 70%);pointer-events:none;opacity:.7}
.jr-back{color:var(--muted);text-decoration:none;font-size:.9rem;position:relative}
.jr-back:hover{color:var(--ink)}
.jr-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 18px;position:relative}
.jr-tags span{position:relative;isolation:isolate;padding:8px 18px;font-size:.8rem;font-weight:600}
.jr-tags span::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-sm);transform:skewX(var(--skew-a));background:rgba(255,255,255,.08)}
.jr-title{position:relative;font-size:clamp(3.4rem,11vw,12rem);line-height:.92;font-weight:900;letter-spacing:-.045em}
.jr-sub{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;margin-top:40px;align-items:start}
.jr-sub p{font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.45;color:var(--ink-soft);max-width:640px}
.jr-sub dl{display:grid;grid-template-columns:repeat(3,auto);gap:18px 32px;justify-content:start}
.jr-sub dt{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}
.jr-sub dd{font-weight:600}
.jr-cover{--g:0;position:relative;margin:clamp(48px,8vh,96px) calc((1 - var(--g)) * var(--pad)) 0;border-radius:calc((1 - var(--g)) * var(--r-card));overflow:hidden;aspect-ratio:16/9;max-height:92vh}
.jr-cover img,.jr-cover video{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.12 - var(--g) * .12))}
.jr-ch{position:relative;padding:clamp(90px,16vh,190px) 0;border-top:1px solid var(--line)}
.jr-n{display:block;font:900 clamp(3rem,6vw,6rem)/1 'Google Sans',sans-serif;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--pj) 70%,#fff);margin-bottom:10px}
.jr-k{display:block;font-size:.85rem;letter-spacing:.14em;color:var(--tq);margin-bottom:28px}
.jr-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.jr-txt{position:sticky;top:calc(var(--tb-h) + 40px)}
.jr-txt h2{font-size:clamp(1.9rem,3.4vw,3.4rem);line-height:1.1;font-weight:800;letter-spacing:-.02em}
.jr-big{font-size:clamp(2.1rem,4vw,4.2rem)!important}
.jr-p{margin-top:22px;font-size:1.15rem;line-height:1.7;color:var(--ink-soft);max-width:560px}
.jr-list{margin-top:24px;list-style:none;display:grid;gap:10px}
.jr-list li{padding:14px 18px;background:rgba(255,255,255,.04);border-inline-start:3px solid var(--pj)}
.jr-media{display:grid;gap:20px}
.jr-media.many{grid-template-columns:1fr 1fr}
.jr-fig{margin:0;position:relative}
.jr-fig img{width:100%;height:auto;display:block;border-radius:var(--r-card)}
.jr-fig figcaption{margin-top:10px;font-size:.85rem;color:var(--muted)}
.jr-fig.phone img{box-shadow:0 0 0 8px #15141f,0 30px 60px rgba(0,0,0,.5)}
.jr-did{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px;counter-reset:d}
.jr-did li{display:flex;gap:18px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);font-size:clamp(1.15rem,1.7vw,1.6rem);font-weight:600}
.jr-did li i{font-style:normal;font:500 .85rem 'Google Sans',sans-serif;color:var(--pj);filter:brightness(1.4)}
.jr-h{overflow:hidden}
.jr-h-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}
.jr-h-hint{color:var(--muted);font-size:.9rem}
.jr-h-track{display:flex;gap:clamp(20px,3vw,48px);padding:24px var(--pad) 0;width:max-content;align-items:center}
.jr-h-track .jr-fig{flex:0 0 auto}
.jr-h-track .jr-fig img{height:min(62vh,620px);width:auto;max-width:none}
.jr-h-end{flex:0 0 auto;width:min(420px,70vw);display:flex;flex-direction:column;gap:10px;padding-inline:40px}
.jr-h-end b{font:900 clamp(5rem,10vw,10rem)/1 'Google Sans',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.jr-h-end span{font-size:1.3rem;color:var(--ink-soft)}
.jr-phones{display:flex;gap:28px;overflow-x:auto;padding:20px 8px 40px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.jr-phones .jr-fig{flex:0 0 clamp(180px,17vw,250px);scroll-snap-align:start}
.jr-q blockquote{max-width:1300px}
.jr-q blockquote p{font-size:clamp(1.8rem,3.8vw,3.8rem);line-height:1.2;font-weight:800;letter-spacing:-.015em}
.jr-q .jr-who{display:flex;align-items:center;gap:16px;margin-top:36px}
.jr-q .jr-who img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.jr-q cite{font-style:normal;color:var(--ink-soft)}
.jr-links .jr-wrap{display:flex;gap:14px;flex-wrap:wrap}
.jr-next{position:relative;display:block;padding:clamp(100px,18vh,200px) var(--pad);text-decoration:none;color:var(--ink);overflow:hidden;border-top:1px solid var(--line);isolation:isolate}
.jr-next::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 80% at 50% 100%,color-mix(in srgb,var(--pj2) 40%,transparent),transparent 70%);opacity:.5;transition:opacity .6s}
.jr-next:hover::before{opacity:1}
.jr-next-k{display:block;font-size:.85rem;letter-spacing:.14em;color:var(--muted);text-align:center}
.jr-next b{display:block;text-align:center;font-size:clamp(3rem,10vw,11rem);line-height:.95;font-weight:900;letter-spacing:-.04em;margin-top:14px;transition:transform .8s var(--ease)}
.jr-next:hover b{transform:scale(.94)}
.jr-next-img{position:absolute;inset:0;z-index:-1;opacity:0;clip-path:inset(42% 44% round var(--r-img,10px));
  transition:clip-path 1.2s var(--ease-io),opacity .6s var(--ease)}
.jr-next-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(1.2);transform:scale(1.25);transition:transform 1.4s var(--ease-io)}
.jr-next:hover .jr-next-img{opacity:1;clip-path:inset(0 0 round 0)}
.jr-next:hover .jr-next-img img{transform:none}
@media (max-width:900px){
  .jr-sub,.jr-split{grid-template-columns:1fr}
  .jr-txt{position:static}
  .jr-did{grid-template-columns:1fr}
  .jr-media.many{grid-template-columns:1fr}
  .jr-h-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}
  .jr-h-track .jr-fig{scroll-snap-align:center}
  .jr-h-track .jr-fig img{height:44vh}
  .jr-sub dl{grid-template-columns:1fr 1fr}
}

/* ---------- התאמות לעמודים הקיימים (עמודי השירות, אודות, עבודות) ---------- */
:root.v2 .page-hero{padding-top:calc(var(--tb-h) + 70px);background:transparent}
:root.v2 .page-hero h1{font-size:clamp(2.8rem,6.4vw,6.6rem);line-height:1;font-weight:900;letter-spacing:-.035em}
:root.v2 .grad,:root.v2 .hl-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:root.v2 .sec-head h2,:root.v2 section > .wrap > h2{font-size:clamp(2.1rem,4.4vw,4.2rem);line-height:1.05;letter-spacing:-.02em}
:root.v2 .sec-tag{color:var(--tq);background:none;padding:0;letter-spacing:.12em;font-size:.82rem}
:root.v2 .chip{position:relative;isolation:isolate;border-radius:0;background:none!important;border:0}
:root.v2 .chip::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-sm);transform:skewX(var(--skew-a));background:rgba(255,255,255,.08)}
:root.v2 .wf{position:relative;isolation:isolate;border-radius:0!important;border:0!important;background:none!important;padding-inline:20px!important}
:root.v2 .wf::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-btn);transform:skewX(var(--skew-a));background:rgba(255,255,255,.06);transition:background .35s}
:root.v2 .wf:hover::before{background:rgba(255,255,255,.12)}
:root.v2 .wf.on{color:#fff}
:root.v2 .wf.on::before{background:var(--grad)}
:root.v2 .pcard{border-radius:var(--r-card);overflow:hidden;background:var(--bg-2);border:1px solid var(--line);transition:transform .6s var(--ease),border-color .4s}
:root.v2 .pcard:hover{transform:translateY(-6px);border-color:rgba(0,224,198,.4)}
:root.v2 .snav{position:relative;isolation:isolate;border-radius:0!important;background:none!important;border:0!important;box-shadow:none!important}
:root.v2 .snav::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-btn);transform:skewX(var(--skew-a));background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);transition:box-shadow .3s}
:root.v2 .snav:hover::before{box-shadow:inset 0 0 0 1.5px var(--tq)}
:root.v2 .snav:hover{color:var(--tq)}
:root.v2 :is(.gcard,.plan,.acc,.work,.vcard,.flow-step,.pillar,.cw,.ai-arm,.pj-nb,.suited-card,.safety-card,.logo-tile,.stuck){border-radius:var(--r-card)}
:root.v2 :is(.pj-cover,.pj-shot img,.pcard-img,.pcard-img img,.lr-card,.cs-slide img,.work-img,.vthumb,.hero-photo img){border-radius:var(--r-card)}
:root.v2 .final{background:transparent}
.tb-menu .burger{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:24px}
/* ---------- סמן v2: עיגול מלא שהופך צבעים מעל מה שמתחתיו, מעל כל השכבות כולל מסך הטעינה ---------- */
.cur{z-index:10050!important;mix-blend-mode:difference}
.cur-dot{width:12px!important;height:12px!important;margin:-6px 0 0 -6px!important;background:#fff!important;transition:transform .35s var(--ease),opacity .3s}
.cur-ring::before{border-color:rgba(255,255,255,.7)!important;width:42px!important;height:42px!important;left:-21px!important;top:-21px!important}
.cur.is-link .cur-dot{transform:scale(0)}
.cur.is-link .cur-ring::before{width:70px!important;height:70px!important;left:-35px!important;top:-35px!important;background:#fff!important;border-color:#fff!important}
.cur.has-label .cur-ring::before{width:100px!important;height:100px!important;left:-50px!important;top:-50px!important;background:#fff!important;border-color:#fff!important}
.cur-label{color:#000!important}
/* מעל הקנבס של מסך הטעינה: "תפסו" */
.ld-canvas{cursor:none}
@media (max-width:820px){.arc-card{width:78vw}.arc-stage{height:clamp(300px,52vh,420px)}}
/* גלריית המסע: כל תמונה במסגרת מקבילית מעוגלת, באותה זווית של הכפתורים. התמונה עצמה מוטה בחזרה, כך שהיא לא מתעוותת */
.jr-frame{display:block;border-radius:var(--r-card);overflow:hidden}
.jr-h .jr-frame{transform:skewX(var(--skew-a))}
.jr-h .jr-frame img{border-radius:0!important;transform:skewX(calc(var(--skew-a) * -1)) scale(1.28);transform-origin:center}
.jr-h .jr-fig figcaption{padding-inline:24px}
/* סמן מעל כפתורים וקישורים: טבעת דקה בלבד, בלי מילוי, כדי לא לצבוע את הכפתור */
.cur.is-link .cur-ring::before{width:58px!important;height:58px!important;left:-29px!important;top:-29px!important;background:transparent!important;border-color:rgba(255,255,255,.85)!important}
/* עיגול עם מילה: לבן רגיל, בלי היפוך צבעים */
.cur.has-label{mix-blend-mode:normal}
.cur.has-label .cur-ring::before{background:#f4f5fb!important;border-color:#f4f5fb!important}
/* ===== מסגרת מקבילית לתמונות (core.js מוסיף .pf) ===== */
.pf{position:relative;display:block;height:100%;overflow:hidden;border-radius:var(--r-card);transform:skewX(var(--skew-a));isolation:isolate}
.pf > img,.pf > video{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important;transform:skewX(calc(var(--skew-a) * -1)) scale(var(--pfs,1.25));transition:transform .9s var(--ease)}
.pj-shot .pf > img,.jr-fig .pf > img{height:auto}
/* ההורים של המסגרת לא חותכים אותה */
:root.v2 :is(.pcard-img,.pj-cover,.lr-card,.thumb-link,.case-img,.pj-nb-img,.ev-link,.cs-slide,.pj-shot){overflow:visible!important;border-radius:0!important;background:none!important;box-shadow:none!important}
:root.v2 .pcard{overflow:visible}
/* ריחוף: התמונה זזה קצת בתוך המסגרת */
a:hover .pf > img,.pcard:hover .pf > img{transform:skewX(calc(var(--skew-a) * -1)) scale(calc(var(--pfs,1.25) * 1.05))}
/* הגלריה בעמוד המסע עוברת למנגנון הכללי */
.jr-h .jr-frame{transform:skewX(var(--skew-a))}
.jr-h .jr-frame img{transform:skewX(calc(var(--skew-a) * -1)) scale(var(--pfs,1.28))}

/* גלגל הפרויקטים: הכרטיס עצמו מוטה (arc.js), התמונה והתגית מוטות בחזרה */
.arc-card img{transform:skewX(calc(var(--skew-a) * -1)) scale(1.2)}
.arc-card:hover img{transform:skewX(calc(var(--skew-a) * -1)) scale(1.26)}
.arc-tag{transform:skewX(calc(var(--skew-a) * -1))}
.arc-tag::before{transform:skewX(var(--skew-a))}
.arc-stage{padding-inline:8%}

/* תמונות השירותים בדף הבית */
.door-img{position:absolute;left:0;top:0;width:clamp(150px,13vw,220px);aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-card);
  transform:translate(-50%,-50%) scale(.4) skewX(var(--skew-a));opacity:0;transition:transform .6s var(--ease),opacity .35s;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.door-img img{width:100%;height:100%;object-fit:cover;max-width:none;transform:skewX(calc(var(--skew-a) * -1)) scale(1.22)}
.door:hover .door-img{opacity:1}
.door:hover .door-img:nth-child(1){transform:translate(-120%,-55%) rotate(-6deg) skewX(var(--skew-a))}
.door:hover .door-img:nth-child(2){transform:translate(-50%,-62%) rotate(2deg) skewX(var(--skew-a));transition-delay:.05s}
.door:hover .door-img:nth-child(3){transform:translate(20%,-48%) rotate(7deg) skewX(var(--skew-a));transition-delay:.1s}

/* התמונה המרחפת בתפריט */
.mm-peek img{transform:skewX(calc(var(--skew-a) * -1)) scale(1.22)}

/* שער עמוד המסע: מוטה כשהוא במסגרת, ומתיישר כשהוא מתרחב לכל המסך */
.jr-cover{transform:skewX(calc(var(--skew-a) * (1 - var(--g))));margin-inline:calc((1 - var(--g)) * (var(--pad) + 6vw))!important}
.jr-cover img,.jr-cover video{transform:skewX(calc(var(--skew-a) * -1 * (1 - var(--g)))) scale(calc(1 + (1 - var(--g)) * .2))!important}
/* כרטיס הלוגו שמעל המוקאפ בעמוד המיתוג: אותה מקבילית, מוזח פנימה כמו המסגרת שמתחתיו (יחס 3:2) */
:root.v2 .lr-logo{left:0;right:0;border-radius:var(--r-card);transform:skewX(var(--skew-a))}
:root.v2 .lr-logo img{transform:skewX(calc(var(--skew-a) * -1))}
/* ---------- עוד פרויקטים בתחתית עמוד פרויקט ---------- */
:root.v2 .pj-more{font-size:clamp(2.2rem,4.4vw,4rem);font-weight:800;letter-spacing:-.02em;margin:clamp(70px,12vh,140px) 0 clamp(20px,3vh,32px)}
:root.v2 .pj-nav{margin-top:0;gap:clamp(20px,3vw,48px)}
/* בלי קופסה: התמונה במסגרת המקבילית, והכיתוב מתחתיה */
:root.v2 .pj-nb{background:none;border:0;border-radius:0;overflow:visible;transition:transform .6s var(--ease)}
:root.v2 .pj-nb:hover{transform:translateY(-6px)}
:root.v2 .pj-nb-txt{padding:20px 6px 0;gap:6px}
/* "הפרויקט הבא" הוא העיקר: גדול ובטורקיז, ושם הפרויקט מתחתיו */
:root.v2 .pj-nb small{font-size:clamp(1.35rem,2.2vw,2rem);font-weight:800;color:var(--tq);gap:10px;letter-spacing:-.01em}
:root.v2 .pj-nb small svg{width:26px;height:26px;stroke-width:2.4;transition:transform .45s var(--ease)}
:root.v2 .pj-nb.next:hover small svg{transform:translateX(-6px)}
:root.v2 .pj-nb.prev:hover small svg{transform:translateX(6px)}
:root.v2 .pj-nb b{font-size:1.05rem;font-weight:600;color:var(--ink-soft)}
:root.v2 .pj-nb.next b{text-align:left}

/* ===== מובייל: מעבר מלא ===== */
/* גלריית המסע: גובה קבוע בדסקטופ, רוחב קבוע בטלפון. בלי זה התמונה נפרשת לרוחב המקורי שלה */
.jr-h-track .jr-fig .pf > img{height:min(62vh,620px);width:auto;max-width:none}
.on-touch{display:none}
@media (hover:none),(max-width:900px){.on-desk{display:none}.on-touch{display:inline}}
/* התפריט נגלל בעצמו, והתוכן נעלם מתחת לסרגל העליון ולא עובר מעליו */
.mm-in{overscroll-behavior:contain;-webkit-mask-image:linear-gradient(transparent calc(var(--tb-h) + 4px),#000 calc(var(--tb-h) + 28px));mask-image:linear-gradient(transparent calc(var(--tb-h) + 4px),#000 calc(var(--tb-h) + 28px))}
/* וואטסאפ צף גם בטלפון, בצד ימין, מול כפתור הנגישות */
.menu-open .wa-float,html.loading .wa-float,html.loading #enable-toolbar{opacity:0!important;visibility:hidden!important;pointer-events:none}
/* בטלפון אין ריחוף: תמונת הפרויקט הבא מוצגת תמיד, מעומעמת */
@media (hover:none){
  .jr-next-img{opacity:.75;clip-path:inset(12% 6% round var(--r-img,10px))}
  .jr-next-img img{transform:none}
}
@media (max-width:900px){
  .jr-h-track .jr-fig .pf > img{height:auto;width:min(76vw,560px)}
  .jr-h-track{gap:8px}
  .jr-h-end{width:62vw;padding-inline:20px}
  .jr-h-end b{font-size:4.4rem}
  .jr-h-end span{font-size:1.05rem}
}
@media (max-width:880px){
  :root.v2 .wa-float{display:grid;width:58px;height:50px;inset-block-end:18px;inset-inline-start:18px}
  :root.v2 .wa-float svg{width:28px;height:28px}
  .ft{padding-bottom:96px}
}
@media (max-width:820px){
  .hx{padding-bottom:92px}
  .hx-3d{bottom:auto;height:50svh}
  .hx-k{margin-bottom:12px;font-size:.8rem}
  .hx-h{font-size:clamp(2rem,9vw,3.4rem);line-height:1.04}
  .hx-h .l1,.hx-h .l2{white-space:nowrap}
  .hx-p{margin-top:16px;font-size:1rem}
  .hx-cta{margin-top:24px}
  .hx-cta .pbtn{min-height:54px}
}
@media (max-width:640px){
  .ld-hint{top:calc(var(--tb-h) + 104px);white-space:nowrap}
  .pj-nav{grid-template-columns:1fr!important}
  .jr-title{font-size:clamp(2.8rem,13vw,4.4rem)}
  .jr-next b{font-size:clamp(2.6rem,13vw,4rem)}
}
@media (max-width:640px){
  /* בטלפון הפרויקט הבא קודם, ושני הכרטיסים מיושרים לימין */
  :root.v2 .pj-nb.next{order:-1}
  :root.v2 .pj-nb.next b{text-align:right}
  :root.v2 .pj-nb.next .pj-nb-txt{text-align:start;align-items:flex-start}
  :root.v2 .pj-nb.next small{flex-direction:row;justify-content:flex-start}
}

/* כפתור הנגישות (Enable): בפינה השמאלית התחתונה, מאוזן מול כפתור הוואטסאפ בצד השני */
#enable-toolbar #enable-toolbar-trigger{top:-81px!important;bottom:auto!important;left:26px!important;right:auto!important;width:62px!important;height:54px!important;transform:none!important;translate:none!important}
#enable-toolbar #enable-toolbar-trigger-svg{width:100%!important;height:100%!important}
@media (max-width:880px){
  #enable-toolbar #enable-toolbar-trigger{top:-69px!important;left:18px!important;width:58px!important;height:50px!important}
}

/* ===== הכול על הרשת: סקשנים בלי צבע רקע, כרטיסים מזכוכית שרואים דרכה את הרשת ===== */
:root.v2 main section,:root.v2 .hero.has-art,:root.v2 .bigtype,:root.v2 .faq,:root.v2 .portfolio,:root.v2 .pricing,:root.v2 .promise,
:root.v2 .steps-flow,:root.v2 .suited,:root.v2 .testi,:root.v2 .final,:root.v2 footer.ft{background:transparent!important}
:root.v2 .gcard,:root.v2 .flow-step,:root.v2 .work,:root.v2 .acc,:root.v2 .bp-quote,:root.v2 .pillar,:root.v2 .plan,:root.v2 .ev-item,
:root.v2 .ai-arm,:root.v2 .stuck,:root.v2 .cw,:root.v2 .pcard,:root.v2 .arc-card,:root.v2 .demo-form{
  background:rgba(22,22,40,.38)!important;-webkit-backdrop-filter:blur(10px) saturate(1.25);backdrop-filter:blur(10px) saturate(1.25);
  border:1px solid rgba(255,255,255,.08)}

/* מספר טלפון בכיוון ltr בתוך עמודה בעברית: מתיישר לימין כמו שאר הקישורים */
:root.v2 a[href^="tel"][dir="ltr"]{display:table}

/* גלגל הפרויקטים: כרטיס ישר עם פינות מעוגלות, כדי שהתמונה תיראה במלואה. שפת המקבילית נשארת בכפתורים ובתגית */
.arc-card img,.arc-card:hover img{transform:none}
.arc-card:hover img{transform:scale(1.04)}
.arc-tag{transform:none}
@media (max-width:640px){
  .arc-ui{flex-wrap:wrap;gap:12px 16px;margin-top:-20px}
  .arc-cap{order:-1;flex:1 0 100%;min-width:0}
}

/* זכוכית עדינה: טשטוש קל, כך שהרשת נראית מבעד לכרטיסים */
:root.v2 .gcard,:root.v2 .flow-step,:root.v2 .work,:root.v2 .acc,:root.v2 .bp-quote,:root.v2 .pillar,:root.v2 .plan,:root.v2 .ev-item,
:root.v2 .ai-arm,:root.v2 .stuck,:root.v2 .cw,:root.v2 .pcard,:root.v2 .demo-form{
  background:rgba(22,22,40,.3)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}

/* TALTOOL בפוטר: ברק צבעוני שעובר על קווי האותיות מצד לצד */
.ft-word{position:relative}
.ft-word::after{content:"TALTOOL";position:absolute;inset:0;color:transparent;-webkit-text-stroke:1.5px #00e0c6;pointer-events:none;
  -webkit-mask-image:linear-gradient(100deg,transparent 35%,#000 47%,#000 53%,transparent 65%);mask-image:linear-gradient(100deg,transparent 35%,#000 47%,#000 53%,transparent 65%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;animation:ftShine 6s cubic-bezier(.45,0,.25,1) infinite}
@keyframes ftShine{
  0%{-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-text-stroke-color:#00e0c6}
  50%{-webkit-text-stroke-color:#1560f0}
  75%,100%{-webkit-mask-position:0 0;mask-position:0 0;-webkit-text-stroke-color:#9d6bff}}
@media (prefers-reduced-motion:reduce){.ft-word::after{animation:none;display:none}}

/* זוהר הביקורות: באמצע הסקשן ולא בקצה, כדי שלא ייחתך בקו ישר למעלה או למטה */
:root.v2 .testi::before{inset-block-start:50%;inset-inline-start:-160px;width:360px;height:360px;margin-top:-180px;filter:blur(110px);opacity:.22}
/* אותו דבר בשלבים, במחירים ובסקשן הסיום: הזוהר כולו בתוך הסקשן, בלי חיתוך בקצה */
:root.v2 .pricing::before,:root.v2 .steps-flow::after{inset-block-start:22%;inset-inline-start:-180px}
:root.v2 .pricing::after,:root.v2 .steps-flow::before{inset-block-end:22%;inset-inline-end:-180px}
:root.v2 .pricing::before,:root.v2 .steps-flow::before,:root.v2 .pricing::after,:root.v2 .steps-flow::after{width:380px;height:380px;filter:blur(110px);animation:none}
:root.v2 .final::after{width:min(1100px,110vw,88vh);height:min(1100px,110vw,88vh)}

/* מודאלים וגלריות מעל הסרגל העליון ומעל הכפתורים הצפים */
:root.v2 .modal,:root.v2 .lbox,:root.v2 .vlb{z-index:1200}

/* ===== תמונות: מסגרת ישרה עם פינות מעוגלות, כדי שכל התמונה תיראה. המקבילית נשארת בכפתורים ובתגיות ===== */
.pf{transform:none}
.pf > img,.pf > video{transform:none}
a:hover .pf > img,.pcard:hover .pf > img{transform:scale(1.04)}
.jr-h .jr-frame,.jr-h .jr-frame img{transform:none}
.door-img img,.mm-peek img,:root.v2 .lr-logo,:root.v2 .lr-logo img{transform:none}
.door-img{transform:translate(-50%,-50%) scale(.4)}
.door:hover .door-img:nth-child(1){transform:translate(-120%,-55%) rotate(-6deg)}
.door:hover .door-img:nth-child(2){transform:translate(-50%,-62%) rotate(2deg)}
.door:hover .door-img:nth-child(3){transform:translate(20%,-48%) rotate(7deg)}
.jr-cover{transform:none}
.jr-cover img,.jr-cover video{transform:scale(calc(1 + (1 - var(--g)) * .08))!important}

/* גלריית המסע בטלפון: כל תמונה ברוחב 78% מהמסך, כך שהתמונה הבאה מציצה בבירור מהצד ומזמינה להחליק */
@media (max-width:900px){
  .jr-h-track .jr-fig{flex:0 0 78vw;width:78vw;max-width:78vw}
  .jr-h-track .jr-fig .pf,.jr-h-track .jr-fig .pf > img{width:100%;height:auto}
  .jr-h-track{gap:14px}
}
@media (max-width:900px){.jr-h{padding-bottom:48px!important}}

/* תמונות: פינות מעוגלות קלות (10px) ולא עגולות מדי. כרטיסים וכפתורים נשארים עם הרדיוס שלהם */
:root.v2{--r-img:10px}
.pf,.arc-card,.door-img,.mm-peek,:root.v2 .lr-logo,.jr-cover,.jr-next-img,.thumb,.lbox-fig img{border-radius:var(--r-img)!important}
/* כרטיסים שהתמונה יושבת בראשם: רדיוס קטן יותר, כדי שגם פינות התמונה יהיו עדינות */
:root.v2 .work,:root.v2 .ev-item,:root.v2 .pcard{border-radius:14px!important}
:root.v2 .ev-slide img,:root.v2 .hero-img-mob{border-radius:var(--r-img)!important}
/* סליידר המסכים בעמודי הפרויקט: כל תמונה בגובה הטבעי שלה, בלי חיתוך */
.cs-slide{align-self:flex-start}
.cs-slide .pf,.cs-slide .pf > img{height:auto}
/* צילומי מסך של טלפון: מסגרת דקה יותר ופינות עדינות */
:root.v2 .cs-phone img{border-width:5px;border-radius:16px}

/* הציור שזז עם הגלילה מאחורי השלבים הפריע לקריאה דרך כרטיסי הזכוכית */
.steps-art{display:none!important}

/* בלי הקיצורים (עד 1100px) כפתורי הסרגל נדחפים לקצה השמאלי */
@media (max-width:1100px){.tb-quick + .tb-actions{margin-inline-start:auto}}

/* בכניסה חוזרת מסך הטעינה לא מצויר בכלל, כדי שלא יהבהב מעל הפסים עד ש-loader.js מסיר אותו */
.is-wiping .ld{display:none}

/* החץ ממשיך מהסקשן האחרון עד "בואו נדבר" בפוטר, ולכן הסקשן לא חותך אותו */
:root.v2 .final{overflow:visible}
:root.v2 .final .fly{bottom:auto;height:auto}

/* מסך הטעינה על רקע הנקודות של האתר (loader.js מצייר אותו), בלי הזוהר הסגול */
.ld::before{display:none}

/* הקשתות של החץ יוצאות מצדי המסך, בלי ליצור גלילה הצידה */
:root.v2 .final{overflow-x:clip;overflow-y:visible}

/* כפתור מעבר בסוף סקשן */
.more-link{display:flex;justify-content:center;margin-top:clamp(28px,5vh,48px);padding-inline:var(--pad)}

/* פסי המעבר רחבים מספיק בכל יחס מסך, כדי שהקצה המוטה לא ישאיר פינות חשופות */
.pt i{left:calc(-50vh - 14vw);right:calc(-50vh - 14vw);width:auto}

/* קו אחד נקי לחץ: הקו המשני הדגיש כל עיקול כשבירה */
:root.v2 .fly-trail.t2{display:none}

/* גלגל הפרויקטים: גובה הבמה נקבע ב-arc.js, ולכן מיקום הכרטיס קבוע ולא באחוזים */
.arc-card{top:28px}
/* בזמן גרירה בעכבר ההצמדה כבויה, אחרת המסילה קופצת. הקישורים לא נתפסים */
.is-drag{scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none}
.is-drag a{pointer-events:none}

/* עמודי המסע: המסגרת בגובה הטבעי של התמונה, כדי שהתמונה תיראה במלואה והכיתוב יישב מתחתיה */
.jr-fig .pf,.jr-fig .jr-frame,.pj-shot .pf{height:auto}
.jr-fig .pf > img,.jr-fig .jr-frame > img{height:auto;object-fit:contain}
:root.v2 .jr-fig.phone img{border-radius:16px}

/* שורת מסכי הטלפון בעמודי המסע: מסכים קטנים יותר, עם גלילה עד קצה המסך */
.jr-media{min-width:0}
.jr-bleed{padding:12px 10px 16px var(--pad);gap:24px;scrollbar-width:none}
.jr-bleed::-webkit-scrollbar{display:none}
.jr-bleed .jr-fig{flex:0 0 clamp(190px,15vw,270px)}

/* מכשיר אייפון: המסגרת קבועה, ורק המסכים נעים בתוכה */
.jr-dev{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;min-width:0}
.dv-phone{position:relative;box-sizing:border-box;width:clamp(230px,min(24vw,38vh),320px);padding:38px 10px 14px;border-radius:46px;background:#0a0a0f;
  box-shadow:0 0 0 2px #34343e,0 0 0 4px #15151b,0 40px 80px rgba(0,0,0,.55)}
.dv-phone::before,.dv-phone::after{content:"";position:absolute;width:3px;border-radius:2px;background:#2b2b34}
.dv-phone::before{left:-7px;top:22%;height:13%;box-shadow:0 -46px 0 -0px #2b2b34}
.dv-phone::after{right:-7px;top:26%;height:18%}
.dv-island{position:absolute;top:11px;left:50%;width:32%;height:20px;border-radius:12px;background:#000;box-shadow:inset 0 0 0 1px #1c1c24;transform:translateX(-50%)}
.dv-screen{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:10px 10px 32px 32px;background:#000;aspect-ratio:375/812;outline-offset:3px}
.dv-screen::-webkit-scrollbar{display:none}
.dv-screen > img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;scroll-snap-stop:always;border-radius:0}
.dv-ui{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:460px}
.dv-cap{flex:1;min-width:0;min-height:52px;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:center}
.dv-cap b{font-size:1.1rem;font-weight:700;line-height:1.25}
.dv-idx{direction:ltr;unicode-bidi:isolate;font-style:normal;font-size:.8rem;letter-spacing:.08em;color:var(--tq)}
.dv-ui .pbtn:disabled{opacity:.3;pointer-events:none}

/* מכשיר בעמודי מקרה: מרווח מהטקסט שמעליו */
.cs-imgs + .jr-dev,p + .jr-dev,ul + .jr-dev,h2 + .jr-dev,h3 + .jr-dev{margin-top:clamp(24px,4vh,44px)}

/* גלריית התמונות: כפתורים בשפה של האתר, ובטלפון התמונה ברוחב מלא והחצים מתחתיה */
.lbox-nav,.lbox-x{border-radius:var(--r-btn)!important;background:rgba(255,255,255,.06)}
.lbox-fig img{border-radius:var(--r-img)}
@media (max-width:760px){
  .lbox{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:0 12px;padding:64px 12px 20px}
  .lbox-fig{grid-column:1 / -1;grid-row:1;align-self:center}
  .lbox-fig img{max-height:70vh;max-width:100%}
  .lbox-prev{grid-row:2;grid-column:1}.lbox-next{grid-row:2;grid-column:2}
}