{"id":6,"date":"2022-09-23T08:54:19","date_gmt":"2022-09-23T08:54:19","guid":{"rendered":"https:\/\/scutopaint.co.id\/?page_id=6"},"modified":"2026-06-12T12:32:50","modified_gmt":"2026-06-12T05:32:50","slug":"scuto-paint","status":"publish","type":"page","link":"https:\/\/scutopaint.co.id\/","title":{"rendered":"BERANDA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f2c9c95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f2c9c95\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c433e23\" data-id=\"c433e23\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1abbd28 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1abbd28\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-baf2022\" data-id=\"baf2022\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-88fbec3 elementor-widget elementor-widget-html\" data-id=\"88fbec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT SECTION 2 V15                    -->\n<!-- - V15 changes:                              -->\n<!--   - \"Anti Karat\" -> \"Rust Protection\"       -->\n<!--   - Rust Protection -> \/rust-protection\/    -->\n<!--   - Window Film -> scutowindowfilm.com      -->\n<!--     (external, new tab)                     -->\n<!-- - 7 tabs (Kemitraan + 6 services)           -->\n<!-- ============================================ -->\n\n<!-- Google Fonts: Inter -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== SCOPED RESET ===== *\/\n.spco-services, .spco-services * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ===== FULL-WIDTH BREAKOUT + BLACK BG ===== *\/\n.spco-services {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  padding: 56px 24px 56px 24px;\n  overflow: hidden;\n  text-align: center;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\/* Force parent Elementor section *\/\n.elementor-section:has(.spco-services),\n.elementor-column:has(.spco-services),\n.elementor-widget:has(.spco-services) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* ===== HEADLINE ===== *\/\n.spco-services__title {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, sans-serif;\n  font-size: clamp(28px, 3.5vw, 44px);\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  line-height: 1.1;\n  color: #f5f5f7;\n  margin-bottom: 32px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* ===== PILL CONTAINER ===== *\/\n.spco-services__tabs-wrap {\n  position: relative;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n.spco-services__tabs {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 2px;\n  background: rgba(255, 255, 255, 0.06);\n  border-radius: 980px;\n  padding: 8px 12px;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n\/* ===== TAB ITEM (NO arrow per tab) ===== *\/\n.spco-services__tab {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 9px 18px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #f5f5f7 !important;\n  background: transparent;\n  border-radius: 980px;\n  text-decoration: none !important;\n  transition: all 0.2s ease;\n  white-space: nowrap;\n  letter-spacing: -0.005em;\n  cursor: pointer;\n  border: none;\n}\n\n.spco-services__tab:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: #ffffff !important;\n}\n\n\/* ===== DIVIDER ===== *\/\n.spco-services__divider {\n  width: 1px;\n  height: 18px;\n  background: rgba(255, 255, 255, 0.15);\n  margin: 0 6px;\n  flex-shrink: 0;\n}\n\n\/* ===== KEMITRAAN (gold accent, first position) ===== *\/\n.spco-services__tab--kemitraan {\n  color: #C9A961 !important;\n  font-weight: 600;\n}\n\n.spco-services__tab--kemitraan:hover {\n  background: rgba(201, 169, 97, 0.12);\n  color: #F5E6B8 !important;\n}\n\n\/* ===== SCROLL ARROW INDICATOR (mobile only, kanan ujung pill) ===== *\/\n.spco-services__scroll-hint {\n  display: none; \/* hidden by default, only show on mobile when scrollable *\/\n}\n\n\/* ============================================ *\/\n\/* ===== TABLET ===== *\/\n\/* ============================================ *\/\n@media (max-width: 1024px) {\n  .spco-services { padding: 48px 20px 48px 20px; }\n  .spco-services__title { margin-bottom: 28px; }\n  .spco-services__tab { padding: 8px 16px; font-size: 13.5px; }\n}\n\n\/* ============================================ *\/\n\/* ===== MOBILE \u2014 HORIZONTAL SCROLL + ARROW ===== *\/\n\/* ============================================ *\/\n@media (max-width: 768px) {\n  .spco-services { padding: 40px 0 40px 0; }\n\n  .spco-services__title {\n    padding: 0 20px;\n    margin-bottom: 24px;\n    text-align: left;\n    font-size: 26px;\n  }\n\n  .spco-services__tabs-wrap {\n    position: relative;\n    max-width: 100%;\n    padding: 0;\n  }\n\n  .spco-services__tabs {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    justify-content: flex-start;\n    scroll-snap-type: x proximity;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    margin: 0 20px;\n    padding: 6px 10px;\n    padding-right: 40px; \/* extra space for arrow indicator *\/\n    border-radius: 980px;\n  }\n\n  .spco-services__tabs::-webkit-scrollbar { display: none; }\n\n  .spco-services__tab {\n    scroll-snap-align: start;\n    padding: 9px 16px;\n    font-size: 13.5px;\n    flex-shrink: 0;\n  }\n\n  .spco-services__divider {\n    height: 16px;\n    margin: 0 4px;\n  }\n\n  \/* ===== SCROLL ARROW INDICATOR ===== *\/\n  .spco-services__scroll-hint {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    right: 28px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.12);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    color: #ffffff;\n    font-size: 16px;\n    line-height: 1;\n    pointer-events: none;\n    z-index: 3;\n    animation: spcoArrowPulse 1.8s ease-in-out infinite;\n  }\n\n  .spco-services__scroll-hint::before {\n    content: \"\\203A\";\n    font-weight: 600;\n    line-height: 1;\n    margin-top: -2px;\n  }\n\n  @keyframes spcoArrowPulse {\n    0%, 100% {\n      opacity: 0.7;\n      transform: translateY(-50%) translateX(0);\n    }\n    50% {\n      opacity: 1;\n      transform: translateY(-50%) translateX(4px);\n    }\n  }\n\n  \/* Fade gradient kanan biar tab \"fade\" ke arrow *\/\n  .spco-services__tabs-wrap::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 20px;\n    width: 50px;\n    background: linear-gradient(270deg, #000000 30%, rgba(0, 0, 0, 0) 100%);\n    pointer-events: none;\n    z-index: 2;\n  }\n}\n\n@media (max-width: 480px) {\n  .spco-services { padding: 32px 0 32px 0; }\n  .spco-services__title {\n    padding: 0 16px;\n    margin-bottom: 20px;\n    font-size: 24px;\n  }\n  .spco-services__tabs { margin: 0 16px; padding-right: 36px; }\n  .spco-services__tabs-wrap::after { right: 16px; }\n  .spco-services__scroll-hint { right: 24px; }\n  .spco-services__tab { padding: 8px 14px; font-size: 13px; }\n}\n<\/style>\n\n<section class=\"spco-services\">\n\n  <h2 class=\"spco-services__title\">Layanan kami.<\/h2>\n\n  <div class=\"spco-services__tabs-wrap\">\n\n    <div class=\"spco-services__tabs\">\n\n      <!-- Kemitraan (gold, first) -> Pilih Kemitraan landing page -->\n      <a href=\"https:\/\/scutopaint.co.id\/kemitraan-2\/\" class=\"spco-services__tab spco-services__tab--kemitraan\">\n        Kemitraan\n      <\/a>\n\n      <div class=\"spco-services__divider\" aria-hidden=\"true\"><\/div>\n\n      <!-- 6 Layanan -->\n      <a href=\"https:\/\/scutopaint.co.id\/body-repair\/\" class=\"spco-services__tab\">Body Repair<\/a>\n      <a href=\"https:\/\/scutopaint.co.id\/spot-repair\/\" class=\"spco-services__tab\">Spot Repair<\/a>\n      <a href=\"https:\/\/scutopaint.co.id\/full-body-repaint\/\" class=\"spco-services__tab\">Full Body Repaint<\/a>\n      <a href=\"https:\/\/scutopaint.co.id\/rust-protection\/\" class=\"spco-services__tab\">Rust Protection<\/a>\n      <a href=\"https:\/\/scutowindowfilm.com\" class=\"spco-services__tab\" target=\"_blank\" rel=\"noopener\">Window Film<\/a>\n      <a href=\"https:\/\/scutopaint.co.id\/poles-body\/\" class=\"spco-services__tab\">Poles Body Mobil<\/a>\n\n    <\/div>\n\n    <!-- Scroll affordance arrow (mobile only) -->\n    <div class=\"spco-services__scroll-hint\" aria-hidden=\"true\"><\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-704527e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"704527e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d438dd8\" data-id=\"d438dd8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c194b48 elementor-widget elementor-widget-html\" data-id=\"c194b48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT HERO V12 - DUAL VIDEO            -->\n<!-- CTA \"Lihat Layanan\" -> \/layanan\/            -->\n<!-- CTA \"Jadi Mitra\"   -> \/kemitraan-2\/         -->\n<!-- ============================================ -->\n\n<style>\n\/* ===== SCOPED RESET ===== *\/\n.spco-hero, .spco-hero * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ===== FULL-WIDTH BREAKOUT + FULL VIEWPORT ===== *\/\n.spco-hero {\n  font-family: \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Inter\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  height: 100vh;\n  min-height: 640px;\n  max-height: 1080px;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.elementor-section:has(.spco-hero),\n.elementor-column:has(.spco-hero),\n.elementor-widget:has(.spco-hero) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* ===== VIDEO BACKGROUND ===== *\/\n.spco-hero__video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 1;\n  animation: spcoVideoFade 1.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.spco-hero__video--desktop { display: block; }\n.spco-hero__video--mobile  { display: none; }\n\n@keyframes spcoVideoFade {\n  from { opacity: 0; transform: scale(1.05); }\n  to   { opacity: 1; transform: scale(1); }\n}\n\n\/* ===== DARK GRADIENT OVERLAY ===== *\/\n.spco-hero__overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0.55) 0%,\n    rgba(0, 0, 0, 0.25) 35%,\n    rgba(0, 0, 0, 0.15) 60%,\n    rgba(0, 0, 0, 0.65) 100%\n  );\n  pointer-events: none;\n}\n\n\/* ===== CONTENT CONTAINER ===== *\/\n.spco-hero__content {\n  position: relative;\n  z-index: 3;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding: 90px 24px 40px 24px;\n  text-align: center;\n}\n\n.spco-hero__top {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  max-width: 1100px;\n}\n\n.spco-hero__eyebrow {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #f5f5f7;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  opacity: 0.85;\n  animation: spcoTextFade 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;\n}\n\n.spco-hero__title {\n  font-size: clamp(48px, 7.5vw, 104px);\n  font-weight: 700;\n  letter-spacing: -0.03em;\n  line-height: 1;\n  color: #ffffff;\n  text-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);\n  animation: spcoTextFade 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both;\n}\n\n.spco-hero__title-line1 {\n  display: block;\n  color: #ffffff;\n  font-weight: 700;\n  font-style: normal;\n}\n\n.spco-hero__title-line2 {\n  display: block;\n  font-style: italic;\n  font-weight: 700;\n  background: linear-gradient(\n    100deg,\n    #C9A961 0%,\n    #D4B872 20%,\n    #F5E6B8 45%,\n    #FFFFFF 50%,\n    #F5E6B8 55%,\n    #D4B872 80%,\n    #C9A961 100%\n  );\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spcoShine 5s ease-in-out infinite;\n  filter: drop-shadow(0 0 30px rgba(201, 169, 97, 0.35));\n}\n\n@keyframes spcoShine {\n  0%   { background-position: 200% 0; }\n  50%  { background-position: -50% 0; }\n  100% { background-position: -200% 0; }\n}\n\n@keyframes spcoTextFade {\n  from { opacity: 0; transform: translateY(20px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.spco-hero__bottom {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  max-width: 900px;\n  gap: 24px;\n  animation: spcoTextFade 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.9s both;\n}\n\n.spco-hero__scroll {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #f5f5f7;\n  text-transform: uppercase;\n  opacity: 0.7;\n}\n\n.spco-hero__scroll-line {\n  width: 1px;\n  height: 32px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);\n  animation: spcoScrollPulse 2.4s ease-in-out infinite;\n}\n\n@keyframes spcoScrollPulse {\n  0%, 100% { opacity: 0.3; transform: scaleY(0.7); }\n  50%      { opacity: 1;   transform: scaleY(1); }\n}\n\n.spco-hero__subtitle {\n  font-size: clamp(15px, 1.2vw, 18px);\n  font-weight: 400;\n  line-height: 1.4;\n  color: #d2d2d7;\n  max-width: 620px;\n}\n\n.spco-hero__cta-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 24px;\n  flex-wrap: wrap;\n  margin-top: 8px;\n}\n\n.spco-hero__btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  color: #1d1d1f !important;\n  padding: 14px 30px;\n  border-radius: 980px;\n  font-size: 16px;\n  font-weight: 500;\n  text-decoration: none !important;\n  transition: all 0.25s ease;\n  border: 1px solid #ffffff;\n  min-width: 180px;\n  letter-spacing: -0.01em;\n}\n\n.spco-hero__btn-primary:hover {\n  background: #f0f0f0;\n  border-color: #f0f0f0;\n  transform: translateY(-1px);\n}\n\n.spco-hero__btn-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: #C9A961 !important;\n  font-size: 16px;\n  font-weight: 500;\n  text-decoration: none !important;\n  transition: all 0.2s ease;\n  padding: 14px 0;\n  letter-spacing: -0.01em;\n}\n\n.spco-hero__btn-secondary:hover { color: #F5E6B8 !important; }\n\n.spco-hero__btn-secondary::after {\n  content: \"\\203A\";\n  font-size: 22px;\n  line-height: 1;\n  transition: transform 0.2s ease;\n  margin-left: 2px;\n}\n\n.spco-hero__btn-secondary:hover::after { transform: translateX(4px); }\n\n@media (max-width: 1024px) {\n  .spco-hero__content { padding: 70px 20px 32px 20px; }\n}\n\n@media (max-width: 768px) {\n  .spco-hero {\n    min-height: 600px;\n    height: 100vh;\n  }\n\n  .spco-hero__video--desktop { display: none; }\n  .spco-hero__video--mobile  { display: block; }\n\n  .spco-hero__content { padding: 60px 20px 24px 20px; }\n\n  .spco-hero__eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    margin-bottom: 16px;\n  }\n  .spco-hero__title {\n    font-size: clamp(40px, 12vw, 60px);\n    line-height: 1.02;\n  }\n  .spco-hero__scroll { font-size: 10px; }\n  .spco-hero__scroll-line { height: 24px; }\n  .spco-hero__subtitle { font-size: 14px; padding: 0 8px; }\n  .spco-hero__cta-wrap { gap: 16px; }\n  .spco-hero__btn-primary { padding: 12px 24px; font-size: 15px; min-width: 160px; }\n  .spco-hero__btn-secondary { font-size: 15px; }\n}\n\n@media (max-width: 480px) {\n  .spco-hero__content { padding: 50px 16px 20px 16px; }\n  .spco-hero__bottom { gap: 18px; }\n  .spco-hero__cta-wrap { flex-direction: column; gap: 12px; }\n  .spco-hero__btn-primary { width: 100%; max-width: 260px; }\n}\n<\/style>\n\n<section class=\"spco-hero\">\n\n  <!-- DESKTOP VIDEO (horizontal 16:9) -->\n  <video class=\"spco-hero__video spco-hero__video--desktop\"\n         autoplay\n         loop\n         muted\n         playsinline\n         preload=\"metadata\"\n         poster=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ScutoPaint-cat2.png\">\n    <source src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/scutopaint-hero-cat2.mp4\" type=\"video\/mp4\" \/>\n  <\/video>\n\n  <!-- MOBILE VIDEO (vertical 9:16) -->\n  <video class=\"spco-hero__video spco-hero__video--mobile\"\n         autoplay\n         loop\n         muted\n         playsinline\n         preload=\"metadata\"\n         poster=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ScutoPaint-cat2.png\">\n    <source src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/scutopaint-painting.mp4\" type=\"video\/mp4\" \/>\n  <\/video>\n\n  <!-- DARK GRADIENT OVERLAY -->\n  <div class=\"spco-hero__overlay\"><\/div>\n\n  <!-- CONTENT OVERLAY -->\n  <div class=\"spco-hero__content\">\n\n    <div class=\"spco-hero__top\">\n      <span class=\"spco-hero__eyebrow\">SCUTOPAINT<\/span>\n      <h1 class=\"spco-hero__title\">\n        <span class=\"spco-hero__title-line1\">Paint your<\/span>\n        <span class=\"spco-hero__title-line2\">Pride.<\/span>\n      <\/h1>\n    <\/div>\n\n    <div class=\"spco-hero__bottom\">\n\n      <div class=\"spco-hero__scroll\">\n        <span>SCROLL<\/span>\n        <div class=\"spco-hero__scroll-line\"><\/div>\n      <\/div>\n\n      <p class=\"spco-hero__subtitle\">\n        Cat ulang &amp; body repair premium. Ditangani teknisi tersertifikasi, bergaransi resmi.\n      <\/p>\n\n      <div class=\"spco-hero__cta-wrap\">\n        <a href=\"https:\/\/scutopaint.co.id\/layanan\/\" class=\"spco-hero__btn-primary\">\n          Lihat Layanan\n        <\/a>\n        <a href=\"https:\/\/scutopaint.co.id\/kemitraan-2\/\" class=\"spco-hero__btn-secondary\">\n          Jadi Mitra\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36840fc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36840fc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d90a60d\" data-id=\"d90a60d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46273bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46273bb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb959c8\" data-id=\"fb959c8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b13ab7e elementor-widget elementor-widget-html\" data-id=\"b13ab7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT FULL BODY REPAINT SECTION V2     -->\n<!-- Color picker + B\/A Slider                   -->\n<!-- ============================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.spfb, .spfb * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.spfb {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  padding: 120px 24px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.elementor-section:has(.spfb),\n.elementor-column:has(.spfb),\n.elementor-widget:has(.spfb) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n@keyframes spfbShine {\n  0%   { background-position: 200% 0; }\n  50%  { background-position: -50% 0; }\n  100% { background-position: -200% 0; }\n}\n\n\/* HEADER *\/\n.spfb__header {\n  text-align: center;\n  margin-bottom: 56px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  z-index: 2;\n}\n\n.spfb__eyebrow {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #C9A961;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n.spfb__title {\n  font-size: clamp(40px, 5.5vw, 72px);\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  line-height: 1.05;\n  color: #ffffff;\n  margin-bottom: 16px;\n}\n\n.spfb__title-accent {\n  font-style: italic;\n  background: linear-gradient(100deg, #C9A961 0%, #D4B872 20%, #F5E6B8 45%, #FFFFFF 50%, #F5E6B8 55%, #D4B872 80%, #C9A961 100%);\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spfbShine 5s ease-in-out infinite;\n  filter: drop-shadow(0 0 30px rgba(201, 169, 97, 0.35));\n}\n\n.spfb__subtitle {\n  font-size: clamp(17px, 1.3vw, 21px);\n  font-weight: 400;\n  line-height: 1.4;\n  color: #a1a1a6;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* SHOWCASE *\/\n.spfb__showcase {\n  max-width: 1280px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n\/* ===== CAR IMAGE (image-driven height, no aspect constraint) ===== *\/\n.spfb__car {\n  position: relative;\n  width: 100%;\n  border-radius: 28px;\n  overflow: hidden;\n  background: linear-gradient(180deg, #0e0e0e 0%, #050505 100%);\n  border: 1px solid rgba(255, 255, 255, 0.05);\n  margin-bottom: 32px;\n  line-height: 0;\n}\n\n\/* First image: drives the container height *\/\n.spfb__car-img {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* All other images stacked on top *\/\n.spfb__car-img:not(:first-child) {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n}\n\n.spfb__car-img.is-active {\n  opacity: 1;\n}\n\n\/* First image visibility controlled by .is-active too (since it's also a candidate) *\/\n.spfb__car-img:first-child {\n  opacity: 0;\n}\n.spfb__car-img:first-child.is-active {\n  opacity: 1;\n}\n\n.spfb__car::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%);\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* PICKER *\/\n.spfb__picker {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 48px;\n}\n\n.spfb__dots {\n  display: flex;\n  gap: 20px;\n  padding: 16px 24px;\n  background: rgba(20, 20, 20, 0.7);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border-radius: 980px;\n  border: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.spfb__dot {\n  position: relative;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n  border: 2px solid rgba(255, 255, 255, 0.15);\n  outline: none;\n  padding: 0;\n  background: transparent;\n}\n\n.spfb__dot:hover { transform: scale(1.1); }\n\n.spfb__dot::after {\n  content: \"\";\n  position: absolute;\n  inset: -6px;\n  border-radius: 50%;\n  border: 2px solid #C9A961;\n  opacity: 0;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  transform: scale(0.8);\n}\n\n.spfb__dot.is-active::after {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.spfb__dot--red {\n  background: radial-gradient(circle at 30% 30%, #ff5b5b 0%, #c41e1e 50%, #8b0000 100%);\n}\n.spfb__dot--blue {\n  background: radial-gradient(circle at 30% 30%, #4a9eff 0%, #1e6bd6 50%, #0a3d8f 100%);\n}\n.spfb__dot--white {\n  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #f0f0f0 50%, #d0d0d0 100%);\n}\n.spfb__dot--black {\n  background: radial-gradient(circle at 30% 30%, #4a4a4a 0%, #1a1a1a 50%, #000000 100%);\n}\n.spfb__dot--grey {\n  background: radial-gradient(circle at 30% 30%, #a0a0a0 0%, #707070 50%, #404040 100%);\n}\n\n\/* COLOR INFO *\/\n.spfb__info {\n  text-align: center;\n  min-height: 60px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  transition: opacity 0.3s ease;\n}\n\n.spfb__color-name {\n  font-size: clamp(28px, 3vw, 40px);\n  font-weight: 700;\n  color: #ffffff;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n}\n\n.spfb__color-finish {\n  font-size: 14px;\n  font-weight: 500;\n  color: #a1a1a6;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n\/* PRICE *\/\n.spfb__price {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  text-align: center;\n  margin-bottom: 64px;\n}\n\n.spfb__price-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: #a1a1a6;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.spfb__price-amount {\n  font-size: clamp(28px, 3.5vw, 42px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1;\n  background: linear-gradient(135deg, #C9A961 0%, #F5E6B8 50%, #C9A961 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n\/* ============================================ *\/\n\/* ===== B\/A SLIDER (after color picker)    === *\/\n\/* ============================================ *\/\n.spfb__ba {\n  position: relative;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto 48px auto;\n  border-radius: 24px;\n  overflow: hidden;\n  user-select: none;\n  -webkit-user-select: none;\n  cursor: ew-resize;\n  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\n  touch-action: none;\n  line-height: 0;\n}\n\n.spfb__ba-before {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  pointer-events: none;\n}\n\n.spfb__ba-after-wrap {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  pointer-events: none;\n  clip-path: inset(0 0 0 50%);\n  -webkit-clip-path: inset(0 0 0 50%);\n}\n\n.spfb__ba-after {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n}\n\n.spfb__ba-label {\n  position: absolute;\n  top: 24px;\n  padding: 8px 16px;\n  background: rgba(0, 0, 0, 0.55);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  border-radius: 980px;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  z-index: 4;\n  pointer-events: none;\n}\n\n.spfb__ba-label--before { left: 24px; }\n.spfb__ba-label--after  {\n  right: 24px;\n  color: #F5E6B8;\n  border-color: rgba(201, 169, 97, 0.4);\n}\n\n.spfb__ba-handle {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 2px;\n  background: #ffffff;\n  z-index: 5;\n  transform: translateX(-50%);\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n  pointer-events: none;\n}\n\n.spfb__ba-handle-btn {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(255, 255, 255, 0.15);\n  cursor: ew-resize;\n  pointer-events: auto;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n\n.spfb__ba-handle-btn:hover { transform: translate(-50%, -50%) scale(1.08); }\n\n.spfb__ba-arrows {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  color: #1d1d1f;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1;\n  user-select: none;\n}\n\n@keyframes spfbHandlePulse {\n  0%, 100% { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(255, 255, 255, 0.15); }\n  50%      { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 12px rgba(201, 169, 97, 0.3); }\n}\n\n.spfb__ba-handle-btn.is-pulsing { animation: spfbHandlePulse 2.4s ease-in-out infinite; }\n\n\/* ============================================ *\/\n\/* ===== CTA \u2014 ghost link minimal           === *\/\n\/* ============================================ *\/\n.spfb__cta-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.spfb__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  background: transparent;\n  color: #ffffff !important;\n  padding: 0;\n  font-size: 17px;\n  font-weight: 500;\n  text-decoration: none !important;\n  transition: color 0.2s ease;\n  letter-spacing: -0.01em;\n  line-height: 1;\n}\n\n.spfb__btn:hover { color: #C9A961 !important; }\n\n.spfb__btn::after {\n  content: \"\\203A\";\n  font-size: 22px;\n  line-height: 1;\n  margin-left: 4px;\n  transition: transform 0.2s ease;\n  font-weight: 400;\n}\n\n.spfb__btn:hover::after { transform: translateX(4px); }\n\n\/* BG GLOW *\/\n.spfb::before {\n  content: \"\";\n  position: absolute;\n  top: 10%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 80%;\n  height: 60%;\n  background: radial-gradient(ellipse at 50% 30%, rgba(201, 169, 97, 0.08) 0%, rgba(0, 0, 0, 0) 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .spfb { padding: 100px 20px; }\n  .spfb__header { margin-bottom: 44px; }\n  .spfb__car { border-radius: 24px; margin-bottom: 28px; }\n  .spfb__picker { margin-bottom: 40px; gap: 18px; }\n  .spfb__price { margin-bottom: 56px; }\n  .spfb__ba { border-radius: 20px; margin-bottom: 40px; }\n}\n\n@media (max-width: 768px) {\n  .spfb { padding: 72px 20px; }\n  .spfb__header { margin-bottom: 32px; }\n\n  .spfb__eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    margin-bottom: 14px;\n  }\n\n  .spfb__subtitle { font-size: 15px; padding: 0 4px; }\n\n  .spfb__car {\n    border-radius: 18px;\n    margin-bottom: 20px;\n  }\n\n  .spfb__picker {\n    gap: 16px;\n    margin-bottom: 32px;\n  }\n\n  .spfb__dots { gap: 14px; padding: 12px 18px; }\n  .spfb__dot { width: 32px; height: 32px; }\n  .spfb__dot::after { inset: -5px; }\n\n  .spfb__info { min-height: 50px; }\n  .spfb__color-name { font-size: 26px; }\n  .spfb__color-finish { font-size: 12.5px; }\n\n  .spfb__price { margin-bottom: 44px; }\n  .spfb__price-amount { font-size: 30px; }\n\n  .spfb__ba { border-radius: 16px; margin-bottom: 32px; }\n  .spfb__ba-label {\n    top: 16px;\n    padding: 6px 12px;\n    font-size: 10px;\n    letter-spacing: 0.16em;\n  }\n  .spfb__ba-label--before { left: 16px; }\n  .spfb__ba-label--after  { right: 16px; }\n  .spfb__ba-handle-btn { width: 44px; height: 44px; }\n  .spfb__ba-arrows { font-size: 15px; }\n\n  .spfb__btn { font-size: 16px; }\n  .spfb__btn::after { font-size: 20px; }\n}\n\n@media (max-width: 480px) {\n  .spfb { padding: 56px 16px; }\n  .spfb__car { border-radius: 16px; margin-bottom: 18px; }\n  .spfb__dots { gap: 10px; padding: 10px 14px; }\n  .spfb__dot { width: 28px; height: 28px; }\n  .spfb__ba { border-radius: 14px; }\n}\n<\/style>\n\n<section class=\"spfb\">\n\n  <div class=\"spfb__header\">\n    <span class=\"spfb__eyebrow\">FULL BODY REPAINT<\/span>\n    <h2 class=\"spfb__title\">\n      Pilih warna,\n      <span class=\"spfb__title-accent\">lihat hasilnya.<\/span>\n    <\/h2>\n    <p class=\"spfb__subtitle\">\n      Customize warna mobil Anda dan lihat bagaimana tampilannya seketika.\n    <\/p>\n  <\/div>\n\n  <div class=\"spfb__showcase\">\n\n    <!-- Car image with color switcher -->\n    <div class=\"spfb__car\">\n      <img decoding=\"async\" class=\"spfb__car-img is-active\" data-color=\"red\"\n           src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png\"\n           alt=\"Full Body Repaint - Red\" loading=\"eager\" \/>\n      <img decoding=\"async\" class=\"spfb__car-img\" data-color=\"blue\"\n           src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_02_29-AM.png\"\n           alt=\"Full Body Repaint - Blue\" loading=\"eager\" \/>\n      <img decoding=\"async\" class=\"spfb__car-img\" data-color=\"white\"\n           src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_10_07-AM.png\"\n           alt=\"Full Body Repaint - White\" loading=\"eager\" \/>\n      <img decoding=\"async\" class=\"spfb__car-img\" data-color=\"black\"\n           src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_04_52-AM.png\"\n           alt=\"Full Body Repaint - Black\" loading=\"eager\" \/>\n      <img decoding=\"async\" class=\"spfb__car-img\" data-color=\"grey\"\n           src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_02_33-AM.png\"\n           alt=\"Full Body Repaint - Grey\" loading=\"eager\" \/>\n    <\/div>\n\n    <!-- Color picker -->\n    <div class=\"spfb__picker\">\n      <div class=\"spfb__dots\" role=\"tablist\" aria-label=\"Pilih warna mobil\">\n        <button class=\"spfb__dot spfb__dot--red is-active\"\n                data-color=\"red\" data-name=\"Crimson Red\" data-finish=\"Glossy Sport\"\n                aria-label=\"Crimson Red\" role=\"tab\"><\/button>\n        <button class=\"spfb__dot spfb__dot--blue\"\n                data-color=\"blue\" data-name=\"Midnight Blue\" data-finish=\"Glossy Sport\"\n                aria-label=\"Midnight Blue\" role=\"tab\"><\/button>\n        <button class=\"spfb__dot spfb__dot--white\"\n                data-color=\"white\" data-name=\"Pearl White\" data-finish=\"Premium Pearl\"\n                aria-label=\"Pearl White\" role=\"tab\"><\/button>\n        <button class=\"spfb__dot spfb__dot--black\"\n                data-color=\"black\" data-name=\"Obsidian Black\" data-finish=\"Glossy Premium\"\n                aria-label=\"Obsidian Black\" role=\"tab\"><\/button>\n        <button class=\"spfb__dot spfb__dot--grey\"\n                data-color=\"grey\" data-name=\"Titanium Grey\" data-finish=\"Matte Premium\"\n                aria-label=\"Titanium Grey\" role=\"tab\"><\/button>\n      <\/div>\n\n      <div class=\"spfb__info\">\n        <span class=\"spfb__color-name\" data-color-name>Crimson Red<\/span>\n        <span class=\"spfb__color-finish\" data-color-finish>Glossy Sport<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Price -->\n    <div class=\"spfb__price\">\n      <span class=\"spfb__price-label\">MULAI DARI<\/span>\n      <span class=\"spfb__price-amount\">Rp 12.500.000<\/span>\n    <\/div>\n\n    <!-- B\/A Slider (BMW) -->\n    <div class=\"spfb__ba\" id=\"spfbBASlider\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/bmw-putih.png\"\n           alt=\"Before - BMW warna putih original\"\n           class=\"spfb__ba-before\"\n           draggable=\"false\" \/>\n      <div class=\"spfb__ba-after-wrap\" id=\"spfbBAAfterWrap\">\n        <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/bmw-biru.png\"\n             alt=\"After - BMW warna biru setelah ganti warna\"\n             class=\"spfb__ba-after\"\n             draggable=\"false\" \/>\n      <\/div>\n      <div class=\"spfb__ba-label spfb__ba-label--before\">Before<\/div>\n      <div class=\"spfb__ba-label spfb__ba-label--after\">After<\/div>\n      <div class=\"spfb__ba-handle\" id=\"spfbBAHandle\">\n        <div class=\"spfb__ba-handle-btn is-pulsing\" id=\"spfbBAHandleBtn\">\n          <div class=\"spfb__ba-arrows\">\u2039 \u203a<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"spfb__cta-wrap\">\n      <a href=\"https:\/\/scutopaint.co.id\/full-body-repaint\/\" class=\"spfb__btn\">\n        Selengkapnya\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  \/* ===== COLOR PICKER ===== *\/\n  var dots = document.querySelectorAll('.spfb__dot');\n  var carImages = document.querySelectorAll('.spfb__car-img');\n  var nameEl = document.querySelector('[data-color-name]');\n  var finishEl = document.querySelector('[data-color-finish]');\n  var infoEl = document.querySelector('.spfb__info');\n\n  function switchColor(color, name, finish) {\n    carImages.forEach(function(img) {\n      if (img.dataset.color === color) img.classList.add('is-active');\n      else img.classList.remove('is-active');\n    });\n\n    dots.forEach(function(dot) {\n      if (dot.dataset.color === color) dot.classList.add('is-active');\n      else dot.classList.remove('is-active');\n    });\n\n    infoEl.style.opacity = '0';\n    setTimeout(function() {\n      nameEl.textContent = name;\n      finishEl.textContent = finish;\n      infoEl.style.opacity = '1';\n    }, 200);\n  }\n\n  dots.forEach(function(dot) {\n    dot.addEventListener('click', function() {\n      switchColor(dot.dataset.color, dot.dataset.name, dot.dataset.finish);\n    });\n  });\n\n  \/* ===== B\/A SLIDER ===== *\/\n  var slider = document.getElementById('spfbBASlider');\n  if (!slider) return;\n\n  var afterWrap = document.getElementById('spfbBAAfterWrap');\n  var handle    = document.getElementById('spfbBAHandle');\n  var handleBtn = document.getElementById('spfbBAHandleBtn');\n  var isDragging = false;\n\n  function setPosition(percent) {\n    percent = Math.max(0, Math.min(100, percent));\n    afterWrap.style.clipPath        = 'inset(0 0 0 ' + percent + '%)';\n    afterWrap.style.webkitClipPath  = 'inset(0 0 0 ' + percent + '%)';\n    handle.style.left = percent + '%';\n  }\n\n  function getPercentFromEvent(e) {\n    var rect = slider.getBoundingClientRect();\n    var clientX = e.touches ? e.touches[0].clientX : e.clientX;\n    var x = clientX - rect.left;\n    return (x \/ rect.width) * 100;\n  }\n\n  function startDrag(e) {\n    isDragging = true;\n    handleBtn.classList.remove('is-pulsing');\n    if (e.cancelable) e.preventDefault();\n  }\n\n  function onDrag(e) {\n    if (!isDragging) return;\n    var percent = getPercentFromEvent(e);\n    setPosition(percent);\n    if (e.cancelable) e.preventDefault();\n  }\n\n  function endDrag() { isDragging = false; }\n\n  handleBtn.addEventListener('mousedown', startDrag);\n  document.addEventListener('mousemove', onDrag);\n  document.addEventListener('mouseup', endDrag);\n\n  handleBtn.addEventListener('touchstart', startDrag, { passive: false });\n  document.addEventListener('touchmove', onDrag, { passive: false });\n  document.addEventListener('touchend', endDrag);\n\n  slider.addEventListener('click', function(e) {\n    if (e.target === handleBtn || handleBtn.contains(e.target)) return;\n    var percent = getPercentFromEvent(e);\n    setPosition(percent);\n    handleBtn.classList.remove('is-pulsing');\n  });\n\n  setPosition(50);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bcbd55 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7bcbd55\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-436204e\" data-id=\"436204e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bbbee32 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bbbee32\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-635257a\" data-id=\"635257a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-904f42f elementor-widget elementor-widget-html\" data-id=\"904f42f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT SECTION 4 V18                    -->\n<!-- B\/A slider + Diagram parts mobil + CTA      -->\n<!-- ============================================ -->\n\n<!-- Google Fonts: Inter -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== SCOPED RESET ===== *\/\n.spco-ba, .spco-ba * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ===== FULL-WIDTH BREAKOUT + BLACK BG ===== *\/\n.spco-ba {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  padding: 100px 24px 100px 24px;\n  overflow: hidden;\n  text-align: center;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.elementor-section:has(.spco-ba),\n.elementor-column:has(.spco-ba),\n.elementor-widget:has(.spco-ba) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* ===== EYEBROW ===== *\/\n.spco-ba__eyebrow {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #C9A961;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n\/* ===== HEADLINE ===== *\/\n.spco-ba__title {\n  font-size: clamp(40px, 6vw, 80px);\n  font-weight: 700;\n  letter-spacing: -0.028em;\n  line-height: 1.05;\n  color: #ffffff;\n  margin-bottom: 20px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spco-ba__title-line1 { display: block; color: #ffffff; }\n\n.spco-ba__title-line2 {\n  display: block;\n  font-style: italic;\n  background: linear-gradient(\n    100deg,\n    #C9A961 0%, #D4B872 20%, #F5E6B8 45%,\n    #FFFFFF 50%, #F5E6B8 55%, #D4B872 80%, #C9A961 100%\n  );\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spcoShine 5s ease-in-out infinite;\n  filter: drop-shadow(0 0 30px rgba(201, 169, 97, 0.35));\n}\n\n@keyframes spcoShine {\n  0%   { background-position: 200% 0; }\n  50%  { background-position: -50% 0; }\n  100% { background-position: -200% 0; }\n}\n\n\/* ===== SUBTITLE ===== *\/\n.spco-ba__subtitle {\n  font-size: clamp(18px, 1.5vw, 24px);\n  font-weight: 400;\n  line-height: 1.4;\n  color: #a1a1a6;\n  max-width: 700px;\n  margin: 0 auto 60px auto;\n}\n\n.spco-ba__price {\n  display: block;\n  margin-top: 8px;\n  color: #f5f5f7;\n  font-weight: 500;\n}\n\n\/* ===== SLIDER ===== *\/\n.spco-ba__slider {\n  position: relative;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto 64px auto;\n  border-radius: 24px;\n  overflow: hidden;\n  user-select: none;\n  -webkit-user-select: none;\n  cursor: ew-resize;\n  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\n  touch-action: none;\n  line-height: 0;\n}\n\n.spco-ba__img-before {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  pointer-events: none;\n}\n\n.spco-ba__img-after-wrap {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  pointer-events: none;\n  clip-path: inset(0 0 0 50%);\n  -webkit-clip-path: inset(0 0 0 50%);\n}\n\n.spco-ba__img-after {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n}\n\n\/* ===== LABELS ===== *\/\n.spco-ba__label {\n  position: absolute;\n  top: 24px;\n  padding: 8px 16px;\n  background: rgba(0, 0, 0, 0.55);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  border-radius: 980px;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  z-index: 4;\n  pointer-events: none;\n}\n\n.spco-ba__label--before { left: 24px; }\n.spco-ba__label--after  {\n  right: 24px;\n  color: #C9A961;\n  border-color: rgba(201, 169, 97, 0.3);\n}\n\n\/* ===== HANDLE ===== *\/\n.spco-ba__handle {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 2px;\n  background: #ffffff;\n  z-index: 5;\n  transform: translateX(-50%);\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n  pointer-events: none;\n}\n\n.spco-ba__handle-button {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4),\n              0 0 0 4px rgba(255, 255, 255, 0.15);\n  cursor: ew-resize;\n  pointer-events: auto;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n\n.spco-ba__handle-button:hover {\n  transform: translate(-50%, -50%) scale(1.08);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5),\n              0 0 0 6px rgba(255, 255, 255, 0.2);\n}\n\n.spco-ba__handle-arrows {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  color: #1d1d1f;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1;\n  user-select: none;\n}\n\n@keyframes spcoHandlePulse {\n  0%, 100% { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(255, 255, 255, 0.15); }\n  50%      { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 12px rgba(201, 169, 97, 0.25); }\n}\n\n.spco-ba__handle-button.is-pulsing {\n  animation: spcoHandlePulse 2.4s ease-in-out infinite;\n}\n\n\/* ============================================ *\/\n\/* ===== DIAGRAM PARTS (NEW)                === *\/\n\/* ============================================ *\/\n.spco-ba__parts {\n  max-width: 1280px;\n  margin: 0 auto 56px auto;\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: 56px;\n  align-items: center;\n  text-align: left;\n}\n\n.spco-ba__parts-img-wrap {\n  position: relative;\n  width: 100%;\n  border-radius: 24px;\n  overflow: hidden;\n  background: linear-gradient(180deg, #0e0e0e 0%, #050505 100%);\n  border: 1px solid rgba(255, 255, 255, 0.05);\n  line-height: 0;\n}\n\n.spco-ba__parts-img {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n}\n\n.spco-ba__parts-info {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.spco-ba__parts-eyebrow {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.22em;\n  color: #C9A961;\n  text-transform: uppercase;\n}\n\n.spco-ba__parts-title {\n  font-size: clamp(28px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.12;\n  color: #ffffff;\n}\n\n.spco-ba__parts-title-accent {\n  font-style: italic;\n  background: linear-gradient(\n    100deg,\n    #C9A961 0%, #D4B872 20%, #F5E6B8 45%,\n    #FFFFFF 50%, #F5E6B8 55%, #D4B872 80%, #C9A961 100%\n  );\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spcoShine 5s ease-in-out infinite;\n}\n\n.spco-ba__parts-desc {\n  font-size: clamp(15px, 1.15vw, 17px);\n  font-weight: 400;\n  line-height: 1.55;\n  color: #a1a1a6;\n}\n\n\/* ===== CTA MINIMALIS ===== *\/\n.spco-ba__cta-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.spco-ba__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  background: transparent;\n  color: #ffffff !important;\n  padding: 0;\n  font-size: 17px;\n  font-weight: 500;\n  text-decoration: none !important;\n  transition: color 0.2s ease;\n  letter-spacing: -0.01em;\n  line-height: 1;\n}\n\n.spco-ba__btn:hover { color: #C9A961 !important; }\n\n.spco-ba__btn::after {\n  content: \"\\203A\";\n  font-size: 22px;\n  line-height: 1;\n  margin-left: 4px;\n  transition: transform 0.2s ease;\n  font-weight: 400;\n}\n\n.spco-ba__btn:hover::after { transform: translateX(4px); }\n\n\/* ===== BG GLOW ===== *\/\n.spco-ba::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 70%;\n  height: 60%;\n  background: radial-gradient(ellipse at 50% 30%, rgba(201, 169, 97, 0.08) 0%, rgba(0, 0, 0, 0) 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.spco-ba > * { position: relative; z-index: 1; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .spco-ba { padding: 80px 20px 80px 20px; }\n  .spco-ba__subtitle { margin-bottom: 48px; }\n  .spco-ba__slider { border-radius: 20px; margin-bottom: 48px; }\n\n  .spco-ba__parts {\n    grid-template-columns: 1fr;\n    gap: 32px;\n    margin-bottom: 44px;\n    text-align: center;\n  }\n  .spco-ba__parts-info { gap: 16px; align-items: center; }\n  .spco-ba__parts-img-wrap { border-radius: 20px; }\n}\n\n@media (max-width: 768px) {\n  .spco-ba { padding: 60px 20px 60px 20px; }\n\n  .spco-ba__eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    margin-bottom: 14px;\n  }\n\n  .spco-ba__title {\n    font-size: clamp(32px, 9vw, 48px);\n    line-height: 1.08;\n    margin-bottom: 16px;\n  }\n\n  .spco-ba__subtitle {\n    font-size: 16px;\n    line-height: 1.45;\n    margin-bottom: 36px;\n    padding: 0 8px;\n  }\n\n  .spco-ba__slider {\n    border-radius: 16px;\n    margin-bottom: 40px;\n  }\n\n  .spco-ba__label {\n    top: 16px;\n    padding: 6px 12px;\n    font-size: 10px;\n    letter-spacing: 0.16em;\n  }\n  .spco-ba__label--before { left: 16px; }\n  .spco-ba__label--after  { right: 16px; }\n\n  .spco-ba__handle-button { width: 44px; height: 44px; }\n  .spco-ba__handle-arrows { font-size: 15px; }\n\n  .spco-ba__parts {\n    gap: 24px;\n    margin-bottom: 36px;\n  }\n  .spco-ba__parts-img-wrap { border-radius: 16px; }\n  .spco-ba__parts-eyebrow { font-size: 10.5px; letter-spacing: 0.2em; }\n  .spco-ba__parts-title { font-size: 26px; }\n  .spco-ba__parts-desc { font-size: 14.5px; padding: 0 4px; }\n\n  .spco-ba__btn { font-size: 16px; }\n  .spco-ba__btn::after { font-size: 20px; }\n}\n\n@media (max-width: 480px) {\n  .spco-ba { padding: 48px 16px 48px 16px; }\n  .spco-ba__slider { border-radius: 14px; }\n  .spco-ba__parts-img-wrap { border-radius: 14px; }\n}\n<\/style>\n\n<section class=\"spco-ba\">\n\n  <span class=\"spco-ba__eyebrow\">BODY REPAIR<\/span>\n\n  <h2 class=\"spco-ba__title\">\n    <span class=\"spco-ba__title-line1\">Lihat hasil<\/span>\n    <span class=\"spco-ba__title-line2\">transformasi.<\/span>\n  <\/h2>\n\n  <p class=\"spco-ba__subtitle\">\n    Geser slider untuk melihat perbedaan sebelum dan sesudah body repair.\n    Hasil sempurna seperti baru dari pabrikan.\n    <span class=\"spco-ba__price\">Mulai dari Rp 975.000,-<\/span>\n  <\/p>\n\n  <!-- B\/A Slider -->\n  <div class=\"spco-ba__slider\" id=\"spcoBASlider\">\n\n    <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/civic-putih-rusak.png\"\n         alt=\"Before - Civic putih rusak\"\n         class=\"spco-ba__img-before\"\n         draggable=\"false\" \/>\n\n    <div class=\"spco-ba__img-after-wrap\" id=\"spcoBAAfterWrap\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/civic-putih-bener.png\"\n           alt=\"After - Civic putih hasil repair\"\n           class=\"spco-ba__img-after\"\n           draggable=\"false\" \/>\n    <\/div>\n\n    <div class=\"spco-ba__label spco-ba__label--before\">Before<\/div>\n    <div class=\"spco-ba__label spco-ba__label--after\">After<\/div>\n\n    <div class=\"spco-ba__handle\" id=\"spcoBAHandle\">\n      <div class=\"spco-ba__handle-button is-pulsing\" id=\"spcoBAHandleBtn\">\n        <div class=\"spco-ba__handle-arrows\">\u2039 \u203a<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- ===== DIAGRAM PARTS MOBIL (NEW) ===== -->\n  <div class=\"spco-ba__parts\">\n\n    <div class=\"spco-ba__parts-img-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_35_36-AM.png\"\n           alt=\"Diagram bagian-bagian body mobil\"\n           class=\"spco-ba__parts-img\"\n           loading=\"lazy\" \/>\n    <\/div>\n\n    <div class=\"spco-ba__parts-info\">\n      <span class=\"spco-ba__parts-eyebrow\">ANATOMI BODY<\/span>\n      <h3 class=\"spco-ba__parts-title\">\n        Kenali setiap\n        <span class=\"spco-ba__parts-title-accent\">panel mobil.<\/span>\n      <\/h3>\n      <p class=\"spco-ba__parts-desc\">\n        Mulai dari Hood, Roof, Fender, hingga Quarter Panel \u2014 setiap bagian punya teknik perbaikan yang berbeda. Kami bantu Anda memahami area yang perlu dikerjakan beserta estimasi biayanya secara transparan.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"spco-ba__cta-wrap\">\n    <a href=\"https:\/\/scutopaint.co.id\/body-repair\/\" class=\"spco-ba__btn\">\n      Selengkapnya\n    <\/a>\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  var slider = document.getElementById('spcoBASlider');\n  if (!slider) return;\n\n  var afterWrap = document.getElementById('spcoBAAfterWrap');\n  var handle    = document.getElementById('spcoBAHandle');\n  var handleBtn = document.getElementById('spcoBAHandleBtn');\n\n  var isDragging = false;\n\n  function setPosition(percent) {\n    percent = Math.max(0, Math.min(100, percent));\n    afterWrap.style.clipPath        = 'inset(0 0 0 ' + percent + '%)';\n    afterWrap.style.webkitClipPath  = 'inset(0 0 0 ' + percent + '%)';\n    handle.style.left = percent + '%';\n  }\n\n  function getPercentFromEvent(e) {\n    var rect = slider.getBoundingClientRect();\n    var clientX = e.touches ? e.touches[0].clientX : e.clientX;\n    var x = clientX - rect.left;\n    return (x \/ rect.width) * 100;\n  }\n\n  function startDrag(e) {\n    isDragging = true;\n    handleBtn.classList.remove('is-pulsing');\n    if (e.cancelable) e.preventDefault();\n  }\n\n  function onDrag(e) {\n    if (!isDragging) return;\n    var percent = getPercentFromEvent(e);\n    setPosition(percent);\n    if (e.cancelable) e.preventDefault();\n  }\n\n  function endDrag() { isDragging = false; }\n\n  handleBtn.addEventListener('mousedown', startDrag);\n  document.addEventListener('mousemove', onDrag);\n  document.addEventListener('mouseup', endDrag);\n\n  handleBtn.addEventListener('touchstart', startDrag, { passive: false });\n  document.addEventListener('touchmove', onDrag, { passive: false });\n  document.addEventListener('touchend', endDrag);\n\n  slider.addEventListener('click', function(e) {\n    if (e.target === handleBtn || handleBtn.contains(e.target)) return;\n    var percent = getPercentFromEvent(e);\n    setPosition(percent);\n    handleBtn.classList.remove('is-pulsing');\n  });\n\n  setPosition(50);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9616ed0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9616ed0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c49fe84\" data-id=\"c49fe84\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2566d84 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2566d84\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a762e82\" data-id=\"a762e82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b485ac4 elementor-widget elementor-widget-html\" data-id=\"b485ac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT SECTION 6 V20                    -->\n<!-- Produk Lainnya - links updated, PDR new img  -->\n<!-- Apple-style dark + ORANGE accent            -->\n<!-- ============================================ -->\n\n<!-- Google Fonts: Inter -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== SCOPED RESET ===== *\/\n.spco-prod, .spco-prod * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ===== FULL-WIDTH BREAKOUT + BLACK BG ===== *\/\n.spco-prod {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  padding: 100px 24px 100px 24px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.elementor-section:has(.spco-prod),\n.elementor-column:has(.spco-prod),\n.elementor-widget:has(.spco-prod) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* ===== HEADER ===== *\/\n.spco-prod__header {\n  text-align: center;\n  margin-bottom: 60px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spco-prod__eyebrow {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #FF9F0A;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n.spco-prod__title {\n  font-size: clamp(40px, 5.5vw, 72px);\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  line-height: 1.05;\n  color: #ffffff;\n  margin-bottom: 16px;\n}\n\n.spco-prod__title-accent {\n  font-style: italic;\n  background: linear-gradient(\n    100deg,\n    #FF9F0A 0%,\n    #FFB340 20%,\n    #FFD89C 45%,\n    #FFFFFF 50%,\n    #FFD89C 55%,\n    #FFB340 80%,\n    #FF9F0A 100%\n  );\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spcoShineOrange 5s ease-in-out infinite;\n  filter: drop-shadow(0 0 30px rgba(255, 159, 10, 0.35));\n}\n\n@keyframes spcoShineOrange {\n  0%   { background-position: 200% 0; }\n  50%  { background-position: -50% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.spco-prod__subtitle {\n  font-size: clamp(17px, 1.3vw, 21px);\n  font-weight: 400;\n  line-height: 1.4;\n  color: #a1a1a6;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* ===== GRID ===== *\/\n.spco-prod__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* ===== CARD ===== *\/\n.spco-prod__card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: #1a1a1a;\n  border-radius: 22px;\n  overflow: hidden;\n  padding: 32px 24px 28px 24px;\n  text-decoration: none !important;\n  color: #ffffff !important;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  min-height: 380px;\n  cursor: pointer;\n}\n\n.spco-prod__card:hover {\n  transform: translateY(-4px);\n  background: #1f1f1f;\n  border-color: rgba(255, 159, 10, 0.25);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),\n              0 0 0 1px rgba(255, 159, 10, 0.15);\n}\n\n\/* ===== CARD IMAGE ===== *\/\n.spco-prod__card-img-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 200px;\n  margin-bottom: 20px;\n  position: relative;\n}\n\n.spco-prod__card-img {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.spco-prod__card:hover .spco-prod__card-img {\n  transform: scale(1.05);\n}\n\n\/* ===== CARD CONTENT ===== *\/\n.spco-prod__card-content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  text-align: center;\n}\n\n.spco-prod__card-title {\n  font-size: 19px;\n  font-weight: 600;\n  letter-spacing: -0.015em;\n  color: #ffffff;\n  margin-bottom: 6px;\n  line-height: 1.2;\n}\n\n.spco-prod__card-desc {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: #a1a1a6;\n  margin-bottom: 16px;\n  flex: 1;\n}\n\n\/* ===== CARD CTA ===== *\/\n.spco-prod__card-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  color: #FF9F0A;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: auto;\n  transition: gap 0.2s ease;\n}\n\n.spco-prod__card-cta::after {\n  content: \"\\203A\";\n  font-size: 18px;\n  line-height: 1;\n  margin-left: 2px;\n  transition: transform 0.2s ease;\n}\n\n.spco-prod__card:hover .spco-prod__card-cta { color: #FFB340; }\n.spco-prod__card:hover .spco-prod__card-cta::after { transform: translateX(4px); }\n\n\/* ===== BG GLOW ===== *\/\n.spco-prod::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 70%;\n  height: 50%;\n  background: radial-gradient(ellipse at 50% 30%, rgba(255, 159, 10, 0.08) 0%, rgba(0, 0, 0, 0) 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.spco-prod > * { position: relative; z-index: 1; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .spco-prod { padding: 80px 20px 80px 20px; }\n  .spco-prod__header { margin-bottom: 48px; }\n  .spco-prod__grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n  }\n  .spco-prod__card { min-height: 360px; }\n}\n\n@media (max-width: 768px) {\n  .spco-prod { padding: 60px 0 60px 0; }\n  .spco-prod__header { padding: 0 20px; margin-bottom: 36px; }\n\n  .spco-prod__eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    margin-bottom: 14px;\n  }\n\n  .spco-prod__title {\n    font-size: clamp(32px, 9vw, 48px);\n    line-height: 1.08;\n    margin-bottom: 14px;\n  }\n\n  .spco-prod__subtitle { font-size: 15px; line-height: 1.45; padding: 0 4px; }\n\n  .spco-prod__grid {\n    display: flex;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    gap: 12px;\n    padding: 0 20px;\n    grid-template-columns: none;\n  }\n\n  .spco-prod__grid::-webkit-scrollbar { display: none; }\n\n  .spco-prod__card {\n    flex: 0 0 78%;\n    max-width: 320px;\n    scroll-snap-align: start;\n    min-height: 340px;\n    padding: 24px 20px;\n  }\n\n  .spco-prod__card-img-wrap { height: 160px; margin-bottom: 16px; }\n  .spco-prod__card-title { font-size: 17px; }\n  .spco-prod__card-desc { font-size: 13.5px; }\n  .spco-prod__card-cta { font-size: 13.5px; }\n}\n\n@media (max-width: 480px) {\n  .spco-prod { padding: 48px 0 48px 0; }\n  .spco-prod__header { padding: 0 16px; }\n  .spco-prod__grid { padding: 0 16px; }\n  .spco-prod__card { flex: 0 0 82%; min-height: 320px; }\n}\n<\/style>\n\n<section class=\"spco-prod\">\n\n  <!-- HEADER -->\n  <div class=\"spco-prod__header\">\n    <span class=\"spco-prod__eyebrow\">PRODUK LAINNYA<\/span>\n    <h2 class=\"spco-prod__title\">\n      Lebih dari sekadar\n      <span class=\"spco-prod__title-accent\">cat ulang.<\/span>\n    <\/h2>\n    <p class=\"spco-prod__subtitle\">\n      Lengkapi kebutuhan mobil Anda dengan layanan tambahan dari Scuto Paint.\n    <\/p>\n  <\/div>\n\n  <!-- GRID 4 CARDS -->\n  <div class=\"spco-prod__grid\">\n\n    <!-- 1. Rust Protection (Anti Karat) -->\n    <a href=\"https:\/\/scutopaint.co.id\/anti-karat\/\" class=\"spco-prod__card\">\n      <div class=\"spco-prod__card-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/rust-protection-scuto_1400x1400.png\"\n             alt=\"Rust Protection - Anti Karat\"\n             class=\"spco-prod__card-img\"\n             loading=\"lazy\" \/>\n      <\/div>\n      <div class=\"spco-prod__card-content\">\n        <h3 class=\"spco-prod__card-title\">Rust Protection<\/h3>\n        <p class=\"spco-prod__card-desc\">Anti karat berkualitas untuk lindungi body mobil dari korosi.<\/p>\n        <span class=\"spco-prod__card-cta\">Pelajari<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- 2. PDR \/ Ketok Xpress -->\n    <a href=\"https:\/\/scutopaint.co.id\/ketok-xpress-2\/\" class=\"spco-prod__card\">\n      <div class=\"spco-prod__card-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/123xa13-968x1024-1.jpg\"\n             alt=\"PDR - Paintless Dent Repair \/ Ketok Xpress\"\n             class=\"spco-prod__card-img\"\n             loading=\"lazy\" \/>\n      <\/div>\n      <div class=\"spco-prod__card-content\">\n        <h3 class=\"spco-prod__card-title\">PDR<\/h3>\n        <p class=\"spco-prod__card-desc\">Perbaikan penyok tanpa cat ulang, hasil cepat dan presisi.<\/p>\n        <span class=\"spco-prod__card-cta\">Pelajari<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- 3. Spot Repair -->\n    <a href=\"https:\/\/scutopaint.co.id\/spot-repair\/\" class=\"spco-prod__card\">\n      <div class=\"spco-prod__card-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ScutoPaint-spot-repair_1400x1400.png\"\n             alt=\"Spot Repair - Perbaikan Titik\"\n             class=\"spco-prod__card-img\"\n             loading=\"lazy\" \/>\n      <\/div>\n      <div class=\"spco-prod__card-content\">\n        <h3 class=\"spco-prod__card-title\">Spot Repair<\/h3>\n        <p class=\"spco-prod__card-desc\">Perbaikan lecet kecil dengan teknik presisi, tanpa cat panel penuh.<\/p>\n        <span class=\"spco-prod__card-cta\">Pelajari<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- 4. Poles Body Mobil -->\n    <a href=\"https:\/\/scutopaint.co.id\/poles-body\/\" class=\"spco-prod__card\">\n      <div class=\"spco-prod__card-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ScutoPaint-poles_1400x1400.png\"\n             alt=\"Poles Body Mobil\"\n             class=\"spco-prod__card-img\"\n             loading=\"lazy\" \/>\n      <\/div>\n      <div class=\"spco-prod__card-content\">\n        <h3 class=\"spco-prod__card-title\">Poles Body Mobil<\/h3>\n        <p class=\"spco-prod__card-desc\">Kembalikan kilap cat mobil seperti baru dengan poles profesional.<\/p>\n        <span class=\"spco-prod__card-cta\">Pelajari<\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e7cd33c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e7cd33c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f131f96\" data-id=\"f131f96\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1acad44 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1acad44\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d777cee\" data-id=\"d777cee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58e5395 elementor-widget elementor-widget-html\" data-id=\"58e5395\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT SECTION 7 V22                    -->\n<!-- Portfolio - COMPACT mobile (no empty space) -->\n<!-- ============================================ -->\n\n<!-- Google Fonts: Inter -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== SCOPED RESET ===== *\/\n.spco-port, .spco-port * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ===== FULL-WIDTH BREAKOUT + BLACK BG ===== *\/\n.spco-port {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  padding: 100px 24px 100px 24px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.elementor-section:has(.spco-port),\n.elementor-column:has(.spco-port),\n.elementor-widget:has(.spco-port) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* ===== HEADER ===== *\/\n.spco-port__header {\n  text-align: center;\n  margin-bottom: 60px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spco-port__eyebrow {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #C9A961;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n.spco-port__title {\n  font-size: clamp(40px, 5.5vw, 72px);\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  line-height: 1.05;\n  color: #ffffff;\n  margin-bottom: 16px;\n}\n\n.spco-port__title-accent {\n  font-style: italic;\n  background: linear-gradient(\n    100deg,\n    #C9A961 0%, #D4B872 20%, #F5E6B8 45%,\n    #FFFFFF 50%, #F5E6B8 55%, #D4B872 80%, #C9A961 100%\n  );\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spcoShine 5s ease-in-out infinite;\n  filter: drop-shadow(0 0 30px rgba(201, 169, 97, 0.35));\n}\n\n@keyframes spcoShine {\n  0%   { background-position: 200% 0; }\n  50%  { background-position: -50% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.spco-port__subtitle {\n  font-size: clamp(17px, 1.3vw, 21px);\n  font-weight: 400;\n  line-height: 1.4;\n  color: #a1a1a6;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* ===== GRID ===== *\/\n.spco-port__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n  max-width: 1280px;\n  margin: 0 auto 60px auto;\n}\n\n\/* ===== CARD (desktop default 9\/16) ===== *\/\n.spco-port__card {\n  position: relative;\n  display: block;\n  border-radius: 20px;\n  overflow: hidden;\n  text-decoration: none !important;\n  background: #1a1a1a;\n  aspect-ratio: 9 \/ 16;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  cursor: pointer;\n}\n\n.spco-port__card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(201, 169, 97, 0.3);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5),\n              0 0 0 1px rgba(201, 169, 97, 0.2);\n}\n\n.spco-port__card-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.spco-port__card:hover .spco-port__card-img {\n  transform: scale(1.05);\n}\n\n\/* ===== OVERLAY (text readability) ===== *\/\n.spco-port__card-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0.4) 0%,\n    rgba(0, 0, 0, 0) 25%,\n    rgba(0, 0, 0, 0) 50%,\n    rgba(0, 0, 0, 0.85) 100%\n  );\n  pointer-events: none;\n  z-index: 2;\n}\n\n\/* ===== INSTAGRAM ICON ===== *\/\n.spco-port__ig-icon {\n  position: absolute;\n  top: 14px;\n  right: 14px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 3;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  transition: all 0.2s ease;\n}\n\n.spco-port__card:hover .spco-port__ig-icon {\n  background: rgba(201, 169, 97, 0.9);\n  border-color: rgba(255, 255, 255, 0.3);\n  transform: scale(1.1);\n}\n\n.spco-port__ig-icon svg {\n  width: 18px;\n  height: 18px;\n  fill: #ffffff;\n}\n\n\/* ===== CARD INFO (overlay on image bottom) ===== *\/\n.spco-port__card-info {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 18px 16px 14px 16px;\n  z-index: 3;\n}\n\n.spco-port__card-tag {\n  display: inline-block;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.22em;\n  color: #C9A961;\n  text-transform: uppercase;\n  margin-bottom: 4px;\n}\n\n.spco-port__card-title {\n  font-size: 17px;\n  font-weight: 600;\n  color: #ffffff;\n  letter-spacing: -0.015em;\n  line-height: 1.2;\n}\n\n\/* ===== CTA ===== *\/\n.spco-port__cta-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.spco-port__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: transparent;\n  color: #ffffff !important;\n  padding: 0;\n  font-size: 17px;\n  font-weight: 500;\n  text-decoration: none !important;\n  transition: color 0.2s ease;\n  letter-spacing: -0.01em;\n  line-height: 1;\n}\n\n.spco-port__btn:hover { color: #C9A961 !important; }\n\n.spco-port__btn-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n}\n\n.spco-port__btn-icon svg {\n  width: 20px;\n  height: 20px;\n  fill: currentColor;\n}\n\n.spco-port__btn::after {\n  content: \"\\203A\";\n  font-size: 22px;\n  line-height: 1;\n  margin-left: 4px;\n  transition: transform 0.2s ease;\n  font-weight: 400;\n}\n\n.spco-port__btn:hover::after { transform: translateX(4px); }\n\n\/* ===== BG GLOW ===== *\/\n.spco-port::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 70%;\n  height: 50%;\n  background: radial-gradient(ellipse at 50% 30%, rgba(201, 169, 97, 0.08) 0%, rgba(0, 0, 0, 0) 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.spco-port > * { position: relative; z-index: 1; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .spco-port { padding: 80px 20px 80px 20px; }\n  .spco-port__header { margin-bottom: 48px; }\n  .spco-port__grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n    margin-bottom: 48px;\n  }\n  \/* Tablet: balance aspect \u2014 keep portrait but less tall *\/\n  .spco-port__card { aspect-ratio: 3 \/ 4; }\n}\n\n\/* ============================================ *\/\n\/* ===== MOBILE \u2014 COMPACT 2x2 (3:4 aspect) ===== *\/\n\/* ============================================ *\/\n@media (max-width: 768px) {\n  .spco-port { padding: 60px 20px 60px 20px; }\n\n  .spco-port__header { margin-bottom: 36px; }\n\n  .spco-port__eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    margin-bottom: 14px;\n  }\n\n  .spco-port__title {\n    font-size: clamp(32px, 9vw, 48px);\n    line-height: 1.08;\n    margin-bottom: 14px;\n  }\n\n  .spco-port__subtitle {\n    font-size: 15px;\n    line-height: 1.45;\n  }\n\n  .spco-port__grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-bottom: 36px;\n  }\n\n  \/* Card aspect more compact \u2014 3:4 (less tall = less empty space) *\/\n  .spco-port__card {\n    aspect-ratio: 3 \/ 4;\n    border-radius: 16px;\n  }\n\n  \/* Info more compact, tighter padding *\/\n  .spco-port__card-info {\n    padding: 12px 12px 12px 12px;\n  }\n  .spco-port__card-tag {\n    font-size: 9px;\n    letter-spacing: 0.2em;\n    margin-bottom: 2px;\n  }\n  .spco-port__card-title {\n    font-size: 14px;\n    line-height: 1.15;\n  }\n\n  \/* Stronger bottom gradient (so text reads on any image) *\/\n  .spco-port__card-overlay {\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.35) 0%,\n      rgba(0, 0, 0, 0) 25%,\n      rgba(0, 0, 0, 0) 45%,\n      rgba(0, 0, 0, 0.9) 100%\n    );\n  }\n\n  .spco-port__ig-icon {\n    width: 30px;\n    height: 30px;\n    top: 10px;\n    right: 10px;\n  }\n  .spco-port__ig-icon svg { width: 14px; height: 14px; }\n\n  .spco-port__btn { font-size: 16px; }\n  .spco-port__btn::after { font-size: 20px; }\n}\n\n@media (max-width: 480px) {\n  .spco-port { padding: 48px 16px 48px 16px; }\n  .spco-port__grid { gap: 8px; }\n  .spco-port__card {\n    aspect-ratio: 3 \/ 4;\n    border-radius: 14px;\n  }\n  .spco-port__card-info { padding: 10px 10px 10px 10px; }\n  .spco-port__card-title { font-size: 13px; }\n  .spco-port__card-tag { font-size: 8.5px; }\n  .spco-port__ig-icon { width: 26px; height: 26px; top: 8px; right: 8px; }\n  .spco-port__ig-icon svg { width: 12px; height: 12px; }\n}\n<\/style>\n\n<section class=\"spco-port\">\n\n  <div class=\"spco-port__header\">\n    <span class=\"spco-port__eyebrow\">PORTFOLIO<\/span>\n    <h2 class=\"spco-port__title\">\n      Karya yang\n      <span class=\"spco-port__title-accent\">berbicara.<\/span>\n    <\/h2>\n    <p class=\"spco-port__subtitle\">\n      Dari selebriti hingga supercar \u2014 saksikan transformasi setiap proyek di Instagram kami.\n    <\/p>\n  <\/div>\n\n  <div class=\"spco-port__grid\">\n\n    <!-- 1. Sintia Marisca -->\n    <a href=\"https:\/\/www.instagram.com\/reels\/Ct_MHXKx4vk\/\" class=\"spco-port__card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/sintia-marisca.png\"\n           alt=\"Sintia Marisca - Scuto Paint\" class=\"spco-port__card-img\" loading=\"lazy\" \/>\n      <div class=\"spco-port__card-overlay\"><\/div>\n      <div class=\"spco-port__ig-icon\" aria-label=\"View on Instagram\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"spco-port__card-info\">\n        <span class=\"spco-port__card-tag\">SELEBRITI<\/span>\n        <h3 class=\"spco-port__card-title\">Sintia Marisca<\/h3>\n      <\/div>\n    <\/a>\n\n    <!-- 2. Angela Lee -->\n    <a href=\"https:\/\/www.instagram.com\/reels\/Cb87Y5ipCOc\/\" class=\"spco-port__card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/angela-lee-scutopaint.png\"\n           alt=\"Angela Lee - Scuto Paint\" class=\"spco-port__card-img\" loading=\"lazy\" \/>\n      <div class=\"spco-port__card-overlay\"><\/div>\n      <div class=\"spco-port__ig-icon\" aria-label=\"View on Instagram\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"spco-port__card-info\">\n        <span class=\"spco-port__card-tag\">SELEBRITI<\/span>\n        <h3 class=\"spco-port__card-title\">Angela Lee<\/h3>\n      <\/div>\n    <\/a>\n\n    <!-- 3. Porsche Cayman -->\n    <a href=\"https:\/\/www.instagram.com\/reels\/DEPYT4PvrC-\/\" class=\"spco-port__card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/porsche-cayman-scutopaint.png\"\n           alt=\"Porsche Cayman - Scuto Paint\" class=\"spco-port__card-img\" loading=\"lazy\" \/>\n      <div class=\"spco-port__card-overlay\"><\/div>\n      <div class=\"spco-port__ig-icon\" aria-label=\"View on Instagram\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"spco-port__card-info\">\n        <span class=\"spco-port__card-tag\">SUPERCAR<\/span>\n        <h3 class=\"spco-port__card-title\">Porsche Cayman<\/h3>\n      <\/div>\n    <\/a>\n\n    <!-- 4. Porsche Panamera -->\n    <a href=\"https:\/\/www.instagram.com\/reels\/Cvbwei3J13Y\/\" class=\"spco-port__card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/porsche-panamera.png\"\n           alt=\"Porsche Panamera - Scuto Paint\" class=\"spco-port__card-img\" loading=\"lazy\" \/>\n      <div class=\"spco-port__card-overlay\"><\/div>\n      <div class=\"spco-port__ig-icon\" aria-label=\"View on Instagram\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"spco-port__card-info\">\n        <span class=\"spco-port__card-tag\">SUPERCAR<\/span>\n        <h3 class=\"spco-port__card-title\">Porsche Panamera<\/h3>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <div class=\"spco-port__cta-wrap\">\n    <a href=\"https:\/\/www.instagram.com\/scutopaint.id\/\" class=\"spco-port__btn\" target=\"_blank\" rel=\"noopener\">\n      <span class=\"spco-port__btn-icon\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n        <\/svg>\n      <\/span>\n      Portfolio lainnya\n    <\/a>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-231aae9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"231aae9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1461481\" data-id=\"1461481\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-82b7144 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"82b7144\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c9b594\" data-id=\"5c9b594\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d9023d elementor-widget elementor-widget-html\" data-id=\"2d9023d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT SECTION 8 V25                    -->\n<!-- Kemitraan - Shiny logos, no badge           -->\n<!-- ============================================ -->\n\n<!-- Google Fonts: Inter -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== SCOPED RESET ===== *\/\n.spco-mit, .spco-mit * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ===== FULL-WIDTH BREAKOUT + BLACK BG ===== *\/\n.spco-mit {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  padding: 100px 24px 100px 24px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.elementor-section:has(.spco-mit),\n.elementor-column:has(.spco-mit),\n.elementor-widget:has(.spco-mit) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* ===== HEADER ===== *\/\n.spco-mit__header {\n  text-align: center;\n  margin-bottom: 60px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spco-mit__eyebrow {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #C9A961;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n.spco-mit__title {\n  font-size: clamp(40px, 5.5vw, 72px);\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  line-height: 1.05;\n  color: #ffffff;\n  margin-bottom: 20px;\n}\n\n.spco-mit__title-accent {\n  font-style: italic;\n  background: linear-gradient(\n    100deg,\n    #C9A961 0%, #D4B872 20%, #F5E6B8 45%,\n    #FFFFFF 50%, #F5E6B8 55%, #D4B872 80%, #C9A961 100%\n  );\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spcoShine 5s ease-in-out infinite;\n  filter: drop-shadow(0 0 30px rgba(201, 169, 97, 0.35));\n}\n\n@keyframes spcoShine {\n  0%   { background-position: 200% 0; }\n  50%  { background-position: -50% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.spco-mit__subtitle {\n  font-size: clamp(17px, 1.3vw, 21px);\n  font-weight: 400;\n  line-height: 1.4;\n  color: #a1a1a6;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n\/* ============================================ *\/\n\/* ===== SCUTO GROUP CARDS                   === *\/\n\/* ============================================ *\/\n.spco-mit__group {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  max-width: 1280px;\n  margin: 0 auto 60px auto;\n}\n\n.spco-mit__brand {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding: 40px 28px 32px 28px;\n  background: linear-gradient(180deg, #1a1a1a 0%, #131313 100%);\n  border-radius: 22px;\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  text-decoration: none !important;\n  color: #ffffff !important;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  min-height: 320px;\n  text-align: center;\n  overflow: hidden;\n}\n\na.spco-mit__brand:hover {\n  transform: translateY(-4px);\n  border-color: rgba(201, 169, 97, 0.3);\n  background: linear-gradient(180deg, #1f1f1f 0%, #181818 100%);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),\n              0 0 0 1px rgba(201, 169, 97, 0.15);\n}\n\n\/* ===== LOGO WRAP + SHINE EFFECT ===== *\/\n.spco-mit__brand-logo-wrap {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 80px;\n  margin-bottom: 24px;\n  width: 100%;\n  overflow: hidden;\n}\n\n.spco-mit__brand-logo {\n  position: relative;\n  z-index: 1;\n  max-height: 100%;\n  max-width: 200px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  opacity: 0.95;\n  transition: opacity 0.3s ease;\n}\n\n.spco-mit__brand-logo--invert {\n  filter: brightness(0) invert(1);\n}\n\na.spco-mit__brand:hover .spco-mit__brand-logo { opacity: 1; }\n\n\/* Shiny sweep overlay across logo *\/\n.spco-mit__brand-logo-wrap::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 80%;\n  height: 100%;\n  background: linear-gradient(\n    100deg,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0) 40%,\n    rgba(255, 255, 255, 0.45) 50%,\n    rgba(255, 255, 255, 0) 60%,\n    rgba(255, 255, 255, 0) 100%\n  );\n  z-index: 2;\n  pointer-events: none;\n  animation: spcoLogoShine 4.5s ease-in-out infinite;\n  mix-blend-mode: overlay;\n}\n\n@keyframes spcoLogoShine {\n  0%   { left: -100%; }\n  60%  { left: -100%; }\n  85%  { left: 130%; }\n  100% { left: 130%; }\n}\n\n\/* Stagger animation per card so they don't all shine at once *\/\n.spco-mit__brand:nth-child(1) .spco-mit__brand-logo-wrap::after {\n  animation-delay: 0s;\n}\n.spco-mit__brand:nth-child(2) .spco-mit__brand-logo-wrap::after {\n  animation-delay: 1.5s;\n}\n.spco-mit__brand:nth-child(3) .spco-mit__brand-logo-wrap::after {\n  animation-delay: 3s;\n}\n\n.spco-mit__brand-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  margin-bottom: 16px;\n}\n\n.spco-mit__brand-stat-num {\n  font-size: clamp(40px, 4.5vw, 56px);\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.03em;\n  background: linear-gradient(135deg, #C9A961 0%, #F5E6B8 50%, #C9A961 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n}\n\n.spco-mit__brand-stat-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: #a1a1a6;\n  letter-spacing: 0.04em;\n}\n\n.spco-mit__brand-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #C9A961;\n  letter-spacing: -0.01em;\n  transition: gap 0.2s ease;\n}\n\n.spco-mit__brand-link::after {\n  content: \"\\203A\";\n  font-size: 18px;\n  line-height: 1;\n  margin-left: 2px;\n  transition: transform 0.2s ease;\n}\n\na.spco-mit__brand:hover .spco-mit__brand-link::after {\n  transform: translateX(4px);\n}\n\n\/* Current brand subtle tint (NO badge) *\/\n.spco-mit__brand--current {\n  background: linear-gradient(180deg, #1f1a12 0%, #15110a 100%);\n  border-color: rgba(201, 169, 97, 0.25);\n}\n\n\/* ============================================ *\/\n\/* ===== GALLERY                             === *\/\n\/* ============================================ *\/\n.spco-mit__gallery {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n  max-width: 1280px;\n  margin: 0 auto 60px auto;\n}\n\n.spco-mit__gallery-item {\n  position: relative;\n  aspect-ratio: 1 \/ 1;\n  border-radius: 16px;\n  overflow: hidden;\n  background: #1a1a1a;\n  border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.spco-mit__gallery-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.spco-mit__gallery-item:hover .spco-mit__gallery-img {\n  transform: scale(1.05);\n}\n\n\/* ===== CTA ===== *\/\n.spco-mit__cta-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.spco-mit__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  background: transparent;\n  color: #ffffff !important;\n  padding: 0;\n  font-size: 17px;\n  font-weight: 500;\n  text-decoration: none !important;\n  transition: color 0.2s ease;\n  letter-spacing: -0.01em;\n  line-height: 1;\n}\n\n.spco-mit__btn:hover { color: #C9A961 !important; }\n\n.spco-mit__btn::after {\n  content: \"\\203A\";\n  font-size: 22px;\n  line-height: 1;\n  margin-left: 4px;\n  transition: transform 0.2s ease;\n  font-weight: 400;\n}\n\n.spco-mit__btn:hover::after { transform: translateX(4px); }\n\n\/* ===== BG GLOW ===== *\/\n.spco-mit::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 70%;\n  height: 50%;\n  background: radial-gradient(ellipse at 50% 30%, rgba(201, 169, 97, 0.08) 0%, rgba(0, 0, 0, 0) 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.spco-mit > * { position: relative; z-index: 1; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .spco-mit { padding: 80px 20px 80px 20px; }\n  .spco-mit__header { margin-bottom: 48px; }\n\n  .spco-mit__group {\n    grid-template-columns: 1fr;\n    gap: 14px;\n    margin-bottom: 48px;\n  }\n  .spco-mit__brand { min-height: 280px; padding: 36px 24px 28px 24px; }\n  .spco-mit__brand-logo-wrap { height: 70px; margin-bottom: 20px; }\n\n  .spco-mit__gallery {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-bottom: 48px;\n  }\n}\n\n@media (max-width: 768px) {\n  .spco-mit { padding: 60px 20px 60px 20px; }\n\n  .spco-mit__header { margin-bottom: 36px; }\n\n  .spco-mit__eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    margin-bottom: 14px;\n  }\n\n  .spco-mit__title {\n    font-size: clamp(32px, 9vw, 48px);\n    line-height: 1.08;\n    margin-bottom: 16px;\n  }\n\n  .spco-mit__subtitle {\n    font-size: 15px;\n    line-height: 1.45;\n    padding: 0 4px;\n  }\n\n  .spco-mit__group { gap: 12px; margin-bottom: 36px; }\n  .spco-mit__brand {\n    min-height: 240px;\n    padding: 32px 20px 24px 20px;\n    border-radius: 18px;\n  }\n  .spco-mit__brand-logo-wrap { height: 60px; margin-bottom: 18px; }\n  .spco-mit__brand-logo { max-width: 160px; }\n  .spco-mit__brand-stat-num { font-size: 44px; }\n  .spco-mit__brand-stat-label { font-size: 12px; }\n  .spco-mit__brand-link { font-size: 13.5px; }\n\n  .spco-mit__gallery {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n    margin-bottom: 36px;\n  }\n  .spco-mit__gallery-item { border-radius: 14px; }\n\n  .spco-mit__btn { font-size: 16px; }\n  .spco-mit__btn::after { font-size: 20px; }\n}\n\n@media (max-width: 480px) {\n  .spco-mit { padding: 48px 16px 48px 16px; }\n  .spco-mit__brand-stat-num { font-size: 40px; }\n  .spco-mit__gallery { gap: 6px; }\n  .spco-mit__gallery-item { border-radius: 12px; }\n}\n<\/style>\n\n<section class=\"spco-mit\">\n\n  <!-- HEADER -->\n  <div class=\"spco-mit__header\">\n    <span class=\"spco-mit__eyebrow\">KEMITRAAN<\/span>\n    <h2 class=\"spco-mit__title\">\n      Bersama Scuto Group,\n      <span class=\"spco-mit__title-accent\">tumbuh bersama.<\/span>\n    <\/h2>\n    <p class=\"spco-mit__subtitle\">\n      Bergabung dengan ekosistem otomotif terbesar di Indonesia. Lebih dari 240+ cabang di seluruh Nusantara.\n    <\/p>\n  <\/div>\n\n  <!-- 3 BRAND CARDS -->\n  <div class=\"spco-mit__group\">\n\n    <!-- 1. Scuto Nano Coating -->\n    <a href=\"https:\/\/scuto.co.id\" class=\"spco-mit__brand\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"spco-mit__brand-logo-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/New-Logo-Scuto-Hitam-Vertical-Resolusi-Kecil-min2.png\"\n             alt=\"Scuto Nano Coating\"\n             class=\"spco-mit__brand-logo spco-mit__brand-logo--invert\" \/>\n      <\/div>\n      <div class=\"spco-mit__brand-stat\">\n        <span class=\"spco-mit__brand-stat-num\">160+<\/span>\n        <span class=\"spco-mit__brand-stat-label\">Cabang Nano Coating<\/span>\n      <\/div>\n      <span class=\"spco-mit__brand-link\">Kunjungi Website<\/span>\n    <\/a>\n\n    <!-- 2. ScutoPaint (current, no link, no badge) -->\n    <div class=\"spco-mit__brand spco-mit__brand--current\">\n      <div class=\"spco-mit__brand-logo-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/Logo-Scuto-Paint-Horizontal-B2lack23.png\"\n             alt=\"Scuto Paint\"\n             class=\"spco-mit__brand-logo spco-mit__brand-logo--invert\" \/>\n      <\/div>\n      <div class=\"spco-mit__brand-stat\">\n        <span class=\"spco-mit__brand-stat-num\">14+<\/span>\n        <span class=\"spco-mit__brand-stat-label\">Cabang Body Repair<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 3. SCT (red original) -->\n    <a href=\"https:\/\/www.sctindonesia.com\" class=\"spco-mit__brand\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"spco-mit__brand-logo-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/80e941_dfbcfd7f15ee4837b3d64160153d921dmv2.png\"\n             alt=\"SCT Indonesia\"\n             class=\"spco-mit__brand-logo\" \/>\n      <\/div>\n      <div class=\"spco-mit__brand-stat\">\n        <span class=\"spco-mit__brand-stat-num\">70+<\/span>\n        <span class=\"spco-mit__brand-stat-label\">Cabang Tinting & Detailing<\/span>\n      <\/div>\n      <span class=\"spco-mit__brand-link\">Kunjungi Website<\/span>\n    <\/a>\n\n  <\/div>\n\n  <!-- GALLERY 4 IMAGES -->\n  <div class=\"spco-mit__gallery\">\n    <div class=\"spco-mit__gallery-item\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-25-2026-at-01_52_04-PM-1.png\"\n           alt=\"Scuto Group Partnership\"\n           class=\"spco-mit__gallery-img\"\n           loading=\"lazy\" \/>\n    <\/div>\n    <div class=\"spco-mit__gallery-item\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ba8c6648-5482-40ac-a55b-97d4185b3a83.png\"\n           alt=\"Scuto Group Partnership\"\n           class=\"spco-mit__gallery-img\"\n           loading=\"lazy\" \/>\n    <\/div>\n    <div class=\"spco-mit__gallery-item\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/505b5e51-335c-4308-a405-66bd22051c9f.png\"\n           alt=\"Scuto Group Partnership\"\n           class=\"spco-mit__gallery-img\"\n           loading=\"lazy\" \/>\n    <\/div>\n    <div class=\"spco-mit__gallery-item\">\n      <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/b560347f-646b-49e6-85f8-711713b9b9e0.png\"\n           alt=\"Scuto Group Partnership\"\n           class=\"spco-mit__gallery-img\"\n           loading=\"lazy\" \/>\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"spco-mit__cta-wrap\">\n    <a href=\"#\" class=\"spco-mit__btn\" target=\"_blank\" rel=\"noopener\">\n      Pelajari Kemitraan\n    <\/a>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-247ff46 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"247ff46\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e323aca\" data-id=\"e323aca\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-545745b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"545745b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ffc438\" data-id=\"2ffc438\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dccf63e elementor-widget elementor-widget-html\" data-id=\"dccf63e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT SECTION 10 V27                   -->\n<!-- Track Status + Garansi                      -->\n<!-- Apple-style dark + BLUE accent              -->\n<!-- ============================================ -->\n\n<!-- Google Fonts: Inter -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== SCOPED RESET ===== *\/\n.spco-track, .spco-track * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ===== FULL-WIDTH BREAKOUT + BLACK BG ===== *\/\n.spco-track {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  padding: 100px 24px 100px 24px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.elementor-section:has(.spco-track),\n.elementor-column:has(.spco-track),\n.elementor-widget:has(.spco-track) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* ===== HEADER ===== *\/\n.spco-track__header {\n  text-align: center;\n  margin-bottom: 56px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spco-track__eyebrow {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #0A84FF;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n.spco-track__title {\n  font-size: clamp(40px, 5.5vw, 72px);\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  line-height: 1.05;\n  color: #ffffff;\n  margin-bottom: 16px;\n}\n\n.spco-track__title-accent {\n  font-style: italic;\n  background: linear-gradient(\n    100deg,\n    #0A84FF 0%, #4DA3FF 20%, #A8D4FF 45%,\n    #FFFFFF 50%, #A8D4FF 55%, #4DA3FF 80%, #0A84FF 100%\n  );\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spcoShineBlue 5s ease-in-out infinite;\n  filter: drop-shadow(0 0 30px rgba(10, 132, 255, 0.35));\n}\n\n@keyframes spcoShineBlue {\n  0%   { background-position: 200% 0; }\n  50%  { background-position: -50% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.spco-track__subtitle {\n  font-size: clamp(17px, 1.3vw, 21px);\n  font-weight: 400;\n  line-height: 1.4;\n  color: #a1a1a6;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n\/* ===== HERO IMAGE (showcase) ===== *\/\n.spco-track__hero {\n  position: relative;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto 60px auto;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\n  line-height: 0;\n}\n\n.spco-track__hero-img {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n}\n\n\/* ===== DUAL CARDS (Track + Garansi) ===== *\/\n.spco-track__cards {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n  max-width: 1280px;\n  margin: 0 auto 60px auto;\n}\n\n.spco-track__card {\n  position: relative;\n  padding: 40px 36px 36px 36px;\n  background: linear-gradient(180deg, #1a1a1a 0%, #131313 100%);\n  border-radius: 22px;\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  text-align: left;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow: hidden;\n}\n\n.spco-track__card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(10, 132, 255, 0.25);\n  background: linear-gradient(180deg, #1f1f1f 0%, #181818 100%);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),\n              0 0 0 1px rgba(10, 132, 255, 0.15);\n}\n\n\/* Icon *\/\n.spco-track__card-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  border-radius: 16px;\n  background: rgba(10, 132, 255, 0.1);\n  border: 1px solid rgba(10, 132, 255, 0.2);\n  margin-bottom: 24px;\n}\n\n.spco-track__card-icon svg {\n  width: 28px;\n  height: 28px;\n  stroke: #0A84FF;\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.spco-track__card-eyebrow {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.22em;\n  color: #0A84FF;\n  text-transform: uppercase;\n  margin-bottom: 10px;\n}\n\n.spco-track__card-title {\n  font-size: clamp(22px, 2vw, 28px);\n  font-weight: 600;\n  letter-spacing: -0.018em;\n  line-height: 1.15;\n  color: #ffffff;\n  margin-bottom: 12px;\n}\n\n.spco-track__card-desc {\n  font-size: clamp(15px, 1.1vw, 16.5px);\n  font-weight: 400;\n  line-height: 1.5;\n  color: #a1a1a6;\n  margin-bottom: 24px;\n}\n\n.spco-track__card-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  color: #0A84FF !important;\n  font-size: 15px;\n  font-weight: 500;\n  text-decoration: none !important;\n  letter-spacing: -0.01em;\n  transition: color 0.2s ease;\n}\n\n.spco-track__card-btn:hover {\n  color: #5AC8FA !important;\n}\n\n.spco-track__card-btn::after {\n  content: \"\\203A\";\n  font-size: 20px;\n  line-height: 1;\n  margin-left: 4px;\n  transition: transform 0.2s ease;\n}\n\n.spco-track__card-btn:hover::after { transform: translateX(4px); }\n\n\/* ===== BG GLOW (blue) ===== *\/\n.spco-track::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 70%;\n  height: 50%;\n  background: radial-gradient(ellipse at 50% 30%, rgba(10, 132, 255, 0.1) 0%, rgba(0, 0, 0, 0) 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.spco-track > * { position: relative; z-index: 1; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .spco-track { padding: 80px 20px 80px 20px; }\n  .spco-track__header { margin-bottom: 48px; }\n  .spco-track__hero {\n    border-radius: 20px;\n    margin-bottom: 40px;\n  }\n  .spco-track__cards { gap: 14px; margin-bottom: 48px; }\n  .spco-track__card { padding: 36px 28px 32px 28px; }\n}\n\n@media (max-width: 768px) {\n  .spco-track { padding: 60px 20px 60px 20px; }\n\n  .spco-track__header { margin-bottom: 36px; }\n\n  .spco-track__eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    margin-bottom: 14px;\n  }\n\n  .spco-track__title {\n    font-size: clamp(32px, 9vw, 48px);\n    line-height: 1.08;\n    margin-bottom: 14px;\n  }\n\n  .spco-track__subtitle {\n    font-size: 15px;\n    line-height: 1.45;\n    padding: 0 4px;\n  }\n\n  .spco-track__hero {\n    border-radius: 16px;\n    margin-bottom: 32px;\n  }\n\n  \/* Stack cards on mobile *\/\n  .spco-track__cards {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-bottom: 36px;\n  }\n\n  .spco-track__card {\n    padding: 32px 24px 28px 24px;\n    border-radius: 18px;\n  }\n\n  .spco-track__card-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 14px;\n    margin-bottom: 18px;\n  }\n\n  .spco-track__card-icon svg { width: 24px; height: 24px; }\n\n  .spco-track__card-title { font-size: 20px; }\n  .spco-track__card-desc { font-size: 14.5px; margin-bottom: 20px; }\n  .spco-track__card-btn { font-size: 14.5px; }\n}\n\n@media (max-width: 480px) {\n  .spco-track { padding: 48px 16px 48px 16px; }\n  .spco-track__hero { border-radius: 14px; }\n  .spco-track__card { padding: 28px 20px 24px 20px; border-radius: 16px; }\n}\n<\/style>\n\n<section class=\"spco-track\">\n\n  <!-- HEADER -->\n  <div class=\"spco-track__header\">\n    <span class=\"spco-track__eyebrow\">TRANSPARANSI<\/span>\n    <h2 class=\"spco-track__title\">\n      Pantau setiap proses,\n      <span class=\"spco-track__title-accent\">tanpa khawatir.<\/span>\n    <\/h2>\n    <p class=\"spco-track__subtitle\">\n      Lacak status pengerjaan mobil Anda secara real-time dan nikmati jaminan kualitas dengan garansi resmi.\n    <\/p>\n  <\/div>\n\n  <!-- HERO IMAGE -->\n  <div class=\"spco-track__hero\">\n    <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-25-2026-at-02_08_52-PM.png\"\n         alt=\"Track Status & Garansi Scuto Paint\"\n         class=\"spco-track__hero-img\"\n         loading=\"lazy\" \/>\n  <\/div>\n\n  <!-- DUAL CARDS -->\n  <div class=\"spco-track__cards\">\n\n    <!-- 1. Track Status Mobil -->\n    <div class=\"spco-track__card\">\n      <div class=\"spco-track__card-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n          <polyline points=\"12 6 12 12 16 14\"\/>\n        <\/svg>\n      <\/div>\n      <span class=\"spco-track__card-eyebrow\">TRACK STATUS<\/span>\n      <h3 class=\"spco-track__card-title\">Lacak progress mobil Anda<\/h3>\n      <p class=\"spco-track__card-desc\">\n        Pantau setiap tahap pengerjaan mobil Anda secara real-time \u2014 dari inspeksi awal, proses repair, hingga finishing dan siap diambil.\n      <\/p>\n      <a href=\"#\" class=\"spco-track__card-btn\" target=\"_blank\" rel=\"noopener\">\n        Cek Status\n      <\/a>\n    <\/div>\n\n    <!-- 2. Garansi Resmi -->\n    <div class=\"spco-track__card\">\n      <div class=\"spco-track__card-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <polyline points=\"9 12 11 14 15 10\"\/>\n        <\/svg>\n      <\/div>\n      <span class=\"spco-track__card-eyebrow\">GARANSI RESMI<\/span>\n      <h3 class=\"spco-track__card-title\">Jaminan kualitas tertulis<\/h3>\n      <p class=\"spco-track__card-desc\">\n        Setiap layanan body repair dan cat ulang dilengkapi garansi resmi \u2014 jaminan tidak belang, tidak mengelupas, dan hasil sempurna seperti pabrikan.\n      <\/p>\n      <a href=\"#\" class=\"spco-track__card-btn\" target=\"_blank\" rel=\"noopener\">\n        Pelajari Garansi\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ba1629 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ba1629\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-391603a\" data-id=\"391603a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97fd907 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97fd907\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e656071\" data-id=\"e656071\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-096c6ee elementor-widget elementor-widget-html\" data-id=\"096c6ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================ -->\n<!-- SCUTOPAINT SECTION 9 V26                    -->\n<!-- FAQ - Apple-style accordion                 -->\n<!-- Dark + Gold accent                          -->\n<!-- ============================================ -->\n\n<!-- Google Fonts: Inter -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== SCOPED RESET ===== *\/\n.spco-faq, .spco-faq * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ===== FULL-WIDTH BREAKOUT + BLACK BG ===== *\/\n.spco-faq {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #f5f5f7;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  padding: 100px 24px 100px 24px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.elementor-section:has(.spco-faq),\n.elementor-column:has(.spco-faq),\n.elementor-widget:has(.spco-faq) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* ===== HEADER ===== *\/\n.spco-faq__header {\n  text-align: center;\n  margin-bottom: 56px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spco-faq__eyebrow {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  color: #C9A961;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n.spco-faq__title {\n  font-size: clamp(40px, 5.5vw, 72px);\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  line-height: 1.05;\n  color: #ffffff;\n  margin-bottom: 16px;\n}\n\n.spco-faq__title-accent {\n  font-style: italic;\n  background: linear-gradient(\n    100deg,\n    #C9A961 0%, #D4B872 20%, #F5E6B8 45%,\n    #FFFFFF 50%, #F5E6B8 55%, #D4B872 80%, #C9A961 100%\n  );\n  background-size: 200% 100%;\n  background-position: 100% 0;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n  animation: spcoShine 5s ease-in-out infinite;\n  filter: drop-shadow(0 0 30px rgba(201, 169, 97, 0.35));\n}\n\n@keyframes spcoShine {\n  0%   { background-position: 200% 0; }\n  50%  { background-position: -50% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.spco-faq__subtitle {\n  font-size: clamp(17px, 1.3vw, 21px);\n  font-weight: 400;\n  line-height: 1.4;\n  color: #a1a1a6;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* ===== ACCORDION CONTAINER ===== *\/\n.spco-faq__list {\n  max-width: 860px;\n  margin: 0 auto;\n}\n\n\/* ===== ACCORDION ITEM ===== *\/\n.spco-faq__item {\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  transition: border-color 0.3s ease;\n}\n\n.spco-faq__item:first-child {\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.spco-faq__item[open] {\n  border-bottom-color: rgba(201, 169, 97, 0.25);\n}\n\n.spco-faq__item[open]:first-child {\n  border-top-color: rgba(201, 169, 97, 0.25);\n}\n\n\/* ===== QUESTION (summary) ===== *\/\n.spco-faq__question {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 28px 8px;\n  cursor: pointer;\n  list-style: none;\n  font-size: clamp(17px, 1.4vw, 22px);\n  font-weight: 600;\n  color: #ffffff;\n  letter-spacing: -0.015em;\n  line-height: 1.3;\n  transition: color 0.2s ease;\n  user-select: none;\n}\n\n.spco-faq__question::-webkit-details-marker { display: none; }\n\n.spco-faq__question:hover {\n  color: #C9A961;\n}\n\n.spco-faq__item[open] .spco-faq__question {\n  color: #C9A961;\n}\n\n\/* ===== PLUS\/MINUS ICON ===== *\/\n.spco-faq__icon {\n  position: relative;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.spco-faq__icon::before,\n.spco-faq__icon::after {\n  content: \"\";\n  position: absolute;\n  background: currentColor;\n  border-radius: 1px;\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n\/* Horizontal line *\/\n.spco-faq__icon::before {\n  width: 16px;\n  height: 2px;\n}\n\n\/* Vertical line (becomes hidden when open) *\/\n.spco-faq__icon::after {\n  width: 2px;\n  height: 16px;\n}\n\n.spco-faq__item[open] .spco-faq__icon::after {\n  transform: scaleY(0);\n}\n\n\/* ===== ANSWER ===== *\/\n.spco-faq__answer {\n  padding: 0 8px 28px 8px;\n  font-size: clamp(15px, 1.15vw, 17px);\n  font-weight: 400;\n  line-height: 1.55;\n  color: #a1a1a6;\n  max-width: 760px;\n  animation: spcoFaqOpen 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.spco-faq__answer p { margin-bottom: 12px; }\n.spco-faq__answer p:last-child { margin-bottom: 0; }\n\n.spco-faq__answer strong {\n  color: #f5f5f7;\n  font-weight: 600;\n}\n\n.spco-faq__answer a {\n  color: #C9A961;\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.spco-faq__answer a:hover {\n  color: #F5E6B8;\n}\n\n@keyframes spcoFaqOpen {\n  from { opacity: 0; transform: translateY(-8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ===== BG GLOW ===== *\/\n.spco-faq::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 70%;\n  height: 40%;\n  background: radial-gradient(ellipse at 50% 30%, rgba(201, 169, 97, 0.06) 0%, rgba(0, 0, 0, 0) 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.spco-faq > * { position: relative; z-index: 1; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .spco-faq { padding: 80px 20px 80px 20px; }\n  .spco-faq__header { margin-bottom: 48px; }\n}\n\n@media (max-width: 768px) {\n  .spco-faq { padding: 60px 20px 60px 20px; }\n\n  .spco-faq__header { margin-bottom: 36px; }\n\n  .spco-faq__eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    margin-bottom: 14px;\n  }\n\n  .spco-faq__title {\n    font-size: clamp(32px, 9vw, 48px);\n    line-height: 1.08;\n    margin-bottom: 14px;\n  }\n\n  .spco-faq__subtitle {\n    font-size: 15px;\n    line-height: 1.45;\n    padding: 0 4px;\n  }\n\n  .spco-faq__question {\n    padding: 22px 4px;\n    font-size: 16px;\n    gap: 16px;\n  }\n\n  .spco-faq__icon { width: 20px; height: 20px; }\n  .spco-faq__icon::before { width: 14px; }\n  .spco-faq__icon::after { height: 14px; }\n\n  .spco-faq__answer {\n    padding: 0 4px 22px 4px;\n    font-size: 14.5px;\n    line-height: 1.55;\n  }\n}\n\n@media (max-width: 480px) {\n  .spco-faq { padding: 48px 16px 48px 16px; }\n  .spco-faq__question { padding: 20px 2px; font-size: 15px; }\n  .spco-faq__answer { padding: 0 2px 20px 2px; font-size: 14px; }\n}\n<\/style>\n\n<section class=\"spco-faq\">\n\n  <!-- HEADER -->\n  <div class=\"spco-faq__header\">\n    <span class=\"spco-faq__eyebrow\">FAQ<\/span>\n    <h2 class=\"spco-faq__title\">\n      Pertanyaan yang\n      <span class=\"spco-faq__title-accent\">sering ditanyakan.<\/span>\n    <\/h2>\n    <p class=\"spco-faq__subtitle\">\n      Semua yang perlu Anda ketahui tentang layanan dan kemitraan Scuto Paint.\n    <\/p>\n  <\/div>\n\n  <!-- ACCORDION -->\n  <div class=\"spco-faq__list\">\n\n    <!-- Q1: Layanan -->\n    <details class=\"spco-faq__item\">\n      <summary class=\"spco-faq__question\">\n        Apa saja layanan yang tersedia di Scuto Paint?\n        <span class=\"spco-faq__icon\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"spco-faq__answer\">\n        <p>Scuto Paint menyediakan berbagai layanan body repair dan cat mobil premium, antara lain:<\/p>\n        <p><strong>Body Repair<\/strong>, <strong>Spot Repair<\/strong>, <strong>Full Body Repaint<\/strong>, <strong>Ganti Warna Mobil<\/strong>, <strong>Anti Karat (Rust Protection)<\/strong>, <strong>PDR (Paintless Dent Repair)<\/strong>, <strong>Poles Body Mobil<\/strong>, <strong>AC Mobil<\/strong>, hingga <strong>Window Film<\/strong>. Semua dikerjakan oleh teknisi tersertifikasi dengan kualitas standar pabrikan.<\/p>\n      <\/div>\n    <\/details>\n\n    <!-- Q2: Durasi pengerjaan -->\n    <details class=\"spco-faq__item\">\n      <summary class=\"spco-faq__question\">\n        Berapa lama proses body repair dan cat ulang mobil?\n        <span class=\"spco-faq__icon\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"spco-faq__answer\">\n        <p>Durasi pengerjaan bervariasi tergantung jenis layanan dan tingkat kerusakan:<\/p>\n        <p><strong>Spot Repair<\/strong> biasanya selesai dalam 1\u20132 hari, <strong>Body Repair perpanel<\/strong> sekitar 3\u20135 hari kerja, dan <strong>Full Body Repaint<\/strong> atau ganti warna umumnya memerlukan 7\u201314 hari kerja. Estimasi pasti akan diberikan setelah inspeksi langsung di cabang.<\/p>\n      <\/div>\n    <\/details>\n\n    <!-- Q3: Garansi -->\n    <details class=\"spco-faq__item\">\n      <summary class=\"spco-faq__question\">\n        Apakah hasil cat dan body repair bergaransi?\n        <span class=\"spco-faq__icon\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"spco-faq__answer\">\n        <p>Ya. Setiap layanan body repair dan cat ulang di Scuto Paint dilengkapi <strong>garansi resmi<\/strong> terhadap kualitas hasil pengerjaan \u2014 mencakup jaminan tidak belang, tidak mengelupas, dan finishing yang merata.<\/p>\n        <p>Detail durasi garansi akan disampaikan oleh tim cabang sesuai dengan jenis layanan yang dipilih.<\/p>\n      <\/div>\n    <\/details>\n\n    <!-- Q4: Kemitraan (WAJIB) -->\n    <details class=\"spco-faq__item\">\n      <summary class=\"spco-faq__question\">\n        Bagaimana cara menjadi mitra Scuto Paint?\n        <span class=\"spco-faq__icon\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"spco-faq__answer\">\n        <p>Scuto Paint membuka peluang kemitraan bagi Anda yang ingin bergabung dengan ekosistem otomotif terbesar di Indonesia \u2014 bagian dari <strong>Scuto Group<\/strong> dengan 240+ cabang aktif.<\/p>\n        <p>Kami menyediakan dua skema kemitraan utama: <strong>buka cabang Scuto Paint (Body Repair)<\/strong> dan <strong>buka Ketok Xpress (PDR)<\/strong>. Setiap calon mitra akan mendapatkan dukungan penuh dari sisi training, operasional, dan branding.<\/p>\n        <p>Informasi lengkap dan formulir pendaftaran dapat diakses di <a href=\"#\">halaman Kemitraan<\/a> atau hubungi tim kami untuk konsultasi.<\/p>\n      <\/div>\n    <\/details>\n\n    <!-- Q5: Lokasi cabang -->\n    <details class=\"spco-faq__item\">\n      <summary class=\"spco-faq__question\">\n        Di mana saja lokasi cabang Scuto Paint?\n        <span class=\"spco-faq__icon\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"spco-faq__answer\">\n        <p>Saat ini Scuto Paint sudah memiliki <strong>14+ cabang aktif<\/strong> yang tersebar di berbagai kota besar di Indonesia, termasuk Jabodetabek (Bintaro, Gading Serpong, BSD, Alam Sutera, Karawaci, Kelapa Gading) dan kota lainnya.<\/p>\n        <p>Daftar lengkap dan informasi kontak setiap cabang dapat dilihat di halaman <a href=\"#\">Outlets<\/a>.<\/p>\n      <\/div>\n    <\/details>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e82c80 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e82c80\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a3946f\" data-id=\"1a3946f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b27f1ba elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b27f1ba\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15da501\" data-id=\"15da501\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1983150 elementor-widget elementor-widget-html\" data-id=\"1983150\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================== -->\n<!-- SCUTOPAINT GLOBAL FOOTER V7                    -->\n<!-- - V7 changes: Kontak nav -> \/contact\/           -->\n<!-- - Logo PNG asli (URL real dari upload)         -->\n<!-- - Superbrand badge: pakai logo image official  -->\n<!-- - Navigation: Beranda + Layanan + Outlets +    -->\n<!--   Kemitraan + Kontak (5 main pages)            -->\n<!-- - All URLs verified live                       -->\n<!-- ============================================== -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.spf-footer, .spf-footer * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.spf-footer {\n  font-family: \"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background: #000000 !important;\n  color: #d0d0d4;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  padding: 72px 24px 28px;\n}\n\n.elementor-section:has(.spf-footer),\n.elementor-column:has(.spf-footer),\n.elementor-widget:has(.spf-footer) {\n  background: #000000 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.spf-footer a {\n  color: #a1a1a6;\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.spf-footer a:hover {\n  color: #C9A961;\n}\n\n\/* ============================================ *\/\n\/* ===== CONTAINER & GRID                   === *\/\n\/* ============================================ *\/\n.spf-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.spf-grid {\n  display: grid;\n  grid-template-columns: 1.4fr 1fr 1.3fr;\n  gap: 64px;\n  padding-bottom: 48px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n\/* ============================================ *\/\n\/* ===== COLUMN 1: LOGO + ABOUT             === *\/\n\/* ============================================ *\/\n.spf-col-logo {\n  display: flex;\n  flex-direction: column;\n}\n\n.spf-logo-wrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 22px;\n}\n\n\/* ===== LOGO PNG (filter invert untuk dark bg) ===== *\/\n.spf-logo-img {\n  width: 52px;\n  height: 52px;\n  object-fit: contain;\n  flex-shrink: 0;\n  filter: brightness(0) invert(1);\n}\n\n.spf-logo-text {\n  font-size: 24px;\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  color: #ffffff;\n  line-height: 1;\n  display: inline-flex;\n  align-items: baseline;\n}\n\n.spf-logo-text__accent {\n  background: linear-gradient(135deg, #C9A961 0%, #F5E6BE 50%, #C9A961 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  font-weight: 700;\n}\n\n.spf-about {\n  font-size: 14.5px;\n  color: #86868b;\n  line-height: 1.6;\n  letter-spacing: -0.005em;\n  margin-bottom: 24px;\n  max-width: 340px;\n}\n\n\/* ===== SUPERBRAND LOGO BADGE ===== *\/\n.spf-superbrand {\n  display: inline-block;\n  margin-top: 4px;\n}\n\n.spf-superbrand img {\n  display: block;\n  width: auto;\n  height: 88px;\n  object-fit: contain;\n  transition: opacity 0.2s ease;\n}\n\n.spf-superbrand:hover img {\n  opacity: 0.85;\n}\n\n\/* ============================================ *\/\n\/* ===== COLUMN TITLES                      === *\/\n\/* ============================================ *\/\n.spf-col-title {\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: #ffffff;\n  margin-bottom: 22px;\n}\n\n\/* ============================================ *\/\n\/* ===== COLUMN 2: NAVIGATION               === *\/\n\/* ============================================ *\/\n.spf-col-nav ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.spf-col-nav li {\n  font-size: 14.5px;\n  line-height: 1.4;\n}\n\n.spf-col-nav a {\n  display: inline-block;\n  letter-spacing: -0.005em;\n}\n\n\/* ============================================ *\/\n\/* ===== COLUMN 3: KONTAK                   === *\/\n\/* ============================================ *\/\n.spf-col-kontak {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.spf-kontak-item {\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n}\n\n.spf-kontak-icon {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 10px;\n  background: rgba(201, 169, 97, 0.08);\n  border: 1px solid rgba(201, 169, 97, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.spf-kontak-icon svg {\n  width: 14px;\n  height: 14px;\n  stroke: #C9A961;\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.spf-kontak-icon--wa svg {\n  fill: #C9A961;\n  stroke: none;\n  width: 16px;\n  height: 16px;\n}\n\n.spf-kontak-text {\n  flex: 1;\n  min-width: 0;\n}\n\n.spf-kontak-label {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: #6e6e73;\n  margin-bottom: 4px;\n}\n\n.spf-kontak-value {\n  font-size: 14px;\n  color: #d0d0d4;\n  line-height: 1.45;\n  letter-spacing: -0.005em;\n}\n\n.spf-kontak-value a {\n  color: #d0d0d4;\n  font-weight: 500;\n}\n\n.spf-kontak-value a:hover {\n  color: #C9A961;\n}\n\n\/* ============================================ *\/\n\/* ===== SOCIAL MEDIA (IG + YouTube)        === *\/\n\/* ============================================ *\/\n.spf-social {\n  display: flex;\n  gap: 10px;\n  margin-top: 4px;\n}\n\n.spf-social__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 10px;\n  transition: all 0.2s ease;\n}\n\n.spf-social__icon:hover {\n  background: rgba(201, 169, 97, 0.08);\n  border-color: rgba(201, 169, 97, 0.4);\n  transform: translateY(-2px);\n}\n\n.spf-social__icon svg {\n  width: 16px;\n  height: 16px;\n  fill: #a1a1a6;\n  transition: fill 0.2s ease;\n}\n\n.spf-social__icon:hover svg {\n  fill: #C9A961;\n}\n\n\/* ============================================ *\/\n\/* ===== BOTTOM BAR                         === *\/\n\/* ============================================ *\/\n.spf-bottom {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-top: 28px;\n}\n\n.spf-copyright {\n  font-size: 12.5px;\n  color: #6e6e73;\n  letter-spacing: -0.005em;\n  text-align: center;\n}\n\n.spf-copyright strong {\n  color: #d0d0d4;\n  font-weight: 500;\n}\n\n\/* ============================================ *\/\n\/* ===== RESPONSIVE                         === *\/\n\/* ============================================ *\/\n@media (max-width: 1024px) {\n  .spf-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n  }\n\n  .spf-col-logo {\n    grid-column: 1 \/ -1;\n    padding-bottom: 24px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    margin-bottom: 16px;\n  }\n\n  .spf-about {\n    max-width: 580px;\n  }\n}\n\n@media (max-width: 768px) {\n  .spf-footer { padding: 56px 20px 24px; }\n\n  .spf-grid {\n    grid-template-columns: 1fr;\n    gap: 36px;\n    padding-bottom: 36px;\n  }\n\n  .spf-col-logo {\n    padding-bottom: 28px;\n  }\n\n  .spf-col-title {\n    font-size: 12px;\n    margin-bottom: 16px;\n  }\n\n  .spf-logo-img {\n    width: 44px;\n    height: 44px;\n  }\n\n  .spf-logo-text {\n    font-size: 22px;\n  }\n\n  .spf-superbrand img {\n    height: 76px;\n  }\n}\n\n@media (max-width: 480px) {\n  .spf-footer { padding-left: 16px; padding-right: 16px; }\n\n  .spf-superbrand img {\n    height: 68px;\n  }\n}\n<\/style>\n\n<footer class=\"spf-footer\">\n  <div class=\"spf-container\">\n\n    <div class=\"spf-grid\">\n\n      <!-- ===== COLUMN 1: LOGO + ABOUT + SUPERBRAND ===== -->\n      <div class=\"spf-col-logo\">\n\n        <div class=\"spf-logo-wrap\">\n\n          <!-- LOGO SCUTO PNG (real URL) -->\n          <img decoding=\"async\" class=\"spf-logo-img\"\n               src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/06\/New-Logo-Scuto-Hitam-Vertical-Resolusi-Kecil-min2ds.png\"\n               alt=\"Scuto Logo\" \/>\n\n          <!-- Text ScutoPaint -->\n          <span class=\"spf-logo-text\">\n            Scuto<span class=\"spf-logo-text__accent\">Paint<\/span>\n          <\/span>\n\n        <\/div>\n\n        <p class=\"spf-about\">\n          Bengkel cat mobil &amp; body repair terbaik di Indonesia. Bagian dari ekosistem Scuto Group dengan 250+ outlet aktif sejak 2013.\n        <\/p>\n\n        <!-- SUPERBRAND OFFICIAL LOGO\/SEAL -->\n        <div class=\"spf-superbrand\" aria-label=\"Superbrands Indonesia 2020-2023\">\n          <img decoding=\"async\" src=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2023\/12\/SUPERBRANDS-logo-SEAL-2020-2023.png\"\n               alt=\"Superbrands Indonesia 2020-2023 Seal\" \/>\n        <\/div>\n      <\/div>\n\n      <!-- ===== COLUMN 2: NAVIGATION (5 main pages) ===== -->\n      <div class=\"spf-col-nav\">\n        <div class=\"spf-col-title\">Navigation<\/div>\n        <ul>\n          <li><a href=\"https:\/\/scutopaint.co.id\/\">Beranda<\/a><\/li>\n          <li><a href=\"https:\/\/scutopaint.co.id\/layanan\/\">Layanan<\/a><\/li>\n          <li><a href=\"https:\/\/scutopaint.co.id\/outlets\/\">Outlets<\/a><\/li>\n          <li><a href=\"https:\/\/scutopaint.co.id\/kemitraan-2\/\">Kemitraan<\/a><\/li>\n          <li><a href=\"https:\/\/scutopaint.co.id\/contact\/\">Kontak<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- ===== COLUMN 3: KONTAK ===== -->\n      <div class=\"spf-col-kontak\">\n        <div class=\"spf-col-title\">Kontak<\/div>\n\n        <!-- WhatsApp -->\n        <div class=\"spf-kontak-item\">\n          <div class=\"spf-kontak-icon spf-kontak-icon--wa\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"spf-kontak-text\">\n            <div class=\"spf-kontak-label\">WhatsApp<\/div>\n            <div class=\"spf-kontak-value\">\n              <a href=\"https:\/\/wa.me\/6281290906672?text=Halo%20Scuto%20Paint\" target=\"_blank\" rel=\"noopener\">+62 812-9090-6672<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Address -->\n        <div class=\"spf-kontak-item\">\n          <div class=\"spf-kontak-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"spf-kontak-text\">\n            <div class=\"spf-kontak-label\">Head Office<\/div>\n            <div class=\"spf-kontak-value\">\n              <a href=\"https:\/\/www.google.com\/maps\/place\/?q=place_id:ChIJh_CkbG74aS4RiB4V_qzZtFE\" target=\"_blank\" rel=\"noopener\">\n                Taman Surya III No.63, Pegadungan, Kalideres, Jakarta Barat\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Hours -->\n        <div class=\"spf-kontak-item\">\n          <div class=\"spf-kontak-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <polyline points=\"12 6 12 12 16 14\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"spf-kontak-text\">\n            <div class=\"spf-kontak-label\">Operating Hours<\/div>\n            <div class=\"spf-kontak-value\">Senin \u2013 Sabtu &middot; 9:00 \u2013 17:00<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Social Media: Instagram + YouTube -->\n        <div class=\"spf-social\">\n          <a href=\"https:\/\/www.instagram.com\/scutopaint.id\/\" target=\"_blank\" rel=\"noopener\"\n             class=\"spf-social__icon\" aria-label=\"Instagram ScutoPaint\">\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.youtube.com\/@scutopaint\" target=\"_blank\" rel=\"noopener\"\n             class=\"spf-social__icon\" aria-label=\"YouTube ScutoPaint\">\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- ===== BOTTOM BAR ===== -->\n    <div class=\"spf-bottom\">\n      <div class=\"spf-copyright\">\n        &copy; 2026 <strong>ScutoPaint<\/strong> &middot; Part of Scuto Group &middot; All rights reserved\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Layanan kami. Kemitraan Body Repair Spot Repair Full Body Repaint Rust Protection Window Film Poles Body Mobil SCUTOPAINT Paint your Pride. SCROLL Cat ulang &amp; body repair premium. Ditangani teknisi tersertifikasi, bergaransi resmi. Lihat Layanan Jadi Mitra FULL BODY REPAINT Pilih warna, lihat hasilnya. Customize warna mobil Anda dan lihat bagaimana tampilannya seketika. Crimson Red [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Scuto Paint - Bengkel Cat Mobil Dan Body Repair<\/title>\n<meta name=\"description\" content=\"Betulin cat mobil balik lagi seperti ori. Solusi Cepat Mobil Penyok. Booking Online Bengkel Body Repair Mobil Terdekat Sekarang.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/scutopaint.co.id\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scuto Paint - Bengkel Cat Mobil Dan Body Repair\" \/>\n<meta property=\"og:description\" content=\"Betulin cat mobil balik lagi seperti ori. Solusi Cepat Mobil Penyok. Booking Online Bengkel Body Repair Mobil Terdekat Sekarang.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/scutopaint.co.id\/\" \/>\n<meta property=\"og:site_name\" content=\"Scuto Paint - Bengkel Cat Mobil Dan Body Repair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/scutopaint.id\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-12T05:32:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/\",\"url\":\"https:\\\/\\\/scutopaint.co.id\\\/\",\"name\":\"Scuto Paint - Bengkel Cat Mobil Dan Body Repair\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/scutopaint.co.id\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png\",\"datePublished\":\"2022-09-23T08:54:19+00:00\",\"dateModified\":\"2026-06-12T05:32:50+00:00\",\"description\":\"Betulin cat mobil balik lagi seperti ori. Solusi Cepat Mobil Penyok. Booking Online Bengkel Body Repair Mobil Terdekat Sekarang.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/scutopaint.co.id\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#primaryimage\",\"url\":\"https:\\\/\\\/scutopaint.co.id\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png\",\"contentUrl\":\"https:\\\/\\\/scutopaint.co.id\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png\",\"width\":1660,\"height\":948},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/scutopaint.co.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BERANDA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#website\",\"url\":\"https:\\\/\\\/scutopaint.co.id\\\/\",\"name\":\"Scuto Paint - Bengkel Cat Mobil Dan Body Repair\",\"description\":\"Paint Your Pride\",\"publisher\":{\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/scutopaint.co.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#organization\",\"name\":\"Scuto Paint - Bengkel Cat Mobil Dan Body Repair\",\"url\":\"https:\\\/\\\/scutopaint.co.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/scutopaint.co.id\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/Gambar-26.png\",\"contentUrl\":\"https:\\\/\\\/scutopaint.co.id\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/Gambar-26.png\",\"width\":2542,\"height\":947,\"caption\":\"Scuto Paint -  Bengkel Cat Mobil Dan Body Repair\"},\"image\":{\"@id\":\"https:\\\/\\\/scutopaint.co.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/scutopaint.id\",\"https:\\\/\\\/www.instagram.com\\\/scutopaint.id\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCVivqAVaGonWY1J2K1P4xWQ\\\/featured\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scuto Paint - Bengkel Cat Mobil Dan Body Repair","description":"Betulin cat mobil balik lagi seperti ori. Solusi Cepat Mobil Penyok. Booking Online Bengkel Body Repair Mobil Terdekat Sekarang.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/scutopaint.co.id\/","og_locale":"en_US","og_type":"article","og_title":"Scuto Paint - Bengkel Cat Mobil Dan Body Repair","og_description":"Betulin cat mobil balik lagi seperti ori. Solusi Cepat Mobil Penyok. Booking Online Bengkel Body Repair Mobil Terdekat Sekarang.","og_url":"https:\/\/scutopaint.co.id\/","og_site_name":"Scuto Paint - Bengkel Cat Mobil Dan Body Repair","article_publisher":"https:\/\/www.facebook.com\/scutopaint.id","article_modified_time":"2026-06-12T05:32:50+00:00","og_image":[{"url":"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/scutopaint.co.id\/","url":"https:\/\/scutopaint.co.id\/","name":"Scuto Paint - Bengkel Cat Mobil Dan Body Repair","isPartOf":{"@id":"https:\/\/scutopaint.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/scutopaint.co.id\/#primaryimage"},"image":{"@id":"https:\/\/scutopaint.co.id\/#primaryimage"},"thumbnailUrl":"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png","datePublished":"2022-09-23T08:54:19+00:00","dateModified":"2026-06-12T05:32:50+00:00","description":"Betulin cat mobil balik lagi seperti ori. Solusi Cepat Mobil Penyok. Booking Online Bengkel Body Repair Mobil Terdekat Sekarang.","breadcrumb":{"@id":"https:\/\/scutopaint.co.id\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/scutopaint.co.id\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/scutopaint.co.id\/#primaryimage","url":"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png","contentUrl":"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-at-09_03_23-AM.png","width":1660,"height":948},{"@type":"BreadcrumbList","@id":"https:\/\/scutopaint.co.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/scutopaint.co.id\/"},{"@type":"ListItem","position":2,"name":"BERANDA"}]},{"@type":"WebSite","@id":"https:\/\/scutopaint.co.id\/#website","url":"https:\/\/scutopaint.co.id\/","name":"Scuto Paint - Bengkel Cat Mobil Dan Body Repair","description":"Paint Your Pride","publisher":{"@id":"https:\/\/scutopaint.co.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/scutopaint.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/scutopaint.co.id\/#organization","name":"Scuto Paint - Bengkel Cat Mobil Dan Body Repair","url":"https:\/\/scutopaint.co.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/scutopaint.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2022\/09\/Gambar-26.png","contentUrl":"https:\/\/scutopaint.co.id\/wp-content\/uploads\/2022\/09\/Gambar-26.png","width":2542,"height":947,"caption":"Scuto Paint -  Bengkel Cat Mobil Dan Body Repair"},"image":{"@id":"https:\/\/scutopaint.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/scutopaint.id","https:\/\/www.instagram.com\/scutopaint.id\/","https:\/\/www.youtube.com\/channel\/UCVivqAVaGonWY1J2K1P4xWQ\/featured"]}]}},"_links":{"self":[{"href":"https:\/\/scutopaint.co.id\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scutopaint.co.id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scutopaint.co.id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scutopaint.co.id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scutopaint.co.id\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":767,"href":"https:\/\/scutopaint.co.id\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":4217,"href":"https:\/\/scutopaint.co.id\/wp-json\/wp\/v2\/pages\/6\/revisions\/4217"}],"wp:attachment":[{"href":"https:\/\/scutopaint.co.id\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}