{"id":427,"date":"2026-09-29T07:20:47","date_gmt":"2026-09-29T07:20:47","guid":{"rendered":"https:\/\/farizon.com.sg\/new\/?page_id=427"},"modified":"2026-09-29T08:45:12","modified_gmt":"2026-09-29T08:45:12","slug":"h9e","status":"publish","type":"page","link":"https:\/\/farizon.com.sg\/?page_id=427","title":{"rendered":"H9E"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON H9E\n   SECTION 01 \u2014 HEAVY-DUTY OPENING\n   REFINED VERSION\n========================================================= *\/\n\n.fz-h9e-opening,\n.fz-h9e-opening *,\n.fz-h9e-opening *::before,\n.fz-h9e-opening *::after {\n  box-sizing: border-box;\n}\n\n.fz-h9e-opening {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #1d2a38;\n  --text: #5d6672;\n  --muted: #8190a0;\n  --line: #e2e7eb;\n  --light: #f5f6f8;\n  --white: #ffffff;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    54px\n    24px\n    0;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 8% 10%,\n      rgba(255,100,51,.06),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f5f7f9 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.fz-h9e-opening__inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   MAIN GRID\n========================================================= *\/\n\n.fz-h9e-opening__grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(410px,.88fr)\n    minmax(0,1.12fr);\n\n  gap: 58px;\n\n  align-items: center;\n}\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.fz-h9e-opening__copy {\n  position: relative;\n\n  z-index: 4;\n\n  padding:\n    26px\n    0\n    42px;\n}\n\n\n.fz-h9e-opening__eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 18px;\n\n  color:\n    var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.6px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-h9e-opening__eyebrow::before {\n  content: \"\";\n\n  width: 32px;\n  height: 2px;\n\n  background:\n    var(--orange);\n}\n\n\n.fz-h9e-opening h1 {\n  max-width: 620px;\n\n  margin:\n    0\n    0\n    22px;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      48px,\n      5vw,\n      70px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.01;\n\n  letter-spacing: -2px;\n}\n\n\n.fz-h9e-opening h1 span {\n  display: block;\n\n  color:\n    var(--orange);\n}\n\n\n.fz-h9e-opening__description {\n  max-width: 585px;\n\n  margin:\n    0\n    0\n    30px;\n\n  color:\n    var(--text);\n\n  font-size: 15px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.fz-h9e-opening__actions {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 11px;\n}\n\n\n.fz-h9e-opening__btn {\n  min-height: 50px;\n\n  padding:\n    0\n    21px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #ffffff;\n\n  color:\n    var(--navy);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  text-decoration: none;\n\n  transition:\n    background .22s ease,\n    color .22s ease,\n    border-color .22s ease,\n    transform .22s ease;\n}\n\n\n.fz-h9e-opening__btn--primary {\n  border-color:\n    var(--orange);\n\n  background:\n    var(--orange);\n\n  color:\n    #ffffff;\n}\n\n\n.fz-h9e-opening__btn--primary:hover {\n  border-color:\n    var(--orange-dark);\n\n  background:\n    var(--orange-dark);\n\n  color:\n    #ffffff;\n\n  transform:\n    translateY(-2px);\n}\n\n\n.fz-h9e-opening__btn--secondary:hover {\n  border-color:\n    var(--orange);\n\n  color:\n    var(--orange);\n\n  transform:\n    translateY(-2px);\n}\n\n\n\/* configuration note *\/\n\n.fz-h9e-opening__config-note {\n  margin-top: 22px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  color:\n    var(--muted);\n\n  font-size: 10px;\n\n  line-height: 1.5;\n}\n\n\n.fz-h9e-opening__config-note::before {\n  content: \"\";\n\n  width: 22px;\n  height: 1px;\n\n  flex: 0 0 auto;\n\n  background:\n    var(--orange);\n}\n\n\n.fz-h9e-opening__config-note strong {\n  color:\n    var(--navy);\n}\n\n\n\/* =========================================================\n   HERO IMAGE\n========================================================= *\/\n\n.fz-h9e-opening__visual {\n  position: relative;\n\n  height: 610px;\n\n  overflow: hidden;\n\n  background:\n    #dfe4e8;\n}\n\n\n.fz-h9e-opening__visual img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  object-position: center;\n\n  transform:\n    scale(1.001);\n\n  transition:\n    transform 1.1s cubic-bezier(.2,.65,.3,1);\n}\n\n\n.fz-h9e-opening__visual:hover img {\n  transform:\n    scale(1.025);\n}\n\n\n\/* cinematic shading *\/\n\n.fz-h9e-opening__visual::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 2;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(20,34,47,.10) 0%,\n      transparent 32%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(18,31,43,.34) 0%,\n      transparent 42%\n    );\n}\n\n\n\/* =========================================================\n   ANIMATED TECH LINE\n========================================================= *\/\n\n.fz-h9e-opening__scan {\n  position: absolute;\n\n  z-index: 3;\n\n  left: 0;\n  right: 0;\n\n  bottom: 0;\n\n  height: 4px;\n\n  overflow: hidden;\n\n  background:\n    rgba(255,255,255,.12);\n}\n\n\n.fz-h9e-opening__scan::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 34%;\n  height: 100%;\n\n  left: -35%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      transparent\n    );\n\n  animation:\n    fzH9EScan\n    3.8s\n    linear\n    infinite;\n}\n\n\n\/* =========================================================\n   IMAGE INFORMATION\n========================================================= *\/\n\n.fz-h9e-opening__image-tag {\n  position: absolute;\n\n  z-index: 4;\n\n  left: 22px;\n  top: 22px;\n\n  padding:\n    13px\n    15px;\n\n  background:\n    rgba(29,42,56,.90);\n\n  backdrop-filter:\n    blur(10px);\n\n  -webkit-backdrop-filter:\n    blur(10px);\n}\n\n\n.fz-h9e-opening__image-tag span {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color:\n    var(--orange);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-h9e-opening__image-tag strong {\n  color:\n    #ffffff;\n\n  font-size: 13px;\n  font-weight: 650;\n}\n\n\n\/* configuration badge *\/\n\n.fz-h9e-opening__image-config {\n  position: absolute;\n\n  z-index: 4;\n\n  right: 22px;\n  bottom: 22px;\n\n  min-width: 205px;\n\n  padding:\n    15px\n    17px;\n\n  background:\n    rgba(29,42,56,.91);\n\n  backdrop-filter:\n    blur(10px);\n\n  -webkit-backdrop-filter:\n    blur(10px);\n}\n\n\n.fz-h9e-opening__image-config span {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color:\n    rgba(255,255,255,.48);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-h9e-opening__image-config strong {\n  display: block;\n\n  color:\n    #ffffff;\n\n  font-size: 15px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   KEY STATS\n========================================================= *\/\n\n.fz-h9e-opening__stats {\n  position: relative;\n\n  z-index: 5;\n\n  margin-top: 0;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  background:\n    var(--navy);\n\n  border-top:\n    3px solid\n    var(--orange);\n}\n\n\n.fz-h9e-opening__stat {\n  position: relative;\n\n  min-height: 122px;\n\n  padding:\n    26px\n    27px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  overflow: hidden;\n}\n\n\n.fz-h9e-opening__stat +\n.fz-h9e-opening__stat {\n  border-left:\n    1px solid\n    rgba(255,255,255,.11);\n}\n\n\n\/* subtle animated bottom line *\/\n\n.fz-h9e-opening__stat::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: 0;\n\n  width: 0;\n  height: 2px;\n\n  background:\n    var(--orange);\n\n  transition:\n    width 1s cubic-bezier(.2,.7,.3,1);\n}\n\n\n.fz-h9e-opening.is-visible\n.fz-h9e-opening__stat::after {\n  width: 100%;\n}\n\n\n.fz-h9e-opening__stat-number {\n  display: flex;\n\n  align-items: baseline;\n\n  gap: 4px;\n\n  margin-bottom: 7px;\n\n  color:\n    #ffffff;\n\n  font-size: 30px;\n  font-weight: 700;\n\n  line-height: 1;\n\n  letter-spacing: -.7px;\n}\n\n\n.fz-h9e-opening__stat-number small {\n  color:\n    rgba(255,255,255,.75);\n\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\n.fz-h9e-opening__stat-label {\n  color:\n    rgba(255,255,255,.55);\n\n  font-size: 10px;\n  font-weight: 600;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   FOOTNOTE\n========================================================= *\/\n\n.fz-h9e-opening__note {\n  padding:\n    15px\n    0\n    18px;\n\n  color:\n    var(--muted);\n\n  font-size: 9px;\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes fzH9EScan {\n\n  from {\n    left: -35%;\n  }\n\n  to {\n    left: 110%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-h9e-opening {\n    padding:\n      42px\n      22px\n      0;\n  }\n\n\n  .fz-h9e-opening__grid {\n    grid-template-columns:\n      minmax(330px,.9fr)\n      minmax(0,1.1fr);\n\n    gap: 38px;\n  }\n\n\n  .fz-h9e-opening h1 {\n    font-size: 52px;\n  }\n\n\n  .fz-h9e-opening__visual {\n    height: 520px;\n  }\n\n\n  .fz-h9e-opening__stat {\n    padding:\n      22px\n      20px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-h9e-opening {\n    padding:\n      25px\n      16px\n      0;\n  }\n\n\n  .fz-h9e-opening__grid {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 24px;\n\n    align-items: stretch;\n  }\n\n\n  .fz-h9e-opening__copy {\n    order: 1;\n\n    padding:\n      15px\n      0\n      0;\n  }\n\n\n  .fz-h9e-opening__visual {\n    order: 2;\n\n    height: 405px;\n  }\n\n\n  .fz-h9e-opening__eyebrow {\n    margin-bottom: 13px;\n\n    font-size: 10px;\n  }\n\n\n  .fz-h9e-opening h1 {\n    max-width: 390px;\n\n    margin-bottom: 17px;\n\n    font-size: 41px;\n\n    line-height: 1.04;\n\n    letter-spacing: -1.1px;\n  }\n\n\n  .fz-h9e-opening__description {\n    margin-bottom: 23px;\n\n    font-size: 13px;\n\n    line-height: 1.7;\n  }\n\n\n  .fz-h9e-opening__actions {\n    display: grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    gap: 8px;\n  }\n\n\n  .fz-h9e-opening__btn {\n    width: 100%;\n\n    padding:\n      0\n      12px;\n\n    font-size: 10px;\n  }\n\n\n  .fz-h9e-opening__image-tag {\n    left: 13px;\n    top: 13px;\n  }\n\n\n  .fz-h9e-opening__image-config {\n    right: 13px;\n    bottom: 13px;\n\n    min-width: 178px;\n  }\n\n\n  \/* stats *\/\n\n  .fz-h9e-opening__stats {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .fz-h9e-opening__stat {\n    min-height: 100px;\n\n    padding:\n      18px\n      16px;\n  }\n\n\n  .fz-h9e-opening__stat:nth-child(3),\n  .fz-h9e-opening__stat:nth-child(4) {\n    border-top:\n      1px solid\n      rgba(255,255,255,.11);\n  }\n\n\n  .fz-h9e-opening__stat:nth-child(3) {\n    border-left: 0;\n  }\n\n\n  .fz-h9e-opening__stat-number {\n    font-size: 24px;\n  }\n\n\n  .fz-h9e-opening__stat-label {\n    font-size: 9px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .fz-h9e-opening h1 {\n    font-size: 37px;\n  }\n\n\n  .fz-h9e-opening__visual {\n    height: 350px;\n  }\n\n\n  .fz-h9e-opening__actions {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n.fz-h9e-opening a:focus-visible {\n  outline:\n    2px solid\n    var(--orange);\n\n  outline-offset: 4px;\n}\n\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-h9e-opening *,\n  .fz-h9e-opening *::before,\n  .fz-h9e-opening *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fz-h9e-opening\"\n  id=\"h9e\">\n\n\n  <div class=\"fz-h9e-opening__inner\">\n\n\n    <!-- =====================================================\n         HERO\n    ====================================================== -->\n\n    <div class=\"fz-h9e-opening__grid\">\n\n\n      <!-- COPY -->\n\n      <div class=\"fz-h9e-opening__copy\">\n\n\n        <div class=\"fz-h9e-opening__eyebrow\">\n          Farizon H9E\n        <\/div>\n\n\n        <h1>\n          Heavy-Duty Electric Lorry\n          <span>Built for Singapore Business.<\/span>\n        <\/h1>\n\n\n        <p class=\"fz-h9e-opening__description\">\n          The Farizon H9E is a heavy-duty electric lorry designed\n          for logistics, freight and demanding commercial operations\n          in Singapore. With strong carrying capability, long electric\n          range and flexible body configurations, the H9E is built\n          around serious everyday business use.\n        <\/p>\n\n\n        <div class=\"fz-h9e-opening__actions\">\n\n\n          <a\n            class=\"fz-h9e-opening__btn fz-h9e-opening__btn--primary\"\n            href=\"\/contact-us\/#book-test-drive\">\n\n            Book a Test Drive\n\n            <span>\u2192<\/span>\n\n          <\/a>\n\n\n          <a\n            class=\"fz-h9e-opening__btn fz-h9e-opening__btn--secondary\"\n            href=\"#h9e-configurations\">\n\n            Explore H9E\n\n            <span>\u2193<\/span>\n\n          <\/a>\n\n\n        <\/div>\n\n\n\n        <div class=\"fz-h9e-opening__config-note\">\n\n          Available in\n          <strong>14ft<\/strong>\n          and\n          <strong>20ft<\/strong>\n          configurations.\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- IMAGE -->\n\n      <div class=\"fz-h9e-opening__visual\">\n\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-scaled.jpg\"\n          alt=\"Farizon H9E heavy-duty electric lorry in Singapore\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n\n        <div class=\"fz-h9e-opening__image-tag\">\n\n          <span>\n            100% Electric\n          <\/span>\n\n          <strong>\n            Farizon H9E\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fz-h9e-opening__image-config\">\n\n          <span>\n            Commercial Configurations\n          <\/span>\n\n          <strong>\n            14ft &amp; 20ft\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fz-h9e-opening__scan\"><\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         STATS\n    ====================================================== -->\n\n    <div class=\"fz-h9e-opening__stats\">\n\n\n      <div class=\"fz-h9e-opening__stat\">\n\n        <div class=\"fz-h9e-opening__stat-number\">\n\n          <span\n            class=\"fz-h9e-counter\"\n            data-value=\"9.8\"\n            data-decimals=\"1\">\n            0\n          <\/span>\n\n          <small>T<\/small>\n\n        <\/div>\n\n        <span class=\"fz-h9e-opening__stat-label\">\n          Gross Vehicle Weight\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-opening__stat\">\n\n        <div class=\"fz-h9e-opening__stat-number\">\n\n          <span>\n            Up to&nbsp;\n          <\/span>\n\n          <span\n            class=\"fz-h9e-counter\"\n            data-value=\"6490\"\n            data-decimals=\"0\">\n            0\n          <\/span>\n\n          <small>kg<\/small>\n\n        <\/div>\n\n        <span class=\"fz-h9e-opening__stat-label\">\n          Payload\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-opening__stat\">\n\n        <div class=\"fz-h9e-opening__stat-number\">\n\n          <span>\n            Up to&nbsp;\n          <\/span>\n\n          <span\n            class=\"fz-h9e-counter\"\n            data-value=\"372\"\n            data-decimals=\"0\">\n            0\n          <\/span>\n\n          <small>km<\/small>\n\n        <\/div>\n\n        <span class=\"fz-h9e-opening__stat-label\">\n          WLTP Range*\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-opening__stat\">\n\n        <div class=\"fz-h9e-opening__stat-number\">\n          14ft \/ 20ft\n        <\/div>\n\n        <span class=\"fz-h9e-opening__stat-label\">\n          Available Configurations\n        <\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <div class=\"fz-h9e-opening__note\">\n\n      *WLTP range. Actual driving range may vary depending on\n      payload, route, traffic, driving style, climate control\n      and operating conditions.\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.querySelector(\n      \".fz-h9e-opening\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const counters =\n    section.querySelectorAll(\n      \".fz-h9e-counter\"\n    );\n\n\n  let hasRun = false;\n\n\n  function startAnimation() {\n\n    if (hasRun) return;\n\n    hasRun = true;\n\n\n    section.classList.add(\n      \"is-visible\"\n    );\n\n\n    counters.forEach(\n      function (counter) {\n\n        const target =\n          parseFloat(\n            counter.getAttribute(\n              \"data-value\"\n            )\n          );\n\n\n        const decimals =\n          parseInt(\n            counter.getAttribute(\n              \"data-decimals\"\n            ) || \"0\",\n            10\n          );\n\n\n        const duration =\n          1250;\n\n\n        const start =\n          performance.now();\n\n\n        function animate(now) {\n\n          const progress =\n            Math.min(\n              (now - start) \/\n              duration,\n              1\n            );\n\n\n          const eased =\n            1 -\n            Math.pow(\n              1 - progress,\n              3\n            );\n\n\n          const current =\n            target * eased;\n\n\n          if (decimals === 0) {\n\n            counter.textContent =\n              Math.round(\n                current\n              ).toLocaleString(\n                \"en-SG\"\n              );\n\n          } else {\n\n            counter.textContent =\n              current.toFixed(\n                decimals\n              );\n\n          }\n\n\n          if (progress < 1) {\n\n            requestAnimationFrame(\n              animate\n            );\n\n          }\n\n        }\n\n\n        requestAnimationFrame(\n          animate\n        );\n\n      }\n    );\n\n  }\n\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n\n                startAnimation();\n\n                observer.disconnect();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: .22\n        }\n      );\n\n\n    observer.observe(\n      section\n    );\n\n  } else {\n\n    startAnimation();\n\n  }\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON H9E\n   SECTION 02 \u2014 14FT vs 20FT CONFIGURATION\n========================================================= *\/\n\n.fz-h9e-config,\n.fz-h9e-config *,\n.fz-h9e-config *::before,\n.fz-h9e-config *::after {\n  box-sizing: border-box;\n}\n\n.fz-h9e-config {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #1a2835;\n  --text: #5d6672;\n  --muted: #89939d;\n  --line: #e3e7eb;\n  --light: #f5f6f8;\n  --white: #ffffff;\n\n  width: 100%;\n  padding: 68px 24px;\n  background: #ffffff;\n  font-family: Inter, Arial, sans-serif;\n}\n\n.fz-h9e-config__inner {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.fz-h9e-config__top {\n  display: grid;\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(340px,.7fr);\n\n  gap: 65px;\n  align-items: end;\n\n  margin-bottom: 34px;\n}\n\n.fz-h9e-config__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  margin-bottom: 15px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n.fz-h9e-config__eyebrow::before {\n  content: \"\";\n\n  width: 31px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n.fz-h9e-config h2 {\n  max-width: 700px;\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(\n      40px,\n      4.8vw,\n      62px\n    );\n\n  font-weight: 700;\n  line-height: 1.03;\n  letter-spacing: -1.6px;\n}\n\n.fz-h9e-config h2 span {\n  display: block;\n  color: var(--orange);\n}\n\n.fz-h9e-config__intro {\n  max-width: 460px;\n  margin: 0 0 3px;\n\n  color: var(--text);\n\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   SELECTOR\n========================================================= *\/\n\n.fz-h9e-config__selector {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n\n  margin-bottom: 16px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background: #ffffff;\n}\n\n.fz-h9e-config__tab {\n  position: relative;\n\n  min-height: 82px;\n\n  padding:\n    0\n    28px;\n\n  display: grid;\n\n  grid-template-columns:\n    auto\n    1fr\n    auto;\n\n  gap: 16px;\n\n  align-items: center;\n\n  border: 0;\n\n  background: #ffffff;\n\n  font-family: inherit;\n  text-align: left;\n\n  cursor: pointer;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n.fz-h9e-config__tab +\n.fz-h9e-config__tab {\n  border-left:\n    1px solid\n    var(--line);\n}\n\n.fz-h9e-config__tab-number {\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n}\n\n.fz-h9e-config__tab-copy strong {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: var(--navy);\n\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.fz-h9e-config__tab-copy span {\n  display: block;\n\n  color: var(--muted);\n\n  font-size: 10px;\n  line-height: 1.4;\n}\n\n.fz-h9e-config__tab-indicator {\n  width: 9px;\n  height: 9px;\n\n  border-radius: 50%;\n\n  background: #ccd2d8;\n\n  transition:\n    background .25s ease,\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.fz-h9e-config__tab:hover,\n.fz-h9e-config__tab.is-active {\n  background: var(--navy);\n}\n\n.fz-h9e-config__tab:hover\n.fz-h9e-config__tab-copy strong,\n.fz-h9e-config__tab.is-active\n.fz-h9e-config__tab-copy strong {\n  color: #ffffff;\n}\n\n.fz-h9e-config__tab:hover\n.fz-h9e-config__tab-copy span,\n.fz-h9e-config__tab.is-active\n.fz-h9e-config__tab-copy span {\n  color:\n    rgba(255,255,255,.56);\n}\n\n.fz-h9e-config__tab.is-active\n.fz-h9e-config__tab-indicator {\n  background: var(--orange);\n\n  transform: scale(1.2);\n\n  box-shadow:\n    0 0 0 7px\n    rgba(255,100,51,.12);\n}\n\n\n\/* =========================================================\n   MAIN EXPERIENCE\n========================================================= *\/\n\n.fz-h9e-config__experience {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.15fr)\n    minmax(350px,.85fr);\n\n  min-height: 590px;\n\n  overflow: hidden;\n\n  background:\n    var(--light);\n\n  border:\n    1px solid\n    var(--line);\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.fz-h9e-config__visual {\n  position: relative;\n\n  overflow: hidden;\n\n  background: #dde3e8;\n}\n\n.fz-h9e-config__visual img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  transition:\n    transform .9s cubic-bezier(.2,.65,.3,1),\n    filter .3s ease;\n}\n\n.fz-h9e-config__experience[data-mode=\"14\"]\n.fz-h9e-config__visual img {\n  transform:\n    scale(1.01)\n    translateX(0);\n}\n\n.fz-h9e-config__experience[data-mode=\"20\"]\n.fz-h9e-config__visual img {\n  transform:\n    scale(1.05)\n    translateX(-1.5%);\n}\n\n.fz-h9e-config__visual::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      0deg,\n      rgba(20,33,45,.34),\n      transparent 42%\n    );\n}\n\n\n\/* label *\/\n\n.fz-h9e-config__visual-label {\n  position: absolute;\n\n  z-index: 4;\n\n  left: 22px;\n  bottom: 22px;\n\n  padding:\n    13px\n    15px;\n\n  background:\n    rgba(29,42,56,.90);\n\n  backdrop-filter:\n    blur(9px);\n\n  -webkit-backdrop-filter:\n    blur(9px);\n}\n\n.fz-h9e-config__visual-label span {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: var(--orange);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-config__visual-label strong {\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 650;\n}\n\n\n\/* animated scan *\/\n\n.fz-h9e-config__scan {\n  position: absolute;\n\n  z-index: 3;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  height: 3px;\n\n  overflow: hidden;\n\n  background:\n    rgba(255,255,255,.12);\n}\n\n.fz-h9e-config__scan::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 32%;\n  height: 100%;\n\n  left: -35%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      transparent\n    );\n\n  animation:\n    fzH9EConfigScan\n    3.8s\n    linear\n    infinite;\n}\n\n\n\/* =========================================================\n   CONTENT SIDE\n========================================================= *\/\n\n.fz-h9e-config__content {\n  padding:\n    44px\n    38px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  background: #ffffff;\n}\n\n.fz-h9e-config__mode {\n  display: none;\n}\n\n.fz-h9e-config__mode.is-active {\n  display: block;\n\n  animation:\n    fzH9EConfigContent\n    .35s\n    ease\n    both;\n}\n\n.fz-h9e-config__mode-label {\n  margin-bottom: 12px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-config__content h3 {\n  max-width: 400px;\n\n  margin:\n    0\n    0\n    14px;\n\n  color: var(--navy);\n\n  font-size: 32px;\n  font-weight: 700;\n\n  line-height: 1.1;\n\n  letter-spacing: -.7px;\n}\n\n.fz-h9e-config__content p {\n  max-width: 430px;\n\n  margin:\n    0\n    0\n    28px;\n\n  color: var(--text);\n\n  font-size: 13px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   CONFIGURATION GRAPHIC\n========================================================= *\/\n\n.fz-h9e-config__graphic {\n  margin-bottom: 28px;\n\n  padding:\n    22px\n    20px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #f8f9fa;\n}\n\n.fz-h9e-config__graphic-label {\n  display: flex;\n\n  justify-content: space-between;\n\n  gap: 20px;\n\n  margin-bottom: 16px;\n\n  color: var(--muted);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: .8px;\n\n  text-transform: uppercase;\n}\n\n\n\/* chassis line *\/\n\n.fz-h9e-config__chassis {\n  position: relative;\n\n  height: 62px;\n}\n\n.fz-h9e-config__chassis-line {\n  position: absolute;\n\n  left: 10px;\n  top: 27px;\n\n  width: 62%;\n  height: 5px;\n\n  border-radius: 10px;\n\n  background:\n    var(--navy);\n\n  transition:\n    width .55s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n.fz-h9e-config__experience[data-mode=\"20\"]\n.fz-h9e-config__chassis-line {\n  width: 88%;\n}\n\n\n\/* cab *\/\n\n.fz-h9e-config__cab {\n  position: absolute;\n\n  left: 0;\n  top: 7px;\n\n  width: 64px;\n  height: 36px;\n\n  border:\n    2px solid\n    var(--orange);\n\n  background:\n    rgba(255,100,51,.08);\n}\n\n\n\/* wheels *\/\n\n.fz-h9e-config__wheel {\n  position: absolute;\n\n  top: 40px;\n\n  width: 15px;\n  height: 15px;\n\n  border-radius: 50%;\n\n  border:\n    3px solid\n    var(--navy);\n\n  background:\n    #ffffff;\n}\n\n.fz-h9e-config__wheel--front {\n  left: 33px;\n}\n\n.fz-h9e-config__wheel--rear {\n  left: 57%;\n\n  transition:\n    left .55s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n.fz-h9e-config__experience[data-mode=\"20\"]\n.fz-h9e-config__wheel--rear {\n  left: 83%;\n}\n\n\n\/* animated length line *\/\n\n.fz-h9e-config__length-line {\n  position: absolute;\n\n  left: 10px;\n  top: 0;\n\n  width: 62%;\n\n  height: 1px;\n\n  background:\n    var(--orange);\n\n  transition:\n    width .55s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n.fz-h9e-config__experience[data-mode=\"20\"]\n.fz-h9e-config__length-line {\n  width: 88%;\n}\n\n.fz-h9e-config__length-line::before,\n.fz-h9e-config__length-line::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: -3px;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background:\n    var(--orange);\n}\n\n.fz-h9e-config__length-line::before {\n  left: -3px;\n}\n\n.fz-h9e-config__length-line::after {\n  right: -3px;\n}\n\n\n\/* =========================================================\n   USE CASES\n========================================================= *\/\n\n.fz-h9e-config__uses {\n  border-top:\n    1px solid\n    var(--line);\n}\n\n.fz-h9e-config__use {\n  min-height: 48px;\n\n  display: grid;\n\n  grid-template-columns:\n    26px\n    1fr;\n\n  gap: 10px;\n\n  align-items: center;\n\n  border-bottom:\n    1px solid\n    var(--line);\n\n  color: var(--text);\n\n  font-size: 11px;\n}\n\n.fz-h9e-config__use span {\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   DISCLAIMER\n========================================================= *\/\n\n.fz-h9e-config__note {\n  margin-top: 17px;\n\n  color: var(--muted);\n\n  font-size: 9px;\n\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes fzH9EConfigScan {\n\n  from {\n    left: -35%;\n  }\n\n  to {\n    left: 110%;\n  }\n\n}\n\n\n@keyframes fzH9EConfigContent {\n\n  from {\n    opacity: 0;\n\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-h9e-config {\n    padding:\n      58px\n      22px;\n  }\n\n\n  .fz-h9e-config__top {\n    gap: 40px;\n  }\n\n\n  .fz-h9e-config__experience {\n    grid-template-columns:\n      minmax(0,1.05fr)\n      minmax(330px,.95fr);\n\n    min-height: 540px;\n  }\n\n\n  .fz-h9e-config__content {\n    padding:\n      36px\n      30px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-h9e-config {\n    padding:\n      50px\n      16px;\n  }\n\n\n  .fz-h9e-config__top {\n    display: block;\n\n    margin-bottom: 24px;\n  }\n\n\n  .fz-h9e-config__eyebrow {\n    margin-bottom: 12px;\n\n    font-size: 10px;\n  }\n\n\n  .fz-h9e-config h2 {\n    max-width: 360px;\n\n    margin-bottom: 15px;\n\n    font-size: 38px;\n\n    line-height: 1.06;\n\n    letter-spacing: -1px;\n  }\n\n\n  .fz-h9e-config__intro {\n    max-width: none;\n\n    font-size: 13px;\n  }\n\n\n  \/* selector *\/\n\n  .fz-h9e-config__selector {\n    display: block;\n  }\n\n\n  .fz-h9e-config__tab {\n    width: 100%;\n\n    min-height: 72px;\n\n    padding:\n      0\n      18px;\n  }\n\n\n  .fz-h9e-config__tab +\n  .fz-h9e-config__tab {\n    border-left: 0;\n\n    border-top:\n      1px solid\n      var(--line);\n  }\n\n\n  \/* experience *\/\n\n  .fz-h9e-config__experience {\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 0;\n  }\n\n\n  .fz-h9e-config__visual {\n    height: 360px;\n  }\n\n\n  .fz-h9e-config__content {\n    padding:\n      30px\n      20px;\n  }\n\n\n  .fz-h9e-config__content h3 {\n    font-size: 27px;\n  }\n\n\n  .fz-h9e-config__graphic {\n    padding:\n      20px\n      16px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .fz-h9e-config h2 {\n    font-size: 35px;\n  }\n\n\n  .fz-h9e-config__visual {\n    height: 320px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n.fz-h9e-config button:focus-visible {\n  outline:\n    2px solid\n    var(--orange);\n\n  outline-offset: -3px;\n}\n\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-h9e-config *,\n  .fz-h9e-config *::before,\n  .fz-h9e-config *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n\n<section\n  class=\"fz-h9e-config\"\n  id=\"h9e-configurations\">\n\n\n  <div class=\"fz-h9e-config__inner\">\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <div class=\"fz-h9e-config__top\">\n\n\n      <div>\n\n        <div class=\"fz-h9e-config__eyebrow\">\n          Choose Your H9E\n        <\/div>\n\n\n        <h2>\n          Two Lengths.\n          <span>Built Around Different Jobs.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"fz-h9e-config__intro\">\n        Choose between 14ft and 20ft H9E configurations\n        depending on route, cargo requirements and the body\n        setup your business needs.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         SELECTOR\n    ====================================================== -->\n\n    <div\n      class=\"fz-h9e-config__selector\"\n      role=\"tablist\">\n\n\n      <button\n        class=\"fz-h9e-config__tab is-active\"\n        type=\"button\"\n        data-h9e-config=\"14\">\n\n        <span class=\"fz-h9e-config__tab-number\">\n          01\n        <\/span>\n\n\n        <span class=\"fz-h9e-config__tab-copy\">\n\n          <strong>\n            14ft Configuration\n          <\/strong>\n\n          <span>\n            Shorter commercial setup\n          <\/span>\n\n        <\/span>\n\n\n        <span class=\"fz-h9e-config__tab-indicator\"><\/span>\n\n      <\/button>\n\n\n\n      <button\n        class=\"fz-h9e-config__tab\"\n        type=\"button\"\n        data-h9e-config=\"20\">\n\n        <span class=\"fz-h9e-config__tab-number\">\n          02\n        <\/span>\n\n\n        <span class=\"fz-h9e-config__tab-copy\">\n\n          <strong>\n            20ft Configuration\n          <\/strong>\n\n          <span>\n            Longer commercial setup\n          <\/span>\n\n        <\/span>\n\n\n        <span class=\"fz-h9e-config__tab-indicator\"><\/span>\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         EXPERIENCE\n    ====================================================== -->\n\n    <div\n      class=\"fz-h9e-config__experience\"\n      id=\"fz-h9e-config-experience\"\n      data-mode=\"14\">\n\n\n      <!-- IMAGE -->\n\n      <div class=\"fz-h9e-config__visual\">\n\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-exterior-scaled.jpg\"\n          alt=\"Farizon H9E electric lorry commercial configuration in Singapore\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n\n        <div class=\"fz-h9e-config__visual-label\">\n\n          <span>\n            H9E Platform\n          <\/span>\n\n          <strong id=\"fz-h9e-visual-label\">\n            14ft Configuration\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fz-h9e-config__scan\"><\/div>\n\n\n      <\/div>\n\n\n\n      <!-- CONTENT -->\n\n      <div class=\"fz-h9e-config__content\">\n\n\n        <!-- 14FT -->\n\n        <div\n          class=\"fz-h9e-config__mode is-active\"\n          data-h9e-config-content=\"14\">\n\n\n          <div class=\"fz-h9e-config__mode-label\">\n            14ft Configuration\n          <\/div>\n\n\n          <h3>\n            More Compact.\n            Built for Everyday Distribution.\n          <\/h3>\n\n\n          <p>\n            The 14ft H9E configuration provides businesses with\n            a more compact platform for local deliveries,\n            distribution work and commercial operations where\n            manoeuvrability and practical carrying capacity matter.\n          <\/p>\n\n\n          <!-- illustrative graphic -->\n\n          <div class=\"fz-h9e-config__graphic\">\n\n            <div class=\"fz-h9e-config__graphic-label\">\n\n              <span>\n                Configuration Visual\n              <\/span>\n\n              <span>\n                Illustrative\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"fz-h9e-config__chassis\">\n\n              <div class=\"fz-h9e-config__length-line\"><\/div>\n\n              <div class=\"fz-h9e-config__cab\"><\/div>\n\n              <div class=\"fz-h9e-config__chassis-line\"><\/div>\n\n              <div class=\"fz-h9e-config__wheel fz-h9e-config__wheel--front\"><\/div>\n\n              <div class=\"fz-h9e-config__wheel fz-h9e-config__wheel--rear\"><\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"fz-h9e-config__uses\">\n\n            <div class=\"fz-h9e-config__use\">\n              <span>01<\/span>\n              Local distribution\n            <\/div>\n\n            <div class=\"fz-h9e-config__use\">\n              <span>02<\/span>\n              Urban commercial routes\n            <\/div>\n\n            <div class=\"fz-h9e-config__use\">\n              <span>03<\/span>\n              Flexible body configurations\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- 20FT -->\n\n        <div\n          class=\"fz-h9e-config__mode\"\n          data-h9e-config-content=\"20\">\n\n\n          <div class=\"fz-h9e-config__mode-label\">\n            20ft Configuration\n          <\/div>\n\n\n          <h3>\n            More Length.\n            Built for Larger Commercial Loads.\n          <\/h3>\n\n\n          <p>\n            The 20ft H9E configuration provides a longer platform\n            for businesses requiring greater body length for\n            logistics, freight and higher-volume commercial\n            transport operations.\n          <\/p>\n\n\n          <!-- same graphic, dynamically extends -->\n\n          <div class=\"fz-h9e-config__graphic\">\n\n            <div class=\"fz-h9e-config__graphic-label\">\n\n              <span>\n                Configuration Visual\n              <\/span>\n\n              <span>\n                Illustrative\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"fz-h9e-config__chassis\">\n\n              <div class=\"fz-h9e-config__length-line\"><\/div>\n\n              <div class=\"fz-h9e-config__cab\"><\/div>\n\n              <div class=\"fz-h9e-config__chassis-line\"><\/div>\n\n              <div class=\"fz-h9e-config__wheel fz-h9e-config__wheel--front\"><\/div>\n\n              <div class=\"fz-h9e-config__wheel fz-h9e-config__wheel--rear\"><\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"fz-h9e-config__uses\">\n\n            <div class=\"fz-h9e-config__use\">\n              <span>01<\/span>\n              Logistics &amp; freight\n            <\/div>\n\n            <div class=\"fz-h9e-config__use\">\n              <span>02<\/span>\n              Higher-volume transport\n            <\/div>\n\n            <div class=\"fz-h9e-config__use\">\n              <span>03<\/span>\n              Larger commercial body setups\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n        <div class=\"fz-h9e-config__note\">\n          Configuration graphic is illustrative and is intended\n          to show the relative concept of shorter and longer\n          H9E commercial setups, not exact vehicle dimensions.\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<script>\n(function () {\n\n  const section =\n    document.querySelector(\n      \".fz-h9e-config\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const tabs =\n    section.querySelectorAll(\n      \"[data-h9e-config]\"\n    );\n\n\n  const contents =\n    section.querySelectorAll(\n      \"[data-h9e-config-content]\"\n    );\n\n\n  const experience =\n    document.getElementById(\n      \"fz-h9e-config-experience\"\n    );\n\n\n  const visualLabel =\n    document.getElementById(\n      \"fz-h9e-visual-label\"\n    );\n\n\n  tabs.forEach(\n    function (tab) {\n\n      tab.addEventListener(\n        \"click\",\n        function () {\n\n\n          const mode =\n            tab.getAttribute(\n              \"data-h9e-config\"\n            );\n\n\n          tabs.forEach(\n            function (item) {\n\n              item.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n\n          contents.forEach(\n            function (item) {\n\n              item.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n\n          tab.classList.add(\n            \"is-active\"\n          );\n\n\n          const activeContent =\n            section.querySelector(\n              '[data-h9e-config-content=\"' +\n              mode +\n              '\"]'\n            );\n\n\n          if (activeContent) {\n\n            activeContent.classList.add(\n              \"is-active\"\n            );\n\n          }\n\n\n          if (experience) {\n\n            experience.setAttribute(\n              \"data-mode\",\n              mode\n            );\n\n          }\n\n\n          if (visualLabel) {\n\n            visualLabel.textContent =\n              mode === \"14\"\n              ? \"14ft Configuration\"\n              : \"20ft Configuration\";\n\n          }\n\n\n        }\n      );\n\n    }\n  );\n\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON H9E\n   SECTION 03 \u2014 BODY CONFIGURATION STUDIO\n   CLEAN \/ PREMIUM \/ INTERACTIVE\n========================================================= *\/\n\n.fz-h9e-body,\n.fz-h9e-body *,\n.fz-h9e-body *::before,\n.fz-h9e-body *::after {\n  box-sizing: border-box;\n}\n\n.fz-h9e-body {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #172532;\n  --text: #5d6672;\n  --muted: #87929d;\n  --line: #e3e7eb;\n  --light: #f5f6f8;\n  --white: #ffffff;\n\n  position: relative;\n\n  width: 100%;\n\n  padding: 68px 24px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f5f6f8 0%,\n      #ffffff 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n.fz-h9e-body__inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.fz-h9e-body__top {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(340px,.72fr);\n\n  gap: 65px;\n\n  align-items: end;\n\n  margin-bottom: 32px;\n}\n\n.fz-h9e-body__eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 15px;\n\n  color:\n    var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.6px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-body__eyebrow::before {\n  content: \"\";\n\n  width: 31px;\n  height: 2px;\n\n  background:\n    var(--orange);\n}\n\n.fz-h9e-body h2 {\n  max-width: 700px;\n\n  margin: 0;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      40px,\n      4.8vw,\n      62px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.03;\n\n  letter-spacing: -1.6px;\n}\n\n.fz-h9e-body h2 span {\n  display: block;\n\n  color:\n    var(--orange);\n}\n\n.fz-h9e-body__intro {\n  max-width: 470px;\n\n  margin:\n    0\n    0\n    3px;\n\n  color:\n    var(--text);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   SELECTOR\n========================================================= *\/\n\n.fz-h9e-body__tabs {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n\n  margin-bottom: 18px;\n}\n\n.fz-h9e-body__tab {\n  min-height: 45px;\n\n  padding:\n    0\n    17px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 999px;\n\n  background:\n    #ffffff;\n\n  color:\n    var(--navy);\n\n  font-family: inherit;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    background .22s ease,\n    color .22s ease,\n    border-color .22s ease,\n    transform .22s ease,\n    box-shadow .22s ease;\n}\n\n.fz-h9e-body__tab:hover {\n  border-color:\n    var(--orange);\n\n  color:\n    var(--orange);\n\n  transform:\n    translateY(-1px);\n}\n\n.fz-h9e-body__tab.is-active {\n  border-color:\n    var(--navy);\n\n  background:\n    var(--navy);\n\n  color:\n    #ffffff;\n\n  box-shadow:\n    0 10px 24px\n    rgba(38,54,72,.13);\n}\n\n\n\/* =========================================================\n   EXPERIENCE\n========================================================= *\/\n\n.fz-h9e-body__experience {\n  display: grid;\n\n  grid-template-columns:\n    minmax(330px,.68fr)\n    minmax(0,1.32fr);\n\n  min-height: 590px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 20px 55px\n    rgba(31,48,65,.07);\n}\n\n\n\/* =========================================================\n   LEFT CONTENT\n========================================================= *\/\n\n.fz-h9e-body__content {\n  position: relative;\n\n  padding:\n    46px\n    38px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  background:\n    #ffffff;\n}\n\n.fz-h9e-body__content::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n  bottom: 0;\n\n  width: 3px;\n\n  background:\n    var(--orange);\n}\n\n.fz-h9e-body__state {\n  display: none;\n}\n\n.fz-h9e-body__state.is-active {\n  display: block;\n\n  animation:\n    fzH9EBodyContentIn\n    .35s ease both;\n}\n\n.fz-h9e-body__state-number {\n  display: block;\n\n  margin-bottom: 12px;\n\n  color:\n    var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-body__content h3 {\n  max-width: 390px;\n\n  margin:\n    0\n    0\n    14px;\n\n  color:\n    var(--navy);\n\n  font-size:\n    31px;\n  font-weight: 700;\n\n  line-height: 1.1;\n\n  letter-spacing: -.6px;\n}\n\n.fz-h9e-body__content p {\n  max-width: 430px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:\n    var(--text);\n\n  font-size: 13px;\n\n  line-height: 1.75;\n}\n\n\n\/* compact usage *\/\n\n.fz-h9e-body__use-label {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color:\n    var(--muted);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-body__uses {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n}\n\n.fz-h9e-body__uses span {\n  padding:\n    8px\n    11px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    var(--light);\n\n  color:\n    var(--navy);\n\n  font-size: 9px;\n  font-weight: 650;\n}\n\n\n\/* small note *\/\n\n.fz-h9e-body__note {\n  margin-top: 28px;\n\n  padding-top: 17px;\n\n  border-top:\n    1px solid\n    var(--line);\n\n  color:\n    var(--muted);\n\n  font-size: 9px;\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.fz-h9e-body__visual {\n  position: relative;\n\n  min-width: 0;\n\n  overflow: hidden;\n\n  background:\n    #172532;\n}\n\n.fz-h9e-body__visual img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  object-position: center;\n\n  transform:\n    scale(1.01);\n\n  transition:\n    transform .8s cubic-bezier(.2,.65,.3,1),\n    opacity .3s ease;\n}\n\n.fz-h9e-body__visual:hover img {\n  transform:\n    scale(1.025);\n}\n\n\n\/* IMPORTANT:\n   much stronger dark overlay so white text stays readable *\/\n\n.fz-h9e-body__visual::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 2;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(16,29,41,.84) 0%,\n      rgba(16,29,41,.68) 35%,\n      rgba(16,29,41,.34) 68%,\n      rgba(16,29,41,.20) 100%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(13,24,34,.50) 0%,\n      transparent 50%\n    );\n}\n\n\n\/* technical grid *\/\n\n.fz-h9e-body__grid {\n  position: absolute;\n\n  z-index: 3;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: .24;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.08) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.08) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    48px 48px;\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      rgba(0,0,0,.85),\n      transparent 80%\n    );\n}\n\n\n\/* moving scan *\/\n\n.fz-h9e-body__scan {\n  position: absolute;\n\n  z-index: 4;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  height: 4px;\n\n  overflow: hidden;\n\n  background:\n    rgba(255,255,255,.12);\n}\n\n.fz-h9e-body__scan::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 34%;\n  height: 100%;\n\n  left: -36%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      transparent\n    );\n\n  animation:\n    fzH9EBodyScan\n    3.8s linear infinite;\n}\n\n\n\/* =========================================================\n   VISUAL CONTENT\n========================================================= *\/\n\n.fz-h9e-body__visual-content {\n  position: absolute;\n\n  z-index: 5;\n\n  left: 36px;\n  right: 36px;\n  bottom: 34px;\n\n  max-width: 545px;\n}\n\n.fz-h9e-body__visual-content.is-changing {\n  animation:\n    fzH9EBodyVisualIn\n    .35s ease both;\n}\n\n.fz-h9e-body__visual-label {\n  display: inline-flex;\n\n  align-items: center;\n\n  margin-bottom: 15px;\n\n  padding:\n    9px\n    12px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.18);\n\n  background:\n    rgba(255,255,255,.10);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n\n  color:\n    #ffffff;\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-body__visual-content h3 {\n  margin:\n    0\n    0\n    12px;\n\n  color:\n    #ffffff !important;\n\n  text-shadow:\n    0 2px 16px\n    rgba(0,0,0,.30);\n\n  font-size:\n    clamp(\n      31px,\n      4vw,\n      51px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.02;\n\n  letter-spacing: -1.3px;\n}\n\n.fz-h9e-body__visual-content p {\n  max-width: 500px;\n\n  margin:\n    0\n    0\n    17px;\n\n  color:\n    rgba(255,255,255,.78) !important;\n\n  font-size: 12px;\n\n  line-height: 1.7;\n}\n\n.fz-h9e-body__visual-tags {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 7px;\n}\n\n.fz-h9e-body__visual-tags span {\n  padding:\n    7px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.17);\n\n  background:\n    rgba(20,35,49,.48);\n\n  backdrop-filter:\n    blur(6px);\n\n  -webkit-backdrop-filter:\n    blur(6px);\n\n  color:\n    #ffffff;\n\n  font-size: 9px;\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   TOP BADGE\n========================================================= *\/\n\n.fz-h9e-body__badge {\n  position: absolute;\n\n  z-index: 5;\n\n  top: 22px;\n  right: 22px;\n\n  padding:\n    12px\n    14px;\n\n  background:\n    rgba(25,40,54,.88);\n\n  backdrop-filter:\n    blur(9px);\n\n  -webkit-backdrop-filter:\n    blur(9px);\n}\n\n.fz-h9e-body__badge span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color:\n    var(--orange);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1.1px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-body__badge strong {\n  color:\n    #ffffff;\n\n  font-size: 12px;\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-h9e-body {\n    padding:\n      58px\n      22px;\n  }\n\n  .fz-h9e-body__top {\n    gap: 40px;\n  }\n\n  .fz-h9e-body__experience {\n    grid-template-columns:\n      minmax(310px,.75fr)\n      minmax(0,1.25fr);\n  }\n\n}\n\n\n@media (max-width: 767px) {\n\n  .fz-h9e-body {\n    padding:\n      50px\n      16px;\n  }\n\n\n  .fz-h9e-body__top {\n    display: block;\n\n    margin-bottom: 23px;\n  }\n\n\n  .fz-h9e-body__eyebrow {\n    margin-bottom: 12px;\n\n    font-size: 10px;\n  }\n\n\n  .fz-h9e-body h2 {\n    max-width: 370px;\n\n    margin-bottom: 15px;\n\n    font-size: 38px;\n\n    line-height: 1.06;\n\n    letter-spacing: -1px;\n  }\n\n\n  .fz-h9e-body__intro {\n    max-width: none;\n\n    font-size: 13px;\n  }\n\n\n  \/* scrollable selector *\/\n\n  .fz-h9e-body__tabs {\n    flex-wrap: nowrap;\n\n    overflow-x: auto;\n\n    padding-bottom: 3px;\n\n    scrollbar-width: none;\n\n    scroll-snap-type:\n      x proximity;\n  }\n\n\n  .fz-h9e-body__tabs::-webkit-scrollbar {\n    display: none;\n  }\n\n\n  .fz-h9e-body__tab {\n    flex: 0 0 auto;\n\n    scroll-snap-align: start;\n  }\n\n\n  \/* experience *\/\n\n  .fz-h9e-body__experience {\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 0;\n  }\n\n\n  .fz-h9e-body__content {\n    order: 2;\n\n    padding:\n      30px\n      21px;\n  }\n\n\n  .fz-h9e-body__content h3 {\n    font-size: 27px;\n  }\n\n\n  .fz-h9e-body__visual {\n    order: 1;\n\n    height: 450px;\n  }\n\n\n  .fz-h9e-body__visual-content {\n    left: 19px;\n    right: 19px;\n    bottom: 20px;\n  }\n\n\n  .fz-h9e-body__visual-content h3 {\n    max-width: 330px;\n\n    font-size: 33px;\n\n    line-height: 1.04;\n  }\n\n\n  .fz-h9e-body__badge {\n    top: 13px;\n    right: 13px;\n  }\n\n}\n\n\n@media (max-width: 390px) {\n\n  .fz-h9e-body h2 {\n    font-size: 35px;\n  }\n\n\n  .fz-h9e-body__visual {\n    height: 410px;\n  }\n\n\n  .fz-h9e-body__visual-content h3 {\n    font-size: 30px;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes fzH9EBodyContentIn {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes fzH9EBodyVisualIn {\n\n  from {\n    opacity: .2;\n    transform:\n      translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes fzH9EBodyScan {\n\n  from {\n    left: -36%;\n  }\n\n  to {\n    left: 110%;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n.fz-h9e-body button:focus-visible {\n  outline:\n    2px solid\n    var(--orange);\n\n  outline-offset: 3px;\n}\n\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-h9e-body *,\n  .fz-h9e-body *::before,\n  .fz-h9e-body *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n\n<section\n  class=\"fz-h9e-body\"\n  id=\"h9e-body-configurations\">\n\n\n  <div class=\"fz-h9e-body__inner\">\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <div class=\"fz-h9e-body__top\">\n\n\n      <div>\n\n        <div class=\"fz-h9e-body__eyebrow\">\n          Configured for the Job\n        <\/div>\n\n\n        <h2>\n          One Electric Chassis.\n          <span>Multiple Ways to Work.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"fz-h9e-body__intro\">\n        Configure the Farizon H9E around your operation \u2014\n        from everyday logistics and cold-chain delivery to\n        open-deck and loading-intensive commercial work.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         SELECTOR\n    ====================================================== -->\n\n    <div class=\"fz-h9e-body__tabs\">\n\n\n      <button\n        class=\"fz-h9e-body__tab is-active\"\n        type=\"button\"\n        data-h9e-body=\"box\">\n\n        Box Body\n\n      <\/button>\n\n\n      <button\n        class=\"fz-h9e-body__tab\"\n        type=\"button\"\n        data-h9e-body=\"freezer\">\n\n        Freezer\n\n      <\/button>\n\n\n      <button\n        class=\"fz-h9e-body__tab\"\n        type=\"button\"\n        data-h9e-body=\"deck\">\n\n        Deck\n\n      <\/button>\n\n\n      <button\n        class=\"fz-h9e-body__tab\"\n        type=\"button\"\n        data-h9e-body=\"canopy\">\n\n        Canopy\n\n      <\/button>\n\n\n      <button\n        class=\"fz-h9e-body__tab\"\n        type=\"button\"\n        data-h9e-body=\"tailgate\">\n\n        Tailgate\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         EXPERIENCE\n    ====================================================== -->\n\n    <div class=\"fz-h9e-body__experience\">\n\n\n      <!-- ===================================================\n           LEFT\n      ==================================================== -->\n\n      <div class=\"fz-h9e-body__content\">\n\n\n        <!-- BOX -->\n\n        <div\n          class=\"fz-h9e-body__state is-active\"\n          data-h9e-body-content=\"box\">\n\n          <span class=\"fz-h9e-body__state-number\">\n            01 \/ BOX BODY\n          <\/span>\n\n          <h3>\n            Protected Cargo.\n            Everyday Versatility.\n          <\/h3>\n\n          <p>\n            An enclosed body setup for general cargo,\n            logistics and business deliveries where load\n            protection and organised transport matter.\n          <\/p>\n\n          <span class=\"fz-h9e-body__use-label\">\n            Typical Applications\n          <\/span>\n\n          <div class=\"fz-h9e-body__uses\">\n            <span>Logistics<\/span>\n            <span>Distribution<\/span>\n            <span>General Cargo<\/span>\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- FREEZER -->\n\n        <div\n          class=\"fz-h9e-body__state\"\n          data-h9e-body-content=\"freezer\">\n\n          <span class=\"fz-h9e-body__state-number\">\n            02 \/ FREEZER\n          <\/span>\n\n          <h3>\n            Electric Mobility\n            for Cold Chain.\n          <\/h3>\n\n          <p>\n            A temperature-controlled body concept for businesses\n            moving frozen, chilled or temperature-sensitive goods.\n          <\/p>\n\n          <span class=\"fz-h9e-body__use-label\">\n            Typical Applications\n          <\/span>\n\n          <div class=\"fz-h9e-body__uses\">\n            <span>Cold Chain<\/span>\n            <span>Food Supply<\/span>\n            <span>Frozen Goods<\/span>\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- DECK -->\n\n        <div\n          class=\"fz-h9e-body__state\"\n          data-h9e-body-content=\"deck\">\n\n          <span class=\"fz-h9e-body__state-number\">\n            03 \/ DECK\n          <\/span>\n\n          <h3>\n            Open Access.\n            Flexible Loading.\n          <\/h3>\n\n          <p>\n            An open-deck configuration suited to businesses\n            that need straightforward access for materials,\n            equipment and varied commercial loads.\n          <\/p>\n\n          <span class=\"fz-h9e-body__use-label\">\n            Typical Applications\n          <\/span>\n\n          <div class=\"fz-h9e-body__uses\">\n            <span>Materials<\/span>\n            <span>Freight<\/span>\n            <span>Equipment<\/span>\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- CANOPY -->\n\n        <div\n          class=\"fz-h9e-body__state\"\n          data-h9e-body-content=\"canopy\">\n\n          <span class=\"fz-h9e-body__state-number\">\n            04 \/ CANOPY\n          <\/span>\n\n          <h3>\n            Added Coverage.\n            Practical Access.\n          <\/h3>\n\n          <p>\n            A covered commercial setup that balances weather\n            protection with flexible loading for everyday\n            business operations.\n          <\/p>\n\n          <span class=\"fz-h9e-body__use-label\">\n            Typical Applications\n          <\/span>\n\n          <div class=\"fz-h9e-body__uses\">\n            <span>Utility<\/span>\n            <span>Service Fleet<\/span>\n            <span>Covered Cargo<\/span>\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- TAILGATE -->\n\n        <div\n          class=\"fz-h9e-body__state\"\n          data-h9e-body-content=\"tailgate\">\n\n          <span class=\"fz-h9e-body__state-number\">\n            05 \/ TAILGATE\n          <\/span>\n\n          <h3>\n            Easier Loading.\n            Better Workflow.\n          <\/h3>\n\n          <p>\n            A loading-focused configuration designed to support\n            businesses handling heavier or repetitive cargo\n            movement throughout the working day.\n          <\/p>\n\n          <span class=\"fz-h9e-body__use-label\">\n            Typical Applications\n          <\/span>\n\n          <div class=\"fz-h9e-body__uses\">\n            <span>Delivery Fleet<\/span>\n            <span>Cargo Handling<\/span>\n            <span>Loading Support<\/span>\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"fz-h9e-body__note\">\n          Body configurations shown are application concepts.\n          Final specifications and body build may vary according\n          to business and operational requirements.\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           RIGHT VISUAL\n      ==================================================== -->\n\n      <div class=\"fz-h9e-body__visual\">\n\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/SVG00300-scaled.jpg\"\n          alt=\"Farizon H9E electric truck commercial body configuration\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n\n        <div class=\"fz-h9e-body__grid\"><\/div>\n\n\n        <div class=\"fz-h9e-body__badge\">\n\n          <span>\n            H9E Platform\n          <\/span>\n\n          <strong>\n            Commercial Configuration\n          <\/strong>\n\n        <\/div>\n\n\n\n        <div\n          class=\"fz-h9e-body__visual-content\"\n          id=\"fz-h9e-body-visual\">\n\n\n          <div class=\"fz-h9e-body__visual-label\">\n            Built for Real Commercial Use\n          <\/div>\n\n\n          <h3 id=\"fz-h9e-body-title\">\n            Box Body for Daily Logistics.\n          <\/h3>\n\n\n          <p id=\"fz-h9e-body-description\">\n            A practical enclosed configuration for protected\n            cargo movement and everyday commercial distribution.\n          <\/p>\n\n\n          <div\n            class=\"fz-h9e-body__visual-tags\"\n            id=\"fz-h9e-body-tags\">\n\n            <span>Logistics<\/span>\n            <span>Distribution<\/span>\n            <span>General Cargo<\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n\n        <div class=\"fz-h9e-body__scan\"><\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<script>\n(function () {\n\n  const section =\n    document.querySelector(\n      \".fz-h9e-body\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const tabs =\n    section.querySelectorAll(\n      \"[data-h9e-body]\"\n    );\n\n\n  const states =\n    section.querySelectorAll(\n      \"[data-h9e-body-content]\"\n    );\n\n\n  const visual =\n    document.getElementById(\n      \"fz-h9e-body-visual\"\n    );\n\n\n  const title =\n    document.getElementById(\n      \"fz-h9e-body-title\"\n    );\n\n\n  const description =\n    document.getElementById(\n      \"fz-h9e-body-description\"\n    );\n\n\n  const tags =\n    document.getElementById(\n      \"fz-h9e-body-tags\"\n    );\n\n\n  const data = {\n\n    box: {\n      title:\n        \"Box Body for Daily Logistics.\",\n\n      description:\n        \"A practical enclosed configuration for protected cargo movement and everyday commercial distribution.\",\n\n      tags:\n        [\n          \"Logistics\",\n          \"Distribution\",\n          \"General Cargo\"\n        ]\n    },\n\n\n    freezer: {\n      title:\n        \"Built for Cold Chain Operations.\",\n\n      description:\n        \"A temperature-controlled configuration concept for frozen, chilled and temperature-sensitive commercial delivery.\",\n\n      tags:\n        [\n          \"Cold Chain\",\n          \"Food Supply\",\n          \"Frozen Goods\"\n        ]\n    },\n\n\n    deck: {\n      title:\n        \"Open Deck. Flexible by Nature.\",\n\n      description:\n        \"Straightforward access for materials, equipment and varied commercial loads across daily operations.\",\n\n      tags:\n        [\n          \"Materials\",\n          \"Freight\",\n          \"Equipment\"\n        ]\n    },\n\n\n    canopy: {\n      title:\n        \"Covered for Everyday Utility.\",\n\n      description:\n        \"A practical covered setup balancing cargo protection with flexible commercial access.\",\n\n      tags:\n        [\n          \"Utility\",\n          \"Service Fleet\",\n          \"Covered Cargo\"\n        ]\n    },\n\n\n    tailgate: {\n      title:\n        \"Built Around Easier Loading.\",\n\n      description:\n        \"Loading support for businesses managing frequent or heavier cargo movement throughout the working day.\",\n\n      tags:\n        [\n          \"Delivery Fleet\",\n          \"Cargo Handling\",\n          \"Loading Support\"\n        ]\n    }\n\n  };\n\n\n  function renderTags(items) {\n\n    if (!tags) return;\n\n\n    tags.innerHTML = \"\";\n\n\n    items.forEach(\n      function (item) {\n\n        const span =\n          document.createElement(\n            \"span\"\n          );\n\n\n        span.textContent =\n          item;\n\n\n        tags.appendChild(\n          span\n        );\n\n      }\n    );\n\n  }\n\n\n  tabs.forEach(\n    function (tab) {\n\n      tab.addEventListener(\n        \"click\",\n        function () {\n\n\n          const key =\n            tab.getAttribute(\n              \"data-h9e-body\"\n            );\n\n\n          const selected =\n            data[key];\n\n\n          if (!selected) {\n            return;\n          }\n\n\n          \/* tab *\/\n\n          tabs.forEach(\n            function (item) {\n\n              item.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n\n          tab.classList.add(\n            \"is-active\"\n          );\n\n\n          \/* left content *\/\n\n          states.forEach(\n            function (item) {\n\n              item.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n\n          const activeState =\n            section.querySelector(\n              '[data-h9e-body-content=\"' +\n              key +\n              '\"]'\n            );\n\n\n          if (activeState) {\n\n            activeState.classList.add(\n              \"is-active\"\n            );\n\n          }\n\n\n          \/* visual *\/\n\n          if (visual) {\n\n            visual.classList.remove(\n              \"is-changing\"\n            );\n\n\n            void visual.offsetWidth;\n\n\n            visual.classList.add(\n              \"is-changing\"\n            );\n\n          }\n\n\n          if (title) {\n\n            title.textContent =\n              selected.title;\n\n          }\n\n\n          if (description) {\n\n            description.textContent =\n              selected.description;\n\n          }\n\n\n          renderTags(\n            selected.tags\n          );\n\n\n        }\n      );\n\n    }\n  );\n\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON H9E\n   SECTION 04 \u2014 H9E IN ACTION\n========================================================= *\/\n\n.fz-h9e-action,\n.fz-h9e-action *,\n.fz-h9e-action *::before,\n.fz-h9e-action *::after {\n  box-sizing: border-box;\n}\n\n.fz-h9e-action {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #172532;\n  --white: #ffffff;\n\n  position: relative;\n  width: 100%;\n\n  padding: 72px 24px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 82% 12%,\n      rgba(255,100,51,.12),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #263648 0%,\n      #172532 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND MOTION\n========================================================= *\/\n\n.fz-h9e-action::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: .38;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.028) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.028) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    50px 50px;\n}\n\n\n.fz-h9e-action::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 520px;\n  height: 520px;\n\n  right: -180px;\n  top: -260px;\n\n  border-radius: 50%;\n\n  border:\n    1px solid\n    rgba(255,100,51,.10);\n\n  box-shadow:\n    0 0 0 80px\n    rgba(255,100,51,.025);\n\n  animation:\n    fzH9EActionGlow\n    6s ease-in-out infinite;\n}\n\n\n.fz-h9e-action__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.fz-h9e-action__top {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(330px,.7fr);\n\n  gap: 65px;\n\n  align-items: end;\n\n  margin-bottom: 34px;\n}\n\n\n.fz-h9e-action__eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 15px;\n\n  color:\n    var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.6px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-h9e-action__eyebrow::before {\n  content: \"\";\n\n  width: 31px;\n  height: 2px;\n\n  background:\n    var(--orange);\n}\n\n\n.fz-h9e-action h2 {\n  max-width: 700px;\n\n  margin: 0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(\n      40px,\n      4.8vw,\n      62px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.03;\n\n  letter-spacing: -1.6px;\n}\n\n\n.fz-h9e-action h2 span {\n  display: block;\n\n  color:\n    rgba(255,255,255,.48);\n}\n\n\n.fz-h9e-action__intro {\n  max-width: 460px;\n\n  margin:\n    0\n    0\n    3px;\n\n  color:\n    rgba(255,255,255,.63);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   VIDEO EXPERIENCE\n========================================================= *\/\n\n.fz-h9e-action__video-shell {\n  position: relative;\n\n  width: 100%;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.11);\n\n  background:\n    #0f1922;\n\n  box-shadow:\n    0 30px 80px\n    rgba(0,0,0,.30);\n}\n\n\n\/* top orange accent *\/\n\n.fz-h9e-action__video-shell::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 5;\n\n  top: 0;\n  left: 0;\n\n  width: 120px;\n  height: 4px;\n\n  background:\n    var(--orange);\n}\n\n\n\/* animated scan line *\/\n\n.fz-h9e-action__video-shell::after {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 4;\n\n  left: -30%;\n  bottom: 0;\n\n  width: 30%;\n  height: 3px;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      transparent\n    );\n\n  animation:\n    fzH9EVideoScan\n    4s linear infinite;\n}\n\n\n\/* responsive 16:9 frame *\/\n\n.fz-h9e-action__video {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  background:\n    #000000;\n}\n\n\n.fz-h9e-action__video iframe {\n  position: absolute;\n\n  inset: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n\n  margin: 0;\n  padding: 0;\n}\n\n\n\/* =========================================================\n   VIDEO META\n========================================================= *\/\n\n.fz-h9e-action__video-meta {\n  min-height: 68px;\n\n  padding:\n    0\n    22px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.08);\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n.fz-h9e-action__video-meta-left {\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  color:\n    rgba(255,255,255,.48);\n\n  font-size: 9px;\n  font-weight: 650;\n\n  letter-spacing: .8px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-h9e-action__live {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background:\n    var(--orange);\n\n  box-shadow:\n    0 0 0 7px\n    rgba(255,100,51,.08);\n\n  animation:\n    fzH9ELivePulse\n    2.2s ease-in-out infinite;\n}\n\n\n.fz-h9e-action__video-meta-right {\n  color:\n    rgba(255,255,255,.38);\n\n  font-size: 9px;\n\n  text-align: right;\n}\n\n\n\/* =========================================================\n   HIGHLIGHTS\n========================================================= *\/\n\n.fz-h9e-action__highlights {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-top: 18px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.fz-h9e-action__highlight {\n  position: relative;\n\n  min-height: 112px;\n\n  padding:\n    24px\n    26px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  overflow: hidden;\n}\n\n\n.fz-h9e-action__highlight +\n.fz-h9e-action__highlight {\n  border-left:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.fz-h9e-action__highlight::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: 0;\n\n  width: 0;\n  height: 2px;\n\n  background:\n    var(--orange);\n\n  transition:\n    width .8s ease;\n}\n\n\n.fz-h9e-action.is-visible\n.fz-h9e-action__highlight::after {\n  width: 100%;\n}\n\n\n.fz-h9e-action__highlight strong {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color:\n    #ffffff;\n\n  font-size: 24px;\n  font-weight: 700;\n\n  line-height: 1.1;\n}\n\n\n.fz-h9e-action__highlight span {\n  color:\n    rgba(255,255,255,.48);\n\n  font-size: 10px;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes fzH9EVideoScan {\n\n  from {\n    left: -30%;\n  }\n\n  to {\n    left: 110%;\n  }\n\n}\n\n\n@keyframes fzH9EActionGlow {\n\n  0%,\n  100% {\n    transform:\n      scale(.96);\n\n    opacity: .65;\n  }\n\n  50% {\n    transform:\n      scale(1.04);\n\n    opacity: 1;\n  }\n\n}\n\n\n@keyframes fzH9ELivePulse {\n\n  0%,\n  100% {\n    opacity: .65;\n  }\n\n  50% {\n    opacity: 1;\n\n    box-shadow:\n      0 0 0 11px\n      rgba(255,100,51,.04);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-h9e-action {\n    padding:\n      60px\n      22px;\n  }\n\n\n  .fz-h9e-action__top {\n    gap: 40px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-h9e-action {\n    padding:\n      52px\n      16px;\n  }\n\n\n  .fz-h9e-action__top {\n    display: block;\n\n    margin-bottom: 24px;\n  }\n\n\n  .fz-h9e-action__eyebrow {\n    margin-bottom: 12px;\n\n    font-size: 10px;\n  }\n\n\n  .fz-h9e-action h2 {\n    max-width: 370px;\n\n    margin-bottom: 15px;\n\n    font-size: 38px;\n\n    line-height: 1.06;\n\n    letter-spacing: -1px;\n  }\n\n\n  .fz-h9e-action__intro {\n    max-width: none;\n\n    font-size: 13px;\n  }\n\n\n  .fz-h9e-action__video-meta {\n    min-height: 58px;\n\n    padding:\n      0\n      14px;\n  }\n\n\n  .fz-h9e-action__video-meta-right {\n    display: none;\n  }\n\n\n  .fz-h9e-action__highlights {\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .fz-h9e-action__highlight {\n    min-height: 88px;\n\n    padding:\n      18px\n      17px;\n  }\n\n\n  .fz-h9e-action__highlight +\n  .fz-h9e-action__highlight {\n    border-left: 0;\n\n    border-top:\n      1px solid\n      rgba(255,255,255,.10);\n  }\n\n\n  .fz-h9e-action__highlight strong {\n    font-size: 20px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .fz-h9e-action h2 {\n    font-size: 35px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-h9e-action *,\n  .fz-h9e-action *::before,\n  .fz-h9e-action *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n\n<section\n  class=\"fz-h9e-action\"\n  id=\"h9e-in-action\">\n\n\n  <div class=\"fz-h9e-action__inner\">\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <div class=\"fz-h9e-action__top\">\n\n\n      <div>\n\n        <div class=\"fz-h9e-action__eyebrow\">\n          H9E in Action\n        <\/div>\n\n\n        <h2>\n          See the H9E\n          <span>Built for Real Work.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"fz-h9e-action__intro\">\n        Experience the Farizon H9E in motion and get a closer\n        look at its heavy-duty road presence, commercial\n        proportions and electric truck capability.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         VIDEO\n    ====================================================== -->\n\n    <div class=\"fz-h9e-action__video-shell\">\n\n\n      <div class=\"fz-h9e-action__video\">\n\n\n        <iframe\n          loading=\"lazy\"\n          src=\"https:\/\/www.canva.com\/design\/DAGsLx4V0rc\/Zso-9QayugdKSgfiwXc7lQ\/watch?embed\"\n          title=\"Farizon H9E in action\"\n          allow=\"fullscreen\"\n          allowfullscreen>\n        <\/iframe>\n\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-action__video-meta\">\n\n\n        <div class=\"fz-h9e-action__video-meta-left\">\n\n          <span class=\"fz-h9e-action__live\"><\/span>\n\n          Farizon H9E \u00b7 Heavy-Duty Electric Commercial Truck\n\n        <\/div>\n\n\n        <div class=\"fz-h9e-action__video-meta-right\">\n\n          Interactive Video Experience\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         KEY HIGHLIGHTS\n    ====================================================== -->\n\n    <div class=\"fz-h9e-action__highlights\">\n\n\n      <div class=\"fz-h9e-action__highlight\">\n\n        <strong>\n          9.8T GVW\n        <\/strong>\n\n        <span>\n          Heavy-duty commercial capability\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-action__highlight\">\n\n        <strong>\n          Up to 6,490kg\n        <\/strong>\n\n        <span>\n          Payload capacity\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-action__highlight\">\n\n        <strong>\n          Up to 372km\n        <\/strong>\n\n        <span>\n          WLTP electric range*\n        <\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<script>\n(function () {\n\n  const section =\n    document.querySelector(\n      \".fz-h9e-action\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n\n                section.classList.add(\n                  \"is-visible\"\n                );\n\n                observer.disconnect();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: .2\n        }\n      );\n\n\n    observer.observe(\n      section\n    );\n\n  } else {\n\n    section.classList.add(\n      \"is-visible\"\n    );\n\n  }\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON H9E\n   SECTION 05 \u2014 ELECTRIC TECHNOLOGY\n   NO DUPLICATE PERFORMANCE NUMBERS\n========================================================= *\/\n\n.fz-h9e-power,\n.fz-h9e-power *,\n.fz-h9e-power *::before,\n.fz-h9e-power *::after {\n  box-sizing: border-box;\n}\n\n.fz-h9e-power {\n  --orange: #ff6433;\n  --navy: #263648;\n  --deep: #14212d;\n  --white: #ffffff;\n  --line: rgba(255,255,255,.11);\n  --muted: rgba(255,255,255,.58);\n\n  position: relative;\n  width: 100%;\n  padding: 68px 24px;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 82% 20%,\n      rgba(255,100,51,.11),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #263648 0%,\n      #14212d 100%\n    );\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n.fz-h9e-power::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  opacity: .38;\n  pointer-events: none;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size: 48px 48px;\n}\n\n.fz-h9e-power__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.fz-h9e-power__top {\n  display: grid;\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(340px,.72fr);\n\n  gap: 65px;\n  align-items: end;\n  margin-bottom: 32px;\n}\n\n.fz-h9e-power__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  margin-bottom: 15px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n.fz-h9e-power__eyebrow::before {\n  content: \"\";\n  width: 31px;\n  height: 2px;\n  background: var(--orange);\n}\n\n.fz-h9e-power h2 {\n  max-width: 730px;\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size:\n    clamp(\n      40px,\n      4.8vw,\n      62px\n    );\n\n  font-weight: 700;\n  line-height: 1.03;\n  letter-spacing: -1.6px;\n}\n\n.fz-h9e-power h2 span {\n  display: block;\n  color: rgba(255,255,255,.48);\n}\n\n.fz-h9e-power__intro {\n  max-width: 470px;\n  margin: 0 0 3px;\n\n  color: var(--muted);\n\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   TABS\n========================================================= *\/\n\n.fz-h9e-power__tabs {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n\n  margin-bottom: 16px;\n\n  border: 1px solid var(--line);\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n.fz-h9e-power__tab {\n  min-height: 72px;\n\n  padding: 0 22px;\n\n  display: grid;\n  grid-template-columns:\n    28px\n    1fr\n    auto;\n\n  gap: 12px;\n  align-items: center;\n\n  border: 0;\n  border-right:\n    1px solid var(--line);\n\n  background: transparent;\n\n  color: #ffffff;\n\n  font-family: inherit;\n\n  cursor: pointer;\n\n  transition:\n    background .22s ease;\n}\n\n.fz-h9e-power__tab:last-child {\n  border-right: 0;\n}\n\n.fz-h9e-power__tab:hover,\n.fz-h9e-power__tab.is-active {\n  background:\n    rgba(255,255,255,.06);\n}\n\n.fz-h9e-power__tab-number {\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n}\n\n.fz-h9e-power__tab-copy strong {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.fz-h9e-power__tab-copy span {\n  display: block;\n\n  color:\n    rgba(255,255,255,.38);\n\n  font-size: 9px;\n}\n\n.fz-h9e-power__tab-dot {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.22);\n\n  transition:\n    background .22s ease,\n    box-shadow .22s ease,\n    transform .22s ease;\n}\n\n.fz-h9e-power__tab.is-active\n.fz-h9e-power__tab-dot {\n  background: var(--orange);\n\n  transform: scale(1.15);\n\n  box-shadow:\n    0 0 0 7px\n    rgba(255,100,51,.10);\n}\n\n\n\/* =========================================================\n   PANEL\n========================================================= *\/\n\n.fz-h9e-power__panel {\n  min-height: 550px;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(330px,.72fr)\n    minmax(0,1.28fr);\n\n  overflow: hidden;\n\n  border:\n    1px solid var(--line);\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.fz-h9e-power__content {\n  padding: 50px 42px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  border-right:\n    1px solid var(--line);\n}\n\n.fz-h9e-power__state {\n  display: none;\n}\n\n.fz-h9e-power__state.is-active {\n  display: block;\n\n  animation:\n    fzH9ETechContent\n    .35s ease both;\n}\n\n.fz-h9e-power__mode {\n  margin-bottom: 13px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n  text-transform: uppercase;\n}\n\n.fz-h9e-power__content h3 {\n  max-width: 420px;\n\n  margin:\n    0\n    0\n    14px;\n\n  color: #ffffff;\n\n  font-size: 30px;\n  font-weight: 700;\n\n  line-height: 1.1;\n}\n\n.fz-h9e-power__content p {\n  max-width: 430px;\n\n  margin:\n    0\n    0\n    25px;\n\n  color: var(--muted);\n\n  font-size: 12px;\n\n  line-height: 1.75;\n}\n\n.fz-h9e-power__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.fz-h9e-power__tags span {\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid var(--line);\n\n  color:\n    rgba(255,255,255,.66);\n\n  font-size: 9px;\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.fz-h9e-power__visual {\n  position: relative;\n\n  min-height: 550px;\n\n  overflow: hidden;\n}\n\n.fz-h9e-power__visual::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-45%,-50%);\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.14),\n      rgba(255,100,51,.025) 48%,\n      transparent 72%\n    );\n\n  animation:\n    fzH9ETechGlow\n    4.8s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   TRUCK\n========================================================= *\/\n\n.fz-h9e-power__truck {\n  position: absolute;\n\n  z-index: 6;\n\n  width:\n    min(\n      83%,\n      700px\n    );\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%,-46%);\n\n  filter:\n    drop-shadow(\n      0 30px 26px\n      rgba(0,0,0,.30)\n    );\n\n  animation:\n    fzH9ETechFloat\n    5s ease-in-out infinite;\n}\n\n.fz-h9e-power__truck img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n}\n\n.fz-h9e-power__ground {\n  position: absolute;\n\n  z-index: 2;\n\n  width: 62%;\n  height: 35px;\n\n  left: 50%;\n  bottom: 75px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius: 50%;\n\n  background:\n    rgba(0,0,0,.28);\n\n  filter:\n    blur(14px);\n}\n\n\n\/* =========================================================\n   GRAPHIC MODES\n========================================================= *\/\n\n.fz-h9e-power__graphic {\n  position: absolute;\n  inset: 0;\n\n  opacity: 0;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease;\n}\n\n.fz-h9e-power__graphic.is-active {\n  opacity: 1;\n}\n\n\n\/* BATTERY *\/\n\n.fz-h9e-power__battery-ring {\n  position: absolute;\n\n  width: 390px;\n  height: 390px;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  border-radius: 50%;\n\n  border:\n    1px solid\n    rgba(255,100,51,.24);\n\n  animation:\n    fzH9EBatteryPulse\n    3s ease-in-out infinite;\n}\n\n.fz-h9e-power__battery-ring:nth-child(2) {\n  width: 290px;\n  height: 290px;\n\n  animation-delay: .5s;\n}\n\n.fz-h9e-power__battery-ring:nth-child(3) {\n  width: 190px;\n  height: 190px;\n\n  animation-delay: 1s;\n}\n\n\n\/* CHARGING *\/\n\n.fz-h9e-power__energy {\n  position: absolute;\n\n  right: 5%;\n  bottom: 115px;\n\n  width: 245px;\n  height: 3px;\n\n  overflow: hidden;\n\n  background:\n    rgba(255,255,255,.08);\n}\n\n.fz-h9e-power__energy::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 100px;\n  height: 100%;\n\n  left: -100px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      transparent\n    );\n\n  animation:\n    fzH9EEnergy\n    1.8s linear infinite;\n}\n\n.fz-h9e-power__charge-circle {\n  position: absolute;\n\n  width: 400px;\n  height: 400px;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  border-radius: 50%;\n\n  border:\n    1px dashed\n    rgba(255,100,51,.26);\n\n  animation:\n    fzH9ERotate\n    16s linear infinite;\n}\n\n\n\/* ADAS *\/\n\n.fz-h9e-power__radar {\n  position: absolute;\n\n  width: 470px;\n  height: 470px;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  border-radius: 50%;\n\n  border:\n    1px solid\n    rgba(255,255,255,.08);\n\n  animation:\n    fzH9ERadar\n    3.2s ease-in-out infinite;\n}\n\n.fz-h9e-power__radar:nth-child(2) {\n  width: 340px;\n  height: 340px;\n\n  animation-delay: .45s;\n}\n\n.fz-h9e-power__radar:nth-child(3) {\n  width: 230px;\n  height: 230px;\n\n  animation-delay: .9s;\n}\n\n.fz-h9e-power__sensor {\n  position: absolute;\n\n  z-index: 7;\n\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.14);\n\n  background:\n    rgba(20,33,45,.78);\n\n  color: #ffffff;\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: .7px;\n}\n\n.fz-h9e-power__sensor--aeb {\n  top: 19%;\n  left: 50%;\n\n  transform:\n    translateX(-50%);\n}\n\n.fz-h9e-power__sensor--fcw {\n  top: 48%;\n  right: 7%;\n}\n\n.fz-h9e-power__sensor--ldw {\n  bottom: 16%;\n  left: 15%;\n}\n\n\n\/* =========================================================\n   STATUS\n========================================================= *\/\n\n.fz-h9e-power__status {\n  position: absolute;\n\n  z-index: 8;\n\n  left: 20px;\n  bottom: 17px;\n\n  padding:\n    11px\n    13px;\n\n  border:\n    1px solid var(--line);\n\n  background:\n    rgba(19,32,44,.75);\n}\n\n.fz-h9e-power__status span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--orange);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.fz-h9e-power__status strong {\n  color: #ffffff;\n\n  font-size: 10px;\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-h9e-power {\n    padding: 50px 16px;\n  }\n\n  .fz-h9e-power__top {\n    display: block;\n    margin-bottom: 23px;\n  }\n\n  .fz-h9e-power h2 {\n    max-width: 380px;\n    margin-bottom: 15px;\n\n    font-size: 38px;\n    line-height: 1.06;\n    letter-spacing: -1px;\n  }\n\n  .fz-h9e-power__intro {\n    max-width: none;\n    font-size: 13px;\n  }\n\n  .fz-h9e-power__tabs {\n    overflow-x: auto;\n\n    grid-template-columns:\n      repeat(\n        3,\n        minmax(160px,1fr)\n      );\n\n    scrollbar-width: none;\n  }\n\n  .fz-h9e-power__tabs::-webkit-scrollbar {\n    display: none;\n  }\n\n  .fz-h9e-power__panel {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n  }\n\n  .fz-h9e-power__content {\n    padding:\n      32px\n      22px\n      27px;\n\n    border-right: 0;\n\n    border-bottom:\n      1px solid var(--line);\n  }\n\n  .fz-h9e-power__content h3 {\n    font-size: 24px;\n  }\n\n  .fz-h9e-power__visual {\n    min-height: 350px;\n  }\n\n  .fz-h9e-power__truck {\n    width: 92%;\n  }\n\n  .fz-h9e-power__battery-ring {\n    width: 280px;\n    height: 280px;\n  }\n\n  .fz-h9e-power__battery-ring:nth-child(2) {\n    width: 210px;\n    height: 210px;\n  }\n\n  .fz-h9e-power__battery-ring:nth-child(3) {\n    width: 145px;\n    height: 145px;\n  }\n\n  .fz-h9e-power__charge-circle {\n    width: 280px;\n    height: 280px;\n  }\n\n  .fz-h9e-power__radar {\n    width: 300px;\n    height: 300px;\n  }\n\n  .fz-h9e-power__radar:nth-child(2) {\n    width: 225px;\n    height: 225px;\n  }\n\n  .fz-h9e-power__radar:nth-child(3) {\n    width: 155px;\n    height: 155px;\n  }\n\n}\n\n@media (max-width: 390px) {\n\n  .fz-h9e-power h2 {\n    font-size: 35px;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes fzH9ETechContent {\n\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n@keyframes fzH9ETechFloat {\n\n  0%,\n  100% {\n    transform:\n      translate(-50%,-46%);\n  }\n\n  50% {\n    transform:\n      translate(-50%,-48%);\n  }\n\n}\n\n@keyframes fzH9ETechGlow {\n\n  0%,\n  100% {\n    opacity: .7;\n    transform:\n      translate(-45%,-50%)\n      scale(.96);\n  }\n\n  50% {\n    opacity: 1;\n    transform:\n      translate(-45%,-50%)\n      scale(1.05);\n  }\n\n}\n\n@keyframes fzH9EBatteryPulse {\n\n  0%,\n  100% {\n    opacity: .24;\n    transform:\n      translate(-50%,-50%)\n      scale(.95);\n  }\n\n  50% {\n    opacity: .65;\n    transform:\n      translate(-50%,-50%)\n      scale(1.04);\n  }\n\n}\n\n@keyframes fzH9EEnergy {\n\n  from {\n    left: -100px;\n  }\n\n  to {\n    left: 260px;\n  }\n\n}\n\n@keyframes fzH9ERotate {\n\n  from {\n    transform:\n      translate(-50%,-50%)\n      rotate(0deg);\n  }\n\n  to {\n    transform:\n      translate(-50%,-50%)\n      rotate(360deg);\n  }\n\n}\n\n@keyframes fzH9ERadar {\n\n  0%,\n  100% {\n    opacity: .18;\n    transform:\n      translate(-50%,-50%)\n      scale(.95);\n  }\n\n  50% {\n    opacity: .6;\n    transform:\n      translate(-50%,-50%)\n      scale(1.03);\n  }\n\n}\n\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-h9e-power *,\n  .fz-h9e-power *::before,\n  .fz-h9e-power *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fz-h9e-power\"\n  id=\"h9e-performance\">\n\n\n  <div class=\"fz-h9e-power__inner\">\n\n\n    <div class=\"fz-h9e-power__top\">\n\n\n      <div>\n\n        <div class=\"fz-h9e-power__eyebrow\">\n          Electric Technology\n        <\/div>\n\n\n        <h2>\n          Technology Designed\n          <span>Around Commercial Work.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"fz-h9e-power__intro\">\n        Explore the battery platform, charging capability and\n        driver-assistance technologies supporting the Farizon H9E\n        in everyday commercial operation.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <div class=\"fz-h9e-power__tabs\">\n\n\n      <button\n        class=\"fz-h9e-power__tab is-active\"\n        type=\"button\"\n        data-h9e-power=\"battery\">\n\n        <span class=\"fz-h9e-power__tab-number\">\n          01\n        <\/span>\n\n        <span class=\"fz-h9e-power__tab-copy\">\n\n          <strong>\n            Battery\n          <\/strong>\n\n          <span>\n            CATL LFP platform\n          <\/span>\n\n        <\/span>\n\n        <span class=\"fz-h9e-power__tab-dot\"><\/span>\n\n      <\/button>\n\n\n\n      <button\n        class=\"fz-h9e-power__tab\"\n        type=\"button\"\n        data-h9e-power=\"charging\">\n\n        <span class=\"fz-h9e-power__tab-number\">\n          02\n        <\/span>\n\n        <span class=\"fz-h9e-power__tab-copy\">\n\n          <strong>\n            Charging\n          <\/strong>\n\n          <span>\n            DC fast charging\n          <\/span>\n\n        <\/span>\n\n        <span class=\"fz-h9e-power__tab-dot\"><\/span>\n\n      <\/button>\n\n\n\n      <button\n        class=\"fz-h9e-power__tab\"\n        type=\"button\"\n        data-h9e-power=\"adas\">\n\n        <span class=\"fz-h9e-power__tab-number\">\n          03\n        <\/span>\n\n        <span class=\"fz-h9e-power__tab-copy\">\n\n          <strong>\n            Driver Assistance\n          <\/strong>\n\n          <span>\n            AEB \u00b7 FCW \u00b7 LDW\n          <\/span>\n\n        <\/span>\n\n        <span class=\"fz-h9e-power__tab-dot\"><\/span>\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <div class=\"fz-h9e-power__panel\">\n\n\n      <div class=\"fz-h9e-power__content\">\n\n\n        <!-- BATTERY -->\n\n        <div\n          class=\"fz-h9e-power__state is-active\"\n          data-h9e-power-content=\"battery\">\n\n          <div class=\"fz-h9e-power__mode\">\n            Electric Energy Platform\n          <\/div>\n\n          <h3>\n            CATL LFP Battery Technology.\n          <\/h3>\n\n          <p>\n            The H9E uses CATL lithium iron phosphate battery\n            technology as the foundation of its electric\n            commercial powertrain.\n          <\/p>\n\n          <div class=\"fz-h9e-power__tags\">\n\n            <span>CATL<\/span>\n\n            <span>LFP Battery<\/span>\n\n            <span>Electric Commercial Platform<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- CHARGING -->\n\n        <div\n          class=\"fz-h9e-power__state\"\n          data-h9e-power-content=\"charging\">\n\n          <div class=\"fz-h9e-power__mode\">\n            Commercial Charging\n          <\/div>\n\n          <h3>\n            Charging Designed Around Fleet Operation.\n          <\/h3>\n\n          <p>\n            DC fast-charging capability gives operators greater\n            flexibility to plan charging around depot schedules,\n            route requirements and commercial working cycles.\n          <\/p>\n\n          <div class=\"fz-h9e-power__tags\">\n\n            <span>DC Fast Charging<\/span>\n\n            <span>Fleet Charging<\/span>\n\n            <span>Commercial Operations<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- ADAS -->\n\n        <div\n          class=\"fz-h9e-power__state\"\n          data-h9e-power-content=\"adas\">\n\n          <div class=\"fz-h9e-power__mode\">\n            Driver-Assistance Systems\n          <\/div>\n\n          <h3>\n            Technology Supporting Driver Awareness.\n          <\/h3>\n\n          <p>\n            The H9E incorporates driver-assistance features\n            designed to support awareness during demanding\n            commercial driving environments.\n          <\/p>\n\n          <div class=\"fz-h9e-power__tags\">\n\n            <span>AEB<\/span>\n\n            <span>FCW<\/span>\n\n            <span>LDW<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-power__visual\">\n\n\n        <!-- BATTERY -->\n\n        <div\n          class=\"fz-h9e-power__graphic is-active\"\n          data-h9e-power-graphic=\"battery\">\n\n          <div class=\"fz-h9e-power__battery-ring\"><\/div>\n\n          <div class=\"fz-h9e-power__battery-ring\"><\/div>\n\n          <div class=\"fz-h9e-power__battery-ring\"><\/div>\n\n        <\/div>\n\n\n\n        <!-- CHARGING -->\n\n        <div\n          class=\"fz-h9e-power__graphic\"\n          data-h9e-power-graphic=\"charging\">\n\n          <div class=\"fz-h9e-power__charge-circle\"><\/div>\n\n          <div class=\"fz-h9e-power__energy\"><\/div>\n\n        <\/div>\n\n\n\n        <!-- ADAS -->\n\n        <div\n          class=\"fz-h9e-power__graphic\"\n          data-h9e-power-graphic=\"adas\">\n\n          <div class=\"fz-h9e-power__radar\"><\/div>\n\n          <div class=\"fz-h9e-power__radar\"><\/div>\n\n          <div class=\"fz-h9e-power__radar\"><\/div>\n\n\n          <span\n            class=\"fz-h9e-power__sensor fz-h9e-power__sensor--aeb\">\n\n            AEB\n\n          <\/span>\n\n\n          <span\n            class=\"fz-h9e-power__sensor fz-h9e-power__sensor--fcw\">\n\n            FCW\n\n          <\/span>\n\n\n          <span\n            class=\"fz-h9e-power__sensor fz-h9e-power__sensor--ldw\">\n\n            LDW\n\n          <\/span>\n\n        <\/div>\n\n\n\n        <div class=\"fz-h9e-power__ground\"><\/div>\n\n\n        <div class=\"fz-h9e-power__truck\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-png-scaled.png\"\n            alt=\"Farizon H9E electric truck technology\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <div class=\"fz-h9e-power__status\">\n\n          <span>\n            H9E Technology\n          <\/span>\n\n          <strong id=\"fz-h9e-tech-status\">\n            Battery System\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.querySelector(\n      \".fz-h9e-power\"\n    );\n\n\n  if (!section) return;\n\n\n  const tabs =\n    section.querySelectorAll(\n      \"[data-h9e-power]\"\n    );\n\n\n  const contents =\n    section.querySelectorAll(\n      \"[data-h9e-power-content]\"\n    );\n\n\n  const graphics =\n    section.querySelectorAll(\n      \"[data-h9e-power-graphic]\"\n    );\n\n\n  const status =\n    document.getElementById(\n      \"fz-h9e-tech-status\"\n    );\n\n\n  const statusText = {\n\n    battery:\n      \"Battery System\",\n\n    charging:\n      \"Charging System\",\n\n    adas:\n      \"Driver Assistance\"\n\n  };\n\n\n  tabs.forEach(\n    function (tab) {\n\n      tab.addEventListener(\n        \"click\",\n        function () {\n\n\n          const mode =\n            tab.getAttribute(\n              \"data-h9e-power\"\n            );\n\n\n          tabs.forEach(\n            function (item) {\n\n              item.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n\n          contents.forEach(\n            function (item) {\n\n              item.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n\n          graphics.forEach(\n            function (item) {\n\n              item.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n\n          tab.classList.add(\n            \"is-active\"\n          );\n\n\n          const content =\n            section.querySelector(\n              '[data-h9e-power-content=\"' +\n              mode +\n              '\"]'\n            );\n\n\n          const graphic =\n            section.querySelector(\n              '[data-h9e-power-graphic=\"' +\n              mode +\n              '\"]'\n            );\n\n\n          if (content) {\n            content.classList.add(\n              \"is-active\"\n            );\n          }\n\n\n          if (graphic) {\n            graphic.classList.add(\n              \"is-active\"\n            );\n          }\n\n\n          if (\n            status &&\n            statusText[mode]\n          ) {\n\n            status.textContent =\n              statusText[mode];\n\n          }\n\n\n        }\n      );\n\n    }\n  );\n\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FARIZON H9E PRODUCT PAGE\n   REMOVE GUTENBERG \/ BLOCKSY GAPS BETWEEN CUSTOM SECTIONS\n========================================================= *\/\n\n\/* Custom HTML blocks *\/\n.entry-content > .wp-block-html {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n\n\/* No block spacing between consecutive HTML sections *\/\n.entry-content > .wp-block-html + .wp-block-html {\n  margin-top: 0 !important;\n  margin-block-start: 0 !important;\n}\n\n\n\/* Gutenberg \/ Blocksy flow spacing *\/\n.entry-content {\n  gap: 0 !important;\n  row-gap: 0 !important;\n}\n\n\n\/* H9E sections *\/\n.fz-h9e-opening,\n.fz-h9e-config,\n.fz-h9e-body,\n.fz-h9e-action,\n.fz-h9e-power {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n\n\/* Their surrounding WordPress blocks *\/\n.wp-block-html:has(.fz-h9e-opening),\n.wp-block-html:has(.fz-h9e-config),\n.wp-block-html:has(.fz-h9e-body),\n.wp-block-html:has(.fz-h9e-action),\n.wp-block-html:has(.fz-h9e-power) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  margin-block-start: 0 !important;\n  margin-block-end: 0 !important;\n}\n\n\n\/* Next block after every H9E section *\/\n.wp-block-html:has(.fz-h9e-opening) + .wp-block-html,\n.wp-block-html:has(.fz-h9e-config) + .wp-block-html,\n.wp-block-html:has(.fz-h9e-body) + .wp-block-html,\n.wp-block-html:has(.fz-h9e-action) + .wp-block-html,\n.wp-block-html:has(.fz-h9e-power) + .wp-block-html {\n  margin-top: 0 !important;\n  margin-block-start: 0 !important;\n}\n\n\n\/* Blocksy content spacing variable *\/\n.site-main .entry-content {\n  --theme-content-spacing: 0px !important;\n}\n\n\n\/* Remove possible empty Gutenberg paragraph between sections *\/\n.entry-content > p:empty {\n  display: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON H9E\n   SECTION 06 \u2014 OPERATING SCENARIOS\n   NO DUPLICATE PRODUCT SPECS\n========================================================= *\/\n\n.fz-h9e-business,\n.fz-h9e-business *,\n.fz-h9e-business *::before,\n.fz-h9e-business *::after {\n  box-sizing: border-box;\n}\n\n.fz-h9e-business {\n  --orange: #ff6433;\n  --navy: #263648;\n  --deep: #172532;\n  --text: #5d6672;\n  --muted: #87929d;\n  --line: #e3e7eb;\n\n  width: 100%;\n\n  padding: 68px 24px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f5f6f8 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n.fz-h9e-business__inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.fz-h9e-business__top {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(340px,.72fr);\n\n  gap: 65px;\n\n  align-items: end;\n\n  margin-bottom: 30px;\n}\n\n.fz-h9e-business__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  margin-bottom: 15px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.6px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-business__eyebrow::before {\n  content: \"\";\n\n  width: 31px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n.fz-h9e-business h2 {\n  max-width: 730px;\n\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(\n      40px,\n      4.8vw,\n      62px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.03;\n\n  letter-spacing: -1.6px;\n}\n\n.fz-h9e-business h2 span {\n  display: block;\n\n  color: var(--orange);\n}\n\n.fz-h9e-business__intro {\n  max-width: 470px;\n\n  margin:\n    0\n    0\n    3px;\n\n  color: var(--text);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   SELECTOR\n========================================================= *\/\n\n.fz-h9e-business__tabs {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  margin-bottom: 15px;\n\n  border:\n    1px solid var(--line);\n\n  background: #ffffff;\n}\n\n.fz-h9e-business__tab {\n  min-height: 72px;\n\n  padding:\n    0\n    19px;\n\n  display: grid;\n\n  grid-template-columns:\n    27px\n    1fr\n    auto;\n\n  gap: 10px;\n\n  align-items: center;\n\n  border: 0;\n  border-right:\n    1px solid var(--line);\n\n  background:\n    #ffffff;\n\n  font-family: inherit;\n\n  cursor: pointer;\n\n  transition:\n    background .22s ease;\n}\n\n.fz-h9e-business__tab:last-child {\n  border-right: 0;\n}\n\n.fz-h9e-business__tab-number {\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n.fz-h9e-business__tab strong {\n  color: var(--navy);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  text-align: left;\n}\n\n.fz-h9e-business__dot {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background:\n    #ccd3d9;\n}\n\n.fz-h9e-business__tab:hover,\n.fz-h9e-business__tab.is-active {\n  background:\n    var(--navy);\n}\n\n.fz-h9e-business__tab:hover strong,\n.fz-h9e-business__tab.is-active strong {\n  color: #ffffff;\n}\n\n.fz-h9e-business__tab.is-active\n.fz-h9e-business__dot {\n  background:\n    var(--orange);\n\n  box-shadow:\n    0 0 0 7px\n    rgba(255,100,51,.10);\n}\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.fz-h9e-business__experience {\n  position: relative;\n\n  min-height: 590px;\n\n  overflow: hidden;\n\n  background:\n    var(--deep);\n}\n\n.fz-h9e-business__image {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transform:\n    scale(1.01);\n\n  transition:\n    opacity .3s ease,\n    transform .8s ease;\n}\n\n.fz-h9e-business__experience.is-changing\n.fz-h9e-business__image {\n  opacity: .48;\n\n  transform:\n    scale(1.035);\n}\n\n.fz-h9e-business__experience::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 2;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(18,31,43,.88) 0%,\n      rgba(18,31,43,.66) 38%,\n      rgba(18,31,43,.20) 75%\n    );\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.fz-h9e-business__content {\n  position: absolute;\n\n  z-index: 4;\n\n  left: 38px;\n  bottom: 38px;\n\n  max-width: 540px;\n}\n\n.fz-h9e-business__content.is-changing {\n  animation:\n    fzH9EBusinessFade\n    .35s ease both;\n}\n\n.fz-h9e-business__label {\n  display: inline-flex;\n\n  margin-bottom: 14px;\n\n  padding:\n    9px\n    12px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.17);\n\n  background:\n    rgba(255,255,255,.08);\n\n  color:\n    #ffffff;\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-business__content h3 {\n  margin:\n    0\n    0\n    13px;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(\n      34px,\n      4.5vw,\n      55px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.02;\n\n  letter-spacing: -1.3px;\n}\n\n.fz-h9e-business__content p {\n  max-width: 500px;\n\n  margin:\n    0\n    0\n    18px;\n\n  color:\n    rgba(255,255,255,.76);\n\n  font-size: 12px;\n\n  line-height: 1.7;\n}\n\n.fz-h9e-business__uses {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n}\n\n.fz-h9e-business__uses span {\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.16);\n\n  background:\n    rgba(20,35,49,.46);\n\n  color:\n    #ffffff;\n\n  font-size: 9px;\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   STATUS\n========================================================= *\/\n\n.fz-h9e-business__status {\n  position: absolute;\n\n  z-index: 4;\n\n  top: 22px;\n  right: 22px;\n\n  padding:\n    12px\n    14px;\n\n  background:\n    rgba(24,39,53,.88);\n}\n\n.fz-h9e-business__status span {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color:\n    var(--orange);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-business__status strong {\n  color:\n    #ffffff;\n\n  font-size: 11px;\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n.fz-h9e-business__progress {\n  position: absolute;\n\n  z-index: 5;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  height: 4px;\n\n  background:\n    rgba(255,255,255,.12);\n}\n\n.fz-h9e-business__progress span {\n  display: block;\n\n  width: 25%;\n  height: 100%;\n\n  background:\n    var(--orange);\n\n  transition:\n    width .4s ease;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-h9e-business {\n    padding:\n      50px\n      16px;\n  }\n\n  .fz-h9e-business__top {\n    display: block;\n\n    margin-bottom: 23px;\n  }\n\n  .fz-h9e-business h2 {\n    max-width: 380px;\n\n    margin-bottom: 15px;\n\n    font-size: 38px;\n\n    line-height: 1.06;\n\n    letter-spacing: -1px;\n  }\n\n  .fz-h9e-business__intro {\n    max-width: none;\n\n    font-size: 13px;\n  }\n\n  .fz-h9e-business__tabs {\n    display: flex;\n\n    overflow-x: auto;\n\n    scrollbar-width: none;\n  }\n\n  .fz-h9e-business__tabs::-webkit-scrollbar {\n    display: none;\n  }\n\n  .fz-h9e-business__tab {\n    flex:\n      0 0 180px;\n  }\n\n  .fz-h9e-business__experience {\n    min-height: 500px;\n  }\n\n  .fz-h9e-business__content {\n    left: 20px;\n    right: 20px;\n    bottom: 22px;\n  }\n\n  .fz-h9e-business__content h3 {\n    max-width: 350px;\n\n    font-size: 34px;\n  }\n\n  .fz-h9e-business__status {\n    top: 13px;\n    right: 13px;\n  }\n\n}\n\n@media (max-width: 390px) {\n\n  .fz-h9e-business h2 {\n    font-size: 35px;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes fzH9EBusinessFade {\n\n  from {\n    opacity: .2;\n    transform:\n      translateY(9px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-h9e-business *,\n  .fz-h9e-business *::before,\n  .fz-h9e-business *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fz-h9e-business\"\n  id=\"h9e-business-applications\">\n\n\n  <div class=\"fz-h9e-business__inner\">\n\n\n    <div class=\"fz-h9e-business__top\">\n\n\n      <div>\n\n        <div class=\"fz-h9e-business__eyebrow\">\n          Commercial Operating Scenarios\n        <\/div>\n\n\n        <h2>\n          Designed Around\n          <span>How Businesses Move.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"fz-h9e-business__intro\">\n        Explore how the H9E platform can support different\n        commercial workflows across logistics, freight,\n        cold-chain transport and fleet operations.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <div class=\"fz-h9e-business__tabs\">\n\n\n      <button\n        class=\"fz-h9e-business__tab is-active\"\n        type=\"button\"\n        data-h9e-business=\"logistics\">\n\n        <span class=\"fz-h9e-business__tab-number\">\n          01\n        <\/span>\n\n        <strong>\n          Logistics\n        <\/strong>\n\n        <span class=\"fz-h9e-business__dot\"><\/span>\n\n      <\/button>\n\n\n\n      <button\n        class=\"fz-h9e-business__tab\"\n        type=\"button\"\n        data-h9e-business=\"freight\">\n\n        <span class=\"fz-h9e-business__tab-number\">\n          02\n        <\/span>\n\n        <strong>\n          Freight\n        <\/strong>\n\n        <span class=\"fz-h9e-business__dot\"><\/span>\n\n      <\/button>\n\n\n\n      <button\n        class=\"fz-h9e-business__tab\"\n        type=\"button\"\n        data-h9e-business=\"cold\">\n\n        <span class=\"fz-h9e-business__tab-number\">\n          03\n        <\/span>\n\n        <strong>\n          Cold Chain\n        <\/strong>\n\n        <span class=\"fz-h9e-business__dot\"><\/span>\n\n      <\/button>\n\n\n\n      <button\n        class=\"fz-h9e-business__tab\"\n        type=\"button\"\n        data-h9e-business=\"fleet\">\n\n        <span class=\"fz-h9e-business__tab-number\">\n          04\n        <\/span>\n\n        <strong>\n          Fleet Operations\n        <\/strong>\n\n        <span class=\"fz-h9e-business__dot\"><\/span>\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <div\n      class=\"fz-h9e-business__experience\"\n      id=\"fz-h9e-business-experience\">\n\n\n      <img\n        class=\"fz-h9e-business__image\"\n        id=\"fz-h9e-business-image\"\n        src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-exterior-scaled.jpg\"\n        alt=\"Farizon H9E electric commercial truck\"\n        loading=\"lazy\"\n        decoding=\"async\">\n\n\n\n      <div class=\"fz-h9e-business__status\">\n\n        <span>\n          Current Scenario\n        <\/span>\n\n        <strong id=\"fz-h9e-business-status\">\n          Logistics\n        <\/strong>\n\n      <\/div>\n\n\n\n      <div\n        class=\"fz-h9e-business__content\"\n        id=\"fz-h9e-business-content\">\n\n\n        <div class=\"fz-h9e-business__label\">\n          Commercial Logistics\n        <\/div>\n\n\n        <h3 id=\"fz-h9e-business-title\">\n          Keeping Distribution Moving.\n        <\/h3>\n\n\n        <p id=\"fz-h9e-business-description\">\n          Supporting regular movement between warehouses,\n          business locations and commercial delivery points.\n        <\/p>\n\n\n        <div\n          class=\"fz-h9e-business__uses\"\n          id=\"fz-h9e-business-uses\">\n\n          <span>Warehousing<\/span>\n\n          <span>Distribution<\/span>\n\n          <span>Delivery Routes<\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-business__progress\">\n\n        <span id=\"fz-h9e-business-progress\"><\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.querySelector(\n      \".fz-h9e-business\"\n    );\n\n\n  if (!section) return;\n\n\n  const tabs =\n    section.querySelectorAll(\n      \"[data-h9e-business]\"\n    );\n\n\n  const experience =\n    document.getElementById(\n      \"fz-h9e-business-experience\"\n    );\n\n\n  const image =\n    document.getElementById(\n      \"fz-h9e-business-image\"\n    );\n\n\n  const content =\n    document.getElementById(\n      \"fz-h9e-business-content\"\n    );\n\n\n  const title =\n    document.getElementById(\n      \"fz-h9e-business-title\"\n    );\n\n\n  const description =\n    document.getElementById(\n      \"fz-h9e-business-description\"\n    );\n\n\n  const uses =\n    document.getElementById(\n      \"fz-h9e-business-uses\"\n    );\n\n\n  const status =\n    document.getElementById(\n      \"fz-h9e-business-status\"\n    );\n\n\n  const progress =\n    document.getElementById(\n      \"fz-h9e-business-progress\"\n    );\n\n\n  const data = {\n\n    logistics: {\n\n      title:\n        \"Keeping Distribution Moving.\",\n\n      description:\n        \"Supporting regular movement between warehouses, business locations and commercial delivery points.\",\n\n      status:\n        \"Logistics\",\n\n      label:\n        \"Commercial Logistics\",\n\n      image:\n        \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-exterior-scaled.jpg\",\n\n      uses:\n        [\n          \"Warehousing\",\n          \"Distribution\",\n          \"Delivery Routes\"\n        ],\n\n      progress:\n        \"25%\"\n\n    },\n\n\n    freight: {\n\n      title:\n        \"Built Around Demanding Freight Work.\",\n\n      description:\n        \"Supporting commercial operations where larger cargo movement and regular transport cycles form part of everyday business.\",\n\n      status:\n        \"Freight\",\n\n      label:\n        \"Freight Operations\",\n\n      image:\n        \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-scaled.jpg\",\n\n      uses:\n        [\n          \"Freight Movement\",\n          \"Commercial Cargo\",\n          \"Business Transport\"\n        ],\n\n      progress:\n        \"50%\"\n\n    },\n\n\n    cold: {\n\n      title:\n        \"Supporting Temperature-Sensitive Delivery.\",\n\n      description:\n        \"A platform suitable for cold-chain body applications serving food supply and temperature-sensitive commercial transport.\",\n\n      status:\n        \"Cold Chain\",\n\n      label:\n        \"Temperature-Controlled Transport\",\n\n      image:\n        \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-exterior-scaled.jpg\",\n\n      uses:\n        [\n          \"Food Supply\",\n          \"Cold Chain\",\n          \"Temperature-Sensitive Cargo\"\n        ],\n\n      progress:\n        \"75%\"\n\n    },\n\n\n    fleet: {\n\n      title:\n        \"A Platform for Commercial Fleet Electrification.\",\n\n      description:\n        \"Supporting organisations exploring electric mobility across logistics, delivery and heavy commercial transport operations.\",\n\n      status:\n        \"Fleet Operations\",\n\n      label:\n        \"Commercial Fleet\",\n\n      image:\n        \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-scaled.jpg\",\n\n      uses:\n        [\n          \"Business Fleets\",\n          \"Electric Mobility\",\n          \"Commercial Operations\"\n        ],\n\n      progress:\n        \"100%\"\n\n    }\n\n  };\n\n\n  function renderUses(items) {\n\n    uses.innerHTML = \"\";\n\n\n    items.forEach(\n      function (item) {\n\n        const span =\n          document.createElement(\n            \"span\"\n          );\n\n\n        span.textContent =\n          item;\n\n\n        uses.appendChild(\n          span\n        );\n\n      }\n    );\n\n  }\n\n\n  tabs.forEach(\n    function (tab) {\n\n      tab.addEventListener(\n        \"click\",\n        function () {\n\n\n          const key =\n            tab.getAttribute(\n              \"data-h9e-business\"\n            );\n\n\n          const selected =\n            data[key];\n\n\n          if (!selected) return;\n\n\n          tabs.forEach(\n            function (item) {\n\n              item.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n\n          tab.classList.add(\n            \"is-active\"\n          );\n\n\n          experience.classList.add(\n            \"is-changing\"\n          );\n\n\n          setTimeout(\n            function () {\n\n\n              image.src =\n                selected.image;\n\n\n              title.textContent =\n                selected.title;\n\n\n              description.textContent =\n                selected.description;\n\n\n              status.textContent =\n                selected.status;\n\n\n              const label =\n                content.querySelector(\n                  \".fz-h9e-business__label\"\n                );\n\n\n              label.textContent =\n                selected.label;\n\n\n              renderUses(\n                selected.uses\n              );\n\n\n              progress.style.width =\n                selected.progress;\n\n\n              content.classList.remove(\n                \"is-changing\"\n              );\n\n\n              void content.offsetWidth;\n\n\n              content.classList.add(\n                \"is-changing\"\n              );\n\n\n              image.onload =\n                function () {\n\n                  experience.classList.remove(\n                    \"is-changing\"\n                  );\n\n                };\n\n\n              if (image.complete) {\n\n                experience.classList.remove(\n                  \"is-changing\"\n                );\n\n              }\n\n\n            },\n            170\n          );\n\n\n        }\n      );\n\n    }\n  );\n\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON H9E\n   SECTION 07 \u2014 FINAL TECHNICAL \/ ENQUIRY EXPERIENCE\n========================================================= *\/\n\n.fz-h9e-final,\n.fz-h9e-final *,\n.fz-h9e-final *::before,\n.fz-h9e-final *::after {\n  box-sizing: border-box;\n}\n\n.fz-h9e-final {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #172532;\n  --deep-2: #1d2d3c;\n  --white: #ffffff;\n  --text: #5d6672;\n  --muted: #87929d;\n  --line: #e3e7eb;\n  --light: #f5f6f8;\n\n  position: relative;\n  width: 100%;\n\n  padding: 68px 24px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f5f6f8 0%,\n      #ffffff 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 100px;\n}\n\n.fz-h9e-final__inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.fz-h9e-final__top {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(340px,.72fr);\n\n  gap: 65px;\n\n  align-items: end;\n\n  margin-bottom: 30px;\n}\n\n.fz-h9e-final__eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 15px;\n\n  color:\n    var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.6px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-final__eyebrow::before {\n  content: \"\";\n\n  width: 31px;\n  height: 2px;\n\n  background:\n    var(--orange);\n}\n\n.fz-h9e-final h2 {\n  max-width: 730px;\n\n  margin: 0;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      40px,\n      4.8vw,\n      62px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.03;\n\n  letter-spacing: -1.6px;\n}\n\n.fz-h9e-final h2 span {\n  display: block;\n\n  color:\n    var(--orange);\n}\n\n.fz-h9e-final__intro {\n  max-width: 470px;\n\n  margin:\n    0\n    0\n    3px;\n\n  color:\n    var(--text);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   TECHNICAL STAT STRIP\n========================================================= *\/\n\n.fz-h9e-final__stats {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  margin-bottom: 18px;\n\n  overflow: hidden;\n\n  border-top:\n    3px solid\n    var(--orange);\n\n  background:\n    var(--navy);\n}\n\n.fz-h9e-final__stat {\n  position: relative;\n\n  min-height: 116px;\n\n  padding:\n    24px\n    26px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n}\n\n.fz-h9e-final__stat +\n.fz-h9e-final__stat {\n  border-left:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n.fz-h9e-final__stat strong {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color:\n    #ffffff;\n\n  font-size: 26px;\n  font-weight: 700;\n\n  line-height: 1.1;\n\n  letter-spacing: -.5px;\n}\n\n.fz-h9e-final__stat span {\n  color:\n    rgba(255,255,255,.54);\n\n  font-size: 9px;\n  font-weight: 600;\n\n  line-height: 1.45;\n}\n\n\n\/* =========================================================\n   MAIN CONVERSION SHELL\n========================================================= *\/\n\n.fz-h9e-final__shell {\n  display: grid;\n\n  grid-template-columns:\n    minmax(360px,.76fr)\n    minmax(0,1.24fr);\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 24px 65px\n    rgba(29,42,56,.10);\n}\n\n\n\/* =========================================================\n   LEFT PRODUCT PANEL\n========================================================= *\/\n\n.fz-h9e-final__product {\n  position: relative;\n\n  min-height: 820px;\n\n  padding:\n    46px\n    40px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 72% 28%,\n      rgba(255,100,51,.14),\n      transparent 31%\n    ),\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #172532 100%\n    );\n}\n\n\n\/* technical background *\/\n\n.fz-h9e-final__product::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: .42;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    44px 44px;\n}\n\n\n\/* ambient ring *\/\n\n.fz-h9e-final__product::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 460px;\n  height: 460px;\n\n  left: 50%;\n  bottom: -250px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius: 50%;\n\n  border:\n    1px solid\n    rgba(255,100,51,.13);\n\n  box-shadow:\n    0 0 0 60px\n    rgba(255,100,51,.025);\n\n  animation:\n    fzH9EFinalGlow\n    5s ease-in-out infinite;\n}\n\n.fz-h9e-final__product-content {\n  position: relative;\n\n  z-index: 5;\n}\n\n.fz-h9e-final__label {\n  margin-bottom: 13px;\n\n  color:\n    var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-final__product h3 {\n  max-width: 430px;\n\n  margin:\n    0\n    0\n    16px;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(\n      31px,\n      3.6vw,\n      46px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.06;\n\n  letter-spacing: -1px;\n}\n\n.fz-h9e-final__product h3 span {\n  display: block;\n\n  color:\n    rgba(255,255,255,.48);\n}\n\n.fz-h9e-final__product-copy {\n  max-width: 410px;\n\n  margin:\n    0\n    0\n    25px;\n\n  color:\n    rgba(255,255,255,.62);\n\n  font-size: 12px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   VERIFIED CAPABILITY LIST\n========================================================= *\/\n\n.fz-h9e-final__features {\n  border-top:\n    1px solid\n    rgba(255,255,255,.11);\n}\n\n.fz-h9e-final__feature {\n  min-height: 54px;\n\n  display: grid;\n\n  grid-template-columns:\n    29px\n    1fr;\n\n  gap: 11px;\n\n  align-items: center;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.11);\n\n  color:\n    rgba(255,255,255,.80);\n\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.fz-h9e-final__feature-icon {\n  width: 26px;\n  height: 26px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,100,51,.13);\n\n  color:\n    var(--orange);\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   TRUCK\n========================================================= *\/\n\n.fz-h9e-final__truck {\n  position: absolute;\n\n  z-index: 4;\n\n  width:\n    min(\n      108%,\n      610px\n    );\n\n  left: 50%;\n  bottom: 84px;\n\n  transform:\n    translateX(-50%);\n\n  filter:\n    drop-shadow(\n      0 28px 24px\n      rgba(0,0,0,.31)\n    );\n\n  animation:\n    fzH9EFinalFloat\n    5s ease-in-out infinite;\n}\n\n.fz-h9e-final__truck img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n}\n\n\n\/* road animation *\/\n\n.fz-h9e-final__road {\n  position: absolute;\n\n  z-index: 2;\n\n  left: 8%;\n  right: 8%;\n  bottom: 77px;\n\n  height: 2px;\n\n  overflow: hidden;\n\n  background:\n    rgba(255,255,255,.09);\n}\n\n.fz-h9e-final__road::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 180%;\n  height: 100%;\n\n  left: -80%;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      transparent 0 23px,\n      var(--orange) 23px 43px,\n      transparent 43px 78px\n    );\n\n  animation:\n    fzH9EFinalRoad\n    3.2s linear infinite;\n}\n\n\n\/* local support *\/\n\n.fz-h9e-final__support {\n  position: absolute;\n\n  z-index: 6;\n\n  left: 40px;\n  right: 40px;\n  bottom: 29px;\n\n  padding-top: 17px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.11);\n}\n\n.fz-h9e-final__support span {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color:\n    rgba(255,255,255,.36);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-final__support strong {\n  color:\n    #ffffff;\n\n  font-size: 10px;\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   RIGHT FORM PANEL\n========================================================= *\/\n\n.fz-h9e-final__form {\n  padding:\n    27px\n    29px\n    31px;\n\n  background:\n    #ffffff;\n}\n\n.fz-h9e-final__form-head {\n  padding:\n    11px\n    10px\n    18px;\n}\n\n.fz-h9e-final__form-head span {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color:\n    var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.1px;\n\n  text-transform: uppercase;\n}\n\n.fz-h9e-final__form-head h3 {\n  margin:\n    0\n    0\n    7px;\n\n  color:\n    var(--navy);\n\n  font-size: 25px;\n  font-weight: 700;\n\n  line-height: 1.25;\n}\n\n.fz-h9e-final__form-head p {\n  margin: 0;\n\n  color:\n    var(--text);\n\n  font-size: 11px;\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   PEPPERCLOUD FORM\n========================================================= *\/\n\n.fz-h9e-pc-wrap {\n  position: relative;\n\n  width: 100%;\n\n  min-height: 790px;\n\n  overflow: hidden;\n\n  background:\n    #ffffff;\n\n  border-radius: 10px;\n}\n\n#h9e-pc-iframe {\n  position: relative;\n\n  z-index: 2;\n\n  display: block;\n\n  width: 100%;\n  height: 790px;\n\n  margin: 0;\n\n  border: 0;\n\n  background:\n    #ffffff;\n}\n\n\n\/* loader *\/\n\n.fz-h9e-pc-loader {\n  position: absolute;\n\n  z-index: 1;\n\n  inset: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 12px;\n\n  background:\n    #ffffff;\n\n  color:\n    var(--muted);\n\n  font-size: 11px;\n}\n\n.fz-h9e-pc-loader.is-loaded {\n  opacity: 0;\n\n  pointer-events: none;\n\n  transition:\n    opacity .3s ease;\n}\n\n.fz-h9e-pc-spinner {\n  width: 30px;\n  height: 30px;\n\n  border:\n    3px solid\n    #e5e8ec;\n\n  border-top-color:\n    var(--orange);\n\n  border-radius: 50%;\n\n  animation:\n    fzH9EPcSpin\n    .8s linear infinite;\n}\n\n\n\/* =========================================================\n   DISCLAIMER\n========================================================= *\/\n\n.fz-h9e-final__note {\n  margin-top: 15px;\n\n  color:\n    var(--muted);\n\n  font-size: 9px;\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes fzH9EFinalFloat {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      translateY(-7px);\n  }\n\n}\n\n\n@keyframes fzH9EFinalRoad {\n\n  from {\n    transform:\n      translateX(0);\n  }\n\n  to {\n    transform:\n      translateX(130px);\n  }\n\n}\n\n\n@keyframes fzH9EFinalGlow {\n\n  0%,\n  100% {\n    opacity: .55;\n\n    transform:\n      translateX(-50%)\n      scale(.95);\n  }\n\n  50% {\n    opacity: 1;\n\n    transform:\n      translateX(-50%)\n      scale(1.04);\n  }\n\n}\n\n\n@keyframes fzH9EPcSpin {\n\n  to {\n    transform:\n      rotate(360deg);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-h9e-final {\n    padding:\n      58px\n      22px;\n  }\n\n\n  .fz-h9e-final__top {\n    gap: 40px;\n  }\n\n\n  .fz-h9e-final__shell {\n    grid-template-columns:\n      minmax(320px,.74fr)\n      minmax(0,1.26fr);\n  }\n\n\n  .fz-h9e-final__product {\n    padding:\n      40px\n      30px;\n\n    min-height: 810px;\n  }\n\n\n  .fz-h9e-final__support {\n    left: 30px;\n    right: 30px;\n  }\n\n\n  .fz-h9e-final__truck {\n    width: 115%;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-h9e-final {\n    padding:\n      50px\n      16px\n      40px;\n  }\n\n\n  .fz-h9e-final__top {\n    display: block;\n\n    margin-bottom: 23px;\n  }\n\n\n  .fz-h9e-final__eyebrow {\n    margin-bottom: 12px;\n\n    font-size: 10px;\n  }\n\n\n  .fz-h9e-final h2 {\n    max-width: 380px;\n\n    margin-bottom: 15px;\n\n    font-size: 38px;\n\n    line-height: 1.06;\n\n    letter-spacing: -1px;\n  }\n\n\n  .fz-h9e-final__intro {\n    max-width: none;\n\n    font-size: 13px;\n  }\n\n\n  \/* stats *\/\n\n  .fz-h9e-final__stats {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .fz-h9e-final__stat {\n    min-height: 96px;\n\n    padding:\n      17px\n      15px;\n  }\n\n\n  .fz-h9e-final__stat:nth-child(3),\n  .fz-h9e-final__stat:nth-child(4) {\n    border-top:\n      1px solid\n      rgba(255,255,255,.10);\n  }\n\n\n  .fz-h9e-final__stat:nth-child(3) {\n    border-left: 0;\n  }\n\n\n  .fz-h9e-final__stat strong {\n    font-size: 21px;\n  }\n\n\n  \/* shell *\/\n\n  .fz-h9e-final__shell {\n    display: block;\n  }\n\n\n  \/* product *\/\n\n  .fz-h9e-final__product {\n    min-height: 675px;\n\n    padding:\n      38px\n      22px;\n  }\n\n\n  .fz-h9e-final__product h3 {\n    font-size: 34px;\n  }\n\n\n  .fz-h9e-final__truck {\n    width: 108%;\n\n    bottom: 80px;\n  }\n\n\n  .fz-h9e-final__road {\n    bottom: 69px;\n  }\n\n\n  .fz-h9e-final__support {\n    left: 22px;\n    right: 22px;\n    bottom: 25px;\n  }\n\n\n  \/* form *\/\n\n  .fz-h9e-final__form {\n    padding:\n      18px\n      8px\n      22px;\n  }\n\n\n  .fz-h9e-final__form-head {\n    padding:\n      10px\n      8px\n      15px;\n  }\n\n\n  .fz-h9e-final__form-head h3 {\n    font-size: 21px;\n  }\n\n\n  .fz-h9e-pc-wrap {\n    min-height: 900px;\n  }\n\n\n  #h9e-pc-iframe {\n    height: 900px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .fz-h9e-final h2 {\n    font-size: 35px;\n  }\n\n\n  .fz-h9e-final__product {\n    min-height: 640px;\n  }\n\n\n  .fz-h9e-final__product h3 {\n    font-size: 31px;\n  }\n\n\n  .fz-h9e-pc-wrap {\n    min-height: 930px;\n  }\n\n\n  #h9e-pc-iframe {\n    height: 930px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-h9e-final *,\n  .fz-h9e-final *::before,\n  .fz-h9e-final *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n\n<section\n  class=\"fz-h9e-final\"\n  id=\"h9e-enquiry\">\n\n\n  <div class=\"fz-h9e-final__inner\">\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <div class=\"fz-h9e-final__top\">\n\n\n      <div>\n\n        <div class=\"fz-h9e-final__eyebrow\">\n          Farizon H9E Singapore\n        <\/div>\n\n\n        <h2>\n          Heavy-Duty Electric.\n          <span>Ready for Your Operation.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"fz-h9e-final__intro\">\n        Tell us what your business needs. Our Farizon Singapore\n        team can help you explore H9E configurations, commercial\n        applications and test-drive arrangements.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         KEY TECHNICAL HIGHLIGHTS\n    ====================================================== -->\n\n    <div class=\"fz-h9e-final__stats\">\n\n\n      <div class=\"fz-h9e-final__stat\">\n\n        <strong>\n          9.8T\n        <\/strong>\n\n        <span>\n          Gross Vehicle Weight\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-final__stat\">\n\n        <strong>\n          Up to 6,490kg\n        <\/strong>\n\n        <span>\n          Payload Capacity\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-final__stat\">\n\n        <strong>\n          Up to 372km\n        <\/strong>\n\n        <span>\n          WLTP Range*\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-h9e-final__stat\">\n\n        <strong>\n          &lt;40 min\n        <\/strong>\n\n        <span>\n          DC 20\u201380% Charging*\n        <\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CONVERSION EXPERIENCE\n    ====================================================== -->\n\n    <div class=\"fz-h9e-final__shell\">\n\n\n      <!-- ===================================================\n           LEFT PRODUCT\n      ==================================================== -->\n\n      <div class=\"fz-h9e-final__product\">\n\n\n        <div class=\"fz-h9e-final__product-content\">\n\n\n          <div class=\"fz-h9e-final__label\">\n            Farizon H9E\n          <\/div>\n\n\n          <h3>\n            Built for Heavy Work.\n            <span>Configured Around Your Business.<\/span>\n          <\/h3>\n\n\n          <p class=\"fz-h9e-final__product-copy\">\n            From logistics and freight to cold-chain and\n            specialised commercial applications, the H9E\n            combines heavy-duty electric capability with\n            flexible configuration options.\n          <\/p>\n\n\n\n          <div class=\"fz-h9e-final__features\">\n\n\n            <div class=\"fz-h9e-final__feature\">\n\n              <span class=\"fz-h9e-final__feature-icon\">\n                \u2713\n              <\/span>\n\n              14ft and 20ft commercial configurations\n\n            <\/div>\n\n\n\n            <div class=\"fz-h9e-final__feature\">\n\n              <span class=\"fz-h9e-final__feature-icon\">\n                \u2713\n              <\/span>\n\n              CATL LFP battery with DC fast charging\n\n            <\/div>\n\n\n\n            <div class=\"fz-h9e-final__feature\">\n\n              <span class=\"fz-h9e-final__feature-icon\">\n                \u2713\n              <\/span>\n\n              ADAS support including AEB, FCW and LDW\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- ROAD -->\n\n        <div class=\"fz-h9e-final__road\"><\/div>\n\n\n\n        <!-- TRUCK -->\n\n        <div class=\"fz-h9e-final__truck\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/h9e-png-scaled.png\"\n            alt=\"Farizon H9E heavy-duty electric lorry Singapore\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- LOCAL SUPPORT -->\n\n        <div class=\"fz-h9e-final__support\">\n\n          <span>\n            Farizon Singapore\n          <\/span>\n\n          <strong>\n            Supported locally by Hong Seh Motors\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           RIGHT PEPPERCLOUD FORM\n      ==================================================== -->\n\n      <div class=\"fz-h9e-final__form\">\n\n\n        <div class=\"fz-h9e-final__form-head\">\n\n          <span>\n            H9E Enquiry\n          <\/span>\n\n\n          <h3>\n            Discuss Your Commercial Requirements\n          <\/h3>\n\n\n          <p>\n            Complete the form below and our team will get in touch\n            to discuss the H9E, configuration options or a test drive.\n          <\/p>\n\n        <\/div>\n\n\n\n        <div class=\"fz-h9e-pc-wrap\">\n\n\n          <div\n            class=\"fz-h9e-pc-loader\"\n            id=\"fz-h9e-pc-loader\">\n\n            <div class=\"fz-h9e-pc-spinner\"><\/div>\n\n            Loading enquiry form...\n\n          <\/div>\n\n\n\n          <iframe\n            referrerpolicy=\"unsafe-url\"\n            id=\"h9e-pc-iframe\"\n            title=\"Farizon H9E Test Drive and Commercial Enquiry Form\"\n            src=\"https:\/\/app.peppercloud.com\/form\/4f15ac08-228d-46d1-8691-0d21e8ecd7df\/embed\">\n          <\/iframe>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         DISCLAIMER\n    ====================================================== -->\n\n    <div class=\"fz-h9e-final__note\">\n\n      *WLTP range and charging figures are based on stated test\n      conditions. Actual range and charging performance may vary\n      according to payload, route, driving conditions, battery\n      temperature, charger output and vehicle configuration.\n      Final body configuration and specification may vary according\n      to operational requirements.\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<script>\n(function () {\n\n  const pcIframe =\n    document.getElementById(\n      \"h9e-pc-iframe\"\n    );\n\n\n  const loader =\n    document.getElementById(\n      \"fz-h9e-pc-loader\"\n    );\n\n\n  if (!pcIframe) {\n    return;\n  }\n\n\n  pcIframe.onload =\n    function () {\n\n\n      \/* Peppercloud parent information *\/\n\n      try {\n\n        pcIframe.contentWindow.postMessage(\n          {\n            type: \"pc-parent-info\",\n            url: window.location.href,\n            title: document.title\n          },\n          \"*\"\n        );\n\n      } catch (error) {}\n\n\n      \/* hide loading state *\/\n\n      if (loader) {\n\n        loader.classList.add(\n          \"is-loaded\"\n        );\n\n      }\n\n\n    };\n\n})();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Farizon H9E Heavy-Duty Electric Lorry Built for Singapore Business. The Farizon H9E is a heavy-duty electric lorry designed for logistics, freight and demanding commercial operations in Singapore. With strong carrying capability, long electric range and flexible body configurations, the H9E is built around serious everyday business use. Book a Test Drive \u2192 Explore H9E \u2193 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-427","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/farizon.com.sg\/author\/admin"},"uagb_comment_info":0,"uagb_excerpt":"Farizon H9E Heavy-Duty Electric Lorry Built for Singapore Business. The Farizon H9E is a heavy-duty electric lorry designed for logistics, freight and demanding commercial operations in Singapore. With strong carrying capability, long electric range and flexible body configurations, the H9E is built around serious everyday business use. Book a Test Drive \u2192 Explore H9E \u2193&hellip;","_links":{"self":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=427"}],"version-history":[{"count":13,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/427\/revisions"}],"predecessor-version":[{"id":451,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/427\/revisions\/451"}],"wp:attachment":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}