PageSourceSearch

https://futureperfect.digital/casestudy/savic

html futureperfect.digital collected 2026-10-06 12:34:54 UTC 83,486 bytes, 210 lines download raw bytes

1<!DOCTYPE html><html data-dpl-id="dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" lang="en" class="jetbrains_mono_9d591052-module__dvAGTa__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/f9110429c222a310-s.p.0.m0erkrwgwiv.woff2?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/cursor-default.png"/><link rel="preload" href="/img/FPDWhiteHoriz.svg" as="image"/><link rel="preload" href="https://cdn.sanity.io/images/ng8czpp4/production/e7203db97f91dda30f1eb7fc9a185f0d3e524810-830x623.png?h=120" as="image"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/ng8czpp4/production/16953fb83852b54749dc6751734fcecedc73f7d4-1774x904.webp"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/ng8czpp4/production/868e53e4dca597efea49661bc3afd5e41f3237d7-1736x928.webp"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/ng8czpp4/production/63b023f6e584e7b429edf4e77102d27752d07c26-1560x1286.webp"/><link rel="preload" href="/img/FPDLinkedin.svg" as="image"/><link rel="preload" href="/img/FPDInstagram.svg" as="image"/><link rel="stylesheet" href="/_next/static/chunks/0wksvlr5nchk0.css?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/020~kc791vel0.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX"/>
1<script src="/_next/static/chunks/0pqt~8bl3ukh4.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<script src="/_next/static/chunks/0l3zwcvnt61hx.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<script src="/_next/static/chunks/0y5ra7qvbw0gn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<script src="/_next/static/chunks/turbopack-0xnt1fnak4ho1.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<script src="/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<script src="/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<script src="/_next/static/chunks/0q_ohgz7v65mc.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<script src="/_next/static/chunks/0hwt6oc4mu7yo.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<script src="/_next/static/chunks/0ksqi6zqbz-l_.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-Pgnzyhscrc" as="script"/><link rel="preload" as="image" href="/img/FPDWhiteHoriz.svg"/><link rel="preconnect" href="https://cdn.sanity.io"/><link rel="preconnect" href="https://www.googletagmanager.com"/><meta name="next-size-adjust" content=""/><title>Savic Motorcycles | SAVIC MOTORCYCLES VIRTUAL SHOWROOM | Future Perfect Digital</title><meta name="description" content="Savic Motorcycles by Future Perfect Digital — Interactive 3D, Configurator, eCommerce, Lead Capture, CGI."/><link rel="canonical" href="https://futureperfect.digital/casestudy/savic"/><meta property="og:title" content="Savic Motorcycles | SAVIC MOTORCYCLES VIRTUAL SHOWROOM | Future Perfect Digital"/><meta property="og:description" content="Savic Motorcycles by Future Perfect Digital — Interactive 3D, Configurator, eCommerce, Lead Capture, CGI."/><meta property="og:url" content="https://futureperfect.digital/casestudy/savic"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Savic Motorcycles | SAVIC MOTORCYCLES VIRTUAL SHOWROOM | Future Perfect Digital"/><meta name="twitter:description" content="Savic Motorcycles by Future Perfect Digital — Interactive 3D, Configurator, eCommerce, Lead Capture, CGI."/><link rel="icon" href="/favicon.ico?favicon.0teztyjgv~5at.ico?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/img/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="icon" href="/img/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="apple-touch-icon" href="/img/apple-touch-icon.png"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" noModule=""></script>
1</head><body style="margin:0;background:#000;color:#fff"><div hidden=""><!--$--><!--/$--></div>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":["Organization","LocalBusiness"],"name":"Future Perfect Digital","url":"https://futureperfect.digital","logo":"https://futureperfect.digital/img/FuturePerfectDigital_Thumb.svg","description":"We turn complex ideas into high-impact visual experiences that help teams explain, differentiate and present with confidence.","address":{"@type":"PostalAddress","addressLocality":"Abbotsford","addressRegion":"Vic","addressCountry":"AU"},"sameAs":["https://www.linkedin.com/company/futureperfect-digital/","https://www.instagram.com/futureperfectdigital/"]}</script>
1<style>
2        @media (pointer: fine) {
3          html, body, * { cursor: none !important; }
4          .fpd-cursor { display: block !important; }
5        }
6      </style><img class="fpd-cursor" src="/cursor-default.png" alt="" aria-hidden="true" style="position:fixed;top:0;left:0;pointer-events:none;mix-blend-mode:difference;z-index:99999;will-change:transform;user-select:none;display:none;transform:translate(-200px, -200px)"/><main><main style="background:#000;color:#fff;min-height:100vh;font-family:&quot;JetBrains Mono&quot;, monospace"><div class="fixed left-0 top-0 z-20 flex w-full p-3 py-2 md:p-8 items-center" style="max-width:100%;justify-content:space-between"><div style="flex:1;display:flex;align-items:center;justify-content:flex-start;padding-left:max(0px, calc(10vw - 2rem))"><a href="/"><img src="/img/FPDWhiteHoriz.svg" class="w-52 lg:w-[15vw] select-none" alt="Future Perfect Digital" fetchPriority="high" style="filter:none;transition:filter 0.3s ease"/></a></div><div style="flex:1;display:flex;justify-content:flex-end"><div style="position:relative;display:flex"><a style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.65rem;color:#fff;background:rgba(0,0,0,0.8);border:0.5px solid rgba(255,255,255,0.4);padding:0.35rem 1.6rem;cursor:pointer;letter-spacing:0.04em;transition:background 0.15s, color 0.15s;white-space:nowrap;text-decoration:none;display:flex;align-items:center;gap:0.5em" href="/"><span style="color:#Eb00B1">&lt;</span> Home</a><div><button style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.65rem;color:#fff;background:rgba(0,0,0,0.8);border-top:0.5px solid rgba(255,255,255,0.4);border-right:0.5px solid rgba(255,255,255,0.4);border-bottom:0.5px solid rgba(255,255,255,0.4);border-left:none;padding:0.35rem 1.6rem;cursor:pointer;letter-spacing:0.04em;transition:background 0.15s, color 0.15s;white-space:nowrap">Our Services</button><div style="display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,0.8);border:0.5px solid #585858;z-index:100"><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:0.5px solid #585858;border-left:none;padding:1rem 1.25rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/services/product-visualisation"><div style="font-size:0.75rem">Product Visualisation</div><div style="font-size:0.55rem;margin-top:0.3rem">For Marketing and Explainer Content</div></a><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:0.5px solid #585858;border-left:none;padding:1rem 1.25rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/services/configurators-and-virtual-showrooms"><div style="font-size:0.75rem">Configurators and Virtual Showrooms</div><div style="font-size:0.55rem;margin-top:0.3rem">For Customisable Products</div></a><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:0.5px solid #585858;border-left:none;padding:1rem 1.25rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/services/digital-event-experiences"><div style="font-size:0.75rem">Digital Event Experiences</div><div style="font-size:0.55rem;margin-top:0.3rem">For Activations and Brand Events</div></a><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:none;border-left:none;padding:1rem 1.25rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/services/interactive-training-and-simulation"><div style="font-size:0.75rem">Interactive Training and Simulation</div><div style="font-size:0.55rem;margin-top:0.3rem">
6For Safety and Compliance Training</div></a></div></div><div><button style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.65rem;color:#fff;background:rgba(0,0,0,0.8);border-top:0.5px solid rgba(255,255,255,0.4);border-right:0.5px solid rgba(255,255,255,0.4);border-bottom:0.5px solid rgba(255,255,255,0.4);border-left:none;padding:0.35rem 1.6rem;cursor:pointer;letter-spacing:0.04em;transition:background 0.15s, color 0.15s;white-space:nowrap">Our Work</button><div style="display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,0.8);border:0.5px solid #585858;z-index:100"><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:0.5px solid #585858;border-left:none;padding:1rem 1.25rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/casestudy/hullbot"><div style="font-size:0.75rem">Event Visual System</div><div style="font-size:0.55rem;margin-top:0.3rem">Singapore Maritime Week 2026, Hullbot</div></a><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:0.5px solid #585858;border-left:none;padding:1rem 1.25rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/casestudy/savic"><div style="font-size:0.75rem">Virtual Product Showroom</div><div style="font-size:0.55rem;margin-top:0.3rem">Web-based configurator, Savic Motorcycles</div></a><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:0.5px solid #585858;border-left:none;padding:1rem 1.25rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/casestudy/drawbridge"><div style="font-size:0.75rem">Interactive Big Brother House</div><div style="font-size:0.55rem;margin-top:0.3rem">Big Brother Australia 2025, Drawbridge</div></a><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:none;border-left:none;padding:1rem 1.25rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/casestudy/jbhxr"><div style="font-size:0.75rem">Interactive Safety Training</div><div style="font-size:0.55rem;margin-top:0.3rem">VR Safety Training &amp; Assessment, JB Hunter XR</div></a></div></div><div><button style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.65rem;color:#fff;background:rgba(0,0,0,0.8);border-top:0.5px solid rgba(255,255,255,0.4);border-right:0.5px solid rgba(255,255,255,0.4);border-bottom:0.5px solid rgba(255,255,255,0.4);border-left:none;padding:0.35rem 1.6rem;cursor:pointer;letter-spacing:0.04em;transition:background 0.15s, color 0.15s;white-space:nowrap;display:flex;align-items:center;gap:0.5em">Let&#x27;s Chat <span style="color:#EB00B1">&gt;</span></button><div style="display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,0.8);border:0.5px solid #585858;z-index:100"><a href="https://futureperfect.fillout.com/book_a_call" target="_blank" rel="noopener noreferrer" style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:0.5px solid #585858;border-left:none;padding:0.9rem 1rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none">Book a Call</a><a href="mailto:[email protected]" style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:0.5px solid #585858;border-left:none;padding:0.9rem 1rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none">Contact Us</a><a style="display:block;width:100%;text-align:left;font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff;background:transparent;border-top:none;border-right:none;border-bottom:none;border-left:none;padding:0.9rem 1rem;cursor:pointer;letter-spacing:0.02em;transition:background 0.15s, color 0.15s;text-decoration:none" href="/workwithus">Work with Us</a></div></div></div></div></div><div style="max-width:1400px;margin:0 auto"><div class="cs-header"><div class="cs-header-logo"><a href="https://www.savicmotorcycles.com.au" target="_blank" rel="noopener noreferrer"><img src="https://cdn.sanity.io/images/ng8czpp4/production/e7203db97f91dda30f1eb7fc9a185f0d3e524810-830x623.png?h=120" alt="Savic Motorcycles logo" class="cs-header-logo-img"/></a></div><div class="cs-header-copy"><span style="font-family:&quot;PixelOperatorMono&quot;, sans-serif;font-size:clamp(0.67rem, 1.67vw, 1.17rem);color:#fff">
6CASE STUDY...</span><h1 style="font-family:&quot;PixelOperatorMono&quot;, sans-serif;font-size:clamp(1rem, 2.5vw, 1.75rem);margin:0.3rem 0;line-height:1.1">SAVIC MOTORCYCLES VIRTUAL SHOWROOM</h1><span style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.6rem;color:#fff">Interactive 3D  /  Configurator  /  eCommerce  /  Lead Capture  /  CGI</span></div></div><div><div><section class="cs-twocol cs-section cs-reversed"><div class="cs-twocol-media"><img src="https://cdn.sanity.io/images/ng8czpp4/production/16953fb83852b54749dc6751734fcecedc73f7d4-1774x904.webp" alt="Cafe racer bike parked on an angle in Melbourne CBD" style="width:100%;height:100%;object-fit:cover;display:block"/></div><div class="cs-twocol-text"><h2 style="font-family:&quot;PixelOperatorMono&quot;, sans-serif;font-size:clamp(0.9rem, 1.5vw, 1.25rem);color:#fff;font-weight:normal;line-height:1.1;margin:0;margin-bottom:1.5rem">THE CHALLENGE_</h2><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">Savic needed to sell a premium electric motorcycle before a single physical bike existed. We&#x27;ve been building the tools that make it possible ever since.</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">FPD approached Savic after seeing a promising product behind a weak, self-built website. At the time, they had no physical bikes available for customers to see, almost no sales infrastructure, and a product that was still being finalised during development — with CAD files being updated as we built.</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">From the start, the configurator had to function as their entire sales process. It needed to handle everything from first discovery through to pre-order purchase, work without installation on any device, and operate reliably unattended as a kiosk at expos and events. It also needed to look credible enough to close sales on a product customers couldn&#x27;t touch.</p></div></section><div class="cs-gap"></div></div><div><section class="cs-twocol cs-section"><div class="cs-twocol-media"><img src="https://cdn.sanity.io/images/ng8czpp4/production/868e53e4dca597efea49661bc3afd5e41f3237d7-1736x928.webp" alt="Overhead view of people working on motorcycle" style="width:100%;height:100%;object-fit:cover;display:block"/></div><div class="cs-twocol-text"><h2 style="font-family:&quot;PixelOperatorMono&quot;, sans-serif;font-size:clamp(0.9rem, 1.5vw, 1.25rem);color:#fff;font-weight:normal;line-height:1.1;margin:0;margin-bottom:1.5rem">A PIPELINE BUILT FOR A MOVING TARGET_</h2><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">One of the central technical challenges was that the motorcycle&#x27;s CAD files were being updated throughout the build. We developed a production pipeline that takes those files, adds high-fidelity lighting and shadows, dramatically reduces file size and retains surface quality and detail throughout. Any update to the product could be turned around and reflected in the configurator quickly without sacrificing visual quality.</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">This pipeline has since become one of FPD&#x27;s core production processes and is used across projects beyond Savic.</p></div></section><div class="cs-gap"></div></div><div><div class="cs-section"><div style="width:100%;overflow:hidden"><video src="https://cdn.sanity.io/files/ng8czpp4/production/f923ed5fc2bcd69b8f73ef8e79edcf69b113ff1f.webm" muted="" loop="" playsInline="" preload="none" style="width:100%;display:block;object-fit:cover"></video></div><div class="cs-threecol"><div class="cs-col"><h2 style="font-family:&quot;PixelOperatorMono&quot;, sans-serif;font-size:clamp(0.9rem, 1.5vw, 1.25rem);color:#fff;font-weight:normal;line-height:1.1;margin:0;margin-bottom:1.5rem">WHAT WE BUILT_</h2></div><div class="cs-col cs-col-border"><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">A real-time 3D motorcycle builder and virtual showroom, engineered from the ground up for performance and built with Savic&#x27;s brand identity running through every interaction.</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">Customers configure their motorcycle in full 3D (colour, finish, accessories) and see every change reflected instantly. The experience runs across all devices with no download or installation required.</p></div><div class="cs-col cs-col-border"><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">Behind the experience, a multi-tiered lead capture system collects customer data at each stage of engagement, feeding directly into HubSpot 
6CRM and Google Analytics. Stripe handles purchase and deposit transactions within the same flow.</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">When a customer completes their configuration, the configurator camera moves to a predefined angle and captures a screenshot. That image is used to generate a personalised SendGrid email brochure. Rendered images of their exact motorcycle with product copy and specifications tailored to the options they chose. Every brochure is unique to that customer&#x27;s build.</p></div></div></div><div style="display:flex;justify-content:flex-end"><a href="https://buildyour.savicmotorcycles.com/" target="_blank" rel="noopener noreferrer" style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.5rem;color:#fff;background:transparent;padding:1.25rem 1rem;text-decoration:none;border:0.5px solid #585858">TRY IT LIVE &gt;</a></div><div class="cs-gap"></div></div><div><section class="cs-twocol cs-section"><div class="cs-twocol-media"><video src="https://cdn.sanity.io/files/ng8czpp4/production/78c2a22f97f112203aac2e7228e8a78e24237c22.webm" muted="" loop="" playsInline="" preload="none" style="width:100%;height:100%;object-fit:cover;display:block"></video></div><div class="cs-twocol-text"><h2 style="font-family:&quot;PixelOperatorMono&quot;, sans-serif;font-size:clamp(0.9rem, 1.5vw, 1.25rem);color:#fff;font-weight:normal;line-height:1.1;margin:0;margin-bottom:1.5rem">THE KIOSK_</h2><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">A separate kiosk version of the configurator runs on large touchscreens at expos and demo ride days. It shares the same core as the web configurator, so any update to the motorcycle or available options is reflected automatically in both.</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">The kiosk does not allow payment entry or navigation away from the page, and leads are captured in a separate HubSpot funnel tagged as kiosk-originating.</p></div></section><div class="cs-gap"></div></div><div><section class="cs-threecol cs-section"><div class="cs-col"><h2 style="font-family:&quot;PixelOperatorMono&quot;, sans-serif;font-size:clamp(0.9rem, 1.5vw, 1.25rem);color:#fff;font-weight:normal;line-height:1.1;margin:0;margin-bottom:1.5rem">RESULT_</h2></div><div class="cs-col cs-col-border"><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">2 minutes 17 seconds average time on the configurator page alone.</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">Every configuration was available for purchase from launch in March 2021, nearly three years before the first bikes were delivered in February 2024. Pre-orders were taken and fulfilled entirely through the configurator.</p></div><div class="cs-col cs-col-border"><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;line-height:1.5;color:#fff;margin:0;margin-top:1rem">Services delivered</p><ul style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.7rem;color:#fff;line-height:1.5;margin-top:0.75rem;padding-left:1.2rem;list-style-type:disc"><li>Real-time 3D configurator</li><li>CAD-to-web production pipeline</li><li>CGI product imagery and animation</li><li>eCommerce integration (Stripe)</li><li>Multi-tiered lead capture and CRM integration (HubSpot, Google Analytics)</li><li>Automated personalised email brochures (SendGrid)</li><li>Event kiosk deployment</li></ul></div></section><div class="cs-gap"></div></div><div><section class="cs-twocol cs-section"><div class="cs-twocol-media"><img src="https://cdn.sanity.io/images/ng8czpp4/production/63b023f6e584e7b429edf4e77102d27752d07c26-1560x1286.webp" alt="Dennis Savic" style="width:100%;height:100%;object-fit:cover;display:block"/></div><div class="cs-twocol-text" style="display:flex;flex-direction:column;justify-content:center"><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.85rem;line-height:1.5;color:#fff;margin:0;font-style:italic;margin-top:1rem">&quot;Before we even had physical bikes to show, we were already closing sales using the 3D configurator. It gave customers the confidence to explore, customise, and pre-order in a fully immersive way.<br/><br/>For us, it&#x27;s the backbone of our direct-to-consumer model. Everything from product exploration to purchase runs through a single, unified channel. It&#x27;
6s streamlined, scalable, and completely transformed how we sell.&quot;</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-size:0.65rem;line-height:1.5;color:#fff;margin:0;margin-top:1.5rem">Dennis Savic<br/>Founder<br/>Savic Motorcycles</p></div></section></div><style>
7        /* ── Base layout ── */
8        .cs-section { border: 0.5px solid #585858; }
9        .cs-twocol { display: flex; flex-direction: column; }
10        .cs-twocol-media { width: 100%; min-height: 240px; overflow: hidden; }
11        .cs-twocol-text { padding: 2rem 1.25rem; }
12        .cs-threecol { display: flex; flex-direction: column; }
13        .cs-col { padding: 1.5rem 1.25rem; }
14        .cs-col-border { border-top: 0.5px solid #585858; }
15        .cs-gap { height: 3rem; background: #000; }
16
17        /* ── Desktop (≥ 768px) ── */
18        @media (min-width: 1025px) {
19          .cs-twocol        { flex-direction: row; }
20          .cs-reversed      { flex-direction: row-reverse; }
21          .cs-twocol-media  { flex: 1; width: auto; min-height: 300px; }
22          .cs-twocol-text   { flex: 1; padding: 3rem 2rem; }
23          .cs-threecol      { flex-direction: row; }
24          .cs-col           { flex: 1; padding: 3rem 2rem; }
25          .cs-col-border    { border: none; }
26          .cs-gap           { height: 6rem; }
27        }
28
29        /* ── Mobile (≤ 767px) — must come last to win ── */
30        @media (max-width: 1024px) {
31          .cs-section    { border: none; }
32          .cs-col-border { border-top: none; }
33        }
34      </style></div><div style="height:4rem"></div></div><div style="max-width:1400px;margin:0 auto;width:100%;padding:0 1.25rem"><div class="csnav-wrapper"><a class="csnav-cell csnav-home" href="/">&lt; Home</a><a class="csnav-cell csnav-cs" href="/casestudy/hullbot"><span class="csnav-label">Hullbot/ SINGAPORE MARITIME WEEK CENTERPIECE</span></a><a class="csnav-cell csnav-cs" href="/casestudy/jbhxr"><span class="csnav-label">JB Hunter XR/ OWNED VR TRAINING PLATFORM FOR SAFETY TRAINING DELIVERY</span></a><a class="csnav-cell csnav-cs" href="/casestudy/drawbridge"><span class="csnav-label">Drawbridge Labs/ BIG BROTHER MOBILE 3D WEB EXPERIENCE</span></a><a class="csnav-cell csnav-contact" href="/contact">Contact &gt;</a></div><style>
35        .csnav-wrapper {
36          display: flex;
37          flex-direction: column;
38          width: 100%;
39          border: 0.5px solid #585858;
40        }
41        .csnav-cell {
42          display: flex;
43          align-items: center;
44          padding: 1rem 1.25rem;
45          font-family: "JetBrains Mono", monospace;
46          font-size: 0.6rem;
47          color: #fff;
48          text-decoration: none;
49          border-bottom: 0.5px solid #585858;
50          transition: color 0.2s, background 0.2s;
51          letter-spacing: 0.03em;
52          white-space: nowrap;
53          overflow: hidden;
54        }
55        .csnav-cell:last-child { border-bottom: none; }
56        .csnav-cell:hover { color: #000; background: #fff; }
57        .csnav-contact { justify-content: flex-end; }
58        .csnav-label { overflow: hidden; text-overflow: ellipsis; }
59
60        @media (min-width: 1025px) {
61          .csnav-wrapper { flex-direction: row; }
62          .csnav-cell { padding: 0 1.25rem; height: 3rem; border-bottom: none; border-right: 0.5px solid #585858; }
63          .csnav-cell:last-child { border-right: none; }
64          .csnav-home { flex-shrink: 0; }
65          .csnav-cs { flex: 1; }
66        }
67      </style></div><div style="height:4rem;background:#000"></div><footer class="fpd-footer"><a href="/"><img src="/img/FPDWhiteHoriz.svg" alt="Future Perfect Digital" class="fpd-footer-logo"/></a><div class="fpd-footer-right"><div class="fpd-footer-nav-panel"><div class="fpd-footer-nav-col"><span class="fpd-footer-col-head">Services_</span><a href="/services/product-visualisation" class="fpd-footer-nav-link">Product Visualisation</a><a href="/services/configurators-and-virtual-showrooms" class="fpd-footer-nav-link">Configurators &amp; Virtual Showrooms</a><a href="/services/digital-event-experiences" class="fpd-footer-nav-link">Digital Event Experiences</a><a href="/services/interactive-training-and-simulation" class="fpd-footer-nav-link">Interactive Training &amp; Simulation</a></div><div class="fpd-footer-nav-col fpd-footer-divider"><span class="fpd-footer-col-head">Work_</span><a href="/casestudy/hullbot" class="fpd-footer-nav-link">Event Visual System</a><a href="/casestudy/savic" class="fpd-footer-nav-link">Virtual Product Showroom</a><a href="/casestudy/drawbridge" class="fpd-footer-nav-link">Interactive Big Brother House</a><a href="/casestudy/jbhxr" class="fpd-footer-nav-link">Interactive Safety Training</a></div></div><div class="fpd-footer-icon-col"><a href="https://www.linkedin.com/company/futureperfect-digital/" target="_blank" rel="noopener noreferrer" class="fpd-footer-icon"><img src="/img/FPDLinkedin.svg" style="display:block" alt="LinkedIn"/></a><a href="https://www.instagram.com/futureperfectdigital/" target="_blank" rel="noopener noreferrer" class="fpd-footer-icon fpd-footer-icon--bordered"><img src="/img/FPDInstagram.svg" style="display:block" alt="Instagram"/></a></div></div><div class="fpd-footer-left"><div class="fpd-footer-text"><div style="display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap"><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-weight:200;font-size:0.5rem;color:#fff;margin:0;line-height:1.6">© Future Perfect Digital 2026</p><span style="font-family:&quot;JetBrains Mono&quot;, monospace;font-weight:200;font-size:0.5rem;color:#fff;margin:0;line-height:1.6">-</span><a href="/privacy" class="fpd-footer-link" style="font-family:&quot;JetBrains Mono&quot;, monospace;font-weight:200;font-size:0.5rem;color:#fff;margin:0;line-height:1.6">Privacy Policy</a><span style="font-family:&quot;JetBrains Mono&quot;, monospace;font-weight:200;font-size:0.5rem;color:#fff;margin:0;line-height:1.6">-</span><a href="/faq" class="fpd-footer-link" style="font-family:&quot;JetBrains Mono&quot;, monospace;font-weight:200;font-size:0.5rem;color:#fff;margin:0;line-height:1.6">Frequently Asked Questions</a></div><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-weight:200;font-size:0.5rem;color:#fff;margin:0;line-height:1.6">Abbotsford, Melbourne, Australia</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-weight:200;font-size:0.5rem;color:#fff;margin:0;line-height:1.6;margin-top:0.75rem">Future Perfect Digital does not work with mining operators, defence, or gambling industries.</p><p style="font-family:&quot;JetBrains Mono&quot;, monospace;font-weight:200;font-size:0.5rem;color:#fff;margin:0;line-height:1.6;margin-top:0.25rem">We acknowledge the traditional custodians of Country throughout Australia and recognise the continuing connection to lands, waters and communities. We pay our respect to Aboriginal and Torres Strait Islander cultures; and to Elders past and present.</p></div></div><style>
68        .fpd-footer {
69          width: 100%;
70          background: #000;
71          border-top: 0.5px solid #585858;
72          box-sizing: border-box;
73          display: flex;
74          flex-direction: column;
75          gap: 1.5rem;
76          padding: 1.5rem;
77        }
78        .fpd-footer-logo {
79          height: 8px;
80          width: auto;
81          display: block;
82        }
83        .fpd-footer-text { display: flex; flex-direction: column; gap: 0.2rem; }
84        .fpd-footer-link { text-decoration: none; }
85        .fpd-footer-link:hover { text-decoration: underline; }
86
87        /* Nav panel */
88        .fpd-footer-right { display: flex; flex-direction: column; }
89        .fpd-footer-nav-panel {
90          display: flex;
91          flex-direction: column;
92          border: 0.5px solid #585858;
93        }
94        .fpd-footer-divider { border-top: 0.5px solid #585858; }
95        .fpd-footer-nav-col {
96          display: flex;
97          flex-direction: column;
98          padding: 0.85rem 1.25rem;
99          gap: 0.4rem;
100        }
101        .fpd-footer-col-head {
102          font-family: "JetBrains Mono", monospace;
103          font-size: 0.5rem;
104          font-weight: 200;
105          color: #fff;
106          margin-bottom: 0.25rem;
107          display: block;
108        }
109        .fpd-footer-nav-link {
110          font-family: "JetBrains Mono", monospace;
111          font-size: 0.5rem;
112          font-weight: 200;
113          color: #fff;
114          text-decoration: none;
115          line-height: 1.5;
116          white-space: nowrap;
117          padding-left: 1rem;
118        }
119        .fpd-footer-nav-link:hover { text-decoration: underline; }
120
121        /* Icons: horizontal row, right-aligned below Work_ on mobile */
122        .fpd-footer-icon-col {
123          display: flex;
124          flex-direction: row;
125          align-self: flex-end;
126        }
127        .fpd-footer-icon {
128          width: 36px;
129          height: 36px;
130          display: flex;
131          align-items: center;
132          justify-content: center;
133          box-sizing: border-box;
134          padding: 6px;
135          border: 0.5px solid #585858;
136        }
137        .fpd-footer-icon + .fpd-footer-icon { border-left: none; }
138        .fpd-footer-icon img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.2s ease; }
139        .fpd-footer-icon:hover img { transform: scale(1.2); }
140
141        @media (min-width: 1025px) {
142          .fpd-footer {
143            display: grid;
144            grid-template-areas: "logo nav" "text nav";
145            grid-template-columns: 1fr auto;
146            grid-template-rows: auto 1fr;
147            gap: 1rem 4rem;
148            padding: 2rem 5%;
149          }
150          .fpd-footer-logo { grid-area: logo; align-self: start; margin-bottom: 0.5rem; }
151          .fpd-footer-left { grid-area: text; align-self: start; }
152          .fpd-footer-right { grid-area: nav; align-self: start; flex-direction: row; }
153          .fpd-footer-nav-panel { flex-direction: row; min-width: 0; }
154          .fpd-footer-divider { border-top: none; border-left: 0.5px solid #585858; }
155          .fpd-footer-nav-col { min-width: 220px; padding: 1.1rem 2.5rem; }
156          /* Icons: vertical column adjoined to right of panel on desktop */
157          .fpd-footer-icon-col {
158            flex-direction: column;
159            align-self: stretch;
160            width: 52px;
161          }
162          .fpd-footer-icon {
163            width: 52px;
164            height: auto;
165            flex: 1;
166            padding: 5px;
167            border: 0.5px solid #585858;
168            border-left: none;
169          }
170          .fpd-footer-icon + .fpd-footer-icon { border-left: none; border-top: 0.5px solid #585858; }
171          .fpd-footer-icon--bordered { border-left: none; }
172        }
173      </style></footer><style>
174        .cs-header {
175          display: flex;
176          flex-direction: column;
177          padding: 5rem 1.25rem 2rem;
178          gap: 1.5rem;
179        }
180        .cs-header-logo {
181          display: flex;
182          gap: 1.5rem;
183          align-items: center;
184        }
185        .cs-header-logo-img {
186          height: 64px;
187          width: auto;
188          object-fit: contain;
189          filter: brightness(0) invert(1);
190        }
191        .cs-header-copy {
192          display: flex;
193          flex-direction: column;
194          gap: 0.3rem;
195        }
196
197        /* Desktop: side-by-side with logo right */
198        @media (min-width: 1025px) {
199          .cs-header {
200            flex-direction: row;
201            align-items: flex-start;
202            justify-content: space-between;
203            padding: 7rem 2rem 2rem;
204            gap: 2rem;
205          }
206          .cs-header-logo { order: 1; flex-shrink: 0; }
207          .cs-header-copy { order: 0; }
208          .cs-header-logo-img { height: 96px; }
209        }
210      </style></main><!--$--><!--/$--></main>
210<script src="/_next/static/chunks/020~kc791vel0.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX" id="_R_" async=""></script>
210<script>(self.__next_f=self.__next_f||[]).push([0])</script>
210<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[79520,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"\"]\n3:I[44805,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"default\"]\n4:I[39756,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"default\"]\n5:I[37457,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"default\"]\n6:I[23091,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0q_ohgz7v65mc.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0hwt6oc4mu7yo.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0ksqi6zqbz-l_.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"default\"]\n7:I[22016,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0q_ohgz7v65mc.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0hwt6oc4mu7yo.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0ksqi6zqbz-l_.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"\"]\n11:I[68027,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"default\",1]\n:HL[\"/_next/static/chunks/0wksvlr5nchk0.css?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"style\"]\n:HL[\"/_next/static/media/f9110429c222a310-s.p.0.m0erkrwgwiv.woff2?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/img/FPDWhiteHoriz.svg\",\"image\"]\n"])</script>
210<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"casestudy\",\"savic\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"casestudy\",{\"children\":[[\"slug\",\"savic\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0wksvlr5nchk0.css?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"jetbrains_mono_9d591052-module__dvAGTa__variable\",\"children\":[\"$\",\"body\",null,{\"style\":{\"margin\":0,\"background\":\"#000\",\"color\":\"#fff\"},\"children\":[[\"$\",\"link\",null,{\"rel\":\"preload\",\"as\":\"image\",\"href\":\"/img/FPDWhiteHoriz.svg\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cdn.sanity.io\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://www.googletagmanager.com\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":[\\\"Organization\\\",\\\"LocalBusiness\\\"],\\\"name\\\":\\\"Future Perfect Digital\\\",\\\"url\\\":\\\"https://futureperfect.digital\\\",\\\"logo\\\":\\\"https://futureperfect.digital/img/FuturePerfectDigital_Thumb.svg\\\",\\\"description\\\":\\\"We turn complex ideas into high-impact visual experiences that help teams explain, differentiate and present with confidence.\\\",\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"addressLocality\\\":\\\"Abbotsford\\\",\\\"addressRegion\\\":\\\"Vic\\\",\\\"addressCountry\\\":\\\"AU\\\"},\\\"sameAs\\\":[\\\"https://www.linkedin.com/company/futureperfect-digital/\\\",\\\"https://www.instagram.com/futureperfectdigital/\\\"]}\"}}],[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-Pgnzyhscrc\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"ga4-init\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', 'G-Pgnzyhscrc');\\n          \"}],[\"$\",\"$L3\",null,{}],[\"$\",\"main\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"style\":{\"background\":\"#000\",\"color\":\"#fff\",\"minHeight\":\"100vh\",\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"display\":\"flex\",\"flexDirection\":\"column\"},\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"div\",null,{\"style\":{\"flex\":1,\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"padding\":\"8rem 1.25rem 4rem\"},\"children\":[\"$\",\"div\",null,{\"style\":{\"maxWidth\":\"480px\",\"width\":\"100%\",\"border\":\"0.5px solid #585858\",\"padding\":\"3rem 2.5rem\",\"textAlign\":\"center\"},\"children\":[[\"$\",\"p\",null,{\"style\":{\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontSize\":\"0.55rem\",\"color\":\"#EB00B1\",\"letterSpacing\":\"0.08em\",\"margin\":\"0 0 1rem\"},\"children\":\"ERROR_\"}],[\"$\",\"h1\",null,{\"style\":{\"fontFamily\":\"\\\"PixelOperatorMono\\\", sans-serif\",\"fontSize\":\"clamp(2.5rem, 8vw, 4rem)\",\"fontWeight\":\"normal\",\"lineHeight\":1,\"margin\":\"0 0 1rem\",\"color\":\"#fff\"},\"children\":\"404_\"}],[\"$\",\"h2\",null,{\"style\":{\"fontFamily\":\"\\\"PixelOperatorMono\\\", sans-serif\",\"fontSize\":\"clamp(1rem, 2.5vw, 1.4rem)\",\"fontWeight\":\"normal\",\"lineHeight\"
210:1.2,\"margin\":\"0 0 1.5rem\",\"color\":\"#fff\"},\"children\":\"PAGE NOT FOUND_\"}],[\"$\",\"p\",null,{\"style\":{\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontSize\":\"0.65rem\",\"lineHeight\":1.5,\"color\":\"#fff\",\"margin\":\"0 0 2rem\"},\"children\":\"The page you're looking for doesn't exist, may have moved, or the link might be out of date.\"}],[\"$\",\"$L7\",null,{\"href\":\"/\",\"style\":{\"display\":\"inline-flex\",\"alignItems\":\"center\",\"gap\":\"0.5em\",\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontSize\":\"0.65rem\",\"color\":\"#fff\",\"background\":\"transparent\",\"border\":\"0.5px solid rgba(255,255,255,0.4)\",\"padding\":\"0.75rem 1.5rem\",\"cursor\":\"pointer\",\"letterSpacing\":\"0.04em\",\"textDecoration\":\"none\",\"transition\":\"background 0.15s, color 0.15s\"},\"children\":[[\"$\",\"span\",null,{\"style\":{\"color\":\"#Eb00B1\"},\"children\":\"\u003c\"}],\" Back to Home\"]}]]}]}],[\"$\",\"footer\",null,{\"className\":\"fpd-footer\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/\",\"children\":\"$L8\"}],\"$L9\",\"$La\",\"$Lb\"]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]}]]}],{\"children\":[\"$Lc\",{\"children\":[\"$Ld\",{\"children\":[\"$Le\",{},null,false,null]},null,false,\"$@f\"]},null,false,\"$@f\"]},null,false,null],\"$L10\",false]],\"m\":\"$undefined\",\"G\":[\"$11\",[\"$L12\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script>
210<script>self.__next_f.push([1,"15:I[97367,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"OutletBoundary\"]\n16:\"$Sreact.suspense\"\n19:I[97367,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"ViewportBoundary\"]\n1b:I[97367,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"MetadataBoundary\"]\n:HL[\"/img/FPDLinkedin.svg\",\"image\"]\n:HL[\"/img/FPDInstagram.svg\",\"image\"]\n8:[\"$\",\"img\",null,{\"src\":\"/img/FPDWhiteHoriz.svg\",\"alt\":\"Future Perfect Digital\",\"className\":\"fpd-footer-logo\"}]\n"])</script>
210<script>self.__next_f.push([1,"9:[\"$\",\"div\",null,{\"className\":\"fpd-footer-right\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fpd-footer-nav-panel\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fpd-footer-nav-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"fpd-footer-col-head\",\"children\":\"Services_\"}],[[\"$\",\"a\",\"/services/product-visualisation\",{\"href\":\"/services/product-visualisation\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Product Visualisation\"}],[\"$\",\"a\",\"/services/configurators-and-virtual-showrooms\",{\"href\":\"/services/configurators-and-virtual-showrooms\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Configurators \u0026 Virtual Showrooms\"}],[\"$\",\"a\",\"/services/digital-event-experiences\",{\"href\":\"/services/digital-event-experiences\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Digital Event Experiences\"}],[\"$\",\"a\",\"/services/interactive-training-and-simulation\",{\"href\":\"/services/interactive-training-and-simulation\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Interactive Training \u0026 Simulation\"}]]]}],[\"$\",\"div\",null,{\"className\":\"fpd-footer-nav-col fpd-footer-divider\",\"children\":[[\"$\",\"span\",null,{\"className\":\"fpd-footer-col-head\",\"children\":\"Work_\"}],[[\"$\",\"a\",\"/casestudy/hullbot\",{\"href\":\"/casestudy/hullbot\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Event Visual System\"}],[\"$\",\"a\",\"/casestudy/savic\",{\"href\":\"/casestudy/savic\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Virtual Product Showroom\"}],[\"$\",\"a\",\"/casestudy/drawbridge\",{\"href\":\"/casestudy/drawbridge\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Interactive Big Brother House\"}],[\"$\",\"a\",\"/casestudy/jbhxr\",{\"href\":\"/casestudy/jbhxr\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Interactive Safety Training\"}]]]}]]}],[\"$\",\"div\",null,{\"className\":\"fpd-footer-icon-col\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/futureperfect-digital/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"fpd-footer-icon\",\"children\":[\"$\",\"img\",null,{\"src\":\"/img/FPDLinkedin.svg\",\"style\":{\"display\":\"block\"},\"alt\":\"LinkedIn\"}]}],[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/futureperfectdigital/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"fpd-footer-icon fpd-footer-icon--bordered\",\"children\":[\"$\",\"img\",null,{\"src\":\"/img/FPDInstagram.svg\",\"style\":{\"display\":\"block\"},\"alt\":\"Instagram\"}]}]]}]]}]\n"])</script>
210<script>self.__next_f.push([1,"a:[\"$\",\"div\",null,{\"className\":\"fpd-footer-left\",\"children\":[\"$\",\"div\",null,{\"className\":\"fpd-footer-text\",\"children\":[[\"$\",\"div\",null,{\"style\":{\"display\":\"flex\",\"gap\":\"0.5rem\",\"alignItems\":\"center\",\"flexWrap\":\"wrap\"},\"children\":[[\"$\",\"p\",null,{\"style\":{\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontWeight\":200,\"fontSize\":\"0.5rem\",\"color\":\"#fff\",\"margin\":0,\"lineHeight\":1.6},\"children\":\"© Future Perfect Digital 2026\"}],[\"$\",\"span\",null,{\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"-\"}],[\"$\",\"a\",null,{\"href\":\"/privacy\",\"className\":\"fpd-footer-link\",\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"Privacy Policy\"}],[\"$\",\"span\",null,{\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"-\"}],[\"$\",\"a\",null,{\"href\":\"/faq\",\"className\":\"fpd-footer-link\",\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"Frequently Asked Questions\"}]]}],[\"$\",\"p\",null,{\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"Abbotsford, Melbourne, Australia\"}],[\"$\",\"p\",null,{\"style\":{\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontWeight\":200,\"fontSize\":\"0.5rem\",\"color\":\"#fff\",\"margin\":0,\"lineHeight\":1.6,\"marginTop\":\"0.75rem\"},\"children\":\"Future Perfect Digital does not work with mining operators, defence, or gambling industries.\"}],[\"$\",\"p\",null,{\"style\":{\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontWeight\":200,\"fontSize\":\"0.5rem\",\"color\":\"#fff\",\"margin\":0,\"lineHeight\":1.6,\"marginTop\":\"0.25rem\"},\"children\":\"We acknowledge the traditional custodians of Country throughout Australia and recognise the continuing connection to lands, waters and communities. We pay our respect to Aboriginal and Torres Strait Islander cultures; and to Elders past and present.\"}]]}]}]\n"])</script>
210<script>self.__next_f.push([1,"13:Te92,"])</script>
210<script>self.__next_f.push([1,"\n        .fpd-footer {\n          width: 100%;\n          background: #000;\n          border-top: 0.5px solid #585858;\n          box-sizing: border-box;\n          display: flex;\n          flex-direction: column;\n          gap: 1.5rem;\n          padding: 1.5rem;\n        }\n        .fpd-footer-logo {\n          height: 8px;\n          width: auto;\n          display: block;\n        }\n        .fpd-footer-text { display: flex; flex-direction: column; gap: 0.2rem; }\n        .fpd-footer-link { text-decoration: none; }\n        .fpd-footer-link:hover { text-decoration: underline; }\n\n        /* Nav panel */\n        .fpd-footer-right { display: flex; flex-direction: column; }\n        .fpd-footer-nav-panel {\n          display: flex;\n          flex-direction: column;\n          border: 0.5px solid #585858;\n        }\n        .fpd-footer-divider { border-top: 0.5px solid #585858; }\n        .fpd-footer-nav-col {\n          display: flex;\n          flex-direction: column;\n          padding: 0.85rem 1.25rem;\n          gap: 0.4rem;\n        }\n        .fpd-footer-col-head {\n          font-family: \"JetBrains Mono\", monospace;\n          font-size: 0.5rem;\n          font-weight: 200;\n          color: #fff;\n          margin-bottom: 0.25rem;\n          display: block;\n        }\n        .fpd-footer-nav-link {\n          font-family: \"JetBrains Mono\", monospace;\n          font-size: 0.5rem;\n          font-weight: 200;\n          color: #fff;\n          text-decoration: none;\n          line-height: 1.5;\n          white-space: nowrap;\n          padding-left: 1rem;\n        }\n        .fpd-footer-nav-link:hover { text-decoration: underline; }\n\n        /* Icons: horizontal row, right-aligned below Work_ on mobile */\n        .fpd-footer-icon-col {\n          display: flex;\n          flex-direction: row;\n          align-self: flex-end;\n        }\n        .fpd-footer-icon {\n          width: 36px;\n          height: 36px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          box-sizing: border-box;\n          padding: 6px;\n          border: 0.5px solid #585858;\n        }\n        .fpd-footer-icon + .fpd-footer-icon { border-left: none; }\n        .fpd-footer-icon img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.2s ease; }\n        .fpd-footer-icon:hover img { transform: scale(1.2); }\n\n        @media (min-width: 1025px) {\n          .fpd-footer {\n            display: grid;\n            grid-template-areas: \"logo nav\" \"text nav\";\n            grid-template-columns: 1fr auto;\n            grid-template-rows: auto 1fr;\n            gap: 1rem 4rem;\n            padding: 2rem 5%;\n          }\n          .fpd-footer-logo { grid-area: logo; align-self: start; margin-bottom: 0.5rem; }\n          .fpd-footer-left { grid-area: text; align-self: start; }\n          .fpd-footer-right { grid-area: nav; align-self: start; flex-direction: row; }\n          .fpd-footer-nav-panel { flex-direction: row; min-width: 0; }\n          .fpd-footer-divider { border-top: none; border-left: 0.5px solid #585858; }\n          .fpd-footer-nav-col { min-width: 220px; padding: 1.1rem 2.5rem; }\n          /* Icons: vertical column adjoined to right of panel on desktop */\n          .fpd-footer-icon-col {\n            flex-direction: column;\n            align-self: stretch;\n            width: 52px;\n          }\n          .fpd-footer-icon {\n            width: 52px;\n            height: auto;\n            flex: 1;\n            padding: 5px;\n            border: 0.5px solid #585858;\n            border-left: none;\n          }\n          .fpd-footer-icon + .fpd-footer-icon { border-left: none; border-top: 0.5px solid #585858; }\n          .fpd-footer-icon--bordered { border-left: none; }\n        }\n      "])</script>
210<script>self.__next_f.push([1,"b:[\"$\",\"style\",null,{\"children\":\"$13\"}]\nc:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nd:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\ne:[\"$\",\"$1\",\"c\",{\"children\":[\"$L14\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0q_ohgz7v65mc.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0hwt6oc4mu7yo.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0ksqi6zqbz-l_.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$16\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@17\"}]}]]}]\n18:[]\nf:\"$W18\"\n10:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L19\",null,{\"children\":\"$L1a\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"$16\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1c\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n12:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0wksvlr5nchk0.css?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
210<script>self.__next_f.push([1,"1a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
210<script>self.__next_f.push([1,"1d:I[81251,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0q_ohgz7v65mc.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0hwt6oc4mu7yo.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0ksqi6zqbz-l_.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"CaseStudyRenderer\"]\n23:I[27201,[\"/_next/static/chunks/0cx2pru~b.275.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\"],\"IconMark\"]\n:HL[\"https://cdn.sanity.io/images/ng8czpp4/production/e7203db97f91dda30f1eb7fc9a185f0d3e524810-830x623.png?h=120\",\"image\"]\n"])</script>
210<script>self.__next_f.push([1,"14:[\"$\",\"main\",null,{\"style\":{\"background\":\"#000\",\"color\":\"#fff\",\"minHeight\":\"100vh\",\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\"},\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"div\",null,{\"style\":{\"maxWidth\":\"1400px\",\"margin\":\"0 auto\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"cs-header\",\"children\":[[\"$\",\"div\",null,{\"className\":\"cs-header-logo\",\"children\":[[\"$\",\"a\",\"0\",{\"href\":\"https://www.savicmotorcycles.com.au\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"img\",\"0\",{\"src\":\"https://cdn.sanity.io/images/ng8czpp4/production/e7203db97f91dda30f1eb7fc9a185f0d3e524810-830x623.png?h=120\",\"alt\":\"Savic Motorcycles logo\",\"className\":\"cs-header-logo-img\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"cs-header-copy\",\"children\":[[\"$\",\"span\",null,{\"style\":{\"fontFamily\":\"\\\"PixelOperatorMono\\\", sans-serif\",\"fontSize\":\"clamp(0.67rem, 1.67vw, 1.17rem)\",\"color\":\"#fff\"},\"children\":\"CASE STUDY...\"}],[\"$\",\"h1\",null,{\"style\":{\"fontFamily\":\"\\\"PixelOperatorMono\\\", sans-serif\",\"fontSize\":\"clamp(1rem, 2.5vw, 1.75rem)\",\"margin\":\"0.3rem 0\",\"lineHeight\":1.1},\"children\":\"SAVIC MOTORCYCLES VIRTUAL SHOWROOM\"}],[\"$\",\"span\",null,{\"style\":{\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontSize\":\"0.6rem\",\"color\":\"#fff\"},\"children\":\"Interactive 3D  /  Configurator  /  eCommerce  /  Lead Capture  /  CGI\"}]]}]]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"$L1d\",null,{\"sections\":[{\"_key\":\"c6359d856e53\",\"_type\":\"twoColumnSection\",\"body\":[{\"_key\":\"ee013324a772\",\"_type\":\"block\",\"children\":[{\"_key\":\"8488a4ec3549\",\"_type\":\"span\",\"marks\":[],\"text\":\"Savic needed to sell a premium electric motorcycle before a single physical bike existed. We've been building the tools that make it possible ever since.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"6652bdce0daa\",\"_type\":\"block\",\"children\":[{\"_key\":\"2dcd97ffd86f\",\"_type\":\"span\",\"marks\":[],\"text\":\"FPD approached Savic after seeing a promising product behind a weak, self-built website. At the time, they had no physical bikes available for customers to see, almost no sales infrastructure, and a product that was still being finalised during development — with CAD files being updated as we built.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"35158710a747\",\"_type\":\"block\",\"children\":[{\"_key\":\"4bf1aa1b756e\",\"_type\":\"span\",\"marks\":[],\"text\":\"From the start, the configurator had to function as their entire sales process. It needed to handle everything from first discovery through to pre-order purchase, work without installation on any device, and operate reliably unattended as a kiosk at expos and events. It also needed to look credible enough to close sales on a product customers couldn't touch.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"col2\":null,\"col3\":null,\"company\":null,\"heading\":\"THE CHALLENGE_\",\"image\":{\"_type\":\"image\",\"alt\":\"Cafe racer bike parked on an angle in Melbourne CBD\",\"asset\":{\"_ref\":\"image-16953fb83852b54749dc6751734fcecedc73f7d4-1774x904-webp\",\"_type\":\"reference\"}},\"mediaPosition\":\"right\",\"mediaType\":\"image\",\"name\":null,\"photo\":null,\"quote\":null,\"role\":null,\"services\":null,\"stat\":null,\"video\":null},{\"_key\":\"a44c04142f62\",\"_type\":\"twoColumnSection\",\"body\":[{\"_key\":\"bc1fefd77802\",\"_type\":\"block\",\"children\":[{\"_key\":\"a844f2e61091\",\"_type\":\"span\",\"marks\":[],\"text\":\"One of the central technical challenges was that the motorcycle's CAD files were being updated throughout the build. We developed a production pipeline that takes those files, adds high-fidelity lighting and shadows, dramatically reduces file size and retains surface quality and detail throughout. Any update to the product could be turned around and reflected in the configurator quickly without sacrificing visual quality.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"a3d0d58aba7d\",\"_type\":\"block\",\"children\":[{\"_key\":\"d19e977126ce\",\"_type\":\"span\",\"marks\":[],\"text\":\"This pipeline has since become one of FPD's core production processes and is used across projects beyond Savic.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"col2\":null,\"col3\":null,\"company\":null,\"heading\":\"A PIPELINE BUILT FOR A MOVING TARGET_\",\"image\":{\"_type\":\"image\",\"alt\":\"Overhead view of people working on motorcycle\",\"asset\":{\"_ref\":\"image-868e53e4dca597efea49661bc3afd5e41f3237d7-1736x928-webp\",\"_type\":\"reference\"}},\"mediaPosition\":\"left\",\"mediaType\":\"image\",\"name\":null,\"photo\":null,\"quote\":null,\"role\":null,\"services\":null,\"stat\":null,\"video\":null},{\"_key\":\"78900d50cfaf\",\"_type\":\"mediaThreeColSection\",\"body\":null,\"col2\":[{\"_key\":\"a42e87ebd7b7\",\"_type\":\"block\",\"children\":[{\"_key\":\"623b349a52c0\",\"_type\":\"span\",\"marks\":[],\"text\":\"A real-time 3D motorcycle builder and virtual showroom, engineered from the ground up for performance and built with Savic's brand identity running through every interaction.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"dd5c06469136\",\"_type\":\"block\",\"children\":[{\"_key\":\"85e2be5172fb\",\"_type\":\"span\",\"marks\":[],\"text\":\"Customers configure their motorcycle in full 3D (colour, finish, accessories) and see every change reflected instantly. The experience runs across all devices with no download or installation required.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"col3\":[{\"_key\":\"ee4bc1f00723\",\"_type\":\"block\",\"children\":[{\"_key\":\"773a242e524d\",\"_type\":\"span\",\"marks\":[],\"text\":\"Behind the experience, a multi-tiered lead capture system collects customer data at each stage of engagement, feeding directly into HubSpot 
210CRM and Google Analytics. Stripe handles purchase and deposit transactions within the same flow.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"abc895cf8cb2\",\"_type\":\"block\",\"children\":[{\"_key\":\"ce9135873b5d\",\"_type\":\"span\",\"marks\":[],\"text\":\"When a customer completes their configuration, the configurator camera moves to a predefined angle and captures a screenshot. That image is used to generate a personalised SendGrid email brochure. Rendered images of their exact motorcycle with product copy and specifications tailored to the options they chose. Every brochure is unique to that customer's build.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"company\":null,\"heading\":\"WHAT WE BUILT_\",\"image\":null,\"mediaPosition\":null,\"mediaType\":\"video\",\"name\":null,\"photo\":null,\"quote\":null,\"role\":null,\"services\":null,\"stat\":null,\"video\":{\"_type\":\"file\",\"asset\":{\"_ref\":\"file-f923ed5fc2bcd69b8f73ef8e79edcf69b113ff1f-webm\",\"_type\":\"reference\"}}},{\"_key\":\"25083a936617\",\"_type\":\"twoColumnSection\",\"body\":[{\"_key\":\"1f8c71881410\",\"_type\":\"block\",\"children\":[{\"_key\":\"0c6431be7715\",\"_type\":\"span\",\"marks\":[],\"text\":\"A separate kiosk version of the configurator runs on large touchscreens at expos and demo ride days. It shares the same core as the web configurator, so any update to the motorcycle or available options is reflected automatically in both.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"e27df35c0755\",\"_type\":\"block\",\"children\":[{\"_key\":\"403368254e55\",\"_type\":\"span\",\"marks\":[],\"text\":\"The kiosk does not allow payment entry or navigation away from the page, and leads are captured in a separate HubSpot funnel tagged as kiosk-originating.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"col2\":null,\"col3\":null,\"company\":null,\"heading\":\"THE KIOSK_\",\"image\":null,\"mediaPosition\":\"left\",\"mediaType\":\"video\",\"name\":null,\"photo\":null,\"quote\":null,\"role\":null,\"services\":null,\"stat\":null,\"video\":{\"_type\":\"file\",\"asset\":{\"_ref\":\"file-78c2a22f97f112203aac2e7228e8a78e24237c22-webm\",\"_type\":\"reference\"}}},{\"_key\":\"5dbd1a8f7f49\",\"_type\":\"threeColumnSection\",\"body\":null,\"col2\":[{\"_key\":\"0d8717b25dac\",\"_type\":\"block\",\"children\":[{\"_key\":\"7b1bfd732514\",\"_type\":\"span\",\"marks\":[],\"text\":\"2 minutes 17 seconds average time on the configurator page alone.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"adec1686935c\",\"_type\":\"block\",\"children\":[{\"_key\":\"8ce4c1279714\",\"_type\":\"span\",\"marks\":[],\"text\":\"Every configuration was available for purchase from launch in March 2021, nearly three years before the first bikes were delivered in February 2024. Pre-orders were taken and fulfilled entirely through the configurator.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"col3\":[{\"_key\":\"8cb65a634868\",\"_type\":\"block\",\"children\":[{\"_key\":\"631cf236c027\",\"_type\":\"span\",\"marks\":[],\"text\":\"Services delivered\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"769e80fa4397\",\"_type\":\"block\",\"children\":[{\"_key\":\"8c19d142e0f8\",\"_type\":\"span\",\"marks\":[],\"text\":\"Real-time 3D configurator\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"dc7064ced797\",\"_type\":\"block\",\"children\":[{\"_key\":\"072ceda4c6eb\",\"_type\":\"span\",\"marks\":[],\"text\":\"CAD-to-web production pipeline\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"b5d757649785\",\"_type\":\"block\",\"children\":[{\"_key\":\"153fa9f2e2ff\",\"_type\":\"span\",\"marks\":[],\"text\":\"CGI product imagery and animation\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"763f0d0611f4\",\"_type\":\"block\",\"children\":[{\"_key\":\"54865e7f9234\",\"_type\":\"span\",\"marks\":[],\"text\":\"eCommerce integration (Stripe)\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"af5533f90918\",\"_type\":\"block\",\"children\":[{\"_key\":\"e0c9d224bc20\",\"_type\":\"span\",\"marks\":[],\"text\":\"Multi-tiered lead capture and CRM integration (HubSpot, Google Analytics)\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"57a69eac3790\",\"_type\":\"block\",\"children\":[{\"_key\":\"7400b96c184d\",\"_type\":\"span\",\"marks\":[],\"text\":\"Automated personalised email brochures (SendGrid)\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"f65e17a32a09\",\"_type\":\"block\",\"children\":[{\"_key\":\"ff2d51de2eae\",\"_type\":\"span\",\"marks\":[],\"text\":\"Event kiosk deployment\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"}],\"company\":null,\"heading\":\"RESULT_\",\"image\":null,\"mediaPosition\":null,\"mediaType\":null,\"name\":null,\"photo\":null,\"quote\":null,\"role\":null,\"services\":null,\"stat\":null,\"video\":null},{\"_key\":\"61903d377ca2\",\"_type\":\"testimonialSection\",\"body\":null,\"col2\":null,\"col3\":null,\"company\":\"Savic Motorcycles\",\"heading\":null,\"image\":null,\"mediaPosition\":null,\"mediaType\":null,\"name\":\"Dennis Savic\",\"photo\":{\"_type\":\"image\",\"alt\":\"Savic team standing around bike\",\"asset\":{\"_ref\":\"image-63b023f6e584e7b429edf4e77102d27752d07c26-1560x1286-webp\",\"_type\":\"reference\"}},\"quote\":[{\"_key\":\"8bdf6644c3fd\",\"_type\":\"block\",\"children\":[{\"_key\":\"99156eed3d36\",\"_type\":\"span\",\"marks\":[],\"text\":\"\\\"Before we even had physical bikes to show, we were already closing sales using the 3D configurator. It gave customers the confidence to explore, customise, and pre-order in a fully immersive way.\\n\\nFor us, it's the backbone of our direct-to-consumer model. Everything from product exploration to purchase runs through a single, unified channel. It's streamlined, scalable, and completely transformed how 
210we sell.\\\"\"}],\"markDefs\":[],\"style\":\"normal\"}],\"role\":\"Founder\",\"services\":null,\"stat\":null,\"video\":null}],\"tryItLiveUrl\":\"https://buildyour.savicmotorcycles.com/\"}]}],\"$L1e\"]}],\"$L1f\",\"$L20\",\"$L21\",\"$L22\"]}]\n"])</script>
210<script>self.__next_f.push([1,"17:null\n"])</script>
210<script>self.__next_f.push([1,"1c:[[\"$\",\"title\",\"0\",{\"children\":\"Savic Motorcycles | SAVIC MOTORCYCLES VIRTUAL SHOWROOM | Future Perfect Digital\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Savic Motorcycles by Future Perfect Digital — Interactive 3D, Configurator, eCommerce, Lead Capture, CGI.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://futureperfect.digital/casestudy/savic\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Savic Motorcycles | SAVIC MOTORCYCLES VIRTUAL SHOWROOM | Future Perfect Digital\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Savic Motorcycles by Future Perfect Digital — Interactive 3D, Configurator, eCommerce, Lead Capture, CGI.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:url\",\"content\":\"https://futureperfect.digital/casestudy/savic\"}],[\"$\",\"meta\",\"6\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:title\",\"content\":\"Savic Motorcycles | SAVIC MOTORCYCLES VIRTUAL SHOWROOM | Future Perfect Digital\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:description\",\"content\":\"Savic Motorcycles by Future Perfect Digital — Interactive 3D, Configurator, eCommerce, Lead Capture, CGI.\"}],[\"$\",\"link\",\"9\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0teztyjgv~5at.ico?dpl=dpl_B8WB1WrNrk12AehwPfowTBwsQXEX\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"10\",{\"rel\":\"icon\",\"href\":\"/img/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"11\",{\"rel\":\"icon\",\"href\":\"/img/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"12\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/apple-touch-icon.png\"}],[\"$\",\"$L23\",\"13\",{}]]\n"])</script>
210<script>self.__next_f.push([1,"1e:[\"$\",\"div\",null,{\"style\":{\"height\":\"4rem\"}}]\n24:T4ac,\n        .csnav-wrapper {\n          display: flex;\n          flex-direction: column;\n          width: 100%;\n          border: 0.5px solid #585858;\n        }\n        .csnav-cell {\n          display: flex;\n          align-items: center;\n          padding: 1rem 1.25rem;\n          font-family: \"JetBrains Mono\", monospace;\n          font-size: 0.6rem;\n          color: #fff;\n          text-decoration: none;\n          border-bottom: 0.5px solid #585858;\n          transition: color 0.2s, background 0.2s;\n          letter-spacing: 0.03em;\n          white-space: nowrap;\n          overflow: hidden;\n        }\n        .csnav-cell:last-child { border-bottom: none; }\n        .csnav-cell:hover { color: #000; background: #fff; }\n        .csnav-contact { justify-content: flex-end; }\n        .csnav-label { overflow: hidden; text-overflow: ellipsis; }\n\n        @media (min-width: 1025px) {\n          .csnav-wrapper { flex-direction: row; }\n          .csnav-cell { padding: 0 1.25rem; height: 3rem; border-bottom: none; border-right: 0.5px solid #585858; }\n          .csnav-cell:last-child { border-right: none; }\n          .csnav-home { flex-shrink: 0; }\n          .csnav-cs { flex: 1; }\n        }\n      1f:[\"$\",\"div\",null,{\"style\":{\"maxWidth\":\"1400px\",\"margin\":\"0 auto\",\"width\":\"100%\",\"padding\":\"0 1.25rem\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"csnav-wrapper\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/\",\"className\":\"csnav-cell csnav-home\",\"children\":\"\u003c Home\"}],[[\"$\",\"$L7\",\"hullbot\",{\"href\":\"/casestudy/hullbot\",\"className\":\"csnav-cell csnav-cs\",\"children\":[\"$\",\"span\",null,{\"className\":\"csnav-label\",\"children\":\"Hullbot/ SINGAPORE MARITIME WEEK CENTERPIECE\"}]}],[\"$\",\"$L7\",\"25ebbadd-dd5d-4537-8c1d-f4ab0f8157f2\",{\"href\":\"/casestudy/jbhxr\",\"className\":\"csnav-cell csnav-cs\",\"children\":[\"$\",\"span\",null,{\"className\":\"csnav-label\",\"children\":\"JB Hunter XR/ OWNED VR TRAINING PLATFORM FOR SAFETY TRAINING DELIVERY\"}]}],[\"$\",\"$L7\",\"e87f47ea-1a3f-452a-88ac-8eb44bcd43a2\",{\"href\":\"/casestudy/drawbridge\",\"className\":\"csnav-cell csnav-cs\",\"children\":[\"$\",\"span\",null,{\"className\":\"csnav-label\",\"children\":\"Drawbridge Labs/ BIG BROTHER MOBILE 3D WEB EXPERIENCE\"}]}]],[\"$\",\"$L7\",null,{\"href\":\"/contact\",\"className\":\"csnav-cell csnav-contact\",\"children\":\"Contact \u003e\"}]]}],[\"$\",\"style\",null,{\"children\":\"$24\"}]]}]\n20:[\"$\",\"div\",null,{\"style\":{\"height\":\"4rem\",\"background\":\"#000\"}}]\n25:Te92,"])</script>
210<script>self.__next_f.push([1,"\n        .fpd-footer {\n          width: 100%;\n          background: #000;\n          border-top: 0.5px solid #585858;\n          box-sizing: border-box;\n          display: flex;\n          flex-direction: column;\n          gap: 1.5rem;\n          padding: 1.5rem;\n        }\n        .fpd-footer-logo {\n          height: 8px;\n          width: auto;\n          display: block;\n        }\n        .fpd-footer-text { display: flex; flex-direction: column; gap: 0.2rem; }\n        .fpd-footer-link { text-decoration: none; }\n        .fpd-footer-link:hover { text-decoration: underline; }\n\n        /* Nav panel */\n        .fpd-footer-right { display: flex; flex-direction: column; }\n        .fpd-footer-nav-panel {\n          display: flex;\n          flex-direction: column;\n          border: 0.5px solid #585858;\n        }\n        .fpd-footer-divider { border-top: 0.5px solid #585858; }\n        .fpd-footer-nav-col {\n          display: flex;\n          flex-direction: column;\n          padding: 0.85rem 1.25rem;\n          gap: 0.4rem;\n        }\n        .fpd-footer-col-head {\n          font-family: \"JetBrains Mono\", monospace;\n          font-size: 0.5rem;\n          font-weight: 200;\n          color: #fff;\n          margin-bottom: 0.25rem;\n          display: block;\n        }\n        .fpd-footer-nav-link {\n          font-family: \"JetBrains Mono\", monospace;\n          font-size: 0.5rem;\n          font-weight: 200;\n          color: #fff;\n          text-decoration: none;\n          line-height: 1.5;\n          white-space: nowrap;\n          padding-left: 1rem;\n        }\n        .fpd-footer-nav-link:hover { text-decoration: underline; }\n\n        /* Icons: horizontal row, right-aligned below Work_ on mobile */\n        .fpd-footer-icon-col {\n          display: flex;\n          flex-direction: row;\n          align-self: flex-end;\n        }\n        .fpd-footer-icon {\n          width: 36px;\n          height: 36px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          box-sizing: border-box;\n          padding: 6px;\n          border: 0.5px solid #585858;\n        }\n        .fpd-footer-icon + .fpd-footer-icon { border-left: none; }\n        .fpd-footer-icon img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.2s ease; }\n        .fpd-footer-icon:hover img { transform: scale(1.2); }\n\n        @media (min-width: 1025px) {\n          .fpd-footer {\n            display: grid;\n            grid-template-areas: \"logo nav\" \"text nav\";\n            grid-template-columns: 1fr auto;\n            grid-template-rows: auto 1fr;\n            gap: 1rem 4rem;\n            padding: 2rem 5%;\n          }\n          .fpd-footer-logo { grid-area: logo; align-self: start; margin-bottom: 0.5rem; }\n          .fpd-footer-left { grid-area: text; align-self: start; }\n          .fpd-footer-right { grid-area: nav; align-self: start; flex-direction: row; }\n          .fpd-footer-nav-panel { flex-direction: row; min-width: 0; }\n          .fpd-footer-divider { border-top: none; border-left: 0.5px solid #585858; }\n          .fpd-footer-nav-col { min-width: 220px; padding: 1.1rem 2.5rem; }\n          /* Icons: vertical column adjoined to right of panel on desktop */\n          .fpd-footer-icon-col {\n            flex-direction: column;\n            align-self: stretch;\n            width: 52px;\n          }\n          .fpd-footer-icon {\n            width: 52px;\n            height: auto;\n            flex: 1;\n            padding: 5px;\n            border: 0.5px solid #585858;\n            border-left: none;\n          }\n          .fpd-footer-icon + .fpd-footer-icon { border-left: none; border-top: 0.5px solid #585858; }\n          .fpd-footer-icon--bordered { border-left: none; }\n        }\n      "])</script>
210<script>self.__next_f.push([1,"21:[\"$\",\"footer\",null,{\"className\":\"fpd-footer\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/\",\"children\":[\"$\",\"img\",null,{\"src\":\"/img/FPDWhiteHoriz.svg\",\"alt\":\"Future Perfect Digital\",\"className\":\"fpd-footer-logo\"}]}],[\"$\",\"div\",null,{\"className\":\"fpd-footer-right\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fpd-footer-nav-panel\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fpd-footer-nav-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"fpd-footer-col-head\",\"children\":\"Services_\"}],[[\"$\",\"a\",\"/services/product-visualisation\",{\"href\":\"/services/product-visualisation\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Product Visualisation\"}],[\"$\",\"a\",\"/services/configurators-and-virtual-showrooms\",{\"href\":\"/services/configurators-and-virtual-showrooms\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Configurators \u0026 Virtual Showrooms\"}],[\"$\",\"a\",\"/services/digital-event-experiences\",{\"href\":\"/services/digital-event-experiences\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Digital Event Experiences\"}],[\"$\",\"a\",\"/services/interactive-training-and-simulation\",{\"href\":\"/services/interactive-training-and-simulation\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Interactive Training \u0026 Simulation\"}]]]}],[\"$\",\"div\",null,{\"className\":\"fpd-footer-nav-col fpd-footer-divider\",\"children\":[[\"$\",\"span\",null,{\"className\":\"fpd-footer-col-head\",\"children\":\"Work_\"}],[[\"$\",\"a\",\"/casestudy/hullbot\",{\"href\":\"/casestudy/hullbot\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Event Visual System\"}],[\"$\",\"a\",\"/casestudy/savic\",{\"href\":\"/casestudy/savic\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Virtual Product Showroom\"}],[\"$\",\"a\",\"/casestudy/drawbridge\",{\"href\":\"/casestudy/drawbridge\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Interactive Big Brother House\"}],[\"$\",\"a\",\"/casestudy/jbhxr\",{\"href\":\"/casestudy/jbhxr\",\"className\":\"fpd-footer-nav-link\",\"children\":\"Interactive Safety Training\"}]]]}]]}],[\"$\",\"div\",null,{\"className\":\"fpd-footer-icon-col\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/futureperfect-digital/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"fpd-footer-icon\",\"children\":[\"$\",\"img\",null,{\"src\":\"/img/FPDLinkedin.svg\",\"style\":{\"display\":\"block\"},\"alt\":\"LinkedIn\"}]}],[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/futureperfectdigital/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"fpd-footer-icon fpd-footer-icon--bordered\",\"children\":[\"$\",\"img\",null,{\"src\":\"/img/FPDInstagram.svg\",\"style\":{\"display\":\"block\"},\"alt\":\"Instagram\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"fpd-footer-left\",\"children\":[\"$\",\"div\",null,{\"className\":\"fpd-footer-text\",\"children\":[[\"$\",\"div\",null,{\"style\":{\"display\":\"flex\",\"gap\":\"0.5rem\",\"alignItems\":\"center\",\"flexWrap\":\"wrap\"},\"children\":[[\"$\",\"p\",null,{\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"© Future Perfect Digital 2026\"}],[\"$\",\"span\",null,{\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"-\"}],[\"$\",\"a\",null,{\"href\":\"/privacy\",\"className\":\"fpd-footer-link\",\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"Privacy Policy\"}],[\"$\",\"span\",null,{\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"-\"}],[\"$\",\"a\",null,{\"href\":\"/faq\",\"className\":\"fpd-footer-link\",\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"Frequently Asked Questions\"}]]}],[\"$\",\"p\",null,{\"style\":\"$a:props:children:props:children:0:props:children:0:props:style\",\"children\":\"Abbotsford, Melbourne, Australia\"}],[\"$\",\"p\",null,{\"style\":{\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontWeight\":2
21000,\"fontSize\":\"0.5rem\",\"color\":\"#fff\",\"margin\":0,\"lineHeight\":1.6,\"marginTop\":\"0.75rem\"},\"children\":\"Future Perfect Digital does not work with mining operators, defence, or gambling industries.\"}],[\"$\",\"p\",null,{\"style\":{\"fontFamily\":\"\\\"JetBrains Mono\\\", monospace\",\"fontWeight\":200,\"fontSize\":\"0.5rem\",\"color\":\"#fff\",\"margin\":0,\"lineHeight\":1.6,\"marginTop\":\"0.25rem\"},\"children\":\"We acknowledge the traditional custodians of Country throughout Australia and recognise the continuing connection to lands, waters and communities. We pay our respect to Aboriginal and Torres Strait Islander cultures; and to Elders past and present.\"}]]}]}],[\"$\",\"style\",null,{\"children\":\"$25\"}]]}]\n"])</script>
210<script>self.__next_f.push([1,"22:[\"$\",\"style\",null,{\"children\":\"\\n        .cs-header {\\n          display: flex;\\n          flex-direction: column;\\n          padding: 5rem 1.25rem 2rem;\\n          gap: 1.5rem;\\n        }\\n        .cs-header-logo {\\n          display: flex;\\n          gap: 1.5rem;\\n          align-items: center;\\n        }\\n        .cs-header-logo-img {\\n          height: 64px;\\n          width: auto;\\n          object-fit: contain;\\n          filter: brightness(0) invert(1);\\n        }\\n        .cs-header-copy {\\n          display: flex;\\n          flex-direction: column;\\n          gap: 0.3rem;\\n        }\\n\\n        /* Desktop: side-by-side with logo right */\\n        @media (min-width: 1025px) {\\n          .cs-header {\\n            flex-direction: row;\\n            align-items: flex-start;\\n            justify-content: space-between;\\n            padding: 7rem 2rem 2rem;\\n            gap: 2rem;\\n          }\\n          .cs-header-logo { order: 1; flex-shrink: 0; }\\n          .cs-header-copy { order: 0; }\\n          .cs-header-logo-img { height: 96px; }\\n        }\\n      \"}]\n"])</script>
210</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.