{"id":541,"date":"2026-10-01T08:38:15","date_gmt":"2026-10-01T08:38:15","guid":{"rendered":"https:\/\/farizon.com.sg\/new\/?page_id=541"},"modified":"2026-10-05T02:48:24","modified_gmt":"2026-10-05T02:48:24","slug":"bus-91","status":"publish","type":"page","link":"https:\/\/farizon.com.sg\/?page_id=541","title":{"rendered":"Bus (9+1)"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR 9+1\n   SECTION 01 \u2014 HERO\n   REVISED PASSENGER VERSION\n========================================================= *\/\n\n.svfr91-hero,\n.svfr91-hero *,\n.svfr91-hero *::before,\n.svfr91-hero *::after {\n  box-sizing:border-box;\n}\n\n.svfr91-hero {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#172938;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e1e6ea;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 78% 22%,\n      rgba(255,100,51,.09),\n      transparent 27%\n    ),\n    linear-gradient(\n      180deg,\n      #f9fafb 0%,\n      #edf2f5 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n\n  --px:0px;\n  --py:0px;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.svfr91-hero::before {\n  content:\"\";\n\n  position:absolute;\n  inset:-70px;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.023) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.023) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    54px\n    54px;\n\n  animation:\n    svfr91Grid\n    18s\n    linear\n    infinite;\n\n  pointer-events:none;\n}\n\n\n.svfr91-hero::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:560px;\n  height:560px;\n\n  right:-320px;\n  top:-340px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(255,100,51,.10);\n\n  box-shadow:\n    inset\n    0\n    0\n    80px\n    rgba(255,100,51,.035);\n\n  animation:\n    svfr91Halo\n    8s\n    ease-in-out\n    infinite;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.svfr91-hero__inner {\n  position:relative;\n  z-index:3;\n\n  width:100%;\n  max-width:1280px;\n\n  min-height:735px;\n\n  margin:0 auto;\n\n  padding:\n    56px\n    24px\n    36px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(410px,.82fr)\n    minmax(0,1.18fr);\n\n  gap:46px;\n\n  align-items:center;\n}\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.svfr91-hero__copy {\n  position:relative;\n  z-index:9;\n\n  max-width:600px;\n\n  animation:\n    svfr91CopyIn\n    .85s\n    cubic-bezier(.2,.7,.3,1)\n    both;\n}\n\n\n.svfr91-hero__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:14px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.45px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-hero__eyebrow::before {\n  content:\"\";\n\n  width:34px;\n  height:2px;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 10px\n    rgba(255,100,51,.32);\n}\n\n\n.svfr91-hero h1 {\n  max-width:625px;\n\n  margin:\n    0\n    0\n    17px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      42px,\n      4.2vw,\n      58px\n    );\n\n  line-height:1.01;\n\n  letter-spacing:-1.3px;\n\n  font-weight:750;\n}\n\n\n.svfr91-hero h1 span {\n  display:block;\n\n  margin-top:6px;\n\n  color:var(--orange);\n}\n\n\n.svfr91-hero__lead {\n  max-width:575px;\n\n  margin:\n    0\n    0\n    20px;\n\n  color:var(--text);\n\n  font-size:14px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   CHIPS\n========================================================= *\/\n\n.svfr91-hero__chips {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-bottom:24px;\n}\n\n\n.svfr91-hero__chip {\n  position:relative;\n\n  padding:\n    8px\n    11px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    #dce2e6;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  color:#66717c;\n\n  font-size:8px;\n  font-weight:650;\n\n  white-space:nowrap;\n}\n\n\n.svfr91-hero__chip::after {\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n\n  left:-55px;\n\n  width:35px;\n\n  transform:\n    skewX(-20deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,100,51,.10),\n      transparent\n    );\n\n  animation:\n    svfr91ChipSweep\n    6s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.svfr91-hero__actions {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:10px;\n\n  margin-bottom:27px;\n}\n\n\n.svfr91-hero__btn {\n  min-height:47px;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:8px;\n\n  padding:\n    0\n    18px;\n\n  border:\n    1px solid\n    transparent;\n\n  text-decoration:none !important;\n\n  font-size:10px;\n  font-weight:700;\n\n  transition:\n    transform .22s ease,\n    background .22s ease,\n    border-color .22s ease;\n}\n\n\n.svfr91-hero__btn:hover {\n  transform:\n    translateY(-3px);\n}\n\n\n.svfr91-hero__btn--primary {\n  position:relative;\n\n  overflow:hidden;\n\n  background:var(--orange);\n\n  color:#ffffff !important;\n\n  box-shadow:\n    0 12px 25px\n    rgba(255,100,51,.18);\n}\n\n\n.svfr91-hero__btn--primary::after {\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n\n  left:-70px;\n\n  width:42px;\n\n  transform:\n    skewX(-20deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.28),\n      transparent\n    );\n\n  animation:\n    svfr91ButtonSweep\n    4.7s\n    ease-in-out\n    infinite;\n}\n\n\n.svfr91-hero__btn--primary:hover {\n  background:var(--orange-dark);\n}\n\n\n.svfr91-hero__btn--secondary {\n  border-color:#cbd2d8;\n\n  background:\n    rgba(255,255,255,.76);\n\n  color:var(--navy) !important;\n}\n\n\n.svfr91-hero__btn--secondary:hover {\n  border-color:var(--navy);\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   POSITIONING MESSAGE\n========================================================= *\/\n\n.svfr91-hero__position {\n  display:grid;\n\n  grid-template-columns:\n    44px\n    1fr;\n\n  gap:12px;\n\n  align-items:center;\n\n  max-width:555px;\n\n  padding-top:17px;\n\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n.svfr91-hero__position-mark {\n  position:relative;\n\n  width:42px;\n  height:42px;\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  border:\n    1px solid\n    rgba(255,100,51,.22);\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:800;\n}\n\n\n.svfr91-hero__position-mark::after {\n  content:\"\";\n\n  position:absolute;\n\n  inset:-6px;\n\n  border:\n    1px solid\n    rgba(255,100,51,.16);\n\n  border-radius:50%;\n\n  animation:\n    svfr91MarkPulse\n    2.8s\n    ease-out\n    infinite;\n}\n\n\n.svfr91-hero__position-copy span {\n  display:block;\n\n  margin-bottom:3px;\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.svfr91-hero__position-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:650;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.svfr91-hero__visual {\n  position:relative;\n\n  min-height:625px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    linear-gradient(\n      145deg,\n      #eef2f4 0%,\n      #dfe6ea 100%\n    );\n\n  box-shadow:\n    0 25px 58px\n    rgba(38,54,72,.09);\n\n  transform:\n    translate(\n      calc(var(--px) * .18),\n      calc(var(--py) * .18)\n    );\n}\n\n\n.svfr91-hero__visual::before {\n  content:\"\";\n\n  position:absolute;\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   ROUTE\n========================================================= *\/\n\n.svfr91-hero__route {\n  position:absolute;\n\n  z-index:1;\n\n  inset:\n    70px\n    35px\n    135px\n    35px;\n\n  opacity:.82;\n\n  pointer-events:none;\n}\n\n\n.svfr91-hero__route svg {\n  width:100%;\n  height:100%;\n}\n\n\n.svfr91-hero__route-path {\n  fill:none;\n\n  stroke:\n    rgba(38,54,72,.18);\n\n  stroke-width:2;\n\n  stroke-dasharray:\n    6\n    9;\n\n  vector-effect:\n    non-scaling-stroke;\n\n  animation:\n    svfr91RouteDash\n    14s\n    linear\n    infinite;\n}\n\n\n.svfr91-hero__route-path--active {\n  fill:none;\n\n  stroke:var(--orange);\n\n  stroke-width:2;\n\n  stroke-dasharray:\n    45\n    340;\n\n  stroke-linecap:round;\n\n  vector-effect:\n    non-scaling-stroke;\n\n  filter:\n    drop-shadow(\n      0\n      0\n      5px\n      rgba(255,100,51,.35)\n    );\n\n  animation:\n    svfr91RouteSignal\n    5.4s\n    linear\n    infinite;\n}\n\n\n\/* =========================================================\n   ROUTE POINTS\n========================================================= *\/\n\n.svfr91-hero__point {\n  position:absolute;\n\n  z-index:3;\n\n  width:11px;\n  height:11px;\n\n  border-radius:50%;\n\n  background:#ffffff;\n\n  border:\n    3px solid\n    var(--navy);\n}\n\n\n.svfr91-hero__point::after {\n  content:\"\";\n\n  position:absolute;\n\n  inset:-8px;\n\n  border:\n    1px solid\n    rgba(38,54,72,.15);\n\n  border-radius:50%;\n\n  animation:\n    svfr91PointPulse\n    3s\n    ease-out\n    infinite;\n}\n\n\n.svfr91-hero__point--1 {\n  left:10%;\n  top:29%;\n}\n\n\n.svfr91-hero__point--2 {\n  right:13%;\n  top:22%;\n}\n\n\n.svfr91-hero__point--3 {\n  right:20%;\n  bottom:26%;\n}\n\n\n\/* =========================================================\n   REAL EXTERIOR PHOTO\n========================================================= *\/\n\n.svfr91-hero__photo {\n  position:absolute;\n\n  z-index:7;\n\n  right:20px;\n  top:20px;\n\n  width:190px;\n  height:132px;\n\n  overflow:hidden;\n\n  border:\n    5px solid\n    rgba(255,255,255,.97);\n\n  background:#d6dde1;\n\n  box-shadow:\n    0 17px 37px\n    rgba(38,54,72,.15);\n\n  animation:\n    svfr91PhotoFloat\n    5.8s\n    ease-in-out\n    infinite;\n}\n\n\n.svfr91-hero__photo img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center;\n}\n\n\n\/* =========================================================\n   VEHICLE SHADOW\n========================================================= *\/\n\n.svfr91-hero__vehicle-shadow {\n  position:absolute;\n\n  z-index:2;\n\n  left:50%;\n  top:70%;\n\n  width:64%;\n  height:38px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      ellipse,\n      rgba(38,54,72,.22),\n      transparent 70%\n    );\n\n  filter:\n    blur(9px);\n\n  animation:\n    svfr91Shadow\n    5.2s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   NEW PASSENGER VEHICLE PNG\n========================================================= *\/\n\n.svfr91-hero__vehicle {\n  position:absolute;\n\n  z-index:5;\n\n  left:50%;\n  top:50%;\n\n  width:\n    min(\n      96%,\n      690px\n    );\n\n  transform:\n    translate(\n      calc(-50% + var(--px) * .42),\n      calc(-50% + var(--py) * .42)\n    );\n\n  animation:\n    svfr91VehicleFloat\n    5.2s\n    ease-in-out\n    infinite;\n\n  filter:\n    drop-shadow(\n      0\n      27px\n      21px\n      rgba(38,54,72,.17)\n    );\n}\n\n\n.svfr91-hero__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  object-fit:contain;\n}\n\n\n\/* =========================================================\n   VEHICLE BADGE\n========================================================= *\/\n\n.svfr91-hero__badge {\n  position:absolute;\n\n  z-index:8;\n\n  left:20px;\n  top:20px;\n\n  padding:\n    9px\n    11px;\n\n  background:\n    rgba(38,54,72,.96);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 11px 27px\n    rgba(0,0,0,.13);\n}\n\n\n.svfr91-hero__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-hero__badge strong {\n  display:block;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   FLOATING PASSENGER MESSAGE\n========================================================= *\/\n\n.svfr91-hero__mobility {\n  position:absolute;\n\n  z-index:8;\n\n  left:20px;\n  bottom:143px;\n\n  max-width:205px;\n\n  padding:\n    11px\n    13px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 13px 28px\n    rgba(38,54,72,.10);\n\n  animation:\n    svfr91MobilityFloat\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.svfr91-hero__mobility span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-hero__mobility strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   STATS\n========================================================= *\/\n\n.svfr91-hero__stats {\n  position:absolute;\n\n  z-index:10;\n\n  left:20px;\n  right:20px;\n  bottom:18px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.52);\n\n  background:\n    rgba(255,255,255,.96);\n\n  box-shadow:\n    0 12px 30px\n    rgba(38,54,72,.10);\n}\n\n\n.svfr91-hero__stat {\n  position:relative;\n\n  padding:\n    12px\n    13px;\n\n  overflow:hidden;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.svfr91-hero__stat:last-child {\n  border-right:0;\n}\n\n\n.svfr91-hero__stat::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  height:2px;\n\n  width:0;\n\n  background:var(--orange);\n\n  animation:\n    svfr91StatLine\n    4.8s\n    ease-in-out\n    infinite;\n}\n\n\n.svfr91-hero__stat:nth-child(2)::after {\n  animation-delay:.5s;\n}\n\n\n.svfr91-hero__stat:nth-child(3)::after {\n  animation-delay:1s;\n}\n\n\n.svfr91-hero__stat span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.75px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-hero__stat strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:10px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.svfr91-hero__note {\n  grid-column:\n    1 \/ -1;\n\n  margin:\n    -2px\n    0\n    0;\n\n  color:#929ba4;\n\n  font-size:7px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes svfr91Grid {\n\n  from {\n    transform:\n      translate3d(0,0,0);\n  }\n\n  to {\n    transform:\n      translate3d(\n        54px,\n        54px,\n        0\n      );\n  }\n\n}\n\n\n@keyframes svfr91Halo {\n\n  0%,\n  100% {\n    transform:\n      scale(.92);\n\n    opacity:.55;\n  }\n\n  50% {\n    transform:\n      scale(1.08);\n\n    opacity:1;\n  }\n\n}\n\n\n@keyframes svfr91CopyIn {\n\n  from {\n    opacity:.15;\n\n    transform:\n      translateX(-18px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateX(0);\n  }\n\n}\n\n\n@keyframes svfr91ChipSweep {\n\n  0%,\n  65% {\n    left:-55px;\n  }\n\n  100% {\n    left:120%;\n  }\n\n}\n\n\n@keyframes svfr91ButtonSweep {\n\n  0%,\n  55% {\n    left:-70px;\n  }\n\n  100% {\n    left:125%;\n  }\n\n}\n\n\n@keyframes svfr91MarkPulse {\n\n  from {\n    opacity:.7;\n\n    transform:\n      scale(.65);\n  }\n\n  to {\n    opacity:0;\n\n    transform:\n      scale(1.55);\n  }\n\n}\n\n\n@keyframes svfr91RouteDash {\n\n  to {\n    stroke-dashoffset:-150;\n  }\n\n}\n\n\n@keyframes svfr91RouteSignal {\n\n  from {\n    stroke-dashoffset:380;\n  }\n\n  to {\n    stroke-dashoffset:-380;\n  }\n\n}\n\n\n@keyframes svfr91PointPulse {\n\n  from {\n    opacity:.55;\n\n    transform:\n      scale(.55);\n  }\n\n  to {\n    opacity:0;\n\n    transform:\n      scale(1.55);\n  }\n\n}\n\n\n@keyframes svfr91PhotoFloat {\n\n  0%,\n  100% {\n    transform:\n      rotate(1.5deg)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      rotate(.5deg)\n      translateY(-6px);\n  }\n\n}\n\n\n@keyframes svfr91VehicleFloat {\n\n  0%,\n  100% {\n    margin-top:0;\n  }\n\n  50% {\n    margin-top:-9px;\n  }\n\n}\n\n\n@keyframes svfr91Shadow {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      scaleX(1);\n\n    opacity:.75;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scaleX(.88);\n\n    opacity:.54;\n  }\n\n}\n\n\n@keyframes svfr91MobilityFloat {\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 svfr91StatLine {\n\n  0%,\n  20% {\n    width:0;\n  }\n\n  60% {\n    width:100%;\n  }\n\n  85%,\n  100% {\n    width:0;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .svfr91-hero__inner {\n    grid-template-columns:\n      minmax(370px,.86fr)\n      minmax(0,1.14fr);\n\n    gap:34px;\n  }\n\n\n  .svfr91-hero h1 {\n    font-size:46px;\n  }\n\n\n  .svfr91-hero__photo {\n    width:150px;\n    height:110px;\n  }\n\n\n  .svfr91-hero__vehicle {\n    width:98%;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .svfr91-hero__inner {\n    min-height:0;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:stretch;\n\n    gap:29px;\n\n    padding:\n      46px\n      16px\n      24px;\n  }\n\n\n  .svfr91-hero__copy {\n    max-width:none;\n  }\n\n\n  .svfr91-hero__eyebrow {\n    margin-bottom:10px;\n\n    font-size:8px;\n  }\n\n\n  .svfr91-hero h1 {\n    max-width:370px;\n\n    margin-bottom:14px;\n\n    font-size:34px;\n\n    line-height:1.04;\n\n    letter-spacing:-.8px;\n  }\n\n\n  .svfr91-hero__lead {\n    max-width:380px;\n\n    margin-bottom:18px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  .svfr91-hero__chips {\n    margin-bottom:19px;\n  }\n\n\n  .svfr91-hero__chip {\n    padding:\n      7px\n      9px;\n\n    font-size:7px;\n  }\n\n\n  .svfr91-hero__actions {\n    display:grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    margin-bottom:21px;\n  }\n\n\n  .svfr91-hero__btn {\n    min-height:44px;\n\n    padding:\n      0\n      9px;\n\n    font-size:8px;\n  }\n\n\n  .svfr91-hero__position-copy strong {\n    font-size:9px;\n  }\n\n\n  \/* VISUAL *\/\n\n  .svfr91-hero__visual {\n    min-height:560px;\n\n    transform:none !important;\n  }\n\n\n  .svfr91-hero__route {\n    inset:\n      70px\n      18px\n      160px\n      18px;\n  }\n\n\n  .svfr91-hero__vehicle {\n    width:108%;\n\n    top:50%;\n\n    transform:\n      translate(\n        -50%,\n        -50%\n      ) !important;\n  }\n\n\n  .svfr91-hero__vehicle-shadow {\n    top:69%;\n\n    width:68%;\n  }\n\n\n  .svfr91-hero__photo {\n    top:14px;\n    right:14px;\n\n    width:108px;\n    height:80px;\n\n    border-width:4px;\n  }\n\n\n  .svfr91-hero__badge {\n    top:14px;\n    left:14px;\n\n    padding:\n      8px\n      9px;\n  }\n\n\n  .svfr91-hero__mobility {\n    left:12px;\n    bottom:146px;\n\n    max-width:165px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  .svfr91-hero__mobility strong {\n    font-size:7px;\n  }\n\n\n  \/* STATS *\/\n\n  .svfr91-hero__stats {\n    left:11px;\n    right:11px;\n    bottom:11px;\n\n    grid-template-columns:1fr;\n  }\n\n\n  .svfr91-hero__stat {\n    padding:\n      7px\n      9px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .svfr91-hero__stat:last-child {\n    border-bottom:0;\n  }\n\n\n  .svfr91-hero__stat strong {\n    font-size:8px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .svfr91-hero h1 {\n    font-size:30px;\n  }\n\n\n  .svfr91-hero__actions {\n    grid-template-columns:1fr;\n  }\n\n\n  .svfr91-hero__visual {\n    min-height:535px;\n  }\n\n\n  .svfr91-hero__vehicle {\n    width:112%;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .svfr91-hero *,\n  .svfr91-hero *::before,\n  .svfr91-hero *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"svfr91-hero\"\n  id=\"supervan-9-1\">\n\n\n  <div class=\"svfr91-hero__inner\">\n\n\n    <!-- =====================================================\n         CONTENT\n    ====================================================== -->\n\n    <div class=\"svfr91-hero__copy\">\n\n\n      <div class=\"svfr91-hero__eyebrow\">\n        Farizon SuperVan 5FR \u00b7 9+1\n      <\/div>\n\n\n      <h1>\n\n        9+1 Electric Minibus Singapore\n\n        <span>\n          Compact Passenger Mobility.\n        <\/span>\n\n      <\/h1>\n\n\n      <p class=\"svfr91-hero__lead\">\n        The Farizon SuperVan 9+1 is an electric minibus\n        designed for comfortable and efficient passenger\n        transport in Singapore, with a practical configuration\n        for shuttle services, staff transport and other\n        commercial passenger applications.\n      <\/p>\n\n\n\n      <!-- CHIPS -->\n\n      <div class=\"svfr91-hero__chips\">\n\n\n        <span class=\"svfr91-hero__chip\">\n          9+1 Configuration\n        <\/span>\n\n\n        <span class=\"svfr91-hero__chip\">\n          Shuttle Services\n        <\/span>\n\n\n        <span class=\"svfr91-hero__chip\">\n          Staff Transport\n        <\/span>\n\n\n        <span class=\"svfr91-hero__chip\">\n          Commercial Passenger Mobility\n        <\/span>\n\n\n      <\/div>\n\n\n\n      <!-- CTA -->\n\n      <div class=\"svfr91-hero__actions\">\n\n\n        <a\n          class=\"svfr91-hero__btn svfr91-hero__btn--primary\"\n          href=\"#svfr91-config\">\n\n          Explore 9+1 Configuration\n\n          <span>\n            \u2193\n          <\/span>\n\n        <\/a>\n\n\n        <a\n          class=\"svfr91-hero__btn svfr91-hero__btn--secondary\"\n          href=\"#svfr91-enquiry\">\n\n          Discuss Your Requirement\n\n          <span>\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n      <\/div>\n\n\n\n      <div class=\"svfr91-hero__position\">\n\n\n        <div class=\"svfr91-hero__position-mark\">\n          9+1\n        <\/div>\n\n\n        <div class=\"svfr91-hero__position-copy\">\n\n          <span>\n            Passenger-Focused SuperVan\n          <\/span>\n\n          <strong>\n            A compact all-electric passenger vehicle for\n            everyday commercial mobility and shuttle operations.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         VISUAL\n    ====================================================== -->\n\n    <div class=\"svfr91-hero__visual\">\n\n\n      <!-- ROUTE -->\n\n      <div class=\"svfr91-hero__route\">\n\n\n        <svg\n          viewBox=\"0 0 800 420\"\n          preserveAspectRatio=\"none\"\n          aria-hidden=\"true\">\n\n\n          <path\n            class=\"svfr91-hero__route-path\"\n            d=\"\n            M40,245\n            C135,100\n            230,95\n            310,185\n            C390,275\n            500,295\n            610,165\n            C675,90\n            720,115\n            765,185\">\n          <\/path>\n\n\n          <path\n            class=\"svfr91-hero__route-path--active\"\n            d=\"\n            M40,245\n            C135,100\n            230,95\n            310,185\n            C390,275\n            500,295\n            610,165\n            C675,90\n            720,115\n            765,185\">\n          <\/path>\n\n\n        <\/svg>\n\n\n      <\/div>\n\n\n\n      <span class=\"svfr91-hero__point svfr91-hero__point--1\"><\/span>\n      <span class=\"svfr91-hero__point svfr91-hero__point--2\"><\/span>\n      <span class=\"svfr91-hero__point svfr91-hero__point--3\"><\/span>\n\n\n\n      <!-- BADGE -->\n\n      <div class=\"svfr91-hero__badge\">\n\n        <span>\n          Electric Passenger Vehicle\n        <\/span>\n\n        <strong>\n          SuperVan 5FR \u00b7 9+1\n        <\/strong>\n\n      <\/div>\n\n\n\n      <!-- REAL EXTERIOR -->\n\n      <div class=\"svfr91-hero__photo\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_024300414_iOS-scaled.jpg\"\n          alt=\"Farizon SuperVan 9+1 electric minibus exterior\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n      <\/div>\n\n\n\n      <!-- SHADOW -->\n\n      <div class=\"svfr91-hero__vehicle-shadow\"><\/div>\n\n\n\n      <!-- ===================================================\n           CORRECT 9+1 PASSENGER PNG\n      ==================================================== -->\n\n      <div class=\"svfr91-hero__vehicle\">\n\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Untitled-design-1-scaled.png\"\n          alt=\"Farizon SuperVan 5FR 9+1 electric minibus Singapore\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n\n      <\/div>\n\n\n\n      <!-- SIMPLE MESSAGE ONLY -->\n\n      <div class=\"svfr91-hero__mobility\">\n\n        <span>\n          Passenger Mobility\n        <\/span>\n\n        <strong>\n          Designed for shuttle, staff and commercial passenger transport.\n        <\/strong>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           EV SPECS\n      ==================================================== -->\n\n      <div class=\"svfr91-hero__stats\">\n\n\n        <div class=\"svfr91-hero__stat\">\n\n          <span>\n            WLTP Range\n          <\/span>\n\n          <strong>\n            Up to 376km\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"svfr91-hero__stat\">\n\n          <span>\n            Battery Capacity\n          <\/span>\n\n          <strong>\n            Up to 83kWh\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"svfr91-hero__stat\">\n\n          <span>\n            DC Fast Charging\n          <\/span>\n\n          <strong>\n            20\u201380% in as little as 15 min\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"svfr91-hero__note\">\n      *Range, battery capacity, charging performance and final\n      passenger configuration may vary according to vehicle\n      specification, operating conditions and selected conversion.\n      Confirm the required configuration with Farizon Singapore.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const hero =\n    document.getElementById(\n      \"supervan-9-1\"\n    );\n\n  if (!hero) {\n    return;\n  }\n\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const finePointer =\n    window.matchMedia(\n      \"(pointer:fine)\"\n    ).matches;\n\n\n  if (\n    reduceMotion ||\n    !finePointer\n  ) {\n    return;\n  }\n\n\n  hero.addEventListener(\n    \"pointermove\",\n    function (event) {\n\n      const rect =\n        hero.getBoundingClientRect();\n\n\n      const x =\n        (\n          event.clientX -\n          rect.left\n        )\n        \/\n        rect.width;\n\n\n      const y =\n        (\n          event.clientY -\n          rect.top\n        )\n        \/\n        rect.height;\n\n\n      const moveX =\n        (\n          x - .5\n        )\n        *\n        14;\n\n\n      const moveY =\n        (\n          y - .5\n        )\n        *\n        10;\n\n\n      hero.style.setProperty(\n        \"--px\",\n        moveX + \"px\"\n      );\n\n\n      hero.style.setProperty(\n        \"--py\",\n        moveY + \"px\"\n      );\n\n    }\n  );\n\n\n  hero.addEventListener(\n    \"pointerleave\",\n    function () {\n\n      hero.style.setProperty(\n        \"--px\",\n        \"0px\"\n      );\n\n\n      hero.style.setProperty(\n        \"--py\",\n        \"0px\"\n      );\n\n    }\n  );\n\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR 9+1\n   SECTION 02 \u2014 PASSENGER CONFIGURATION\n========================================================= *\/\n\n.svfr91-config,\n.svfr91-config *,\n.svfr91-config *::before,\n.svfr91-config *::after {\n  box-sizing:border-box;\n}\n\n.svfr91-config {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  padding:\n    64px\n    24px\n    68px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n\n  scroll-margin-top:90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.svfr91-config::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n  pointer-events:none;\n}\n\n\n.svfr91-config::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:500px;\n  height:500px;\n\n  right:-310px;\n  bottom:-330px;\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.svfr91-config__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.svfr91-config__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.58fr);\n\n  gap:46px;\n\n  align-items:end;\n\n  margin-bottom:24px;\n}\n\n\n.svfr91-config__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:10px;\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:1.4px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-config__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.svfr91-config h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      36px,\n      3.7vw,\n      49px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.svfr91-config h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.svfr91-config__intro {\n  max-width:455px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:12px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   SELECTOR\n========================================================= *\/\n\n.svfr91-config__selector {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-bottom:12px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 8px 22px\n    rgba(38,54,72,.05);\n}\n\n\n.svfr91-config__selector-item {\n  position:relative;\n\n  min-height:56px;\n\n  display:grid;\n\n  grid-template-columns:\n    25px\n    1fr;\n\n  gap:8px;\n\n  align-items:center;\n\n  padding:\n    8px\n    12px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.svfr91-config__selector-item:last-child {\n  border-right:0;\n}\n\n\n.svfr91-config__selector-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\n\n.svfr91-config__selector-num {\n  width:24px;\n  height:24px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:#f1f3f5;\n\n  color:#89939c;\n\n  font-size:5px;\n  font-weight:800;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.svfr91-config__selector-copy span {\n  display:block;\n\n  margin-bottom:2px;\n\n  color:#a0a8b0;\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-config__selector-copy strong {\n  display:block;\n\n  color:#7b858f;\n\n  font-size:7px;\n  font-weight:700;\n\n  transition:\n    color .25s ease;\n}\n\n\n\/* ACTIVE SELECTOR *\/\n\n.svfr91-config[data-active=\"0\"]\n.svfr91-config__selector-item:nth-child(1),\n\n.svfr91-config[data-active=\"1\"]\n.svfr91-config__selector-item:nth-child(2),\n\n.svfr91-config[data-active=\"2\"]\n.svfr91-config__selector-item:nth-child(3) {\n  background:#fafbfc;\n}\n\n\n.svfr91-config[data-active=\"0\"]\n.svfr91-config__selector-item:nth-child(1)\n.svfr91-config__selector-num,\n\n.svfr91-config[data-active=\"1\"]\n.svfr91-config__selector-item:nth-child(2)\n.svfr91-config__selector-num,\n\n.svfr91-config[data-active=\"2\"]\n.svfr91-config__selector-item:nth-child(3)\n.svfr91-config__selector-num {\n  background:var(--orange);\n\n  color:#ffffff;\n}\n\n\n.svfr91-config[data-active=\"0\"]\n.svfr91-config__selector-item:nth-child(1)\n.svfr91-config__selector-copy strong,\n\n.svfr91-config[data-active=\"1\"]\n.svfr91-config__selector-item:nth-child(2)\n.svfr91-config__selector-copy strong,\n\n.svfr91-config[data-active=\"2\"]\n.svfr91-config__selector-item:nth-child(3)\n.svfr91-config__selector-copy strong {\n  color:var(--navy);\n}\n\n\n.svfr91-config[data-active=\"0\"]\n.svfr91-config__selector-item:nth-child(1)::after,\n\n.svfr91-config[data-active=\"1\"]\n.svfr91-config__selector-item:nth-child(2)::after,\n\n.svfr91-config[data-active=\"2\"]\n.svfr91-config__selector-item:nth-child(3)::after {\n  animation:\n    svfr91ConfigProgress\n    4.3s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   MAIN STAGE\n========================================================= *\/\n\n.svfr91-config__stage {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.22fr)\n    minmax(350px,.78fr);\n\n  min-height:520px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 23px 56px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   INTERIOR VISUAL\n========================================================= *\/\n\n.svfr91-config__visual {\n  position:relative;\n\n  min-width:0;\n  min-height:520px;\n\n  overflow:hidden;\n\n  background:#dce2e6;\n}\n\n\n\/* =========================================================\n   CROSSFADE IMAGES\n========================================================= *\/\n\n.svfr91-config__photo {\n  position:absolute;\n\n  inset:0;\n\n  opacity:0;\n\n  transform:\n    scale(1.05);\n\n  transition:\n    opacity .85s ease,\n    transform 1.2s ease;\n\n  pointer-events:none;\n}\n\n\n.svfr91-config__photo img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center;\n}\n\n\n.svfr91-config__photo--1 {\n  opacity:1;\n\n  transform:\n    scale(1.02);\n}\n\n\n.svfr91-config[data-photo=\"1\"]\n.svfr91-config__photo--1 {\n  opacity:1;\n\n  transform:\n    scale(1.06);\n}\n\n\n.svfr91-config[data-photo=\"1\"]\n.svfr91-config__photo--2 {\n  opacity:0;\n\n  transform:\n    scale(1.02);\n}\n\n\n.svfr91-config[data-photo=\"2\"]\n.svfr91-config__photo--1 {\n  opacity:0;\n\n  transform:\n    scale(1.02);\n}\n\n\n.svfr91-config[data-photo=\"2\"]\n.svfr91-config__photo--2 {\n  opacity:1;\n\n  transform:\n    scale(1.06);\n}\n\n\n\/* =========================================================\n   IMAGE OVERLAY\n========================================================= *\/\n\n.svfr91-config__visual::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(18,31,43,.05) 0%,\n      transparent 50%,\n      rgba(18,31,43,.34) 100%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n.svfr91-config__badge {\n  position:absolute;\n\n  z-index:8;\n\n  top:20px;\n  left:20px;\n\n  padding:\n    9px\n    11px;\n\n  background:\n    rgba(38,54,72,.95);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 11px 27px\n    rgba(0,0,0,.13);\n}\n\n\n.svfr91-config__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-config__badge strong {\n  display:block;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   IMAGE COUNTER\n========================================================= *\/\n\n.svfr91-config__image-status {\n  position:absolute;\n\n  z-index:8;\n\n  top:20px;\n  right:20px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  padding:\n    8px\n    9px;\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 10px 24px\n    rgba(38,54,72,.09);\n}\n\n\n.svfr91-config__image-dot {\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:#d2d7db;\n\n  transition:\n    background .3s ease,\n    transform .3s ease;\n}\n\n\n.svfr91-config[data-photo=\"1\"]\n.svfr91-config__image-dot:nth-child(1),\n\n.svfr91-config[data-photo=\"2\"]\n.svfr91-config__image-dot:nth-child(2) {\n  background:var(--orange);\n\n  transform:\n    scale(1.3);\n}\n\n\n\/* =========================================================\n   9+1 OVERLAY\n========================================================= *\/\n\n.svfr91-config__capacity {\n  position:absolute;\n\n  z-index:8;\n\n  left:20px;\n  bottom:20px;\n\n  max-width:275px;\n\n  padding:\n    13px\n    14px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 12px 28px\n    rgba(38,54,72,.10);\n}\n\n\n.svfr91-config__capacity span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-config__capacity strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--navy);\n\n  font-size:25px;\n  font-weight:750;\n\n  line-height:1;\n}\n\n\n.svfr91-config__capacity small {\n  display:block;\n\n  color:var(--text);\n\n  font-size:7px;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   CONTENT SIDE\n========================================================= *\/\n\n.svfr91-config__content {\n  display:flex;\n\n  align-items:center;\n\n  min-width:0;\n\n  padding:\n    32px\n    30px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* =========================================================\n   PANES\n========================================================= *\/\n\n.svfr91-config__pane {\n  display:none;\n\n  width:100%;\n\n  animation:\n    svfr91ConfigPane\n    .4s\n    ease\n    both;\n}\n\n\n.svfr91-config[data-active=\"0\"]\n.svfr91-config__pane:nth-child(1),\n\n.svfr91-config[data-active=\"1\"]\n.svfr91-config__pane:nth-child(2),\n\n.svfr91-config[data-active=\"2\"]\n.svfr91-config__pane:nth-child(3) {\n  display:block;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.svfr91-config__pane-label {\n  margin-bottom:8px;\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.svfr91-config__pane h3 {\n  max-width:430px;\n\n  margin:\n    0\n    0\n    11px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      25px,\n      2.5vw,\n      32px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.55px;\n\n  font-weight:700;\n}\n\n\n.svfr91-config__pane p {\n  max-width:430px;\n\n  margin:\n    0\n    0\n    17px;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:10px;\n\n  line-height:1.68;\n}\n\n\n\/* =========================================================\n   DETAIL BLOCKS\n========================================================= *\/\n\n.svfr91-config__details {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap:7px;\n}\n\n\n.svfr91-config__detail {\n  padding:\n    11px;\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.svfr91-config__detail span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:800;\n}\n\n\n.svfr91-config__detail strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n.svfr91-config__detail small {\n  display:block;\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size:6.5px;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   STATEMENT\n========================================================= *\/\n\n.svfr91-config__statement {\n  margin-top:14px;\n\n  padding:\n    11px\n    12px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n.svfr91-config__statement span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.svfr91-config__statement strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:9px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.svfr91-config__note {\n  margin:\n    10px\n    0\n    0;\n\n  color:#929ba4;\n\n  font-size:6.5px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes svfr91ConfigProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes svfr91ConfigPane {\n\n  from {\n    opacity:.15;\n\n    transform:\n      translateY(6px);\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  .svfr91-config__stage {\n    grid-template-columns:\n      minmax(0,1.10fr)\n      minmax(340px,.90fr);\n  }\n\n\n  .svfr91-config__content {\n    padding:\n      28px\n      24px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .svfr91-config {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .svfr91-config__header {\n    display:block;\n\n    margin-bottom:19px;\n  }\n\n\n  .svfr91-config__eyebrow {\n    font-size:8px;\n  }\n\n\n  .svfr91-config h2 {\n    max-width:365px;\n\n    margin-bottom:12px;\n\n    font-size:31px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .svfr91-config__intro {\n    max-width:375px;\n\n    font-size:11px;\n  }\n\n\n  \/* SELECTOR *\/\n\n  .svfr91-config__selector {\n    grid-template-columns:\n      repeat(3,1fr);\n  }\n\n\n  .svfr91-config__selector-item {\n    min-height:52px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:flex-start;\n    justify-content:center;\n\n    gap:3px;\n\n    padding:\n      7px\n      8px;\n  }\n\n\n  .svfr91-config__selector-num {\n    width:auto;\n    height:auto;\n\n    background:transparent;\n\n    color:var(--orange);\n  }\n\n\n  .svfr91-config[data-active=\"0\"]\n  .svfr91-config__selector-item:nth-child(1)\n  .svfr91-config__selector-num,\n\n  .svfr91-config[data-active=\"1\"]\n  .svfr91-config__selector-item:nth-child(2)\n  .svfr91-config__selector-num,\n\n  .svfr91-config[data-active=\"2\"]\n  .svfr91-config__selector-item:nth-child(3)\n  .svfr91-config__selector-num {\n    background:transparent;\n\n    color:var(--orange);\n  }\n\n\n  .svfr91-config__selector-copy span {\n    display:none;\n  }\n\n\n  .svfr91-config__selector-copy strong {\n    font-size:6px;\n  }\n\n\n  \/* STAGE *\/\n\n  .svfr91-config__stage {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* VISUAL *\/\n\n  .svfr91-config__visual {\n    min-height:470px;\n  }\n\n\n  .svfr91-config__badge {\n    top:13px;\n    left:13px;\n  }\n\n\n  .svfr91-config__image-status {\n    top:13px;\n    right:13px;\n  }\n\n\n  .svfr91-config__capacity {\n    left:12px;\n    right:12px;\n    bottom:12px;\n\n    max-width:none;\n\n    padding:\n      10px\n      11px;\n  }\n\n\n  .svfr91-config__capacity strong {\n    font-size:21px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .svfr91-config__content {\n    padding:\n      25px\n      20px\n      27px;\n  }\n\n\n  .svfr91-config__pane h3 {\n    font-size:25px;\n  }\n\n\n  .svfr91-config__pane p {\n    font-size:9px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .svfr91-config h2 {\n    font-size:29px;\n  }\n\n\n  .svfr91-config__visual {\n    min-height:445px;\n  }\n\n\n  .svfr91-config__details {\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .svfr91-config *,\n  .svfr91-config *::before,\n  .svfr91-config *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"svfr91-config\"\n  id=\"svfr91-config\"\n  data-active=\"0\"\n  data-photo=\"1\">\n\n\n  <div class=\"svfr91-config__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"svfr91-config__header\">\n\n\n      <div>\n\n\n        <div class=\"svfr91-config__eyebrow\">\n          9+1 Passenger Configuration\n        <\/div>\n\n\n        <h2>\n\n          Designed Around\n\n          <span>\n            Everyday Passenger Transport.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n      <p class=\"svfr91-config__intro\">\n        The SuperVan 9+1 combines the compact 5FR electric\n        platform with a passenger-focused configuration for\n        shuttle, staff and other commercial transport needs.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         AUTO SELECTOR\n    ====================================================== -->\n\n    <div class=\"svfr91-config__selector\">\n\n\n      <div class=\"svfr91-config__selector-item\">\n\n        <span class=\"svfr91-config__selector-num\">\n          01\n        <\/span>\n\n        <span class=\"svfr91-config__selector-copy\">\n\n          <span>\n            Passenger Vehicle\n          <\/span>\n\n          <strong>\n            9+1 Configuration\n          <\/strong>\n\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"svfr91-config__selector-item\">\n\n        <span class=\"svfr91-config__selector-num\">\n          02\n        <\/span>\n\n        <span class=\"svfr91-config__selector-copy\">\n\n          <span>\n            Daily Mobility\n          <\/span>\n\n          <strong>\n            Shuttle Transport\n          <\/strong>\n\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"svfr91-config__selector-item\">\n\n        <span class=\"svfr91-config__selector-num\">\n          03\n        <\/span>\n\n        <span class=\"svfr91-config__selector-copy\">\n\n          <span>\n            Business Use\n          <\/span>\n\n          <strong>\n            Commercial Passenger Use\n          <\/strong>\n\n        <\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         STAGE\n    ====================================================== -->\n\n    <div class=\"svfr91-config__stage\">\n\n\n      <!-- ===================================================\n           REAL PASSENGER INTERIOR\n      ==================================================== -->\n\n      <div class=\"svfr91-config__visual\">\n\n\n        <!-- PHOTO 01 -->\n\n        <div class=\"svfr91-config__photo svfr91-config__photo--1\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_025107211_iOS-1-scaled.jpg\"\n            alt=\"Farizon SuperVan 9+1 passenger seating interior\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- PHOTO 02 -->\n\n        <div class=\"svfr91-config__photo svfr91-config__photo--2\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_025041225_iOS-1-scaled.jpg\"\n            alt=\"Farizon SuperVan 9+1 electric minibus passenger seats\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- BADGE -->\n\n        <div class=\"svfr91-config__badge\">\n\n          <span>\n            Actual Passenger Interior\n          <\/span>\n\n          <strong>\n            SuperVan 5FR \u00b7 9+1\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- PHOTO STATUS -->\n\n        <div class=\"svfr91-config__image-status\">\n\n          <span class=\"svfr91-config__image-dot\"><\/span>\n\n          <span class=\"svfr91-config__image-dot\"><\/span>\n\n        <\/div>\n\n\n\n        <!-- CAPACITY -->\n\n        <div class=\"svfr91-config__capacity\">\n\n          <span>\n            Passenger Configuration\n          <\/span>\n\n          <strong>\n            9+1\n          <\/strong>\n\n          <small>\n            A compact electric minibus configuration\n            designed for commercial passenger transport.\n          <\/small>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT\n      ==================================================== -->\n\n      <div class=\"svfr91-config__content\">\n\n\n        <!-- =================================================\n             01\n        ================================================== -->\n\n        <div class=\"svfr91-config__pane\">\n\n\n          <div class=\"svfr91-config__pane-label\">\n            Passenger Configuration\n          <\/div>\n\n\n          <h3>\n            A Compact Electric Minibus with 9+1 Seating.\n          <\/h3>\n\n\n          <p>\n            The passenger conversion creates a dedicated\n            9+1 configuration within the SuperVan 5FR\n            platform for commercial passenger mobility.\n          <\/p>\n\n\n\n          <div class=\"svfr91-config__details\">\n\n\n            <div class=\"svfr91-config__detail\">\n\n              <span>\n                01\n              <\/span>\n\n              <strong>\n                9+1 Configuration\n              <\/strong>\n\n              <small>\n                Dedicated passenger-oriented vehicle setup.\n              <\/small>\n\n            <\/div>\n\n\n            <div class=\"svfr91-config__detail\">\n\n              <span>\n                02\n              <\/span>\n\n              <strong>\n                Electric Platform\n              <\/strong>\n\n              <small>\n                Based on the SuperVan 5FR electric vehicle platform.\n              <\/small>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"svfr91-config__statement\">\n\n            <span>\n              Passenger Mobility\n            <\/span>\n\n            <strong>\n              Designed as a compact electric solution for everyday group transport.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             02\n        ================================================== -->\n\n        <div class=\"svfr91-config__pane\">\n\n\n          <div class=\"svfr91-config__pane-label\">\n            Shuttle Mobility\n          <\/div>\n\n\n          <h3>\n            Practical for Repeated Passenger Movement.\n          <\/h3>\n\n\n          <p>\n            The 9+1 configuration is suited to shuttle\n            operations where a dedicated electric vehicle\n            is required for regular passenger movement.\n          <\/p>\n\n\n\n          <div class=\"svfr91-config__details\">\n\n\n            <div class=\"svfr91-config__detail\">\n\n              <span>\n                01\n              <\/span>\n\n              <strong>\n                Shuttle Services\n              <\/strong>\n\n              <small>\n                Suitable for scheduled or point-to-point passenger transport.\n              <\/small>\n\n            <\/div>\n\n\n            <div class=\"svfr91-config__detail\">\n\n              <span>\n                02\n              <\/span>\n\n              <strong>\n                Staff Mobility\n              <\/strong>\n\n              <small>\n                Supports business and workplace passenger transport needs.\n              <\/small>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"svfr91-config__statement\">\n\n            <span>\n              Daily Operation\n            <\/span>\n\n            <strong>\n              A passenger-focused format for routine commercial mobility.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             03\n        ================================================== -->\n\n        <div class=\"svfr91-config__pane\">\n\n\n          <div class=\"svfr91-config__pane-label\">\n            Commercial Passenger Transport\n          <\/div>\n\n\n          <h3>\n            Built for Organisations That Move People.\n          <\/h3>\n\n\n          <p>\n            The SuperVan 9+1 provides businesses and\n            operators with an all-electric option for\n            dedicated commercial passenger transport.\n          <\/p>\n\n\n\n          <div class=\"svfr91-config__details\">\n\n\n            <div class=\"svfr91-config__detail\">\n\n              <span>\n                01\n              <\/span>\n\n              <strong>\n                Commercial Use\n              <\/strong>\n\n              <small>\n                Passenger transport for business and fleet applications.\n              <\/small>\n\n            <\/div>\n\n\n            <div class=\"svfr91-config__detail\">\n\n              <span>\n                02\n              <\/span>\n\n              <strong>\n                Compact Format\n              <\/strong>\n\n              <small>\n                Passenger capacity without moving into a larger minibus format.\n              <\/small>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"svfr91-config__statement\">\n\n            <span>\n              Electric Passenger Vehicle\n            <\/span>\n\n            <strong>\n              A practical SuperVan configuration focused on transporting people.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"svfr91-config__note\">\n      *Images show the passenger interior configuration.\n      Final vehicle equipment and configuration are subject\n      to the selected specification and confirmation with\n      Farizon Singapore.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"svfr91-config\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const selectorItems =\n    Array.from(\n      section.querySelectorAll(\n        \".svfr91-config__selector-item\"\n      )\n    );\n\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  let active = 0;\n\n  let contentTimer = null;\n  let photoTimer = null;\n\n  let visible = false;\n\n  let currentPhoto = 1;\n\n\n  const contentDuration = 4300;\n\n  const photoDuration = 3600;\n\n\n  \/* =========================================================\n     CONTENT\n  ========================================================= *\/\n\n  function stopContent() {\n\n    if (contentTimer) {\n\n      clearTimeout(contentTimer);\n\n      contentTimer = null;\n\n    }\n\n  }\n\n\n  function updateContent(index) {\n\n    active =\n      (\n        index +\n        selectorItems.length\n      )\n      %\n      selectorItems.length;\n\n\n    section.setAttribute(\n      \"data-active\",\n      String(active)\n    );\n\n  }\n\n\n  function scheduleContent() {\n\n    stopContent();\n\n\n    if (\n      reduceMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    contentTimer =\n      setTimeout(\n        function () {\n\n          updateContent(\n            active + 1\n          );\n\n          scheduleContent();\n\n        },\n        contentDuration\n      );\n\n  }\n\n\n  selectorItems.forEach(\n    function (item,index) {\n\n      item.addEventListener(\n        \"click\",\n        function () {\n\n          updateContent(index);\n\n          scheduleContent();\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     PHOTOS\n  ========================================================= *\/\n\n  function stopPhoto() {\n\n    if (photoTimer) {\n\n      clearTimeout(photoTimer);\n\n      photoTimer = null;\n\n    }\n\n  }\n\n\n  function changePhoto() {\n\n    currentPhoto =\n      currentPhoto === 1\n        ? 2\n        : 1;\n\n\n    section.setAttribute(\n      \"data-photo\",\n      String(currentPhoto)\n    );\n\n  }\n\n\n  function schedulePhoto() {\n\n    stopPhoto();\n\n\n    if (\n      reduceMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    photoTimer =\n      setTimeout(\n        function () {\n\n          changePhoto();\n\n          schedulePhoto();\n\n        },\n        photoDuration\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                scheduleContent();\n\n                schedulePhoto();\n\n              }\n\n              else {\n\n                stopContent();\n\n                stopPhoto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.18\n        }\n      );\n\n\n    observer.observe(section);\n\n  }\n\n\n  else {\n\n    visible = true;\n\n    scheduleContent();\n\n    schedulePhoto();\n\n  }\n\n\n  \/* =========================================================\n     PAGE VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopContent();\n\n        stopPhoto();\n\n      }\n\n      else if (visible) {\n\n        scheduleContent();\n\n        schedulePhoto();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 9+1\n   SECTION \u2014 PASSENGER OPERATION FLOW\n   Professional \/ Mature Revamp\n========================================================= *\/\n\n.sv91flow,\n.sv91flow *,\n.sv91flow *::before,\n.sv91flow *::after {\n  box-sizing: border-box;\n}\n\n.sv91flow {\n  --sv91-orange: #ff6433;\n  --sv91-orange-dark: #ea5527;\n  --sv91-navy: #263648;\n  --sv91-navy-deep: #1b2a39;\n  --sv91-navy-soft: #314659;\n  --sv91-white: #ffffff;\n  --sv91-text: #61707f;\n  --sv91-muted: #91a0ad;\n  --sv91-line: #dfe5ea;\n  --sv91-bg: #f5f7f9;\n\n  width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  padding: 72px 24px;\n  background: linear-gradient(180deg, #f6f8fa 0%, #eef3f6 100%);\n  overflow: hidden;\n  font-family: Inter, Arial, sans-serif;\n  position: relative;\n}\n\n.sv91flow::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(38,54,72,.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(38,54,72,.025) 1px, transparent 1px);\n  background-size: 44px 44px;\n  pointer-events: none;\n}\n\n.sv91flow__inner {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv91flow__header {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, .55fr);\n  gap: 42px;\n  align-items: end;\n  margin-bottom: 26px;\n}\n\n.sv91flow__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 14px;\n  color: var(--sv91-orange);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.sv91flow__eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  background: var(--sv91-orange);\n}\n\n.sv91flow__title {\n  margin: 0;\n  max-width: 720px;\n  color: var(--sv91-navy);\n  font-size: clamp(38px, 4vw, 54px);\n  line-height: 1.05;\n  letter-spacing: -.8px;\n  font-weight: 700;\n}\n\n.sv91flow__title span {\n  color: var(--sv91-orange);\n  display: block;\n}\n\n.sv91flow__intro {\n  margin: 0;\n  max-width: 420px;\n  color: var(--sv91-text);\n  font-size: 15px;\n  line-height: 1.85;\n}\n\n\/* =========================================================\n   MAIN PANEL\n========================================================= *\/\n\n.sv91flow__panel {\n  display: grid;\n  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);\n  gap: 0;\n  border: 1px solid rgba(38,54,72,.08);\n  background: var(--sv91-white);\n  box-shadow: 0 20px 55px rgba(28,45,62,.08);\n  overflow: hidden;\n  border-radius: 0;\n}\n\n\/* =========================================================\n   VISUAL SIDE\n========================================================= *\/\n\n.sv91flow__visual {\n  position: relative;\n  min-height: 560px;\n  padding: 34px 34px 30px;\n  background: linear-gradient(145deg, #223446 0%, #192734 100%);\n  overflow: hidden;\n}\n\n.sv91flow__visual::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n  background-size: 34px 34px;\n  pointer-events: none;\n}\n\n.sv91flow__visual-topbar {\n  position: relative;\n  z-index: 4;\n  display: flex;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 30px;\n}\n\n.sv91flow__badge,\n.sv91flow__status {\n  min-width: 170px;\n  padding: 14px 16px;\n  border: 1px solid rgba(255,255,255,.10);\n  background: rgba(255,255,255,.05);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n\n.sv91flow__badge span,\n.sv91flow__status span {\n  display: block;\n  margin-bottom: 4px;\n  color: rgba(255,255,255,.50);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .9px;\n  text-transform: uppercase;\n}\n\n.sv91flow__badge strong,\n.sv91flow__status strong {\n  display: block;\n  color: #ffffff;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.sv91flow__status span::before {\n  content: \"\";\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  margin-right: 7px;\n  border-radius: 50%;\n  background: var(--sv91-orange);\n  box-shadow: 0 0 0 6px rgba(255,100,51,.10);\n  vertical-align: middle;\n  transform: translateY(-1px);\n}\n\n\/* =========================================================\n   STAGE\n========================================================= *\/\n\n.sv91flow__stage {\n  position: relative;\n  z-index: 2;\n  margin-top: 6px;\n  min-height: 300px;\n  padding: 30px 18px 10px;\n}\n\n.sv91flow__route-wrap {\n  position: relative;\n  height: 250px;\n}\n\n.sv91flow__route-line {\n  position: absolute;\n  left: 7%;\n  right: 7%;\n  top: 122px;\n  height: 4px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.14);\n  overflow: hidden;\n}\n\n.sv91flow__route-line::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    repeating-linear-gradient(\n      90deg,\n      rgba(255,255,255,.18) 0 18px,\n      transparent 18px 34px\n    );\n  opacity: .7;\n}\n\n.sv91flow__progress {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: var(--sv91-progress, 10%);\n  border-radius: inherit;\n  background: linear-gradient(90deg, #ff7b4d 0%, #ff6433 100%);\n  box-shadow: 0 0 18px rgba(255,100,51,.45);\n  transition: width .9s ease;\n}\n\n.sv91flow__vehicle {\n  position: absolute;\n  left: var(--sv91-progress, 10%);\n  top: 52px;\n  width: 170px;\n  transform: translateX(-50%);\n  transition:\n    left .9s ease,\n    transform .9s ease;\n  z-index: 4;\n  pointer-events: none;\n}\n\n.sv91flow__vehicle-img {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 14px 20px rgba(0,0,0,.34));\n  animation: sv91flowBusFloat 2.4s ease-in-out infinite;\n}\n\n.sv91flow__vehicle-shadow {\n  position: absolute;\n  left: 50%;\n  bottom: -10px;\n  width: 78%;\n  height: 14px;\n  transform: translateX(-50%);\n  border-radius: 50%;\n  background: radial-gradient(ellipse, rgba(0,0,0,.35), transparent 70%);\n  filter: blur(5px);\n  animation: sv91flowShadowPulse 2.4s ease-in-out infinite;\n}\n\n.sv91flow__stops {\n  position: absolute;\n  inset: 0;\n}\n\n.sv91flow__stop {\n  position: absolute;\n  top: 108px;\n  transform: translateX(-50%);\n  width: 22px;\n  height: 22px;\n  border: 2px solid rgba(255,255,255,.55);\n  border-radius: 50%;\n  background: #203344;\n  box-shadow: 0 0 0 8px rgba(255,255,255,.03);\n  transition:\n    background .3s ease,\n    border-color .3s ease,\n    box-shadow .3s ease,\n    transform .3s ease;\n  cursor: pointer;\n  padding: 0;\n}\n\n.sv91flow__stop::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 28px;\n  transform: translateX(-50%);\n  width: 1px;\n  height: 18px;\n  background: rgba(255,255,255,.18);\n}\n\n.sv91flow__stop--1 { left: 10%; }\n.sv91flow__stop--2 { left: 36.66%; }\n.sv91flow__stop--3 { left: 63.33%; }\n.sv91flow__stop--4 { left: 90%; }\n\n.sv91flow__stop-label {\n  position: absolute;\n  top: 160px;\n  transform: translateX(-50%);\n  text-align: center;\n  min-width: 112px;\n}\n\n.sv91flow__stop-label--1 { left: 10%; }\n.sv91flow__stop-label--2 { left: 36.66%; }\n.sv91flow__stop-label--3 { left: 63.33%; }\n.sv91flow__stop-label--4 { left: 90%; }\n\n.sv91flow__stop-label span {\n  display: block;\n  margin-bottom: 4px;\n  color: var(--sv91-orange);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.sv91flow__stop-label strong {\n  display: block;\n  color: rgba(255,255,255,.92);\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.sv91flow[data-step=\"0\"] .sv91flow__stop--1,\n.sv91flow[data-step=\"1\"] .sv91flow__stop--2,\n.sv91flow[data-step=\"2\"] .sv91flow__stop--3,\n.sv91flow[data-step=\"3\"] .sv91flow__stop--4 {\n  background: var(--sv91-orange);\n  border-color: #ffffff;\n  box-shadow:\n    0 0 0 8px rgba(255,100,51,.10),\n    0 0 18px rgba(255,100,51,.28);\n  transform: translateX(-50%) scale(1.08);\n}\n\n.sv91flow__caption {\n  position: relative;\n  z-index: 4;\n  display: flex;\n  justify-content: space-between;\n  gap: 14px;\n  margin-top: 34px;\n  padding-top: 16px;\n  border-top: 1px solid rgba(255,255,255,.12);\n}\n\n.sv91flow__caption-item {\n  flex: 1 1 0;\n  padding-right: 12px;\n}\n\n.sv91flow__caption-item span {\n  display: block;\n  margin-bottom: 4px;\n  color: rgba(255,255,255,.42);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .75px;\n  text-transform: uppercase;\n}\n\n.sv91flow__caption-item strong {\n  display: block;\n  color: #ffffff;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n\/* =========================================================\n   DETAIL SIDE\n========================================================= *\/\n\n.sv91flow__detail {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-width: 0;\n  padding: 38px 34px 34px;\n  background: #ffffff;\n}\n\n.sv91flow__detail-top {\n  margin-bottom: 24px;\n}\n\n.sv91flow__detail-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 10px;\n  color: var(--sv91-orange);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n}\n\n.sv91flow__detail-kicker::before {\n  content: \"\";\n  width: 24px;\n  height: 2px;\n  background: var(--sv91-orange);\n}\n\n.sv91flow__detail h3 {\n  margin: 0 0 12px;\n  color: var(--sv91-navy);\n  font-size: clamp(30px, 3vw, 40px);\n  line-height: 1.06;\n  letter-spacing: -.6px;\n  font-weight: 700;\n}\n\n.sv91flow__detail p {\n  margin: 0;\n  max-width: 430px;\n  color: var(--sv91-text);\n  font-size: 14px;\n  line-height: 1.82;\n}\n\n.sv91flow__facts {\n  display: grid;\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.sv91flow__fact {\n  display: grid;\n  grid-template-columns: 52px 1fr;\n  gap: 14px;\n  align-items: start;\n  padding: 16px 16px;\n  border: 1px solid var(--sv91-line);\n  background: #f8fafb;\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease,\n    background .25s ease;\n  cursor: pointer;\n}\n\n.sv91flow__fact:hover {\n  transform: translateY(-2px);\n  border-color: rgba(255,100,51,.25);\n  box-shadow: 0 12px 24px rgba(38,54,72,.05);\n  background: #ffffff;\n}\n\n.sv91flow__fact-num {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #eaf0f4;\n  color: var(--sv91-navy-soft);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 800;\n  transition: all .25s ease;\n}\n\n.sv91flow__fact-copy span {\n  display: block;\n  margin-bottom: 4px;\n  color: var(--sv91-muted);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.sv91flow__fact-copy strong {\n  display: block;\n  margin-bottom: 4px;\n  color: var(--sv91-navy);\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.sv91flow__fact-copy small {\n  display: block;\n  color: var(--sv91-text);\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n.sv91flow[data-step=\"0\"] .sv91flow__fact:nth-child(1),\n.sv91flow[data-step=\"1\"] .sv91flow__fact:nth-child(2),\n.sv91flow[data-step=\"2\"] .sv91flow__fact:nth-child(3),\n.sv91flow[data-step=\"3\"] .sv91flow__fact:nth-child(4) {\n  border-color: rgba(255,100,51,.28);\n  background: #ffffff;\n  box-shadow: 0 14px 24px rgba(38,54,72,.06);\n}\n\n.sv91flow[data-step=\"0\"] .sv91flow__fact:nth-child(1) .sv91flow__fact-num,\n.sv91flow[data-step=\"1\"] .sv91flow__fact:nth-child(2) .sv91flow__fact-num,\n.sv91flow[data-step=\"2\"] .sv91flow__fact:nth-child(3) .sv91flow__fact-num,\n.sv91flow[data-step=\"3\"] .sv91flow__fact:nth-child(4) .sv91flow__fact-num {\n  background: var(--sv91-orange);\n  color: #ffffff;\n}\n\n.sv91flow__statement {\n  padding: 16px 18px;\n  background: linear-gradient(135deg, #263648 0%, #1e2f40 100%);\n  border-left: 3px solid var(--sv91-orange);\n}\n\n.sv91flow__statement span {\n  display: block;\n  margin-bottom: 5px;\n  color: var(--sv91-orange);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.sv91flow__statement strong {\n  display: block;\n  color: #ffffff;\n  font-size: 14px;\n  line-height: 1.65;\n  font-weight: 700;\n}\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes sv91flowBusFloat {\n  0%,100% { transform: translateY(0); }\n  50% { transform: translateY(-5px); }\n}\n\n@keyframes sv91flowShadowPulse {\n  0%,100% { opacity: .55; transform: translateX(-50%) scaleX(1); }\n  50% { opacity: .32; transform: translateX(-50%) scaleX(.84); }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1080px) {\n  .sv91flow__panel {\n    grid-template-columns: 1fr;\n  }\n\n  .sv91flow__visual {\n    min-height: 520px;\n  }\n\n  .sv91flow__detail {\n    padding: 32px 28px 30px;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n  .sv91flow {\n    padding: 52px 16px;\n  }\n\n  .sv91flow__header {\n    display: block;\n    margin-bottom: 20px;\n  }\n\n  .sv91flow__eyebrow {\n    font-size: 11px;\n    margin-bottom: 12px;\n  }\n\n  .sv91flow__title {\n    margin-bottom: 12px;\n    font-size: 34px;\n    line-height: 1.08;\n  }\n\n  .sv91flow__intro {\n    max-width: none;\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  .sv91flow__visual {\n    min-height: 470px;\n    padding: 18px 18px 18px;\n  }\n\n  .sv91flow__visual-topbar {\n    flex-direction: column;\n    margin-bottom: 12px;\n  }\n\n  .sv91flow__badge,\n  .sv91flow__status {\n    min-width: 0;\n    padding: 11px 12px;\n  }\n\n  .sv91flow__badge span,\n  .sv91flow__status span {\n    font-size: 9px;\n  }\n\n  .sv91flow__badge strong,\n  .sv91flow__status strong {\n    font-size: 13px;\n  }\n\n  .sv91flow__route-wrap {\n    height: 220px;\n  }\n\n  .sv91flow__route-line {\n    left: 8%;\n    right: 8%;\n    top: 110px;\n  }\n\n  .sv91flow__vehicle {\n    width: 110px;\n    top: 60px;\n  }\n\n  .sv91flow__stop {\n    width: 18px;\n    height: 18px;\n    top: 102px;\n  }\n\n  .sv91flow__stop::after {\n    height: 12px;\n    top: 22px;\n  }\n\n  .sv91flow__stop-label {\n    top: 138px;\n    min-width: 80px;\n  }\n\n  .sv91flow__stop-label span {\n    font-size: 8px;\n    margin-bottom: 3px;\n  }\n\n  .sv91flow__stop-label strong {\n    font-size: 10px;\n    line-height: 1.35;\n  }\n\n  .sv91flow__caption {\n    display: grid;\n    grid-template-columns: repeat(2,1fr);\n    gap: 12px;\n    margin-top: 18px;\n    padding-top: 14px;\n  }\n\n  .sv91flow__caption-item strong {\n    font-size: 12px;\n  }\n\n  .sv91flow__detail {\n    padding: 24px 18px 22px;\n  }\n\n  .sv91flow__detail h3 {\n    font-size: 28px;\n    line-height: 1.08;\n  }\n\n  .sv91flow__detail p {\n    font-size: 13px;\n    line-height: 1.75;\n  }\n\n  .sv91flow__fact {\n    grid-template-columns: 44px 1fr;\n    gap: 12px;\n    padding: 14px;\n  }\n\n  .sv91flow__fact-num {\n    width: 34px;\n    height: 34px;\n    font-size: 10px;\n  }\n\n  .sv91flow__fact-copy strong {\n    font-size: 14px;\n  }\n\n  .sv91flow__fact-copy small {\n    font-size: 11px;\n  }\n\n  .sv91flow__statement strong {\n    font-size: 13px;\n    line-height: 1.6;\n  }\n}\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .sv91flow *,\n  .sv91flow *::before,\n  .sv91flow *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<section class=\"sv91flow\" id=\"sv91flow\" data-step=\"0\">\n  <div class=\"sv91flow__inner\">\n\n    <div class=\"sv91flow__header\">\n      <div>\n        <div class=\"sv91flow__eyebrow\">Commercial Passenger Mobility<\/div>\n        <h2 class=\"sv91flow__title\">\n          Organised Passenger Movement\n          <span>in a More Professional Flow.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"sv91flow__intro\">\n        The Farizon SuperVan 9+1 supports commercial passenger transport with a cleaner electric platform suited for staff movement, shuttle services and day-to-day business transport operations.\n      <\/p>\n    <\/div>\n\n    <div class=\"sv91flow__panel\">\n\n      <!-- LEFT VISUAL -->\n      <div class=\"sv91flow__visual\">\n        <div class=\"sv91flow__visual-topbar\">\n          <div class=\"sv91flow__badge\">\n            <span>Passenger Transport Network<\/span>\n            <strong>Daily Mobility Route<\/strong>\n          <\/div>\n\n          <div class=\"sv91flow__status\">\n            <span>Route Active<\/span>\n            <strong id=\"sv91flow-status\">Passenger Pickup in Progress<\/strong>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv91flow__stage\">\n          <div class=\"sv91flow__route-wrap\">\n\n            <div class=\"sv91flow__route-line\">\n              <div class=\"sv91flow__progress\" id=\"sv91flow-progress\"><\/div>\n            <\/div>\n\n            <div class=\"sv91flow__vehicle\" id=\"sv91flow-vehicle\">\n              <div class=\"sv91flow__vehicle-shadow\"><\/div>\n              <img\n                class=\"sv91flow__vehicle-img\"\n                src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Untitled-design-1-scaled.png\"\n                alt=\"Farizon SuperVan 9+1 electric passenger van\"\n                loading=\"lazy\"\n                decoding=\"async\">\n            <\/div>\n\n            <div class=\"sv91flow__stops\">\n              <button class=\"sv91flow__stop sv91flow__stop--1\" type=\"button\" data-step=\"0\" aria-label=\"Pickup\"><\/button>\n              <button class=\"sv91flow__stop sv91flow__stop--2\" type=\"button\" data-step=\"1\" aria-label=\"Boarding\"><\/button>\n              <button class=\"sv91flow__stop sv91flow__stop--3\" type=\"button\" data-step=\"2\" aria-label=\"Transfer\"><\/button>\n              <button class=\"sv91flow__stop sv91flow__stop--4\" type=\"button\" data-step=\"3\" aria-label=\"Arrival\"><\/button>\n\n              <div class=\"sv91flow__stop-label sv91flow__stop-label--1\">\n                <span>01<\/span>\n                <strong>Pickup<\/strong>\n              <\/div>\n\n              <div class=\"sv91flow__stop-label sv91flow__stop-label--2\">\n                <span>02<\/span>\n                <strong>Boarding<\/strong>\n              <\/div>\n\n              <div class=\"sv91flow__stop-label sv91flow__stop-label--3\">\n                <span>03<\/span>\n                <strong>Transfer<\/strong>\n              <\/div>\n\n              <div class=\"sv91flow__stop-label sv91flow__stop-label--4\">\n                <span>04<\/span>\n                <strong>Arrival<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv91flow__caption\">\n            <div class=\"sv91flow__caption-item\">\n              <span>Vehicle Type<\/span>\n              <strong>Farizon SuperVan 9+1<\/strong>\n            <\/div>\n\n            <div class=\"sv91flow__caption-item\">\n              <span>Operation Type<\/span>\n              <strong>Commercial Passenger Use<\/strong>\n            <\/div>\n\n            <div class=\"sv91flow__caption-item\">\n              <span>Vehicle Class<\/span>\n              <strong>Electric Minibus Platform<\/strong>\n            <\/div>\n\n            <div class=\"sv91flow__caption-item\">\n              <span>Application<\/span>\n              <strong>Daily Passenger Movement<\/strong>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT DETAIL -->\n      <div class=\"sv91flow__detail\">\n        <div class=\"sv91flow__detail-top\">\n          <div class=\"sv91flow__detail-kicker\" id=\"sv91flow-kicker\">\n            Operational Stage\n          <\/div>\n\n          <h3 id=\"sv91flow-title\">\n            Passenger Pickup with a Dedicated Electric Vehicle.\n          <\/h3>\n\n          <p id=\"sv91flow-text\">\n            The 9+1 layout supports organised passenger collection where a compact electric minibus is needed for repeated day-to-day transport movement.\n          <\/p>\n        <\/div>\n\n        <div class=\"sv91flow__facts\">\n          <div class=\"sv91flow__fact\" data-step=\"0\">\n            <div class=\"sv91flow__fact-num\">01<\/div>\n            <div class=\"sv91flow__fact-copy\">\n              <span>Route Start<\/span>\n              <strong>Passenger Pickup<\/strong>\n              <small>Suitable for businesses or operators arranging regular passenger collection.<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv91flow__fact\" data-step=\"1\">\n            <div class=\"sv91flow__fact-num\">02<\/div>\n            <div class=\"sv91flow__fact-copy\">\n              <span>Boarding<\/span>\n              <strong>Organised Passenger Entry<\/strong>\n              <small>Supports structured passenger loading before the route begins.<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv91flow__fact\" data-step=\"2\">\n            <div class=\"sv91flow__fact-num\">03<\/div>\n            <div class=\"sv91flow__fact-copy\">\n              <span>Transfer<\/span>\n              <strong>Daily Shuttle Movement<\/strong>\n              <small>Designed for practical movement between transport points and business locations.<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv91flow__fact\" data-step=\"3\">\n            <div class=\"sv91flow__fact-num\">04<\/div>\n            <div class=\"sv91flow__fact-copy\">\n              <span>End Point<\/span>\n              <strong>Arrival &#038; Repeat Operation<\/strong>\n              <small>Supports repeated commercial passenger operation throughout the working day.<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv91flow__statement\">\n          <span>9+1 Commercial Passenger Configuration<\/span>\n          <strong>\n            A cleaner electric passenger solution for shuttle services, staff transport and commercial people-moving applications in Singapore.\n          <\/strong>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  const section = document.getElementById('sv91flow');\n  if (!section) return;\n\n  const progress = document.getElementById('sv91flow-progress');\n  const vehicle = document.getElementById('sv91flow-vehicle');\n  const status = document.getElementById('sv91flow-status');\n  const kicker = document.getElementById('sv91flow-kicker');\n  const title = document.getElementById('sv91flow-title');\n  const text = document.getElementById('sv91flow-text');\n\n  const factCards = Array.from(section.querySelectorAll('.sv91flow__fact'));\n  const stopButtons = Array.from(section.querySelectorAll('.sv91flow__stop'));\n\n  const positions = ['10%', '36.66%', '63.33%', '90%'];\n\n  const steps = [\n    {\n      status: 'Passenger Pickup in Progress',\n      kicker: 'Operational Stage',\n      title: 'Passenger Pickup with a Dedicated Electric Vehicle.',\n      text: 'The 9+1 layout supports organised passenger collection where a compact electric minibus is needed for repeated day-to-day transport movement.'\n    },\n    {\n      status: 'Boarding Sequence Active',\n      kicker: 'Passenger Boarding',\n      title: 'Structured Boarding for Everyday Transport Use.',\n      text: 'The vehicle supports orderly passenger entry before departure, making it suitable for commercial transport routines that require consistency.'\n    },\n    {\n      status: 'Transit Operation Running',\n      kicker: 'Passenger Transfer',\n      title: 'An Electric Platform for Daily Shuttle Movement.',\n      text: 'The Farizon 9+1 can support regular passenger transfer between commercial locations, work sites and other routine transport destinations.'\n    },\n    {\n      status: 'Arrival & Return Ready',\n      kicker: 'Route Completion',\n      title: 'Built for Repeated Passenger Operations Throughout the Day.',\n      text: 'After arrival, the same electric passenger platform can continue serving repeated transport cycles as part of a regular operational route.'\n    }\n  ];\n\n  let current = 0;\n  let timer = null;\n  const duration = 4200;\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  function renderStep(index) {\n    current = index;\n    const data = steps[index];\n\n    section.setAttribute('data-step', String(index));\n    progress.style.width = positions[index];\n    vehicle.style.left = positions[index];\n\n    status.textContent = data.status;\n    kicker.textContent = data.kicker;\n    title.textContent = data.title;\n    text.textContent = data.text;\n  }\n\n  function nextStep() {\n    renderStep((current + 1) % steps.length);\n  }\n\n  function stopAuto() {\n    if (timer) {\n      clearInterval(timer);\n      timer = null;\n    }\n  }\n\n  function startAuto() {\n    stopAuto();\n    if (reduceMotion) return;\n    timer = setInterval(nextStep, duration);\n  }\n\n  stopButtons.forEach((btn) => {\n    btn.addEventListener('click', function () {\n      const step = Number(this.getAttribute('data-step'));\n      renderStep(step);\n      startAuto();\n    });\n  });\n\n  factCards.forEach((card) => {\n    card.addEventListener('click', function () {\n      const step = Number(this.getAttribute('data-step'));\n      renderStep(step);\n      startAuto();\n    });\n  });\n\n  document.addEventListener('visibilitychange', function () {\n    if (document.hidden) {\n      stopAuto();\n    } else {\n      startAuto();\n    }\n  });\n\n  renderStep(0);\n  startAuto();\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 9+1\n   SECTION 04 \u2014 ELECTRIC PERFORMANCE\n   CLEAN \/ PREMIUM \/ NO IMAGES\n========================================================= *\/\n\n.sv91perf,\n.sv91perf *,\n.sv91perf *::before,\n.sv91perf *::after {\n  box-sizing:border-box;\n}\n\n.sv91perf {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8d98a3;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  padding:\n    70px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f3f6f8 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.sv91perf::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    48px\n    48px;\n\n  pointer-events:none;\n}\n\n\n.sv91perf::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:560px;\n  height:560px;\n\n  right:-360px;\n  top:-340px;\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.sv91perf__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.sv91perf__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.55fr);\n\n  gap:46px;\n\n  align-items:end;\n\n  margin-bottom:27px;\n}\n\n\n.sv91perf__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:12px;\n\n  color:var(--orange);\n\n  font-size:11px;\n  font-weight:700;\n\n  letter-spacing:1.35px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv91perf 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      51px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.sv91perf h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv91perf__intro {\n  max-width:450px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:14px;\n\n  line-height:1.8;\n}\n\n\n\/* =========================================================\n   MAIN PANEL\n========================================================= *\/\n\n.sv91perf__panel {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.12fr)\n    minmax(360px,.88fr);\n\n  min-height:550px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 56px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   LEFT \u2014 PERFORMANCE DASHBOARD\n========================================================= *\/\n\n.sv91perf__dashboard {\n  position:relative;\n\n  min-width:0;\n\n  padding:\n    34px\n    34px\n    30px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n}\n\n\n.sv91perf__dashboard::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    38px\n    38px;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   DASHBOARD HEADER\n========================================================= *\/\n\n.sv91perf__dash-head {\n  position:relative;\n  z-index:3;\n\n  display:flex;\n\n  justify-content:space-between;\n  align-items:flex-start;\n\n  gap:20px;\n\n  margin-bottom:27px;\n}\n\n\n.sv91perf__dash-title span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__dash-title strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:21px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n.sv91perf__live {\n  display:flex;\n\n  align-items:center;\n\n  gap:8px;\n\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.04);\n\n  color:\n    rgba(255,255,255,.55);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:.6px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__live::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\n    0\n    rgba(255,100,51,.30);\n\n  animation:\n    sv91perfLive\n    2s\n    ease-out\n    infinite;\n}\n\n\n\/* =========================================================\n   BIG ACTIVE METRIC\n========================================================= *\/\n\n.sv91perf__active {\n  position:relative;\n  z-index:3;\n\n  min-height:260px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:38px;\n\n  padding:\n    22px\n    4px\n    24px;\n}\n\n\n\/* =========================================================\n   GAUGE\n========================================================= *\/\n\n.sv91perf__gauge {\n  position:relative;\n\n  flex:\n    0 0\n    210px;\n\n  width:210px;\n  height:210px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n}\n\n\n.sv91perf__gauge svg {\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  transform:\n    rotate(-90deg);\n}\n\n\n.sv91perf__gauge-bg {\n  fill:none;\n\n  stroke:\n    rgba(255,255,255,.09);\n\n  stroke-width:8;\n}\n\n\n.sv91perf__gauge-progress {\n  fill:none;\n\n  stroke:var(--orange);\n\n  stroke-width:8;\n\n  stroke-linecap:round;\n\n  stroke-dasharray:\n    565;\n\n  stroke-dashoffset:\n    565;\n\n  filter:\n    drop-shadow(\n      0\n      0\n      7px\n      rgba(255,100,51,.40)\n    );\n\n  transition:\n    stroke-dashoffset\n    1.2s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.sv91perf[data-active=\"0\"]\n.sv91perf__gauge-progress {\n  stroke-dashoffset:\n    85;\n}\n\n\n.sv91perf[data-active=\"1\"]\n.sv91perf__gauge-progress {\n  stroke-dashoffset:\n    126;\n}\n\n\n.sv91perf[data-active=\"2\"]\n.sv91perf__gauge-progress {\n  stroke-dashoffset:\n    225;\n}\n\n\n\/* =========================================================\n   GAUGE CENTER\n========================================================= *\/\n\n.sv91perf__gauge-center {\n  position:relative;\n  z-index:4;\n\n  text-align:center;\n}\n\n\n.sv91perf__gauge-center span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    rgba(255,255,255,.40);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__number {\n  display:inline-block;\n\n  color:#ffffff;\n\n  font-size:43px;\n  font-weight:750;\n\n  line-height:1;\n}\n\n\n.sv91perf__unit {\n  display:inline-block;\n\n  margin-left:3px;\n\n  color:var(--orange);\n\n  font-size:15px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   ACTIVE COPY\n========================================================= *\/\n\n.sv91perf__active-copy {\n  min-width:0;\n\n  max-width:420px;\n}\n\n\n.sv91perf__active-copy > span {\n  display:block;\n\n  margin-bottom:7px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__active-copy h3 {\n  margin:\n    0\n    0\n    10px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      26px,\n      2.6vw,\n      34px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.5px;\n\n  font-weight:700;\n}\n\n\n.sv91perf__active-copy p {\n  margin:0;\n\n  color:\n    rgba(255,255,255,.56);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   METRIC SELECTOR\n========================================================= *\/\n\n.sv91perf__metrics {\n  position:relative;\n  z-index:4;\n\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.sv91perf__metric {\n  position:relative;\n\n  min-height:92px;\n\n  padding:\n    14px\n    15px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.08);\n\n  background:\n    rgba(255,255,255,.025);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease;\n}\n\n\n.sv91perf__metric:last-child {\n  border-right:0;\n}\n\n\n.sv91perf__metric::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\n\n.sv91perf__metric span {\n  display:block;\n\n  margin-bottom:6px;\n\n  color:\n    rgba(255,255,255,.36);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__metric strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    rgba(255,255,255,.68);\n\n  font-size:16px;\n  font-weight:700;\n\n  transition:\n    color .25s ease;\n}\n\n\n.sv91perf__metric small {\n  display:block;\n\n  color:\n    rgba(255,255,255,.35);\n\n  font-size:10px;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   ACTIVE METRIC\n========================================================= *\/\n\n.sv91perf[data-active=\"0\"]\n.sv91perf__metric:nth-child(1),\n\n.sv91perf[data-active=\"1\"]\n.sv91perf__metric:nth-child(2),\n\n.sv91perf[data-active=\"2\"]\n.sv91perf__metric:nth-child(3) {\n  background:\n    rgba(255,255,255,.055);\n}\n\n\n.sv91perf[data-active=\"0\"]\n.sv91perf__metric:nth-child(1) strong,\n\n.sv91perf[data-active=\"1\"]\n.sv91perf__metric:nth-child(2) strong,\n\n.sv91perf[data-active=\"2\"]\n.sv91perf__metric:nth-child(3) strong {\n  color:#ffffff;\n}\n\n\n.sv91perf[data-active=\"0\"]\n.sv91perf__metric:nth-child(1)::after,\n\n.sv91perf[data-active=\"1\"]\n.sv91perf__metric:nth-child(2)::after,\n\n.sv91perf[data-active=\"2\"]\n.sv91perf__metric:nth-child(3)::after {\n  animation:\n    sv91perfMetricProgress\n    4.4s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   RIGHT \u2014 ENERGY OPERATION\n========================================================= *\/\n\n.sv91perf__operation {\n  position:relative;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  min-width:0;\n\n  padding:\n    35px\n    31px;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   RIGHT HEADER\n========================================================= *\/\n\n.sv91perf__operation-label {\n  margin-bottom:9px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__operation h3 {\n  margin:\n    0\n    0\n    11px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      27px,\n      2.7vw,\n      35px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.55px;\n\n  font-weight:700;\n}\n\n\n.sv91perf__operation > p {\n  margin:\n    0\n    0\n    22px;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.78;\n}\n\n\n\/* =========================================================\n   ENERGY FLOW\n========================================================= *\/\n\n.sv91perf__flow {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:0;\n\n  margin-bottom:20px;\n\n  padding:\n    12px\n    0;\n}\n\n\n.sv91perf__flow::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:8%;\n  right:8%;\n  top:34px;\n\n  height:2px;\n\n  background:#e3e7ea;\n}\n\n\n.sv91perf__flow::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:8%;\n  top:34px;\n\n  width:28%;\n  height:2px;\n\n  background:var(--orange);\n\n  box-shadow:\n    0\n    0\n    9px\n    rgba(255,100,51,.35);\n\n  animation:\n    sv91perfEnergyTravel\n    4.4s\n    ease-in-out\n    infinite;\n}\n\n\n.sv91perf__flow-item {\n  position:relative;\n\n  z-index:3;\n\n  text-align:center;\n}\n\n\n.sv91perf__flow-dot {\n  width:18px;\n  height:18px;\n\n  margin:\n    13px\n    auto\n    11px;\n\n  border:\n    3px solid\n    #dce2e6;\n\n  border-radius:50%;\n\n  background:#ffffff;\n\n  transition:\n    border-color .25s ease,\n    background .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.sv91perf__flow-item:nth-child(1)\n.sv91perf__flow-dot {\n  border-color:var(--orange);\n\n  background:var(--orange);\n\n  box-shadow:\n    0\n    0\n    0\n    6px\n    rgba(255,100,51,.08);\n}\n\n\n.sv91perf__flow-item span {\n  display:block;\n\n  color:var(--muted);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.55px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__flow-item strong {\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--navy);\n\n  font-size:12px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n\/* =========================================================\n   CHARGING VISUAL\n========================================================= *\/\n\n.sv91perf__charge {\n  padding:\n    17px\n    18px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#f7f9fa;\n}\n\n\n.sv91perf__charge-head {\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:15px;\n\n  margin-bottom:12px;\n}\n\n\n.sv91perf__charge-head span {\n  color:var(--muted);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__charge-head strong {\n  color:var(--navy);\n\n  font-size:14px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   BATTERY\n========================================================= *\/\n\n.sv91perf__battery {\n  position:relative;\n\n  width:100%;\n  height:22px;\n\n  padding:3px;\n\n  border:\n    2px solid\n    var(--navy);\n\n  border-radius:4px;\n}\n\n\n.sv91perf__battery::after {\n  content:\"\";\n\n  position:absolute;\n\n  right:-8px;\n  top:5px;\n\n  width:5px;\n  height:8px;\n\n  border-radius:\n    0\n    2px\n    2px\n    0;\n\n  background:var(--navy);\n}\n\n\n.sv91perf__battery-fill {\n  position:relative;\n\n  width:20%;\n  height:100%;\n\n  overflow:hidden;\n\n  border-radius:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--orange),\n      #ff8a61\n    );\n\n  animation:\n    sv91perfBattery\n    4.4s\n    ease-in-out\n    infinite;\n}\n\n\n.sv91perf__battery-fill::after {\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n\n  width:42px;\n\n  left:-50px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.42),\n      transparent\n    );\n\n  animation:\n    sv91perfBatterySweep\n    2s\n    linear\n    infinite;\n}\n\n\n\/* =========================================================\n   20 \/ 80\n========================================================= *\/\n\n.sv91perf__charge-scale {\n  display:flex;\n\n  justify-content:space-between;\n\n  margin-top:8px;\n\n  color:var(--muted);\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   SUMMARY\n========================================================= *\/\n\n.sv91perf__summary {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap:8px;\n\n  margin-top:18px;\n}\n\n\n.sv91perf__summary-item {\n  padding:\n    13px\n    14px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.sv91perf__summary-item span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:9px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__summary-item strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:13px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   BOTTOM STATEMENT\n========================================================= *\/\n\n.sv91perf__statement {\n  margin-top:16px;\n\n  padding:\n    14px\n    15px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:var(--navy);\n}\n\n\n.sv91perf__statement span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91perf__statement strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:13px;\n  font-weight:700;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv91perfLive {\n\n  0% {\n    box-shadow:\n      0\n      0\n      0\n      0\n      rgba(255,100,51,.32);\n  }\n\n  75% {\n    box-shadow:\n      0\n      0\n      0\n      9px\n      rgba(255,100,51,0);\n  }\n\n  100% {\n    box-shadow:\n      0\n      0\n      0\n      9px\n      rgba(255,100,51,0);\n  }\n\n}\n\n\n@keyframes sv91perfMetricProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv91perfEnergyTravel {\n\n  0% {\n    left:8%;\n    width:0;\n  }\n\n  45% {\n    left:8%;\n    width:84%;\n  }\n\n  65% {\n    left:92%;\n    width:0;\n  }\n\n  100% {\n    left:92%;\n    width:0;\n  }\n\n}\n\n\n@keyframes sv91perfBattery {\n\n  0%,\n  12% {\n    width:20%;\n  }\n\n  58% {\n    width:80%;\n  }\n\n  78%,\n  100% {\n    width:80%;\n  }\n\n}\n\n\n@keyframes sv91perfBatterySweep {\n\n  from {\n    left:-50px;\n  }\n\n  to {\n    left:115%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv91perf__panel {\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(330px,.85fr);\n  }\n\n\n  .sv91perf__dashboard {\n    padding:\n      30px\n      27px\n      27px;\n  }\n\n\n  .sv91perf__active {\n    gap:25px;\n  }\n\n\n  .sv91perf__gauge {\n    flex-basis:180px;\n\n    width:180px;\n    height:180px;\n  }\n\n\n  .sv91perf__operation {\n    padding:\n      31px\n      25px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv91perf {\n    padding:\n      48px\n      16px\n      52px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv91perf__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .sv91perf__eyebrow {\n    font-size:10px;\n  }\n\n\n  .sv91perf h2 {\n    max-width:370px;\n\n    margin-bottom:12px;\n\n    font-size:32px;\n\n    line-height:1.06;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv91perf__intro {\n    max-width:380px;\n\n    font-size:13px;\n  }\n\n\n  \/* PANEL *\/\n\n  .sv91perf__panel {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* DASHBOARD *\/\n\n  .sv91perf__dashboard {\n    padding:\n      25px\n      18px\n      20px;\n  }\n\n\n  .sv91perf__dash-head {\n    margin-bottom:17px;\n  }\n\n\n  .sv91perf__dash-title strong {\n    font-size:18px;\n  }\n\n\n  .sv91perf__live {\n    padding:\n      7px\n      8px;\n\n    font-size:8px;\n  }\n\n\n  .sv91perf__active {\n    min-height:0;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:20px;\n\n    padding:\n      12px\n      0\n      22px;\n  }\n\n\n  .sv91perf__gauge {\n    align-self:center;\n\n    flex-basis:170px;\n\n    width:170px;\n    height:170px;\n  }\n\n\n  .sv91perf__number {\n    font-size:37px;\n  }\n\n\n  .sv91perf__active-copy h3 {\n    font-size:25px;\n  }\n\n\n  .sv91perf__active-copy p {\n    font-size:12px;\n  }\n\n\n  \/* METRICS *\/\n\n  .sv91perf__metrics {\n    grid-template-columns:1fr;\n  }\n\n\n  .sv91perf__metric {\n    min-height:0;\n\n    padding:\n      11px\n      12px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.08);\n  }\n\n\n  .sv91perf__metric:last-child {\n    border-bottom:0;\n  }\n\n\n  .sv91perf__metric strong {\n    font-size:14px;\n  }\n\n\n  \/* OPERATION *\/\n\n  .sv91perf__operation {\n    padding:\n      26px\n      19px\n      28px;\n  }\n\n\n  .sv91perf__operation h3 {\n    font-size:26px;\n  }\n\n\n  .sv91perf__operation > p {\n    font-size:12px;\n  }\n\n\n  \/* FLOW *\/\n\n  .sv91perf__flow-item strong {\n    font-size:10px;\n  }\n\n\n  .sv91perf__flow-item span {\n    font-size:8px;\n  }\n\n\n  \/* SUMMARY *\/\n\n  .sv91perf__summary {\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv91perf h2 {\n    font-size:29px;\n  }\n\n\n  .sv91perf__flow {\n    grid-template-columns:\n      repeat(2,1fr);\n\n    row-gap:18px;\n  }\n\n\n  .sv91perf__flow::before,\n  .sv91perf__flow::after {\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv91perf *,\n  .sv91perf *::before,\n  .sv91perf *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv91perf\"\n  id=\"svfr91-performance\"\n  data-active=\"0\">\n\n\n  <div class=\"sv91perf__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv91perf__header\">\n\n\n      <div>\n\n\n        <div class=\"sv91perf__eyebrow\">\n          Electric Performance\n        <\/div>\n\n\n        <h2>\n\n          Built for Everyday\n\n          <span>\n            Passenger Operations.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n      <p class=\"sv91perf__intro\">\n        The SuperVan 5FR electric platform combines usable\n        driving range, battery capacity and fast charging to\n        support commercial passenger transport operations.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         PANEL\n    ====================================================== -->\n\n    <div class=\"sv91perf__panel\">\n\n\n      <!-- ===================================================\n           LEFT DASHBOARD\n      ==================================================== -->\n\n      <div class=\"sv91perf__dashboard\">\n\n\n        <div class=\"sv91perf__dash-head\">\n\n\n          <div class=\"sv91perf__dash-title\">\n\n            <span>\n              SuperVan 5FR Electric Platform\n            <\/span>\n\n            <strong>\n              Passenger Operation Profile\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv91perf__live\">\n            Electric\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             ACTIVE METRIC\n        ================================================== -->\n\n        <div class=\"sv91perf__active\">\n\n\n          <div class=\"sv91perf__gauge\">\n\n\n            <svg\n              viewBox=\"0 0 200 200\"\n              aria-hidden=\"true\">\n\n\n              <circle\n                class=\"sv91perf__gauge-bg\"\n                cx=\"100\"\n                cy=\"100\"\n                r=\"90\">\n              <\/circle>\n\n\n              <circle\n                class=\"sv91perf__gauge-progress\"\n                cx=\"100\"\n                cy=\"100\"\n                r=\"90\">\n              <\/circle>\n\n\n            <\/svg>\n\n\n\n            <div class=\"sv91perf__gauge-center\">\n\n              <span id=\"sv91perf-gauge-label\">\n                WLTP Range\n              <\/span>\n\n\n              <div>\n\n                <strong\n                  class=\"sv91perf__number\"\n                  id=\"sv91perf-number\">\n                  376\n                <\/strong>\n\n                <strong\n                  class=\"sv91perf__unit\"\n                  id=\"sv91perf-unit\">\n                  km\n                <\/strong>\n\n              <\/div>\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv91perf__active-copy\">\n\n\n            <span id=\"sv91perf-kicker\">\n              Driving Range\n            <\/span>\n\n\n            <h3 id=\"sv91perf-title\">\n              Up to 376km WLTP Range.\n            <\/h3>\n\n\n            <p id=\"sv91perf-copy\">\n              An all-electric driving range designed to support\n              daily passenger transport and commercial mobility\n              requirements.\n            <\/p>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             METRIC SELECTORS\n        ================================================== -->\n\n        <div class=\"sv91perf__metrics\">\n\n\n          <div\n            class=\"sv91perf__metric\"\n            data-index=\"0\">\n\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\n          <\/div>\n\n\n\n          <div\n            class=\"sv91perf__metric\"\n            data-index=\"1\">\n\n\n            <span>\n              Battery\n            <\/span>\n\n            <strong>\n              Up to 83kWh\n            <\/strong>\n\n            <small>\n              Battery capacity\n            <\/small>\n\n\n          <\/div>\n\n\n\n          <div\n            class=\"sv91perf__metric\"\n            data-index=\"2\">\n\n\n            <span>\n              DC Charging\n            <\/span>\n\n            <strong>\n              20\u201380% \u00b7 15 min\n            <\/strong>\n\n            <small>\n              As little as 15 minutes\n            <\/small>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           RIGHT OPERATION\n      ==================================================== -->\n\n      <div class=\"sv91perf__operation\">\n\n\n        <div class=\"sv91perf__operation-label\">\n          Passenger Operation Energy Flow\n        <\/div>\n\n\n        <h3>\n          Charge. Deploy. Move Passengers. Repeat.\n        <\/h3>\n\n\n        <p>\n          The electric SuperVan platform supports everyday\n          passenger operations with fast charging and practical\n          driving range for commercial mobility use.\n        <\/p>\n\n\n\n        <!-- =================================================\n             FLOW\n        ================================================== -->\n\n        <div class=\"sv91perf__flow\">\n\n\n          <div class=\"sv91perf__flow-item\">\n\n            <div class=\"sv91perf__flow-dot\"><\/div>\n\n            <span>\n              01\n            <\/span>\n\n            <strong>\n              Charge\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv91perf__flow-item\">\n\n            <div class=\"sv91perf__flow-dot\"><\/div>\n\n            <span>\n              02\n            <\/span>\n\n            <strong>\n              Ready\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv91perf__flow-item\">\n\n            <div class=\"sv91perf__flow-dot\"><\/div>\n\n            <span>\n              03\n            <\/span>\n\n            <strong>\n              Passenger Route\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv91perf__flow-item\">\n\n            <div class=\"sv91perf__flow-dot\"><\/div>\n\n            <span>\n              04\n            <\/span>\n\n            <strong>\n              Return\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             BATTERY\n        ================================================== -->\n\n        <div class=\"sv91perf__charge\">\n\n\n          <div class=\"sv91perf__charge-head\">\n\n            <span>\n              DC Fast Charging\n            <\/span>\n\n            <strong>\n              20% \u2192 80%\n            <\/strong>\n\n          <\/div>\n\n\n\n          <div class=\"sv91perf__battery\">\n\n            <div class=\"sv91perf__battery-fill\"><\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv91perf__charge-scale\">\n\n            <span>\n              20%\n            <\/span>\n\n            <span>\n              As little as 15 min\n            <\/span>\n\n            <span>\n              80%\n            <\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             SUMMARY\n        ================================================== -->\n\n        <div class=\"sv91perf__summary\">\n\n\n          <div class=\"sv91perf__summary-item\">\n\n            <span>\n              Vehicle Platform\n            <\/span>\n\n            <strong>\n              Farizon SuperVan 5FR\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv91perf__summary-item\">\n\n            <span>\n              Passenger Configuration\n            <\/span>\n\n            <strong>\n              9+1 Electric Minibus\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <div class=\"sv91perf__statement\">\n\n          <span>\n            Electric Passenger Mobility\n          <\/span>\n\n          <strong>\n            Practical electric performance for shuttle,\n            staff transport and commercial passenger operations.\n          <\/strong>\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      \"svfr91-performance\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const metrics =\n    Array.from(\n      section.querySelectorAll(\n        \".sv91perf__metric\"\n      )\n    );\n\n\n  const number =\n    document.getElementById(\n      \"sv91perf-number\"\n    );\n\n\n  const unit =\n    document.getElementById(\n      \"sv91perf-unit\"\n    );\n\n\n  const gaugeLabel =\n    document.getElementById(\n      \"sv91perf-gauge-label\"\n    );\n\n\n  const kicker =\n    document.getElementById(\n      \"sv91perf-kicker\"\n    );\n\n\n  const title =\n    document.getElementById(\n      \"sv91perf-title\"\n    );\n\n\n  const copy =\n    document.getElementById(\n      \"sv91perf-copy\"\n    );\n\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const data = [\n\n    {\n      value:376,\n      unit:\"km\",\n      gauge:\"WLTP Range\",\n      kicker:\"Driving Range\",\n      title:\"Up to 376km WLTP Range.\",\n      copy:\n        \"An all-electric driving range designed to support daily passenger transport and commercial mobility requirements.\"\n    },\n\n    {\n      value:83,\n      unit:\"kWh\",\n      gauge:\"Battery\",\n      kicker:\"Battery Capacity\",\n      title:\"Battery Capacity Up to 83kWh.\",\n      copy:\n        \"The SuperVan 5FR electric platform supports a battery capacity of up to 83kWh for passenger-focused applications.\"\n    },\n\n    {\n      value:15,\n      unit:\"min\",\n      gauge:\"DC Charging\",\n      kicker:\"Fast Charging\",\n      title:\"20\u201380% in As Little As 15 Minutes.\",\n      copy:\n        \"DC fast charging supports quicker charging turnaround between passenger transport operations.\"\n    }\n\n  ];\n\n\n  let active = 0;\n\n  let timer = null;\n\n  let visible = false;\n\n\n  const duration = 4400;\n\n\n  \/* =========================================================\n     COUNT ANIMATION\n  ========================================================= *\/\n\n  function animateNumber(\n    from,\n    to,\n    duration\n  ) {\n\n    if (\n      reduceMotion\n    ) {\n\n      number.textContent =\n        String(to);\n\n      return;\n\n    }\n\n\n    const start =\n      performance.now();\n\n\n    function frame(now) {\n\n      const progress =\n        Math.min(\n          1,\n          (\n            now -\n            start\n          )\n          \/\n          duration\n        );\n\n\n      const eased =\n        1 -\n        Math.pow(\n          1 -\n          progress,\n          3\n        );\n\n\n      const current =\n        Math.round(\n          from +\n          (\n            to -\n            from\n          )\n          *\n          eased\n        );\n\n\n      number.textContent =\n        String(current);\n\n\n      if (\n        progress <\n        1\n      ) {\n\n        requestAnimationFrame(\n          frame\n        );\n\n      }\n\n    }\n\n\n    requestAnimationFrame(\n      frame\n    );\n\n  }\n\n\n  \/* =========================================================\n     UPDATE\n  ========================================================= *\/\n\n  function update(index) {\n\n    active =\n      (\n        index +\n        data.length\n      )\n      %\n      data.length;\n\n\n    const item =\n      data[active];\n\n\n    const previous =\n      Number(\n        number.textContent\n      )\n      ||\n      0;\n\n\n    section.setAttribute(\n      \"data-active\",\n      String(active)\n    );\n\n\n    gaugeLabel.textContent =\n      item.gauge;\n\n\n    kicker.textContent =\n      item.kicker;\n\n\n    title.textContent =\n      item.title;\n\n\n    copy.textContent =\n      item.copy;\n\n\n    unit.textContent =\n      item.unit;\n\n\n    animateNumber(\n      previous,\n      item.value,\n      800\n    );\n\n  }\n\n\n  \/* =========================================================\n     TIMER\n  ========================================================= *\/\n\n  function stop() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function schedule() {\n\n    stop();\n\n\n    if (\n      reduceMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          update(\n            active + 1\n          );\n\n\n          schedule();\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL\n  ========================================================= *\/\n\n  metrics.forEach(\n    function (\n      metric,\n      index\n    ) {\n\n      metric.addEventListener(\n        \"click\",\n        function () {\n\n          update(index);\n\n          schedule();\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                animateNumber(\n                  0,\n                  data[active].value,\n                  1000\n                );\n\n\n                schedule();\n\n              }\n\n              else {\n\n                stop();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.18\n        }\n      );\n\n\n    observer.observe(section);\n\n  }\n\n\n  else {\n\n    visible = true;\n\n    schedule();\n\n  }\n\n\n  \/* =========================================================\n     PAGE VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (\n        document.hidden\n      ) {\n\n        stop();\n\n      }\n\n      else if (\n        visible\n      ) {\n\n        schedule();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR 9+1\n   SECTION 05 \u2014 PASSENGER INTERIOR & REAL VEHICLE\n   PREMIUM EDITORIAL SHOWCASE\n========================================================= *\/\n\n.sv91real,\n.sv91real *,\n.sv91real *::before,\n.sv91real *::after {\n  box-sizing:border-box;\n}\n\n.sv91real {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8e99a4;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  padding:\n    70px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv91real::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.021) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.021) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    50px\n    50px;\n\n  pointer-events:none;\n}\n\n\n.sv91real::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:540px;\n  height:540px;\n\n  left:-340px;\n  top:-320px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.075),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv91real__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.sv91real__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.55fr);\n\n  gap:46px;\n\n  align-items:end;\n\n  margin-bottom:29px;\n}\n\n\n.sv91real__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:12px;\n\n  color:var(--orange);\n\n  font-size:11px;\n  font-weight:700;\n\n  letter-spacing:1.35px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91real__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv91real h2 {\n  max-width:770px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      51px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.sv91real h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv91real__intro {\n  max-width:450px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:14px;\n\n  line-height:1.8;\n}\n\n\n\/* =========================================================\n   EDITORIAL GRID\n========================================================= *\/\n\n.sv91real__gallery {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.35fr)\n    minmax(320px,.65fr);\n\n  grid-template-rows:\n    repeat(2,270px);\n\n  gap:14px;\n\n  padding:\n    14px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    linear-gradient(\n      145deg,\n      #f2f5f7 0%,\n      #e8edf0 100%\n    );\n\n  box-shadow:\n    0 23px 56px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   CARD BASE\n========================================================= *\/\n\n.sv91real__card {\n  position:relative;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  background:#dce2e6;\n\n  opacity:0;\n\n  transform:\n    translateY(22px);\n\n  transition:\n    opacity .75s\n    cubic-bezier(.2,.7,.3,1),\n\n    transform .75s\n    cubic-bezier(.2,.7,.3,1),\n\n    box-shadow .3s ease;\n}\n\n\n.sv91real.is-visible\n.sv91real__card {\n  opacity:1;\n\n  transform:\n    translateY(0);\n}\n\n\n.sv91real.is-visible\n.sv91real__card--main {\n  transition-delay:.05s;\n}\n\n\n.sv91real.is-visible\n.sv91real__card--seat {\n  transition-delay:.18s;\n}\n\n\n.sv91real.is-visible\n.sv91real__card--exterior {\n  transition-delay:.31s;\n}\n\n\n.sv91real__card:hover {\n  box-shadow:\n    0 20px 42px\n    rgba(38,54,72,.16);\n}\n\n\n\/* =========================================================\n   MAIN INTERIOR\n========================================================= *\/\n\n.sv91real__card--main {\n  grid-row:\n    1 \/ 3;\n\n  min-height:554px;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.sv91real__image {\n  position:absolute;\n  inset:0;\n}\n\n\n.sv91real__image img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center;\n\n  transform:\n    scale(1.025);\n\n  transition:\n    transform 1.3s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.sv91real__card:hover\n.sv91real__image img {\n  transform:\n    scale(1.065);\n}\n\n\n\/* MAIN slow movement *\/\n\n.sv91real__card--main\n.sv91real__image img {\n  animation:\n    sv91realMainZoom\n    12s\n    ease-in-out\n    infinite alternate;\n}\n\n\n\/* =========================================================\n   OVERLAYS\n========================================================= *\/\n\n.sv91real__card::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(17,30,41,.02) 0%,\n      transparent 48%,\n      rgba(17,30,41,.62) 100%\n    );\n\n  pointer-events:none;\n}\n\n\n.sv91real__card--main::after {\n  background:\n    linear-gradient(\n      180deg,\n      rgba(17,30,41,.03) 0%,\n      transparent 48%,\n      rgba(17,30,41,.68) 100%\n    );\n}\n\n\n\/* =========================================================\n   TOP NUMBER\n========================================================= *\/\n\n.sv91real__index {\n  position:absolute;\n\n  z-index:6;\n\n  top:18px;\n  left:18px;\n\n  min-width:44px;\n  height:28px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid\n    rgba(255,255,255,.34);\n\n  background:\n    rgba(27,42,57,.78);\n\n  backdrop-filter:\n    blur(7px);\n\n  -webkit-backdrop-filter:\n    blur(7px);\n\n  color:#ffffff;\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.7px;\n}\n\n\n\/* =========================================================\n   ACTUAL VEHICLE BADGE\n========================================================= *\/\n\n.sv91real__real-badge {\n  position:absolute;\n\n  z-index:6;\n\n  top:18px;\n  right:18px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.24);\n\n  background:\n    rgba(255,255,255,.92);\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.65px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91real__real-badge::before {\n  content:\"\";\n\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0\n    5px\n    rgba(255,100,51,.10);\n}\n\n\n\/* =========================================================\n   CARD COPY\n========================================================= *\/\n\n.sv91real__card-copy {\n  position:absolute;\n\n  z-index:7;\n\n  left:20px;\n  right:20px;\n  bottom:19px;\n}\n\n\n.sv91real__card-copy span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91real__card-copy strong {\n  display:block;\n\n  max-width:590px;\n\n  color:#ffffff;\n\n  font-size:18px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n.sv91real__card--main\n.sv91real__card-copy strong {\n  max-width:600px;\n\n  font-size:\n    clamp(\n      22px,\n      2.3vw,\n      30px\n    );\n\n  line-height:1.14;\n}\n\n\n\/* =========================================================\n   ANIMATED ORANGE SCAN\n========================================================= *\/\n\n.sv91real__scan {\n  position:absolute;\n\n  z-index:5;\n\n  top:0;\n  bottom:0;\n\n  left:-110px;\n\n  width:75px;\n\n  transform:\n    skewX(-15deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,100,51,.08),\n      rgba(255,100,51,.17),\n      rgba(255,100,51,.08),\n      transparent\n    );\n\n  animation:\n    sv91realScan\n    6.5s\n    ease-in-out\n    infinite;\n\n  pointer-events:none;\n}\n\n\n.sv91real__card--seat\n.sv91real__scan {\n  animation-delay:1.2s;\n}\n\n\n.sv91real__card--exterior\n.sv91real__scan {\n  animation-delay:2.3s;\n}\n\n\n\/* =========================================================\n   EDITORIAL SIDE LINE\n========================================================= *\/\n\n.sv91real__edge-line {\n  position:absolute;\n\n  z-index:6;\n\n  left:0;\n  bottom:0;\n\n  width:3px;\n  height:0;\n\n  background:var(--orange);\n\n  transition:\n    height .7s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.sv91real.is-visible\n.sv91real__edge-line {\n  height:34%;\n}\n\n\n\/* =========================================================\n   BOTTOM INFORMATION RAIL\n========================================================= *\/\n\n.sv91real__rail {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-top:14px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.sv91real__rail-item {\n  position:relative;\n\n  padding:\n    18px\n    19px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  overflow:hidden;\n}\n\n\n.sv91real__rail-item:last-child {\n  border-right:0;\n}\n\n\n.sv91real__rail-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.sv91real__rail-item:hover::after {\n  width:100%;\n}\n\n\n.sv91real__rail-item span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--muted);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:.75px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91real__rail-item strong {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--navy);\n\n  font-size:15px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n.sv91real__rail-item p {\n  margin:0;\n\n  color:var(--text);\n\n  font-size:12px;\n\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   FINAL EDITORIAL MESSAGE\n========================================================= *\/\n\n.sv91real__message {\n  display:grid;\n\n  grid-template-columns:\n    auto\n    1fr;\n\n  gap:15px;\n\n  align-items:center;\n\n  margin-top:14px;\n\n  padding:\n    17px\n    19px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #263648 0%,\n      #1d3041 100%\n    );\n\n  border-left:\n    3px solid\n    var(--orange);\n}\n\n\n.sv91real__message-mark {\n  width:42px;\n  height:42px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid\n    rgba(255,100,51,.30);\n\n  border-radius:50%;\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n.sv91real__message-copy span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91real__message-copy strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:14px;\n  font-weight:700;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.sv91real__note {\n  margin:\n    10px\n    0\n    0;\n\n  color:#919ba4;\n\n  font-size:10px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv91realMainZoom {\n\n  from {\n    transform:\n      scale(1.025);\n  }\n\n  to {\n    transform:\n      scale(1.075);\n  }\n\n}\n\n\n@keyframes sv91realScan {\n\n  0%,\n  35% {\n    left:-110px;\n  }\n\n  75%,\n  100% {\n    left:120%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv91real__gallery {\n    grid-template-columns:\n      minmax(0,1.1fr)\n      minmax(300px,.9fr);\n\n    grid-template-rows:\n      repeat(2,245px);\n  }\n\n\n  .sv91real__card--main {\n    min-height:504px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv91real {\n    padding:\n      48px\n      16px\n      52px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv91real__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .sv91real__eyebrow {\n    font-size:10px;\n  }\n\n\n  .sv91real h2 {\n    max-width:370px;\n\n    margin-bottom:12px;\n\n    font-size:32px;\n\n    line-height:1.06;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv91real__intro {\n    max-width:380px;\n\n    font-size:13px;\n  }\n\n\n  \/* GALLERY *\/\n\n  .sv91real__gallery {\n    display:flex;\n\n    flex-direction:column;\n\n    gap:10px;\n\n    padding:10px;\n  }\n\n\n  .sv91real__card {\n    min-height:280px;\n  }\n\n\n  .sv91real__card--main {\n    min-height:430px;\n  }\n\n\n  .sv91real__card--seat,\n  .sv91real__card--exterior {\n    min-height:260px;\n  }\n\n\n  .sv91real__index {\n    top:12px;\n    left:12px;\n  }\n\n\n  .sv91real__real-badge {\n    top:12px;\n    right:12px;\n\n    padding:\n      7px\n      8px;\n\n    font-size:8px;\n  }\n\n\n  .sv91real__card-copy {\n    left:14px;\n    right:14px;\n    bottom:14px;\n  }\n\n\n  .sv91real__card-copy span {\n    font-size:9px;\n  }\n\n\n  .sv91real__card-copy strong {\n    font-size:16px;\n  }\n\n\n  .sv91real__card--main\n  .sv91real__card-copy strong {\n    font-size:22px;\n  }\n\n\n  \/* RAIL *\/\n\n  .sv91real__rail {\n    grid-template-columns:1fr;\n  }\n\n\n  .sv91real__rail-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  .sv91real__rail-item:last-child {\n    border-bottom:0;\n  }\n\n\n  .sv91real__rail-item strong {\n    font-size:14px;\n  }\n\n\n  .sv91real__rail-item p {\n    font-size:11px;\n  }\n\n\n  \/* MESSAGE *\/\n\n  .sv91real__message {\n    grid-template-columns:\n      38px\n      1fr;\n\n    padding:\n      14px\n      15px;\n  }\n\n\n  .sv91real__message-mark {\n    width:36px;\n    height:36px;\n  }\n\n\n  .sv91real__message-copy strong {\n    font-size:12px;\n  }\n\n\n  .sv91real__note {\n    font-size:9px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv91real h2 {\n    font-size:29px;\n  }\n\n\n  .sv91real__card--main {\n    min-height:400px;\n  }\n\n\n  .sv91real__real-badge {\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv91real *,\n  .sv91real *::before,\n  .sv91real *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n\n  .sv91real__card {\n    opacity:1 !important;\n\n    transform:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv91real\"\n  id=\"svfr91-realvehicle\">\n\n\n  <div class=\"sv91real__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv91real__header\">\n\n\n      <div>\n\n\n        <div class=\"sv91real__eyebrow\">\n          Actual 9+1 Passenger Vehicle\n        <\/div>\n\n\n        <h2>\n\n          A Passenger-Focused SuperVan,\n\n          <span>\n            Seen in the Real Vehicle.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n      <p class=\"sv91real__intro\">\n        See the actual SuperVan 9+1 passenger configuration,\n        from the seating environment to the exterior of the\n        electric passenger vehicle.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         EDITORIAL GALLERY\n    ====================================================== -->\n\n    <div class=\"sv91real__gallery\">\n\n\n      <!-- ===================================================\n           MAIN PASSENGER INTERIOR\n      ==================================================== -->\n\n      <article\n        class=\"sv91real__card sv91real__card--main\">\n\n\n        <div class=\"sv91real__image\">\n\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_025107211_iOS-1-scaled.jpg\"\n            alt=\"Farizon SuperVan 9+1 passenger interior Singapore\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n\n        <\/div>\n\n\n\n        <div class=\"sv91real__scan\"><\/div>\n\n        <div class=\"sv91real__edge-line\"><\/div>\n\n\n\n        <div class=\"sv91real__index\">\n          01\n        <\/div>\n\n\n\n        <div class=\"sv91real__real-badge\">\n          Actual Vehicle\n        <\/div>\n\n\n\n        <div class=\"sv91real__card-copy\">\n\n          <span>\n            Passenger Interior\n          <\/span>\n\n          <strong>\n            A dedicated 9+1 passenger environment within the SuperVan 5FR platform.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           SEATING\n      ==================================================== -->\n\n      <article\n        class=\"sv91real__card sv91real__card--seat\">\n\n\n        <div class=\"sv91real__image\">\n\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_025041225_iOS-1-scaled.jpg\"\n            alt=\"Farizon SuperVan 9+1 passenger seating\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n\n        <\/div>\n\n\n\n        <div class=\"sv91real__scan\"><\/div>\n\n        <div class=\"sv91real__edge-line\"><\/div>\n\n\n\n        <div class=\"sv91real__index\">\n          02\n        <\/div>\n\n\n\n        <div class=\"sv91real__card-copy\">\n\n          <span>\n            Passenger Seating\n          <\/span>\n\n          <strong>\n            Configured for dedicated commercial passenger transport.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           EXTERIOR\n      ==================================================== -->\n\n      <article\n        class=\"sv91real__card sv91real__card--exterior\">\n\n\n        <div class=\"sv91real__image\">\n\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_024250930_iOS-scaled.jpg\"\n            alt=\"Farizon SuperVan 9+1 electric minibus exterior Singapore\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n\n        <\/div>\n\n\n\n        <div class=\"sv91real__scan\"><\/div>\n\n        <div class=\"sv91real__edge-line\"><\/div>\n\n\n\n        <div class=\"sv91real__index\">\n          03\n        <\/div>\n\n\n\n        <div class=\"sv91real__card-copy\">\n\n          <span>\n            SuperVan 5FR Exterior\n          <\/span>\n\n          <strong>\n            Compact electric passenger mobility for commercial operations.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/article>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         INFORMATION RAIL\n    ====================================================== -->\n\n    <div class=\"sv91real__rail\">\n\n\n      <div class=\"sv91real__rail-item\">\n\n        <span>\n          Configuration\n        <\/span>\n\n        <strong>\n          9+1 Passenger Vehicle\n        <\/strong>\n\n        <p>\n          A passenger-focused configuration based on the\n          Farizon SuperVan 5FR electric platform.\n        <\/p>\n\n      <\/div>\n\n\n\n      <div class=\"sv91real__rail-item\">\n\n        <span>\n          Application\n        <\/span>\n\n        <strong>\n          Shuttle & Staff Transport\n        <\/strong>\n\n        <p>\n          Designed for businesses and operators that require\n          regular commercial passenger movement.\n        <\/p>\n\n      <\/div>\n\n\n\n      <div class=\"sv91real__rail-item\">\n\n        <span>\n          Powertrain\n        <\/span>\n\n        <strong>\n          Fully Electric\n        <\/strong>\n\n        <p>\n          Passenger mobility supported by the SuperVan 5FR\n          all-electric vehicle platform.\n        <\/p>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MESSAGE\n    ====================================================== -->\n\n    <div class=\"sv91real__message\">\n\n\n      <div class=\"sv91real__message-mark\">\n        9+1\n      <\/div>\n\n\n      <div class=\"sv91real__message-copy\">\n\n        <span>\n          Farizon SuperVan 9+1\n        <\/span>\n\n        <strong>\n          A compact electric minibus created for practical\n          commercial passenger transport in Singapore.\n        <\/strong>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"sv91real__note\">\n      *Images show an actual passenger vehicle configuration.\n      Final interior equipment and vehicle configuration may\n      vary according to the selected specification. Confirm\n      requirements with Farizon Singapore.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"svfr91-realvehicle\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  if (reduceMotion) {\n\n    section.classList.add(\n      \"is-visible\"\n    );\n\n    return;\n\n  }\n\n\n  \/* =========================================================\n     REVEAL ONLY WHEN SECTION ENTERS VIEW\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n\n                section.classList.add(\n                  \"is-visible\"\n                );\n\n\n                observer.unobserve(\n                  section\n                );\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.16\n        }\n      );\n\n\n    observer.observe(section);\n\n  }\n\n\n  else {\n\n    section.classList.add(\n      \"is-visible\"\n    );\n\n  }\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5FR 9+1\n   SECTION 06 \u2014 FINAL ENQUIRY\n   NO INTERNAL FORM SCROLL\n========================================================= *\/\n\n.sv91enq,\n.sv91enq *,\n.sv91enq *::before,\n.sv91enq *::after {\n  box-sizing:border-box;\n}\n\n.sv91enq {\n  --orange:#ff6433;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8e99a4;\n  --line:#e1e6ea;\n  --green:#25d366;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  padding:\n    70px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n\n  scroll-margin-top:90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv91enq::before {\n  content:\"\";\n\n  position:absolute;\n  inset:-60px;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    50px\n    50px;\n\n  animation:\n    sv91enqGrid\n    18s\n    linear\n    infinite;\n\n  pointer-events:none;\n}\n\n\n.sv91enq::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:560px;\n  height:560px;\n\n  right:-350px;\n  top:-340px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.14),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv91enq__inner {\n  position:relative;\n  z-index:3;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv91enq__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.55fr);\n\n  gap:46px;\n\n  align-items:end;\n\n  margin-bottom:27px;\n}\n\n\n.sv91enq__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:12px;\n\n  color:var(--orange);\n\n  font-size:11px;\n  font-weight:700;\n\n  letter-spacing:1.35px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv91enq h2 {\n  max-width:800px;\n\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      51px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.sv91enq h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv91enq__intro {\n  max-width:450px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.58);\n\n  font-size:14px;\n\n  line-height:1.8;\n}\n\n\n\/* =========================================================\n   ROUTE STRIP\n========================================================= *\/\n\n.sv91enq__route {\n  position:relative;\n\n  height:56px;\n\n  margin-bottom:15px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.08);\n\n  background:\n    rgba(255,255,255,.02);\n}\n\n\n.sv91enq__route-line {\n  position:absolute;\n\n  left:24px;\n  right:24px;\n  top:27px;\n\n  height:2px;\n\n  background:\n    rgba(255,255,255,.10);\n}\n\n\n.sv91enq__route-line::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  top:0;\n\n  width:28%;\n  height:100%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 10px\n    rgba(255,100,51,.38);\n\n  animation:\n    sv91enqRoute\n    5.2s\n    ease-in-out\n    infinite;\n}\n\n\n.sv91enq__route-dot {\n  position:absolute;\n\n  top:22px;\n\n  width:12px;\n  height:12px;\n\n  border-radius:50%;\n\n  background:#263648;\n\n  border:\n    2px solid\n    rgba(255,255,255,.32);\n}\n\n\n.sv91enq__route-dot--1 {\n  left:8%;\n}\n\n\n.sv91enq__route-dot--2 {\n  left:49%;\n}\n\n\n.sv91enq__route-dot--3 {\n  right:8%;\n}\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.sv91enq__main {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(340px,.72fr)\n    minmax(0,1.28fr);\n\n  align-items:stretch;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.025);\n\n  box-shadow:\n    0 28px 66px\n    rgba(0,0,0,.20);\n}\n\n\n\/* =========================================================\n   LEFT PANEL\n========================================================= *\/\n\n.sv91enq__aside {\n  position:relative;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  padding:\n    34px\n    30px;\n\n  overflow:hidden;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.08);\n\n  background:\n    linear-gradient(\n      160deg,\n      rgba(255,255,255,.045),\n      rgba(255,255,255,.015)\n    );\n}\n\n\n.sv91enq__top,\n.sv91enq__bottom {\n  position:relative;\n  z-index:3;\n}\n\n\n.sv91enq__label {\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__aside h3 {\n  max-width:390px;\n\n  margin:\n    0\n    0\n    12px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      26px,\n      2.5vw,\n      32px\n    );\n\n  line-height:1.08;\n\n  font-weight:700;\n}\n\n\n.sv91enq__aside-copy {\n  max-width:370px;\n\n  margin:\n    0\n    0\n    22px;\n\n  color:\n    rgba(255,255,255,.55);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   STEPS\n========================================================= *\/\n\n.sv91enq__steps {\n  display:grid;\n\n  gap:8px;\n}\n\n\n.sv91enq__step {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    40px\n    1fr;\n\n  gap:12px;\n\n  align-items:center;\n\n  min-height:76px;\n\n  padding:\n    11px\n    13px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.09);\n\n  background:\n    rgba(255,255,255,.025);\n\n  cursor:pointer;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n\n.sv91enq__step::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\n\n.sv91enq__step-num {\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,255,255,.05);\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size:10px;\n  font-weight:800;\n}\n\n\n.sv91enq__step-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    rgba(255,255,255,.32);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__step-copy strong {\n  display:block;\n\n  color:\n    rgba(255,255,255,.68);\n\n  font-size:13px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* ACTIVE *\/\n\n.sv91enq[data-active=\"0\"]\n.sv91enq__step:nth-child(1),\n\n.sv91enq[data-active=\"1\"]\n.sv91enq__step:nth-child(2),\n\n.sv91enq[data-active=\"2\"]\n.sv91enq__step:nth-child(3) {\n  transform:\n    translateX(5px);\n\n  border-color:\n    rgba(255,100,51,.30);\n\n  background:\n    rgba(255,255,255,.05);\n}\n\n\n.sv91enq[data-active=\"0\"]\n.sv91enq__step:nth-child(1)\n.sv91enq__step-num,\n\n.sv91enq[data-active=\"1\"]\n.sv91enq__step:nth-child(2)\n.sv91enq__step-num,\n\n.sv91enq[data-active=\"2\"]\n.sv91enq__step:nth-child(3)\n.sv91enq__step-num {\n  background:var(--orange);\n\n  color:#ffffff;\n}\n\n\n.sv91enq[data-active=\"0\"]\n.sv91enq__step:nth-child(1)::after,\n\n.sv91enq[data-active=\"1\"]\n.sv91enq__step:nth-child(2)::after,\n\n.sv91enq[data-active=\"2\"]\n.sv91enq__step:nth-child(3)::after {\n  animation:\n    sv91enqStep\n    4.3s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   WHATSAPP\n========================================================= *\/\n\n.sv91enq__wa {\n  display:flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-top:20px;\n\n  padding:\n    14px\n    15px;\n\n  border:\n    1px solid\n    rgba(37,211,102,.23);\n\n  background:\n    rgba(37,211,102,.055);\n\n  color:#ffffff !important;\n\n  text-decoration:none !important;\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n\n.sv91enq__wa:hover {\n  transform:\n    translateY(-3px);\n\n  background:\n    rgba(37,211,102,.085);\n}\n\n\n.sv91enq__wa-icon {\n  width:36px;\n  height:36px;\n\n  flex:\n    0 0\n    36px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:var(--green);\n\n  color:#ffffff;\n\n  font-size:12px;\n  font-weight:800;\n\n  animation:\n    sv91enqWaPulse\n    2.4s\n    ease-out\n    infinite;\n}\n\n\n.sv91enq__wa-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    rgba(255,255,255,.38);\n\n  font-size:9px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__wa-copy strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:13px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   CONTACT\n========================================================= *\/\n\n.sv91enq__contact {\n  margin-top:32px;\n\n  padding-top:20px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.09);\n}\n\n\n.sv91enq__contact-title {\n  display:block;\n\n  margin-bottom:10px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:9px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__contact-row {\n  display:grid;\n\n  grid-template-columns:\n    70px\n    1fr;\n\n  gap:10px;\n\n  padding:\n    5px\n    0;\n}\n\n\n.sv91enq__contact-row span {\n  color:\n    rgba(255,255,255,.28);\n\n  font-size:9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__contact-row strong {\n  color:\n    rgba(255,255,255,.82);\n\n  font-size:11px;\n  font-weight:600;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   RIGHT FORM\n========================================================= *\/\n\n.sv91enq__form {\n  position:relative;\n\n  min-width:0;\n\n  padding:\n    25px\n    26px\n    18px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   FORM HEADER\n========================================================= *\/\n\n.sv91enq__form-head {\n  position:relative;\n  z-index:3;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:18px;\n\n  margin-bottom:13px;\n\n  padding-bottom:13px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n}\n\n\n.sv91enq__form-title span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__form-title strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:16px;\n  font-weight:700;\n}\n\n\n.sv91enq__form-status {\n  color:var(--muted);\n\n  font-size:9px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   CONTEXT\n========================================================= *\/\n\n.sv91enq__context {\n  position:relative;\n  z-index:3;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-bottom:14px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#f7f9fa;\n}\n\n\n.sv91enq__context-item {\n  padding:\n    11px\n    12px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.sv91enq__context-item:last-child {\n  border-right:0;\n}\n\n\n.sv91enq__context-item span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:9px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__context-item strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:12px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   PEPPERCLOUD \u2014 NO INTERNAL SCROLL\n========================================================= *\/\n\n.sv91enq__iframe {\n  position:relative;\n  z-index:5;\n\n  width:100%;\n\n  min-height:930px;\n\n  height:930px;\n\n  overflow:visible !important;\n\n  background:#ffffff;\n}\n\n\n.sv91enq__iframe iframe {\n  display:block;\n\n  width:100% !important;\n\n  min-height:930px !important;\n\n  height:930px !important;\n\n  margin:0 !important;\n\n  padding:0 !important;\n\n  border:0 !important;\n\n  overflow:hidden !important;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.sv91enq__note {\n  position:relative;\n  z-index:3;\n\n  margin:\n    10px\n    0\n    0;\n\n  color:#929ba4;\n\n  font-size:9px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n.sv91enq__footer {\n  display:grid;\n\n  grid-template-columns:\n    48px\n    1fr\n    auto;\n\n  gap:14px;\n\n  align-items:center;\n\n  margin-top:15px;\n\n  padding:\n    15px\n    17px;\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.sv91enq__footer-mark {\n  width:44px;\n  height:44px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid\n    rgba(255,100,51,.27);\n\n  border-radius:50%;\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n.sv91enq__footer-copy span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    rgba(255,255,255,.35);\n\n  font-size:9px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv91enq__footer-copy strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n.sv91enq__footer-side {\n  color:\n    rgba(255,255,255,.38);\n\n  font-size:9px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv91enqGrid {\n  from {\n    transform:translate3d(0,0,0);\n  }\n\n  to {\n    transform:translate3d(50px,50px,0);\n  }\n}\n\n\n@keyframes sv91enqRoute {\n  0% {\n    left:0;\n    width:0;\n  }\n\n  42% {\n    left:0;\n    width:100%;\n  }\n\n  68% {\n    left:100%;\n    width:0;\n  }\n\n  100% {\n    left:100%;\n    width:0;\n  }\n}\n\n\n@keyframes sv91enqStep {\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n}\n\n\n@keyframes sv91enqWaPulse {\n  0% {\n    box-shadow:\n      0\n      0\n      0\n      0\n      rgba(37,211,102,.27);\n  }\n\n  75% {\n    box-shadow:\n      0\n      0\n      0\n      11px\n      rgba(37,211,102,0);\n  }\n\n  100% {\n    box-shadow:\n      0\n      0\n      0\n      11px\n      rgba(37,211,102,0);\n  }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv91enq__main {\n    grid-template-columns:\n      minmax(300px,.76fr)\n      minmax(0,1.24fr);\n  }\n\n\n  .sv91enq__iframe,\n  .sv91enq__iframe iframe {\n    min-height:960px !important;\n\n    height:960px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv91enq {\n    padding:\n      48px\n      16px\n      52px;\n  }\n\n\n  .sv91enq__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .sv91enq h2 {\n    margin-bottom:12px;\n\n    font-size:32px;\n\n    line-height:1.06;\n  }\n\n\n  .sv91enq__intro {\n    font-size:13px;\n  }\n\n\n  .sv91enq__main {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  .sv91enq__aside {\n    padding:\n      27px\n      20px\n      29px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.08);\n  }\n\n\n  .sv91enq__form {\n    padding:\n      18px\n      8px\n      14px;\n  }\n\n\n  .sv91enq__context {\n    grid-template-columns:1fr;\n  }\n\n\n  .sv91enq__context-item {\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv91enq__context-item:last-child {\n    border-bottom:0;\n  }\n\n\n  \/* IMPORTANT:\n     MOBILE FORM GETS MORE VERTICAL SPACE *\/\n\n  .sv91enq__iframe,\n  .sv91enq__iframe iframe {\n    min-height:1050px !important;\n\n    height:1050px !important;\n  }\n\n\n  .sv91enq__footer {\n    grid-template-columns:\n      44px\n      1fr;\n  }\n\n\n  .sv91enq__footer-side {\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv91enq h2 {\n    font-size:29px;\n  }\n\n\n  .sv91enq__iframe,\n  .sv91enq__iframe iframe {\n    min-height:1080px !important;\n\n    height:1080px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv91enq *,\n  .sv91enq *::before,\n  .sv91enq *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv91enq\"\n  id=\"svfr91-enquiry\"\n  data-active=\"0\">\n\n\n  <div class=\"sv91enq__inner\">\n\n\n    <!-- HEADER -->\n\n    <div class=\"sv91enq__header\">\n\n      <div>\n\n        <div class=\"sv91enq__eyebrow\">\n          Passenger Vehicle Enquiry\n        <\/div>\n\n        <h2>\n          Discuss Your Passenger\n          <span>\n            Transport Requirement.\n          <\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"sv91enq__intro\">\n        Speak with Farizon Singapore about the SuperVan 9+1\n        for shuttle services, staff transport and commercial\n        passenger mobility requirements.\n      <\/p>\n\n    <\/div>\n\n\n\n    <!-- ROUTE -->\n\n    <div class=\"sv91enq__route\">\n\n      <div class=\"sv91enq__route-line\"><\/div>\n\n      <span class=\"sv91enq__route-dot sv91enq__route-dot--1\"><\/span>\n      <span class=\"sv91enq__route-dot sv91enq__route-dot--2\"><\/span>\n      <span class=\"sv91enq__route-dot sv91enq__route-dot--3\"><\/span>\n\n    <\/div>\n\n\n\n    <!-- MAIN -->\n\n    <div class=\"sv91enq__main\">\n\n\n      <!-- LEFT -->\n\n      <aside class=\"sv91enq__aside\">\n\n\n        <div class=\"sv91enq__top\">\n\n\n          <span class=\"sv91enq__label\">\n            Passenger Mobility Consultation\n          <\/span>\n\n\n          <h3>\n            Start with How You Plan to Move Your Passengers.\n          <\/h3>\n\n\n          <p class=\"sv91enq__aside-copy\">\n            Share your intended passenger application,\n            operating pattern and fleet requirement with our\n            team so we can discuss the SuperVan 9+1 with you.\n          <\/p>\n\n\n\n          <div class=\"sv91enq__steps\">\n\n\n            <div class=\"sv91enq__step\">\n\n              <div class=\"sv91enq__step-num\">\n                01\n              <\/div>\n\n              <div class=\"sv91enq__step-copy\">\n\n                <span>\n                  Passenger Requirement\n                <\/span>\n\n                <strong>\n                  Tell Us How the Vehicle Will Be Used\n                <\/strong>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv91enq__step\">\n\n              <div class=\"sv91enq__step-num\">\n                02\n              <\/div>\n\n              <div class=\"sv91enq__step-copy\">\n\n                <span>\n                  Daily Operation\n                <\/span>\n\n                <strong>\n                  Discuss Shuttle or Staff Transport Needs\n                <\/strong>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv91enq__step\">\n\n              <div class=\"sv91enq__step-num\">\n                03\n              <\/div>\n\n              <div class=\"sv91enq__step-copy\">\n\n                <span>\n                  Fleet Enquiry\n                <\/span>\n\n                <strong>\n                  Connect with Farizon Singapore\n                <\/strong>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- WHATSAPP -->\n\n          <a class=\"sv91enq__wa\" href=\"https:\/\/wa.me\/6591122222?text=Hi%20Farizon%20Singapore%2C%20I%20would%20like%20to%20enquire%20about%20the%20Farizon%20SuperVan%205FR%209%2B1%20electric%20minibus.\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n\n            <span class=\"sv91enq__wa-icon\">\n              W\n            <\/span>\n\n\n            <span class=\"sv91enq__wa-copy\">\n\n              <span>\n                Quick Enquiry\n              <\/span>\n\n              <strong>\n                WhatsApp Farizon Singapore\n              <\/strong>\n\n            <\/span>\n\n          <\/a>\n\n\n        <\/div>\n\n\n\n        <!-- CONTACT -->\n\n        <div class=\"sv91enq__bottom\">\n\n          <div class=\"sv91enq__contact\">\n\n            <span class=\"sv91enq__contact-title\">\n              Farizon Singapore\n            <\/span>\n\n\n            <div class=\"sv91enq__contact-row\">\n              <span>Phone<\/span>\n              <strong>+65 8030 8030<\/strong>\n            <\/div>\n\n\n            <div class=\"sv91enq__contact-row\">\n              <span>WhatsApp<\/span>\n              <strong>+65 9112 2222<\/strong>\n            <\/div>\n\n\n            <div class=\"sv91enq__contact-row\">\n              <span>Email<\/span>\n              <strong>marketing@hongseh.sg<\/strong>\n            <\/div>\n\n\n            <div class=\"sv91enq__contact-row\">\n              <span>Address<\/span>\n              <strong>10, Fourth Lok Yang Rd<\/strong>\n            <\/div>\n\n\n            <div class=\"sv91enq__contact-row\">\n              <span>Hours<\/span>\n              <strong>Monday\u2013Friday \u00b7 8AM\u20136PM<\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/aside>\n\n\n\n      <!-- ===================================================\n           FORM\n      ==================================================== -->\n\n      <div class=\"sv91enq__form\">\n\n\n        <div class=\"sv91enq__form-head\">\n\n          <div class=\"sv91enq__form-title\">\n\n            <span>\n              Direct Enquiry\n            <\/span>\n\n            <strong>\n              Send Us Your Details\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv91enq__form-status\">\n            Enquiry Form\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"sv91enq__context\">\n\n\n          <div class=\"sv91enq__context-item\">\n\n            <span>\n              Vehicle\n            <\/span>\n\n            <strong>\n              SuperVan 5FR\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv91enq__context-item\">\n\n            <span>\n              Configuration\n            <\/span>\n\n            <strong>\n              9+1 Passenger\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv91enq__context-item\">\n\n            <span>\n              Application\n            <\/span>\n\n            <strong>\n              Commercial Passenger Transport\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             PEPPERCLOUD\n        ================================================== -->\n\n        <div class=\"sv91enq__iframe\">\n\n          <iframe\n            id=\"pc-iframe-sv91\"\n            src=\"https:\/\/app.peppercloud.com\/form\/4f15ac08-228d-46d1-8691-0d21e8ecd7df\/embed\"\n            title=\"Farizon SuperVan 9+1 enquiry form\"\n            loading=\"lazy\"\n            scrolling=\"no\">\n          <\/iframe>\n\n        <\/div>\n\n\n\n        <p class=\"sv91enq__note\">\n          *Final passenger configuration, equipment and vehicle\n          specification may vary according to the selected\n          requirement. Confirm the required configuration with\n          Farizon Singapore.\n        <\/p>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- FOOTER -->\n\n    <div class=\"sv91enq__footer\">\n\n\n      <div class=\"sv91enq__footer-mark\">\n        9+1\n      <\/div>\n\n\n      <div class=\"sv91enq__footer-copy\">\n\n        <span>\n          Electric Passenger Mobility\n        <\/span>\n\n        <strong>\n          Farizon Singapore supported by Hong Seh Motors.\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"sv91enq__footer-side\">\n        Singapore\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      \"svfr91-enquiry\"\n    );\n\n  if (!section) return;\n\n\n  \/* =========================================================\n     AUTO STEPS\n  ========================================================= *\/\n\n  const steps =\n    Array.from(\n      section.querySelectorAll(\n        \".sv91enq__step\"\n      )\n    );\n\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  let active = 0;\n  let timer = null;\n  let visible = false;\n\n\n  const duration = 4300;\n\n\n  function stop() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function update(index) {\n\n    active =\n      (\n        index +\n        steps.length\n      )\n      %\n      steps.length;\n\n\n    section.setAttribute(\n      \"data-active\",\n      String(active)\n    );\n\n  }\n\n\n  function schedule() {\n\n    stop();\n\n\n    if (\n      reduceMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          update(active + 1);\n\n          schedule();\n\n        },\n        duration\n      );\n\n  }\n\n\n  steps.forEach(\n    function (step,index) {\n\n      step.addEventListener(\n        \"click\",\n        function () {\n\n          update(index);\n\n          schedule();\n\n        }\n      );\n\n    }\n  );\n\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                schedule();\n\n              }\n\n              else {\n\n                stop();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.15\n        }\n      );\n\n\n    observer.observe(section);\n\n  }\n\n  else {\n\n    visible = true;\n\n    schedule();\n\n  }\n\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stop();\n\n      }\n\n      else if (visible) {\n\n        schedule();\n\n      }\n\n    }\n  );\n\n\n  \/* =========================================================\n     PEPPERCLOUD AUTO HEIGHT\n     If Peppercloud sends a resize message, use it.\n     Fixed 930px remains the fallback.\n  ========================================================= *\/\n\n  const iframe =\n    document.getElementById(\n      \"pc-iframe-sv91\"\n    );\n\n\n  const iframeWrap =\n    section.querySelector(\n      \".sv91enq__iframe\"\n    );\n\n\n  window.addEventListener(\n    \"message\",\n    function (event) {\n\n      if (\n        event.origin !==\n        \"https:\/\/app.peppercloud.com\"\n      ) {\n        return;\n      }\n\n\n      let payload =\n        event.data;\n\n\n      \/* some embeds stringify postMessage data *\/\n\n      if (\n        typeof payload ===\n        \"string\"\n      ) {\n\n        try {\n\n          payload =\n            JSON.parse(payload);\n\n        }\n\n        catch (error) {\n\n          return;\n\n        }\n\n      }\n\n\n      if (\n        !payload ||\n        typeof payload !==\n        \"object\"\n      ) {\n        return;\n      }\n\n\n      let height = null;\n\n\n      if (\n        typeof payload.height ===\n        \"number\"\n      ) {\n\n        height =\n          payload.height;\n\n      }\n\n\n      else if (\n        payload.data &&\n        typeof payload.data.height ===\n        \"number\"\n      ) {\n\n        height =\n          payload.data.height;\n\n      }\n\n\n      else if (\n        typeof payload.iframeHeight ===\n        \"number\"\n      ) {\n\n        height =\n          payload.iframeHeight;\n\n      }\n\n\n      else if (\n        typeof payload.contentHeight ===\n        \"number\"\n      ) {\n\n        height =\n          payload.contentHeight;\n\n      }\n\n\n      if (\n        !height ||\n        height < 500 ||\n        height > 2500\n      ) {\n        return;\n      }\n\n\n      \/*\n        Add small buffer so validation text \/ captcha\n        does not create an internal scrollbar.\n      *\/\n\n      const finalHeight =\n        Math.ceil(height + 35);\n\n\n      iframe.style.height =\n        finalHeight + \"px\";\n\n\n      iframe.style.minHeight =\n        finalHeight + \"px\";\n\n\n      iframeWrap.style.height =\n        finalHeight + \"px\";\n\n\n      iframeWrap.style.minHeight =\n        finalHeight + \"px\";\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Farizon SuperVan 5FR \u00b7 9+1 9+1 Electric Minibus Singapore Compact Passenger Mobility. The Farizon SuperVan 9+1 is an electric minibus designed for comfortable and efficient passenger transport in Singapore, with a practical configuration for shuttle services, staff transport and other commercial passenger applications. 9+1 Configuration Shuttle Services Staff Transport Commercial Passenger Mobility Explore 9+1 Configuration [&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-541","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 \u00b7 9+1 9+1 Electric Minibus Singapore Compact Passenger Mobility. The Farizon SuperVan 9+1 is an electric minibus designed for comfortable and efficient passenger transport in Singapore, with a practical configuration for shuttle services, staff transport and other commercial passenger applications. 9+1 Configuration Shuttle Services Staff Transport Commercial Passenger Mobility Explore 9+1 Configuration&hellip;","_links":{"self":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/541","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=541"}],"version-history":[{"count":10,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/541\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/541\/revisions\/693"}],"wp:attachment":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}