/* =========================================================
   CK Digital 360, דף הבית (גרסה 2).
   נטען אחרי theme.css. כל הצבעים דרך משתנים, ולכן מצב בהיר עובד בלי טיפול נוסף.
   אריח שמחזיק תמונה או סרטון מקבל on-dark ונשאר כהה בשני המצבים.
   ========================================================= */

/* ---------- בסיס ---------- */
.hx{--rail-pad:max(var(--gutter),calc((100vw - var(--max))/2))}
.hx-sec{position:relative;padding-block:var(--sec)}
.hx-sec--alt{background:var(--bg-2)}
.hx-head{display:grid;gap:16px;max-width:860px;margin-block-end:clamp(34px,5.5vh,60px)}
.hx-head--c{margin-inline:auto;text-align:center;justify-items:center}
.hx-split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-block-end:clamp(34px,5.5vh,60px)}
.hx-split .hx-head{margin-block-end:0}
.hx-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.005em;color:var(--grey)}
.hx-dot{width:7px;height:7px;border-radius:50%;background:var(--pink)}
.hx-ava{display:none;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 16%;background:var(--media)}
.hx-h1{font-size:clamp(42px,5.7vw,92px);font-weight:700;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.hx-h2{font-size:clamp(34px,4.6vw,70px);font-weight:700;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
.hx-h1 span,.hx-h2 span{color:var(--grey)}
.hx-h2 span{display:block}
.hx-lead{font-size:clamp(18px,1.45vw,22px);line-height:1.5;letter-spacing:-.01em;color:var(--text-2);max-width:58ch;text-wrap:pretty}
.hx-lead strong{color:var(--text);font-weight:600}
.hx-head--c .hx-lead{margin-inline:auto}
.hx-go{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:500;color:var(--pink-ink);padding-block:6px;transition:gap .4s var(--ease)}
.hx-go svg{width:18px;height:18px;flex:none}
.hx-go:hover{gap:13px}
.hx-more{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-block-start:clamp(30px,5vh,52px)}
.hx-stars{color:var(--star);letter-spacing:.08em;font-size:16px;line-height:1}
.hx-g{width:22px;height:22px;flex:none}
.hx-in{animation:hx-in 1s var(--ease) both;animation-delay:var(--d,0s)}
@keyframes hx-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* פקדי גלילה */
.hx-ctl{display:flex;align-items:center;gap:10px}
.hx-ctl button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--text);background:var(--tile);transition:background-color .3s var(--ease),transform .3s var(--ease)}
.hx-ctl button:hover{background:var(--tile-3)}
.hx-ctl button:active{transform:scale(.94)}
.hx-ctl svg{width:20px;height:20px}
.hx-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hx-tab{padding:9px 18px;border-radius:999px;font-size:15px;color:var(--text-2);background:var(--tile);transition:background-color .3s var(--ease),color .3s var(--ease)}
.hx-tab:hover{color:var(--text)}
.hx-tab[aria-pressed="true"]{background:var(--text);color:var(--bg);font-weight:500}

/* פס גלילה אופקי */
.hx-snap{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hx-snap::-webkit-scrollbar{display:none}
.hx-snap.is-drag{scroll-snap-type:none;cursor:grabbing}
.hx-snap.is-drag a{pointer-events:none}
.hx-rail{padding-inline:var(--rail-pad);scroll-padding-inline:var(--rail-pad)}
.hx-rail>ul{display:flex;gap:clamp(16px,1.6vw,26px);width:max-content}
.hx-rail>ul>li{flex:none;scroll-snap-align:start}

/* מסגרת דפדפן */
.hx-win{display:block;border-radius:16px;overflow:hidden;background:var(--tile);box-shadow:0 0 0 1px var(--hair)}
.hx-win__bar{display:flex;align-items:center;gap:6px;height:32px;padding-inline:13px;background:var(--tile-2);direction:ltr}
.hx-win__bar i{width:8px;height:8px;border-radius:50%;background:var(--tile-3)}
.hx-win__bar em{margin-inline:auto;padding-inline-end:30px;font-style:normal;font-size:12px;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-win img{display:block;width:100%;height:auto}
.hx-win__rot{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.hx-win__rot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:0;transition:opacity .9s var(--ease)}
.hx-win__rot img.on,.hx-win__rot img:first-child:not(.off){opacity:1}
.hx-win__view{display:block;height:var(--vh,460px);overflow:hidden;background:var(--tile-2)}
.hx-win--tall img{transform:translateY(0);transition:transform 1.4s var(--ease)}
.hx-win__view--live{height:auto!important;aspect-ratio:16/10;overflow:hidden}
.hx-win__view--live video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
@media (hover:hover){
  a:hover>.hx-win--tall img,a.hx-win--tall:hover img,a:focus-visible>.hx-win--tall img{transform:translateY(calc(-100% + var(--vh,460px)));transition:transform var(--dur,11s) cubic-bezier(.4,0,.6,1)}
}
@media (hover:none){
  .hx-win--tall img{animation:hx-pan 26s ease-in-out infinite alternate}
}
@keyframes hx-pan{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + var(--vh,460px)))}}

/* ---------- 1. הירו: קיר עבודות חיות שנע ברקע, טיפוגרפיה כבדה, וקורן ---------- */
.hx-hero{position:relative;overflow:clip;isolation:isolate;background:var(--bg);min-height:min(100svh,980px);display:grid;align-items:end;padding-block:calc(74px + clamp(20px,4vh,48px)) 0}
.hx-wall{position:absolute;inset:0;z-index:0;overflow:hidden}
.hx-wall__tilt{position:absolute;inset:-22% -12%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;rotate:-6deg;opacity:.5}
.hx-wall__col{overflow:hidden}
.hx-wall__track{display:flex;flex-direction:column;animation:hx-wall-up var(--t,90s) linear infinite;will-change:transform}
.hx-wall__col:nth-child(even) .hx-wall__track{animation-name:hx-wall-down}
.hx-wall__set{display:flex;flex-direction:column}
.hx-wall__set img{width:100%;height:auto;margin-block-end:14px;border-radius:10px;display:block}
@keyframes hx-wall-up{to{transform:translateY(-50%)}}
@keyframes hx-wall-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.hx-hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.92) 100%),linear-gradient(270deg,rgba(0,0,0,.1),rgba(0,0,0,.75) 55%)}
.hx-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(20px,3vw,50px);align-items:end;min-height:calc(min(100svh,980px) - 74px - clamp(20px,4vh,48px))}
.hx-hero__copy{display:grid;gap:20px;justify-items:start;align-self:center;padding-block:clamp(20px,5vh,60px) clamp(40px,8vh,90px)}
.hx-h1{font-family:var(--font-display);font-weight:900;font-size:clamp(40px,6.2vw,100px);letter-spacing:-.03em;line-height:.98;text-wrap:balance}
.hx-h1 span{display:block}
.hx-h1 .hx-h1__f{color:var(--text)}
.hx-h1 .hx-h1__o{color:transparent;-webkit-text-stroke:2px var(--text);text-stroke:2px var(--text)}
.hx-hero .hx-lead{color:var(--text);max-width:52ch;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.hx-hero .hx-lead strong{font-weight:700}
.hx-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:6px}
.hx-hero__proof{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin-block-start:6px;font-size:15px;color:var(--text-2)}
.hx-hero__proof li{display:flex;align-items:center}
.hx-hero__proof li+li::before{content:"";width:1px;height:18px;background:var(--hair-2);margin-inline-end:26px}
.hx-hero__proof a{display:inline-flex;align-items:center;gap:9px}
.hx-hero__proof b{font-weight:700;font-size:17px;color:var(--text)}
.hx-hero__me{position:relative;align-self:end;justify-self:end;width:min(100%,520px);aspect-ratio:896/1100;overflow:visible}
.hx-hero__me>img{position:absolute;inset-block-end:0;inset-inline:0;width:100%;height:auto;object-fit:cover;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 16%),linear-gradient(to left,transparent 0,#000 22%),linear-gradient(to right,transparent 0,#000 18%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to top,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 16%),linear-gradient(to left,transparent 0,#000 22%),linear-gradient(to right,transparent 0,#000 18%);mask-composite:intersect}
.hx-hero__sign{position:absolute;z-index:3;inset-block-end:9%;inset-inline-start:2%;padding-inline-start:14px;border-inline-start:3px solid var(--pink);line-height:1.25}
.hx-hero__sign b{display:block;font-size:19px;font-weight:700}
.hx-hero__sign span{font-size:14px;color:var(--text-2)}
.hx-hero__reel{position:absolute;z-index:3;inset-inline-end:-4%;inset-block-end:16%;width:29%;display:block}
.hx-hero__reel .hx-phone{position:relative}
.hx-hero__reel video{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:cover;opacity:0;transition:opacity .9s var(--ease)}
.hx-hero__reel video.on{opacity:1}
.hx-fl__tag{position:absolute;z-index:2;inset-block-start:-13px;inset-inline-start:16px;padding:5px 12px;border-radius:999px;background:var(--text);color:var(--bg);font-size:12.5px;font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.hx-phone{display:block;aspect-ratio:9/17.6;padding:5px;border-radius:26px;background:var(--tile);box-shadow:0 0 0 1px var(--hair-2),0 30px 60px -24px rgba(0,0,0,.85)}
.hx-phone video{display:block;width:100%;height:100%;object-fit:cover;border-radius:21px;background:var(--bg)}
.still .hx-wall__track{animation-play-state:paused}

/* ---------- 2. שמות ---------- */
.hx-names{padding-block:clamp(26px,4vh,44px) clamp(40px,6vh,70px)}
.hx-names__lead{font-size:15px;color:var(--grey);margin-block-end:18px}
.hx-marq{overflow:hidden;direction:ltr;border-block:1px solid var(--hair);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hx-marq__t{display:flex;width:max-content;animation:hx-marq 70s linear infinite}
.hx-marq__t span{flex:none;padding:20px clamp(20px,2.4vw,40px);font-size:clamp(17px,1.5vw,22px);font-weight:600;letter-spacing:-.01em;color:var(--grey);white-space:nowrap}
@keyframes hx-marq{to{transform:translateX(-50%)}}

/* ---------- 3. מה אני עושה ---------- */
/* תשעה תחומים: רשת של תשעה כרטיסים, כל כרטיס מכשיר חי + שם + הבטחה. במובייל פס גלילה */
.hx-do__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.hx-do__card{position:relative;display:grid;grid-template-rows:auto auto;border-radius:var(--r-l);overflow:hidden;background:var(--tile);box-shadow:0 0 0 1px var(--hair);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.hx-do__card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--hair-2),var(--shadow)}
.hx-do__card .hx-comp{position:relative;aspect-ratio:1/1}
.hx-do__card>span{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:baseline;padding:18px 20px 20px}
.hx-do__card>span>i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--pink-ink);font-feature-settings:"tnum" 1}
.hx-do__card>span>b{font-size:clamp(20px,1.5vw,23px);font-weight:700;letter-spacing:-.025em}
.hx-do__card>span>em{grid-column:2;font-style:normal;font-size:15.5px;line-height:1.4;color:var(--text-2);margin-block-start:4px}
.hx-do__card>span>u{grid-column:2;text-decoration:none;font-size:13.5px;color:var(--grey);margin-block-start:6px}
.hx-do__card .hx-comp video{transition:opacity .4s var(--ease)}

/* ---------- 4. במת הסרטונים ---------- */
.hx-reels{background:var(--bg);overflow:clip}
.hx-reels .hx-head{margin-block-end:26px}
.hx-reels__stage{--cw:clamp(210px,20vw,292px);margin-block-start:clamp(26px,4vh,44px)}
.hx-reels__track{display:flex;align-items:center;gap:clamp(12px,1.4vw,22px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:calc(50% - var(--cw)/2);padding-block:34px;outline-offset:-4px}
.hx-reels__track::-webkit-scrollbar{display:none}
.hx-reels__track.is-drag{scroll-snap-type:none;cursor:grabbing}
.hx-reel{flex:none;width:var(--cw);scroll-snap-align:center}
.hx-reel[hidden]{display:none}
.hx-reel__b{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:var(--tile);
  transform:perspective(1100px) rotateY(calc(var(--t,0)*24deg)) scale(calc(1.08 - var(--a,1)*.2));opacity:calc(1 - var(--a,1)*.5);
  box-shadow:0 0 0 1px var(--hair);will-change:transform;cursor:pointer}
.hx-reel__b video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hx-reel__b::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 56%,rgba(0,0,0,.8) 100%);opacity:0;transition:opacity .5s var(--ease)}
.hx-reel__cap{position:absolute;z-index:1;inset-inline:18px;inset-block-end:16px;text-align:start;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.hx-reel__cap b{display:block;font-size:18px;font-weight:600;letter-spacing:-.015em}
.hx-reel__cap em{display:block;font-style:normal;font-size:13.5px;color:var(--on-media-2)}
.hx-reel__play{position:absolute;z-index:1;inset-block-start:14px;inset-inline-end:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .5s var(--ease)}
.hx-reel__play svg{width:19px;height:19px}
.hx-reel.on .hx-reel__play{opacity:1}
.hx-reel__cap{display:none}
.hx-reel.on .hx-reel__b{box-shadow:0 0 0 1px var(--hair-2),0 50px 90px -40px rgba(0,0,0,.9)}
.hx-reels__foot{display:grid;justify-items:center;gap:30px;margin-block-start:6px}
.hx-reels__now{min-width:220px;text-align:center;line-height:1.35}
.hx-reels__now b{display:block;font-size:17px;font-weight:600}
.hx-reels__now span{font-size:14px;color:var(--grey)}
.hx-reels__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hx-lb{padding:0;border:0;background:transparent;color:#f5f5f7;max-width:none;max-height:none;overflow:visible}
.hx-lb::backdrop{background:rgba(0,0,0,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hx-lb video{display:block;height:min(84svh,860px);aspect-ratio:9/16;max-width:92vw;border-radius:26px;background:#000;object-fit:contain}
.hx-lb__x{position:absolute;inset-block-start:-6px;inset-inline-end:-58px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(245,245,247,.14);color:#f5f5f7}
.hx-lb__x svg{width:20px;height:20px}
.hx-lb__cap{margin-block-start:12px;text-align:center;font-size:15px}
.hx-lb__cap b{font-weight:600;margin-inline-end:8px}
.hx-lb__cap span{color:rgba(245,245,247,.7)}

/* ---------- 5. אתרים ---------- */
.hx-sites{overflow:clip}
.hx-site{width:clamp(300px,36vw,560px)}
.hx-site a{display:block}
.hx-site .hx-win{--vh:clamp(300px,44vh,470px);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.hx-site a:hover .hx-win{transform:translateY(-6px);box-shadow:0 0 0 1px var(--hair-2),var(--shadow)}
.hx-site__cap{position:relative;display:grid;gap:2px;padding:18px 4px 0;padding-inline-end:52px}
.hx-site__cap b{font-size:21px;font-weight:600;letter-spacing:-.02em}
.hx-site__cap em{font-style:normal;font-size:15px;color:var(--grey)}
.hx-site__cap i{position:absolute;inset-block-start:18px;inset-inline-end:4px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--tile);color:var(--text);transition:background-color .3s var(--ease),color .3s var(--ease)}
.hx-site__cap svg{width:17px;height:17px}
.hx-site a:hover .hx-site__cap i{background:var(--text);color:var(--bg)}

/* ---------- 6. עיצוב ---------- */
.hx-bento{--g:clamp(12px,1.2vw,18px);--w:min(var(--max),100vw - 2*var(--gutter));--c:calc((var(--w) - 11*var(--g))/12);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:calc(var(--c)*4 + var(--g)*3);gap:var(--g)}
.hx-bento__t{position:relative;border-radius:var(--r-l);overflow:hidden;background:var(--media)}
.hx-bento__t--a{grid-column:span 8;grid-row:span 2}
.hx-bento__t--b,.hx-bento__t--c{grid-column:span 4}
.hx-bento__t--d,.hx-bento__t--e,.hx-bento__t--f,.hx-bento__t--h,.hx-bento__t--i,.hx-bento__t--j,.hx-bento__t--k,.hx-bento__t--l{grid-column:span 4}
.hx-bento__t--g{grid-column:span 4;grid-row:span 2}
.hx-design__lead{margin-block:34px 14px;font-size:17px;color:var(--text-2)}
.hx-marq--dlogos{border-block:0;padding-block:6px}
.hx-marq--dlogos .hx-marq__t{list-style:none;margin:0;padding:0;animation-duration:70s;align-items:center;gap:14px}
.hx-marq--dlogos li{flex:none;width:150px;height:110px;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:hidden}
.hx-marq--dlogos img{width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}
.hx-bento__t a{display:block;width:100%;height:100%}
.hx-bento__t img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.hx-bento__t a:hover img{transform:scale(1.04)}
.hx-bento__t a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.8) 100%)}
.hx-bento__t span{position:absolute;z-index:1;inset-inline:22px;inset-block-end:18px}
.hx-bento__t b{display:block;font-size:19px;font-weight:600;letter-spacing:-.015em}
.hx-bento__t em{display:block;font-style:normal;font-size:14px;color:var(--on-media-2)}
/* מודעה שיש בה טקסט משלה: הכיתוב לא יושב עליה, הוא מופיע רק במעבר עכבר ומעמעם את המודעה */
.hx-bento__t--ad a::after{background:rgba(0,0,0,.74);opacity:0;transition:opacity .4s var(--ease)}
.hx-bento__t--ad span{inset-block-end:auto;inset-block-start:50%;transform:translateY(-40%);text-align:center;opacity:0;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.hx-bento__t--ad a:hover::after,.hx-bento__t--ad a:focus-visible::after{opacity:1}
.hx-bento__t--ad a:hover span,.hx-bento__t--ad a:focus-visible span{opacity:1;transform:translateY(-50%)}

/* ---------- 7. תוצאות: הצילום המקורי בשלמותו ---------- */
.hx-stats{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
.hx-stat{grid-column:span 6;display:grid;gap:18px;padding:clamp(22px,2.2vw,32px);border-radius:var(--r-l);background:var(--tile)}
.hx-stat:first-child{grid-column:1/-1;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;column-gap:clamp(26px,3.4vw,56px)}
.hx-stat__copy{display:grid;gap:8px;align-content:center}
.hx-stat__who{font-size:15px;font-weight:600;color:var(--grey)}
.hx-stat__n{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;line-height:1}
.hx-stat__n b{font-size:clamp(44px,4.6vw,72px);font-weight:700;letter-spacing:-.045em}
.hx-stat:first-child .hx-stat__n b{font-size:clamp(64px,7.4vw,120px)}
.hx-stat__n span{font-size:clamp(16px,1.3vw,20px);font-weight:600;color:var(--grey)}
.hx-stat__t{font-size:16px;line-height:1.45;color:var(--text-2);max-width:40ch}
.hx-stat__shot{display:block;width:100%;padding:0;text-align:start;cursor:zoom-in;border-radius:14px;overflow:hidden;background:var(--tile-2);box-shadow:0 0 0 1px var(--hair);transition:transform .5s var(--ease)}
.hx-stat__shot:hover{transform:translateY(-3px)}
.hx-stat__shot img{display:block;width:100%;height:auto}

/* ---------- 8. מרכז המדריכים ---------- */
.hx-ai__tile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(30px,4vw,70px);align-items:center;padding:clamp(26px,4vw,64px);border-radius:var(--r-xl);background:var(--tile-2);overflow:hidden}
.hx-ai__copy{display:grid;gap:18px;justify-items:start}
.hx-ai__nums{display:grid;grid-template-columns:repeat(4,auto);gap:10px clamp(18px,2.4vw,40px);margin-block:8px 6px}
.hx-ai__nums li{display:grid;gap:4px}
.hx-ai__nums b{font-size:clamp(30px,3.2vw,50px);font-weight:700;letter-spacing:-.04em;line-height:1}
.hx-ai__nums span{font-size:14px;color:var(--grey)}
.hx-ai__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.hx-ai__side{display:grid;gap:14px}
.hx-ai__win{--vh:clamp(240px,34vh,340px)}
.hx-ai__win video{display:block;width:100%;height:var(--vh);object-fit:cover;object-position:50% 0}
.hx-ai__win img{animation:hx-pan 28s ease-in-out infinite alternate!important;transition:none!important}
.hx-ai__win:hover img{animation-play-state:paused}
.hx-ai__list{display:grid;gap:8px}
.hx-ai__list a{display:grid;grid-template-columns:auto minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--r-s);background:var(--tile);transition:background-color .3s var(--ease)}
.hx-ai__list a:hover{background:var(--tile-3)}
.hx-ai__list em{font-style:normal;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(var(--fg-rgb),.1);color:var(--text-2)}
.hx-ai__list b{font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.35}
.hx-ai__list svg{width:18px;height:18px;color:var(--grey)}

/* ---------- 9. קורן ---------- */
.hx-me__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,90px);align-items:center}
.hx-me__pic{border-radius:var(--r-xl);overflow:hidden;background:var(--media);aspect-ratio:4/5}
.hx-me__pic img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.hx-me__say{display:grid;gap:22px;justify-items:start}
.hx-me__q{font-size:clamp(22px,2.3vw,34px);font-weight:600;letter-spacing:-.025em;line-height:1.3;text-wrap:pretty}
.hx-me__by{line-height:1.35}
.hx-me__by b{display:block;font-size:18px;font-weight:600}
.hx-me__by span{font-size:15px;color:var(--grey)}
.hx-me__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block-start:26px;margin-block-start:6px;border-block-start:1px solid var(--hair);width:100%}
.hx-me__steps li{display:grid;gap:5px;align-content:start}
.hx-me__steps span{font-size:13px;font-weight:600;color:var(--pink-ink);font-feature-settings:"tnum" 1}
.hx-me__steps b{font-size:18px;font-weight:600;letter-spacing:-.015em}
.hx-me__steps p{font-size:15px;line-height:1.5;color:var(--text-2)}

/* ---------- 10. ביקורות ---------- */
.hx-revs{overflow:clip}
.hx-revs__sum{display:grid;justify-items:start;gap:6px;padding:22px 26px;border-radius:var(--r-l);background:var(--tile);min-width:280px}
.hx-revs__sum .hx-g{width:26px;height:26px}
.hx-revs__sum p{display:flex;align-items:center;gap:12px}
.hx-revs__sum b{font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:1}
.hx-revs__sum>span{font-size:14.5px;color:var(--grey)}
.hx-rev{width:clamp(290px,27vw,400px);display:grid;align-content:start;gap:14px;padding:26px;border-radius:var(--r-l);background:var(--tile)}
.hx-rev header{display:flex;align-items:center;gap:12px}
.hx-rev__av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--tile-3);font-weight:600;font-size:17px}
.hx-rev__who{flex:1;min-width:0;line-height:1.3}
.hx-rev__who b{display:block;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-rev__who time{font-size:13px;color:var(--grey)}
.hx-rev blockquote{font-size:16px;line-height:1.6;color:var(--text-2)}
.hx-revs .hx-ctl{margin-block-start:26px}

/* ---------- 11. בלוג ---------- */
.hx-posts{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(18px,2.4vw,40px) clamp(24px,3.4vw,60px)}
.hx-post{display:grid;gap:10px;align-content:start}
.hx-post figure{border-radius:var(--r-m);overflow:hidden;background:var(--media);aspect-ratio:16/9}
.hx-post img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.hx-post:hover img{transform:scale(1.04)}
.hx-post__m{display:flex;gap:12px;font-size:14px;color:var(--grey);margin-block-start:6px}
.hx-post__m b{font-weight:600;color:var(--pink-ink)}
.hx-post h3{font-size:clamp(19px,1.6vw,24px);font-weight:600;letter-spacing:-.02em;line-height:1.3;text-wrap:balance}
.hx-post--lead{grid-row:span 2}
.hx-post--lead h3{font-size:clamp(24px,2.5vw,38px);letter-spacing:-.03em;line-height:1.18}
.hx-post:not(.hx-post--lead){grid-template-columns:minmax(0,190px) minmax(0,1fr);column-gap:20px;align-items:start}
.hx-post:not(.hx-post--lead) figure{grid-row:span 3}
.hx-post:not(.hx-post--lead) .hx-post__m{margin-block-start:0}

/* ---------- 12. מדברים ---------- */
.hx-talk__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,5vw,90px);align-items:start}
.hx-talk__form{display:grid;gap:16px;justify-items:start}
.hx-f{display:grid;gap:14px;width:100%;margin-block-start:14px}
.hx-f__2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hx-fld{display:grid;gap:7px}
.hx-fld label{font-size:14.5px;font-weight:500;color:var(--text-2)}
.hx-fld input,.hx-fld textarea{width:100%;font:inherit;font-size:17px;color:var(--text);background:var(--tile);border:0;border-radius:var(--r-s);padding:15px 18px;box-shadow:inset 0 0 0 1px var(--hair);transition:box-shadow .3s var(--ease),background-color .3s var(--ease);resize:vertical}
.hx-fld input[dir="ltr"]{text-align:end}
.hx-fld input:focus,.hx-fld textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--text)}
.hx-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.hx-f__row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-block-start:6px}
.hx-f__msg{min-height:1.5em;font-size:15.5px;color:var(--text-2)}
.hx-talk__card{border-radius:var(--r-xl);overflow:hidden;background:var(--tile-2)}
.hx-talk__card figure{aspect-ratio:5/4;overflow:hidden;background:var(--media)}
.hx-talk__card img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}
.hx-talk__in{display:grid;gap:18px;padding:26px clamp(22px,2.4vw,34px) 30px}
.hx-talk__t b{display:block;font-size:24px;font-weight:700;letter-spacing:-.025em}
.hx-talk__t span{font-size:15px;color:var(--grey)}
.hx-ways{display:grid;gap:8px}
.hx-ways a{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r-s);background:var(--tile);transition:background-color .3s var(--ease)}
.hx-ways a:hover{background:var(--tile-3)}
.hx-ways svg{width:22px;height:22px;justify-self:center}
.hx-ways b{display:block;font-size:16.5px;font-weight:600;letter-spacing:-.01em;text-align:start}
.hx-ways em{display:block;font-style:normal;font-size:13.5px;color:var(--grey)}
.hx-ways span{min-width:0;overflow:hidden}

/* ---------- פרויקטים מקצה לקצה (עמוד תיק העבודות) ---------- */
.hx-cases__list{display:grid;gap:clamp(14px,1.4vw,22px)}
.hx-case{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(26px,4vw,70px);align-items:center;padding:clamp(24px,3.4vw,56px);border-radius:var(--r-xl);background:var(--tile)}
.hx-case--flip .hx-case__copy{order:2}
.hx-case__copy{display:grid;gap:14px;justify-items:start}
.hx-case__copy h3{font-size:clamp(28px,3vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.hx-case__copy>p:not(.hx-eyebrow){font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:var(--text-2);max-width:46ch;text-wrap:pretty}
.hx-case__made{display:flex;flex-wrap:wrap;gap:8px;margin-block:4px 6px}
.hx-case__made li{padding:7px 14px;border-radius:999px;background:rgba(var(--fg-rgb),.07);font-size:14.5px;color:var(--text-2)}
.hx-case__media{position:relative}
.hx-case__media .hx-win{--vh:clamp(300px,46vh,460px);background:var(--tile-2)}
.hx-case__in{position:absolute;inset-block-end:-22px;inset-inline-start:-22px;width:clamp(120px,15vw,210px);aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:var(--r-m);box-shadow:0 0 0 1px var(--hair),var(--shadow-s)}
.hx-case--flip .hx-case__in{inset-inline-start:auto;inset-inline-end:-22px}
.hx-win--tall:focus-visible img{transform:translateY(calc(-100% + var(--vh,460px)));transition:transform var(--dur,11s) cubic-bezier(.4,0,.6,1)}
@media (hover:hover){.hx-win--tall:hover img{transform:translateY(calc(-100% + var(--vh,460px)));transition:transform var(--dur,11s) cubic-bezier(.4,0,.6,1)}}

/* ---------- רשימת האתרים (עמוד תיק העבודות) ---------- */
.hx-tabs--start{justify-content:flex-start;margin-block-end:30px}
.hx-arch__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.6vw,40px) clamp(14px,1.4vw,22px)}
.hx-arch__c[hidden]{display:none}
.hx-arch__c a{display:block}
.hx-arch__c figure{aspect-ratio:16/10;border-radius:var(--r-m);overflow:hidden;background:var(--tile);box-shadow:0 0 0 1px var(--hair)}
.hx-arch__c img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform 1s var(--ease)}
.hx-arch__c a:hover img{transform:scale(1.04)}
.hx-arch__c .hx-site__cap{padding-block-start:14px}
.hx-arch__c .hx-site__cap b{font-size:17.5px}
.hx-arch__c .hx-site__cap em{font-size:14px}
.hx-arch__c .hx-site__cap i{inset-block-start:12px;width:36px;height:36px;background:var(--tile)}
.hx-arch__c a:hover .hx-site__cap i{background:var(--text);color:var(--bg)}
@media (max-width:1060px){.hx-arch__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.hx-arch__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-arch__c .hx-site__cap{padding-inline-end:0}.hx-arch__c .hx-site__cap i{display:none}.hx-tabs--start{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter)}.hx-tabs--start .hx-tab{flex:none}}

/* ---------- מסגרות מכשיר עם צילומי מסך אמיתיים ---------- */
.hx-dev{position:absolute;inset-inline-start:var(--x,0);inset-block-start:var(--y,0);width:var(--w,100%);display:block;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.hx-dev__scr{display:block;overflow:hidden;background:var(--media)}
.hx-dev__scr img,.hx-dev__scr video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hx-dev--laptop{padding:1.6% 1.6% 0;border-radius:1.4em 1.4em 0 0;background:#2b2b2e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:min(1.2vw,14px)}
.hx-dev--laptop::after{content:"";display:block;height:.9em;margin-inline:-5%;border-radius:0 0 .8em .8em;background:linear-gradient(180deg,#48484c,#1d1d1f)}
.hx-dev--laptop .hx-dev__scr{aspect-ratio:16/10;border-radius:.5em .5em 0 0}
.hx-dev--phone{padding:2.6%;border-radius:12% / 5.6%;background:#1d1d1f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 3px #0b0b0c}
.hx-dev--phone .hx-dev__scr{aspect-ratio:9/19.5;border-radius:9.5% / 4.4%}
.hx-dev--win{border-radius:.7em;overflow:hidden;background:var(--tile-2);box-shadow:0 0 0 1px var(--hair);font-size:min(1.2vw,14px)}
.hx-dev--win::before{content:"";display:block;height:1.6em;background:linear-gradient(90deg,#ff5f57 0 .55em,transparent .55em 1em,#febc2e 1em 1.55em,transparent 1.55em 2em,#28c840 2em 2.55em,transparent 2.55em);background-size:auto;background-repeat:no-repeat;background-position:.7em center;background-color:var(--tile-2)}
.hx-dev--win .hx-dev__scr{aspect-ratio:auto}
.hx-dev--win .hx-dev__scr img{height:auto}
.hx-comp{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:var(--media);background-image:radial-gradient(120% 80% at 50% 0%,rgba(var(--fg-rgb),.08),transparent 60%)}
.hx-comp .hx-comp__pic{position:absolute;inset-inline-start:var(--x,0);inset-block-start:var(--y,0);width:var(--w,50%);height:auto;min-height:0;object-fit:cover;border-radius:1em;box-shadow:0 24px 40px rgba(0,0,0,.45);transform:none}
.hx-comp .hx-comp__pic--fill{inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.hx-comp__badge{position:absolute;inset-inline-start:var(--x,0);inset-block-start:var(--y,0);display:inline-grid;justify-items:center;gap:6px;padding:12px 16px;border-radius:14px;background:var(--tile);box-shadow:0 0 0 1px var(--hair),0 20px 40px rgba(0,0,0,.4)}
.hx-comp__badge img{width:92px;height:auto}
.hx-comp__badge em{font-style:normal;font-size:12px;font-weight:600;color:var(--text-2)}
.hx-comp__flow{position:absolute;inset-inline-start:var(--x,0);inset-block-start:var(--y,0);width:var(--w,80%);display:flex;align-items:center;gap:6px;font-size:12.5px}
.hx-comp__flow i{font-style:normal;padding:8px 12px;border-radius:999px;background:var(--tile);box-shadow:0 0 0 1px var(--hair);white-space:nowrap}
.hx-comp__flow i.hx-comp__flow-me{background:var(--text);color:var(--bg)}
.hx-comp__flow b{flex:1;height:1px;background:var(--hair-2);position:relative;overflow:hidden}
.hx-comp__flow b::after{content:"";position:absolute;inset-block:-2px;inset-inline-start:0;width:30%;background:var(--text);animation:hx-pulse 2.2s linear infinite}
@keyframes hx-pulse{from{transform:translateX(120%)}to{transform:translateX(-400%)}}
.hx-comp__gsc{position:absolute;inset-inline-start:var(--x,0);inset-block-start:var(--y,0);width:var(--w,80%);display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--tile);box-shadow:0 0 0 1px var(--hair),0 20px 40px rgba(0,0,0,.4);font-size:12.5px}
.hx-comp__gsc i{font-style:normal;color:var(--grey);font-size:11.5px;padding-block-end:4px;border-block-end:1px solid var(--hair)}
.hx-comp__gsc b{display:grid;grid-template-columns:1fr auto auto;gap:12px;font-weight:500;padding-block:3px;white-space:nowrap}
.hx-comp__gsc b span:nth-child(2){font-weight:700}
.hx-comp__gsc b span:nth-child(3){color:var(--grey)}
.hx-comp__list{position:absolute;inset-inline-start:var(--x,0);inset-block-start:var(--y,0);width:var(--w,60%);display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hx-comp__list i{font-style:normal;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--tile);box-shadow:0 0 0 1px var(--hair);font-size:13px;white-space:nowrap}
.hx-comp__list i::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink)}

/* ---------- רצועת לוגואים מקוריים ---------- */
.hx-marq--logos{border-block:0;padding-block:6px}
.hx-marq--logos .hx-marq__t{animation-duration:90s;align-items:center}
.hx-marq--logos span{display:flex;align-items:center;height:64px;padding-inline:clamp(22px,2.8vw,44px)}
.hx-marq--logos img{height:38px;width:auto;max-width:200px;object-fit:contain;opacity:.86;transition:opacity .3s var(--ease)}
.hx-marq--logos img.hx-logo--wide{height:auto;width:220px}
.hx-marq--logos img.hx-logo--mark{height:46px}
.hx-marq--logos img[data-mono]{filter:brightness(0) invert(1)}
html[data-theme="light"] .hx-marq--logos img[data-mono]{filter:brightness(0)}
.hx-marq:hover img{opacity:1}

/* ---------- פס האתרים החיים שנע לבד ---------- */
.hx-sites{overflow:clip}
.hx-sm{direction:ltr;overflow:hidden;padding-block:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hx-sm__t{display:flex;align-items:flex-end;gap:clamp(18px,2vw,30px);width:max-content;padding-inline:15px;animation:hx-marq 80s linear infinite}
.hx-sm--rev .hx-sm__t{animation-direction:reverse;animation-duration:96s}
.hx-sm:hover .hx-sm__t,.hx-sm:focus-within .hx-sm__t{animation-play-state:paused}
.hx-sm__i{flex:none;width:clamp(300px,30vw,420px);direction:rtl}
.hx-sm__i .hx-dev__scr{position:relative}
.hx-sm__clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:0;transition:opacity .5s var(--ease)}
.hx-sm__i.is-live .hx-sm__clip{opacity:1}
.hx-sm__i--phone{width:clamp(132px,12.5vw,176px)}
.hx-sm__i a{display:block;position:relative;transition:transform .5s var(--ease)}
.hx-sm__i a:hover{transform:translateY(-6px)}
.hx-sm__i .hx-dev{position:relative;inset:auto;width:100%;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4))}
.hx-sm__cap{display:grid;gap:1px;padding:14px 6px 0;line-height:1.3}
.hx-sm__cap b{font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-sm__cap em{font-style:normal;font-size:13.5px;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-lb--site{width:min(1200px,94vw);height:min(86svh,900px)}
.hx-lb__frame{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(245,245,247,.14)}
.hx-lb__frame .hx-win__bar{background:#2b2b2e;height:36px}
.hx-lb__frame .hx-win__bar em{color:rgba(245,245,247,.75)}
.hx-lb__frame iframe{width:100%;height:100%;border:0;background:#fff}
.hx-lb--img{max-width:min(1400px,94vw)}
.hx-lb--img img{display:block;width:100%;height:auto;max-height:82svh;object-fit:contain;border-radius:16px;background:#fff}

/* ---------- Shopify ---------- */
.hx-shop{padding-block:0}
.hx-x__head{display:grid;justify-items:center;gap:14px;margin-block-end:22px}
.hx-x__tabs{padding:5px;border-radius:999px;background:var(--tile);gap:4px}
.hx-x__tabs .hx-tab{background:transparent;font-size:16px;padding:11px 22px}
.hx-x__tabs .hx-tab[aria-selected="true"]{background:var(--text);color:var(--bg);font-weight:600}
.hx-x__panel[hidden]{display:none}
.hx-x__side{display:grid;gap:18px}
.hx-x__stage{position:relative;aspect-ratio:4/3;overflow:visible}
.hx-x__stage .hx-dev{filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.hx-x__stage .hx-dev:first-child{opacity:.9}
.hx-x__names{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hx-x__names li{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:rgba(var(--fg-rgb),.06);box-shadow:inset 0 0 0 1px var(--hair)}
.hx-x__names b{font-size:13.5px;font-weight:600;line-height:1.25}
.hx-x__names em{font-style:normal;font-size:11.5px;color:var(--grey)}
.hx-x__panel{animation:hx-xin .5s var(--ease) both}
@keyframes hx-xin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hx-shop__badge img+img{margin-inline-start:-4px}
.hx-x__acmark{width:26px;height:26px;color:#38D5F1}
.hx-shop__badge img[src*="wordpress"]{filter:brightness(0) invert(1);opacity:.92}
.hx-shop__phones video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hx-shop__tile{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,4vw,70px);align-items:center;padding:clamp(28px,4vw,64px);border-radius:var(--r-xl);background:var(--tile-2);overflow:hidden}
.hx-shop__copy{display:grid;gap:18px;justify-items:start}
.hx-shop__badge{display:inline-flex;align-items:center;gap:14px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--hair)}
.hx-shop__badge img{height:26px;width:auto}
.hx-shop__badge span{font-size:14px;font-weight:600;color:var(--text-2);padding-inline-start:12px;border-inline-start:1px solid var(--hair-2)}
.hx-shop__list{display:flex;flex-wrap:wrap;gap:8px}
.hx-shop__list li{padding:8px 14px;border-radius:999px;background:rgba(var(--fg-rgb),.07);font-size:14.5px;color:var(--text-2)}
.hx-shop__phones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.hx-shop__phones li{display:grid;gap:10px;justify-items:center}
.hx-shop__phones li:nth-child(2),.hx-shop__phones li:nth-child(4){transform:translateY(-22px)}
.hx-shop__phones .hx-dev{position:relative;inset:auto;width:100%}
.hx-shop__phones span{text-align:center;line-height:1.3}
.hx-shop__phones b{display:block;font-size:13.5px;font-weight:600}
.hx-shop__phones em{display:block;font-style:normal;font-size:12px;color:var(--grey)}

/* ---------- קיר הביקורות שנע לבד ---------- */
.hx-rw{direction:ltr;overflow:hidden;padding-block:8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.hx-rw__t{display:flex;align-items:stretch;gap:14px;width:max-content;padding-inline:7px;animation:hx-marq 110s linear infinite}
.hx-rw--rev .hx-rw__t{animation-direction:reverse;animation-duration:130s}
.hx-rw:hover .hx-rw__t,.hx-rw:focus-within .hx-rw__t{animation-play-state:paused}
.hx-rw .hx-rev{width:clamp(280px,26vw,380px);padding:22px;direction:rtl}
.hx-rw .hx-rev blockquote{font-size:15.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.hx-rev__wa{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#25D366;color:#fff}
.hx-rev__wa svg{width:15px;height:15px}
.still .hx-sm__t,.still .hx-rw__t{animation-play-state:paused}

/* ---------- טאבלט ---------- */
@media (max-width:1060px){
  .hx-do__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hx-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
  .hx-ai__tile{grid-template-columns:1fr}
  .hx-ai__nums{grid-template-columns:repeat(4,1fr)}
  .hx-me__steps{grid-template-columns:1fr}
  .hx-case{grid-template-columns:1fr}
  .hx-case--flip .hx-case__copy{order:0}
  .hx-case__in{inset-inline-start:auto;inset-inline-end:12px;inset-block-end:-16px}
}
/* ---------- מובייל ---------- */
@media (max-width:760px){
  .hx-sec{padding-block:clamp(64px,10vh,96px)}
  .hx-h2 span{display:inline}
  .hx-hero{min-height:0;padding-block-start:calc(74px + 16px);align-items:start}
  .hx-wall__tilt{grid-template-columns:repeat(3,minmax(0,1fr));inset:-14% -30%;gap:10px;opacity:.42}
  .hx-wall__col:nth-child(n+4){display:none}
  .hx-hero__scrim{background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.94) 100%)}
  .hx-hero__in{grid-template-columns:1fr;min-height:0;row-gap:8px}
  .hx-hero__copy{gap:14px;padding-block:8px 6px}
  .hx-h1{font-size:clamp(36px,10.4vw,48px)}
  .hx-h1__o{-webkit-text-stroke-width:1.5px}
  .hx-hero .hx-lead{font-size:17px}
  .hx-hero__ctas{width:100%}
  .hx-hero__ctas .btn{flex:1 1 100%}
  .hx-hero__proof{gap:8px 18px;font-size:14px}
  .hx-hero__proof li+li::before{display:none}
  .hx-hero__me{width:100%;max-width:360px;justify-self:end;aspect-ratio:auto;margin-block-start:14px}
  .hx-hero__me>img{position:relative;inset:auto;display:block}
  .hx-hero__sign{inset-inline-start:0;inset-block-end:6%}
  .hx-hero__reel{width:30%;inset-inline-end:auto;inset-inline-start:0;inset-block-end:24%}
  .hx-ava{display:none}
  .hx-do__cards{display:flex;gap:12px;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
  .hx-do__cards>li{flex:none;width:78vw;max-width:340px;scroll-snap-align:start}
  .hx-do__card{display:grid}
  .hx-do__card .hx-comp__flow{font-size:10.5px;gap:4px}
  .hx-do__card .hx-comp__flow i{padding:6px 8px}
  .hx-do__card .hx-comp__list i{font-size:11.5px;padding:7px 9px}
  .hx-do__card .hx-comp__gsc{font-size:11px;padding:9px 11px}
  .hx-do__card .hx-comp__gsc i{font-size:10px}
  .hx-do__card .hx-comp__badge{padding:8px 11px}
  .hx-do__card .hx-comp__badge img{width:72px}
  .hx-do__card>span{padding:16px 18px 18px}
  .hx-do__card>span>b{font-size:20px}
  .hx-do__card>span>em{font-size:15px}
  .hx-do__card>span>u{display:none}
  .hx-shop__tile{grid-template-columns:1fr;padding:24px 18px}
  .hx-x__names{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hx-shop__phones{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .hx-shop__phones li:nth-child(2),.hx-shop__phones li:nth-child(4){transform:none}
  .hx-shop__phones b{font-size:11.5px}
  .hx-shop__phones em{display:none}
  .hx-marq--logos img{height:30px;max-width:150px}
  .hx-marq--logos img.hx-logo--wide{width:150px;height:auto}
  .hx-marq--logos img.hx-logo--mark{height:36px}
  .hx-marq--logos span{height:52px;padding-inline:18px}
  .hx-sm__i{width:min(78vw,340px)}
  .hx-sm__i--phone{width:min(34vw,150px)}
  .hx-rw .hx-rev{width:min(80vw,340px)}
  .hx-stat,.hx-stat:first-child{grid-column:auto;grid-template-columns:1fr}
  .hx-reels__stage{--cw:62vw}
  .hx-reel__b{border-radius:24px}
  .hx-lb__x{inset-inline-end:0;inset-block-start:-56px}
  .hx-lb video{height:min(74svh,760px)}
  .hx-site{width:82vw}
  .hx-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44vw}
  .hx-bento__t--a{grid-column:span 2;grid-row:span 2}
  .hx-bento__t--b,.hx-bento__t--c,.hx-bento__t--d,.hx-bento__t--e{grid-column:span 1}
  .hx-bento__t--f,.hx-bento__t--j{grid-column:span 2}
  .hx-bento__t--g{grid-column:span 1;grid-row:span 2}
  .hx-marq--dlogos li{width:110px;height:82px;border-radius:14px}
  .hx-bento__t span{inset-inline:14px;inset-block-end:12px}
  .hx-bento__t b{font-size:16px}
  .hx-stats{grid-template-columns:1fr}
  .hx-stat,.hx-stat:first-child{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:22px}
  .hx-stat__shot{max-width:100%}
  .hx-ai__nums{grid-template-columns:1fr 1fr;gap:18px}
  .hx-ai__tile{padding:26px 20px}
  .hx-me__grid{grid-template-columns:1fr}
  .hx-me__pic{aspect-ratio:1/1;max-width:420px}
  .hx-rev{width:84vw}
  .hx-revs__sum{width:100%}
  .hx-posts{grid-template-columns:1fr}
  .hx-post:not(.hx-post--lead){grid-template-columns:minmax(0,120px) minmax(0,1fr);column-gap:14px}
  .hx-talk__grid{grid-template-columns:1fr}
  .hx-f__2{grid-template-columns:1fr}
  .hx-f__row .btn{flex:1 1 100%}
  .hx-more .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .hx-in{animation:none}
  .hx-marq__t{animation:none}
  .hx-win--tall img{animation:none;transition:none}
  .hx-fl{translate:none}
  .hx-reel__b{transform:none;opacity:1}
}
.still .hx-marq__t,.still .hx-win--tall img{animation-play-state:paused}

/* מובייל: הבנטו חוזר לשני טורים */
@media (max-width:760px){.hx-bento{--c:0px;grid-auto-rows:calc((100vw - 2*var(--gutter) - var(--g))/2)}}

/* ================================================================
   מעטפת 360°: תשעה כרטיסים על גליל תלת ממדי. הגלגל מסתובב ב-JS (home.js, סעיף 3),
   כל כרטיס ב-40 מעלות, הכרטיס שמקדימה פעיל. בלי JS: הכרטיסים נפרסים כפס גלילה רגיל.
   ================================================================ */
.hx-ring{--cw:clamp(250px,26vw,360px);--persp:1600px;overflow:clip}
.hx-ring__stage{position:relative;height:calc(var(--cw) + 190px);perspective:var(--persp);perspective-origin:50% 38%;margin-block-start:clamp(10px,2vh,26px);touch-action:pan-y;cursor:grab;user-select:none}
.hx-ring__stage.is-drag{cursor:grabbing}
.hx-ring__wheel{list-style:none;margin:0;padding:0;position:absolute;top:0;left:50%;width:var(--cw);height:100%;margin-left:calc(var(--cw)/-2);transform-style:preserve-3d;will-change:transform}
.hx-ring__item{position:absolute;inset-block-start:0;left:0;width:var(--cw);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:var(--o,1);transition:opacity .25s linear}
.hx-ring__item.is-back{pointer-events:none}
.hx-ring__card{display:grid;grid-template-rows:auto auto;border-radius:var(--r-l);overflow:hidden;background:var(--tile);box-shadow:0 0 0 1px var(--hair-2),0 40px 80px -40px rgba(0,0,0,.9);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:box-shadow .5s var(--ease)}
.hx-ring__item.is-front .hx-ring__card{box-shadow:0 0 0 1px rgba(231,53,122,.55),0 50px 100px -40px rgba(231,53,122,.35),0 40px 80px -40px rgba(0,0,0,.9)}
.hx-ring__card .hx-comp{aspect-ratio:1/1}
.hx-ring__txt{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:baseline;padding:16px 18px 18px}
.hx-ring__txt i{font-style:normal;font-size:12px;font-weight:600;color:var(--pink-ink);font-feature-settings:"tnum" 1}
.hx-ring__txt b{font-size:clamp(19px,1.5vw,23px);font-weight:700;letter-spacing:-.025em}
.hx-ring__txt em{grid-column:2;font-style:normal;font-size:15px;line-height:1.4;color:var(--text-2);margin-block-start:3px}
.hx-ring__txt u{grid-column:2;text-decoration:none;font-size:13px;color:var(--grey);margin-block-start:5px}
/* רקע: 360° ענק ושביל אליפטי על הרצפה עם נקודה שרצה עליו */
.hx-ring__bg{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;margin:0}
.hx-ring__bg span{font-size:clamp(160px,26vw,420px);font-weight:900;letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(var(--fg-rgb),.08);transform:translateY(-6%)}
.hx-ring__orbit{position:absolute;left:50%;top:calc(var(--cw) + 20px);width:calc(var(--cw)*3.2);aspect-ratio:1;margin-left:calc(var(--cw)*-1.6);margin-top:calc(var(--cw)*-1.6);border-radius:50%;border:1px solid rgba(var(--fg-rgb),.12);transform:rotateX(78deg);pointer-events:none}
.hx-ring__orbit::before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(var(--fg-rgb),.07)}
.hx-ring__orbit i{position:absolute;inset:0;border-radius:50%;animation:hx-orbit 14s linear infinite}
.hx-ring__orbit i::after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--pink);box-shadow:0 0 22px 4px rgba(231,53,122,.7)}
@keyframes hx-orbit{to{transform:rotate(360deg)}}
/* שליטה: חיצים ותשעה טאבים */
.hx-ring__ui{display:flex;align-items:center;justify-content:center;gap:12px;margin-block-start:4px}
.hx-ring__tabs{display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--tile);overflow-x:auto;scrollbar-width:none;max-width:100%}
.hx-ring__tabs::-webkit-scrollbar{display:none}
.hx-ring__tab{flex:none;padding:9px 15px;border-radius:999px;font-size:14.5px;color:var(--text-2);transition:background-color .3s var(--ease),color .3s var(--ease)}
.hx-ring__tab:hover{color:var(--text)}
.hx-ring__tab[aria-pressed="true"]{background:var(--text);color:var(--bg);font-weight:600}
.hx-ring__go{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--tile);color:var(--text);box-shadow:inset 0 0 0 1px var(--hair)}
.hx-ring__go svg{width:20px;height:20px}
.hx-ring .hx-more{margin-block-start:26px;text-align:center}
/* בלי JS: פס גלילה רגיל */
.hx-ring:not(.is-3d) .hx-ring__stage{height:auto;perspective:none;cursor:auto}
.hx-ring:not(.is-3d) .hx-ring__wheel{position:static;display:flex;gap:14px;width:auto;margin:0;padding-inline:var(--gutter);overflow-x:auto;transform:none}
.hx-ring:not(.is-3d) .hx-ring__item{position:static;flex:none;transform:none}
.hx-ring:not(.is-3d) .hx-ring__orbit,.hx-ring:not(.is-3d) .hx-ring__ui{display:none}
@media (max-width:760px){
  .hx-ring{--cw:min(68vw,270px);--persp:1000px}
  .hx-ring__stage{height:calc(var(--cw) + 170px)}
  .hx-ring__txt{padding:13px 14px 15px}
  .hx-ring__txt b{font-size:18px}
  .hx-ring__txt em{font-size:14px}
  .hx-ring__txt u{display:none}
  .hx-ring__go{display:none}
  .hx-ring__ui{padding-inline:0}
  .hx-ring__tabs{border-radius:0;background:transparent;padding-inline:var(--gutter)}
  .hx-ring__tab{background:var(--tile)}
  .hx-ring__card .hx-comp__flow{font-size:10px;gap:3px}
  .hx-ring__card .hx-comp__flow i{padding:5px 7px}
  .hx-ring__card .hx-comp__list i{font-size:11px;padding:6px 8px}
  .hx-ring__card .hx-comp__gsc{font-size:10.5px;padding:8px 10px}
  .hx-ring__card .hx-comp__gsc i{font-size:9.5px}
  .hx-ring__card .hx-comp__badge{padding:7px 10px}
  .hx-ring__card .hx-comp__badge img{width:64px}
}
@media (prefers-reduced-motion:reduce){.hx-ring__orbit i{animation:none}}
.still .hx-ring__orbit i{animation-play-state:paused}

/* טאב הקוד: דשבורד שנבנה בקוד (מוקאפ בלי נתונים), מתעורר בכל כניסה לטאב */
.hx-x__codemark{width:26px;height:26px;color:#38D5F1}
.hx-x__head .hx-head{margin-inline:auto;margin-block-end:22px}
.hx-x__a11y{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin-block-start:22px;font-size:15px;color:var(--text-2)}
.hx-x__a11y>svg{width:20px;height:20px;color:#38D5F1}
.hx-dash{display:grid;grid-template-columns:18% 1fr;width:100%;height:100%;background:#0f1115;color:#e8e8ee;font-size:9px;direction:rtl}
.hx-dash__side{display:grid;align-content:start;gap:7px;padding:10px 8px;background:#15171d;border-inline-start:1px solid rgba(255,255,255,.06)}
.hx-dash__side b{height:10px;width:70%;border-radius:4px;background:linear-gradient(90deg,#E7357A,#7B2FFF);margin-block-end:6px}
.hx-dash__side i{height:7px;border-radius:4px;background:rgba(255,255,255,.12)}
.hx-dash__side i.on{background:rgba(231,53,122,.7)}
.hx-dash__main{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:10px 12px;min-width:0}
.hx-dash__top{display:flex;align-items:center;justify-content:space-between}
.hx-dash__top em{font-style:normal;font-weight:700;font-size:11px}
.hx-dash__top u{width:36px;height:12px;border-radius:6px;background:rgba(255,255,255,.1)}
.hx-dash__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hx-dash__kpis>span{display:grid;gap:5px;padding:7px;border-radius:7px;background:rgba(255,255,255,.05);height:38px;align-content:end;position:relative;overflow:hidden}
.hx-dash__kpis i{position:absolute;inset-block-start:7px;inset-inline-start:7px;width:40%;height:5px;border-radius:3px;background:rgba(255,255,255,.18)}
.hx-dash__kpis b{height:var(--h);max-height:20px;border-radius:3px;background:linear-gradient(0deg,rgba(231,53,122,.25),rgba(231,53,122,.85));transform-origin:bottom;transform:scaleY(.1)}
.hx-dash__chart{width:100%;height:100%;min-height:0}
.hx-dash__chart path{fill:none;stroke:#38D5F1;stroke-width:2;stroke-dasharray:260;stroke-dashoffset:260;vector-effect:non-scaling-stroke}
.hx-dash__rows{display:grid;gap:4px}
.hx-dash__rows i{display:flex;align-items:center;justify-content:flex-end;height:11px;border-radius:4px;background:rgba(255,255,255,.05);padding-inline:5px}
.hx-dash__rows b{width:22px;height:6px;border-radius:3px}
.hx-dash__rows b.ok{background:#10B981}
.hx-dash__rows b.new{background:#E7357A}
#x-code:not([hidden]) .hx-dash__kpis b{animation:hx-dash-bar 1.2s var(--ease) .3s both}
#x-code:not([hidden]) .hx-dash__kpis span:nth-child(2) b{animation-delay:.45s}
#x-code:not([hidden]) .hx-dash__kpis span:nth-child(3) b{animation-delay:.6s}
#x-code:not([hidden]) .hx-dash__chart path{animation:hx-dash-line 1.6s var(--ease) .7s both}
#x-code:not([hidden]) .hx-dash__rows i{animation:hx-dash-row .6s var(--ease) both}
#x-code:not([hidden]) .hx-dash__rows i:nth-child(1){animation-delay:1.3s}
#x-code:not([hidden]) .hx-dash__rows i:nth-child(2){animation-delay:1.45s}
#x-code:not([hidden]) .hx-dash__rows i:nth-child(3){animation-delay:1.6s}
@keyframes hx-dash-bar{to{transform:none}}
@keyframes hx-dash-line{to{stroke-dashoffset:0}}
@keyframes hx-dash-row{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hx-dash__kpis b{transform:none}.hx-dash__chart path{stroke-dashoffset:0}#x-code .hx-dash *{animation:none!important}}

/* מועדון AI בוואטסאפ: שורה שקטה מתחת לכפתורים של מרכז המדריכים */
.hx-club{display:flex;align-items:center;gap:14px;margin-block-start:22px;padding:14px 16px;border-radius:18px;
  box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12));color:var(--text,#f5f5f7);text-decoration:none;max-width:460px;
  transition:box-shadow .25s ease,background .25s ease}
.hx-club:hover{background:rgba(var(--fg-rgb,245,245,247),.04);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb,245,245,247),.24)}
.hx-club__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(var(--fg-rgb,245,245,247),.07)}
.hx-club__ic svg{width:20px;height:20px}
.hx-club__t{display:grid;gap:2px;min-width:0}
.hx-club__t b{font-size:16px;font-weight:600}
.hx-club__t small{font-size:14px;line-height:1.45;color:var(--muted,rgba(245,245,247,.68))}
.hx-club__go{flex:none;margin-inline-start:auto;opacity:.5;transition:opacity .25s ease,transform .25s ease}
.hx-club__go svg{width:16px;height:16px}
.hx-club:hover .hx-club__go{opacity:1;transform:translate(-2px,-2px)}
.hx-club--sm{margin-block-start:14px;padding:10px 12px;gap:10px;max-width:none}.hx-club--sm .hx-club__ic{width:34px;height:34px;border-radius:10px}.hx-club--sm .hx-club__t b{font-size:15px}.hx-club--sm .hx-club__t small{font-size:13px}