{"id":19,"date":"2026-04-11T18:18:19","date_gmt":"2026-04-11T18:18:19","guid":{"rendered":"https:\/\/bsolution.me\/he\/?page_id=19"},"modified":"2026-04-13T21:00:31","modified_gmt":"2026-04-13T21:00:31","slug":"%d7%a8%d7%90%d7%a9%d7%99","status":"publish","type":"page","link":"https:\/\/bsolution.me\/he\/","title":{"rendered":"\u05e8\u05d0\u05e9\u05d9"},"content":{"rendered":"<style>\r\n\/* --- \u05ea\u05d7\u05d9\u05de\u05ea \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d4\u05de\u05e1\u05da \u05d4\u05e8\u05d0\u05e9\u05d9 \u05db\u05d3\u05d9 \u05dc\u05de\u05e0\u05d5\u05e2 \u05d4\u05ea\u05e0\u05d2\u05e9\u05d5\u05ea \u05d1\u05d5\u05d5\u05e8\u05d3\u05e4\u05e8\u05e1 --- *\/\r\n\/* --- \u05de\u05d5\u05d1\u05d9\u05d9\u05dc: \u05d2\u05dc\u05d9\u05dc\u05d4 \u05e8\u05d2\u05d9\u05dc\u05d4 \u05dc\u05dc\u05d0 snap --- *\/\r\n#bnet-home-wrap {\r\n  font-family: 'Heebo', system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n  direction: rtl;\r\n  color: #111827;\r\n  background: #fff;\r\n  user-select: none;\r\n  overflow-x: hidden;\r\n  overflow-y: visible;\r\n  position: relative;\r\n  height: auto;\r\n  scroll-snap-type: none;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n\/* --- \u05d3\u05e1\u05e7\u05d8\u05d5\u05e4 \u05d1\u05dc\u05d1\u05d3: scroll-snap --- *\/\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap {\r\n    overflow-y: scroll;\r\n    height: 100dvh;\r\n    scroll-snap-type: y mandatory;\r\n  }\r\n}\r\n#bnet-home-wrap * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* \u05d4\u05e2\u05db\u05d1\u05e8 \u05de\u05d5\u05e1\u05ea\u05e8 \u05e8\u05e7 \u05d1\u05ea\u05d5\u05da \u05d4\u05de\u05e2\u05d8\u05e4\u05ea \u05d4\u05d6\u05d5 \u05d1\u05de\u05d7\u05e9\u05d1 *\/\r\n@media (hover:hover) and (pointer:fine){\r\n  #bnet-home-wrap { cursor: none; }\r\n}\r\n\r\n#bnet-home-wrap #particles {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  width: 100%; height: 100%;\r\n  z-index: 0;\r\n  pointer-events: none; \/* \u05dc\u05d0 \u05dc\u05d7\u05e1\u05d5\u05dd touch events \u05d1-mobile *\/\r\n}\r\n\r\n#bnet-home-wrap .page-shell {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#bnet-home-wrap .hero {\r\n  min-height: 90svh; \/* \u05de\u05e1\u05e4\u05d9\u05e7 \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc *\/\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 28px 18px 110px;\r\n  position: relative;\r\n}\r\n\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .hero {\r\n    min-height: 100dvh;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .center-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  max-width: 900px;\r\n  width: 100%;\r\n  z-index: 1;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n#bnet-home-wrap section.is-inview .center-wrapper,\r\n#bnet-home-wrap section.is-inview .content-container {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper {\r\n  position: relative;\r\n  perspective: 800px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  margin: auto;\r\n  width: 120%;\r\n  height: 120%;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(0,0,0,.24) 0%, rgba(0,0,0,.10) 42%, rgba(0,0,0,0) 72%);\r\n  opacity: .85;\r\n  filter: blur(18px);\r\n  z-index: 0;\r\n  transition: transform .2s ease, opacity .2s ease;\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: calc(100% + 38px);\r\n  height: calc(100% + 38px);\r\n  border-radius: 999px;\r\n  border: 2px solid rgba(17,24,39,.12);\r\n  z-index: 0;\r\n  animation: pulseRing 2.4s ease-out infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n#bnet-home-wrap .logo {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 260px;\r\n  height: auto;\r\n  cursor: pointer;\r\n  transition: transform .15s ease-out, filter .25s ease, opacity .25s ease;\r\n  transform-style: preserve-3d;\r\n  filter: drop-shadow(0 10px 24px rgba(0,0,0,.16));\r\n  border-radius: 24px;\r\n  animation: logoNudge 5.2s ease-in-out infinite;\r\n}\r\n\r\n#bnet-home-wrap .logo:hover {\r\n  filter: drop-shadow(0 16px 30px rgba(0,0,0,.20));\r\n}\r\n\r\n#bnet-home-wrap .logo-cta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  max-width: 700px;\r\n}\r\n\r\n#bnet-home-wrap .click-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255,255,255,.88);\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n  border-radius: 999px;\r\n  padding: 10px 18px;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  backdrop-filter: blur(8px);\r\n  animation: badgeFloat 2.6s ease-in-out infinite;\r\n}\r\n\r\n#bnet-home-wrap .click-badge .hand {\r\n  font-size: 18px;\r\n  animation: handTap 1.2s ease-in-out infinite;\r\n  transform-origin: center;\r\n}\r\n\r\n#bnet-home-wrap .hero-title {\r\n  margin: 8px 0 0;\r\n  font-size: clamp(28px, 5vw, 52px);\r\n  line-height: 1.1;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#bnet-home-wrap .hero-subtitle {\r\n  margin: 10px 0 0;\r\n  font-size: clamp(15px, 2vw, 20px);\r\n  line-height: 1.8;\r\n  color: #4b5563;\r\n  max-width: 720px;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .hero-actions {\r\n  margin-top: 22px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#bnet-home-wrap .hero-btn,\r\n#bnet-home-wrap .tool-btn {\r\n  appearance: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  min-height: 48px;\r\n  padding: 12px 18px;\r\n  border-radius: 16px;\r\n  font-weight: 800;\r\n  font-size: 15px;\r\n  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n#bnet-home-wrap .hero-btn.primary {\r\n  background: #111827;\r\n  color: #fff;\r\n  box-shadow: 0 12px 28px rgba(17,24,39,.22);\r\n}\r\n\r\n#bnet-home-wrap .hero-btn.secondary {\r\n  background: rgba(255,255,255,.88);\r\n  color: #111827;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 10px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n#bnet-home-wrap .hero-btn:hover,\r\n#bnet-home-wrap .tool-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#bnet-home-wrap .content-section {\r\n  padding: 40px 18px;\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: auto; \/* \u05d2\u05dc\u05d9\u05dc\u05d4 \u05d7\u05d5\u05e4\u05e9\u05d9\u05ea \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc *\/\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .content-section {\r\n    min-height: 100dvh;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .content-container {\r\n  width: min(1180px, calc(100% - 24px));\r\n  margin: 0 auto;\r\n  opacity: 0;\r\n  transform: scale(0.95) translateY(40px);\r\n  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n#bnet-home-wrap .glass-card {\r\n  background: rgba(255,255,255,.84);\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,.07);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 28px;\r\n}\r\n\r\n#bnet-home-wrap .about-card {\r\n  padding: 30px 22px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#bnet-home-wrap .section-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  background: #f3f4f6;\r\n  color: #111827;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#bnet-home-wrap .section-title {\r\n  margin: 0 0 12px;\r\n  font-size: clamp(24px, 4vw, 38px);\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#bnet-home-wrap .section-text {\r\n  margin: 0;\r\n  color: #4b5563;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .stats-grid {\r\n  margin-top: 22px;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n#bnet-home-wrap .stat-box {\r\n  padding: 18px 16px;\r\n  border-radius: 22px;\r\n  background: #f9fafb;\r\n  border: 1px solid rgba(17,24,39,.06);\r\n}\r\n\r\n#bnet-home-wrap .stat-num {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n#bnet-home-wrap .stat-label {\r\n  color: #6b7280;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  font-weight: 700;\r\n}\r\n\r\n#bnet-home-wrap .features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n  margin-top: 22px;\r\n}\r\n\r\n#bnet-home-wrap .feature-card {\r\n  padding: 22px 18px;\r\n  border-radius: 24px;\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 12px 28px rgba(0,0,0,.05);\r\n}\r\n\r\n#bnet-home-wrap .feature-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 16px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 24px;\r\n  margin-bottom: 12px;\r\n  background: #f3f4f6;\r\n}\r\n\r\n#bnet-home-wrap .feature-title {\r\n  margin: 0 0 8px;\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n}\r\n\r\n#bnet-home-wrap .feature-text {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  color: #6b7280;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .tools-section {\r\n  padding-bottom: 60px;\r\n}\r\n\r\n#bnet-home-wrap .tools-card {\r\n  padding: 30px 22px;\r\n  position: relative;\r\n}\r\n\r\n#bnet-home-wrap .tools-header {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: end;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#bnet-home-wrap .tools-header p {\r\n  margin: 0;\r\n  color: #6b7280;\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  font-weight: 500;\r\n  max-width: 680px;\r\n}\r\n\r\n#bnet-home-wrap .tools-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 12px;\r\n}\r\n\r\n\/* --- \u05e7\u05d5\u05d1\u05d9\u05d5\u05ea \u05db\u05dc\u05d9\u05dd \u05e7\u05d5\u05de\u05e4\u05e7\u05d8\u05d9\u05d5\u05ea (\u05d0\u05d9\u05de\u05d5\u05d2'\u05d9 + \u05db\u05d5\u05ea\u05e8\u05ea \u05d1\u05e9\u05d5\u05e8\u05d4) --- *\/\r\n#bnet-home-wrap .tool-card {\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 6px 16px rgba(0,0,0,.05);\r\n  border-radius: 16px;\r\n  padding: 12px 14px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: 0;\r\n  text-align: right;\r\n  min-height: 0;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n#bnet-home-wrap .tool-card:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 22px rgba(0,0,0,.09);\r\n  background: #f9fafb;\r\n}\r\n\r\n#bnet-home-wrap .tool-top {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n}\r\n\r\n#bnet-home-wrap .tool-emoji {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #f3f4f6;\r\n  font-size: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n#bnet-home-wrap .tool-name {\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  flex: 1;\r\n}\r\n\r\n\/* \u05ea\u05d9\u05d0\u05d5\u05e8 \u05de\u05d5\u05e1\u05ea\u05e8 \u05dc\u05d2\u05de\u05e8\u05d9 *\/\r\n#bnet-home-wrap .tool-desc {\r\n  display: none;\r\n}\r\n\r\n\/* \u05db\u05e4\u05ea\u05d5\u05e8 \"\u05e4\u05ea\u05d7 \u05db\u05dc\u05d9\" \u05de\u05d5\u05e1\u05ea\u05e8 \u2014 \u05db\u05dc \u05d4\u05e7\u05d5\u05d1\u05d9\u05d4 \u05d4\u05d9\u05d0 \u05e7\u05d9\u05e9\u05d5\u05e8 *\/\r\n#bnet-home-wrap .tool-btn-hidden {\r\n  display: none;\r\n}\r\n\r\n#bnet-home-wrap .tool-btn {\r\n  background: #111827;\r\n  color: #fff;\r\n  width: max-content;\r\n  box-shadow: 0 10px 22px rgba(17,24,39,.16);\r\n}\r\n\r\n\/* --- \u05ea\u05d7\u05ea\u05d9\u05ea \u05e7\u05d8\u05e2 \u05d4\u05db\u05dc\u05d9\u05dd \u05e2\u05dd \u05db\u05e4\u05ea\u05d5\u05e8 \u05db\u05dc \u05d4\u05db\u05dc\u05d9\u05dd --- *\/\r\n#bnet-home-wrap .tools-footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 18px;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n#bnet-home-wrap .all-tools-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: #111827;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 14px;\r\n  padding: 11px 18px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: transform .18s ease, box-shadow .18s ease;\r\n  box-shadow: 0 8px 20px rgba(17,24,39,.18);\r\n  text-decoration: none;\r\n  font-family: inherit;\r\n}\r\n\r\n#bnet-home-wrap .all-tools-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 26px rgba(17,24,39,.24);\r\n}\r\n\r\n\/* --- \u05de\u05d5\u05d1\u05d9\u05d9\u05dc: \u05d4\u05e1\u05ea\u05e8\u05ea \u05e7\u05d5\u05d1\u05d9\u05d5\u05ea \u05de\u05e2\u05d1\u05e8 \u05dc-4 --- *\/\r\n@media (max-width: 600px) {\r\n  #bnet-home-wrap .tools-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n  #bnet-home-wrap .tool-card.hidden-mobile {\r\n    display: none;\r\n  }\r\n  #bnet-home-wrap .tool-card.hidden-mobile.shown {\r\n    display: flex;\r\n  }\r\n  #bnet-home-wrap .show-more-tools {\r\n    display: inline-flex;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .show-more-tools {\r\n  display: none;\r\n  align-items: center;\r\n  gap: 6px;\r\n  background: transparent;\r\n  border: 1.5px solid rgba(17,24,39,.15);\r\n  color: #111827;\r\n  border-radius: 12px;\r\n  padding: 9px 16px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  transition: background .18s ease;\r\n}\r\n\r\n#bnet-home-wrap .show-more-tools:hover {\r\n  background: #f3f4f6;\r\n}\r\n\r\n#bnet-home-wrap .mini-links {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 18px;\r\n}\r\n\r\n#bnet-home-wrap .mini-link {\r\n  text-decoration: none;\r\n  color: #111827;\r\n  background: #f9fafb;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  border-radius: 999px;\r\n  padding: 10px 14px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n#bnet-home-wrap .mini-link:hover {\r\n  transform: translateY(-2px);\r\n  background: #f3f4f6;\r\n}\r\n\r\n\/* \u05e2\u05d9\u05d2\u05d5\u05dc \u05d4\u05e2\u05db\u05d1\u05e8 \u05d4\u05ea\u05d5\u05d5\u05e1\u05e3 \u05dc\u05d4\u05d9\u05d5\u05ea \u05de\u05de\u05d5\u05e7\u05dd \u05d1-Fixed \u05d0\u05da \u05d9\u05d9\u05d8\u05e2\u05df \u05e8\u05e7 \u05d3\u05e8\u05da \u05e1\u05e7\u05e8\u05d9\u05e4\u05d8 \u05db\u05d3\u05d9 \u05dc\u05d0 \u05dc\u05d4\u05ea\u05e0\u05d2\u05e9 *\/\r\n#cursorCircle {\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  width: 40px; height: 40px;\r\n  background: rgba(0,0,0,.5);\r\n  border: 2px solid #000;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 999999;\r\n  box-shadow: 0 0 20px rgba(0,0,0,.6);\r\n  transition: transform .08s linear;\r\n  display: none; \/* \u05db\u05d1\u05e8\u05d9\u05e8\u05ea \u05de\u05d7\u05d3\u05dc \u05e0\u05e1\u05ea\u05e8 \u05e2\u05d3 \u05e9\u05d4\u05d2'\u05d0\u05d5\u05d5\u05d4\u05e1\u05e7\u05e8\u05d9\u05e4\u05d8 \u05de\u05e2\u05d5\u05e8\u05e8 \u05d0\u05d5\u05ea\u05d5 *\/\r\n}\r\n\r\n@media (hover:none), (pointer:coarse){\r\n  #cursorCircle{ display: none !important; }\r\n}\r\n\r\n@media (max-width:980px){\r\n  #bnet-home-wrap .features-grid,\r\n  #bnet-home-wrap .stats-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\r\n@media (max-width:600px){\r\n  #bnet-home-wrap .logo { max-width: 210px; }\r\n  #bnet-home-wrap .hero { padding: 24px 14px 105px; }\r\n  #bnet-home-wrap .about-card,\r\n  #bnet-home-wrap .tools-card {\r\n    padding: 24px 16px;\r\n    border-radius: 22px;\r\n  }\r\n  #bnet-home-wrap .feature-card,\r\n  #bnet-home-wrap .tool-card { border-radius: 20px; }\r\n  #bnet-home-wrap .features-grid,\r\n  #bnet-home-wrap .tools-grid,\r\n  #bnet-home-wrap .stats-grid { grid-template-columns: 1fr; }\r\n  #bnet-home-wrap .hero-actions { width: 100%; }\r\n  #bnet-home-wrap .hero-btn { width: 100%; }\r\n  #bnet-home-wrap .click-badge { font-size: 14px; padding: 9px 14px; }\r\n}\r\n\r\n@keyframes logoNudge {\r\n  0%, 84%, 100% { transform: translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1); }\r\n  86% { transform: translate3d(-3px,0,0) rotateZ(-2deg) scale(1.02); }\r\n  88% { transform: translate3d(4px,0,0) rotateZ(2deg) scale(1.03); }\r\n  90% { transform: translate3d(-4px,0,0) rotateZ(-2deg) scale(1.03); }\r\n  92% { transform: translate3d(3px,0,0) rotateZ(1deg) scale(1.02); }\r\n  94% { transform: translate3d(0,0,0) rotateZ(0deg) scale(1.01); }\r\n}\r\n\r\n@keyframes pulseRing {\r\n  0% { transform: scale(.94); opacity: .85; }\r\n  70% { transform: scale(1.08); opacity: 0; }\r\n  100% { transform: scale(1.08); opacity: 0; }\r\n}\r\n\r\n@keyframes badgeFloat {\r\n  0%,100% { transform: translateY(0); }\r\n  50% { transform: translateY(-4px); }\r\n}\r\n\r\n@keyframes handTap {\r\n  0%,100% { transform: translateY(0) rotate(0deg); }\r\n  50% { transform: translateY(2px) rotate(-10deg); }\r\n}\r\n\r\n\/* --- \u05de\u05d0\u05de\u05e8\u05d9\u05dd: \u05e1\u05dc\u05d9\u05d9\u05d3\u05e8 \u05d0\u05d5\u05e4\u05e7\u05d9 \u05d5\u05e4\u05d5\u05e1\u05d8\u05d9\u05dd \u05de\u05d5\u05de\u05dc\u05e6\u05d9\u05dd --- *\/\r\n#bnet-home-wrap .posts-slider-container {\r\n  display: flex;\r\n  gap: 16px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  padding-bottom: 24px;\r\n  -webkit-overflow-scrolling: touch;\r\n  scrollbar-width: thin;\r\n  scrollbar-color: rgba(17,24,39,.15) transparent;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar {\r\n  height: 6px;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar-thumb {\r\n  background-color: rgba(17,24,39,.15);\r\n  border-radius: 999px;\r\n}\r\n#bnet-home-wrap .posts-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n}\r\n#bnet-home-wrap .post-card {\r\n  flex: 0 0 280px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 12px 28px rgba(0,0,0,.05);\r\n  border-radius: 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  transition: transform .18s ease, box-shadow .18s ease;\r\n  height: 100%;\r\n}\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .post-card {\r\n    flex: 0 0 320px;\r\n  }\r\n}\r\n#bnet-home-wrap .post-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 18px 34px rgba(0,0,0,.08);\r\n}\r\n#bnet-home-wrap .post-thumb {\r\n  width: 100%;\r\n  height: 160px;\r\n  object-fit: cover;\r\n  background: #f3f4f6;\r\n}\r\n#bnet-home-wrap .post-content {\r\n  padding: 18px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n#bnet-home-wrap .post-date {\r\n  font-size: 12px;\r\n  color: #6b7280;\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n#bnet-home-wrap .post-title {\r\n  margin: 0 0 8px;\r\n  font-size: 16px;\r\n  line-height: 1.35;\r\n  font-weight: 800;\r\n  color: #111827;\r\n}\r\n#bnet-home-wrap .post-excerpt {\r\n  margin: 0 0 14px;\r\n  color: #6b7280;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n  flex: 1;\r\n}\r\n#bnet-home-wrap .read-more-btn {\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n#bnet-home-wrap .read-more-btn::after {\r\n  content: \"\u2190\";\r\n  transition: transform .15s ease;\r\n}\r\n#bnet-home-wrap .read-more-btn:hover::after {\r\n  transform: translateX(-4px);\r\n}\r\n@media (max-width:980px){\r\n  #bnet-home-wrap .posts-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n@media (max-width:600px){\r\n  #bnet-home-wrap .posts-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- \u05e0\u05ea\u05d5\u05e0\u05d9 Schema \u05dc\u05e9\u05d9\u05e4\u05d5\u05e8 \u05d4-SEO \u05e9\u05dc \u05e2\u05de\u05d5\u05d3 \u05d4\u05d1\u05d9\u05ea -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"WebPage\",\r\n  \"name\": \"\u05de\u05e8\u05db\u05d6 \u05d4\u05db\u05dc\u05d9\u05dd - Bsolution\",\r\n  \"description\": \"\u05de\u05e8\u05db\u05d6 \u05d4\u05db\u05dc\u05d9\u05dd \u05e9\u05dc Bsolution. \u05de\u05d2\u05d5\u05d5\u05df \u05e8\u05d7\u05d1 \u05e9\u05dc \u05db\u05dc\u05d9\u05dd \u05d7\u05d9\u05e0\u05de\u05d9\u05d9\u05dd \u05e9\u05e0\u05d5\u05e2\u05d3\u05d5 \u05dc\u05d7\u05e1\u05d5\u05da \u05d6\u05de\u05df, \u05dc\u05e4\u05e9\u05d8 \u05de\u05e9\u05d9\u05de\u05d5\u05ea \u05d5\u05dc\u05e2\u05d6\u05d5\u05e8 \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd.\"\r\n}\r\n<\/script>\r\n\r\n<div id=\"bnet-home-wrap\">\r\n  <canvas id=\"particles\"><\/canvas>\r\n  <div id=\"cursorCircle\"><\/div>\r\n\r\n  <div class=\"page-shell\">\r\n    <section class=\"hero\">\r\n      <div class=\"center-wrapper\">\r\n        <div class=\"logo-wrapper\">\r\n          <img decoding=\"async\" src=\"http:\/\/bsolution.me\/\u05dc\u05d5\u05d2\u05d5 PNG.png\" alt=\"Bsolution\" class=\"logo\" id=\"mainLogoTrigger\" data-bsolution-tools-trigger=\"true\">\r\n        <\/div>\r\n\r\n        <div class=\"logo-cta\">\r\n          <div class=\"click-badge\">\r\n            <span class=\"hand\">\ud83d\udc46<\/span>\r\n            <span>\u05dc\u05d7\u05e6\u05d5 \u05e2\u05dc \u05d4\u05dc\u05d5\u05d2\u05d5 \u05db\u05d3\u05d9 \u05dc\u05e4\u05ea\u05d5\u05d7 \u05d0\u05ea \u05ea\u05e4\u05e8\u05d9\u05d8 \u05d4\u05db\u05dc\u05d9\u05dd<\/span>\r\n          <\/div>\r\n\r\n          <h2 class=\"hero-title\">\u05de\u05e8\u05db\u05d6 \u05d4\u05db\u05dc\u05d9\u05dd \u05e9\u05dc Bsolution<\/h2>\r\n          <p class=\"hero-subtitle\">\r\n            \u05dc\u05d5\u05d7\u05e6\u05d9\u05dd \u05e2\u05dc \u05d4\u05dc\u05d5\u05d2\u05d5 \u05d1\u05de\u05e8\u05db\u05d6 \u05d5\u05e4\u05d5\u05ea\u05d7\u05d9\u05dd \u05d2\u05d9\u05e9\u05d4 \u05de\u05d4\u05d9\u05e8\u05d4 \u05dc\u05e2\u05e9\u05e8\u05d5\u05ea \u05db\u05dc\u05d9\u05dd \u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05d9\u05dd, \u05d7\u05d9\u05e0\u05de\u05d9\u05d9\u05dd \u05d5\u05e0\u05d5\u05d7\u05d9\u05dd \u05dc\u05e2\u05d1\u05d5\u05d3\u05d4 \u05d9\u05d5\u05de\u05d9\u05d5\u05de\u05d9\u05ea, \u05e9\u05d9\u05d5\u05d5\u05e7, \u05ea\u05d5\u05db\u05df, \u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd, \u05d7\u05d9\u05e9\u05d5\u05d1\u05d9\u05dd, \u05e7\u05d1\u05e6\u05d9\u05dd \u05d5\u05e2\u05d5\u05d3.\r\n          <\/p>\r\n\r\n          <div class=\"hero-actions\">\r\n            <!-- \u05db\u05e4\u05ea\u05d5\u05e8 \u05dc\u05e4\u05ea\u05d9\u05d7\u05ea \u05ea\u05e4\u05e8\u05d9\u05d8 \u05d4\u05db\u05dc\u05d9\u05dd -->\r\n            <button class=\"hero-btn primary\" id=\"openMenuBtn\" type=\"button\" data-bsolution-tools-trigger=\"true\">\u05e4\u05ea\u05d7 \u05ea\u05e4\u05e8\u05d9\u05d8 \u05db\u05dc\u05d9\u05dd<\/button>\r\n            <a class=\"hero-btn secondary\" href=\"#about-site\">\u05d2\u05dc\u05d5 \u05de\u05d4 \u05d9\u05e9 \u05d1\u05d0\u05ea\u05e8<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section\" id=\"about-site\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card about-card\">\r\n          <div class=\"section-kicker\">\u2728 \u05de\u05d4 \u05de\u05d7\u05db\u05d4 \u05dc\u05db\u05dd \u05db\u05d0\u05df<\/div>\r\n          <h2 class=\"section-title\">\u05d0\u05ea\u05e8 \u05db\u05dc\u05d9\u05dd \u05e9\u05de\u05e8\u05db\u05d6 \u05d1\u05de\u05e7\u05d5\u05dd \u05d0\u05d7\u05d3 \u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05de\u05d4\u05d9\u05e8\u05d9\u05dd \u05d5\u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05d9\u05dd<\/h2>\r\n          <p class=\"section-text\">\r\n            \u05d1\u05d0\u05ea\u05e8 \u05ea\u05de\u05e6\u05d0\u05d5 \u05de\u05d2\u05d5\u05d5\u05df \u05e8\u05d7\u05d1 \u05e9\u05dc \u05db\u05dc\u05d9\u05dd \u05d7\u05d9\u05e0\u05de\u05d9\u05d9\u05dd \u05e9\u05e0\u05d5\u05e2\u05d3\u05d5 \u05dc\u05d7\u05e1\u05d5\u05da \u05d6\u05de\u05df, \u05dc\u05e4\u05e9\u05d8 \u05de\u05e9\u05d9\u05de\u05d5\u05ea \u05d5\u05dc\u05e2\u05d6\u05d5\u05e8 \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd, \u05de\u05e9\u05d5\u05d5\u05e7\u05d9\u05dd, \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d5\u05d1\u05e2\u05dc\u05d9 \u05d0\u05ea\u05e8\u05d9\u05dd \u05dc\u05e2\u05d1\u05d5\u05d3 \u05de\u05d4\u05e8 \u05d9\u05d5\u05ea\u05e8. \u05d9\u05e9 \u05db\u05d0\u05df \u05db\u05dc\u05d9 \u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd, \u05db\u05dc\u05d9 \u05e7\u05d1\u05e6\u05d9\u05dd, \u05db\u05dc\u05d9 \u05d7\u05d9\u05e9\u05d5\u05d1, \u05de\u05d7\u05d5\u05dc\u05dc\u05d9\u05dd, \u05d4\u05de\u05e8\u05d5\u05ea, \u05db\u05dc\u05d9\u05dd \u05dc\u05ea\u05d5\u05db\u05df \u05d5\u05db\u05dc\u05d9\u05dd \u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05d9\u05dd \u05dc\u05e2\u05d1\u05d5\u05d3\u05d4 \u05e9\u05d5\u05d8\u05e4\u05ea \u05d1\u05d3\u05e4\u05d3\u05e4\u05df.\r\n          <\/p>\r\n\r\n          <div class=\"stats-grid\">\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">\u05d7\u05d9\u05e0\u05dd<\/div>\r\n              <div class=\"stat-label\">\u05db\u05dc\u05d9\u05dd \u05d6\u05de\u05d9\u05e0\u05d9\u05dd \u05dc\u05e9\u05d9\u05de\u05d5\u05e9 \u05de\u05d4\u05d9\u05e8 \u05d5\u05e0\u05d5\u05d7 \u05d1\u05d3\u05e4\u05d3\u05e4\u05df<\/div>\r\n            <\/div>\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">\u05de\u05d4\u05d9\u05e8<\/div>\r\n              <div class=\"stat-label\">\u05dc\u05d7\u05d9\u05e6\u05d4, \u05e9\u05d9\u05de\u05d5\u05e9 \u05d5\u05ea\u05d5\u05e6\u05d0\u05d4 \u05d1\u05dc\u05d9 \u05dc\u05d4\u05e1\u05ea\u05d1\u05da<\/div>\r\n            <\/div>\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">\u05e0\u05d5\u05d7<\/div>\r\n              <div class=\"stat-label\">\u05de\u05de\u05e9\u05e7 \u05d1\u05e8\u05d5\u05e8 \u05e9\u05de\u05ea\u05d0\u05d9\u05dd \u05d2\u05dd \u05dc\u05de\u05d5\u05d1\u05d9\u05d9\u05dc \u05d5\u05d2\u05dd \u05dc\u05de\u05d7\u05e9\u05d1<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"features-grid\">\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83d\udd17<\/div>\r\n              <h3 class=\"feature-title\">\u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd \u05d5\u05d4\u05e4\u05e0\u05d9\u05d5\u05ea<\/h3>\r\n              <p class=\"feature-text\">\u05de\u05d7\u05d5\u05dc\u05dc\u05d9 \u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd, \u05e4\u05e8\u05de\u05d8\u05e8\u05d9\u05dd, \u05d4\u05d5\u05d3\u05e2\u05d5\u05ea \u05de\u05d5\u05db\u05e0\u05d5\u05ea \u05d5\u05db\u05dc\u05d9\u05dd \u05e9\u05e2\u05d5\u05d6\u05e8\u05d9\u05dd \u05dc\u05d4\u05e4\u05d5\u05da \u05db\u05e0\u05d9\u05e1\u05d5\u05ea \u05dc\u05dc\u05d9\u05d3\u05d9\u05dd \u05d5\u05e4\u05e2\u05d5\u05dc\u05d5\u05ea.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83e\uddee<\/div>\r\n              <h3 class=\"feature-title\">\u05de\u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05dd \u05d5\u05db\u05dc\u05d9 \u05e2\u05d6\u05e8<\/h3>\r\n              <p class=\"feature-text\">\u05db\u05dc\u05d9\u05dd \u05dc\u05d7\u05d9\u05e9\u05d5\u05d1, \u05d1\u05d3\u05d9\u05e7\u05d4, \u05d4\u05e9\u05d5\u05d5\u05d0\u05d4 \u05d5\u05ea\u05db\u05e0\u05d5\u05df \u05de\u05d4\u05d9\u05e8 \u05d1\u05de\u05d2\u05d5\u05d5\u05df \u05ea\u05d7\u05d5\u05de\u05d9\u05dd \u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05d9\u05dd \u05dc\u05e2\u05e1\u05e7 \u05d5\u05dc\u05e2\u05d1\u05d5\u05d3\u05d4 \u05d9\u05d5\u05de\u05d9\u05d5\u05de\u05d9\u05ea.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83d\udcc4<\/div>\r\n              <h3 class=\"feature-title\">\u05e7\u05d1\u05e6\u05d9\u05dd, \u05d8\u05e7\u05e1\u05d8 \u05d5\u05ea\u05d5\u05db\u05df<\/h3>\r\n              <p class=\"feature-text\">\u05db\u05dc\u05d9\u05dd \u05e9\u05e7\u05e9\u05d5\u05e8\u05d9\u05dd \u05dc\u05e7\u05d1\u05e6\u05d9\u05dd, \u05e7\u05e8\u05d9\u05d0\u05d4, \u05d9\u05e6\u05d9\u05e8\u05d4, \u05e6\u05e4\u05d9\u05d9\u05d4 \u05de\u05d4\u05d9\u05e8\u05d4 \u05d5\u05d9\u05d9\u05e2\u05d5\u05dc \u05e2\u05d1\u05d5\u05d3\u05d4 \u05e2\u05dd \u05ea\u05d5\u05db\u05df \u05d5\u05d0\u05ea\u05e8\u05d9\u05dd.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section tools-section\" id=\"popular-tools\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card tools-card\">\r\n          <div class=\"tools-header\">\r\n            <div>\r\n              <div class=\"section-kicker\">\ud83d\udd25 \u05db\u05dc\u05d9\u05dd \u05e0\u05e4\u05d5\u05e6\u05d9\u05dd<\/div>\r\n              <h2 class=\"section-title\">\u05db\u05e4\u05ea\u05d5\u05e8\u05d9\u05dd \u05de\u05d4\u05d9\u05e8\u05d9\u05dd \u05dc\u05db\u05dc\u05d9\u05dd \u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05d9\u05dd \u05d1\u05de\u05d9\u05d5\u05d7\u05d3<\/h2>\r\n            <\/div>\r\n            <p>\r\n              \u05d4\u05e0\u05d4 \u05e7\u05d9\u05e6\u05d5\u05e8\u05d9\u05dd \u05d9\u05e9\u05d9\u05e8\u05d9\u05dd \u05dc\u05db\u05de\u05d4 \u05de\u05d4\u05db\u05dc\u05d9\u05dd \u05d4\u05e4\u05d5\u05e4\u05d5\u05dc\u05e8\u05d9\u05d9\u05dd \u05d1\u05d0\u05ea\u05e8. \u05d0\u05e4\u05e9\u05e8 \u05d2\u05dd \u05dc\u05e4\u05ea\u05d5\u05d7 \u05d0\u05ea \u05d4\u05ea\u05e4\u05e8\u05d9\u05d8 \u05de\u05d4\u05dc\u05d5\u05d2\u05d5 \u05d5\u05dc\u05d2\u05dc\u05d5\u05ea \u05db\u05dc\u05d9\u05dd \u05e0\u05d5\u05e1\u05e4\u05d9\u05dd.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"tools-grid\" id=\"quickToolsGrid\">\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/he\/currency-comparison-4\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83d\udcb2<\/div>\r\n                <h3 class=\"tool-name\">\u05d4\u05e9\u05d5\u05d5\u05d0\u05ea \u05de\u05d8\u05d1\u05e2\u05d5\u05ea \u05d5\u05e7\u05e8\u05d9\u05e4\u05d8\u05d5 \u05e2\u05d5\u05dc\u05de\u05d9\u05ea<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/he\/simple-calculator\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83e\uddee<\/div>\r\n                <h3 class=\"tool-name\">\ud83e\uddee \u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8\u05d9 \u05e4\u05e9\u05d5\u05d8<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/he\/tax-calculator\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83e\uddfe<\/div>\r\n                <h3 class=\"tool-name\">\u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05de\u05e1 \u05d5\u05de\u05e2\u05f4\u05de \u05dc\u05e2\u05e1\u05e7\u05d0\u05d5\u05ea<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/he\/area-volume-calculator\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83d\udcd0<\/div>\r\n                <h3 class=\"tool-name\">\ud83d\udcd0 \u05d7\u05d9\u05e9\u05d5\u05d1 \u05e9\u05d8\u05d7 \u05d5\u05e0\u05e4\u05d7<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card hidden-mobile\" href=\"https:\/\/bsolution.me\/he\/animated-background\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83d\udd27<\/div>\r\n                <h3 class=\"tool-name\">\ud83c\udfa8 \u05de\u05d7\u05d5\u05dc\u05dc \u05e8\u05e7\u05e2 \u05de\u05d5\u05e0\u05e4\u05e9 \u05dc\u05d0\u05ea\u05e8\u05d9\u05dd<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card hidden-mobile\" href=\"https:\/\/bsolution.me\/he\/color-studio\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83c\udfa8<\/div>\r\n                <h3 class=\"tool-name\">\ud83c\udfa8 \u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05e6\u05d1\u05e2\u05d9\u05dd \u05de\u05ea\u05e7\u05d3\u05dd<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                      <\/div>\r\n\r\n          <div class=\"tools-footer\">\r\n            <button class=\"all-tools-btn\" type=\"button\" data-bsolution-tools-trigger=\"true\">\ud83e\uddf0 \u05db\u05dc \u05d4\u05db\u05dc\u05d9\u05dd<\/button>\r\n            <button class=\"show-more-tools\" id=\"showMoreToolsBtn\" type=\"button\">\u05d4\u05e6\u05d2 \u05e2\u05d5\u05d3 \u25be<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section featured-posts-section\" id=\"featured-posts\" style=\"padding-bottom:120px;\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card tools-card\">\r\n          <div class=\"tools-header\">\r\n            <div>\r\n              <div class=\"section-kicker\">\u2b50 \u05de\u05d5\u05de\u05dc\u05e6\u05d9\u05dd<\/div>\r\n              <h2 class=\"section-title\">\u05de\u05d0\u05de\u05e8\u05d9\u05dd \u05e9\u05d0\u05ea\u05dd \u05e4\u05e9\u05d5\u05d8 \u05d7\u05d9\u05d9\u05d1\u05d9\u05dd \u05dc\u05e7\u05e8\u05d5\u05d0<\/h2>\r\n            <\/div>\r\n            <p>\u05de\u05d0\u05de\u05e8\u05d9\u05dd, \u05de\u05d3\u05e8\u05d9\u05db\u05d9\u05dd \u05d5\u05ea\u05d5\u05db\u05df \u05d0\u05d9\u05db\u05d5\u05ea\u05d9 \u05e9\u05e0\u05d1\u05d7\u05e8 \u05d1\u05e7\u05e4\u05d9\u05d3\u05d4 \u05e2\u05d1\u05d5\u05e8\u05db\u05dd.<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"posts-grid\">\r\n                        <article class=\"post-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/bsolution.me\/he\/wp-content\/uploads\/sites\/2\/2026\/05\/\u05e7\u05d5\u05d3-qr-\u05d1\u05d3\u05dc\u05e4\u05e7-\u05db\u05db\u05dc\u05d9-\u05e9\u05d9\u05d5\u05d5\u05e7\u05d9-300x167.jpg\" alt=\"\u05db\u05d9\u05e6\u05d3 \u05e9\u05d9\u05d5\u05d5\u05e7 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea QR \u05e7\u05d5\u05d3 \u05de\u05d9\u05d9\u05e2\u05dc \u05d0\u05ea \u05d4\u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d5\u05ea \u05d4\u05e2\u05e1\u05e7\u05d9\u05d5\u05ea\" class=\"post-thumb\" loading=\"lazy\">\r\n              <div class=\"post-content\">\r\n                <div class=\"post-date\">8 \u05d1\u05de\u05d0\u05d9 2026<\/div>\r\n                <h3 class=\"post-title\">\u05db\u05d9\u05e6\u05d3 \u05e9\u05d9\u05d5\u05d5\u05e7 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea QR \u05e7\u05d5\u05d3 \u05de\u05d9\u05d9\u05e2\u05dc \u05d0\u05ea \u05d4\u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d5\u05ea \u05d4\u05e2\u05e1\u05e7\u05d9\u05d5\u05ea<\/h3>\r\n                <p class=\"post-excerpt\">&nbsp;\u05d2\u05dc\u05d4 \u05db\u05d9\u05e6\u05d3 \u05e9\u05d9\u05d5\u05d5\u05e7 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea QR \u05e7\u05d5\u05d3 \u05d9\u05db\u05d5\u05dc \u05dc\u05e9\u05e4\u05e8 \u05d0\u05ea \u05d4\u05de\u05e2\u05d5\u05e8\u05d1\u05d5\u05ea \u05e2\u05dd \u05d4\u05dc\u05e7\u05d5\u05d7\u05d5\u05ea \u05d5\u05dc\u05d4\u05d2\u05d3\u05d9\u05dc \u05d0\u05ea \u05d4\u05d4\u05de\u05e8\u05d5\u05ea...<\/p>\r\n                <a href=\"https:\/\/bsolution.me\/he\/%d7%9b%d7%99%d7%a6%d7%93-%d7%a9%d7%99%d7%95%d7%95%d7%a7-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-qr-%d7%a7%d7%95%d7%93-%d7%9e%d7%99%d7%99%d7%a2%d7%9c-%d7%90%d7%aa-%d7%94%d7%90%d7%a1%d7%98%d7%a8\/\" class=\"read-more-btn\">\u05e7\u05e8\u05d0 \u05e2\u05d5\u05d3<\/a>\r\n              <\/div>\r\n            <\/article>\r\n                        <article class=\"post-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/bsolution.me\/he\/wp-content\/uploads\/sites\/2\/2026\/05\/\u05d0\u05d9\u05e9\u05d5\u05e8-1-300x167.jpg\" alt=\"\u05d4\u05d3\u05e8\u05da \u05d4\u05de\u05d4\u05d9\u05e8\u05d4 \u05dc\u05d4\u05db\u05d9\u05df \u05e7\u05d9\u05e9\u05d5\u05e8 \u05d9\u05d9\u05e2\u05d5\u05d3\u05d9 \u05dc\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05d3\u05e8\u05da \u05d4\u05db\u05dc\u05d9\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd\" class=\"post-thumb\" loading=\"lazy\">\r\n              <div class=\"post-content\">\r\n                <div class=\"post-date\">3 \u05d1\u05de\u05d0\u05d9 2026<\/div>\r\n                <h3 class=\"post-title\">\u05d4\u05d3\u05e8\u05da \u05d4\u05de\u05d4\u05d9\u05e8\u05d4 \u05dc\u05d4\u05db\u05d9\u05df \u05e7\u05d9\u05e9\u05d5\u05e8 \u05d9\u05d9\u05e2\u05d5\u05d3\u05d9 \u05dc\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05d3\u05e8\u05da \u05d4\u05db\u05dc\u05d9\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd<\/h3>\r\n                <p class=\"post-excerpt\">\u05d4\u05d3\u05e8\u05da \u05d4\u05de\u05d4\u05d9\u05e8\u05d4 \u05dc\u05d4\u05db\u05d9\u05df \u05e7\u05d9\u05e9\u05d5\u05e8 \u05d9\u05d9\u05e2\u05d5\u05d3\u05d9 \u05dc\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05d3\u05e8\u05da \u05d4\u05db\u05dc\u05d9\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05d1\u05e2\u05d9\u05d3\u05df \u05d4\u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9 \u05e9\u05dc \u05d4\u05d9\u05d5\u05dd, \u05ea\u05e7\u05e9\u05d5\u05e8\u05ea...<\/p>\r\n                <a href=\"https:\/\/bsolution.me\/he\/%d7%94%d7%93%d7%a8%d7%9a-%d7%94%d7%9e%d7%94%d7%99%d7%a8%d7%94-%d7%9c%d7%94%d7%9b%d7%99%d7%9f-%d7%a7%d7%99%d7%a9%d7%95%d7%a8-%d7%99%d7%99%d7%a2%d7%95%d7%93%d7%99-%d7%9c%d7%95%d7%95%d7%90%d7%98%d7%a1\/\" class=\"read-more-btn\">\u05e7\u05e8\u05d0 \u05e2\u05d5\u05d3<\/a>\r\n              <\/div>\r\n            <\/article>\r\n                        <article class=\"post-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/bsolution.me\/he\/wp-content\/uploads\/sites\/2\/2026\/04\/\u05dc\u05de\u05d4-Sitemap-\u05d4\u05d5\u05d0-\u05d7\u05d9\u05d5\u05e0\u05d9-\u05dc\u05db\u05dc-\u05d0\u05ea\u05e8-\u05d5\u05d0\u05d9\u05da-\u05dc\u05d9\u05e6\u05d5\u05e8-\u05d0\u05d5\u05ea\u05d5-\u05d1\u05e7\u05dc\u05d5\u05ea-\u05e2\u05dd-\u05db\u05dc\u05d9-\u05d7\u05d9\u05e0\u05de\u05d9-\u05dc\u05e2\u05e1\u05e7\u05d9\u05dd-300x167.jpg\" alt=\"\u05dc\u05de\u05d4 Sitemap \u05d4\u05d5\u05d0 \u05d7\u05d9\u05d5\u05e0\u05d9 \u05dc\u05db\u05dc \u05d0\u05ea\u05e8 \u05d5\u05d0\u05d9\u05da \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d0\u05d5\u05ea\u05d5 \u05d1\u05e7\u05dc\u05d5\u05ea \u05e2\u05dd \u05db\u05dc\u05d9 \u05d7\u05d9\u05e0\u05de\u05d9 \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd\" class=\"post-thumb\" loading=\"lazy\">\r\n              <div class=\"post-content\">\r\n                <div class=\"post-date\">13 \u05d1\u05d0\u05e4\u05e8\u05d9\u05dc 2026<\/div>\r\n                <h3 class=\"post-title\">\u05dc\u05de\u05d4 Sitemap \u05d4\u05d5\u05d0 \u05d7\u05d9\u05d5\u05e0\u05d9 \u05dc\u05db\u05dc \u05d0\u05ea\u05e8 \u05d5\u05d0\u05d9\u05da \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d0\u05d5\u05ea\u05d5 \u05d1\u05e7\u05dc\u05d5\u05ea \u05e2\u05dd \u05db\u05dc\u05d9 \u05d7\u05d9\u05e0\u05de\u05d9 \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd<\/h3>\r\n                <p class=\"post-excerpt\">\u05d1\u05d9\u05de\u05d9\u05e0\u05d5, \u05d1\u05e0\u05d9\u05d9\u05ea \u05d0\u05ea\u05e8 \u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8 \u05d0\u05d9\u05db\u05d5\u05ea\u05d9 \u05d4\u05d9\u05d0 \u05e8\u05e7 \u05d4\u05e6\u05e2\u05d3 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05dc\u05d4\u05e6\u05dc\u05d7\u05d4 \u05d1\u05e8\u05e9\u05ea. \u05db\u05d3\u05d9 \u05dc\u05d4\u05d1\u05d8\u05d9\u05d7 \u05e9\u05de\u05e0\u05d5\u05e2\u05d9 \u05d4\u05d7\u05d9\u05e4\u05d5\u05e9...<\/p>\r\n                <a href=\"https:\/\/bsolution.me\/he\/lama-sitemap-khashuv-ve-ech-laasot-bekli-kala-bederech-kli-chinami-leasakim\/\" class=\"read-more-btn\">\u05e7\u05e8\u05d0 \u05e2\u05d5\u05d3<\/a>\r\n              <\/div>\r\n            <\/article>\r\n                      <\/div>\r\n          \r\n          <!-- \u05de\u05d0\u05de\u05e8\u05d9\u05dd \u05d0\u05d7\u05e8\u05d5\u05e0\u05d9\u05dd \u05d1\u05d8\u05e7\u05e1\u05d8 \u05de\u05d9\u05e0\u05d9\u05de\u05dc\u05d9 -->\r\n          <div class=\"recent-text-links\" style=\"margin-top:24px; padding-top:18px; border-top:1px solid rgba(17,24,39,.08);\">\r\n            <h4 style=\"font-size:14px; font-weight:800; color:#111827; margin:0 0 10px;\">\u05de\u05d0\u05de\u05e8\u05d9\u05dd \u05d0\u05d7\u05e8\u05d5\u05e0\u05d9\u05dd \u05d1\u05d1\u05dc\u05d5\u05d2:<\/h4>\r\n            <div style=\"display:flex; flex-wrap:wrap; gap:14px; font-size:13px;\">\r\n                              <a href=\"https:\/\/bsolution.me\/he\/%d7%9b%d7%9e%d7%94-%d7%9b%d7%9c%d7%99%d7%9d-%d7%a2%d7%95%d7%96%d7%a8%d7%99%d7%9d-%d7%9c%d7%a2%d7%a1%d7%a7%d7%99%d7%9d-%d7%9c%d7%97%d7%a1%d7%95%d7%9a-%d7%91%d7%96%d7%9e%d7%9f-%d7%95%d7%9c%d7%a9%d7%a4\/\" style=\"color:#6b7280; text-decoration:none; display:inline-flex; align-items:center; gap:4px; font-weight:500; transition:color .18s ease;\" onmouseover=\"this.style.color='#111827'\" onmouseout=\"this.style.color='#6b7280'\">\r\n                  <span style=\"color:#d1d5db;\">\u2022<\/span> \u05db\u05de\u05d4 \u05db\u05dc\u05d9\u05dd \u05e2\u05d5\u05d6\u05e8\u05d9\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd \u05dc\u05d7\u05e1\u05d5\u05da \u05d1\u05d6\u05de\u05df \u05d5\u05dc\u05e9\u05e4\u05e8 \u05ea\u05d4\u05dc\u05d9\u05db\u05d9\u05dd                <\/a>\r\n                              <a href=\"https:\/\/bsolution.me\/he\/%d7%90%d7%99%d7%9a-%d7%9c%d7%97%d7%a9%d7%91-%d7%90%d7%aa-%d7%a6%d7%a8%d7%99%d7%9b%d7%aa-%d7%94%d7%93%d7%9c%d7%a7-%d7%a9%d7%9c-%d7%94%d7%a8%d7%9b%d7%91-%d7%91%d7%a6%d7%95%d7%a8%d7%94-%d7%9e%d7%a7%d7%a6\/\" style=\"color:#6b7280; text-decoration:none; display:inline-flex; align-items:center; gap:4px; font-weight:500; transition:color .18s ease;\" onmouseover=\"this.style.color='#111827'\" onmouseout=\"this.style.color='#6b7280'\">\r\n                  <span style=\"color:#d1d5db;\">\u2022<\/span> \u05d0\u05d9\u05da \u05dc\u05d7\u05e9\u05d1 \u05d0\u05ea \u05e6\u05e8\u05d9\u05db\u05ea \u05d4\u05d3\u05dc\u05e7 \u05e9\u05dc \u05d4\u05e8\u05db\u05d1 \u05d1\u05e6\u05d5\u05e8\u05d4 \u05de\u05e7\u05e6\u05d5\u05e2\u05d9\u05ea \u05d5\u05de\u05d3\u05d5\u05d9\u05e7\u05ea                <\/a>\r\n                              <a href=\"https:\/\/bsolution.me\/he\/%d7%97%d7%99%d7%a9%d7%95%d7%91-%d7%9b%d7%9e%d7%95%d7%aa-%d7%97%d7%95%d7%9e%d7%a8%d7%99%d7%9d-%d7%95%d7%a2%d7%9c%d7%95%d7%99%d7%95%d7%aa-%d7%a2%d7%91%d7%95%d7%93%d7%aa-%d7%a8%d7%99%d7%a6%d7%95%d7%a3\/\" style=\"color:#6b7280; text-decoration:none; display:inline-flex; align-items:center; gap:4px; font-weight:500; transition:color .18s ease;\" onmouseover=\"this.style.color='#111827'\" onmouseout=\"this.style.color='#6b7280'\">\r\n                  <span style=\"color:#d1d5db;\">\u2022<\/span> \u05d7\u05d9\u05e9\u05d5\u05d1 \u05db\u05de\u05d5\u05ea \u05d7\u05d5\u05de\u05e8\u05d9\u05dd \u05d5\u05e2\u05dc\u05d5\u05d9\u05d5\u05ea \u05e2\u05d1\u05d5\u05d3\u05ea \u05e8\u05d9\u05e6\u05d5\u05e3 \u05d5\u05d3\u05e7 \u05d1\u05e2\u05d6\u05e8\u05ea \u05db\u05dc\u05d9\u05dd \u05d7\u05d9\u05e0\u05de\u05d9\u05d9\u05dd                <\/a>\r\n                              <a href=\"https:\/\/bsolution.me\/he\/%d7%9b%d7%99%d7%a6%d7%93-%d7%a9%d7%99%d7%95%d7%95%d7%a7-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-qr-%d7%a7%d7%95%d7%93-%d7%9e%d7%99%d7%99%d7%a2%d7%9c-%d7%90%d7%aa-%d7%94%d7%90%d7%a1%d7%98%d7%a8\/\" style=\"color:#6b7280; text-decoration:none; display:inline-flex; align-items:center; gap:4px; font-weight:500; transition:color .18s ease;\" onmouseover=\"this.style.color='#111827'\" onmouseout=\"this.style.color='#6b7280'\">\r\n                  <span style=\"color:#d1d5db;\">\u2022<\/span> \u05db\u05d9\u05e6\u05d3 \u05e9\u05d9\u05d5\u05d5\u05e7 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea QR \u05e7\u05d5\u05d3 \u05de\u05d9\u05d9\u05e2\u05dc \u05d0\u05ea \u05d4\u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d5\u05ea \u05d4\u05e2\u05e1\u05e7\u05d9\u05d5\u05ea                <\/a>\r\n                              <a href=\"https:\/\/bsolution.me\/he\/%d7%94%d7%93%d7%a8%d7%9a-%d7%94%d7%9e%d7%94%d7%99%d7%a8%d7%94-%d7%9c%d7%94%d7%9b%d7%99%d7%9f-%d7%a7%d7%99%d7%a9%d7%95%d7%a8-%d7%99%d7%99%d7%a2%d7%95%d7%93%d7%99-%d7%9c%d7%95%d7%95%d7%90%d7%98%d7%a1\/\" style=\"color:#6b7280; text-decoration:none; display:inline-flex; align-items:center; gap:4px; font-weight:500; transition:color .18s ease;\" onmouseover=\"this.style.color='#111827'\" onmouseout=\"this.style.color='#6b7280'\">\r\n                  <span style=\"color:#d1d5db;\">\u2022<\/span> \u05d4\u05d3\u05e8\u05da \u05d4\u05de\u05d4\u05d9\u05e8\u05d4 \u05dc\u05d4\u05db\u05d9\u05df \u05e7\u05d9\u05e9\u05d5\u05e8 \u05d9\u05d9\u05e2\u05d5\u05d3\u05d9 \u05dc\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05d3\u05e8\u05da \u05d4\u05db\u05dc\u05d9\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd                <\/a>\r\n                          <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u05d0\u05d6\u05d5\u05e8 \u05e1\u05d9\u05d5\u05dd: \u05e4\u05ea\u05d9\u05d7\u05d4 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea \u05e9\u05dc \u05d4\u05ea\u05e4\u05e8\u05d9\u05d8 -->\r\n    <section class=\"content-section final-action-section\" id=\"auto-trigger-menu\" style=\"min-height: 80vh;\">\r\n      <div class=\"center-wrapper\" style=\"text-align:center;\">\r\n        <div class=\"bottom-logo\" style=\"margin-bottom:20px; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease-out; transform: translateY(60px); opacity: 0;\">\r\n          <img decoding=\"async\" src=\"http:\/\/bsolution.me\/\u05dc\u05d5\u05d2\u05d5 PNG.png\" alt=\"Bsolution\" style=\"width:160px; filter: drop-shadow(0 10px 24px rgba(0,0,0,.12)); border-radius:18px;\">\r\n        <\/div>\r\n        <h2 style=\"font-size:22px; font-weight:800; color:#111827;\">\u05e4\u05d5\u05ea\u05d7 \u05d0\u05ea \u05ea\u05e4\u05e8\u05d9\u05d8 \u05d4\u05db\u05dc\u05d9\u05dd...<\/h2>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ \u05d4\u05d2\u05d1\u05dc\u05ea \u05d4\u05e8\u05d9\u05e6\u05d4 \u05dc\u05ea\u05d7\u05d5\u05dd \u05d4-div \u05d4\u05e1\u05e4\u05e6\u05d9\u05e4\u05d9\r\n  const wrap = document.getElementById('bnet-home-wrap');\r\n  if(!wrap) return;\r\n\r\n  \/\/ --- \u05d7\u05dc\u05e7\u05d9\u05e7\u05d9\u05dd ---\r\n  const canvas = wrap.querySelector('#particles');\r\n  const ctx = canvas.getContext('2d');\r\n\r\n  function resizeCanvas(){\r\n    \/\/ \u05de\u05ea\u05d0\u05d9\u05dd \u05d0\u05ea \u05d4\u05e7\u05e0\u05d1\u05e1 \u05dc\u05e8\u05d5\u05d7\u05d1 \u05d4\u05de\u05e2\u05d8\u05e4\u05ea (\u05db\u05d3\u05d9 \u05dc\u05d0 \u05dc\u05e4\u05e8\u05d5\u05e5 \u05d4\u05d7\u05d5\u05e6\u05d4 \u05de\u05d4\u05d5\u05d5\u05e8\u05d3\u05e4\u05e8\u05e1)\r\n    canvas.width = wrap.clientWidth || window.innerWidth;\r\n    canvas.height = wrap.clientHeight || window.innerHeight;\r\n  }\r\n  resizeCanvas();\r\n  \/\/ \u05e9\u05d9\u05de\u05d5\u05e9 \u05d1-ResizeObserver \u05dc\u05e7\u05e0\u05d1\u05e1 \u05e9\u05de\u05d5\u05ea\u05d0\u05dd \u05d1\u05d3\u05d9\u05d5\u05e7 \u05dc\u05de\u05e2\u05d8\u05e4\u05ea \u05d5\u05dc\u05d0 \u05e8\u05e7 \u05dc\u05d7\u05dc\u05d5\u05df\r\n  const observer = new ResizeObserver(() => resizeCanvas());\r\n  observer.observe(wrap);\r\n\r\n  let particles = [];\r\n  class Particle {\r\n    constructor(){ this.reset(true); }\r\n    reset(init=false){\r\n      this.x = Math.random() * canvas.width;\r\n      this.y = Math.random() * canvas.height;\r\n      this.size = Math.random() * 3 + 1;\r\n      this.speedX = (Math.random() - .5) * 1.5;\r\n      this.speedY = (Math.random() - .5) * 1.5;\r\n      if(!init && this.size <= .2) this.size = Math.random() * 3 + 1;\r\n    }\r\n    update(){\r\n      this.x += this.speedX;\r\n      this.y += this.speedY;\r\n      if(this.size > .2) this.size -= .02;\r\n    }\r\n    draw(){\r\n      ctx.fillStyle = '#000';\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n      ctx.fill();\r\n    }\r\n  }\r\n  function initParticles(){\r\n    particles = [];\r\n    for(let i=0; i<150; i++) particles.push(new Particle());\r\n  }\r\n  function animateParticles(){\r\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n    particles.forEach((p, i) => {\r\n      p.update();\r\n      p.draw();\r\n      if(p.size <= .2) particles[i] = new Particle();\r\n    });\r\n    requestAnimationFrame(animateParticles);\r\n  }\r\n  initParticles();\r\n  animateParticles();\r\n\r\n  \/\/ --- \u05e2\u05d9\u05d2\u05d5\u05dc \u05d4\u05e2\u05db\u05d1\u05e8 \u05e8\u05e7 \u05db\u05e9\u05d4\u05d5\u05d0 \u05de\u05e8\u05d7\u05e3 \u05de\u05e2\u05dc \u05d4\u05de\u05e2\u05d8\u05e4\u05ea ---\r\n  const cursorCircle = wrap.querySelector('#cursorCircle');\r\n  let lastX = window.innerWidth \/ 2;\r\n  let lastY = window.innerHeight \/ 2;\r\n  let circleSize = 40;\r\n\r\n  function updateCursor(x, y){\r\n    const dx = x - lastX;\r\n    const dy = y - lastY;\r\n    const speed = Math.sqrt(dx*dx + dy*dy);\r\n    circleSize = Math.min(100, Math.max(40, speed * 3));\r\n    cursorCircle.style.width = circleSize + 'px';\r\n    cursorCircle.style.height = circleSize + 'px';\r\n    cursorCircle.style.left = (x - circleSize\/2 - circleSize*0.2) + 'px';\r\n    cursorCircle.style.top = (y - circleSize\/2 - circleSize*0.2) + 'px';\r\n    lastX = x;\r\n    lastY = y;\r\n  }\r\n\r\n  if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    wrap.addEventListener('mouseenter', () => {\r\n        cursorCircle.style.display = 'block';\r\n    });\r\n    wrap.addEventListener('mouseleave', () => {\r\n        cursorCircle.style.display = 'none';\r\n    });\r\n    wrap.addEventListener('mousemove', e => {\r\n        updateCursor(e.clientX, e.clientY);\r\n    }, { passive: true });\r\n  }\r\n\r\n  \/\/ --- \u05d0\u05e4\u05e7\u05d8 3D \u05dc\u05dc\u05d5\u05d2\u05d5 ---\r\n  const logo = wrap.querySelector('.logo');\r\n  const logoWrapper = wrap.querySelector('.logo-wrapper');\r\n\r\n  if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    logo.addEventListener('mousemove', e => {\r\n      const rect = logo.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      const cx = rect.width \/ 2;\r\n      const cy = rect.height \/ 2;\r\n      const rotateX = ((y - cy) \/ cy) * -10;\r\n      const rotateY = ((x - cx) \/ cx) * 10;\r\n      logo.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`;\r\n      logoWrapper.style.transform = `rotateY(${rotateY*0.2}deg) rotateX(${rotateX*0.2}deg)`;\r\n    });\r\n\r\n    logo.addEventListener('mouseleave', () => {\r\n      logo.style.transform = '';\r\n      logoWrapper.style.transform = 'none';\r\n    });\r\n  }\r\n\r\n  \/\/ --- \u05e4\u05ea\u05d9\u05d7\u05ea \u05ea\u05e4\u05e8\u05d9\u05d8 \u05d4\u05db\u05dc\u05d9\u05dd (\u05d4\u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d4) ---\r\n  const mainLogoTrigger = wrap.querySelector('#mainLogoTrigger');\r\n  function triggerMenuOpen(){\r\n    if (mainLogoTrigger) {\r\n      mainLogoTrigger.style.animation = 'none';\r\n      setTimeout(() => {\r\n        mainLogoTrigger.style.animation = 'logoNudge 5.2s ease-in-out infinite';\r\n      }, 3500);\r\n    }\r\n  }\r\n  \r\n  const triggers = wrap.querySelectorAll('[data-bsolution-tools-trigger=\"true\"]');\r\n  triggers.forEach(el => el.addEventListener('click', triggerMenuOpen));\r\n\r\n  \/\/ --- \u05d4\u05e6\u05d2\u05ea \u05e7\u05d5\u05d1\u05d9\u05d5\u05ea \u05e0\u05e1\u05ea\u05e8\u05d5\u05ea \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc ---\r\n  const showMoreBtn = wrap.querySelector('#showMoreToolsBtn');\r\n  if (showMoreBtn) {\r\n    showMoreBtn.addEventListener('click', () => {\r\n      const hiddenCards = wrap.querySelectorAll('.tool-card.hidden-mobile:not(.shown)');\r\n      hiddenCards.forEach(c => c.classList.add('shown'));\r\n      showMoreBtn.style.display = 'none';\r\n      \/\/ Recalculate section bounds for intersection observer after expanding\r\n      setTimeout(() => {\r\n        const parentSec = showMoreBtn.closest('section');\r\n        if (parentSec) sectionObserver.observe(parentSec);\r\n      }, 300);\r\n    });\r\n  }\r\n\r\n  \/\/ --- Intersection Observer \u05dc\u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d5\u05ea \u05d4\u05d7\u05dc\u05e4\u05d4 ---\r\n  const sections = wrap.querySelectorAll('section');\r\n  let menuTriggered = false; \/\/ \u05d3\u05d2\u05dc \u05db\u05d3\u05d9 \u05e9\u05d4\u05ea\u05e4\u05e8\u05d9\u05d8 \u05dc\u05d0 \u05d9\u05d9\u05e4\u05ea\u05d7 \u05e9\u05d5\u05d1 \u05d5\u05e9\u05d5\u05d1 \u05db\u05dc \u05d2\u05dc\u05d9\u05dc\u05d4\r\n\r\n  \/\/ \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc \u05d4\u05d2\u05dc\u05d9\u05dc\u05d4 \u05d4\u05d9\u05d0 \u05e9\u05dc \u05d4\u05d3\u05e3 (root: null = viewport), \u05d1\u05d3\u05e1\u05e7\u05d8\u05d5\u05e4 \u05d4-wrap \u05d4\u05d5\u05d0 \u05d4-scroller\r\n  const isDesktop = window.matchMedia('(min-width: 980px)').matches;\r\n  const sectionObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('is-inview');\r\n        \r\n        \/\/ \u05d8\u05d9\u05e4\u05d5\u05dc \u05d1\u05d0\u05d6\u05d5\u05e8 \u05d4\u05e1\u05d9\u05d5\u05dd - \u05e4\u05ea\u05d9\u05d7\u05d4 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea\r\n        if (entry.target.id === 'auto-trigger-menu') {\r\n          const bottomLogo = entry.target.querySelector('.bottom-logo');\r\n          if (bottomLogo) {\r\n            bottomLogo.style.opacity = '1';\r\n            bottomLogo.style.transform = 'translateY(0)';\r\n          }\r\n          \r\n          if (!menuTriggered) {\r\n            menuTriggered = true;\r\n            setTimeout(() => {\r\n                const globalTrigger = document.querySelector('[data-bsolution-tools-trigger=\"true\"]');\r\n                if (globalTrigger) {\r\n                    globalTrigger.click(); \/\/ \u05dc\u05d7\u05d9\u05e6\u05d4 \u05de\u05d3\u05d5\u05de\u05d4 \u05db\u05d3\u05d9 \u05dc\u05e4\u05ea\u05d5\u05d7 \u05d0\u05ea \u05d4\u05ea\u05e4\u05e8\u05d9\u05d8\r\n                }\r\n            }, 600); \/\/ \u05d4\u05e9\u05d4\u05d9\u05d9\u05d4 \u05e7\u05dc\u05d4 \u05db\u05d3\u05d9 \u05dc\u05ea\u05ea \u05dc\u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d4 \u05dc\u05e1\u05d9\u05d9\u05dd \u05e4\u05d5\u05e4-\u05d0\u05e4 \u05d0\u05de\u05d9\u05ea\u05d9\r\n          }\r\n        }\r\n\r\n      } else {\r\n        if (entry.target.id === 'auto-trigger-menu') {\r\n          const bottomLogo = entry.target.querySelector('.bottom-logo');\r\n          if (bottomLogo) {\r\n            bottomLogo.style.opacity = '0';\r\n            bottomLogo.style.transform = 'translateY(60px)';\r\n          }\r\n          menuTriggered = false;\r\n        }\r\n      }\r\n    });\r\n  }, {\r\n    root: isDesktop ? wrap : null, \/\/ \u05de\u05d5\u05d1\u05d9\u05d9\u05dc: viewport | \u05d3\u05e1\u05e7\u05d8\u05d5\u05e4: wrap div\r\n    threshold: 0.1\r\n  });\r\n\r\n  sections.forEach(sec => sectionObserver.observe(sec));\r\n\r\n})();\r\n<\/script>\r\n\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-index","meta":{"_yoast_wpseo_metadesc":"","tool_emoji":"","tool_category":"","tool_featured":"","footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u05e8\u05d0\u05e9\u05d9 - \u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsolution.me\/he\/\" \/>\n<meta property=\"og:locale\" content=\"he_IL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u05e8\u05d0\u05e9\u05d9 - \u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsolution.me\/he\/\" \/>\n<meta property=\"og:site_name\" content=\"\u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-13T21:00:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/he\\\/\",\"url\":\"https:\\\/\\\/bsolution.me\\\/he\\\/\",\"name\":\"\u05e8\u05d0\u05e9\u05d9 - \u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/he\\\/#website\"},\"datePublished\":\"2026-04-11T18:18:19+00:00\",\"dateModified\":\"2026-04-13T21:00:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/he\\\/#breadcrumb\"},\"inLanguage\":\"he-IL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsolution.me\\\/he\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/he\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bsolution.me\\\/he\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u05e8\u05d0\u05e9\u05d9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/he\\\/#website\",\"url\":\"https:\\\/\\\/bsolution.me\\\/he\\\/\",\"name\":\"\u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd\",\"description\":\"\u05d0\u05d5\u05d8\u05d5\u05de\u05e6\u05d9\u05d5\u05ea \u05e9\u05d9\u05d5\u05d5\u05e7, \u05de\u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05dd, \u05de\u05d7\u05d5\u05dc\u05dc\u05d9 \u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsolution.me\\\/he\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"he-IL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u05e8\u05d0\u05e9\u05d9 - \u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsolution.me\/he\/","og_locale":"he_IL","og_type":"article","og_title":"\u05e8\u05d0\u05e9\u05d9 - \u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd","og_url":"https:\/\/bsolution.me\/he\/","og_site_name":"\u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd","article_modified_time":"2026-04-13T21:00:31+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsolution.me\/he\/","url":"https:\/\/bsolution.me\/he\/","name":"\u05e8\u05d0\u05e9\u05d9 - \u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd","isPartOf":{"@id":"https:\/\/bsolution.me\/he\/#website"},"datePublished":"2026-04-11T18:18:19+00:00","dateModified":"2026-04-13T21:00:31+00:00","breadcrumb":{"@id":"https:\/\/bsolution.me\/he\/#breadcrumb"},"inLanguage":"he-IL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsolution.me\/he\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsolution.me\/he\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bsolution.me\/he\/"},{"@type":"ListItem","position":2,"name":"\u05e8\u05d0\u05e9\u05d9"}]},{"@type":"WebSite","@id":"https:\/\/bsolution.me\/he\/#website","url":"https:\/\/bsolution.me\/he\/","name":"\u05db\u05dc\u05d9\u05dd \u05d1\u05d7\u05d9\u05e0\u05dd \u05dc\u05e2\u05e1\u05e7\u05d9\u05dd","description":"\u05d0\u05d5\u05d8\u05d5\u05de\u05e6\u05d9\u05d5\u05ea \u05e9\u05d9\u05d5\u05d5\u05e7, \u05de\u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05dd, \u05de\u05d7\u05d5\u05dc\u05dc\u05d9 \u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsolution.me\/he\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"he-IL"}]}},"_links":{"self":[{"href":"https:\/\/bsolution.me\/he\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsolution.me\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsolution.me\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsolution.me\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bsolution.me\/he\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":3,"href":"https:\/\/bsolution.me\/he\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/bsolution.me\/he\/wp-json\/wp\/v2\/pages\/19\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/bsolution.me\/he\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}