{"id":537,"date":"2026-10-01T08:36:26","date_gmt":"2026-10-01T08:36:26","guid":{"rendered":"https:\/\/farizon.com.sg\/new\/?page_id=537"},"modified":"2026-10-06T09:56:50","modified_gmt":"2026-10-06T09:56:50","slug":"5fr-cargo","status":"publish","type":"page","link":"https:\/\/farizon.com.sg\/?page_id=537","title":{"rendered":"5FR Cargo"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR CARGO\n   SECTION 01 \u2014 PREMIUM PRODUCT HERO V2\n========================================================= *\/\n\n.sv5fr-hero2,\n.sv5fr-hero2 *,\n.sv5fr-hero2 *::before,\n.sv5fr-hero2 *::after {\n  box-sizing: border-box;\n}\n\n.sv5fr-hero2 {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #192b3b;\n  --text: #5d6672;\n  --muted: #8b949e;\n  --line: #e4e8ec;\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  overflow: hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f7f8fa 0%,\n      #eef2f5 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   AMBIENT BACKGROUND\n========================================================= *\/\n\n.sv5fr-hero2::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 480px;\n  height: 480px;\n\n  top: -250px;\n  left: -180px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.10),\n      transparent 70%\n    );\n\n  pointer-events: none;\n}\n\n\n.sv5fr-hero2::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 520px;\n  height: 520px;\n\n  right: -300px;\n  bottom: -320px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(38,54,72,.08),\n      transparent 70%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv5fr-hero2__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n\n  padding:\n    58px\n    24px\n    28px;\n}\n\n\n\/* =========================================================\n   MAIN HERO GRID\n========================================================= *\/\n\n.sv5fr-hero2__main {\n  display: grid;\n\n  grid-template-columns:\n    minmax(420px,.88fr)\n    minmax(0,1.12fr);\n\n  gap: 48px;\n\n  align-items: center;\n}\n\n\n\/* =========================================================\n   LEFT COPY\n========================================================= *\/\n\n.sv5fr-hero2__copy {\n  position: relative;\n  z-index: 3;\n}\n\n\n\/* eyebrow *\/\n\n.sv5fr-hero2__eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 14px;\n\n  color:\n    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.sv5fr-hero2__eyebrow::before {\n  content: \"\";\n\n  width: 34px;\n  height: 2px;\n\n  background:\n    var(--orange);\n}\n\n\n\/* =========================================================\n   H1\n========================================================= *\/\n\n.sv5fr-hero2 h1 {\n  max-width: 610px;\n\n  margin:\n    0\n    0\n    18px;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      40px,\n      4.15vw,\n      56px\n    );\n\n  line-height: 1.02;\n\n  letter-spacing: -1.35px;\n\n  font-weight: 750;\n\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n\n.sv5fr-hero2 h1 .model {\n  display: block;\n\n  color:\n    var(--navy);\n}\n\n\n.sv5fr-hero2 h1 .category {\n  display: block;\n\n  margin-top: 5px;\n\n  color:\n    var(--orange);\n}\n\n\n\/* =========================================================\n   LEAD\n========================================================= *\/\n\n.sv5fr-hero2__lead {\n  max-width: 570px;\n\n  margin:\n    0\n    0\n    21px;\n\n  color:\n    var(--text);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   BUSINESS TAGS\n========================================================= *\/\n\n.sv5fr-hero2__uses {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 7px;\n\n  margin-bottom: 25px;\n}\n\n\n.sv5fr-hero2__use {\n  padding:\n    8px\n    11px;\n\n  border:\n    1px solid\n    #dde2e6;\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.68);\n\n  color:\n    #65717d;\n\n  font-size: 8px;\n  font-weight: 650;\n\n  white-space: nowrap;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.sv5fr-hero2__actions {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 10px;\n\n  margin-bottom: 27px;\n}\n\n\n.sv5fr-hero2__btn {\n  min-height: 47px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  padding:\n    0\n    18px;\n\n  border:\n    1px solid\n    transparent;\n\n  text-decoration:\n    none !important;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n\n.sv5fr-hero2__btn:hover {\n  transform:\n    translateY(-2px);\n}\n\n\n.sv5fr-hero2__btn--primary {\n  background:\n    var(--orange);\n\n  color:\n    #ffffff !important;\n}\n\n\n.sv5fr-hero2__btn--primary:hover {\n  background:\n    var(--orange-dark);\n}\n\n\n.sv5fr-hero2__btn--secondary {\n  border-color:\n    #ccd3d9;\n\n  background:\n    transparent;\n\n  color:\n    var(--navy) !important;\n}\n\n\n.sv5fr-hero2__btn--secondary:hover {\n  border-color:\n    var(--navy);\n\n  background:\n    rgba(38,54,72,.035);\n}\n\n\n\/* =========================================================\n   LOADING ACCESS NOTE\n========================================================= *\/\n\n.sv5fr-hero2__access {\n  display: grid;\n\n  grid-template-columns:\n    44px\n    minmax(0,1fr);\n\n  gap: 13px;\n\n  align-items: center;\n\n  max-width: 540px;\n\n  padding-top: 19px;\n\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n.sv5fr-hero2__access-mark {\n  width: 40px;\n  height: 40px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  color:\n    var(--orange);\n\n  border:\n    1px solid\n    rgba(255,100,51,.18);\n\n  font-size: 9px;\n  font-weight: 800;\n\n  animation:\n    sv5frAccessPulse\n    3.4s\n    ease-in-out\n    infinite;\n}\n\n\n.sv5fr-hero2__access-copy span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color:\n    var(--muted);\n\n  font-size: 7px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n\n.sv5fr-hero2__access-copy strong {\n  display: block;\n\n  color:\n    var(--navy);\n\n  font-size: 11px;\n  font-weight: 650;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL STAGE\n========================================================= *\/\n\n.sv5fr-hero2__visual {\n  position: relative;\n\n  min-height: 520px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    #dfe4e8;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #e9eef2 100%\n    );\n\n  box-shadow:\n    0 22px 48px\n    rgba(38,54,72,.09);\n}\n\n\n\/* grid behind vehicle *\/\n\n.sv5fr-hero2__visual-grid {\n  position: absolute;\n\n  inset: 0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    44px\n    44px;\n\n  opacity: .7;\n\n  mask-image:\n    radial-gradient(\n      circle at 55% 50%,\n      #000 18%,\n      transparent 82%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* orange glow *\/\n\n.sv5fr-hero2__visual-glow {\n  position: absolute;\n\n  width: 420px;\n  height: 420px;\n\n  right: -170px;\n  top: -140px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.11),\n      transparent 70%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* image frame *\/\n\n.sv5fr-hero2__image-wrap {\n  position: relative;\n\n  z-index: 3;\n\n  width:\n    calc(100% - 54px);\n\n  height:\n    390px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  background:\n    rgba(255,255,255,.48);\n}\n\n\n\/* IMPORTANT: no crop *\/\n\n.sv5fr-hero2__image-wrap img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n\n  object-position:\n    center center;\n\n  transition:\n    transform .65s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.sv5fr-hero2__visual:hover\n.sv5fr-hero2__image-wrap img {\n  transform:\n    scale(1.018);\n}\n\n\n\/* =========================================================\n   PRODUCT BADGE\n========================================================= *\/\n\n.sv5fr-hero2__badge {\n  position: absolute;\n\n  z-index: 6;\n\n  top: 20px;\n  left: 20px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    var(--navy);\n\n  color:\n    #ffffff;\n\n  box-shadow:\n    0 12px 25px\n    rgba(38,54,72,.13);\n}\n\n\n.sv5fr-hero2__badge span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color:\n    var(--orange);\n\n  font-size: 6px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n\n.sv5fr-hero2__badge strong {\n  display: block;\n\n  color:\n    #ffffff;\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   VISUAL FOOTER\n========================================================= *\/\n\n.sv5fr-hero2__visual-footer {\n  position: absolute;\n\n  z-index: 5;\n\n  left: 20px;\n  right: 20px;\n  bottom: 17px;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 18px;\n}\n\n\n.sv5fr-hero2__visual-footer span {\n  color:\n    #8a949e;\n\n  font-size: 7px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n\n.sv5fr-hero2__visual-footer strong {\n  color:\n    var(--navy);\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   SPEC STRIP\n========================================================= *\/\n\n.sv5fr-hero2__specs {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  margin-top: 26px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 13px 30px\n    rgba(38,54,72,.055);\n}\n\n\n.sv5fr-hero2__spec {\n  position: relative;\n\n  padding:\n    19px\n    22px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  transition:\n    background .25s ease;\n}\n\n\n.sv5fr-hero2__spec:last-child {\n  border-right: 0;\n}\n\n\n.sv5fr-hero2__spec:hover {\n  background:\n    #fafbfc;\n}\n\n\n.sv5fr-hero2__spec::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  width: 0;\n  height: 3px;\n\n  background:\n    var(--orange);\n\n  transition:\n    width .35s ease;\n}\n\n\n.sv5fr-hero2__spec:hover::before {\n  width: 100%;\n}\n\n\n.sv5fr-hero2__spec span {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color:\n    var(--muted);\n\n  font-size: 7px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n\n.sv5fr-hero2__spec strong {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color:\n    var(--navy);\n\n  font-size: 21px;\n  font-weight: 700;\n\n  line-height: 1.1;\n}\n\n\n.sv5fr-hero2__spec small {\n  display: block;\n\n  color:\n    var(--text);\n\n  font-size: 8px;\n\n  line-height: 1.45;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.sv5fr-hero2__note {\n  margin:\n    9px\n    2px\n    0;\n\n  color:\n    #99a1a9;\n\n  font-size: 7px;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes sv5frAccessPulse {\n\n  0%,\n  100% {\n    box-shadow:\n      0 0 0 0\n      rgba(255,100,51,.00);\n  }\n\n  50% {\n    box-shadow:\n      0 0 0 7px\n      rgba(255,100,51,.07);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .sv5fr-hero2__main {\n    grid-template-columns:\n      minmax(390px,.90fr)\n      minmax(0,1.10fr);\n\n    gap: 32px;\n  }\n\n\n  .sv5fr-hero2__visual {\n    min-height: 480px;\n  }\n\n\n  .sv5fr-hero2__image-wrap {\n    width:\n      calc(100% - 36px);\n\n    height:\n      355px;\n  }\n\n\n  .sv5fr-hero2 h1 {\n    font-size:\n      44px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .sv5fr-hero2__inner {\n    padding:\n      43px\n      16px\n      25px;\n  }\n\n\n  .sv5fr-hero2__main {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 28px;\n\n    align-items: stretch;\n  }\n\n\n  \/* COPY *\/\n\n  .sv5fr-hero2__eyebrow {\n    margin-bottom: 10px;\n\n    font-size: 8px;\n  }\n\n\n  .sv5fr-hero2 h1 {\n    max-width: 360px;\n\n    margin-bottom: 14px;\n\n    font-size: 34px;\n\n    line-height: 1.04;\n\n    letter-spacing: -.7px;\n  }\n\n\n  .sv5fr-hero2 h1 .category {\n    margin-top: 4px;\n  }\n\n\n  .sv5fr-hero2__lead {\n    max-width: 365px;\n\n    margin-bottom: 18px;\n\n    font-size: 12px;\n\n    line-height: 1.65;\n  }\n\n\n  .sv5fr-hero2__uses {\n    margin-bottom: 19px;\n  }\n\n\n  .sv5fr-hero2__use {\n    padding:\n      7px\n      9px;\n\n    font-size: 7px;\n  }\n\n\n  .sv5fr-hero2__actions {\n    display: grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    margin-bottom: 22px;\n  }\n\n\n  .sv5fr-hero2__btn {\n    min-height: 44px;\n\n    padding:\n      0\n      9px;\n\n    font-size: 8px;\n  }\n\n\n  .sv5fr-hero2__access {\n    padding-top: 16px;\n  }\n\n\n  .sv5fr-hero2__access-mark {\n    width: 36px;\n    height: 36px;\n  }\n\n\n  .sv5fr-hero2__access-copy strong {\n    font-size: 9px;\n  }\n\n\n  \/* VISUAL *\/\n\n  .sv5fr-hero2__visual {\n    min-height: 365px;\n  }\n\n\n  .sv5fr-hero2__image-wrap {\n    width:\n      calc(100% - 24px);\n\n    height: 275px;\n  }\n\n\n  .sv5fr-hero2__badge {\n    top: 12px;\n    left: 12px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv5fr-hero2__badge strong {\n    font-size: 9px;\n  }\n\n\n  .sv5fr-hero2__visual-footer {\n    left: 12px;\n    right: 12px;\n    bottom: 11px;\n  }\n\n\n  .sv5fr-hero2__visual-footer strong {\n    font-size: 8px;\n  }\n\n\n  \/* SPECS *\/\n\n  .sv5fr-hero2__specs {\n    grid-template-columns:\n      repeat(2,1fr);\n\n    margin-top: 17px;\n  }\n\n\n  .sv5fr-hero2__spec {\n    padding:\n      15px\n      14px;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv5fr-hero2__spec:nth-child(2) {\n    border-right: 0;\n  }\n\n\n  .sv5fr-hero2__spec:nth-child(3),\n  .sv5fr-hero2__spec:nth-child(4) {\n    border-bottom: 0;\n  }\n\n\n  .sv5fr-hero2__spec strong {\n    font-size: 18px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .sv5fr-hero2 h1 {\n    font-size: 31px;\n  }\n\n\n  .sv5fr-hero2__actions {\n    grid-template-columns: 1fr;\n  }\n\n\n  .sv5fr-hero2__visual {\n    min-height: 340px;\n  }\n\n\n  .sv5fr-hero2__image-wrap {\n    height: 250px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sv5fr-hero2 *,\n  .sv5fr-hero2 *::before,\n  .sv5fr-hero2 *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv5fr-hero2\"\n  id=\"sv5fr-cargo\">\n\n\n  <div class=\"sv5fr-hero2__inner\">\n\n\n    <!-- =====================================================\n         MAIN HERO\n    ====================================================== -->\n\n    <div class=\"sv5fr-hero2__main\">\n\n\n      <!-- ===================================================\n           LEFT\n      ==================================================== -->\n\n      <div class=\"sv5fr-hero2__copy\">\n\n\n        <div class=\"sv5fr-hero2__eyebrow\">\n          Farizon SuperVan 5FR Cargo\n        <\/div>\n\n\n        <h1>\n\n          <span class=\"model\">\n            Farizon SuperVan 5FR\n          <\/span>\n\n          <span class=\"category\">\n            Electric Cargo Van Singapore\n          <\/span>\n\n        <\/h1>\n\n\n        <p class=\"sv5fr-hero2__lead\">\n          Built for last-mile delivery, service runs and urban\n          logistics, the Farizon SuperVan 5FR Cargo Van offers\n          6.95m\u00b3 of cargo space in a compact 4.99m body designed\n          around practical commercial work.\n        <\/p>\n\n\n\n        <!-- USE CASES -->\n\n        <div class=\"sv5fr-hero2__uses\">\n\n          <span class=\"sv5fr-hero2__use\">\n            Last-Mile Delivery\n          <\/span>\n\n          <span class=\"sv5fr-hero2__use\">\n            Urban Logistics\n          <\/span>\n\n          <span class=\"sv5fr-hero2__use\">\n            Service Fleets\n          <\/span>\n\n          <span class=\"sv5fr-hero2__use\">\n            Commercial Delivery\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- CTA -->\n\n        <div class=\"sv5fr-hero2__actions\">\n\n\n          <a\n            class=\"sv5fr-hero2__btn sv5fr-hero2__btn--primary\"\n            href=\"#sv5fr-cargo-space\">\n\n            Explore Cargo Space\n\n            <span>\n              \u2193\n            <\/span>\n\n          <\/a>\n\n\n          <a\n            class=\"sv5fr-hero2__btn sv5fr-hero2__btn--secondary\"\n            href=\"#sv5fr-enquiry\">\n\n            Enquire About 5FR\n\n            <span>\n              \u2192\n            <\/span>\n\n          <\/a>\n\n\n        <\/div>\n\n\n\n        <!-- ACCESS -->\n\n        <div class=\"sv5fr-hero2__access\">\n\n\n          <div class=\"sv5fr-hero2__access-mark\">\n            270\u00b0\n          <\/div>\n\n\n          <div class=\"sv5fr-hero2__access-copy\">\n\n            <span>\n              Cargo Access\n            <\/span>\n\n            <strong>\n              B-pillarless design and 270\u00b0 rear barn doors\n              support easier loading and unloading.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           RIGHT VISUAL\n      ==================================================== -->\n\n      <div class=\"sv5fr-hero2__visual\">\n\n\n        <div class=\"sv5fr-hero2__visual-grid\"><\/div>\n\n\n        <div class=\"sv5fr-hero2__visual-glow\"><\/div>\n\n\n\n        <div class=\"sv5fr-hero2__badge\">\n\n          <span>\n            Electric Commercial Van\n          <\/span>\n\n          <strong>\n            SuperVan 5FR Cargo\n          <\/strong>\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-hero2__image-wrap\">\n\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Farizon-5FR-Set-2-8-scaled.jpg\"\n            alt=\"Farizon SuperVan 5FR electric cargo van Singapore\"\n            fetchpriority=\"high\"\n            decoding=\"async\">\n\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-hero2__visual-footer\">\n\n          <span>\n            Commercial Cargo Platform\n          <\/span>\n\n          <strong>\n            Built for Urban Business\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         KEY SPECS\n    ====================================================== -->\n\n    <div class=\"sv5fr-hero2__specs\">\n\n\n      <div class=\"sv5fr-hero2__spec\">\n\n        <span>\n          Cargo Volume\n        <\/span>\n\n        <strong>\n          6.95m\u00b3\n        <\/strong>\n\n        <small>\n          Dedicated cargo space\n        <\/small>\n\n      <\/div>\n\n\n\n      <div class=\"sv5fr-hero2__spec\">\n\n        <span>\n          Payload\n        <\/span>\n\n        <strong>\n          Up to 1,500kg\n        <\/strong>\n\n        <small>\n          Commercial carrying capacity\n        <\/small>\n\n      <\/div>\n\n\n\n      <div class=\"sv5fr-hero2__spec\">\n\n        <span>\n          WLTP Range\n        <\/span>\n\n        <strong>\n          Up to 376km\n        <\/strong>\n\n        <small>\n          Electric driving range\n        <\/small>\n\n      <\/div>\n\n\n\n      <div class=\"sv5fr-hero2__spec\">\n\n        <span>\n          Body Length\n        <\/span>\n\n        <strong>\n          4.99m\n        <\/strong>\n\n        <small>\n          Compact urban footprint\n        <\/small>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"sv5fr-hero2__note\">\n      *Maximum figures may vary according to battery and vehicle configuration.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR CARGO\n   SECTION 02 \u2014 CARGO SPACE & LOADING ACCESS\n========================================================= *\/\n\n.sv5fr-cargo2,\n.sv5fr-cargo2 *,\n.sv5fr-cargo2 *::before,\n.sv5fr-cargo2 *::after {\n  box-sizing: border-box;\n}\n\n.sv5fr-cargo2 {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#1b2c3b;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e2e7eb;\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    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    #ffffff;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  scroll-margin-top:90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND DETAIL\n========================================================= *\/\n\n.sv5fr-cargo2::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:440px;\n  height:440px;\n\n  right:-230px;\n  top:-240px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.07),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv5fr-cargo2__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.sv5fr-cargo2__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(300px,.64fr);\n\n  gap:52px;\n\n  align-items:end;\n\n  margin-bottom:28px;\n}\n\n\n.sv5fr-cargo2__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.sv5fr-cargo2__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:\n    var(--orange);\n}\n\n\n.sv5fr-cargo2 h2 {\n  max-width:720px;\n\n  margin:0;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-cargo2 h2 span {\n  display:block;\n\n  color:\n    var(--orange);\n}\n\n\n.sv5fr-cargo2__intro {\n  max-width:460px;\n\n  margin:0;\n\n  color:\n    var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   MAIN STORY STAGE\n========================================================= *\/\n\n.sv5fr-cargo2__stage {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.34fr)\n    minmax(330px,.66fr);\n\n  min-height:585px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    var(--soft);\n\n  box-shadow:\n    0 22px 52px\n    rgba(38,54,72,.07);\n}\n\n\n\/* =========================================================\n   MEDIA SIDE\n========================================================= *\/\n\n.sv5fr-cargo2__media {\n  position:relative;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  background:\n    #dfe4e8;\n}\n\n\n\/* =========================================================\n   SLIDES\n========================================================= *\/\n\n.sv5fr-cargo2__slide {\n  position:absolute;\n\n  inset:0;\n\n  opacity:0;\n\n  transform:\n    scale(1.035);\n\n  transition:\n    opacity .65s ease,\n    transform 1.1s\n    cubic-bezier(.2,.7,.3,1);\n\n  pointer-events:none;\n}\n\n\n.sv5fr-cargo2__slide.is-active {\n  opacity:1;\n\n  transform:\n    scale(1);\n\n  pointer-events:auto;\n}\n\n\n.sv5fr-cargo2__slide img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center;\n\n  filter:\n    saturate(.96)\n    contrast(1.01);\n}\n\n\n\/* image overlay *\/\n\n.sv5fr-cargo2__media::after {\n  content:\"\";\n\n  position:absolute;\n\n  z-index:2;\n\n  inset:0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(13,25,36,.03) 0%,\n      transparent 55%,\n      rgba(13,25,36,.32) 100%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   FLOATING LABEL\n========================================================= *\/\n\n.sv5fr-cargo2__media-label {\n  position:absolute;\n\n  z-index:6;\n\n  top:22px;\n  left:22px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    rgba(38,54,72,.92);\n\n  color:\n    #ffffff;\n\n  box-shadow:\n    0 12px 26px\n    rgba(28,43,56,.15);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv5fr-cargo2__media-label span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-cargo2__media-label strong {\n  display:block;\n\n  color:#fff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   BIG CARGO NUMBER\n========================================================= *\/\n\n.sv5fr-cargo2__volume {\n  position:absolute;\n\n  z-index:7;\n\n  left:24px;\n  bottom:28px;\n\n  min-width:190px;\n\n  padding:\n    16px\n    18px;\n\n  background:\n    rgba(255,255,255,.92);\n\n  border:\n    1px solid\n    rgba(255,255,255,.35);\n\n  box-shadow:\n    0 14px 30px\n    rgba(24,39,52,.14);\n\n  backdrop-filter:\n    blur(10px);\n\n  -webkit-backdrop-filter:\n    blur(10px);\n}\n\n\n.sv5fr-cargo2__volume span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    #8c969f;\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-cargo2__volume strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--navy);\n\n  font-size:30px;\n  font-weight:750;\n\n  line-height:1;\n}\n\n\n.sv5fr-cargo2__volume small {\n  color:\n    var(--text);\n\n  font-size:8px;\n}\n\n\n\/* =========================================================\n   NAVIGATION\n========================================================= *\/\n\n.sv5fr-cargo2__nav {\n  position:absolute;\n\n  z-index:8;\n\n  right:22px;\n  bottom:28px;\n\n  display:flex;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.28);\n\n  background:\n    rgba(38,54,72,.90);\n\n  box-shadow:\n    0 13px 28px\n    rgba(22,36,49,.16);\n\n  backdrop-filter:\n    blur(9px);\n\n  -webkit-backdrop-filter:\n    blur(9px);\n}\n\n\n.sv5fr-cargo2__nav-btn {\n  position:relative;\n\n  min-width:128px;\n  min-height:52px;\n\n  padding:\n    9px\n    14px;\n\n  border:0;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    transparent;\n\n  color:\n    rgba(255,255,255,.55);\n\n  font-family:inherit;\n\n  text-align:left;\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.sv5fr-cargo2__nav-btn:last-child {\n  border-right:0;\n}\n\n\n.sv5fr-cargo2__nav-btn.is-active {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.05);\n}\n\n\n.sv5fr-cargo2__nav-btn span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n}\n\n\n.sv5fr-cargo2__nav-btn strong {\n  font-size:9px;\n\n  font-weight:700;\n}\n\n\n\/* progress *\/\n\n.sv5fr-cargo2__progress {\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:\n    var(--orange);\n}\n\n\n.sv5fr-cargo2__nav-btn.is-active\n.sv5fr-cargo2__progress {\n  animation:\n    sv5frCargoProgress\n    4.8s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   CONTENT PANEL\n========================================================= *\/\n\n.sv5fr-cargo2__panel {\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    40px\n    34px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #1b2d3e 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* mode *\/\n\n.sv5fr-cargo2__mode {\n  margin-bottom:10px;\n\n  color:\n    var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-cargo2__content {\n  min-height:230px;\n}\n\n\n.sv5fr-cargo2__content.is-changing {\n  animation:\n    sv5frCargoText\n    .35s\n    ease\n    both;\n}\n\n\n.sv5fr-cargo2__content h3 {\n  max-width:400px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      28px,\n      3vw,\n      36px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.7px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-cargo2__content p {\n  max-width:410px;\n\n  margin:\n    0\n    0\n    21px;\n\n  color:\n    rgba(255,255,255,.64);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   FEATURE LIST\n========================================================= *\/\n\n.sv5fr-cargo2__features {\n  display:grid;\n\n  gap:10px;\n}\n\n\n.sv5fr-cargo2__feature {\n  display:grid;\n\n  grid-template-columns:\n    31px\n    minmax(0,1fr);\n\n  gap:10px;\n\n  align-items:start;\n\n  padding-top:10px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.09);\n}\n\n\n.sv5fr-cargo2__feature-num {\n  color:\n    var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv5fr-cargo2__feature strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.sv5fr-cargo2__feature span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.47);\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   PANEL FOOT\n========================================================= *\/\n\n.sv5fr-cargo2__panel-foot {\n  display:grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  margin-top:25px;\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.sv5fr-cargo2__panel-stat {\n  padding:\n    15px\n    0;\n}\n\n\n.sv5fr-cargo2__panel-stat:first-child {\n  padding-right:15px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-cargo2__panel-stat:last-child {\n  padding-left:15px;\n}\n\n\n.sv5fr-cargo2__panel-stat span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-cargo2__panel-stat strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:16px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   BOTTOM COMMERCIAL STRIP\n========================================================= *\/\n\n.sv5fr-cargo2__strip {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-top:24px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #ffffff;\n}\n\n\n.sv5fr-cargo2__strip-item {\n  padding:\n    18px\n    21px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.sv5fr-cargo2__strip-item:last-child {\n  border-right:0;\n}\n\n\n.sv5fr-cargo2__strip-item span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    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.sv5fr-cargo2__strip-item strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    var(--navy);\n\n  font-size:13px;\n  font-weight:700;\n}\n\n\n.sv5fr-cargo2__strip-item p {\n  margin:0;\n\n  color:\n    var(--text);\n\n  font-size:9px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes sv5frCargoProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv5frCargoText {\n\n  from {\n    opacity:.25;\n\n    transform:\n      translateY(7px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv5fr-cargo2__stage {\n    grid-template-columns:\n      minmax(0,1.2fr)\n      minmax(310px,.8fr);\n  }\n\n\n  .sv5fr-cargo2__panel {\n    padding:\n      34px\n      27px;\n  }\n\n\n  .sv5fr-cargo2__nav-btn {\n    min-width:112px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv5fr-cargo2 {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv5fr-cargo2__header {\n    display:block;\n\n    margin-bottom:22px;\n  }\n\n\n  .sv5fr-cargo2__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv5fr-cargo2 h2 {\n    max-width:350px;\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  .sv5fr-cargo2__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STAGE *\/\n\n  .sv5fr-cargo2__stage {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  .sv5fr-cargo2__media {\n    height:430px;\n  }\n\n\n  .sv5fr-cargo2__media-label {\n    top:13px;\n    left:13px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  .sv5fr-cargo2__volume {\n    left:13px;\n    bottom:74px;\n\n    min-width:150px;\n\n    padding:\n      12px\n      13px;\n  }\n\n\n  .sv5fr-cargo2__volume strong {\n    font-size:24px;\n  }\n\n\n  \/* NAV *\/\n\n  .sv5fr-cargo2__nav {\n    left:13px;\n    right:13px;\n    bottom:13px;\n  }\n\n\n  .sv5fr-cargo2__nav-btn {\n    flex:1;\n\n    min-width:0;\n\n    min-height:48px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv5fr-cargo2__nav-btn strong {\n    font-size:8px;\n  }\n\n\n  \/* PANEL *\/\n\n  .sv5fr-cargo2__panel {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv5fr-cargo2__content {\n    min-height:210px;\n  }\n\n\n  .sv5fr-cargo2__content h3 {\n    font-size:27px;\n  }\n\n\n  .sv5fr-cargo2__content p {\n    font-size:10px;\n  }\n\n\n  .sv5fr-cargo2__panel-stat strong {\n    font-size:14px;\n  }\n\n\n  \/* BOTTOM STRIP *\/\n\n  .sv5fr-cargo2__strip {\n    display:block;\n\n    margin-top:17px;\n  }\n\n\n  .sv5fr-cargo2__strip-item {\n    padding:\n      15px\n      16px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv5fr-cargo2__strip-item:last-child {\n    border-bottom:0;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv5fr-cargo2 h2 {\n    font-size:29px;\n  }\n\n\n  .sv5fr-cargo2__media {\n    height:390px;\n  }\n\n\n  .sv5fr-cargo2__volume {\n    min-width:135px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv5fr-cargo2 *,\n  .sv5fr-cargo2 *::before,\n  .sv5fr-cargo2 *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv5fr-cargo2\"\n  id=\"sv5fr-cargo-space\">\n\n\n  <div class=\"sv5fr-cargo2__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv5fr-cargo2__header\">\n\n\n      <div>\n\n\n        <div class=\"sv5fr-cargo2__eyebrow\">\n          Cargo Space &#038; Loading Access\n        <\/div>\n\n\n        <h2>\n\n          Built Around the Load.\n\n          <span>\n            Designed Around the Delivery.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv5fr-cargo2__intro\">\n        The SuperVan 5FR Cargo combines 6.95m\u00b3 of usable cargo\n        space with practical access features designed to make\n        everyday loading, unloading and urban delivery work easier.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         STORY STAGE\n    ====================================================== -->\n\n    <div\n      class=\"sv5fr-cargo2__stage\"\n      id=\"sv5fr-cargo-stage\">\n\n\n      <!-- ===================================================\n           MEDIA\n      ==================================================== -->\n\n      <div\n        class=\"sv5fr-cargo2__media\"\n        id=\"sv5fr-cargo-media\">\n\n\n        <!-- SLIDE 01 -->\n\n        <div\n          class=\"sv5fr-cargo2__slide is-active\"\n          data-sv5fr-slide=\"0\">\n\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Farizon-5FR-Set-1-7-1-scaled.jpg\"\n            alt=\"Farizon SuperVan 5FR cargo compartment\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n\n        <\/div>\n\n\n\n        <!-- SLIDE 02 -->\n\n        <div\n          class=\"sv5fr-cargo2__slide\"\n          data-sv5fr-slide=\"1\">\n\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Farizon-5FR-Set-1-6-scaled.jpg\"\n            alt=\"Farizon SuperVan 5FR rear barn doors open\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n\n        <\/div>\n\n\n\n        <!-- IMAGE LABEL -->\n\n        <div class=\"sv5fr-cargo2__media-label\">\n\n\n          <span id=\"sv5fr-cargo-label-small\">\n            Selected View\n          <\/span>\n\n\n          <strong id=\"sv5fr-cargo-label\">\n            6.95m\u00b3 Cargo Compartment\n          <\/strong>\n\n\n        <\/div>\n\n\n\n        <!-- BIG VALUE -->\n\n        <div class=\"sv5fr-cargo2__volume\">\n\n\n          <span id=\"sv5fr-volume-label\">\n            Cargo Volume\n          <\/span>\n\n\n          <strong id=\"sv5fr-volume-value\">\n            6.95m\u00b3\n          <\/strong>\n\n\n          <small id=\"sv5fr-volume-small\">\n            Dedicated cargo space\n          <\/small>\n\n\n        <\/div>\n\n\n\n        <!-- NAVIGATION -->\n\n        <div class=\"sv5fr-cargo2__nav\">\n\n\n          <button\n            class=\"sv5fr-cargo2__nav-btn is-active\"\n            type=\"button\"\n            data-sv5fr-tab=\"0\">\n\n\n            <span>\n              01\n            <\/span>\n\n\n            <strong>\n              Cargo Space\n            <\/strong>\n\n\n            <i class=\"sv5fr-cargo2__progress\"><\/i>\n\n\n          <\/button>\n\n\n\n          <button\n            class=\"sv5fr-cargo2__nav-btn\"\n            type=\"button\"\n            data-sv5fr-tab=\"1\">\n\n\n            <span>\n              02\n            <\/span>\n\n\n            <strong>\n              Rear Access\n            <\/strong>\n\n\n            <i class=\"sv5fr-cargo2__progress\"><\/i>\n\n\n          <\/button>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT PANEL\n      ==================================================== -->\n\n      <div class=\"sv5fr-cargo2__panel\">\n\n\n        <div\n          class=\"sv5fr-cargo2__content\"\n          id=\"sv5fr-cargo-content\">\n\n\n          <div\n            class=\"sv5fr-cargo2__mode\"\n            id=\"sv5fr-cargo-mode\">\n\n            Cargo Capacity\n          <\/div>\n\n\n          <h3 id=\"sv5fr-cargo-title\">\n            Space for the Work Behind Every Route.\n          <\/h3>\n\n\n          <p id=\"sv5fr-cargo-description\">\n            With 6.95m\u00b3 of cargo space, the SuperVan 5FR Cargo\n            provides a practical load area for parcels, equipment,\n            stock and other commercial goods used across urban\n            delivery and service operations.\n          <\/p>\n\n\n\n          <div\n            class=\"sv5fr-cargo2__features\"\n            id=\"sv5fr-cargo-features\">\n\n\n            <div class=\"sv5fr-cargo2__feature\">\n\n              <div class=\"sv5fr-cargo2__feature-num\">\n                01\n              <\/div>\n\n              <div>\n\n                <strong>\n                  6.95m\u00b3 Cargo Space\n                <\/strong>\n\n                <span>\n                  Practical commercial volume for everyday delivery work.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv5fr-cargo2__feature\">\n\n              <div class=\"sv5fr-cargo2__feature-num\">\n                02\n              <\/div>\n\n              <div>\n\n                <strong>\n                  4.99m Body Length\n                <\/strong>\n\n                <span>\n                  Compact overall dimensions for urban operating environments.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- PANEL FOOT -->\n\n        <div class=\"sv5fr-cargo2__panel-foot\">\n\n\n          <div class=\"sv5fr-cargo2__panel-stat\">\n\n            <span id=\"sv5fr-stat1-label\">\n              Cargo Volume\n            <\/span>\n\n            <strong id=\"sv5fr-stat1\">\n              6.95m\u00b3\n            <\/strong>\n\n          <\/div>\n\n\n\n          <div class=\"sv5fr-cargo2__panel-stat\">\n\n            <span id=\"sv5fr-stat2-label\">\n              Body Length\n            <\/span>\n\n            <strong id=\"sv5fr-stat2\">\n              4.99m\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         COMMERCIAL BENEFITS\n    ====================================================== -->\n\n    <div class=\"sv5fr-cargo2__strip\">\n\n\n      <div class=\"sv5fr-cargo2__strip-item\">\n\n        <span>\n          Side Access\n        <\/span>\n\n        <strong>\n          B-Pillarless Design\n        <\/strong>\n\n        <p>\n          Wider access supports more practical loading\n          and unloading for day-to-day commercial work.\n        <\/p>\n\n      <\/div>\n\n\n\n      <div class=\"sv5fr-cargo2__strip-item\">\n\n        <span>\n          Rear Access\n        <\/span>\n\n        <strong>\n          270\u00b0 Barn Doors\n        <\/strong>\n\n        <p>\n          Wide-opening rear doors support loading access\n          around delivery and logistics environments.\n        <\/p>\n\n      <\/div>\n\n\n\n      <div class=\"sv5fr-cargo2__strip-item\">\n\n        <span>\n          Urban Operation\n        <\/span>\n\n        <strong>\n          Compact 4.99m Body\n        <\/strong>\n\n        <p>\n          Designed to combine cargo utility with a practical\n          footprint for commercial routes.\n        <\/p>\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv5fr-cargo-space\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const slides =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-sv5fr-slide]\"\n      )\n    );\n\n\n  const buttons =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-sv5fr-tab]\"\n      )\n    );\n\n\n  const content =\n    document.getElementById(\n      \"sv5fr-cargo-content\"\n    );\n\n\n  const label =\n    document.getElementById(\n      \"sv5fr-cargo-label\"\n    );\n\n\n  const volumeLabel =\n    document.getElementById(\n      \"sv5fr-volume-label\"\n    );\n\n\n  const volumeValue =\n    document.getElementById(\n      \"sv5fr-volume-value\"\n    );\n\n\n  const volumeSmall =\n    document.getElementById(\n      \"sv5fr-volume-small\"\n    );\n\n\n  const mode =\n    document.getElementById(\n      \"sv5fr-cargo-mode\"\n    );\n\n\n  const title =\n    document.getElementById(\n      \"sv5fr-cargo-title\"\n    );\n\n\n  const description =\n    document.getElementById(\n      \"sv5fr-cargo-description\"\n    );\n\n\n  const features =\n    document.getElementById(\n      \"sv5fr-cargo-features\"\n    );\n\n\n  const stat1Label =\n    document.getElementById(\n      \"sv5fr-stat1-label\"\n    );\n\n\n  const stat1 =\n    document.getElementById(\n      \"sv5fr-stat1\"\n    );\n\n\n  const stat2Label =\n    document.getElementById(\n      \"sv5fr-stat2-label\"\n    );\n\n\n  const stat2 =\n    document.getElementById(\n      \"sv5fr-stat2\"\n    );\n\n\n  const data = [\n\n    {\n      label:\n        \"6.95m\u00b3 Cargo Compartment\",\n\n      volumeLabel:\n        \"Cargo Volume\",\n\n      volumeValue:\n        \"6.95m\u00b3\",\n\n      volumeSmall:\n        \"Dedicated cargo space\",\n\n      mode:\n        \"Cargo Capacity\",\n\n      title:\n        \"Space for the Work Behind Every Route.\",\n\n      description:\n        \"With 6.95m\u00b3 of cargo space, the SuperVan 5FR Cargo provides a practical load area for parcels, equipment, stock and other commercial goods used across urban delivery and service operations.\",\n\n      features: [\n\n        {\n          title:\n            \"6.95m\u00b3 Cargo Space\",\n\n          text:\n            \"Practical commercial volume for everyday delivery work.\"\n        },\n\n        {\n          title:\n            \"4.99m Body Length\",\n\n          text:\n            \"Compact overall dimensions for urban operating environments.\"\n        }\n\n      ],\n\n      stat1Label:\n        \"Cargo Volume\",\n\n      stat1:\n        \"6.95m\u00b3\",\n\n      stat2Label:\n        \"Body Length\",\n\n      stat2:\n        \"4.99m\"\n    },\n\n\n    {\n      label:\n        \"270\u00b0 Rear Barn Doors\",\n\n      volumeLabel:\n        \"Rear Door Opening\",\n\n      volumeValue:\n        \"270\u00b0\",\n\n      volumeSmall:\n        \"Wide rear loading access\",\n\n      mode:\n        \"Loading Access\",\n\n      title:\n        \"Open Wider. Load More Efficiently.\",\n\n      description:\n        \"The 5FR Cargo combines 270\u00b0 rear barn doors with a B-pillarless design to provide practical access for loading and unloading across delivery, service and logistics operations.\",\n\n      features: [\n\n        {\n          title:\n            \"270\u00b0 Rear Barn Doors\",\n\n          text:\n            \"Wide-opening rear access supports practical loading around commercial environments.\"\n        },\n\n        {\n          title:\n            \"B-Pillarless Design\",\n\n          text:\n            \"Designed to improve access when moving cargo in and out of the vehicle.\"\n        }\n\n      ],\n\n      stat1Label:\n        \"Rear Opening\",\n\n      stat1:\n        \"270\u00b0\",\n\n      stat2Label:\n        \"Access Design\",\n\n      stat2:\n        \"B-Pillarless\"\n    }\n\n  ];\n\n\n  let current =\n    0;\n\n\n  let timer =\n    null;\n\n\n  const duration =\n    4800;\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  \/* =========================================================\n     RENDER FEATURES\n  ========================================================= *\/\n\n  function renderFeatures(items) {\n\n    features.innerHTML =\n      \"\";\n\n\n    items.forEach(\n      function (item, index) {\n\n        const wrap =\n          document.createElement(\n            \"div\"\n          );\n\n        wrap.className =\n          \"sv5fr-cargo2__feature\";\n\n\n        wrap.innerHTML =\n          '<div class=\"sv5fr-cargo2__feature-num\">' +\n          String(index + 1).padStart(2, \"0\") +\n          '<\/div>' +\n\n          '<div>' +\n          '<strong>' +\n          item.title +\n          '<\/strong>' +\n          '<span>' +\n          item.text +\n          '<\/span>' +\n          '<\/div>';\n\n\n        features.appendChild(\n          wrap\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =========================================================\n     CHANGE VIEW\n  ========================================================= *\/\n\n  function show(index) {\n\n    current =\n      (\n        index +\n        slides.length\n      ) %\n      slides.length;\n\n\n    slides.forEach(\n      function (slide, slideIndex) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          slideIndex === current\n        );\n\n      }\n    );\n\n\n    buttons.forEach(\n      function (button, buttonIndex) {\n\n        button.classList.toggle(\n          \"is-active\",\n          buttonIndex === current\n        );\n\n      }\n    );\n\n\n    const item =\n      data[current];\n\n\n    label.textContent =\n      item.label;\n\n\n    volumeLabel.textContent =\n      item.volumeLabel;\n\n\n    volumeValue.textContent =\n      item.volumeValue;\n\n\n    volumeSmall.textContent =\n      item.volumeSmall;\n\n\n    mode.textContent =\n      item.mode;\n\n\n    title.textContent =\n      item.title;\n\n\n    description.textContent =\n      item.description;\n\n\n    stat1Label.textContent =\n      item.stat1Label;\n\n\n    stat1.textContent =\n      item.stat1;\n\n\n    stat2Label.textContent =\n      item.stat2Label;\n\n\n    stat2.textContent =\n      item.stat2;\n\n\n    renderFeatures(\n      item.features\n    );\n\n\n    content.classList.remove(\n      \"is-changing\"\n    );\n\n\n    void content.offsetWidth;\n\n\n    content.classList.add(\n      \"is-changing\"\n    );\n\n  }\n\n\n  \/* =========================================================\n     AUTOPLAY\n  ========================================================= *\/\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearInterval(\n        timer\n      );\n\n      timer =\n        null;\n\n    }\n\n  }\n\n\n  function startAuto() {\n\n    stopAuto();\n\n\n    if (reducedMotion) {\n      return;\n    }\n\n\n    timer =\n      setInterval(\n        function () {\n\n          show(\n            current + 1\n          );\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     BUTTONS\n  ========================================================= *\/\n\n  buttons.forEach(\n    function (button, index) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          show(index);\n\n          startAuto();\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     PAUSE ON HOVER\n  ========================================================= *\/\n\n  const stage =\n    document.getElementById(\n      \"sv5fr-cargo-stage\"\n    );\n\n\n  if (stage) {\n\n    stage.addEventListener(\n      \"mouseenter\",\n      stopAuto\n    );\n\n\n    stage.addEventListener(\n      \"mouseleave\",\n      startAuto\n    );\n\n  }\n\n\n  \/* =========================================================\n     MOBILE TOUCH\n  ========================================================= *\/\n\n  let touchStartX =\n    null;\n\n\n  const media =\n    document.getElementById(\n      \"sv5fr-cargo-media\"\n    );\n\n\n  if (media) {\n\n    media.addEventListener(\n      \"touchstart\",\n      function (event) {\n\n        if (\n          event.touches &&\n          event.touches[0]\n        ) {\n\n          touchStartX =\n            event.touches[0].clientX;\n\n          stopAuto();\n\n        }\n\n      },\n      {\n        passive:true\n      }\n    );\n\n\n    media.addEventListener(\n      \"touchend\",\n      function (event) {\n\n        if (\n          touchStartX === null ||\n          !event.changedTouches ||\n          !event.changedTouches[0]\n        ) {\n\n          startAuto();\n\n          return;\n        }\n\n\n        const difference =\n          event.changedTouches[0].clientX -\n          touchStartX;\n\n\n        if (\n          Math.abs(\n            difference\n          ) > 40\n        ) {\n\n          if (\n            difference < 0\n          ) {\n\n            show(\n              current + 1\n            );\n\n          } else {\n\n            show(\n              current - 1\n            );\n\n          }\n\n        }\n\n\n        touchStartX =\n          null;\n\n\n        startAuto();\n\n      },\n      {\n        passive:true\n      }\n    );\n\n  }\n\n\n  \/* INITIAL *\/\n\n  show(0);\n\n  startAuto();\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR CARGO\n   SECTION 04 \u2014 ELECTRIC PERFORMANCE LAB\n========================================================= *\/\n\n.sv5fr-energy,\n.sv5fr-energy *,\n.sv5fr-energy *::before,\n.sv5fr-energy *::after {\n  box-sizing:border-box;\n}\n\n.sv5fr-energy {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#172938;\n  --deep2:#203548;\n  --white:#ffffff;\n  --text:rgba(255,255,255,.63);\n  --line:rgba(255,255,255,.10);\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    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #1a2d3d 0%,\n      #263b4f 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv5fr-energy::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n  pointer-events:none;\n}\n\n\n.sv5fr-energy::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  right:-260px;\n  top:-290px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.12),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv5fr-energy__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.sv5fr-energy__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:28px;\n}\n\n\n.sv5fr-energy__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:\n    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.sv5fr-energy__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:\n    var(--orange);\n}\n\n\n.sv5fr-energy h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-energy h2 span {\n  display:block;\n\n  color:\n    var(--orange);\n}\n\n\n.sv5fr-energy__intro {\n  max-width:460px;\n\n  margin:0;\n\n  color:\n    var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   NATIVE RADIO\n========================================================= *\/\n\n.sv5fr-energy__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   EXPERIENCE\n========================================================= *\/\n\n.sv5fr-energy__stage {\n  position:relative;\n\n  min-height:585px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.035),\n      rgba(255,255,255,.015)\n    );\n\n  box-shadow:\n    0 25px 60px\n    rgba(0,0,0,.15);\n}\n\n\n\/* =========================================================\n   VEHICLE ZONE\n========================================================= *\/\n\n.sv5fr-energy__vehicle-zone {\n  position:relative;\n\n  height:390px;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      ellipse at 50% 70%,\n      rgba(255,255,255,.10),\n      transparent 53%\n    );\n}\n\n\n\/* horizontal energy streams *\/\n\n.sv5fr-energy__stream {\n  position:absolute;\n\n  left:-25%;\n  right:-25%;\n\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.10),\n      transparent\n    );\n\n  overflow:hidden;\n}\n\n\n.sv5fr-energy__stream::after {\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n\n  width:180px;\n  height:100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      transparent\n    );\n\n  animation:\n    sv5frEnergyStream\n    3.2s\n    linear\n    infinite;\n}\n\n\n.sv5fr-energy__stream--1 {\n  top:29%;\n}\n\n\n.sv5fr-energy__stream--2 {\n  top:51%;\n}\n\n\n.sv5fr-energy__stream--2::after {\n  animation-delay:.7s;\n}\n\n\n.sv5fr-energy__stream--3 {\n  top:71%;\n}\n\n\n.sv5fr-energy__stream--3::after {\n  animation-delay:1.25s;\n}\n\n\n\/* =========================================================\n   VEHICLE PNG\n========================================================= *\/\n\n.sv5fr-energy__vehicle {\n  position:absolute;\n\n  z-index:5;\n\n  left:50%;\n  top:48%;\n\n  width:\n    min(\n      76%,\n      850px\n    );\n\n  transform:\n    translate(-50%,-50%);\n}\n\n\n.sv5fr-energy__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  object-fit:contain;\n\n  filter:\n    drop-shadow(\n      0 28px 20px\n      rgba(0,0,0,.20)\n    );\n\n  animation:\n    sv5frVehicleFloat\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   GROUND\n========================================================= *\/\n\n.sv5fr-energy__ground {\n  position:absolute;\n\n  z-index:2;\n\n  left:50%;\n  bottom:42px;\n\n  width:62%;\n  height:28px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      ellipse,\n      rgba(0,0,0,.24),\n      transparent 72%\n    );\n\n  filter:\n    blur(7px);\n\n  animation:\n    sv5frGroundPulse\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   ENERGY BAR\n========================================================= *\/\n\n.sv5fr-energy__powerline {\n  position:absolute;\n\n  z-index:4;\n\n  left:12%;\n  right:12%;\n  bottom:25px;\n\n  height:5px;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.08);\n\n  overflow:hidden;\n}\n\n\n.sv5fr-energy__powerline::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:-35%;\n  top:0;\n\n  width:35%;\n  height:100%;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      #ff9b78,\n      transparent\n    );\n\n  animation:\n    sv5frPowerSweep\n    2.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   MODE BADGE\n========================================================= *\/\n\n.sv5fr-energy__mode-badge {\n  position:absolute;\n\n  z-index:9;\n\n  top:25px;\n  left:25px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    rgba(255,255,255,.93);\n\n  color:\n    var(--navy);\n\n  box-shadow:\n    0 13px 28px\n    rgba(0,0,0,.13);\n}\n\n\n.sv5fr-energy__mode-badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-energy__mode-badge strong {\n  display:block;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   LARGE METRIC\n========================================================= *\/\n\n.sv5fr-energy__metric {\n  position:absolute;\n\n  z-index:9;\n\n  right:26px;\n  top:26px;\n\n  min-width:175px;\n\n  padding:\n    16px\n    17px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.11);\n\n  background:\n    rgba(23,40,55,.87);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 14px 32px\n    rgba(0,0,0,.15);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv5fr-energy__metric span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    rgba(255,255,255,.40);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-energy__metric strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:28px;\n  font-weight:750;\n\n  line-height:1;\n}\n\n\n.sv5fr-energy__metric small {\n  color:\n    rgba(255,255,255,.58);\n\n  font-size:7px;\n}\n\n\n\/* =========================================================\n   CONTROL \/ CONTENT\n========================================================= *\/\n\n.sv5fr-energy__lower {\n  display:grid;\n\n  grid-template-columns:\n    minmax(310px,.68fr)\n    minmax(0,1.32fr);\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n\/* =========================================================\n   TABS\n========================================================= *\/\n\n.sv5fr-energy__tabs {\n  padding:\n    26px;\n\n  background:\n    rgba(10,22,32,.30);\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-energy__tabs-label {\n  margin-bottom:13px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-energy__tab-list {\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-energy__tab {\n  position:relative;\n\n  min-height:66px;\n\n  display:grid;\n\n  grid-template-columns:\n    29px\n    1fr\n    auto;\n\n  gap:9px;\n\n  align-items:center;\n\n  padding:\n    0\n    4px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n\n  color:\n    rgba(255,255,255,.44);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    color .25s ease,\n    padding-left .25s ease,\n    background .25s ease;\n}\n\n\n.sv5fr-energy__tab:hover {\n  color:#ffffff;\n\n  padding-left:8px;\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n.sv5fr-energy__tab-num {\n  color:\n    var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv5fr-energy__tab strong {\n  font-size:10px;\n  font-weight:650;\n\n  line-height:1.3;\n}\n\n\n.sv5fr-energy__dot {\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.18);\n}\n\n\n\/* ACTIVE STATES *\/\n\n#sv5fr-energy-range:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-range\"],\n\n#sv5fr-energy-battery:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-battery\"],\n\n#sv5fr-energy-charge:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-charge\"] {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.03);\n}\n\n\n#sv5fr-energy-range:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-range\"]\n.sv5fr-energy__dot,\n\n#sv5fr-energy-battery:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-battery\"]\n.sv5fr-energy__dot,\n\n#sv5fr-energy-charge:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-charge\"]\n.sv5fr-energy__dot {\n  background:\n    var(--orange);\n\n  box-shadow:\n    0 0 0 6px\n    rgba(255,100,51,.09);\n}\n\n\n\/* tab progress *\/\n\n.sv5fr-energy__tab::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:\n    var(--orange);\n}\n\n\n#sv5fr-energy-range:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-range\"]::after,\n\n#sv5fr-energy-battery:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-battery\"]::after,\n\n#sv5fr-energy-charge:checked\n~ .sv5fr-energy__stage\nlabel[for=\"sv5fr-energy-charge\"]::after {\n  animation:\n    sv5frEnergyProgress\n    5s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   CONTENT PANES\n========================================================= *\/\n\n.sv5fr-energy__content-area {\n  padding:\n    34px\n    38px;\n\n  display:flex;\n\n  align-items:center;\n}\n\n\n.sv5fr-energy__pane {\n  display:none;\n\n  width:100%;\n\n  animation:\n    sv5frEnergyContent\n    .38s\n    ease\n    both;\n}\n\n\n#sv5fr-energy-range:checked\n~ .sv5fr-energy__stage\n.sv5fr-energy__pane--range,\n\n#sv5fr-energy-battery:checked\n~ .sv5fr-energy__stage\n.sv5fr-energy__pane--battery,\n\n#sv5fr-energy-charge:checked\n~ .sv5fr-energy__stage\n.sv5fr-energy__pane--charge {\n  display:block;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.sv5fr-energy__pane small {\n  display:block;\n\n  margin-bottom:9px;\n\n  color:\n    var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-energy__pane h3 {\n  max-width:650px;\n\n  margin:\n    0\n    0\n    12px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      28px,\n      3vw,\n      37px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.7px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-energy__pane p {\n  max-width:690px;\n\n  margin:\n    0\n    0\n    21px;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   DATA\n========================================================= *\/\n\n.sv5fr-energy__data {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n}\n\n\n.sv5fr-energy__data span {\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  background:\n    rgba(255,255,255,.03);\n\n  color:\n    rgba(255,255,255,.70);\n\n  font-size:7px;\n  font-weight:650;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.sv5fr-energy__note {\n  margin:\n    12px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.32);\n\n  font-size:7px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   MODE-SPECIFIC VISUAL EFFECTS\n========================================================= *\/\n\n\/* RANGE *\/\n#sv5fr-energy-range:checked\n~ .sv5fr-energy__stage\n.sv5fr-energy__vehicle-zone {\n  background:\n    radial-gradient(\n      ellipse at 50% 70%,\n      rgba(255,100,51,.12),\n      transparent 54%\n    );\n}\n\n\n\/* BATTERY *\/\n#sv5fr-energy-battery:checked\n~ .sv5fr-energy__stage\n.sv5fr-energy__vehicle-zone {\n  background:\n    radial-gradient(\n      ellipse at 50% 72%,\n      rgba(255,255,255,.12),\n      transparent 54%\n    );\n}\n\n\n#sv5fr-energy-battery:checked\n~ .sv5fr-energy__stage\n.sv5fr-energy__powerline::after {\n  animation-duration:\n    2.1s;\n}\n\n\n\/* CHARGE *\/\n#sv5fr-energy-charge:checked\n~ .sv5fr-energy__stage\n.sv5fr-energy__vehicle-zone {\n  background:\n    radial-gradient(\n      ellipse at 50% 71%,\n      rgba(255,100,51,.17),\n      transparent 55%\n    );\n}\n\n\n#sv5fr-energy-charge:checked\n~ .sv5fr-energy__stage\n.sv5fr-energy__stream::after {\n  animation-duration:\n    1.9s;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv5frEnergyStream {\n\n  from {\n    left:-180px;\n  }\n\n  to {\n    left:110%;\n  }\n\n}\n\n\n@keyframes sv5frPowerSweep {\n\n  from {\n    left:-35%;\n  }\n\n  60% {\n    left:105%;\n  }\n\n  100% {\n    left:105%;\n  }\n\n}\n\n\n@keyframes sv5frVehicleFloat {\n\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-5px);\n  }\n\n}\n\n\n@keyframes sv5frGroundPulse {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      scaleX(.94);\n\n    opacity:.70;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scaleX(1.02);\n\n    opacity:1;\n  }\n\n}\n\n\n@keyframes sv5frEnergyProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv5frEnergyContent {\n\n  from {\n    opacity:.25;\n\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv5fr-energy__vehicle-zone {\n    height:360px;\n  }\n\n\n  .sv5fr-energy__vehicle {\n    width:\n      min(\n        82%,\n        760px\n      );\n  }\n\n\n  .sv5fr-energy__lower {\n    grid-template-columns:\n      minmax(280px,.72fr)\n      minmax(0,1.28fr);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv5fr-energy {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv5fr-energy__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv5fr-energy__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv5fr-energy h2 {\n    max-width:350px;\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  .sv5fr-energy__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STAGE *\/\n\n  .sv5fr-energy__stage {\n    min-height:0;\n  }\n\n\n  .sv5fr-energy__vehicle-zone {\n    height:330px;\n  }\n\n\n  .sv5fr-energy__vehicle {\n    top:51%;\n\n    width:\n      min(\n        94%,\n        520px\n      );\n  }\n\n\n  .sv5fr-energy__ground {\n    width:72%;\n\n    bottom:43px;\n  }\n\n\n  .sv5fr-energy__mode-badge {\n    top:13px;\n    left:13px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv5fr-energy__metric {\n    top:13px;\n    right:13px;\n\n    min-width:130px;\n\n    padding:\n      11px\n      12px;\n  }\n\n\n  .sv5fr-energy__metric strong {\n    font-size:21px;\n  }\n\n\n  .sv5fr-energy__powerline {\n    left:8%;\n    right:8%;\n    bottom:19px;\n  }\n\n\n  \/* LOWER *\/\n\n  .sv5fr-energy__lower {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  \/* TABS *\/\n\n  .sv5fr-energy__tabs {\n    padding:\n      17px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.10);\n  }\n\n\n  .sv5fr-energy__tabs-label {\n    margin-bottom:9px;\n  }\n\n\n  .sv5fr-energy__tab-list {\n    display:grid;\n\n    grid-template-columns:\n      repeat(3,1fr);\n\n    border:\n      1px solid\n      rgba(255,255,255,.10);\n  }\n\n\n  .sv5fr-energy__tab {\n    min-height:68px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    justify-content:center;\n    align-items:flex-start;\n\n    gap:3px;\n\n    padding:\n      0\n      8px;\n\n    border-bottom:0;\n\n    border-right:\n      1px solid\n      rgba(255,255,255,.10);\n  }\n\n\n  .sv5fr-energy__tab:last-child {\n    border-right:0;\n  }\n\n\n  .sv5fr-energy__tab:hover {\n    padding-left:8px;\n  }\n\n\n  .sv5fr-energy__tab strong {\n    font-size:7px;\n\n    line-height:1.25;\n  }\n\n\n  .sv5fr-energy__dot {\n    display:none;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv5fr-energy__content-area {\n    padding:\n      26px\n      20px\n      28px;\n  }\n\n\n  .sv5fr-energy__pane h3 {\n    font-size:27px;\n  }\n\n\n  .sv5fr-energy__pane p {\n    font-size:10px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv5fr-energy h2 {\n    font-size:29px;\n  }\n\n\n  .sv5fr-energy__vehicle-zone {\n    height:300px;\n  }\n\n\n  .sv5fr-energy__metric {\n    min-width:112px;\n  }\n\n\n  .sv5fr-energy__metric strong {\n    font-size:19px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv5fr-energy *,\n  .sv5fr-energy *::before,\n  .sv5fr-energy *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv5fr-energy\"\n  id=\"sv5fr-electric-performance\">\n\n\n  <div class=\"sv5fr-energy__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv5fr-energy__header\">\n\n\n      <div>\n\n        <div class=\"sv5fr-energy__eyebrow\">\n          Electric Performance\n        <\/div>\n\n\n        <h2>\n\n          Electric Power Built\n\n          <span>\n            Around the Working Day.\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n\n\n      <p class=\"sv5fr-energy__intro\">\n        The SuperVan 5FR Cargo combines practical electric\n        range, battery capacity and fast-charging capability\n        to support recurring commercial operations.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO CONTROLS\n    ====================================================== -->\n\n    <input\n      class=\"sv5fr-energy__radio\"\n      type=\"radio\"\n      name=\"sv5fr-energy\"\n      id=\"sv5fr-energy-range\"\n      checked>\n\n\n    <input\n      class=\"sv5fr-energy__radio\"\n      type=\"radio\"\n      name=\"sv5fr-energy\"\n      id=\"sv5fr-energy-battery\">\n\n\n    <input\n      class=\"sv5fr-energy__radio\"\n      type=\"radio\"\n      name=\"sv5fr-energy\"\n      id=\"sv5fr-energy-charge\">\n\n\n\n    <!-- =====================================================\n         STAGE\n    ====================================================== -->\n\n    <div class=\"sv5fr-energy__stage\">\n\n\n      <!-- ===================================================\n           VEHICLE\n      ==================================================== -->\n\n      <div class=\"sv5fr-energy__vehicle-zone\">\n\n\n        <div class=\"sv5fr-energy__stream sv5fr-energy__stream--1\"><\/div>\n\n        <div class=\"sv5fr-energy__stream sv5fr-energy__stream--2\"><\/div>\n\n        <div class=\"sv5fr-energy__stream sv5fr-energy__stream--3\"><\/div>\n\n\n\n        <div class=\"sv5fr-energy__ground\"><\/div>\n\n\n\n        <div class=\"sv5fr-energy__vehicle\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/SV-5fr-5.5MR-16-April.png\"\n            alt=\"Farizon SuperVan 5FR electric cargo van\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-energy__powerline\"><\/div>\n\n\n\n        <div class=\"sv5fr-energy__mode-badge\">\n\n          <span>\n            Electric Commercial Van\n          <\/span>\n\n          <strong>\n            SuperVan 5FR\n          <\/strong>\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-energy__metric\">\n\n          <span>\n            Performance Highlights\n          <\/span>\n\n          <strong>\n            376km\n          <\/strong>\n\n          <small>\n            Up to WLTP range\n          <\/small>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           LOWER\n      ==================================================== -->\n\n      <div class=\"sv5fr-energy__lower\">\n\n\n        <!-- TABS -->\n\n        <div class=\"sv5fr-energy__tabs\">\n\n\n          <div class=\"sv5fr-energy__tabs-label\">\n            Explore Electric Performance\n          <\/div>\n\n\n          <div class=\"sv5fr-energy__tab-list\">\n\n\n            <label\n              class=\"sv5fr-energy__tab\"\n              for=\"sv5fr-energy-range\">\n\n              <span class=\"sv5fr-energy__tab-num\">\n                01\n              <\/span>\n\n              <strong>\n                Driving Range\n              <\/strong>\n\n              <span class=\"sv5fr-energy__dot\"><\/span>\n\n            <\/label>\n\n\n\n            <label\n              class=\"sv5fr-energy__tab\"\n              for=\"sv5fr-energy-battery\">\n\n              <span class=\"sv5fr-energy__tab-num\">\n                02\n              <\/span>\n\n              <strong>\n                Battery Capacity\n              <\/strong>\n\n              <span class=\"sv5fr-energy__dot\"><\/span>\n\n            <\/label>\n\n\n\n            <label\n              class=\"sv5fr-energy__tab\"\n              for=\"sv5fr-energy-charge\">\n\n              <span class=\"sv5fr-energy__tab-num\">\n                03\n              <\/span>\n\n              <strong>\n                Fast Charging\n              <\/strong>\n\n              <span class=\"sv5fr-energy__dot\"><\/span>\n\n            <\/label>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             CONTENT\n        ================================================== -->\n\n        <div class=\"sv5fr-energy__content-area\">\n\n\n          <!-- RANGE -->\n\n          <div class=\"sv5fr-energy__pane sv5fr-energy__pane--range\">\n\n\n            <small>\n              Driving Range\n            <\/small>\n\n\n            <h3>\n              Up to 376km WLTP for the Working Route.\n            <\/h3>\n\n\n            <p>\n              The SuperVan 5FR offers up to 376km of WLTP\n              driving range, supporting businesses operating\n              recurring delivery, service and urban logistics routes.\n            <\/p>\n\n\n            <div class=\"sv5fr-energy__data\">\n\n              <span>\n                Up to 376km WLTP\n              <\/span>\n\n              <span>\n                Commercial EV\n              <\/span>\n\n              <span>\n                Urban Operations\n              <\/span>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- BATTERY -->\n\n          <div class=\"sv5fr-energy__pane sv5fr-energy__pane--battery\">\n\n\n            <small>\n              Battery Capacity\n            <\/small>\n\n\n            <h3>\n              Battery Capacity Up to 83kWh.\n            <\/h3>\n\n\n            <p>\n              Battery capacity of up to 83kWh gives the\n              SuperVan 5FR an electric platform designed to\n              support business and fleet applications throughout\n              the working day.\n            <\/p>\n\n\n            <div class=\"sv5fr-energy__data\">\n\n              <span>\n                Up to 83kWh\n              <\/span>\n\n              <span>\n                Electric Powertrain\n              <\/span>\n\n              <span>\n                Fleet Ready\n              <\/span>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- CHARGING -->\n\n          <div class=\"sv5fr-energy__pane sv5fr-energy__pane--charge\">\n\n\n            <small>\n              DC Fast Charging\n            <\/small>\n\n\n            <h3>\n              20\u201380% in as Little as 15 Minutes.\n            <\/h3>\n\n\n            <p>\n              DC fast-charging capability supports shorter\n              charging stops and quicker turnaround between\n              commercial routes, depending on charging conditions\n              and vehicle configuration.\n            <\/p>\n\n\n            <div class=\"sv5fr-energy__data\">\n\n              <span>\n                20\u201380%\n              <\/span>\n\n              <span>\n                As Little as 15 Min\n              <\/span>\n\n              <span>\n                DC Fast Charging\n              <\/span>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"sv5fr-energy__note\">\n      *Range, battery capacity and charging performance may vary according to battery specification, vehicle configuration, load, driving conditions and charging environment.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv5fr-electric-performance\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\n      \"sv5fr-energy-range\"\n    ),\n    document.getElementById(\n      \"sv5fr-energy-battery\"\n    ),\n    document.getElementById(\n      \"sv5fr-energy-charge\"\n    )\n  ].filter(Boolean);\n\n\n  const metric =\n    section.querySelector(\n      \".sv5fr-energy__metric\"\n    );\n\n\n  if (\n    radios.length < 2 ||\n    !metric\n  ) {\n    return;\n  }\n\n\n  const metricData = [\n\n    {\n      value:\"376km\",\n      text:\"Up to WLTP range\"\n    },\n\n    {\n      value:\"83kWh\",\n      text:\"Battery capacity up to\"\n    },\n\n    {\n      value:\"15 min\",\n      text:\"20\u201380% in as little as\"\n    }\n\n  ];\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  let timer = null;\n  let visible = false;\n  let interacting = false;\n\n  const duration = 5000;\n\n\n  function activeIndex() {\n\n    const index =\n      radios.findIndex(\n        function(radio) {\n          return radio.checked;\n        }\n      );\n\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  function updateMetric() {\n\n    const item =\n      metricData[\n        activeIndex()\n      ];\n\n\n    metric.innerHTML =\n      '<span>Performance Highlights<\/span>' +\n      '<strong>' +\n      item.value +\n      '<\/strong>' +\n      '<small>' +\n      item.text +\n      '<\/small>';\n\n  }\n\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearInterval(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function startAuto() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      interacting\n    ) {\n      return;\n    }\n\n\n    timer =\n      setInterval(\n        function () {\n\n          const next =\n            (\n              activeIndex() + 1\n            ) %\n            radios.length;\n\n\n          radios[next].checked =\n            true;\n\n\n          updateMetric();\n\n        },\n        duration\n      );\n\n  }\n\n\n  radios.forEach(\n    function(radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function() {\n\n          updateMetric();\n\n          stopAuto();\n\n\n          window.setTimeout(\n            startAuto,\n            80\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     VIEWPORT\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              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                startAuto();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(\n      section\n    );\n\n  } else {\n\n    visible = true;\n\n    startAuto();\n\n  }\n\n\n  \/* =========================================================\n     HOVER\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"mouseenter\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"mouseleave\",\n    function() {\n\n      interacting = false;\n\n      startAuto();\n\n    }\n  );\n\n\n  \/* =========================================================\n     FOCUS\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"focusin\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"focusout\",\n    function() {\n\n      interacting = false;\n\n      startAuto();\n\n    }\n  );\n\n\n  \/* =========================================================\n     TOUCH\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"touchstart\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchend\",\n    function() {\n\n      window.setTimeout(\n        function() {\n\n          interacting = false;\n\n          startAuto();\n\n        },\n        1000\n      );\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  updateMetric();\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR CARGO\n   SECTION 03 \u2014 BUSINESS USE\n   EDITORIAL OPERATIONS SWITCHER\n========================================================= *\/\n\n.sv5fr-biz,\n.sv5fr-biz *,\n.sv5fr-biz *::before,\n.sv5fr-biz *::after {\n  box-sizing: border-box;\n}\n\n.sv5fr-biz {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#182a3a;\n  --text:#5d6672;\n  --muted:#8a949e;\n  --line:#e3e7eb;\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    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f6f8fa 0%,\n      #eef2f5 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv5fr-biz::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  left:-290px;\n  bottom:-310px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(38,54,72,.08),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n.sv5fr-biz::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:420px;\n  height:420px;\n\n  right:-210px;\n  top:-240px;\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\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv5fr-biz__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.sv5fr-biz__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(300px,.60fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:28px;\n}\n\n\n.sv5fr-biz__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.sv5fr-biz__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv5fr-biz h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-biz h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv5fr-biz__intro {\n  max-width:460px;\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   RADIO STATE\n========================================================= *\/\n\n.sv5fr-biz__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   SELECTOR\n========================================================= *\/\n\n.sv5fr-biz__tabs {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,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.sv5fr-biz__tab {\n  position:relative;\n\n  min-height:92px;\n\n  display:grid;\n\n  grid-template-columns:\n    37px\n    minmax(0,1fr);\n\n  gap:12px;\n\n  align-items:center;\n\n  padding:\n    17px\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    transform .25s ease;\n}\n\n\n.sv5fr-biz__tab:last-child {\n  border-right:0;\n}\n\n\n.sv5fr-biz__tab:hover {\n  background:\n    #fafbfc;\n}\n\n\n.sv5fr-biz__tab-number {\n  width:34px;\n  height:34px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    #f0f2f4;\n\n  color:\n    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.sv5fr-biz__tab-copy small {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-biz__tab-copy strong {\n  display:block;\n\n  color:\n    var(--navy);\n\n  font-size:12px;\n  font-weight:700;\n\n  line-height:1.25;\n}\n\n\n\/* active line *\/\n\n.sv5fr-biz__tab::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:3px;\n\n  background:\n    var(--orange);\n}\n\n\n\/* ACTIVE STATES *\/\n\n#sv5fr-use-delivery:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-delivery\"],\n\n#sv5fr-use-service:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-service\"],\n\n#sv5fr-use-logistics:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-logistics\"] {\n  background:\n    #ffffff;\n}\n\n\n#sv5fr-use-delivery:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-delivery\"]\n.sv5fr-biz__tab-number,\n\n#sv5fr-use-service:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-service\"]\n.sv5fr-biz__tab-number,\n\n#sv5fr-use-logistics:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-logistics\"]\n.sv5fr-biz__tab-number {\n  background:\n    var(--orange);\n\n  color:\n    #ffffff;\n}\n\n\n#sv5fr-use-delivery:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-delivery\"]::after,\n\n#sv5fr-use-service:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-service\"]::after,\n\n#sv5fr-use-logistics:checked\n~ .sv5fr-biz__tabs\nlabel[for=\"sv5fr-use-logistics\"]::after {\n  animation:\n    sv5frBizProgress\n    5s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   CONTENT STAGE\n========================================================= *\/\n\n.sv5fr-biz__stage {\n  position:relative;\n\n  min-height:525px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 52px\n    rgba(38,54,72,.07);\n}\n\n\n\/* =========================================================\n   PANES\n========================================================= *\/\n\n.sv5fr-biz__pane {\n  display:none;\n\n  min-height:525px;\n\n  grid-template-columns:\n    minmax(0,.82fr)\n    minmax(0,1.18fr);\n\n  animation:\n    sv5frBizPane\n    .45s\n    cubic-bezier(.2,.7,.3,1)\n    both;\n}\n\n\n#sv5fr-use-delivery:checked\n~ .sv5fr-biz__stage\n.sv5fr-biz__pane--delivery,\n\n#sv5fr-use-service:checked\n~ .sv5fr-biz__stage\n.sv5fr-biz__pane--service,\n\n#sv5fr-use-logistics:checked\n~ .sv5fr-biz__stage\n.sv5fr-biz__pane--logistics {\n  display:grid;\n}\n\n\n\/* =========================================================\n   CONTENT SIDE\n========================================================= *\/\n\n.sv5fr-biz__content {\n  position:relative;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    45px\n    40px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #1a2d3e 100%\n    );\n\n  color:#ffffff;\n\n  overflow:hidden;\n}\n\n\n.sv5fr-biz__content::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,.012),\n    0 0 0 100px rgba(255,255,255,.008);\n\n  pointer-events:none;\n}\n\n\n.sv5fr-biz__mode {\n  position:relative;\n  z-index:2;\n\n  margin-bottom:10px;\n\n  color:\n    var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-biz__content h3 {\n  position:relative;\n  z-index:2;\n\n  max-width:500px;\n\n  margin:\n    0\n    0\n    14px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      39px\n    );\n\n  line-height:1.07;\n\n  letter-spacing:-.75px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-biz__description {\n  position:relative;\n  z-index:2;\n\n  max-width:520px;\n\n  margin:\n    0\n    0\n    23px;\n\n  color:\n    rgba(255,255,255,.64);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   USE TAGS\n========================================================= *\/\n\n.sv5fr-biz__chips {\n  position:relative;\n  z-index:2;\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-bottom:27px;\n}\n\n\n.sv5fr-biz__chip {\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  background:\n    rgba(255,255,255,.035);\n\n  color:\n    rgba(255,255,255,.72);\n\n  font-size:7px;\n  font-weight:650;\n}\n\n\n\/* =========================================================\n   OPERATION PROFILE\n========================================================= *\/\n\n.sv5fr-biz__profile {\n  position:relative;\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\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.sv5fr-biz__profile-item {\n  padding:\n    15px\n    0;\n}\n\n\n.sv5fr-biz__profile-item:first-child {\n  padding-right:16px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-biz__profile-item:last-child {\n  padding-left:16px;\n}\n\n\n.sv5fr-biz__profile-item span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-biz__profile-item strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:14px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n\/* =========================================================\n   VISUAL SIDE\n========================================================= *\/\n\n.sv5fr-biz__visual {\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    30px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #eef2f5 0%,\n      #ffffff 100%\n    );\n}\n\n\n.sv5fr-biz__visual-grid {\n  position:absolute;\n\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    46px\n    46px;\n\n  opacity:.45;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   PHOTO\n========================================================= *\/\n\n.sv5fr-biz__photo {\n  position:relative;\n\n  z-index:2;\n\n  width:100%;\n  height:410px;\n\n  overflow:hidden;\n\n  background:#e5eaee;\n\n  box-shadow:\n    0 16px 38px\n    rgba(38,54,72,.10);\n}\n\n\n.sv5fr-biz__photo img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:contain;\n\n  object-position:center;\n\n  transition:\n    transform .8s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.sv5fr-biz__photo:hover img {\n  transform:\n    scale(1.02);\n}\n\n\n\/* =========================================================\n   FLOATING VISUAL NOTE\n========================================================= *\/\n\n.sv5fr-biz__visual-note {\n  position:absolute;\n\n  z-index:5;\n\n  right:44px;\n  bottom:47px;\n\n  max-width:220px;\n\n  padding:\n    13px\n    15px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  box-shadow:\n    0 13px 28px\n    rgba(38,54,72,.12);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv5fr-biz__visual-note span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-biz__visual-note strong {\n  display:block;\n\n  color:\n    var(--navy);\n\n  font-size:10px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   DECORATIVE OPERATION BARS\n========================================================= *\/\n\n.sv5fr-biz__bars {\n  position:absolute;\n\n  z-index:4;\n\n  left:44px;\n  top:46px;\n\n  display:flex;\n\n  align-items:flex-end;\n\n  gap:5px;\n\n  height:33px;\n}\n\n\n.sv5fr-biz__bar {\n  width:5px;\n\n  border-radius:999px;\n\n  background:\n    var(--orange);\n\n  transform-origin:bottom;\n\n  animation:\n    sv5frBizBars\n    1.8s\n    ease-in-out\n    infinite;\n}\n\n\n.sv5fr-biz__bar:nth-child(1) {\n  height:12px;\n}\n\n\n.sv5fr-biz__bar:nth-child(2) {\n  height:22px;\n\n  animation-delay:.18s;\n}\n\n\n.sv5fr-biz__bar:nth-child(3) {\n  height:31px;\n\n  animation-delay:.36s;\n}\n\n\n.sv5fr-biz__bar:nth-child(4) {\n  height:17px;\n\n  animation-delay:.54s;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv5frBizPane {\n\n  from {\n    opacity:.25;\n\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes sv5frBizProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv5frBizBars {\n\n  0%,\n  100% {\n    transform:\n      scaleY(.55);\n\n    opacity:.45;\n  }\n\n  50% {\n    transform:\n      scaleY(1);\n\n    opacity:1;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv5fr-biz__pane {\n    grid-template-columns:\n      minmax(320px,.85fr)\n      minmax(0,1.15fr);\n  }\n\n\n  .sv5fr-biz__content {\n    padding:\n      38px\n      31px;\n  }\n\n\n  .sv5fr-biz__photo {\n    height:370px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv5fr-biz {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv5fr-biz__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv5fr-biz__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv5fr-biz h2 {\n    max-width:350px;\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  .sv5fr-biz__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* TABS *\/\n\n  .sv5fr-biz__tabs {\n    grid-template-columns:\n      repeat(3,1fr);\n\n    margin-bottom:14px;\n  }\n\n\n  .sv5fr-biz__tab {\n    min-height:78px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    justify-content:center;\n    align-items:flex-start;\n\n    gap:5px;\n\n    padding:\n      11px\n      8px;\n  }\n\n\n  .sv5fr-biz__tab-number {\n    width:26px;\n    height:26px;\n\n    font-size:7px;\n  }\n\n\n  .sv5fr-biz__tab-copy small {\n    display:none;\n  }\n\n\n  .sv5fr-biz__tab-copy strong {\n    font-size:7px;\n\n    line-height:1.3;\n  }\n\n\n  \/* STAGE *\/\n\n  .sv5fr-biz__stage {\n    min-height:0;\n  }\n\n\n  .sv5fr-biz__pane {\n    min-height:0;\n\n    display:none;\n\n    grid-template-columns:1fr;\n  }\n\n\n  #sv5fr-use-delivery:checked\n  ~ .sv5fr-biz__stage\n  .sv5fr-biz__pane--delivery,\n\n  #sv5fr-use-service:checked\n  ~ .sv5fr-biz__stage\n  .sv5fr-biz__pane--service,\n\n  #sv5fr-use-logistics:checked\n  ~ .sv5fr-biz__stage\n  .sv5fr-biz__pane--logistics {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  \/* VISUAL FIRST *\/\n\n  .sv5fr-biz__visual {\n    order:1;\n\n    padding:\n      14px;\n\n    min-height:325px;\n  }\n\n\n  .sv5fr-biz__photo {\n    height:295px;\n  }\n\n\n  .sv5fr-biz__visual-note {\n    right:24px;\n    bottom:25px;\n\n    max-width:170px;\n\n    padding:\n      10px\n      11px;\n  }\n\n\n  .sv5fr-biz__visual-note strong {\n    font-size:8px;\n  }\n\n\n  .sv5fr-biz__bars {\n    left:24px;\n    top:26px;\n\n    height:27px;\n  }\n\n\n  \/* CONTENT SECOND *\/\n\n  .sv5fr-biz__content {\n    order:2;\n\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv5fr-biz__content h3 {\n    font-size:27px;\n  }\n\n\n  .sv5fr-biz__description {\n    font-size:10px;\n  }\n\n\n  .sv5fr-biz__profile-item strong {\n    font-size:12px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv5fr-biz h2 {\n    font-size:29px;\n  }\n\n\n  .sv5fr-biz__tab {\n    padding:\n      9px\n      6px;\n  }\n\n\n  .sv5fr-biz__photo {\n    height:270px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv5fr-biz *,\n  .sv5fr-biz *::before,\n  .sv5fr-biz *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv5fr-biz\"\n  id=\"sv5fr-business-use\">\n\n\n  <div class=\"sv5fr-biz__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv5fr-biz__header\">\n\n\n      <div>\n\n\n        <div class=\"sv5fr-biz__eyebrow\">\n          Commercial Applications\n        <\/div>\n\n\n        <h2>\n\n          One Cargo Van.\n\n          <span>\n            Built for Different Working Days.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv5fr-biz__intro\">\n        The SuperVan 5FR Cargo is designed for businesses\n        operating recurring delivery, service and logistics\n        routes across Singapore.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         NATIVE SWITCHER\n    ====================================================== -->\n\n    <input\n      class=\"sv5fr-biz__radio\"\n      type=\"radio\"\n      name=\"sv5fr-business\"\n      id=\"sv5fr-use-delivery\"\n      checked>\n\n\n    <input\n      class=\"sv5fr-biz__radio\"\n      type=\"radio\"\n      name=\"sv5fr-business\"\n      id=\"sv5fr-use-service\">\n\n\n    <input\n      class=\"sv5fr-biz__radio\"\n      type=\"radio\"\n      name=\"sv5fr-business\"\n      id=\"sv5fr-use-logistics\">\n\n\n\n    <!-- =====================================================\n         TABS\n    ====================================================== -->\n\n    <div class=\"sv5fr-biz__tabs\">\n\n\n      <label\n        class=\"sv5fr-biz__tab\"\n        for=\"sv5fr-use-delivery\">\n\n        <span class=\"sv5fr-biz__tab-number\">\n          01\n        <\/span>\n\n        <span class=\"sv5fr-biz__tab-copy\">\n\n          <small>\n            Commercial Use\n          <\/small>\n\n          <strong>\n            Last-Mile Delivery\n          <\/strong>\n\n        <\/span>\n\n      <\/label>\n\n\n\n      <label\n        class=\"sv5fr-biz__tab\"\n        for=\"sv5fr-use-service\">\n\n        <span class=\"sv5fr-biz__tab-number\">\n          02\n        <\/span>\n\n        <span class=\"sv5fr-biz__tab-copy\">\n\n          <small>\n            Commercial Use\n          <\/small>\n\n          <strong>\n            Service Runs\n          <\/strong>\n\n        <\/span>\n\n      <\/label>\n\n\n\n      <label\n        class=\"sv5fr-biz__tab\"\n        for=\"sv5fr-use-logistics\">\n\n        <span class=\"sv5fr-biz__tab-number\">\n          03\n        <\/span>\n\n        <span class=\"sv5fr-biz__tab-copy\">\n\n          <small>\n            Commercial Use\n          <\/small>\n\n          <strong>\n            Urban Logistics\n          <\/strong>\n\n        <\/span>\n\n      <\/label>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CONTENT STAGE\n    ====================================================== -->\n\n    <div class=\"sv5fr-biz__stage\">\n\n\n      <!-- ===================================================\n           01 \u2014 LAST MILE DELIVERY\n      ==================================================== -->\n\n      <article class=\"sv5fr-biz__pane sv5fr-biz__pane--delivery\">\n\n\n        <div class=\"sv5fr-biz__content\">\n\n\n          <div class=\"sv5fr-biz__mode\">\n            Last-Mile Operations\n          <\/div>\n\n\n          <h3>\n            Ready for the Final Stretch of Every Delivery.\n          <\/h3>\n\n\n          <p class=\"sv5fr-biz__description\">\n            The SuperVan 5FR Cargo is suited to businesses\n            operating recurring city delivery routes where\n            practical cargo access and an electric commercial\n            van platform support everyday operations.\n          <\/p>\n\n\n          <div class=\"sv5fr-biz__chips\">\n\n            <span class=\"sv5fr-biz__chip\">\n              Parcel Delivery\n            <\/span>\n\n            <span class=\"sv5fr-biz__chip\">\n              E-Commerce\n            <\/span>\n\n            <span class=\"sv5fr-biz__chip\">\n              Scheduled Routes\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__profile\">\n\n\n            <div class=\"sv5fr-biz__profile-item\">\n\n              <span>\n                Operation Style\n              <\/span>\n\n              <strong>\n                Frequent Urban Stops\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv5fr-biz__profile-item\">\n\n              <span>\n                Business Focus\n              <\/span>\n\n              <strong>\n                Last-Mile Delivery\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-biz__visual\">\n\n\n          <div class=\"sv5fr-biz__visual-grid\"><\/div>\n\n\n          <div class=\"sv5fr-biz__bars\">\n\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__photo\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Farizon-5FR-Set-2-8-scaled.jpg\"\n              alt=\"Farizon SuperVan 5FR Cargo for last-mile delivery\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__visual-note\">\n\n            <span>\n              Business Application\n            <\/span>\n\n            <strong>\n              Delivery-focused electric cargo van\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           02 \u2014 SERVICE RUNS\n      ==================================================== -->\n\n      <article class=\"sv5fr-biz__pane sv5fr-biz__pane--service\">\n\n\n        <div class=\"sv5fr-biz__content\">\n\n\n          <div class=\"sv5fr-biz__mode\">\n            Mobile Service Operations\n          <\/div>\n\n\n          <h3>\n            A Practical Base for Teams Working Across the City.\n          <\/h3>\n\n\n          <p class=\"sv5fr-biz__description\">\n            The 5FR Cargo can support service businesses\n            transporting tools, equipment and work materials\n            between customers and operating locations.\n          <\/p>\n\n\n          <div class=\"sv5fr-biz__chips\">\n\n            <span class=\"sv5fr-biz__chip\">\n              Tools & Equipment\n            <\/span>\n\n            <span class=\"sv5fr-biz__chip\">\n              Service Teams\n            <\/span>\n\n            <span class=\"sv5fr-biz__chip\">\n              Fleet Operations\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__profile\">\n\n\n            <div class=\"sv5fr-biz__profile-item\">\n\n              <span>\n                Operation Style\n              <\/span>\n\n              <strong>\n                Mobile Service Work\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv5fr-biz__profile-item\">\n\n              <span>\n                Business Focus\n              <\/span>\n\n              <strong>\n                Service Runs\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-biz__visual\">\n\n\n          <div class=\"sv5fr-biz__visual-grid\"><\/div>\n\n\n          <div class=\"sv5fr-biz__bars\">\n\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__photo\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Farizon-5FR-Set-1-3-scaled.jpg\"\n              alt=\"Farizon SuperVan 5FR Cargo for commercial service runs\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__visual-note\">\n\n            <span>\n              Business Application\n            <\/span>\n\n            <strong>\n              Practical platform for mobile service teams\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           03 \u2014 URBAN LOGISTICS\n      ==================================================== -->\n\n      <article class=\"sv5fr-biz__pane sv5fr-biz__pane--logistics\">\n\n\n        <div class=\"sv5fr-biz__content\">\n\n\n          <div class=\"sv5fr-biz__mode\">\n            Urban Distribution\n          <\/div>\n\n\n          <h3>\n            Built for Goods Moving Between Business Locations.\n          <\/h3>\n\n\n          <p class=\"sv5fr-biz__description\">\n            For urban logistics and distribution, the SuperVan\n            5FR Cargo provides businesses with an electric\n            commercial van platform for recurring goods movement\n            across city operations.\n          <\/p>\n\n\n          <div class=\"sv5fr-biz__chips\">\n\n            <span class=\"sv5fr-biz__chip\">\n              Distribution\n            <\/span>\n\n            <span class=\"sv5fr-biz__chip\">\n              Retail Supply\n            <\/span>\n\n            <span class=\"sv5fr-biz__chip\">\n              Goods Movement\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__profile\">\n\n\n            <div class=\"sv5fr-biz__profile-item\">\n\n              <span>\n                Operation Style\n              <\/span>\n\n              <strong>\n                Recurring Distribution\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv5fr-biz__profile-item\">\n\n              <span>\n                Business Focus\n              <\/span>\n\n              <strong>\n                Urban Logistics\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-biz__visual\">\n\n\n          <div class=\"sv5fr-biz__visual-grid\"><\/div>\n\n\n          <div class=\"sv5fr-biz__bars\">\n\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n            <i class=\"sv5fr-biz__bar\"><\/i>\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__photo\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Farizon-5FR-Set-1-6-scaled.jpg\"\n              alt=\"Farizon SuperVan 5FR Cargo for urban logistics\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n          <div class=\"sv5fr-biz__visual-note\">\n\n            <span>\n              Business Application\n            <\/span>\n\n            <strong>\n              Cargo access for recurring distribution work\n            <\/strong>\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\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv5fr-business-use\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\"sv5fr-use-delivery\"),\n    document.getElementById(\"sv5fr-use-service\"),\n    document.getElementById(\"sv5fr-use-logistics\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  let timer = null;\n  let visible = false;\n  let interacting = false;\n\n  const duration = 5000;\n\n\n  function activeIndex() {\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  function stopAuto() {\n\n    if (timer) {\n\n      clearInterval(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function startAuto() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      interacting\n    ) {\n      return;\n    }\n\n\n    timer =\n      setInterval(\n        function () {\n\n          const next =\n            (\n              activeIndex() + 1\n            ) %\n            radios.length;\n\n\n          radios[next].checked =\n            true;\n\n\n          radios[next].dispatchEvent(\n            new Event(\n              \"change\",\n              {\n                bubbles:true\n              }\n            )\n          );\n\n        },\n        duration\n      );\n\n  }\n\n\n  radios.forEach(\n    function(radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function() {\n\n          stopAuto();\n\n          window.setTimeout(\n            startAuto,\n            80\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     ONLY AUTOPLAY WHEN SECTION IS VISIBLE\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              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                startAuto();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(\n      section\n    );\n\n  } else {\n\n    visible = true;\n\n    startAuto();\n\n  }\n\n\n  \/* =========================================================\n     DESKTOP INTERACTION\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"mouseenter\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"mouseleave\",\n    function() {\n\n      interacting = false;\n\n      startAuto();\n\n    }\n  );\n\n\n  \/* =========================================================\n     KEYBOARD\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"focusin\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"focusout\",\n    function() {\n\n      interacting = false;\n\n      startAuto();\n\n    }\n  );\n\n\n  \/* =========================================================\n     MOBILE\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"touchstart\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchend\",\n    function() {\n\n      window.setTimeout(\n        function() {\n\n          interacting = false;\n\n          startAuto();\n\n        },\n        1000\n      );\n\n    },\n    {\n      passive:true\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR CARGO\n   SECTION 05 \u2014 CABIN EXPERIENCE\n========================================================= *\/\n\n.sv5fr-cabin,\n.sv5fr-cabin *,\n.sv5fr-cabin *::before,\n.sv5fr-cabin *::after {\n  box-sizing: border-box;\n}\n\n.sv5fr-cabin {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#1b2d3d;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e3e7eb;\n  --soft:#f3f5f7;\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    70px\n    24px\n    74px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f2f5f7 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv5fr-cabin::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:460px;\n  height:460px;\n\n  left:-230px;\n  top:-260px;\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\n.sv5fr-cabin::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  right:-280px;\n  bottom:-310px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(38,54,72,.08),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv5fr-cabin__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.sv5fr-cabin__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(300px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:30px;\n}\n\n\n.sv5fr-cabin__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:\n    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.sv5fr-cabin__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:\n    var(--orange);\n}\n\n\n.sv5fr-cabin h2 {\n  max-width:750px;\n\n  margin:0;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-cabin h2 span {\n  display:block;\n\n  color:\n    var(--orange);\n}\n\n\n.sv5fr-cabin__intro {\n  max-width:470px;\n\n  margin:0;\n\n  color:\n    var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.sv5fr-cabin__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   STUDIO\n========================================================= *\/\n\n.sv5fr-cabin__studio {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.18fr)\n    minmax(340px,.82fr);\n\n  min-height:610px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 24px 55px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   VISUAL STUDIO\n========================================================= *\/\n\n.sv5fr-cabin__visual {\n  position:relative;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #e9eef2 0%,\n      #f8fafb 100%\n    );\n}\n\n\n.sv5fr-cabin__visual-grid {\n  position:absolute;\n\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    46px\n    46px;\n\n  opacity:.48;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   PHOTO STAGE\n========================================================= *\/\n\n.sv5fr-cabin__photo-stage {\n  position:absolute;\n\n  inset:\n    34px\n    34px\n    92px;\n\n  overflow:hidden;\n\n  background:#dfe4e8;\n\n  box-shadow:\n    0 18px 42px\n    rgba(38,54,72,.10);\n}\n\n\n\/* image panes *\/\n\n.sv5fr-cabin__photo {\n  position:absolute;\n\n  inset:0;\n\n  opacity:0;\n\n  transform:\n    scale(1.035)\n    translateY(8px);\n\n  transition:\n    opacity .7s ease,\n    transform 1s\n    cubic-bezier(.2,.7,.3,1);\n\n  pointer-events:none;\n}\n\n\n.sv5fr-cabin__photo img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center;\n\n  transition:\n    transform .9s ease;\n}\n\n\n\/* active *\/\n\n#sv5fr-cabin-cockpit:checked\n~ .sv5fr-cabin__studio\n.sv5fr-cabin__photo--cockpit,\n\n#sv5fr-cabin-seat:checked\n~ .sv5fr-cabin__studio\n.sv5fr-cabin__photo--seat {\n  opacity:1;\n\n  transform:\n    scale(1)\n    translateY(0);\n\n  pointer-events:auto;\n}\n\n\n\/* =========================================================\n   SOFT SCAN LINE\n========================================================= *\/\n\n.sv5fr-cabin__scan {\n  position:absolute;\n\n  z-index:5;\n\n  left:36px;\n  right:36px;\n  top:74px;\n\n  height:1px;\n\n  overflow:hidden;\n\n  background:\n    rgba(255,255,255,.22);\n\n  pointer-events:none;\n}\n\n\n.sv5fr-cabin__scan::after {\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\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    sv5frCabinScan\n    3.5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   VISUAL BADGE\n========================================================= *\/\n\n.sv5fr-cabin__badge {\n  position:absolute;\n\n  z-index:8;\n\n  top:50px;\n  left:50px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    rgba(38,54,72,.92);\n\n  color:\n    #ffffff;\n\n  box-shadow:\n    0 13px 28px\n    rgba(38,54,72,.15);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv5fr-cabin__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-cabin__badge strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   FLOATING FOCUS LABEL\n========================================================= *\/\n\n.sv5fr-cabin__focus {\n  position:absolute;\n\n  z-index:8;\n\n  right:50px;\n  top:50px;\n\n  min-width:170px;\n\n  padding:\n    12px\n    14px;\n\n  background:\n    rgba(255,255,255,.93);\n\n  box-shadow:\n    0 12px 28px\n    rgba(38,54,72,.12);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv5fr-cabin__focus span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-cabin__focus strong {\n  display:block;\n\n  color:\n    var(--navy);\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   BOTTOM SWITCH\n========================================================= *\/\n\n.sv5fr-cabin__switch {\n  position:absolute;\n\n  z-index:9;\n\n  left:34px;\n  right:34px;\n  bottom:28px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.92);\n\n  box-shadow:\n    0 13px 30px\n    rgba(38,54,72,.09);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv5fr-cabin__switch-item {\n  position:relative;\n\n  min-height:52px;\n\n  display:grid;\n\n  grid-template-columns:\n    28px\n    1fr;\n\n  gap:8px;\n\n  align-items:center;\n\n  padding:\n    8px\n    14px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  cursor:pointer;\n\n  overflow:hidden;\n}\n\n\n.sv5fr-cabin__switch-item:last-child {\n  border-right:0;\n}\n\n\n.sv5fr-cabin__switch-num {\n  color:\n    var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv5fr-cabin__switch-copy span {\n  display:block;\n\n  margin-bottom:2px;\n\n  color:\n    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.sv5fr-cabin__switch-copy strong {\n  display:block;\n\n  color:\n    var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* progress *\/\n\n.sv5fr-cabin__switch-item::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:3px;\n\n  background:\n    var(--orange);\n}\n\n\n#sv5fr-cabin-cockpit:checked\n~ .sv5fr-cabin__studio\nlabel[for=\"sv5fr-cabin-cockpit\"]::after,\n\n#sv5fr-cabin-seat:checked\n~ .sv5fr-cabin__studio\nlabel[for=\"sv5fr-cabin-seat\"]::after {\n  animation:\n    sv5frCabinProgress\n    5s\n    linear\n    forwards;\n}\n\n\n\/* active switch *\/\n\n#sv5fr-cabin-cockpit:checked\n~ .sv5fr-cabin__studio\nlabel[for=\"sv5fr-cabin-cockpit\"],\n\n#sv5fr-cabin-seat:checked\n~ .sv5fr-cabin__studio\nlabel[for=\"sv5fr-cabin-seat\"] {\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   CONTENT SIDE\n========================================================= *\/\n\n.sv5fr-cabin__content {\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    44px\n    38px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #1a2c3c 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* =========================================================\n   CONTENT PANES\n========================================================= *\/\n\n.sv5fr-cabin__pane {\n  display:none;\n\n  animation:\n    sv5frCabinContent\n    .38s\n    ease\n    both;\n}\n\n\n#sv5fr-cabin-cockpit:checked\n~ .sv5fr-cabin__studio\n.sv5fr-cabin__pane--cockpit,\n\n#sv5fr-cabin-seat:checked\n~ .sv5fr-cabin__studio\n.sv5fr-cabin__pane--seat {\n  display:block;\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.sv5fr-cabin__mode {\n  margin-bottom:9px;\n\n  color:\n    var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-cabin__pane h3 {\n  max-width:460px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      38px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.7px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-cabin__pane p {\n  max-width:470px;\n\n  margin:\n    0\n    0\n    23px;\n\n  color:\n    rgba(255,255,255,.62);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   DETAIL ROWS\n========================================================= *\/\n\n.sv5fr-cabin__details {\n  display:grid;\n\n  gap:0;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-cabin__detail {\n  display:grid;\n\n  grid-template-columns:\n    34px\n    1fr;\n\n  gap:11px;\n\n  padding:\n    14px\n    0;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-cabin__detail-num {\n  color:\n    var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv5fr-cabin__detail strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.sv5fr-cabin__detail span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.45);\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   BOTTOM STATEMENT\n========================================================= *\/\n\n.sv5fr-cabin__statement {\n  margin-top:24px;\n\n  padding:\n    17px\n    18px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n.sv5fr-cabin__statement span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-cabin__statement strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:13px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv5frCabinScan {\n\n  0% {\n    left:-25%;\n  }\n\n  60% {\n    left:100%;\n  }\n\n  100% {\n    left:100%;\n  }\n\n}\n\n\n@keyframes sv5frCabinProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv5frCabinContent {\n\n  from {\n    opacity:.25;\n\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv5fr-cabin__studio {\n    grid-template-columns:\n      minmax(0,1.1fr)\n      minmax(320px,.9fr);\n  }\n\n\n  .sv5fr-cabin__content {\n    padding:\n      38px\n      31px;\n  }\n\n\n  .sv5fr-cabin__photo-stage {\n    inset:\n      28px\n      28px\n      86px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv5fr-cabin {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv5fr-cabin__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv5fr-cabin__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv5fr-cabin h2 {\n    max-width:350px;\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  .sv5fr-cabin__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STUDIO *\/\n\n  .sv5fr-cabin__studio {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* VISUAL *\/\n\n  .sv5fr-cabin__visual {\n    height:420px;\n  }\n\n\n  .sv5fr-cabin__photo-stage {\n    inset:\n      14px\n      14px\n      77px;\n  }\n\n\n  .sv5fr-cabin__badge {\n    top:25px;\n    left:25px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv5fr-cabin__focus {\n    top:25px;\n    right:25px;\n\n    min-width:135px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  .sv5fr-cabin__focus strong {\n    font-size:8px;\n  }\n\n\n  .sv5fr-cabin__scan {\n    left:16px;\n    right:16px;\n    top:59px;\n  }\n\n\n  .sv5fr-cabin__switch {\n    left:14px;\n    right:14px;\n    bottom:13px;\n  }\n\n\n  .sv5fr-cabin__switch-item {\n    min-height:50px;\n\n    padding:\n      7px\n      10px;\n  }\n\n\n  .sv5fr-cabin__switch-copy strong {\n    font-size:8px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv5fr-cabin__content {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv5fr-cabin__pane h3 {\n    font-size:27px;\n  }\n\n\n  .sv5fr-cabin__pane p {\n    font-size:10px;\n  }\n\n\n  .sv5fr-cabin__detail strong {\n    font-size:9px;\n  }\n\n\n  .sv5fr-cabin__detail span {\n    font-size:7px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv5fr-cabin h2 {\n    font-size:29px;\n  }\n\n\n  .sv5fr-cabin__visual {\n    height:390px;\n  }\n\n\n  .sv5fr-cabin__focus {\n    min-width:118px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv5fr-cabin *,\n  .sv5fr-cabin *::before,\n  .sv5fr-cabin *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section class=\"sv5fr-cabin\" id=\"sv5fr-cabin\">\n\n\n  <div class=\"sv5fr-cabin__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv5fr-cabin__header\">\n\n\n      <div>\n\n\n        <div class=\"sv5fr-cabin__eyebrow\">\n          Cabin &amp; Driver Workspace\n        <\/div>\n\n\n        <h2>\n\n          Step Inside the\n\n          <span>\n            Working Environment.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv5fr-cabin__intro\">\n        The SuperVan 5FR brings the commercial experience\n        inside the cabin, with a modern driver workspace and\n        dedicated seating designed around everyday vehicle use.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO\n    ====================================================== -->\n\n    <input class=\"sv5fr-cabin__radio\" type=\"radio\" name=\"sv5fr-cabin\" id=\"sv5fr-cabin-cockpit\" checked=\"\">\n\n\n    <input class=\"sv5fr-cabin__radio\" type=\"radio\" name=\"sv5fr-cabin\" id=\"sv5fr-cabin-seat\">\n\n\n\n    <!-- =====================================================\n         STUDIO\n    ====================================================== -->\n\n    <div class=\"sv5fr-cabin__studio\">\n\n\n      <!-- ===================================================\n           VISUAL\n      ==================================================== -->\n\n      <div class=\"sv5fr-cabin__visual\">\n\n\n        <div class=\"sv5fr-cabin__visual-grid\"><\/div>\n\n\n\n        <div class=\"sv5fr-cabin__photo-stage\">\n\n\n          <!-- COCKPIT -->\n\n          <div class=\"sv5fr-cabin__photo sv5fr-cabin__photo--cockpit\">\n\n            <img src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Farizon-5FR-Interior-1-1-scaled.jpg\" alt=\"Farizon SuperVan 5FR driver dashboard and cockpit\" loading=\"lazy\" decoding=\"async\">\n\n          <\/div>\n\n\n          <!-- SEAT -->\n\n          <div class=\"sv5fr-cabin__photo sv5fr-cabin__photo--seat\">\n\n            <img src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Farizon-5FR-Interior-3-2-scaled.jpg\" alt=\"Farizon SuperVan 5FR driver seating\" loading=\"lazy\" decoding=\"async\">\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- SCAN -->\n\n        <div class=\"sv5fr-cabin__scan\"><\/div>\n\n\n\n        <!-- BADGE -->\n\n        <div class=\"sv5fr-cabin__badge\">\n\n          <span>\n            Interior View\n          <\/span>\n\n          <strong>\n            SuperVan 5FR\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- FOCUS -->\n\n        <div class=\"sv5fr-cabin__focus\">\n\n          <span>\n            Selected Focus\n          <\/span>\n\n          <strong>\n            Driver Workspace\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- SWITCH -->\n\n        <div class=\"sv5fr-cabin__switch\">\n\n\n          <label class=\"sv5fr-cabin__switch-item\" for=\"sv5fr-cabin-cockpit\">\n\n\n            <span class=\"sv5fr-cabin__switch-num\">\n              01\n            <\/span>\n\n\n            <span class=\"sv5fr-cabin__switch-copy\">\n\n              <span>\n                Cabin View\n              <\/span>\n\n              <strong>\n                Driver Cockpit\n              <\/strong>\n\n            <\/span>\n\n\n          <\/label>\n\n\n\n          <label class=\"sv5fr-cabin__switch-item\" for=\"sv5fr-cabin-seat\">\n\n\n            <span class=\"sv5fr-cabin__switch-num\">\n              02\n            <\/span>\n\n\n            <span class=\"sv5fr-cabin__switch-copy\">\n\n              <span>\n                Cabin View\n              <\/span>\n\n              <strong>\n                Driver Seating\n              <\/strong>\n\n            <\/span>\n\n\n          <\/label>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT\n      ==================================================== -->\n\n      <div class=\"sv5fr-cabin__content\">\n\n\n        <!-- COCKPIT -->\n\n        <div class=\"sv5fr-cabin__pane sv5fr-cabin__pane--cockpit\">\n\n\n          <div class=\"sv5fr-cabin__mode\">\n            Driver Workspace\n          <\/div>\n\n\n          <h3>\n            A Cabin Built Around Everyday Commercial Driving.\n          <\/h3>\n\n\n          <p>\n            The SuperVan 5FR presents a modern cockpit layout\n            designed to give the driver a clear, practical\n            workspace for recurring delivery, service and\n            commercial routes.\n          <\/p>\n\n\n\n          <div class=\"sv5fr-cabin__details\">\n\n\n            <div class=\"sv5fr-cabin__detail\">\n\n              <div class=\"sv5fr-cabin__detail-num\">\n                01\n              <\/div>\n\n              <div>\n\n                <strong>\n                  Driver-Centred Layout\n                <\/strong>\n\n                <span>\n                  The dashboard and controls are arranged around\n                  the driving position for everyday vehicle use.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv5fr-cabin__detail\">\n\n              <div class=\"sv5fr-cabin__detail-num\">\n                02\n              <\/div>\n\n              <div>\n\n                <strong>\n                  Modern Commercial Workspace\n                <\/strong>\n\n                <span>\n                  A clean interior environment suited to regular\n                  business and fleet operations.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv5fr-cabin__statement\">\n\n            <span>\n              Working Environment\n            <\/span>\n\n            <strong>\n              Practical inside, ready for the route outside.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- SEATING -->\n\n        <div class=\"sv5fr-cabin__pane sv5fr-cabin__pane--seat\">\n\n\n          <div class=\"sv5fr-cabin__mode\">\n            Driver Seating\n          <\/div>\n\n\n          <h3>\n            A Dedicated Driving Space for the Working Day.\n          <\/h3>\n\n\n          <p>\n            The 5FR cabin provides dedicated driver seating\n            within a commercial-focused environment, supporting\n            everyday use across repeated business and delivery routes.\n          <\/p>\n\n\n\n          <div class=\"sv5fr-cabin__details\">\n\n\n            <div class=\"sv5fr-cabin__detail\">\n\n              <div class=\"sv5fr-cabin__detail-num\">\n                01\n              <\/div>\n\n              <div>\n\n                <strong>\n                  Dedicated Driver Position\n                <\/strong>\n\n                <span>\n                  A clearly defined seating position for regular\n                  commercial vehicle operation.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv5fr-cabin__detail\">\n\n              <div class=\"sv5fr-cabin__detail-num\">\n                02\n              <\/div>\n\n              <div>\n\n                <strong>\n                  Everyday Cabin Usability\n                <\/strong>\n\n                <span>\n                  Designed as part of a working vehicle environment\n                  for delivery, service and fleet use.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv5fr-cabin__statement\">\n\n            <span>\n              Daily Operations\n            <\/span>\n\n            <strong>\n              A working cabin for a working commercial van.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv5fr-cabin\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\n      \"sv5fr-cabin-cockpit\"\n    ),\n    document.getElementById(\n      \"sv5fr-cabin-seat\"\n    )\n  ].filter(Boolean);\n\n\n  const focus =\n    section.querySelector(\n      \".sv5fr-cabin__focus strong\"\n    );\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const focusLabels = [\n    \"Driver Workspace\",\n    \"Driver Seating\"\n  ];\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  let timer = null;\n  let visible = false;\n  let interacting = false;\n\n  const duration = 5000;\n\n\n  function getActiveIndex() {\n\n    const index =\n      radios.findIndex(\n        function(radio) {\n          return radio.checked;\n        }\n      );\n\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  function updateFocus() {\n\n    if (!focus) {\n      return;\n    }\n\n\n    focus.textContent =\n      focusLabels[\n        getActiveIndex()\n      ];\n\n  }\n\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearInterval(\n        timer\n      );\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function startAuto() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      interacting\n    ) {\n      return;\n    }\n\n\n    timer =\n      setInterval(\n        function () {\n\n          const next =\n            (\n              getActiveIndex() + 1\n            ) %\n            radios.length;\n\n\n          radios[next].checked =\n            true;\n\n\n          updateFocus();\n\n        },\n        duration\n      );\n\n  }\n\n\n  radios.forEach(\n    function(radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function() {\n\n          updateFocus();\n\n          stopAuto();\n\n\n          window.setTimeout(\n            startAuto,\n            80\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     AUTOPLAY ONLY WHEN VISIBLE\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              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                startAuto();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(\n      section\n    );\n\n  } else {\n\n    visible = true;\n\n    startAuto();\n\n  }\n\n\n  \/* =========================================================\n     DESKTOP HOVER\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"mouseenter\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"mouseleave\",\n    function() {\n\n      interacting = false;\n\n      startAuto();\n\n    }\n  );\n\n\n  \/* =========================================================\n     KEYBOARD\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"focusin\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"focusout\",\n    function() {\n\n      interacting = false;\n\n      startAuto();\n\n    }\n  );\n\n\n  \/* =========================================================\n     MOBILE TOUCH\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"touchstart\",\n    function() {\n\n      interacting = true;\n\n      stopAuto();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchend\",\n    function() {\n\n      window.setTimeout(\n        function() {\n\n          interacting = false;\n\n          startAuto();\n\n        },\n        1000\n      );\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  updateFocus();\n\n})();\n<\/script>\n\n<script>\n(function () {\n\n  \/* =========================================================\n     FARIZON 5FR CABIN\n     AUTO IMAGE + CONTENT SWITCHER\n  ========================================================= *\/\n\n  const section =\n    document.getElementById(\"sv5fr-cabin\");\n\n  if (!section) {\n    return;\n  }\n\n\n  const cockpit =\n    document.getElementById(\"sv5fr-cabin-cockpit\");\n\n  const seat =\n    document.getElementById(\"sv5fr-cabin-seat\");\n\n\n  if (!cockpit || !seat) {\n    return;\n  }\n\n\n  const radios = [\n    cockpit,\n    seat\n  ];\n\n\n  const focusText =\n    section.querySelector(\n      \".sv5fr-cabin__focus strong\"\n    );\n\n\n  const focusLabels = [\n    \"Driver Workspace\",\n    \"Driver Seating\"\n  ];\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const SWITCH_TIME = 5000;\n\n  let timer = null;\n  let isVisible = true;\n\n\n  \/* =========================================================\n     CURRENT INDEX\n  ========================================================= *\/\n\n  function getCurrentIndex() {\n\n    return radios.findIndex(\n      function (radio) {\n        return radio.checked;\n      }\n    );\n\n  }\n\n\n  \/* =========================================================\n     UPDATE SMALL VISUAL LABEL\n  ========================================================= *\/\n\n  function updateFocusLabel() {\n\n    const index =\n      getCurrentIndex();\n\n\n    if (\n      focusText &&\n      index >= 0\n    ) {\n\n      focusText.textContent =\n        focusLabels[index];\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     RESTART ACTIVE PROGRESS ANIMATION\n  ========================================================= *\/\n\n  function restartProgress() {\n\n    const switchItems =\n      section.querySelectorAll(\n        \".sv5fr-cabin__switch-item\"\n      );\n\n\n    switchItems.forEach(\n      function (item) {\n\n        item.style.animation = \"none\";\n\n      }\n    );\n\n\n    void section.offsetWidth;\n\n\n    switchItems.forEach(\n      function (item) {\n\n        item.style.animation = \"\";\n\n      }\n    );\n\n  }\n\n\n  \/* =========================================================\n     CHANGE VIEW\n  ========================================================= *\/\n\n  function showView(index) {\n\n    if (!radios[index]) {\n      return;\n    }\n\n\n    radios[index].checked = true;\n\n\n    updateFocusLabel();\n\n\n    \/*\n      Trigger change for accessibility \/ other listeners.\n    *\/\n\n    radios[index].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles: true\n        }\n      )\n    );\n\n\n    restartProgress();\n\n  }\n\n\n  \/* =========================================================\n     NEXT VIEW\n  ========================================================= *\/\n\n  function showNext() {\n\n    const current =\n      getCurrentIndex();\n\n\n    const next =\n      (\n        current + 1\n      ) %\n      radios.length;\n\n\n    showView(next);\n\n  }\n\n\n  \/* =========================================================\n     TIMER\n  ========================================================= *\/\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function scheduleNext() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !isVisible\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          showNext();\n\n          scheduleNext();\n\n        },\n        SWITCH_TIME\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL CLICK\n     User clicks Cockpit \/ Seating -> restart 5 sec timer\n  ========================================================= *\/\n\n  radios.forEach(\n    function (radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          updateFocusLabel();\n\n          scheduleNext();\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     ONLY RUN WHEN SECTION IS NEAR VIEWPORT\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              isVisible =\n                entry.isIntersecting;\n\n\n              if (isVisible) {\n\n                scheduleNext();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: 0.15\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    isVisible = true;\n\n    scheduleNext();\n\n  }\n\n\n  \/* =========================================================\n     TAB VISIBILITY\n     Stop animation when browser tab isn't active\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      } else if (isVisible) {\n\n        scheduleNext();\n\n      }\n\n    }\n  );\n\n\n  \/* =========================================================\n     INITIAL STATE\n  ========================================================= *\/\n\n  updateFocusLabel();\n\n  scheduleNext();\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR CARGO\n   SECTION 06 \u2014 360 WALKAROUND VIDEO\n========================================================= *\/\n\n.sv5fr-video,\n.sv5fr-video *,\n.sv5fr-video *::before,\n.sv5fr-video *::after {\n  box-sizing: border-box;\n}\n\n.sv5fr-video {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#172838;\n  --deep2:#203548;\n  --text:#5d6672;\n  --muted:#8c959f;\n  --line:#e3e7eb;\n  --white:#ffffff;\n\n  position:relative;\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    70px\n    24px\n    74px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #192b3b 0%,\n      #263b4f 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv5fr-video::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    50px\n    50px;\n\n  pointer-events:none;\n}\n\n\n.sv5fr-video::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:540px;\n  height:540px;\n\n  right:-260px;\n  bottom:-320px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(255,255,255,.04);\n\n  box-shadow:\n    0 0 0 70px rgba(255,255,255,.012),\n    0 0 0 140px rgba(255,255,255,.008);\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv5fr-video__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.sv5fr-video__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(300px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:30px;\n}\n\n\n.sv5fr-video__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:\n    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.sv5fr-video__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:\n    var(--orange);\n}\n\n\n.sv5fr-video h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-video h2 span {\n  display:block;\n\n  color:\n    var(--orange);\n}\n\n\n.sv5fr-video__intro {\n  max-width:470px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   MAIN STAGE\n========================================================= *\/\n\n.sv5fr-video__stage {\n  display:grid;\n\n  grid-template-columns:\n    minmax(260px,.72fr)\n    minmax(320px,.86fr)\n    minmax(260px,.72fr);\n\n  gap:22px;\n\n  align-items:stretch;\n}\n\n\n\/* =========================================================\n   SIDE PANELS\n========================================================= *\/\n\n.sv5fr-video__panel {\n  position:relative;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  min-height:580px;\n\n  padding:\n    34px\n    30px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.035);\n\n  overflow:hidden;\n}\n\n\n.sv5fr-video__panel::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:160px;\n  height:160px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(255,255,255,.05);\n\n  pointer-events:none;\n}\n\n\n.sv5fr-video__panel--left::before {\n  left:-80px;\n  bottom:-80px;\n}\n\n\n.sv5fr-video__panel--right::before {\n  right:-80px;\n  top:-80px;\n}\n\n\n.sv5fr-video__panel-label {\n  margin-bottom:10px;\n\n  color:\n    var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-video__panel h3 {\n  margin:\n    0\n    0\n    14px;\n\n  color:#ffffff;\n\n  font-size:\n    27px;\n\n  line-height:1.08;\n\n  letter-spacing:-.5px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-video__panel p {\n  margin:\n    0\n    0\n    24px;\n\n  color:\n    rgba(255,255,255,.58);\n\n  font-size:10px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   FEATURE ROWS\n========================================================= *\/\n\n.sv5fr-video__features {\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-video__feature {\n  display:grid;\n\n  grid-template-columns:\n    28px\n    1fr;\n\n  gap:10px;\n\n  padding:\n    13px\n    0;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-video__feature-num {\n  color:\n    var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv5fr-video__feature strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv5fr-video__feature span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size:7px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   VIDEO CENTER\n========================================================= *\/\n\n.sv5fr-video__center {\n  position:relative;\n\n  min-height:580px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f5f7f8 0%,\n      #e8edf1 100%\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  box-shadow:\n    0 24px 55px\n    rgba(0,0,0,.18);\n}\n\n\n\/* technical grid *\/\n\n.sv5fr-video__center::before {\n  content:\"\";\n\n  position:absolute;\n\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    42px\n    42px;\n\n  opacity:.55;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   VERTICAL VIDEO FRAME\n========================================================= *\/\n\n.sv5fr-video__frame {\n  position:relative;\n\n  z-index:4;\n\n  width:\n    min(\n      86%,\n      355px\n    );\n\n  aspect-ratio:\n    9 \/ 16;\n\n  overflow:hidden;\n\n  background:#000;\n\n  box-shadow:\n    0 22px 50px\n    rgba(38,54,72,.22);\n}\n\n\n.sv5fr-video__frame iframe {\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  border:0;\n}\n\n\n\/* =========================================================\n   FRAME CORNERS\n========================================================= *\/\n\n.sv5fr-video__corner {\n  position:absolute;\n\n  z-index:8;\n\n  width:34px;\n  height:34px;\n\n  pointer-events:none;\n}\n\n\n.sv5fr-video__corner--tl {\n  top:22px;\n  left:22px;\n\n  border-top:\n    2px solid\n    var(--orange);\n\n  border-left:\n    2px solid\n    var(--orange);\n}\n\n\n.sv5fr-video__corner--tr {\n  top:22px;\n  right:22px;\n\n  border-top:\n    2px solid\n    var(--orange);\n\n  border-right:\n    2px solid\n    var(--orange);\n}\n\n\n.sv5fr-video__corner--bl {\n  bottom:22px;\n  left:22px;\n\n  border-bottom:\n    2px solid\n    var(--orange);\n\n  border-left:\n    2px solid\n    var(--orange);\n}\n\n\n.sv5fr-video__corner--br {\n  bottom:22px;\n  right:22px;\n\n  border-bottom:\n    2px solid\n    var(--orange);\n\n  border-right:\n    2px solid\n    var(--orange);\n}\n\n\n\/* =========================================================\n   ROTATION CUE\n========================================================= *\/\n\n.sv5fr-video__orbit {\n  position:absolute;\n\n  z-index:2;\n\n  width:470px;\n  height:470px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(38,54,72,.09);\n\n  animation:\n    sv5frVideoBreath\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.sv5fr-video__orbit::before {\n  content:\"\";\n\n  position:absolute;\n\n  inset:52px;\n\n  border-radius:50%;\n\n  border:\n    1px dashed\n    rgba(38,54,72,.08);\n}\n\n\n.sv5fr-video__orbit::after {\n  content:\"360\u00b0\";\n\n  position:absolute;\n\n  right:-4px;\n  top:47%;\n\n  padding:\n    7px\n    9px;\n\n  background:\n    var(--navy);\n\n  color:#ffffff;\n\n  font-size:7px;\n  font-weight:800;\n\n  letter-spacing:.8px;\n\n  box-shadow:\n    0 8px 18px\n    rgba(38,54,72,.12);\n}\n\n\n\/* =========================================================\n   VIDEO BADGE\n========================================================= *\/\n\n.sv5fr-video__badge {\n  position:absolute;\n\n  z-index:9;\n\n  left:24px;\n  top:24px;\n\n  padding:\n    10px\n    12px;\n\n  background:\n    rgba(38,54,72,.92);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 12px 26px\n    rgba(38,54,72,.14);\n}\n\n\n.sv5fr-video__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-video__badge strong {\n  display:block;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   BOTTOM VIDEO STATUS\n========================================================= *\/\n\n.sv5fr-video__status {\n  position:absolute;\n\n  z-index:9;\n\n  left:24px;\n  right:24px;\n  bottom:22px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:14px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    rgba(255,255,255,.93);\n\n  box-shadow:\n    0 12px 27px\n    rgba(38,54,72,.12);\n}\n\n\n.sv5fr-video__status-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-video__status-copy strong {\n  display:block;\n\n  color:\n    var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv5fr-video__status-dot {\n  width:9px;\n  height:9px;\n\n  border-radius:50%;\n\n  background:\n    var(--orange);\n\n  box-shadow:\n    0 0 0 6px\n    rgba(255,100,51,.10);\n\n  animation:\n    sv5frVideoPulse\n    2.3s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   BOTTOM STRIP\n========================================================= *\/\n\n.sv5fr-video__strip {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-top:20px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n.sv5fr-video__strip-item {\n  padding:\n    16px\n    20px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv5fr-video__strip-item:last-child {\n  border-right:0;\n}\n\n\n.sv5fr-video__strip-item span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-video__strip-item strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv5frVideoBreath {\n\n  0%,\n  100% {\n    transform:\n      scale(.97);\n\n    opacity:.55;\n  }\n\n  50% {\n    transform:\n      scale(1.025);\n\n    opacity:.90;\n  }\n\n}\n\n\n@keyframes sv5frVideoPulse {\n\n  0%,\n  100% {\n    opacity:.45;\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  .sv5fr-video__stage {\n    grid-template-columns:\n      minmax(230px,.7fr)\n      minmax(300px,.9fr)\n      minmax(230px,.7fr);\n\n    gap:16px;\n  }\n\n\n  .sv5fr-video__panel {\n    padding:\n      28px\n      22px;\n  }\n\n\n  .sv5fr-video__panel h3 {\n    font-size:24px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv5fr-video {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv5fr-video__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv5fr-video__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv5fr-video h2 {\n    max-width:350px;\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  .sv5fr-video__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STACK *\/\n\n  .sv5fr-video__stage {\n    display:flex;\n\n    flex-direction:column;\n\n    gap:14px;\n  }\n\n\n  \/* VIDEO FIRST *\/\n\n  .sv5fr-video__center {\n    order:1;\n\n    min-height:610px;\n  }\n\n\n  .sv5fr-video__frame {\n    width:\n      min(\n        78%,\n        330px\n      );\n  }\n\n\n  .sv5fr-video__orbit {\n    width:360px;\n    height:360px;\n  }\n\n\n  \/* PANELS *\/\n\n  .sv5fr-video__panel {\n    min-height:0;\n\n    padding:\n      25px\n      20px;\n  }\n\n\n  .sv5fr-video__panel--left {\n    order:2;\n  }\n\n\n  .sv5fr-video__panel--right {\n    order:3;\n  }\n\n\n  .sv5fr-video__panel h3 {\n    font-size:24px;\n  }\n\n\n  .sv5fr-video__panel p {\n    font-size:10px;\n  }\n\n\n  \/* STRIP *\/\n\n  .sv5fr-video__strip {\n    display:block;\n\n    margin-top:14px;\n  }\n\n\n  .sv5fr-video__strip-item {\n    padding:\n      14px\n      16px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.10);\n  }\n\n\n  .sv5fr-video__strip-item:last-child {\n    border-bottom:0;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv5fr-video h2 {\n    font-size:29px;\n  }\n\n\n  .sv5fr-video__center {\n    min-height:560px;\n  }\n\n\n  .sv5fr-video__frame {\n    width:82%;\n  }\n\n\n  .sv5fr-video__orbit {\n    width:320px;\n    height:320px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv5fr-video *,\n  .sv5fr-video *::before,\n  .sv5fr-video *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv5fr-video\"\n  id=\"sv5fr-walkaround\">\n\n\n  <div class=\"sv5fr-video__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv5fr-video__header\">\n\n\n      <div>\n\n\n        <div class=\"sv5fr-video__eyebrow\">\n          360\u00b0 Walkaround\n        <\/div>\n\n\n        <h2>\n\n          See the 5FR\n\n          <span>\n            From Every Angle.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv5fr-video__intro\">\n        Take a closer look at the SuperVan 5FR Cargo and\n        explore its exterior form, commercial proportions\n        and practical access around the vehicle.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN STAGE\n    ====================================================== -->\n\n    <div class=\"sv5fr-video__stage\">\n\n\n      <!-- ===================================================\n           LEFT STORY\n      ==================================================== -->\n\n      <div class=\"sv5fr-video__panel sv5fr-video__panel--left\">\n\n\n        <div class=\"sv5fr-video__panel-label\">\n          Exterior Perspective\n        <\/div>\n\n\n        <h3>\n          Commercial Form with an Urban Footprint.\n        <\/h3>\n\n\n        <p>\n          The SuperVan 5FR Cargo is designed as an electric\n          commercial van for businesses operating across\n          delivery, service and urban logistics environments.\n        <\/p>\n\n\n\n        <div class=\"sv5fr-video__features\">\n\n\n          <div class=\"sv5fr-video__feature\">\n\n            <div class=\"sv5fr-video__feature-num\">\n              01\n            <\/div>\n\n            <div>\n\n              <strong>\n                Cargo-Focused Body\n              <\/strong>\n\n              <span>\n                Commercial vehicle proportions designed around practical use.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv5fr-video__feature\">\n\n            <div class=\"sv5fr-video__feature-num\">\n              02\n            <\/div>\n\n            <div>\n\n              <strong>\n                Urban Commercial Use\n              <\/strong>\n\n              <span>\n                Suitable for recurring city delivery and fleet operations.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           VIDEO CENTER\n      ==================================================== -->\n\n      <div class=\"sv5fr-video__center\">\n\n\n        <div class=\"sv5fr-video__orbit\"><\/div>\n\n\n        <span class=\"sv5fr-video__corner sv5fr-video__corner--tl\"><\/span>\n\n        <span class=\"sv5fr-video__corner sv5fr-video__corner--tr\"><\/span>\n\n        <span class=\"sv5fr-video__corner sv5fr-video__corner--bl\"><\/span>\n\n        <span class=\"sv5fr-video__corner sv5fr-video__corner--br\"><\/span>\n\n\n\n        <div class=\"sv5fr-video__badge\">\n\n          <span>\n            Video Showcase\n          <\/span>\n\n          <strong>\n            SuperVan 5FR Cargo\n          <\/strong>\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-video__frame\">\n\n\n          <iframe\n            src=\"https:\/\/www.youtube-nocookie.com\/embed\/1lzZKZi1Tqk?rel=0&#038;modestbranding=1\"\n            title=\"Farizon SuperVan 5FR Cargo 360 degree walkaround\"\n            loading=\"lazy\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n            allowfullscreen>\n          <\/iframe>\n\n\n        <\/div>\n\n\n\n        <div class=\"sv5fr-video__status\">\n\n\n          <div class=\"sv5fr-video__status-copy\">\n\n            <span>\n              Interactive View\n            <\/span>\n\n            <strong>\n              Play the 360\u00b0 walkaround\n            <\/strong>\n\n          <\/div>\n\n\n          <span class=\"sv5fr-video__status-dot\"><\/span>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           RIGHT STORY\n      ==================================================== -->\n\n      <div class=\"sv5fr-video__panel sv5fr-video__panel--right\">\n\n\n        <div class=\"sv5fr-video__panel-label\">\n          Practical Access\n        <\/div>\n\n\n        <h3>\n          Designed Around Everyday Loading.\n        <\/h3>\n\n\n        <p>\n          From the cargo body to the access points, the\n          5FR is built around recurring commercial work\n          and practical movement of goods.\n        <\/p>\n\n\n\n        <div class=\"sv5fr-video__features\">\n\n\n          <div class=\"sv5fr-video__feature\">\n\n            <div class=\"sv5fr-video__feature-num\">\n              01\n            <\/div>\n\n            <div>\n\n              <strong>\n                B-Pillarless Access\n              <\/strong>\n\n              <span>\n                Designed to support easier access during loading and unloading.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv5fr-video__feature\">\n\n            <div class=\"sv5fr-video__feature-num\">\n              02\n            <\/div>\n\n            <div>\n\n              <strong>\n                270\u00b0 Rear Barn Doors\n              <\/strong>\n\n              <span>\n                Wide rear access for practical commercial loading.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         BOTTOM STRIP\n    ====================================================== -->\n\n    <div class=\"sv5fr-video__strip\">\n\n\n      <div class=\"sv5fr-video__strip-item\">\n\n        <span>\n          View\n        <\/span>\n\n        <strong>\n          Full Exterior Walkaround\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"sv5fr-video__strip-item\">\n\n        <span>\n          Vehicle\n        <\/span>\n\n        <strong>\n          SuperVan 5FR Cargo\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"sv5fr-video__strip-item\">\n\n        <span>\n          Application\n        <\/span>\n\n        <strong>\n          Electric Commercial Van\n        <\/strong>\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR CARGO\n   FINAL SECTION \u2014 BUSINESS ENQUIRY\n========================================================= *\/\n\n.sv5fr-final,\n.sv5fr-final *,\n.sv5fr-final *::before,\n.sv5fr-final *::after {\n  box-sizing:border-box;\n}\n\n.sv5fr-final {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#182a3a;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e3e7eb;\n  --soft:#f3f5f7;\n  --white:#ffffff;\n  --green:#25d366;\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    78px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f9fa 0%,\n      #edf1f4 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  scroll-margin-top:90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv5fr-final::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:480px;\n  height:480px;\n\n  left:-260px;\n  top:-260px;\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\n.sv5fr-final::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  right:-290px;\n  bottom:-320px;\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.sv5fr-final__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.sv5fr-final__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:28px;\n}\n\n\n.sv5fr-final__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.sv5fr-final__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv5fr-final h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-final h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv5fr-final__intro {\n  max-width:470px;\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   BUSINESS JOURNEY\n========================================================= *\/\n\n.sv5fr-final__journey {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-bottom:22px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 14px 32px\n    rgba(38,54,72,.055);\n}\n\n\n.sv5fr-final__journey-item {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    44px\n    1fr;\n\n  gap:14px;\n\n  align-items:center;\n\n  min-height:108px;\n\n  padding:\n    20px\n    22px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease;\n}\n\n\n.sv5fr-final__journey-item:last-child {\n  border-right:0;\n}\n\n\n.sv5fr-final__journey-item:hover {\n  background:\n    #fafbfc;\n}\n\n\n.sv5fr-final__journey-item::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 .35s ease;\n}\n\n\n.sv5fr-final__journey-item:hover::after {\n  width:100%;\n}\n\n\n.sv5fr-final__journey-num {\n  width:40px;\n  height:40px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n.sv5fr-final__journey-copy span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-final__journey-copy strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--navy);\n\n  font-size:13px;\n  font-weight:700;\n}\n\n\n.sv5fr-final__journey-copy p {\n  margin:0;\n\n  color:var(--text);\n\n  font-size:9px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   MAIN ENQUIRY CONSOLE\n========================================================= *\/\n\n.sv5fr-final__console {\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 24px 58px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   CONSOLE TOP\n========================================================= *\/\n\n.sv5fr-final__console-top {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    auto;\n\n  gap:30px;\n\n  align-items:center;\n\n  padding:\n    28px\n    30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#ffffff;\n}\n\n\n.sv5fr-final__console-label {\n  display:block;\n\n  margin-bottom:7px;\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.sv5fr-final__console-top h3 {\n  margin:\n    0\n    0\n    7px;\n\n  color:#ffffff;\n\n  font-size:27px;\n\n  line-height:1.1;\n\n  letter-spacing:-.5px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-final__console-top p {\n  max-width:690px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:10px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   WHATSAPP BUTTON\n========================================================= *\/\n\n.sv5fr-final__wa {\n  min-height:50px;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:10px;\n\n  padding:\n    0\n    18px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.13);\n\n  background:\n    rgba(255,255,255,.05);\n\n  color:#ffffff !important;\n\n  text-decoration:none !important;\n\n  white-space:nowrap;\n\n  font-size:10px;\n  font-weight:700;\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n\n.sv5fr-final__wa:hover {\n  transform:\n    translateY(-2px);\n\n  background:\n    rgba(255,255,255,.09);\n}\n\n\n.sv5fr-final__wa-dot {\n  position:relative;\n\n  width:10px;\n  height:10px;\n\n  border-radius:50%;\n\n  background:var(--green);\n\n  box-shadow:\n    0 0 0 6px\n    rgba(37,211,102,.10);\n}\n\n\n.sv5fr-final__wa-dot::after {\n  content:\"\";\n\n  position:absolute;\n\n  inset:-6px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(37,211,102,.35);\n\n  animation:\n    sv5frWaPulse\n    2.8s\n    ease-out\n    infinite;\n}\n\n\n\/* =========================================================\n   BODY\n========================================================= *\/\n\n.sv5fr-final__body {\n  display:grid;\n\n  grid-template-columns:\n    minmax(280px,.48fr)\n    minmax(0,1.52fr);\n}\n\n\n\/* =========================================================\n   LEFT BUSINESS PANEL\n========================================================= *\/\n\n.sv5fr-final__business {\n  position:relative;\n\n  padding:\n    34px\n    28px;\n\n  background:\n    #f5f7f8;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.sv5fr-final__business-label {\n  display:block;\n\n  margin-bottom:9px;\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1.1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-final__business h4 {\n  margin:\n    0\n    0\n    12px;\n\n  color:var(--navy);\n\n  font-size:24px;\n\n  line-height:1.12;\n\n  letter-spacing:-.4px;\n\n  font-weight:700;\n}\n\n\n.sv5fr-final__business > p {\n  margin:\n    0\n    0\n    24px;\n\n  color:var(--text);\n\n  font-size:10px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   ENQUIRY TYPES\n========================================================= *\/\n\n.sv5fr-final__types {\n  display:grid;\n\n  gap:9px;\n}\n\n\n.sv5fr-final__type {\n  display:grid;\n\n  grid-template-columns:\n    9px\n    1fr;\n\n  gap:10px;\n\n  align-items:center;\n\n  padding:\n    12px\n    13px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  transition:\n    border-color .25s ease,\n    transform .25s ease;\n}\n\n\n.sv5fr-final__type:hover {\n  border-color:\n    rgba(255,100,51,.30);\n\n  transform:\n    translateX(3px);\n}\n\n\n.sv5fr-final__type-dot {\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n}\n\n\n.sv5fr-final__type strong {\n  display:block;\n\n  margin-bottom:2px;\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv5fr-final__type span {\n  display:block;\n\n  color:var(--muted);\n\n  font-size:7px;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   CONTACT\n========================================================= *\/\n\n.sv5fr-final__contact {\n  margin-top:25px;\n\n  padding-top:20px;\n\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n.sv5fr-final__contact-title {\n  display:block;\n\n  margin-bottom:12px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-final__contact-row {\n  display:grid;\n\n  grid-template-columns:\n    68px\n    1fr;\n\n  gap:10px;\n\n  padding:\n    5px\n    0;\n}\n\n\n.sv5fr-final__contact-row span {\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-final__contact-row strong {\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:650;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   FORM\n========================================================= *\/\n\n.sv5fr-final__form {\n  min-width:0;\n\n  padding:\n    24px\n    26px\n    18px;\n\n  background:#ffffff;\n}\n\n\n.sv5fr-final__form-head {\n  display:flex;\n\n  justify-content:space-between;\n  align-items:center;\n\n  gap:20px;\n\n  margin-bottom:14px;\n\n  padding-bottom:13px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n}\n\n\n.sv5fr-final__form-title span {\n  display:block;\n\n  margin-bottom:3px;\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.sv5fr-final__form-title strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:14px;\n  font-weight:700;\n}\n\n\n.sv5fr-final__form-status {\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-final__form-status::before {\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(255,100,51,.09);\n\n  animation:\n    sv5frFormPulse\n    2.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   IFRAME\n========================================================= *\/\n\n.sv5fr-final__iframe {\n  width:100%;\n\n  min-height:750px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n}\n\n\n.sv5fr-final__iframe iframe {\n  display:block;\n\n  width:100%;\n  height:750px;\n\n  margin:0;\n\n  border:0;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   FORM NOTE\n========================================================= *\/\n\n.sv5fr-final__note {\n  margin:\n    12px\n    0\n    0;\n\n  color:#929ba4;\n\n  font-size:7px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   SUPPORT FOOTER\n========================================================= *\/\n\n.sv5fr-final__support {\n  display:grid;\n\n  grid-template-columns:\n    auto\n    1fr\n    auto;\n\n  gap:18px;\n\n  align-items:center;\n\n  margin-top:20px;\n\n  padding:\n    17px\n    20px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.sv5fr-final__support-mark {\n  width:38px;\n  height:38px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n.sv5fr-final__support-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:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv5fr-final__support-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:700;\n}\n\n\n.sv5fr-final__support-side {\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv5frWaPulse {\n\n  0% {\n    opacity:.6;\n    transform:scale(.7);\n  }\n\n  70% {\n    opacity:0;\n    transform:scale(1.5);\n  }\n\n  100% {\n    opacity:0;\n    transform:scale(1.5);\n  }\n\n}\n\n\n@keyframes sv5frFormPulse {\n\n  0%,\n  100% {\n    opacity:.45;\n    transform:scale(.85);\n  }\n\n  50% {\n    opacity:1;\n    transform:scale(1);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv5fr-final__body {\n    grid-template-columns:\n      minmax(250px,.55fr)\n      minmax(0,1.45fr);\n  }\n\n\n  .sv5fr-final__business {\n    padding:\n      30px\n      23px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv5fr-final {\n    padding:\n      46px\n      16px\n      52px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv5fr-final__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv5fr-final__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv5fr-final h2 {\n    max-width:350px;\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  .sv5fr-final__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* JOURNEY *\/\n\n  .sv5fr-final__journey {\n    display:block;\n\n    margin-bottom:16px;\n  }\n\n\n  .sv5fr-final__journey-item {\n    min-height:0;\n\n    padding:\n      16px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv5fr-final__journey-item:last-child {\n    border-bottom:0;\n  }\n\n\n  \/* TOP *\/\n\n  .sv5fr-final__console-top {\n    display:block;\n\n    padding:\n      24px\n      20px;\n  }\n\n\n  .sv5fr-final__console-top h3 {\n    font-size:24px;\n  }\n\n\n  .sv5fr-final__console-top p {\n    margin-bottom:18px;\n\n    font-size:9px;\n  }\n\n\n  .sv5fr-final__wa {\n    width:100%;\n\n    min-height:46px;\n  }\n\n\n  \/* BODY *\/\n\n  .sv5fr-final__body {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  .sv5fr-final__business {\n    padding:\n      26px\n      20px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv5fr-final__business h4 {\n    font-size:22px;\n  }\n\n\n  \/* FORM *\/\n\n  .sv5fr-final__form {\n    padding:\n      18px\n      10px\n      14px;\n  }\n\n\n  .sv5fr-final__form-head {\n    margin:\n      0\n      4px\n      12px;\n  }\n\n\n  .sv5fr-final__form-title strong {\n    font-size:12px;\n  }\n\n\n  .sv5fr-final__iframe {\n    min-height:760px;\n  }\n\n\n  .sv5fr-final__iframe iframe {\n    height:760px;\n  }\n\n\n  \/* SUPPORT *\/\n\n  .sv5fr-final__support {\n    grid-template-columns:\n      36px\n      1fr;\n\n    gap:12px;\n\n    padding:\n      15px\n      16px;\n  }\n\n\n  .sv5fr-final__support-side {\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv5fr-final h2 {\n    font-size:29px;\n  }\n\n\n  .sv5fr-final__form-status {\n    display:none;\n  }\n\n\n  .sv5fr-final__iframe,\n  .sv5fr-final__iframe iframe {\n    min-height:780px;\n    height:780px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv5fr-final *,\n  .sv5fr-final *::before,\n  .sv5fr-final *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv5fr-final\"\n  id=\"sv5fr-enquiry\">\n\n\n  <div class=\"sv5fr-final__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv5fr-final__header\">\n\n\n      <div>\n\n\n        <div class=\"sv5fr-final__eyebrow\">\n          Business Enquiry\n        <\/div>\n\n\n        <h2>\n\n          Ready to Put the 5FR\n\n          <span>\n            to Work for Your Business?\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv5fr-final__intro\">\n        Speak with the Farizon Singapore team about the\n        SuperVan 5FR Cargo, vehicle availability, test drives\n        and suitability for your commercial operations.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         JOURNEY\n    ====================================================== -->\n\n    <div class=\"sv5fr-final__journey\">\n\n\n      <div class=\"sv5fr-final__journey-item\">\n\n\n        <div class=\"sv5fr-final__journey-num\">\n          01\n        <\/div>\n\n\n        <div class=\"sv5fr-final__journey-copy\">\n\n          <span>\n            Tell Us\n          <\/span>\n\n          <strong>\n            Your Business Needs\n          <\/strong>\n\n          <p>\n            Share how the vehicle will be used in your operation.\n          <\/p>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"sv5fr-final__journey-item\">\n\n\n        <div class=\"sv5fr-final__journey-num\">\n          02\n        <\/div>\n\n\n        <div class=\"sv5fr-final__journey-copy\">\n\n          <span>\n            Discuss\n          <\/span>\n\n          <strong>\n            Vehicle Suitability\n          <\/strong>\n\n          <p>\n            Speak with our team about the 5FR Cargo for your use case.\n          <\/p>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"sv5fr-final__journey-item\">\n\n\n        <div class=\"sv5fr-final__journey-num\">\n          03\n        <\/div>\n\n\n        <div class=\"sv5fr-final__journey-copy\">\n\n          <span>\n            Experience\n          <\/span>\n\n          <strong>\n            Arrange a Test Drive\n          <\/strong>\n\n          <p>\n            Explore the vehicle before deciding on your fleet needs.\n          <\/p>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         ENQUIRY CONSOLE\n    ====================================================== -->\n\n    <div class=\"sv5fr-final__console\">\n\n\n      <!-- TOP -->\n\n      <div class=\"sv5fr-final__console-top\">\n\n\n        <div>\n\n          <span class=\"sv5fr-final__console-label\">\n            SuperVan 5FR Cargo\n          <\/span>\n\n          <h3>\n            Start Your Commercial Vehicle Enquiry.\n          <\/h3>\n\n          <p>\n            Submit the form below or contact us directly on\n            WhatsApp for assistance with the Farizon SuperVan 5FR Cargo.\n          <\/p>\n\n        <\/div>\n\n\n\n        <a class=\"sv5fr-final__wa\" href=\"https:\/\/wa.me\/6591122222?text=Hi%20Farizon%20Singapore%2C%20I%20would%20like%20to%20enquire%20about%20the%20Farizon%20SuperVan%205FR%20Cargo.\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n          <span class=\"sv5fr-final__wa-dot\"><\/span>\n\n          WhatsApp Us\n\n        <\/a>\n\n\n      <\/div>\n\n\n\n      <!-- BODY -->\n\n      <div class=\"sv5fr-final__body\">\n\n\n        <!-- =================================================\n             BUSINESS PANEL\n        ================================================== -->\n\n        <aside class=\"sv5fr-final__business\">\n\n\n          <span class=\"sv5fr-final__business-label\">\n            How We Can Help\n          <\/span>\n\n\n          <h4>\n            Discuss the 5FR Around Your Operation.\n          <\/h4>\n\n\n          <p>\n            Whether you are planning a single commercial vehicle\n            or evaluating vehicles for fleet use, our team can\n            assist with product enquiries and next steps.\n          <\/p>\n\n\n\n          <div class=\"sv5fr-final__types\">\n\n\n            <div class=\"sv5fr-final__type\">\n\n              <span class=\"sv5fr-final__type-dot\"><\/span>\n\n              <div>\n\n                <strong>\n                  Product Enquiry\n                <\/strong>\n\n                <span>\n                  Learn more about the SuperVan 5FR Cargo.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv5fr-final__type\">\n\n              <span class=\"sv5fr-final__type-dot\"><\/span>\n\n              <div>\n\n                <strong>\n                  Test Drive\n                <\/strong>\n\n                <span>\n                  Arrange a closer look at the vehicle.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv5fr-final__type\">\n\n              <span class=\"sv5fr-final__type-dot\"><\/span>\n\n              <div>\n\n                <strong>\n                  Fleet Enquiry\n                <\/strong>\n\n                <span>\n                  Discuss commercial vehicle requirements for your fleet.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv5fr-final__type\">\n\n              <span class=\"sv5fr-final__type-dot\"><\/span>\n\n              <div>\n\n                <strong>\n                  Business Application\n                <\/strong>\n\n                <span>\n                  Talk to us about your delivery or logistics use case.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- CONTACT -->\n\n          <div class=\"sv5fr-final__contact\">\n\n\n            <span class=\"sv5fr-final__contact-title\">\n              Farizon Singapore\n            <\/span>\n\n\n            <div class=\"sv5fr-final__contact-row\">\n\n              <span>\n                Phone\n              <\/span>\n\n              <strong>\n                +65 8030 8030\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv5fr-final__contact-row\">\n\n              <span>\n                WhatsApp\n              <\/span>\n\n              <strong>\n                +65 9112 2222\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv5fr-final__contact-row\">\n\n              <span>\n                Email\n              <\/span>\n\n              <strong>\n                marketing@hongseh.sg\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv5fr-final__contact-row\">\n\n              <span>\n                Address\n              <\/span>\n\n              <strong>\n                10, Fourth Lok Yang Rd\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/aside>\n\n\n\n        <!-- =================================================\n             FORM\n        ================================================== -->\n\n        <div class=\"sv5fr-final__form\">\n\n\n          <div class=\"sv5fr-final__form-head\">\n\n\n            <div class=\"sv5fr-final__form-title\">\n\n              <span>\n                Direct Enquiry\n              <\/span>\n\n              <strong>\n                Send Your Details\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv5fr-final__form-status\">\n              Enquiry Form\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv5fr-final__iframe\">\n\n\n            <iframe\n              id=\"pc-iframe-5fr\"\n              src=\"https:\/\/app.peppercloud.com\/form\/4f15ac08-228d-46d1-8691-0d21e8ecd7df\/embed\"\n              title=\"Farizon SuperVan 5FR Cargo enquiry form\"\n              loading=\"lazy\"\n              scrolling=\"no\">\n            <\/iframe>\n\n\n          <\/div>\n\n\n\n          <p class=\"sv5fr-final__note\">\n            Vehicle availability, specifications, configurations and\n            commercial suitability should be confirmed with the\n            Farizon Singapore team before purchase.\n          <\/p>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         LOCAL SUPPORT\n    ====================================================== -->\n\n    <div class=\"sv5fr-final__support\">\n\n\n      <div class=\"sv5fr-final__support-mark\">\n        HS\n      <\/div>\n\n\n      <div class=\"sv5fr-final__support-copy\">\n\n        <span>\n          Local Support\n        <\/span>\n\n        <strong>\n          Farizon commercial vehicle support by Hong Seh Motors.\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"sv5fr-final__support-side\">\n        Singapore\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   SUPERVAN 5FR CARGO\n   GLOBAL SECTION GAP FIX\n   Remove Gutenberg \/ Blocksy spacing between Custom HTML blocks\n========================================================= *\/\n\n\/* Remove Gutenberg block spacing *\/\n.entry-content > .wp-block-html {\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\/* Remove spacing between consecutive HTML sections *\/\n.entry-content > .wp-block-html + .wp-block-html {\n  margin-top: 0 !important;\n  margin-block-start: 0 !important;\n}\n\n\n\/* Blocksy content spacing variable *\/\n.entry-content,\n.site-main .entry-content {\n  gap: 0 !important;\n  row-gap: 0 !important;\n\n  --theme-content-spacing: 0px !important;\n}\n\n\n\/* Remove accidental empty Gutenberg paragraphs *\/\n.entry-content > p:empty,\n.entry-content > p:has(br:only-child) {\n  display: none !important;\n\n  height: 0 !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =========================================================\n   SPECIFIC 5FR SECTION SAFETY\n========================================================= *\/\n\n.sv5fr-hero2,\n.sv5fr-cargo2,\n.sv5fr-energy,\n.sv5fr-biz,\n.sv5fr-cabin,\n.sv5fr-video,\n.sv5fr-final {\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\n\n\/* Prevent WordPress wrapper from creating whitespace *\/\n.wp-block-html:has(.sv5fr-hero2),\n.wp-block-html:has(.sv5fr-cargo2),\n.wp-block-html:has(.sv5fr-energy),\n.wp-block-html:has(.sv5fr-biz),\n.wp-block-html:has(.sv5fr-cabin),\n.wp-block-html:has(.sv5fr-video),\n.wp-block-html:has(.sv5fr-final) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  margin-block-start: 0 !important;\n  margin-block-end: 0 !important;\n}\n\n\n\/* Remove spacing between our specific section blocks *\/\n.wp-block-html:has(.sv5fr-hero2)\n+ .wp-block-html,\n\n.wp-block-html:has(.sv5fr-cargo2)\n+ .wp-block-html,\n\n.wp-block-html:has(.sv5fr-energy)\n+ .wp-block-html,\n\n.wp-block-html:has(.sv5fr-biz)\n+ .wp-block-html,\n\n.wp-block-html:has(.sv5fr-cabin)\n+ .wp-block-html,\n\n.wp-block-html:has(.sv5fr-video)\n+ .wp-block-html {\n  margin-top: 0 !important;\n  margin-block-start: 0 !important;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Farizon SuperVan 5FR Cargo Farizon SuperVan 5FR Electric Cargo Van Singapore Built for last-mile delivery, service runs and urban logistics, the Farizon SuperVan 5FR Cargo Van offers 6.95m\u00b3 of cargo space in a compact 4.99m body designed around practical commercial work. Last-Mile Delivery Urban Logistics Service Fleets Commercial Delivery Explore Cargo Space \u2193 Enquire About [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-537","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/farizon.com.sg\/author\/admin"},"uagb_comment_info":0,"uagb_excerpt":"Farizon SuperVan 5FR Cargo Farizon SuperVan 5FR Electric Cargo Van Singapore Built for last-mile delivery, service runs and urban logistics, the Farizon SuperVan 5FR Cargo Van offers 6.95m\u00b3 of cargo space in a compact 4.99m body designed around practical commercial work. Last-Mile Delivery Urban Logistics Service Fleets Commercial Delivery Explore Cargo Space \u2193 Enquire About&hellip;","_links":{"self":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/537","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=537"}],"version-history":[{"count":13,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/537\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/537\/revisions\/575"}],"wp:attachment":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}