PageSourceSearch

https://www.serversource.co.uk/pages/about-us

html serversource.co.uk collected 2026-10-08 09:32:06 UTC 240,434 bytes, 7,012 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4    
4<script src="https://analytics.ahrefs.com/analytics.js" data-key="TE29mseo56VJhI5Ff3XLIw" async></script>
4
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7    <meta name="viewport" content="width=device-width,initial-scale=1">
8    <link rel="canonical" href="https://www.serversource.co.uk/pages/about-us">
9    <link rel="icon" type="image/png" href="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/logo-ServerSource-sq.jpg?v=1686233809"><title>About ServerSource | UK Dell Server Specialists Since 1996</title><meta name="description" content="Learn about ServerSource a Dell Technologies Authorised Partner since 1996 delivering enterprise grade Dell EMC servers storage and networking solutions with tailored builds competitive pricing and personalised service.">
9<script>
10  (function() {
11    var observer = new MutationObserver(function(mutations) {
12      mutations.forEach(function(mutation) {
13        mutation.addedNodes.forEach(function(node) {
14          if (node.tagName === 'SCRIPT' && node.src && node.src.toLowerCase().indexOf('currency-converter-plus') !== -1) {
15            node.parentNode.removeChild(node);
16          }
17        });
18      });
19    });
20    observer.observe(document.documentElement, { childList: true, subtree: true });
21  })();
22</script>
22
23
24<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
24<meta name="google-site-verification" content="gnalamQxs6ui4DbdBB40SiMNwyuZ4cdJOZodi2CpR5Q">
25<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/58721501393/digital_wallets/dialog">
26<meta id="in-context-paypal-metadata" data-shop-id="58721501393" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP">
27<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
27<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB"></script>
vendor: 1 bytes, line 27
27
28<script id="shopify-features" type="application/json">{"accessToken":"7ba771a50e49d9753c36535daf57f85f","betas":["rich-media-storefront-analytics"],"domain":"www.serversource.co.uk","predictiveSearch":true,"shopId":58721501393,"locale":"en"}</script>
vendor: 1 bytes, line 28
28
29<script>var Shopify = Shopify || {};
30Shopify.shop = "serversource.myshopify.com";
31Shopify.locale = "en";
32Shopify.currency = {"active":"GBP","rate":"1.0"};
33Shopify.country = "GB";
34Shopify.theme = {"name":"search-fix62","id":139383832785,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"};
35Shopify.theme.handle = "null";
36Shopify.theme.style = {"id":null,"handle":null};
37Shopify.cdnHost = "www.serversource.co.uk/cdn";
38Shopify.routes = Shopify.routes || {};
39Shopify.routes.root = "/";
40Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
41Shopify.SignInWithShop = Shopify.SignInWithShop || {};
42Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
43Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 43
43
44<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 44
44
45<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 45
45
46<script>
47  window.Shopify = window.Shopify || {};
48  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
49  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
50  window.Shopify.SignInWithShop.eligible = true;
51</script>
vendor: 1 bytes, line 51
51
52<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 52
52
53<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 53
53
54<script type="module">
55  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
56
57  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
58
59</script>
vendor: 1 bytes, line 59
59
60<script>
61  window.Shopify = window.Shopify || {};
62  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
63  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
64</script>
vendor: 1 bytes, line 64
64
65<script>(function() {
66  var isLoaded = false;
67  function asyncLoad() {
68    if (isLoaded) return;
69    isLoaded = true;
70    var urls = ["https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/2150\/1393\/t\/4\/assets\/cws_quotation_init.js?v=1646395069\u0026shop=serversource.myshopify.com","https:\/\/s3.amazonaws.com\/pixelpop\/usercontent\/scripts\/7babeea0-cf50-4fc6-b7e1-120bc1e25b2d\/pixelpop.js?shop=serversource.myshopify.com"];
71    for (var i = 0; i < urls.length; i++) {
72      var s = document.createElement('script');
73      s.type = 'text/javascript';
74      s.async = true;
75      s.src = urls[i];
76      var x = document.getElementsByTagName('script')[0];
77      x.parentNode.insertBefore(s, x);
78    }
79  };
80  if(window.attachEvent) {
81    window.attachEvent('onload', asyncLoad);
82  } else {
83    window.addEventListener('load', asyncLoad, false);
84  }
85})();</script>
vendor: 1 bytes, line 85
85
86<script id="__st">var __st={"a":58721501393,"offset":3600,"reqid":"0aac3425-5475-4404-814d-11f797b9d64f-1791451925","pageurl":"www.serversource.co.uk\/pages\/about-us","s":"pages-95756943569","u":"c662a89e262f","p":"page","rtyp":"page","rid":95756943569};</script>
vendor: 1 bytes, line 86
86
87<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 87
87
88<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 88
88
89<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.serversource.co.uk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 89
89
90<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.serversource.co.uk/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
90<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 90
90
91<script>
92  window.Shopify = window.Shopify || {};
93  window.Shopify.MCP = window.Shopify.MCP || {};
94  window.Shopify.MCP.enabled = true;
95  window.Shopify.MCP.shop = "serversource.myshopify.com";
96  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.serversource.co.uk\/api\/mcp";
97  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
98</script>
vendor: 1 bytes, line 98
98
99<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.serversource.co.uk\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
100</script>
vendor: 1 bytes, line 100
100
101<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.serversource.co.uk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
102</script>
vendor: 1 bytes, line 102
102
103<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
104  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
105</script>
vendor: 1 bytes, line 105
105
106<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
107</script>
107
108<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.serversource.co.uk/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
109<style id="shopify-accelerated-checkout-cart">
110        #shopify-buyer-consent {
111  margin-top: 1em;
112  display: inline-block;
113  width: 100%;
114}
115
116#shopify-buyer-consent.hidden {
117  display: none;
118}
119
120#shopify-subscription-policy-button {
121  background: none;
122  border: none;
123  padding: 0;
124  text-decoration: underline;
125  font-size: inherit;
126  cursor: pointer;
127}
128
129#shopify-subscription-policy-button::before {
130  box-shadow: none;
131}
132
133      </style>
134
135<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
135
136    
136<script>
137      window.hsConversationsSettings = { loadImmediately: true };
138    </script>
138
139    
139<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20213111.js"></script>
139<link rel="preconnect" href="https://fonts.googleapis.com">
140<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
141<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
142<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
143<style>
144html, body {
145  margin: 0 !important;
146  padding: 0 !important;
147  width: 100% !important;
148}
149body { font-family: 'Poppins', sans-serif; overflow-x: clip; }
150.rte, .page-width, .page-content, .shopify-section, #MainContent, main, .main-content {
151  overflow: visible !important;
152}
153header, header *,
154footer, footer *,
155.ss-modern-header-wrap, .ss-modern-header-wrap * {
156  box-sizing: border-box;
157}
158header, footer { display: block !important; visibility: visible !important; }
159.site-header.ss-modern-header-wrap,
160.ss-modern-header-wrap {
161  position: -webkit-sticky !important;
162  position: sticky !important;
163  top: 0 !important;
164  z-index: 10001 !important;
165  width: 100% !important;
166}
167/* Static Website pages — header/top-bar chrome matches ServerSource theme (no Bootstrap) */
168
169html.ss-static-html {
170  scroll-behavior: smooth;
171  margin: 0;
172  padding: 0;
173  font-size: 18px;
174  -webkit-text-size-adjust: 100%;
175}
176
177body.ss-static-page {
178  margin: 0 !important;
179  padding: 0 !important;
180  font-family: 'Poppins', sans-serif !important;
181  background: #f4f8fb !important;
182  color: #1a2332 !important;
183  line-height: 1.6;
184}
185
186.site-header.ss-modern-header-wrap,
187.ss-modern-header-wrap {
188  position: -webkit-sticky;
189  position: sticky !important;
190  top: 0 !important;
191  z-index: 10001 !important;
192  width: 100% !important;
193}
194
195/* Hide legacy chrome fragments if CSS remains in page head */
196body.ss-static-page .topbar,
197body.ss-static-page .menu-section,
198body.ss-static-page .ss-menubar,
199body.ss-static-page .ss-pb-wrap {
200  display: none !important;
201}
202/* Nav size lock — pixel-matched to shopify-static-nav-bar.html @ 18px root (theme ss-modern-fixes.css).
203   MUST load after page CSS. Do not use 16px — live theme uses html.ss-modern-html { font-size: 18px }. */
204html,
205html.ss-modern-html,
206html.ss-static-html {
207  font-size: 18px !important;
208  -webkit-text-size-adjust: 100% !important;
209}
210
211.site-header.ss-modern-header-wrap,
212.ss-modern-header-wrap {
213  position: -webkit-sticky;
214  position: sticky !important;
215  top: 0 !important;
216  z-index: 10001 !important;
217}
218
219.ss-modern-header-wrap {
220  font-size: 18px !important;
221  -webkit-text-size-adjust: 100% !important;
222  width: 100% !important;
223  max-width: none !important;
224  margin: 0 !important;
225  padding: 0 !important;
226}
227
228.ss-modern-header-wrap .top-bar {
229  display: block !important;
230  padding: 0 !important;
231  margin: 0 !important;
232  background: #eef2f6 !important;
233  border-bottom: 1px solid #e2e8f0 !important;
234  overflow: visible !important;
235}
236
237.ss-modern-header-wrap .top-bar-inner {
238  display: flex !important;
239  flex-direction: row !important;
240  align-items: center !important;
241  justify-content: space-between !important;
242  flex-wrap: wrap !important;
243  gap: 13.5px 22.5px !important;
244  padding: 8.1px 0 !important;
245  width: min(100% - 36px, 1280px) !important;
246  max-width: 1280px !important;
247  margin-inline: auto !important;
248  font-family: 'Poppins', sans-serif !important;
249  font-size: 14.625px !important;
250  font-weight: 500 !important;
251  line-height: 1.6 !important;
252  min-height: 0 !important;
253}
254
255.ss-modern-header-wrap .top-bar-contact,
256.ss-modern-header-wrap .top-bar-right {
257  display: flex !important;
258  align-items: center !important;
259  flex-wrap: wrap !important;
260  gap: 9px 15.3px !important;
261}
262
263.ss-modern-header-wrap .top-bar a {
264  color: #1f485e !important;
265  text-decoration: none !important;
266  font-family: 'Poppins', sans-serif !important;
267  font-size: 14.625px !important;
268  font-weight: 500 !important;
269  line-height: 1.6 !important;
270}
271
272.ss-modern-header-wrap .top-bar-sep {
273  color: #b8c5d0 !important;
274  line-height: 1.6 !important;
275}
276
277.ss-modern-header-wrap .top-bar-social {
278  display: inline-flex !important;
279  align-items: center !important;
280  gap: 6.3px !important;
281}
282
283.ss-modern-header-wrap .top-bar-social a {
284  display: inline-flex !important;
285  align-items: center !important;
286  justify-content: center !important;
287  width: 31.5px !important;
288  height: 31.5px !important;
289  min-width: 31.5px !important;
290  min-height: 31.5px !important;
291  padding: 0 !important;
292  margin: 0 !important;
293  border: none !important;
294  line-height: 1 !important;
295}
296
297.ss-modern-header-wrap .top-bar-social svg {
298  width: 16.875px !important;
299  height: 16.875px !important;
300  max-width: 16.875px !important;
301  max-height: 16.875px !important;
302  fill: currentColor !important;
303}
304
305.ss-modern-header-wrap .top-bar-note {
306  font-size: 13.5px !important;
307  line-height: 1.6 !important;
308}
309
310.ss-modern-header-wrap .wrap {
311  width: min(100% - 36px, 1280px) !important;
312  max-width: 1280px !important;
313  margin-inline: auto !important;
314}
315
316.ss-modern-header-wrap .shop-nav {
317  background: #1f485e !important;
318  color: #fff !important;
319  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
320}
321
322.ss-modern-header-wrap .shop-nav-row {
323  display: grid !important;
324  grid-template-columns: auto 1fr auto !important;
325  align-items: center !important;
326  gap: 13.5px 18px !important;
327  padding: 9.9px 18px !important;
328  width: min(100% - 18px, 1280px) !important;
329  max-width: 1280px !important;
330  margin: 0 auto !important;
331}
332
333.ss-modern-header-wrap .shop-nav-logo {
334  display: flex !important;
335  align-items: center !important;
336  gap: 9.9px !important;
337  flex-shrink: 0 !important;
338}
339
340.ss-modern-header-wrap .shop-nav-logo img {
341  height: 36px !important;
342  width: 36px !important;
343  min-height: 36px !important;
344  min-width: 36px !important;
345  object-fit: cover !important;
346  border-radius: 6px !important;
347}
348
349.ss-modern-header-wrap .shop-nav-logo-copy {
350  display: flex !important;
351  flex-direction: column !important;
352  gap: 0.9px !important;
353  line-height: 1.1 !important;
354}
355
356.ss-modern-header-wrap .shop-nav-logo-text {
357  font-size: 18.9px !important;
358  font-weight: 700 !important;
359  line-height: 1.1 !important;
360  letter-spacing: -0.01em !important;
361  white-space: nowrap !important;
362}
363
364.ss-modern-header-wrap .shop-nav-logo-est {
365  font-size: 13.5px !important;
366  font-weight: 700 !important;
367  line-height: 1.1 !important;
368}
369
370.ss-modern-header-wrap .shop-nav-links {
371  display: flex !important;
372  align-items: center !important;
373  justify-content: center !important;
374  flex-wrap: nowrap !important;
375  gap: 3.6px 5.4px !important;
376  min-width: 0 !important;
377  overflow: visible !important;
378}
379
380.ss-modern-header-wrap .shop-nav-links > a,
381.ss-modern-header-wrap .shop-nav-links > .shop-nav-drop {
382  flex-shrink: 0 !important;
383}
384
385.ss-modern-header-wrap .shop-nav-link,
386.ss-modern-header-wrap button.shop-nav-link,
387.ss-modern-header-wrap a.shop-nav-link:not(.shop-nav-link--store) {
388  display: inline-flex !important;
389  align-items: center !important;
390  justify-content: center !important;
391  gap: 5.4px !important;
392  height: 38.25px !important;
393  min-height: 38.25px !important;
394  max-height: none !important;
395  padding: 0 9.9px !important;
396  font-family: 'Poppins', sans-serif !important;
397  font-size: 15.12px !important;
398  font-weight: 600 !important;
399  line-height: 1 !important;
400  color: #fff !important;
401  white-space: nowrap !important;
402  border: none !important;
403  border-bottom: 3px solid rgba(255, 255, 255, 0.28) !important;
404  border-radius: 4px !important;
405  background: transparent !important;
406  background-image: none !important;
407  box-shadow: none !important;
408  text-decoration: none !important;
409  text-transform: none !important;
410  letter-spacing: 0.01em !important;
411  margin: 0 !important;
412  flex-shrink: 0 !important;
413  box-sizing: border-box !important;
414  -webkit-appearance: none !important;
415  appearance: none !important;
416  cursor: pointer !important;
417}
418
419.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store {
420  display: inline-flex !important;
421  align-items: center !important;
422  justify-content: center !important;
423  gap: 5.4px !important;
424  height: 38.25px !important;
425  min-height: 38.25px !important;
426  padding: 0 9.9px !important;
427  font-family: 'Poppins', sans-serif !important;
428  font-size: 15.12px !important;
429  font-weight: 600 !important;
430  line-height: 1 !important;
431  color: #fff !important;
432  white-space: nowrap !important;
433  border: none !important;
434  border-bottom: 3px solid transparent !important;
435  border-radius: 6.75px !important;
436  background: #00a8e1 !important;
437  background-image: none !important;
438  box-shadow: 0 2px 10px rgba(0, 168, 225, 0.35) !important;
439  text-decoration: none !important;
440  text-transform: none !important;
441  letter-spacing: 0.01em !important;
442  margin: 0 !important;
443  flex-shrink: 0 !important;
444}
445
446.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):hover,
447.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):focus-visible,
448.ss-modern-header-wrap .shop-nav-drop:hover > .shop-nav-link,
449.ss-modern-header-wrap .shop-nav-drop.is-open > .shop-nav-link {
450  background: rgba(255, 255, 255, 0.15) !important;
451  border-bottom-color: #00a8e1 !important;
452  color: #fff !important;
453}
454
455.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:hover,
456.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:focus-visible {
457  background: #0090c4 !important;
458  border-bottom-color: transparent !important;
459  color: #fff !important;
460}
461
462.ss-modern-header-wrap .ss-nav-search-toggle {
463  display: inline-flex !important;
464  align-items: center !important;
465  justify-content: center !important;
466  width: 38.25px !important;
467  height: 38.25px !important;
468  min-width: 38.25px !important;
469  min-height: 38.25px !important;
470  padding: 0 !important;
471}
472
473.ss-modern-header-wrap .nav-toggle {
474  font-family: 'Poppins', sans-serif !important;
475  font-size: 15.75px !important;
476  font-weight: 600 !important;
477  line-height: 1 !important;
478  padding: 9px 13.5px !important;
479}
480
481.ss-modern-header-wrap svg:not(.shop-nav-chevron) {
482  width: 16px !important;
483  height: 16px !important;
484  max-width: 24px !important;
485  max-height: 24px !important;
486  flex-shrink: 0 !important;
487}
488
489.ss-modern-header-wrap .shop-nav-link .shop-nav-chevron {
490  width: 9px !important;
491  height: 9px !important;
492  min-width: 9px !important;
493  min-height: 9px !important;
494  fill: currentColor !important;
495}
496
497@media (min-width: 1101px) {
498  .ss-modern-header-wrap .shop-nav-links > a,
499  .ss-modern-header-wrap .shop-nav-links > .shop-nav-drop {
500    display: inline-flex !important;
501    visibility: visible !important;
502  }
503}
504
505@media (min-width: 641px) {
506  .ss-modern-header-wrap .top-bar-inner {
507    flex-direction: row !important;
508    align-items: center !important;
509  }
510}
511
512@media (max-width: 640px) {
513  .ss-modern-header-wrap .top-bar-inner {
514    flex-direction: column !important;
515    align-items: flex-start !important;
516    padding: 9px 0 !important;
517  }
518
519  .ss-modern-header-wrap .top-bar-right {
520    width: 100% !important;
521    justify-content: space-between !important;
522  }
523}
524
525
526/* SS Modern Nav + Contact Flyout — synced from shopify-static-nav-bar.html */
527:root {
528      --primary: #1f485e;
529      --accent: #1879a4;
530      --dark: #035e7f;
531      --highlight: #00a8e1;
532      --tint: #f4f8fb;
533      --border: #e2e8f0;
534      --muted: #64748b;
535      --text: #1a2332;
536      --max: 1280px;
537    }
538
539    html, html.ss-modern-html, html.ss-static-html {
540      font-size: 18px;
541      -webkit-text-size-adjust: 100%;
542    }
543
544    *, *::before, *::after { box-sizing: border-box; }
545    body {
546      margin: 0;
547      font-family: 'Poppins', sans-serif;
548      background: var(--tint);
549      color: #1a2332;
550    }
551
552    .wrap { width: min(100% - 2rem, var(--max)); margin-inline: auto; }
553
554    /* Top utility bar */
555    .top-bar {
556      background: #eef2f6;
557      border-bottom: 1px solid var(--border);
558      color: var(--primary);
559    }
560    .top-bar-inner {
561      display: flex;
562      align-items: center;
563      justify-content: space-between;
564      gap: .75rem 1.25rem;
565      padding: .45rem 0;
566      font-size: .8125rem;
567      font-weight: 500;
568    }
569    .top-bar-contact,
570    .top-bar-right {
571      display: flex;
572      align-items: center;
573      flex-wrap: wrap;
574      gap: .5rem .85rem;
575    }
576    .top-bar a { color: var(--primary); text-decoration: none; transition: color .15s; }
577    .top-bar a:hover { color: var(--accent); }
578    .top-bar-sep { color: #b8c5d0; user-select: none; font-weight: 400; }
579    .top-bar-social { display: flex; align-items: center; gap: .35rem; }
580    .top-bar-social a {
581      display: inline-flex;
582      align-items: center;
583      justify-content: center;
584      width: 1.75rem;
585      height: 1.75rem;
586      border-radius: 4px;
587      color: var(--primary);
588    }
589    .top-bar-social a:hover { background: rgba(31, 72, 94, .08); color: var(--accent); }
590    .top-bar-social svg { width: .9375rem; height: .9375rem; fill: currentColor; }
591    .top-bar-note { color: var(--muted); font-size: .75rem; white-space: nowrap; }
592    .top-bar-app-slot {
593      display: inline-flex; align-items: center; gap: .35rem;
594    }
595    .top-bar-app-slot:empty { display: none; }
596    .top-bar-app-slot form,
597    .top-bar-app-slot .disclosure {
598      margin: 0; padding: 0;
599    }
600
601    /* Main nav — sticky header (top bar + shop nav) */
602    .site-header,
603    .site-header.ss-modern-header-wrap,
604    .ss-modern-header-wrap {
605      position: -webkit-sticky;
606      position: sticky !important;
607      top: 0 !important;
608      z-index: 10001 !important;
609      width: 100%;
610    }
611    .shop-nav {
612      background: var(--primary);
613      color: #fff;
614      border-bottom: 1px solid rgba(255, 255, 255, .1);
615    }
616    .shop-nav-row {
617      display: grid;
618      grid-template-columns: auto 1fr auto;
619      align-items: center;
620      gap: .75rem 1rem;
621      padding: .55rem 1rem;
622      width: min(100% - 1rem, var(--max));
623      max-width: var(--max);
624      margin: 0 auto;
625      overflow: visible;
626    }
627    .shop-nav-logo {
628      display: flex;
629      align-items: center;
630      gap: .55rem;
631      color: #fff;
632      text-decoration: none;
633      flex-shrink: 0;
634    }
635    .shop-nav-logo img {
636      height: 36px;
637      width: 36px;
638      object-fit: cover;
639      display: block;
640      border-radius: 6px;
641      flex-shrink: 0;
642      background: #fff;
643    }
644    .shop-nav-logo-copy {
645      display: flex;
646      flex-direction: column;
647      gap: .05rem;
648      line-height: 1.1;
649    }
650    .shop-nav-logo-text {
651      font-size: 1.05rem;
652      font-weight: 700;
653      letter-spacing: -.01em;
654      white-space: nowrap;
655    }
656    .shop-nav-logo-text .logo-server { color: var(--highlight); }
657    .shop-nav-logo-text .logo-source { color: #b8c5d0; }
658    .shop-nav-logo-est {
659      display: inline-flex;
660      align-items: baseline;
661      gap: .2em;
662      font-size: .75rem;
663      font-weight: 700;
664      color: rgba(255, 255, 255, .92);
665      white-space: nowrap;
666    }
667    .shop-nav-logo-est-label { letter-spacing: .12em; }
668    .shop-nav-logo-year {
669      letter-spacing: .03em;
670      font-variant-numeric: lining-nums tabular-nums;
671    }
672    .shop-nav-right {
673      display: flex;
674      align-items: center;
675      gap: .5rem;
676      flex-shrink: 0;
677    }
678    .shop-nav-links {
679      display: flex;
680      align-items: center;
681      justify-content: center;
682      flex-wrap: nowrap;
683      gap: .2rem .3rem;
684      min-width: 0;
685      overflow: visible;
686    }
687    .shop-nav-drop { position: relative; display: block; flex-shrink: 0; }
688    .shop-nav-link {
689      display: inline-flex;
690      align-items: center;
691      justify-content: center;
692      gap: .3rem;
693      height: 2.125rem;
694      min-height: 2.125rem;
695      padding: 0 .55rem;
696      font-size: .84rem;
697      font-weight: 600;
698      flex-shrink: 0;
699      letter-spacing: .01em;
700      color: #fff;
701      white-space: nowrap;
702      border-radius: 4px;
703      border: none;
704      border-bottom: 3px solid rgba(255, 255, 255, .28);
705      background: transparent;
706      cursor: pointer;
707      font-family: inherit;
708      transition: background .15s, border-color .15s, color .15s;
709      text-decoration: none;
710      box-sizing: border-box;
711      line-height: 1;
712      margin: 0;
713      -webkit-appearance: none;
714      appearance: none;
715    }
716    .shop-nav-link:hover,
717    .shop-nav-link:focus-visible,
718    .shop-nav-drop:hover > .shop-nav-link,
719    .shop-nav-drop.is-open > .shop-nav-link {
720      background: rgba(255, 255, 255, .15);
721      border-bottom-color: var(--highlight);
722      outline: none;
723    }
724    .shop-nav-link .shop-nav-chevron {
725      width: 9px;
726      height: 9px;
727      min-width: 9px;
728      min-height: 9px;
729      fill: currentColor;
730      flex-shrink: 0;
731      display: block;
732      margin-left: .2rem;
733      transition: transform .15s ease;
734    }
735    .shop-nav-drop:hover > .shop-nav-link .shop-nav-chevron,
736    .shop-nav-drop.is-open > .shop-nav-link .shop-nav-chevron {
737      transform: rotate(180deg);
738    }
739    .shop-nav-link--store {
740      background: #00a8e1;
741      color: #fff;
742      border-bottom-color: transparent;
743      border-radius: .375rem;
744      box-shadow: 0 2px 10px rgba(0, 168, 225, .35);
745    }
746    .shop-nav-link--store:hover,
747    .shop-nav-link--store:focus-visible {
748      background: #0090c4;
749      border-bottom-color: transparent;
750      box-shadow: 0 2px 10px rgba(0, 168, 225, .35);
751    }
752    .shop-nav-drop-menu {
753      display: none;
754      position: absolute;
755      top: 100%;
756      left: 0;
757      z-index: 1200;
758      min-width: 220px;
759      max-width: 340px;
760      margin-top: .15rem;
761      background: #fff;
762      border: 1px solid #d0d0d0;
763      box-shadow: 0 8px 24px rgba(15, 45, 61, .14);
764      padding: .35rem 0;
765      border-radius: 8px;
766      animation: navDropIn .18s ease-out;
767    }
768    @keyframes navDropIn {
769      from { opacity: 0; transform: translateY(4px); }
770      to { opacity: 1; transform: translateY(0); }
771    }
772    .shop-nav-drop:hover .shop-nav-drop-menu,
773    .shop-nav-drop.is-open .shop-nav-drop-menu { display: block; }
774    .shop-nav-drop-menu a {
775      display: block;
776      padding: .7rem 1.25rem;
777      font-size: .875rem;
778      font-weight: 500;
779      line-height: 1.35;
780      color: #1f485e;
781      white-space: nowrap;
782      text-decoration: none;
783      transition: background .15s, color .15s;
784    }
785    .shop-nav-drop-menu a:hover { background: #f4f8fb; color: #1879a4; }
786    .nav-toggle {
787      display: none;
788      align-items: center;
789      gap: .5rem;
790      background: rgba(255, 255, 255, .1);
791      border: 1px solid rgba(255, 255, 255, .25);
792      border-radius: .5rem;
793      cursor: pointer;
794      padding: .5rem .75rem;
795      font: 600 .875rem 'Poppins', sans-serif;
796      color: #fff;
797    }
798    .nav-toggle svg { width: 20px; height: 20px; fill: currentColor; }
799
800    .ss-nav-search { position: relative; display: flex; align-items: center; }
801    .ss-nav-search-toggle {
802      display: inline-flex; align-items: center; justify-content: center;
803      width: 2.125rem; height: 2.125rem; padding: 0;
804      background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25);
805      border-radius: .375rem; color: #fff; cursor: pointer;
806    }
807    .ss-nav-search-toggle:hover, .ss-nav-search-toggle:focus-visible {
808      background: rgba(255,255,255,.18); border-color: var(--highlight); outline: none;
809    }
810    .ss-nav-search-panel {
811      position: absolute; top: calc(100% + .45rem); right: 0;
812      width: min(22rem, calc(100vw - 2rem));
813      opacity: 0; visibility: hidden; pointer-events: none;
814      transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
815      transform: translateY(-4px); z-index: 1300;
816    }
817    .ss-nav-search-panel.active {
818      opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
819    }
820    @media (max-width: 749px) {
821      .ss-nav-search-panel {
822        position: fixed !important;
823        top: var(--ss-nav-h, 90px) !important;
824        left: 0 !important; right: 0 !important; width: 100% !important;
825        border-radius: 0 !important;
826        transform: translateY(-4px) !important;
827      }
828      .ss-nav-search-panel.active {
829        transform: translateY(0) !important;
830      }
831      .ss-nav-search-form {
832        border-radius: 0 !important;
833        box-shadow: 0 4px 12px rgba(15,45,61,.25) !important;
834      }
835    }
836    .ss-nav-search-form {
837      display: flex; margin: 0; padding: .35rem;
838      background: rgba(24, 121, 164, .92); border-radius: .375rem;
839      box-shadow: 0 10px 28px rgba(15, 45, 61, .22);
840    }
841    .ss-nav-search-form input[name="q"] {
842      flex: 1 1 auto; min-width: 0; width: 100%;
843      padding: .65rem .85rem; border: none; border-radius: .25rem;
844      font: 400 .875rem 'Poppins', sans-serif; color: #1a2332; background: #fff;
845    }
846    .ss-nav-search-form input[name="q"]:focus { outline: 2px solid var(--highlight); outline-offset: 0; }
847/* Contact flyout – tab left of form, slides out attached (Bytestock-style) */
848    .contact-flyout {
849      --contact-tab-w: 2.875rem;
850      --contact-panel-w: 24rem;
851      position: fixed; right: 0; top: 50%;
852      transform: translateY(-50%);
853      z-index: 99990;
854      display: flex; flex-direction: row; align-items: center;
855      pointer-events: none;
856    }
857    .contact-flyout-panel,
858    .contact-flyout-tab { pointer-events: auto; }
859    .contact-flyout-tab {
860      order: 1;
861      width: var(--contact-tab-w); flex-shrink: 0; border: none; cursor: pointer;
862      background: #c8dde8; color: #1a2332;
863      border-radius: 12px 0 0 12px;
864      padding: .85rem .4rem .95rem;
865      display: flex; flex-direction: column; align-items: center; justify-content: space-between;
866      height: 9.75rem;
867      box-shadow: -2px 0 10px rgba(0,0,0,.12);
868      transition: background .15s, transform .45s cubic-bezier(.4,0,.2,1);
869      z-index: 2;
870    }
871    .contact-flyout.is-open .contact-flyout-tab {
872      box-shadow: none;
873    }
874    .contact-flyout-panel {
875      order: 2;
876      width: 0;
877      min-width: 0;
878      flex-shrink: 0;
879      max-height: min(36rem, calc(100vh - 2rem));
880      overflow: hidden;
881      background: #fff;
882      border-radius: 0;
883      opacity: 0;
884      visibility: hidden;
885      pointer-events: none;
886      box-shadow: none;
887      transition:
888        width .45s cubic-bezier(.4,0,.2,1) .12s,
889        opacity .32s ease .16s,
890        visibility .32s ease .16s,
891        box-shadow .45s ease .12s;
892    }
893    .contact-flyout.is-open .contact-flyout-panel {
894      width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem));
895      overflow-x: hidden;
896      overflow-y: auto;
897      opacity: 1 !important;
898      visibility: visible !important;
899      pointer-events: auto;
900      box-shadow: 10px 8px 40px rgba(0,0,0,.12);
901    }
902    .contact-flyout-panel-inner {
903      width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem));
904      padding: 1.25rem 1.25rem 1rem;
905      box-sizing: border-box;
906    }
907    .contact-flyout-hs-form { width: 100%; min-height: 18rem; }
908    .contact-flyout-hs-form .hs-form-frame,
909    .contact-flyout-hs-form .contact-flyout-hs-iframe,
910    .contact-flyout-hs-form iframe {
911      display: block !important;
912      width: 100% !important;
913      min-height: 480px !important;
914      height: 520px !important;
915      visibility: visible !important;
916      opacity: 1 !important;
917      position: static !important;
918      pointer-events: auto !important;
919      border: 0 !important;
920      background: transparent !important;
921    }
922    .contact-flyout:not(.is-open) .contact-flyout-panel {
923      transition:
924        width .3s cubic-bezier(.4,0,.2,1),
925        opacity .18s ease,
926        visibility .18s ease,
927        box-shadow .3s ease;
928    }
929    .contact-flyout-tab:hover,
930    .contact-flyout-tab:focus-visible { background: #b3d0e0; outline: none; }
931    .contact-flyout-tab-text {
932      writing-mode: vertical-rl; text-orientation: mixed;
933      transform: rotate(180deg);
934      font: 600 .9375rem 'Poppins', sans-serif; letter-spacing: .01em;
935      white-space: nowrap; line-height: 1;
936    }
937    .contact-flyout-tab-chevron {
938      display: inline-flex; align-items: center; justify-content: center;
939      color: #1a2332; transition: transform .4s ease;
940    }
941    .contact-flyout-tab-chevron svg { width: .75rem; height: .75rem; fill: currentColor; }
942    .contact-flyout.is-open .contact-flyout-tab-chevron { transform: rotate(180deg); }
943    .contact-flyout-note {
944      font-size: .8125rem; color: var(--text); line-height: 1.55; margin-top: .85rem;
945      padding-top: .85rem; border-top: 1px solid #c5d4de;
946      font-weight: 500;
947    }
948    .contact-flyout-note a {
949      color: var(--primary); font-weight: 700; text-decoration: none;
950    }
951    .contact-flyout-note a:hover { text-decoration: underline; color: var(--accent); }
952    @media (max-width: 640px) {
953      .contact-flyout {
954        top: auto; bottom: 1rem;
955        transform: none;
956      }
957      .contact-flyout-panel { max-height: calc(100vh - 5rem); }
958      .contact-flyout-panel-inner { padding: 1.5rem 1.25rem; }
959    }
960    @media (prefers-reduced-motion: reduce) {
961      .contact-flyout-panel,
962      .contact-flyout-tab,
963      .contact-flyout-tab-chevron { transition: none; }
964    }
965
966    @media (max-width: 1100px) {
967      .shop-nav-row {
968        grid-template-columns: 1fr auto;
969        padding: .65rem 1rem;
970      }
971      .shop-nav-logo { grid-column: 1; }
972      .shop-nav-right { grid-column: 2; grid-row: 1; }
973      .shop-nav-links {
974        grid-column: 1 / -1;
975        grid-row: 2;
976        display: none;
977        flex-direction: column;
978        align-items: stretch;
979        width: 100%;
980        background: var(--primary);
981        padding: .5rem 0 .85rem;
982        border-top: 1px solid rgba(255, 255, 255, .1);
983        gap: .2rem;
984      }
985      .nav-toggle { display: inline-flex; }
986      .shop-nav-links.is-open { display: flex; }
987      .shop-nav-link {
988        width: 100%;
989        height: auto;
990        min-height: 0;
991        padding: .65rem .85rem;
992        font-size: .9375rem;
993        justify-content: flex-start;
994        border-bottom: 3px solid rgba(255, 255, 255, .18);
995      }
996      .shop-nav-drop > .shop-nav-link { justify-content: space-between; }
997      .shop-nav-drop > .shop-nav-link .shop-nav-chevron { margin-left: auto; }
998      .shop-nav-drop-menu {
999        position: static;
1000        min-width: 0;
1001        max-width: none;
1002        width: 100%;
1003        box-shadow: none;
1004        border: none;
1005        background: rgba(0, 0, 0, .12);
1006        margin: 0 0 .25rem;
1007        padding: .25rem 0;
1008        border-radius: 4px;
1009        animation: none;
1010      }
1011      .shop-nav-drop-menu a {
1012        color: #fff;
1013        font-size: .875rem;
1014        padding: .55rem 1rem .55rem 1.35rem;
1015      }
1016      .shop-nav-drop-menu a:hover { color: #fff; background: rgba(255, 255, 255, .08); }
1017    }
1018    @media (max-width: 640px) {
1019      .top-bar-inner { flex-direction: column; align-items: flex-start; padding: .5rem 0; }
1020      .top-bar-right { width: 100%; justify-content: space-between; }
1021    }
1022
1023    
1024
1025/* Nav size lock — pixel-matched to shopify-static-nav-bar.html @ 18px root (theme ss-modern-fixes.css).
1026   MUST load after page CSS. Do not use 16px — live theme uses html.ss-modern-html { font-size: 18px }. */
1027html,
1028html.ss-modern-html,
1029html.ss-static-html {
1030  font-size: 18px !important;
1031  -webkit-text-size-adjust: 100% !important;
1032}
1033
1034.ss-modern-header-wrap {
1035  font-size: 18px !important;
1036  -webkit-text-size-adjust: 100% !important;
1037  width: 100% !important;
1038  max-width: none !important;
1039  margin: 0 !important;
1040  padding: 0 !important;
1041}
1042
1043.ss-modern-header-wrap .top-bar {
1044  display: block !important;
1045  padding: 0 !important;
1046  margin: 0 !important;
1047  background: #eef2f6 !important;
1048  border-bottom: 1px solid #e2e8f0 !important;
1049  overflow: visible !important;
1050}
1051
1052.ss-modern-header-wrap .top-bar-inner {
1053  display: flex !important;
1054  flex-direction: row !important;
1055  align-items: center !important;
1056  justify-content: space-between !important;
1057  flex-wrap: wrap !important;
1058  gap: 13.5px 22.5px !important;
1059  padding: 8.1px 0 !important;
1060  width: min(100% - 36px, 1280px) !important;
1061  max-width: 1280px !important;
1062  margin-inline: auto !important;
1063  font-family: 'Poppins', sans-serif !important;
1064  font-size: 14.625px !important;
1065  font-weight: 500 !important;
1066  line-height: 1.6 !important;
1067  min-height: 0 !important;
1068}
1069
1070.ss-modern-header-wrap .top-bar-contact,
1071.ss-modern-header-wrap .top-bar-right {
1072  display: flex !important;
1073  align-items: center !important;
1074  flex-wrap: wrap !important;
1075  gap: 9px 15.3px !important;
1076}
1077
1078.ss-modern-header-wrap .top-bar a {
1079  color: #1f485e !important;
1080  text-decoration: none !important;
1081  font-family: 'Poppins', sans-serif !important;
1082  font-size: 14.625px !important;
1083  font-weight: 500 !important;
1084  line-height: 1.6 !important;
1085}
1086
1087.ss-modern-header-wrap .top-bar-sep {
1088  color: #b8c5d0 !important;
1089  line-height: 1.6 !important;
1090}
1091
1092.ss-modern-header-wrap .top-bar-social {
1093  display: inline-flex !important;
1094  align-items: center !important;
1095  gap: 6.3px !important;
1096}
1097
1098.ss-modern-header-wrap .top-bar-social a {
1099  display: inline-flex !important;
1100  align-items: center !important;
1101  justify-content: center !important;
1102  width: 31.5px !important;
1103  height: 31.5px !important;
1104  min-width: 31.5px !important;
1105  min-height: 31.5px !important;
1106  padding: 0 !important;
1107  margin: 0 !important;
1108  border: none !important;
1109  line-height: 1 !important;
1110}
1111
1112.ss-modern-header-wrap .top-bar-social svg {
1113  width: 16.875px !important;
1114  height: 16.875px !important;
1115  max-width: 16.875px !important;
1116  max-height: 16.875px !important;
1117  fill: currentColor !important;
1118}
1119
1120.ss-modern-header-wrap .top-bar-note {
1121  font-size: 13.5px !important;
1122  line-height: 1.6 !important;
1123}
1124
1125.ss-modern-header-wrap .wrap {
1126  width: min(100% - 36px, 1280px) !important;
1127  max-width: 1280px !important;
1128  margin-inline: auto !important;
1129}
1130
1131.ss-modern-header-wrap .shop-nav {
1132  background: #1f485e !important;
1133  color: #fff !important;
1134  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
1135}
1136
1137.ss-modern-header-wrap .shop-nav-row {
1138  display: grid !important;
1139  grid-template-columns: auto 1fr auto !important;
1140  align-items: center !important;
1141  gap: 13.5px 18px !important;
1142  padding: 9.9px 18px !important;
1143  width: min(100% - 18px, 1280px) !important;
1144  max-width: 1280px !important;
1145  margin: 0 auto !important;
1146}
1147
1148.ss-modern-header-wrap .shop-nav-logo {
1149  display: flex !important;
1150  align-items: center !important;
1151  gap: 9.9px !important;
1152  flex-shrink: 0 !important;
1153}
1154
1155.ss-modern-header-wrap .shop-nav-logo img {
1156  height: 36px !important;
1157  width: 36px !important;
1158  min-height: 36px !important;
1159  min-width: 36px !important;
1160  object-fit: cover !important;
1161  border-radius: 6px !important;
1162}
1163
1164.ss-modern-header-wrap .shop-nav-logo-copy {
1165  display: flex !important;
1166  flex-direction: column !important;
1167  gap: 0.9px !important;
1168  line-height: 1.1 !important;
1169}
1170
1171.ss-modern-header-wrap .shop-nav-logo-text {
1172  font-size: 18.9px !important;
1173  font-weight: 700 !important;
1174  line-height: 1.1 !important;
1175  letter-spacing: -0.01em !important;
1176  white-space: nowrap !important;
1177}
1178
1179.ss-modern-header-wrap .shop-nav-logo-est {
1180  font-size: 13.5px !important;
1181  font-weight: 700 !important;
1182  line-height: 1.1 !important;
1183}
1184
1185.ss-modern-header-wrap .shop-nav-links {
1186  display: flex !important;
1187  align-items: center !important;
1188  justify-content: center !important;
1189  flex-wrap: nowrap !important;
1190  gap: 3.6px 5.4px !important;
1191  min-width: 0 !important;
1192  overflow: visible !important;
1193}
1194
1195.ss-modern-header-wrap .shop-nav-links > a,
1196.ss-modern-header-wrap .shop-nav-links > .shop-nav-drop {
1197  flex-shrink: 0 !important;
1198}
1199
1200.ss-modern-header-wrap .shop-nav-link,
1201.ss-modern-header-wrap button.shop-nav-link,
1202.ss-modern-header-wrap a.shop-nav-link:not(.shop-nav-link--store) {
1203  display: inline-flex !important;
1204  align-items: center !important;
1205  justify-content: center !important;
1206  gap: 5.4px !important;
1207  height: 38.25px !important;
1208  min-height: 38.25px !important;
1209  max-height: none !important;
1210  padding: 0 9.9px !important;
1211  font-family: 'Poppins', sans-serif !important;
1212  font-size: 15.12px !important;
1213  font-weight: 600 !important;
1214  line-height: 1 !important;
1215  color: #fff !important;
1216  white-space: nowrap !important;
1217  border: none !important;
1218  border-bottom: 3px solid rgba(255, 255, 255, 0.28) !important;
1219  border-radius: 4px !important;
1220  background: transparent !important;
1221  background-image: none !important;
1222  box-shadow: none !important;
1223  text-decoration: none !important;
1224  text-transform: none !important;
1225  letter-spacing: 0.01em !important;
1226  margin: 0 !important;
1227  flex-shrink: 0 !important;
1228  box-sizing: border-box !important;
1229  -webkit-appearance: none !important;
1230  appearance: none !important;
1231  cursor: pointer !important;
1232}
1233
1234.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store {
1235  display: inline-flex !important;
1236  align-items: center !important;
1237  justify-content: center !important;
1238  gap: 5.4px !important;
1239  height: 38.25px !important;
1240  min-height: 38.25px !important;
1241  padding: 0 9.9px !important;
1242  font-family: 'Poppins', sans-serif !important;
1243  font-size: 15.12px !important;
1244  font-weight: 600 !important;
1245  line-height: 1 !important;
1246  color: #fff !important;
1247  white-space: nowrap !important;
1248  border: none !important;
1249  border-bottom: 3px solid transparent !important;
1250  border-radius: 6.75px !important;
1251  background: #00a8e1 !important;
1252  background-image: none !important;
1253  box-shadow: 0 2px 10px rgba(0, 168, 225, 0.35) !important;
1254  text-decoration: none !important;
1255  text-transform: none !important;
1256  letter-spacing: 0.01em !important;
1257  margin: 0 !important;
1258  flex-shrink: 0 !important;
1259}
1260
1261.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):hover,
1262.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):focus-visible,
1263.ss-modern-header-wrap .shop-nav-drop:hover > .shop-nav-link,
1264.ss-modern-header-wrap .shop-nav-drop.is-open > .shop-nav-link {
1265  background: rgba(255, 255, 255, 0.15) !important;
1266  border-bottom-color: #00a8e1 !important;
1267  color: #fff !important;
1268}
1269
1270.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:hover,
1271.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:focus-visible {
1272  background: #0090c4 !important;
1273  border-bottom-color: transparent !important;
1274  color: #fff !important;
1275}
1276
1277.ss-modern-header-wrap .ss-nav-search-toggle {
1278  display: inline-flex !important;
1279  align-items: center !important;
1280  justify-content: center !important;
1281  width: 38.25px !important;
1282  height: 38.25px !important;
1283  min-width: 38.25px !important;
1284  min-height: 38.25px !important;
1285  padding: 0 !important;
1286}
1287
1288.ss-modern-header-wrap .nav-toggle {
1289  font-family: 'Poppins', sans-serif !important;
1290  font-size: 15.75px !important;
1291  font-weight: 600 !important;
1292  line-height: 1 !important;
1293  padding: 9px 13.5px !important;
1294}
1295
1296.ss-modern-header-wrap svg:not(.shop-nav-chevron) {
1297  width: 16px !important;
1298  height: 16px !important;
1299  max-width: 24px !important;
1300  max-height: 24px !important;
1301  flex-shrink: 0 !important;
1302}
1303
1304.ss-modern-header-wrap .shop-nav-link .shop-nav-chevron {
1305  width: 9px !important;
1306  height: 9px !important;
1307  min-width: 9px !important;
1308  min-height: 9px !important;
1309  fill: currentColor !important;
1310}
1311
1312@media (min-width: 1101px) {
1313  .ss-modern-header-wrap .shop-nav-links > a,
1314  .ss-modern-header-wrap .shop-nav-links > .shop-nav-drop {
1315    display: inline-flex !important;
1316    visibility: visible !important;
1317  }
1318}
1319
1320@media (min-width: 641px) {
1321  .ss-modern-header-wrap .top-bar-inner {
1322    flex-direction: row !important;
1323    align-items: center !important;
1324  }
1325}
1326
1327@media (max-width: 640px) {
1328  .ss-modern-header-wrap .top-bar-inner {
1329    flex-direction: column !important;
1330    align-items: flex-start !important;
1331    padding: 9px 0 !important;
1332  }
1333
1334  .ss-modern-header-wrap .top-bar-right {
1335    width: 100% !important;
1336    justify-content: space-between !important;
1337  }
1338}
1339/* ServerSource About Us page — scoped styles for about-main.html */
1340
1341#ssAboutMain.ss-about-page {
1342  --ss-primary: #1f485e;
1343  --ss-accent: #1879a4;
1344  --ss-highlight: #00a8e1;
1345  --ss-tint: #f4f8fb;
1346  --ss-text: #1a2332;
1347  --ss-muted: #5f5f5f;
1348  --ss-muted-light: #64748b;
1349  --ss-border: #e2e8f0;
1350  --ss-gradient-mid: #2596be;
1351  --ss-gradient-end: #035e7f;
1352  --ss-icon-bg: #e3f2f9;
1353  --ss-icon-color: #1f485e;
1354  --ss-max: 1400px;
1355  --ss-radius: 12px;
1356  --ss-radius-lg: 16px;
1357  --ss-shadow: 0 10px 40px rgba(31, 72, 94, 0.1);
1358  --ss-shadow-strong: 0 15px 50px rgba(31, 72, 94, 0.2);
1359  display: block;
1360  width: 100%;
1361  margin: 0;
1362  padding: 0;
1363  font-family: 'Poppins', sans-serif;
1364  color: var(--ss-text);
1365  line-height: 1.6;
1366  background: #fff;
1367}
1368
1369#ssAboutMain.ss-about-page *,
1370#ssAboutMain.ss-about-page *::before,
1371#ssAboutMain.ss-about-page *::after {
1372  box-sizing: border-box;
1373}
1374
1375/* Layout wrapper */
1376#ssAboutMain.ss-about-page .about-content {
1377  max-width: var(--ss-max);
1378  margin: 0 auto;
1379  padding: 0 20px;
1380}
1381
1382/* Hero */
1383#ssAboutMain.ss-about-page .about-hero {
1384  background: url('https://cdn.shopify.com/s/files/1/0587/2150/1393/files/About_us_banner_2.png?v=1768222642') center center / cover no-repeat;
1385  padding: 80px 0;
1386  margin-bottom: 0;
1387  width: 100%;
1388  position: relative;
1389  overflow: hidden;
1390}
1391
1392#ssAboutMain.ss-about-page .about-hero::before {
1393  content: '';
1394  position: absolute;
1395  inset: 0;
1396  background: linear-gradient(
1397    135deg,
1398    rgba(31, 72, 94, 0.85) 0%,
1399    rgba(24, 121, 164, 0.8) 50%,
1400    rgba(37, 150, 190, 0.75) 100%
1401  );
1402  pointer-events: none;
1403}
1404
1405#ssAboutMain.ss-about-page .about-hero > * {
1406  position: relative;
1407  z-index: 1;
1408}
1409
1410#ssAboutMain.ss-about-page .hero-title {
1411  font-family: 'Poppins', sans-serif;
1412  font-size: 3.2rem;
1413  font-weight: 700;
1414  color: #ffffff;
1415  margin: 0 0 20px;
1416  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1417  text-align: center;
1418}
1419
1420#ssAboutMain.ss-about-page .about-hero .about-content {
1421  text-align: center;
1422  max-width: 96rem;
1423}
1424
1425#ssAboutMain.ss-about-page .hero-subtitle {
1426  font-family: 'Poppins', sans-serif;
1427  font-size: clamp(1rem, 1.75vw, 1.28rem);
1428  color: rgba(255, 255, 255, 0.95);
1429  max-width: 52rem;
1430  line-height: 1.55;
1431  margin: 0 auto;
1432  text-align: center;
1433}
1434
1435#ssAboutMain.ss-about-page .hero-subtitle__line {
1436  display: block;
1437}
1438
1439#ssAboutMain.ss-about-page .years-badge {
1440  display: inline-block;
1441  margin: 35px 0 0;
1442  color: rgba(255, 255, 255, 0.85);
1443  font-size: 1.05rem;
1444  font-weight: 400;
1445  letter-spacing: 0.02em;
1446}
1447
1448#ssAboutMain.ss-about-page .years-badge strong {
1449  color: #fff;
1450  font-weight: 600;
1451}
1452
1453/* Stats */
1454#ssAboutMain.ss-about-page .stats-section {
1455  padding: 70px 0;
1456  position: relative;
1457  background: #ffffff;
1458}
1459
1460#ssAboutMain.ss-about-page .stats-grid {
1461  display: grid;
1462  grid-template-columns: repeat(3, 1fr);
1463  gap: 50px;
1464  text-align: center;
1465  position: relative;
1466  background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 50%, var(--ss-gradient-mid) 100%);
1467  border-radius: var(--ss-radius-lg);
1468  padding: 50px 40px;
1469  box-shadow: 0 10px 40px rgba(31, 72, 94, 0.2);
1470  align-items: start;
1471}
1472
1473#ssAboutMain.ss-about-page .stat-item {
1474  color: #fff;
1475  padding: 20px;
1476  display: flex;
1477  flex-direction: column;
1478  align-items: center;
1479  justify-content: flex-start;
1480}
1481
1482#ssAboutMain.ss-about-page .stat-number {
1483  font-family: 'Poppins', sans-serif;
1484  font-size: 3.8rem;
1485  font-weight: 800;
1486  display: block;
1487  line-height: 1;
1488  margin-bottom: 10px;
1489  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
1490  min-height: 60px;
1491  opacity: 0;
1492  transform: translateY(28px);
1493  transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
1494}
1495
1496#ssAboutMain.ss-about-page .stats-section.is-visible .stat-number {
1497  opacity: 1;
1498  transform: translateY(0);
1499}
1500
1501#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(1) .stat-number {
1502  transition-delay: 0.05s;
1503}
1504
1505#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(2) .stat-number {
1506  transition-delay: 0.15s;
1507}
1508
1509#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(3) .stat-number {
1510  transition-delay: 0.25s;
1511}
1512
1513#ssAboutMain.ss-about-page .stat-number.is-counting {
1514  opacity: 1;
1515  transform: translateY(0);
1516}
1517
1518#ssAboutMain.ss-about-page .stat-label {
1519  font-family: 'Poppins', sans-serif;
1520  font-size: 1.15rem;
1521  opacity: 0.95;
1522  font-weight: 500;
1523  display: block;
1524}
1525
1526/* Sections */
1527#ssAboutMain.ss-about-page .section {
1528  padding: 80px 0;
1529}
1530
1531#ssAboutMain.ss-about-page .section-white {
1532  background: #ffffff;
1533}
1534
1535#ssAboutMain.ss-about-page .section-grey {
1536  background: linear-gradient(180deg, #f0f4f8 0%, #e8eef3 100%);
1537}
1538
1539#ssAboutMain.ss-about-page .section-title {
1540  font-family: 'Poppins', sans-serif;
1541  font-size: 2.4rem;
1542  font-weight: 700;
1543  color: var(--ss-primary);
1544  margin: 0 0 20px;
1545}
1546
1547#ssAboutMain.ss-about-page .section-title--center {
1548  text-align: center;
1549}
1550
1551#ssAboutMain.ss-about-page .section-title--sm {
1552  font-size: 2rem;
1553}
1554
1555#ssAboutMain.ss-about-page .section-title--spaced {
1556  margin-bottom: 40px;
1557}
1558
1559#ssAboutMain.ss-about-page .section-subtitle {
1560  font-family: 'Poppins', sans-serif;
1561  font-size: 1.15rem;
1562  color: var(--ss-muted);
1563  max-width: 700px;
1564  margin: 0 auto 50px;
1565  padding: 0;
1566  text-align: center;
1567  line-height: 1.7;
1568}
1569
1570/* Stats — full-width strip before CTA */
1571#ssAboutMain.ss-about-page .stats-section--fullwidth {
1572  width: 100%;
1573  max-width: 100%;
1574  margin: 0;
1575  padding: 0;
1576  background: transparent;
1577}
1578
1579#ssAboutMain.ss-about-page .stats-grid--fullwidth {
1580  display: grid;
1581  grid-template-columns: repeat(3, 1fr);
1582  gap: 0;
1583  width: 100%;
1584  max-width: none;
1585  margin: 0;
1586  padding: 48px 24px;
1587  border-radius: 0;
1588  background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 50%, var(--ss-gradient-mid) 100%);
1589  box-shadow: none;
1590}
1591
1592#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item {
1593  border-right: 1px solid rgba(255, 255, 255, 0.15);
1594  padding: 12px 20px;
1595}
1596
1597#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item:last-child {
1598  border-right: none;
1599}
1600
1601#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-number {
1602  font-size: clamp(2.25rem, 4vw, 3.25rem);
1603  min-height: auto;
1604}
1605
1606#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-label {
1607  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
1608}
1609
1610/* Dell partner box — inside Why Choose */
1611#ssAboutMain.ss-about-page .ss-about-page__values-section .section-subtitle {
1612  max-width: none;
1613  white-space: nowrap;
1614}
1615
1616@media (max-width: 720px) {
1617  #ssAboutMain.ss-about-page .ss-about-page__values-section .section-subtitle {
1618    white-space: normal;
1619    max-width: 700px;
1620  }
1621}
1622
1623#ssAboutMain.ss-about-page .ss-about-page__values-section .values-grid {
1624  margin-bottom: 2rem;
1625}
1626
1627#ssAboutMain.ss-about-page .ss-about-partner-box {
1628  display: grid;
1629  grid-template-columns: minmax(0, 1fr) minmax(140px, 220px);
1630  gap: 1.75rem;
1631  align-items: center;
1632  background: #fff;
1633  border-radius: var(--ss-radius-lg);
1634  border: 1px solid var(--ss-border);
1635  box-shadow: var(--ss-shadow);
1636  padding: 1.75rem 2rem;
1637  overflow: hidden;
1638  position: relative;
1639}
1640
1641#ssAboutMain.ss-about-page .ss-about-partner-box::before {
1642  content: '';
1643  position: absolute;
1644  top: 0;
1645  left: 0;
1646  right: 0;
1647  height: 5px;
1648  background: linear-gradient(90deg, var(--ss-primary) 0%, var(--ss-highlight) 100%);
1649  z-index: 1;
1650}
1651
1652#ssAboutMain.ss-about-page .ss-about-partner-box__media {
1653  flex-shrink: 0;
1654  display: flex;
1655  align-items: center;
1656  justify-content: center;
1657}
1658
1659#ssAboutMain.ss-about-page .ss-about-partner-box__media img {
1660  width: 100%;
1661  max-width: 220px;
1662  height: auto;
1663  display: block;
1664  border-radius: 8px;
1665  object-fit: contain;
1666}
1667
1668#ssAboutMain.ss-about-page .ss-about-partner-box__content {
1669  padding: 0;
1670  min-width: 0;
1671}
1672
1673#ssAboutMain.ss-about-page .ss-about-partner-box__title {
1674  font-family: 'Poppins', sans-serif;
1675  font-size: 1.35rem;
1676  font-weight: 700;
1677  color: var(--ss-primary);
1678  margin: 0 0 0.75rem;
1679}
1680
1681#ssAboutMain.ss-about-page .ss-about-partner-box__content p {
1682  font-family: 'Poppins', sans-serif;
1683  font-size: 1rem;
1684  line-height: 1.75;
1685  color: var(--ss-muted);
1686  margin: 0 0 0.85rem;
1687}
1688
1689#ssAboutMain.ss-about-page .ss-about-partner-box__content p:last-child {
1690  margin-bottom: 0;
1691}
1692
1693/* ETB-style story box */
1694#ssAboutMain.ss-about-page .ss-about-page__story-section {
1695  padding: 48px 0 56px;
1696  background: linear-gradient(180deg, #f0f4f8 0%, #e8eef3 100%);
1697}
1698
1699#ssAboutMain.ss-about-page .ss-about-story-box {
1700  display: grid;
1701  grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
1702  gap: 2.5rem;
1703  align-items: center;
1704  background: #fff;
1705  border-radius: 20px;
1706  box-shadow: 0 16px 48px rgba(31, 72, 94, 0.1);
1707  border: 1px solid var(--ss-border);
1708  padding: 2.75rem 2.5rem;
1709}
1710
1711#ssAboutMain.ss-about-page .ss-about-story-box__title {
1712  font-family: 'Poppins', sans-serif;
1713  font-size: clamp(1.75rem, 3vw, 2.25rem);
1714  font-weight: 700;
1715  color: var(--ss-primary);
1716  margin: 0 0 1.25rem;
1717}
1718
1719#ssAboutMain.ss-about-page .ss-about-story-box__text p {
1720  font-family: 'Poppins', sans-serif;
1721  font-size: 1.0625rem;
1722  line-height: 1.85;
1723  color: var(--ss-muted);
1724  margin: 0 0 1.1rem;
1725  text-wrap: pretty;
1726}
1727
1728#ssAboutMain.ss-about-page .ss-about-story-box__text p:last-child {
1729  margin-bottom: 0;
1730}
1731
1732#ssAboutMain.ss-about-page .ss-about-story-box__text strong {
1733  color: var(--ss-primary);
1734}
1735
1736#ssAboutMain.ss-about-page .ss-about-story-box__visual-track {
1737  position: relative;
1738  display: flex;
1739  align-items: center;
1740  justify-content: center;
1741  gap: 1.25rem;
1742  min-height: 120px;
1743}
1744
1745#ssAboutMain.ss-about-page .ss-about-story-box__visual-line {
1746  position: absolute;
1747  left: 18%;
1748  right: 18%;
1749  top: 50%;
1750  height: 3px;
1751  background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-highlight) 100%);
1752  transform: translateY(-50%);
1753  z-index: 0;
1754}
1755
1756#ssAboutMain.ss-about-page .ss-about-story-box__visual-node {
1757  position: relative;
1758  z-index: 1;
1759  width: 96px;
1760  height: 96px;
1761  border-radius: 50%;
1762  overflow: hidden;
1763  background: #fff;
1764  border: 4px solid #fff;
1765  box-shadow: 0 6px 20px rgba(31, 72, 94, 0.15);
1766  flex-shrink: 0;
1767}
1768
1769#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--logo img {
1770  width: 100%;
1771  height: 100%;
1772  object-fit: cover;
1773}
1774
1775#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--partner {
1776  background: var(--ss-primary);
1777  width: 112px;
1778  height: 112px;
1779  display: flex;
1780  align-items: center;
1781  justify-content: center;
1782  padding: 5px;
1783  box-sizing: border-box;
1784}
1785
1786#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--partner img {
1787  display: block;
1788  width: 100%;
1789  height: auto;
1790  max-width: 100%;
1791  max-height: 100%;
1792  object-fit: contain;
1793  object-position: center center;
1794  transform: scale(1.7) translateX(10px);
1795  margin: 0;
1796}
1797
1798/* Horizontal journey timeline */
1799#ssAboutMain.ss-about-page .ss-about-page__journey-section {
1800  padding-bottom: 4rem;
1801}
1802
1803#ssAboutMain.ss-about-page .ss-about-page__journey-section .section-subtitle {
1804  margin-bottom: 2rem;
1805  max-width: none;
1806  white-space: nowrap;
1807}
1808
1809@media (max-width: 720px) {
1810  #ssAboutMain.ss-about-page .ss-about-page__journey-section .section-subtitle {
1811    white-space: normal;
1812    max-width: 700px;
1813  }
1814}
1815
1816#ssAboutMain.ss-about-page .ss-about-journey--horizontal {
1817  position: relative;
1818  width: 100%;
1819  overflow: hidden;
1820  padding: 0.5rem 0 0;
1821  min-height: 200px;
1822}
1823
1824#ssAboutMain.ss-about-page .ss-about-journey__track {
1825  position: absolute;
1826  left: 3%;
1827  right: 3%;
1828  top: 1.75rem;
1829  height: 4px;
1830  z-index: 0;
1831  pointer-events: none;
1832}
1833
1834#ssAboutMain.ss-about-page .ss-about-journey__track-bg {
1835  position: absolute;
1836  inset: 0;
1837  border-top: 3px dotted #94a3b8;
1838}
1839
1840#ssAboutMain.ss-about-page .ss-about-journey__track-fill {
1841  position: absolute;
1842  left: 0;
1843  top: 0;
1844  height: 4px;
1845  width: calc(var(--journey-progress, 0) * 100%);
1846  background: #1879a4;
1847  border-radius: 999px;
1848  transition: width 0.15s ease-out;
1849}
1850
1851#ssAboutMain.ss-about-page .ss-about-journey__steps {
1852  position: relative;
1853  z-index: 1;
1854  list-style: none;
1855  margin: 0;
1856  padding: 0;
1857  display: flex;
1858  align-items: flex-start;
1859  justify-content: space-between;
1860  gap: 0.25rem;
1861}
1862
1863#ssAboutMain.ss-about-page .ss-about-journey__step {
1864  flex: 1 1 0;
1865  min-width: 0;
1866  display: flex;
1867  flex-direction: column;
1868  align-items: center;
1869  text-align: center;
1870  padding: 0 0.15rem;
1871  opacity: 0.45;
1872  transition: opacity 0.35s ease;
1873}
1874
1875#ssAboutMain.ss-about-page .ss-about-journey__step.is-revealed {
1876  opacity: 1;
1877}
1878
1879#ssAboutMain.ss-about-page .ss-about-journey__year {
1880  display: inline-flex;
1881  align-items: center;
1882  justify-content: center;
1883  width: 3.25rem;
1884  height: 3.25rem;
1885  border-radius: 50%;
1886  background: var(--ss-icon-bg);
1887  color: var(--ss-icon-color);
1888  font-family: 'Poppins', sans-serif;
1889  font-size: 0.75rem;
1890  font-weight: 700;
1891  line-height: 1;
1892  border: 3px solid #fff;
1893  box-shadow: 0 2px 8px rgba(31, 72, 94, 0.12);
1894  margin-bottom: 0.65rem;
1895  flex-shrink: 0;
1896}
1897
1898#ssAboutMain.ss-about-page .ss-about-journey__body {
1899  max-width: 100%;
1900}
1901
1902#ssAboutMain.ss-about-page .ss-about-journey__heading {
1903  font-family: 'Poppins', sans-serif;
1904  font-size: 0.6875rem;
1905  font-weight: 700;
1906  color: var(--ss-primary);
1907  margin: 0 0 0.2rem;
1908  line-height: 1.25;
1909  text-wrap: balance;
1910}
1911
1912#ssAboutMain.ss-about-page .ss-about-journey__body p {
1913  margin: 0;
1914  font-family: 'Poppins', sans-serif;
1915  font-size: 0.625rem;
1916  line-height: 1.35;
1917  color: var(--ss-muted);
1918  text-wrap: balance;
1919  orphans: 3;
1920  widows: 3;
1921}
1922
1923/* Shop ranges — homepage-style cards */
1924#ssAboutMain.ss-about-page .ss-about-page__ranges-section {
1925  padding: 4rem 0;
1926  background: #fff;
1927}
1928
1929#ssAboutMain.ss-about-page .ss-about-ranges-head {
1930  text-align: center;
1931  margin-bottom: 2rem;
1932}
1933
1934#ssAboutMain.ss-about-page .ss-about-ranges-label {
1935  display: block;
1936  font-size: 0.75rem;
1937  font-weight: 700;
1938  text-transform: uppercase;
1939  letter-spacing: 0.08em;
1940  color: var(--ss-accent);
1941  margin-bottom: 0.4rem;
1942}
1943
1944#ssAboutMain.ss-about-page .ss-about-range-grid {
1945  display: grid;
1946  grid-template-columns: repeat(3, 1fr);
1947  gap: 1rem;
1948}
1949
1950#ssAboutMain.ss-about-page .ss-about-range-card {
1951  background: var(--ss-tint);
1952  border: 1px solid var(--ss-border);
1953  border-radius: 10px;
1954  overflow: hidden;
1955  transition: 0.2s ease;
1956  display: flex;
1957  flex-direction: column;
1958  text-decoration: none !important;
1959  color: inherit;
1960}
1961
1962#ssAboutMain.ss-about-page a.ss-about-range-card:hover {
1963  border-color: var(--ss-accent);
1964  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
1965  transform: translateY(-3px);
1966  text-decoration: none !important;
1967}
1968
1969#ssAboutMain.ss-about-page .ss-about-range-card__img {
1970  height: 130px;
1971  overflow: hidden;
1972}
1973
1974#ssAboutMain.ss-about-page .ss-about-range-card__img img {
1975  width: 100%;
1976  height: 100%;
1977  object-fit: cover;
1978  transition: transform 0.3s ease;
1979}
1980
1981#ssAboutMain.ss-about-page a.ss-about-range-card:hover .ss-about-range-card__img img {
1982  transform: scale(1.04);
1983}
1984
1985#ssAboutMain.ss-about-page .ss-about-range-card__body {
1986  padding: 1.15rem;
1987  flex: 1;
1988  display: flex;
1989  flex-direction: column;
1990}
1991
1992#ssAboutMain.ss-about-page .ss-about-range-card__body h3 {
1993  font-family: 'Poppins', sans-serif;
1994  font-size: 1rem;
1995  font-weight: 700;
1996  color: var(--ss-primary);
1997  margin: 0 0 0.35rem;
1998}
1999
2000#ssAboutMain.ss-about-page .ss-about-range-card__body p {
2001  font-family: 'Poppins', sans-serif;
2002  font-size: 0.875rem;
2003  color: var(--ss-muted-light);
2004  line-height: 1.55;
2005  flex: 1;
2006  margin: 0 0 0.85rem;
2007}
2008
2009#ssAboutMain.ss-about-page .ss-about-range-card__link {
2010  font-size: 0.8125rem;
2011  font-weight: 600;
2012  color: var(--ss-accent);
2013  display: inline-flex;
2014  align-items: center;
2015  gap: 0.25rem;
2016  text-decoration: none !important;
2017}
2018
2019#ssAboutMain.ss-about-page a.ss-about-range-card:hover .ss-about-range-card__link {
2020  color: var(--ss-gradient-end);
2021}
2022
2023#ssAboutMain.ss-about-page .ss-about-range-card--split {
2024  cursor: default;
2025}
2026
2027#ssAboutMain.ss-about-page .ss-about-range-card__links {
2028  display: flex;
2029  flex-direction: column;
2030  gap: 0.4rem;
2031  margin-top: auto;
2032}
2033
2034@media (prefers-reduced-motion: reduce) {
2035  #ssAboutMain.ss-about-page .ss-about-journey__step {
2036    opacity: 1;
2037    transition: none;
2038  }
2039  #ssAboutMain.ss-about-page .ss-about-journey__track-fill {
2040    width: 100% !important;
2041    transition: none;
2042  }
2043}
2044
2045@media (max-width: 1100px) {
2046  #ssAboutMain.ss-about-page .ss-about-story-box {
2047    grid-template-columns: 1fr;
2048    padding: 2rem 1.75rem;
2049  }
2050
2051  #ssAboutMain.ss-about-page .ss-about-story-box__visual {
2052    order: -1;
2053  }
2054
2055  #ssAboutMain.ss-about-page .ss-about-journey__heading {
2056    font-size: 0.625rem;
2057  }
2058
2059  #ssAboutMain.ss-about-page .ss-about-journey__body p {
2060    font-size: 0.5625rem;
2061  }
2062
2063  #ssAboutMain.ss-about-page .ss-about-range-grid {
2064    grid-template-columns: repeat(2, 1fr);
2065  }
2066}
2067
2068@media (max-width: 768px) {
2069  #ssAboutMain.ss-about-page .ss-about-journey--horizontal {
2070    overflow-x: auto;
2071    overflow-y: hidden;
2072    -webkit-overflow-scrolling: touch;
2073    padding-bottom: 0.5rem;
2074  }
2075
2076  #ssAboutMain.ss-about-page .ss-about-journey__steps {
2077    min-width: 720px;
2078    justify-content: flex-start;
2079    gap: 0.5rem;
2080    padding: 0 0.5rem;
2081  }
2082
2083  #ssAboutMain.ss-about-page .ss-about-journey__step {
2084    flex: 0 0 88px;
2085  }
2086
2087  #ssAboutMain.ss-about-page .ss-about-range-grid {
2088    grid-template-columns: 1fr;
2089  }
2090
2091  #ssAboutMain.ss-about-page .ss-about-story-box__visual-node {
2092    width: 72px;
2093    height: 72px;
2094  }
2095
2096  #ssAboutMain.ss-about-page .ss-about-story-box__visual-node--photo {
2097    width: 86px;
2098    height: 86px;
2099  }
2100}
2101
2102/* Story — text and image side by side */
2103#ssAboutMain.ss-about-page .story-grid {
2104  display: grid;
2105  grid-template-columns: 1fr 1fr;
2106  gap: 2.5rem;
2107  align-items: center;
2108  margin: 0;
2109  padding: 0;
2110}
2111
2112#ssAboutMain.ss-about-page .story-text {
2113  flex: 1;
2114  font-family: 'Poppins', sans-serif;
2115  font-size: 1rem;
2116  line-height: 1.75;
2117  color: #4a4a4a;
2118  margin: 0;
2119  padding: 0;
2120}
2121
2122#ssAboutMain.ss-about-page .story-text p {
2123  margin: 0 0 12px;
2124  padding: 0;
2125}
2126
2127#ssAboutMain.ss-about-page .story-text p:last-child {
2128  margin-bottom: 0;
2129}
2130
2131#ssAboutMain.ss-about-page .story-text--flush {
2132  margin: 0;
2133  padding: 0;
2134}
2135
2136#ssAboutMain.ss-about-page .story-image-container {
2137  position: relative;
2138  overflow: hidden;
2139  border-radius: var(--ss-radius);
2140  box-shadow: var(--ss-shadow-strong);
2141  min-width: 0;
2142  aspect-ratio: 4 / 3;
2143  max-height: 320px;
2144}
2145
2146#ssAboutMain.ss-about-page .story-image-container::after {
2147  content: '';
2148  position: absolute;
2149  inset: 0;
2150  background: linear-gradient(
2151    135deg,
2152    rgba(31, 72, 94, 0.5) 0%,
2153    rgba(24, 121, 164, 0.4) 50%,
2154    rgba(37, 150, 190, 0.35) 100%
2155  );
2156  pointer-events: none;
2157  z-index: 1;
2158}
2159
2160#ssAboutMain.ss-about-page .story-image {
2161  position: absolute;
2162  inset: 0;
2163  width: 100%;
2164  height: 100%;
2165  object-fit: cover;
2166}
2167
2168#ssAboutMain.ss-about-page .story-overlay {
2169  position: absolute;
2170  bottom: 0;
2171  left: 0;
2172  right: 0;
2173  background: linear-gradient(transparent, rgba(31, 72, 94, 0.95));
2174  padding: 40px 30px 30px;
2175  z-index: 2;
2176}
2177
2178#ssAboutMain.ss-about-page .story-overlay p {
2179  font-family: 'Poppins', sans-serif;
2180  color: rgba(255, 255, 255, 0.9);
2181  font-size: 1rem;
2182  margin: 0;
2183}
2184
2185/* Values */
2186#ssAboutMain.ss-about-page .values-grid {
2187  display: grid;
2188  grid-template-columns: repeat(3, 1fr);
2189  gap: 30px;
2190}
2191
2192#ssAboutMain.ss-about-page .value-card {
2193  background: #fff;
2194  padding: 45px 35px;
2195  text-align: center;
2196  border-radius: var(--ss-radius);
2197  box-shadow: var(--ss-shadow);
2198  position: relative;
2199  overflow: hidden;
2200}
2201
2202#ssAboutMain.ss-about-page .value-card::before {
2203  content: '';
2204  position: absolute;
2205  top: 0;
2206  left: 0;
2207  right: 0;
2208  height: 5px;
2209  background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%);
2210}
2211
2212#ssAboutMain.ss-about-page .value-icon {
2213  width: 90px;
2214  height: 90px;
2215  background: var(--ss-icon-bg);
2216  border-radius: 50%;
2217  display: flex;
2218  align-items: center;
2219  justify-content: center;
2220  margin: 0 auto 28px;
2221  box-shadow: none;
2222}
2223
2224#ssAboutMain.ss-about-page .value-icon i {
2225  font-size: 2.2rem;
2226  color: var(--ss-icon-color);
2227}
2228
2229#ssAboutMain.ss-about-page .value-title {
2230  font-family: 'Poppins', sans-serif;
2231  font-size: 1.5rem;
2232  font-weight: 700;
2233  color: var(--ss-primary);
2234  margin: 0 0 14px;
2235}
2236
2237#ssAboutMain.ss-about-page .value-desc {
2238  font-family: 'Poppins', sans-serif;
2239  font-size: 1.05rem;
2240  color: var(--ss-muted);
2241  line-height: 1.8;
2242  margin: 0;
2243}
2244
2245/* Partnership */
2246#ssAboutMain.ss-about-page .partnership-section {
2247  background: linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%);
2248  position: relative;
2249}
2250
2251#ssAboutMain.ss-about-page .partnership-content {
2252  display: grid;
2253  grid-template-columns: 1fr 1fr;
2254  gap: 60px;
2255  align-items: center;
2256}
2257
2258#ssAboutMain.ss-about-page .partner-image-box {
2259  background: #dbe5eb;
2260  border-radius: 20px;
2261  overflow: hidden;
2262  margin-top: 2cm;
2263  height: 310px;
2264}
2265
2266#ssAboutMain.ss-about-page .partner-image-box img {
2267  width: 100%;
2268  height: 100%;
2269  object-fit: cover;
2270  display: block;
2271}
2272
2273/* Testimonials */
2274#ssAboutMain.ss-about-page .testimonials-grid {
2275  display: grid;
2276  grid-template-columns: repeat(2, 1fr);
2277  gap: 40px;
2278}
2279
2280#ssAboutMain.ss-about-page .testimonial-card {
2281  background: #fff;
2282  padding: 40px;
2283  border-radius: var(--ss-radius);
2284  position: relative;
2285  box-shadow: 0 8px 35px rgba(31, 72, 94, 0.1);
2286  border: none;
2287}
2288
2289#ssAboutMain.ss-about-page .testimonial-card::before {
2290  content: '"';
2291  font-family: Georgia, serif;
2292  font-size: 6rem;
2293  color: var(--ss-accent);
2294  opacity: 0.15;
2295  position: absolute;
2296  top: 10px;
2297  left: 25px;
2298  line-height: 1;
2299}
2300
2301#ssAboutMain.ss-about-page .testimonial-text {
2302  font-family: 'Poppins', sans-serif;
2303  font-size: 1.1rem;
2304  line-height: 1.8;
2305  color: #4a4a4a;
2306  font-style: italic;
2307  margin: 0 0 24px;
2308  position: relative;
2309  z-index: 1;
2310}
2311
2312#ssAboutMain.ss-about-page .testimonial-author {
2313  display: flex;
2314  align-items: center;
2315  gap: 16px;
2316}
2317
2318#ssAboutMain.ss-about-page .author-icon {
2319  width: 50px;
2320  height: 50px;
2321  background: linear-gradient(135deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%);
2322  border-radius: 50%;
2323  display: flex;
2324  align-items: center;
2325  justify-content: center;
2326  flex-shrink: 0;
2327}
2328
2329#ssAboutMain.ss-about-page .author-icon i {
2330  font-size: 1.4rem;
2331  color: #fff;
2332}
2333
2334#ssAboutMain.ss-about-page .author-info {
2335  flex: 1;
2336}
2337
2338#ssAboutMain.ss-about-page .author-title {
2339  font-family: 'Poppins', sans-serif;
2340  font-weight: 600;
2341  color: var(--ss-primary);
2342  font-size: 1rem;
2343}
2344
2345#ssAboutMain.ss-about-page .author-company {
2346  font-family: 'Poppins', sans-serif;
2347  color: var(--ss-muted);
2348  font-size: 0.95rem;
2349}
2350
2351/* Location */
2352#ssAboutMain.ss-about-page .location-grid {
2353  display: grid;
2354  grid-template-columns: 1fr 1fr;
2355  gap: 60px;
2356  align-items: stretch;
2357  max-width: 1200px;
2358  margin: 0 auto;
2359}
2360
2361#ssAboutMain.ss-about-page .location-info {
2362  background: #fff;
2363  padding: 50px 45px;
2364  border-radius: var(--ss-radius);
2365  box-shadow: var(--ss-shadow);
2366  position: relative;
2367  overflow: hidden;
2368}
2369
2370#ssAboutMain.ss-about-page .location-info::before {
2371  content: '';
2372  position: absolute;
2373  top: 0;
2374  left: 0;
2375  right: 0;
2376  height: 5px;
2377  background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%);
2378}
2379
2380#ssAboutMain.ss-about-page .location-title {
2381  font-family: 'Poppins', sans-serif;
2382  font-size: 1.8rem;
2383  font-weight: 600;
2384  color: var(--ss-primary);
2385  margin: 0 0 30px;
2386}
2387
2388#ssAboutMain.ss-about-page .contact-item {
2389  display: flex;
2390  gap: 16px;
2391  margin-bottom: 24px;
2392  align-items: flex-start;
2393}
2394
2395#ssAboutMain.ss-about-page .contact-item:last-child {
2396  margin-bottom: 0;
2397}
2398
2399#ssAboutMain.ss-about-page .contact-icon {
2400  width: 48px;
2401  height: 48px;
2402  background: var(--ss-icon-bg);
2403  border-radius: 12px;
2404  display: flex;
2405  align-items: center;
2406  justify-content: center;
2407  flex-shrink: 0;
2408}
2409
2410#ssAboutMain.ss-about-page .contact-icon i {
2411  font-size: 1.2rem;
2412  color: var(--ss-icon-color);
2413}
2414
2415#ssAboutMain.ss-about-page .contact-details h4 {
2416  font-family: 'Poppins', sans-serif;
2417  font-weight: 600;
2418  color: var(--ss-primary);
2419  font-size: 1.1rem;
2420  margin: 0 0 4px;
2421}
2422
2423#ssAboutMain.ss-about-page .contact-details p,
2424#ssAboutMain.ss-about-page .contact-details a {
2425  font-family: 'Poppins', sans-serif;
2426  color: var(--ss-muted);
2427  font-size: 1rem;
2428  text-decoration: none;
2429  line-height: 1.6;
2430  margin: 0;
2431}
2432
2433#ssAboutMain.ss-about-page .contact-details a:hover {
2434  color: var(--ss-accent);
2435}
2436
2437#ssAboutMain.ss-about-page .map-container {
2438  overflow: hidden;
2439  height: 100%;
2440  min-height: 400px;
2441  border-radius: var(--ss-radius);
2442  box-shadow: 0 10px 40px rgba(31, 72, 94, 0.15);
2443}
2444
2445#ssAboutMain.ss-about-page .map-container iframe {
2446  width: 100%;
2447  height: 100%;
2448  min-height: 400px;
2449  border: none;
2450  display: block;
2451}
2452
2453/* CTA */
2454#ssAboutMain.ss-about-page .cta-section {
2455  background: #ffffff;
2456  padding: 80px 0;
2457  text-align: center;
2458  position: relative;
2459}
2460
2461#ssAboutMain.ss-about-page .cta-title {
2462  font-family: 'Poppins', sans-serif;
2463  font-size: 2.6rem;
2464  font-weight: 700;
2465  color: var(--ss-primary);
2466  margin: 0 0 16px;
2467  position: relative;
2468  z-index: 1;
2469}
2470
2471#ssAboutMain.ss-about-page .cta-subtitle {
2472  font-family: 'Poppins', sans-serif;
2473  font-size: 1.2rem;
2474  color: var(--ss-muted);
2475  margin: 0 0 40px;
2476}
2477
2478#ssAboutMain.ss-about-page .cta-buttons {
2479  display: flex;
2480  gap: 16px;
2481  justify-content: center;
2482  flex-wrap: nowrap;
2483}
2484
2485#ssAboutMain.ss-about-page .btn-primary,
2486#ssAboutMain.ss-about-page .btn-secondary {
2487  display: inline-flex;
2488  align-items: center;
2489  justify-content: center;
2490  width: auto;
2491  flex: 0 0 auto;
2492  padding: 16px 24px;
2493  border-radius: 8px;
2494  font-weight: 600;
2495  font-size: 0.9375rem;
2496  font-family: 'Poppins', sans-serif;
2497  cursor: pointer;
2498  text-decoration: none !important;
2499  box-sizing: border-box;
2500  border: none;
2501  transition: all 0.3s ease;
2502  white-space: nowrap;
2503}
2504
2505#ssAboutMain.ss-about-page .btn-primary {
2506  background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 100%);
2507  color: #ffffff;
2508  box-shadow: 0 4px 15px rgba(31, 72, 94, 0.3);
2509}
2510
2511#ssAboutMain.ss-about-page .btn-primary:hover {
2512  background: #ffffff;
2513  color: var(--ss-primary);
2514  box-shadow: 0 4px 15px rgba(31, 72, 94, 0.2);
2515}
2516
2517#ssAboutMain.ss-about-page .btn-secondary {
2518  background: #ffffff;
2519  color: var(--ss-primary);
2520  border: 2px solid var(--ss-primary) !important;
2521}
2522
2523#ssAboutMain.ss-about-page .btn-secondary:hover {
2524  background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 100%);
2525  color: #ffffff;
2526  border: 2px solid transparent !important;
2527}
2528
2529#ssAboutMain.ss-about-page .btn-primary i,
2530#ssAboutMain.ss-about-page .btn-secondary i {
2531  margin-right: 8px;
2532}
2533
2534/* Responsive — 1200px */
2535@media (max-width: 1200px) {
2536  #ssAboutMain.ss-about-page .hero-title {
2537    font-size: 2.6rem;
2538  }
2539
2540  #ssAboutMain.ss-about-page .stats-grid {
2541    grid-template-columns: repeat(2, 1fr);
2542    gap: 30px;
2543  }
2544}
2545
2546/* Responsive — 992px */
2547@media (max-width: 992px) {
2548  #ssAboutMain.ss-about-page .story-grid {
2549    grid-template-columns: 1fr 1fr;
2550    gap: 1.75rem;
2551  }
2552
2553  #ssAboutMain.ss-about-page .story-image-container {
2554    max-height: 280px;
2555  }
2556
2557  #ssAboutMain.ss-about-page .partnership-content,
2558  #ssAboutMain.ss-about-page .location-grid {
2559    grid-template-columns: 1fr;
2560    gap: 40px;
2561  }
2562
2563  #ssAboutMain.ss-about-page .values-grid {
2564    grid-template-columns: repeat(2, 1fr);
2565  }
2566
2567  #ssAboutMain.ss-about-page .ss-about-partner-box {
2568    grid-template-columns: 1fr;
2569  }
2570
2571  #ssAboutMain.ss-about-page .ss-about-partner-box__media {
2572    order: -1;
2573    max-width: 200px;
2574    margin: 0 auto;
2575  }
2576
2577  #ssAboutMain.ss-about-page .ss-about-partner-box__content {
2578    padding: 0;
2579  }
2580
2581  #ssAboutMain.ss-about-page .stats-grid--fullwidth {
2582    grid-template-columns: 1fr;
2583    padding: 32px 20px;
2584  }
2585
2586  #ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item {
2587    border-right: none;
2588    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
2589    padding: 20px 12px;
2590  }
2591
2592  #ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item:last-child {
2593    border-bottom: none;
2594  }
2595
2596  #ssAboutMain.ss-about-page .testimonials-grid {
2597    grid-template-columns: 1fr;
2598  }
2599
2600  #ssAboutMain.ss-about-page .hero-title {
2601    font-size: 2.2rem;
2602  }
2603
2604  #ssAboutMain.ss-about-page .section-title {
2605    font-size: 2rem;
2606  }
2607
2608  #ssAboutMain.ss-about-page .partner-image-box {
2609    margin-top: 0;
2610  }
2611}
2612
2613/* Responsive — 768px */
2614@media (max-width: 768px) {
2615  #ssAboutMain.ss-about-page .about-hero {
2616    padding: 60px 0;
2617  }
2618
2619  #ssAboutMain.ss-about-page .section {
2620    padding: 60px 0;
2621  }
2622
2623  #ssAboutMain.ss-about-page .hero-title {
2624    font-size: 1.9rem;
2625  }
2626
2627  #ssAboutMain.ss-about-page .hero-subtitle {
2628    font-size: 1.05rem;
2629  }
2630
2631  #ssAboutMain.ss-about-page .values-grid {
2632    grid-template-columns: 1fr;
2633  }
2634
2635  #ssAboutMain.ss-about-page .stats-grid {
2636    grid-template-columns: 1fr 1fr;
2637    padding: 40px 24px;
2638  }
2639
2640  #ssAboutMain.ss-about-page .stat-number {
2641    font-size: 2.5rem;
2642    min-height: auto;
2643  }
2644
2645  #ssAboutMain.ss-about-page .cta-title {
2646    font-size: 2rem;
2647  }
2648
2649  #ssAboutMain.ss-about-page .cta-buttons {
2650    flex-direction: column;
2651    align-items: center;
2652  }
2653
2654  #ssAboutMain.ss-about-page .btn-primary,
2655  #ssAboutMain.ss-about-page .btn-secondary {
2656    width: 100%;
2657    max-width: 300px;
2658  }
2659
2660  #ssAboutMain.ss-about-page .story-grid {
2661    grid-template-columns: 1fr;
2662    gap: 1.5rem;
2663  }
2664
2665  #ssAboutMain.ss-about-page .story-image-container {
2666    max-height: 260px;
2667    order: -1;
2668  }
2669}
2670
2671/* Responsive — 576px */
2672@media (max-width: 576px) {
2673  #ssAboutMain.ss-about-page .about-content {
2674    padding: 0 16px;
2675  }
2676
2677  #ssAboutMain.ss-about-page .stats-grid {
2678    grid-template-columns: 1fr;
2679    gap: 25px;
2680  }
2681
2682  #ssAboutMain.ss-about-page .story-image-container {
2683    min-height: 280px;
2684  }
2685
2686  #ssAboutMain.ss-about-page .location-info {
2687    padding: 36px 28px;
2688  }
2689
2690  #ssAboutMain.ss-about-page .testimonial-card {
2691    padding: 32px 24px;
2692  }
2693
2694  #ssAboutMain.ss-about-page .value-card {
2695    padding: 36px 24px;
2696  }
2697}
2698
2699
2700/* Shopify theme shields — about page */
2701#ssAboutMain.ss-about-page,
2702#ssAboutMain.ss-about-page * { box-sizing: border-box; }
2703#ssAboutMain.ss-about-page {
2704  display: block !important;
2705  width: 100% !important;
2706  max-width: none !important;
2707  margin: 0 !important;
2708  padding: 0 !important;
2709  font-family: Poppins, sans-serif !important;
2710  float: none !important;
2711}
2712#ssAboutMain.ss-about-page section {
2713  display: block !important;
2714  float: none !important;
2715  max-width: none !important;
2716}
2717#ssAboutMain.ss-about-page .story-grid,
2718#ssAboutMain.ss-about-page .partnership-content,
2719#ssAboutMain.ss-about-page .location-grid {
2720  display: grid !important;
2721}
2722#ssAboutMain.ss-about-page .stats-grid,
2723#ssAboutMain.ss-about-page .values-grid,
2724#ssAboutMain.ss-about-page .testimonials-grid {
2725  display: grid !important;
2726}
2727#ssAboutMain.ss-about-page .ss-about-journey--horizontal {
2728  position: relative !important;
2729  overflow: hidden !important;
2730}
2731#ssAboutMain.ss-about-page .ss-about-journey__steps {
2732  display: flex !important;
2733  list-style: none !important;
2734  padding: 0 !important;
2735  margin: 0 !important;
2736}
2737#ssAboutMain.ss-about-page .ss-about-range-grid {
2738  display: grid !important;
2739}
2740#ssAboutMain.ss-about-page .stats-grid--fullwidth {
2741  display: grid !important;
2742}
2743#ssAboutMain.ss-about-page .cta-buttons {
2744  display: flex !important;
2745  flex-wrap: wrap !important;
2746  justify-content: center !important;
2747}
2748#ssAboutMain.ss-about-page a.btn-primary,
2749#ssAboutMain.ss-about-page a.btn-secondary {
2750  display: inline-flex !important;
2751  align-items: center !important;
2752  justify-content: center !important;
2753  text-transform: none !important;
2754  text-decoration: none !important;
2755}
2756@media (max-width: 992px) {
2757  #ssAboutMain.ss-about-page .partnership-content,
2758  #ssAboutMain.ss-about-page .location-grid {
2759    grid-template-columns: 1fr !important;
2760  }
2761}
2762@media (max-width: 768px) {
2763  #ssAboutMain.ss-about-page .story-grid {
2764    grid-template-columns: 1fr !important;
2765  }
2766}
2767
2768/* SS Modern Footer */
2769#ssStaticFooterRoot, #ssStaticFooterRoot footer.ss-modern-footer {
2770    --ss-primary: #1f485e;
2771    --ss-accent: #1879a4;
2772    --ss-dark: #035e7f;
2773    --ss-highlight: #00a8e1;
2774    --ss-max: 1280px;
2775    font-family: 'Poppins', sans-serif;
2776    line-height: 1.6;
2777  }
2778  #ssStaticFooterRoot *, #ssStaticFooterRoot *::before, #ssStaticFooterRoot *::after { box-sizing: border-box; }
2779  #ssStaticFooterRoot a { color: inherit; text-decoration: none; }
2780  #ssStaticFooterRoot img { max-width: 100%; display: block; }
2781  #ssStaticFooterRoot .wrap { width: min(100% - 2rem, var(--ss-max)); margin-inline: auto; }
2782  #ssStaticFooterRoot .visually-hidden {
2783    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
2784    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
2785  }
2786
2787  #ssStaticFooterRoot footer.ss-modern-footer {
2788    background: var(--ss-primary); color: #fff; padding: 2rem 0 0;
2789  }
2790  #ssStaticFooterRoot .footer-main { padding-bottom: 1.25rem; }
2791  #ssStaticFooterRoot .footer-main-grid {
2792    display: grid;
2793    grid-template-columns: minmax(0, 1fr) minmax(18.5rem, 23.5rem);
2794    gap: 1.75rem 2rem; align-items: start;
2795  }
2796  #ssStaticFooterRoot .footer-brand-block {
2797    margin-bottom: 1.1rem; padding-bottom: 1rem;
2798    border-bottom: 1px solid rgba(255,255,255,.12);
2799  }
2800  #ssStaticFooterRoot .footer-brand-link {
2801    display: inline-flex; align-items: center; gap: .75rem;
2802    color: #fff; margin-bottom: .6rem;
2803  }
2804  #ssStaticFooterRoot .footer-brand-link img {
2805    width: 52px; height: 52px; object-fit: cover; border-radius: 6px;
2806    flex-shrink: 0; background: #fff;
2807  }
2808  #ssStaticFooterRoot .footer-brand-name {
2809    font-size: 1.3125rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.1;
2810  }
2811  #ssStaticFooterRoot .logo-server { color: var(--ss-highlight); }
2812  #ssStaticFooterRoot .logo-source { color: rgba(255,255,255,.72); }
2813  #ssStaticFooterRoot .footer-tagline {
2814    font-size: .875rem; line-height: 1.55; color: rgba(255,255,255,.88);
2815    max-width: 36rem; margin: 0;
2816  }
2817  #ssStaticFooterRoot .footer-nav-columns {
2818    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
2819    gap: 1rem 1.75rem; margin-bottom: 1rem;
2820  }
2821  #ssStaticFooterRoot .footer-nav-heading {
2822    font-size: .75rem; font-weight: 700; letter-spacing: .02em;
2823    color: #fff; margin: 0 0 .5rem;
2824  }
2825  #ssStaticFooterRoot .footer-link-list { list-style: none; margin: 0; padding: 0; }
2826  #ssStaticFooterRoot .footer-link-list li { margin: 0 0 .28rem; }
2827  #ssStaticFooterRoot .footer-link-list a {
2828    font-size: .875rem; line-height: 1.5; color: rgba(255,255,255,.88);
2829  }
2830  #ssStaticFooterRoot .footer-link-list a:hover { color: #fff; text-decoration: underline; }
2831  #ssStaticFooterRoot .footer-social {
2832    display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem;
2833  }
2834  #ssStaticFooterRoot .footer-social-label { font-size: .8125rem; font-weight: 700; color: #fff; }
2835  #ssStaticFooterRoot .footer-social-links { display: flex; gap: .5rem; }
2836  #ssStaticFooterRoot .footer-social-links a {
2837    display: inline-flex; align-items: center; justify-content: center;
2838    width: 2.25rem; height: 2.25rem; border-radius: 50%;
2839    background: rgba(255,255,255,.12); color: #fff;
2840  }
2841  #ssStaticFooterRoot .footer-social-links svg { width: 1rem; height: 1rem; fill: currentColor; }
2842  #ssStaticFooterRoot .footer-panel {
2843    background: rgba(255,255,255,.97); color: var(--ss-primary);
2844    border-radius: 8px; padding: .85rem 1rem;
2845    box-shadow: 0 8px 20px rgba(0,0,0,.1); font-size: .8125rem;
2846  }
2847  #ssStaticFooterRoot .footer-panel-block {
2848    padding-bottom: .7rem; margin-bottom: .7rem;
2849    border-bottom: 1px solid rgba(31,72,94,.1);
2850  }
2851  #ssStaticFooterRoot .footer-panel-block:last-child {
2852    padding-bottom: 0; margin-bottom: 0; border-bottom: none;
2853  }
2854  #ssStaticFooterRoot .footer-panel-heading { font-size: .75rem; font-weight: 700; margin: 0 0 .4rem; }
2855  #ssStaticFooterRoot .footer-panel-address {
2856    font-style: normal; font-size: .75rem; line-height: 1.45;
2857    color: #3d5566; margin: 0 0 .35rem;
2858  }
2859  #ssStaticFooterRoot .footer-panel-map {
2860    display: inline-block; margin: 0 0 .5rem;
2861    font-size: .75rem; color: var(--ss-accent);
2862  }
2863  #ssStaticFooterRoot .footer-panel-map:hover { text-decoration: underline; }
2864  #ssStaticFooterRoot .footer-panel-quick {
2865    margin: 0; font-size: .7rem; font-weight: 600;
2866  }
2867  #ssStaticFooterRoot .footer-panel-quick a { color: var(--ss-accent); }
2868  #ssStaticFooterRoot .footer-panel-sep { color: #9ab0be; margin: 0 .25rem; }
2869  #ssStaticFooterRoot .footer-panel-note {
2870    margin: .45rem 0 0; font-size: .625rem; color: #6b7c8a;
2871  }
2872  #ssStaticFooterRoot .footer-panel-note a { color: var(--ss-accent); }
2873  #ssStaticFooterRoot .footer-signup-native {
2874    display: flex; flex-direction: row; flex-wrap: nowrap;
2875    align-items: stretch; gap: .5rem; width: 100%;
2876  }
2877  #ssStaticFooterRoot .footer-signup-native__email {
2878    flex: 1 1 auto; min-width: 0; padding: .65rem .85rem;
2879    border: 1px solid #c5d4de; border-radius: 6px;
2880    background: #fff; color: #1a2332;
2881    font: 400 .875rem 'Poppins', sans-serif;
2882  }
2883  #ssStaticFooterRoot .footer-signup-native__btn {
2884    flex: 0 0 auto; padding: .65rem 1.1rem;
2885    border: none; border-radius: 6px;
2886    background: var(--ss-primary); color: #fff;
2887    font: 600 .8125rem 'Poppins', sans-serif;
2888    cursor: pointer; min-height: 2.5rem; white-space: nowrap;
2889  }
2890  #ssStaticFooterRoot .footer-signup-hubspot-mount,
2891  #ssStaticFooterRoot #ssStaticFooterHubspotForm {
2892    position: absolute; width: 1px; height: 1px;
2893    margin: -1px; overflow: hidden; clip: rect(0,0,0,0);
2894    visibility: hidden; opacity: 0; pointer-events: none;
2895  }
2896  #ssStaticFooterRoot .footer-signup-success {
2897    margin-top: .65rem; font-size: .8125rem; font-weight: 600;
2898    color: #1f5c38; padding: .5rem .65rem; background: #e8f5ec; border-radius: 6px;
2899  }
2900  #ssStaticFooterRoot .footer-trust {
2901    padding: .9rem 0 1.25rem;
2902    border-top: 1px solid rgba(255,255,255,.12);
2903  }
2904  #ssStaticFooterRoot .footer-trust-inner {
2905    display: flex; flex-wrap: wrap;
2906    align-items: center; justify-content: space-between;
2907    gap: .75rem 1.5rem;
2908  }
2909  #ssStaticFooterRoot .footer-trust-logo {
2910    display: block; height: 104px; width: auto;
2911    max-width: min(100%, 520px); object-fit: contain; object-position: left center;
2912  }
2913  #ssStaticFooterRoot .footer-trust-legal {
2914    margin: 0; font-size: .6875rem; line-height: 1.45;
2915    color: rgba(255,255,255,.88); text-align: right; max-width: 28rem;
2916  }
2917
2918  @media (max-width: 1100px) {
2919    #ssStaticFooterRoot .footer-main-grid { grid-template-columns: 1fr; }
2920    #ssStaticFooterRoot .footer-panel { max-width: 23.5rem; }
2921    #ssStaticFooterRoot .footer-trust-legal { text-align: left; max-width: none; }
2922  }
2923  @media (max-width: 768px) {
2924    #ssStaticFooterRoot .footer-nav-columns { grid-template-columns: 1fr; }
2925    #ssStaticFooterRoot .footer-panel { max-width: none; }
2926    #ssStaticFooterRoot .footer-trust-inner { flex-direction: column; align-items: flex-start; }
2927  }
2928
2929/* Shopify — full-bleed breakout only (layout matches shopify-static-footer.html) */
2930#ssStaticFooterRoot {
2931  width: 100vw;
2932  max-width: 100vw;
2933  margin-left: calc(50% - 50vw);
2934  margin-right: calc(50% - 50vw);
2935}
2936#ssStaticFooterRoot aside.footer-panel,
2937#ssStaticFooterRoot div.footer-panel,
2938#ssStaticFooterRoot .footer-panel {
2939  display: block !important;
2940  visibility: visible !important;
2941}
2942
2943/* SS Page Theme - align static Shopify pages with ServerSource modern theme */
2944/* SS Page Theme — footer-safe extras only (chrome lives in ss-static-chrome-critical.css) */
2945
2946#hubspot-messages-iframe-container,
2947#hs-web-interactives-embed-container {
2948  z-index: 999999 !important;
2949}
2950
2951body.contact-flyout-open #hubspot-messages-iframe-container {
2952  right: min(calc(24rem + 3.25rem), calc(100vw - 1rem)) !important;
2953  transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1);
2954}
2955
2956
2957
2958#ssStaticFooterRoot {
2959  width: 100vw !important;
2960  max-width: 100vw !important;
2961  margin-left: calc(50% - 50vw) !important;
2962  margin-right: calc(50% - 50vw) !important;
2963}
2964#ssStaticFooterRoot footer.ss-modern-footer {
2965  display: block !important;
2966  width: 100% !important;
2967}
2968#ssStaticFooterRoot .footer-main-grid {
2969  display: grid !important;
2970  grid-template-columns: minmax(0, 1fr) minmax(18.5rem, 23.5rem) !important;
2971  gap: 1.75rem 2rem !important;
2972  align-items: start !important;
2973}
2974#ssStaticFooterRoot aside.footer-panel,
2975#ssStaticFooterRoot div.footer-panel,
2976#ssStaticFooterRoot .footer-panel {
2977  display: block !important;
2978  visibility: visible !important;
2979  opacity: 1 !important;
2980}
2981#ssStaticFooterRoot .footer-trust {
2982  display: block !important;
2983}
2984#ssStaticFooterRoot .footer-nav-columns {
2985  display: grid !important;
2986  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
2987}
2988@media (max-width: 1100px) {
2989  #ssStaticFooterRoot .footer-main-grid { grid-template-columns: 1fr !important; }
2990}
2991@media (max-width: 768px) {
2992  #ssStaticFooterRoot .footer-nav-columns { grid-template-columns: 1fr !important; }
2993}
2994#hubspot-messages-iframe-container,
2995#hs-web-interactives-embed-container { z-index: 999999 !important; }
2996
2997body.contact-flyout-open #hubspot-messages-iframe-container {
2998  right: min(calc(24rem + 3.25rem), calc(100vw - 1rem)) !important;
2999  transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1);
3000}
3001
3002/* ServerSource nav hardening: keep dropdowns open while moving from the tab to the menu */
3003.ss-modern-header-wrap .shop-nav-drop { position: relative; }
3004.ss-modern-header-wrap .shop-nav-drop::after {
3005  content: ""; display: none; position: absolute; left: 0; right: 0; top: 100%; height: .45rem; z-index: 1199;
3006}
3007.ss-modern-header-wrap .shop-nav-drop:hover::after,
3008.ss-modern-header-wrap .shop-nav-drop:focus-within::after,
3009.ss-modern-header-wrap .shop-nav-drop.is-open::after { display: block; }
3010.ss-modern-header-wrap .shop-nav-drop:hover .shop-nav-drop-menu,
3011.ss-modern-header-wrap .shop-nav-drop:focus-within .shop-nav-drop-menu,
3012.ss-modern-header-wrap .shop-nav-drop.is-open .shop-nav-drop-menu { display: block; }
3013.ss-modern-header-wrap .shop-nav-drop-menu { margin-top: 0 !important; }
3014.ss-modern-header-wrap .shop-nav-logo img { width: 40px; height: 40px; object-fit: cover; }
3015.ss-modern-header-wrap .shop-nav-logo-text { font-weight: 800; }
3016</style>
3017
3018<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
3019<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 58721501393,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 3019
3019
3020<script>
3021  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
3022</script>
vendor: 1 bytes, line 3022
3022
3023<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
3023).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 58721501393,storefrontBaseUrl: "https://www.serversource.co.uk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.serversource.co.uk/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"241434833","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\",\\\"GT-WB722WDV\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"],\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/xn3RCKXO-tccEPO48NFC\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/lnR8CNzt89ccEPO48NFC\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-LX8ME8DJD6\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/kh5sCKLO-tccEPO48NFC\\\",\\\"MC-CG1MBJWLTQ\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/emp3CNnt89ccEPO48NFC\\\",\\\"MC-CG1MBJWLTQ\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-LX8ME8DJD6\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/g_pECOLt89ccEPO48NFC\\\",\\\"MC-CG1MBJWLTQ\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-LX8ME8DJD6\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/1p2ICKjO-tccEPO48NFC\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/U4Y4CN_t89ccEPO48NFC\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-LX8ME8DJD6\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"ServerSource","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"serversource.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/www.serversource.co.uk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.serversource.co.uk/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"139383832785","themePublished":"true","eventMetadataId":"8d3b32ab-6a2a-4cff-811d-16e752352c98","pageType":"page","resourceId":"95756943569","shopId":"58721501393","storefrontBaseUrl":"https:\/\/www.serversource.co.uk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
3023<script>
3024  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
3025  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
3026  window.ShopifyAnalytics.meta.currency = 'GBP';
3027  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":95756943569,"requestId":"0aac3425-5475-4404-814d-11f797b9d64f-1791451925"}};
3028  for (var attr in meta) {
3029    window.ShopifyAnalytics.meta[attr] = meta[attr];
3030  }
3031</script>
vendor: 1 bytes, line 3031
3031
3032<script class="analytics">
3033  (function () {
3034    var customDocumentWrite = function(content) {
3035      var jquery = null;
3036
3037      if (window.jQuery) {
3038        jquery = window.jQuery;
3039      } else if (window.Checkout && window.Checkout.$) {
3040        jquery = window.Checkout.$;
3041      }
3042
3043      if (jquery) {
3044        jquery('body').append(content);
3045      }
3046    };
3047
3048    var hasLoggedConversion = function(token) {
3049      if (token) {
3050        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
3051      }
3052      return false;
3053    }
3054
3055    var setCookieIfConversion = function(token) {
3056      if (token) {
3057        var twoMonthsFromNow = new Date(Date.now());
3058        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
3059
3060        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
3061      }
3062    }
3063
3064    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
3065    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
3066    if (trekkie.integrations) {
3067      return;
3068    }
3069    trekkie.methods = [
3070      'identify',
3071      'page',
3072      'ready',
3073      'track',
3074      'trackForm',
3075      'trackLink'
3076    ];
3077    trekkie.factory = function(method) {
3078      return function() {
3079        var args = Array.prototype.slice.call(arguments);
3080        args.unshift(method);
3081        trekkie.push(args);
3082        if (method == 'track' || method == 'page') {
3083          var pageUrl;
3084          try {
3085            pageUrl = window.location.href;
3086          } catch (e) {}
3087          var pageReferrer;
3088          try {
3089            pageReferrer = document.referrer;
3090          } catch (e) {}
3091          try {
3092            if (window.__TREKKIE_SHIM_QUEUE == null) {
3093              window.__TREKKIE_SHIM_QUEUE = [];
3094            }
3095            window.__TREKKIE_SHIM_QUEUE.push({
3096              from: 'trekkie-stub',
3097              method: method,
3098              args: args.slice(1),
3099              pageContext: {
3100                url: pageUrl,
3101                referrer: pageReferrer
3102              }
3103            });
3104          } catch (e) {
3105            // no-op
3106          }
3107        }
3108        return trekkie;
3109      };
3110    };
3111    for (var i = 0; i < trekkie.methods.length; i++) {
3112      var key = trekkie.methods[i];
3113      trekkie[key] = trekkie.factory(key);
3114    }
3115    trekkie.load = function(config) {
3116      trekkie.config = config || {};
3117      trekkie.config.initialDocumentCookie = document.cookie;
3118      var first = document.getElementsByTagName('script')[0];
3119var script = document.createElement('script');
3120script.type = 'text/javascript';
3121script.onerror = function(e) {
3122  var scriptFallback = document.createElement('script');
3123  scriptFallback.type = 'text/javascript';
3124  scriptFallback.onerror = function(error) {
3125          var Monorail = {
3126      produce: function produce(monorailDomain, schemaId, payload) {
3127        var currentMs = new Date().getTime();
3128        var event = {
3129          schema_id: schemaId,
3130          payload: payload,
3131          metadata: {
3132            event_created_at_ms: currentMs,
3133            event_sent_at_ms: currentMs
3134          }
3135        };
3136        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
3137      },
3138      sendRequest: function sendRequest(endpointUrl, payload) {
3139        // Try the sendBeacon API
3140        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
3141          var blobData = new window.Blob([payload], {
3142            type: 'text/plain'
3143          });
3144
3145          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
3146            return true;
3147          } // sendBeacon was not successful
3148
3149        } // XHR beacon
3150
3151        var xhr = new XMLHttpRequest();
3152
3153        try {
3154          xhr.open('POST', endpointUrl);
3155          xhr.setRequestHeader('Content-Type', 'text/plain');
3156          xhr.send(payload);
3157        } catch (e) {
3158          console.log(e);
3159        }
3160
3161        return false;
3162      },
3163      isIos12: function isIos12() {
3164        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
3165      }
3166    };
3167    Monorail.produce('monorail-edge.shopifysvc.com',
3168      'trekkie_storefront_load_errors/1.1',
3169      {shop_id: 58721501393,
3170      theme_id: 139383832785,
3171      app_name: "storefront",
3172      context_url: window.location.href,
3173      source_url: "//www.serversource.co.uk/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
3174
3175  };
3176  scriptFallback.async = true;
3177  scriptFallback.src = '//www.serversource.co.uk/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
3178  first.parentNode.insertBefore(scriptFallback, first);
3179};
3180script.async = true;
3181script.src = '//www.serversource.co.uk/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
3182first.parentNode.insertBefore(script, first);
3183
3184    };
3185    trekkie.load(
3186      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":58721501393,"isMerchantRequest":null,"themeId":139383832785,"themeCityHash":"53562301020460226","contentLanguage":"en","currency":"GBP","eventMetadataId":"8d3b32ab-6a2a-4cff-811d-16e752352c98"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
3187    );
3188
3189    var loaded = false;
3190    trekkie.ready(function() {
3191      if (loaded) return;
3192      loaded = true;
3193
3194      window.ShopifyAnalytics.lib = window.trekkie;
3195
3196      var originalDocumentWrite = document.write;
3197      document.write = customDocumentWrite;
3198      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
3199      document.write = originalDocumentWrite;
3200
3201      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
3202      var token = match? match[1]: undefined;
3203      if (!hasLoggedConversion(token)) {
3204        setCookieIfConversion(token);
3205        
3206      }
3207    });
3208
3209    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":95756943569,"requestId":"0aac3425-5475-4404-814d-11f797b9d64f-1791451925","shopifyEmitted":true});
3210
3211    var eventsListenerScript = document.createElement('script');
3212    eventsListenerScript.async = true;
3213    eventsListenerScript.src = "//www.serversource.co.uk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
3214    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
3215})();</script>
vendor: 1 bytes, line 3215
3215
3216<script
3217  defer
3218  src="https://www.serversource.co.uk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.0.min.js"
3219  data-application="storefront-renderer"
3220  data-shop-id="58721501393"
3221  data-render-region="gcp-us-central1"
3222  data-page-type="page"
3223  data-theme-instance-id="139383832785"
3224  data-theme-name=""
3225  data-theme-version=""
3226  data-monorail-region="shop_domain"
3227  data-resource-timing-sampling-rate="10"
3228  data-shs="true"
3229  data-shs-beacon="true"
3230  data-shs-export-with-fetch="true"
3231  data-shs-logs-sample-rate="1"
3232  data-shs-beacon-endpoint="https://www.serversource.co.uk/api/collect"
3233></script>
3233
3234<meta name="shopify-y" content="54455dad-a240-4c65-8bc6-8d1999056ef7" data-expiration="1823009525000"><meta name="shopify-s" content="c3e2e908-2b9a-43b9-933e-1d24c725f9a7" data-expiration="1791453725000"><meta name="new-cookie-storage-activated" content="t">
3235</head>
3236  <body>
3237    �<body>
3238
3239
3240  <meta charset="utf-8">
3241  <meta name="viewport" content="width=device-width, initial-scale=1.0">
3242  <title>About Us | ServerSource - Dell Technologies Authorised Partner Since 1996</title>
3243  <meta name="description" content="Learn about ServerSource, a Dell Technologies Authorised Partner with over 30 years of experience providing enterprise IT solutions. Based in Corby, UK.">
3244  <link rel="canonical" href="https://www.serversource.co.uk/pages/about-us">
3245  <meta name="robots" content="index,follow">
3246  <meta property="og:type" content="website">
3247  <meta property="og:title" content="About Us | ServerSource">
3248  <meta property="og:url" content="https://www.serversource.co.uk/pages/about-us">
3249  <meta property="og:site_name" content="ServerSource">
3250  <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Serversource_banner.png">
3251  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
3252  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
3253  <style>
3254/* inlined: includes/ss-static-chrome-critical.css */
3255/* Static Website pages — header/top-bar chrome matches ServerSource theme (no Bootstrap) */
3256
3257html.ss-static-html {
3258  scroll-behavior: smooth;
3259  margin: 0;
3260  padding: 0;
3261  font-size: 18px;
3262  -webkit-text-size-adjust: 100%;
3263}
3264
3265body.ss-static-page {
3266  margin: 0 !important;
3267  padding: 0 !important;
3268  font-family: 'Poppins', sans-serif !important;
3269  background: #f4f8fb !important;
3270  color: #1a2332 !important;
3271  line-height: 1.6;
3272}
3273
3274.site-header.ss-modern-header-wrap,
3275.ss-modern-header-wrap {
3276  position: -webkit-sticky;
3277  position: sticky !important;
3278  top: 0 !important;
3279  z-index: 10001 !important;
3280  width: 100% !important;
3281}
3282
3283/* Hide legacy chrome fragments if CSS remains in page head */
3284body.ss-static-page .topbar,
3285body.ss-static-page .menu-section,
3286body.ss-static-page .ss-menubar,
3287body.ss-static-page .ss-pb-wrap {
3288  display: none !important;
3289}
3290/* Nav size lock — pixel-matched to shopify-static-nav-bar.html @ 18px root (theme ss-modern-fixes.css).
3291   MUST load after page CSS. Do not use 16px — live theme uses html.ss-modern-html { font-size: 18px }. */
3292html,
3293html.ss-modern-html,
3294html.ss-static-html {
3295  font-size: 18px !important;
3296  -webkit-text-size-adjust: 100% !important;
3297}
3298
3299.ss-modern-header-wrap {
3300  font-size: 18px !important;
3301  -webkit-text-size-adjust: 100% !important;
3302  width: 100% !important;
3303  max-width: none !important;
3304  margin: 0 !important;
3305  padding: 0 !important;
3306}
3307
3308.ss-modern-header-wrap .top-bar {
3309  display: block !important;
3310  padding: 0 !important;
3311  margin: 0 !important;
3312  background: #eef2f6 !important;
3313  border-bottom: 1px solid #e2e8f0 !important;
3314  overflow: visible !important;
3315}
3316
3317.ss-modern-header-wrap .top-bar-inner {
3318  display: flex !important;
3319  flex-direction: row !important;
3320  align-items: center !important;
3321  justify-content: space-between !important;
3322  flex-wrap: wrap !important;
3323  gap: 13.5px 22.5px !important;
3324  padding: 8.1px 0 !important;
3325  width: min(100% - 36px, 1280px) !important;
3326  max-width: 1280px !important;
3327  margin-inline: auto !important;
3328  font-family: 'Poppins', sans-serif !important;
3329  font-size: 14.625px !important;
3330  font-weight: 500 !important;
3331  line-height: 1.6 !important;
3332  min-height: 0 !important;
3333}
3334
3335.ss-modern-header-wrap .top-bar-contact,
3336.ss-modern-header-wrap .top-bar-right {
3337  display: flex !important;
3338  align-items: center !important;
3339  flex-wrap: wrap !important;
3340  gap: 9px 15.3px !important;
3341}
3342
3343.ss-modern-header-wrap .top-bar a {
3344  color: #1f485e !important;
3345  text-decoration: none !important;
3346  font-family: 'Poppins', sans-serif !important;
3347  font-size: 14.625px !important;
3348  font-weight: 500 !important;
3349  line-height: 1.6 !important;
3350}
3351
3352.ss-modern-header-wrap .top-bar-sep {
3353  color: #b8c5d0 !important;
3354  line-height: 1.6 !important;
3355}
3356
3357.ss-modern-header-wrap .top-bar-social {
3358  display: inline-flex !important;
3359  align-items: center !important;
3360  gap: 6.3px !important;
3361}
3362
3363.ss-modern-header-wrap .top-bar-social a {
3364  display: inline-flex !important;
3365  align-items: center !important;
3366  justify-content: center !important;
3367  width: 31.5px !important;
3368  height: 31.5px !important;
3369  min-width: 31.5px !important;
3370  min-height: 31.5px !important;
3371  padding: 0 !important;
3372  margin: 0 !important;
3373  border: none !important;
3374  line-height: 1 !important;
3375}
3376
3377.ss-modern-header-wrap .top-bar-social svg {
3378  width: 16.875px !important;
3379  height: 16.875px !important;
3380  max-width: 16.875px !important;
3381  max-height: 16.875px !important;
3382  fill: currentColor !important;
3383}
3384
3385.ss-modern-header-wrap .top-bar-note {
3386  font-size: 13.5px !important;
3387  line-height: 1.6 !important;
3388}
3389
3390.ss-modern-header-wrap .wrap {
3391  width: min(100% - 36px, 1280px) !important;
3392  max-width: 1280px !important;
3393  margin-inline: auto !important;
3394}
3395
3396.ss-modern-header-wrap .shop-nav {
3397  background: #1f485e !important;
3398  color: #fff !important;
3399  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
3400}
3401
3402.ss-modern-header-wrap .shop-nav-row {
3403  display: grid !important;
3404  grid-template-columns: auto 1fr auto !important;
3405  align-items: center !important;
3406  gap: 13.5px 18px !important;
3407  padding: 9.9px 18px !important;
3408  width: min(100% - 18px, 1280px) !important;
3409  max-width: 1280px !important;
3410  margin: 0 auto !important;
3411}
3412
3413.ss-modern-header-wrap .shop-nav-logo {
3414  display: flex !important;
3415  align-items: center !important;
3416  gap: 9.9px !important;
3417  flex-shrink: 0 !important;
3418}
3419
3420.ss-modern-header-wrap .shop-nav-logo img {
3421  height: 36px !important;
3422  width: 36px !important;
3423  min-height: 36px !important;
3424  min-width: 36px !important;
3425  object-fit: cover !important;
3426  border-radius: 6px !important;
3427}
3428
3429.ss-modern-header-wrap .shop-nav-logo-copy {
3430  display: flex !important;
3431  flex-direction: column !important;
3432  gap: 0.9px !important;
3433  line-height: 1.1 !important;
3434}
3435
3436.ss-modern-header-wrap .shop-nav-logo-text {
3437  font-size: 18.9px !important;
3438  font-weight: 700 !important;
3439  line-height: 1.1 !important;
3440  letter-spacing: -0.01em !important;
3441  white-space: nowrap !important;
3442}
3443
3444.ss-modern-header-wrap .shop-nav-logo-est {
3445  font-size: 13.5px !important;
3446  font-weight: 700 !important;
3447  line-height: 1.1 !important;
3448}
3449
3450.ss-modern-header-wrap .shop-nav-links {
3451  display: flex !important;
3452  align-items: center !important;
3453  justify-content: center !important;
3454  flex-wrap: nowrap !important;
3455  gap: 3.6px 5.4px !important;
3456  min-width: 0 !important;
3457  overflow: visible !important;
3458}
3459
3460.ss-modern-header-wrap .shop-nav-links > a,
3461.ss-modern-header-wrap .shop-nav-links > .shop-nav-drop {
3462  flex-shrink: 0 !important;
3463}
3464
3465.ss-modern-header-wrap .shop-nav-link,
3466.ss-modern-header-wrap button.shop-nav-link,
3467.ss-modern-header-wrap a.shop-nav-link:not(.shop-nav-link--store) {
3468  display: inline-flex !important;
3469  align-items: center !important;
3470  justify-content: center !important;
3471  gap: 5.4px !important;
3472  height: 38.25px !important;
3473  min-height: 38.25px !important;
3474  max-height: none !important;
3475  padding: 0 9.9px !important;
3476  font-family: 'Poppins', sans-serif !important;
3477  font-size: 15.12px !important;
3478  font-weight: 600 !important;
3479  line-height: 1 !important;
3480  color: #fff !important;
3481  white-space: nowrap !important;
3482  border: none !important;
3483  border-bottom: 3px solid rgba(255, 255, 255, 0.28) !important;
3484  border-radius: 4px !important;
3485  background: transparent !important;
3486  background-image: none !important;
3487  box-shadow: none !important;
3488  text-decoration: none !important;
3489  text-transform: none !important;
3490  letter-spacing: 0.01em !important;
3491  margin: 0 !important;
3492  flex-shrink: 0 !important;
3493  box-sizing: border-box !important;
3494  -webkit-appearance: none !important;
3495  appearance: none !important;
3496  cursor: pointer !important;
3497}
3498
3499.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store {
3500  display: inline-flex !important;
3501  align-items: center !important;
3502  justify-content: center !important;
3503  gap: 5.4px !important;
3504  height: 38.25px !important;
3505  min-height: 38.25px !important;
3506  padding: 0 9.9px !important;
3507  font-family: 'Poppins', sans-serif !important;
3508  font-size: 15.12px !important;
3509  font-weight: 600 !important;
3510  line-height: 1 !important;
3511  color: #fff !important;
3512  white-space: nowrap !important;
3513  border: none !important;
3514  border-bottom: 3px solid transparent !important;
3515  border-radius: 6.75px !important;
3516  background: #00a8e1 !important;
3517  background-image: none !important;
3518  box-shadow: 0 2px 10px rgba(0, 168, 225, 0.35) !important;
3519  text-decoration: none !important;
3520  text-transform: none !important;
3521  letter-spacing: 0.01em !important;
3522  margin: 0 !important;
3523  flex-shrink: 0 !important;
3524}
3525
3526.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):hover,
3527.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):focus-visible,
3528.ss-modern-header-wrap .shop-nav-drop:hover > .shop-nav-link,
3529.ss-modern-header-wrap .shop-nav-drop.is-open > .shop-nav-link {
3530  background: rgba(255, 255, 255, 0.15) !important;
3531  border-bottom-color: #00a8e1 !important;
3532  color: #fff !important;
3533}
3534
3535.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:hover,
3536.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:focus-visible {
3537  background: #0090c4 !important;
3538  border-bottom-color: transparent !important;
3539  color: #fff !important;
3540}
3541
3542.ss-modern-header-wrap .ss-nav-search-toggle {
3543  display: inline-flex !important;
3544  align-items: center !important;
3545  justify-content: center !important;
3546  width: 38.25px !important;
3547  height: 38.25px !important;
3548  min-width: 38.25px !important;
3549  min-height: 38.25px !important;
3550  padding: 0 !important;
3551}
3552
3553.ss-modern-header-wrap .nav-toggle {
3554  font-family: 'Poppins', sans-serif !important;
3555  font-size: 15.75px !important;
3556  font-weight: 600 !important;
3557  line-height: 1 !important;
3558  padding: 9px 13.5px !important;
3559}
3560
3561.ss-modern-header-wrap svg:not(.shop-nav-chevron) {
3562  width: 16px !important;
3563  height: 16px !important;
3564  max-width: 24px !important;
3565  max-height: 24px !important;
3566  flex-shrink: 0 !important;
3567}
3568
3569.ss-modern-header-wrap .shop-nav-link .shop-nav-chevron {
3570  width: 9px !important;
3571  height: 9px !important;
3572  min-width: 9px !important;
3573  min-height: 9px !important;
3574  fill: currentColor !important;
3575}
3576
3577@media (min-width: 1101px) {
3578  .ss-modern-header-wrap .shop-nav-links > a,
3579  .ss-modern-header-wrap .shop-nav-links > .shop-nav-drop {
3580    display: inline-flex !important;
3581    visibility: visible !important;
3582  }
3583}
3584
3585@media (min-width: 641px) {
3586  .ss-modern-header-wrap .top-bar-inner {
3587    flex-direction: row !important;
3588    align-items: center !important;
3589  }
3590}
3591
3592@media (max-width: 640px) {
3593  .ss-modern-header-wrap .top-bar-inner {
3594    flex-direction: column !important;
3595    align-items: flex-start !important;
3596    padding: 9px 0 !important;
3597  }
3598
3599  .ss-modern-header-wrap .top-bar-right {
3600    width: 100% !important;
3601    justify-content: space-between !important;
3602  }
3603}
3604</style>
3605  <style>
3606/* inlined: includes/ss-about-page-styles.css */
3607/* ServerSource About Us page — scoped styles for about-main.html */
3608
3609#ssAboutMain.ss-about-page {
3610  --ss-primary: #1f485e;
3611  --ss-accent: #1879a4;
3612  --ss-highlight: #00a8e1;
3613  --ss-tint: #f4f8fb;
3614  --ss-text: #1a2332;
3615  --ss-muted: #5f5f5f;
3616  --ss-muted-light: #64748b;
3617  --ss-border: #e2e8f0;
3618  --ss-gradient-mid: #2596be;
3619  --ss-gradient-end: #035e7f;
3620  --ss-icon-bg: #e3f2f9;
3621  --ss-icon-color: #1f485e;
3622  --ss-max: 1400px;
3623  --ss-radius: 12px;
3624  --ss-radius-lg: 16px;
3625  --ss-shadow: 0 10px 40px rgba(31, 72, 94, 0.1);
3626  --ss-shadow-strong: 0 15px 50px rgba(31, 72, 94, 0.2);
3627  display: block;
3628  width: 100%;
3629  margin: 0;
3630  padding: 0;
3631  font-family: 'Poppins', sans-serif;
3632  color: var(--ss-text);
3633  line-height: 1.6;
3634  background: #fff;
3635}
3636
3637#ssAboutMain.ss-about-page *,
3638#ssAboutMain.ss-about-page *::before,
3639#ssAboutMain.ss-about-page *::after {
3640  box-sizing: border-box;
3641}
3642
3643/* Layout wrapper */
3644#ssAboutMain.ss-about-page .about-content {
3645  max-width: var(--ss-max);
3646  margin: 0 auto;
3647  padding: 0 20px;
3648}
3649
3650/* Hero */
3651#ssAboutMain.ss-about-page .about-hero {
3652  background: url('https://cdn.shopify.com/s/files/1/0587/2150/1393/files/About_us_banner_2.png?v=1768222642') center center / cover no-repeat;
3653  padding: 80px 0;
3654  margin-bottom: 0;
3655  width: 100%;
3656  position: relative;
3657  overflow: hidden;
3658}
3659
3660#ssAboutMain.ss-about-page .about-hero::before {
3661  content: '';
3662  position: absolute;
3663  inset: 0;
3664  background: linear-gradient(
3665    135deg,
3666    rgba(31, 72, 94, 0.85) 0%,
3667    rgba(24, 121, 164, 0.8) 50%,
3668    rgba(37, 150, 190, 0.75) 100%
3669  );
3670  pointer-events: none;
3671}
3672
3673#ssAboutMain.ss-about-page .about-hero > * {
3674  position: relative;
3675  z-index: 1;
3676}
3677
3678#ssAboutMain.ss-about-page .hero-title {
3679  font-family: 'Poppins', sans-serif;
3680  font-size: 3.2rem;
3681  font-weight: 700;
3682  color: #ffffff;
3683  margin: 0 0 20px;
3684  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3685  text-align: center;
3686}
3687
3688#ssAboutMain.ss-about-page .about-hero .about-content {
3689  text-align: center;
3690  max-width: 96rem;
3691}
3692
3693#ssAboutMain.ss-about-page .hero-subtitle {
3694  font-family: 'Poppins', sans-serif;
3695  font-size: clamp(1rem, 1.75vw, 1.28rem);
3696  color: rgba(255, 255, 255, 0.95);
3697  max-width: 52rem;
3698  line-height: 1.55;
3699  margin: 0 auto;
3700  text-align: center;
3701}
3702
3703#ssAboutMain.ss-about-page .hero-subtitle__line {
3704  display: block;
3705}
3706
3707#ssAboutMain.ss-about-page .years-badge {
3708  display: inline-block;
3709  margin: 35px 0 0;
3710  color: rgba(255, 255, 255, 0.85);
3711  font-size: 1.05rem;
3712  font-weight: 400;
3713  letter-spacing: 0.02em;
3714}
3715
3716#ssAboutMain.ss-about-page .years-badge strong {
3717  color: #fff;
3718  font-weight: 600;
3719}
3720
3721/* Stats */
3722#ssAboutMain.ss-about-page .stats-section {
3723  padding: 70px 0;
3724  position: relative;
3725  background: #ffffff;
3726}
3727
3728#ssAboutMain.ss-about-page .stats-grid {
3729  display: grid;
3730  grid-template-columns: repeat(3, 1fr);
3731  gap: 50px;
3732  text-align: center;
3733  position: relative;
3734  background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 50%, var(--ss-gradient-mid) 100%);
3735  border-radius: var(--ss-radius-lg);
3736  padding: 50px 40px;
3737  box-shadow: 0 10px 40px rgba(31, 72, 94, 0.2);
3738  align-items: start;
3739}
3740
3741#ssAboutMain.ss-about-page .stat-item {
3742  color: #fff;
3743  padding: 20px;
3744  display: flex;
3745  flex-direction: column;
3746  align-items: center;
3747  justify-content: flex-start;
3748}
3749
3750#ssAboutMain.ss-about-page .stat-number {
3751  font-family: 'Poppins', sans-serif;
3752  font-size: 3.8rem;
3753  font-weight: 800;
3754  display: block;
3755  line-height: 1;
3756  margin-bottom: 10px;
3757  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
3758  min-height: 60px;
3759  opacity: 0;
3760  transform: translateY(28px);
3761  transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
3762}
3763
3764#ssAboutMain.ss-about-page .stats-section.is-visible .stat-number {
3765  opacity: 1;
3766  transform: translateY(0);
3767}
3768
3769#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(1) .stat-number {
3770  transition-delay: 0.05s;
3771}
3772
3773#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(2) .stat-number {
3774  transition-delay: 0.15s;
3775}
3776
3777#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(3) .stat-number {
3778  transition-delay: 0.25s;
3779}
3780
3781#ssAboutMain.ss-about-page .stat-number.is-counting {
3782  opacity: 1;
3783  transform: translateY(0);
3784}
3785
3786#ssAboutMain.ss-about-page .stat-label {
3787  font-family: 'Poppins', sans-serif;
3788  font-size: 1.15rem;
3789  opacity: 0.95;
3790  font-weight: 500;
3791  display: block;
3792}
3793
3794/* Sections */
3795#ssAboutMain.ss-about-page .section {
3796  padding: 80px 0;
3797}
3798
3799#ssAboutMain.ss-about-page .section-white {
3800  background: #ffffff;
3801}
3802
3803#ssAboutMain.ss-about-page .section-grey {
3804  background: linear-gradient(180deg, #f0f4f8 0%, #e8eef3 100%);
3805}
3806
3807#ssAboutMain.ss-about-page .section-title {
3808  font-family: 'Poppins', sans-serif;
3809  font-size: 2.4rem;
3810  font-weight: 700;
3811  color: var(--ss-primary);
3812  margin: 0 0 20px;
3813}
3814
3815#ssAboutMain.ss-about-page .section-title--center {
3816  text-align: center;
3817}
3818
3819#ssAboutMain.ss-about-page .section-title--sm {
3820  font-size: 2rem;
3821}
3822
3823#ssAboutMain.ss-about-page .section-title--spaced {
3824  margin-bottom: 40px;
3825}
3826
3827#ssAboutMain.ss-about-page .section-subtitle {
3828  font-family: 'Poppins', sans-serif;
3829  font-size: 1.15rem;
3830  color: var(--ss-muted);
3831  max-width: 700px;
3832  margin: 0 auto 50px;
3833  padding: 0;
3834  text-align: center;
3835  line-height: 1.7;
3836}
3837
3838/* Stats — full-width strip before CTA */
3839#ssAboutMain.ss-about-page .stats-section--fullwidth {
3840  width: 100%;
3841  max-width: 100%;
3842  margin: 0;
3843  padding: 0;
3844  background: transparent;
3845}
3846
3847#ssAboutMain.ss-about-page .stats-grid--fullwidth {
3848  display: grid;
3849  grid-template-columns: repeat(3, 1fr);
3850  gap: 0;
3851  width: 100%;
3852  max-width: none;
3853  margin: 0;
3854  padding: 48px 24px;
3855  border-radius: 0;
3856  background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 50%, var(--ss-gradient-mid) 100%);
3857  box-shadow: none;
3858}
3859
3860#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item {
3861  border-right: 1px solid rgba(255, 255, 255, 0.15);
3862  padding: 12px 20px;
3863}
3864
3865#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item:last-child {
3866  border-right: none;
3867}
3868
3869#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-number {
3870  font-size: clamp(2.25rem, 4vw, 3.25rem);
3871  min-height: auto;
3872}
3873
3874#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-label {
3875  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
3876}
3877
3878/* Dell partner box — inside Why Choose */
3879#ssAboutMain.ss-about-page .ss-about-page__values-section .section-subtitle {
3880  max-width: none;
3881  white-space: nowrap;
3882}
3883
3884@media (max-width: 720px) {
3885  #ssAboutMain.ss-about-page .ss-about-page__values-section .section-subtitle {
3886    white-space: normal;
3887    max-width: 700px;
3888  }
3889}
3890
3891#ssAboutMain.ss-about-page .ss-about-page__values-section .values-grid {
3892  margin-bottom: 2rem;
3893}
3894
3895#ssAboutMain.ss-about-page .ss-about-partner-box {
3896  display: grid;
3897  grid-template-columns: minmax(0, 1fr) minmax(140px, 220px);
3898  gap: 1.75rem;
3899  align-items: center;
3900  background: #fff;
3901  border-radius: var(--ss-radius-lg);
3902  border: 1px solid var(--ss-border);
3903  box-shadow: var(--ss-shadow);
3904  padding: 1.75rem 2rem;
3905  overflow: hidden;
3906  position: relative;
3907}
3908
3909#ssAboutMain.ss-about-page .ss-about-partner-box::before {
3910  content: '';
3911  position: absolute;
3912  top: 0;
3913  left: 0;
3914  right: 0;
3915  height: 5px;
3916  background: linear-gradient(90deg, var(--ss-primary) 0%, var(--ss-highlight) 100%);
3917  z-index: 1;
3918}
3919
3920#ssAboutMain.ss-about-page .ss-about-partner-box__media {
3921  flex-shrink: 0;
3922  display: flex;
3923  align-items: center;
3924  justify-content: center;
3925}
3926
3927#ssAboutMain.ss-about-page .ss-about-partner-box__media img {
3928  width: 100%;
3929  max-width: 220px;
3930  height: auto;
3931  display: block;
3932  border-radius: 8px;
3933  object-fit: contain;
3934}
3935
3936#ssAboutMain.ss-about-page .ss-about-partner-box__content {
3937  padding: 0;
3938  min-width: 0;
3939}
3940
3941#ssAboutMain.ss-about-page .ss-about-partner-box__title {
3942  font-family: 'Poppins', sans-serif;
3943  font-size: 1.35rem;
3944  font-weight: 700;
3945  color: var(--ss-primary);
3946  margin: 0 0 0.75rem;
3947}
3948
3949#ssAboutMain.ss-about-page .ss-about-partner-box__content p {
3950  font-family: 'Poppins', sans-serif;
3951  font-size: 1rem;
3952  line-height: 1.75;
3953  color: var(--ss-muted);
3954  margin: 0 0 0.85rem;
3955}
3956
3957#ssAboutMain.ss-about-page .ss-about-partner-box__content p:last-child {
3958  margin-bottom: 0;
3959}
3960
3961/* ETB-style story box */
3962#ssAboutMain.ss-about-page .ss-about-page__story-section {
3963  padding: 48px 0 56px;
3964  background: linear-gradient(180deg, #f0f4f8 0%, #e8eef3 100%);
3965}
3966
3967#ssAboutMain.ss-about-page .ss-about-story-box {
3968  display: grid;
3969  grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
3970  gap: 2.5rem;
3971  align-items: center;
3972  background: #fff;
3973  border-radius: 20px;
3974  box-shadow: 0 16px 48px rgba(31, 72, 94, 0.1);
3975  border: 1px solid var(--ss-border);
3976  padding: 2.75rem 2.5rem;
3977}
3978
3979#ssAboutMain.ss-about-page .ss-about-story-box__title {
3980  font-family: 'Poppins', sans-serif;
3981  font-size: clamp(1.75rem, 3vw, 2.25rem);
3982  font-weight: 700;
3983  color: var(--ss-primary);
3984  margin: 0 0 1.25rem;
3985}
3986
3987#ssAboutMain.ss-about-page .ss-about-story-box__text p {
3988  font-family: 'Poppins', sans-serif;
3989  font-size: 1.0625rem;
3990  line-height: 1.85;
3991  color: var(--ss-muted);
3992  margin: 0 0 1.1rem;
3993  text-wrap: pretty;
3994}
3995
3996#ssAboutMain.ss-about-page .ss-about-story-box__text p:last-child {
3997  margin-bottom: 0;
3998}
3999
4000#ssAboutMain.ss-about-page .ss-about-story-box__text strong {
4001  color: var(--ss-primary);
4002}
4003
4004#ssAboutMain.ss-about-page .ss-about-story-box__visual-track {
4005  position: relative;
4006  display: flex;
4007  align-items: center;
4008  justify-content: center;
4009  gap: 1.25rem;
4010  min-height: 120px;
4011}
4012
4013#ssAboutMain.ss-about-page .ss-about-story-box__visual-line {
4014  position: absolute;
4015  left: 18%;
4016  right: 18%;
4017  top: 50%;
4018  height: 3px;
4019  background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-highlight) 100%);
4020  transform: translateY(-50%);
4021  z-index: 0;
4022}
4023
4024#ssAboutMain.ss-about-page .ss-about-story-box__visual-node {
4025  position: relative;
4026  z-index: 1;
4027  width: 96px;
4028  height: 96px;
4029  border-radius: 50%;
4030  overflow: hidden;
4031  background: #fff;
4032  border: 4px solid #fff;
4033  box-shadow: 0 6px 20px rgba(31, 72, 94, 0.15);
4034  flex-shrink: 0;
4035}
4036
4037#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--logo img {
4038  width: 100%;
4039  height: 100%;
4040  object-fit: cover;
4041}
4042
4043#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--partner {
4044  background: var(--ss-primary);
4045  width: 112px;
4046  height: 112px;
4047  display: flex;
4048  align-items: center;
4049  justify-content: center;
4050  padding: 5px;
4051  box-sizing: border-box;
4052}
4053
4054#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--partner img {
4055  display: block;
4056  width: 100%;
4057  height: auto;
4058  max-width: 100%;
4059  max-height: 100%;
4060  object-fit: contain;
4061  object-position: center center;
4062  transform: scale(1.7) translateX(10px);
4063  margin: 0;
4064}
4065
4066
4067/* Shop ranges — homepage-style cards */
4068#ssAboutMain.ss-about-page .ss-about-page__ranges-section {
4069  padding: 4rem 0;
4070  background: #fff;
4071}
4072
4073#ssAboutMain.ss-about-page .ss-about-ranges-head {
4074  text-align: center;
4075  margin-bottom: 2rem;
4076}
4077
4078#ssAboutMain.ss-about-page .ss-about-ranges-label {
4079  display: block;
4080  font-size: 0.75rem;
4081  font-weight: 700;
4082  text-transform: uppercase;
4083  letter-spacing: 0.08em;
4084  color: var(--ss-accent);
4085  margin-bottom: 0.4rem;
4086}
4087
4088#ssAboutMain.ss-about-page .ss-about-range-grid {
4089  display: grid;
4090  grid-template-columns: repeat(3, 1fr);
4091  gap: 1rem;
4092}
4093
4094#ssAboutMain.ss-about-page .ss-about-range-card {
4095  background: var(--ss-tint);
4096  border: 1px solid var(--ss-border);
4097  border-radius: 10px;
4098  overflow: hidden;
4099  transition: 0.2s ease;
4100  display: flex;
4101  flex-direction: column;
4102  text-decoration: none !important;
4103  color: inherit;
4104}
4105
4106#ssAboutMain.ss-about-page a.ss-about-range-card:hover {
4107  border-color: var(--ss-accent);
4108  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
4109  transform: translateY(-3px);
4110  text-decoration: none !important;
4111}
4112
4113#ssAboutMain.ss-about-page .ss-about-range-card__img {
4114  height: 130px;
4115  overflow: hidden;
4116}
4117
4118#ssAboutMain.ss-about-page .ss-about-range-card__img img {
4119  width: 100%;
4120  height: 100%;
4121  object-fit: cover;
4122  transition: transform 0.3s ease;
4123}
4124
4125#ssAboutMain.ss-about-page a.ss-about-range-card:hover .ss-about-range-card__img img {
4126  transform: scale(1.04);
4127}
4128
4129#ssAboutMain.ss-about-page .ss-about-range-card__body {
4130  padding: 1.15rem;
4131  flex: 1;
4132  display: flex;
4133  flex-direction: column;
4134}
4135
4136#ssAboutMain.ss-about-page .ss-about-range-card__body h3 {
4137  font-family: 'Poppins', sans-serif;
4138  font-size: 1rem;
4139  font-weight: 700;
4140  color: var(--ss-primary);
4141  margin: 0 0 0.35rem;
4142}
4143
4144#ssAboutMain.ss-about-page .ss-about-range-card__body p {
4145  font-family: 'Poppins', sans-serif;
4146  font-size: 0.875rem;
4147  color: var(--ss-muted-light);
4148  line-height: 1.55;
4149  flex: 1;
4150  margin: 0 0 0.85rem;
4151}
4152
4153#ssAboutMain.ss-about-page .ss-about-range-card__link {
4154  font-size: 0.8125rem;
4155  font-weight: 600;
4156  color: var(--ss-accent);
4157  display: inline-flex;
4158  align-items: center;
4159  gap: 0.25rem;
4160  text-decoration: none !important;
4161}
4162
4163#ssAboutMain.ss-about-page a.ss-about-range-card:hover .ss-about-range-card__link {
4164  color: var(--ss-gradient-end);
4165}
4166
4167#ssAboutMain.ss-about-page .ss-about-range-card--split {
4168  cursor: default;
4169}
4170
4171#ssAboutMain.ss-about-page .ss-about-range-card__links {
4172  display: flex;
4173  flex-direction: column;
4174  gap: 0.4rem;
4175  margin-top: auto;
4176}
4177
4178
4179@media (max-width: 1100px) {
4180  #ssAboutMain.ss-about-page .ss-about-story-box {
4181    grid-template-columns: 1fr;
4182    padding: 2rem 1.75rem;
4183  }
4184
4185  #ssAboutMain.ss-about-page .ss-about-story-box__visual {
4186    order: -1;
4187  }
4188
4189
4190  #ssAboutMain.ss-about-page .ss-about-range-grid {
4191    grid-template-columns: repeat(2, 1fr);
4192  }
4193}
4194
4195@media (max-width: 768px) {
4196
4197  #ssAboutMain.ss-about-page .ss-about-range-grid {
4198    grid-template-columns: 1fr;
4199  }
4200
4201  #ssAboutMain.ss-about-page .ss-about-story-box__visual-node {
4202    width: 72px;
4203    height: 72px;
4204  }
4205
4206  #ssAboutMain.ss-about-page .ss-about-story-box__visual-node--photo {
4207    width: 86px;
4208    height: 86px;
4209  }
4210}
4211
4212/* Story — text and image side by side */
4213#ssAboutMain.ss-about-page .story-grid {
4214  display: grid;
4215  grid-template-columns: 1fr 1fr;
4216  gap: 2.5rem;
4217  align-items: center;
4218  margin: 0;
4219  padding: 0;
4220}
4221
4222#ssAboutMain.ss-about-page .story-text {
4223  flex: 1;
4224  font-family: 'Poppins', sans-serif;
4225  font-size: 1rem;
4226  line-height: 1.75;
4227  color: #4a4a4a;
4228  margin: 0;
4229  padding: 0;
4230}
4231
4232#ssAboutMain.ss-about-page .story-text p {
4233  margin: 0 0 12px;
4234  padding: 0;
4235}
4236
4237#ssAboutMain.ss-about-page .story-text p:last-child {
4238  margin-bottom: 0;
4239}
4240
4241#ssAboutMain.ss-about-page .story-text--flush {
4242  margin: 0;
4243  padding: 0;
4244}
4245
4246#ssAboutMain.ss-about-page .story-image-container {
4247  position: relative;
4248  overflow: hidden;
4249  border-radius: var(--ss-radius);
4250  box-shadow: var(--ss-shadow-strong);
4251  min-width: 0;
4252  aspect-ratio: 4 / 3;
4253  max-height: 320px;
4254}
4255
4256#ssAboutMain.ss-about-page .story-image-container::after {
4257  content: '';
4258  position: absolute;
4259  inset: 0;
4260  background: linear-gradient(
4261    135deg,
4262    rgba(31, 72, 94, 0.5) 0%,
4263    rgba(24, 121, 164, 0.4) 50%,
4264    rgba(37, 150, 190, 0.35) 100%
4265  );
4266  pointer-events: none;
4267  z-index: 1;
4268}
4269
4270#ssAboutMain.ss-about-page .story-image {
4271  position: absolute;
4272  inset: 0;
4273  width: 100%;
4274  height: 100%;
4275  object-fit: cover;
4276}
4277
4278#ssAboutMain.ss-about-page .story-overlay {
4279  position: absolute;
4280  bottom: 0;
4281  left: 0;
4282  right: 0;
4283  background: linear-gradient(transparent, rgba(31, 72, 94, 0.95));
4284  padding: 40px 30px 30px;
4285  z-index: 2;
4286}
4287
4288#ssAboutMain.ss-about-page .story-overlay p {
4289  font-family: 'Poppins', sans-serif;
4290  color: rgba(255, 255, 255, 0.9);
4291  font-size: 1rem;
4292  margin: 0;
4293}
4294
4295/* Values */
4296#ssAboutMain.ss-about-page .values-grid {
4297  display: grid;
4298  grid-template-columns: repeat(3, 1fr);
4299  gap: 30px;
4300}
4301
4302#ssAboutMain.ss-about-page .value-card {
4303  background: #fff;
4304  padding: 45px 35px;
4305  text-align: center;
4306  border-radius: var(--ss-radius);
4307  box-shadow: var(--ss-shadow);
4308  position: relative;
4309  overflow: hidden;
4310}
4311
4312#ssAboutMain.ss-about-page .value-card::before {
4313  content: '';
4314  position: absolute;
4315  top: 0;
4316  left: 0;
4317  right: 0;
4318  height: 5px;
4319  background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%);
4320}
4321
4322#ssAboutMain.ss-about-page .value-icon {
4323  width: 90px;
4324  height: 90px;
4325  background: var(--ss-icon-bg);
4326  border-radius: 50%;
4327  display: flex;
4328  align-items: center;
4329  justify-content: center;
4330  margin: 0 auto 28px;
4331  box-shadow: none;
4332}
4333
4334#ssAboutMain.ss-about-page .value-icon i {
4335  font-size: 2.2rem;
4336  color: var(--ss-icon-color);
4337}
4338
4339#ssAboutMain.ss-about-page .value-title {
4340  font-family: 'Poppins', sans-serif;
4341  font-size: 1.5rem;
4342  font-weight: 700;
4343  color: var(--ss-primary);
4344  margin: 0 0 14px;
4345}
4346
4347#ssAboutMain.ss-about-page .value-desc {
4348  font-family: 'Poppins', sans-serif;
4349  font-size: 1.05rem;
4350  color: var(--ss-muted);
4351  line-height: 1.8;
4352  margin: 0;
4353}
4354
4355/* Partnership */
4356#ssAboutMain.ss-about-page .partnership-section {
4357  background: linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%);
4358  position: relative;
4359}
4360
4361#ssAboutMain.ss-about-page .partnership-content {
4362  display: grid;
4363  grid-template-columns: 1fr 1fr;
4364  gap: 60px;
4365  align-items: center;
4366}
4367
4368#ssAboutMain.ss-about-page .partner-image-box {
4369  background: #dbe5eb;
4370  border-radius: 20px;
4371  overflow: hidden;
4372  margin-top: 2cm;
4373  height: 310px;
4374}
4375
4376#ssAboutMain.ss-about-page .partner-image-box img {
4377  width: 100%;
4378  height: 100%;
4379  object-fit: cover;
4380  display: block;
4381}
4382
4383/* Testimonials */
4384#ssAboutMain.ss-about-page .testimonials-grid {
4385  display: grid;
4386  grid-template-columns: repeat(2, 1fr);
4387  gap: 40px;
4388}
4389
4390#ssAboutMain.ss-about-page .testimonial-card {
4391  background: #fff;
4392  padding: 40px;
4393  border-radius: var(--ss-radius);
4394  position: relative;
4395  box-shadow: 0 8px 35px rgba(31, 72, 94, 0.1);
4396  border: none;
4397}
4398
4399#ssAboutMain.ss-about-page .testimonial-card::before {
4400  content: '"';
4401  font-family: Georgia, serif;
4402  font-size: 6rem;
4403  color: var(--ss-accent);
4404  opacity: 0.15;
4405  position: absolute;
4406  top: 10px;
4407  left: 25px;
4408  line-height: 1;
4409}
4410
4411#ssAboutMain.ss-about-page .testimonial-text {
4412  font-family: 'Poppins', sans-serif;
4413  font-size: 1.1rem;
4414  line-height: 1.8;
4415  color: #4a4a4a;
4416  font-style: italic;
4417  margin: 0 0 24px;
4418  position: relative;
4419  z-index: 1;
4420}
4421
4422#ssAboutMain.ss-about-page .testimonial-author {
4423  display: flex;
4424  align-items: center;
4425  gap: 16px;
4426}
4427
4428#ssAboutMain.ss-about-page .author-icon {
4429  width: 50px;
4430  height: 50px;
4431  background: linear-gradient(135deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%);
4432  border-radius: 50%;
4433  display: flex;
4434  align-items: center;
4435  justify-content: center;
4436  flex-shrink: 0;
4437}
4438
4439#ssAboutMain.ss-about-page .author-icon i {
4440  font-size: 1.4rem;
4441  color: #fff;
4442}
4443
4444#ssAboutMain.ss-about-page .author-info {
4445  flex: 1;
4446}
4447
4448#ssAboutMain.ss-about-page .author-title {
4449  font-family: 'Poppins', sans-serif;
4450  font-weight: 600;
4451  color: var(--ss-primary);
4452  font-size: 1rem;
4453}
4454
4455#ssAboutMain.ss-about-page .author-company {
4456  font-family: 'Poppins', sans-serif;
4457  color: var(--ss-muted);
4458  font-size: 0.95rem;
4459}
4460
4461/* Location */
4462#ssAboutMain.ss-about-page .location-grid {
4463  display: grid;
4464  grid-template-columns: 1fr 1fr;
4465  gap: 60px;
4466  align-items: stretch;
4467  max-width: 1200px;
4468  margin: 0 auto;
4469}
4470
4471#ssAboutMain.ss-about-page .location-info {
4472  background: #fff;
4473  padding: 50px 45px;
4474  border-radius: var(--ss-radius);
4475  box-shadow: var(--ss-shadow);
4476  position: relative;
4477  overflow: hidden;
4478}
4479
4480#ssAboutMain.ss-about-page .location-info::before {
4481  content: '';
4482  position: absolute;
4483  top: 0;
4484  left: 0;
4485  right: 0;
4486  height: 5px;
4487  background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%);
4488}
4489
4490#ssAboutMain.ss-about-page .location-title {
4491  font-family: 'Poppins', sans-serif;
4492  font-size: 1.8rem;
4493  font-weight: 600;
4494  color: var(--ss-primary);
4495  margin: 0 0 30px;
4496}
4497
4498#ssAboutMain.ss-about-page .contact-item {
4499  display: flex;
4500  gap: 16px;
4501  margin-bottom: 24px;
4502  align-items: flex-start;
4503}
4504
4505#ssAboutMain.ss-about-page .contact-item:last-child {
4506  margin-bottom: 0;
4507}
4508
4509#ssAboutMain.ss-about-page .contact-icon {
4510  width: 48px;
4511  height: 48px;
4512  background: var(--ss-icon-bg);
4513  border-radius: 12px;
4514  display: flex;
4515  align-items: center;
4516  justify-content: center;
4517  flex-shrink: 0;
4518}
4519
4520#ssAboutMain.ss-about-page .contact-icon i {
4521  font-size: 1.2rem;
4522  color: var(--ss-icon-color);
4523}
4524
4525#ssAboutMain.ss-about-page .contact-details h4 {
4526  font-family: 'Poppins', sans-serif;
4527  font-weight: 600;
4528  color: var(--ss-primary);
4529  font-size: 1.1rem;
4530  margin: 0 0 4px;
4531}
4532
4533#ssAboutMain.ss-about-page .contact-details p,
4534#ssAboutMain.ss-about-page .contact-details a {
4535  font-family: 'Poppins', sans-serif;
4536  color: var(--ss-muted);
4537  font-size: 1rem;
4538  text-decoration: none;
4539  line-height: 1.6;
4540  margin: 0;
4541}
4542
4543#ssAboutMain.ss-about-page .contact-details a:hover {
4544  color: var(--ss-accent);
4545}
4546
4547#ssAboutMain.ss-about-page .map-container {
4548  overflow: hidden;
4549  height: 100%;
4550  min-height: 400px;
4551  border-radius: var(--ss-radius);
4552  box-shadow: 0 10px 40px rgba(31, 72, 94, 0.15);
4553}
4554
4555#ssAboutMain.ss-about-page .map-container iframe {
4556  width: 100%;
4557  height: 100%;
4558  min-height: 400px;
4559  border: none;
4560  display: block;
4561}
4562
4563/* CTA */
4564#ssAboutMain.ss-about-page .cta-section {
4565  background: #ffffff;
4566  padding: 80px 0;
4567  text-align: center;
4568  position: relative;
4569}
4570
4571#ssAboutMain.ss-about-page .cta-title {
4572  font-family: 'Poppins', sans-serif;
4573  font-size: 2.6rem;
4574  font-weight: 700;
4575  color: var(--ss-primary);
4576  margin: 0 0 16px;
4577  position: relative;
4578  z-index: 1;
4579}
4580
4581#ssAboutMain.ss-about-page .cta-subtitle {
4582  font-family: 'Poppins', sans-serif;
4583  font-size: 1.2rem;
4584  color: var(--ss-muted);
4585  margin: 0 0 40px;
4586}
4587
4588#ssAboutMain.ss-about-page .cta-buttons {
4589  display: flex;
4590  gap: 16px;
4591  justify-content: center;
4592  flex-wrap: nowrap;
4593}
4594
4595#ssAboutMain.ss-about-page .btn-primary,
4596#ssAboutMain.ss-about-page .btn-secondary {
4597  display: inline-flex;
4598  align-items: center;
4599  justify-content: center;
4600  width: auto;
4601  flex: 0 0 auto;
4602  padding: 16px 24px;
4603  border-radius: 8px;
4604  font-weight: 600;
4605  font-size: 0.9375rem;
4606  font-family: 'Poppins', sans-serif;
4607  cursor: pointer;
4608  text-decoration: none !important;
4609  box-sizing: border-box;
4610  border: none;
4611  transition: all 0.3s ease;
4612  white-space: nowrap;
4613}
4614
4615#ssAboutMain.ss-about-page .btn-primary {
4616  background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 100%);
4617  color: #ffffff;
4618  box-shadow: 0 4px 15px rgba(31, 72, 94, 0.3);
4619}
4620
4621#ssAboutMain.ss-about-page .btn-primary:hover {
4622  background: #ffffff;
4623  color: var(--ss-primary);
4624  box-shadow: 0 4px 15px rgba(31, 72, 94, 0.2);
4625}
4626
4627#ssAboutMain.ss-about-page .btn-secondary {
4628  background: #ffffff;
4629  color: var(--ss-primary);
4630  border: 2px solid var(--ss-primary) !important;
4631}
4632
4633#ssAboutMain.ss-about-page .btn-secondary:hover {
4634  background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 100%);
4635  color: #ffffff;
4636  border: 2px solid transparent !important;
4637}
4638
4639#ssAboutMain.ss-about-page .btn-primary i,
4640#ssAboutMain.ss-about-page .btn-secondary i {
4641  margin-right: 8px;
4642}
4643
4644/* Responsive — 1200px */
4645@media (max-width: 1200px) {
4646  #ssAboutMain.ss-about-page .hero-title {
4647    font-size: 2.6rem;
4648  }
4649
4650  #ssAboutMain.ss-about-page .stats-grid {
4651    grid-template-columns: repeat(2, 1fr);
4652    gap: 30px;
4653  }
4654}
4655
4656/* Responsive — 992px */
4657@media (max-width: 992px) {
4658  #ssAboutMain.ss-about-page .story-grid {
4659    grid-template-columns: 1fr 1fr;
4660    gap: 1.75rem;
4661  }
4662
4663  #ssAboutMain.ss-about-page .story-image-container {
4664    max-height: 280px;
4665  }
4666
4667  #ssAboutMain.ss-about-page .partnership-content,
4668  #ssAboutMain.ss-about-page .location-grid {
4669    grid-template-columns: 1fr;
4670    gap: 40px;
4671  }
4672
4673  #ssAboutMain.ss-about-page .values-grid {
4674    grid-template-columns: repeat(2, 1fr);
4675  }
4676
4677  #ssAboutMain.ss-about-page .ss-about-partner-box {
4678    grid-template-columns: 1fr;
4679  }
4680
4681  #ssAboutMain.ss-about-page .ss-about-partner-box__media {
4682    order: -1;
4683    max-width: 200px;
4684    margin: 0 auto;
4685  }
4686
4687  #ssAboutMain.ss-about-page .ss-about-partner-box__content {
4688    padding: 0;
4689  }
4690
4691  #ssAboutMain.ss-about-page .stats-grid--fullwidth {
4692    grid-template-columns: 1fr;
4693    padding: 32px 20px;
4694  }
4695
4696  #ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item {
4697    border-right: none;
4698    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
4699    padding: 20px 12px;
4700  }
4701
4702  #ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item:last-child {
4703    border-bottom: none;
4704  }
4705
4706  #ssAboutMain.ss-about-page .testimonials-grid {
4707    grid-template-columns: 1fr;
4708  }
4709
4710  #ssAboutMain.ss-about-page .hero-title {
4711    font-size: 2.2rem;
4712  }
4713
4714  #ssAboutMain.ss-about-page .section-title {
4715    font-size: 2rem;
4716  }
4717
4718  #ssAboutMain.ss-about-page .partner-image-box {
4719    margin-top: 0;
4720  }
4721}
4722
4723/* Responsive — 768px */
4724@media (max-width: 768px) {
4725  #ssAboutMain.ss-about-page .about-hero {
4726    padding: 60px 0;
4727  }
4728
4729  #ssAboutMain.ss-about-page .section {
4730    padding: 60px 0;
4731  }
4732
4733  #ssAboutMain.ss-about-page .hero-title {
4734    font-size: 1.9rem;
4735  }
4736
4737  #ssAboutMain.ss-about-page .hero-subtitle {
4738    font-size: 1.05rem;
4739  }
4740
4741  #ssAboutMain.ss-about-page .values-grid {
4742    grid-template-columns: 1fr;
4743  }
4744
4745  #ssAboutMain.ss-about-page .stats-grid {
4746    grid-template-columns: 1fr 1fr;
4747    padding: 40px 24px;
4748  }
4749
4750  #ssAboutMain.ss-about-page .stat-number {
4751    font-size: 2.5rem;
4752    min-height: auto;
4753  }
4754
4755  #ssAboutMain.ss-about-page .cta-title {
4756    font-size: 2rem;
4757  }
4758
4759  #ssAboutMain.ss-about-page .cta-buttons {
4760    flex-direction: column;
4761    align-items: center;
4762  }
4763
4764  #ssAboutMain.ss-about-page .btn-primary,
4765  #ssAboutMain.ss-about-page .btn-secondary {
4766    width: 100%;
4767    max-width: 300px;
4768  }
4769
4770  #ssAboutMain.ss-about-page .story-grid {
4771    grid-template-columns: 1fr;
4772    gap: 1.5rem;
4773  }
4774
4775  #ssAboutMain.ss-about-page .story-image-container {
4776    max-height: 260px;
4777    order: -1;
4778  }
4779}
4780
4781/* Responsive — 576px */
4782@media (max-width: 576px) {
4783  #ssAboutMain.ss-about-page .about-content {
4784    padding: 0 16px;
4785  }
4786
4787  #ssAboutMain.ss-about-page .stats-grid {
4788    grid-template-columns: 1fr;
4789    gap: 25px;
4790  }
4791
4792  #ssAboutMain.ss-about-page .story-image-container {
4793    min-height: 280px;
4794  }
4795
4796  #ssAboutMain.ss-about-page .location-info {
4797    padding: 36px 28px;
4798  }
4799
4800  #ssAboutMain.ss-about-page .testimonial-card {
4801    padding: 32px 24px;
4802  }
4803
4804  #ssAboutMain.ss-about-page .value-card {
4805    padding: 36px 24px;
4806  }
4807}
4808</style>
4809  
4809<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20213111.js"></script>
4809
4810  <style>
4811    a:focus, a:focus-visible, a:active { outline: none !important; box-shadow: none !important; }
4812  </style>
4813
4814
4815<!-- SS Modern Header -->
4816<script>(function(){var b=document.body;if(b&&!b.classList.contains('ss-modern-storefront')){b.classList.add('ss-static-page');}})();</script>
4816
4817<style>
4818/* SS Modern Nav + Contact Flyout — synced from shopify-static-nav-bar.html */
4819:root {
4820      --primary: #1f485e;
4821      --accent: #1879a4;
4822      --dark: #035e7f;
4823      --highlight: #00a8e1;
4824      --tint: #f4f8fb;
4825      --border: #e2e8f0;
4826      --muted: #64748b;
4827      --text: #1a2332;
4828      --max: 1280px;
4829    }
4830
4831    html, html.ss-modern-html, html.ss-static-html {
4832      font-size: 18px;
4833      -webkit-text-size-adjust: 100%;
4834    }
4835
4836    *, *::before, *::after { box-sizing: border-box; }
4837    body {
4838      margin: 0;
4839      font-family: 'Poppins', sans-serif;
4840      background: var(--tint);
4841      color: #1a2332;
4842    }
4843
4844    .wrap { width: min(100% - 2rem, var(--max)); margin-inline: auto; }
4845
4846    /* Top utility bar */
4847    .top-bar {
4848      background: #eef2f6;
4849      border-bottom: 1px solid var(--border);
4850      color: var(--primary);
4851    }
4852    .top-bar-inner {
4853      display: flex;
4854      align-items: center;
4855      justify-content: space-between;
4856      gap: .75rem 1.25rem;
4857      padding: .45rem 0;
4858      font-size: .8125rem;
4859      font-weight: 500;
4860    }
4861    .top-bar-contact,
4862    .top-bar-right {
4863      display: flex;
4864      align-items: center;
4865      flex-wrap: wrap;
4866      gap: .5rem .85rem;
4867    }
4868    .top-bar a { color: var(--primary); text-decoration: none; transition: color .15s; }
4869    .top-bar a:hover { color: var(--accent); }
4870    .top-bar-sep { color: #b8c5d0; user-select: none; font-weight: 400; }
4871    .top-bar-social { display: flex; align-items: center; gap: .35rem; }
4872    .top-bar-social a {
4873      display: inline-flex;
4874      align-items: center;
4875      justify-content: center;
4876      width: 1.75rem;
4877      height: 1.75rem;
4878      border-radius: 4px;
4879      color: var(--primary);
4880    }
4881    .top-bar-social a:hover { background: rgba(31, 72, 94, .08); color: var(--accent); }
4882    .top-bar-social svg { width: .9375rem; height: .9375rem; fill: currentColor; }
4883    .top-bar-note { color: var(--muted); font-size: .75rem; white-space: nowrap; }
4884    .top-bar-app-slot {
4885      display: inline-flex; align-items: center; gap: .35rem;
4886    }
4887    .top-bar-app-slot:empty { display: none; }
4888    .top-bar-app-slot form,
4889    .top-bar-app-slot .disclosure {
4890      margin: 0; padding: 0;
4891    }
4892
4893    /* Main nav */
4894.shop-nav {
4895      background: var(--primary);
4896      color: #fff;
4897      border-bottom: 1px solid rgba(255, 255, 255, .1);
4898    }
4899    .shop-nav-row {
4900      display: grid;
4901      grid-template-columns: auto 1fr auto;
4902      align-items: center;
4903      gap: .75rem 1rem;
4904      padding: .55rem 1rem;
4905      width: min(100% - 1rem, var(--max));
4906      max-width: var(--max);
4907      margin: 0 auto;
4908      overflow: visible;
4909    }
4910    .shop-nav-logo {
4911      display: flex;
4912      align-items: center;
4913      gap: .55rem;
4914      color: #fff;
4915      text-decoration: none;
4916      flex-shrink: 0;
4917    }
4918    .shop-nav-logo img {
4919      height: 40px;
4920      width: 40px;
4921      object-fit: cover;
4922      display: block;
4923      border-radius: 6px;
4924      flex-shrink: 0;
4925      background: #fff;
4926    }
4927    .shop-nav-logo-copy {
4928      display: flex;
4929      flex-direction: column;
4930      gap: .05rem;
4931      line-height: 1.1;
4932    }
4933    .shop-nav-logo-text {
4934      font-size: 1.12rem;
4935      font-weight: 800;
4936      letter-spacing: -.01em;
4937      white-space: nowrap;
4938    }
4939    .shop-nav-logo-text .logo-server { color: var(--highlight); }
4940    .shop-nav-logo-text .logo-source { color: #b8c5d0; }
4941    .shop-nav-logo-est {
4942      display: inline-flex;
4943      align-items: baseline;
4944      gap: .2em;
4945      font-size: .75rem;
4946      font-weight: 700;
4947      color: rgba(255, 255, 255, .92);
4948      white-space: nowrap;
4949    }
4950    .shop-nav-logo-est-label { letter-spacing: .12em; }
4951    .shop-nav-logo-year {
4952      letter-spacing: .03em;
4953      font-variant-numeric: lining-nums tabular-nums;
4954    }
4955    .shop-nav-right {
4956      display: flex;
4957      align-items: center;
4958      gap: .5rem;
4959      flex-shrink: 0;
4960    }
4961    .shop-nav-links {
4962      display: flex;
4963      align-items: center;
4964      justify-content: center;
4965      flex-wrap: nowrap;
4966      gap: .2rem .3rem;
4967      min-width: 0;
4968      overflow: visible;
4969    }
4970    .shop-nav-drop { position: relative; display: block; flex-shrink: 0; }
4971    .shop-nav-link {
4972      display: inline-flex;
4973      align-items: center;
4974      justify-content: center;
4975      gap: .3rem;
4976      height: 2.125rem;
4977      min-height: 2.125rem;
4978      padding: 0 .55rem;
4979      font-size: .84rem;
4980      font-weight: 600;
4981      flex-shrink: 0;
4982      letter-spacing: .01em;
4983      color: #fff;
4984      white-space: nowrap;
4985      border-radius: 4px;
4986      border: none;
4987      border-bottom: 3px solid rgba(255, 255, 255, .28);
4988      background: transparent;
4989      cursor: pointer;
4990      font-family: inherit;
4991      transition: background .15s, border-color .15s, color .15s;
4992      text-decoration: none;
4993      box-sizing: border-box;
4994      line-height: 1;
4995      margin: 0;
4996      -webkit-appearance: none;
4997      appearance: none;
4998    }
4999    .shop-nav-link:hover,
5000    .shop-nav-link:focus-visible,
5001    .shop-nav-drop:hover > .shop-nav-link,
5002    .shop-nav-drop.is-open > .shop-nav-link {
5003      background: rgba(255, 255, 255, .15);
5004      border-bottom-color: var(--highlight);
5005      outline: none;
5006    }
5007    .shop-nav-link .shop-nav-chevron {
5008      width: 9px;
5009      height: 9px;
5010      min-width: 9px;
5011      min-height: 9px;
5012      fill: currentColor;
5013      flex-shrink: 0;
5014      display: block;
5015      margin-left: .2rem;
5016      transition: transform .15s ease;
5017    }
5018    .shop-nav-drop:hover > .shop-nav-link .shop-nav-chevron,
5019    .shop-nav-drop.is-open > .shop-nav-link .shop-nav-chevron {
5020      transform: rotate(180deg);
5021    }
5022    .shop-nav-link--store {
5023      background: #00a8e1;
5024      color: #fff;
5025      border-bottom-color: transparent;
5026      border-radius: .375rem;
5027      box-shadow: 0 2px 10px rgba(0, 168, 225, .35);
5028    }
5029    .shop-nav-link--store:hover,
5030    .shop-nav-link--store:focus-visible {
5031      background: #0090c4;
5032      border-bottom-color: transparent;
5033      box-shadow: 0 2px 10px rgba(0, 168, 225, .35);
5034    }
5035    .shop-nav-drop-menu {
5036      display: none;
5037      position: absolute;
5038      top: 100%;
5039      left: 0;
5040      z-index: 1200;
5041      min-width: 220px;
5042      max-width: 340px;
5043      margin-top: .15rem;
5044      background: #fff;
5045      border: 1px solid #d0d0d0;
5046      box-shadow: 0 8px 24px rgba(15, 45, 61, .14);
5047      padding: .35rem 0;
5048      border-radius: 8px;
5049      animation: navDropIn .18s ease-out;
5050    }
5051    @keyframes navDropIn {
5052      from { opacity: 0; transform: translateY(4px); }
5053      to { opacity: 1; transform: translateY(0); }
5054    }
5055    .shop-nav-drop:hover .shop-nav-drop-menu,
5056    .shop-nav-drop.is-open .shop-nav-drop-menu { display: block; }
5057    .shop-nav-drop-menu a {
5058      display: block;
5059      padding: .7rem 1.25rem;
5060      font-size: .875rem;
5061      font-weight: 500;
5062      line-height: 1.35;
5063      color: #1f485e;
5064      white-space: nowrap;
5065      text-decoration: none;
5066      transition: background .15s, color .15s;
5067    }
5068    .shop-nav-drop-menu a:hover { background: #f4f8fb; color: #1879a4; }
5069    .nav-toggle {
5070      display: none;
5071      align-items: center;
5072      gap: .5rem;
5073      background: rgba(255, 255, 255, .1);
5074      border: 1px solid rgba(255, 255, 255, .25);
5075      border-radius: .5rem;
5076      cursor: pointer;
5077      padding: .5rem .75rem;
5078      font: 600 .875rem 'Poppins', sans-serif;
5079      color: #fff;
5080    }
5081    .nav-toggle svg { width: 20px; height: 20px; fill: currentColor; }
5082
5083    .ss-nav-search { position: relative; display: flex; align-items: center; }
5084    .ss-nav-search-toggle {
5085      display: inline-flex; align-items: center; justify-content: center;
5086      width: 2.125rem; height: 2.125rem; padding: 0;
5087      background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25);
5088      border-radius: .375rem; color: #fff; cursor: pointer;
5089    }
5090    .ss-nav-search-toggle:hover, .ss-nav-search-toggle:focus-visible {
5091      background: rgba(255,255,255,.18); border-color: var(--highlight); outline: none;
5092    }
5093    .ss-nav-search-panel {
5094      position: absolute; top: calc(100% + .45rem); right: 0;
5095      width: min(22rem, calc(100vw - 2rem));
5096      opacity: 0; visibility: hidden; pointer-events: none;
5097      transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
5098      transform: translateY(-4px); z-index: 1300;
5099    }
5100    .ss-nav-search-panel.active {
5101      opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
5102    }
5103    .ss-nav-search-form {
5104      display: flex; margin: 0; padding: .35rem;
5105      background: rgba(24, 121, 164, .92); border-radius: .375rem;
5106      box-shadow: 0 10px 28px rgba(15, 45, 61, .22);
5107    }
5108    .ss-nav-search-form input[name="q"] {
5109      flex: 1 1 auto; min-width: 0; width: 100%;
5110      padding: .65rem .85rem; border: none; border-radius: .25rem;
5111      font: 400 .875rem 'Poppins', sans-serif; color: #1a2332; background: #fff;
5112    }
5113    .ss-nav-search-form input[name="q"]:focus { outline: 2px solid var(--highlight); outline-offset: 0; }
5114/* Contact flyout – tab left of form, slides out attached (Bytestock-style) */
5115    .contact-flyout {
5116      --contact-tab-w: 2.875rem;
5117      --contact-panel-w: 24rem;
5118      position: fixed; right: 0; top: 50%;
5119      transform: translateY(-50%);
5120      z-index: 900;
5121      display: flex; flex-direction: row; align-items: center;
5122      pointer-events: none;
5123    }
5124    .contact-flyout-panel,
5125    .contact-flyout-tab { pointer-events: auto; }
5126    .contact-flyout-tab {
5127      order: 1;
5128      width: var(--contact-tab-w); flex-shrink: 0; border: none; cursor: pointer;
5129      background: #c8dde8; color: #1a2332;
5130      border-radius: 16px 0 0 16px;
5131      padding: .85rem .4rem .95rem;
5132      display: flex; flex-direction: column; align-items: center; justify-content: space-between;
5133      height: 9.75rem;
5134      box-shadow: -4px 4px 16px rgba(0,0,0,.1);
5135      transition: background .15s, transform .45s cubic-bezier(.4,0,.2,1);
5136      z-index: 2;
5137    }
5138    .contact-flyout.is-open .contact-flyout-tab {
5139      box-shadow: none;
5140    }
5141    .contact-flyout-panel {
5142      order: 2;
5143      width: 0; min-width: 0; flex-shrink: 0;
5144      max-width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem));
5145      max-height: min(42rem, calc(100vh - 2rem));
5146      overflow: hidden;
5147      background: #fff;
5148      border-radius: 0;
5149      opacity: 0;
5150      box-shadow: none;
5151      transition:
5152        width .45s cubic-bezier(.4,0,.2,1) .12s,
5153        opacity .32s ease .16s,
5154        box-shadow .45s ease .12s;
5155    }
5156    .contact-flyout.is-open .contact-flyout-panel {
5157      width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem));
5158      overflow-x: hidden;
5159      overflow-y: auto;
5160      opacity: 1;
5161      box-shadow: 10px 8px 40px rgba(0,0,0,.12);
5162    }
5163    .contact-flyout-panel-inner {
5164      width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem));
5165      padding: 1.25rem 1.25rem 1rem;
5166      box-sizing: border-box;
5167    }
5168    .contact-flyout-hs-form { width: 100%; min-height: 18rem; overflow: hidden; }
5169    .contact-flyout-hs-form .hs-form-frame,
5170    .contact-flyout-hs-form .contact-flyout-hs-iframe,
5171    .contact-flyout-hs-form iframe {
5172      display: block !important;
5173      width: calc(100% + 4px) !important;
5174      min-height: 572.8px !important;
5175      height: 572.8px !important;
5176      max-height: none !important;
5177      margin: -2px 0 0 -2px !important;
5178      visibility: visible !important;
5179      opacity: 1 !important;
5180      position: static !important;
5181      pointer-events: auto !important;
5182      border: 0 !important;
5183      outline: none !important;
5184      box-shadow: none !important;
5185      background: transparent !important;
5186    }
5187    .contact-flyout:not(.is-open) .contact-flyout-panel {
5188      transition:
5189        width .3s cubic-bezier(.4,0,.2,1),
5190        opacity .18s ease,
5191        box-shadow .3s ease;
5192    }
5193    .contact-flyout-tab:hover,
5194    .contact-flyout-tab:focus-visible { background: #b3d0e0; outline: none; }
5195    .contact-flyout-tab-text {
5196      writing-mode: vertical-rl; text-orientation: mixed;
5197      transform: rotate(180deg);
5198      font: 600 .9375rem 'Poppins', sans-serif; letter-spacing: .01em;
5199      white-space: nowrap; line-height: 1;
5200    }
5201    .contact-flyout-tab-chevron {
5202      display: inline-flex; align-items: center; justify-content: center;
5203      color: #1a2332; transition: transform .4s ease;
5204    }
5205    .contact-flyout-tab-chevron svg { width: .75rem; height: .75rem; fill: currentColor; }
5206    .contact-flyout.is-open .contact-flyout-tab-chevron { transform: rotate(180deg); }
5207    .contact-flyout-note {
5208      font-size: .8125rem; color: var(--text); line-height: 1.55; margin-top: .85rem;
5209      padding-top: .85rem; border-top: 1px solid #c5d4de;
5210      font-weight: 500;
5211    }
5212    .contact-flyout-note a {
5213      color: var(--primary); font-weight: 700; text-decoration: none;
5214    }
5215    .contact-flyout-note a:hover { text-decoration: underline; color: var(--accent); }
5216    @media (max-width: 640px) {
5217      .contact-flyout {
5218        top: auto; bottom: 1rem;
5219        transform: none;
5220      }
5221      .contact-flyout-panel { max-height: calc(100vh - 5rem); }
5222      .contact-flyout-panel-inner { padding: 1.5rem 1.25rem; }
5223    }
5224    @media (prefers-reduced-motion: reduce) {
5225      .contact-flyout-panel,
5226      .contact-flyout-tab,
5227      .contact-flyout-tab-chevron { transition: none; }
5228    }
5229
5230    
5231
5232/* Nav size lock - synced from v14 snippets/ss-modern-global.liquid + serversource-modern.css @ 18px root.
5233   MUST load after page CSS. Live theme: html.ss-modern-html { font-size: 18px }. */
5234html,
5235html.ss-modern-html,
5236html.ss-static-html {
5237  font-size: 18px !important;
5238  -webkit-text-size-adjust: 100% !important;
5239}
5240
5241.site-header.ss-modern-header-wrap,
5242.ss-modern-header-wrap {
5243  position: -webkit-sticky;
5244  position: sticky !important;
5245  top: 0 !important;
5246  z-index: 10001 !important;
5247  font-size: 18px !important;
5248  -webkit-text-size-adjust: 100% !important;
5249  width: 100% !important;
5250  max-width: none !important;
5251  margin: 0 !important;
5252  padding: 0 !important;
5253}
5254
5255.ss-modern-header-wrap .shop-nav-logo img {
5256  height: 40px !important;
5257  width: 40px !important;
5258  min-height: 40px !important;
5259  min-width: 40px !important;
5260  object-fit: cover !important;
5261  border-radius: 6px !important;
5262}
5263
5264.ss-modern-header-wrap .shop-nav-logo-text {
5265  font-size: 1.12rem !important;
5266  font-weight: 800 !important;
5267  line-height: 1.1 !important;
5268  letter-spacing: -0.01em !important;
5269}
5270
5271.ss-modern-header-wrap .top-bar-social svg {
5272  width: 0.9375rem !important;
5273  height: 0.9375rem !important;
5274  max-width: 0.9375rem !important;
5275  max-height: 0.9375rem !important;
5276  fill: currentColor !important;
5277}
5278
5279@media (min-width: 1101px) {
5280  .ss-modern-header-wrap .nav-toggle {
5281    display: none !important;
5282  }
5283  .ss-modern-header-wrap .shop-nav-links {
5284    position: static !important;
5285    transform: none !important;
5286    width: auto !important;
5287    height: auto !important;
5288    background: transparent !important;
5289    box-shadow: none !important;
5290    border: none !important;
5291    overflow: visible !important;
5292  }
5293}
5294
5295/* Loaded after page content — protects theme header from pasted page CSS (e.g. warranty HTML). */
5296  .ss-modern-header-wrap .top-bar {
5297    display: block !important;
5298    padding: 0 !important;
5299    margin: 0 !important;
5300    background: #eef2f6 !important;
5301    border-bottom: 1px solid #e2e8f0 !important;
5302    overflow: visible !important;
5303  }
5304  .ss-modern-header-wrap .top-bar-inner {
5305    display: flex !important;
5306    flex-direction: row !important;
5307    align-items: center !important;
5308    justify-content: space-between !important;
5309    flex-wrap: wrap !important;
5310    gap: 0.75rem 1.25rem !important;
5311    padding: 0.45rem 0 !important;
5312    width: min(100% - 2rem, 1280px) !important;
5313    max-width: 1280px !important;
5314    margin-inline: auto !important;
5315    font-family: 'Poppins', sans-serif !important;
5316    font-size: 0.8125rem !important;
5317    font-weight: 500 !important;
5318    line-height: 1.6 !important;
5319    min-height: 0 !important;
5320  }
5321  .ss-modern-header-wrap .top-bar-contact,
5322  .ss-modern-header-wrap .top-bar-right {
5323    display: flex !important;
5324    align-items: center !important;
5325    flex-wrap: wrap !important;
5326    gap: 0.5rem 0.85rem !important;
5327  }
5328  .ss-modern-header-wrap .top-bar a {
5329    color: #1f485e !important;
5330    text-decoration: none !important;
5331    font-family: 'Poppins', sans-serif !important;
5332    font-size: 0.8125rem !important;
5333    font-weight: 500 !important;
5334    line-height: 1.6 !important;
5335    vertical-align: middle !important;
5336  }
5337  .ss-modern-header-wrap .top-bar-sep {
5338    color: #b8c5d0 !important;
5339    line-height: 1.6 !important;
5340    vertical-align: middle !important;
5341  }
5342  .ss-modern-header-wrap .top-bar-social {
5343    display: inline-flex !important;
5344    align-items: center !important;
5345    gap: 0.35rem !important;
5346  }
5347  .ss-modern-header-wrap .top-bar-social a {
5348    display: inline-flex !important;
5349    align-items: center !important;
5350    justify-content: center !important;
5351    width: 1.75rem !important;
5352    height: 1.75rem !important;
5353    padding: 0 !important;
5354    margin: 0 !important;
5355    border: none !important;
5356    line-height: 1 !important;
5357    vertical-align: middle !important;
5358  }
5359  .ss-modern-header-wrap .top-bar-note {
5360    line-height: 1.6 !important;
5361    vertical-align: middle !important;
5362  }
5363  .ss-modern-header-wrap .wrap {
5364    width: min(100% - 2rem, 1280px) !important;
5365    max-width: 1280px !important;
5366    margin-inline: auto !important;
5367  }
5368  @media (min-width: 641px) {
5369    .ss-modern-header-wrap .top-bar-inner {
5370      flex-direction: row !important;
5371      align-items: center !important;
5372    }
5373  }
5374  @media (max-width: 640px) {
5375    .ss-modern-header-wrap .top-bar-inner {
5376      flex-direction: row !important;
5377      align-items: center !important;
5378      flex-wrap: nowrap !important;
5379      padding: 0.3rem 0 !important;
5380      gap: 0.35rem !important;
5381    }
5382    /* V10 layout: contact on left, social icons at right end */
5383    .ss-modern-header-wrap .top-bar-right {
5384      width: auto !important;
5385      margin-left: auto !important;
5386      justify-content: flex-end !important;
5387      gap: 0.45rem !important;
5388    }
5389    /* Show social icons — hide app-slot, separators, VAT note */
5390    .ss-modern-header-wrap .top-bar-app-slot,
5391    .ss-modern-header-wrap .top-bar-sep,
5392    .ss-modern-header-wrap .top-bar-note {
5393      display: none !important;
5394    }
5395    .ss-modern-header-wrap .top-bar-social {
5396      display: flex !important;
5397      align-items: center !important;
5398      gap: 0.45rem !important;
5399    }
5400    .ss-modern-header-wrap .top-bar-social a {
5401      display: flex !important;
5402      align-items: center !important;
5403      color: rgba(255, 255, 255, 0.85) !important;
5404    }
5405    .ss-modern-header-wrap .top-bar-social a:hover {
5406      color: #fff !important;
5407    }
5408    .ss-modern-header-wrap .top-bar-social svg {
5409      width: 13px !important;
5410      height: 13px !important;
5411      fill: currentColor !important;
5412    }
5413    .ss-modern-header-wrap .top-bar-contact a {
5414      font-size: 0.7rem !important;
5415    }
5416  }
5417  .ss-modern-header-wrap .shop-nav-row {
5418    display: grid !important;
5419    grid-template-columns: auto 1fr auto !important;
5420    align-items: center !important;
5421    gap: 0.75rem 1rem !important;
5422    padding: 0.55rem 1rem !important;
5423    width: min(100% - 1rem, 1280px) !important;
5424    max-width: 1280px !important;
5425    margin: 0 auto !important;
5426  }
5427  /* Desktop nav layout — only fires at ≥1101px so it never fights the mobile drawer CSS */
5428  @media (min-width: 1101px) {
5429    .ss-modern-header-wrap .shop-nav-links {
5430      display: flex !important;
5431      align-items: center !important;
5432      justify-content: center !important;
5433      flex-wrap: nowrap !important;
5434      gap: 0.2rem 0.3rem !important;
5435      min-width: 0 !important;
5436    }
5437    .ss-modern-header-wrap .shop-nav-link,
5438    .ss-modern-header-wrap button.shop-nav-link,
5439    .ss-modern-header-wrap a.shop-nav-link:not(.shop-nav-link--store) {
5440      display: inline-flex !important;
5441      align-items: center !important;
5442      justify-content: center !important;
5443      gap: 0.3rem !important;
5444      height: 2.125rem !important;
5445      min-height: 2.125rem !important;
5446      padding: 0 0.55rem !important;
5447      font: 600 0.84rem/1 'Poppins', sans-serif !important;
5448      color: #fff !important;
5449      white-space: nowrap !important;
5450      border: none !important;
5451      border-bottom: 3px solid rgba(255, 255, 255, 0.28) !important;
5452      border-radius: 4px !important;
5453      background: transparent !important;
5454      background-image: none !important;
5455      box-shadow: none !important;
5456      text-decoration: none !important;
5457      text-transform: none !important;
5458      letter-spacing: 0.01em !important;
5459      margin: 0 !important;
5460      flex-shrink: 0 !important;
5461      -webkit-appearance: none !important;
5462      appearance: none !important;
5463    }
5464    .ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store {
5465      display: inline-flex !important;
5466      align-items: center !important;
5467      justify-content: center !important;
5468      gap: 0.3rem !important;
5469      height: 2.125rem !important;
5470      min-height: 2.125rem !important;
5471      padding: 0 0.55rem !important;
5472      font: 600 0.84rem/1 'Poppins', sans-serif !important;
5473      color: #fff !important;
5474      white-space: nowrap !important;
5475      border: none !important;
5476      border-bottom: 3px solid transparent !important;
5477      border-radius: 0.375rem !important;
5478      background: #00a8e1 !important;
5479      background-image: none !important;
5480      box-shadow: 0 2px 10px rgba(0, 168, 225, 0.35) !important;
5481      text-decoration: none !important;
5482      text-transform: none !important;
5483      letter-spacing: 0.01em !important;
5484      margin: 0 !important;
5485      flex-shrink: 0 !important;
5486    }
5487    .ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):hover,
5488    .ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):focus-visible,
5489    .ss-modern-header-wrap .shop-nav-drop:hover > .shop-nav-link,
5490    .ss-modern-header-wrap .shop-nav-drop.is-open > .shop-nav-link {
5491      background: rgba(255, 255, 255, 0.15) !important;
5492      border-bottom-color: #00a8e1 !important;
5493      color: #fff !important;
5494    }
5495    .ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:hover,
5496    .ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:focus-visible {
5497      background: #0090c4 !important;
5498      border-bottom-color: transparent !important;
5499      color: #fff !important;
5500    }
5501  }
5502  /* Hide duplicate nav/footer if full HTML was pasted into page body */
5503  .main-content .site-header,
5504  .main-content .ss-modern-header-wrap,
5505  .main-content #ssStaticFooterRoot {
5506    display: none !important;
5507  }
5508
5509/* Mobile nav drawer - synced from v14 assets/ss-mobile.css (loads after ss-modern-nav-shield.css) */
5510body.nav-menu-open, body.nav-menu-open{
5511  overflow: hidden;
5512}
5513
5514/* —— Navigation —— */
5515@media (max-width: 1100px) {
5516body .nav-toggle, body .nav-toggle{
5517    min-height: 2.5rem;
5518    padding: 0.55rem 0.85rem !important;
5519    font-size: 0.8125rem !important;
5520    background: rgba(255, 255, 255, 0.12) !important;
5521    border: 1px solid rgba(255, 255, 255, 0.28) !important;
5522  }
5523
5524body .shop-nav-link--store, body .shop-nav-link--store{
5525    margin-bottom: 0.15rem;
5526  }
5527}
5528
5529@media (max-width: 749px) {
5530body .top-bar-inner, body .top-bar-inner{
5531    gap: 0.35rem;
5532    padding: 0.4rem 0 !important;
5533  }
5534
5535  body .top-bar-contact, body .top-bar-contact, body .top-bar-right, body .top-bar-right{
5536    font-size: 0.72rem;
5537    gap: 0.35rem 0.55rem;
5538  }
5539
5540body .top-bar-note, body .top-bar-note{
5541    display: none;
5542  }
5543
5544body .shop-nav-logo-est, body .shop-nav-logo-est{
5545    display: none;
5546  }
5547
5548body .shop-nav-logo-text, body .shop-nav-logo-text{
5549    font-size: 0.9rem;
5550  }
5551
5552body .shop-nav-row, body .shop-nav-row{
5553    padding: 0.55rem 0.75rem !important;
5554  }
5555
5556}
5557
5558@media (max-width: 400px) {
5559body .shop-nav-logo-copy, body .shop-nav-logo-copy{
5560    max-width: 9.5rem;
5561  }
5562
5563body .shop-nav-logo-text, body .shop-nav-logo-text{
5564    overflow: hidden;
5565    text-overflow: ellipsis;
5566  }
5567}
5568
5569/* —— Search panel: ensure white background + dark text on mobile —— */
5570@media (max-width: 1100px) {
5571body .ss-modern-header-wrap .ss-nav-search, body .ss-modern-header-wrap .ss-nav-search{
5572    position: relative !important;
5573  }
5574body .ss-modern-header-wrap .ss-nav-search-panel, body .ss-modern-header-wrap .ss-nav-search-panel{
5575    position: absolute !important;
5576    top: calc(100% + 0.5rem) !important;
5577    right: 0 !important;
5578    left: auto !important;
5579    width: min(22rem, calc(100vw - 1.5rem)) !important;
5580    background: #fff !important;
5581    border-radius: 8px !important;
5582    box-shadow: 0 6px 24px rgba(15, 45, 61, 0.2) !important;
5583    border: 1px solid #e2e8f0 !important;
5584    padding: 0.35rem !important;
5585    z-index: 1300 !important;
5586  }
5587body .ss-modern-header-wrap .ss-nav-search-form, body .ss-modern-header-wrap .ss-nav-search-form{
5588    background: #fff !important;
5589    border-radius: 6px !important;
5590    box-shadow: none !important;
5591  }
5592  body .ss-modern-header-wrap .ss-nav-search-form input[name="q"],
5593body .ss-modern-header-wrap .ss-nav-search-form .form-control, body .ss-modern-header-wrap .ss-nav-search-form .form-control{
5594    color: #1a2332 !important;
5595    background: #fff !important;
5596    -webkit-text-fill-color: #1a2332 !important;
5597    font-size: 0.9rem !important;
5598    padding: 0.6rem 0.85rem !important;
5599    border: none !important;
5600    width: 100% !important;
5601    caret-color: #1879a4 !important;
5602  }
5603body .ss-modern-header-wrap .ss-nav-search-form input[name="q"]::placeholder, body .ss-modern-header-wrap .ss-nav-search-form input[name="q"]::placeholder{
5604    color: #94a3b8 !important;
5605    -webkit-text-fill-color: #94a3b8 !important;
5606    opacity: 1 !important;
5607  }
5608}
5609
5610/* Nav footer and close btn: ALWAYS hidden — only shown inside the mobile drawer via the media query below */
5611body .ss-modern-header-wrap .shop-nav-footer, body .ss-modern-header-wrap .shop-nav-footer, body .ss-modern-header-wrap .nav-close-btn, body .ss-modern-header-wrap .nav-close-btn{
5612  display: none !important;
5613}
5614
5615/* Backdrop overlay div (added by JS to body, not ::after — avoids stacking context issues) */
5616body .ss-nav-backdrop, body .ss-nav-backdrop{
5617  display: none;
5618  position: fixed;
5619  inset: 0;
5620  background: rgba(10, 20, 35, 0.52);
5621  z-index: 1099;
5622  border: none;
5623  padding: 0;
5624  margin: 0;
5625  cursor: default;
5626  -webkit-tap-highlight-color: transparent;
5627}
5628body .ss-nav-backdrop.is-active, body .ss-nav-backdrop.is-active, body.nav-menu-open .ss-nav-backdrop, body.nav-menu-open .ss-nav-backdrop{
5629  display: block;
5630}
5631
5632/* —— Mobile nav drawer (≤1100px) —— */
5633@media (max-width: 1100px) {
5634  /* 2-col grid: logo | nav-right; links are now a fixed-position drawer */
5635body .ss-modern-header-wrap .shop-nav-row, body .ss-modern-header-wrap .shop-nav-row{
5636    grid-template-columns: auto auto !important;
5637  }
5638
5639  /* Drawer: always in DOM, slides off-screen to the right when closed */
5640body .ss-modern-header-wrap .shop-nav-links, body .ss-modern-header-wrap .shop-nav-links{
5641    display: flex !important;
5642    flex-direction: column !important;
5643    flex-wrap: nowrap !important;
5644    justify-content: flex-start !important;
5645    align-items: stretch !important;
5646    gap: 0 !important;
5647    position: fixed !important;
5648    top: 0 !important;
5649    right: 0 !important;
5650    bottom: 0 !important;
5651    left: auto !important;
5652    width: min(320px, 88vw) !important;
5653    height: 100dvh !important;
5654    background: #fff !important;
5655    z-index: 1100 !important;
5656    overflow-y: auto !important;
5657    overflow-x: hidden !important;
5658    padding: 0 !important;
5659    transform: translateX(110%) !important;
5660    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
5661    box-shadow: -6px 0 32px rgba(0, 0, 0, 0.18) !important;
5662    border-left: 1px solid #e2e8f0 !important;
5663  }
5664body .ss-modern-header-wrap .shop-nav-links.is-open, body .ss-modern-header-wrap .shop-nav-links.is-open{
5665    transform: translateX(0) !important;
5666  }
5667
5668  /* Close button — pinned to very top of drawer, above Online Store */
5669body .ss-modern-header-wrap .nav-close-btn, body .ss-modern-header-wrap .nav-close-btn{
5670    order: -10 !important;
5671    display: flex !important;
5672    align-items: center !important;
5673    gap: 0.5rem !important;
5674    width: 100% !important;
5675    padding: 1rem 1.25rem 0.85rem !important;
5676    font: 600 0.875rem/1 'Poppins', sans-serif !important;
5677    color: #1f485e !important;
5678    background: #f4f8fb !important;
5679    border: none !important;
5680    border-bottom: 2px solid #e2e8f0 !important;
5681    cursor: pointer !important;
5682    text-align: left !important;
5683    -webkit-appearance: none !important;
5684    appearance: none !important;
5685  }
5686body .ss-modern-header-wrap .nav-close-btn:hover, body .ss-modern-header-wrap .nav-close-btn:hover{
5687    color: #1879a4 !important;
5688    background: #eaf3f8 !important;
5689  }
5690
5691  /* "Online Store" CTA — first item, full-width teal button */
5692body .ss-modern-header-wrap .shop-nav-links a.shop-nav-link--store, body .ss-modern-header-wrap .shop-nav-links a.shop-nav-link--store{
5693    order: -1 !important;
5694    display: flex !important;
5695    width: calc(100% - 2rem) !important;
5696    margin: 1rem 1rem 0.35rem !important;
5697    padding: 0.8rem 1.25rem !important;
5698    background: #1f485e !important;
5699    color: #fff !important;
5700    border: none !important;
5701    border-radius: 8px !important;
5702    font-size: 0.9375rem !important;
5703    font-weight: 600 !important;
5704    box-shadow: 0 2px 10px rgba(31, 72, 94, 0.22) !important;
5705    height: auto !important;
5706    min-height: 0 !important;
5707    /* Centre text within this button only */
5708    justify-content: center !important;
5709    align-items: center !important;
5710    text-align: center !important;
5711  }
5712body .ss-modern-header-wrap .shop-nav-links a.shop-nav-link--store:hover, body .ss-modern-header-wrap .shop-nav-links a.shop-nav-link--store:hover{
5713    background: #035e7f !important;
5714  }
5715
5716  /*
5717   * All other nav links — use .shop-nav-links.is-open for extra specificity so we
5718   * beat the `justify-content: center !important` in the ss-header-shield <style> block
5719   * which loads inline after this stylesheet.
5720   */
5721  body .ss-modern-header-wrap .shop-nav-links.is-open .shop-nav-link:not(.shop-nav-link--store),
5722  body .ss-modern-header-wrap .shop-nav-links.is-open button.shop-nav-link,
5723  /* Also target closed state so items are correct as drawer slides in */
5724  body .ss-modern-header-wrap .shop-nav-links .shop-nav-link:not(.shop-nav-link--store),
5725body .ss-modern-header-wrap .shop-nav-links button.shop-nav-link, body .ss-modern-header-wrap .shop-nav-links button.shop-nav-link{
5726    display: flex !important;
5727    align-items: center !important;
5728    justify-content: flex-start !important;
5729    text-align: left !important;
5730    width: 100% !important;
5731    padding: 0.9rem 1.25rem !important;
5732    color: #1f485e !important;
5733    font-size: 0.9375rem !important;
5734    font-weight: 600 !important;
5735    background: transparent !important;
5736    border: none !important;
5737    border-bottom: 1px solid #f0f4f8 !important;
5738    border-radius: 0 !important;
5739    height: auto !important;
5740    min-height: 0 !important;
5741    letter-spacing: 0 !important;
5742  }
5743  body .ss-modern-header-wrap .shop-nav-links .shop-nav-link:not(.shop-nav-link--store):hover,
5744body .ss-modern-header-wrap .shop-nav-links button.shop-nav-link:hover, body .ss-modern-header-wrap .shop-nav-links button.shop-nav-link:hover{
5745    background: #f4f8fb !important;
5746    color: #1879a4 !important;
5747    border-bottom-color: #f0f4f8 !important;
5748  }
5749
5750  /* Chevron pushed to right on dropdown triggers */
5751body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop > .shop-nav-link .shop-nav-chevron, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop > .shop-nav-link .shop-nav-chevron{
5752    margin-left: auto !important;
5753  }
5754
5755  /* Dropdown submenus: static, light tint */
5756body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop:not(.is-open) .shop-nav-drop-menu, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop:not(.is-open) .shop-nav-drop-menu{
5757    display: none !important;
5758  }
5759body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop.is-open .shop-nav-drop-menu, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop.is-open .shop-nav-drop-menu{
5760    display: block !important;
5761    position: static !important;
5762    box-shadow: none !important;
5763    border: none !important;
5764    border-top: 1px solid #e8eef3 !important;
5765    border-bottom: 1px solid #e8eef3 !important;
5766    background: #f4f8fb !important;
5767    border-radius: 0 !important;
5768    margin: 0 !important;
5769    padding: 0.2rem 0 !important;
5770  }
5771body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a{
5772    display: block !important;
5773    color: #1f485e !important;
5774    padding: 0.65rem 1.75rem !important;
5775    font-size: 0.875rem !important;
5776    font-weight: 500 !important;
5777    border-bottom: 1px solid #edf1f5 !important;
5778    background: transparent !important;
5779    width: 100% !important;
5780    text-align: left !important;
5781    justify-content: flex-start !important;
5782  }
5783body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a:last-child, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a:last-child{
5784    border-bottom: none !important;
5785  }
5786body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a:hover, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a:hover{
5787    background: #e3f2f9 !important;
5788    color: #1879a4 !important;
5789  }
5790
5791  /* Phone footer — shown only inside the drawer */
5792body .ss-modern-header-wrap .shop-nav-footer, body .ss-modern-header-wrap .shop-nav-footer{
5793    display: block !important;
5794    margin-top: auto !important;
5795    padding: 1.15rem 1.25rem !important;
5796    border-top: 1px solid #e2e8f0 !important;
5797    text-align: center !important;
5798  }
5799body .ss-modern-header-wrap .shop-nav-footer a, body .ss-modern-header-wrap .shop-nav-footer a{
5800    font-family: 'Poppins', sans-serif !important;
5801    font-size: 0.9375rem !important;
5802    font-weight: 700 !important;
5803    color: #1879a4 !important;
5804    text-decoration: none !important;
5805  }
5806body .ss-modern-header-wrap .shop-nav-footer a:hover, body .ss-modern-header-wrap .shop-nav-footer a:hover{
5807    text-decoration: underline !important;
5808  }
5809}
5810
5811@media (max-width: 1100px) {
5812  body .ss-modern-header-wrap .nav-toggle,
5813  body .ss-modern-header-wrap .nav-toggle {
5814    display: inline-flex !important;
5815  }
5816}
5817</style>
5818<div class="site-header ss-modern-header-wrap">
5819  <div class="top-bar">
5820    <div class="wrap top-bar-inner">
5821      <div class="top-bar-contact">
5822        <a href="tel:01536274950">01536 274 950</a>
5823        <span class="top-bar-sep" aria-hidden="true">|</span>
5824        <a href="mailto:[email protected]">[email protected]</a>
5825      </div>
5826      <div class="top-bar-right">
5827        <div class="top-bar-app-slot" id="ssTopBarApps" aria-label="Store preferences"></div>
5828        <div class="top-bar-social" aria-label="Follow ServerSource">
5829          <a href="https://www.linkedin.com/company/serversource/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
5830            <svg viewbox="0 0 448 512" aria-hidden="true"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>
5831          </a>
5832          <a href="https://twitter.com/serversource" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)">
5833            <svg viewbox="0 0 512 512" aria-hidden="true"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
5834          </a>
5835        </div>
5836        <span class="top-bar-sep" aria-hidden="true">|</span>
5837        <span class="top-bar-note">All Prices ex VAT</span>
5838      </div>
5839    </div>
5840  </div>
5841
5842  <header class="shop-nav">
5843    <div class="shop-nav-row">
5844      <a href="https://www.serversource.co.uk/" class="shop-nav-logo" aria-label="ServerSource home, established 1996">
5845        <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/logo-ServerSource-sq.jpg?v=1686233809" alt="">
5846        <span class="shop-nav-logo-copy">
5847          <span class="shop-nav-logo-text"><span class="logo-server">Server</span><span class="logo-source">Source</span></span>
5848          <span class="shop-nav-logo-est"><span class="shop-nav-logo-est-label">EST.</span><span class="shop-nav-logo-year">1996</span></span>
5849        </span>
5850      </a>
5851
5852      <nav class="shop-nav-links" id="mainNav" aria-label="Main navigation">
5853              <button type="button" class="nav-close-btn" id="navCloseBtn" aria-label="Close menu">
5854        <svg viewbox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12"></path></svg>
5855        Close
5856      </button>
5857<a href="https://shop.serversource.eu/configure/" class="shop-nav-link shop-nav-link--store">Online Store</a>
5858
5859        <div class="shop-nav-drop">
5860          <button type="button" class="shop-nav-link" aria-expanded="false">Our Services
5861            <svg class="shop-nav-chevron" viewbox="0 0 9 9" width="9" height="9" aria-hidden="true" focusable="false"><path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z" fill="currentColor"></path></svg>
5862          </button>
5863          <div class="shop-nav-drop-menu">
5864            <a href="https://www.serversource.co.uk/pages/rack-and-stack-professional-deploy">ServerSource Deploy</a>
5865            <a href="https://www.serversource.co.uk/pages/p-e-r-c-poweredge-raid-controller-calculator">Raid Calculator</a>
5866            <a href="https://www.serversource.co.uk/pages/sell-to-serversource">Sell to Us</a>
5867            <a href="https://www.serversource.co.uk/pages/serversource-referral-rewards">Referral Rewards</a>
5868          </div>
5869        </div>
5870
5871        <div class="shop-nav-drop">
5872          <button type="button" class="shop-nav-link" aria-expanded="false">Infrastructure
5873            <svg class="shop-nav-chevron" viewbox="0 0 9 9" width="9" height="9" aria-hidden="true" focusable="false"><path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z" fill="currentColor"></path></svg>
5874          </button>
5875          <div class="shop-nav-drop-menu">
5876            <a href="https://www.serversource.co.uk/collections/dell-deals">Dell Deals</a>
5877            <a href="https://www.serversource.co.uk/collections/dell-servers">Dell Servers</a>
5878            <a href="https://www.serversource.co.uk/collections/dell-storage">Dell Storage</a>
5879          </div>
5880        </div>
5881
5882        <div class="shop-nav-drop">
5883          <button type="button" class="shop-nav-link" aria-expanded="false">Warranty Services
5884            <svg class="shop-nav-chevron" viewbox="0 0 9 9" width="9" height="9" aria-hidden="true" focusable="false">
5884<path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z" fill="currentColor"></path></svg>
5885          </button>
5886          <div class="shop-nav-drop-menu">
5887            <a href="https://www.serversource.co.uk/pages/warranty">Warranty Renewal Quote</a>
5888            <a href="https://www.serversource.co.uk/pages/warranty-registration">Register Your Warranty</a>
5889          </div>
5890        </div>
5891
5892        <div class="shop-nav-drop">
5893          <button type="button" class="shop-nav-link" aria-expanded="false">Information
5894            <svg class="shop-nav-chevron" viewbox="0 0 9 9" width="9" height="9" aria-hidden="true" focusable="false"><path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z" fill="currentColor"></path></svg>
5895          </button>
5896          <div class="shop-nav-drop-menu">
5897            <a href="https://www.serversource.co.uk/pages/contact">Contact ServerSource</a>
5898            <a href="https://www.serversource.co.uk/pages/about-us">About Us</a>
5899            <a href="https://www.serversource.co.uk/pages/faq">ServerSource FAQ</a>
5900            <a href="https://www.serversource.co.uk/pages/shipping-information-for-eu-eea-member-states">Duties for International Clients</a>
5901          </div>
5902        </div>
5903
5904        <a href="https://www.serversource.co.uk/pages/dell-enterprise-quote-page" class="shop-nav-link">Price Challenge Us</a>
5905        <a href="https://www.serversource.co.uk/blogs/news" class="shop-nav-link">News</a>
5906              <div class="shop-nav-footer">
5907          <a href="tel:01536274950">Call 01536 274 950</a>
5908        </div>
5909</nav>
5910
5911      <div class="shop-nav-right">
5912        <div class="ss-nav-search" id="ssNavSearch">
5913          <button type="button" class="ss-nav-search-toggle search-toggle" id="ssNavSearchToggle" aria-label="Search products" aria-expanded="false" aria-controls="ssNavSearchPanel">
5914            <svg viewbox="0 0 512 512" width="18" height="18" aria-hidden="true">
5914<path d="M484.1,454.796l-110.5-110.6c29.8-36.3,47.6-82.8,47.6-133.4c0-116.3-94.3-210.6-210.6-210.6S0,94.496,0,210.796 s94.3,210.6,210.6,210.6c50.8,0,97.4-18,133.8-48l110.5,110.5c12.9,11.8,25,4.2,29.2,0C492.5,475.596,492.5,463.096,484.1,454.796z M41.1,210.796c0-93.6,75.9-169.5,169.5-169.5s169.6,75.9,169.6,169.5s-75.9,169.5-169.5,169.5S41.1,304.396,41.1,210.796z" fill="currentColor"></path></svg>
5915          </button>
5916          <div class="ss-nav-search-panel search-box-wrapper" id="ssNavSearchPanel" aria-hidden="true">
5917            <form action="https://www.serversource.co.uk/search" method="get" role="search" class="ss-nav-search-form">
5918              <input class="form-control" name="q" type="search" placeholder="Search products…" aria-label="Search products" autocomplete="off">
5919              <input type="hidden" name="type" value="product">
5920            </form>
5921          </div>
5922        </div>
5923        <button class="nav-toggle" id="navToggle" aria-label="Menu" aria-expanded="false">
5924          Menu
5925          <svg viewbox="0 0 24 24" aria-hidden="true"><path d="M3 6h18v2H3V6zm0 5h18v2H3v-2zm0 5h18v2H3v-2z"></path></svg>
5926        </button>
5927      </div>
5928    </div>
5929  </header>
5930</div>
5931
5932<aside class="contact-flyout" id="contactFlyout" aria-label="Contact us">
5933  <button type="button" class="contact-flyout-tab" id="contactFlyoutTrigger" aria-expanded="false" aria-controls="contactFlyoutPanel">
5934    <span class="contact-flyout-tab-chevron" aria-hidden="true">
5935      <svg viewbox="0 0 320 512"><path d="M47.1 239c-9.4 9.4-9.4 24.6 0 33.9l143 143c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 224 129.9c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L47.1 239z"></path></svg>
5936    </span>
5937    <span class="contact-flyout-tab-text">Contact Us</span>
5938  </button>
5939  <div class="contact-flyout-panel" id="contactFlyoutPanel" role="dialog" aria-modal="true" aria-label="Contact us" aria-hidden="true">
5940    <div class="contact-flyout-panel-inner">
5941      <div class="contact-flyout-hs-form" id="contactFlyoutHsForm">
5942        <div class="hs-form-frame" data-region="na1" data-form-id="ada7b0ee-d8fc-46d7-912d-be93a02e9187" data-portal-id="20213111"></div>
5943      </div>
5944      <p class="contact-flyout-note">Or call <a href="tel:01536274950">01536 274 950</a> · Mon to Fri</p>
5945    </div>
5946  </div>
5947</aside>
5948<script src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/ss-hubspot-phone-gb.js?v=7"></script>
vendor: 1 bytes, line 5948
5948
5949<script src="https://js.hsforms.net/forms/embed/20213111.js" defer></script>
5949
5950
5951<script>
5952  (function () {
5953    var searchWrap = document.getElementById('ssNavSearch');
5954    var searchToggle = document.getElementById('ssNavSearchToggle');
5955    var searchPanel = document.getElementById('ssNavSearchPanel');
5956    if (searchWrap && searchToggle && searchPanel) {
5957      function focusSearchInput() {
5958        var input = document.getElementById('boost-pfs-search-box-1') || searchPanel.querySelector('input[name="q"]');
5959        if (input) window.setTimeout(function () { input.focus(); }, 60);
5960      }
5961      function positionSearchPanel() {
5962        var r = searchToggle.getBoundingClientRect();
5963        searchPanel.style.setProperty('position', 'fixed', 'important');
5964        searchPanel.style.setProperty('top', (r.bottom + 8) + 'px', 'important');
5965        searchPanel.style.setProperty('right', Math.max(8, window.innerWidth - r.right) + 'px', 'important');
5966        searchPanel.style.setProperty('left', 'auto', 'important');
5967      }
5968      function setSearchOpen(open) {
5969        if (open) positionSearchPanel();
5970        searchPanel.classList.toggle('active', open);
5971        searchToggle.setAttribute('aria-expanded', open ? 'true' : 'false');
5972        searchPanel.setAttribute('aria-hidden', open ? 'false' : 'true');
5973        if (open) focusSearchInput();
5974      }
5975      window.addEventListener('resize', function () {
5976        if (searchPanel.classList.contains('active')) positionSearchPanel();
5977      });
5978      searchToggle.addEventListener('click', function (e) {
5979        e.preventDefault();
5980        setSearchOpen(!searchPanel.classList.contains('active'));
5981      });
5982      document.addEventListener('click', function (e) {
5983        if (!searchPanel.classList.contains('active')) return;
5984        if (searchWrap.contains(e.target)) return;
5985        setSearchOpen(false);
5986      });
5987      document.addEventListener('keydown', function (e) {
5988        if (e.key === 'Escape' && searchPanel.classList.contains('active')) setSearchOpen(false);
5989      });
5990    }
5991  })();
5992  (function () {
5993    var mainNav = document.getElementById('mainNav');
5994    if (!mainNav) return;
5995    var navToggle = document.getElementById('navToggle');
5996
5997    var menuIcon = '<svg viewBox="0 0 24 24" aria-hidden="true" width="20" height="20" fill="currentColor"><path d="M3 6h18v2H3V6zm0 5h18v2H3v-2zm0 5h18v2H3v-2z"/></svg>';
5998    var closeIcon = '<svg viewBox="0 0 24 24" aria-hidden="true" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg>';
5999
6000    var navBackdrop = document.createElement('div');
6001    navBackdrop.className = 'ss-nav-backdrop';
6002    navBackdrop.setAttribute('aria-hidden', 'true');
6003    document.body.appendChild(navBackdrop);
6004
6005    function setNavOpen(open) {
6006      mainNav.classList.toggle('is-open', open);
6007      if (navToggle) {
6008        navToggle.setAttribute('aria-expanded', open ? 'true' : 'false');
6009        navToggle.setAttribute('aria-label', open ? 'Close menu' : 'Menu');
6010        navToggle.innerHTML = open ? ('Close ' + closeIcon) : ('Menu ' + menuIcon);
6011      }
6012      document.body.classList.toggle('nav-menu-open', open);
6013      navBackdrop.classList.toggle('is-active', open);
6014      document.body.style.overflow = open ? 'hidden' : '';
6015    }
6016
6017    navBackdrop.addEventListener('click', function () { setNavOpen(false); });
6018
6019    // Delegated on document so the very first tap always registers, regardless of
6020    // when Shopify finishes rendering / re-rendering the pasted nav markup.
6021    document.addEventListener('click', function (e) {
6022      var el = e.target.closest ? e.target : null;
6023      if (el && el.closest('#navToggle')) {
6024        e.preventDefault();
6025        setNavOpen(!mainNav.classList.contains('is-open'));
6026        return;
6027      }
6028      if (el && el.closest('#navCloseBtn')) {
6029        setNavOpen(false);
6030        return;
6031      }
6032      var dropBtn = el && el.closest('.shop-nav-drop > .shop-nav-link');
6033      if (dropBtn) {
6034        if (window.innerWidth <= 1100) {
6035          e.preventDefault();
6036          var drop = dropBtn.parentElement;
6037          var isOpen = drop.classList.toggle('is-open');
6038          dropBtn.setAttribute('aria-expanded', isOpen);
6039          document.querySelectorAll('.shop-nav-drop').forEach(function (other) {
6040            if (other !== drop) {
6041              other.classList.remove('is-open');
6042              var ob = other.querySelector('.shop-nav-link');
6043              if (ob) ob.setAttribute('aria-expanded', 'false');
6044            }
6045          });
6046        }
6047        return;
6048      }
6049      if (!mainNav.classList.contains('is-open')) return;
6050      if (mainNav.contains(e.target) || (navToggle && navToggle.contains(e.target))) return;
6051      setNavOpen(false);
6052    });
6053
6054    document.addEventListener('keydown', function (e) {
6055      if (e.key === 'Escape' && mainNav.classList.contains('is-open')) setNavOpen(false);
6056    });
6057
6058    window.addEventListener('resize', function () {
6059      if (window.innerWidth > 1100 && mainNav.classList.contains('is-open')) setNavOpen(false);
6060    });
6061  })();
6062
6063(function () {
6064  var flyout = document.getElementById('contactFlyout');
6065  var panel = document.getElementById('contactFlyoutPanel');
6066  var trigger = document.getElementById('contactFlyoutTrigger');
6067  if (!flyout || !panel || !trigger) return;
6068
6069  function setOpen(open) {
6070    flyout.classList.toggle('is-open', open);
6071    document.body.classList.toggle('contact-flyout-open', open);
6072    trigger.setAttribute('aria-expanded', open ? 'true' : 'false');
6073    panel.setAttribute('aria-hidden', open ? 'false' : 'true');
6074  }
6075
6076  trigger.addEventListener('click', function (e) {
6077    e.preventDefault();
6078    setOpen(!flyout.classList.contains('is-open'));
6079  });
6080  document.addEventListener('keydown', function (e) {
6081    if (e.key === 'Escape' && flyout.classList.contains('is-open')) setOpen(false);
6082  });
6083})();
6084</script>
6084
6085<main id="ssAboutMain" class="ss-about-page">
6086
6087
6088
6089  <section class="about-hero">
6090
6091    <div class="about-content">
6092
6093      <h1 class="hero-title">About ServerSource</h1>
6094
6095      <p class="hero-subtitle">
6096        <span class="hero-subtitle__line">Dell Technologies Authorised Partner with three decades of experience</span>
6097        <span class="hero-subtitle__line">delivering enterprise IT solutions across the UK and EU.</span>
6098      </p>
6099
6100    </div>
6101
6102  </section>
6103
6104
6105
6106  <section class="section ss-about-page__story-section">
6107
6108    <div class="about-content">
6109
6110      <article class="ss-about-story-box">
6111
6112        <div class="ss-about-story-box__text">
6113
6114          <h2 class="ss-about-story-box__title">About ServerSource</h2>
6115
6116          <p>ServerSource was established in 1996 with a simple mission: to provide businesses with enterprise-grade IT equipment at prices that make sense.</p>
6117
6118          <p>We joined Dell's PartnerDirect channel program in 2007 and, after Dell's acquisition of EMC, became part of the expanded <strong>Dell Technologies Partner Program</strong> in 2017 as a <strong>Dell Technologies Authorised Partner</strong>. That gives us direct access to systems and hardware at reduced prices.</p>
6119
6120          <p>Combined with our extensive network of suppliers, we adapt these systems with the exact components you need. The result is a purpose-built system at a fraction of the cost, often 25-50% cheaper than buying directly.</p>
6121
6122          <p>Over the years, we've built lasting relationships with NHS Trusts, schools, universities, web hosting companies, and businesses of every size.</p>
6123
6124        </div>
6125
6126        <div class="ss-about-story-box__visual" aria-hidden="true">
6127
6128          <div class="ss-about-story-box__visual-track">
6129
6130            <span class="ss-about-story-box__visual-line"></span>
6131
6132            <div class="ss-about-story-box__visual-node ss-about-story-box__visual-node--logo">
6133
6134              <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/logo-ServerSource-sq.jpg?v=1686233809" alt="ServerSource">
6135
6136            </div>
6137
6138            <div class="ss-about-story-box__visual-node ss-about-story-box__visual-node--partner">
6139
6140              <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/authorised_partner.png?v=1763632025" alt="Dell Technologies Authorised Partner">
6141
6142            </div>
6143
6144          </div>
6145
6146        </div>
6147
6148      </article>
6149
6150    </div>
6151
6152  </section>
6153
6154
6155
6156
6157
6158
6159  <section class="section ss-about-page__ranges-section">
6160
6161    <div class="about-content">
6162
6163      <div class="ss-about-ranges-head">
6164
6165        <span class="ss-about-ranges-label">Shop our ranges</span>
6166
6167        <h2 class="section-title section-title--center">Servers, Storage &amp; Networking</h2>
6168
6169        <p class="section-subtitle">Browse Dell PowerEdge servers, storage, networking and components from one trusted supplier.</p>
6170
6171      </div>
6172
6173      <div class="ss-about-range-grid">
6174
6175        <a href="https://shop.serversource.eu/configure/" class="ss-about-range-card">
6176
6177          <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Servers.png?v=1781261333" alt="Dell Servers" loading="lazy"></div>
6178
6179          <div class="ss-about-range-card__body">
6180
6181            <h3>Dell Servers</h3>
6182
6183            <p>Rack, tower and blade PowerEdge. Pre configured deals or build your own spec online.</p>
6184
6185            <span class="ss-about-range-card__link">Shop servers →</span>
6186
6187          </div>
6188
6189        </a>
6190
6191        <a href="https://shop.serversource.eu/configure/storage" class="ss-about-range-card">
6192
6193          <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Storage_46c76d50-1c89-451c-9665-6bd6ec0d3258.png?v=1781261333" alt="Dell Storage" loading="lazy"></div>
6194
6195          <div class="ss-about-range-card__body">
6196
6197            <h3>Dell Storage</h3>
6198
6199            <p>SAN and DAS arrays including PowerVault ME5024 and MD series.</p>
6200
6201            <span class="ss-about-range-card__link">Shop storage →</span>
6202
6203          </div>
6204
6205        </a>
6206
6207        <a href="https://shop.serversource.eu/configure/networking" class="ss-about-range-card">
6208
6209          <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Networking.png?v=1781261333" alt="Dell Networking" loading="lazy"></div>
6210
6211          <div class="ss-about-range-card__body">
6212
6213            <h3>Dell Networking</h3>
6214
6215            <p>Top of rack SFP and RJ45 switches for your data centre.</p>
6216
6217            <span class="ss-about-range-card__link">Shop networking →</span>
6218
6219          </div>
6220
6221        </a>
6222
6223        <a href="https://shop.serversource.eu/configure/software" class="ss-about-range-card">
6224
6225          <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Software.png?v=1781261333" alt="Server Software" loading="lazy"></div>
6226
6227          <div class="ss-about-range-card__body">
6228
6229            <h3>Microsoft Server OS</h3>
6230
6231            <p>Windows Server licensing, hardware and software from one supplier.</p>
6232
6233            <span class="ss-about-range-card__link">View software →</span>
6234
6235          </div>
6236
6237        </a>
6238
6239        <div class="ss-about-range-card ss-about-range-card--split">
6240
6241          <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Parts.png?v=1781261333" alt="Parts and Drives" loading="lazy"></div>
6242
6243          <div class="ss-about-range-card__body">
6244
6245            <h3>Parts &amp; Drives</h3>
6246
6247            <p>SSDs, HDDs, RAID controllers, BOSS cards and spare components.</p>
6248
6249            <div class="ss-about-range-card__links">
6250
6251              <a href="https://shop.serversource.eu/configure/parts" class="ss-about-range-card__link">Shop parts →</a>
6252
6253              <a href="https://shop.serversource.eu/configure/drives" class="ss-about-range-card__link">Shop drives →</a>
6254
6255            </div>
6256
6257          </div>
6258
6259        </div>
6260
6261        <a href="https://shop.serversource.eu/configure/workstations" class="ss-about-range-card">
6262
6263          <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Workstations_5f32ede6-9fda-4a76-836c-05753ee64069.png?v=1781261333" alt="Workstations" loading="lazy"></div>
6264
6265          <div class="ss-about-range-card__body">
6266
6267            <h3>Workstations</h3>
6268
6269            <p>Dell Precision workstations for demanding professional workloads.</p>
6270
6271            <span class="ss-about-range-card__link">Shop workstations →</span>
6272
6273          </div>
6274
6275        </a>
6276
6277      </div>
6278
6279    </div>
6280
6281  </section>
6282
6283
6284
6285  <section class="section section-grey ss-about-page__values-section">
6286
6287    <div class="about-content">
6288
6289      <h2 class="section-title section-title--center">Why Choose ServerSource?</h2>
6290
6291      <p class="section-subtitle">Three principles, backed by an official Dell Technologies partnership.</p>
6292
6293      <div class="values-grid">
6294
6295        <div class="value-card">
6296
6297          <div class="value-icon"><i class="fas fa-pound-sign" aria-hidden="true"></i></div>
6298
6299          <h3 class="value-title">Competitive Pricing</h3>
6300
6301          <p class="value-desc">As a Dell Authorised Partner with an extensive supplier network, we deliver systems at 25-50% below list price. You get enterprise-grade equipment without the enterprise price tag.</p>
6302
6303        </div>
6304
6305        <div class="value-card">
6306
6307          <div class="value-icon"><i class="fas fa-cogs" aria-hidden="true"></i></div>
6308
6309          <h3 class="value-title">Build to Order</h3>
6310
6311          <p class="value-desc">Every server is configured to your exact specifications. Choose your processors, memory, storage, RAID, and networking. We build it, test it, and ship it ready to deploy.</p>
6312
6313        </div>
6314
6315        <div class="value-card">
6316
6317          <div class="value-icon"><i class="fas fa-handshake" aria-hidden="true"></i></div>
6318
6319          <h3 class="value-title">Personal Service</h3>
6320
6321          <p class="value-desc">You'll work with a dedicated account manager who understands your business. We take time to recommend the right solutions, not just the most expensive ones.</p>
6322
6323        </div>
6324
6325      </div>
6326
6327      <div class="ss-about-partner-box">
6328        <div class="ss-about-partner-box__content">
6329          <h3 class="ss-about-partner-box__title">Dell Technologies Authorised Partner</h3>
6330          <p>Our partnership gives us access to the full range of PowerEdge servers, PowerVault storage, and Dell networking equipment, including the latest generation systems alongside proven 14th, 15th, and 16th generation platforms.</p>
6331          <p>Whether you need a single tower server or a complete data centre refresh, we provide the same level of expertise and competitive pricing. Our team stays current with Dell's product roadmap so we can advise on the best time to buy and which configurations offer the best value.</p>
6332        </div>
6333        <div class="ss-about-partner-box__media">
6334          <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/National_Tech_Day_819_x_395_px.png?v=1768212162" alt="Dell Technologies Authorised Partner" loading="lazy">
6335        </div>
6336      </div>
6337
6338    </div>
6339
6340  </section>
6341
6342
6343
6344  <section class="section section-white">
6345
6346    <div class="about-content">
6347
6348      <h2 class="section-title section-title--center section-title--spaced">Visit Us</h2>
6349
6350      <div class="location-grid">
6351
6352        <div class="location-info">
6353
6354          <h3 class="location-title">Get in Touch</h3>
6355
6356          <div class="contact-item">
6357
6358            <div class="contact-icon"><i class="fas fa-map-marker-alt" aria-hidden="true"></i></div>
6359
6360            <div class="contact-details">
6361
6362              <h4>Address</h4>
6363
6364              <p><a href="https://www.google.com/maps/place/ServerSource/@52.5029472,-0.648386,17z" target="_blank" rel="noopener noreferrer">ServerSource House<br>2 Perth House, Corby Gate Business Park<br>Weldon North Industrial Estate<br>Corby, Northamptonshire NN17 5JG</a></p>
6365
6366            </div>
6367
6368          </div>
6369
6370          <div class="contact-item">
6371
6372            <div class="contact-icon"><i class="fas fa-phone" aria-hidden="true"></i></div>
6373
6374            <div class="contact-details">
6375
6376              <h4>Phone</h4>
6377
6378              <p><a href="tel:01536274950">01536 274 950</a></p>
6379
6380            </div>
6381
6382          </div>
6383
6384          <div class="contact-item">
6385
6386            <div class="contact-icon"><i class="fas fa-envelope" aria-hidden="true"></i></div>
6387
6388            <div class="contact-details">
6389
6390              <h4>Email</h4>
6391
6392              <p><a href="mailto:[email protected]">[email protected]</a></p>
6393
6394            </div>
6395
6396          </div>
6397
6398          <div class="contact-item">
6399
6400            <div class="contact-icon"><i class="fas fa-clock" aria-hidden="true"></i></div>
6401
6402            <div class="contact-details">
6403
6404              <h4>Business Hours</h4>
6405
6406              <p>
6406Monday to Friday: 9:00 AM to 5:30 PM</p>
6407
6408            </div>
6409
6410          </div>
6411
6412        </div>
6413
6414        <div class="map-container">
6415
6416          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d607.5!2d-0.648386!3d52.5029472!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48779c9f76d37203%3A0x6eea37391fc2bdb7!2sServerSource!5e0!3m2!1sen!2suk!4v1704900000000!5m2!1sen!2suk" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="ServerSource Location - Corby Gate Business Park, NN17 5JG"></iframe>
6417
6418        </div>
6419
6420      </div>
6421
6422    </div>
6423
6424  </section>
6425
6426
6427
6428  <section class="stats-section stats-section--fullwidth is-visible" aria-label="ServerSource at a glance" id="ssAboutStats">
6429
6430    <div class="stats-grid stats-grid--fullwidth">
6431
6432      <div class="stat-item">
6433
6434        <span class="stat-number is-counted" data-count="integer" data-count-value="30" data-count-suffix="+">30+</span>
6435
6436        <span class="stat-label">Years in Business</span>
6437
6438      </div>
6439
6440      <div class="stat-item">
6441
6442        <span class="stat-number is-counted" data-count="decimal" data-count-value="8.6" data-count-prefix="£" data-count-suffix="M">£8.6M</span>
6443
6444        <span class="stat-label">Worth of Stock</span>
6445
6446      </div>
6447
6448      <div class="stat-item">
6449
6450        <span class="stat-number is-counted" data-count="range" data-count-min="25" data-count-max="50" data-count-suffix="%">25-50%</span>
6451
6452        <span class="stat-label">Cost Savings</span>
6453
6454      </div>
6455
6456    </div>
6457
6458  </section>
6459
6460
6461
6462  <section class="cta-section">
6463
6464    <div class="about-content">
6465
6466      <h2 class="cta-title">Ready to Get Started?</h2>
6467
6468      <p class="cta-subtitle">Let us help you find the perfect server solution for your business.</p>
6469
6470      <div class="cta-buttons">
6471
6472        <a href="https://shop.serversource.eu/configure/" class="btn-primary"><i class="fas fa-server" aria-hidden="true"></i> Configure Your Server</a>
6473
6474        <a href="https://www.serversource.co.uk/pages/dell-enterprise-quote-page" class="btn-secondary"><i class="fas fa-file-alt" aria-hidden="true"></i> Get a Quote</a>
6475
6476      </div>
6477
6478    </div>
6479
6480  </section>
6481
6482
6483
6484</main>
6485
6486<!-- SS Modern Footer -->
6487<style>
6488/* SS Modern Footer */
6489#ssStaticFooterRoot, #ssStaticFooterRoot footer.ss-modern-footer {
6490    --ss-primary: #1f485e;
6491    --ss-accent: #1879a4;
6492    --ss-dark: #035e7f;
6493    --ss-highlight: #00a8e1;
6494    --ss-max: 1280px;
6495    font-family: 'Poppins', sans-serif;
6496    line-height: 1.6;
6497  }
6498  #ssStaticFooterRoot *, #ssStaticFooterRoot *::before, #ssStaticFooterRoot *::after { box-sizing: border-box; }
6499  #ssStaticFooterRoot a { color: inherit; text-decoration: none; }
6500  #ssStaticFooterRoot img { max-width: 100%; display: block; }
6501  #ssStaticFooterRoot .wrap { width: min(100% - 2rem, var(--ss-max)); margin-inline: auto; }
6502  #ssStaticFooterRoot .visually-hidden {
6503    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
6504    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
6505  }
6506
6507  #ssStaticFooterRoot footer.ss-modern-footer {
6508    background: var(--ss-primary); color: #fff; padding: 2rem 0 0;
6509  }
6510  #ssStaticFooterRoot .footer-main { padding-bottom: 1.25rem; }
6511  #ssStaticFooterRoot .footer-main-grid {
6512    display: grid;
6513    grid-template-columns: minmax(0, 1fr) minmax(18.5rem, 23.5rem);
6514    gap: 1.75rem 2rem; align-items: start;
6515  }
6516  #ssStaticFooterRoot .footer-brand-block {
6517    margin-bottom: 1.1rem; padding-bottom: 1rem;
6518    border-bottom: 1px solid rgba(255,255,255,.12);
6519  }
6520  #ssStaticFooterRoot .footer-brand-link {
6521    display: inline-flex; align-items: center; gap: .75rem;
6522    color: #fff; margin-bottom: .6rem;
6523  }
6524  #ssStaticFooterRoot .footer-brand-link img {
6525    width: 52px; height: 52px; object-fit: cover; border-radius: 6px;
6526    flex-shrink: 0; background: #fff;
6527  }
6528  #ssStaticFooterRoot .footer-brand-name {
6529    font-size: 1.3125rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.1;
6530  }
6531  #ssStaticFooterRoot .logo-server { color: var(--ss-highlight); }
6532  #ssStaticFooterRoot .logo-source { color: rgba(255,255,255,.72); }
6533  #ssStaticFooterRoot .footer-tagline {
6534    font-size: .875rem; line-height: 1.55; color: rgba(255,255,255,.88);
6535    max-width: 36rem; margin: 0;
6536  }
6537  #ssStaticFooterRoot .footer-nav-columns {
6538    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
6539    gap: 1rem 1.75rem; margin-bottom: 1rem;
6540  }
6541  #ssStaticFooterRoot .footer-nav-heading {
6542    font-size: .75rem; font-weight: 700; letter-spacing: .02em;
6543    color: #fff; margin: 0 0 .5rem;
6544  }
6545  #ssStaticFooterRoot .footer-link-list { list-style: none; margin: 0; padding: 0; }
6546  #ssStaticFooterRoot .footer-link-list li { margin: 0 0 .28rem; }
6547  #ssStaticFooterRoot .footer-link-list a {
6548    font-size: .875rem; line-height: 1.5; color: rgba(255,255,255,.88);
6549  }
6550  #ssStaticFooterRoot .footer-link-list a:hover { color: #fff; text-decoration: underline; }
6551  #ssStaticFooterRoot .footer-social {
6552    display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem;
6553  }
6554  #ssStaticFooterRoot .footer-social-label { font-size: .8125rem; font-weight: 700; color: #fff; }
6555  #ssStaticFooterRoot .footer-social-links { display: flex; gap: .5rem; }
6556  #ssStaticFooterRoot .footer-social-links a {
6557    display: inline-flex; align-items: center; justify-content: center;
6558    width: 2.25rem; height: 2.25rem; border-radius: 50%;
6559    background: rgba(255,255,255,.12); color: #fff;
6560  }
6561  #ssStaticFooterRoot .footer-social-links svg { width: 1rem; height: 1rem; fill: currentColor; }
6562  #ssStaticFooterRoot .footer-panel {
6563    background: rgba(255,255,255,.97); color: var(--ss-primary);
6564    border-radius: 8px; padding: .85rem 1rem;
6565    box-shadow: 0 8px 20px rgba(0,0,0,.1); font-size: .8125rem;
6566  }
6567  #ssStaticFooterRoot .footer-panel-block {
6568    padding-bottom: .7rem; margin-bottom: .7rem;
6569    border-bottom: 1px solid rgba(31,72,94,.1);
6570  }
6571  #ssStaticFooterRoot .footer-panel-block:last-child {
6572    padding-bottom: 0; margin-bottom: 0; border-bottom: none;
6573  }
6574  #ssStaticFooterRoot .footer-panel-heading { font-size: .75rem; font-weight: 700; margin: 0 0 .4rem; }
6575  #ssStaticFooterRoot .footer-panel-address {
6576    font-style: normal; font-size: .75rem; line-height: 1.45;
6577    color: #3d5566; margin: 0 0 .35rem;
6578  }
6579  #ssStaticFooterRoot .footer-panel-map {
6580    display: inline-block; margin: 0 0 .5rem;
6581    font-size: .75rem; color: var(--ss-accent);
6582  }
6583  #ssStaticFooterRoot .footer-panel-map:hover { text-decoration: underline; }
6584  #ssStaticFooterRoot .footer-panel-quick {
6585    margin: 0; font-size: .7rem; font-weight: 600;
6586  }
6587  #ssStaticFooterRoot .footer-panel-quick a { color: var(--ss-accent); }
6588  #ssStaticFooterRoot .footer-panel-sep { color: #9ab0be; margin: 0 .25rem; }
6589  #ssStaticFooterRoot .footer-panel-note {
6590    margin: .45rem 0 0; font-size: .625rem; color: #6b7c8a;
6591  }
6592  #ssStaticFooterRoot .footer-panel-note a { color: var(--ss-accent); }
6593  #ssStaticFooterRoot .footer-signup-native {
6594    display: flex; flex-direction: row; flex-wrap: nowrap;
6595    align-items: stretch; gap: .5rem; width: 100%;
6596  }
6597  #ssStaticFooterRoot .footer-signup-native__email {
6598    flex: 1 1 auto; min-width: 0; padding: .65rem .85rem;
6599    border: 1px solid #c5d4de; border-radius: 6px;
6600    background: #fff; color: #1a2332;
6601    font: 400 .875rem 'Poppins', sans-serif;
6602  }
6603  #ssStaticFooterRoot .footer-signup-native__btn {
6604    flex: 0 0 auto; padding: .65rem 1.1rem;
6605    border: none; border-radius: 6px;
6606    background: var(--ss-primary); color: #fff;
6607    font: 600 .8125rem 'Poppins', sans-serif;
6608    cursor: pointer; min-height: 2.5rem; white-space: nowrap;
6609  }
6610  #ssStaticFooterRoot .footer-signup-hubspot-mount,
6611  #ssStaticFooterRoot #ssStaticFooterHubspotForm {
6612    position: absolute; width: 1px; height: 1px;
6613    margin: -1px; overflow: hidden; clip: rect(0,0,0,0);
6614    visibility: hidden; opacity: 0; pointer-events: none;
6615  }
6616  #ssStaticFooterRoot .footer-signup-success {
6617    margin-top: .65rem; font-size: .8125rem; font-weight: 600;
6618    color: #1f5c38; padding: .5rem .65rem; background: #e8f5ec; border-radius: 6px;
6619  }
6620  #ssStaticFooterRoot .footer-trust {
6621    padding: .9rem 0 1.25rem;
6622    border-top: 1px solid rgba(255,255,255,.12);
6623  }
6624  #ssStaticFooterRoot .footer-trust-inner {
6625    display: flex; flex-wrap: wrap;
6626    align-items: center; justify-content: space-between;
6627    gap: .75rem 1.5rem;
6628  }
6629  #ssStaticFooterRoot .footer-trust-logo {
6630    display: block; height: 104px; width: auto;
6631    max-width: min(100%, 520px); object-fit: contain; object-position: left center;
6632  }
6633  #ssStaticFooterRoot .footer-trust-legal {
6634    margin: 0; font-size: .6875rem; line-height: 1.45;
6635    color: rgba(255,255,255,.88); text-align: right; max-width: 28rem;
6636  }
6637
6638  @media (max-width: 1100px) {
6639    #ssStaticFooterRoot .footer-main-grid { grid-template-columns: 1fr; }
6640    #ssStaticFooterRoot .footer-panel { max-width: 23.5rem; }
6641    #ssStaticFooterRoot .footer-trust-legal { text-align: left; max-width: none; }
6642  }
6643  @media (max-width: 768px) {
6644    #ssStaticFooterRoot .footer-nav-columns { grid-template-columns: 1fr; }
6645    #ssStaticFooterRoot .footer-panel { max-width: none; }
6646    #ssStaticFooterRoot .footer-trust-inner { flex-direction: column; align-items: flex-start; }
6647  }
6648
6649/* SS Page Theme - align static Shopify pages with ServerSource modern theme */
6650/* SS Page Theme — footer-safe extras only (chrome lives in ss-static-chrome-critical.css) */
6651
6652#hubspot-messages-iframe-container {
6653  z-index: 850 !important;
6654}
6655
6656body.contact-flyout-open #hubspot-messages-iframe-container {
6657  right: min(calc(24rem + 3.25rem), calc(100vw - 1rem)) !important;
6658  transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1);
6659}
6660
6661</style>
6662<div id="ssStaticFooterRoot" class="ss-static-snippet ss-static-footer">
6663  <footer class="ss-modern-footer" role="contentinfo">
6664    <div class="wrap footer-main">
6665      <div class="footer-main-grid">
6666        <div class="footer-main-left">
6667          <div class="footer-brand-block">
6668            <a href="https://www.serversource.co.uk/" class="footer-brand-link">
6669              <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/logo-ServerSource-sq.jpg?v=1686233809" alt="" width="52" height="52">
6670              <span class="footer-brand-name"><span class="logo-server">Server</span><span class="logo-source">Source</span></span>
6671            </a>
6672            <p class="footer-tagline">Dell EMC servers, storage and networking, trusted since 1996.</p>
6673          </div>
6674
6675          <div class="footer-nav-columns">
6676            <div class="footer-nav-col">
6677              <h3 class="footer-nav-heading">Info</h3>
6678              <ul class="footer-link-list">
6679                <li><a href="https://shop.serversource.eu/configure/">Configure Your Server</a></li>
6680                <li><a href="https://www.serversource.co.uk/pages/rack-and-stack-professional-deploy">ServerSource Deploy</a></li>
6681                <li><a href="https://www.serversource.co.uk/pages/p-e-r-c-poweredge-raid-controller-calculator">Raid Calculator</a></li>
6682                <li><a href="https://www.serversource.co.uk/pages/sell-to-serversource">Sell to Us</a></li>
6683              </ul>
6684            </div>
6685            <div class="footer-nav-col">
6686              <h3 class="footer-nav-heading">Support</h3>
6687              <ul class="footer-link-list">
6688                <li><a href="https://www.serversource.co.uk/pages/contact">Contact Us</a></li>
6689                <li><a href="https://www.serversource.co.uk/pages/faq">FAQs</a></li>
6690                <li><a href="https://www.serversource.co.uk/pages/warranty">Warranty Renewal</a></li>
6691                <li><a href="https://www.serversource.co.uk/pages/shipping-information-for-eu-eea-member-states">International Shipping</a></li>
6692              </ul>
6693            </div>
6694            <div class="footer-nav-col">
6695              <h3 class="footer-nav-heading">Company</h3>
6696              <ul class="footer-link-list">
6697                <li><a href="https://www.serversource.co.uk/pages/about-us">About Us</a></li>
6698                <li><a href="https://www.serversource.co.uk/blogs/news">News &amp; Insights</a></li>
6699                <li><a href="https://www.serversource.co.uk/pages/terms-and-conditions">Terms &amp; Conditions</a></li>
6700                <li><a href="https://www.serversource.co.uk/pages/privacy-policy">Privacy Policy</a></li>
6701              </ul>
6702            </div>
6703          </div>
6704
6705          <div class="footer-social" aria-label="Follow ServerSource">
6706            <span class="footer-social-label">Follow us</span>
6707            <div class="footer-social-links">
6708              <a href="https://www.linkedin.com/company/serversource/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
6709                <svg viewbox="0 0 448 512" width="16" height="16" aria-hidden="true"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>
6710              </a>
6711              <a href="https://twitter.com/serversource" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)">
6712                <svg viewbox="0 0 512 512" width="16" height="16" aria-hidden="true"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
6713              </a>
6714            </div>
6715          </div>
6716        </div>
6717
6718        <div class="footer-panel">
6719          <div class="footer-panel-block footer-panel-block--contact">
6720            <h3 class="footer-panel-heading">Contact</h3>
6721            <address class="footer-panel-address">
6722              ServerSource House, 2 Perth House<br>
6723              Corby Gate Business Park,<br>
6724              Weldon North Industrial Estate<br>
6725              Corby, Northamptonshire, NN17 5JG
6726            </address>
6727            <a class="footer-panel-map" href="https://www.google.com/maps/place/ServerSource/@52.5029504,-0.6509609,17z/data=!3m1!4b1!4m6!3m5!1s0x48779c9f76d37203:0x6eea37391fc2bdb7!8m2!3d52.5029472!4d-0.648386!16s%2Fg%2F1yh9vg2l_?entry=ttu" target="_blank" rel="noopener noreferrer">View on map</a>
6728            <p class="footer-panel-quick">
6729              <a href="tel:01536274950" class="footer-panel-tel">01536 274 950</a>
6730              <span class="footer-panel-sep" aria-hidden="true">·</span>
6731              <a href="mailto:[email protected]">[email protected]</a>
6732            </p>
6733          </div>
6734          <div class="footer-panel-block footer-panel-block--signup">
6735            <h3 class="footer-panel-heading">Stay in touch</h3>
6736            <div class="footer-signup-native">
6737              <label class="visually-hidden" for="ssStaticFooterSignupEmail">Email</label>
6738              <input type="email" id="ssStaticFooterSignupEmail" class="footer-signup-native__email" placeholder="Your email address" autocomplete="email" required>
6739              <button type="button" class="footer-signup-native__btn" id="ssStaticFooterSignupBtn">Sign Up</button>
6740            </div>
6741            <div class="footer-signup-hubspot-mount" id="ssStaticFooterHubspotForm" aria-hidden="true"></div>
6742            <p class="footer-signup-success" id="ssStaticFooterSignupSuccess" hidden>Thanks — you're signed up.</p>
6743            <p class="footer-panel-note">By signing up you agree to marketing emails. See our <a href="https://www.serversource.co.uk/pages/privacy-policy">Privacy Policy</a>.</p>
6744          </div>
6745        </div>
6746      </div>
6747    </div>
6748
6749    <div class="wrap footer-trust">
6750      <div class="footer-trust-inner">
6751        <img class="footer-trust-logo" src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/authorised_partner.png?v=1763632025" alt="Dell Technologies Authorised Partner" loading="lazy" width="400" height="104">
6752        <p class="footer-trust-legal">© 2026 ServerSource. All rights reserved. Company No. 3277942 · VAT 849 774 168</p>
6753      </div>
6754    </div>
6755  </footer>
6756</div>
6757
6758
6759<script>
6760(function(){
6761  var root=document.getElementById('ssStaticFooterRoot');
6762  if(!root)return;
6763  var FOOTER_HS={portalId:'20213111',formId:'8d2406f0-5fe8-4e4f-b74a-613bd729ebe7',region:'na1'};
6764
6765  function showThanks(){
6766    var ok=root.querySelector('#ssStaticFooterSignupSuccess');
6767    var email=root.querySelector('#ssStaticFooterSignupEmail');
6768    var btn=root.querySelector('#ssStaticFooterSignupBtn');
6769    if(ok)ok.hidden=false;
6770    if(email)email.value='';
6771    if(btn){btn.disabled=false;btn.textContent='Sign Up';}
6772  }
6773
6774  function getHsEmailInput(host){
6775    return host&&host.querySelector?host.querySelector('input[type="email"],input[name="email"],.hs-input[type="email"]'):null;
6776  }
6777  function getHsSubmit(host){
6778    return host&&host.querySelector?host.querySelector('input[type="submit"],button[type="submit"],.hs-button.primary,.hs-button'):null;
6779  }
6780
6781  function submitViaHubspot(){
6782    var host=root.querySelector('#ssStaticFooterHubspotForm');
6783    var emailEl=root.querySelector('#ssStaticFooterSignupEmail');
6784    var btn=root.querySelector('#ssStaticFooterSignupBtn');
6785    if(!host||!emailEl||!btn)return;
6786    var email=(emailEl.value||'').trim();
6787    if(!email){emailEl.focus();return;}
6788    var hsEmail=getHsEmailInput(host);
6789    var hsSubmit=getHsSubmit(host);
6790    if(!hsEmail||!hsSubmit){
6791      alert('Newsletter form is still loading &mdash; please try again in a moment.');
6792      return;
6793    }
6794    hsEmail.value=email;
6795    hsEmail.dispatchEvent(new Event('input',{bubbles:true}));
6796    hsEmail.dispatchEvent(new Event('change',{bubbles:true}));
6797    btn.disabled=true;
6798    btn.textContent='Sending&hellip;';
6799    hsSubmit.click();
6800    window.setTimeout(function(){
6801      if(btn.disabled){btn.disabled=false;btn.textContent='Sign Up';}
6802    },8000);
6803  }
6804
6805  function initHubspotForm(){
6806    if(!window.hbspt||!window.hbspt.forms)return;
6807    var target=root.querySelector('#ssStaticFooterHubspotForm');
6808    if(!target||target.dataset.hsFormMounted==='true')return;
6809    window.hbspt.forms.create({
6810      portalId:FOOTER_HS.portalId,
6811      formId:FOOTER_HS.formId,
6812      region:FOOTER_HS.region,
6813      target:'#ssStaticFooterHubspotForm',
6814      css:'',
6815      cssRequired:'',
6816      onFormSubmitted:showThanks
6817    });
6818    target.dataset.hsFormMounted='true';
6819  }
6820
6821  function loadHubspot(){
6822    if(window.hbspt&&window.hbspt.forms){initHubspotForm();return;}
6823    var s=document.createElement('script');
6824    s.charset='utf-8';
6825    s.src='https://js.hsforms.net/forms/embed/v2.js';
6826    s.onload=initHubspotForm;
6827    document.body.appendChild(s);
6828  }
6829
6830  var btn=root.querySelector('#ssStaticFooterSignupBtn');
6831  var email=root.querySelector('#ssStaticFooterSignupEmail');
6832  if(btn){
6833    btn.addEventListener('click',submitViaHubspot);
6834    if(email){
6835      email.addEventListener('keydown',function(e){
6836        if(e.key==='Enter'){e.preventDefault();submitViaHubspot();}
6837      });
6838    }
6839  }
6840  loadHubspot();
6841})();
6842</script>
6842
6843
6844<script>
6845(function () {
6846
6847  var statsSection = document.getElementById('ssAboutStats');
6848
6849  if (!statsSection) return;
6850
6851  var statNumbers = statsSection.querySelectorAll('.stat-number[data-count]');
6852
6853  if (!statNumbers.length) return;
6854
6855
6856
6857  function easeOutCubic(t) {
6858
6859    return 1 - Math.pow(1 - t, 3);
6860
6861  }
6862
6863
6864
6865  function formatDecimal(value) {
6866
6867    return (Math.round(value * 10) / 10).toString();
6868
6869  }
6870
6871
6872
6873  function animateStat(el) {
6874
6875    if (el.dataset.counted === '1') return;
6876
6877    el.dataset.counted = '1';
6878
6879    el.classList.add('is-counting');
6880
6881    var type = el.dataset.count;
6882
6883    var duration = 1800;
6884
6885    var start = null;
6886
6887
6888
6889    function tick(timestamp) {
6890
6891      if (!start) start = timestamp;
6892
6893      var progress = Math.min(1, (timestamp - start) / duration);
6894
6895      var eased = easeOutCubic(progress);
6896
6897
6898
6899      if (type === 'integer') {
6900
6901        var intVal = Math.round(Number(el.dataset.countValue || 0) * eased);
6902
6903        el.textContent = intVal + (el.dataset.countSuffix || '');
6904
6905      } else if (type === 'decimal') {
6906
6907        var decVal = Number(el.dataset.countValue || 0) * eased;
6908
6909        el.textContent = (el.dataset.countPrefix || '') + formatDecimal(decVal) + (el.dataset.countSuffix || '');
6910
6911      } else if (type === 'range') {
6912
6913        var minVal = Math.round(Number(el.dataset.countMin || 0) * eased);
6914
6915        var maxVal = Math.round(Number(el.dataset.countMax || 0) * eased);
6916
6917        el.textContent = minVal + '-' + maxVal + (el.dataset.countSuffix || '');
6918
6919      }
6920
6921
6922
6923      if (progress < 1) {
6924
6925        window.requestAnimationFrame(tick);
6926
6927      } else {
6928
6929        el.classList.remove('is-counting');
6930
6931        el.classList.add('is-counted');
6932
6933      }
6934
6935    }
6936
6937
6938
6939    window.requestAnimationFrame(tick);
6940
6941  }
6942
6943
6944
6945  function revealStats() {
6946
6947    statsSection.classList.add('is-visible');
6948
6949    statNumbers.forEach(animateStat);
6950
6951  }
6952
6953
6954
6955  if ('IntersectionObserver' in window) {
6956
6957    var observer = new IntersectionObserver(function (entries) {
6958
6959      entries.forEach(function (entry) {
6960
6961        if (entry.isIntersecting) {
6962
6963          revealStats();
6964
6965          observer.disconnect();
6966
6967        }
6968
6969      });
6970
6971    }, { threshold: 0.35 });
6972
6973    observer.observe(statsSection);
6974
6975  } else {
6976
6977    revealStats();
6978
6979  }
6980
6981})();
6982
6983</script>
6983
6984<style>
6985.contact-flyout-hs-form { overflow: hidden !important; }
6986.contact-flyout-hs-form .hs-form-frame,
6987.contact-flyout-hs-form .contact-flyout-hs-iframe,
6988.contact-flyout-hs-form iframe {
6989  display: block !important;
6990  width: calc(100% + 4px) !important;
6991  min-height: 572.8px !important;
6992  height: 572.8px !important;
6993  max-height: none !important;
6994  margin: -2px 0 0 -2px !important;
6995  visibility: visible !important;
6996  opacity: 1 !important;
6997  position: static !important;
6998  pointer-events: auto !important;
6999  border: 0 !important;
7000  outline: none !important;
7001  box-shadow: none !important;
7002  background: transparent !important;
7003}
7004.contact-flyout-panel {
7005  max-height: min(42rem, calc(100vh - 2rem)) !important;
7006}
7007</style>
7008
7009</body>
7010  
7010<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7010
7011</body>
7012</html>

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