{"id":580,"date":"2026-10-02T04:24:21","date_gmt":"2026-10-02T04:24:21","guid":{"rendered":"https:\/\/farizon.com.sg\/new\/?page_id=580"},"modified":"2026-10-02T07:09:34","modified_gmt":"2026-10-02T07:09:34","slug":"5-5mr-131","status":"publish","type":"page","link":"https:\/\/farizon.com.sg\/?page_id=580","title":{"rendered":"5.5MR 13+1"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5.5MR 13+1\n   SECTION 01 \u2014 ELECTRIC MINIBUS HERO\n========================================================= *\/\n\n.sv55-hero,\n.sv55-hero *,\n.sv55-hero *::before,\n.sv55-hero *::after {\n  box-sizing: border-box;\n}\n\n.sv55-hero {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --deep2:#203548;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e3e7eb;\n  --soft:#f2f5f7;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f9fa 0%,\n      #eef2f5 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.sv55-hero::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  left:-280px;\n  top:-290px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.11),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n.sv55-hero::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:580px;\n  height:580px;\n\n  right:-320px;\n  bottom:-380px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(38,54,72,.09),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv55-hero__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  min-height:690px;\n\n  margin:0 auto;\n\n  padding:\n    54px\n    24px\n    30px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(410px,.82fr)\n    minmax(0,1.18fr);\n\n  gap:50px;\n\n  align-items:center;\n}\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.sv55-hero__copy {\n  position:relative;\n  z-index:8;\n\n  max-width:560px;\n\n  animation:\n    sv55CopyIn\n    .85s\n    cubic-bezier(.2,.7,.3,1)\n    both;\n}\n\n\n\/* eyebrow *\/\n\n.sv55-hero__eyebrow {\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:14px;\n\n  color:\n    var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-hero__eyebrow::before {\n  content:\"\";\n\n  width:34px;\n  height:2px;\n\n  background:\n    var(--orange);\n}\n\n\n\/* H1 *\/\n\n.sv55-hero h1 {\n  max-width:590px;\n\n  margin:\n    0\n    0\n    18px;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      42px,\n      4.6vw,\n      61px\n    );\n\n  line-height:1.01;\n\n  letter-spacing:-1.45px;\n\n  font-weight:750;\n\n  word-break:normal;\n  overflow-wrap:normal;\n  hyphens:none;\n}\n\n\n.sv55-hero h1 span {\n  display:block;\n\n  margin-top:6px;\n\n  color:\n    var(--orange);\n}\n\n\n\/* lead *\/\n\n.sv55-hero__lead {\n  max-width:555px;\n\n  margin:\n    0\n    0\n    21px;\n\n  color:\n    var(--text);\n\n  font-size:14px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   USE CASES\n========================================================= *\/\n\n.sv55-hero__uses {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-bottom:25px;\n}\n\n\n.sv55-hero__use {\n  padding:\n    8px\n    11px;\n\n  border:\n    1px solid\n    #dde2e6;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.72);\n\n  color:\n    #66717c;\n\n  font-size:8px;\n  font-weight:650;\n\n  white-space:nowrap;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.sv55-hero__actions {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:10px;\n\n  margin-bottom:28px;\n}\n\n\n.sv55-hero__btn {\n  min-height:47px;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:9px;\n\n  padding:\n    0\n    19px;\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 .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n\n.sv55-hero__btn:hover {\n  transform:\n    translateY(-2px);\n}\n\n\n.sv55-hero__btn--primary {\n  background:\n    var(--orange);\n\n  color:\n    #ffffff !important;\n}\n\n\n.sv55-hero__btn--primary:hover {\n  background:\n    var(--orange-dark);\n}\n\n\n.sv55-hero__btn--secondary {\n  border-color:\n    #ccd3d9;\n\n  background:\n    rgba(255,255,255,.58);\n\n  color:\n    var(--navy) !important;\n}\n\n\n.sv55-hero__btn--secondary:hover {\n  border-color:\n    var(--navy);\n\n  background:\n    #ffffff;\n}\n\n\n\/* =========================================================\n   PASSENGER POSITIONING\n========================================================= *\/\n\n.sv55-hero__positioning {\n  display:grid;\n\n  grid-template-columns:\n    42px\n    1fr;\n\n  gap:12px;\n\n  align-items:center;\n\n  max-width:540px;\n\n  padding-top:18px;\n\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n.sv55-hero__positioning-icon {\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  border:\n    1px solid\n    rgba(255,100,51,.18);\n\n  color:\n    var(--orange);\n\n  font-size:9px;\n  font-weight:800;\n\n  animation:\n    sv55SeatPulse\n    3.4s\n    ease-in-out\n    infinite;\n}\n\n\n.sv55-hero__positioning-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-hero__positioning-copy strong {\n  display:block;\n\n  color:\n    var(--navy);\n\n  font-size:11px;\n  font-weight:650;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   VISUAL STAGE\n========================================================= *\/\n\n.sv55-hero__visual {\n  position:relative;\n\n  min-height:585px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #e8edf1 100%\n    );\n\n  box-shadow:\n    0 24px 55px\n    rgba(38,54,72,.08);\n}\n\n\n\/* technical grid *\/\n\n.sv55-hero__grid {\n  position:absolute;\n\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    46px\n    46px;\n\n  opacity:.52;\n\n  mask-image:\n    radial-gradient(\n      circle at 50% 50%,\n      #000 15%,\n      transparent 85%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* orange ambience *\/\n\n.sv55-hero__glow {\n  position:absolute;\n\n  width:440px;\n  height:440px;\n\n  right:-170px;\n  top:-170px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.13),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   PORTRAIT SUPPORT IMAGE\n========================================================= *\/\n\n.sv55-hero__portrait {\n  position:absolute;\n\n  z-index:2;\n\n  top:34px;\n  right:32px;\n\n  width:195px;\n  height:270px;\n\n  overflow:hidden;\n\n  border:\n    7px solid\n    rgba(255,255,255,.90);\n\n  background:\n    #dfe4e8;\n\n  box-shadow:\n    0 18px 38px\n    rgba(38,54,72,.12);\n\n  transform:\n    rotate(2.1deg);\n\n  animation:\n    sv55PortraitFloat\n    6s\n    ease-in-out\n    infinite;\n}\n\n\n.sv55-hero__portrait img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center;\n}\n\n\n\/* =========================================================\n   PNG VEHICLE\n========================================================= *\/\n\n.sv55-hero__vehicle {\n  position:absolute;\n\n  z-index:5;\n\n  left:50%;\n  top:52%;\n\n  width:\n    min(\n      82%,\n      760px\n    );\n\n  transform:\n    translate(-50%,-50%);\n}\n\n\n.sv55-hero__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  object-fit:contain;\n\n  filter:\n    drop-shadow(\n      0 25px 20px\n      rgba(31,46,59,.18)\n    );\n\n  animation:\n    sv55VehicleFloat\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   GROUND SHADOW\n========================================================= *\/\n\n.sv55-hero__ground {\n  position:absolute;\n\n  z-index:3;\n\n  left:50%;\n  bottom:101px;\n\n  width:66%;\n  height:26px;\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 72%\n    );\n\n  filter:\n    blur(7px);\n\n  animation:\n    sv55Ground\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   MOTION \/ ENERGY LINES\n========================================================= *\/\n\n.sv55-hero__energy {\n  position:absolute;\n\n  z-index:4;\n\n  left:8%;\n  right:8%;\n  bottom:88px;\n\n  height:5px;\n\n  overflow:hidden;\n\n  border-radius:999px;\n\n  background:\n    rgba(38,54,72,.08);\n}\n\n\n.sv55-hero__energy::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:-30%;\n  top:0;\n\n  width:30%;\n  height:100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      #ff9875,\n      transparent\n    );\n\n  animation:\n    sv55EnergySweep\n    2.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   VISUAL BADGE\n========================================================= *\/\n\n.sv55-hero__badge {\n  position:absolute;\n\n  z-index:8;\n\n  top:26px;\n  left:26px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    var(--navy);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 12px 26px\n    rgba(38,54,72,.13);\n}\n\n\n.sv55-hero__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-hero__badge strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   PASSENGER CAPACITY CARD\n========================================================= *\/\n\n.sv55-hero__capacity {\n  position:absolute;\n\n  z-index:9;\n\n  right:26px;\n  bottom:104px;\n\n  min-width:165px;\n\n  padding:\n    15px\n    16px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  box-shadow:\n    0 14px 30px\n    rgba(38,54,72,.12);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv55-hero__capacity span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-hero__capacity strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--navy);\n\n  font-size:28px;\n  font-weight:750;\n\n  line-height:1;\n}\n\n\n.sv55-hero__capacity small {\n  color:\n    var(--text);\n\n  font-size:7px;\n}\n\n\n\/* =========================================================\n   STATS DOCK\n========================================================= *\/\n\n.sv55-hero__stats {\n  position:absolute;\n\n  z-index:10;\n\n  left:22px;\n  right:22px;\n  bottom:20px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.94);\n\n  box-shadow:\n    0 13px 32px\n    rgba(38,54,72,.09);\n\n  backdrop-filter:\n    blur(9px);\n\n  -webkit-backdrop-filter:\n    blur(9px);\n}\n\n\n.sv55-hero__stat {\n  position:relative;\n\n  padding:\n    14px\n    13px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  transition:\n    background .25s ease;\n}\n\n\n.sv55-hero__stat:last-child {\n  border-right:0;\n}\n\n\n.sv55-hero__stat:hover {\n  background:\n    #fafbfc;\n}\n\n\n.sv55-hero__stat::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:\n    var(--orange);\n\n  transition:\n    width .35s ease;\n}\n\n\n.sv55-hero__stat:hover::after {\n  width:100%;\n}\n\n\n.sv55-hero__stat span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-hero__stat strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    var(--navy);\n\n  font-size:16px;\n  font-weight:750;\n\n  line-height:1.1;\n}\n\n\n.sv55-hero__stat small {\n  display:block;\n\n  color:\n    var(--text);\n\n  font-size:7px;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.sv55-hero__note {\n  grid-column:1 \/ -1;\n\n  margin:\n    -2px\n    0\n    0;\n\n  color:\n    #939ca5;\n\n  font-size:7px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv55CopyIn {\n\n  from {\n    opacity:.25;\n\n    transform:\n      translateX(-16px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateX(0);\n  }\n\n}\n\n\n@keyframes sv55VehicleFloat {\n\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-6px);\n  }\n\n}\n\n\n@keyframes sv55PortraitFloat {\n\n  0%,\n  100% {\n    transform:\n      rotate(2.1deg)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      rotate(1.2deg)\n      translateY(-6px);\n  }\n\n}\n\n\n@keyframes sv55Ground {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      scaleX(.94);\n\n    opacity:.68;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scaleX(1.02);\n\n    opacity:.95;\n  }\n\n}\n\n\n@keyframes sv55EnergySweep {\n\n  from {\n    left:-30%;\n  }\n\n  65% {\n    left:105%;\n  }\n\n  100% {\n    left:105%;\n  }\n\n}\n\n\n@keyframes sv55SeatPulse {\n\n  0%,\n  100% {\n    box-shadow:\n      0 0 0 0\n      rgba(255,100,51,0);\n  }\n\n  50% {\n    box-shadow:\n      0 0 0 7px\n      rgba(255,100,51,.07);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv55-hero__inner {\n    min-height:660px;\n\n    grid-template-columns:\n      minmax(370px,.85fr)\n      minmax(0,1.15fr);\n\n    gap:34px;\n  }\n\n\n  .sv55-hero h1 {\n    font-size:46px;\n  }\n\n\n  .sv55-hero__portrait {\n    width:160px;\n    height:230px;\n  }\n\n\n  .sv55-hero__vehicle {\n    width:86%;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv55-hero__inner {\n    min-height:0;\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:30px;\n\n    padding:\n      46px\n      16px\n      24px;\n\n    align-items:stretch;\n  }\n\n\n  \/* COPY *\/\n\n  .sv55-hero__copy {\n    max-width:none;\n  }\n\n\n  .sv55-hero__eyebrow {\n    margin-bottom:10px;\n\n    font-size:8px;\n  }\n\n\n  .sv55-hero h1 {\n    max-width:360px;\n\n    margin-bottom:14px;\n\n    font-size:34px;\n\n    line-height:1.04;\n\n    letter-spacing:-.8px;\n  }\n\n\n  .sv55-hero__lead {\n    max-width:365px;\n\n    margin-bottom:18px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  .sv55-hero__uses {\n    margin-bottom:19px;\n  }\n\n\n  .sv55-hero__use {\n    padding:\n      7px\n      9px;\n\n    font-size:7px;\n  }\n\n\n  .sv55-hero__actions {\n    display:grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    margin-bottom:22px;\n  }\n\n\n  .sv55-hero__btn {\n    min-height:44px;\n\n    padding:\n      0\n      9px;\n\n    font-size:8px;\n  }\n\n\n  .sv55-hero__positioning {\n    padding-top:16px;\n  }\n\n\n  .sv55-hero__positioning-copy strong {\n    font-size:9px;\n  }\n\n\n  \/* VISUAL *\/\n\n  .sv55-hero__visual {\n    min-height:500px;\n  }\n\n\n  .sv55-hero__portrait {\n    top:16px;\n    right:14px;\n\n    width:105px;\n    height:155px;\n\n    border-width:5px;\n  }\n\n\n  .sv55-hero__badge {\n    top:14px;\n    left:14px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv55-hero__vehicle {\n    top:50%;\n\n    width:94%;\n  }\n\n\n  .sv55-hero__ground {\n    bottom:125px;\n\n    width:75%;\n  }\n\n\n  .sv55-hero__energy {\n    left:7%;\n    right:7%;\n    bottom:116px;\n  }\n\n\n  .sv55-hero__capacity {\n    right:14px;\n    bottom:132px;\n\n    min-width:128px;\n\n    padding:\n      10px\n      11px;\n  }\n\n\n  .sv55-hero__capacity strong {\n    font-size:21px;\n  }\n\n\n  \/* STATS *\/\n\n  .sv55-hero__stats {\n    left:12px;\n    right:12px;\n    bottom:12px;\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .sv55-hero__stat {\n    padding:\n      11px\n      10px;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv55-hero__stat:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sv55-hero__stat:nth-child(3),\n  .sv55-hero__stat:nth-child(4) {\n    border-bottom:0;\n  }\n\n\n  .sv55-hero__stat strong {\n    font-size:14px;\n  }\n\n\n  .sv55-hero__note {\n    padding:\n      0\n      2px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv55-hero h1 {\n    font-size:31px;\n  }\n\n\n  .sv55-hero__actions {\n    grid-template-columns:1fr;\n  }\n\n\n  .sv55-hero__visual {\n    min-height:470px;\n  }\n\n\n  .sv55-hero__portrait {\n    width:92px;\n    height:137px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv55-hero *,\n  .sv55-hero *::before,\n  .sv55-hero *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv55-hero\"\n  id=\"supervan-5-5mr-13-1\">\n\n\n  <div class=\"sv55-hero__inner\">\n\n\n    <!-- =====================================================\n         LEFT CONTENT\n    ====================================================== -->\n\n    <div class=\"sv55-hero__copy\">\n\n\n      <div class=\"sv55-hero__eyebrow\">\n        Farizon SuperVan 5.5MR 13+1\n      <\/div>\n\n\n      <h1>\n\n        Farizon SuperVan 5.5MR 13+1\n\n        <span>\n          Electric Minibus Singapore\n        <\/span>\n\n      <\/h1>\n\n\n      <p class=\"sv55-hero__lead\">\n        A high-capacity electric minibus designed for passenger\n        and group transport, the Farizon SuperVan 5.5MR 13+1\n        is suited to staff shuttles, hotel transfers, tour\n        operations, school transport and other commercial\n        passenger services.\n      <\/p>\n\n\n\n      <!-- USE CASES -->\n\n      <div class=\"sv55-hero__uses\">\n\n        <span class=\"sv55-hero__use\">\n          Staff Shuttle\n        <\/span>\n\n        <span class=\"sv55-hero__use\">\n          Hotel Transfer\n        <\/span>\n\n        <span class=\"sv55-hero__use\">\n          Tour Operators\n        <\/span>\n\n        <span class=\"sv55-hero__use\">\n          School Transport\n        <\/span>\n\n        <span class=\"sv55-hero__use\">\n          Group Transport\n        <\/span>\n\n      <\/div>\n\n\n\n      <!-- CTA -->\n\n      <div class=\"sv55-hero__actions\">\n\n\n        <a\n          class=\"sv55-hero__btn sv55-hero__btn--primary\"\n          href=\"#sv55-seating\">\n\n          Explore 13+1 Seating\n\n          <span>\n            \u2193\n          <\/span>\n\n        <\/a>\n\n\n        <a\n          class=\"sv55-hero__btn sv55-hero__btn--secondary\"\n          href=\"#sv55-enquiry\">\n\n          Enquire About 5.5MR\n\n          <span>\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n      <\/div>\n\n\n\n      <!-- POSITIONING -->\n\n      <div class=\"sv55-hero__positioning\">\n\n\n        <div class=\"sv55-hero__positioning-icon\">\n          13+1\n        <\/div>\n\n\n        <div class=\"sv55-hero__positioning-copy\">\n\n          <span>\n            Passenger Configuration\n          <\/span>\n\n          <strong>\n            Designed for commercial passenger transport\n            with seating for up to 13 passengers.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         VISUAL\n    ====================================================== -->\n\n    <div class=\"sv55-hero__visual\">\n\n\n      <div class=\"sv55-hero__grid\"><\/div>\n\n\n      <div class=\"sv55-hero__glow\"><\/div>\n\n\n\n      <!-- SUPPORTING PORTRAIT -->\n\n      <div class=\"sv55-hero__portrait\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_083817081_iOS-scaled.jpg\"\n          alt=\"Farizon SuperVan 5.5MR exterior\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n      <\/div>\n\n\n\n      <!-- VEHICLE BADGE -->\n\n      <div class=\"sv55-hero__badge\">\n\n        <span>\n          Electric Passenger Transport\n        <\/span>\n\n        <strong>\n          SuperVan 5.5MR 13+1\n        <\/strong>\n\n      <\/div>\n\n\n\n      <!-- GROUND -->\n\n      <div class=\"sv55-hero__ground\"><\/div>\n\n\n\n      <!-- VEHICLE PNG -->\n\n      <div class=\"sv55-hero__vehicle\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/2_MR-scaled.png\"\n          alt=\"Farizon SuperVan 5.5MR 13+1 electric minibus Singapore\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n      <\/div>\n\n\n\n      <!-- ENERGY LINE -->\n\n      <div class=\"sv55-hero__energy\"><\/div>\n\n\n\n      <!-- CAPACITY -->\n\n      <div class=\"sv55-hero__capacity\">\n\n        <span>\n          Passenger Transport\n        <\/span>\n\n        <strong>\n          13+1\n        <\/strong>\n\n        <small>\n          High-capacity configuration\n        <\/small>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           KEY PRODUCT FIGURES\n      ==================================================== -->\n\n      <div class=\"sv55-hero__stats\">\n\n\n        <div class=\"sv55-hero__stat\">\n\n          <span>\n            Configuration\n          <\/span>\n\n          <strong>\n            13+1\n          <\/strong>\n\n          <small>\n            Passenger transport\n          <\/small>\n\n        <\/div>\n\n\n\n        <div class=\"sv55-hero__stat\">\n\n          <span>\n            WLTP Range\n          <\/span>\n\n          <strong>\n            Up to 352km\n          <\/strong>\n\n          <small>\n            Electric driving range\n          <\/small>\n\n        <\/div>\n\n\n\n        <div class=\"sv55-hero__stat\">\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        <\/div>\n\n\n\n        <div class=\"sv55-hero__stat\">\n\n          <span>\n            DC Fast Charging\n          <\/span>\n\n          <strong>\n            15 min\n          <\/strong>\n\n          <small>\n            20\u201380% in as little as\n          <\/small>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"sv55-hero__note\">\n      *Maximum range, battery capacity and charging performance may vary according to vehicle specification, configuration, load, driving conditions and charging environment.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5.5MR 13+1\n   SECTION 02 \u2014 COMMERCIAL PASSENGER APPLICATIONS\n========================================================= *\/\n\n.sv55-apps,\n.sv55-apps *,\n.sv55-apps *::before,\n.sv55-apps *::after {\n  box-sizing:border-box;\n}\n\n.sv55-apps {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8c959f;\n  --line:#e3e7eb;\n  --soft:#f3f5f7;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    68px\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\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv55-apps::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:480px;\n  height:480px;\n\n  right:-260px;\n  top:-270px;\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.sv55-apps::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  left:-300px;\n  bottom:-330px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(38,54,72,.07),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv55-apps__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.sv55-apps__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(300px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:29px;\n}\n\n\n.sv55-apps__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-apps__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv55-apps h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.sv55-apps h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv55-apps__intro {\n  max-width:465px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.sv55-apps__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   MAIN STAGE\n========================================================= *\/\n\n.sv55-apps__stage {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.92fr)\n    minmax(360px,1.08fr);\n\n  min-height:600px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #f4f6f8;\n\n  box-shadow:\n    0 22px 52px\n    rgba(38,54,72,.07);\n}\n\n\n\/* =========================================================\n   VISUAL GALLERY\n========================================================= *\/\n\n.sv55-apps__visual {\n  position:relative;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #eef2f5 0%,\n      #ffffff 100%\n    );\n}\n\n\n\/* technical grid *\/\n\n.sv55-apps__visual-grid {\n  position:absolute;\n\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    46px\n    46px;\n\n  opacity:.50;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   MAIN PORTRAIT\n========================================================= *\/\n\n.sv55-apps__photo-stage {\n  position:absolute;\n\n  inset:\n    35px\n    110px\n    35px\n    35px;\n\n  overflow:hidden;\n\n  background:#dfe4e8;\n\n  box-shadow:\n    0 20px 46px\n    rgba(38,54,72,.12);\n}\n\n\n.sv55-apps__photo {\n  position:absolute;\n\n  inset:0;\n\n  opacity:0;\n\n  transform:\n    scale(1.045)\n    translateY(8px);\n\n  transition:\n    opacity .65s ease,\n    transform .95s\n    cubic-bezier(.2,.7,.3,1);\n\n  pointer-events:none;\n}\n\n\n.sv55-apps__photo img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center;\n\n  transition:\n    transform .8s ease;\n}\n\n\n\/* active photos *\/\n\n#sv55-app-staff:checked\n~ .sv55-apps__stage\n.sv55-apps__photo--1,\n\n#sv55-app-hotel:checked\n~ .sv55-apps__stage\n.sv55-apps__photo--2,\n\n#sv55-app-school:checked\n~ .sv55-apps__stage\n.sv55-apps__photo--3,\n\n#sv55-app-group:checked\n~ .sv55-apps__stage\n.sv55-apps__photo--4 {\n  opacity:1;\n\n  transform:\n    scale(1)\n    translateY(0);\n\n  pointer-events:auto;\n}\n\n\n\/* =========================================================\n   VEHICLE VIEW BADGE\n========================================================= *\/\n\n.sv55-apps__badge {\n  position:absolute;\n\n  z-index:8;\n\n  top:49px;\n  left:49px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    rgba(38,54,72,.93);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 13px 28px\n    rgba(38,54,72,.14);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv55-apps__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-apps__badge strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   THUMBNAIL RAIL\n========================================================= *\/\n\n.sv55-apps__thumbs {\n  position:absolute;\n\n  z-index:9;\n\n  top:35px;\n  right:26px;\n  bottom:35px;\n\n  width:66px;\n\n  display:grid;\n\n  grid-template-rows:\n    repeat(4,1fr);\n\n  gap:8px;\n}\n\n\n.sv55-apps__thumb {\n  position:relative;\n\n  overflow:hidden;\n\n  border:\n    2px solid\n    transparent;\n\n  background:#dfe4e8;\n\n  cursor:pointer;\n\n  opacity:.62;\n\n  transition:\n    opacity .25s ease,\n    border-color .25s ease,\n    transform .25s ease;\n}\n\n\n.sv55-apps__thumb:hover {\n  opacity:1;\n\n  transform:\n    translateX(-3px);\n}\n\n\n.sv55-apps__thumb img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center;\n}\n\n\n\/* active thumbs *\/\n\n#sv55-app-staff:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-staff\"].sv55-apps__thumb,\n\n#sv55-app-hotel:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-hotel\"].sv55-apps__thumb,\n\n#sv55-app-school:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-school\"].sv55-apps__thumb,\n\n#sv55-app-group:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-group\"].sv55-apps__thumb {\n  opacity:1;\n\n  border-color:var(--orange);\n\n  transform:\n    translateX(-4px);\n}\n\n\n\/* =========================================================\n   IMAGE STATUS\n========================================================= *\/\n\n.sv55-apps__status {\n  position:absolute;\n\n  z-index:8;\n\n  left:49px;\n  bottom:49px;\n\n  min-width:165px;\n\n  padding:\n    12px\n    14px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  box-shadow:\n    0 13px 28px\n    rgba(38,54,72,.12);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv55-apps__status span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-apps__status strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   CONTENT PANEL\n========================================================= *\/\n\n.sv55-apps__content {\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    39px\n    36px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192c3c 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* =========================================================\n   CONTENT TABS\n========================================================= *\/\n\n.sv55-apps__tabs-label {\n  margin-bottom:12px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-apps__tabs {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  margin-bottom:29px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-apps__tab {\n  position:relative;\n\n  min-height:72px;\n\n  display:grid;\n\n  grid-template-columns:\n    27px\n    1fr;\n\n  gap:8px;\n\n  align-items:center;\n\n  padding:\n    12px\n    13px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n\n  color:\n    rgba(255,255,255,.45);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.sv55-apps__tab:nth-child(2n) {\n  border-right:0;\n}\n\n\n.sv55-apps__tab:nth-child(3),\n.sv55-apps__tab:nth-child(4) {\n  border-bottom:0;\n}\n\n\n.sv55-apps__tab:hover {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.03);\n}\n\n\n.sv55-apps__tab-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv55-apps__tab strong {\n  color:inherit;\n\n  font-size:9px;\n  font-weight:700;\n\n  line-height:1.3;\n}\n\n\n\/* progress *\/\n\n.sv55-apps__tab::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n\/* active tab states *\/\n\n#sv55-app-staff:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-staff\"].sv55-apps__tab,\n\n#sv55-app-hotel:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-hotel\"].sv55-apps__tab,\n\n#sv55-app-school:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-school\"].sv55-apps__tab,\n\n#sv55-app-group:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-group\"].sv55-apps__tab {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.04);\n}\n\n\n#sv55-app-staff:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-staff\"].sv55-apps__tab::after,\n\n#sv55-app-hotel:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-hotel\"].sv55-apps__tab::after,\n\n#sv55-app-school:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-school\"].sv55-apps__tab::after,\n\n#sv55-app-group:checked\n~ .sv55-apps__stage\nlabel[for=\"sv55-app-group\"].sv55-apps__tab::after {\n  animation:\n    sv55AppProgress\n    5s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   PANES\n========================================================= *\/\n\n.sv55-apps__pane {\n  display:none;\n\n  animation:\n    sv55AppContent\n    .38s\n    ease\n    both;\n}\n\n\n#sv55-app-staff:checked\n~ .sv55-apps__stage\n.sv55-apps__pane--staff,\n\n#sv55-app-hotel:checked\n~ .sv55-apps__stage\n.sv55-apps__pane--hotel,\n\n#sv55-app-school:checked\n~ .sv55-apps__stage\n.sv55-apps__pane--school,\n\n#sv55-app-group:checked\n~ .sv55-apps__stage\n.sv55-apps__pane--group {\n  display:block;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.sv55-apps__mode {\n  margin-bottom:9px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-apps__pane h3 {\n  max-width:500px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      28px,\n      3vw,\n      37px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.7px;\n\n  font-weight:700;\n}\n\n\n.sv55-apps__pane p {\n  max-width:510px;\n\n  margin:\n    0\n    0\n    22px;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   USE CHIPS\n========================================================= *\/\n\n.sv55-apps__chips {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-bottom:24px;\n}\n\n\n.sv55-apps__chip {\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  background:\n    rgba(255,255,255,.035);\n\n  color:\n    rgba(255,255,255,.70);\n\n  font-size:7px;\n  font-weight:650;\n}\n\n\n\/* =========================================================\n   PROFILE\n========================================================= *\/\n\n.sv55-apps__profile {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-apps__profile-item {\n  padding:\n    14px\n    0;\n}\n\n\n.sv55-apps__profile-item:first-child {\n  padding-right:15px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-apps__profile-item:last-child {\n  padding-left:15px;\n}\n\n\n.sv55-apps__profile-item span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    rgba(255,255,255,.29);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-apps__profile-item strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:12px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n\/* =========================================================\n   FOOT NOTE\n========================================================= *\/\n\n.sv55-apps__foot {\n  margin-top:22px;\n\n  padding:\n    14px\n    15px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.03);\n}\n\n\n.sv55-apps__foot span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-apps__foot strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv55AppProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv55AppContent {\n\n  from {\n    opacity:.25;\n\n    transform:\n      translateY(7px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv55-apps__stage {\n    grid-template-columns:\n      minmax(0,.88fr)\n      minmax(340px,1.12fr);\n  }\n\n\n  .sv55-apps__photo-stage {\n    inset:\n      30px\n      94px\n      30px\n      30px;\n  }\n\n\n  .sv55-apps__content {\n    padding:\n      34px\n      28px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv55-apps {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv55-apps__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv55-apps__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv55-apps h2 {\n    max-width:350px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv55-apps__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STAGE *\/\n\n  .sv55-apps__stage {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* VISUAL *\/\n\n  .sv55-apps__visual {\n    height:500px;\n  }\n\n\n  .sv55-apps__photo-stage {\n    inset:\n      14px\n      76px\n      14px\n      14px;\n  }\n\n\n  .sv55-apps__badge {\n    top:27px;\n    left:27px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv55-apps__thumbs {\n    top:14px;\n    right:10px;\n    bottom:14px;\n\n    width:54px;\n\n    gap:6px;\n  }\n\n\n  .sv55-apps__status {\n    left:27px;\n    bottom:27px;\n\n    min-width:135px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  .sv55-apps__status strong {\n    font-size:8px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv55-apps__content {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv55-apps__tabs {\n    margin-bottom:23px;\n  }\n\n\n  .sv55-apps__tab {\n    min-height:64px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  .sv55-apps__tab strong {\n    font-size:7px;\n  }\n\n\n  .sv55-apps__pane h3 {\n    font-size:27px;\n  }\n\n\n  .sv55-apps__pane p {\n    font-size:10px;\n  }\n\n\n  .sv55-apps__profile-item strong {\n    font-size:10px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv55-apps h2 {\n    font-size:29px;\n  }\n\n\n  .sv55-apps__visual {\n    height:455px;\n  }\n\n\n  .sv55-apps__photo-stage {\n    right:68px;\n  }\n\n\n  .sv55-apps__thumbs {\n    width:48px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv55-apps *,\n  .sv55-apps *::before,\n  .sv55-apps *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv55-apps\"\n  id=\"sv55-passenger-applications\">\n\n\n  <div class=\"sv55-apps__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv55-apps__header\">\n\n\n      <div>\n\n\n        <div class=\"sv55-apps__eyebrow\">\n          Commercial Passenger Applications\n        <\/div>\n\n\n        <h2>\n\n          Designed to Move People.\n\n          <span>\n            Built Around the Service.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv55-apps__intro\">\n        The SuperVan 5.5MR 13+1 is designed for businesses\n        and organisations that operate recurring passenger,\n        shuttle and group transport services.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO CONTROLS\n    ====================================================== -->\n\n    <input\n      class=\"sv55-apps__radio\"\n      type=\"radio\"\n      name=\"sv55-passenger-app\"\n      id=\"sv55-app-staff\"\n      checked>\n\n\n    <input\n      class=\"sv55-apps__radio\"\n      type=\"radio\"\n      name=\"sv55-passenger-app\"\n      id=\"sv55-app-hotel\">\n\n\n    <input\n      class=\"sv55-apps__radio\"\n      type=\"radio\"\n      name=\"sv55-passenger-app\"\n      id=\"sv55-app-school\">\n\n\n    <input\n      class=\"sv55-apps__radio\"\n      type=\"radio\"\n      name=\"sv55-passenger-app\"\n      id=\"sv55-app-group\">\n\n\n\n    <!-- =====================================================\n         STAGE\n    ====================================================== -->\n\n    <div class=\"sv55-apps__stage\">\n\n\n      <!-- ===================================================\n           VISUAL\n      ==================================================== -->\n\n      <div class=\"sv55-apps__visual\">\n\n\n        <div class=\"sv55-apps__visual-grid\"><\/div>\n\n\n\n        <!-- PHOTO STAGE -->\n\n        <div class=\"sv55-apps__photo-stage\">\n\n\n          <div class=\"sv55-apps__photo sv55-apps__photo--1\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_083817081_iOS-scaled.jpg\"\n              alt=\"Farizon SuperVan 5.5MR exterior view\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n\n          <div class=\"sv55-apps__photo sv55-apps__photo--2\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_084050518_iOS-scaled.jpg\"\n              alt=\"Farizon SuperVan 5.5MR passenger vehicle exterior\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n\n          <div class=\"sv55-apps__photo sv55-apps__photo--3\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_083804567_iOS-scaled.jpg\"\n              alt=\"Farizon SuperVan 5.5MR electric minibus exterior\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n\n          <div class=\"sv55-apps__photo sv55-apps__photo--4\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_083631275_iOS-scaled.jpg\"\n              alt=\"Farizon SuperVan 5.5MR commercial passenger transport vehicle\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- BADGE -->\n\n        <div class=\"sv55-apps__badge\">\n\n          <span>\n            Vehicle Perspective\n          <\/span>\n\n          <strong>\n            SuperVan 5.5MR 13+1\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- STATUS -->\n\n        <div class=\"sv55-apps__status\">\n\n          <span>\n            Passenger Vehicle\n          <\/span>\n\n          <strong>\n            Exterior View\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- THUMBNAILS -->\n\n        <div class=\"sv55-apps__thumbs\">\n\n\n          <label\n            class=\"sv55-apps__thumb\"\n            for=\"sv55-app-staff\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_083817081_iOS-scaled.jpg\"\n              alt=\"\"\n              loading=\"lazy\">\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-apps__thumb\"\n            for=\"sv55-app-hotel\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_084050518_iOS-scaled.jpg\"\n              alt=\"\"\n              loading=\"lazy\">\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-apps__thumb\"\n            for=\"sv55-app-school\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_083804567_iOS-scaled.jpg\"\n              alt=\"\"\n              loading=\"lazy\">\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-apps__thumb\"\n            for=\"sv55-app-group\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_083631275_iOS-scaled.jpg\"\n              alt=\"\"\n              loading=\"lazy\">\n\n          <\/label>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT\n      ==================================================== -->\n\n      <div class=\"sv55-apps__content\">\n\n\n        <div class=\"sv55-apps__tabs-label\">\n          Explore Passenger Applications\n        <\/div>\n\n\n\n        <div class=\"sv55-apps__tabs\">\n\n\n          <label\n            class=\"sv55-apps__tab\"\n            for=\"sv55-app-staff\">\n\n            <span class=\"sv55-apps__tab-num\">\n              01\n            <\/span>\n\n            <strong>\n              Staff Shuttle\n            <\/strong>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-apps__tab\"\n            for=\"sv55-app-hotel\">\n\n            <span class=\"sv55-apps__tab-num\">\n              02\n            <\/span>\n\n            <strong>\n              Hotel &#038; Tour Transfer\n            <\/strong>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-apps__tab\"\n            for=\"sv55-app-school\">\n\n            <span class=\"sv55-apps__tab-num\">\n              03\n            <\/span>\n\n            <strong>\n              School Transport\n            <\/strong>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-apps__tab\"\n            for=\"sv55-app-group\">\n\n            <span class=\"sv55-apps__tab-num\">\n              04\n            <\/span>\n\n            <strong>\n              Group Passenger Service\n            <\/strong>\n\n          <\/label>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             STAFF SHUTTLE\n        ================================================== -->\n\n        <div class=\"sv55-apps__pane sv55-apps__pane--staff\">\n\n\n          <div class=\"sv55-apps__mode\">\n            Staff Transport\n          <\/div>\n\n\n          <h3>\n            A Practical Electric Shuttle for the Working Day.\n          <\/h3>\n\n\n          <p>\n            The SuperVan 5.5MR 13+1 can support businesses\n            operating scheduled staff transport between offices,\n            facilities, worksites and other recurring passenger routes.\n          <\/p>\n\n\n          <div class=\"sv55-apps__chips\">\n\n            <span class=\"sv55-apps__chip\">\n              Corporate Shuttle\n            <\/span>\n\n            <span class=\"sv55-apps__chip\">\n              Staff Transport\n            <\/span>\n\n            <span class=\"sv55-apps__chip\">\n              Scheduled Routes\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"sv55-apps__profile\">\n\n\n            <div class=\"sv55-apps__profile-item\">\n\n              <span>\n                Service Type\n              <\/span>\n\n              <strong>\n                Recurring Staff Movement\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-apps__profile-item\">\n\n              <span>\n                Passenger Focus\n              <\/span>\n\n              <strong>\n                Group Transport\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv55-apps__foot\">\n\n            <span>\n              Commercial Passenger Use\n            <\/span>\n\n            <strong>\n              Built around people moving between regular destinations.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             HOTEL \/ TOUR\n        ================================================== -->\n\n        <div class=\"sv55-apps__pane sv55-apps__pane--hotel\">\n\n\n          <div class=\"sv55-apps__mode\">\n            Hospitality &#038; Tourism\n          <\/div>\n\n\n          <h3>\n            Electric Passenger Transport for Guest Transfers.\n          <\/h3>\n\n\n          <p>\n            For hotels, tour operators and hospitality businesses,\n            the 5.5MR 13+1 provides a passenger-focused electric\n            vehicle platform for group transfers and scheduled\n            transport services.\n          <\/p>\n\n\n          <div class=\"sv55-apps__chips\">\n\n            <span class=\"sv55-apps__chip\">\n              Hotel Shuttle\n            <\/span>\n\n            <span class=\"sv55-apps__chip\">\n              Guest Transfer\n            <\/span>\n\n            <span class=\"sv55-apps__chip\">\n              Tour Transport\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"sv55-apps__profile\">\n\n\n            <div class=\"sv55-apps__profile-item\">\n\n              <span>\n                Service Type\n              <\/span>\n\n              <strong>\n                Hotel &#038; Tour Transfer\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-apps__profile-item\">\n\n              <span>\n                Passenger Focus\n              <\/span>\n\n              <strong>\n                Guest Mobility\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv55-apps__foot\">\n\n            <span>\n              Hospitality Mobility\n            <\/span>\n\n            <strong>\n              Designed for commercial group transfer operations.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             SCHOOL\n        ================================================== -->\n\n        <div class=\"sv55-apps__pane sv55-apps__pane--school\">\n\n\n          <div class=\"sv55-apps__mode\">\n            School Transport\n          <\/div>\n\n\n          <h3>\n            A Passenger Platform for Scheduled School Transport.\n          <\/h3>\n\n\n          <p>\n            The 13+1 configuration can be considered for\n            scheduled school and education-related passenger\n            transport where organisations require a dedicated\n            electric minibus platform.\n          <\/p>\n\n\n          <div class=\"sv55-apps__chips\">\n\n            <span class=\"sv55-apps__chip\">\n              School Transport\n            <\/span>\n\n            <span class=\"sv55-apps__chip\">\n              Education Services\n            <\/span>\n\n            <span class=\"sv55-apps__chip\">\n              Scheduled Passenger Runs\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"sv55-apps__profile\">\n\n\n            <div class=\"sv55-apps__profile-item\">\n\n              <span>\n                Service Type\n              <\/span>\n\n              <strong>\n                Scheduled Transport\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-apps__profile-item\">\n\n              <span>\n                Passenger Focus\n              <\/span>\n\n              <strong>\n                Education Mobility\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv55-apps__foot\">\n\n            <span>\n              Education Transport\n            <\/span>\n\n            <strong>\n              A commercial electric minibus platform for recurring routes.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             GROUP SERVICE\n        ================================================== -->\n\n        <div class=\"sv55-apps__pane sv55-apps__pane--group\">\n\n\n          <div class=\"sv55-apps__mode\">\n            Commercial Group Transport\n          <\/div>\n\n\n          <h3>\n            One Electric Minibus for Different Passenger Services.\n          <\/h3>\n\n\n          <p>\n            Beyond shuttle and transfer services, the\n            SuperVan 5.5MR 13+1 can support commercial passenger\n            operators requiring group transport across recurring\n            business and service routes.\n          <\/p>\n\n\n          <div class=\"sv55-apps__chips\">\n\n            <span class=\"sv55-apps__chip\">\n              Group Transport\n            <\/span>\n\n            <span class=\"sv55-apps__chip\">\n              Passenger Services\n            <\/span>\n\n            <span class=\"sv55-apps__chip\">\n              Commercial Operations\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"sv55-apps__profile\">\n\n\n            <div class=\"sv55-apps__profile-item\">\n\n              <span>\n                Service Type\n              <\/span>\n\n              <strong>\n                Passenger Mobility\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-apps__profile-item\">\n\n              <span>\n                Passenger Focus\n              <\/span>\n\n              <strong>\n                Group Services\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv55-apps__foot\">\n\n            <span>\n              Flexible Application\n            <\/span>\n\n            <strong>\n              Passenger-focused transport for different commercial needs.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv55-passenger-applications\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\"sv55-app-staff\"),\n    document.getElementById(\"sv55-app-hotel\"),\n    document.getElementById(\"sv55-app-school\"),\n    document.getElementById(\"sv55-app-group\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  let timer = null;\n\n  let visible = false;\n\n  let userInteracting = false;\n\n  const duration = 5000;\n\n\n  \/* =========================================================\n     CURRENT INDEX\n  ========================================================= *\/\n\n  function getCurrentIndex() {\n\n    const index =\n      radios.findIndex(\n        function (radio) {\n          return radio.checked;\n        }\n      );\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  \/* =========================================================\n     NEXT\n  ========================================================= *\/\n\n  function nextView() {\n\n    const next =\n      (\n        getCurrentIndex() + 1\n      ) %\n      radios.length;\n\n\n    radios[next].checked =\n      true;\n\n\n    radios[next].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles:true\n        }\n      )\n    );\n\n  }\n\n\n  \/* =========================================================\n     TIMER\n  ========================================================= *\/\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function startAuto() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      userInteracting ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          nextView();\n\n          startAuto();\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL CHANGES\n  ========================================================= *\/\n\n  radios.forEach(\n    function (radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          stopAuto();\n\n\n          window.setTimeout(\n            startAuto,\n            80\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     VIEWPORT\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                startAuto();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    visible = true;\n\n    startAuto();\n\n  }\n\n\n  \/* =========================================================\n     DESKTOP HOVER\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"mouseenter\",\n    function () {\n\n      userInteracting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"mouseleave\",\n    function () {\n\n      userInteracting = false;\n\n      startAuto();\n\n    }\n  );\n\n\n  \/* =========================================================\n     MOBILE TOUCH\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"touchstart\",\n    function () {\n\n      userInteracting = true;\n\n      stopAuto();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchend\",\n    function () {\n\n      window.setTimeout(\n        function () {\n\n          userInteracting = false;\n\n          startAuto();\n\n        },\n        1000\n      );\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  \/* =========================================================\n     TAB VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      }\n\n      else if (visible) {\n\n        startAuto();\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 5.5MR 13+1\n   SECTION 03 \u2014 PASSENGER CABIN\n========================================================= *\/\n\n.sv55-cabin,\n.sv55-cabin *,\n.sv55-cabin *::before,\n.sv55-cabin *::after {\n  box-sizing:border-box;\n}\n\n.sv55-cabin {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#182a3a;\n  --text:#5d6672;\n  --muted:#8a949e;\n  --line:rgba(255,255,255,.10);\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #1a2c3c 0%,\n      #263b4f 100%\n    );\n\n  font-family:Inter,Arial,sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND GRID\n========================================================= *\/\n\n.sv55-cabin::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.021) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.021) 1px,\n      transparent 1px\n    );\n\n  background-size:52px 52px;\n\n  pointer-events:none;\n}\n\n\n.sv55-cabin::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:500px;\n  height:500px;\n\n  right:-260px;\n  top:-300px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.12),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv55-cabin__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv55-cabin__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(310px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:29px;\n}\n\n\n.sv55-cabin__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-cabin__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv55-cabin h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:#fff;\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.05px;\n\n  font-weight:700;\n}\n\n\n.sv55-cabin h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv55-cabin__intro {\n  max-width:465px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   RADIOS\n========================================================= *\/\n\n.sv55-cabin__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   MAIN STUDIO\n========================================================= *\/\n\n.sv55-cabin__studio {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.14fr)\n    minmax(345px,.86fr);\n\n  min-height:625px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  box-shadow:\n    0 25px 60px\n    rgba(0,0,0,.15);\n}\n\n\n\/* =========================================================\n   VISUAL SIDE\n========================================================= *\/\n\n.sv55-cabin__visual {\n  position:relative;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #eef2f4 0%,\n      #ffffff 100%\n    );\n}\n\n\n.sv55-cabin__visual-grid {\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:46px 46px;\n\n  opacity:.48;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   PHOTO AREA\n========================================================= *\/\n\n.sv55-cabin__gallery {\n  position:absolute;\n\n  inset:\n    32px\n    32px\n    145px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    140px;\n\n  gap:14px;\n}\n\n\n.sv55-cabin__main-photo {\n  position:relative;\n\n  overflow:hidden;\n\n  background:#dfe4e8;\n\n  box-shadow:\n    0 19px 43px\n    rgba(38,54,72,.13);\n}\n\n\n.sv55-cabin__photo {\n  position:absolute;\n\n  inset:0;\n\n  opacity:0;\n\n  transform:\n    scale(1.04)\n    translateY(7px);\n\n  transition:\n    opacity .7s ease,\n    transform .95s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.sv55-cabin__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#sv55-cabin-view1:checked\n~ .sv55-cabin__studio\n.sv55-cabin__photo--1,\n\n#sv55-cabin-view2:checked\n~ .sv55-cabin__studio\n.sv55-cabin__photo--2 {\n  opacity:1;\n\n  transform:\n    scale(1)\n    translateY(0);\n}\n\n\n\/* =========================================================\n   PHOTO PREVIEWS\n========================================================= *\/\n\n.sv55-cabin__previews {\n  display:grid;\n\n  grid-template-rows:\n    repeat(2,1fr);\n\n  gap:10px;\n}\n\n\n.sv55-cabin__preview {\n  position:relative;\n\n  overflow:hidden;\n\n  border:2px solid transparent;\n\n  background:#dfe4e8;\n\n  opacity:.53;\n\n  cursor:pointer;\n\n  transition:\n    opacity .25s ease,\n    border-color .25s ease,\n    transform .25s ease;\n}\n\n\n.sv55-cabin__preview:hover {\n  opacity:1;\n\n  transform:\n    translateX(-3px);\n}\n\n\n.sv55-cabin__preview img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n}\n\n\n#sv55-cabin-view1:checked\n~ .sv55-cabin__studio\nlabel[for=\"sv55-cabin-view1\"].sv55-cabin__preview,\n\n#sv55-cabin-view2:checked\n~ .sv55-cabin__studio\nlabel[for=\"sv55-cabin-view2\"].sv55-cabin__preview {\n  opacity:1;\n\n  border-color:var(--orange);\n\n  transform:\n    translateX(-4px);\n}\n\n\n\/* =========================================================\n   IMAGE BADGE\n========================================================= *\/\n\n.sv55-cabin__badge {\n  position:absolute;\n\n  z-index:10;\n\n  top:48px;\n  left:48px;\n\n  padding:\n    10px\n    12px;\n\n  background:\n    rgba(38,54,72,.94);\n\n  color:#fff;\n\n  box-shadow:\n    0 12px 27px\n    rgba(38,54,72,.14);\n}\n\n\n.sv55-cabin__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-cabin__badge strong {\n  display:block;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   SEATING PLAN PANEL\n========================================================= *\/\n\n.sv55-cabin__plan {\n  position:absolute;\n\n  z-index:12;\n\n  left:32px;\n  right:32px;\n  bottom:22px;\n\n  min-height:109px;\n\n  display:grid;\n\n  grid-template-columns:\n    105px\n    minmax(0,1fr)\n    65px;\n\n  gap:13px;\n\n  align-items:center;\n\n  padding:\n    11px\n    13px;\n\n  border:\n    1px solid\n    #dfe4e8;\n\n  background:\n    rgba(255,255,255,.97);\n\n  box-shadow:\n    0 12px 30px\n    rgba(38,54,72,.09);\n}\n\n\n\/* =========================================================\n   PLAN LABEL\n========================================================= *\/\n\n.sv55-cabin__plan-label span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-cabin__plan-label 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   BUS BODY\n========================================================= *\/\n\n.sv55-cabin__bus {\n  position:relative;\n\n  width:100%;\n  max-width:465px;\n\n  min-height:88px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    82px;\n\n  gap:4px;\n\n  align-items:stretch;\n\n  margin:auto;\n\n  padding:\n    10px\n    11px;\n\n  border:\n    1px solid\n    #d4dce2;\n\n  border-radius:\n    11px\n    24px\n    24px\n    11px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #f4f6f8 0%,\n      #f6f8fa 68%,\n      #fff8f5 100%\n    );\n\n  box-shadow:\n    inset 0 0 0 3px\n    rgba(255,255,255,.72);\n}\n\n\n\/* rear + front labels *\/\n\n.sv55-cabin__bus::before {\n  content:\"REAR \u00b7 12 PASSENGERS\";\n\n  position:absolute;\n\n  left:10px;\n  top:-14px;\n\n  color:#8e98a1;\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.65px;\n}\n\n\n.sv55-cabin__bus::after {\n  content:\"FRONT\";\n\n  position:absolute;\n\n  right:19px;\n  top:-14px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:800;\n\n  letter-spacing:.75px;\n}\n\n\n\/* =========================================================\n   REAR 12 PASSENGER SEATS\n   IMPORTANT:\n   vehicle points LEFT -> RIGHT\n   therefore 3 longitudinal rows = 3 COLUMNS\n========================================================= *\/\n\n.sv55-cabin__rear {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:5px;\n\n  align-items:center;\n\n  height:100%;\n}\n\n\n\/* each longitudinal row contains 4 seats across cabin *\/\n\n.sv55-cabin__rear-column {\n  display:grid;\n\n  grid-template-rows:\n    repeat(4,18px);\n\n  gap:3px;\n\n  align-content:center;\n  justify-content:center;\n}\n\n\n\/* =========================================================\n   INDIVIDUAL SEAT\n========================================================= *\/\n\n.sv55-cabin__seat {\n  position:relative;\n\n  width:20px;\n  height:18px;\n\n  border:\n    1px solid\n    #cbd3da;\n\n  border-radius:\n    5px\n    5px\n    4px\n    4px;\n\n  background:#fff;\n\n  box-shadow:\n    0 2px 5px\n    rgba(38,54,72,.05);\n\n  animation:\n    sv55CabinSeatPulse\n    4s\n    ease-in-out\n    infinite;\n}\n\n\n.sv55-cabin__seat::before {\n  content:\"\";\n\n  position:absolute;\n\n  top:3px;\n  left:5px;\n  right:5px;\n\n  height:4px;\n\n  border-radius:3px;\n\n  background:var(--navy);\n}\n\n\n\/* =========================================================\n   FRONT CABIN\n   SAME FRONT ROW\n========================================================= *\/\n\n.sv55-cabin__front {\n  position:relative;\n\n  display:grid;\n\n  grid-template-rows:\n    1fr\n    1fr;\n\n  gap:5px;\n\n  align-items:center;\n\n  padding:\n    6px\n    5px\n    6px\n    9px;\n\n  border-left:\n    1px solid\n    #e0e5e9;\n}\n\n\n\/*\n   Front passenger and driver are in the SAME longitudinal row.\n   Because the bus graphic runs rear-left -> front-right,\n   they appear vertically stacked across the cabin width.\n*\/\n\n.sv55-cabin__front-seat {\n  display:grid;\n\n  grid-template-columns:\n    22px\n    1fr;\n\n  gap:5px;\n\n  align-items:center;\n}\n\n\n.sv55-cabin__front-seat\n.sv55-cabin__seat {\n  width:20px;\n  height:18px;\n}\n\n\n.sv55-cabin__front-seat small {\n  color:#737e88;\n\n  font-size:4.5px;\n  font-weight:700;\n\n  line-height:1.1;\n}\n\n\n\/* driver seat *\/\n\n.sv55-cabin__seat--driver {\n  border-color:\n    rgba(255,100,51,.55);\n\n  background:\n    rgba(255,100,51,.09);\n}\n\n\n.sv55-cabin__seat--driver::before {\n  background:var(--orange);\n}\n\n\n\/* steering *\/\n\n.sv55-cabin__steering {\n  position:absolute;\n\n  right:4px;\n  bottom:4px;\n\n  width:10px;\n  height:10px;\n\n  border:\n    2px solid\n    var(--orange);\n\n  border-radius:50%;\n\n  opacity:.72;\n}\n\n\n.sv55-cabin__steering::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:5px;\n  height:1px;\n\n  transform:\n    translate(-50%,-50%);\n\n  background:var(--orange);\n}\n\n\n\/* =========================================================\n   CAPACITY\n========================================================= *\/\n\n.sv55-cabin__plan-total {\n  min-width:61px;\n\n  padding-left:11px;\n\n  border-left:\n    1px solid\n    #dde2e6;\n\n  text-align:right;\n}\n\n\n.sv55-cabin__plan-total strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:20px;\n  font-weight:750;\n}\n\n\n.sv55-cabin__plan-total span {\n  display:block;\n\n  margin-top:2px;\n\n  color:var(--muted);\n\n  font-size:5px;\n  font-weight:700;\n\n  line-height:1.4;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   RIGHT CONTENT PANEL\n========================================================= *\/\n\n.sv55-cabin__content {\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    39px\n    35px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#fff;\n}\n\n\n\/* =========================================================\n   SWITCHER\n========================================================= *\/\n\n.sv55-cabin__switch-label {\n  margin-bottom:11px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-cabin__switch {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  margin-bottom:27px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-cabin__switch-item {\n  position:relative;\n\n  min-height:64px;\n\n  display:grid;\n\n  grid-template-columns:\n    26px\n    1fr;\n\n  gap:7px;\n\n  align-items:center;\n\n  padding:\n    9px\n    11px;\n\n  color:\n    rgba(255,255,255,.43);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    color .25s ease,\n    background .25s ease;\n}\n\n\n.sv55-cabin__switch-item:first-child {\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-cabin__switch-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv55-cabin__switch-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:\n    rgba(255,255,255,.28);\n\n  font-size:6px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-cabin__switch-copy strong {\n  color:inherit;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv55-cabin__switch-item::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n#sv55-cabin-view1:checked\n~ .sv55-cabin__studio\nlabel[for=\"sv55-cabin-view1\"],\n\n#sv55-cabin-view2:checked\n~ .sv55-cabin__studio\nlabel[for=\"sv55-cabin-view2\"] {\n  color:#fff;\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n#sv55-cabin-view1:checked\n~ .sv55-cabin__studio\nlabel[for=\"sv55-cabin-view1\"]::after,\n\n#sv55-cabin-view2:checked\n~ .sv55-cabin__studio\nlabel[for=\"sv55-cabin-view2\"]::after {\n  animation:\n    sv55CabinProgress\n    5s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   CONTENT PANES\n========================================================= *\/\n\n.sv55-cabin__pane {\n  display:none;\n\n  animation:\n    sv55CabinContent\n    .4s\n    ease\n    both;\n}\n\n\n#sv55-cabin-view1:checked\n~ .sv55-cabin__studio\n.sv55-cabin__pane--1,\n\n#sv55-cabin-view2:checked\n~ .sv55-cabin__studio\n.sv55-cabin__pane--2 {\n  display:block;\n}\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.sv55-cabin__mode {\n  margin-bottom:9px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-cabin__pane h3 {\n  max-width:490px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color:#fff;\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      38px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.7px;\n\n  font-weight:700;\n}\n\n\n.sv55-cabin__pane p {\n  max-width:500px;\n\n  margin:\n    0\n    0\n    22px;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   DETAILS\n========================================================= *\/\n\n.sv55-cabin__details {\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-cabin__detail {\n  display:grid;\n\n  grid-template-columns:\n    33px\n    1fr;\n\n  gap:10px;\n\n  padding:\n    13px\n    0;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-cabin__detail-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv55-cabin__detail strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#fff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.sv55-cabin__detail span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.44);\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   STATEMENT\n========================================================= *\/\n\n.sv55-cabin__statement {\n  margin-top:22px;\n\n  padding:\n    15px\n    16px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.03);\n}\n\n\n.sv55-cabin__statement span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-cabin__statement strong {\n  display:block;\n\n  color:#fff;\n\n  font-size:12px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv55CabinProgress {\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n}\n\n\n@keyframes sv55CabinContent {\n  from {\n    opacity:.25;\n\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n}\n\n\n@keyframes sv55CabinSeatPulse {\n  0%,\n  100% {\n    border-color:#cbd3da;\n\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    border-color:\n      rgba(255,100,51,.42);\n\n    transform:\n      translateY(-1px);\n  }\n}\n\n\n\/* stagger *\/\n\n.sv55-cabin__rear-column:nth-child(1)\n.sv55-cabin__seat {\n  animation-delay:.10s;\n}\n\n.sv55-cabin__rear-column:nth-child(2)\n.sv55-cabin__seat {\n  animation-delay:.35s;\n}\n\n.sv55-cabin__rear-column:nth-child(3)\n.sv55-cabin__seat {\n  animation-delay:.60s;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv55-cabin__studio {\n    grid-template-columns:\n      minmax(0,1.05fr)\n      minmax(330px,.95fr);\n  }\n\n\n  .sv55-cabin__gallery {\n    grid-template-columns:\n      minmax(0,1fr)\n      116px;\n  }\n\n\n  .sv55-cabin__plan {\n    grid-template-columns:\n      92px\n      minmax(0,1fr)\n      58px;\n\n    gap:8px;\n  }\n\n\n  .sv55-cabin__bus {\n    grid-template-columns:\n      minmax(0,1fr)\n      75px;\n  }\n\n\n  .sv55-cabin__content {\n    padding:\n      34px\n      28px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv55-cabin {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  .sv55-cabin__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv55-cabin__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv55-cabin h2 {\n    max-width:350px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv55-cabin__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  .sv55-cabin__studio {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  .sv55-cabin__visual {\n    height:555px;\n  }\n\n\n  .sv55-cabin__gallery {\n    inset:\n      14px\n      14px\n      146px;\n\n    grid-template-columns:\n      minmax(0,1fr)\n      78px;\n\n    gap:8px;\n  }\n\n\n  .sv55-cabin__badge {\n    top:27px;\n    left:27px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  \/* FLOOR PLAN *\/\n\n  .sv55-cabin__plan {\n    left:14px;\n    right:14px;\n    bottom:12px;\n\n    min-height:118px;\n\n    grid-template-columns:\n      58px\n      minmax(0,1fr)\n      38px;\n\n    gap:5px;\n\n    padding:\n      10px\n      7px;\n  }\n\n\n  .sv55-cabin__plan-label span {\n    font-size:4px;\n  }\n\n\n  .sv55-cabin__plan-label strong {\n    font-size:6px;\n  }\n\n\n  .sv55-cabin__bus {\n    min-height:84px;\n\n    grid-template-columns:\n      minmax(0,1fr)\n      58px;\n\n    padding:\n      8px\n      5px;\n\n    border-radius:\n      8px\n      16px\n      16px\n      8px;\n  }\n\n\n  .sv55-cabin__bus::before,\n  .sv55-cabin__bus::after {\n    top:-11px;\n\n    font-size:3.5px;\n  }\n\n\n  .sv55-cabin__rear {\n    gap:3px;\n  }\n\n\n  .sv55-cabin__rear-column {\n    grid-template-rows:\n      repeat(4,14px);\n\n    gap:2px;\n  }\n\n\n  .sv55-cabin__seat {\n    width:14px;\n    height:14px;\n\n    border-radius:4px;\n  }\n\n\n  .sv55-cabin__seat::before {\n    left:3px;\n    right:3px;\n\n    top:2px;\n\n    height:3px;\n  }\n\n\n  .sv55-cabin__front {\n    padding:\n      5px\n      2px\n      5px\n      4px;\n\n    gap:3px;\n  }\n\n\n  .sv55-cabin__front-seat {\n    grid-template-columns:\n      15px\n      1fr;\n\n    gap:2px;\n  }\n\n\n  .sv55-cabin__front-seat\n  .sv55-cabin__seat {\n    width:14px;\n    height:14px;\n  }\n\n\n  .sv55-cabin__front-seat small {\n    font-size:3.4px;\n  }\n\n\n  .sv55-cabin__steering {\n    width:8px;\n    height:8px;\n\n    right:1px;\n    bottom:2px;\n  }\n\n\n  .sv55-cabin__plan-total {\n    min-width:36px;\n\n    padding-left:4px;\n  }\n\n\n  .sv55-cabin__plan-total strong {\n    font-size:14px;\n  }\n\n\n  .sv55-cabin__plan-total span {\n    font-size:3.4px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv55-cabin__content {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv55-cabin__pane h3 {\n    font-size:27px;\n  }\n\n\n  .sv55-cabin__pane p {\n    font-size:10px;\n  }\n\n\n  .sv55-cabin__detail strong {\n    font-size:9px;\n  }\n\n\n  .sv55-cabin__detail span {\n    font-size:7px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv55-cabin h2 {\n    font-size:29px;\n  }\n\n\n  .sv55-cabin__visual {\n    height:525px;\n  }\n\n\n  .sv55-cabin__gallery {\n    grid-template-columns:\n      minmax(0,1fr)\n      65px;\n  }\n\n\n  .sv55-cabin__plan {\n    grid-template-columns:\n      49px\n      minmax(0,1fr)\n      32px;\n  }\n\n\n  .sv55-cabin__bus {\n    grid-template-columns:\n      minmax(0,1fr)\n      52px;\n  }\n\n\n  .sv55-cabin__rear-column {\n    grid-template-rows:\n      repeat(4,12px);\n  }\n\n\n  .sv55-cabin__seat {\n    width:12px;\n    height:12px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv55-cabin *,\n  .sv55-cabin *::before,\n  .sv55-cabin *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv55-cabin\"\n  id=\"sv55-seating\">\n\n\n  <div class=\"sv55-cabin__inner\">\n\n\n    <!-- HEADER -->\n\n    <div class=\"sv55-cabin__header\">\n\n\n      <div>\n\n        <div class=\"sv55-cabin__eyebrow\">\n          13+1 Passenger Cabin\n        <\/div>\n\n\n        <h2>\n\n          Built Around\n\n          <span>\n            Commercial Passenger Transport.\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"sv55-cabin__intro\">\n        The SuperVan 5.5MR 13+1 combines a dedicated passenger\n        cabin with seating for 13 passengers and a separate\n        driver position for commercial group transport.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- RADIO -->\n\n    <input\n      class=\"sv55-cabin__radio\"\n      type=\"radio\"\n      name=\"sv55-cabin-view\"\n      id=\"sv55-cabin-view1\"\n      checked>\n\n\n    <input\n      class=\"sv55-cabin__radio\"\n      type=\"radio\"\n      name=\"sv55-cabin-view\"\n      id=\"sv55-cabin-view2\">\n\n\n\n    <!-- STUDIO -->\n\n    <div class=\"sv55-cabin__studio\">\n\n\n      <!-- VISUAL -->\n\n      <div class=\"sv55-cabin__visual\">\n\n\n        <div class=\"sv55-cabin__visual-grid\"><\/div>\n\n\n\n        <div class=\"sv55-cabin__gallery\">\n\n\n          <div class=\"sv55-cabin__main-photo\">\n\n\n            <div class=\"sv55-cabin__photo sv55-cabin__photo--1\">\n\n              <img\n                src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_090752596_iOS-scaled.jpg\"\n                alt=\"Farizon SuperVan 5.5MR 13+1 passenger seating\"\n                loading=\"lazy\"\n                decoding=\"async\">\n\n            <\/div>\n\n\n\n            <div class=\"sv55-cabin__photo sv55-cabin__photo--2\">\n\n              <img\n                src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_084923373_iOS-1-scaled.jpg\"\n                alt=\"Farizon SuperVan 5.5MR 13+1 passenger cabin\"\n                loading=\"lazy\"\n                decoding=\"async\">\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv55-cabin__previews\">\n\n\n            <label\n              class=\"sv55-cabin__preview\"\n              for=\"sv55-cabin-view1\">\n\n              <img decoding=\"async\"\n                src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_090752596_iOS-scaled.jpg\"\n                alt=\"\"\n                loading=\"lazy\">\n\n            <\/label>\n\n\n\n            <label\n              class=\"sv55-cabin__preview\"\n              for=\"sv55-cabin-view2\">\n\n              <img decoding=\"async\"\n                src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20250417_084923373_iOS-1-scaled.jpg\"\n                alt=\"\"\n                loading=\"lazy\">\n\n            <\/label>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- BADGE -->\n\n        <div class=\"sv55-cabin__badge\">\n\n          <span>\n            Passenger Interior\n          <\/span>\n\n          <strong>\n            SuperVan 5.5MR 13+1\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             CORRECTED BUS LAYOUT\n        ================================================== -->\n\n        <div class=\"sv55-cabin__plan\">\n\n\n          <div class=\"sv55-cabin__plan-label\">\n\n            <span>\n              Seating Layout\n            <\/span>\n\n            <strong>\n              13 Passengers + Driver\n            <\/strong>\n\n          <\/div>\n\n\n\n          <!-- BUS -->\n\n          <div class=\"sv55-cabin__bus\">\n\n\n            <!--\n              REAR PASSENGER CABIN\n\n              Vehicle runs from LEFT (rear)\n              towards RIGHT (front).\n\n              3 seat rows along the length.\n              Each row = 4 passenger seats.\n            -->\n\n            <div class=\"sv55-cabin__rear\">\n\n\n              <!-- REAR ROW -->\n\n              <div class=\"sv55-cabin__rear-column\">\n\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n\n              <\/div>\n\n\n              <!-- MIDDLE ROW -->\n\n              <div class=\"sv55-cabin__rear-column\">\n\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n\n              <\/div>\n\n\n              <!-- FRONT REAR-CABIN ROW -->\n\n              <div class=\"sv55-cabin__rear-column\">\n\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n                <i class=\"sv55-cabin__seat\"><\/i>\n\n              <\/div>\n\n\n            <\/div>\n\n\n\n            <!--\n              FRONT CABIN\n              Front passenger + driver share same front row.\n            -->\n\n            <div class=\"sv55-cabin__front\">\n\n\n              <div class=\"sv55-cabin__front-seat\">\n\n                <i class=\"sv55-cabin__seat\"><\/i>\n\n                <small>\n                  Passenger\n                <\/small>\n\n              <\/div>\n\n\n\n              <div class=\"sv55-cabin__front-seat\">\n\n                <i class=\"sv55-cabin__seat sv55-cabin__seat--driver\"><\/i>\n\n                <small>\n                  Driver\n                <\/small>\n\n              <\/div>\n\n\n              <span class=\"sv55-cabin__steering\"><\/span>\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- TOTAL -->\n\n          <div class=\"sv55-cabin__plan-total\">\n\n            <strong>\n              13+1\n            <\/strong>\n\n            <span>\n              13 Passenger<br>\n              + Driver\n            <\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- CONTENT -->\n\n      <div class=\"sv55-cabin__content\">\n\n\n        <div class=\"sv55-cabin__switch-label\">\n          Explore Passenger Cabin\n        <\/div>\n\n\n\n        <div class=\"sv55-cabin__switch\">\n\n\n          <label\n            class=\"sv55-cabin__switch-item\"\n            for=\"sv55-cabin-view1\">\n\n            <span class=\"sv55-cabin__switch-num\">\n              01\n            <\/span>\n\n            <span class=\"sv55-cabin__switch-copy\">\n\n              <span>\n                Interior\n              <\/span>\n\n              <strong>\n                Passenger Seating\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-cabin__switch-item\"\n            for=\"sv55-cabin-view2\">\n\n            <span class=\"sv55-cabin__switch-num\">\n              02\n            <\/span>\n\n            <span class=\"sv55-cabin__switch-copy\">\n\n              <span>\n                Interior\n              <\/span>\n\n              <strong>\n                Cabin Perspective\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n        <\/div>\n\n\n\n        <!-- VIEW 1 -->\n\n        <div class=\"sv55-cabin__pane sv55-cabin__pane--1\">\n\n\n          <div class=\"sv55-cabin__mode\">\n            13+1 Passenger Configuration\n          <\/div>\n\n\n          <h3>\n            A Cabin Configured for Group Passenger Transport.\n          <\/h3>\n\n\n          <p>\n            The SuperVan 5.5MR 13+1 combines twelve passenger\n            positions in the rear cabin with one front passenger\n            position and a dedicated driver seat.\n          <\/p>\n\n\n\n          <div class=\"sv55-cabin__details\">\n\n\n            <div class=\"sv55-cabin__detail\">\n\n              <span class=\"sv55-cabin__detail-num\">\n                01\n              <\/span>\n\n              <div>\n\n                <strong>\n                  12 Rear Passenger Positions\n                <\/strong>\n\n                <span>\n                  Twelve passenger positions are arranged throughout\n                  the main passenger cabin.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv55-cabin__detail\">\n\n              <span class=\"sv55-cabin__detail-num\">\n                02\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Front Passenger + Driver\n                <\/strong>\n\n                <span>\n                  The front cabin accommodates one passenger\n                  alongside the dedicated driver position.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv55-cabin__statement\">\n\n            <span>\n              Passenger Configuration\n            <\/span>\n\n            <strong>\n              13 passenger positions plus one driver.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- VIEW 2 -->\n\n        <div class=\"sv55-cabin__pane sv55-cabin__pane--2\">\n\n\n          <div class=\"sv55-cabin__mode\">\n            Commercial Passenger Cabin\n          <\/div>\n\n\n          <h3>\n            Designed for Repeated Passenger Journeys.\n          <\/h3>\n\n\n          <p>\n            The 5.5MR 13+1 provides a dedicated passenger\n            environment for businesses operating staff shuttle,\n            hotel transfer, school and other commercial\n            group transport services.\n          <\/p>\n\n\n\n          <div class=\"sv55-cabin__details\">\n\n\n            <div class=\"sv55-cabin__detail\">\n\n              <span class=\"sv55-cabin__detail-num\">\n                01\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Group Mobility\n                <\/strong>\n\n                <span>\n                  A passenger-focused configuration for recurring\n                  commercial transport routes.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv55-cabin__detail\">\n\n              <span class=\"sv55-cabin__detail-num\">\n                02\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Commercial Passenger Use\n                <\/strong>\n\n                <span>\n                  Suitable for organisations requiring a\n                  dedicated electric minibus platform.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv55-cabin__statement\">\n\n            <span>\n              Electric Passenger Mobility\n            <\/span>\n\n            <strong>\n              Built around people, routes and commercial transport.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\"sv55-seating\");\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\"sv55-cabin-view1\"),\n    document.getElementById(\"sv55-cabin-view2\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const duration = 5000;\n\n  let timer = null;\n  let visible = false;\n\n\n  function currentIndex() {\n\n    const index =\n      radios.findIndex(\n        function (radio) {\n          return radio.checked;\n        }\n      );\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function scheduleNext() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          const next =\n            (\n              currentIndex() + 1\n            ) %\n            radios.length;\n\n\n          radios[next].checked =\n            true;\n\n\n          radios[next].dispatchEvent(\n            new Event(\n              \"change\",\n              {\n                bubbles:true\n              }\n            )\n          );\n\n\n          scheduleNext();\n\n        },\n        duration\n      );\n\n  }\n\n\n  radios.forEach(\n    function (radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          scheduleNext();\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                scheduleNext();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    visible = true;\n\n    scheduleNext();\n\n  }\n\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      }\n\n      else if (visible) {\n\n        scheduleNext();\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 5.5MR 13+1\n   SECTION 04 \u2014 ELECTRIC PERFORMANCE\n========================================================= *\/\n\n.sv55-performance,\n.sv55-performance *,\n.sv55-performance *::before,\n.sv55-performance *::after {\n  box-sizing:border-box;\n}\n\n.sv55-performance {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8c959f;\n  --line:#e2e6ea;\n  --soft:#f3f5f7;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f9fa 0%,\n      #eef2f5 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.sv55-performance::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n  pointer-events:none;\n}\n\n\n.sv55-performance::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:540px;\n  height:540px;\n\n  right:-280px;\n  top:-300px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.10),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv55-performance__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.sv55-performance__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(310px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:29px;\n}\n\n\n.sv55-performance__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv55-performance h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv55-performance h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv55-performance__intro {\n  max-width:465px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.sv55-performance__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   MAIN STAGE\n========================================================= *\/\n\n.sv55-performance__stage {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.18fr)\n    minmax(360px,.82fr);\n\n  min-height:590px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 24px 58px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   VEHICLE VISUAL\n========================================================= *\/\n\n.sv55-performance__visual {\n  position:relative;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #f8fafb 0%,\n      #e8edf1 100%\n    );\n}\n\n\n\/* =========================================================\n   TECHNICAL GRID\n========================================================= *\/\n\n.sv55-performance__visual-grid {\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    46px\n    46px;\n\n  opacity:.55;\n}\n\n\n\/* =========================================================\n   LARGE ORBIT\n========================================================= *\/\n\n.sv55-performance__orbit {\n  position:absolute;\n\n  left:50%;\n  top:47%;\n\n  width:480px;\n  height:480px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border:\n    1px solid\n    rgba(38,54,72,.07);\n\n  border-radius:50%;\n\n  animation:\n    sv55OrbitBreath\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.sv55-performance__orbit::before {\n  content:\"\";\n\n  position:absolute;\n\n  inset:54px;\n\n  border:\n    1px dashed\n    rgba(38,54,72,.08);\n\n  border-radius:50%;\n}\n\n\n.sv55-performance__orbit::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:8px;\n  height:8px;\n\n  right:52px;\n  top:92px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 7px\n    rgba(255,100,51,.10);\n\n  animation:\n    sv55OrbitNode\n    3s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   MODE BADGE\n========================================================= *\/\n\n.sv55-performance__badge {\n  position:absolute;\n\n  z-index:10;\n\n  top:28px;\n  left:28px;\n\n  padding:\n    11px\n    13px;\n\n  background:var(--navy);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 12px 28px\n    rgba(38,54,72,.14);\n}\n\n\n.sv55-performance__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__badge strong {\n  display:block;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   VEHICLE PNG\n========================================================= *\/\n\n.sv55-performance__vehicle {\n  position:absolute;\n\n  z-index:6;\n\n  left:50%;\n  top:47%;\n\n  width:\n    min(\n      79%,\n      710px\n    );\n\n  transform:\n    translate(-50%,-50%);\n}\n\n\n.sv55-performance__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  object-fit:contain;\n\n  filter:\n    drop-shadow(\n      0 28px 21px\n      rgba(38,54,72,.19)\n    );\n\n  animation:\n    sv55VehicleFloat\n    4.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   ROAD SHADOW\n========================================================= *\/\n\n.sv55-performance__shadow {\n  position:absolute;\n\n  z-index:4;\n\n  left:50%;\n  bottom:125px;\n\n  width:66%;\n  height:28px;\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 72%\n    );\n\n  filter:blur(8px);\n\n  animation:\n    sv55ShadowPulse\n    4.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   ENERGY ROUTE\n========================================================= *\/\n\n.sv55-performance__route {\n  position:absolute;\n\n  z-index:5;\n\n  left:8%;\n  right:8%;\n  bottom:113px;\n\n  height:3px;\n\n  overflow:hidden;\n\n  border-radius:999px;\n\n  background:\n    rgba(38,54,72,.09);\n}\n\n\n.sv55-performance__route::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:-25%;\n  top:0;\n\n  width:25%;\n  height:100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      #ff9d7e,\n      transparent\n    );\n\n  animation:\n    sv55RouteSweep\n    2.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   FLOATING DATA\n========================================================= *\/\n\n.sv55-performance__floating {\n  position:absolute;\n\n  z-index:9;\n\n  min-width:132px;\n\n  padding:\n    11px\n    12px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  border:\n    1px solid\n    #e2e6ea;\n\n  box-shadow:\n    0 13px 28px\n    rgba(38,54,72,.10);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv55-performance__floating span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__floating strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:14px;\n  font-weight:750;\n}\n\n\n.sv55-performance__floating--range {\n  left:30px;\n  top:105px;\n}\n\n\n.sv55-performance__floating--battery {\n  right:30px;\n  top:105px;\n}\n\n\n.sv55-performance__floating--charge {\n  right:30px;\n  bottom:140px;\n}\n\n\n\/* =========================================================\n   ACTIVE FLOATING DATA\n========================================================= *\/\n\n.sv55-performance__floating {\n  opacity:.45;\n\n  transform:\n    scale(.94);\n\n  transition:\n    opacity .4s ease,\n    transform .4s ease,\n    border-color .4s ease;\n}\n\n\n#sv55-mode-range:checked\n~ .sv55-performance__stage\n.sv55-performance__floating--range,\n\n#sv55-mode-battery:checked\n~ .sv55-performance__stage\n.sv55-performance__floating--battery,\n\n#sv55-mode-charge:checked\n~ .sv55-performance__stage\n.sv55-performance__floating--charge {\n  opacity:1;\n\n  transform:\n    scale(1);\n\n  border-color:\n    rgba(255,100,51,.35);\n}\n\n\n\/* =========================================================\n   BOTTOM TELEMETRY\n========================================================= *\/\n\n.sv55-performance__telemetry {\n  position:absolute;\n\n  z-index:10;\n\n  left:26px;\n  right:26px;\n  bottom:23px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 12px 30px\n    rgba(38,54,72,.08);\n}\n\n\n.sv55-performance__stat {\n  padding:\n    13px\n    12px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.sv55-performance__stat:last-child {\n  border-right:0;\n}\n\n\n.sv55-performance__stat span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__stat strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:14px;\n  font-weight:750;\n}\n\n\n\/* =========================================================\n   RIGHT PANEL\n========================================================= *\/\n\n.sv55-performance__content {\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    38px\n    35px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* =========================================================\n   MODE SWITCH\n========================================================= *\/\n\n.sv55-performance__switch-title {\n  margin-bottom:11px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__switch {\n  margin-bottom:29px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-performance__switch-item {\n  position:relative;\n\n  min-height:59px;\n\n  display:grid;\n\n  grid-template-columns:\n    28px\n    1fr\n    12px;\n\n  gap:8px;\n\n  align-items:center;\n\n  padding:\n    0\n    10px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n\n  color:\n    rgba(255,255,255,.42);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    color .25s ease,\n    background .25s ease;\n}\n\n\n.sv55-performance__switch-item:hover {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n.sv55-performance__switch-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv55-performance__switch-item strong {\n  color:inherit;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv55-performance__dot {\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.22);\n\n  transition:\n    background .25s ease,\n    box-shadow .25s ease;\n}\n\n\n\/* progress line *\/\n\n.sv55-performance__switch-item::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n\/* active switch *\/\n\n#sv55-mode-range:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-range\"],\n\n#sv55-mode-battery:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-battery\"],\n\n#sv55-mode-charge:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-charge\"] {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n#sv55-mode-range:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-range\"]\n.sv55-performance__dot,\n\n#sv55-mode-battery:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-battery\"]\n.sv55-performance__dot,\n\n#sv55-mode-charge:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-charge\"]\n.sv55-performance__dot {\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 6px\n    rgba(255,100,51,.10);\n}\n\n\n#sv55-mode-range:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-range\"]::after,\n\n#sv55-mode-battery:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-battery\"]::after,\n\n#sv55-mode-charge:checked\n~ .sv55-performance__stage\nlabel[for=\"sv55-mode-charge\"]::after {\n  animation:\n    sv55PerformanceProgress\n    5.2s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   CONTENT PANES\n========================================================= *\/\n\n.sv55-performance__pane {\n  display:none;\n\n  animation:\n    sv55PerformanceContent\n    .42s\n    ease\n    both;\n}\n\n\n#sv55-mode-range:checked\n~ .sv55-performance__stage\n.sv55-performance__pane--range,\n\n#sv55-mode-battery:checked\n~ .sv55-performance__stage\n.sv55-performance__pane--battery,\n\n#sv55-mode-charge:checked\n~ .sv55-performance__stage\n.sv55-performance__pane--charge {\n  display:block;\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.sv55-performance__mode {\n  margin-bottom:9px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__pane h3 {\n  max-width:500px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      38px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.7px;\n\n  font-weight:700;\n}\n\n\n.sv55-performance__pane p {\n  max-width:500px;\n\n  margin:\n    0\n    0\n    22px;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   FEATURE DATA\n========================================================= *\/\n\n.sv55-performance__data {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n\n  margin-bottom:22px;\n}\n\n\n.sv55-performance__data-item {\n  padding:\n    15px\n    0;\n}\n\n\n.sv55-performance__data-item:first-child {\n  padding-right:14px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-performance__data-item:last-child {\n  padding-left:14px;\n}\n\n\n.sv55-performance__data-item span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__data-item strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:16px;\n  font-weight:750;\n\n  line-height:1.25;\n}\n\n\n\/* =========================================================\n   CHARGE BAR\n========================================================= *\/\n\n.sv55-performance__charge-bar {\n  margin-bottom:22px;\n\n  padding:\n    13px\n    14px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.03);\n}\n\n\n.sv55-performance__charge-top {\n  display:flex;\n\n  justify-content:space-between;\n\n  gap:12px;\n\n  margin-bottom:9px;\n\n  color:\n    rgba(255,255,255,.55);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__charge-track {\n  height:7px;\n\n  overflow:hidden;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-performance__charge-fill {\n  height:100%;\n\n  width:0;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--orange),\n      #ff9a77\n    );\n}\n\n\n#sv55-mode-charge:checked\n~ .sv55-performance__stage\n.sv55-performance__charge-fill {\n  animation:\n    sv55ChargeFill\n    2.4s\n    ease\n    forwards;\n}\n\n\n\/* =========================================================\n   STATEMENT\n========================================================= *\/\n\n.sv55-performance__statement {\n  padding:\n    14px\n    15px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.03);\n}\n\n\n.sv55-performance__statement span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-performance__statement strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.sv55-performance__note {\n  margin:\n    12px\n    0\n    0;\n\n  color:\n    #8f99a2;\n\n  font-size:7px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv55OrbitBreath {\n\n  0%,\n  100% {\n    transform:\n      translate(-50%,-50%)\n      scale(.97);\n\n    opacity:.55;\n  }\n\n  50% {\n    transform:\n      translate(-50%,-50%)\n      scale(1.02);\n\n    opacity:1;\n  }\n\n}\n\n\n@keyframes sv55OrbitNode {\n\n  0%,\n  100% {\n    opacity:.4;\n\n    transform:scale(.8);\n  }\n\n  50% {\n    opacity:1;\n\n    transform:scale(1);\n  }\n\n}\n\n\n@keyframes sv55VehicleFloat {\n\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-7px);\n  }\n\n}\n\n\n@keyframes sv55ShadowPulse {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      scaleX(.94);\n\n    opacity:.65;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scaleX(1.02);\n\n    opacity:.92;\n  }\n\n}\n\n\n@keyframes sv55RouteSweep {\n\n  0% {\n    left:-25%;\n  }\n\n  65% {\n    left:105%;\n  }\n\n  100% {\n    left:105%;\n  }\n\n}\n\n\n@keyframes sv55PerformanceProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv55PerformanceContent {\n\n  from {\n    opacity:.22;\n\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes sv55ChargeFill {\n\n  from {\n    width:20%;\n  }\n\n  to {\n    width:80%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv55-performance__stage {\n    grid-template-columns:\n      minmax(0,1.08fr)\n      minmax(340px,.92fr);\n  }\n\n\n  .sv55-performance__vehicle {\n    width:85%;\n  }\n\n\n  .sv55-performance__orbit {\n    width:410px;\n    height:410px;\n  }\n\n\n  .sv55-performance__content {\n    padding:\n      34px\n      29px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv55-performance {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv55-performance__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv55-performance__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv55-performance h2 {\n    max-width:350px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv55-performance__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STACK *\/\n\n  .sv55-performance__stage {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* VISUAL *\/\n\n  .sv55-performance__visual {\n    height:515px;\n  }\n\n\n  .sv55-performance__badge {\n    top:14px;\n    left:14px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv55-performance__orbit {\n    width:330px;\n    height:330px;\n\n    top:43%;\n  }\n\n\n  .sv55-performance__vehicle {\n    top:44%;\n\n    width:94%;\n  }\n\n\n  .sv55-performance__floating {\n    min-width:104px;\n\n    padding:\n      8px\n      9px;\n  }\n\n\n  .sv55-performance__floating strong {\n    font-size:11px;\n  }\n\n\n  .sv55-performance__floating--range {\n    left:14px;\n    top:75px;\n  }\n\n\n  .sv55-performance__floating--battery {\n    right:14px;\n    top:75px;\n  }\n\n\n  .sv55-performance__floating--charge {\n    right:14px;\n    bottom:131px;\n  }\n\n\n  .sv55-performance__route {\n    bottom:112px;\n  }\n\n\n  .sv55-performance__shadow {\n    bottom:120px;\n  }\n\n\n  \/* TELEMETRY *\/\n\n  .sv55-performance__telemetry {\n    left:12px;\n    right:12px;\n    bottom:12px;\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .sv55-performance__stat {\n    padding:\n      10px;\n  }\n\n\n  .sv55-performance__stat:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sv55-performance__stat:nth-child(1),\n  .sv55-performance__stat:nth-child(2) {\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv55-performance__stat strong {\n    font-size:12px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv55-performance__content {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv55-performance__pane h3 {\n    font-size:27px;\n  }\n\n\n  .sv55-performance__pane p {\n    font-size:10px;\n  }\n\n\n  .sv55-performance__data-item strong {\n    font-size:13px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv55-performance h2 {\n    font-size:29px;\n  }\n\n\n  .sv55-performance__visual {\n    height:490px;\n  }\n\n\n  .sv55-performance__orbit {\n    width:290px;\n    height:290px;\n  }\n\n\n  .sv55-performance__floating {\n    min-width:92px;\n  }\n\n\n  .sv55-performance__floating strong {\n    font-size:10px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv55-performance *,\n  .sv55-performance *::before,\n  .sv55-performance *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n\n  .sv55-performance__charge-fill {\n    width:80%;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv55-performance\"\n  id=\"sv55-performance\">\n\n\n  <div class=\"sv55-performance__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv55-performance__header\">\n\n\n      <div>\n\n\n        <div class=\"sv55-performance__eyebrow\">\n          Electric Performance\n        <\/div>\n\n\n        <h2>\n\n          Electric Power for\n\n          <span>\n            Everyday Passenger Routes.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv55-performance__intro\">\n        The SuperVan 5.5MR combines electric driving range,\n        battery capacity and fast-charging capability for\n        commercial passenger and shuttle operations.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO MODES\n    ====================================================== -->\n\n    <input\n      class=\"sv55-performance__radio\"\n      type=\"radio\"\n      name=\"sv55-performance-mode\"\n      id=\"sv55-mode-range\"\n      checked>\n\n\n    <input\n      class=\"sv55-performance__radio\"\n      type=\"radio\"\n      name=\"sv55-performance-mode\"\n      id=\"sv55-mode-battery\">\n\n\n    <input\n      class=\"sv55-performance__radio\"\n      type=\"radio\"\n      name=\"sv55-performance-mode\"\n      id=\"sv55-mode-charge\">\n\n\n\n    <!-- =====================================================\n         STAGE\n    ====================================================== -->\n\n    <div class=\"sv55-performance__stage\">\n\n\n      <!-- ===================================================\n           VISUAL\n      ==================================================== -->\n\n      <div class=\"sv55-performance__visual\">\n\n\n        <div class=\"sv55-performance__visual-grid\"><\/div>\n\n\n        <div class=\"sv55-performance__orbit\"><\/div>\n\n\n\n        <!-- BADGE -->\n\n        <div class=\"sv55-performance__badge\">\n\n          <span>\n            Electric Passenger Vehicle\n          <\/span>\n\n          <strong>\n            SuperVan 5.5MR\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- FLOATING RANGE -->\n\n        <div class=\"sv55-performance__floating sv55-performance__floating--range\">\n\n          <span>\n            WLTP Range\n          <\/span>\n\n          <strong>\n            Up to 352km\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- FLOATING BATTERY -->\n\n        <div class=\"sv55-performance__floating sv55-performance__floating--battery\">\n\n          <span>\n            Battery Capacity\n          <\/span>\n\n          <strong>\n            Up to 83kWh\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- FLOATING CHARGE -->\n\n        <div class=\"sv55-performance__floating sv55-performance__floating--charge\">\n\n          <span>\n            DC Fast Charging\n          <\/span>\n\n          <strong>\n            20\u201380% \u00b7 15 min\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- VEHICLE SHADOW -->\n\n        <div class=\"sv55-performance__shadow\"><\/div>\n\n\n\n        <!-- PNG VEHICLE -->\n\n        <div class=\"sv55-performance__vehicle\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/2_MR-scaled.png\"\n            alt=\"Farizon SuperVan 5.5MR electric minibus Singapore\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- ELECTRIC ROUTE -->\n\n        <div class=\"sv55-performance__route\"><\/div>\n\n\n\n        <!-- =================================================\n             TELEMETRY\n        ================================================== -->\n\n        <div class=\"sv55-performance__telemetry\">\n\n\n          <div class=\"sv55-performance__stat\">\n\n            <span>\n              Driving Range\n            <\/span>\n\n            <strong>\n              352km\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv55-performance__stat\">\n\n            <span>\n              Battery\n            <\/span>\n\n            <strong>\n              83kWh\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv55-performance__stat\">\n\n            <span>\n              Fast Charge\n            <\/span>\n\n            <strong>\n              15 min\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv55-performance__stat\">\n\n            <span>\n              Payload\n            <\/span>\n\n            <strong>\n              1,360kg\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT PANEL\n      ==================================================== -->\n\n      <div class=\"sv55-performance__content\">\n\n\n        <div class=\"sv55-performance__switch-title\">\n          Explore Electric Performance\n        <\/div>\n\n\n\n        <!-- SWITCH -->\n\n        <div class=\"sv55-performance__switch\">\n\n\n          <label\n            class=\"sv55-performance__switch-item\"\n            for=\"sv55-mode-range\">\n\n            <span class=\"sv55-performance__switch-num\">\n              01\n            <\/span>\n\n            <strong>\n              Up to 352km WLTP Range\n            <\/strong>\n\n            <span class=\"sv55-performance__dot\"><\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-performance__switch-item\"\n            for=\"sv55-mode-battery\">\n\n            <span class=\"sv55-performance__switch-num\">\n              02\n            <\/span>\n\n            <strong>\n              Up to 83kWh Battery\n            <\/strong>\n\n            <span class=\"sv55-performance__dot\"><\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv55-performance__switch-item\"\n            for=\"sv55-mode-charge\">\n\n            <span class=\"sv55-performance__switch-num\">\n              03\n            <\/span>\n\n            <strong>\n              DC Fast Charging\n            <\/strong>\n\n            <span class=\"sv55-performance__dot\"><\/span>\n\n          <\/label>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             RANGE\n        ================================================== -->\n\n        <div class=\"sv55-performance__pane sv55-performance__pane--range\">\n\n\n          <div class=\"sv55-performance__mode\">\n            Electric Driving Range\n          <\/div>\n\n\n          <h3>\n            Up to 352km WLTP for Commercial Passenger Mobility.\n          <\/h3>\n\n\n          <p>\n            With up to 352km of WLTP driving range, the\n            SuperVan 5.5MR is designed to support commercial\n            passenger operations across scheduled shuttle,\n            transfer and group transport routes.\n          <\/p>\n\n\n\n          <div class=\"sv55-performance__data\">\n\n\n            <div class=\"sv55-performance__data-item\">\n\n              <span>\n                WLTP Range\n              <\/span>\n\n              <strong>\n                Up to 352km\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-performance__data-item\">\n\n              <span>\n                Application\n              <\/span>\n\n              <strong>\n                Passenger Routes\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv55-performance__statement\">\n\n            <span>\n              Everyday Operations\n            <\/span>\n\n            <strong>\n              Electric range designed around recurring commercial journeys.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             BATTERY\n        ================================================== -->\n\n        <div class=\"sv55-performance__pane sv55-performance__pane--battery\">\n\n\n          <div class=\"sv55-performance__mode\">\n            Battery Capacity\n          <\/div>\n\n\n          <h3>\n            Up to 83kWh Supporting the Working Day.\n          <\/h3>\n\n\n          <p>\n            The SuperVan 5.5MR is available with battery\n            capacity of up to 83kWh, supporting its role as\n            an electric passenger vehicle for commercial\n            shuttle and group transport applications.\n          <\/p>\n\n\n\n          <div class=\"sv55-performance__data\">\n\n\n            <div class=\"sv55-performance__data-item\">\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=\"sv55-performance__data-item\">\n\n              <span>\n                Vehicle Type\n              <\/span>\n\n              <strong>\n                Electric Minibus\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv55-performance__statement\">\n\n            <span>\n              Electric Platform\n            <\/span>\n\n            <strong>\n              Battery capacity designed to support commercial passenger use.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             CHARGING\n        ================================================== -->\n\n        <div class=\"sv55-performance__pane sv55-performance__pane--charge\">\n\n\n          <div class=\"sv55-performance__mode\">\n            DC Fast Charging\n          <\/div>\n\n\n          <h3>\n            20\u201380% in as Little as 15 Minutes.\n          <\/h3>\n\n\n          <p>\n            DC fast charging can replenish the battery from\n            20% to 80% in as little as 15 minutes, helping\n            commercial operators reduce charging downtime\n            between passenger transport duties.\n          <\/p>\n\n\n\n          <!-- CHARGE BAR -->\n\n          <div class=\"sv55-performance__charge-bar\">\n\n\n            <div class=\"sv55-performance__charge-top\">\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 class=\"sv55-performance__charge-track\">\n\n              <div class=\"sv55-performance__charge-fill\"><\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv55-performance__data\">\n\n\n            <div class=\"sv55-performance__data-item\">\n\n              <span>\n                DC Charging\n              <\/span>\n\n              <strong>\n                20\u201380%\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-performance__data-item\">\n\n              <span>\n                Charging Time\n              <\/span>\n\n              <strong>\n                As Little as 15 Min\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv55-performance__statement\">\n\n            <span>\n              Commercial Charging\n            <\/span>\n\n            <strong>\n              Fast charging helps support vehicle turnaround between routes.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <p class=\"sv55-performance__note\">\n          *Range, battery capacity, payload and charging performance may vary\n          according to vehicle specification, configuration, load, driving\n          conditions and charging environment.\n        <\/p>\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      \"sv55-performance\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\"sv55-mode-range\"),\n    document.getElementById(\"sv55-mode-battery\"),\n    document.getElementById(\"sv55-mode-charge\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const duration = 5200;\n\n  let timer = null;\n  let visible = false;\n\n\n  \/* =========================================================\n     CURRENT INDEX\n  ========================================================= *\/\n\n  function getCurrentIndex() {\n\n    const index =\n      radios.findIndex(\n        function (radio) {\n\n          return radio.checked;\n\n        }\n      );\n\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  \/* =========================================================\n     STOP\n  ========================================================= *\/\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     NEXT MODE\n  ========================================================= *\/\n\n  function showNext() {\n\n    const next =\n      (\n        getCurrentIndex() + 1\n      ) %\n      radios.length;\n\n\n    radios[next].checked =\n      true;\n\n\n    radios[next].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles:true\n        }\n      )\n    );\n\n  }\n\n\n  \/* =========================================================\n     SCHEDULE\n  ========================================================= *\/\n\n  function scheduleNext() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          showNext();\n\n          scheduleNext();\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL SELECTION\n  ========================================================= *\/\n\n  radios.forEach(\n    function (radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          scheduleNext();\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     ONLY RUN WHEN VISIBLE\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                scheduleNext();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    visible = true;\n\n    scheduleNext();\n\n  }\n\n\n  \/* =========================================================\n     TAB VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      }\n\n      else if (visible) {\n\n        scheduleNext();\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 5.5MR 13+1\n   SECTION 05 \u2014 PASSENGER OPERATIONS\n========================================================= *\/\n\n.sv55-ops,\n.sv55-ops *,\n.sv55-ops *::before,\n.sv55-ops *::after {\n  box-sizing:border-box;\n}\n\n.sv55-ops {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e2e6ea;\n  --soft:#f3f5f7;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    70px\n    24px\n    74px;\n\n  overflow:hidden;\n\n  background:#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.sv55-ops::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n  pointer-events:none;\n}\n\n\n.sv55-ops::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  left:-300px;\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.sv55-ops__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.sv55-ops__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:30px;\n}\n\n\n.sv55-ops__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-ops__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv55-ops h2 {\n  max-width:780px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv55-ops h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv55-ops__intro {\n  max-width:470px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.sv55-ops__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   OPERATIONS CONSOLE\n========================================================= *\/\n\n.sv55-ops__console {\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #f4f6f8;\n\n  box-shadow:\n    0 24px 58px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   TOP ROUTE STAGE\n========================================================= *\/\n\n.sv55-ops__route-stage {\n  position:relative;\n\n  min-height:405px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #eef2f4 0%,\n      #ffffff 100%\n    );\n}\n\n\n\/* =========================================================\n   LARGE OPERATIONS LABEL\n========================================================= *\/\n\n.sv55-ops__stage-badge {\n  position:absolute;\n\n  z-index:8;\n\n  top:26px;\n  left:26px;\n\n  padding:\n    10px\n    12px;\n\n  background:\n    var(--navy);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 12px 28px\n    rgba(38,54,72,.14);\n}\n\n\n.sv55-ops__stage-badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-ops__stage-badge strong {\n  display:block;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   ROUTE GRAPHIC\n========================================================= *\/\n\n.sv55-ops__route {\n  position:absolute;\n\n  left:7%;\n  right:7%;\n\n  top:59%;\n\n  height:4px;\n\n  transform:\n    translateY(-50%);\n\n  border-radius:999px;\n\n  background:\n    #d9dfe4;\n}\n\n\n\/* route progress *\/\n\n.sv55-ops__route-progress {\n  position:absolute;\n\n  left:0;\n  top:0;\n\n  width:0;\n  height:100%;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--orange),\n      #ff9a77\n    );\n\n  transition:\n    width .8s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n\/* progress states *\/\n\n#sv55-ops-plan:checked\n~ .sv55-ops__console\n.sv55-ops__route-progress {\n  width:8%;\n}\n\n\n#sv55-ops-move:checked\n~ .sv55-ops__console\n.sv55-ops__route-progress {\n  width:38%;\n}\n\n\n#sv55-ops-charge:checked\n~ .sv55-ops__console\n.sv55-ops__route-progress {\n  width:70%;\n}\n\n\n#sv55-ops-repeat:checked\n~ .sv55-ops__console\n.sv55-ops__route-progress {\n  width:100%;\n}\n\n\n\/* =========================================================\n   ROUTE STOPS\n========================================================= *\/\n\n.sv55-ops__stops {\n  position:absolute;\n\n  left:7%;\n  right:7%;\n\n  top:59%;\n\n  transform:\n    translateY(-50%);\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  align-items:center;\n}\n\n\n.sv55-ops__stop {\n  position:relative;\n\n  display:flex;\n\n  justify-content:center;\n}\n\n\n.sv55-ops__stop-node {\n  position:relative;\n\n  width:19px;\n  height:19px;\n\n  border:\n    3px solid\n    #ffffff;\n\n  border-radius:50%;\n\n  background:\n    #cbd2d8;\n\n  box-shadow:\n    0 0 0 1px\n    #c5ccd2;\n\n  transition:\n    background .35s ease,\n    box-shadow .35s ease,\n    transform .35s ease;\n}\n\n\n.sv55-ops__stop-copy {\n  position:absolute;\n\n  left:50%;\n  top:28px;\n\n  min-width:120px;\n\n  transform:\n    translateX(-50%);\n\n  text-align:center;\n}\n\n\n.sv55-ops__stop-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-ops__stop-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* active nodes *\/\n\n#sv55-ops-plan:checked\n~ .sv55-ops__console\n.sv55-ops__stop--1\n.sv55-ops__stop-node,\n\n#sv55-ops-move:checked\n~ .sv55-ops__console\n.sv55-ops__stop--2\n.sv55-ops__stop-node,\n\n#sv55-ops-charge:checked\n~ .sv55-ops__console\n.sv55-ops__stop--3\n.sv55-ops__stop-node,\n\n#sv55-ops-repeat:checked\n~ .sv55-ops__console\n.sv55-ops__stop--4\n.sv55-ops__stop-node {\n  background:\n    var(--orange);\n\n  box-shadow:\n    0 0 0 7px\n    rgba(255,100,51,.11);\n\n  transform:\n    scale(1.08);\n}\n\n\n\/* =========================================================\n   MOVING VEHICLE\n========================================================= *\/\n\n.sv55-ops__vehicle {\n  position:absolute;\n\n  z-index:6;\n\n  top:33%;\n\n  width:\n    min(\n      35%,\n      405px\n    );\n\n  transition:\n    left 1s\n    cubic-bezier(.2,.7,.3,1);\n\n  transform:\n    translateX(-50%);\n}\n\n\n.sv55-ops__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  filter:\n    drop-shadow(\n      0 20px 16px\n      rgba(38,54,72,.18)\n    );\n\n  animation:\n    sv55OpsFloat\n    4.2s\n    ease-in-out\n    infinite;\n}\n\n\n\/* vehicle position *\/\n\n#sv55-ops-plan:checked\n~ .sv55-ops__console\n.sv55-ops__vehicle {\n  left:15%;\n}\n\n\n#sv55-ops-move:checked\n~ .sv55-ops__console\n.sv55-ops__vehicle {\n  left:38%;\n}\n\n\n#sv55-ops-charge:checked\n~ .sv55-ops__console\n.sv55-ops__vehicle {\n  left:64%;\n}\n\n\n#sv55-ops-repeat:checked\n~ .sv55-ops__console\n.sv55-ops__vehicle {\n  left:84%;\n}\n\n\n\/* =========================================================\n   FLOATING MODE CARD\n========================================================= *\/\n\n.sv55-ops__mode-card {\n  position:absolute;\n\n  z-index:9;\n\n  right:26px;\n  top:25px;\n\n  min-width:185px;\n\n  padding:\n    13px\n    15px;\n\n  border:\n    1px solid\n    var(--line);\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  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv55-ops__mode-card span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-ops__mode-card strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   MODE CARD TEXT SWITCH\n========================================================= *\/\n\n.sv55-ops__mode-text {\n  display:none;\n}\n\n\n#sv55-ops-plan:checked\n~ .sv55-ops__console\n.sv55-ops__mode-text--1,\n\n#sv55-ops-move:checked\n~ .sv55-ops__console\n.sv55-ops__mode-text--2,\n\n#sv55-ops-charge:checked\n~ .sv55-ops__console\n.sv55-ops__mode-text--3,\n\n#sv55-ops-repeat:checked\n~ .sv55-ops__console\n.sv55-ops__mode-text--4 {\n  display:block;\n\n  animation:\n    sv55OpsFade\n    .4s\n    ease\n    both;\n}\n\n\n\/* =========================================================\n   LOWER CONTENT\n========================================================= *\/\n\n.sv55-ops__lower {\n  display:grid;\n\n  grid-template-columns:\n    minmax(330px,.76fr)\n    minmax(0,1.24fr);\n\n  min-height:335px;\n}\n\n\n\/* =========================================================\n   SELECTOR PANEL\n========================================================= *\/\n\n.sv55-ops__selector-panel {\n  padding:\n    30px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n}\n\n\n.sv55-ops__selector-label {\n  margin-bottom:12px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-ops__selectors {\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-ops__selector {\n  position:relative;\n\n  min-height:59px;\n\n  display:grid;\n\n  grid-template-columns:\n    30px\n    1fr\n    12px;\n\n  gap:8px;\n\n  align-items:center;\n\n  padding:\n    0\n    9px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n\n  color:\n    rgba(255,255,255,.43);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.sv55-ops__selector:hover {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n.sv55-ops__selector-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv55-ops__selector strong {\n  color:inherit;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv55-ops__selector-dot {\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.20);\n}\n\n\n\/* progress line *\/\n\n.sv55-ops__selector::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n\/* active *\/\n\n#sv55-ops-plan:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-plan\"],\n\n#sv55-ops-move:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-move\"],\n\n#sv55-ops-charge:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-charge\"],\n\n#sv55-ops-repeat:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-repeat\"] {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n#sv55-ops-plan:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-plan\"]\n.sv55-ops__selector-dot,\n\n#sv55-ops-move:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-move\"]\n.sv55-ops__selector-dot,\n\n#sv55-ops-charge:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-charge\"]\n.sv55-ops__selector-dot,\n\n#sv55-ops-repeat:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-repeat\"]\n.sv55-ops__selector-dot {\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 6px\n    rgba(255,100,51,.10);\n}\n\n\n#sv55-ops-plan:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-plan\"]::after,\n\n#sv55-ops-move:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-move\"]::after,\n\n#sv55-ops-charge:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-charge\"]::after,\n\n#sv55-ops-repeat:checked\n~ .sv55-ops__console\nlabel[for=\"sv55-ops-repeat\"]::after {\n  animation:\n    sv55OpsProgress\n    4.8s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   COPY AREA\n========================================================= *\/\n\n.sv55-ops__content {\n  display:flex;\n\n  align-items:center;\n\n  padding:\n    34px\n    38px;\n\n  background:#ffffff;\n}\n\n\n.sv55-ops__pane {\n  display:none;\n\n  width:100%;\n\n  animation:\n    sv55OpsContent\n    .4s\n    ease\n    both;\n}\n\n\n#sv55-ops-plan:checked\n~ .sv55-ops__console\n.sv55-ops__pane--1,\n\n#sv55-ops-move:checked\n~ .sv55-ops__console\n.sv55-ops__pane--2,\n\n#sv55-ops-charge:checked\n~ .sv55-ops__console\n.sv55-ops__pane--3,\n\n#sv55-ops-repeat:checked\n~ .sv55-ops__console\n.sv55-ops__pane--4 {\n  display:block;\n}\n\n\n\/* =========================================================\n   PANE CONTENT\n========================================================= *\/\n\n.sv55-ops__pane-label {\n  margin-bottom:8px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-ops__pane h3 {\n  max-width:580px;\n\n  margin:\n    0\n    0\n    12px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      27px,\n      2.8vw,\n      36px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.65px;\n\n  font-weight:700;\n}\n\n\n.sv55-ops__pane p {\n  max-width:620px;\n\n  margin:\n    0\n    0\n    22px;\n\n  color:var(--text);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   BENEFIT STRIP\n========================================================= *\/\n\n.sv55-ops__benefits {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  border-top:\n    1px solid\n    var(--line);\n\n  border-bottom:\n    1px solid\n    var(--line);\n}\n\n\n.sv55-ops__benefit {\n  padding:\n    14px\n    0;\n}\n\n\n.sv55-ops__benefit:first-child {\n  padding-right:15px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.sv55-ops__benefit:last-child {\n  padding-left:15px;\n}\n\n\n.sv55-ops__benefit span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-ops__benefit strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   BOTTOM OPERATOR STRIP\n========================================================= *\/\n\n.sv55-ops__footer {\n  display:grid;\n\n  grid-template-columns:\n    auto\n    1fr\n    auto;\n\n  gap:18px;\n\n  align-items:center;\n\n  margin-top:20px;\n\n  padding:\n    17px\n    20px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.sv55-ops__footer-number {\n  width:38px;\n  height:38px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n.sv55-ops__footer-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-ops__footer-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:700;\n}\n\n\n.sv55-ops__footer-use {\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv55OpsFloat {\n\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-6px);\n  }\n\n}\n\n\n@keyframes sv55OpsProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv55OpsContent {\n\n  from {\n    opacity:.2;\n\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes sv55OpsFade {\n\n  from {\n    opacity:0;\n\n    transform:\n      translateY(4px);\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  .sv55-ops__vehicle {\n    width:38%;\n  }\n\n\n  .sv55-ops__lower {\n    grid-template-columns:\n      minmax(310px,.82fr)\n      minmax(0,1.18fr);\n  }\n\n\n  .sv55-ops__content {\n    padding:\n      30px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv55-ops {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv55-ops__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv55-ops__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv55-ops h2 {\n    max-width:355px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv55-ops__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* ROUTE *\/\n\n  .sv55-ops__route-stage {\n    min-height:360px;\n  }\n\n\n  .sv55-ops__stage-badge {\n    top:14px;\n    left:14px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv55-ops__mode-card {\n    top:14px;\n    right:14px;\n\n    min-width:135px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  .sv55-ops__mode-card strong {\n    font-size:9px;\n  }\n\n\n  .sv55-ops__vehicle {\n    top:34%;\n\n    width:58%;\n  }\n\n\n  .sv55-ops__route,\n  .sv55-ops__stops {\n    left:9%;\n    right:9%;\n\n    top:60%;\n  }\n\n\n  .sv55-ops__stop-copy {\n    min-width:75px;\n\n    top:25px;\n  }\n\n\n  .sv55-ops__stop-copy span {\n    display:none;\n  }\n\n\n  .sv55-ops__stop-copy strong {\n    font-size:6px;\n  }\n\n\n  \/* LOWER *\/\n\n  .sv55-ops__lower {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  .sv55-ops__selector-panel {\n    padding:\n      24px\n      20px;\n  }\n\n\n  .sv55-ops__selectors {\n    display:grid;\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .sv55-ops__selector {\n    min-height:62px;\n\n    grid-template-columns:\n      22px\n      1fr;\n\n    padding:\n      8px;\n\n    border-right:\n      1px solid\n      rgba(255,255,255,.10);\n  }\n\n\n  .sv55-ops__selector:nth-child(2n) {\n    border-right:0;\n  }\n\n\n  .sv55-ops__selector-dot {\n    display:none;\n  }\n\n\n  .sv55-ops__selector strong {\n    font-size:7px;\n  }\n\n\n  .sv55-ops__content {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv55-ops__pane h3 {\n    font-size:27px;\n  }\n\n\n  .sv55-ops__pane p {\n    font-size:10px;\n  }\n\n\n  .sv55-ops__benefit strong {\n    font-size:9px;\n  }\n\n\n  \/* FOOTER *\/\n\n  .sv55-ops__footer {\n    grid-template-columns:\n      36px\n      1fr;\n\n    gap:12px;\n\n    padding:\n      15px\n      16px;\n  }\n\n\n  .sv55-ops__footer-use {\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv55-ops h2 {\n    font-size:29px;\n  }\n\n\n  .sv55-ops__route-stage {\n    min-height:340px;\n  }\n\n\n  .sv55-ops__vehicle {\n    width:63%;\n  }\n\n\n  .sv55-ops__mode-card {\n    min-width:118px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv55-ops *,\n  .sv55-ops *::before,\n  .sv55-ops *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv55-ops\"\n  id=\"sv55-commercial-operations\">\n\n\n  <div class=\"sv55-ops__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv55-ops__header\">\n\n\n      <div>\n\n\n        <div class=\"sv55-ops__eyebrow\">\n          Commercial Passenger Operations\n        <\/div>\n\n\n        <h2>\n\n          Built Around the\n\n          <span>\n            Passenger Operator.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv55-ops__intro\">\n        From scheduled group movement to charging between duties,\n        the SuperVan 5.5MR 13+1 can form part of a commercial\n        passenger transport workflow across recurring routes.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO CONTROLS\n    ====================================================== -->\n\n    <input\n      class=\"sv55-ops__radio\"\n      type=\"radio\"\n      name=\"sv55-operation\"\n      id=\"sv55-ops-plan\"\n      checked>\n\n\n    <input\n      class=\"sv55-ops__radio\"\n      type=\"radio\"\n      name=\"sv55-operation\"\n      id=\"sv55-ops-move\">\n\n\n    <input\n      class=\"sv55-ops__radio\"\n      type=\"radio\"\n      name=\"sv55-operation\"\n      id=\"sv55-ops-charge\">\n\n\n    <input\n      class=\"sv55-ops__radio\"\n      type=\"radio\"\n      name=\"sv55-operation\"\n      id=\"sv55-ops-repeat\">\n\n\n\n    <!-- =====================================================\n         CONSOLE\n    ====================================================== -->\n\n    <div class=\"sv55-ops__console\">\n\n\n      <!-- ===================================================\n           ANIMATED ROUTE\n      ==================================================== -->\n\n      <div class=\"sv55-ops__route-stage\">\n\n\n        <!-- LABEL -->\n\n        <div class=\"sv55-ops__stage-badge\">\n\n          <span>\n            Example Operating Flow\n          <\/span>\n\n          <strong>\n            SuperVan 5.5MR 13+1\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- ACTIVE MODE -->\n\n        <div class=\"sv55-ops__mode-card\">\n\n\n          <div class=\"sv55-ops__mode-text sv55-ops__mode-text--1\">\n\n            <span>\n              Stage 01\n            <\/span>\n\n            <strong>\n              Prepare the Route\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv55-ops__mode-text sv55-ops__mode-text--2\">\n\n            <span>\n              Stage 02\n            <\/span>\n\n            <strong>\n              Move the Group\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv55-ops__mode-text sv55-ops__mode-text--3\">\n\n            <span>\n              Stage 03\n            <\/span>\n\n            <strong>\n              Vehicle Turnaround\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv55-ops__mode-text sv55-ops__mode-text--4\">\n\n            <span>\n              Stage 04\n            <\/span>\n\n            <strong>\n              Continue Operations\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- ROUTE -->\n\n        <div class=\"sv55-ops__route\">\n\n          <div class=\"sv55-ops__route-progress\"><\/div>\n\n        <\/div>\n\n\n\n        <!-- VEHICLE -->\n\n        <div class=\"sv55-ops__vehicle\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/2_MR-scaled.png\"\n            alt=\"Farizon SuperVan 5.5MR electric passenger minibus\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- STOPS -->\n\n        <div class=\"sv55-ops__stops\">\n\n\n          <div class=\"sv55-ops__stop sv55-ops__stop--1\">\n\n            <span class=\"sv55-ops__stop-node\"><\/span>\n\n            <div class=\"sv55-ops__stop-copy\">\n\n              <span>\n                Stage 01\n              <\/span>\n\n              <strong>\n                Plan\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv55-ops__stop sv55-ops__stop--2\">\n\n            <span class=\"sv55-ops__stop-node\"><\/span>\n\n            <div class=\"sv55-ops__stop-copy\">\n\n              <span>\n                Stage 02\n              <\/span>\n\n              <strong>\n                Transport\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv55-ops__stop sv55-ops__stop--3\">\n\n            <span class=\"sv55-ops__stop-node\"><\/span>\n\n            <div class=\"sv55-ops__stop-copy\">\n\n              <span>\n                Stage 03\n              <\/span>\n\n              <strong>\n                Turnaround\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv55-ops__stop sv55-ops__stop--4\">\n\n            <span class=\"sv55-ops__stop-node\"><\/span>\n\n            <div class=\"sv55-ops__stop-copy\">\n\n              <span>\n                Stage 04\n              <\/span>\n\n              <strong>\n                Repeat\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           LOWER AREA\n      ==================================================== -->\n\n      <div class=\"sv55-ops__lower\">\n\n\n        <!-- =================================================\n             SELECTORS\n        ================================================== -->\n\n        <div class=\"sv55-ops__selector-panel\">\n\n\n          <div class=\"sv55-ops__selector-label\">\n            Passenger Operations Journey\n          <\/div>\n\n\n          <div class=\"sv55-ops__selectors\">\n\n\n            <label\n              class=\"sv55-ops__selector\"\n              for=\"sv55-ops-plan\">\n\n              <span class=\"sv55-ops__selector-num\">\n                01\n              <\/span>\n\n              <strong>\n                Scheduled Route Planning\n              <\/strong>\n\n              <span class=\"sv55-ops__selector-dot\"><\/span>\n\n            <\/label>\n\n\n\n            <label\n              class=\"sv55-ops__selector\"\n              for=\"sv55-ops-move\">\n\n              <span class=\"sv55-ops__selector-num\">\n                02\n              <\/span>\n\n              <strong>\n                Passenger Transport\n              <\/strong>\n\n              <span class=\"sv55-ops__selector-dot\"><\/span>\n\n            <\/label>\n\n\n\n            <label\n              class=\"sv55-ops__selector\"\n              for=\"sv55-ops-charge\">\n\n              <span class=\"sv55-ops__selector-num\">\n                03\n              <\/span>\n\n              <strong>\n                Charging &#038; Turnaround\n              <\/strong>\n\n              <span class=\"sv55-ops__selector-dot\"><\/span>\n\n            <\/label>\n\n\n\n            <label\n              class=\"sv55-ops__selector\"\n              for=\"sv55-ops-repeat\">\n\n              <span class=\"sv55-ops__selector-num\">\n                04\n              <\/span>\n\n              <strong>\n                Continue Passenger Duties\n              <\/strong>\n\n              <span class=\"sv55-ops__selector-dot\"><\/span>\n\n            <\/label>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             CONTENT\n        ================================================== -->\n\n        <div class=\"sv55-ops__content\">\n\n\n          <!-- STAGE 01 -->\n\n          <div class=\"sv55-ops__pane sv55-ops__pane--1\">\n\n\n            <div class=\"sv55-ops__pane-label\">\n              Scheduled Passenger Operations\n            <\/div>\n\n\n            <h3>\n              Plan the Vehicle Around the Passenger Route.\n            <\/h3>\n\n\n            <p>\n              Commercial passenger operators can deploy the\n              5.5MR 13+1 across scheduled services such as\n              staff transport, hotel transfers, school transport\n              and other recurring group journeys.\n            <\/p>\n\n\n            <div class=\"sv55-ops__benefits\">\n\n\n              <div class=\"sv55-ops__benefit\">\n\n                <span>\n                  Operation\n                <\/span>\n\n                <strong>\n                  Scheduled Passenger Routes\n                <\/strong>\n\n              <\/div>\n\n\n              <div class=\"sv55-ops__benefit\">\n\n                <span>\n                  Vehicle Role\n                <\/span>\n\n                <strong>\n                  Electric Group Transport\n                <\/strong>\n\n              <\/div>\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- STAGE 02 -->\n\n          <div class=\"sv55-ops__pane sv55-ops__pane--2\">\n\n\n            <div class=\"sv55-ops__pane-label\">\n              Passenger Service\n            <\/div>\n\n\n            <h3>\n              Move Groups Between Regular Destinations.\n            <\/h3>\n\n\n            <p>\n              The 13-passenger configuration provides a dedicated\n              electric minibus platform for organisations carrying\n              groups between workplaces, hotels, schools and other\n              commercial passenger destinations.\n            <\/p>\n\n\n            <div class=\"sv55-ops__benefits\">\n\n\n              <div class=\"sv55-ops__benefit\">\n\n                <span>\n                  Configuration\n                <\/span>\n\n                <strong>\n                  13 Passengers + Driver\n                <\/strong>\n\n              <\/div>\n\n\n              <div class=\"sv55-ops__benefit\">\n\n                <span>\n                  Focus\n                <\/span>\n\n                <strong>\n                  Commercial Group Mobility\n                <\/strong>\n\n              <\/div>\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- STAGE 03 -->\n\n          <div class=\"sv55-ops__pane sv55-ops__pane--3\">\n\n\n            <div class=\"sv55-ops__pane-label\">\n              Operational Turnaround\n            <\/div>\n\n\n            <h3>\n              Recharge Around the Transport Schedule.\n            <\/h3>\n\n\n            <p>\n              Depending on the operator&#8217;s route and charging\n              environment, electric charging can be planned\n              around vehicle downtime or between passenger duties.\n              DC fast charging capability supports shorter\n              charging turnaround where suitable infrastructure is available.\n            <\/p>\n\n\n            <div class=\"sv55-ops__benefits\">\n\n\n              <div class=\"sv55-ops__benefit\">\n\n                <span>\n                  Charging\n                <\/span>\n\n                <strong>\n                  AC or DC Workflow\n                <\/strong>\n\n              <\/div>\n\n\n              <div class=\"sv55-ops__benefit\">\n\n                <span>\n                  Planning\n                <\/span>\n\n                <strong>\n                  Route-Based Turnaround\n                <\/strong>\n\n              <\/div>\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- STAGE 04 -->\n\n          <div class=\"sv55-ops__pane sv55-ops__pane--4\">\n\n\n            <div class=\"sv55-ops__pane-label\">\n              Daily Passenger Mobility\n            <\/div>\n\n\n            <h3>\n              Return to Service for the Next Passenger Duty.\n            <\/h3>\n\n\n            <p>\n              For operators running recurring passenger routes,\n              the SuperVan 5.5MR can form part of a planned\n              cycle of passenger transport, charging and\n              subsequent vehicle deployment.\n            <\/p>\n\n\n            <div class=\"sv55-ops__benefits\">\n\n\n              <div class=\"sv55-ops__benefit\">\n\n                <span>\n                  Application\n                <\/span>\n\n                <strong>\n                  Recurring Passenger Services\n                <\/strong>\n\n              <\/div>\n\n\n              <div class=\"sv55-ops__benefit\">\n\n                <span>\n                  Operator Focus\n                <\/span>\n\n                <strong>\n                  Commercial Passenger Mobility\n                <\/strong>\n\n              <\/div>\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         FOOTER\n    ====================================================== -->\n\n    <div class=\"sv55-ops__footer\">\n\n\n      <div class=\"sv55-ops__footer-number\">\n        13+1\n      <\/div>\n\n\n      <div class=\"sv55-ops__footer-copy\">\n\n        <span>\n          Passenger-Focused Electric Mobility\n        <\/span>\n\n        <strong>\n          SuperVan 5.5MR 13+1 for commercial group transport.\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"sv55-ops__footer-use\">\n        Staff \u00b7 Hotel \u00b7 School \u00b7 Tour\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      \"sv55-commercial-operations\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\"sv55-ops-plan\"),\n    document.getElementById(\"sv55-ops-move\"),\n    document.getElementById(\"sv55-ops-charge\"),\n    document.getElementById(\"sv55-ops-repeat\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const duration = 4800;\n\n  let timer = null;\n  let visible = false;\n\n\n  \/* =========================================================\n     CURRENT\n  ========================================================= *\/\n\n  function currentIndex() {\n\n    const index =\n      radios.findIndex(\n        function (radio) {\n          return radio.checked;\n        }\n      );\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  \/* =========================================================\n     STOP\n  ========================================================= *\/\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     NEXT\n  ========================================================= *\/\n\n  function nextStage() {\n\n    const next =\n      (\n        currentIndex() + 1\n      ) %\n      radios.length;\n\n\n    radios[next].checked =\n      true;\n\n\n    radios[next].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles:true\n        }\n      )\n    );\n\n  }\n\n\n  \/* =========================================================\n     AUTO\n  ========================================================= *\/\n\n  function scheduleNext() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          nextStage();\n\n          scheduleNext();\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL SELECT\n  ========================================================= *\/\n\n  radios.forEach(\n    function (radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          scheduleNext();\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                scheduleNext();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    visible = true;\n\n    scheduleNext();\n\n  }\n\n\n  \/* =========================================================\n     TAB VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      }\n\n      else if (visible) {\n\n        scheduleNext();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5.5MR 13+1\n   SECTION 06 \u2014 PASSENGER MOBILITY ENQUIRY\n========================================================= *\/\n\n.sv55-enquiry,\n.sv55-enquiry *,\n.sv55-enquiry *::before,\n.sv55-enquiry *::after {\n  box-sizing:border-box;\n}\n\n.sv55-enquiry {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#172938;\n  --deep2:#203548;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e2e6ea;\n  --soft:#f3f5f7;\n  --white:#ffffff;\n  --green:#25d366;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    72px\n    24px\n    76px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f4f6f8 0%,\n      #ebeff2 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  scroll-margin-top:90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv55-enquiry::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  left:-300px;\n  top:-310px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.10),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n.sv55-enquiry::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:560px;\n  height:560px;\n\n  right:-330px;\n  bottom:-360px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(38,54,72,.09),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv55-enquiry__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.sv55-enquiry__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.60fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:28px;\n}\n\n\n.sv55-enquiry__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv55-enquiry h2 {\n  max-width:790px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv55-enquiry h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv55-enquiry__intro {\n  max-width:460px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   QUICK ACTION STRIP\n========================================================= *\/\n\n.sv55-enquiry__quick {\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  margin-bottom:20px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 12px 28px\n    rgba(38,54,72,.05);\n}\n\n\n.sv55-enquiry__quick-item {\n  position:relative;\n\n  min-height:86px;\n\n  display:grid;\n\n  grid-template-columns:\n    35px\n    1fr;\n\n  gap:10px;\n\n  align-items:center;\n\n  padding:\n    16px\n    17px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease;\n}\n\n\n.sv55-enquiry__quick-item:last-child {\n  border-right:0;\n}\n\n\n.sv55-enquiry__quick-item:hover {\n  background:#fafbfc;\n}\n\n\n.sv55-enquiry__quick-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.sv55-enquiry__quick-item:hover::after {\n  width:100%;\n}\n\n\n.sv55-enquiry__quick-num {\n  width:32px;\n  height:32px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv55-enquiry__quick-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__quick-copy 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   MAIN CONSOLE\n========================================================= *\/\n\n.sv55-enquiry__console {\n  display:grid;\n\n  grid-template-columns:\n    minmax(300px,.43fr)\n    minmax(0,1.57fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 25px 60px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   LEFT PANEL\n========================================================= *\/\n\n.sv55-enquiry__aside {\n  position:relative;\n\n  min-height:790px;\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  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #172a3a 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* technical background *\/\n\n.sv55-enquiry__aside::before {\n  content:\"\";\n\n  position:absolute;\n\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    44px\n    44px;\n\n  pointer-events:none;\n}\n\n\n\/* glow *\/\n\n.sv55-enquiry__aside::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:320px;\n  height:320px;\n\n  right:-180px;\n  bottom:-170px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.15),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   ASIDE TOP\n========================================================= *\/\n\n.sv55-enquiry__aside-top,\n.sv55-enquiry__aside-bottom {\n  position:relative;\n  z-index:2;\n}\n\n\n.sv55-enquiry__aside-label {\n  display:block;\n\n  margin-bottom:10px;\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__aside h3 {\n  max-width:360px;\n\n  margin:\n    0\n    0\n    14px;\n\n  color:#ffffff;\n\n  font-size:28px;\n  font-weight:700;\n\n  line-height:1.08;\n\n  letter-spacing:-.5px;\n}\n\n\n.sv55-enquiry__aside-text {\n  margin:\n    0\n    0\n    27px;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:10px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   ENQUIRY TYPES\n========================================================= *\/\n\n.sv55-enquiry__types {\n  display:grid;\n\n  gap:8px;\n}\n\n\n.sv55-enquiry__type {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    8px\n    1fr;\n\n  gap:10px;\n\n  align-items:center;\n\n  padding:\n    12px\n    13px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.025);\n\n  transition:\n    background .25s ease,\n    transform .25s ease;\n}\n\n\n.sv55-enquiry__type:hover {\n  transform:\n    translateX(3px);\n\n  background:\n    rgba(255,255,255,.05);\n}\n\n\n.sv55-enquiry__type-dot {\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n}\n\n\n.sv55-enquiry__type strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv55-enquiry__type span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size:7px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   WHATSAPP CTA\n========================================================= *\/\n\n.sv55-enquiry__wa {\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-top:22px;\n\n  padding:\n    14px\n    15px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  background:\n    rgba(255,255,255,.04);\n\n  color:#ffffff !important;\n\n  text-decoration:none !important;\n\n  transition:\n    background .25s ease,\n    transform .25s ease;\n}\n\n\n.sv55-enquiry__wa:hover {\n  transform:\n    translateY(-2px);\n\n  background:\n    rgba(255,255,255,.075);\n}\n\n\n.sv55-enquiry__wa-icon {\n  position:relative;\n\n  width:28px;\n  height:28px;\n\n  flex:0 0 28px;\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  font-size:12px;\n  font-weight:800;\n}\n\n\n.sv55-enquiry__wa-icon::after {\n  content:\"\";\n\n  position:absolute;\n\n  inset:-5px;\n\n  border:\n    1px solid\n    rgba(37,211,102,.25);\n\n  border-radius:50%;\n\n  animation:\n    sv55WaPulse\n    2.7s\n    ease-out\n    infinite;\n}\n\n\n.sv55-enquiry__wa-copy span {\n  display:block;\n\n  margin-bottom:2px;\n\n  color:\n    rgba(255,255,255,.40);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__wa-copy strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   CONTACT\n========================================================= *\/\n\n.sv55-enquiry__contact {\n  padding-top:23px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv55-enquiry__contact-label {\n  display:block;\n\n  margin-bottom:12px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__contact-row {\n  display:grid;\n\n  grid-template-columns:\n    62px\n    1fr;\n\n  gap:9px;\n\n  padding:\n    5px\n    0;\n}\n\n\n.sv55-enquiry__contact-row span {\n  color:\n    rgba(255,255,255,.31);\n\n  font-size:6px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__contact-row strong {\n  color:\n    rgba(255,255,255,.85);\n\n  font-size:8px;\n  font-weight:600;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   FORM SIDE\n========================================================= *\/\n\n.sv55-enquiry__form {\n  min-width:0;\n\n  padding:\n    25px\n    27px\n    20px;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   FORM HEADER\n========================================================= *\/\n\n.sv55-enquiry__form-head {\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n\n  margin-bottom:15px;\n\n  padding-bottom:14px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n}\n\n\n.sv55-enquiry__form-title span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__form-title strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:15px;\n  font-weight:700;\n}\n\n\n.sv55-enquiry__status {\n  display:flex;\n\n  align-items:center;\n\n  gap:8px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__status::before {\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(255,100,51,.09);\n\n  animation:\n    sv55FormStatus\n    2.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   FORM INTRO STRIP\n========================================================= *\/\n\n.sv55-enquiry__form-intro {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-bottom:16px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    #f7f8f9;\n}\n\n\n.sv55-enquiry__form-intro-item {\n  padding:\n    12px\n    13px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.sv55-enquiry__form-intro-item:last-child {\n  border-right:0;\n}\n\n\n.sv55-enquiry__form-intro-item span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__form-intro-item strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   PEPPERCLOUD\n========================================================= *\/\n\n.sv55-enquiry__iframe {\n  width:100%;\n\n  min-height:750px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n}\n\n\n.sv55-enquiry__iframe iframe {\n  display:block;\n\n  width:100%;\n  height:750px;\n\n  margin:0;\n\n  border:0;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   FORM NOTE\n========================================================= *\/\n\n.sv55-enquiry__note {\n  margin:\n    12px\n    0\n    0;\n\n  color:#919aa3;\n\n  font-size:7px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   FINAL SUPPORT STRIP\n========================================================= *\/\n\n.sv55-enquiry__support {\n  display:grid;\n\n  grid-template-columns:\n    42px\n    1fr\n    auto;\n\n  gap:15px;\n\n  align-items:center;\n\n  margin-top:20px;\n\n  padding:\n    17px\n    19px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.sv55-enquiry__support-icon {\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:800;\n}\n\n\n.sv55-enquiry__support-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv55-enquiry__support-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:700;\n}\n\n\n.sv55-enquiry__support-side {\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes sv55WaPulse {\n\n  0% {\n    opacity:.6;\n    transform:scale(.75);\n  }\n\n  70% {\n    opacity:0;\n    transform:scale(1.55);\n  }\n\n  100% {\n    opacity:0;\n    transform:scale(1.55);\n  }\n\n}\n\n\n@keyframes sv55FormStatus {\n\n  0%,\n  100% {\n    opacity:.45;\n\n    transform:\n      scale(.85);\n  }\n\n  50% {\n    opacity:1;\n\n    transform:\n      scale(1);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv55-enquiry__console {\n    grid-template-columns:\n      minmax(270px,.48fr)\n      minmax(0,1.52fr);\n  }\n\n\n  .sv55-enquiry__aside {\n    padding:\n      30px\n      24px;\n  }\n\n\n  .sv55-enquiry__form {\n    padding:\n      23px\n      20px\n      18px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv55-enquiry {\n    padding:\n      46px\n      16px\n      52px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv55-enquiry__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv55-enquiry__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv55-enquiry h2 {\n    max-width:355px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv55-enquiry__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* QUICK *\/\n\n  .sv55-enquiry__quick {\n    grid-template-columns:\n      repeat(2,1fr);\n\n    margin-bottom:15px;\n  }\n\n\n  .sv55-enquiry__quick-item {\n    min-height:76px;\n\n    padding:\n      13px\n      12px;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv55-enquiry__quick-item:nth-child(2n) {\n    border-right:0;\n  }\n\n\n  .sv55-enquiry__quick-item:nth-child(3),\n  .sv55-enquiry__quick-item:nth-child(4) {\n    border-bottom:0;\n  }\n\n\n  .sv55-enquiry__quick-copy strong {\n    font-size:8px;\n  }\n\n\n  \/* CONSOLE *\/\n\n  .sv55-enquiry__console {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  .sv55-enquiry__aside {\n    min-height:0;\n\n    padding:\n      27px\n      20px;\n  }\n\n\n  .sv55-enquiry__aside h3 {\n    font-size:24px;\n  }\n\n\n  .sv55-enquiry__aside-text {\n    font-size:9px;\n  }\n\n\n  .sv55-enquiry__contact {\n    margin-top:25px;\n  }\n\n\n  \/* FORM *\/\n\n  .sv55-enquiry__form {\n    padding:\n      18px\n      10px\n      14px;\n  }\n\n\n  .sv55-enquiry__form-head {\n    margin:\n      0\n      4px\n      12px;\n  }\n\n\n  .sv55-enquiry__form-title strong {\n    font-size:12px;\n  }\n\n\n  .sv55-enquiry__form-intro {\n    grid-template-columns:1fr;\n\n    margin:\n      0\n      4px\n      14px;\n  }\n\n\n  .sv55-enquiry__form-intro-item {\n    padding:\n      10px\n      11px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv55-enquiry__form-intro-item:last-child {\n    border-bottom:0;\n  }\n\n\n  .sv55-enquiry__iframe,\n  .sv55-enquiry__iframe iframe {\n    min-height:760px;\n    height:760px;\n  }\n\n\n  \/* SUPPORT *\/\n\n  .sv55-enquiry__support {\n    grid-template-columns:\n      38px\n      1fr;\n\n    gap:11px;\n\n    padding:\n      15px;\n  }\n\n\n  .sv55-enquiry__support-side {\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv55-enquiry h2 {\n    font-size:29px;\n  }\n\n\n  .sv55-enquiry__quick {\n    grid-template-columns:1fr;\n  }\n\n\n  .sv55-enquiry__quick-item {\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line) !important;\n  }\n\n\n  .sv55-enquiry__quick-item:last-child {\n    border-bottom:0 !important;\n  }\n\n\n  .sv55-enquiry__status {\n    display:none;\n  }\n\n\n  .sv55-enquiry__iframe,\n  .sv55-enquiry__iframe iframe {\n    min-height:780px;\n    height:780px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv55-enquiry *,\n  .sv55-enquiry *::before,\n  .sv55-enquiry *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv55-enquiry\"\n  id=\"sv55-enquiry\">\n\n\n  <div class=\"sv55-enquiry__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv55-enquiry__header\">\n\n\n      <div>\n\n\n        <div class=\"sv55-enquiry__eyebrow\">\n          Passenger Mobility Enquiry\n        <\/div>\n\n\n        <h2>\n\n          Ready to Discuss the 5.5MR\n\n          <span>\n            for Your Passenger Operations?\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv55-enquiry__intro\">\n        Speak with the Farizon Singapore team about the\n        SuperVan 5.5MR 13+1 for staff shuttle, hotel transfer,\n        school transport, tour operations and other commercial\n        passenger mobility requirements.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         QUICK ENQUIRY TYPES\n    ====================================================== -->\n\n    <div class=\"sv55-enquiry__quick\">\n\n\n      <div class=\"sv55-enquiry__quick-item\">\n\n        <div class=\"sv55-enquiry__quick-num\">\n          01\n        <\/div>\n\n        <div class=\"sv55-enquiry__quick-copy\">\n\n          <span>\n            Experience\n          <\/span>\n\n          <strong>\n            Arrange a Test Drive\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <div class=\"sv55-enquiry__quick-item\">\n\n        <div class=\"sv55-enquiry__quick-num\">\n          02\n        <\/div>\n\n        <div class=\"sv55-enquiry__quick-copy\">\n\n          <span>\n            Business\n          <\/span>\n\n          <strong>\n            Request Product Information\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <div class=\"sv55-enquiry__quick-item\">\n\n        <div class=\"sv55-enquiry__quick-num\">\n          03\n        <\/div>\n\n        <div class=\"sv55-enquiry__quick-copy\">\n\n          <span>\n            Fleet\n          <\/span>\n\n          <strong>\n            Discuss Passenger Operations\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <div class=\"sv55-enquiry__quick-item\">\n\n        <div class=\"sv55-enquiry__quick-num\">\n          04\n        <\/div>\n\n        <div class=\"sv55-enquiry__quick-copy\">\n\n          <span>\n            Next Step\n          <\/span>\n\n          <strong>\n            Speak with Our Team\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN CONSOLE\n    ====================================================== -->\n\n    <div class=\"sv55-enquiry__console\">\n\n\n      <!-- ===================================================\n           LEFT\n      ==================================================== -->\n\n      <aside class=\"sv55-enquiry__aside\">\n\n\n        <div class=\"sv55-enquiry__aside-top\">\n\n\n          <span class=\"sv55-enquiry__aside-label\">\n            SuperVan 5.5MR 13+1\n          <\/span>\n\n\n          <h3>\n            Let&#8217;s Discuss Your Passenger Transport Needs.\n          <\/h3>\n\n\n          <p class=\"sv55-enquiry__aside-text\">\n            Tell us about your intended passenger service,\n            operating requirements or fleet plans and our\n            team can assist with the next step.\n          <\/p>\n\n\n\n          <div class=\"sv55-enquiry__types\">\n\n\n            <div class=\"sv55-enquiry__type\">\n\n              <span class=\"sv55-enquiry__type-dot\"><\/span>\n\n              <div>\n\n                <strong>\n                  Staff Shuttle\n                <\/strong>\n\n                <span>\n                  Corporate and recurring staff transport enquiries.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv55-enquiry__type\">\n\n              <span class=\"sv55-enquiry__type-dot\"><\/span>\n\n              <div>\n\n                <strong>\n                  Hotel &#038; Tour Transfer\n                <\/strong>\n\n                <span>\n                  Passenger mobility for hospitality and group transfers.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv55-enquiry__type\">\n\n              <span class=\"sv55-enquiry__type-dot\"><\/span>\n\n              <div>\n\n                <strong>\n                  School Transport\n                <\/strong>\n\n                <span>\n                  Enquiries for scheduled education-related passenger services.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv55-enquiry__type\">\n\n              <span class=\"sv55-enquiry__type-dot\"><\/span>\n\n              <div>\n\n                <strong>\n                  Fleet Requirements\n                <\/strong>\n\n                <span>\n                  Discuss commercial passenger vehicle requirements for your operation.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- WHATSAPP -->\n\n          <a class=\"sv55-enquiry__wa\" href=\"https:\/\/wa.me\/6591122222?text=Hi%20Farizon%20Singapore%2C%20I%20would%20like%20to%20enquire%20about%20the%20Farizon%20SuperVan%205.5MR%2013%2B1.\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n\n            <span class=\"sv55-enquiry__wa-icon\">\n              W\n            <\/span>\n\n\n            <span class=\"sv55-enquiry__wa-copy\">\n\n              <span>\n                Direct Assistance\n              <\/span>\n\n              <strong>\n                Chat with Us on WhatsApp\n              <\/strong>\n\n            <\/span>\n\n\n          <\/a>\n\n\n        <\/div>\n\n\n\n        <!-- CONTACT -->\n\n        <div class=\"sv55-enquiry__aside-bottom\">\n\n\n          <div class=\"sv55-enquiry__contact\">\n\n\n            <span class=\"sv55-enquiry__contact-label\">\n              Farizon Singapore\n            <\/span>\n\n\n            <div class=\"sv55-enquiry__contact-row\">\n\n              <span>\n                Phone\n              <\/span>\n\n              <strong>\n                +65 8030 8030\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-enquiry__contact-row\">\n\n              <span>\n                WhatsApp\n              <\/span>\n\n              <strong>\n                +65 9112 2222\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-enquiry__contact-row\">\n\n              <span>\n                Email\n              <\/span>\n\n              <strong>\n                marketing@hongseh.sg\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-enquiry__contact-row\">\n\n              <span>\n                Address\n              <\/span>\n\n              <strong>\n                10, Fourth Lok Yang Rd\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"sv55-enquiry__contact-row\">\n\n              <span>\n                Hours\n              <\/span>\n\n              <strong>\n                Monday\u2013Friday \u00b7 8AM\u20136PM\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/aside>\n\n\n\n      <!-- ===================================================\n           FORM\n      ==================================================== -->\n\n      <div class=\"sv55-enquiry__form\">\n\n\n        <div class=\"sv55-enquiry__form-head\">\n\n\n          <div class=\"sv55-enquiry__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=\"sv55-enquiry__status\">\n            Enquiry Form\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- FORM CONTEXT -->\n\n        <div class=\"sv55-enquiry__form-intro\">\n\n\n          <div class=\"sv55-enquiry__form-intro-item\">\n\n            <span>\n              Vehicle\n            <\/span>\n\n            <strong>\n              SuperVan 5.5MR 13+1\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv55-enquiry__form-intro-item\">\n\n            <span>\n              Category\n            <\/span>\n\n            <strong>\n              Electric Minibus\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv55-enquiry__form-intro-item\">\n\n            <span>\n              Application\n            <\/span>\n\n            <strong>\n              Passenger Transport\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- PEPPERCLOUD -->\n\n        <div class=\"sv55-enquiry__iframe\">\n\n\n          <iframe\n            id=\"pc-iframe-sv55\"\n            src=\"https:\/\/app.peppercloud.com\/form\/4f15ac08-228d-46d1-8691-0d21e8ecd7df\/embed\"\n            title=\"Farizon SuperVan 5.5MR 13+1 enquiry form\"\n            loading=\"lazy\"\n            scrolling=\"no\">\n          <\/iframe>\n\n\n        <\/div>\n\n\n\n        <p class=\"sv55-enquiry__note\">\n          Vehicle specifications, configurations, availability,\n          suitability and charging performance should be confirmed\n          with the Farizon Singapore team for your intended application.\n        <\/p>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         LOCAL SUPPORT\n    ====================================================== -->\n\n    <div class=\"sv55-enquiry__support\">\n\n\n      <div class=\"sv55-enquiry__support-icon\">\n        HS\n      <\/div>\n\n\n      <div class=\"sv55-enquiry__support-copy\">\n\n        <span>\n          Local Commercial Vehicle Support\n        <\/span>\n\n        <strong>\n          Farizon Singapore supported by Hong Seh Motors.\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"sv55-enquiry__support-side\">\n        Singapore\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 5.5MR 13+1\n   FINAL SECTION GAP CLEANUP\n\n   SECTION CLASSES:\n   01 .sv55-hero\n   02 .sv55-apps\n   03 .sv55-cabin\n   04 .sv55-performance\n   05 .sv55-ops\n   06 .sv55-enquiry\n========================================================= *\/\n\n\n\/* =========================================================\n   1. REMOVE DEFAULT GUTENBERG HTML BLOCK SPACING\n========================================================= *\/\n\n.entry-content > .wp-block-html {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  margin-block-start: 0 !important;\n  margin-block-end: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n\n\/* consecutive Custom HTML blocks *\/\n\n.entry-content > .wp-block-html + .wp-block-html {\n  margin-top: 0 !important;\n  margin-block-start: 0 !important;\n}\n\n\n\/* =========================================================\n   2. BLOCKSY CONTENT GAP\n========================================================= *\/\n\n.entry-content,\n.site-main .entry-content {\n  gap: 0 !important;\n  row-gap: 0 !important;\n\n  --theme-content-spacing: 0px !important;\n}\n\n\n\/* =========================================================\n   3. REMOVE EMPTY WORDPRESS BLOCKS \/ PARAGRAPHS\n========================================================= *\/\n\n.entry-content > p:empty,\n.entry-content > p:has(br:only-child),\n.entry-content > .wp-block-spacer:empty {\n  display: none !important;\n\n  height: 0 !important;\n  min-height: 0 !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =========================================================\n   4. REMOVE MARGIN FROM OUR 5.5MR SECTIONS\n   INTERNAL SECTION PADDING REMAINS UNTOUCHED\n========================================================= *\/\n\n.sv55-hero,\n.sv55-apps,\n.sv55-cabin,\n.sv55-performance,\n.sv55-ops,\n.sv55-enquiry {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  margin-block-start: 0 !important;\n  margin-block-end: 0 !important;\n}\n\n\n\/* =========================================================\n   5. REMOVE WRAPPER GAP FOR EACH PRODUCT SECTION\n========================================================= *\/\n\n.wp-block-html:has(.sv55-hero),\n.wp-block-html:has(.sv55-apps),\n.wp-block-html:has(.sv55-cabin),\n.wp-block-html:has(.sv55-performance),\n.wp-block-html:has(.sv55-ops),\n.wp-block-html:has(.sv55-enquiry) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  margin-block-start: 0 !important;\n  margin-block-end: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n\n\/* =========================================================\n   6. FORCE DIRECT SECTION-TO-SECTION CONNECTION\n========================================================= *\/\n\n.wp-block-html:has(.sv55-hero)\n+ .wp-block-html:has(.sv55-apps),\n\n.wp-block-html:has(.sv55-apps)\n+ .wp-block-html:has(.sv55-cabin),\n\n.wp-block-html:has(.sv55-cabin)\n+ .wp-block-html:has(.sv55-performance),\n\n.wp-block-html:has(.sv55-performance)\n+ .wp-block-html:has(.sv55-ops),\n\n.wp-block-html:has(.sv55-ops)\n+ .wp-block-html:has(.sv55-enquiry) {\n  margin-top: 0 !important;\n  margin-block-start: 0 !important;\n\n  padding-top: 0 !important;\n}\n\n\n\/* =========================================================\n   7. REMOVE BLOCK EDITOR FLOW SPACING\n========================================================= *\/\n\n.entry-content > * {\n  --wp--style--block-gap: 0px;\n}\n\n\n\/* Gutenberg layout support *\/\n\n.entry-content.is-layout-flow > * + * {\n  margin-block-start: 0 !important;\n}\n\n\n\/* =========================================================\n   8. PREVENT RANDOM WHITE STRIP FROM MAIN WRAPPERS\n========================================================= *\/\n\n.site-main,\n.content-area,\n.entry-content {\n  margin-bottom: 0 !important;\n}\n\n\n\/* =========================================================\n   9. MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .entry-content > .wp-block-html,\n  .wp-block-html:has(.sv55-hero),\n  .wp-block-html:has(.sv55-apps),\n  .wp-block-html:has(.sv55-cabin),\n  .wp-block-html:has(.sv55-performance),\n  .wp-block-html:has(.sv55-ops),\n  .wp-block-html:has(.sv55-enquiry) {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Farizon SuperVan 5.5MR 13+1 Farizon SuperVan 5.5MR 13+1 Electric Minibus Singapore A high-capacity electric minibus designed for passenger and group transport, the Farizon SuperVan 5.5MR 13+1 is suited to staff shuttles, hotel transfers, tour operations, school transport and other commercial passenger services. Staff Shuttle Hotel Transfer Tour Operators School Transport Group Transport Explore 13+1 Seating [&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-580","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 5.5MR 13+1 Farizon SuperVan 5.5MR 13+1 Electric Minibus Singapore A high-capacity electric minibus designed for passenger and group transport, the Farizon SuperVan 5.5MR 13+1 is suited to staff shuttles, hotel transfers, tour operations, school transport and other commercial passenger services. Staff Shuttle Hotel Transfer Tour Operators School Transport Group Transport Explore 13+1 Seating&hellip;","_links":{"self":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/580","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=580"}],"version-history":[{"count":11,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/580\/revisions"}],"predecessor-version":[{"id":607,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/580\/revisions\/607"}],"wp:attachment":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}