{"id":55,"date":"2026-09-21T03:58:56","date_gmt":"2026-09-21T03:58:56","guid":{"rendered":"https:\/\/farizon.com.sg\/new\/?page_id=55"},"modified":"2026-10-02T04:03:34","modified_gmt":"2026-10-02T04:03:34","slug":"home","status":"publish","type":"page","link":"https:\/\/farizon.com.sg\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   FARIZON HOME HERO\n   DESKTOP + MOBILE REFINED VERSION\n========================================================= *\/\n\n.fz-home-hero,\n.fz-home-hero *,\n.fz-home-hero *::before,\n.fz-home-hero *::after {\n  box-sizing: border-box;\n}\n\n.fz-home-hero {\n  --orange: #ff6433;\n  --orange-hover: #e95428;\n  --navy: #263648;\n  --white: #ffffff;\n\n  --move-x: 0px;\n  --move-y: 0px;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  min-height: 760px;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  overflow: hidden;\n\n  background: #1b2937;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation: isolate;\n}\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n.fz-home-hero-media {\n  position: absolute;\n\n  inset: -10px;\n\n  z-index: 1;\n\n  transform:\n    translate3d(\n      var(--move-x),\n      var(--move-y),\n      0\n    );\n\n  transition:\n    transform .8s\n    cubic-bezier(.2,.65,.3,1);\n\n  will-change: transform;\n}\n\n.fz-home-hero-media picture,\n.fz-home-hero-media img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n}\n\n.fz-home-hero-media img {\n  object-fit: cover;\n\n  object-position:\n    center center;\n\n  animation:\n    fzHeroImageIn\n    1.8s\n    cubic-bezier(.2,.7,.3,1)\n    both;\n}\n\n\n\/* =========================================================\n   OVERLAYS\n========================================================= *\/\n\n.fz-home-hero::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(15,26,37,.78) 0%,\n      rgba(15,26,37,.56) 30%,\n      rgba(15,26,37,.19) 59%,\n      rgba(15,26,37,.03) 80%\n    );\n}\n\n\n.fz-home-hero::after {\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      0deg,\n      rgba(14,23,33,.36) 0%,\n      rgba(14,23,33,.10) 36%,\n      transparent 58%\n    );\n}\n\n\n\/* =========================================================\n   LIGHT SWEEP\n========================================================= *\/\n\n.fz-home-light {\n  position: absolute;\n\n  z-index: 2;\n\n  top: -20%;\n  bottom: -20%;\n\n  left: -30%;\n\n  width: 18%;\n\n  pointer-events: none;\n\n  opacity: 0;\n\n  transform:\n    skewX(-18deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.22),\n      transparent\n    );\n\n  filter:\n    blur(10px);\n\n  animation:\n    fzHeroSweep\n    8s\n    ease-in-out\n    2.3s\n    infinite;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.fz-home-hero-inner {\n  position: relative;\n\n  z-index: 4;\n\n  width: 100%;\n  max-width: 1280px;\n\n  min-height: 760px;\n\n  margin: 0 auto;\n\n  padding:\n    90px\n    40px\n    70px;\n\n  display: flex;\n\n  align-items: center;\n}\n\n\n.fz-home-hero-content {\n  width: 100%;\n  max-width: 790px;\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.fz-home-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 18px;\n\n  color: var(--orange);\n\n  font-size: 13px;\n  font-weight: 700;\n\n  letter-spacing: 1.7px;\n\n  text-transform: uppercase;\n\n  animation:\n    fzHeroUp\n    .7s\n    ease\n    .16s\n    both;\n}\n\n\n.fz-home-eyebrow::before {\n  content: \"\";\n\n  width: 38px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  background:\n    var(--orange);\n\n  transform-origin: left;\n\n  animation:\n    fzHeroLine\n    .75s\n    ease\n    both;\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.fz-home-title {\n  max-width: 870px;\n\n  margin:\n    0\n    0\n    20px;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(\n      48px,\n      5vw,\n      72px\n    );\n\n  line-height: 1.05;\n\n  letter-spacing: -1.6px;\n\n  font-weight: 700;\n}\n\n\n.fz-home-title-line {\n  display: block;\n\n  animation:\n    fzHeroTitle\n    .8s\n    cubic-bezier(.2,.7,.3,1)\n    both;\n}\n\n\n.fz-home-title-line:nth-child(1) {\n  animation-delay: .25s;\n}\n\n.fz-home-title-line:nth-child(2) {\n  animation-delay: .37s;\n}\n\n.fz-home-title-line:nth-child(3) {\n  animation-delay: .49s;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.fz-home-description {\n  max-width: 620px;\n\n  margin:\n    0\n    0\n    28px;\n\n  color:\n    rgba(255,255,255,.84);\n\n  font-size: 17px;\n\n  line-height: 1.72;\n\n  animation:\n    fzHeroUp\n    .75s\n    ease\n    .62s\n    both;\n}\n\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n.fz-home-actions {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 12px;\n\n  animation:\n    fzHeroUp\n    .75s\n    ease\n    .74s\n    both;\n}\n\n\n.fz-home-btn {\n  position: relative;\n\n  min-height: 52px;\n\n  padding:\n    0\n    24px;\n\n  display: inline-flex;\n\n  justify-content: center;\n  align-items: center;\n\n  gap: 9px;\n\n  overflow: hidden;\n\n  border-radius: 999px;\n\n  font-size: 14px;\n  font-weight: 700;\n\n  text-decoration: none;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.fz-home-btn::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -60%;\n  left: -80%;\n\n  width: 45%;\n  height: 220%;\n\n  transform:\n    rotate(20deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.30),\n      transparent\n    );\n\n  transition:\n    left .55s ease;\n}\n\n\n.fz-home-btn:hover::before {\n  left: 140%;\n}\n\n\n.fz-home-btn-primary {\n  color: #ffffff;\n\n  background:\n    var(--orange);\n\n  box-shadow:\n    0 12px 28px\n    rgba(255,100,51,.23);\n}\n\n\n.fz-home-btn-primary:hover {\n  color: #ffffff;\n\n  background:\n    var(--orange-hover);\n\n  transform:\n    translateY(-3px);\n}\n\n\n.fz-home-btn-secondary {\n  color:\n    var(--navy);\n\n  background:\n    rgba(255,255,255,.94);\n\n  border:\n    1px solid\n    rgba(255,255,255,.44);\n\n  box-shadow:\n    0 12px 28px\n    rgba(20,31,43,.12);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.fz-home-btn-secondary:hover {\n  color:\n    var(--navy);\n\n  background:\n    #ffffff;\n\n  transform:\n    translateY(-3px);\n}\n\n\n.fz-home-btn-icon {\n  display: inline-flex;\n\n  align-items: center;\n\n  font-size: 15px;\n\n  transition:\n    transform .25s ease;\n}\n\n\n.fz-home-btn-primary:hover\n.fz-home-btn-icon {\n  transform:\n    translateX(3px);\n}\n\n\n.fz-home-btn-secondary:hover\n.fz-home-btn-icon {\n  transform:\n    translate(2px,-2px);\n}\n\n\n\/* =========================================================\n   ENERGY LINE\n========================================================= *\/\n\n.fz-home-energy {\n  position: absolute;\n\n  z-index: 5;\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,.08);\n}\n\n\n.fz-home-energy::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: -25%;\n\n  width: 25%;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      transparent\n    );\n\n  animation:\n    fzHeroEnergy\n    4.5s\n    linear\n    infinite;\n}\n\n\n\/* =========================================================\n   DESKTOP\/TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .fz-home-hero,\n  .fz-home-hero-inner {\n    min-height: 690px;\n  }\n\n\n  .fz-home-hero-inner {\n    padding:\n      75px\n      30px\n      60px;\n  }\n\n\n  .fz-home-title {\n    font-size: 55px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE \u2014 COMPLETELY REBALANCED\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n  .fz-home-hero {\n    \/*\n       Much shorter than previous 760px.\n       Keeps primary content and CTA visible sooner.\n    *\/\n\n    min-height: 675px;\n  }\n\n\n  .fz-home-hero-media {\n    inset: 0;\n\n    transform:\n      none !important;\n  }\n\n\n  .fz-home-hero-media img {\n    object-position:\n      center center;\n  }\n\n\n  \/*\n     Stronger lower gradient so text does not fight\n     with the vehicles in the mobile artwork.\n  *\/\n\n  .fz-home-hero::before {\n    background:\n      linear-gradient(\n        0deg,\n        rgba(15,25,35,.96) 0%,\n        rgba(15,25,35,.88) 25%,\n        rgba(15,25,35,.54) 48%,\n        rgba(15,25,35,.10) 73%,\n        rgba(15,25,35,0) 88%\n      );\n  }\n\n\n  .fz-home-hero::after {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(17,28,39,.06),\n        transparent 30%\n      );\n  }\n\n\n  .fz-home-light {\n    display: none;\n  }\n\n\n  .fz-home-hero-inner {\n    min-height: 675px;\n\n    padding:\n      70px\n      20px\n      30px;\n\n    align-items:\n      flex-end;\n  }\n\n\n  .fz-home-hero-content {\n    width: 100%;\n    max-width: 100%;\n  }\n\n\n  \/* EYEBROW *\/\n\n  .fz-home-eyebrow {\n    gap: 9px;\n\n    margin-bottom: 11px;\n\n    font-size: 9px;\n\n    letter-spacing: 1.25px;\n  }\n\n\n  .fz-home-eyebrow::before {\n    width: 25px;\n  }\n\n\n  \/* TITLE *\/\n\n  .fz-home-title {\n    max-width: 360px;\n\n    margin-bottom: 12px;\n\n    font-size:\n      clamp(\n        30px,\n        8.4vw,\n        34px\n      );\n\n    line-height: 1.04;\n\n    letter-spacing: -.75px;\n  }\n\n\n  \/*\n     Important:\n     Don't force the desktop 3-line structure on mobile.\n     This allows natural, more compact wrapping.\n  *\/\n\n  .fz-home-title-line {\n    display: inline;\n  }\n\n\n  .fz-home-title-line::after {\n    content: \" \";\n  }\n\n\n  \/* DESCRIPTION *\/\n\n  .fz-home-description {\n    max-width: 350px;\n\n    margin-bottom: 18px;\n\n    font-size: 13px;\n\n    line-height: 1.58;\n  }\n\n\n  \/* BUTTONS *\/\n\n  .fz-home-actions {\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    gap: 8px;\n  }\n\n\n  .fz-home-btn {\n    width: 100%;\n\n    min-height: 45px;\n\n    padding:\n      0\n      11px;\n\n    gap: 6px;\n\n    font-size: 11.5px;\n\n    white-space: nowrap;\n  }\n\n\n  .fz-home-btn-icon {\n    font-size: 13px;\n  }\n\n}\n\n\n\/* =========================================================\n   NARROW MOBILE\n========================================================= *\/\n\n@media (max-width: 360px) {\n\n  .fz-home-hero,\n  .fz-home-hero-inner {\n    min-height: 690px;\n  }\n\n\n  .fz-home-hero-inner {\n    padding:\n      65px\n      16px\n      26px;\n  }\n\n\n  .fz-home-title {\n    font-size: 30px;\n  }\n\n\n  .fz-home-actions {\n    display: flex;\n\n    flex-direction: column;\n  }\n\n\n  .fz-home-btn {\n    min-height: 44px;\n\n    font-size: 12px;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes fzHeroImageIn {\n\n  from {\n    transform:\n      scale(1.05);\n\n    filter:\n      brightness(.88);\n  }\n\n  to {\n    transform:\n      scale(1);\n\n    filter:\n      brightness(1);\n  }\n\n}\n\n\n@keyframes fzHeroLine {\n\n  from {\n    transform:\n      scaleX(0);\n  }\n\n  to {\n    transform:\n      scaleX(1);\n  }\n\n}\n\n\n@keyframes fzHeroTitle {\n\n  from {\n    opacity: 0;\n\n    transform:\n      translateY(24px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes fzHeroUp {\n\n  from {\n    opacity: 0;\n\n    transform:\n      translateY(15px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes fzHeroSweep {\n\n  0% {\n    left: -30%;\n\n    opacity: 0;\n  }\n\n  20% {\n    opacity: .23;\n  }\n\n  65%,\n  100% {\n    left: 125%;\n\n    opacity: 0;\n  }\n\n}\n\n\n@keyframes fzHeroEnergy {\n\n  from {\n    left: -25%;\n  }\n\n  to {\n    left: 110%;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-home-hero *,\n  .fz-home-hero *::before,\n  .fz-home-hero *::after {\n    animation: none !important;\n\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fz-home-hero\"\n  id=\"farizon-home-hero\">\n\n\n  <div class=\"fz-home-hero-media\">\n\n\n    <picture>\n\n\n      <source\n        media=\"(max-width:768px)\"\n        srcset=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-01_30_46-PM.png\">\n\n\n      <img\n        src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-11_57_17-AM.png\"\n        alt=\"Farizon electric commercial vehicles in Singapore\"\n        fetchpriority=\"high\"\n        decoding=\"async\">\n\n\n    <\/picture>\n\n\n  <\/div>\n\n\n\n  <div\n    class=\"fz-home-light\"\n    aria-hidden=\"true\">\n  <\/div>\n\n\n\n  <div class=\"fz-home-hero-inner\">\n\n\n    <div class=\"fz-home-hero-content\">\n\n\n      <div class=\"fz-home-eyebrow\">\n        Electric Commercial Mobility\n      <\/div>\n\n\n\n      <h1 class=\"fz-home-title\">\n\n\n        <span class=\"fz-home-title-line\">\n          Electric Commercial\n        <\/span>\n\n\n        <span class=\"fz-home-title-line\">\n          Vehicles Built for\n        <\/span>\n\n\n        <span class=\"fz-home-title-line\">\n          Singapore Businesses\n        <\/span>\n\n\n      <\/h1>\n\n\n\n      <p class=\"fz-home-description\">\n        Explore Farizon electric vans and trucks for delivery,\n        logistics, fleet and specialised commercial operations\n        in Singapore.\n      <\/p>\n\n\n\n      <div class=\"fz-home-actions\">\n\n\n        <a\n          class=\"fz-home-btn fz-home-btn-primary\"\n          href=\"#our-vehicle\"\n          id=\"fz-explore-vehicles\">\n\n          Explore Vehicles\n\n          <span\n            class=\"fz-home-btn-icon\"\n            aria-hidden=\"true\">\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n\n        <a\n          class=\"fz-home-btn fz-home-btn-secondary\"\n          href=\"\/contact-us\/\">\n\n          <span\n            class=\"fz-home-btn-icon\"\n            aria-hidden=\"true\">\n            \u2197\n          <\/span>\n\n          Book a Test Drive\n\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <div\n    class=\"fz-home-energy\"\n    aria-hidden=\"true\">\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const hero =\n    document.getElementById(\n      \"farizon-home-hero\"\n    );\n\n\n  if (!hero) {\n    return;\n  }\n\n\n  \/* EXPLORE VEHICLES *\/\n\n  const explore =\n    document.getElementById(\n      \"fz-explore-vehicles\"\n    );\n\n\n  if (explore) {\n\n    explore.addEventListener(\n      \"click\",\n      function (event) {\n\n\n        const target =\n          document.getElementById(\n            \"our-vehicle\"\n          );\n\n\n        if (!target) {\n          return;\n        }\n\n\n        event.preventDefault();\n\n\n        target.scrollIntoView({\n          behavior:\n            window.matchMedia(\n              \"(prefers-reduced-motion: reduce)\"\n            ).matches\n              ? \"auto\"\n              : \"smooth\",\n\n          block:\n            \"start\"\n        });\n\n\n      }\n    );\n\n  }\n\n\n  \/* DESKTOP MICRO PARALLAX *\/\n\n  const desktop =\n    window.matchMedia(\n      \"(min-width:769px) and (pointer:fine)\"\n    ).matches;\n\n\n  const reduced =\n    window.matchMedia(\n      \"(prefers-reduced-motion:reduce)\"\n    ).matches;\n\n\n  if (\n    desktop &&\n    !reduced\n  ) {\n\n\n    hero.addEventListener(\n      \"pointermove\",\n      function (event) {\n\n\n        const box =\n          hero.getBoundingClientRect();\n\n\n        const x =\n          (\n            event.clientX -\n            box.left\n          ) \/\n          box.width;\n\n\n        const y =\n          (\n            event.clientY -\n            box.top\n          ) \/\n          box.height;\n\n\n        hero.style.setProperty(\n          \"--move-x\",\n          ((x - .5) * -7) + \"px\"\n        );\n\n\n        hero.style.setProperty(\n          \"--move-y\",\n          ((y - .5) * -4) + \"px\"\n        );\n\n\n      }\n    );\n\n\n    hero.addEventListener(\n      \"pointerleave\",\n      function () {\n\n        hero.style.setProperty(\n          \"--move-x\",\n          \"0px\"\n        );\n\n        hero.style.setProperty(\n          \"--move-y\",\n          \"0px\"\n        );\n\n      }\n    );\n\n\n  }\n\n})();\n<\/script>\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   HOMEPAGE BLOCK SPACING FIX\n========================================================= *\/\n\n.entry-content {\n  gap: 0 !important;\n  row-gap: 0 !important;\n\n  --theme-content-spacing: 0px !important;\n}\n\n\n.entry-content >\n.wp-block-html:has(#farizon-home-hero),\n\n.entry-content >\n.wp-block-html:has(#our-vehicle) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  margin-block-start: 0 !important;\n  margin-block-end: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n\n.entry-content >\n.wp-block-html:has(#farizon-home-hero)\n+\n.wp-block-html,\n\n.entry-content >\n.wp-block-html:has(#our-vehicle)\n+\n.wp-block-html {\n  margin-top: 0 !important;\n\n  margin-block-start: 0 !important;\n}\n\n\n\/* =========================================================\n   FARIZON VEHICLE RANGE\n========================================================= *\/\n\n.fz-range,\n.fz-range *,\n.fz-range *::before,\n.fz-range *::after {\n  box-sizing: border-box;\n}\n\n\n.fz-range {\n  --orange: #ff6433;\n  --orange-hover: #e95428;\n\n  --navy: #263648;\n  --navy-soft: #34465b;\n\n  --text: #5d6672;\n  --muted: #8c96a0;\n\n  --line: #e5e8ec;\n  --white: #ffffff;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    64px\n    24px\n    62px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 92% 8%,\n      rgba(255,100,51,.07),\n      transparent 24%\n    ),\n    linear-gradient(\n      180deg,\n      #f5f6f8 0%,\n      #ffffff 53%,\n      #f6f7f8 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 80px;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.fz-range-inner {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   SECTION INTRO\n========================================================= *\/\n\n.fz-range-intro {\n  max-width: 760px;\n\n  margin:\n    0\n    auto\n    55px;\n\n  text-align: center;\n}\n\n\n.fz-range-intro-label {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  margin-bottom: 11px;\n\n  color:\n    var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-range-intro-label::before,\n.fz-range-intro-label::after {\n  content: \"\";\n\n  width: 24px;\n  height: 1px;\n\n  background:\n    var(--orange);\n}\n\n\n.fz-range-intro h2 {\n  margin:\n    0\n    0\n    12px;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      37px,\n      4vw,\n      51px\n    );\n\n  font-weight: 700;\n\n  line-height: 1.04;\n\n  letter-spacing: -1.2px;\n}\n\n\n.fz-range-intro h2 span {\n  color:\n    var(--orange);\n}\n\n\n.fz-range-intro p {\n  max-width: 630px;\n\n  margin: 0 auto;\n\n  color:\n    var(--text);\n\n  font-size: 13px;\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   GROUP\n========================================================= *\/\n\n.fz-vehicle-group {\n  width: 100%;\n}\n\n\n.fz-vehicle-group +\n.fz-vehicle-group {\n  margin-top: 65px;\n}\n\n\n\/* =========================================================\n   CATEGORY HEADER\n========================================================= *\/\n\n.fz-category-head {\n  position: relative;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: flex-end;\n\n  gap: 28px;\n\n  margin-bottom: 22px;\n\n  padding-bottom: 15px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n}\n\n\n.fz-category-head::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: -1px;\n\n  width: 0;\n  height: 2px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--orange),\n      transparent\n    );\n\n  transition:\n    width .9s ease;\n}\n\n\n.fz-vehicle-group.is-visible\n.fz-category-head::after {\n  width: 150px;\n}\n\n\n.fz-category-copy {\n  max-width: 700px;\n}\n\n\n.fz-category-label {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\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.2px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-category-label::before {\n  content: \"\";\n\n  width: 22px;\n  height: 2px;\n\n  background:\n    var(--orange);\n}\n\n\n.fz-category-title {\n  margin:\n    0\n    0\n    6px;\n\n  color:\n    var(--navy);\n\n  font-size: 25px;\n  font-weight: 700;\n\n  line-height: 1.18;\n}\n\n\n.fz-category-description {\n  margin: 0;\n\n  color:\n    var(--text);\n\n  font-size: 12px;\n\n  line-height: 1.6;\n}\n\n\n\/* COUNT *\/\n\n.fz-category-count {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  flex: 0 0 auto;\n\n  color:\n    #98a1aa;\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: .8px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-category-count strong {\n  width: 31px;\n  height: 31px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 50%;\n\n  background:\n    #ffffff;\n\n  color:\n    var(--orange);\n\n  font-size: 10px;\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.fz-vehicle-grid {\n  width: 100%;\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  justify-content: center;\n  align-items: stretch;\n\n  gap: 18px;\n}\n\n\n\/* =========================================================\n   CARD\n========================================================= *\/\n\n.fz-vehicle-card {\n  position: relative;\n\n  flex:\n    0 0\n    calc(\n      (100% - 54px) \/ 4\n    );\n\n  min-width: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 16px;\n\n  background:\n    rgba(255,255,255,.96);\n\n  text-decoration: none;\n\n  box-shadow:\n    0 3px 10px rgba(38,54,72,.035),\n    0 12px 28px rgba(38,54,72,.05);\n\n  transition:\n    transform .32s ease,\n    box-shadow .32s ease,\n    border-color .32s ease;\n}\n\n\n.fz-vehicle-card::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 5;\n\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 3px;\n\n  background:\n    var(--orange);\n\n  transform:\n    scaleX(0);\n\n  transform-origin:\n    left;\n\n  transition:\n    transform .32s ease;\n}\n\n\n.fz-vehicle-card:hover,\n.fz-vehicle-card.is-active {\n  transform:\n    translateY(-6px);\n\n  border-color:\n    rgba(255,100,51,.35);\n\n  box-shadow:\n    0 15px 34px rgba(38,54,72,.09),\n    0 27px 50px rgba(38,54,72,.08);\n}\n\n\n.fz-vehicle-card:hover::before,\n.fz-vehicle-card.is-active::before {\n  transform:\n    scaleX(1);\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.fz-vehicle-image {\n  position: relative;\n\n  height: 220px;\n\n  padding:\n    20px\n    17px\n    3px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      ellipse at 50% 72%,\n      rgba(38,54,72,.075),\n      transparent 53%\n    );\n}\n\n\n.fz-vehicle-image::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 24%;\n  right: 24%;\n  bottom: 21px;\n\n  height: 14px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(38,54,72,.11);\n\n  filter:\n    blur(7px);\n}\n\n\n.fz-vehicle-image img {\n  position: relative;\n\n  z-index: 2;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n\n  transition:\n    transform .4s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.fz-vehicle-card:hover\n.fz-vehicle-image img,\n.fz-vehicle-card.is-active\n.fz-vehicle-image img {\n  transform:\n    translateY(-4px)\n    scale(1.035);\n}\n\n\n\/* MOVING ENERGY DOT *\/\n\n.fz-energy-dot {\n  position: absolute;\n\n  z-index: 3;\n\n  left: 16%;\n  bottom: 9px;\n\n  width: 5px;\n  height: 5px;\n\n  border-radius: 50%;\n\n  opacity: 0;\n\n  background:\n    var(--orange);\n\n  box-shadow:\n    0 0 0 6px\n    rgba(255,100,51,.08);\n}\n\n\n.fz-vehicle-card:hover\n.fz-energy-dot,\n.fz-vehicle-card.is-active\n.fz-energy-dot {\n  opacity: 1;\n\n  animation:\n    fzEnergyMove\n    2s\n    linear\n    infinite;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.fz-vehicle-content {\n  flex: 1;\n\n  padding:\n    17px\n    19px\n    19px;\n\n  display: flex;\n\n  flex-direction: column;\n}\n\n\n.fz-vehicle-model {\n  margin:\n    0\n    0\n    4px;\n\n  color:\n    var(--navy);\n\n  font-size: 18px;\n  font-weight: 700;\n\n  line-height: 1.2;\n}\n\n\n.fz-vehicle-type {\n  margin:\n    0\n    0\n    16px;\n\n  color:\n    var(--text);\n\n  font-size: 11px;\n\n  line-height: 1.5;\n}\n\n\n\/* CTA *\/\n\n.fz-vehicle-link {\n  margin-top: auto;\n\n  padding-top: 13px;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: center;\n\n  border-top:\n    1px solid\n    var(--line);\n\n  color:\n    var(--navy);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  transition:\n    color .2s ease;\n}\n\n\n.fz-vehicle-arrow {\n  width: 30px;\n  height: 30px;\n\n  flex-shrink: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    var(--orange);\n\n  color:\n    #ffffff;\n\n  font-size: 15px;\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n\n.fz-vehicle-card:hover\n.fz-vehicle-link,\n.fz-vehicle-card.is-active\n.fz-vehicle-link {\n  color:\n    var(--orange);\n}\n\n\n.fz-vehicle-card:hover\n.fz-vehicle-arrow,\n.fz-vehicle-card.is-active\n.fz-vehicle-arrow {\n  background:\n    var(--orange-hover);\n\n  transform:\n    translateX(2px);\n}\n\n\n\/* =========================================================\n   MOBILE HINT\n========================================================= *\/\n\n.fz-swipe-hint {\n  display: none;\n}\n\n\n\/* =========================================================\n   LAPTOP\n========================================================= *\/\n\n@media (max-width: 1180px) {\n\n  .fz-vehicle-card {\n    flex-basis:\n      calc(\n        (100% - 36px) \/ 3\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .fz-range {\n    padding:\n      54px\n      20px\n      48px;\n  }\n\n\n  .fz-vehicle-card {\n    flex-basis:\n      calc(\n        (100% - 18px) \/ 2\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .fz-range {\n    padding:\n      42px\n      0\n      26px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #f6f7f8,\n        #ffffff\n      );\n  }\n\n\n  \/* INTRO *\/\n\n  .fz-range-intro {\n    margin:\n      0\n      16px\n      36px;\n\n    text-align: left;\n  }\n\n\n  .fz-range-intro-label {\n    margin-bottom: 9px;\n\n    font-size: 8px;\n  }\n\n\n  .fz-range-intro-label::after {\n    display: none;\n  }\n\n\n  .fz-range-intro h2 {\n    max-width: 330px;\n\n    margin-bottom: 9px;\n\n    font-size: 30px;\n\n    line-height: 1.05;\n  }\n\n\n  .fz-range-intro p {\n    max-width: 340px;\n\n    margin: 0;\n\n    font-size: 11px;\n\n    line-height: 1.58;\n  }\n\n\n  \/* GROUP *\/\n\n  .fz-vehicle-group +\n  .fz-vehicle-group {\n    margin-top: 45px;\n  }\n\n\n  \/* CATEGORY *\/\n\n  .fz-category-head {\n    display: block;\n\n    margin:\n      0\n      16px\n      16px;\n\n    padding-bottom: 12px;\n  }\n\n\n  .fz-category-label {\n    font-size: 8px;\n  }\n\n\n  .fz-category-title {\n    margin-bottom: 5px;\n\n    font-size: 20px;\n  }\n\n\n  .fz-category-description {\n    max-width: 330px;\n\n    font-size: 11px;\n\n    line-height: 1.55;\n  }\n\n\n  .fz-category-count {\n    display: none;\n  }\n\n\n  .fz-vehicle-group.is-visible\n  .fz-category-head::after {\n    width: 90px;\n  }\n\n\n  \/* =======================================================\n     SMALLER MOBILE CAROUSEL\n  ======================================================= *\/\n\n  .fz-vehicle-grid {\n    display: flex;\n\n    flex-wrap: nowrap;\n\n    justify-content: flex-start;\n\n    gap: 12px;\n\n    width: 100%;\n\n    padding:\n      0\n      16px\n      10px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scroll-snap-type:\n      x mandatory;\n\n    scroll-padding-left:\n      16px;\n\n    -webkit-overflow-scrolling:\n      touch;\n\n    scrollbar-width:\n      none;\n  }\n\n\n  .fz-vehicle-grid::-webkit-scrollbar {\n    display: none;\n  }\n\n\n  .fz-vehicle-card {\n    \/*\n       Previous ~84% was too large.\n       72% exposes the next card and makes\n       the carousel feel much lighter.\n    *\/\n\n    flex:\n      0\n      0\n      72%;\n\n    max-width:\n      285px;\n\n    border-radius:\n      14px;\n\n    scroll-snap-align:\n      start;\n\n    transform:\n      none !important;\n\n    box-shadow:\n      0 5px 16px rgba(38,54,72,.055),\n      0 12px 26px rgba(38,54,72,.045);\n  }\n\n\n  \/* IMAGE MUCH SMALLER *\/\n\n  .fz-vehicle-image {\n    height: 160px;\n\n    padding:\n      13px\n      12px\n      0;\n  }\n\n\n  .fz-vehicle-image::before {\n    left: 27%;\n    right: 27%;\n\n    bottom: 15px;\n\n    height: 10px;\n  }\n\n\n  .fz-vehicle-card:hover,\n  .fz-vehicle-card.is-active {\n    transform:\n      none !important;\n  }\n\n\n  .fz-vehicle-card:hover\n  .fz-vehicle-image img,\n  .fz-vehicle-card.is-active\n  .fz-vehicle-image img {\n    transform:\n      translateY(-2px)\n      scale(1.02);\n  }\n\n\n  \/* CONTENT COMPACT *\/\n\n  .fz-vehicle-content {\n    padding:\n      14px\n      15px\n      15px;\n  }\n\n\n  .fz-vehicle-model {\n    margin-bottom: 3px;\n\n    font-size: 16px;\n  }\n\n\n  .fz-vehicle-type {\n    margin-bottom: 12px;\n\n    font-size: 10px;\n  }\n\n\n  .fz-vehicle-link {\n    padding-top: 11px;\n\n    font-size: 9px;\n  }\n\n\n  .fz-vehicle-arrow {\n    width: 28px;\n    height: 28px;\n\n    font-size: 14px;\n  }\n\n\n  \/* SWIPE HINT *\/\n\n  .fz-swipe-hint {\n    display: flex;\n\n    justify-content: center;\n    align-items: center;\n\n    gap: 7px;\n\n    margin:\n      2px\n      0\n      0;\n\n    color:\n      #828b95;\n\n    font-size: 9px;\n  }\n\n\n  .fz-swipe-hint span {\n    color:\n      var(--orange);\n\n    font-size: 13px;\n\n    animation:\n      fzSwipeMove\n      1.4s\n      ease-in-out\n      infinite alternate;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONE\n========================================================= *\/\n\n@media (max-width: 370px) {\n\n  .fz-vehicle-card {\n    flex-basis: 76%;\n  }\n\n\n  .fz-vehicle-image {\n    height: 150px;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes fzEnergyMove {\n\n  from {\n    left: 16%;\n    opacity: 0;\n  }\n\n  15% {\n    opacity: 1;\n  }\n\n  85% {\n    opacity: 1;\n  }\n\n  to {\n    left: 82%;\n    opacity: 0;\n  }\n\n}\n\n\n@keyframes fzSwipeMove {\n\n  from {\n    transform:\n      translateX(-2px);\n  }\n\n  to {\n    transform:\n      translateX(2px);\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-range *,\n  .fz-range *::before,\n  .fz-range *::after {\n    animation: none !important;\n\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fz-range\"\n  id=\"our-vehicle\">\n\n\n  <div class=\"fz-range-inner\">\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <header class=\"fz-range-intro\">\n\n\n      <div class=\"fz-range-intro-label\">\n        Our Vehicle\n      <\/div>\n\n\n      <h2>\n        Explore the\n        <span>Farizon Range.<\/span>\n      <\/h2>\n\n\n      <p>\n        Electric vans and trucks designed around delivery,\n        fleet operations and commercial transport needs\n        in Singapore.\n      <\/p>\n\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         ELECTRIC VANS\n    ====================================================== -->\n\n    <section class=\"fz-vehicle-group\">\n\n\n      <div class=\"fz-category-head\">\n\n\n        <div class=\"fz-category-copy\">\n\n\n          <div class=\"fz-category-label\">\n            Electric Vans\n          <\/div>\n\n\n          <h3 class=\"fz-category-title\">\n            Electric Vans for Modern Business\n          <\/h3>\n\n\n          <p class=\"fz-category-description\">\n            Flexible electric vans for delivery, fleet,\n            passenger mobility and specialised commercial use.\n          <\/p>\n\n\n        <\/div>\n\n\n        <div class=\"fz-category-count\">\n\n          <strong>4<\/strong>\n\n          Models\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"fz-vehicle-grid\">\n\n\n        <!-- V7E -->\n\n        <a\n          class=\"fz-vehicle-card\"\n          href=\"\/new\/v7e\/\">\n\n\n          <div class=\"fz-vehicle-image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/V7E-Edited.png\"\n              alt=\"Farizon V7E Electric Commercial Van\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <span class=\"fz-energy-dot\"><\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-vehicle-content\">\n\n            <h3 class=\"fz-vehicle-model\">\n              Farizon V7E\n            <\/h3>\n\n            <p class=\"fz-vehicle-type\">\n              Electric Commercial Van\n            <\/p>\n\n            <div class=\"fz-vehicle-link\">\n\n              Explore Model\n\n              <span class=\"fz-vehicle-arrow\">\n                \u2192\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/a>\n\n\n\n        <!-- 6HR -->\n\n        <a\n          class=\"fz-vehicle-card\"\n          href=\"\/new\/super-van\/\">\n\n\n          <div class=\"fz-vehicle-image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/Farizon-SuperVan-6.0.png\"\n              alt=\"Farizon SuperVan 6HR High Roof Electric Van\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <span class=\"fz-energy-dot\"><\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-vehicle-content\">\n\n            <h3 class=\"fz-vehicle-model\">\n              SuperVan 6HR\n            <\/h3>\n\n            <p class=\"fz-vehicle-type\">\n              High Roof Electric Van\n            <\/p>\n\n            <div class=\"fz-vehicle-link\">\n\n              Explore Model\n\n              <span class=\"fz-vehicle-arrow\">\n                \u2192\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/a>\n\n\n\n        <!-- 5.5MR -->\n\n        <a\n          class=\"fz-vehicle-card\"\n          href=\"\/new\/super-van\/\">\n\n\n          <div class=\"fz-vehicle-image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/Farizon-SuperVan-5.5.png\"\n              alt=\"Farizon SuperVan 5.5MR Medium Roof Electric Van\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <span class=\"fz-energy-dot\"><\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-vehicle-content\">\n\n            <h3 class=\"fz-vehicle-model\">\n              SuperVan 5.5MR\n            <\/h3>\n\n            <p class=\"fz-vehicle-type\">\n              Medium Roof Electric Van\n            <\/p>\n\n            <div class=\"fz-vehicle-link\">\n\n              Explore Model\n\n              <span class=\"fz-vehicle-arrow\">\n                \u2192\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/a>\n\n\n\n        <!-- 5FR -->\n\n        <a\n          class=\"fz-vehicle-card\"\n          href=\"\/new\/super-van\/\">\n\n\n          <div class=\"fz-vehicle-image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/Farizon-SuperVan-5.0.png\"\n              alt=\"Farizon SuperVan 5FR Electric Van\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <span class=\"fz-energy-dot\"><\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-vehicle-content\">\n\n            <h3 class=\"fz-vehicle-model\">\n              SuperVan 5FR\n            <\/h3>\n\n            <p class=\"fz-vehicle-type\">\n              Electric Van\n            <\/p>\n\n            <div class=\"fz-vehicle-link\">\n\n              Explore Model\n\n              <span class=\"fz-vehicle-arrow\">\n                \u2192\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/a>\n\n\n      <\/div>\n\n\n      <div class=\"fz-swipe-hint\">\n\n        <span>\u2190<\/span>\n\n        Swipe to explore electric vans\n\n        <span>\u2192<\/span>\n\n      <\/div>\n\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         ELECTRIC TRUCKS\n    ====================================================== -->\n\n    <section class=\"fz-vehicle-group\">\n\n\n      <div class=\"fz-category-head\">\n\n\n        <div class=\"fz-category-copy\">\n\n\n          <div class=\"fz-category-label\">\n            Electric Trucks\n          <\/div>\n\n\n          <h3 class=\"fz-category-title\">\n            Electric Trucks Built for Commercial Work\n          <\/h3>\n\n\n          <p class=\"fz-category-description\">\n            Electric trucks for cargo movement, logistics,\n            fleet operations and commercial transport.\n          <\/p>\n\n\n        <\/div>\n\n\n        <div class=\"fz-category-count\">\n\n          <strong>3<\/strong>\n\n          Models\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"fz-vehicle-grid\">\n\n\n        <!-- H5E -->\n\n        <a\n          class=\"fz-vehicle-card\"\n          href=\"\/new\/h5e\/\">\n\n\n          <div class=\"fz-vehicle-image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/H5E-scaled.png\"\n              alt=\"Farizon H5E Electric Light Truck\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <span class=\"fz-energy-dot\"><\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-vehicle-content\">\n\n            <h3 class=\"fz-vehicle-model\">\n              Farizon H5E\n            <\/h3>\n\n            <p class=\"fz-vehicle-type\">\n              Electric Light Truck\n            <\/p>\n\n            <div class=\"fz-vehicle-link\">\n\n              Explore Model\n\n              <span class=\"fz-vehicle-arrow\">\n                \u2192\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/a>\n\n\n\n        <!-- H9E -->\n\n        <a\n          class=\"fz-vehicle-card\"\n          href=\"\/new\/h9e\/\">\n\n\n          <div class=\"fz-vehicle-image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/H9E-scaled.png\"\n              alt=\"Farizon H9E Electric Heavy Truck\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <span class=\"fz-energy-dot\"><\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-vehicle-content\">\n\n            <h3 class=\"fz-vehicle-model\">\n              Farizon H9E\n            <\/h3>\n\n            <p class=\"fz-vehicle-type\">\n              Electric Heavy Truck\n            <\/p>\n\n            <div class=\"fz-vehicle-link\">\n\n              Explore Model\n\n              <span class=\"fz-vehicle-arrow\">\n                \u2192\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/a>\n\n\n\n        <!-- F3E -->\n\n        <a\n          class=\"fz-vehicle-card\"\n          href=\"\/new\/f3e\/\">\n\n\n          <div class=\"fz-vehicle-image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/F3E-2-scaled.png\"\n              alt=\"Farizon F3E Electric Truck\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <span class=\"fz-energy-dot\"><\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-vehicle-content\">\n\n            <h3 class=\"fz-vehicle-model\">\n              Farizon F3E\n            <\/h3>\n\n            <p class=\"fz-vehicle-type\">\n              Electric Truck\n            <\/p>\n\n            <div class=\"fz-vehicle-link\">\n\n              Explore Model\n\n              <span class=\"fz-vehicle-arrow\">\n                \u2192\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/a>\n\n\n      <\/div>\n\n\n      <div class=\"fz-swipe-hint\">\n\n        <span>\u2190<\/span>\n\n        Swipe to explore electric trucks\n\n        <span>\u2192<\/span>\n\n      <\/div>\n\n\n    <\/section>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const range =\n    document.getElementById(\n      \"our-vehicle\"\n    );\n\n\n  if (!range) {\n    return;\n  }\n\n\n  const groups =\n    range.querySelectorAll(\n      \".fz-vehicle-group\"\n    );\n\n\n  \/* CATEGORY UNDERLINE *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n\n    const groupObserver =\n      new IntersectionObserver(\n        function (entries) {\n\n\n          entries.forEach(\n            function (entry) {\n\n\n              if (\n                entry.isIntersecting\n              ) {\n\n\n                entry.target\n                  .classList\n                  .add(\n                    \"is-visible\"\n                  );\n\n\n              }\n\n\n            }\n          );\n\n\n        },\n        {\n          threshold: .12\n        }\n      );\n\n\n    groups.forEach(\n      function (group) {\n\n        groupObserver.observe(\n          group\n        );\n\n      }\n    );\n\n\n  } else {\n\n\n    groups.forEach(\n      function (group) {\n\n        group.classList.add(\n          \"is-visible\"\n        );\n\n      }\n    );\n\n\n  }\n\n\n\n  \/* =========================================================\n     DESKTOP AUTO SPOTLIGHT\n  ========================================================= *\/\n\n  const desktop =\n    window.matchMedia(\n      \"(min-width:601px)\"\n    ).matches;\n\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion:reduce)\"\n    ).matches;\n\n\n  if (\n    desktop &&\n    !reduceMotion\n  ) {\n\n\n    groups.forEach(\n      function (group) {\n\n\n        const cards =\n          Array.from(\n            group.querySelectorAll(\n              \".fz-vehicle-card\"\n            )\n          );\n\n\n        if (!cards.length) {\n          return;\n        }\n\n\n        let index =\n          0;\n\n\n        let timer =\n          null;\n\n\n        function clear() {\n\n          cards.forEach(\n            function (card) {\n\n              card.classList.remove(\n                \"is-active\"\n              );\n\n            }\n          );\n\n        }\n\n\n        function next() {\n\n          clear();\n\n\n          cards[index]\n            .classList\n            .add(\n              \"is-active\"\n            );\n\n\n          index =\n            (\n              index + 1\n            )\n            %\n            cards.length;\n\n        }\n\n\n        function start() {\n\n          if (timer) {\n            return;\n          }\n\n\n          next();\n\n\n          timer =\n            setInterval(\n              next,\n              3000\n            );\n\n        }\n\n\n        function stop() {\n\n          if (timer) {\n\n            clearInterval(\n              timer\n            );\n\n            timer = null;\n\n          }\n\n\n          clear();\n\n        }\n\n\n        const observer =\n          new IntersectionObserver(\n            function (entries) {\n\n\n              entries.forEach(\n                function (entry) {\n\n\n                  if (\n                    entry.isIntersecting\n                  ) {\n\n                    start();\n\n                  } else {\n\n                    stop();\n\n                  }\n\n\n                }\n              );\n\n\n            },\n            {\n              threshold: .30\n            }\n          );\n\n\n        observer.observe(\n          group\n        );\n\n\n        group.addEventListener(\n          \"pointerenter\",\n          stop\n        );\n\n\n        group.addEventListener(\n          \"pointerleave\",\n          function () {\n\n            index = 0;\n\n            start();\n\n          }\n        );\n\n\n      }\n    );\n\n\n  }\n\n\n\n  \/* =========================================================\n     MOBILE ACTIVE CARD\n  ========================================================= *\/\n\n  if (\n    window.matchMedia(\n      \"(max-width:600px)\"\n    ).matches\n  ) {\n\n\n    const grids =\n      range.querySelectorAll(\n        \".fz-vehicle-grid\"\n      );\n\n\n    grids.forEach(\n      function (grid) {\n\n\n        const cards =\n          Array.from(\n            grid.querySelectorAll(\n              \".fz-vehicle-card\"\n            )\n          );\n\n\n        function update() {\n\n\n          const gridBox =\n            grid.getBoundingClientRect();\n\n\n          const centre =\n            gridBox.left +\n            (\n              gridBox.width \/ 2\n            );\n\n\n          let best =\n            null;\n\n\n          let distance =\n            Infinity;\n\n\n          cards.forEach(\n            function (card) {\n\n\n              const box =\n                card.getBoundingClientRect();\n\n\n              const cardCentre =\n                box.left +\n                (\n                  box.width \/ 2\n                );\n\n\n              const current =\n                Math.abs(\n                  centre -\n                  cardCentre\n                );\n\n\n              if (\n                current <\n                distance\n              ) {\n\n                distance =\n                  current;\n\n                best =\n                  card;\n\n              }\n\n\n            }\n          );\n\n\n          cards.forEach(\n            function (card) {\n\n              card.classList.toggle(\n                \"is-active\",\n                card === best\n              );\n\n            }\n          );\n\n\n        }\n\n\n        let frame =\n          null;\n\n\n        grid.addEventListener(\n          \"scroll\",\n          function () {\n\n\n            if (frame) {\n              return;\n            }\n\n\n            frame =\n              requestAnimationFrame(\n                function () {\n\n                  update();\n\n                  frame = null;\n\n                }\n              );\n\n\n          },\n          {\n            passive: true\n          }\n        );\n\n\n        update();\n\n\n      }\n    );\n\n\n  }\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-53184647 alignfull uagb-is-root-container\">\n<div class=\"wp-block-uagb-container uagb-block-0d248dd6\">\n<p class=\"has-text-align-center has-palette-color-1-color has-text-color has-link-color has-small-font-size wp-elements-1 wp-block-paragraph\"><strong>WHY CHOOSE FARIZON<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-c030051f\">\n<h2 class=\"wp-block-heading has-text-align-center has-palette-color-5-color has-text-color has-link-color wp-elements-2\">Why Businesses in Singapore Choose Farizon<\/h2>\n\n\n\n<p class=\"has-text-align-center has-palette-color-5-color has-text-color has-link-color wp-elements-3 wp-block-paragraph\">Built for performance, efficiency and modern commercial operations<\/p>\n\n\n\n<style>\n\/* =====================================================\n   FARIZON - WHY CHOOSE FARIZON\n   Desktop + Tablet + Mobile\n===================================================== *\/\n\n.fz-why-wrap {\n  --fz-orange: #ff6433;\n  --fz-orange-dark: #e95428;\n  --fz-navy: #263648;\n  --fz-navy-soft: #34465b;\n  --fz-text: #5d6672;\n  --fz-border: #e3e7ec;\n  --fz-light: #f6f7f9;\n  --fz-white: #ffffff;\n\n  max-width: 1280px;\n  margin: 42px auto 0;\n  padding: 0 24px;\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.fz-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 22px;\n}\n\n\n\/* =====================================================\n   CARD\n===================================================== *\/\n\n.fz-why-card {\n  position: relative;\n  min-height: 300px;\n  overflow: hidden;\n\n  padding: 30px 26px 28px;\n\n  display: flex;\n  flex-direction: column;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #ffffff 72%,\n      #f8f9fb 100%\n    );\n\n  border: 1px solid var(--fz-border);\n  border-radius: 16px;\n\n  box-shadow:\n    0 4px 12px rgba(38,54,72,.03),\n    0 14px 34px rgba(38,54,72,.05);\n\n  transition:\n    transform .28s ease,\n    box-shadow .28s ease,\n    border-color .28s ease;\n}\n\n\n\/* top orange line *\/\n.fz-why-card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 4px;\n\n  background: var(--fz-orange);\n\n  transform: scaleX(.28);\n  transform-origin: left;\n\n  transition: transform .28s ease;\n}\n\n\n\/* subtle decorative shape *\/\n.fz-why-card::after {\n  content: \"\";\n\n  position: absolute;\n  right: -35px;\n  bottom: -35px;\n\n  width: 120px;\n  height: 120px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.09) 0%,\n      rgba(255,100,51,.04) 45%,\n      transparent 70%\n    );\n\n  pointer-events: none;\n}\n\n\n.fz-why-card:hover {\n  transform: translateY(-7px);\n\n  border-color: rgba(255,100,51,.35);\n\n  box-shadow:\n    0 12px 28px rgba(38,54,72,.08),\n    0 28px 55px rgba(38,54,72,.10);\n}\n\n\n.fz-why-card:hover::before {\n  transform: scaleX(1);\n}\n\n\n\/* =====================================================\n   ICON\n===================================================== *\/\n\n.fz-why-icon {\n  width: 58px;\n  height: 58px;\n\n  margin-bottom: 24px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,100,51,.15),\n      rgba(255,100,51,.06)\n    );\n\n  color: var(--fz-orange);\n}\n\n\n.fz-why-icon svg {\n  width: 28px;\n  height: 28px;\n\n  stroke: currentColor;\n}\n\n\n\/* =====================================================\n   TEXT\n===================================================== *\/\n\n.fz-why-number {\n  position: absolute;\n\n  top: 26px;\n  right: 24px;\n\n  color: rgba(38,54,72,.12);\n\n  font-size: 38px;\n  font-weight: 800;\n  line-height: 1;\n}\n\n\n.fz-why-title {\n  margin: 0 0 11px;\n\n  color: var(--fz-navy);\n\n  font-size: 21px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n\n.fz-why-text {\n  margin: 0;\n\n  color: var(--fz-text);\n\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.65;\n}\n\n\n\/* =====================================================\n   BOTTOM ACCENT\n===================================================== *\/\n\n.fz-why-bottom {\n  margin-top: auto;\n  padding-top: 22px;\n\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  color: var(--fz-orange);\n\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n\n.fz-why-bottom::before {\n  content: \"\";\n\n  width: 22px;\n  height: 2px;\n\n  background: var(--fz-orange);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .fz-why-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n  .fz-why-wrap {\n    margin-top: 30px;\n    padding: 0 16px;\n  }\n\n\n  .fz-why-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n\n  .fz-why-card {\n    min-height: 245px;\n\n    padding: 20px 16px 18px;\n\n    border-radius: 13px;\n  }\n\n\n  .fz-why-card:hover {\n    transform: none;\n  }\n\n\n  .fz-why-icon {\n    width: 46px;\n    height: 46px;\n\n    margin-bottom: 17px;\n\n    border-radius: 12px;\n  }\n\n\n  .fz-why-icon svg {\n    width: 23px;\n    height: 23px;\n  }\n\n\n  .fz-why-number {\n    top: 18px;\n    right: 14px;\n\n    font-size: 28px;\n  }\n\n\n  .fz-why-title {\n    margin-bottom: 8px;\n\n    font-size: 17px;\n    line-height: 1.28;\n  }\n\n\n  .fz-why-text {\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n\n  .fz-why-bottom {\n    padding-top: 15px;\n\n    font-size: 10px;\n    letter-spacing: .5px;\n  }\n\n\n  .fz-why-bottom::before {\n    width: 16px;\n  }\n\n}\n\n\n\/* Very small phones *\/\n@media (max-width: 360px) {\n\n  .fz-why-grid {\n    grid-template-columns: 1fr;\n  }\n\n}\n<\/style>\n\n\n<div class=\"fz-why-wrap\">\n\n  <div class=\"fz-why-grid\">\n\n\n    <!-- =========================================\n         01 - ELECTRIC PERFORMANCE\n    ========================================== -->\n\n    <div class=\"fz-why-card\">\n\n      <span class=\"fz-why-number\">\n        01\n      <\/span>\n\n      <div class=\"fz-why-icon\">\n\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\n          <path d=\"M13 2L4.5 13H11L10 22L19.5 10H13L13 2Z\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <h3 class=\"fz-why-title\">\n        100% Electric Performance\n      <\/h3>\n\n      <p class=\"fz-why-text\">\n        Purpose-built electric commercial vehicles delivering smooth,\n        responsive performance for everyday business operations.\n      <\/p>\n\n      <div class=\"fz-why-bottom\">\n        Electric Mobility\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =========================================\n         02 - LOWER RUNNING COSTS\n    ========================================== -->\n\n    <div class=\"fz-why-card\">\n\n      <span class=\"fz-why-number\">\n        02\n      <\/span>\n\n      <div class=\"fz-why-icon\">\n\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\n          <ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\"><\/ellipse>\n\n          <path d=\"M5 6v5c0 1.7 3.1 3 7 3s7-1.3 7-3V6\"><\/path>\n\n          <path d=\"M5 11v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <h3 class=\"fz-why-title\">\n        Lower Running Costs\n      <\/h3>\n\n      <p class=\"fz-why-text\">\n        Electric drivetrains can help businesses reduce energy and\n        routine maintenance costs compared with conventional vehicles.\n      <\/p>\n\n      <div class=\"fz-why-bottom\">\n        Operate Smarter\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =========================================\n         03 - BUILT FOR BUSINESS\n    ========================================== -->\n\n    <div class=\"fz-why-card\">\n\n      <span class=\"fz-why-number\">\n        03\n      <\/span>\n\n      <div class=\"fz-why-icon\">\n\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\n          <path d=\"M3 7h11v10H3z\"><\/path>\n\n          <path d=\"M14 10h4l3 3v4h-7\"><\/path>\n\n          <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\n\n          <circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle>\n\n        <\/svg>\n\n      <\/div>\n\n      <h3 class=\"fz-why-title\">\n        Built for Business\n      <\/h3>\n\n      <p class=\"fz-why-text\">\n        From urban deliveries to fleet operations and specialised\n        applications, Farizon is designed around real commercial needs.\n      <\/p>\n\n      <div class=\"fz-why-bottom\">\n        Commercial Ready\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =========================================\n         04 - SUPPORT\n    ========================================== -->\n\n    <div class=\"fz-why-card\">\n\n      <span class=\"fz-why-number\">\n        04\n      <\/span>\n\n      <div class=\"fz-why-icon\">\n\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\n          <path d=\"M12 3l7 3v5c0 4.5-2.8 8-7 10-4.2-2-7-5.5-7-10V6l7-3z\"><\/path>\n\n          <path d=\"M9 12l2 2 4-4\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <h3 class=\"fz-why-title\">\n        Support You Can Rely On\n      <\/h3>\n\n      <p class=\"fz-why-text\">\n        Local sales and aftersales support helps businesses keep their\n        Farizon commercial vehicles ready for the road.\n      <\/p>\n\n      <div class=\"fz-why-bottom\">\n        Local Support\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FARIZON HOMEPAGE\n   VIDEO STORIES \u2014 MODEL SELECTOR\n========================================================= *\/\n\n.fz-stories,\n.fz-stories *,\n.fz-stories *::before,\n.fz-stories *::after {\n  box-sizing: border-box;\n}\n\n.fz-stories {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8c959f;\n  --line:#e2e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    72px\n    24px\n    76px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f9fa 0%,\n      #f0f3f5 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.fz-stories::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:440px;\n  height:440px;\n\n  left:-240px;\n  top:-250px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.08),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n.fz-stories::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:480px;\n  height:480px;\n\n  right:-250px;\n  bottom:-300px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(38,54,72,.07),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.fz-stories__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   HEADER\n========================================================= *\/\n\n.fz-stories__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:27px;\n}\n\n\n.fz-stories__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.fz-stories__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.fz-stories h2 {\n  max-width:720px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.fz-stories h2 span {\n  color:var(--orange);\n}\n\n\n.fz-stories__intro {\n  max-width:455px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   NATIVE RADIO CONTROLS\n========================================================= *\/\n\n.fz-stories__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   MODEL SELECTORS\n========================================================= *\/\n\n.fz-stories__selectors {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  margin-bottom:18px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 12px 30px\n    rgba(38,54,72,.05);\n}\n\n\n.fz-stories__selector {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    40px\n    1fr\n    auto;\n\n  gap:13px;\n\n  align-items:center;\n\n  min-height:88px;\n\n  padding:\n    16px\n    20px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease;\n}\n\n\n.fz-stories__selector:last-child {\n  border-right:0;\n}\n\n\n.fz-stories__selector:hover {\n  background:#fafbfc;\n}\n\n\n\/* number *\/\n\n.fz-stories__number {\n  width:36px;\n  height:36px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:#f1f3f5;\n\n  color:var(--muted);\n\n  font-size:8px;\n  font-weight:800;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n\/* selector copy *\/\n\n.fz-stories__selector-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.fz-stories__selector-copy strong {\n  display:block;\n\n  margin-bottom:2px;\n\n  color:var(--navy);\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n.fz-stories__selector-copy small {\n  display:block;\n\n  color:var(--text);\n\n  font-size:8px;\n}\n\n\n\/* format *\/\n\n.fz-stories__format {\n  padding:\n    7px\n    9px;\n\n  border:\n    1px solid\n    var(--line);\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n\/* bottom active bar *\/\n\n.fz-stories__selector::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:3px;\n\n  background:var(--orange);\n\n  transition:\n    width .4s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n\/* =========================================================\n   ACTIVE SELECTORS\n========================================================= *\/\n\n#fz-story-v7e:checked\n~ .fz-stories__selectors\nlabel[for=\"fz-story-v7e\"],\n\n#fz-story-supervan:checked\n~ .fz-stories__selectors\nlabel[for=\"fz-story-supervan\"] {\n  background:#ffffff;\n}\n\n\n#fz-story-v7e:checked\n~ .fz-stories__selectors\nlabel[for=\"fz-story-v7e\"]\n.fz-stories__number,\n\n#fz-story-supervan:checked\n~ .fz-stories__selectors\nlabel[for=\"fz-story-supervan\"]\n.fz-stories__number {\n  background:var(--orange);\n\n  color:#ffffff;\n}\n\n\n#fz-story-v7e:checked\n~ .fz-stories__selectors\nlabel[for=\"fz-story-v7e\"]::after,\n\n#fz-story-supervan:checked\n~ .fz-stories__selectors\nlabel[for=\"fz-story-supervan\"]::after {\n  width:100%;\n}\n\n\n\/* =========================================================\n   MAIN MEDIA STAGE\n========================================================= *\/\n\n.fz-stories__stage {\n  position:relative;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 23px 55px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   STORY PANES\n========================================================= *\/\n\n.fz-stories__pane {\n  display:none;\n\n  min-height:510px;\n\n  grid-template-columns:\n    minmax(300px,.36fr)\n    minmax(0,.64fr);\n\n  animation:\n    fzStoryPane\n    .5s\n    cubic-bezier(.2,.7,.3,1)\n    both;\n}\n\n\n#fz-story-v7e:checked\n~ .fz-stories__stage\n.fz-stories__pane--v7e,\n\n#fz-story-supervan:checked\n~ .fz-stories__stage\n.fz-stories__pane--supervan {\n  display:grid;\n}\n\n\n\/* =========================================================\n   MODEL STORY\n========================================================= *\/\n\n.fz-stories__story {\n  position:relative;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    40px\n    34px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#ffffff;\n}\n\n\n.fz-stories__story::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:260px;\n  height:260px;\n\n  right:-150px;\n  bottom:-150px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(255,255,255,.05);\n\n  box-shadow:\n    0 0 0 50px rgba(255,255,255,.013),\n    0 0 0 100px rgba(255,255,255,.008);\n\n  pointer-events:none;\n}\n\n\n.fz-stories__story-label {\n  position:relative;\n  z-index:2;\n\n  margin-bottom:9px;\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\n.fz-stories__story h3 {\n  position:relative;\n  z-index:2;\n\n  max-width:420px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      28px,\n      3vw,\n      37px\n    );\n\n  line-height:1.07;\n\n  letter-spacing:-.65px;\n\n  font-weight:700;\n}\n\n\n.fz-stories__story p {\n  position:relative;\n  z-index:2;\n\n  max-width:440px;\n\n  margin:\n    0\n    0\n    23px;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:10px;\n\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   STORY META\n========================================================= *\/\n\n.fz-stories__meta {\n  position:relative;\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  margin-bottom:23px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.fz-stories__meta-item {\n  padding:\n    13px\n    0;\n}\n\n\n.fz-stories__meta-item:first-child {\n  padding-right:13px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.fz-stories__meta-item:last-child {\n  padding-left:13px;\n}\n\n\n.fz-stories__meta-item span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.fz-stories__meta-item strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   STORY BUTTONS\n========================================================= *\/\n\n.fz-stories__actions {\n  position:relative;\n  z-index:2;\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n}\n\n\n.fz-stories__btn {\n  min-height:43px;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:7px;\n\n  padding:\n    0\n    15px;\n\n  border:\n    1px solid\n    transparent;\n\n  text-decoration:none !important;\n\n  font-size:9px;\n  font-weight:700;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n\n.fz-stories__btn:hover {\n  transform:\n    translateY(-2px);\n}\n\n\n.fz-stories__btn--primary {\n  background:var(--orange);\n\n  border-color:var(--orange);\n\n  color:#ffffff !important;\n}\n\n\n.fz-stories__btn--primary:hover {\n  background:var(--orange-dark);\n}\n\n\n.fz-stories__btn--secondary {\n  border-color:\n    rgba(255,255,255,.17);\n\n  color:#ffffff !important;\n\n  background:\n    rgba(255,255,255,.04);\n}\n\n\n.fz-stories__btn--secondary:hover {\n  background:\n    rgba(255,255,255,.08);\n}\n\n\n\/* =========================================================\n   MEDIA ZONE\n========================================================= *\/\n\n.fz-stories__media {\n  position:relative;\n\n  min-width:0;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    34px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #eef2f4 0%,\n      #ffffff 100%\n    );\n}\n\n\n\/* technical grid *\/\n\n.fz-stories__media::before {\n  content:\"\";\n\n  position:absolute;\n\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.03) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    46px\n    46px;\n\n  opacity:.5;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   YOUTUBE VIDEO\n========================================================= *\/\n\n.fz-stories__youtube {\n  position:relative;\n  z-index:3;\n\n  width:100%;\n\n  max-width:770px;\n}\n\n\n.fz-stories__youtube-frame {\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:\n    16 \/ 9;\n\n  overflow:hidden;\n\n  border-radius:14px;\n\n  background:#111820;\n\n  box-shadow:\n    0 20px 45px\n    rgba(38,54,72,.16);\n}\n\n\n.fz-stories__youtube-frame iframe {\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  border:0;\n}\n\n\n\/* orange corner *\/\n\n.fz-stories__youtube-frame::after {\n  content:\"\";\n\n  position:absolute;\n\n  z-index:5;\n\n  right:0;\n  top:0;\n\n  width:65px;\n  height:65px;\n\n  border-top:\n    3px solid\n    var(--orange);\n\n  border-right:\n    3px solid\n    var(--orange);\n\n  border-radius:\n    0\n    14px\n    0\n    0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   VIDEO HEADER\n========================================================= *\/\n\n.fz-stories__media-label {\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:14px;\n\n  margin-bottom:11px;\n}\n\n\n.fz-stories__media-label span {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.fz-stories__media-label strong {\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   TIKTOK STAGE\n========================================================= *\/\n\n.fz-stories__tiktok-stage {\n  position:relative;\n  z-index:3;\n\n  width:100%;\n\n  max-width:690px;\n\n  min-height:435px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(160px,.55fr)\n    minmax(240px,.45fr);\n\n  gap:25px;\n\n  align-items:center;\n}\n\n\n\/* TikTok backdrop story *\/\n\n.fz-stories__social-side {\n  padding:\n    24px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.78);\n}\n\n\n.fz-stories__social-side span {\n  display:block;\n\n  margin-bottom:7px;\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.fz-stories__social-side strong {\n  display:block;\n\n  margin-bottom:9px;\n\n  color:var(--navy);\n\n  font-size:18px;\n  font-weight:700;\n\n  line-height:1.2;\n}\n\n\n.fz-stories__social-side p {\n  margin:0;\n\n  color:var(--text);\n\n  font-size:9px;\n\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   VERTICAL PLAYER\n========================================================= *\/\n\n.fz-stories__tiktok {\n  position:relative;\n\n  width:100%;\n  max-width:270px;\n\n  justify-self:center;\n\n  padding:\n    7px;\n\n  border-radius:19px;\n\n  background:var(--navy);\n\n  box-shadow:\n    0 22px 48px\n    rgba(38,54,72,.22);\n}\n\n\n.fz-stories__tiktok::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:17px;\n  right:17px;\n  top:-4px;\n\n  height:4px;\n\n  border-radius:999px;\n\n  background:\n    var(--orange);\n}\n\n\n.fz-stories__tiktok-head {\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  padding:\n    7px\n    7px\n    9px;\n}\n\n\n.fz-stories__tiktok-head span {\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fz-stories__tiktok-head strong {\n  color:\n    rgba(255,255,255,.54);\n\n  font-size:6px;\n}\n\n\n\/* player *\/\n\n.fz-stories__tiktok-frame {\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:\n    9 \/ 16;\n\n  overflow:hidden;\n\n  border-radius:12px;\n\n  background:#000;\n}\n\n\n.fz-stories__tiktok-frame iframe {\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  border:0;\n}\n\n\n.fz-stories__tiktok-foot {\n  padding:\n    9px\n    7px\n    6px;\n}\n\n\n.fz-stories__tiktok-foot span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    rgba(255,255,255,.35);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fz-stories__tiktok-foot strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   SWITCH MESSAGE\n========================================================= *\/\n\n.fz-stories__hint {\n  display:flex;\n\n  align-items:center;\n\n  gap:8px;\n\n  margin-top:13px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.fz-stories__hint::before {\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  animation:\n    fzStoryPulse\n    2.4s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes fzStoryPane {\n\n  from {\n    opacity:.2;\n\n    transform:\n      translateY(10px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes fzStoryPulse {\n\n  0%,\n  100% {\n    opacity:.4;\n\n    transform:\n      scale(.82);\n  }\n\n  50% {\n    opacity:1;\n\n    transform:\n      scale(1);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .fz-stories__pane {\n    grid-template-columns:\n      minmax(280px,.40fr)\n      minmax(0,.60fr);\n  }\n\n\n  .fz-stories__story {\n    padding:\n      34px\n      27px;\n  }\n\n\n  .fz-stories__media {\n    padding:\n      26px;\n  }\n\n\n  .fz-stories__tiktok-stage {\n    gap:17px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .fz-stories {\n    padding:\n      46px\n      16px\n      52px;\n  }\n\n\n  \/* HEADER *\/\n\n  .fz-stories__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .fz-stories__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .fz-stories h2 {\n    max-width:355px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .fz-stories__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* SELECTORS *\/\n\n  .fz-stories__selectors {\n    display:block;\n\n    margin-bottom:14px;\n  }\n\n\n  .fz-stories__selector {\n    min-height:72px;\n\n    grid-template-columns:\n      32px\n      1fr\n      auto;\n\n    padding:\n      12px\n      14px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .fz-stories__selector:last-child {\n    border-bottom:0;\n  }\n\n\n  .fz-stories__number {\n    width:29px;\n    height:29px;\n\n    font-size:7px;\n  }\n\n\n  .fz-stories__selector-copy strong {\n    font-size:10px;\n  }\n\n\n  .fz-stories__selector-copy small {\n    font-size:7px;\n  }\n\n\n  \/* PANES *\/\n\n  .fz-stories__pane {\n    min-height:0;\n\n    grid-template-columns:1fr;\n  }\n\n\n  #fz-story-v7e:checked\n  ~ .fz-stories__stage\n  .fz-stories__pane--v7e,\n\n  #fz-story-supervan:checked\n  ~ .fz-stories__stage\n  .fz-stories__pane--supervan {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  \/* VIDEO FIRST *\/\n\n  .fz-stories__media {\n    order:1;\n\n    padding:\n      15px;\n  }\n\n\n  .fz-stories__story {\n    order:2;\n\n    padding:\n      26px\n      20px\n      28px;\n  }\n\n\n  .fz-stories__story h3 {\n    font-size:27px;\n  }\n\n\n  .fz-stories__story p {\n    font-size:10px;\n  }\n\n\n  \/* YOUTUBE *\/\n\n  .fz-stories__youtube {\n    max-width:none;\n  }\n\n\n  \/* TIKTOK *\/\n\n  .fz-stories__tiktok-stage {\n    min-height:0;\n\n    display:flex;\n\n    flex-direction:column-reverse;\n\n    gap:13px;\n\n    padding:\n      6px\n      0;\n  }\n\n\n  .fz-stories__tiktok {\n    width:\n      min(\n        78%,\n        285px\n      );\n  }\n\n\n  .fz-stories__social-side {\n    width:100%;\n\n    padding:\n      17px;\n  }\n\n\n  .fz-stories__social-side strong {\n    font-size:16px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .fz-stories h2 {\n    font-size:29px;\n  }\n\n\n  .fz-stories__format {\n    display:none;\n  }\n\n\n  .fz-stories__selector {\n    grid-template-columns:\n      30px\n      1fr;\n  }\n\n\n  .fz-stories__tiktok {\n    width:84%;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .fz-stories *,\n  .fz-stories *::before,\n  .fz-stories *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section class=\"fz-stories\" id=\"farizon-in-motion\">\n\n\n  <div class=\"fz-stories__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"fz-stories__header\">\n\n\n      <div>\n\n\n        <div class=\"fz-stories__eyebrow\">\n          Farizon in Motion\n        <\/div>\n\n\n        <h2>\n          Two Vehicles.\n          <span>Two Farizon Stories.<\/span>\n        <\/h2>\n\n\n      <\/div>\n\n\n      <p class=\"fz-stories__intro\">\n        Explore different Farizon models through dedicated\n        video experiences. Select a vehicle below to watch\n        its own review or social highlight.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO CONTROLS\n    ====================================================== -->\n\n    <input class=\"fz-stories__radio\" type=\"radio\" name=\"fz-home-story\" id=\"fz-story-v7e\" checked=\"\">\n\n\n    <input class=\"fz-stories__radio\" type=\"radio\" name=\"fz-home-story\" id=\"fz-story-supervan\">\n\n\n\n    <!-- =====================================================\n         MODEL SELECTORS\n    ====================================================== -->\n\n    <div class=\"fz-stories__selectors\">\n\n\n      <!-- V7E -->\n\n      <label class=\"fz-stories__selector\" for=\"fz-story-v7e\">\n\n\n        <span class=\"fz-stories__number\">\n          01\n        <\/span>\n\n\n        <span class=\"fz-stories__selector-copy\">\n\n          <span>\n            Featured Review\n          <\/span>\n\n          <strong>\n            Farizon V7E\n          <\/strong>\n\n          <small>\n            Electric commercial van review\n          <\/small>\n\n        <\/span>\n\n\n        <span class=\"fz-stories__format\">\n          YouTube\n        <\/span>\n\n\n      <\/label>\n\n\n\n      <!-- SUPERVAN -->\n\n      <label class=\"fz-stories__selector\" for=\"fz-story-supervan\">\n\n\n        <span class=\"fz-stories__number\">\n          02\n        <\/span>\n\n\n        <span class=\"fz-stories__selector-copy\">\n\n          <span>\n            Social Highlight\n          <\/span>\n\n          <strong>\n            Farizon SuperVan\n          <\/strong>\n\n          <small>\n            SuperVan video from Hong Seh Evolution\n          <\/small>\n\n        <\/span>\n\n\n        <span class=\"fz-stories__format\">\n          TikTok\n        <\/span>\n\n\n      <\/label>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         STORY STAGE\n    ====================================================== -->\n\n    <div class=\"fz-stories__stage\">\n\n\n      <!-- ===================================================\n           V7E\n      ==================================================== -->\n\n      <article class=\"fz-stories__pane fz-stories__pane--v7e\">\n\n\n        <!-- STORY -->\n\n        <div class=\"fz-stories__story\">\n\n\n          <div class=\"fz-stories__story-label\">\n            01 \/ Farizon V7E\n          <\/div>\n\n\n          <h3>\n            Take a Closer Look at the Farizon V7E.\n          <\/h3>\n\n\n          <p>\n            Watch our featured review of the Farizon V7E\n            and see how this electric commercial van brings\n            practical design and electric mobility together\n            for business use in Singapore.\n          <\/p>\n\n\n\n          <div class=\"fz-stories__meta\">\n\n\n            <div class=\"fz-stories__meta-item\">\n\n              <span>\n                Vehicle\n              <\/span>\n\n              <strong>\n                Farizon V7E\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"fz-stories__meta-item\">\n\n              <span>\n                Video Format\n              <\/span>\n\n              <strong>\n                Full Review\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"fz-stories__actions\">\n\n\n            <a class=\"fz-stories__btn fz-stories__btn--primary\" href=\"\/new\/v7e\/\">\n\n              Explore V7E \u2192\n\n            <\/a>\n\n\n            <a class=\"fz-stories__btn fz-stories__btn--secondary\" href=\"#our-vehicle\">\n\n              View All Vehicles\n\n            <\/a>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- VIDEO -->\n\n        <div class=\"fz-stories__media\">\n\n\n          <div class=\"fz-stories__youtube\">\n\n\n            <div class=\"fz-stories__media-label\">\n\n              <span>\n                Featured Review\n              <\/span>\n\n              <strong>\n                Farizon V7E\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"fz-stories__youtube-frame\">\n\n\n              <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/kWsWVB4XSSI?rel=0\" title=\"Farizon V7E Electric Van Review\" loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\">\n              <\/iframe>\n\n\n            <\/div>\n\n\n            <div class=\"fz-stories__hint\">\n              Select SuperVan above to watch the next story\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           SUPERVAN\n      ==================================================== -->\n\n      <article class=\"fz-stories__pane fz-stories__pane--supervan\">\n\n\n        <!-- STORY -->\n\n        <div class=\"fz-stories__story\">\n\n\n          <div class=\"fz-stories__story-label\">\n            02 \/ Farizon SuperVan\n          <\/div>\n\n\n          <h3>\n            Discover the Farizon SuperVan in a Different Format.\n          <\/h3>\n\n\n          <p>\n            Switch from the V7E review to a dedicated SuperVan\n            social highlight from Hong Seh Evolution, giving you\n            another look at the wider Farizon commercial vehicle range.\n          <\/p>\n\n\n\n          <div class=\"fz-stories__meta\">\n\n\n            <div class=\"fz-stories__meta-item\">\n\n              <span>\n                Vehicle\n              <\/span>\n\n              <strong>\n                Farizon SuperVan\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"fz-stories__meta-item\">\n\n              <span>\n                Video Format\n              <\/span>\n\n              <strong>\n                Social Highlight\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"fz-stories__actions\">\n\n\n            <a class=\"fz-stories__btn fz-stories__btn--primary\" href=\"#our-vehicle\">\n\n              Explore SuperVan Range \u2192\n\n            <\/a>\n\n\n            <a class=\"fz-stories__btn fz-stories__btn--secondary\" href=\"https:\/\/www.tiktok.com\/@hongseh.evolution\/video\/7482635566438255878\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n              View on TikTok\n\n            <\/a>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- TIKTOK -->\n\n        <div class=\"fz-stories__media\">\n\n\n          <div class=\"fz-stories__tiktok-stage\">\n\n\n            <!-- contextual side -->\n\n            <div class=\"fz-stories__social-side\">\n\n              <span>\n                Social Highlight\n              <\/span>\n\n              <strong>\n                Farizon SuperVan\n              <\/strong>\n\n              <p>\n                A short-form look at the SuperVan from\n                Hong Seh Evolution. This is a separate\n                vehicle story from the V7E review.\n              <\/p>\n\n            <\/div>\n\n\n\n            <!-- vertical player -->\n\n            <div class=\"fz-stories__tiktok\">\n\n\n              <div class=\"fz-stories__tiktok-head\">\n\n                <span>\n                  SuperVan\n                <\/span>\n\n                <strong>\n                  TikTok\n                <\/strong>\n\n              <\/div>\n\n\n              <div class=\"fz-stories__tiktok-frame\">\n\n\n                <iframe src=\"https:\/\/www.tiktok.com\/player\/v1\/7482635566438255878?controls=1&amp;progress_bar=1&amp;play_button=1&amp;volume_control=1&amp;fullscreen_button=1&amp;autoplay=0&amp;rel=0&amp;description=0&amp;music_info=0\" title=\"Farizon SuperVan Hong Seh Evolution TikTok video\" loading=\"lazy\" allow=\"fullscreen; autoplay; encrypted-media\" allowfullscreen=\"\">\n                <\/iframe>\n\n\n              <\/div>\n\n\n              <div class=\"fz-stories__tiktok-foot\">\n\n                <span>\n                  Hong Seh Evolution\n                <\/span>\n\n                <strong>\n                  Farizon SuperVan Highlight\n                <\/strong>\n\n              <\/div>\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/article>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n<script>\n(function () {\n\n  \/* =========================================================\n     FARIZON STORIES\n     AUTO DISCOVERY SWITCHER\n\n     Behaviour:\n     - V7E -> SuperVan -> V7E automatically\n     - Only runs while section is visible\n     - Stops permanently after user interaction\n     - Pauses when browser tab is hidden\n  ========================================================= *\/\n\n  const section =\n    document.getElementById(\"farizon-in-motion\");\n\n  if (!section) {\n    return;\n  }\n\n\n  const v7eRadio =\n    document.getElementById(\"fz-story-v7e\");\n\n  const supervanRadio =\n    document.getElementById(\"fz-story-supervan\");\n\n\n  if (!v7eRadio || !supervanRadio) {\n    return;\n  }\n\n\n  const radios = [\n    v7eRadio,\n    supervanRadio\n  ];\n\n\n  const selectors =\n    section.querySelectorAll(\n      \".fz-stories__selector\"\n    );\n\n\n  const iframes =\n    section.querySelectorAll(\n      \".fz-stories__media iframe\"\n    );\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const SWITCH_TIME = 5500;\n\n\n  let timer = null;\n\n  let sectionVisible = false;\n\n  let userHasInteracted = false;\n\n  let pointerInsideIframe = false;\n\n\n\n  \/* =========================================================\n     CURRENT STORY\n  ========================================================= *\/\n\n  function getCurrentIndex() {\n\n    const index =\n      radios.findIndex(\n        function (radio) {\n          return radio.checked;\n        }\n      );\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n\n  \/* =========================================================\n     SHOW STORY\n  ========================================================= *\/\n\n  function showStory(index) {\n\n    if (\n      userHasInteracted ||\n      !radios[index]\n    ) {\n      return;\n    }\n\n\n    radios[index].checked = true;\n\n\n    radios[index].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles: true\n        }\n      )\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     NEXT STORY\n  ========================================================= *\/\n\n  function nextStory() {\n\n    const current =\n      getCurrentIndex();\n\n\n    const next =\n      (\n        current + 1\n      ) %\n      radios.length;\n\n\n    showStory(next);\n\n  }\n\n\n\n  \/* =========================================================\n     TIMER\n  ========================================================= *\/\n\n  function stopTimer() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function scheduleNext() {\n\n    stopTimer();\n\n\n    if (\n      reducedMotion ||\n      userHasInteracted ||\n      !sectionVisible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          nextStory();\n\n          scheduleNext();\n\n        },\n        SWITCH_TIME\n      );\n\n  }\n\n\n\n  \/* =========================================================\n     USER HAS NOTICED \/ INTERACTED\n     Stop automatic switching permanently\n  ========================================================= *\/\n\n  function lockStory() {\n\n    if (userHasInteracted) {\n      return;\n    }\n\n\n    userHasInteracted = true;\n\n    stopTimer();\n\n\n    section.classList.add(\n      \"fz-stories--user-controlled\"\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     MANUAL MODEL SELECTOR\n  ========================================================= *\/\n\n  selectors.forEach(\n    function (selector) {\n\n      selector.addEventListener(\n        \"click\",\n        function () {\n\n          lockStory();\n\n        }\n      );\n\n\n      selector.addEventListener(\n        \"keydown\",\n        function (event) {\n\n          if (\n            event.key === \"Enter\" ||\n            event.key === \" \"\n          ) {\n\n            lockStory();\n\n          }\n\n        }\n      );\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     VIDEO INTERACTION DETECTION\n\n     iframe clicks happen inside another document,\n     so we use focus + pointer + window blur detection.\n  ========================================================= *\/\n\n  iframes.forEach(\n    function (iframe) {\n\n      iframe.setAttribute(\n        \"tabindex\",\n        \"0\"\n      );\n\n\n      iframe.addEventListener(\n        \"mouseenter\",\n        function () {\n\n          pointerInsideIframe = true;\n\n        }\n      );\n\n\n      iframe.addEventListener(\n        \"mouseleave\",\n        function () {\n\n          pointerInsideIframe = false;\n\n        }\n      );\n\n\n      iframe.addEventListener(\n        \"focus\",\n        function () {\n\n          lockStory();\n\n        }\n      );\n\n\n      iframe.addEventListener(\n        \"touchstart\",\n        function () {\n\n          lockStory();\n\n        },\n        {\n          passive: true\n        }\n      );\n\n    }\n  );\n\n\n  \/*\n     Common browser behaviour:\n     clicking an iframe moves focus away from parent window.\n     If pointer was over the player, treat that as video interaction.\n  *\/\n\n  window.addEventListener(\n    \"blur\",\n    function () {\n\n      if (pointerInsideIframe) {\n\n        lockStory();\n\n      }\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     VIEWPORT CONTROL\n     Only switch when the section is actually being viewed.\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              sectionVisible =\n                entry.isIntersecting;\n\n\n              if (\n                sectionVisible &&\n                !userHasInteracted\n              ) {\n\n                scheduleNext();\n\n              } else {\n\n                stopTimer();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: 0.35\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    sectionVisible = true;\n\n    scheduleNext();\n\n  }\n\n\n\n  \/* =========================================================\n     BROWSER TAB\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopTimer();\n\n      }\n\n      else if (\n        sectionVisible &&\n        !userHasInteracted\n      ) {\n\n        scheduleNext();\n\n      }\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     INITIAL\n  ========================================================= *\/\n\n  scheduleNext();\n\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-b3c68085 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<p class=\"has-text-align-center has-palette-color-1-color has-text-color has-link-color has-small-font-size wp-elements-4 wp-block-paragraph\"><strong>BUSINESS SOLUTIONS<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-palette-color-4-color has-text-color has-link-color wp-elements-5\">Electric Commercial Vehicles for Every Business Need<\/h2>\n\n\n\n<p class=\"has-text-align-center has-palette-color-4-color has-text-color has-link-color wp-elements-6 wp-block-paragraph\">From urban deliveries and fleet operations to passenger transport and specialised conversions, Farizon offers flexible electric mobility solutions for businesses in Singapore.<\/p>\n\n\n\n<style>\n\/* =====================================================\n   FARIZON BUSINESS SOLUTIONS\n   AUTO ROTATING SHOWCASE\n   DESKTOP + TABLET + MOBILE\n===================================================== *\/\n\n.fz-auto-showcase {\n  --fz-orange: #ff6433;\n  --fz-orange-dark: #e95428;\n  --fz-navy: #263648;\n  --fz-navy-soft: #34465b;\n  --fz-text: #5d6672;\n  --fz-muted: #9aa2ab;\n  --fz-line: #dfe3e8;\n\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 42px auto 0;\n  padding: 0 24px 15px;\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n}\n\n.fz-auto-showcase *,\n.fz-auto-showcase *::before,\n.fz-auto-showcase *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   MAIN LAYOUT\n===================================================== *\/\n\n.fz-auto-main {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.48fr)\n    minmax(350px, .72fr);\n\n  gap: 60px;\n\n  align-items: center;\n}\n\n\n\/* =====================================================\n   LARGE IMAGE\n===================================================== *\/\n\n.fz-auto-visual {\n  position: relative;\n  min-width: 0;\n}\n\n\n.fz-auto-image-wrap {\n  position: relative;\n\n  width: 100%;\n  height: 545px;\n\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: #e9ecef;\n\n  box-shadow:\n    0 14px 40px rgba(38,54,72,.10);\n}\n\n\n.fz-auto-image {\n  position: absolute;\n  inset: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity .65s ease,\n    transform 1.1s ease;\n}\n\n\n.fz-auto-image.is-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\n\/* orange corner *\/\n.fz-auto-visual::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 10;\n\n  top: -9px;\n  left: -9px;\n\n  width: 78px;\n  height: 78px;\n\n  border-top: 4px solid var(--fz-orange);\n  border-left: 4px solid var(--fz-orange);\n\n  border-radius: 14px 0 0 0;\n\n  pointer-events: none;\n}\n\n\n\/* NUMBER ON IMAGE *\/\n.fz-auto-image-number {\n  position: absolute;\n\n  z-index: 12;\n\n  left: 22px;\n  bottom: 20px;\n\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  padding: 9px 13px;\n\n  border-radius: 4px;\n\n  background: rgba(38,54,72,.92);\n\n  color: #ffffff;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n\n  backdrop-filter: blur(7px);\n}\n\n\n.fz-auto-image-number span {\n  color: var(--fz-orange);\n}\n\n\n\/* =====================================================\n   RIGHT NAV\n===================================================== *\/\n\n.fz-auto-nav-label {\n  margin-bottom: 17px;\n\n  color: var(--fz-orange);\n\n  font-size: 12px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-auto-nav {\n  width: 100%;\n}\n\n\n.fz-auto-item {\n  position: relative;\n\n  width: 100%;\n\n  min-height: 76px;\n\n  padding: 0 8px;\n\n  display: grid;\n\n  grid-template-columns: 47px 1fr 25px;\n\n  gap: 12px;\n\n  align-items: center;\n\n  border: 0;\n  border-bottom: 1px solid var(--fz-line);\n\n  background: transparent;\n\n  cursor: pointer;\n\n  text-align: left;\n\n  appearance: none;\n\n  overflow: hidden;\n\n  transition:\n    padding-left .25s ease,\n    background .25s ease;\n}\n\n\n.fz-auto-item:first-child {\n  border-top: 1px solid var(--fz-line);\n}\n\n\n.fz-auto-number {\n  color: var(--fz-muted);\n\n  font-size: 13px;\n  font-weight: 700;\n\n  transition: color .25s ease;\n}\n\n\n.fz-auto-item-title {\n  color: var(--fz-navy);\n\n  font-size: 16px;\n  font-weight: 650;\n\n  line-height: 1.35;\n\n  transition: color .25s ease;\n}\n\n\n.fz-auto-arrow {\n  color: var(--fz-muted);\n\n  font-size: 20px;\n\n  transition:\n    transform .25s ease,\n    color .25s ease;\n}\n\n\n\/* ACTIVE STATE *\/\n\n.fz-auto-item.is-active {\n  padding-left: 15px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,100,51,.06),\n      transparent 75%\n    );\n}\n\n\n.fz-auto-item.is-active .fz-auto-number,\n.fz-auto-item.is-active .fz-auto-item-title,\n.fz-auto-item.is-active .fz-auto-arrow {\n  color: var(--fz-orange);\n}\n\n\n.fz-auto-item.is-active .fz-auto-arrow {\n  transform: translateX(4px);\n}\n\n\n\/* LEFT ORANGE ACTIVE MARK *\/\n\n.fz-auto-item.is-active::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 17px;\n  bottom: 17px;\n\n  width: 3px;\n\n  border-radius: 6px;\n\n  background: var(--fz-orange);\n}\n\n\n\/* AUTO PROGRESS LINE *\/\n\n.fz-auto-progress {\n  position: absolute;\n\n  left: 0;\n  bottom: 0;\n\n  width: 0%;\n  height: 2px;\n\n  background: var(--fz-orange);\n\n  opacity: 0;\n}\n\n\n.fz-auto-item.is-active .fz-auto-progress {\n  opacity: 1;\n\n  animation:\n    fzProgress 4.8s linear forwards;\n}\n\n\n@keyframes fzProgress {\n\n  from {\n    width: 0%;\n  }\n\n  to {\n    width: 100%;\n  }\n\n}\n\n\n\/* =====================================================\n   DETAILS\n===================================================== *\/\n\n.fz-auto-details {\n  margin-top: 29px;\n\n  min-height: 190px;\n}\n\n\n.fz-auto-panel {\n  display: none;\n\n  animation:\n    fzPanelIn .48s ease;\n}\n\n\n.fz-auto-panel.is-active {\n  display: block;\n}\n\n\n@keyframes fzPanelIn {\n\n  from {\n    opacity: 0;\n    transform: translateY(7px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n.fz-auto-category {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: var(--fz-orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-auto-title {\n  margin: 0 0 10px;\n\n  color: var(--fz-navy);\n\n  font-size: 29px;\n  font-weight: 700;\n\n  line-height: 1.2;\n}\n\n\n.fz-auto-text {\n  max-width: 690px;\n\n  margin: 0 0 17px;\n\n  color: var(--fz-text);\n\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n\n.fz-auto-link {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  color: var(--fz-navy);\n\n  font-size: 14px;\n  font-weight: 700;\n\n  text-decoration: none;\n\n  transition:\n    gap .2s ease,\n    color .2s ease;\n}\n\n\n.fz-auto-link span {\n  color: var(--fz-orange);\n\n  font-size: 18px;\n}\n\n\n.fz-auto-link:hover {\n  gap: 13px;\n\n  color: var(--fz-orange);\n}\n\n\n\/* =====================================================\n   DESKTOP HOVER\n===================================================== *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n  .fz-auto-item:hover {\n    padding-left: 15px;\n  }\n\n  .fz-auto-item:hover .fz-auto-number,\n  .fz-auto-item:hover .fz-auto-item-title,\n  .fz-auto-item:hover .fz-auto-arrow {\n    color: var(--fz-orange);\n  }\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1050px) {\n\n  .fz-auto-main {\n    grid-template-columns: 1.15fr .85fr;\n\n    gap: 35px;\n  }\n\n\n  .fz-auto-image-wrap {\n    height: 450px;\n  }\n\n\n  .fz-auto-item {\n    min-height: 68px;\n\n    grid-template-columns: 38px 1fr 20px;\n  }\n\n\n  .fz-auto-item-title {\n    font-size: 14px;\n  }\n\n\n  .fz-auto-title {\n    font-size: 25px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 720px) {\n\n  .fz-auto-showcase {\n    margin-top: 30px;\n\n    padding: 0 16px 12px;\n  }\n\n\n  .fz-auto-main {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 22px;\n  }\n\n\n  .fz-auto-visual {\n    width: 100%;\n  }\n\n\n  .fz-auto-image-wrap {\n    height: 315px;\n\n    border-radius: 12px;\n\n    box-shadow:\n      0 10px 28px rgba(38,54,72,.09);\n  }\n\n\n  .fz-auto-visual::before {\n    top: -6px;\n    left: -6px;\n\n    width: 50px;\n    height: 50px;\n\n    border-width: 3px;\n  }\n\n\n  .fz-auto-image-number {\n    left: 14px;\n    bottom: 13px;\n\n    padding: 8px 10px;\n\n    font-size: 9px;\n  }\n\n\n  \/* HORIZONTAL MOBILE SELECTOR *\/\n\n  .fz-auto-nav-label {\n    display: none;\n  }\n\n\n  .fz-auto-nav {\n    display: flex;\n\n    width: calc(100vw - 16px);\n\n    margin-right: -16px;\n\n    padding-right: 16px;\n    padding-bottom: 3px;\n\n    gap: 8px;\n\n    overflow-x: auto;\n\n    scroll-snap-type: x proximity;\n\n    scrollbar-width: none;\n  }\n\n\n  .fz-auto-nav::-webkit-scrollbar {\n    display: none;\n  }\n\n\n  .fz-auto-item {\n    flex: 0 0 auto;\n\n    width: auto;\n\n    min-width: 62px;\n    min-height: 46px;\n\n    padding: 0 17px;\n\n    display: flex;\n\n    justify-content: center;\n    align-items: center;\n\n    gap: 0;\n\n    border: 1px solid var(--fz-line);\n\n    border-radius: 100px;\n\n    background: transparent;\n\n    scroll-snap-align: center;\n  }\n\n\n  .fz-auto-item:first-child {\n    border-top: 1px solid var(--fz-line);\n  }\n\n\n  .fz-auto-item.is-active {\n    padding-left: 17px;\n\n    background: var(--fz-navy);\n\n    border-color: var(--fz-navy);\n  }\n\n\n  .fz-auto-item.is-active::before {\n    display: none;\n  }\n\n\n  .fz-auto-item-title,\n  .fz-auto-arrow {\n    display: none;\n  }\n\n\n  .fz-auto-number {\n    color: var(--fz-navy);\n\n    font-size: 12px;\n  }\n\n\n  .fz-auto-item.is-active .fz-auto-number {\n    color: #ffffff;\n  }\n\n\n  .fz-auto-progress {\n    bottom: -1px;\n\n    height: 3px;\n\n    border-radius: 10px;\n  }\n\n\n  .fz-auto-details {\n    width: 100%;\n\n    min-height: 200px;\n\n    margin-top: 1px;\n  }\n\n\n  .fz-auto-category {\n    font-size: 10px;\n  }\n\n\n  .fz-auto-title {\n    font-size: 25px;\n  }\n\n\n  .fz-auto-text {\n    font-size: 14px;\n\n    line-height: 1.65;\n  }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-auto-image,\n  .fz-auto-panel,\n  .fz-auto-item,\n  .fz-auto-arrow {\n    transition: none !important;\n    animation: none !important;\n  }\n\n  .fz-auto-progress {\n    display: none;\n  }\n\n}\n<\/style>\n\n\n\n<div class=\"fz-auto-showcase\">\n\n\n  <div class=\"fz-auto-main\">\n\n\n    <!-- =================================================\n         LEFT IMAGE\n    ================================================== -->\n\n    <div class=\"fz-auto-visual\">\n\n\n      <div class=\"fz-auto-image-wrap\">\n\n\n        <!-- 01 -->\n        <img decoding=\"async\"\n          class=\"fz-auto-image is-active\"\n          data-fz-image=\"0\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260107_044428799_iOS-scaled.jpg\"\n          alt=\"Farizon urban delivery and logistics conversion\"\n          loading=\"lazy\">\n\n\n        <!-- 02 -->\n        <img decoding=\"async\"\n          class=\"fz-auto-image\"\n          data-fz-image=\"1\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_153906-scaled.jpg\"\n          alt=\"Farizon electric commercial truck\"\n          loading=\"lazy\">\n\n\n        <!-- 03 -->\n        <img decoding=\"async\"\n          class=\"fz-auto-image\"\n          data-fz-image=\"2\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_025107211_iOS-scaled.jpg\"\n          alt=\"Farizon passenger minibus\"\n          loading=\"lazy\">\n\n\n        <!-- 04 -->\n        <img decoding=\"async\"\n          class=\"fz-auto-image\"\n          data-fz-image=\"3\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.39-PM-2.jpg\"\n          alt=\"Farizon specialised ambulance conversion\"\n          loading=\"lazy\">\n\n\n        <div class=\"fz-auto-image-number\">\n\n          Business Solution\n\n          <span id=\"fz-active-number\">\n            01\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =================================================\n         RIGHT SIDE\n    ================================================== -->\n\n    <div class=\"fz-auto-right\">\n\n\n      <div class=\"fz-auto-nav-label\">\n        Explore Applications\n      <\/div>\n\n\n      <div class=\"fz-auto-nav\">\n\n\n        <!-- 01 -->\n\n        <button\n          class=\"fz-auto-item is-active\"\n          type=\"button\"\n          data-fz-target=\"0\">\n\n          <span class=\"fz-auto-number\">\n            01\n          <\/span>\n\n          <span class=\"fz-auto-item-title\">\n            Urban Delivery &amp; Logistics\n          <\/span>\n\n          <span class=\"fz-auto-arrow\">\n            \u2192\n          <\/span>\n\n          <span class=\"fz-auto-progress\"><\/span>\n\n        <\/button>\n\n\n\n        <!-- 02 -->\n\n        <button\n          class=\"fz-auto-item\"\n          type=\"button\"\n          data-fz-target=\"1\">\n\n          <span class=\"fz-auto-number\">\n            02\n          <\/span>\n\n          <span class=\"fz-auto-item-title\">\n            Commercial &amp; Heavy Transport\n          <\/span>\n\n          <span class=\"fz-auto-arrow\">\n            \u2192\n          <\/span>\n\n          <span class=\"fz-auto-progress\"><\/span>\n\n        <\/button>\n\n\n\n        <!-- 03 -->\n\n        <button\n          class=\"fz-auto-item\"\n          type=\"button\"\n          data-fz-target=\"2\">\n\n          <span class=\"fz-auto-number\">\n            03\n          <\/span>\n\n          <span class=\"fz-auto-item-title\">\n            Passenger &amp; Accessible Mobility\n          <\/span>\n\n          <span class=\"fz-auto-arrow\">\n            \u2192\n          <\/span>\n\n          <span class=\"fz-auto-progress\"><\/span>\n\n        <\/button>\n\n\n\n        <!-- 04 -->\n\n        <button\n          class=\"fz-auto-item\"\n          type=\"button\"\n          data-fz-target=\"3\">\n\n          <span class=\"fz-auto-number\">\n            04\n          <\/span>\n\n          <span class=\"fz-auto-item-title\">\n            Specialised Conversions\n          <\/span>\n\n          <span class=\"fz-auto-arrow\">\n            \u2192\n          <\/span>\n\n          <span class=\"fz-auto-progress\"><\/span>\n\n        <\/button>\n\n\n      <\/div>\n\n\n\n      <!-- =================================================\n           DETAILS\n      ================================================== -->\n\n      <div class=\"fz-auto-details\">\n\n\n        <!-- 01 -->\n\n        <div\n          class=\"fz-auto-panel is-active\"\n          data-fz-panel=\"0\">\n\n          <span class=\"fz-auto-category\">\n            Logistics\n          <\/span>\n\n          <h3 class=\"fz-auto-title\">\n            Urban Delivery &amp; Logistics\n          <\/h3>\n\n          <p class=\"fz-auto-text\">\n            Flexible electric commercial vehicles for delivery,\n            fleet operations, cargo movement and everyday\n            business transport.\n          <\/p>\n\n          <a\n            class=\"fz-auto-link\"\n            href=\"\/new\/super-van\/\">\n\n            Explore Solution\n            <span>\u2192<\/span>\n\n          <\/a>\n\n        <\/div>\n\n\n\n        <!-- 02 -->\n\n        <div\n          class=\"fz-auto-panel\"\n          data-fz-panel=\"1\">\n\n          <span class=\"fz-auto-category\">\n            Commercial Transport\n          <\/span>\n\n          <h3 class=\"fz-auto-title\">\n            Commercial &amp; Heavy Transport\n          <\/h3>\n\n          <p class=\"fz-auto-text\">\n            Electric trucks developed for cargo movement,\n            logistics, fleet operations and demanding\n            commercial transport applications.\n          <\/p>\n\n          <a\n            class=\"fz-auto-link\"\n            href=\"\/new\/h9e\/\">\n\n            Explore Solution\n            <span>\u2192<\/span>\n\n          <\/a>\n\n        <\/div>\n\n\n\n        <!-- 03 -->\n\n        <div\n          class=\"fz-auto-panel\"\n          data-fz-panel=\"2\">\n\n          <span class=\"fz-auto-category\">\n            Passenger Mobility\n          <\/span>\n\n          <h3 class=\"fz-auto-title\">\n            Passenger &amp; Accessible Mobility\n          <\/h3>\n\n          <p class=\"fz-auto-text\">\n            Flexible vehicle configurations for shuttle\n            services, minibuses, passenger transport and\n            accessible mobility applications.\n          <\/p>\n\n          <a\n            class=\"fz-auto-link\"\n            href=\"\/new\/super-van\/\">\n\n            Explore Solution\n            <span>\u2192<\/span>\n\n          <\/a>\n\n        <\/div>\n\n\n\n        <!-- 04 -->\n\n        <div\n          class=\"fz-auto-panel\"\n          data-fz-panel=\"3\">\n\n          <span class=\"fz-auto-category\">\n            Specialised Applications\n          <\/span>\n\n          <h3 class=\"fz-auto-title\">\n            Specialised Conversions\n          <\/h3>\n\n          <p class=\"fz-auto-text\">\n            Purpose-built solutions including ambulance,\n            refrigerated transport and other specialised\n            commercial applications.\n          <\/p>\n\n          <a\n            class=\"fz-auto-link\"\n            href=\"\/new\/super-van\/\">\n\n            Explore Solution\n            <span>\u2192<\/span>\n\n          <\/a>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/div>\n\n\n\n<script>\n(function () {\n\n  const showcase =\n    document.querySelector('.fz-auto-showcase');\n\n  if (!showcase) return;\n\n\n  const buttons =\n    Array.from(\n      showcase.querySelectorAll('.fz-auto-item')\n    );\n\n\n  const images =\n    Array.from(\n      showcase.querySelectorAll('.fz-auto-image')\n    );\n\n\n  const panels =\n    Array.from(\n      showcase.querySelectorAll('.fz-auto-panel')\n    );\n\n\n  const numberDisplay =\n    showcase.querySelector('#fz-active-number');\n\n\n  const visual =\n    showcase.querySelector('.fz-auto-visual');\n\n\n  const nav =\n    showcase.querySelector('.fz-auto-nav');\n\n\n  const INTERVAL = 4800;\n\n  let current = 0;\n\n  let timer = null;\n\n  let isVisible = true;\n\n  let isHovering = false;\n\n  let touchStartX = 0;\n\n  let touchEndX = 0;\n\n\n  \/* =========================================\n     SHOW SLIDE\n  ========================================== *\/\n\n  function showSlide(index, userInitiated) {\n\n    if (index < 0) {\n      index = buttons.length - 1;\n    }\n\n    if (index >= buttons.length) {\n      index = 0;\n    }\n\n\n    current = index;\n\n\n    buttons.forEach(function (button, i) {\n\n      button.classList.toggle(\n        'is-active',\n        i === current\n      );\n\n    });\n\n\n    images.forEach(function (image, i) {\n\n      image.classList.toggle(\n        'is-active',\n        i === current\n      );\n\n    });\n\n\n    panels.forEach(function (panel, i) {\n\n      panel.classList.toggle(\n        'is-active',\n        i === current\n      );\n\n    });\n\n\n    if (numberDisplay) {\n\n      numberDisplay.textContent =\n        String(current + 1).padStart(2, '0');\n\n    }\n\n\n    \/* Keep active mobile number visible *\/\n\n    const activeButton = buttons[current];\n\n    if (\n      activeButton &&\n      window.innerWidth <= 720\n    ) {\n\n      activeButton.scrollIntoView({\n        behavior:\n          userInitiated ? 'smooth' : 'auto',\n        block: 'nearest',\n        inline: 'center'\n      });\n\n    }\n\n\n    restartTimer();\n\n  }\n\n\n  \/* =========================================\n     AUTOPLAY\n  ========================================== *\/\n\n  function startTimer() {\n\n    clearTimeout(timer);\n\n\n    if (!isVisible) return;\n\n    if (document.hidden) return;\n\n    if (isHovering) return;\n\n\n    timer = setTimeout(function () {\n\n      showSlide(current + 1, false);\n\n    }, INTERVAL);\n\n  }\n\n\n  function restartTimer() {\n\n    clearTimeout(timer);\n\n    startTimer();\n\n  }\n\n\n  \/* =========================================\n     MANUAL BUTTON CLICK\n  ========================================== *\/\n\n  buttons.forEach(function (button, index) {\n\n    button.addEventListener(\n      'click',\n      function () {\n\n        showSlide(index, true);\n\n      }\n    );\n\n  });\n\n\n  \/* =========================================\n     DESKTOP HOVER PAUSE\n  ========================================== *\/\n\n  if (\n    window.matchMedia(\n      '(hover: hover) and (pointer: fine)'\n    ).matches\n  ) {\n\n    showcase.addEventListener(\n      'mouseenter',\n      function () {\n\n        isHovering = true;\n\n        clearTimeout(timer);\n\n      }\n    );\n\n\n    showcase.addEventListener(\n      'mouseleave',\n      function () {\n\n        isHovering = false;\n\n        restartTimer();\n\n      }\n    );\n\n  }\n\n\n  \/* =========================================\n     MOBILE SWIPE\n  ========================================== *\/\n\n  if (visual) {\n\n    visual.addEventListener(\n      'touchstart',\n      function (event) {\n\n        touchStartX =\n          event.changedTouches[0].screenX;\n\n      },\n      { passive: true }\n    );\n\n\n    visual.addEventListener(\n      'touchend',\n      function (event) {\n\n        touchEndX =\n          event.changedTouches[0].screenX;\n\n\n        const difference =\n          touchStartX - touchEndX;\n\n\n        if (Math.abs(difference) < 45) {\n          return;\n        }\n\n\n        if (difference > 0) {\n\n          showSlide(current + 1, true);\n\n        } else {\n\n          showSlide(current - 1, true);\n\n        }\n\n      },\n      { passive: true }\n    );\n\n  }\n\n\n  \/* =========================================\n     ONLY AUTOPLAY WHEN SECTION IS VISIBLE\n  ========================================== *\/\n\n  if ('IntersectionObserver' in window) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(function (entry) {\n\n            isVisible =\n              entry.isIntersecting;\n\n\n            if (isVisible) {\n\n              restartTimer();\n\n            } else {\n\n              clearTimeout(timer);\n\n            }\n\n          });\n\n        },\n        {\n          threshold: 0.25\n        }\n      );\n\n\n    observer.observe(showcase);\n\n  }\n\n\n  \/* =========================================\n     TAB VISIBILITY\n  ========================================== *\/\n\n  document.addEventListener(\n    'visibilitychange',\n    function () {\n\n      if (document.hidden) {\n\n        clearTimeout(timer);\n\n      } else {\n\n        restartTimer();\n\n      }\n\n    }\n  );\n\n\n  \/* =========================================\n     START\n  ========================================== *\/\n\n  const reduceMotion =\n    window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches;\n\n\n  if (!reduceMotion) {\n\n    startTimer();\n\n  }\n\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns 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%\"><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-palette-color-1-color has-text-color has-link-color has-small-font-size wp-elements-7 wp-block-paragraph\"><strong>THE ELECTRIC ADVANTAGE<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Why Electric Makes Business Sense<\/h2>\n\n\n\n<style>\n\/* =====================================================\n   FARIZON - THE ELECTRIC ADVANTAGE\n   CONTENT ONLY\n===================================================== *\/\n\n.fz-electric-advantage {\n  --fz-orange: #ff6433;\n  --fz-orange-hover: #e95428;\n  --fz-navy: #263648;\n  --fz-navy-soft: #34465b;\n  --fz-text: #5d6672;\n  --fz-line: #dfe3e8;\n  --fz-white: #ffffff;\n\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 42px auto 0;\n  padding: 0 24px;\n\n  background: transparent;\n\n  font-family: Inter, Arial, sans-serif;\n  box-sizing: border-box;\n}\n\n.fz-electric-advantage *,\n.fz-electric-advantage *::before,\n.fz-electric-advantage *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   LAYOUT\n===================================================== *\/\n\n.fz-electric-layout {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, .9fr)\n    minmax(0, 1.1fr);\n\n  gap: 72px;\n\n  align-items: center;\n}\n\n\n\/* =====================================================\n   LEFT CONTENT\n===================================================== *\/\n\n.fz-electric-copy {\n  min-width: 0;\n}\n\n\n.fz-electric-intro {\n  max-width: 560px;\n\n  margin: 0 0 30px;\n\n  color: var(--fz-text);\n\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n\n\/* =====================================================\n   BENEFIT LIST\n===================================================== *\/\n\n.fz-electric-benefits {\n  border-top: 1px solid var(--fz-line);\n}\n\n\n.fz-electric-benefit {\n  display: grid;\n\n  grid-template-columns: 50px 1fr;\n\n  gap: 18px;\n\n  align-items: start;\n\n  padding: 21px 0;\n\n  border-bottom: 1px solid var(--fz-line);\n}\n\n\n.fz-electric-icon {\n  width: 44px;\n  height: 44px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: rgba(255,100,51,.10);\n\n  color: var(--fz-orange);\n}\n\n\n.fz-electric-icon svg {\n  width: 21px;\n  height: 21px;\n\n  fill: none;\n\n  stroke: currentColor;\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n.fz-electric-benefit-title {\n  margin: 0 0 5px;\n\n  color: var(--fz-navy);\n\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n\n.fz-electric-benefit-text {\n  margin: 0;\n\n  color: var(--fz-text);\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.fz-electric-action {\n  margin-top: 30px;\n\n  display: flex;\n  flex-wrap: wrap;\n\n  gap: 12px;\n}\n\n\n.fz-electric-btn {\n  min-height: 48px;\n\n  padding: 0 22px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  border-radius: 5px;\n\n  background: var(--fz-orange);\n\n  color: #ffffff;\n\n  text-decoration: none;\n\n  font-size: 14px;\n  font-weight: 700;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n\n.fz-electric-btn:hover {\n  background: var(--fz-orange-hover);\n\n  color: #ffffff;\n\n  transform: translateY(-2px);\n}\n\n\n\/* =====================================================\n   IMAGE\n===================================================== *\/\n\n.fz-electric-visual {\n  position: relative;\n\n  min-width: 0;\n}\n\n\n.fz-electric-image-wrap {\n  position: relative;\n\n  width: 100%;\n  height: 560px;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  background: #e8eaed;\n\n  box-shadow:\n    0 18px 48px rgba(38,54,72,.12);\n}\n\n\n.fz-electric-image {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  transition: transform .6s ease;\n}\n\n\n.fz-electric-image-wrap:hover .fz-electric-image {\n  transform: scale(1.025);\n}\n\n\n\/* Orange corner accent *\/\n\n.fz-electric-visual::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 4;\n\n  top: -10px;\n  right: -10px;\n\n  width: 85px;\n  height: 85px;\n\n  border-top: 4px solid var(--fz-orange);\n  border-right: 4px solid var(--fz-orange);\n\n  border-radius: 0 18px 0 0;\n\n  pointer-events: none;\n}\n\n\n\/* Image label *\/\n\n.fz-electric-image-label {\n  position: absolute;\n\n  z-index: 5;\n\n  left: 20px;\n  bottom: 20px;\n\n  padding: 10px 15px;\n\n  border-radius: 5px;\n\n  background: rgba(38,54,72,.92);\n\n  backdrop-filter: blur(7px);\n\n  color: #ffffff;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: .7px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-electric-image-label span {\n  color: var(--fz-orange);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .fz-electric-layout {\n    gap: 42px;\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr);\n  }\n\n\n  .fz-electric-image-wrap {\n    height: 470px;\n  }\n\n\n  .fz-electric-intro {\n    font-size: 16px;\n  }\n\n\n  .fz-electric-benefit {\n    grid-template-columns: 44px 1fr;\n\n    gap: 14px;\n\n    padding: 17px 0;\n  }\n\n\n  .fz-electric-benefit-title {\n    font-size: 16px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 720px) {\n\n  .fz-electric-advantage {\n    margin-top: 30px;\n\n    padding: 0 16px;\n  }\n\n\n  .fz-electric-layout {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 38px;\n  }\n\n\n  .fz-electric-copy {\n    width: 100%;\n  }\n\n\n  .fz-electric-intro {\n    margin-bottom: 24px;\n\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n\n  .fz-electric-benefit {\n    grid-template-columns: 42px 1fr;\n\n    gap: 13px;\n\n    padding: 16px 0;\n  }\n\n\n  .fz-electric-icon {\n    width: 40px;\n    height: 40px;\n  }\n\n\n  .fz-electric-icon svg {\n    width: 19px;\n    height: 19px;\n  }\n\n\n  .fz-electric-benefit-title {\n    font-size: 16px;\n  }\n\n\n  .fz-electric-benefit-text {\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n\n  .fz-electric-action {\n    margin-top: 24px;\n  }\n\n\n  .fz-electric-btn {\n    width: 100%;\n\n    min-height: 50px;\n  }\n\n\n  .fz-electric-visual {\n    width: 100%;\n  }\n\n\n  .fz-electric-image-wrap {\n    height: 390px;\n\n    border-radius: 14px;\n\n    box-shadow:\n      0 10px 30px rgba(38,54,72,.10);\n  }\n\n\n  .fz-electric-visual::before {\n    top: -6px;\n    right: -6px;\n\n    width: 55px;\n    height: 55px;\n\n    border-width: 3px;\n  }\n\n\n  .fz-electric-image-label {\n    left: 14px;\n    bottom: 14px;\n\n    padding: 8px 11px;\n\n    font-size: 9px;\n  }\n\n}\n<\/style>\n\n\n<div class=\"fz-electric-advantage\">\n\n  <div class=\"fz-electric-layout\">\n\n\n    <!-- =====================================\n         LEFT SIDE\n    ====================================== -->\n\n    <div class=\"fz-electric-copy\">\n\n\n      <p class=\"fz-electric-intro\">\n        Moving to electric commercial vehicles can help businesses\n        reduce operating costs, simplify routine maintenance and\n        support cleaner fleet operations in Singapore.\n      <\/p>\n\n\n      <div class=\"fz-electric-benefits\">\n\n\n        <!-- 01 -->\n\n        <div class=\"fz-electric-benefit\">\n\n          <div class=\"fz-electric-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n\n              <path d=\"M4 7h16\"><\/path>\n              <path d=\"M6 11h12\"><\/path>\n              <path d=\"M8 15h8\"><\/path>\n              <path d=\"M10 19h4\"><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div>\n\n            <h3 class=\"fz-electric-benefit-title\">\n              Lower Operating Costs\n            <\/h3>\n\n            <p class=\"fz-electric-benefit-text\">\n              Electric drivetrains can help reduce energy costs\n              compared with conventional fuel-powered vehicles,\n              depending on usage and charging conditions.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- 02 -->\n\n        <div class=\"fz-electric-benefit\">\n\n          <div class=\"fz-electric-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n\n              <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n              <path d=\"M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21h-4v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H3v-4h.1a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.3 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3V3h4v.1a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9A1.7 1.7 0 0 0 21 10h.1v4H21a1.7 1.7 0 0 0-1.6 1z\"><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div>\n\n            <h3 class=\"fz-electric-benefit-title\">\n              Reduced Routine Maintenance\n            <\/h3>\n\n            <p class=\"fz-electric-benefit-text\">\n              Fewer drivetrain components can mean simpler\n              routine maintenance and less vehicle downtime.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- 03 -->\n\n        <div class=\"fz-electric-benefit\">\n\n          <div class=\"fz-electric-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n\n              <path d=\"M12 21c5-3 8-7 8-12-4.5 0-7-2-8-6-1 4-3.5 6-8 6 0 5 3 9 8 12z\"><\/path>\n              <path d=\"M9 13l2 2 4-5\"><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div>\n\n            <h3 class=\"fz-electric-benefit-title\">\n              Cleaner Fleet Operations\n            <\/h3>\n\n            <p class=\"fz-electric-benefit-text\">\n              Zero tailpipe emissions can support cleaner\n              and more sustainable commercial transport operations.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- 04 -->\n\n        <div class=\"fz-electric-benefit\">\n\n          <div class=\"fz-electric-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n\n              <path d=\"M3 12h4l3-4v8l3-4h4\"><\/path>\n              <path d=\"M18 9c1 1 1.5 2 1.5 3S19 14 18 15\"><\/path>\n              <path d=\"M20 7c2 1.5 3 3 3 5s-1 3.5-3 5\"><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div>\n\n            <h3 class=\"fz-electric-benefit-title\">\n              Quiet &amp; Smooth Performance\n            <\/h3>\n\n            <p class=\"fz-electric-benefit-text\">\n              Electric powertrains provide smooth acceleration\n              and quieter operation for everyday urban driving.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- CTA -->\n\n      <div class=\"fz-electric-action\">\n\n        <a\n          class=\"fz-electric-btn\"\n          href=\"#farizon-vehicles\">\n\n          Explore Farizon Vehicles\n          <span>\u2192<\/span>\n\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================\n         RIGHT SIDE IMAGE\n    ====================================== -->\n\n    <div class=\"fz-electric-visual\">\n\n\n      <div class=\"fz-electric-image-wrap\">\n\n        <img\n          class=\"fz-electric-image\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/Farizon-5FR-Interior-2-scaled.jpg\"\n          alt=\"Farizon SuperVan 5FR interior\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n\n        <div class=\"fz-electric-image-label\">\n\n          Inside Farizon\n\n          <span>SuperVan 5FR<\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide 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<div class=\"wp-block-uagb-container uagb-block-69f97f46 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\"><\/div><\/div>\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<div class=\"wp-block-uagb-container uagb-block-a55e692a alignfull uagb-is-root-container\">\n<div class=\"wp-block-uagb-container uagb-block-d62a9793\">\n<style>\n\/* =====================================================\n   FARIZON HOMEPAGE FINAL CONTACT\n   CORRECTED VERSION\n===================================================== *\/\n\n.fz-contact-section {\n  --fz-orange: #ff6433;\n  --fz-orange-dark: #e95428;\n  --fz-navy: #263648;\n  --fz-navy-deep: #1d2a38;\n  --fz-white: #ffffff;\n  --fz-light: #eef1f4;\n  --fz-muted: #bac3cc;\n\n  position: relative;\n\n  width: 100%;\n\n  overflow: visible;\n\n  padding: 90px 24px;\n\n  margin: 0 !important;\n\n  background:\n    radial-gradient(\n      circle at 10% 20%,\n      rgba(255,100,51,.10),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #263648 0%,\n      #1d2a38 100%\n    );\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n}\n\n\n.fz-contact-section *,\n.fz-contact-section *::before,\n.fz-contact-section *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   EXTEND NAVY BACKGROUND INTO THEME GAP\n===================================================== *\/\n\n.fz-contact-section::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  right: 0;\n\n  bottom: -30px;\n\n  height: 31px;\n\n  background: #1d2a38;\n\n  z-index: 0;\n\n  pointer-events: none;\n}\n\n\n.fz-contact-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 290px;\n  height: 290px;\n\n  right: -115px;\n  top: -125px;\n\n  border: 1px solid rgba(255,100,51,.13);\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n\n\/* =====================================================\n   INNER LAYOUT\n===================================================== *\/\n\n.fz-contact-inner {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,.72fr)\n    minmax(500px,1.28fr);\n\n  gap: 72px;\n\n  align-items: center;\n}\n\n\n\/* =====================================================\n   LEFT CONTENT\n===================================================== *\/\n\n.fz-contact-copy {\n  max-width: 490px;\n}\n\n\n.fz-contact-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 18px;\n\n  color: var(--fz-orange);\n\n  font-size: 12px;\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-contact-eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--fz-orange);\n}\n\n\n.fz-contact-heading {\n  margin: 0 0 20px;\n\n  color: #ffffff;\n\n  font-size: clamp(40px,4vw,56px);\n\n  font-weight: 700;\n\n  line-height: 1.08;\n\n  letter-spacing: -.7px;\n}\n\n\n.fz-contact-heading span {\n  color: var(--fz-orange);\n}\n\n\n.fz-contact-description {\n  max-width: 455px;\n\n  margin: 0 0 34px;\n\n  color: rgba(255,255,255,.74);\n\n  font-size: 16px;\n\n  line-height: 1.75;\n}\n\n\n\/* =====================================================\n   BENEFITS\n===================================================== *\/\n\n.fz-contact-points {\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 17px;\n\n  margin-bottom: 38px;\n}\n\n\n.fz-contact-point {\n  display: flex;\n\n  align-items: center;\n\n  gap: 13px;\n\n  color: rgba(255,255,255,.90);\n\n  font-size: 14px;\n  font-weight: 500;\n}\n\n\n.fz-contact-check {\n  flex: 0 0 auto;\n\n  width: 27px;\n  height: 27px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: rgba(255,100,51,.14);\n\n  color: var(--fz-orange);\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\n\/* =====================================================\n   CONTACT DETAILS\n===================================================== *\/\n\n.fz-contact-details {\n  padding-top: 28px;\n\n  border-top: 1px solid rgba(255,255,255,.12);\n}\n\n\n.fz-contact-details-title {\n  margin-bottom: 13px;\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-contact-detail {\n  margin: 5px 0;\n\n  color: var(--fz-muted);\n\n  font-size: 13px;\n\n  line-height: 1.6;\n}\n\n\n.fz-contact-detail a {\n  color: #ffffff;\n\n  text-decoration: none;\n}\n\n\n.fz-contact-detail a:hover {\n  color: var(--fz-orange);\n}\n\n\n\/* =====================================================\n   FORM PANEL\n===================================================== *\/\n\n.fz-pc-panel {\n  position: relative;\n\n  width: 100%;\n\n  padding: 18px;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 25px 65px rgba(0,0,0,.25),\n    0 6px 18px rgba(0,0,0,.10);\n}\n\n\n.fz-pc-panel::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 4;\n\n  top: 0;\n  left: 0;\n\n  width: 105px;\n  height: 4px;\n\n  background: var(--fz-orange);\n}\n\n\n\/* =====================================================\n   FORM HEADER\n===================================================== *\/\n\n.fz-pc-heading {\n  padding: 20px 20px 12px;\n}\n\n\n.fz-pc-label {\n  margin-bottom: 7px;\n\n  color: var(--fz-orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-pc-title {\n  margin: 0 0 7px;\n\n  color: var(--fz-navy);\n\n  font-size: 24px;\n  font-weight: 700;\n\n  line-height: 1.3;\n}\n\n\n.fz-pc-subtitle {\n  margin: 0;\n\n  color: #6a737d;\n\n  font-size: 13px;\n\n  line-height: 1.6;\n}\n\n\n\/* =====================================================\n   PEPPERCLOUD\n===================================================== *\/\n\n.fz-pc-frame-wrap {\n  position: relative;\n\n  width: 100%;\n\n  min-height: 750px;\n\n  overflow: hidden;\n\n  border-radius: 10px;\n\n  background: #ffffff;\n}\n\n\n#pc-iframe {\n  position: relative;\n\n  z-index: 2;\n\n  display: block;\n\n  width: 100%;\n  height: 750px;\n\n  margin: 0;\n\n  border: none;\n\n  background: #ffffff;\n}\n\n\n\/* =====================================================\n   LOADER\n===================================================== *\/\n\n.fz-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  justify-content: center;\n  align-items: center;\n\n  gap: 14px;\n\n  background: #ffffff;\n\n  color: #7c858f;\n\n  font-size: 13px;\n\n  transition: opacity .3s ease;\n}\n\n\n.fz-pc-loader.is-loaded {\n  opacity: 0;\n\n  pointer-events: none;\n}\n\n\n.fz-pc-spinner {\n  width: 30px;\n  height: 30px;\n\n  border: 3px solid #e6e9ed;\n  border-top-color: var(--fz-orange);\n\n  border-radius: 50%;\n\n  animation: fzPcSpin .8s linear infinite;\n}\n\n\n@keyframes fzPcSpin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\n\/* =====================================================\n   FORM FOOTER\n===================================================== *\/\n\n.fz-pc-footer {\n  padding: 0 20px 18px;\n\n  color: #8a929a;\n\n  font-size: 11px;\n\n  line-height: 1.55;\n}\n\n\n\/* =====================================================\n   HOMEPAGE FOOTER GAP FIX\n===================================================== *\/\n\nbody.home .entry-content,\nbody.home .site-main,\nbody.home #main,\nbody.home #main-container {\n  padding-bottom: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n\nbody.home .entry-content > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n\nbody.home footer,\nbody.home #footer,\nbody.home .site-footer,\nbody.home .ct-footer {\n  margin-top: 0 !important;\n  border-top: 0 !important;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1050px) {\n\n  .fz-contact-section {\n    padding: 75px 24px;\n  }\n\n\n  .fz-contact-inner {\n    grid-template-columns:\n      .75fr\n      1.25fr;\n\n    gap: 42px;\n  }\n\n\n  .fz-contact-heading {\n    font-size: 42px;\n  }\n\n\n  .fz-pc-panel {\n    padding: 14px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 760px) {\n\n  .fz-contact-section {\n    padding: 58px 16px 50px;\n  }\n\n\n  .fz-contact-section::before {\n    bottom: -25px;\n    height: 26px;\n  }\n\n\n  .fz-contact-inner {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 38px;\n  }\n\n\n  .fz-contact-copy {\n    width: 100%;\n    max-width: none;\n  }\n\n\n  .fz-contact-eyebrow {\n    margin-bottom: 14px;\n\n    font-size: 11px;\n  }\n\n\n  .fz-contact-heading {\n    margin-bottom: 17px;\n\n    font-size: 35px;\n\n    line-height: 1.1;\n  }\n\n\n  .fz-contact-description {\n    margin-bottom: 27px;\n\n    font-size: 15px;\n  }\n\n\n  .fz-contact-points {\n    margin-bottom: 28px;\n\n    gap: 14px;\n  }\n\n\n  .fz-contact-point {\n    font-size: 13px;\n  }\n\n\n  .fz-contact-details {\n    padding-top: 22px;\n  }\n\n\n  .fz-pc-panel {\n    width: 100%;\n\n    padding: 8px;\n\n    border-radius: 14px;\n\n    box-shadow:\n      0 15px 38px rgba(0,0,0,.20);\n  }\n\n\n  .fz-pc-heading {\n    padding: 18px 14px 10px;\n  }\n\n\n  .fz-pc-title {\n    font-size: 21px;\n  }\n\n\n  .fz-pc-subtitle {\n    font-size: 12px;\n  }\n\n\n  .fz-pc-frame-wrap {\n    min-height: 820px;\n\n    border-radius: 8px;\n  }\n\n\n  #pc-iframe {\n    height: 820px;\n  }\n\n\n  .fz-pc-footer {\n    padding: 4px 14px 14px;\n\n    font-size: 10px;\n  }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 380px) {\n\n  .fz-contact-heading {\n    font-size: 31px;\n  }\n\n\n  .fz-pc-panel {\n    padding: 5px;\n  }\n\n\n  #pc-iframe {\n    height: 850px;\n  }\n\n\n  .fz-pc-frame-wrap {\n    min-height: 850px;\n  }\n\n}\n<\/style>\n\n\n\n<section class=\"fz-contact-section\">\n\n  <div class=\"fz-contact-inner\">\n\n\n    <!-- LEFT -->\n\n    <div class=\"fz-contact-copy\">\n\n      <div class=\"fz-contact-eyebrow\">\n        Talk to Farizon Singapore\n      <\/div>\n\n\n      <h2 class=\"fz-contact-heading\">\n        Ready to Move Your\n        Business <span>Forward?<\/span>\n      <\/h2>\n\n\n      <p class=\"fz-contact-description\">\n        Tell us what your business needs and our team will help you\n        explore the right Farizon electric commercial vehicle,\n        configuration and application.\n      <\/p>\n\n\n      <div class=\"fz-contact-points\">\n\n        <div class=\"fz-contact-point\">\n          <span class=\"fz-contact-check\">\u2713<\/span>\n          Commercial vehicle consultation\n        <\/div>\n\n        <div class=\"fz-contact-point\">\n          <span class=\"fz-contact-check\">\u2713<\/span>\n          Test drive arrangement\n        <\/div>\n\n        <div class=\"fz-contact-point\">\n          <span class=\"fz-contact-check\">\u2713<\/span>\n          Fleet and conversion enquiries\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"fz-contact-details\">\n\n        <div class=\"fz-contact-details-title\">\n          Farizon Singapore\n        <\/div>\n\n        <div class=\"fz-contact-detail\">\n          10 Fourth Lok Yang Road, Singapore\n        <\/div>\n\n        <div class=\"fz-contact-detail\">\n          Tel:\n          <a href=\"tel:+6580308030\">\n            +65 8030 8030\n          <\/a>\n        <\/div>\n\n        <div class=\"fz-contact-detail\">\n          Email:\n          <a href=\"mailto:marketing@hongseh.sg\">\n            marketing@hongseh.sg\n          <\/a>\n        <\/div>\n\n        <div class=\"fz-contact-detail\">\n          Monday \u2013 Friday \u00b7 8:00 AM \u2013 6:00 PM\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- PEPPERCLOUD -->\n\n    <div class=\"fz-pc-panel\">\n\n      <div class=\"fz-pc-heading\">\n\n        <div class=\"fz-pc-label\">\n          Enquire Now\n        <\/div>\n\n        <h3 class=\"fz-pc-title\">\n          Find the Right Farizon for Your Business\n        <\/h3>\n\n        <p class=\"fz-pc-subtitle\">\n          Complete the form below and our team will get in touch with you.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"fz-pc-frame-wrap\">\n\n        <div\n          class=\"fz-pc-loader\"\n          id=\"fz-pc-loader\">\n\n          <div class=\"fz-pc-spinner\"><\/div>\n\n          Loading enquiry form...\n\n        <\/div>\n\n\n        <iframe\n          width=\"100%\"\n          height=\"750\"\n          referrerpolicy=\"unsafe-url\"\n          id=\"pc-iframe\"\n          title=\"Farizon Singapore Enquiry Form\"\n          src=\"https:\/\/app.peppercloud.com\/form\/4f15ac08-228d-46d1-8691-0d21e8ecd7df\/embed\">\n        <\/iframe>\n\n      <\/div>\n\n\n      <div class=\"fz-pc-footer\">\n        By submitting this enquiry, your information will be sent\n        securely to our sales team for follow-up.\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<script>\n(function () {\n\n  const pcIframe =\n    document.getElementById(\"pc-iframe\");\n\n  const loader =\n    document.getElementById(\"fz-pc-loader\");\n\n\n  if (!pcIframe) return;\n\n\n  pcIframe.addEventListener(\n    \"load\",\n    function () {\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      if (loader) {\n        loader.classList.add(\"is-loaded\");\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Electric Commercial Mobility Electric Commercial Vehicles Built for Singapore Businesses Explore Farizon electric vans and trucks for delivery, logistics, fleet and specialised commercial operations in Singapore. Explore Vehicles \u2192 \u2197 Book a Test Drive Our Vehicle Explore the Farizon Range. Electric vans and trucks designed around delivery, fleet operations and commercial transport needs in Singapore. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":57,"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-55","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"uagb_featured_image_src":{"full":["https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-11_57_17-AM.png",1916,821,false],"thumbnail":["https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-11_57_17-AM-150x150.png",150,150,true],"medium":["https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-11_57_17-AM-300x129.png",300,129,true],"medium_large":["https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-11_57_17-AM-768x329.png",768,329,true],"large":["https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-11_57_17-AM-1024x439.png",1024,439,true],"1536x1536":["https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-11_57_17-AM-1536x658.png",1536,658,true],"2048x2048":["https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-21-2026-11_57_17-AM.png",1916,821,false]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/farizon.com.sg\/author\/admin"},"uagb_comment_info":0,"uagb_excerpt":"Electric Commercial Mobility Electric Commercial Vehicles Built for Singapore Businesses Explore Farizon electric vans and trucks for delivery, logistics, fleet and specialised commercial operations in Singapore. Explore Vehicles \u2192 \u2197 Book a Test Drive Our Vehicle Explore the Farizon Range. Electric vans and trucks designed around delivery, fleet operations and commercial transport needs in Singapore.&hellip;","_links":{"self":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/55","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=55"}],"version-history":[{"count":129,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":579,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions\/579"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/media\/57"}],"wp:attachment":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}