{"id":22,"date":"2026-09-03T07:55:08","date_gmt":"2026-09-03T07:55:08","guid":{"rendered":"https:\/\/halo.comoaratrade.pl\/?page_id=22"},"modified":"2026-09-03T07:55:08","modified_gmt":"2026-09-03T07:55:08","slug":"start2","status":"publish","type":"page","link":"https:\/\/halo.comoaratrade.pl\/?page_id=22","title":{"rendered":"START2"},"content":{"rendered":"\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-4f1bf65\" id=\"gspb_container-id-gsbp-4f1bf65\">\n<style data-wp-block-html=\"css\">\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Saira:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600;1,700;1,800&display=swap\");\n\n:root {\n  --hf-orange: #f58213;\n  --hf-orange-light: #ff9828;\n  --hf-black: #101214;\n  --hf-dark: #1b1e21;\n  --hf-paper: #f2f2ef;\n  --hf-white: #ffffff;\n  --hf-text: #24272a;\n  --hf-muted: #73787d;\n  --hf-line: rgba(16, 18, 20, 0.14);\n  --hf-shell: min(1460px, calc(100vw - 80px));\n  --hf-ease: cubic-bezier(0.2, 0.75, 0.2, 1);\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  scroll-padding-top: 90px;\n}\n\nbody.hf-home-page {\n  margin: 0;\n  overflow-x: clip;\n  background: var(--hf-paper);\n  color: var(--hf-text);\n  font-family: \"Saira\", Arial, sans-serif;\n  font-size: 16px;\n  line-height: 1.55;\n  -webkit-font-smoothing: antialiased;\n}\n\nbody.hf-home-page.is-locked {\n  overflow: hidden;\n}\n\n\/* \u0423\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e header, title \u0438 footer \u0442\u0435\u043c\u044b Blocksy *\/\n\nbody.hf-home-page > #header,\nbody.hf-home-page > .hero-section,\nbody.hf-home-page > footer.ct-footer,\nbody.hf-home-page #main > .hero-section,\nbody.hf-home-page .entry-header,\nbody.hf-home-page .page-title {\n  display: none !important;\n}\n\nbody.hf-home-page #main-container,\nbody.hf-home-page #main,\nbody.hf-home-page .site-main,\nbody.hf-home-page .ct-container-full,\nbody.hf-home-page .entry-content {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nimg,\nsvg {\n  display: block;\n}\n\nimg {\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\ninput {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n.shell {\n  width: var(--hf-shell);\n  margin-inline: auto;\n}\n\n.sr-only {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.skip-link {\n  position: fixed;\n  z-index: 1000;\n  top: 16px;\n  left: 16px;\n  padding: 12px 18px;\n  background: white;\n  color: var(--hf-black);\n  font-weight: 800;\n  transform: translateY(-160%);\n  transition: transform 0.2s;\n}\n\n.skip-link:focus {\n  transform: translateY(0);\n}\n\n.eyebrow {\n  margin: 0 0 19px;\n  color: var(--hf-orange);\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: 0.17em;\n  text-transform: uppercase;\n}\n\n.eyebrow--light {\n  color: rgba(255, 255, 255, 0.82);\n}\n\n.section {\n  position: relative;\n  padding: 124px 0;\n}\n\n.section-heading {\n  display: grid;\n  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);\n  gap: 70px;\n  align-items: end;\n  margin-bottom: 62px;\n}\n\n.section-heading h2,\n.speed-feature h2,\n.brand-story h2,\n.service-band h2 {\n  margin: 0;\n  color: var(--hf-black);\n  font-size: clamp(52px, 5.15vw, 84px);\n  font-weight: 800;\n  line-height: 0.96;\n  letter-spacing: -0.055em;\n  text-transform: uppercase;\n}\n\n.section-heading h2 em,\n.speed-feature h2 em,\n.brand-story h2 em,\n.service-band h2 em {\n  color: var(--hf-orange);\n  font-weight: 700;\n}\n\n.section-heading > p {\n  max-width: 470px;\n  margin: 0 0 6px;\n  color: #62676b;\n  font-size: 18px;\n  line-height: 1.65;\n}\n\n.button {\n  position: relative;\n  isolation: isolate;\n  display: inline-flex;\n  min-height: 58px;\n  align-items: center;\n  justify-content: center;\n  gap: 24px;\n  padding: 0 27px;\n  border: 1px solid transparent;\n  background: transparent;\n  color: inherit;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  transition:\n    color 0.35s var(--hf-ease),\n    background 0.35s var(--hf-ease),\n    transform 0.35s var(--hf-ease);\n}\n\n.button::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  background: var(--hf-white);\n  transform: translateX(-105%) skewX(-12deg);\n  transition: transform 0.45s var(--hf-ease);\n}\n\n.button:hover::before,\n.button:focus-visible::before {\n  transform: translateX(0);\n}\n\n.button:hover,\n.button:focus-visible {\n  color: var(--hf-black);\n  transform: translateY(-2px);\n}\n\n.button--primary {\n  background: var(--hf-orange);\n  color: white;\n}\n\n.button--ghost {\n  border-color: rgba(255, 255, 255, 0.55);\n  background: rgba(16, 18, 20, 0.25);\n  color: white;\n  backdrop-filter: blur(8px);\n}\n\n.button--dark {\n  background: var(--hf-black);\n  color: white;\n}\n\n.button--dark::before {\n  background: var(--hf-orange);\n}\n\n.button--dark:hover {\n  color: white;\n}\n\n.button--service {\n  background: white;\n  color: var(--hf-black);\n}\n\n.button--service::before {\n  background: var(--hf-black);\n}\n\n.button--service:hover {\n  color: white;\n}\n\n\/* TOP BAR *\/\n\n.topbar {\n  position: relative;\n  z-index: 50;\n  min-height: 34px;\n  background: var(--hf-black);\n  color: rgba(255, 255, 255, 0.72);\n  font-size: 10px;\n  line-height: 34px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.topbar__inner {\n  display: flex;\n  justify-content: center;\n  gap: 72px;\n}\n\n.topbar strong {\n  color: white;\n}\n\n\/* HEADER *\/\n\n.site-header {\n  position: sticky;\n  z-index: 100;\n  top: 0;\n  width: 100%;\n  background: rgba(255, 255, 255, 0.97);\n  border-bottom: 1px solid rgba(16, 18, 20, 0.08);\n  transition:\n    background 0.3s,\n    box-shadow 0.3s;\n}\n\n.site-header.is-scrolled {\n  background: rgba(255, 255, 255, 0.93);\n  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);\n  backdrop-filter: blur(14px);\n}\n\n.header__inner {\n  display: grid;\n  min-height: 82px;\n  grid-template-columns: 210px 1fr auto;\n  align-items: center;\n  gap: 26px;\n}\n\n.brand {\n  width: 164px;\n}\n\n.brand img {\n  width: 100%;\n  height: auto;\n}\n\n.desktop-nav {\n  display: flex;\n  height: 82px;\n  align-items: stretch;\n  justify-content: center;\n  gap: clamp(18px, 2.2vw, 42px);\n}\n\n.nav-dropdown {\n  display: flex;\n}\n\n.nav-link {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: #24272a;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n}\n\n.nav-link::after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 3px;\n  background: var(--hf-orange);\n  transform: scaleX(0);\n  transform-origin: right;\n  transition: transform 0.32s var(--hf-ease);\n}\n\n.nav-link:hover::after,\n.nav-link:focus-visible::after,\n.nav-link[aria-expanded=\"true\"]::after {\n  transform: scaleX(1);\n  transform-origin: left;\n}\n\n.nav-link--button {\n  gap: 7px;\n}\n\n.nav-link--button svg {\n  width: 14px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  transition: transform 0.25s;\n}\n\n.nav-link--button[aria-expanded=\"true\"] svg {\n  transform: rotate(180deg);\n}\n\n.nav-link--accent {\n  color: var(--hf-orange);\n}\n\n.header-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.icon-button,\n.menu-toggle {\n  display: inline-grid;\n  width: 44px;\n  height: 44px;\n  place-items: center;\n  padding: 0;\n  border: 1px solid rgba(16, 18, 20, 0.14);\n  background: transparent;\n  color: var(--hf-black);\n  cursor: pointer;\n  transition:\n    color 0.25s,\n    background 0.25s,\n    border-color 0.25s;\n}\n\n.icon-button:hover,\n.menu-toggle:hover {\n  border-color: var(--hf-orange);\n  background: var(--hf-orange);\n  color: white;\n}\n\n.icon-button svg {\n  width: 20px;\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.6;\n}\n\n.menu-toggle {\n  display: none;\n  position: relative;\n}\n\n.menu-toggle span {\n  position: absolute;\n  width: 20px;\n  height: 2px;\n  background: currentColor;\n  transition:\n    transform 0.3s,\n    top 0.3s;\n}\n\n.menu-toggle span:first-child {\n  top: 17px;\n}\n\n.menu-toggle span:last-child {\n  top: 25px;\n}\n\n.menu-toggle[aria-expanded=\"true\"] span:first-child {\n  top: 21px;\n  transform: rotate(45deg);\n}\n\n.menu-toggle[aria-expanded=\"true\"] span:last-child {\n  top: 21px;\n  transform: rotate(-45deg);\n}\n\n\/* MEGA MENU *\/\n\n.products-menu {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  padding: 36px max(40px, calc((100vw - 1460px) \/ 2));\n  background: white;\n  border-top: 1px solid var(--hf-line);\n  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.13);\n}\n\n.products-menu[hidden],\n.mobile-nav[hidden],\n.search-layer[hidden] {\n  display: none;\n}\n\n.products-menu__grid {\n  display: grid;\n  grid-template-columns: 1.2fr repeat(3, 1fr);\n}\n\n.menu-feature {\n  position: relative;\n  display: flex;\n  min-height: 210px;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 32px;\n  overflow: hidden;\n  background: var(--hf-black);\n  color: white;\n}\n\n.menu-feature::before {\n  content: \"\";\n  position: absolute;\n  top: -65px;\n  right: -50px;\n  width: 180px;\n  height: 250px;\n  background: var(--hf-orange);\n  transform: rotate(23deg);\n  transition: transform 0.45s var(--hf-ease);\n}\n\n.menu-feature:hover::before {\n  transform: rotate(23deg) translateY(18px);\n}\n\n.menu-feature__index {\n  position: absolute;\n  top: 25px;\n  left: 30px;\n  color: var(--hf-orange-light);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n}\n\n.menu-feature__title {\n  font-size: 34px;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -0.04em;\n  text-transform: uppercase;\n}\n\n.menu-feature > span:last-child {\n  margin-top: 10px;\n  color: rgba(255, 255, 255, 0.65);\n  font-size: 13px;\n}\n\n.menu-column {\n  padding: 8px 34px 12px;\n  border-right: 1px solid var(--hf-line);\n}\n\n.menu-column:last-child {\n  border-right: 0;\n}\n\n.menu-column p {\n  margin: 0 0 21px;\n  color: var(--hf-muted);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.menu-column a {\n  display: block;\n  margin-bottom: 11px;\n  color: var(--hf-black);\n  font-size: 15px;\n  font-weight: 600;\n  transition:\n    color 0.2s,\n    transform 0.2s;\n}\n\n.menu-column a:hover {\n  color: var(--hf-orange);\n  transform: translateX(4px);\n}\n\n.menu-column .menu-all {\n  margin-top: 25px;\n  color: var(--hf-orange);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n\/* MOBILE MENU *\/\n\n.mobile-nav {\n  position: fixed;\n  z-index: 99;\n  inset: 82px 0 0;\n  overflow-y: auto;\n  background: var(--hf-black);\n  color: white;\n}\n\n.mobile-nav__inner {\n  display: flex;\n  min-height: calc(100svh - 82px);\n  flex-direction: column;\n  padding: 38px 28px 32px;\n}\n\n.mobile-nav__inner > a {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 0;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n  font-size: 23px;\n  font-weight: 700;\n  line-height: 1.1;\n  text-transform: uppercase;\n}\n\n.mobile-nav__inner > a span {\n  color: var(--hf-orange-light);\n  font-size: 11px;\n  letter-spacing: 0.13em;\n}\n\n.mobile-nav__meta {\n  display: grid;\n  gap: 4px;\n  margin-top: auto;\n  padding-top: 38px;\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 13px;\n}\n\n\/* SEARCH *\/\n\n.search-layer {\n  position: fixed;\n  z-index: 500;\n  inset: 0;\n}\n\n.search-layer__backdrop {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  border: 0;\n  background: rgba(7, 8, 9, 0.82);\n  cursor: pointer;\n  backdrop-filter: blur(7px);\n}\n\n.search-panel {\n  position: relative;\n  z-index: 1;\n  width: min(920px, calc(100vw - 48px));\n  margin: clamp(80px, 13vh, 150px) auto 0;\n  padding: clamp(38px, 6vw, 76px);\n  background: var(--hf-paper);\n  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.34);\n}\n\n.search-panel::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 80px;\n  width: 54px;\n  height: 100%;\n  background: var(--hf-orange);\n  opacity: 0.08;\n  transform: skewX(-12deg);\n  pointer-events: none;\n}\n\n.search-panel__close {\n  position: absolute;\n  z-index: 2;\n  top: 20px;\n  right: 23px;\n  width: 42px;\n  height: 42px;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  font-size: 35px;\n}\n\n.search-panel h2 {\n  margin: 0 0 35px;\n  color: var(--hf-black);\n  font-size: clamp(38px, 5vw, 68px);\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -0.05em;\n  text-transform: uppercase;\n}\n\n.search-form {\n  display: flex;\n  border-bottom: 3px solid var(--hf-black);\n}\n\n.search-form input {\n  width: 100%;\n  padding: 15px 0;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: var(--hf-black);\n  font-size: clamp(20px, 2.2vw, 31px);\n  font-weight: 600;\n}\n\n.search-form input::placeholder {\n  color: #a3a5a6;\n}\n\n.search-form button {\n  width: 60px;\n  border: 0;\n  background: var(--hf-orange);\n  color: white;\n  cursor: pointer;\n}\n\n.search-form svg {\n  width: 25px;\n  margin: auto;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n}\n\n.search-suggestions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 18px;\n  margin-top: 24px;\n  color: var(--hf-muted);\n  font-size: 12px;\n}\n\n.search-suggestions a {\n  color: var(--hf-black);\n  font-weight: 700;\n  text-decoration: underline;\n  text-decoration-color: var(--hf-orange);\n  text-underline-offset: 4px;\n}\n\n\/* HERO *\/\n\n.hero {\n  position: relative;\n  display: grid;\n  min-height: min(860px, calc(100svh - 116px));\n  align-items: center;\n  overflow: hidden;\n  background: var(--hf-black);\n  color: white;\n}\n\n.hero__media,\n.hero__media img,\n.hero__shade {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.hero__media img {\n  object-fit: cover;\n  object-position: center;\n}\n\n.hero__shade {\n  z-index: 1;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(10, 11, 12, 0.86) 0%,\n      rgba(10, 11, 12, 0.65) 34%,\n      rgba(10, 11, 12, 0.1) 72%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(10, 11, 12, 0.46),\n      transparent 45%\n    );\n}\n\n.hero__content {\n  position: relative;\n  z-index: 3;\n  padding: 85px 0 100px;\n}\n\n.hero h1 {\n  max-width: 950px;\n  margin: 0;\n  font-size: clamp(65px, 7.3vw, 118px);\n  font-weight: 800;\n  line-height: 0.87;\n  letter-spacing: -0.064em;\n  text-transform: uppercase;\n}\n\n.hero h1 em {\n  color: var(--hf-orange-light);\n  font-weight: 700;\n}\n\n.hero__lead {\n  max-width: 620px;\n  margin: 35px 0 0;\n  color: rgba(255, 255, 255, 0.84);\n  font-size: clamp(17px, 1.35vw, 21px);\n  line-height: 1.58;\n}\n\n.hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 41px;\n}\n\n.hero__geometry {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 0;\n  width: 36%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.hero__geometry i {\n  position: absolute;\n  display: block;\n  transform: skewX(-13deg);\n}\n\n.hero__geometry i:nth-child(1) {\n  top: -22%;\n  right: 24%;\n  width: 17px;\n  height: 78%;\n  background: var(--hf-orange);\n}\n\n.hero__geometry i:nth-child(2) {\n  right: 11%;\n  bottom: -29%;\n  width: 2px;\n  height: 78%;\n  background: rgba(255, 255, 255, 0.6);\n}\n\n.hero__geometry i:nth-child(3) {\n  top: 19%;\n  right: -9%;\n  width: 35%;\n  height: 72%;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.hero__scroll {\n  position: absolute;\n  z-index: 4;\n  right: 32px;\n  bottom: 39px;\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  color: rgba(255, 255, 255, 0.72);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  writing-mode: vertical-rl;\n}\n\n.hero__scroll span {\n  width: 1px;\n  height: 50px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 0.4);\n}\n\n.hero__scroll span::after {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 50%;\n  background: var(--hf-orange);\n  animation: scroll-line 1.8s infinite;\n}\n\n@keyframes scroll-line {\n  from {\n    transform: translateY(-110%);\n  }\n\n  to {\n    transform: translateY(220%);\n  }\n}\n\n\/* TRUST *\/\n\n.trust-rail {\n  background: white;\n}\n\n.trust-rail__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.trust-rail article {\n  display: flex;\n  min-height: 112px;\n  align-items: center;\n  gap: 17px;\n  padding: 24px 26px;\n  border-right: 1px solid var(--hf-line);\n}\n\n.trust-rail article:first-child {\n  border-left: 1px solid var(--hf-line);\n}\n\n.trust-rail article > span {\n  color: var(--hf-orange);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n}\n\n.trust-rail strong,\n.trust-rail small {\n  display: block;\n}\n\n.trust-rail strong {\n  color: var(--hf-black);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.2;\n  text-transform: uppercase;\n}\n\n.trust-rail small {\n  margin-top: 5px;\n  color: var(--hf-muted);\n  font-size: 11px;\n}\n\n\/* RUNNING LINE *\/\n\n.motion-line {\n  overflow: hidden;\n  background: var(--hf-orange);\n  color: var(--hf-black);\n}\n\n.motion-line__track {\n  display: flex;\n  width: max-content;\n  min-height: 53px;\n  align-items: center;\n  gap: 34px;\n  animation: ticker 28s linear infinite;\n}\n\n.motion-line span {\n  font-size: 14px;\n  font-style: italic;\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.motion-line i {\n  width: 19px;\n  height: 19px;\n  background: var(--hf-black);\n  clip-path: polygon(\n    0 40%,\n    66% 40%,\n    45% 0,\n    100% 50%,\n    45% 100%,\n    66% 60%,\n    0 60%\n  );\n}\n\n@keyframes ticker {\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n\/* CATEGORIES *\/\n\n.categories {\n  background:\n    linear-gradient(\n      120deg,\n      transparent 0 82%,\n      rgba(245, 130, 19, 0.08) 82% 88%,\n      transparent 88%\n    ),\n    var(--hf-paper);\n}\n\n.category-grid {\n  display: grid;\n  min-height: 680px;\n  grid-template-columns: 1.12fr 0.94fr 0.94fr;\n  gap: 18px;\n}\n\n.category-card {\n  position: relative;\n  min-height: 610px;\n  overflow: hidden;\n  background: var(--hf-black);\n  color: white;\n  clip-path: polygon(\n    0 0,\n    100% 0,\n    100% calc(100% - 28px),\n    calc(100% - 28px) 100%,\n    0 100%\n  );\n}\n\n.category-card--tall {\n  min-height: 680px;\n}\n\n.category-card:not(.category-card--tall) {\n  margin-top: 70px;\n}\n\n.category-card img,\n.category-card__scrim {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.category-card img {\n  object-fit: cover;\n  object-position: center;\n  filter: saturate(0.88) contrast(1.03);\n  transition:\n    transform 0.8s var(--hf-ease),\n    filter 0.8s var(--hf-ease);\n}\n\n.category-card__scrim {\n  background: linear-gradient(\n    0deg,\n    rgba(10, 11, 12, 0.9),\n    rgba(10, 11, 12, 0.18) 65%,\n    rgba(10, 11, 12, 0.05)\n  );\n  transition: background 0.5s;\n}\n\n.category-card:hover img {\n  transform: scale(1.045);\n  filter: saturate(1) contrast(1.05);\n}\n\n.category-card:hover .category-card__scrim {\n  background: linear-gradient(\n    0deg,\n    rgba(245, 130, 19, 0.88),\n    rgba(10, 11, 12, 0.18) 72%,\n    rgba(10, 11, 12, 0.05)\n  );\n}\n\n.category-card__number {\n  position: absolute;\n  z-index: 2;\n  top: 26px;\n  right: 27px;\n  color: white;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.14em;\n}\n\n.category-card__content {\n  position: absolute;\n  z-index: 2;\n  right: 30px;\n  bottom: 35px;\n  left: 30px;\n}\n\n.category-card__content small,\n.category-card__content strong,\n.category-card__content b {\n  display: block;\n}\n\n.category-card__content small {\n  margin-bottom: 15px;\n  color: rgba(255, 255, 255, 0.76);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.category-card__content strong {\n  font-size: clamp(39px, 3.7vw, 62px);\n  font-weight: 800;\n  line-height: 0.95;\n  letter-spacing: -0.055em;\n  text-transform: uppercase;\n}\n\n.category-card__content b {\n  margin-top: 24px;\n  color: var(--hf-orange-light);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n  transition:\n    color 0.3s,\n    transform 0.3s;\n}\n\n.category-card:hover .category-card__content b {\n  color: white;\n  transform: translateX(6px);\n}\n\n\/* TREADMILL PICKER *\/\n\n.treadmill-picker {\n  overflow: hidden;\n  background: var(--hf-black);\n  color: white;\n}\n\n.treadmill-picker__shape {\n  position: absolute;\n  top: -45px;\n  right: -35px;\n  color: transparent;\n  font-size: clamp(180px, 25vw, 410px);\n  font-style: italic;\n  font-weight: 900;\n  line-height: 0.8;\n  letter-spacing: -0.09em;\n  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.06);\n  user-select: none;\n}\n\n.section-heading--dark {\n  position: relative;\n  z-index: 1;\n}\n\n.section-heading--dark h2,\n.brand-story h2 {\n  color: white;\n}\n\n.section-heading--dark > p {\n  color: rgba(255, 255, 255, 0.62);\n}\n\n.picker {\n  position: relative;\n  z-index: 1;\n  border-top: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.picker-tabs {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-right: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.picker-tabs button {\n  position: relative;\n  min-height: 86px;\n  padding: 0 25px;\n  border: 0;\n  border-left: 1px solid rgba(255, 255, 255, 0.15);\n  background: transparent;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: pointer;\n  font-size: 23px;\n  font-weight: 800;\n  text-align: left;\n  text-transform: uppercase;\n  transition:\n    color 0.25s,\n    background 0.25s;\n}\n\n.picker-tabs button::after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 4px;\n  background: var(--hf-orange);\n  transform: scaleX(0);\n  transition: transform 0.35s var(--hf-ease);\n}\n\n.picker-tabs button span {\n  display: inline-block;\n  margin-right: 15px;\n  color: rgba(255, 255, 255, 0.38);\n  font-size: 10px;\n  letter-spacing: 0.13em;\n  vertical-align: 4px;\n}\n\n.picker-tabs button:hover,\n.picker-tabs button[aria-selected=\"true\"] {\n  background: rgba(255, 255, 255, 0.04);\n  color: white;\n}\n\n.picker-tabs button[aria-selected=\"true\"]::after {\n  transform: scaleX(1);\n}\n\n.model-panel {\n  display: grid;\n  min-height: 390px;\n  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n  gap: 80px;\n  align-items: center;\n  padding: 64px 58px;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-top: 0;\n  background:\n    linear-gradient(\n      110deg,\n      rgba(255, 255, 255, 0.035) 0 49%,\n      transparent 49%\n    ),\n    var(--hf-dark);\n}\n\n.model-panel[hidden] {\n  display: none;\n}\n\n.model-panel__type {\n  margin: 0 0 15px;\n  color: var(--hf-orange-light);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.model-panel h3 {\n  margin: 0;\n  color: white;\n  font-size: clamp(46px, 5.5vw, 78px);\n  font-weight: 700;\n  line-height: 0.98;\n  letter-spacing: -0.055em;\n  text-transform: uppercase;\n}\n\n.model-panel h3 em {\n  color: var(--hf-orange-light);\n}\n\n.model-panel__intro > p:not(.model-panel__type) {\n  max-width: 580px;\n  margin: 24px 0 27px;\n  color: rgba(255, 255, 255, 0.65);\n  font-size: 16px;\n  line-height: 1.65;\n}\n\n.text-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 18px;\n  color: white;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n}\n\n.text-link span {\n  color: var(--hf-orange-light);\n  font-size: 18px;\n  transition: transform 0.25s;\n}\n\n.text-link:hover span {\n  transform: translate(4px, -4px);\n}\n\n.model-specs {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  margin: 0;\n}\n\n.model-specs > div {\n  min-height: 175px;\n  padding: 24px;\n  border-left: 1px solid rgba(255, 255, 255, 0.13);\n}\n\n.model-specs dt {\n  color: rgba(255, 255, 255, 0.48);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.model-specs dd {\n  margin: 40px 0 0;\n}\n\n.model-specs strong,\n.model-specs span {\n  display: block;\n}\n\n.model-specs strong {\n  color: white;\n  font-size: clamp(25px, 2.4vw, 37px);\n  font-weight: 700;\n  line-height: 0.98;\n  letter-spacing: -0.04em;\n  text-transform: uppercase;\n}\n\n.model-specs span {\n  margin-top: 8px;\n  color: var(--hf-orange-light);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n}\n\n\/* SPEED200 *\/\n\n.speed-feature {\n  overflow: hidden;\n  background: white;\n}\n\n.speed-feature::before {\n  content: \"\";\n  position: absolute;\n  right: -120px;\n  bottom: -220px;\n  width: 500px;\n  height: 500px;\n  border: 1px solid rgba(16, 18, 20, 0.07);\n  transform: rotate(24deg);\n}\n\n.speed-feature__grid {\n  display: grid;\n  grid-template-columns: minmax(420px, 0.92fr) minmax(0, 1.08fr);\n  gap: clamp(70px, 8vw, 140px);\n  align-items: center;\n}\n\n.speed-feature__visual {\n  position: relative;\n  isolation: isolate;\n  max-width: 650px;\n  min-height: 720px;\n}\n\n.speed-feature__visual img {\n  position: absolute;\n  z-index: 2;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  clip-path: polygon(\n    0 0,\n    91% 0,\n    100% 10%,\n    100% 100%,\n    0 100%\n  );\n}\n\n.speed-feature__orange {\n  position: absolute;\n  z-index: 1;\n  top: -26px;\n  right: -27px;\n  width: 75%;\n  height: 104%;\n  background: var(--hf-orange);\n  transform: skewY(-5deg);\n}\n\n.speed-feature__mark {\n  position: absolute;\n  z-index: 3;\n  right: -58px;\n  bottom: 39px;\n  color: white;\n  font-size: clamp(90px, 11vw, 165px);\n  font-style: italic;\n  font-weight: 900;\n  line-height: 0.7;\n  letter-spacing: -0.08em;\n  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n  writing-mode: vertical-rl;\n}\n\n.speed-feature__copy {\n  position: relative;\n  z-index: 1;\n  max-width: 690px;\n}\n\n.speed-feature__lead {\n  max-width: 610px;\n  margin: 32px 0 37px;\n  color: #60656a;\n  font-size: 18px;\n  line-height: 1.72;\n}\n\n.feature-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  margin: 0 0 38px;\n  border-top: 1px solid var(--hf-line);\n  border-bottom: 1px solid var(--hf-line);\n}\n\n.feature-stats > div {\n  padding: 25px 18px 26px 0;\n  border-right: 1px solid var(--hf-line);\n}\n\n.feature-stats > div:not(:first-child) {\n  padding-left: 22px;\n}\n\n.feature-stats > div:last-child {\n  border-right: 0;\n}\n\n.feature-stats dt {\n  margin-bottom: 7px;\n  color: var(--hf-muted);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.feature-stats dd {\n  margin: 0;\n  color: var(--hf-black);\n  font-size: 19px;\n  font-weight: 700;\n  line-height: 1.2;\n  text-transform: uppercase;\n}\n\n\/* ADVANTAGES *\/\n\n.advantages {\n  background: var(--hf-paper);\n}\n\n.advantages-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-top: 1px solid var(--hf-line);\n  border-left: 1px solid var(--hf-line);\n}\n\n.advantage {\n  position: relative;\n  min-height: 330px;\n  padding: 36px 30px;\n  overflow: hidden;\n  border-right: 1px solid var(--hf-line);\n  border-bottom: 1px solid var(--hf-line);\n  transition:\n    color 0.35s,\n    background 0.35s,\n    transform 0.35s var(--hf-ease);\n}\n\n.advantage::before {\n  content: \"\";\n  position: absolute;\n  right: -50px;\n  bottom: -90px;\n  width: 150px;\n  height: 210px;\n  background: var(--hf-orange);\n  opacity: 0;\n  transform: rotate(25deg) translateY(40px);\n  transition:\n    opacity 0.35s,\n    transform 0.45s var(--hf-ease);\n}\n\n.advantage:hover {\n  background: var(--hf-black);\n  color: white;\n  transform: translateY(-7px);\n}\n\n.advantage:hover::before {\n  opacity: 1;\n  transform: rotate(25deg);\n}\n\n.advantage__index {\n  position: absolute;\n  top: 27px;\n  right: 28px;\n  color: var(--hf-orange);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n}\n\n.advantage svg {\n  width: 48px;\n  height: 48px;\n  margin-bottom: 67px;\n  fill: none;\n  stroke: var(--hf-orange);\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.45;\n}\n\n.advantage h3 {\n  margin: 0 0 12px;\n  color: inherit;\n  font-size: 19px;\n  font-weight: 700;\n  line-height: 1.25;\n  text-transform: uppercase;\n}\n\n.advantage p {\n  max-width: 280px;\n  margin: 0;\n  color: var(--hf-muted);\n  font-size: 13px;\n  line-height: 1.6;\n  transition: color 0.35s;\n}\n\n.advantage:hover p {\n  color: rgba(255, 255, 255, 0.66);\n}\n\n\/* BRAND *\/\n\n.brand-story {\n  position: relative;\n  display: grid;\n  min-height: 760px;\n  align-items: center;\n  padding: 145px 0;\n  overflow: hidden;\n  background: #121416;\n  color: white;\n}\n\n.brand-story::after {\n  content: \"\";\n  position: absolute;\n  top: -32%;\n  left: 39%;\n  width: 1px;\n  height: 170%;\n  background: rgba(255, 255, 255, 0.12);\n  transform: rotate(17deg);\n}\n\n.brand-story__word {\n  position: absolute;\n  right: -1vw;\n  bottom: -8%;\n  color: transparent;\n  font-size: clamp(170px, 27vw, 440px);\n  font-style: italic;\n  font-weight: 900;\n  line-height: 0.75;\n  letter-spacing: -0.09em;\n  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.07);\n  user-select: none;\n}\n\n.brand-story__grid {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: clamp(80px, 11vw, 180px);\n  align-items: start;\n}\n\n.brand-story__copy {\n  max-width: 600px;\n  padding-top: 10px;\n}\n\n.brand-story__copy p {\n  margin: 0 0 25px;\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.brand-story__copy .brand-story__lead {\n  color: rgba(255, 255, 255, 0.92);\n  font-size: 21px;\n  font-weight: 500;\n  line-height: 1.58;\n}\n\n.brand-story__signature {\n  display: flex;\n  max-width: 360px;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 55px;\n  padding-top: 18px;\n  border-top: 1px solid rgba(255, 255, 255, 0.18);\n}\n\n.brand-story__signature span {\n  color: var(--hf-orange-light);\n  font-size: 15px;\n  font-style: italic;\n  font-weight: 800;\n  letter-spacing: 0.07em;\n}\n\n.brand-story__signature small {\n  color: rgba(255, 255, 255, 0.42);\n  font-size: 9px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n\/* SERVICE *\/\n\n.service-band {\n  position: relative;\n  padding: 110px 0;\n  overflow: hidden;\n  background: var(--hf-orange);\n  color: var(--hf-black);\n}\n\n.service-band__geometry {\n  position: absolute;\n  top: -150px;\n  right: 9%;\n  width: 190px;\n  height: 640px;\n  border-right: 2px solid rgba(16, 18, 20, 0.18);\n  border-left: 2px solid rgba(16, 18, 20, 0.18);\n  transform: rotate(20deg);\n}\n\n.service-band__geometry::after {\n  content: \"+\";\n  position: absolute;\n  right: -75px;\n  bottom: 120px;\n  color: rgba(16, 18, 20, 0.13);\n  font-size: 180px;\n  font-weight: 300;\n}\n\n.service-band__grid {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: clamp(70px, 10vw, 155px);\n}\n\n.service-band .eyebrow {\n  color: rgba(16, 18, 20, 0.67);\n}\n\n.service-band h2,\n.service-band h2 em {\n  color: var(--hf-black);\n}\n\n.service-band__content > p {\n  max-width: 560px;\n  margin: 2px 0 34px;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 1.65;\n}\n\n.service-band ul {\n  margin: 0 0 39px;\n  padding: 0;\n  border-top: 1px solid rgba(16, 18, 20, 0.25);\n  list-style: none;\n}\n\n.service-band li {\n  display: flex;\n  align-items: center;\n  gap: 19px;\n  padding: 13px 0;\n  border-bottom: 1px solid rgba(16, 18, 20, 0.25);\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.service-band li span {\n  font-size: 9px;\n  letter-spacing: 0.13em;\n}\n\n\/* FOOTER *\/\n\n.site-footer {\n  position: relative;\n  background: #0d0f11;\n  color: white;\n}\n\n.site-footer::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 10%;\n  width: 18%;\n  height: 8px;\n  background: var(--hf-orange);\n  transform: skewX(-25deg);\n}\n\n.footer__top {\n  display: grid;\n  grid-template-columns: minmax(320px, 1.6fr) repeat(3, minmax(150px, 0.75fr));\n  gap: clamp(40px, 5.2vw, 85px);\n  padding-top: 91px;\n  padding-bottom: 76px;\n}\n\n.footer__brand {\n  max-width: 430px;\n}\n\n.footer-logo {\n  display: inline-block;\n  width: 176px;\n  margin-bottom: 28px;\n}\n\n.footer-logo img {\n  width: 100%;\n  height: auto;\n}\n\n.footer__brand > p {\n  max-width: 400px;\n  margin: 0 0 27px;\n  color: rgba(255, 255, 255, 0.58);\n  font-size: 13px;\n  line-height: 1.72;\n}\n\n.footer-contact {\n  display: block;\n  width: fit-content;\n  margin-bottom: 7px;\n  color: white;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.footer-contact span {\n  color: var(--hf-orange-light);\n}\n\n.footer-column h3 {\n  margin: 7px 0 25px;\n  color: var(--hf-orange-light);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.footer-column > a {\n  display: block;\n  width: fit-content;\n  margin-bottom: 11px;\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 13px;\n  font-weight: 500;\n  transition:\n    color 0.2s,\n    transform 0.2s;\n}\n\n.footer-column > a:hover {\n  color: white;\n  transform: translateX(3px);\n}\n\n.footer-column address,\n.footer-column--address > p {\n  margin: 0 0 16px;\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 13px;\n  font-style: normal;\n  line-height: 1.7;\n}\n\n.footer-column--address > p {\n  margin-bottom: 6px;\n  color: white;\n  font-weight: 600;\n}\n\n.footer-column small {\n  display: block;\n  max-width: 200px;\n  color: rgba(255, 255, 255, 0.43);\n  font-size: 10px;\n  line-height: 1.55;\n}\n\n.footer__bottom {\n  display: flex;\n  min-height: 72px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n  border-top: 1px solid rgba(255, 255, 255, 0.12);\n  color: rgba(255, 255, 255, 0.46);\n  font-size: 10px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.footer__bottom > div {\n  display: flex;\n  gap: 24px;\n}\n\n.footer__bottom a:hover {\n  color: white;\n}\n\n\/* ANIMATIONS *\/\n\n.js .reveal {\n  opacity: 0;\n  transform: translateY(34px);\n  transition:\n    opacity 0.75s var(--hf-ease),\n    transform 0.75s var(--hf-ease);\n}\n\n.js .reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.category-grid .reveal:nth-child(2),\n.advantages-grid .reveal:nth-child(2) {\n  transition-delay: 0.08s;\n}\n\n.category-grid .reveal:nth-child(3),\n.advantages-grid .reveal:nth-child(3) {\n  transition-delay: 0.16s;\n}\n\n.advantages-grid .reveal:nth-child(4) {\n  transition-delay: 0.24s;\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1180px) {\n  :root {\n    --hf-shell: min(100% - 48px, 1120px);\n  }\n\n  .desktop-nav {\n    gap: 20px;\n  }\n\n  .nav-link {\n    font-size: 11px;\n  }\n\n  .header__inner {\n    grid-template-columns: 180px 1fr auto;\n  }\n\n  .category-card:not(.category-card--tall) {\n    margin-top: 0;\n  }\n\n  .model-panel {\n    gap: 40px;\n    padding: 55px 40px;\n  }\n\n  .speed-feature__grid {\n    grid-template-columns: minmax(360px, 0.85fr) 1.15fr;\n    gap: 70px;\n  }\n\n  .speed-feature__visual {\n    min-height: 620px;\n  }\n\n  .footer__top {\n    gap: 38px;\n  }\n}\n\n\/* NAVIGATION TABLET *\/\n\n@media (max-width: 980px) {\n  :root {\n    --hf-shell: calc(100% - 40px);\n  }\n\n  .topbar {\n    display: none;\n  }\n\n  .header__inner {\n    min-height: 76px;\n    grid-template-columns: 1fr auto;\n  }\n\n  .brand {\n    width: 142px;\n  }\n\n  .desktop-nav {\n    display: none;\n  }\n\n  .menu-toggle {\n    display: inline-grid;\n  }\n\n  .mobile-nav {\n    inset: 76px 0 0;\n  }\n\n  .hero {\n    min-height: min(820px, calc(100svh - 76px));\n  }\n\n  .section {\n    padding: 95px 0;\n  }\n\n  .section-heading {\n    grid-template-columns: 1fr;\n    gap: 30px;\n    margin-bottom: 48px;\n  }\n\n  .section-heading > p {\n    max-width: 620px;\n  }\n\n  .trust-rail__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .trust-rail article:nth-child(2) {\n    border-right: 0;\n  }\n\n  .trust-rail article:nth-child(n + 3) {\n    border-top: 1px solid var(--hf-line);\n  }\n\n  .category-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .category-card--tall {\n    grid-row: span 2;\n    min-height: 758px;\n  }\n\n  .category-card {\n    min-height: 370px;\n  }\n\n  .model-panel {\n    grid-template-columns: 1fr;\n  }\n\n  .speed-feature__grid {\n    grid-template-columns: 0.9fr 1.1fr;\n    gap: 52px;\n  }\n\n  .speed-feature__visual {\n    min-height: 570px;\n  }\n\n  .feature-stats {\n    grid-template-columns: 1fr;\n  }\n\n  .feature-stats > div,\n  .feature-stats > div:not(:first-child) {\n    padding: 14px 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--hf-line);\n  }\n\n  .feature-stats > div:last-child {\n    border-bottom: 0;\n  }\n\n  .advantages-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .brand-story__grid,\n  .service-band__grid {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }\n\n  .brand-story {\n    min-height: auto;\n    padding: 110px 0;\n  }\n\n  .footer__top {\n    grid-template-columns: 1.4fr repeat(2, 1fr);\n  }\n\n  .footer-column--address {\n    grid-column: 2 \/ -1;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 720px) {\n  :root {\n    --hf-shell: calc(100% - 32px);\n  }\n\n  body.hf-home-page {\n    font-size: 15px;\n  }\n\n  .header__inner {\n    min-height: 70px;\n    gap: 12px;\n  }\n\n  .brand {\n    width: 128px;\n  }\n\n  .icon-button,\n  .menu-toggle {\n    width: 40px;\n    height: 40px;\n  }\n\n  .header-actions {\n    gap: 5px;\n  }\n\n  .mobile-nav {\n    inset: 70px 0 0;\n  }\n\n  .mobile-nav__inner {\n    min-height: calc(100svh - 70px);\n  }\n\n  .section {\n    padding: 76px 0;\n  }\n\n  .section-heading {\n    gap: 24px;\n    margin-bottom: 38px;\n  }\n\n  .section-heading h2,\n  .speed-feature h2,\n  .brand-story h2,\n  .service-band h2 {\n    font-size: clamp(39px, 11.7vw, 58px);\n    line-height: 0.99;\n  }\n\n  .section-heading > p,\n  .speed-feature__lead,\n  .service-band__content > p {\n    font-size: 16px;\n  }\n\n  .eyebrow {\n    margin-bottom: 14px;\n    font-size: 10px;\n  }\n\n  .hero {\n    min-height: max(680px, calc(100svh - 70px));\n    align-items: end;\n  }\n\n  .hero__media img {\n    object-position: center;\n  }\n\n  .hero__shade {\n    background:\n      linear-gradient(\n        0deg,\n        rgba(8, 9, 10, 0.94),\n        rgba(8, 9, 10, 0.57) 46%,\n        rgba(8, 9, 10, 0.04) 76%\n      ),\n      linear-gradient(\n        90deg,\n        rgba(8, 9, 10, 0.35),\n        transparent 70%\n      );\n  }\n\n  .hero__content {\n    padding: 105px 0 58px;\n  }\n\n  .hero h1 {\n    max-width: 560px;\n    font-size: clamp(51px, 15.5vw, 76px);\n    line-height: 0.9;\n  }\n\n  .hero__lead {\n    margin-top: 23px;\n    font-size: 15px;\n    line-height: 1.52;\n  }\n\n  .hero__actions {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 8px;\n    margin-top: 28px;\n  }\n\n  .button {\n    min-height: 53px;\n    gap: 12px;\n    padding: 0 16px;\n    font-size: 10px;\n  }\n\n  .hero__geometry {\n    width: 45%;\n    opacity: 0.62;\n  }\n\n  .hero__scroll {\n    display: none;\n  }\n\n  .trust-rail__grid {\n    width: 100%;\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .trust-rail article {\n    min-height: 102px;\n    gap: 11px;\n    padding: 18px 15px;\n  }\n\n  .trust-rail article:nth-child(odd) {\n    border-left: 0;\n  }\n\n  .trust-rail strong {\n    font-size: 11px;\n  }\n\n  .trust-rail small {\n    font-size: 9px;\n  }\n\n  .category-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    min-height: auto;\n  }\n\n  .category-card,\n  .category-card--tall {\n    min-height: 485px;\n    grid-row: auto;\n  }\n\n  .category-card__content {\n    right: 23px;\n    bottom: 28px;\n    left: 23px;\n  }\n\n  .category-card__content strong {\n    font-size: clamp(42px, 13vw, 60px);\n  }\n\n  .picker-tabs {\n    grid-template-columns: repeat(4, minmax(80px, 1fr));\n    overflow-x: auto;\n  }\n\n  .picker-tabs button {\n    min-height: 70px;\n    padding: 0 13px;\n    font-size: 16px;\n  }\n\n  .picker-tabs button span {\n    display: block;\n    margin: 0 0 4px;\n    font-size: 8px;\n  }\n\n  .model-panel {\n    min-height: 0;\n    gap: 45px;\n    padding: 39px 22px 28px;\n    background: var(--hf-dark);\n  }\n\n  .model-panel h3 {\n    font-size: clamp(42px, 14vw, 64px);\n  }\n\n  .model-panel__intro > p:not(.model-panel__type) {\n    font-size: 14px;\n  }\n\n  .model-specs {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .model-specs > div {\n    min-height: 135px;\n    padding: 15px 10px;\n  }\n\n  .model-specs dd {\n    margin-top: 28px;\n  }\n\n  .model-specs strong {\n    font-size: clamp(18px, 6vw, 27px);\n  }\n\n  .model-specs dt,\n  .model-specs span {\n    font-size: 7px;\n  }\n\n  .speed-feature__grid {\n    display: flex;\n    flex-direction: column;\n    gap: 70px;\n  }\n\n  .speed-feature__visual {\n    width: calc(100% - 18px);\n    min-height: 590px;\n    align-self: flex-start;\n  }\n\n  .speed-feature__orange {\n    right: -18px;\n  }\n\n  .speed-feature__mark {\n    right: -27px;\n    font-size: 94px;\n  }\n\n  .advantages-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .advantage {\n    min-height: 275px;\n  }\n\n  .advantage svg {\n    margin-bottom: 43px;\n  }\n\n  .brand-story {\n    padding: 84px 0;\n  }\n\n  .brand-story__grid {\n    gap: 43px;\n  }\n\n  .brand-story::after {\n    display: none;\n  }\n\n  .brand-story__copy .brand-story__lead {\n    font-size: 18px;\n  }\n\n  .service-band {\n    padding: 78px 0;\n  }\n\n  .service-band__grid {\n    gap: 42px;\n  }\n\n  .service-band__geometry {\n    right: -80px;\n  }\n\n  .footer__top {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 45px 25px;\n    padding-top: 72px;\n    padding-bottom: 52px;\n  }\n\n  .footer__brand,\n  .footer-column--address {\n    grid-column: 1 \/ -1;\n  }\n\n  .footer__bottom {\n    min-height: 0;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 25px 0 31px;\n  }\n\n  .footer__bottom > div {\n    flex-wrap: wrap;\n    gap: 9px 18px;\n  }\n\n  .search-panel {\n    width: calc(100vw - 24px);\n    margin-top: 50px;\n    padding: 48px 22px 34px;\n  }\n}\n\n@media (max-width: 420px) {\n  .header-actions .icon-button:nth-child(2) {\n    display: none;\n  }\n\n  .hero__actions {\n    grid-template-columns: 1fr;\n  }\n\n  .hero h1 {\n    font-size: 14.8vw;\n  }\n\n  .category-card,\n  .category-card--tall {\n    min-height: 430px;\n  }\n\n  .speed-feature__visual {\n    min-height: 510px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html {\n    scroll-behavior: auto;\n  }\n\n  *,\n  *::before,\n  *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  .js .reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  document.documentElement.classList.add(\"js\");\n  document.body.classList.add(\"hf-home-page\");\n\n  const body = document.body;\n  const header = document.querySelector(\"[data-header]\");\n\n  const menuToggle = document.querySelector(\"[data-menu-toggle]\");\n  const mobileNav = document.querySelector(\"[data-mobile-nav]\");\n\n  const productsTrigger = document.querySelector(\n    \"[data-products-trigger]\"\n  );\n\n  const productsMenu = document.querySelector(\n    \"[data-products-menu]\"\n  );\n\n  const searchLayer = document.querySelector(\n    \"[data-search-layer]\"\n  );\n\n  const searchOpen = document.querySelector(\n    \"[data-search-open]\"\n  );\n\n  const searchInput = document.querySelector(\n    \"[data-search-input]\"\n  );\n\n  const searchCloseButtons = document.querySelectorAll(\n    \"[data-search-close]\"\n  );\n\n  let returnFocus = null;\n\n  function setPageLock() {\n    const mobileOpen =\n      menuToggle?.getAttribute(\"aria-expanded\") === \"true\";\n\n    const searchIsOpen =\n      searchLayer && !searchLayer.hidden;\n\n    body.classList.toggle(\n      \"is-locked\",\n      Boolean(mobileOpen || searchIsOpen)\n    );\n  }\n\n  function closeMobileMenu() {\n    if (!menuToggle || !mobileNav) return;\n\n    menuToggle.setAttribute(\"aria-expanded\", \"false\");\n    menuToggle.setAttribute(\"aria-label\", \"Otw\u00f3rz menu\");\n\n    mobileNav.hidden = true;\n\n    setPageLock();\n  }\n\n  function closeProductsMenu() {\n    if (!productsTrigger || !productsMenu) return;\n\n    productsTrigger.setAttribute(\"aria-expanded\", \"false\");\n    productsMenu.hidden = true;\n  }\n\n  function closeSearch() {\n    if (!searchLayer) return;\n\n    searchLayer.hidden = true;\n    searchLayer.removeAttribute(\"data-open\");\n\n    setPageLock();\n\n    if (returnFocus) {\n      returnFocus.focus();\n    }\n\n    returnFocus = null;\n  }\n\n  menuToggle?.addEventListener(\"click\", () => {\n    const willOpen =\n      menuToggle.getAttribute(\"aria-expanded\") !== \"true\";\n\n    closeProductsMenu();\n\n    menuToggle.setAttribute(\n      \"aria-expanded\",\n      String(willOpen)\n    );\n\n    menuToggle.setAttribute(\n      \"aria-label\",\n      willOpen ? \"Zamknij menu\" : \"Otw\u00f3rz menu\"\n    );\n\n    mobileNav.hidden = !willOpen;\n\n    setPageLock();\n  });\n\n  mobileNav?.querySelectorAll(\"a\").forEach((link) => {\n    link.addEventListener(\"click\", closeMobileMenu);\n  });\n\n  productsTrigger?.addEventListener(\"click\", (event) => {\n    event.stopPropagation();\n\n    const willOpen =\n      productsTrigger.getAttribute(\"aria-expanded\") !== \"true\";\n\n    productsTrigger.setAttribute(\n      \"aria-expanded\",\n      String(willOpen)\n    );\n\n    productsMenu.hidden = !willOpen;\n  });\n\n  document.addEventListener(\"click\", (event) => {\n    if (!productsMenu || productsMenu.hidden) return;\n\n    const clickedInsideMenu =\n      productsMenu.contains(event.target);\n\n    const clickedTrigger =\n      productsTrigger?.contains(event.target);\n\n    if (!clickedInsideMenu && !clickedTrigger) {\n      closeProductsMenu();\n    }\n  });\n\n  searchOpen?.addEventListener(\"click\", () => {\n    if (!searchLayer) return;\n\n    returnFocus = document.activeElement;\n\n    closeMobileMenu();\n    closeProductsMenu();\n\n    searchLayer.hidden = false;\n    searchLayer.setAttribute(\"data-open\", \"\");\n\n    setPageLock();\n\n    window.setTimeout(() => {\n      searchInput?.focus();\n    }, 60);\n  });\n\n  searchCloseButtons.forEach((button) => {\n    button.addEventListener(\"click\", closeSearch);\n  });\n\n  document.addEventListener(\"keydown\", (event) => {\n    if (event.key !== \"Escape\") return;\n\n    if (searchLayer && !searchLayer.hidden) {\n      closeSearch();\n      return;\n    }\n\n    closeMobileMenu();\n    closeProductsMenu();\n  });\n\n  const tabs = Array.from(\n    document.querySelectorAll(\"[data-model-tab]\")\n  );\n\n  const panels = Array.from(\n    document.querySelectorAll(\"[data-model-panel]\")\n  );\n\n  function activateModel(model, moveFocus = false) {\n    tabs.forEach((tab) => {\n      const active =\n        tab.dataset.modelTab === model;\n\n      tab.setAttribute(\n        \"aria-selected\",\n        String(active)\n      );\n\n      tab.tabIndex = active ? 0 : -1;\n\n      if (active && moveFocus) {\n        tab.focus();\n      }\n    });\n\n    panels.forEach((panel) => {\n      const active =\n        panel.dataset.modelPanel === model;\n\n      panel.hidden = !active;\n\n      panel.classList.toggle(\n        \"is-active\",\n        active\n      );\n    });\n  }\n\n  tabs.forEach((tab, index) => {\n    tab.addEventListener(\"click\", () => {\n      activateModel(tab.dataset.modelTab);\n    });\n\n    tab.addEventListener(\"keydown\", (event) => {\n      const allowedKeys = [\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Home\",\n        \"End\"\n      ];\n\n      if (!allowedKeys.includes(event.key)) return;\n\n      event.preventDefault();\n\n      let nextIndex = index;\n\n      if (event.key === \"ArrowRight\") {\n        nextIndex = (index + 1) % tabs.length;\n      }\n\n      if (event.key === \"ArrowLeft\") {\n        nextIndex =\n          (index - 1 + tabs.length) % tabs.length;\n      }\n\n      if (event.key === \"Home\") {\n        nextIndex = 0;\n      }\n\n      if (event.key === \"End\") {\n        nextIndex = tabs.length - 1;\n      }\n\n      activateModel(\n        tabs[nextIndex].dataset.modelTab,\n        true\n      );\n    });\n  });\n\n  const revealItems =\n    document.querySelectorAll(\".reveal\");\n\n  if (\"IntersectionObserver\" in window) {\n    const revealObserver =\n      new IntersectionObserver(\n        (entries, observer) => {\n          entries.forEach((entry) => {\n            if (!entry.isIntersecting) return;\n\n            entry.target.classList.add(\n              \"is-visible\"\n            );\n\n            observer.unobserve(entry.target);\n          });\n        },\n        {\n          rootMargin: \"0px 0px -8% 0px\",\n          threshold: 0.08\n        }\n      );\n\n    revealItems.forEach((item) => {\n      revealObserver.observe(item);\n    });\n  } else {\n    revealItems.forEach((item) => {\n      item.classList.add(\"is-visible\");\n    });\n  }\n\n  function updateHeader() {\n    header?.classList.toggle(\n      \"is-scrolled\",\n      window.scrollY > 24\n    );\n  }\n\n  updateHeader();\n\n  window.addEventListener(\n    \"scroll\",\n    updateHeader,\n    { passive: true }\n  );\n\n  const currentYear =\n    document.querySelector(\"[data-current-year]\");\n\n  if (currentYear) {\n    currentYear.textContent =\n      String(new Date().getFullYear());\n  }\n\n  window.addEventListener(\"resize\", () => {\n    if (window.innerWidth > 980) {\n      closeMobileMenu();\n    }\n  });\n})();\n<\/script>\n\n<!-- HALO-FIT: wklej do pola HTML -->\n\n<a class=\"skip-link\" href=\"#main-content\">Przejd\u017a do tre\u015bci<\/a>\n\n<div class=\"topbar\">\n  <div class=\"shell topbar__inner\">\n    <span><strong>Darmowa dostawa<\/strong> w ca\u0142ej Polsce<\/span>\n    <span><strong>24 miesi\u0105ce<\/strong> gwarancji<\/span>\n    <span><strong>W\u0142asny serwis<\/strong> w Warszawie<\/span>\n  <\/div>\n<\/div>\n\n<header class=\"site-header\" data-header>\n  <div class=\"shell header__inner\">\n\n    <a class=\"brand\" href=\"https:\/\/halofit.pl\/\" aria-label=\"Halo-Fit\">\n      <img loading=\"lazy\" decoding=\"async\"\n        src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/logo.webp\"\n        width=\"184\"\n        height=\"62\"\n        alt=\"Halo-Fit\"\n      >\n    <\/a>\n\n    <nav class=\"desktop-nav\" aria-label=\"G\u0142\u00f3wna nawigacja\">\n\n      <div class=\"nav-dropdown\">\n        <button\n          class=\"nav-link nav-link--button\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"products-menu\"\n          data-products-trigger\n        >\n          Produkty\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n            <path d=\"m4 6 4 4 4-4\"\/>\n          <\/svg>\n        <\/button>\n\n        <div\n          class=\"products-menu\"\n          id=\"products-menu\"\n          data-products-menu\n          hidden\n        >\n          <div class=\"products-menu__grid\">\n\n            <a\n              class=\"menu-feature\"\n              href=\"https:\/\/halofit.pl\/product-category\/bieznie-elektryczne-domowe\/\"\n            >\n              <span class=\"menu-feature__index\">01<\/span>\n              <span class=\"menu-feature__title\">Bie\u017cnie<\/span>\n              <span>Chodzenie, marsz i bieg w domu<\/span>\n            <\/a>\n\n            <div class=\"menu-column\">\n              <p>Trening w domu<\/p>\n              <a href=\"https:\/\/halofit.pl\/product-category\/rowery\/\">Rowery treningowe<\/a>\n              <a href=\"https:\/\/halofit.pl\/product-category\/drazki\/\">Dr\u0105\u017cki<\/a>\n              <a href=\"https:\/\/halofit.pl\/product-category\/steppery\/\">Steppery<\/a>\n              <a href=\"https:\/\/halofit.pl\/product-category\/lawki-inwersyjne-grawitacyjne\/\">\u0141awki inwersyjne<\/a>\n            <\/div>\n\n            <div class=\"menu-column\">\n              <p>Sport i ogr\u00f3d<\/p>\n              <a href=\"https:\/\/halofit.pl\/product-category\/kosze-siatki-bramki-sportowe\/\">Kosze, siatki i bramki<\/a>\n              <a href=\"https:\/\/halofit.pl\/product-category\/trampoliny\/\">Trampoliny<\/a>\n              <a href=\"https:\/\/halofit.pl\/product-category\/hamakihustawki\/\">Hamaki i hu\u015btawki<\/a>\n            <\/div>\n\n            <div class=\"menu-column\">\n              <p>Woda i okazje<\/p>\n              <a href=\"https:\/\/halofit.pl\/product-category\/deski-sup\/\">Deski SUP<\/a>\n              <a href=\"https:\/\/halofit.pl\/product-category\/towary-przecenione\/\">Outlet<\/a>\n              <a class=\"menu-all\" href=\"https:\/\/halofit.pl\/shop\/\">Wszystkie produkty \u2192<\/a>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a class=\"nav-link nav-link--accent\" href=\"https:\/\/halofit.pl\/product-category\/bieznie-elektryczne-domowe\/\">\n        Bie\u017cnie\n      <\/a>\n\n      <a class=\"nav-link\" href=\"#porownanie\">Jak wybra\u0107<\/a>\n      <a class=\"nav-link\" href=\"#serwis\">Serwis i gwarancja<\/a>\n      <a class=\"nav-link\" href=\"#o-marce\">O Halo-Fit<\/a>\n    <\/nav>\n\n    <div class=\"header-actions\">\n\n      <button\n        class=\"icon-button\"\n        type=\"button\"\n        aria-label=\"Otw\u00f3rz wyszukiwark\u0119\"\n        data-search-open\n      >\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"11\" cy=\"11\" r=\"6.5\"\/>\n          <path d=\"m16 16 4.2 4.2\"\/>\n        <\/svg>\n      <\/button>\n\n      <a\n        class=\"icon-button\"\n        href=\"https:\/\/halofit.pl\/cart\/\"\n        aria-label=\"Koszyk\"\n      >\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M3 4h2l2.1 10.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L20.5 8H6\"\/>\n          <circle cx=\"9.5\" cy=\"20\" r=\"1\"\/>\n          <circle cx=\"17\" cy=\"20\" r=\"1\"\/>\n        <\/svg>\n      <\/a>\n\n      <button\n        class=\"menu-toggle\"\n        type=\"button\"\n        aria-label=\"Otw\u00f3rz menu\"\n        aria-expanded=\"false\"\n        aria-controls=\"mobile-nav\"\n        data-menu-toggle\n      >\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n\n    <\/div>\n  <\/div>\n\n  <nav\n    class=\"mobile-nav\"\n    id=\"mobile-nav\"\n    aria-label=\"Menu mobilne\"\n    data-mobile-nav\n    hidden\n  >\n    <div class=\"mobile-nav__inner\">\n\n      <a href=\"https:\/\/halofit.pl\/shop\/\">\n        Wszystkie produkty <span>\u2192<\/span>\n      <\/a>\n\n      <a href=\"https:\/\/halofit.pl\/product-category\/bieznie-elektryczne-domowe\/\">\n        Bie\u017cnie <span>01<\/span>\n      <\/a>\n\n      <a href=\"#porownanie\">Jak wybra\u0107 <span>02<\/span><\/a>\n      <a href=\"#kategorie\">Kategorie <span>03<\/span><\/a>\n      <a href=\"#serwis\">Serwis i gwarancja <span>04<\/span><\/a>\n      <a href=\"#o-marce\">O Halo-Fit <span>05<\/span><\/a>\n\n      <div class=\"mobile-nav__meta\">\n        <a href=\"tel:+48511592310\">+48 511 592 310<\/a>\n        <a href=\"mailto:support@halofit.pl\">support@halofit.pl<\/a>\n      <\/div>\n\n    <\/div>\n  <\/nav>\n<\/header>\n\n<div class=\"search-layer\" data-search-layer hidden>\n\n  <button\n    class=\"search-layer__backdrop\"\n    type=\"button\"\n    aria-label=\"Zamknij wyszukiwark\u0119\"\n    data-search-close\n  ><\/button>\n\n  <div\n    class=\"search-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"search-title\"\n  >\n    <button\n      class=\"search-panel__close\"\n      type=\"button\"\n      aria-label=\"Zamknij\"\n      data-search-close\n    >\n      \u00d7\n    <\/button>\n\n    <p class=\"eyebrow\">Szukaj w Halo-Fit<\/p>\n    <h2 id=\"search-title\">Czego potrzebujesz?<\/h2>\n\n    <form\n      class=\"search-form\"\n      action=\"https:\/\/halofit.pl\/\"\n      method=\"get\"\n      role=\"search\"\n    >\n      <label class=\"sr-only\" for=\"site-search\">Nazwa produktu lub model<\/label>\n\n      <input\n        id=\"site-search\"\n        name=\"s\"\n        type=\"search\"\n        placeholder=\"Np. bie\u017cnia X150\"\n        autocomplete=\"off\"\n        required\n        data-search-input\n      >\n\n      <input type=\"hidden\" name=\"post_type\" value=\"product\">\n\n      <button type=\"submit\" aria-label=\"Szukaj\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h13M13 6l6 6-6 6\"\/>\n        <\/svg>\n      <\/button>\n    <\/form>\n\n    <div class=\"search-suggestions\">\n      <span>Popularne:<\/span>\n      <a href=\"https:\/\/halofit.pl\/product-category\/bieznie-elektryczne-domowe\/\">bie\u017cnie<\/a>\n      <a href=\"https:\/\/halofit.pl\/?s=X150&#038;post_type=product\">X150<\/a>\n      <a href=\"https:\/\/halofit.pl\/?s=Speed200&#038;post_type=product\">Speed200<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<main id=\"main-content\">\n\n  <section class=\"hero\" aria-labelledby=\"hero-title\">\n\n    <picture class=\"hero__media\">\n      <source\n        media=\"(max-width:720px)\"\n        srcset=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-hero-mobile.webp\"\n      >\n\n      <img decoding=\"async\"\n        src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-hero-desktop.webp\"\n        width=\"1672\"\n        height=\"941\"\n        alt=\"Sportowa kobieta trenuj\u0105ca na bie\u017cni Halo-Fit w nowoczesnym wn\u0119trzu\"\n        fetchpriority=\"high\"\n      >\n    <\/picture>\n\n    <div class=\"hero__shade\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"hero__geometry\" aria-hidden=\"true\">\n      <i><\/i>\n      <i><\/i>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"shell hero__content\">\n      <p class=\"eyebrow eyebrow--light\">\n        Domowy trening \/\/ bez kompromis\u00f3w\n      <\/p>\n\n      <h1 id=\"hero-title\">\n        Trenuj na<br>\n        <em>w\u0142asnych zasadach.<\/em>\n      <\/h1>\n\n      <p class=\"hero__lead\">\n        Kompaktowy sprz\u0119t fitness do domu i aktywnego wypoczynku \u2014\n        z szybk\u0105 dostaw\u0105 i wsparciem po zakupie.\n      <\/p>\n\n      <div class=\"hero__actions\">\n        <a\n          class=\"button button--primary\"\n          href=\"https:\/\/halofit.pl\/product-category\/bieznie-elektryczne-domowe\/\"\n        >\n          Zobacz bie\u017cnie <span>\u2197<\/span>\n        <\/a>\n\n        <a class=\"button button--ghost\" href=\"#porownanie\">\n          Dobierz model\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <a class=\"hero__scroll\" href=\"#kategorie\" aria-label=\"Przejd\u017a do kategorii\">\n      <span><\/span>\n      Odkrywaj\n    <\/a>\n  <\/section>\n\n  <section class=\"trust-rail\">\n    <div class=\"shell trust-rail__grid\">\n\n      <article>\n        <span>01<\/span>\n        <div>\n          <strong>Dostawa bez dop\u0142at<\/strong>\n          <small>Wysy\u0142ka z Warszawy<\/small>\n        <\/div>\n      <\/article>\n\n      <article>\n        <span>02<\/span>\n        <div>\n          <strong>24 miesi\u0105ce gwarancji<\/strong>\n          <small>Jasne warunki ochrony<\/small>\n        <\/div>\n      <\/article>\n\n      <article>\n        <span>03<\/span>\n        <div>\n          <strong>Pomoc po zakupie<\/strong>\n          <small>Kontakt z naszym zespo\u0142em<\/small>\n        <\/div>\n      <\/article>\n\n      <article>\n        <span>04<\/span>\n        <div>\n          <strong>Sprawdzone konstrukcje<\/strong>\n          <small>Do realnych mieszka\u0144<\/small>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <div class=\"motion-line\" aria-hidden=\"true\">\n    <div class=\"motion-line__track\">\n      <span>Ruch w domu<\/span><i><\/i>\n      <span>Forma na zewn\u0105trz<\/span><i><\/i>\n      <span>Energia ka\u017cdego dnia<\/span><i><\/i>\n      <span>Ruch w domu<\/span><i><\/i>\n      <span>Forma na zewn\u0105trz<\/span><i><\/i>\n      <span>Energia ka\u017cdego dnia<\/span><i><\/i>\n    <\/div>\n  <\/div>\n\n  <section\n    class=\"section categories\"\n    id=\"kategorie\"\n    aria-labelledby=\"categories-title\"\n  >\n    <div class=\"shell\">\n\n      <div class=\"section-heading reveal\">\n        <div>\n          <p class=\"eyebrow\">Wybierz sw\u00f3j kierunek<\/p>\n          <h2 id=\"categories-title\">\n            Ruch nie ma<br>\n            <em>jednego rytmu.<\/em>\n          <\/h2>\n        <\/div>\n\n        <p>\n          Od codziennego cardio po letni trening na wodzie.\n          Sprz\u0119t ma pasowa\u0107 do Twojego \u017cycia \u2014 nie odwrotnie.\n        <\/p>\n      <\/div>\n\n      <div class=\"category-grid\">\n\n        <a\n          class=\"category-card category-card--tall reveal\"\n          href=\"https:\/\/halofit.pl\/product-category\/bieznie-elektryczne-domowe\/\"\n        >\n          <img decoding=\"async\"\n            src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-category-training.webp\"\n            width=\"941\"\n            height=\"1672\"\n            alt=\"Trening w domu ze sprz\u0119tem Halo-Fit\"\n            loading=\"lazy\"\n          >\n\n          <span class=\"category-card__scrim\"><\/span>\n          <span class=\"category-card__number\">01<\/span>\n\n          <span class=\"category-card__content\">\n            <small>Bie\u017cnie \/ Rowery \/ Dr\u0105\u017cki<\/small>\n            <strong>Trening<br>w domu<\/strong>\n            <b>Odkryj kategori\u0119 \u2197<\/b>\n          <\/span>\n        <\/a>\n\n        <a\n          class=\"category-card reveal\"\n          href=\"https:\/\/halofit.pl\/product-category\/kosze-siatki-bramki-sportowe\/\"\n        >\n          <img decoding=\"async\"\n            src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-category-outdoor.webp\"\n            width=\"992\"\n            height=\"1586\"\n            alt=\"Aktywny sport na zewn\u0105trz\"\n            loading=\"lazy\"\n          >\n\n          <span class=\"category-card__scrim\"><\/span>\n          <span class=\"category-card__number\">02<\/span>\n\n          <span class=\"category-card__content\">\n            <small>Gry \/ Ogr\u00f3d \/ Rodzina<\/small>\n            <strong>Sport<br>i ogr\u00f3d<\/strong>\n            <b>Odkryj kategori\u0119 \u2197<\/b>\n          <\/span>\n        <\/a>\n\n        <a\n          class=\"category-card reveal\"\n          href=\"https:\/\/halofit.pl\/product-category\/deski-sup\/\"\n        >\n          <img decoding=\"async\"\n            src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-category-water.webp\"\n            width=\"1122\"\n            height=\"1402\"\n            alt=\"Sport na desce SUP Halo-Fit\"\n            loading=\"lazy\"\n          >\n\n          <span class=\"category-card__scrim\"><\/span>\n          <span class=\"category-card__number\">03<\/span>\n\n          <span class=\"category-card__content\">\n            <small>SUP \/ Woda \/ Relaks<\/small>\n            <strong>Woda<br>i relaks<\/strong>\n            <b>Odkryj kategori\u0119 \u2197<\/b>\n          <\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section\n    class=\"section treadmill-picker\"\n    id=\"porownanie\"\n    aria-labelledby=\"picker-title\"\n  >\n    <div class=\"treadmill-picker__shape\" aria-hidden=\"true\">RUN<\/div>\n\n    <div class=\"shell\">\n\n      <div class=\"section-heading section-heading--dark reveal\">\n        <div>\n          <p class=\"eyebrow eyebrow--light\">\n            Cztery modele. Cztery potrzeby.\n          <\/p>\n\n          <h2 id=\"picker-title\">\n            Znajd\u017a bie\u017cni\u0119<br>\n            <em>dla swojego tempa.<\/em>\n          <\/h2>\n        <\/div>\n\n        <p>\n          Bez dziesi\u0105tek filtr\u00f3w. Wybierz spos\u00f3b treningu,\n          a od razu zobaczysz najwa\u017cniejsze r\u00f3\u017cnice.\n        <\/p>\n      <\/div>\n\n      <div class=\"picker reveal\">\n\n        <div class=\"picker-tabs\" role=\"tablist\" aria-label=\"Modele bie\u017cni\">\n\n          <button\n            id=\"tab-x50\"\n            role=\"tab\"\n            aria-selected=\"true\"\n            aria-controls=\"panel-x50\"\n            tabindex=\"0\"\n            data-model-tab=\"x50\"\n          >\n            <span>01<\/span>X50\n          <\/button>\n\n          <button\n            id=\"tab-vela\"\n            role=\"tab\"\n            aria-selected=\"false\"\n            aria-controls=\"panel-vela\"\n            tabindex=\"-1\"\n            data-model-tab=\"vela\"\n          >\n            <span>02<\/span>Vela\n          <\/button>\n\n          <button\n            id=\"tab-eva\"\n            role=\"tab\"\n            aria-selected=\"false\"\n            aria-controls=\"panel-eva\"\n            tabindex=\"-1\"\n            data-model-tab=\"eva\"\n          >\n            <span>03<\/span>EVA\n          <\/button>\n\n          <button\n            id=\"tab-x150\"\n            role=\"tab\"\n            aria-selected=\"false\"\n            aria-controls=\"panel-x150\"\n            tabindex=\"-1\"\n            data-model-tab=\"x150\"\n          >\n            <span>04<\/span>X150\n          <\/button>\n\n        <\/div>\n\n        <div class=\"picker-panels\">\n\n          <article\n            class=\"model-panel is-active\"\n            id=\"panel-x50\"\n            role=\"tabpanel\"\n            aria-labelledby=\"tab-x50\"\n            data-model-panel=\"x50\"\n          >\n            <div class=\"model-panel__intro\">\n              <p class=\"model-panel__type\">\n                Walking pad \/\/ praca i spacer\n              <\/p>\n\n              <h3>Halo-Fit <em>X50<\/em><\/h3>\n\n              <p>\n                Najprostszy spos\u00f3b, by doda\u0107 ruch do dnia.\n                Kompaktowa bie\u017cnia do chodzenia, tak\u017ce podczas pracy przy biurku.\n              <\/p>\n\n              <a\n                class=\"text-link\"\n                href=\"https:\/\/halofit.pl\/produkt\/bieznia-elektryczna-domowa-spacerowa-x50\/\"\n              >\n                Sprawd\u017a X50 <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n\n            <dl class=\"model-specs\">\n              <div>\n                <dt>Pr\u0119dko\u015b\u0107<\/dt>\n                <dd><strong>1\u20136<\/strong><span>km\/h<\/span><\/dd>\n              <\/div>\n\n              <div>\n                <dt>Charakter<\/dt>\n                <dd><strong>Walk<\/strong><span>codzienny ruch<\/span><\/dd>\n              <\/div>\n\n              <div>\n                <dt>Najlepsza do<\/dt>\n                <dd><strong>Biurka<\/strong><span>i ma\u0142ego wn\u0119trza<\/span><\/dd>\n              <\/div>\n            <\/dl>\n          <\/article>\n\n          <article\n            class=\"model-panel\"\n            id=\"panel-vela\"\n            role=\"tabpanel\"\n            aria-labelledby=\"tab-vela\"\n            data-model-panel=\"vela\"\n            hidden\n          >\n            <div class=\"model-panel__intro\">\n              <p class=\"model-panel__type\">\n                Kompaktowa \/\/ z nachyleniem\n              <\/p>\n\n              <h3>Halo-Fit <em>Vela<\/em><\/h3>\n\n              <p>\n                Do szybkiego marszu i lekkiego biegu,\n                gdy liczy si\u0119 ma\u0142y rozmiar i proste sk\u0142adanie.\n              <\/p>\n\n              <a\n                class=\"text-link\"\n                href=\"https:\/\/halofit.pl\/produkt\/bieznia-elektryczna-domowa-skladana-vela\/\"\n              >\n                Sprawd\u017a Vel\u0119 <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n\n            <dl class=\"model-specs\">\n              <div>\n                <dt>Pr\u0119dko\u015b\u0107<\/dt>\n                <dd><strong>1\u201310<\/strong><span>km\/h<\/span><\/dd>\n              <\/div>\n\n              <div>\n                <dt>Nachylenie<\/dt>\n                <dd><strong>7%<\/strong><span>manualne<\/span><\/dd>\n              <\/div>\n\n              <div>\n                <dt>Ud\u017awig<\/dt>\n                <dd><strong>100<\/strong><span>kg<\/span><\/dd>\n              <\/div>\n            <\/dl>\n          <\/article>\n\n          <article\n            class=\"model-panel\"\n            id=\"panel-eva\"\n            role=\"tabpanel\"\n            aria-labelledby=\"tab-eva\"\n            data-model-panel=\"eva\"\n            hidden\n          >\n            <div class=\"model-panel__intro\">\n              <p class=\"model-panel__type\">\n                Cardio \/\/ kontrola treningu\n              <\/p>\n\n              <h3>Halo-Fit <em>EVA<\/em><\/h3>\n\n              <p>\n                Dla os\u00f3b, kt\u00f3re chc\u0105 trenowa\u0107 wed\u0142ug programu\n                i obserwowa\u0107 puls bez rozbudowanego sprz\u0119tu.\n              <\/p>\n\n              <a\n                class=\"text-link\"\n                href=\"https:\/\/halofit.pl\/produkt\/bieznia-domowa-elektryczna-skladana-eva\/\"\n              >\n                Sprawd\u017a EVA <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n\n            <dl class=\"model-specs\">\n              <div>\n                <dt>Pr\u0119dko\u015b\u0107<\/dt>\n                <dd><strong>1\u201312<\/strong><span>km\/h<\/span><\/dd>\n              <\/div>\n\n              <div>\n                <dt>Programy<\/dt>\n                <dd><strong>12<\/strong><span>tryb\u00f3w<\/span><\/dd>\n              <\/div>\n\n              <div>\n                <dt>Pomiar<\/dt>\n                <dd><strong>Puls<\/strong><span>w uchwytach<\/span><\/dd>\n              <\/div>\n            <\/dl>\n          <\/article>\n\n          <article\n            class=\"model-panel\"\n            id=\"panel-x150\"\n            role=\"tabpanel\"\n            aria-labelledby=\"tab-x150\"\n            data-model-panel=\"x150\"\n            hidden\n          >\n            <div class=\"model-panel__intro\">\n              <p class=\"model-panel__type\">\n                Wi\u0119kszy pas \/\/ regularny bieg\n              <\/p>\n\n              <h3>Halo-Fit <em>X150<\/em><\/h3>\n\n              <p>\n                Najbardziej wszechstronny model:\n                szeroki pas, bezszczotkowy silnik i szybkie sk\u0142adanie.\n              <\/p>\n\n              <a\n                class=\"text-link\"\n                href=\"https:\/\/halofit.pl\/produkt\/bieznia-domowa-elektryczna-skladana-x150\/\"\n              >\n                Sprawd\u017a X150 <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n\n            <dl class=\"model-specs\">\n              <div>\n                <dt>Pr\u0119dko\u015b\u0107<\/dt>\n                <dd><strong>1\u201312<\/strong><span>km\/h<\/span><\/dd>\n              <\/div>\n\n              <div>\n                <dt>Pas biegowy<\/dt>\n                <dd><strong>107\u00d742<\/strong><span>cm<\/span><\/dd>\n              <\/div>\n\n              <div>\n                <dt>Silnik<\/dt>\n                <dd><strong>1,5 KM<\/strong><span>bezszczotkowy<\/span><\/dd>\n              <\/div>\n            <\/dl>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"section speed-feature\" aria-labelledby=\"speed-title\">\n    <div class=\"shell speed-feature__grid\">\n\n      <div class=\"speed-feature__visual reveal\">\n        <div class=\"speed-feature__orange\" aria-hidden=\"true\"><\/div>\n\n        <img decoding=\"async\"\n          src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-product-speed200.webp\"\n          width=\"972\"\n          height=\"1619\"\n          alt=\"Sportowa kobieta trenuj\u0105ca na rowerze spinningowym Halo-Fit Speed200\"\n          loading=\"lazy\"\n        >\n\n        <span class=\"speed-feature__mark\" aria-hidden=\"true\">200<\/span>\n      <\/div>\n\n      <div class=\"speed-feature__copy reveal\">\n        <p class=\"eyebrow\">Cardio \/ Speed200<\/p>\n\n        <h2 id=\"speed-title\">\n          Mocna forma.<br>\n          <em>Zero wym\u00f3wek.<\/em>\n        <\/h2>\n\n        <p class=\"speed-feature__lead\">\n          Stabilna, regulowana konstrukcja do intensywnego cardio w domu.\n          Charakterystyczne pomara\u0144czowe detale pokazuj\u0105,\n          \u017ce Speed200 nale\u017cy do \u015bwiata Halo-Fit.\n        <\/p>\n\n        <dl class=\"feature-stats\">\n          <div>\n            <dt>Ko\u0142o zamachowe<\/dt>\n            <dd>10 kg<\/dd>\n          <\/div>\n\n          <div>\n            <dt>Maks. obci\u0105\u017cenie<\/dt>\n            <dd>120 kg<\/dd>\n          <\/div>\n\n          <div>\n            <dt>Regulacja<\/dt>\n            <dd>Siode\u0142ko + kierownica<\/dd>\n          <\/div>\n        <\/dl>\n\n        <a\n          class=\"button button--dark\"\n          href=\"https:\/\/halofit.pl\/produkt\/rower-treningowy-domowy-spiningowy\/\"\n        >\n          Zobacz Speed200 <span>\u2197<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"section advantages\" aria-labelledby=\"advantages-title\">\n    <div class=\"shell\">\n\n      <div class=\"section-heading reveal\">\n        <div>\n          <p class=\"eyebrow\">Dlaczego Halo-Fit<\/p>\n\n          <h2 id=\"advantages-title\">\n            Sprz\u0119t ma dzia\u0142a\u0107.<br>\n            <em>Tak\u017ce po zakupie.<\/em>\n          <\/h2>\n        <\/div>\n\n        <p>\n          Licz\u0105 si\u0119 praktyczna konstrukcja, jasne informacje\n          i bezpo\u015bredni kontakt, kiedy go potrzebujesz.\n        <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gspb_container-id-gsbp-4f1bf65{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-4f1bf65.gspb_container>p:last-of-type{margin-bottom:0}#gspb_container-id-gsbp-4f1bf65.gspb_container{position:relative;box-sizing:border-box}","footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":1,"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}