.elementor-kit-7{--e-global-color-primary:#0A1826;--e-global-color-secondary:#0D5B8A;--e-global-color-text:#3D566D;--e-global-color-accent:#45AEEE;--e-global-color-sh_ink:#060A10;--e-global-color-sh_deep:#0D1B26;--e-global-color-sh_mid:#12222F;--e-global-color-sh_pale:#E8F0F7;--e-global-color-sh_white:#FFFFFF;--e-global-color-sh_fgl:#E8EEF6;--e-global-typography-primary-font-family:"Ploni";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.04em;--e-global-typography-primary-letter-spacing:-1.2px;--e-global-typography-secondary-font-family:"Ploni";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.3px;--e-global-typography-text-font-family:"Ploni";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Ploni";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.5em;--e-global-typography-sh_display-font-family:"Ploni";--e-global-typography-sh_display-font-size:84px;--e-global-typography-sh_display-font-weight:800;--e-global-typography-sh_display-line-height:1.02em;--e-global-typography-sh_display-letter-spacing:-1.6px;--e-global-typography-sh_lede-font-family:"Ploni";--e-global-typography-sh_lede-font-size:21px;--e-global-typography-sh_lede-font-weight:500;--e-global-typography-sh_lede-line-height:1.6em;--e-global-typography-sh_eyebrow-font-family:"Ploni";--e-global-typography-sh_eyebrow-font-size:14px;--e-global-typography-sh_eyebrow-font-weight:600;--e-global-typography-sh_eyebrow-line-height:1.4em;--e-global-typography-sh_eyebrow-letter-spacing:1.1px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@font-face{font-family:Ploni;src:url(https://www.shem.tempdomain.co.il/wp-content/uploads/fonts/ploni-ultralight-aaa.woff2) format('woff2');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:Ploni;src:url(https://www.shem.tempdomain.co.il/wp-content/uploads/fonts/ploni-light-aaa.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Ploni;src:url(https://www.shem.tempdomain.co.il/wp-content/uploads/fonts/ploni-regular-aaa.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Ploni;src:url(https://www.shem.tempdomain.co.il/wp-content/uploads/fonts/ploni-medium-aaa.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Ploni;src:url(https://www.shem.tempdomain.co.il/wp-content/uploads/fonts/ploni-demibold-aaa.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Ploni;src:url(https://www.shem.tempdomain.co.il/wp-content/uploads/fonts/ploni-bold-aaa.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Ploni;src:url(https://www.shem.tempdomain.co.il/wp-content/uploads/fonts/ploni-ultrabold-aaa.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Ploni;src:url(https://www.shem.tempdomain.co.il/wp-content/uploads/fonts/ploni-black-aaa.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}

/* ═══════════ TOKENS, lifted from the static build ═══════════ */
:root{
  --ink:#060a10; --steel-900:#0a111a; --steel-850:#0e1722; --steel-800:#121e2b;
  --fg:#e8eef6; --fg-mid:#b3c1d1; --fg-muted:#8798ab;
  --hairline:rgba(120,172,216,.17); --hairline-2:rgba(120,172,216,.32);
  --brand:#0d5b8a; --brand-hi:#0f6fa8;
  --signal:#45aeee; --signal-hi:#6cc2f5; --signal-dim:rgba(69,174,238,.14);
  --r:3px; --shell:1360px; --ease:cubic-bezier(.16,1,.3,1);
}
/* Four depths of one blue. Each re-points the shared tokens rather than
   restyling components, so hairlines, muted copy and buttons follow on. */
.sh-tone-deep { background:var(--ink); }
.sh-tone-mid  { background:#0f2334;
  --hairline:rgba(129,183,228,.22); --hairline-2:rgba(129,183,228,.38); --fg-muted:#93a9bf; }
.sh-tone-pale, .sh-tone-white{
  --fg:#0a1826; --fg-mid:#3d566d; --fg-muted:#566e84;
  --signal:var(--brand);                /* #45aeee is unreadable on daylight */
  --signal-hi:#0a4a72; --signal-dim:rgba(13,91,138,.10);
  --hairline:rgba(13,91,138,.20); --hairline-2:rgba(13,91,138,.34);
  color:var(--fg);
}
.sh-tone-pale { background:#eaf1f8; }
.sh-tone-white{ background:#ffffff; }
.sh-tone-deep, .sh-tone-mid{ color:var(--fg); }
body{ font-family:Ploni, system-ui, sans-serif; }

/* ═══════════ TYPE ═══════════
   Elementor emits `.elementor-widget-heading .elementor-heading-title` for the
   kit's global typography, at the same specificity as a plain class and later
   in the cascade. Every rule here pins the widget class too, so it wins. */
.elementor-widget-heading.sh-display .elementor-heading-title{
  font-weight:800; font-size:clamp(2.3rem,5.1vw,4.5rem); line-height:1.02;
  letter-spacing:-.025em; text-wrap:balance; max-width:13em;
}
.elementor-widget-heading.sh-h2 .elementor-heading-title{
  font-weight:700; font-size:clamp(1.9rem,3.9vw,3.15rem); line-height:1.06;
  letter-spacing:-.02em; text-wrap:balance; max-width:13em;
}
.elementor-widget-heading.sh-h3 .elementor-heading-title{
  font-weight:600; font-size:clamp(1.2rem,1.7vw,1.5rem); line-height:1.25; letter-spacing:-.01em;
}
.elementor-widget-heading.sh-eyebrow .elementor-heading-title{
  font-weight:600; font-size:12.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--signal) !important; display:block;
}
.sh-tone-deep .elementor-widget-heading .elementor-heading-title,
.sh-tone-mid  .elementor-widget-heading .elementor-heading-title{ color:#e8eef6; }
.sh-tone-pale .elementor-widget-heading .elementor-heading-title,
.sh-tone-white .elementor-widget-heading .elementor-heading-title{ color:#0a1826; }
.sh-tone-deep .elementor-widget-heading.sh-eyebrow .elementor-heading-title,
.sh-tone-mid  .elementor-widget-heading.sh-eyebrow .elementor-heading-title,
.sh-tone-pale .elementor-widget-heading.sh-eyebrow .elementor-heading-title,
.sh-tone-white .elementor-widget-heading.sh-eyebrow .elementor-heading-title{ color:var(--signal); }

.elementor-widget-text-editor.sh-lede p, .sh-lede p,
.elementor-widget-text-editor.sh-body p, .sh-body p{
  font-weight:300; font-size:clamp(1.05rem,1.45vw,1.28rem); line-height:1.6;
  color:var(--fg-mid); max-width:56ch; margin:0 0 1.1em;
}
.sh-lede p:last-child, .sh-body p:last-child{ margin-bottom:0; }
.sh-muted p{ color:var(--fg-muted); max-width:62ch; }
.elementor-widget-text-editor.sh-scene p, .sh-scene p{
  font-size:clamp(21px,2.5vw,32px); line-height:1.5; font-weight:500;
  letter-spacing:-.01em; max-width:24em; color:var(--fg); margin:0 0 .7em;
}
.sh-scene p:last-child{ margin-bottom:0; }
.elementor-widget-text-editor.sh-kicker p, .sh-kicker p{
  padding-top:clamp(28px,3vw,40px); border-top:1px solid var(--hairline);
  font-size:clamp(19px,2vw,25px); line-height:1.55; font-weight:500;
  max-width:26em; color:var(--fg); margin:0;
}
.sh-clients-label p{ margin:0; font-size:13px; letter-spacing:.12em; font-weight:600;
                     color:var(--fg-muted); text-transform:uppercase; }

/* ═══════════ BUTTONS ═══════════ */
.elementor-button{
  padding:14px 26px !important; border-radius:var(--r) !important;
  border:1px solid transparent; font-weight:600 !important; font-size:16px !important;
  white-space:nowrap; transition:background .25s var(--ease), border-color .25s var(--ease);
}
.sh-btn-signal .elementor-button{ background:var(--brand-hi) !important; color:#fff !important; }
.sh-btn-signal .elementor-button:hover{ background:#1584c4 !important; }
.sh-btn-ghost .elementor-button{ background:rgba(10,17,26,.55) !important;
  border-color:var(--hairline-2) !important; color:var(--fg) !important; }
.sh-tone-pale .sh-btn-ghost .elementor-button,
.sh-tone-white .sh-btn-ghost .elementor-button{ background:transparent !important; }
.sh-btn-ghost .elementor-button:hover{ border-color:var(--brand) !important; color:var(--brand) !important; }
.sh-btn-sm .elementor-button{ padding:11px 22px !important; font-size:15px !important; }

/* ═══════════ BANDS AND GRIDS ═══════════ */
.sh-band{ padding-block:clamp(88px,11vw,168px) !important; }
.sh-band > .e-con-inner{ max-width:var(--shell); }
.sh-head{ margin-bottom:clamp(44px,5vw,72px); }
.sh-grid{ flex-wrap:wrap !important; }
.sh-gcol--aside{ flex:0 0 260px !important; width:auto !important; }
.sh-gcol--main { flex:1 1 420px !important; width:auto !important; }
.sh-values{ flex-wrap:wrap !important; }
.sh-value{ flex:1 1 220px !important; width:auto !important;
           padding:clamp(28px,3vw,44px) clamp(20px,2.4vw,38px);
           border-inline-start:1px solid var(--hairline); }
.sh-value:first-child{ border-inline-start:0; }
.sh-value .elementor-widget-text-editor p{ margin:0; }

/* ═══════════ HERO BAND ═══════════ */
.sh-hero-band{ position:relative; overflow:hidden; }
.sh-hero-pic{ position:absolute !important; inset:0; width:100%; height:100%; margin:0 !important; }
.sh-hero-pic .elementor-widget-container,.sh-hero-pic figure,.sh-hero-pic img{ width:100%; height:100%; margin:0; }
.sh-hero-pic img{ object-fit:cover; }
/* The photo is context, not content: it never wins against the headline. */
.sh-hero-band::after{ content:''; position:absolute; inset:0;
  background:linear-gradient(to left, rgba(6,10,16,.62), rgba(6,10,16,.88)); }
.sh-hero-copy{ position:relative; z-index:2; }
/* The 3D hero's act headline follows the same display scale. */
.sh-hero__title{ font-size:clamp(2.3rem,5.1vw,4.5rem) !important; line-height:1.02 !important;
                 letter-spacing:-.025em !important; }

/* ═══════════ HERO, AUTOPLAY MODE ═══════════ */
/* With the scrub off there is no 400vh scroll region to travel, so the section
   is one viewport tall and the stage stops being sticky. */
.sh-hero[data-scrub="0"]{ height:auto !important; }
/* The height comes from the widget's own control, so it is editable from the
   panel. The fallback only applies if the control was never touched. */
.sh-hero[data-scrub="0"] .sh-hero__stage{
  position:relative; height:var(--sh-hero-h, 82svh); min-height:420px;
}
.sh-hero[data-scrub="0"] .sh-hero__src{ opacity:1; }
@media (max-width:860px){
  .sh-hero[data-scrub="0"] .sh-hero__stage{ min-height:380px; }
}

/* ═══════════ SYNC CHAPTERS ═══════════ */
/* A sticky element can only travel its container height minus its own height.
   At 4/5 of a 651px column the picture was 814px tall, taller than the viewport
   minus the offset, so it unpinned and slid away before the last chapter. Cap it
   to the viewport and the whole run stays covered. */
/* Proportions taken from the static build at 1440x900: picture 558px pinned at
   210px, chapters 666px. The picture has to be SHORTER than a chapter, otherwise
   the sticky runs out of travel before the last one and drifts away from it. */
@media (min-width:901px){
  .sh-sync__grid{ align-items:start; }
  .sh-sync .sh-sync__stage{ position:sticky; top:23vh; height:62vh; min-height:380px; aspect-ratio:auto; }
  .sh-sync .sh-sync__ch{ min-height:74vh; display:flex; flex-direction:column; justify-content:center; }
}

/* ═══════════ HEADER ═══════════ */
.sh-header > .e-con-inner{ flex-wrap:nowrap; gap:24px; }
.sh-h-brand  { flex:0 0 auto !important; width:auto !important; }
.sh-h-nav    { flex:1 1 auto !important; width:auto !important; justify-content:center; }
.sh-h-actions{ flex:0 0 auto !important; width:auto !important; }
.sh-header .elementor-nav-menu{ flex-wrap:nowrap; }
.sh-header .elementor-nav-menu--main .elementor-item{ white-space:nowrap; }
.sh-tel{ color:#E8EEF6; text-decoration:none; font-weight:500; letter-spacing:.02em;
         white-space:nowrap; transition:color .25s var(--ease); }
.sh-tel:hover{ color:var(--signal); }
.sh-header .elementor-widget-text-editor p{ margin:0; }
.elementor-location-header{ position:sticky; top:0; z-index:120; }

/* ═══════════ FOOTER ═══════════ */
.sh-footer{ color:#E8EEF6; }
.sh-fgrid{ flex-wrap:wrap !important; }
.sh-fcol{ flex:1 1 150px !important; width:auto !important; min-width:150px; }
.sh-fcol--about{ flex:1 1 300px !important; min-width:260px; }
.sh-fabout{ color:rgba(232,238,246,.62); font-size:15px; line-height:1.65; max-width:34em; margin:0; }
.sh-flinks{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.sh-flinks a{ color:rgba(232,238,246,.72); text-decoration:none; font-size:15px;
              transition:color .25s var(--ease); }
.sh-flinks a:hover{ color:var(--signal); }
.sh-flegal-wrap{ border-top:1px solid rgba(232,238,246,.14); padding-top:22px !important; }
.sh-flegal{ display:flex; flex-wrap:wrap; gap:8px 26px; align-items:center;
            font-size:14px; color:rgba(232,238,246,.5); }
.sh-flegal a{ color:rgba(232,238,246,.5); text-decoration:none; }
.sh-flegal a:hover{ color:var(--signal); }
.sh-flegal__grp{ margin-inline-start:auto; }

/* ═══════════ FORM ═══════════ */
.sh-form .elementor-field-group > label{ font-size:13px; font-weight:600; letter-spacing:.03em;
  color:var(--fg-mid); margin-bottom:8px; }
.sh-form .elementor-field-textual{
  background:#fff !important; border:1px solid var(--hairline-2) !important;
  border-radius:var(--r) !important; padding:14px 16px !important; font-size:16px !important;
  font-family:Ploni, system-ui, sans-serif !important; color:#0a1826 !important;
}
.sh-form .elementor-field-textual:focus{ border-color:var(--brand) !important;
  box-shadow:0 0 0 3px var(--signal-dim) !important; outline:none; }
.sh-form .elementor-field-type-acceptance label{ font-size:14px; color:var(--fg-mid); }
.sh-form .elementor-button{ background:var(--brand-hi) !important; color:#fff !important; }

/* ═══════════ RESPONSIVE ═══════════ */
@media (max-width:1024px){
  /* One line: logo, CTA, burger. At 390px the three columns wanted 465px in a
     350px shell, which pushed the whole document sideways in RTL. */
  .sh-header > .e-con-inner{ flex-wrap:nowrap !important; align-items:center; gap:8px !important; }
  .sh-header > .e-con-inner > .e-con{ padding:0 !important; }
  .sh-h-brand  { order:1; flex:0 1 auto !important; min-width:0; }
  .sh-h-actions{ order:2; flex:0 0 auto !important; margin-inline-start:auto; }
  .sh-h-nav    { order:3; flex:0 0 auto !important; width:auto !important; }
  .sh-h-nav .elementor-widget-nav-menu,
  .sh-h-nav .elementor-nav-menu__toggle{ width:auto !important; }
  .sh-h-brand .elementor-widget-theme-site-logo, .sh-h-brand img{ width:118px !important; height:auto; }
  .sh-h-actions .elementor-widget-text-editor{ display:none; }
  .sh-h-actions .elementor-button{ padding:11px 22px !important; font-size:15px !important; }
  .sh-header{ padding:8px 14px !important; }
}
@media (max-width:900px){
  .sh-gcol--aside{ flex:1 1 100% !important; }
  .sh-grid{ gap:20px !important; }
  /* The phone pan track is width:max-content by design; without a clip it
     widens the document. clip, not hidden, so sticky still works inside. */
  .elementor-widget-shamrad-sync, .sh-sync[data-pan="1"]{ overflow-x:clip; }
}
@media (max-width:860px){
  .sh-value{ flex:1 1 100% !important; border-inline-start:0;
             border-block-start:1px solid var(--hairline); }
  .sh-value:first-child{ border-block-start:0; }
}
@media (max-width:768px){
  .sh-fcol{ flex:1 1 44% !important; }
  .sh-flegal__grp{ margin-inline-start:0; }
}
@media (max-width:380px){
  .sh-h-brand .elementor-widget-theme-site-logo, .sh-h-brand img{ width:96px !important; }
  .sh-h-actions .elementor-button{ padding:10px 16px !important; }
}/* End custom CSS */