.elementor-2667 .elementor-element.elementor-element-bd3a51d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2667 .elementor-element.elementor-element-a95e21b{--animation-duration:1200ms;--dynamic-text-color:#C9171F;}.elementor-2667 .elementor-element.elementor-element-a95e21b .elementor-headline{text-align:center;font-weight:500;}.elementor-2667 .elementor-element.elementor-element-a95e21b .elementor-headline-dynamic-text{font-family:"Ploni", Sans-serif;font-weight:700;}.elementor-2667 .elementor-element.elementor-element-a95e21b .elementor-headline-dynamic-wrapper path{stroke-width:1px;}.elementor-2667 .elementor-element.elementor-element-017160e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2667 .elementor-element.elementor-element-7cfaacc .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2667 .elementor-element.elementor-element-51cc27b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2667 .elementor-element.elementor-element-03f2918 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2667 .elementor-element.elementor-element-c38d30a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2667 .elementor-element.elementor-element-d01abe6{--display:flex;}@media(max-width:1024px){.elementor-2667 .elementor-element.elementor-element-a95e21b .elementor-headline{font-size:6.2vw;}}@media(max-width:767px){.elementor-2667 .elementor-element.elementor-element-a95e21b .elementor-headline{font-size:40px;}}/* Start custom CSS for animated-headline, class: .elementor-element-a95e21b *//* גודל השורה הגדולה (Highlighted Text) לכל רזולוציה – משנים רק את הערכים */
.elementor-2667 .elementor-element.elementor-element-a95e21b { --dx-big-size: clamp(110px, 10.5vw, 300px); } /* דסקטופ */
@media (max-width: 1366px) { .elementor-2667 .elementor-element.elementor-element-a95e21b { --dx-big-size: clamp(110px, 13vw, 300px); } } /* לפטופ */
@media (max-width: 1024px) { .elementor-2667 .elementor-element.elementor-element-a95e21b { --dx-big-size: 13vw; } } /* טאבלט */
@media (max-width: 767px) { .elementor-2667 .elementor-element.elementor-element-a95e21b { --dx-big-size: 13vw;
} } /* מובייל */
@media (max-width: 490px) { .elementor-2667 .elementor-element.elementor-element-a95e21b { --dx-big-size: 12vw;/* End custom CSS */
/* Start custom CSS *//* סוגר בלוק @media פתוח ב-Custom CSS של הכותרת (a95e21b). אם הוא יתוקן, השורה הבאה פשוט נבלעת ב-.cc-sink ולא משפיעה */
} }
.cc-sink {}
/* הקונטיינר הישן (כותרת + עורך טקסט) מוסתר. התוכן נמצא בקונטיינר Case study שמתחתיו – אפשר למחוק את הישן בעורך ואז למחוק גם את השורה הזו */
.elementor-2667 .elementor-element-c38d30a { display: none !important; }
/* הפופאפ 242 ממרכז את כל ה-p באתר (.elementor-kit-4 p). כאן מחזירים לימין בעמוד הזה */
.elementor-2667 .e-paragraph-base { text-align: start; }

/* ===== Israel Post case study (Elementor V4 elements). Built from mockup v71. =====
   Elements carry a few global classes (ilp-*); everything else is reached by structure.
   The small "motion" HTML widget adds the movement; without it the page still lays out and shows everything. */
.elementor-2667 .elementor-element-7aa00b2a{display:none!important} /* previous case-study block */

.elementor-2667 .ilp{--ink:#0a0a0a;--soft:#5b5b63;--red:#C9171F;--red-2:#B3141B;--navy:#1B2234;--surface:#F4F2F1;--blush:#FBEDEE;--grid:#eef2f7;
  --mega:clamp(6rem,1rem + 17vw,18rem);--xl:clamp(2.5rem,.9rem + 4.6vw,5.25rem);--l:clamp(1.5rem,1.1rem + 1.1vw,2.25rem);--s:1.0625rem;
  --ease-out:cubic-bezier(0.23,1,0.32,1);--r:25px;--gut:clamp(20px,2.4vw,32px);
  display:block;width:100%;max-width:none;min-width:0;margin:0;padding:0;direction:rtl;text-align:start;
  font-family:"Ploni",system-ui,sans-serif;font-size:var(--s);line-height:1.55;font-weight:400;color:var(--ink);-webkit-font-smoothing:antialiased;
  background:transparent} /* the site's own grid paper (body, 80px) runs straight through — no second grid on top */
.elementor-2667 .ilp,.elementor-2667 .ilp *{box-sizing:border-box}
/* beats Elementor's default `.elementor .e-div-block-base{padding:10px;min-width:30px}` */
.elementor-2667 .elementor-element.ilp{padding:0;min-width:0}
.elementor-2667 .ilp :is(.e-con,.e-div-block-base){padding:0;margin:0;min-width:0;width:auto;max-width:none;border:0;cursor:auto}
.elementor-2667 .ilp :where(.e-heading-base,.e-paragraph-base){display:block;margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;text-transform:none;text-decoration:none;cursor:auto;text-shadow:none}
.elementor-2667 .ilp :where(a){color:inherit;text-decoration:none}
.elementor-2667 .ilp img,.elementor-2667 .ilp video{display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:top;border:0;border-radius:0;box-shadow:none;cursor:auto}
.elementor-2667 .ilp .ilp-wrap{max-width:1320px;margin-inline:auto;padding-inline:max(var(--gut),env(safe-area-inset-left)) max(var(--gut),env(safe-area-inset-right))}

/* ---------- 1 · intro ---------- */
.elementor-2667 .ilp .ilp-intro{display:block;padding-block:120px;margin:40px clamp(12px,1.6vw,24px) 0;background:var(--blush);border-radius:40px;overflow:hidden}
.elementor-2667 .ilp .ilp-intro > .ilp-wrap{display:grid;grid-template-columns:7fr 5fr;column-gap:calc(var(--gut) * 3);align-items:center}
/* the homepage's MS-EXPAND on the intro panel (driven by the motion widget): the panel runs edge to edge and a rounded clip
   opens from 8% / 48px to 2.5% / 0 as it scrolls in. The content column is kept inside the narrowest clip. */
.elementor-2667 .ilp .ilp-intro.xp{margin-inline:0;border-radius:0;clip-path:inset(var(--iy,48px) var(--ix,8%) round var(--rad,40px))}
@media (min-width:768px){.elementor-2667 .ilp .ilp-intro.xp > .ilp-wrap{max-width:min(1200px,84%)}}
.elementor-2667 .ilp .ilp-intro > .ilp-wrap > :first-child{display:flex;flex-direction:column;align-items:flex-start}
.elementor-2667 .ilp .ilp-words{font-size:clamp(2rem,1rem + 2.6vw,4rem);line-height:1.02;font-weight:500;letter-spacing:-.035em;color:#141416}
.elementor-2667 .ilp .ilp-intro .ilp-letters{font-size:clamp(2.75rem,1.1rem + 4.4vw,6.25rem);line-height:.95;font-weight:700;letter-spacing:-.045em;color:var(--red);margin-top:.12em}
.elementor-2667 .ilp .ilp-intro > .ilp-wrap > :first-child > :nth-child(3){font-size:1.1875rem;line-height:1.6;color:#141416;max-width:48ch;margin-top:36px;--i:2}
.elementor-2667 .ilp .ilp-stats{display:flex;gap:48px;margin-top:48px}
.elementor-2667 .ilp .ilp-stats > *{display:flex;flex-direction:column;gap:4px}
.elementor-2667 .ilp .ilp-stats > :nth-child(1){--i:3} .elementor-2667 .ilp .ilp-stats > :nth-child(2){--i:4} .elementor-2667 .ilp .ilp-stats > :nth-child(3){--i:5}
.elementor-2667 .ilp .ilp-stats > * > :first-child{font-size:var(--l);line-height:1.05;font-weight:700;color:var(--red);letter-spacing:-.02em}
.elementor-2667 .ilp .ilp-stats > * > :last-child{font-size:15px;color:var(--soft)}
.elementor-2667 .ilp .ilp-ishot{--i:2;justify-self:center;width:min(320px,100%);aspect-ratio:9/17;border-radius:22px;overflow:visible;isolation:isolate;background:#fff;container-type:size;
  /* the hero screens' own shadow (DX Hero): inner rim + a short, soft shadow in the client's red */
  box-shadow:inset 0 2px 0 rgba(243,204,206,.45),inset 0 -4px 8px rgba(131,15,20,.4),0 18px 28px -14px rgba(201,23,31,.27),0 6px 12px -4px rgba(91,10,14,.11);
  rotate:-5deg;animation:ilp-float 7s ease-in-out infinite alternate}
.elementor-2667 .ilp .ilp-ishot > :first-child{width:100%;height:100%;overflow:hidden;position:relative;z-index:-1;border-radius:inherit}
.elementor-2667 .ilp .ilp-ishot img{height:auto;object-fit:initial;animation:ilp-page-scroll 22s cubic-bezier(0.77,0,0.175,1) infinite alternate}
.elementor-2667 .ilp.paused .ilp-ishot img{animation-play-state:paused}
/* optional video in the intro screen (element "Intro screen video"): once it has a source it covers the scrolling image */
.elementor-2667 .ilp .ilp-ishot > video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:inherit}
.elementor-2667 .ilp .ilp-ishot > video:not(:has(source[src]:not([src=""]))):not([src]){display:none}
.elementor-2667 .ilp .ilp-ishot > :nth-child(n+2):not(video):not(.ilp-glow){display:none!important} /* Elementor's placeholder while the video has no file */
.elementor-2667 .ilp .ilp-ishot:has(> video source[src]:not([src=""])) > :first-child,.elementor-2667 .ilp .ilp-ishot:has(> video[src]:not([src=""])) > :first-child{display:none}
/* the hero's glow (DX Hero): a tiny live copy of what the screen shows (canvas, drawn by the motion widget), blurred underneath it.
   With the glow on, the drop shadow goes — exactly like the hero's desktop cards. */
/* the hero's PHONE-screen values (left/right 12%, top 34%, bottom -2%, saturate 1.6), with the blur scaled to this screen's width:
   the hero's 14px on a 180px phone = 7.78% of the width, so the glow keeps the same softness at any size */
.elementor-2667 .ilp .ilp-glow{position:absolute;z-index:-2;left:12%;right:12%;top:34%;bottom:-2%;border-radius:inherit;overflow:hidden;pointer-events:none;
  filter:blur(6.67cqw) saturate(1.5);opacity:0;transform:translateZ(0);transition:opacity 1.4s cubic-bezier(0.37,0,0.63,1)}
.elementor-2667 .ilp .ilp-glow.is-on{opacity:.7}
.elementor-2667 .ilp .ilp-glow canvas{display:block;width:100%;height:100%}
/* desktop uses the mobile look too (Valeria preferred it): glow + the short soft shadow together */
@keyframes ilp-page-scroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 100cqh))}}
@keyframes ilp-float{from{translate:0 0}to{translate:0 -10px}}

/* words (intro title): each word rises out of a mask */
.elementor-2667 .ilp .ilp-words .wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.elementor-2667 .ilp .ilp-words .wm > span{display:inline-block;transform:translateY(105%);transition:transform 900ms cubic-bezier(0.215,0.61,0.355,1);transition-delay:calc(var(--w) * 80ms)}
.elementor-2667 .ilp .ilp-words.in .wm > span{transform:none}
/* letters: the hero's letter entrance, then a hop on hover */
.elementor-2667 .ilp .ilp-letters .wd{display:inline-block;white-space:nowrap}
.elementor-2667 .ilp .ilp-letters .lt{display:inline-block;transform:translateY(80px);opacity:0;transition:transform 900ms cubic-bezier(0.34,1.6,0.64,1),opacity 900ms cubic-bezier(0.215,0.61,0.355,1);transition-delay:calc(var(--k) * 50ms)}
.elementor-2667 .ilp .ilp-letters.in .lt{transform:none;opacity:1}
.elementor-2667 .ilp .ilp-letters.done .lt{transition:transform 500ms cubic-bezier(0.34,1.6,0.64,1);transition-delay:calc(var(--k) * 30ms)}
.elementor-2667 .ilp .ilp-letters.done.hop .lt{transform:translateY(-8px)}
/* generic entrance */
.elementor-2667 .ilp.js .ilp-rv{opacity:0;transform:translateY(24px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out);transition-delay:calc(var(--i,0) * 75ms)}
.elementor-2667 .ilp.js .ilp-rv.in{opacity:1;transform:none}

/* ---------- 2 · challenge: one verb at a time ---------- */
.elementor-2667 .ilp .ilp-panel{position:relative;display:grid;min-height:60svh;color:var(--ink);overflow:clip;--fx:max(4vw,calc((100% - 1680px) / 2))}
.elementor-2667 .ilp .ilp-verbs > .ilp-panel:nth-child(2){background:var(--red);color:#fff}
.elementor-2667 .ilp .ilp-verbs > .ilp-panel:nth-child(3){background:var(--red-2);color:#fff}
.elementor-2667 .ilp .ilp-panel > :first-child{position:sticky;top:calc(50svh - var(--sh,300px) / 2);align-self:start;margin-block:3svh;display:flex;flex-direction:column;align-items:center;gap:36px;z-index:2}
.elementor-2667 .ilp .ilp-panel > :first-child > :first-child{text-align:center;font-size:var(--mega);line-height:.85;font-weight:700;letter-spacing:-.045em;color:var(--red)}
.elementor-2667 .ilp .ilp-verbs > .ilp-panel:nth-child(n+2) > :first-child > :first-child{color:#fff}
.elementor-2667 .ilp .ilp-panel > :first-child > :last-child{max-width:24ch;text-align:center;text-wrap:balance;font-size:var(--l);line-height:1.22;font-weight:700;letter-spacing:-.015em}
.elementor-2667 .ilp .ilp-fl{position:absolute;z-index:1;width:min(clamp(140px,11vw,200px),calc(68svh * .58 * 9 / 19));aspect-ratio:9/19;pointer-events:none;transform:rotate(var(--t,0deg));will-change:transform}
.elementor-2667 .ilp .ilp-fl.ilp-fl-desk{width:clamp(220px,17vw,320px);aspect-ratio:16/10}
.elementor-2667 .ilp .ilp-fl > *{position:relative;width:100%;height:100%;border-radius:clamp(22px,2vw,32px);overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(27,34,52,.06),0 44px 70px -36px rgba(60,0,8,.45)}
.elementor-2667 .ilp .ilp-fl.ilp-fl-desk > *{border-radius:clamp(10px,.9vw,14px)}
.elementor-2667 .ilp .ilp-fl > * img,.elementor-2667 .ilp .ilp-fl > * video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.elementor-2667 .ilp .ilp-panel > .ilp-fl:nth-child(2){inset-inline-start:var(--fx);top:9%;--t:-4deg}
.elementor-2667 .ilp .ilp-panel > .ilp-fl:nth-child(3){inset-inline-end:var(--fx);bottom:9%;--t:4deg}
.elementor-2667 .ilp .ilp-verbs > .ilp-panel:nth-child(2) > .ilp-fl:nth-child(2){top:auto;bottom:9%;--t:4deg}
.elementor-2667 .ilp .ilp-verbs > .ilp-panel:nth-child(2) > .ilp-fl:nth-child(3){bottom:auto;top:12%;--t:-3deg}
.elementor-2667 .ilp .ilp-verbs > .ilp-panel:nth-child(3) > .ilp-fl:nth-child(2) img{object-position:center 55%}
.elementor-2667 .ilp .ilp-verbs > .ilp-panel:nth-child(3) > .ilp-fl:nth-child(3) img{object-position:center 35%}
/* entrances */
.elementor-2667 .ilp.js .ilp-panel > :first-child > :first-child > span{display:inline-block;opacity:0;transform:translateY(48px) scale(.97);filter:blur(10px);transition:opacity 1100ms cubic-bezier(0.22,1,0.36,1),transform 1400ms cubic-bezier(0.22,1,0.36,1),filter 1100ms cubic-bezier(0.22,1,0.36,1)}
.elementor-2667 .ilp.js .ilp-panel > :first-child > :first-child.in > span{opacity:1;transform:none;filter:none}
.elementor-2667 .ilp.js .ilp-panel > :first-child > :last-child{opacity:0;transform:translateY(28px);transition:opacity 900ms cubic-bezier(0.215,0.61,0.355,1) 150ms,transform 1100ms cubic-bezier(0.215,0.61,0.355,1) 150ms}
.elementor-2667 .ilp.js .ilp-panel > :first-child > :last-child.in{opacity:1;transform:none}
.elementor-2667 .ilp.js .ilp-fl{opacity:0;scale:.9;transition:opacity 900ms cubic-bezier(0.22,1,0.36,1),scale 1200ms cubic-bezier(0.22,1,0.36,1)}
.elementor-2667 .ilp.js .ilp-panel > .ilp-fl:nth-child(3){transition-delay:150ms}
.elementor-2667 .ilp.js .ilp-panel.in > .ilp-fl{opacity:1;scale:1}

/* summary: a white rectangle on לשפר's red */
.elementor-2667 .ilp .ilp-verbs > :last-child{position:relative;isolation:isolate;background:var(--red-2);padding:0 0 clamp(40px,4vw,64px)}
.elementor-2667 .ilp .ilp-sum{position:relative;z-index:1;display:grid;grid-template-columns:4fr 7fr;column-gap:clamp(48px,6vw,96px);align-items:start;color:var(--ink);border-radius:40px;
  padding:120px max(clamp(28px,11vw,180px),calc((100% - 1120px) / 2)) 128px;
  background:linear-gradient(var(--g-angle,115deg),#fff calc(55% + var(--g-shift,0) * 1%),#FDF3F4 calc(100% + var(--g-shift,0) * 1%))}
.elementor-2667 .ilp .ilp-sum.xp{border-radius:0;clip-path:inset(var(--iy,48px) var(--ix,8%) round var(--rad,40px))}
.elementor-2667 .ilp .sum-glow{position:absolute;top:0;left:0;z-index:0;border-radius:48px;filter:blur(70px);pointer-events:none;will-change:transform,opacity;background:linear-gradient(90deg,#4a050a,#7a0b12)}
.elementor-2667 .ilp .ilp-sum > * > :first-child{font-size:var(--s);font-weight:500;color:var(--soft);margin-bottom:18px}
.elementor-2667 .ilp .ilp-sum > :first-child > :last-child{display:flex;flex-direction:column;gap:6px}
.elementor-2667 .ilp .ilp-sum > :first-child > :last-child > *{font-size:var(--l);line-height:1.15;font-weight:500;letter-spacing:-.015em}
.elementor-2667 .ilp .ilp-sum > :last-child > :nth-child(2){font-size:var(--l);line-height:1.2;font-weight:700;letter-spacing:-.015em;max-width:22ch}
.elementor-2667 .ilp .ilp-sum > :last-child > :nth-child(3){margin-top:28px;font-size:clamp(2.5rem,1rem + 3.4vw,4.5rem);line-height:1;font-weight:700;letter-spacing:-.035em;color:var(--red)}
.elementor-2667 .ilp .ilp-sum > :first-child > :first-child{--t:0ms} .elementor-2667 .ilp .ilp-sum > :first-child > :last-child > :nth-child(1){--t:140ms} .elementor-2667 .ilp .ilp-sum > :first-child > :last-child > :nth-child(2){--t:280ms} .elementor-2667 .ilp .ilp-sum > :first-child > :last-child > :nth-child(3){--t:420ms}
.elementor-2667 .ilp .ilp-sum > :last-child > :first-child{--t:700ms} .elementor-2667 .ilp .ilp-sum > :last-child > :nth-child(2){--t:840ms} .elementor-2667 .ilp .ilp-sum > :last-child > :nth-child(3){--t:1250ms}
.elementor-2667 .ilp.js .ilp-sq{opacity:0;transition:opacity 800ms cubic-bezier(0.33,1,0.68,1) var(--t)}
.elementor-2667 .ilp.js .ilp-sum > :last-child > :nth-child(3){transform:translateY(24px);transition:opacity 900ms cubic-bezier(0.22,1,0.36,1) var(--t),transform 1100ms cubic-bezier(0.22,1,0.36,1) var(--t)}
.elementor-2667 .ilp.js .ilp-sum.go .ilp-sq{opacity:1;transform:none}

/* ---------- 3 · what we did: horizontal gallery ---------- */
.elementor-2667 .ilp .ilp-what{display:block;padding-block:120px 40px}
.elementor-2667 .ilp .ilp-what > :first-child{height:380vh;position:relative}
.elementor-2667 .ilp .ilp-what > :first-child > :first-child{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:24px}
.elementor-2667 .ilp .ilp-what .ilp-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;width:100%}
.elementor-2667 .ilp .ilp-what .ilp-wrap > :first-child{font-size:var(--xl);line-height:.98;font-weight:700;letter-spacing:-.03em}
.elementor-2667 .ilp .ilp-hprog{display:flex;gap:8px;padding-bottom:14px}
.elementor-2667 .ilp .ilp-hprog span{width:56px;height:4px;border-radius:4px;background:rgba(10,10,10,.1);position:relative;overflow:hidden}
.elementor-2667 .ilp .ilp-hprog span::after{content:"";position:absolute;inset:0;background:var(--red);transform:scaleX(var(--f,0));transform-origin:right}
.elementor-2667 .ilp .ilp-what > :first-child > :first-child > :nth-child(2){display:flex;gap:40px;padding-inline:max(var(--gut),calc((100vw - 1320px)/2 + var(--gut)));padding-block:40px 0;will-change:transform}
.elementor-2667 .ilp .ilp-hcard{--ch:min(540px,52vh);position:relative;flex:0 0 min(1180px,80vw);height:var(--ch);border-radius:48px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:56px;padding:0 64px 0 0;background:var(--blush);color:var(--ink);isolation:isolate}
.elementor-2667 .ilp .ilp-what > :first-child > :first-child > :nth-child(2) > .ilp-hcard:nth-child(even){background:var(--red);color:#fff}
/* the card's name as a watermark rising out of the card's bottom edge: only its top part shows, cut exactly at the edge (never below the card) */
.elementor-2667 .ilp .ilp-hcard > :first-child{position:absolute;inset-inline:48px;bottom:0;height:.6em;z-index:-1;direction:rtl;text-align:start;font-size:clamp(6rem,1rem + 10vw,12.5rem);line-height:.86;font-weight:700;letter-spacing:-.05em;color:rgba(201,23,31,.06);white-space:nowrap;pointer-events:none;overflow:hidden}
.elementor-2667 .ilp .ilp-what > :first-child > :first-child > :nth-child(2) > .ilp-hcard:nth-child(even) > :first-child{color:rgba(255,255,255,.1)}
/* card type: label → title → body → services on a 12 / 20 / 32 rhythm; the title is the one loud thing */
.elementor-2667 .ilp .ilp-hcard > :nth-child(2){display:flex;flex-direction:column;align-self:center;padding-block:56px 72px}
.elementor-2667 .ilp .ilp-hcard > :nth-child(2) > :nth-child(1){font-size:16px;line-height:1.3;font-weight:600;color:var(--red);margin-bottom:12px}
.elementor-2667 .ilp .ilp-what > :first-child > :first-child > :nth-child(2) > .ilp-hcard:nth-child(even) > :nth-child(2) > :nth-child(1){color:rgba(255,255,255,.75)}
.elementor-2667 .ilp .ilp-hcard > :nth-child(2) > :nth-child(2){font-size:clamp(2rem,1.2rem + 1.9vw,3.25rem);line-height:1.04;font-weight:700;letter-spacing:-.03em;max-width:14ch;text-wrap:balance;margin-bottom:20px}
.elementor-2667 .ilp .ilp-hcard > :nth-child(2) > :nth-child(3){max-width:36ch;font-size:1.1875rem;line-height:1.55;font-weight:400;opacity:.85;text-wrap:pretty}
.elementor-2667 .ilp .ilp-hcard > :nth-child(2) > :nth-child(4){margin-top:32px;padding-top:16px;border-top:1px solid rgba(127,127,127,.2);font-size:14px;line-height:1.5;font-weight:500;opacity:.62;max-width:40ch}
.elementor-2667 .ilp .ilp-hcard > :nth-child(3){align-self:end;height:calc(var(--ch) * 1.12);width:auto;aspect-ratio:9/18;min-width:0;margin-inline-end:56px;margin-bottom:-52px;border-radius:38px;padding:9px;background:#11131a;
  box-shadow:0 50px 80px -40px rgba(60,0,8,.55);rotate:var(--rot,-4deg);translate:calc(var(--px,0px) + var(--mx,0px)) var(--my,0px); /* --px: depth while the track moves; --mx/--my: a light pull toward the mouse (motion widget) */
  transition:translate 120ms linear;animation:ilp-hfloat 6s cubic-bezier(0.37,0,0.63,1) infinite alternate}
.elementor-2667 .ilp .ilp-what > :first-child > :first-child > :nth-child(2) > .ilp-hcard:nth-child(even) > :nth-child(3){--rot:4deg}
.elementor-2667 .ilp .ilp-hcard > :nth-child(3) > *{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#fff}
.elementor-2667 .ilp .ilp-hcard > :nth-child(3) > * img,.elementor-2667 .ilp .ilp-hcard > :nth-child(3) > * video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
@keyframes ilp-hfloat{from{transform:translateY(0)}to{transform:translateY(-14px)}}

/* ---------- 4 · result ---------- */
.elementor-2667 .ilp .ilp-result{display:block;background:var(--navy);color:#fff}
.elementor-2667 .ilp .ilp-result > :first-child{height:190svh;position:relative}
.elementor-2667 .ilp .ilp-result .ilp-wrap{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center;column-gap:48px}
.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(1),.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(3){font-size:var(--xl);line-height:.98;font-weight:700;letter-spacing:-.03em}
.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(1){grid-column:1/-1;grid-row:1;align-self:end;margin-bottom:28px;text-align:center}
.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(3){grid-column:1/-1;grid-row:3;align-self:start;margin-top:24px;text-align:center}
/* "חוויה אחת." arrives on its own clock — a fixed pause after the section comes into view, not tied to the scroll.
   An animation (fill: backwards) holds it hidden during the pause; afterwards the normal letter styles take over, so the hover hop still works. */
.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(3).in .lt{animation:ilp-letter-in 900ms cubic-bezier(0.34,1.6,0.64,1) backwards;animation-delay:calc(1200ms + var(--k) * 50ms)}
@keyframes ilp-letter-in{from{transform:translateY(80px);opacity:0}to{transform:none;opacity:1}}
.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(3) .lt{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(115deg,#177EE5 0%,#FA0282 100%);background-repeat:no-repeat;background-size:var(--gw,100%) 100%;background-position:calc(var(--gx,0px) * -1) 0}
.elementor-2667 .ilp:not(.js) .ilp-result .ilp-wrap > :nth-child(3){color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(115deg,#177EE5 0%,#FA0282 100%);width:fit-content;justify-self:center}
.elementor-2667 .ilp .ilp-rframe{grid-column:2;grid-row:2;width:clamp(220px,24vw,340px);aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;position:relative;background:#fff}
.elementor-2667 .ilp .ilp-rframe > :not(.ilp-toggle){position:absolute;inset:0;opacity:0;transition:opacity 600ms var(--ease-out)}
.elementor-2667 .ilp .ilp-rframe > :not(.ilp-toggle):first-child,.elementor-2667 .ilp.js .ilp-rframe > .on{opacity:1}
.elementor-2667 .ilp.js .ilp-rframe > :not(.on):not(.ilp-toggle){opacity:0}
/* two pictures, three steps: the last picture stays on for the closing step */
.elementor-2667 .ilp.js .ilp-result[data-step="2"] .ilp-rframe > :nth-last-child(2){opacity:1}
.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(4){grid-column:3;grid-row:2;justify-self:start;align-self:center;max-width:30ch;font-size:clamp(1.125rem,.95rem + .45vw,1.375rem);line-height:1.6;color:rgba(255,255,255,.88)}
.elementor-2667 .ilp.js .ilp-result .ilp-wrap > :nth-child(4){opacity:0;transform:translateY(16px);transition:opacity 500ms var(--ease-out),transform 600ms var(--ease-out)}
.elementor-2667 .ilp.js .ilp-result[data-step="2"] .ilp-wrap > :nth-child(4){opacity:1;transform:none}
.elementor-2667 .ilp .ilp-marker{position:absolute;inset-inline:0;height:8px;visibility:hidden;pointer-events:none}
/* the two pictures swap exactly halfway through the pinned scroll.
   Scroll-driven where supported (exact, both directions); elsewhere the motion widget's step marker sits at the same point. */
.elementor-2667 .ilp .ilp-result > :first-child > .ilp-marker:nth-child(3){top:55.3%!important}
/* fade through white, centred on the middle: the first picture fades out to the white frame (35%→50%), the second fades in from it (50%→65%) */
@keyframes ilp-swap-out{0%,35%{opacity:1;animation-timing-function:cubic-bezier(0.45,0,0.55,1)}50%,100%{opacity:0}}
@keyframes ilp-swap-in{0%,50%{opacity:0;animation-timing-function:cubic-bezier(0.45,0,0.55,1)}65%,100%{opacity:1}}
/* fallback (time-based): the incoming picture waits for the outgoing one, so the frame shows white in between */
.elementor-2667 .ilp.js .ilp-rframe > .on{transition-delay:450ms}
@media (min-width:901px){@supports (animation-timeline:view()){
  .elementor-2667 .ilp .ilp-result > :first-child{view-timeline:--ilp-result block}
  .elementor-2667 .ilp .ilp-rframe > :not(.ilp-toggle){animation:ilp-swap-out linear both;animation-timeline:--ilp-result;animation-range:contain 0% contain 100%}
  .elementor-2667 .ilp .ilp-rframe > :not(.ilp-toggle) ~ :not(.ilp-toggle){animation-name:ilp-swap-in}
}}

/* ---------- 5 · close ---------- */
.elementor-2667 .ilp .ilp-close{display:block;padding-block:160px 120px}
.elementor-2667 .ilp .ilp-quote{margin-inline:auto;text-align:center;text-wrap:balance}
.elementor-2667 .ilp .ilp-quote > :first-child{display:block;font-size:clamp(1.375rem,.9rem + 1.5vw,2.5rem);line-height:1.25;font-weight:500;letter-spacing:-.02em;color:#141416;margin-bottom:.45em;text-wrap:balance}
.elementor-2667 .ilp .ilp-quote > :last-child{display:block;width:fit-content;margin-inline:auto;font-size:clamp(2.125rem,.8rem + 4.2vw,5rem);line-height:1.04;font-weight:700;letter-spacing:-.035em;text-wrap:balance;color:transparent;background-image:linear-gradient(115deg,#177EE5 0%,#FA0282 100%);-webkit-background-clip:text;background-clip:text}
.elementor-2667 .ilp .ilp-credits{--i:1;margin-top:96px;background:var(--surface);border-radius:var(--r);padding:40px;display:grid;grid-template-columns:2fr 1fr;gap:40px}
.elementor-2667 .ilp .ilp-credits > * > :first-child{color:var(--soft);margin-bottom:8px}
.elementor-2667 .ilp .ilp-credits > * > :last-child{line-height:1.6}

/* ---------- CTA band in the Morningstar gradient ---------- */
.elementor-2667 .ilp .ilp-band{position:relative;display:block;background:linear-gradient(115deg,#177EE5 0%,#FA0282 100%);color:#fff;text-decoration:none;min-height:60svh;overflow:hidden;border-radius:56px 56px 0 0;cursor:pointer}
.elementor-2667 .ilp .ilp-band > :first-child{position:absolute;top:40px;inset-inline-start:var(--gut);max-width:22ch;font-size:var(--l);line-height:1.2;font-weight:700}
.elementor-2667 .ilp .ilp-band > :last-child{position:absolute;bottom:24px;inset-inline:0;text-align:center;font-size:clamp(5.5rem,24vw,22rem);line-height:.8;font-weight:700;letter-spacing:-.05em}
/* the ↖ arrow, drawn with a mask so its fill can turn into the gradient on hover */
.elementor-2667 .ilp .ilp-band::after{content:"";position:absolute;top:32px;inset-inline-end:var(--gut);width:48px;height:48px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12 36 36M34 12H12v22'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12 36 36M34 12H12v22'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform 200ms var(--ease-out)}
.elementor-2667 .ilp .ilp-band:hover,.elementor-2667 .ilp .ilp-band:focus-visible{background:#fff;outline:none}
.elementor-2667 .ilp .ilp-band:hover > *,.elementor-2667 .ilp .ilp-band:focus-visible > *{color:transparent;background-image:linear-gradient(115deg,#177EE5 0%,#FA0282 100%);-webkit-background-clip:text;background-clip:text}
.elementor-2667 .ilp .ilp-band:hover::after,.elementor-2667 .ilp .ilp-band:focus-visible::after{background:linear-gradient(135deg,#FA0282,#177EE5)}
@media (hover:hover) and (pointer:fine){.elementor-2667 .ilp .ilp-band:hover::after{transform:translate(-4px,-4px)}}
.elementor-2667 .ilp .ilp-band:active::after{transform:translate(-6px,-6px) scale(.94)}
.elementor-2667 .ilp .ilp-band:focus-visible{outline:4px solid #FA0282;outline-offset:-8px}
.elementor-2667 .ilp.js .ilp-band > :last-child{transform:translateY(60%);transition:transform 1000ms var(--ease-out)}
.elementor-2667 .ilp.js .ilp-band.in > :last-child{transform:none}

/* pause control, injected by the motion widget */
.elementor-2667 .ilp .ilp-toggle{position:absolute;bottom:16px;inset-inline-start:16px;z-index:3;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:none;transition:transform 160ms var(--ease-out)}
.elementor-2667 .ilp .ilp-toggle:hover,.elementor-2667 .ilp .ilp-toggle:focus{background:#fff}
.elementor-2667 .ilp .ilp-toggle:active{transform:scale(.94)}
.elementor-2667 .ilp .ilp-toggle svg{width:14px;height:14px}
.elementor-2667 .ilp .ilp-toggle .play{display:none} .elementor-2667 .ilp .ilp-toggle[aria-pressed=true] .play{display:block} .elementor-2667 .ilp .ilp-toggle[aria-pressed=true] .pause{display:none}
.elementor-2667 .ilp .ilp-toggle:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.elementor-2667 .ilp .ilp-what > :first-child > :first-child > .ilp-toggle{bottom:24px;inset-inline-start:24px}
.elementor-2667 .ilp .ilp-rframe:not(:has(video)) > .ilp-toggle{display:none} /* only pictures in the frame: nothing to pause */

@media (prefers-reduced-motion:reduce){
  .elementor-2667 .ilp .ilp-letters .lt,.elementor-2667 .ilp .ilp-words .wm > span,.elementor-2667 .ilp.js .ilp-rv,.elementor-2667 .ilp.js .ilp-panel > :first-child > :first-child > span,.elementor-2667 .ilp.js .ilp-panel > :first-child > :last-child,.elementor-2667 .ilp.js .ilp-fl,.elementor-2667 .ilp.js .ilp-band > :last-child,.elementor-2667 .ilp.js .ilp-result .ilp-wrap > :nth-child(4),.elementor-2667 .ilp.js .ilp-sum > :last-child > :nth-child(3){transform:none!important;scale:1!important;filter:none!important;transition:opacity 400ms ease}
  .elementor-2667 .ilp .ilp-ishot,.elementor-2667 .ilp .ilp-ishot img,.elementor-2667 .ilp .ilp-hcard > :nth-child(3),.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(3) .lt{animation:none}
}

/* ---------- phones ---------- */
@media (max-width:900px){
  .elementor-2667 .ilp .ilp-intro{padding-block:56px 64px;margin:24px 10px 0;border-radius:28px}
  .elementor-2667 .ilp .ilp-intro > .ilp-wrap{grid-template-columns:1fr;row-gap:48px}
  .elementor-2667 .ilp .ilp-intro > .ilp-wrap > :first-child > :nth-child(3){font-size:1.0625rem;margin-top:24px}
  .elementor-2667 .ilp .ilp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
  .elementor-2667 .ilp .ilp-stats > * > :first-child{font-size:1.3125rem}
  .elementor-2667 .ilp .ilp-stats > * > :last-child{font-size:13px;line-height:1.35}
  .elementor-2667 .ilp .ilp-ishot{width:66%;rotate:-3deg}
  .elementor-2667 .ilp .ilp-panel{min-height:0;padding-block:48px 40px;display:flex;flex-direction:column;gap:20px}
  .elementor-2667 .ilp .ilp-panel > :first-child{position:static;margin:0;gap:24px;align-self:stretch}
  .elementor-2667 .ilp .ilp-panel > :first-child > :first-child{font-size:24vw;padding-inline:var(--gut)}
  .elementor-2667 .ilp .ilp-panel > :first-child > :last-child{max-width:20ch;padding-inline:var(--gut);margin-inline:auto}
  .elementor-2667 .ilp .ilp-fl{display:none}
  .elementor-2667 .ilp .ilp-verbs > :last-child{padding:0 0 24px}
  .elementor-2667 .ilp .ilp-sum{border-radius:28px;padding:64px 36px 68px;grid-template-columns:1fr;row-gap:40px}
  .elementor-2667 .ilp .ilp-sum > :last-child > :nth-child(3){font-size:2.5rem}
  .elementor-2667 .ilp .ilp-what{padding-block:88px 40px}
  .elementor-2667 .ilp .ilp-what > :first-child{height:auto}
  .elementor-2667 .ilp .ilp-what > :first-child > :first-child{position:static;height:auto;overflow:visible;gap:28px}
  .elementor-2667 .ilp .ilp-what .ilp-wrap{flex-direction:column;align-items:flex-start;gap:16px}
  .elementor-2667 .ilp .ilp-hprog{display:none}
  .elementor-2667 .ilp .ilp-what > :first-child > :first-child > :nth-child(2){transform:none!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding-inline:20px;gap:12px;scrollbar-width:none;padding-block:8px 0}
  .elementor-2667 .ilp .ilp-what > :first-child > :first-child > :nth-child(2)::-webkit-scrollbar{display:none}
  .elementor-2667 .ilp .ilp-hcard{flex:0 0 86vw;height:auto;grid-template-columns:1fr;gap:0;padding:0;scroll-snap-align:start;border-radius:28px;overflow:hidden}
  .elementor-2667 .ilp .ilp-hcard > :nth-child(2){padding:28px 24px 24px}
  .elementor-2667 .ilp .ilp-hcard > :first-child{font-size:5rem;inset-inline:20px}
  .elementor-2667 .ilp .ilp-hcard > :nth-child(3){justify-self:center;width:62%;height:auto;aspect-ratio:auto;margin:0 0 -12px;rotate:0deg!important;border-radius:30px 30px 0 0;padding:7px 7px 0;animation:none}
  .elementor-2667 .ilp .ilp-hcard > :nth-child(3) > *{border-radius:24px 24px 0 0;aspect-ratio:9/14;height:auto}
  .elementor-2667 .ilp .ilp-what > :first-child > :first-child > .ilp-toggle{position:static;margin-inline-start:20px}
  .elementor-2667 .ilp .ilp-result > :first-child{height:auto}
  .elementor-2667 .ilp .ilp-marker{display:none}
  .elementor-2667 .ilp .ilp-result .ilp-wrap{position:static;height:auto;padding-block:88px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;align-content:center;row-gap:0}
  .elementor-2667 .ilp.js .ilp-result .ilp-wrap > :nth-child(4){opacity:1;transform:none}
  .elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(1),.elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(3){font-size:12.5vw}
  .elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(1){grid-row:1;margin-bottom:16px}
  .elementor-2667 .ilp .ilp-rframe{grid-column:1;grid-row:2;width:62vw}
  .elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(3){grid-row:3}
  .elementor-2667 .ilp .ilp-result .ilp-wrap > :nth-child(4){grid-column:1;grid-row:4;justify-self:center;text-align:center;margin-top:16px;max-width:30ch}
  .elementor-2667 .ilp .ilp-close{padding-block:96px 72px}
  .elementor-2667 .ilp .ilp-credits{grid-template-columns:1fr;padding:28px 22px;margin-top:56px}
  .elementor-2667 .ilp .ilp-band{min-height:44svh;border-radius:36px 36px 0 0}
  .elementor-2667 .ilp .ilp-band > :last-child{font-size:31vw;bottom:20px}
  .elementor-2667 .ilp .ilp-band > :first-child{top:28px;max-width:12ch}
  .elementor-2667 .ilp .ilp-band::after{width:32px;height:32px;top:24px}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ploni';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-light-aaa.woff2') format('woff2'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-light-aaa.woff') format('woff'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-light-aaa.ttf') format('truetype');
}
@font-face {
	font-family: 'Ploni';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-regular-aaa.woff2') format('woff2'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-regular-aaa.woff') format('woff'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-regular-aaa.ttf') format('truetype');
}
@font-face {
	font-family: 'Ploni';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-medium-aaa.woff2') format('woff2'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-medium-aaa.woff') format('woff'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-medium-aaa.ttf') format('truetype');
}
@font-face {
	font-family: 'Ploni';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-demibold-aaa.woff2') format('woff2'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-demibold-aaa.woff') format('woff'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-demibold-aaa.ttf') format('truetype');
}
@font-face {
	font-family: 'Ploni';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-bold-aaa.woff2') format('woff2'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-bold-aaa.woff') format('woff'),
		url('https://www.mstar.co.il/wp-content/uploads/2024/12/ploni-bold-aaa.ttf') format('truetype');
}
/* End Custom Fonts CSS */