{"id":741,"date":"2025-08-15T09:56:10","date_gmt":"2025-08-15T09:56:10","guid":{"rendered":"https:\/\/silverstreamd.wpenginepowered.com\/?post_type=solution&#038;p=741"},"modified":"2026-03-23T14:39:19","modified_gmt":"2026-03-23T14:39:19","slug":"technology","status":"publish","type":"solution","link":"https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/","title":{"rendered":"The Silverstream\u00ae System"},"content":{"rendered":"\n<section\n        style=\"--background-image:url('https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Wake-scaled.png');\"\n        class=\"relative pt-0 flex flex-col items-stretch justify-center overflow-hidden block-hero-square\">\n\n    <div class=\"bg-image hidden md:block absolute bg-cover bg-no-repeat inset-0 z-0 lazyload\"\n         style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Wake-scaled.png&#039;)\"><\/div>\n\n            <div class=\"bg-image md:hidden absolute bg-cover bg-no-repeat inset-0 z-0 lazyload\"\n             style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Wake01-scaled.png&#039;)\"><\/div>\n    \n    <div class=\"relative z-10 container mx-auto flex flex-col w-full pb-36 pt-40 md:py-48\">\n        <div class=\"max-w-lg lg:max-w-xl xl:max-w-3xl\">\n            <h1 class=\"mb-4 xl:mb-8 text-heading-4 w-full md:w-11\/12 md:text-heading-2 font-medium\">\n                The Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System            <\/h1>\n\n            <div>\n                <p class=\"font-normal text-heading-5 xl:text-heading-4 mb-6\">\n                    The market-leading Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System is a patented and proven air lubrication technology, designed to drive maritime energy efficiency.                 <\/p>\n                <div class=\"text-body flex flex-col content gap-6 text-accent-blue-lighter\">\n                    <p>Our system fundamentally changes the interaction between water and a vessel. It shears air from air release units (ARUs) in the hull to create a uniform carpet of microbubbles that covers the full flat bottom of a vessel. As a result, frictional resistance is decreased \u2013 reducing fuel consumption and associated emissions.<\/p>\n<p>Our savings have been verified by independent third parties, including leading classification societies, HSVA, Carnival, Shell and the University of Southampton.<\/p>\n                <\/div>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"w-full h-44 md:size-128 md:absolute top-1\/2 -translate-y-1\/2 right-0 md:-right-64 lg:-right-32 xl:-right-16\">\n            <img decoding=\"async\"\n                    alt=\"Decoration of square dots\"\n                    class=\"object-cover object-center size-full lazyload\"\n                    data-src=\"https:\/\/silverstream-tech.com\/wp-content\/themes\/Silverstream\/assets\/images\/decorations\/square-dots.svg?v=2\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n    <\/div>\n<\/section>\n\n<style>\n    .block-hero-square .content strong{\n        font-weight: 600;\n        color:white;\n    }\n<\/style>\n\n<style>\n    .block-hero-square .bg-image{\n        opacity: 0.75;\n        mask-image: linear-gradient(to bottom, black 70%, transparent 100%);\n    }\n    .block-hero-square .bg-image:before{\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-color: rgba(0, 61, 91, 0.5);\n    }\n<\/style>\n\n\n<section class=\"block-stats-row\">\n    <div class=\"container\">\n                    <div class=\"text-center\">\n                <h2 class=\"text-heading-5 md:text-heading-4\">\n                    Delivering cost and CO2 savings                 <\/h2>\n            <\/div>\n                <div class=\"grid grid-cols-4 w-full\">\n                                            <div class=\"col-span-2 md:col-span-1 flex mt-4 mb:mt-0 flex-col py-4 md:py-24 gap-2 w-full items-center\">\n                    <div class=\"size-12 md:size-18 relative overflow-hidden\">\n                        <img decoding=\"async\"\n                                alt=\"\"\n                                class=\"size-full object-cover object-center lazyload\"\n                                data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/07\/boat.svg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                    <p class=\"font-light flex items-center\">\n                        <span x-data=\"countUpOnView(0, 150, 1000)\"\n                              x-intersect.once=\"start()\"\n                              x-text=\"display\" class=\"text-[32px] md:text-heading-2\">\n                            150                        <\/span>\n                        <span class=\"text-[24px] md:text-heading-3 text-primary mb-0.5 md:mb-0\">\n                            +                        <\/span>\n                    <\/p>\n                    <div class=\" flex items-center gap-2\">\n                        <p class=\"text-accent-blue-lighter\">\n                            Vessels                                                    <\/p>\n                        <div x-data=\"{open: false}\" class=\"relative mt-[2px]\" @pointerenter=\"open = true\" @pointerleave=\"open = false\">\n                            <div x-cloak class=\"bg-white w-screen max-w-[200px] -translate-y-[2px] absolute bottom-full left-1\/2 text-secondary -translate-x-1\/2 rounded-md text-sm px-4 py-2 text-center\" x-show=\"open\">\n                                The number of vessels with Silverstream ALS system onboard in service                            <\/div>\n                            <button class=\"cursor-pointer\" @focus=\"open = true\" @blur=\"open = false\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"size-4\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                    <path d=\"M12 16v-4\"\/>\n                                    <path d=\"M12 8h.01\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                                            <div class=\"col-span-2 md:col-span-1 flex mt-4 mb:mt-0 flex-col py-4 md:py-24 gap-2 w-full items-center\">\n                    <div class=\"size-12 md:size-18 relative overflow-hidden\">\n                        <img decoding=\"async\"\n                                alt=\"\"\n                                class=\"size-full object-cover object-center lazyload\"\n                                data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/07\/gasmeter.svg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                    <p class=\"font-light flex items-end\">\n                        <span x-data=\"countUpOnView(0, 5, 1000)\"\n                              x-intersect.once=\"start()\"\n                              x-text=\"display\" class=\"text-[32px] md:text-heading-2\">\n                            5                        <\/span>\n                        <span class=\"text-[24px] md:text-heading-3 text-primary translate-y-1 md:translate-y-0 md:mb-1\">\n                            bn                        <\/span>\n                    <\/p>\n                    <div class=\" flex items-center gap-2\">\n                        <p class=\"text-accent-blue-lighter\">\n                            Fuel dollar savings                                                    <\/p>\n                        <div x-data=\"{open: false}\" class=\"relative mt-[2px]\" @pointerenter=\"open = true\" @pointerleave=\"open = false\">\n                            <div x-cloak class=\"bg-white w-screen max-w-[200px] -translate-y-[2px] absolute bottom-full left-1\/2 text-secondary -translate-x-1\/2 rounded-md text-sm px-4 py-2 text-center\" x-show=\"open\">\n                                Amount of fuel saved across the in service fleet averaged across fleet and sectors expected operational profiles                            <\/div>\n                            <button class=\"cursor-pointer\" @focus=\"open = true\" @blur=\"open = false\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"size-4\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                    <path d=\"M12 16v-4\"\/>\n                                    <path d=\"M12 8h.01\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                                            <div class=\"col-span-2 md:col-span-1 flex mt-4 mb:mt-0 flex-col py-4 md:py-24 gap-2 w-full items-center\">\n                    <div class=\"size-12 md:size-18 relative overflow-hidden\">\n                        <img decoding=\"async\"\n                                alt=\"\"\n                                class=\"size-full object-cover object-center lazyload\"\n                                data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/07\/air.svg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                    <p class=\"font-light flex items-end\">\n                        <span x-data=\"countUpOnView(0, 20, 1000)\"\n                              x-intersect.once=\"start()\"\n                              x-text=\"display\" class=\"text-[32px] md:text-heading-2\">\n                            20                        <\/span>\n                        <span class=\"text-[24px] md:text-heading-3 text-primary translate-y-1 md:translate-y-0 md:mb-1\">\n                            m                        <\/span>\n                    <\/p>\n                    <div class=\" flex items-center gap-2\">\n                        <p class=\"text-accent-blue-lighter\">\n                            Tonnes of Co2                                                    <\/p>\n                        <div x-data=\"{open: false}\" class=\"relative mt-[2px]\" @pointerenter=\"open = true\" @pointerleave=\"open = false\">\n                            <div x-cloak class=\"bg-white w-screen max-w-[200px] -translate-y-[2px] absolute bottom-full left-1\/2 text-secondary -translate-x-1\/2 rounded-md text-sm px-4 py-2 text-center\" x-show=\"open\">\n                                Amount of CO2 saved from the fuel savings                            <\/div>\n                            <button class=\"cursor-pointer\" @focus=\"open = true\" @blur=\"open = false\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"size-4\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                    <path d=\"M12 16v-4\"\/>\n                                    <path d=\"M12 8h.01\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                                            <div class=\"col-span-2 md:col-span-1 flex mt-4 mb:mt-0 flex-col py-4 md:py-24 gap-2 w-full items-center\">\n                    <div class=\"size-12 md:size-18 relative overflow-hidden\">\n                        <img decoding=\"async\"\n                                alt=\"\"\n                                class=\"size-full object-cover object-center lazyload\"\n                                data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/07\/paid.svg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                    <p class=\"font-light flex items-end\">\n                        <span x-data=\"countUpOnView(0, 2, 1000)\"\n                              x-intersect.once=\"start()\"\n                              x-text=\"display\" class=\"text-[32px] md:text-heading-2\">\n                            2                        <\/span>\n                        <span class=\"text-[24px] md:text-heading-3 text-primary translate-y-1 md:translate-y-0 md:mb-1\">\n                            bn                        <\/span>\n                    <\/p>\n                    <div class=\" flex items-center gap-2\">\n                        <p class=\"text-accent-blue-lighter\">\n                            Carbon tax dollars                                                    <\/p>\n                        <div x-data=\"{open: false}\" class=\"relative mt-[2px]\" @pointerenter=\"open = true\" @pointerleave=\"open = false\">\n                            <div x-cloak class=\"bg-white w-screen max-w-[200px] -translate-y-[2px] absolute bottom-full left-1\/2 text-secondary -translate-x-1\/2 rounded-md text-sm px-4 py-2 text-center\" x-show=\"open\">\n                                The potential Carbon tax the in service fleet would have to pay if they didn&#8217;t have Silverstream ALS saving them fuel                            <\/div>\n                            <button class=\"cursor-pointer\" @focus=\"open = true\" @blur=\"open = false\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"size-4\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                    <path d=\"M12 16v-4\"\/>\n                                    <path d=\"M12 8h.01\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<script>\n\tfunction countUpOnView(startValue = 0, endValue = 100, duration = 1000) {\n\t\treturn {\n\t\t\tdisplay: startValue,\n\t\t\thasStarted: false,\n\t\t\tstart() {\n\t\t\t\tif (this.hasStarted) return;\n\t\t\t\tthis.hasStarted = true;\n\n\t\t\t\tconst start = performance.now();\n\t\t\t\tconst range = endValue - startValue;\n\n\t\t\t\tconst update = (now) => {\n\t\t\t\t\tconst elapsed = now - start;\n\t\t\t\t\tconst progress = Math.min(elapsed \/ duration, 1);\n\t\t\t\t\tthis.display = Math.floor(startValue + range * progress);\n\n\t\t\t\t\tif (progress < 1) {\n\t\t\t\t\t\trequestAnimationFrame(update);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.display = endValue;\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\trequestAnimationFrame(update);\n\t\t\t}\n\t\t}\n\t}\n<\/script>\n\n\n\n<section x-data=\"videoPlayer6a69f7e4902eb\" class=\"block-custom-video\">\n    <div class=\"container py-8\">\n        <div class=\"relative group\">\n                            <div style=\"aspect-ratio:16\/9;position:relative;\" class=\"bg-black\/50\">\n                    <template x-if=\"!loaded\">\n                        <button type=\"button\"\n                                @click=\"loadPlayer()\"\n                                class=\"absolute inset-0 w-full h-full flex items-center justify-center cursor-pointer group\/facade\"\n                                aria-label=\"Play video\">\n                                                                                            <img src=\"https:\/\/i.vimeocdn.com\/video\/2063023665-fc7b69f42002fc2cfaff6855d4bf41a183e318fcba0d6e3800858ee1e0fcac21-d_1280?region=us\"\n                                     alt=\"\"\n                                                                                                               loading=\"lazy\"\n                                     decoding=\"async\"\n                                     class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                        <span class=\"relative z-10 flex items-center justify-center size-16 md:size-20 rounded-full bg-black\/60 group-hover\/facade:bg-black\/80 transition-colors\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"white\" class=\"w-6 h-6 ml-1\" aria-hidden=\"true\">\n                                    <path d=\"M8 5v14l11-7z\"\/>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                    <\/template>\n                    <template x-if=\"loaded\">\n                        <iframe :src=\"embedSrc\"\n                                frameborder=\"0\"\n                                allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\"\n                                referrerpolicy=\"strict-origin-when-cross-origin\"\n                                style=\"position:absolute;top:0;left:0;width:100%;height:100%;\"\n                                title=\"Video player\"><\/iframe>\n                    <\/template>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n    document.addEventListener('alpine:init', () => {\n        Alpine.data('videoPlayer6a69f7e4902eb', () => ({\n            videoLength: '',\n            isPlaying: false,\n            loaded: false,\n            embedSrc: \"https:\\\/\\\/player.vimeo.com\\\/video\\\/1121851969?src=1&muted=1&autoplay=1\",\n\n            init() {\n                            },\n\n            loadPlayer() {\n                this.loaded = true;\n                if (!window.__vimeoApiLoaded) {\n                    const s = document.createElement('script');\n                    s.src = 'https:\/\/player.vimeo.com\/api\/player.js';\n                    s.async = true;\n                    document.head.appendChild(s);\n                    window.__vimeoApiLoaded = true;\n                }\n            },\n\n            togglePlaying() {\n                const videoElement = document.getElementById('video6a69f7e4902ec');\n                if (!videoElement) return;\n                if (videoElement.paused) {\n                    videoElement.play();\n                    this.isPlaying = true;\n                } else {\n                    videoElement.pause();\n                    this.isPlaying = false;\n                }\n            }\n        }));\n    });\n<\/script>\n\n\n\n<section class=\"py-12 md:py-20 bg-white text-secondary block-illustration-grid \" x-data=\"illustrationGrid\">\n    <div class=\"container flex gap-4 md:gap-8 flex-col justify-center text-center items-center md:items-start\">\n                    <p class=\"text-2xl md:text-heading-3 text-center mx-auto\">\n                Unlock the benefits of the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System            <\/p>\n                            <div class=\"max-w-3xl mx-auto\">\n                <p class=\"text-body mx-auto\">\n                    <p>Our patented and fuel-agnostic Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System creates a uniform carpet of microbubbles that cuts frictional resistance between a ship\u2019s hull and the water. This dramatically reduces fuel consumption and associated emissions, delivering between 5-10% proven net fuel and emissions savings, depending on vessel type. <strong>Our savings have been verified by independent third parties, <\/strong>including classification societies, academic institutions and shipping industry leaders<\/p>\n                <\/p>\n            <\/div>\n        \n                    <div class=\"flex mx-auto flex-wrap border rounded-full p-1 gap-1 border-accent-blue-lighter\">\n                                                        <button class=\"py-2.5 px-2 md:px-4 xl:px-6 rounded-full font-medium text-xs md:text-sm\"\n                            :class=\"tab === 'container' ? 'bg-secondary text-white' : 'cursor-pointer text-secondary hover:bg-secondary\/10'\"\n                            @click=\"switchTab('container')\">\n                        Container                    <\/button>\n                                                        <button class=\"py-2.5 px-2 md:px-4 xl:px-6 rounded-full font-medium text-xs md:text-sm\"\n                            :class=\"tab === 'lng' ? 'bg-secondary text-white' : 'cursor-pointer text-secondary hover:bg-secondary\/10'\"\n                            @click=\"switchTab('lng')\">\n                        LNG                    <\/button>\n                                                        <button class=\"py-2.5 px-2 md:px-4 xl:px-6 rounded-full font-medium text-xs md:text-sm\"\n                            :class=\"tab === 'ro-ro' ? 'bg-secondary text-white' : 'cursor-pointer text-secondary hover:bg-secondary\/10'\"\n                            @click=\"switchTab('ro-ro')\">\n                        Ro-Ro                    <\/button>\n                                                        <button class=\"py-2.5 px-2 md:px-4 xl:px-6 rounded-full font-medium text-xs md:text-sm\"\n                            :class=\"tab === 'pctc' ? 'bg-secondary text-white' : 'cursor-pointer text-secondary hover:bg-secondary\/10'\"\n                            @click=\"switchTab('pctc')\">\n                        PCTC                    <\/button>\n                                                        <button class=\"py-2.5 px-2 md:px-4 xl:px-6 rounded-full font-medium text-xs md:text-sm\"\n                            :class=\"tab === 'cruise' ? 'bg-secondary text-white' : 'cursor-pointer text-secondary hover:bg-secondary\/10'\"\n                            @click=\"switchTab('cruise')\">\n                        Cruise                    <\/button>\n                            <\/div>\n        \n                                <div class=\"w-full\" x-show=\"tab === 'container'\">\n                <img decoding=\"async\" alt data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard.jpg\"\n                     width=\"1920\"\n                     height=\"499\"\n                     class=\"hidden md:flex w-full lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/499;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n\n                <div class=\"w-[calc(100%+(var(--spacing)*8))] -mx-4 md:hidden\">\n                    <div\n        x-data=\"scrollSlider()\"\n        x-init=\"init\"\n        class=\"w-full max-w-full overflow-hidden\"\n>\n    <!-- Scrollable container -->\n    <div\n            x-ref=\"scrollContainer\"\n            class=\"overflow-hidden whitespace-nowrap image-scroller-container\"\n            @scroll=\"syncSlider\"\n    >\n        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard.jpg\"\n             alt\n             class=\"inline-block h-[300px] max-w-[unset] max-h-[300px] smush-dimensions lazyload\" width=\"1920\" style=\"--smush-image-width: 1920px; --smush-image-aspect-ratio: 1920\/499;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Container-Standard-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n    <\/div>\n\n    <!-- Slider control -->\n    <div class=\"px-4 my-6\">\n        <label class=\"sr-only\">\n            Scroll to position: <span x-text=\"sliderValue + '%'\"><\/span>\n        <\/label>\n        <input\n                type=\"range\"\n                min=\"0\"\n                max=\"100\"\n                x-model=\"sliderValue\"\n                @input=\"scrollToPercent\"\n                class=\"w-full custom-range\"\n        \/>\n    <\/div>\n<\/div>\n\n\n<script>\n\tfunction scrollSlider() {\n\t\treturn {\n\t\t\tsliderValue: 0,\n\t\t\tscrollContainer: null,\n\n\t\t\tinit() {\n\t\t\t\tthis.scrollContainer = this.$refs.scrollContainer;\n\t\t\t},\n\n\t\t\tscrollToPercent() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tconst targetScroll = (this.sliderValue \/ 100) * maxScroll;\n\t\t\t\tthis.scrollContainer.scrollLeft = targetScroll;\n\t\t\t},\n\n\t\t\tsyncSlider() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tthis.sliderValue = (this.scrollContainer.scrollLeft \/ maxScroll) * 100;\n\t\t\t}\n\t\t};\n\t}\n<\/script>\n\n<style>\n    .image-scroller-container {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n    .image-scroller-container::-webkit-scrollbar {\n        display: none;\n    }\n<\/style>\n                <\/div>\n\n                                    <div class=\"flex flex-col md:flex-row gap-4 md:gap-12 justify-center w-full mt-6\">\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\"\n                                         width=\"131\"\n                                         height=\"126\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Control and Monitoring System\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 131px; --smush-placeholder-aspect-ratio: 131\/126;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Control and Monitoring System                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\" alt=\"image of the Silverstream System's Control and Monitoring System\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"131\" style=\"--smush-image-width: 131px; --smush-image-aspect-ratio: 131\/126;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Control and Monitoring System                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The Control and Monitoring System (CMS) for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System comprises the main Control Cabinet, which includes the processing unit, and at least one workstation which is either mounted to the CMS panel or installed in a location defined by the customer. Additional Workstations can be positioned in other locations around the vessel depending on design requirements. The CMS interfaces with the ALS plant as well as shipboard systems. The workstation is the primary Human Machine Interface (HMI) for operation of the ALS. In addition to the main ALS workstation, portable workstations can be connected to the Ethernet control network at locations requested by the owner to act as an additional HMI.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\"\n                                         width=\"160\"\n                                         height=\"147\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Compressor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 160px; --smush-placeholder-aspect-ratio: 160\/147;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Compressors                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\" alt=\"image of the Silverstream System's Air Compressor\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"160\" style=\"--smush-image-width: 160px; --smush-image-aspect-ratio: 160\/147;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Compressors                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <div>The ALS utilises a set of low-pressure oil-free volumetric compressors, mostly of the helical screw type, which generate a constant volumetric flow for a given speed of motor operation. Each compressor is powered through a VSD-controlled motor. The compressor speed is controlled by the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System and varies depending on the vessel\u2019s draught and speed.<\/div>\n<div>Each compressor supplies air to two (2) ARUs. The location of the compressors is decided depending on the position of the ARUs, the existing piping arrangements and piping that potentially needs to be installed. They are arranged in such a manner that they are as evenly distributed as possible between the port and starboard sides of the vessel.<\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\"\n                                         width=\"281\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Release Unit\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 281px; --smush-placeholder-aspect-ratio: 281\/112;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Release Units                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\" alt=\"image of the Silverstream System's Air Release Unit\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"281\" style=\"--smush-image-width: 281px; --smush-image-aspect-ratio: 281\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Release Units                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>An Air Release Units (ARU)\u00a0is a proprietary discharge unit that penetrates the hull and releases air fed through the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System pipework into the water stream. As the vessel sails, the ARUs generate a carpet of microbubbles which reduces the vessel\u2019s frictional resistance. The ARUs are built using structural steel, fabricated in accordance with Class requirements. They are arranged in a pattern, determined during the design phase, and are integrated into the bottom structure towards the bow.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\"\n                                         width=\"203\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Balancing Module\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 203px; --smush-placeholder-aspect-ratio: 203\/112;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Balancing Module                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\" alt=\"image of the Silverstream System's Air Balancing Module\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"203\" style=\"--smush-image-width: 203px; --smush-image-aspect-ratio: 203\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Balancing Module                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The air balancing module is a custom fabricated galvanised steel component for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System that distributes air from the compressor to both ARU branches. Flanged bosses are welded for the drain valve, level sensor and spares that are blanked to allow for troubleshooting.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                                <div class=\"w-full\" x-show=\"tab === 'lng'\">\n                <img decoding=\"async\" alt data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG.jpg\"\n                     width=\"1920\"\n                     height=\"499\"\n                     class=\"hidden md:flex w-full lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/499;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n\n                <div class=\"w-[calc(100%+(var(--spacing)*8))] -mx-4 md:hidden\">\n                    <div\n        x-data=\"scrollSlider()\"\n        x-init=\"init\"\n        class=\"w-full max-w-full overflow-hidden\"\n>\n    <!-- Scrollable container -->\n    <div\n            x-ref=\"scrollContainer\"\n            class=\"overflow-hidden whitespace-nowrap image-scroller-container\"\n            @scroll=\"syncSlider\"\n    >\n        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG.jpg\"\n             alt\n             class=\"inline-block h-[300px] max-w-[unset] max-h-[300px] smush-dimensions lazyload\" width=\"1920\" style=\"--smush-image-width: 1920px; --smush-image-aspect-ratio: 1920\/499;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/LNG-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n    <\/div>\n\n    <!-- Slider control -->\n    <div class=\"px-4 my-6\">\n        <label class=\"sr-only\">\n            Scroll to position: <span x-text=\"sliderValue + '%'\"><\/span>\n        <\/label>\n        <input\n                type=\"range\"\n                min=\"0\"\n                max=\"100\"\n                x-model=\"sliderValue\"\n                @input=\"scrollToPercent\"\n                class=\"w-full custom-range\"\n        \/>\n    <\/div>\n<\/div>\n\n\n<script>\n\tfunction scrollSlider() {\n\t\treturn {\n\t\t\tsliderValue: 0,\n\t\t\tscrollContainer: null,\n\n\t\t\tinit() {\n\t\t\t\tthis.scrollContainer = this.$refs.scrollContainer;\n\t\t\t},\n\n\t\t\tscrollToPercent() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tconst targetScroll = (this.sliderValue \/ 100) * maxScroll;\n\t\t\t\tthis.scrollContainer.scrollLeft = targetScroll;\n\t\t\t},\n\n\t\t\tsyncSlider() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tthis.sliderValue = (this.scrollContainer.scrollLeft \/ maxScroll) * 100;\n\t\t\t}\n\t\t};\n\t}\n<\/script>\n\n<style>\n    .image-scroller-container {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n    .image-scroller-container::-webkit-scrollbar {\n        display: none;\n    }\n<\/style>\n                <\/div>\n\n                                    <div class=\"flex flex-col md:flex-row gap-4 md:gap-12 justify-center w-full mt-6\">\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\"\n                                         width=\"131\"\n                                         height=\"126\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Control and Monitoring System\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 131px; --smush-placeholder-aspect-ratio: 131\/126;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Control and Monitoring System                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\" alt=\"image of the Silverstream System's Control and Monitoring System\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"131\" style=\"--smush-image-width: 131px; --smush-image-aspect-ratio: 131\/126;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Control and Monitoring System                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The Control and Monitoring System (CMS) for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System comprises the main Control Cabinet, which includes the processing unit, and at least one workstation which is either mounted to the CMS panel or installed in a location defined by the customer. Additional Workstations can be positioned in other locations around the vessel depending on design requirements. The CMS interfaces with the ALS plant as well as shipboard systems. The workstation is the primary Human Machine Interface (HMI) for operation of the ALS. In addition to the main ALS workstation, portable workstations can be connected to the Ethernet control network at locations requested by the owner to act as an additional HMI.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\"\n                                         width=\"160\"\n                                         height=\"147\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Compressor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 160px; --smush-placeholder-aspect-ratio: 160\/147;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Compressors                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\" alt=\"image of the Silverstream System's Air Compressor\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"160\" style=\"--smush-image-width: 160px; --smush-image-aspect-ratio: 160\/147;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Compressors                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <div>The ALS utilises a set of low-pressure oil-free volumetric compressors, mostly of the helical screw type, which generate a constant volumetric flow for a given speed of motor operation. Each compressor is powered through a VSD-controlled motor. The compressor speed is controlled by the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System and varies depending on the vessel\u2019s draught and speed.<\/div>\n<div>Each compressor supplies air to two (2) ARUs. The location of the compressors is decided depending on the position of the ARUs, the existing piping arrangements and piping that potentially needs to be installed. They are arranged in such a manner that they are as evenly distributed as possible between the port and starboard sides of the vessel.<\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\"\n                                         width=\"281\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Release Unit\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 281px; --smush-placeholder-aspect-ratio: 281\/112;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Release Units                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\" alt=\"image of the Silverstream System's Air Release Unit\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"281\" style=\"--smush-image-width: 281px; --smush-image-aspect-ratio: 281\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Release Units                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>An Air Release Units (ARU)\u00a0is a proprietary discharge unit that penetrates the hull and releases air fed through the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System pipework into the water stream. As the vessel sails, the ARUs generate a carpet of microbubbles which reduces the vessel\u2019s frictional resistance. The ARUs are built using structural steel, fabricated in accordance with Class requirements. They are arranged in a pattern, determined during the design phase, and are integrated into the bottom structure towards the bow.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\"\n                                         width=\"203\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Balancing Module\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 203px; --smush-placeholder-aspect-ratio: 203\/112;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Balancing Module                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\" alt=\"image of the Silverstream System's Air Balancing Module\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"203\" style=\"--smush-image-width: 203px; --smush-image-aspect-ratio: 203\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Balancing Module                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The air balancing module is a custom fabricated galvanised steel component for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System that distributes air from the compressor to both ARU branches. Flanged bosses are welded for the drain valve, level sensor and spares that are blanked to allow for troubleshooting.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                                <div class=\"w-full\" x-show=\"tab === 'ro-ro'\">\n                <img decoding=\"async\" alt data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo.jpg\"\n                     width=\"1920\"\n                     height=\"499\"\n                     class=\"hidden md:flex w-full lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/499;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n\n                <div class=\"w-[calc(100%+(var(--spacing)*8))] -mx-4 md:hidden\">\n                    <div\n        x-data=\"scrollSlider()\"\n        x-init=\"init\"\n        class=\"w-full max-w-full overflow-hidden\"\n>\n    <!-- Scrollable container -->\n    <div\n            x-ref=\"scrollContainer\"\n            class=\"overflow-hidden whitespace-nowrap image-scroller-container\"\n            @scroll=\"syncSlider\"\n    >\n        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo.jpg\"\n             alt\n             class=\"inline-block h-[300px] max-w-[unset] max-h-[300px] smush-dimensions lazyload\" width=\"1920\" style=\"--smush-image-width: 1920px; --smush-image-aspect-ratio: 1920\/499;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/RoRo-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n    <\/div>\n\n    <!-- Slider control -->\n    <div class=\"px-4 my-6\">\n        <label class=\"sr-only\">\n            Scroll to position: <span x-text=\"sliderValue + '%'\"><\/span>\n        <\/label>\n        <input\n                type=\"range\"\n                min=\"0\"\n                max=\"100\"\n                x-model=\"sliderValue\"\n                @input=\"scrollToPercent\"\n                class=\"w-full custom-range\"\n        \/>\n    <\/div>\n<\/div>\n\n\n<script>\n\tfunction scrollSlider() {\n\t\treturn {\n\t\t\tsliderValue: 0,\n\t\t\tscrollContainer: null,\n\n\t\t\tinit() {\n\t\t\t\tthis.scrollContainer = this.$refs.scrollContainer;\n\t\t\t},\n\n\t\t\tscrollToPercent() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tconst targetScroll = (this.sliderValue \/ 100) * maxScroll;\n\t\t\t\tthis.scrollContainer.scrollLeft = targetScroll;\n\t\t\t},\n\n\t\t\tsyncSlider() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tthis.sliderValue = (this.scrollContainer.scrollLeft \/ maxScroll) * 100;\n\t\t\t}\n\t\t};\n\t}\n<\/script>\n\n<style>\n    .image-scroller-container {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n    .image-scroller-container::-webkit-scrollbar {\n        display: none;\n    }\n<\/style>\n                <\/div>\n\n                                    <div class=\"flex flex-col md:flex-row gap-4 md:gap-12 justify-center w-full mt-6\">\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\"\n                                         width=\"131\"\n                                         height=\"126\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Control and Monitoring System\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 131px; --smush-placeholder-aspect-ratio: 131\/126;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Control and Monitoring System                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\" alt=\"image of the Silverstream System's Control and Monitoring System\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"131\" style=\"--smush-image-width: 131px; --smush-image-aspect-ratio: 131\/126;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Control and Monitoring System                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The Control and Monitoring System (CMS) for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System comprises the main Control Cabinet, which includes the processing unit, and at least one workstation which is either mounted to the CMS panel or installed in a location defined by the customer. Additional Workstations can be positioned in other locations around the vessel depending on design requirements. The CMS interfaces with the ALS plant as well as shipboard systems. The workstation is the primary Human Machine Interface (HMI) for operation of the ALS. In addition to the main ALS workstation, portable workstations can be connected to the Ethernet control network at locations requested by the owner to act as an additional HMI.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\"\n                                         width=\"160\"\n                                         height=\"147\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Compressor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 160px; --smush-placeholder-aspect-ratio: 160\/147;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Compressors                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\" alt=\"image of the Silverstream System's Air Compressor\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"160\" style=\"--smush-image-width: 160px; --smush-image-aspect-ratio: 160\/147;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Compressors                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <div>The ALS utilises a set of low-pressure oil-free volumetric compressors, mostly of the helical screw type, which generate a constant volumetric flow for a given speed of motor operation. Each compressor is powered through a VSD-controlled motor. The compressor speed is controlled by the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System and varies depending on the vessel\u2019s draught and speed.<\/div>\n<div>Each compressor supplies air to two (2) ARUs. The location of the compressors is decided depending on the position of the ARUs, the existing piping arrangements and piping that potentially needs to be installed. They are arranged in such a manner that they are as evenly distributed as possible between the port and starboard sides of the vessel.<\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\"\n                                         width=\"281\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Release Unit\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 281px; --smush-placeholder-aspect-ratio: 281\/112;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Release Units                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\" alt=\"image of the Silverstream System's Air Release Unit\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"281\" style=\"--smush-image-width: 281px; --smush-image-aspect-ratio: 281\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Release Units                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>An Air Release Units (ARU)\u00a0is a proprietary discharge unit that penetrates the hull and releases air fed through the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System pipework into the water stream. As the vessel sails, the ARUs generate a carpet of microbubbles which reduces the vessel\u2019s frictional resistance. The ARUs are built using structural steel, fabricated in accordance with Class requirements. They are arranged in a pattern, determined during the design phase, and are integrated into the bottom structure towards the bow.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\"\n                                         width=\"203\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Balancing Module\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 203px; --smush-placeholder-aspect-ratio: 203\/112;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Balancing Module                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\" alt=\"image of the Silverstream System's Air Balancing Module\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"203\" style=\"--smush-image-width: 203px; --smush-image-aspect-ratio: 203\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Balancing Module                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The air balancing module is a custom fabricated galvanised steel component for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System that distributes air from the compressor to both ARU branches. Flanged bosses are welded for the drain valve, level sensor and spares that are blanked to allow for troubleshooting.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                                <div class=\"w-full\" x-show=\"tab === 'pctc'\">\n                <img decoding=\"async\" alt data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC.jpg\"\n                     width=\"1920\"\n                     height=\"499\"\n                     class=\"hidden md:flex w-full lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/499;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n\n                <div class=\"w-[calc(100%+(var(--spacing)*8))] -mx-4 md:hidden\">\n                    <div\n        x-data=\"scrollSlider()\"\n        x-init=\"init\"\n        class=\"w-full max-w-full overflow-hidden\"\n>\n    <!-- Scrollable container -->\n    <div\n            x-ref=\"scrollContainer\"\n            class=\"overflow-hidden whitespace-nowrap image-scroller-container\"\n            @scroll=\"syncSlider\"\n    >\n        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC.jpg\"\n             alt\n             class=\"inline-block h-[300px] max-w-[unset] max-h-[300px] smush-dimensions lazyload\" width=\"1920\" style=\"--smush-image-width: 1920px; --smush-image-aspect-ratio: 1920\/499;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/PCTC-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n    <\/div>\n\n    <!-- Slider control -->\n    <div class=\"px-4 my-6\">\n        <label class=\"sr-only\">\n            Scroll to position: <span x-text=\"sliderValue + '%'\"><\/span>\n        <\/label>\n        <input\n                type=\"range\"\n                min=\"0\"\n                max=\"100\"\n                x-model=\"sliderValue\"\n                @input=\"scrollToPercent\"\n                class=\"w-full custom-range\"\n        \/>\n    <\/div>\n<\/div>\n\n\n<script>\n\tfunction scrollSlider() {\n\t\treturn {\n\t\t\tsliderValue: 0,\n\t\t\tscrollContainer: null,\n\n\t\t\tinit() {\n\t\t\t\tthis.scrollContainer = this.$refs.scrollContainer;\n\t\t\t},\n\n\t\t\tscrollToPercent() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tconst targetScroll = (this.sliderValue \/ 100) * maxScroll;\n\t\t\t\tthis.scrollContainer.scrollLeft = targetScroll;\n\t\t\t},\n\n\t\t\tsyncSlider() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tthis.sliderValue = (this.scrollContainer.scrollLeft \/ maxScroll) * 100;\n\t\t\t}\n\t\t};\n\t}\n<\/script>\n\n<style>\n    .image-scroller-container {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n    .image-scroller-container::-webkit-scrollbar {\n        display: none;\n    }\n<\/style>\n                <\/div>\n\n                                    <div class=\"flex flex-col md:flex-row gap-4 md:gap-12 justify-center w-full mt-6\">\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\"\n                                         width=\"131\"\n                                         height=\"126\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Control and Monitoring System\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 131px; --smush-placeholder-aspect-ratio: 131\/126;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Control and Monitoring System                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\" alt=\"image of the Silverstream System's Control and Monitoring System\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"131\" style=\"--smush-image-width: 131px; --smush-image-aspect-ratio: 131\/126;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Control and Monitoring System                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The Control and Monitoring System (CMS) for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System comprises the main Control Cabinet, which includes the processing unit, and at least one workstation which is either mounted to the CMS panel or installed in a location defined by the customer. Additional Workstations can be positioned in other locations around the vessel depending on design requirements. The CMS interfaces with the ALS plant as well as shipboard systems. The workstation is the primary Human Machine Interface (HMI) for operation of the ALS. In addition to the main ALS workstation, portable workstations can be connected to the Ethernet control network at locations requested by the owner to act as an additional HMI.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\"\n                                         width=\"160\"\n                                         height=\"147\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Compressor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 160px; --smush-placeholder-aspect-ratio: 160\/147;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Compressors                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\" alt=\"image of the Silverstream System's Air Compressor\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"160\" style=\"--smush-image-width: 160px; --smush-image-aspect-ratio: 160\/147;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Compressors                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <div>The ALS utilises a set of low-pressure oil-free volumetric compressors, mostly of the helical screw type, which generate a constant volumetric flow for a given speed of motor operation. Each compressor is powered through a VSD-controlled motor. The compressor speed is controlled by the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System and varies depending on the vessel\u2019s draught and speed.<\/div>\n<div>Each compressor supplies air to two (2) ARUs. The location of the compressors is decided depending on the position of the ARUs, the existing piping arrangements and piping that potentially needs to be installed. They are arranged in such a manner that they are as evenly distributed as possible between the port and starboard sides of the vessel.<\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\"\n                                         width=\"281\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Release Unit\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 281px; --smush-placeholder-aspect-ratio: 281\/112;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Release Units                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\" alt=\"image of the Silverstream System's Air Release Unit\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"281\" style=\"--smush-image-width: 281px; --smush-image-aspect-ratio: 281\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Release Units                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>An Air Release Units (ARU)\u00a0is a proprietary discharge unit that penetrates the hull and releases air fed through the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System pipework into the water stream. As the vessel sails, the ARUs generate a carpet of microbubbles which reduces the vessel\u2019s frictional resistance. The ARUs are built using structural steel, fabricated in accordance with Class requirements. They are arranged in a pattern, determined during the design phase, and are integrated into the bottom structure towards the bow.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\"\n                                         width=\"203\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Balancing Module\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 203px; --smush-placeholder-aspect-ratio: 203\/112;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Balancing Module                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\" alt=\"image of the Silverstream System's Air Balancing Module\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"203\" style=\"--smush-image-width: 203px; --smush-image-aspect-ratio: 203\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Balancing Module                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The air balancing module is a custom fabricated galvanised steel component for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System that distributes air from the compressor to both ARU branches. Flanged bosses are welded for the drain valve, level sensor and spares that are blanked to allow for troubleshooting.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                                <div class=\"w-full\" x-show=\"tab === 'cruise'\">\n                <img decoding=\"async\" alt data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise.jpg\"\n                     width=\"1920\"\n                     height=\"499\"\n                     class=\"hidden md:flex w-full lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/499;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n\n                <div class=\"w-[calc(100%+(var(--spacing)*8))] -mx-4 md:hidden\">\n                    <div\n        x-data=\"scrollSlider()\"\n        x-init=\"init\"\n        class=\"w-full max-w-full overflow-hidden\"\n>\n    <!-- Scrollable container -->\n    <div\n            x-ref=\"scrollContainer\"\n            class=\"overflow-hidden whitespace-nowrap image-scroller-container\"\n            @scroll=\"syncSlider\"\n    >\n        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise.jpg\"\n             alt\n             class=\"inline-block h-[300px] max-w-[unset] max-h-[300px] smush-dimensions lazyload\" width=\"1920\" style=\"--smush-image-width: 1920px; --smush-image-aspect-ratio: 1920\/499;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise.jpg 1920w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-300x78.jpg 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-1024x266.jpg 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-768x200.jpg 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-1536x399.jpg 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-1260x327.jpg 1260w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-500x130.jpg 500w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-800x208.jpg 800w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-630x164.jpg 630w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-250x65.jpg 250w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/Cruise-400x104.jpg 400w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n    <\/div>\n\n    <!-- Slider control -->\n    <div class=\"px-4 my-6\">\n        <label class=\"sr-only\">\n            Scroll to position: <span x-text=\"sliderValue + '%'\"><\/span>\n        <\/label>\n        <input\n                type=\"range\"\n                min=\"0\"\n                max=\"100\"\n                x-model=\"sliderValue\"\n                @input=\"scrollToPercent\"\n                class=\"w-full custom-range\"\n        \/>\n    <\/div>\n<\/div>\n\n\n<script>\n\tfunction scrollSlider() {\n\t\treturn {\n\t\t\tsliderValue: 0,\n\t\t\tscrollContainer: null,\n\n\t\t\tinit() {\n\t\t\t\tthis.scrollContainer = this.$refs.scrollContainer;\n\t\t\t},\n\n\t\t\tscrollToPercent() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tconst targetScroll = (this.sliderValue \/ 100) * maxScroll;\n\t\t\t\tthis.scrollContainer.scrollLeft = targetScroll;\n\t\t\t},\n\n\t\t\tsyncSlider() {\n\t\t\t\tconst maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;\n\t\t\t\tthis.sliderValue = (this.scrollContainer.scrollLeft \/ maxScroll) * 100;\n\t\t\t}\n\t\t};\n\t}\n<\/script>\n\n<style>\n    .image-scroller-container {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n    .image-scroller-container::-webkit-scrollbar {\n        display: none;\n    }\n<\/style>\n                <\/div>\n\n                                    <div class=\"flex flex-col md:flex-row gap-4 md:gap-12 justify-center w-full mt-6\">\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\"\n                                         width=\"131\"\n                                         height=\"126\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Control and Monitoring System\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 131px; --smush-placeholder-aspect-ratio: 131\/126;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Control and Monitoring System                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/CMS.png\" alt=\"image of the Silverstream System's Control and Monitoring System\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"131\" style=\"--smush-image-width: 131px; --smush-image-aspect-ratio: 131\/126;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Control and Monitoring System                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The Control and Monitoring System (CMS) for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System comprises the main Control Cabinet, which includes the processing unit, and at least one workstation which is either mounted to the CMS panel or installed in a location defined by the customer. Additional Workstations can be positioned in other locations around the vessel depending on design requirements. The CMS interfaces with the ALS plant as well as shipboard systems. The workstation is the primary Human Machine Interface (HMI) for operation of the ALS. In addition to the main ALS workstation, portable workstations can be connected to the Ethernet control network at locations requested by the owner to act as an additional HMI.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\"\n                                         width=\"160\"\n                                         height=\"147\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Compressor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 160px; --smush-placeholder-aspect-ratio: 160\/147;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Compressors                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/AC.png\" alt=\"image of the Silverstream System's Air Compressor\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"160\" style=\"--smush-image-width: 160px; --smush-image-aspect-ratio: 160\/147;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Compressors                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <div>The ALS utilises a set of low-pressure oil-free volumetric compressors, mostly of the helical screw type, which generate a constant volumetric flow for a given speed of motor operation. Each compressor is powered through a VSD-controlled motor. The compressor speed is controlled by the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System and varies depending on the vessel\u2019s draught and speed.<\/div>\n<div>Each compressor supplies air to two (2) ARUs. The location of the compressors is decided depending on the position of the ARUs, the existing piping arrangements and piping that potentially needs to be installed. They are arranged in such a manner that they are as evenly distributed as possible between the port and starboard sides of the vessel.<\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\"\n                                         width=\"281\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Release Unit\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 281px; --smush-placeholder-aspect-ratio: 281\/112;\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Release Units                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png\" alt=\"image of the Silverstream System's Air Release Unit\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"281\" style=\"--smush-image-width: 281px; --smush-image-aspect-ratio: 281\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU.png 281w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ARU-250x100.png 250w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 281px) 100vw, 281px\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Release Units                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>An Air Release Units (ARU)\u00a0is a proprietary discharge unit that penetrates the hull and releases air fed through the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System pipework into the water stream. As the vessel sails, the ARUs generate a carpet of microbubbles which reduces the vessel\u2019s frictional resistance. The ARUs are built using structural steel, fabricated in accordance with Class requirements. They are arranged in a pattern, determined during the design phase, and are integrated into the bottom structure towards the bow.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"flex justify-between md:justify-start px-4 md:px-0 rounded-sm md:flex-col bg-accent-blue-lighter\/25 md:bg-transparent items-center w-full md:w-1\/4\">\n                                <div class=\"w-24 flex-shrink-0 sm:w-20 md:w-auto md:h-32 py-1 md:py-0 overflow-hidden\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\"\n                                         width=\"203\"\n                                         height=\"112\"\n                                         class=\"size-full object-contain object-center lazyload\"\n                                         alt=\"image of the Silverstream System's Air Balancing Module\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 203px; --smush-placeholder-aspect-ratio: 203\/112;\" \/>\n                                <\/div>\n\n                                <div class=\"flex items-center justify-end md:justify-start w-1\/2 md:w-full md:flex-col gap-2 md:gap-0\">\n                                    <div class=\"my-4 flex text-right md:text-center flex-col gap-0 items-end md:items-center\">\n                                        <p class=\"text-secondary text-sm md:text-body md:text-black font-semibold md:font-normal\">\n                                            Air Balancing Module                                        <\/p>\n                                        <p class=\"text-secondary-light mt-[2px] md:mt-0 md:text-black\/50 leading-[1] text-[10px] md:text-sm\">\n                                                                                    <\/p>\n                                    <\/div>\n\n                                    \n<div x-data=\"infoModal\" x-cloak>\n            <button @click=\"openModal()\" class=\"flex md:hidden\">\n            <svg class=\"w-5 text-secondary fill-current\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3340_34576\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n        <rect width=\"20\" height=\"20\" fill=\"currentColor\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3340_34576)\">\n        <path d=\"M9.99891 13.9585C10.1761 13.9585 10.3245 13.8986 10.4441 13.7787C10.5638 13.659 10.6237 13.5106 10.6237 13.3335V9.79183C10.6237 9.61475 10.5638 9.46627 10.4439 9.34641C10.324 9.22669 10.1756 9.16683 9.99849 9.16683C9.82127 9.16683 9.67286 9.22669 9.55328 9.34641C9.43356 9.46627 9.3737 9.61475 9.3737 9.79183V13.3335C9.3737 13.5106 9.43363 13.659 9.55349 13.7787C9.67335 13.8986 9.82182 13.9585 9.99891 13.9585ZM9.9987 7.74058C10.1894 7.74058 10.3493 7.67607 10.4783 7.54704C10.6073 7.41801 10.6718 7.25815 10.6718 7.06745C10.6718 6.87676 10.6073 6.7169 10.4783 6.58787C10.3493 6.45898 10.1894 6.39454 9.9987 6.39454C9.808 6.39454 9.64814 6.45898 9.51911 6.58787C9.39009 6.7169 9.32557 6.87676 9.32557 7.06745C9.32557 7.25815 9.39009 7.41801 9.51911 7.54704C9.64814 7.67607 9.808 7.74058 9.9987 7.74058ZM10.0002 17.9168C8.90516 17.9168 7.87592 17.7091 6.91245 17.2935C5.94898 16.8779 5.11092 16.314 4.39828 15.6016C3.68564 14.8893 3.12141 14.0516 2.70557 13.0885C2.28988 12.1254 2.08203 11.0965 2.08203 10.0016C2.08203 8.90662 2.28981 7.87738 2.70536 6.91391C3.12092 5.95044 3.68488 5.11238 4.39724 4.39975C5.1096 3.68711 5.94731 3.12287 6.91036 2.70704C7.87342 2.29134 8.90238 2.0835 9.99724 2.0835C11.0922 2.0835 12.1215 2.29127 13.0849 2.70683C14.0484 3.12238 14.8865 3.68634 15.5991 4.3987C16.3118 5.11107 16.876 5.94877 17.2918 6.91183C17.7075 7.87489 17.9154 8.90384 17.9154 9.9987C17.9154 11.0937 17.7076 12.1229 17.292 13.0864C16.8765 14.0499 16.3125 14.8879 15.6002 15.6006C14.8878 16.3132 14.0501 16.8775 13.087 17.2933C12.124 17.709 11.095 17.9168 10.0002 17.9168ZM9.9987 16.6668C11.8598 16.6668 13.4362 16.021 14.7279 14.7293C16.0195 13.4377 16.6654 11.8613 16.6654 10.0002C16.6654 8.13905 16.0195 6.56266 14.7279 5.271C13.4362 3.97933 11.8598 3.3335 9.9987 3.3335C8.13759 3.3335 6.5612 3.97933 5.26953 5.271C3.97786 6.56266 3.33203 8.13905 3.33203 10.0002C3.33203 11.8613 3.97786 13.4377 5.26953 14.7293C6.5612 16.021 8.13759 16.6668 9.9987 16.6668Z\" fill=\"currentColor\"\/>\n    <\/g>\n<\/svg>\n        <\/button>\n    \n    <button @click=\"openModal\" class=\"hidden md:flex cta cursor-pointer ghost cta-small group hover:pr-5 gap-3 items-center\">\n        More info\n        <span class=\"relative w-4 -mr-2\">\n            <span class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current\n             absolute top-1\/2 -translate-y-1\/2 right-px\"><\/span>\n            <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n        <\/span>\n    <\/button>\n    <div class=\"bg-white\/50 text-secondary w-screen h-screen  px-6 py-12 fixed top-0 left-0 z-50 flex items-center justify-center\"\n         @keyup.escape.window=\"closeModal()\"\n         @click.outside=\"closeModal()\"\n         x-show=\"isOpen\"\n         x-transition:enter=\"transition ease-out duration-300\"\n         x-transition:enter-start=\"opacity-0\"\n         x-transition:enter-end=\"opacity-100\"\n         x-transition:leave=\"transition ease-in duration-200\"\n         x-transition:leave-start=\"opacity-100\"\n         x-transition:leave-end=\"opacity-0\">\n\n        <div\n                x-show=\"isOpen\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0 -mt-4\"\n                x-transition:enter-end=\"opacity-100 mt-0\"\n                x-transition:leave=\"transition ease-in duration-200\"\n                x-transition:leave-start=\"opacity-100 mt-0\"\n                x-transition:leave-end=\"opacity-0 -mt-4\"\n                class=\"md:w-full bg-white shadow-xl px-8 md:relative absolute top-1\/2 md:top-4 -translate-y-1\/2 md:translate-0 max-h-[80vh] md:min-h-[572px] items-start md:items-center left-4 right-4 overflow-auto rounded-sm py-12 text-left flex justify-center md:max-w-[1073px]\">\n            <button\n                    @click=\"closeModal()\"\n                    type=\"button\" class=\"rounded-full absolute top-6 right-6 cursor-pointer hover:bg-secondary\/30 bg-secondary\/10 text-secondary size-10 flex items-center justify-center\">\n                <svg class=\"size-4 text-secondary fill-current\" class=\"fill-current\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z\"\/>\n<\/svg>\n            <\/button>\n\n            <div class=\"md:max-w-[849px] flex flex-col items-center md:grid gap-5 md:grid-cols-2\">\n                                    <div class=\"mb-6 max-w-sm flex justify-center items-center\">\n                        <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/09\/ABM.png\" alt=\"image of the Silverstream System's Air Balancing Module\" class=\"rounded-sm mb-4 smush-dimensions lazyload\" width=\"203\" style=\"--smush-image-width: 203px; --smush-image-aspect-ratio: 203\/112;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n                    <\/div>\n                \n                <div>\n                    <h2 class=\"text-lg md:text-heading-4 text-secondary mb-4\">\n                        Air Balancing Module                    <\/h2>\n                                            <div class=\"text-body text-accent-blue flex flex-col gap-2.5\">\n                            <p>The air balancing module is a custom fabricated galvanised steel component for the Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System that distributes air from the compressor to both ARU branches. Flanged bosses are welded for the drain valve, level sensor and spares that are blanked to allow for troubleshooting.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('infoModal', () => ({\n\t\t\tisOpen: false,\n\n\t\t\ttoggleModal() {\n\t\t\t\tthis.isOpen = !this.isOpen;\n\t\t\t},\n\n\t\t\tcloseModal() {\n\t\t\t\tthis.isOpen = false;\n\t\t\t},\n\n\t\t\topenModal() {\n\t\t\t\tthis.isOpen = true;\n\t\t\t},\n\t\t}));\n\t});\n<\/script>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n\tdocument.addEventListener('alpine:init', () => {\n\t\tAlpine.data('illustrationGrid', () => ({\n\t\t\ttab: 'container',\n\n\t\t\tswitchTab(newTab) {\n\t\t\t\tthis.tab = newTab;\n\t\t\t}\n\t\t}));\n\t});\n<\/script>\n\n\n\n<section class=\"py-20 block-two-column\">\n    <div class=\"container flex flex-col md:flex-row-reverse gap-8 md:gap-14 items-start\">\n                    <div class=\"w-full aspect-square md:aspect-auto md:w-1\/2 overflow-hidden rounded-sm\">\n                <img decoding=\"async\"\n                       \n                        data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/DJI_0866-scaled.png\" class=\"object-cover object-top w-full h-full smush-dimensions lazyload\" alt=\"\" width=\"2560\" style=\"--smush-image-width: 2560px; --smush-image-aspect-ratio: 2560\/1920;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-srcset=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/DJI_0866-scaled.png 2560w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/DJI_0866-300x225.png 300w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/DJI_0866-1024x768.png 1024w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/DJI_0866-768x576.png 768w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/DJI_0866-1536x1152.png 1536w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/DJI_0866-2048x1536.png 2048w, https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/DJI_0866-1260x945.png 1260w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 2560px) 100vw, 2560px\">\n            <\/div>\n                <div class=\"w-full md:w-1\/2 flex flex-col\">\n            <div class=\"flex flex-col \">\n                                    <h2 class=\"text-heading-5 md:text-heading-3\">\n                        Seamless integration                    <\/h2>\n                                <div class=\"text-accent-blue-lighter mt-4 md:mt-6 flex flex-col gap-4\">\n                    <p>The Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System integrates seamlessly into both newbuild and retrofit projects, with our team supporting you from initial design through to system handover.<\/p>\n<p>Visit our newbuild and retrofit pages to explore the key steps involved in each type of installation.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 gap-8 mt-16 \">\n                                    <div class=\"flex flex-col gap-4\">\n                        <div class=\"size-10 overflow-hidden\">\n                            <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/07\/icon1-1.svg\" class=\"size-full object-contain object-top-left lazyload\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n                        <\/div>\n                        <p class=\"font-semibold\">\n                            Newbuilds                        <\/p>\n                                                    <div class=\"text-accent-blue-lighter\">\n                                <p>The Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System is simple to operate, and is easy to install on newbuilds. Our goal is to make air lubrication a global standard for all newbuild vessels.<\/p>\n                            <\/div>\n                        \n                                                    <div class=\"flex\">\n                                \n<a href=\"https:\/\/silverstream-tech.com\/newbuild\/\" target=\"_self\" class=\"cta  group hover:pr-5 gap-3 cta-small  flex items-center\">\n    <span>\n        Click here    <\/span>\n        <div class=\"relative w-4\">\n        <div class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current absolute top-1\/2 -translate-y-1\/2 right-px\"><\/div>\n        <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n    <\/div>\n    <\/a>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                        <div class=\"size-10 overflow-hidden\">\n                            <img decoding=\"async\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/07\/icon2-1.svg\" class=\"size-full object-contain object-top-left lazyload\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n                        <\/div>\n                        <p class=\"font-semibold\">\n                            Retrofits                        <\/p>\n                                                    <div class=\"text-accent-blue-lighter\">\n                                <p>Our retrofitting projects can typically be completed in 10 days during planned dry dock periods, with the fastest recorded dry dock installation being 6 days.<\/p>\n                            <\/div>\n                        \n                                                    <div class=\"flex\">\n                                \n<a href=\"https:\/\/silverstream-tech.com\/retrofits\/\" target=\"_self\" class=\"cta  group hover:pr-5 gap-3 cta-small  flex items-center\">\n    <span>\n        Click here    <\/span>\n        <div class=\"relative w-4\">\n        <div class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current absolute top-1\/2 -translate-y-1\/2 right-px\"><\/div>\n        <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n    <\/div>\n    <\/a>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"bg-white border-t-8 border-accent-green-light py-20 block-decarbs-and-reg\">\n    <div class=\"px-4 max-w-6xl mx-auto flex gap-16 md:gap-36 flex-col md:flex-row\">\n        <div class=\"w-full md:w-7\/12\">\n            <img decoding=\"async\" alt=\"\" data-src=\"https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/07\/temp_preferences_eco.svg\" class=\"w-14 mb-4 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n            <h3 class=\"text-secondary text-heading-5 md:text-heading-3\">\n                Decarbonisation and regulatory compliance             <\/h3>\n            <div class=\"mt-8 text-accent-blue flex flex-col gap-4\">\n                <p>The Silverstream<sup class=\"r-symbol \">\u00ae<\/sup> System supports compliance with key regulations such as EEDI, EEXI, CII, FUEL EU Maritime and the EU ETS.<\/p>\n<p>We help our ship owners and operators navigate an evolving regulatory landscape, delivering real emissions savings and future-proofing their fleet.<\/p>\n            <\/div>\n\n            <div class=\"flex mt-8\">\n                \n<a href=\"https:\/\/silverstream-tech.com\/regulatory-compliance\/\" target=\"_self\" class=\"cta ghost group hover:pr-5 gap-3   flex items-center\">\n    <span>\n        Regulations &amp; Compliance    <\/span>\n        <div class=\"relative w-4\">\n        <div class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current absolute top-1\/2 -translate-y-1\/2 right-px\"><\/div>\n        <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n    <\/div>\n    <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"w-full md:w-5\/12\">\n            <ul class=\"bg-[#E3EDF1] py-4 md:py-10 px-7 md:px-14 rounded-sm h-full flex flex-col divide-y divide-accent-blue-lighter\">\n                                    <li class=\"text-secondary flex items-center justify-between font-semibold text-xl md:text-2xl py-3 md:py-4\">\n                        EEDI                        <svg class=\"inline-block size-8 text-accent-green-light fill-current\" class=\"fill-current\" viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3176_22051\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"33\" height=\"32\">\n        <rect x=\"0.5\" width=\"32\" height=\"32\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3176_22051)\">\n        <path d=\"M13.2328 24.0001L5.63281 16.4001L7.53281 14.5001L13.2328 20.2001L25.4661 7.9668L27.3661 9.8668L13.2328 24.0001Z\" \/>\n    <\/g>\n<\/svg>\n                    <\/li>\n                                    <li class=\"text-secondary flex items-center justify-between font-semibold text-xl md:text-2xl py-3 md:py-4\">\n                        EEXI                        <svg class=\"inline-block size-8 text-accent-green-light fill-current\" class=\"fill-current\" viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3176_22051\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"33\" height=\"32\">\n        <rect x=\"0.5\" width=\"32\" height=\"32\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3176_22051)\">\n        <path d=\"M13.2328 24.0001L5.63281 16.4001L7.53281 14.5001L13.2328 20.2001L25.4661 7.9668L27.3661 9.8668L13.2328 24.0001Z\" \/>\n    <\/g>\n<\/svg>\n                    <\/li>\n                                    <li class=\"text-secondary flex items-center justify-between font-semibold text-xl md:text-2xl py-3 md:py-4\">\n                        CII                        <svg class=\"inline-block size-8 text-accent-green-light fill-current\" class=\"fill-current\" viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3176_22051\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"33\" height=\"32\">\n        <rect x=\"0.5\" width=\"32\" height=\"32\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3176_22051)\">\n        <path d=\"M13.2328 24.0001L5.63281 16.4001L7.53281 14.5001L13.2328 20.2001L25.4661 7.9668L27.3661 9.8668L13.2328 24.0001Z\" \/>\n    <\/g>\n<\/svg>\n                    <\/li>\n                                    <li class=\"text-secondary flex items-center justify-between font-semibold text-xl md:text-2xl py-3 md:py-4\">\n                        FUEL EU Maritime                        <svg class=\"inline-block size-8 text-accent-green-light fill-current\" class=\"fill-current\" viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3176_22051\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"33\" height=\"32\">\n        <rect x=\"0.5\" width=\"32\" height=\"32\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3176_22051)\">\n        <path d=\"M13.2328 24.0001L5.63281 16.4001L7.53281 14.5001L13.2328 20.2001L25.4661 7.9668L27.3661 9.8668L13.2328 24.0001Z\" \/>\n    <\/g>\n<\/svg>\n                    <\/li>\n                                    <li class=\"text-secondary flex items-center justify-between font-semibold text-xl md:text-2xl py-3 md:py-4\">\n                        EU ETS                        <svg class=\"inline-block size-8 text-accent-green-light fill-current\" class=\"fill-current\" viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <mask id=\"mask0_3176_22051\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"33\" height=\"32\">\n        <rect x=\"0.5\" width=\"32\" height=\"32\"\/>\n    <\/mask>\n    <g mask=\"url(#mask0_3176_22051)\">\n        <path d=\"M13.2328 24.0001L5.63281 16.4001L7.53281 14.5001L13.2328 20.2001L25.4661 7.9668L27.3661 9.8668L13.2328 24.0001Z\" \/>\n    <\/g>\n<\/svg>\n                    <\/li>\n                            <\/ul>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section x-data=\"{visible: false}\" class=\"block-large-column-text-and-dots pt-20 md:py-32 relative\">\n        <div class=\"bg-image absolute bg-center bg-cover bg-no-repeat inset-0 z-0 lazyload\"\n         style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/silverstream-tech.com\/wp-content\/uploads\/2025\/08\/FINAL.00_00_30_24.Still012.jpg&#039;)\"><\/div>\n        <div class=\"container flex items-center md:min-h-[400px] relative\">\n        <div x-intersect.once=\"visible = true\"\n             class=\"w-full transition-all duration-1000 md:w-5\/12\"\n             x-bind:class=\"!visible ? '-translate-x-80 opacity-0' : 'opacity-100'\"\n        >\n                                    <h3 class=\"font-medium text-2xl md:text-heading-3 mb-8\">\n                Work with the leader in air lubrication.            <\/h3>\n                                                    <div class=\"flex mt-8\">\n                    \n<a href=\"https:\/\/silverstream-tech.com\/contact\/\" target=\"_self\" class=\"cta  group hover:pr-5 gap-3   flex items-center\">\n    <span>\n        Talk to an expert    <\/span>\n        <div class=\"relative w-4\">\n        <div class=\"h-[2px] w-0 group-hover:w-full opacity-0 duration-200 rounded-full group-hover:opacity-100 transition-all bg-current absolute top-1\/2 -translate-y-1\/2 right-px\"><\/div>\n        <svg class=\"h-4 transition-all text-inherit group-hover:translate-x-2 fill-current\" viewBox=\"0 0 7 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current\">\n    <path d=\"M5.14197 7.00399L0.241966 2.10399C0.0752993 1.93732 -0.00525622 1.7401 0.000299335 1.51232C0.00585489 1.28454 0.091966 1.08732 0.258633 0.920654C0.425299 0.753988 0.622522 0.670654 0.850299 0.670654C1.07808 0.670654 1.2753 0.753988 1.44197 0.920654L6.55863 6.05399C6.69197 6.18732 6.79197 6.33732 6.85863 6.50399C6.9253 6.67065 6.95863 6.83732 6.95863 7.00399C6.95863 7.17065 6.9253 7.33732 6.85863 7.50399C6.79197 7.67065 6.69197 7.82065 6.55863 7.95399L1.4253 13.0873C1.25863 13.254 1.06419 13.3345 0.841966 13.329C0.619744 13.3234 0.425299 13.2373 0.258633 13.0707C0.091966 12.904 0.00863267 12.7068 0.00863267 12.479C0.00863267 12.2512 0.091966 12.054 0.258633 11.8873L5.14197 7.00399Z\"\/>\n<\/svg>\n    <\/div>\n    <\/a>\n                <\/div>\n                    <\/div>\n    <\/div>\n    \n            <div class=\"overflow-hidden md:absolute ml-auto mt-12 md:mt-0 md:top-1\/2 md:-translate-y-1\/2 w-full md:w-auto h-44 md:h-[400px] xl:h-[550px] right-0 pointer-events-none\">\n            <img decoding=\"async\"\n                    alt=\"Decoration of triangle dots\"\n                    class=\"w-full h-auto md:size-full lazyload\"\n                    data-src=\"https:\/\/silverstream-tech.com\/wp-content\/themes\/Silverstream\/assets\/images\/decorations\/square-dots.svg?v=2\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\n        <\/div>\n    <\/section>\n\n<style>\n    \/*.block-large-column-text-and-dots {*\/\n    \/*    background: linear-gradient(180deg, #013D5B 0%, rgba(1, 61, 91, 0) 34.85%), linear-gradient(180deg, #013D5B 0%, rgba(1, 61, 91, 0) 34.85%), linear-gradient(0deg, rgba(0, 61, 91, 0.6), rgba(0, 61, 91, 0.6)), var(--background-image), #013D5B;*\/\n    \/*    background-size: cover;*\/\n    \/*    background-position: center center;*\/\n    \/*    background-blend-mode: normal, normal, darken, normal, multiply;*\/\n    \/*}*\/\n\n    .block-large-column-text-and-dots .prose strong {\n        color: #FFFFFF;\n    }\n\n    .block-large-column-text-and-dots .bg-image {\n        opacity: 0.75;\n        mask-image: linear-gradient(to top, black 70%, transparent 100%);\n    }\n\n    .block-large-column-text-and-dots .bg-image:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-color: rgba(0, 61, 91, 0.5);\n    }\n<\/style>\n","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_acf_changed":true},"class_list":["post-741","solution","type-solution","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Silverstream\u00ae System - Silverstream Technologies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Silverstream\u00ae System - Silverstream Technologies\" \/>\n<meta property=\"og:url\" content=\"https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/\" \/>\n<meta property=\"og:site_name\" content=\"Silverstream Technologies\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-23T14:39:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/solutions\\\/technology\\\/\",\"url\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/solutions\\\/technology\\\/\",\"name\":\"The Silverstream\u00ae System - Silverstream Technologies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/#website\"},\"datePublished\":\"2025-08-15T09:56:10+00:00\",\"dateModified\":\"2026-03-23T14:39:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/solutions\\\/technology\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/solutions\\\/technology\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/solutions\\\/technology\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Silverstream\u00ae System\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/#website\",\"url\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/\",\"name\":\"Silverstream Technologies\",\"description\":\"Air lubrication for the shipping industry\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/silverstream-tech.com\\\/zh-hans\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Silverstream\u00ae System - Silverstream Technologies","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:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/","og_locale":"zh_CN","og_type":"article","og_title":"The Silverstream\u00ae System - Silverstream Technologies","og_url":"https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/","og_site_name":"Silverstream Technologies","article_modified_time":"2026-03-23T14:39:19+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/","url":"https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/","name":"The Silverstream\u00ae System - Silverstream Technologies","isPartOf":{"@id":"https:\/\/silverstream-tech.com\/zh-hans\/#website"},"datePublished":"2025-08-15T09:56:10+00:00","dateModified":"2026-03-23T14:39:19+00:00","breadcrumb":{"@id":"https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/silverstream-tech.com\/zh-hans\/solutions\/technology\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/silverstream-tech.com\/zh-hans\/"},{"@type":"ListItem","position":2,"name":"The Silverstream\u00ae System"}]},{"@type":"WebSite","@id":"https:\/\/silverstream-tech.com\/zh-hans\/#website","url":"https:\/\/silverstream-tech.com\/zh-hans\/","name":"Silverstream Technologies","description":"Air lubrication for the shipping industry","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/silverstream-tech.com\/zh-hans\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"}]}},"_links":{"self":[{"href":"https:\/\/silverstream-tech.com\/zh-hans\/wp-json\/wp\/v2\/solution\/741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silverstream-tech.com\/zh-hans\/wp-json\/wp\/v2\/solution"}],"about":[{"href":"https:\/\/silverstream-tech.com\/zh-hans\/wp-json\/wp\/v2\/types\/solution"}],"wp:attachment":[{"href":"https:\/\/silverstream-tech.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}