1<!doctype html> 2<html class="no-js" lang="en"> 3 <head> 4 5 6 7 8 9 10 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 10-11
10 11 <script async src="https://www.googletagmanager.com/gtag/js?id=
11G-SLMP0GJRF0
vendor: 17 bytes, lines 11-13
11"></script> 12 13
13<script> 14
vendor: 145 bytes, lines 14-17
14window.dataLayer = window.dataLayer || []; 15 function gtag(){dataLayer.push(arguments);} 16 gtag('js', new Date()); 17 gtag('config', '
17G-SLMP0GJRF0
vendor: 8 bytes, lines 17-18
17'); 18
18</script>
18 19 <!-- End: Google tag (gtag.js) --> 20 <!-- MS Clarity --> 21
21<script type="text/javascript"> 22 (function(c,l,a,r,i,t,y){ 23 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 24 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 25 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 26 })(window, document, "clarity", "script", "y8hgc34lal"); 27 </script>
27 28 <!-- End: MS Clarity --> 29 <meta charset="utf-8"> 30 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 31 <meta name="viewport" content="width=device-width,initial-scale=1"> 32 <meta name="theme-color" content=""> 33 <meta property="og:image" content="//keyspan.ai/cdn/shop/files/metadata-banner.png?v=3727246841622615618"> 34 <link rel="canonical" href="https://keyspan.ai/pages/shop"><link rel="icon" type="image/png" href="https://cdn.shopify.com/s/files/1/0780/3915/5001/files/Frame_1_3.png?v=1778670345"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 35 Shop 36 – Keyspan</title> 37 38 <meta name="description" content="Shop Keyspan: memberships, Health Check, microplastics blood test, detox supplements, and coaching add-onsâeverything for a personalized health stack."> 39 40 41 <!-- Klaviyo Script --> 42
42<script> 43 !function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=window._klOnsite=[],klaviyo.init=function(t){var e;(e=klaviyo).push.apply(e,arguments)};klaviyo.init('S3nrrR')}catch(t){console.log(t)}var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://static.klaviyo.com/onsite/js/klaviyo.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}}(); 44 </script>
44 45 46 47 48 49 50<meta property="og:site_name" content="Keyspan"> 51<meta property="og:url" content="https://keyspan.ai/pages/shop"> 52<meta property="og:title" content="Shop"> 53<meta property="og:type" content="website"> 54<meta property="og:description" content="Shop Keyspan: memberships, Health Check, microplastics blood test, detox supplements, and coaching add-onsâeverything for a personalized health stack."><meta property="og:image" content="http://keyspan.ai/cdn/shop/files/2_1.png?v=1787849725"> 55 <meta property="og:image:secure_url" content="https://keyspan.ai/cdn/shop/files/2_1.png?v=1787849725"> 56 <meta property="og:image:width" content="3072"> 57 <meta property="og:image:height" content="2304"><meta name="twitter:card" content="summary_large_image"> 58<meta name="twitter:title" content="Shop"> 59<meta name="twitter:description" content="Shop Keyspan: memberships, Health Check, microplastics blood test, detox supplements, and coaching add-onsâeverything for a personalized health stack."> 60 61 62
62<script src="//keyspan.ai/cdn/shop/t/8/assets/constants.js?v=58251544750838685771781682068" defer="defer"></script>
62 63
63<script src="//keyspan.ai/cdn/shop/t/8/assets/pubsub.js?v=158357773527763999511781682063" defer="defer"></script>
63 64
64<script src="//keyspan.ai/cdn/shop/t/8/assets/global.js?v=139248116715221171191781682063" defer="defer"></script>
64<script src="//keyspan.ai/cdn/shop/t/8/assets/animations.js?v=114255849464433187621781682066" defer="defer"></script>
64<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
64<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/78039155001/digital_wallets/dialog">
65<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
65 66<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
67<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=78039155001" crossorigin="anonymous"></script>
vendor: 1 bytes, line 67
67
68<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":78039155001,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/78039155001","merchantName":"Keyspan","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Keyspan","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 68
68
69<script id="shopify-features" type="application/json">{"accessToken":"f82b9c7150e0fa4588d2317fbaca6c93","betas":["rich-media-storefront-analytics"],"domain":"keyspan.ai","predictiveSearch":true,"shopId":78039155001,"locale":"en"}</script>
vendor: 1 bytes, line 69
69
70<script>var Shopify = Shopify || {}; 71Shopify.shop = "a173ed-2.myshopify.com"; 72Shopify.locale = "en"; 73Shopify.currency = {"active":"USD","rate":"1.0"}; 74Shopify.country = "US"; 75Shopify.theme = {"name":"keyspan-shopify\/v2","id":187686748473,"schema_name":"Dawn","schema_version":"10.0.0","theme_store_id":null,"role":"main"}; 76Shopify.theme.handle = "null"; 77Shopify.theme.style = {"id":null,"handle":null}; 78Shopify.cdnHost = "keyspan.ai/cdn"; 79Shopify.routes = Shopify.routes || {}; 80Shopify.routes.root = "/"; 81Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 82Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 83Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 84Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 84
84
85<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 85
85
86<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 86
86
87<script> 88 window.ShopifyPay = window.ShopifyPay || {}; 89 window.ShopifyPay.apiHost = "shop.app\/pay"; 90 window.ShopifyPay.redirectState = null; 91</script>
vendor: 1 bytes, line 91
91
92<script> 93 window.Shopify = window.Shopify || {}; 94 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 95 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 96 window.Shopify.SignInWithShop.eligible = true; 97</script>
vendor: 1 bytes, line 97
97
98<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 98
98
99<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 99
99
100<script type="module"> 101 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 102 103 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 104 105</script>
vendor: 1 bytes, line 105
105
106<script> 107 window.Shopify = window.Shopify || {}; 108 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 109 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"]}; 110</script>
vendor: 1 bytes, line 110
110
111<script>(function() { 112 var isLoaded = false; 113 function asyncLoad() { 114 if (isLoaded) return; 115 isLoaded = true; 116 var urls = ["https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=a173ed-2.myshopify.com"]; 117 for (var i = 0; i < urls.length; i++) { 118 var s = document.createElement('script'); 119 s.type = 'text/javascript'; 120 s.async = true; 121 s.src = urls[i]; 122 var x = document.getElementsByTagName('script')[0]; 123 x.parentNode.insertBefore(s, x); 124 } 125 }; 126 if(window.attachEvent) { 127 window.attachEvent('onload', asyncLoad); 128 } else { 129 window.addEventListener('load', asyncLoad, false); 130 } 131})();</script>
vendor: 1 bytes, line 131
131
132<script id="__st">var __st={"a":78039155001,"offset":-18000,"reqid":"a1fa4539-f894-479b-9c7b-969094d492f8-1790258045","pageurl":"keyspan.ai\/pages\/shop","s":"pages-136198652217","u":"7f1ee1f1595a","p":"page","rtyp":"page","rid":136198652217};</script>
vendor: 1 bytes, line 132
132
133<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 133
133
134<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 134
134
135<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//keyspan.ai/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 135
135
136<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 = "//keyspan.ai/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>
136<script crossorigin="anonymous" defer="defer" src="//keyspan.ai/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 136
136
137<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 137
137
138<script> 139 window.Shopify = window.Shopify || {}; 140 window.Shopify.MCP = window.Shopify.MCP || {}; 141 window.Shopify.MCP.enabled = true; 142 window.Shopify.MCP.shop = "a173ed-2.myshopify.com"; 143 window.Shopify.MCP.mcpEndpoint = "https:\/\/keyspan.ai\/api\/mcp"; 144 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?\"\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."}},"required":["query"]}}]; 145</script>
vendor: 1 bytes, line 145
145
146<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("\/\/keyspan.ai\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 147</script>
vendor: 1 bytes, line 147
147
148<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://keyspan.ai/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 149</script>
vendor: 1 bytes, line 149
149
150<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 151 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); 152</script>
vendor: 1 bytes, line 152
152
153<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})}})); 154</script>
vendor: 1 bytes, line 154
154
155<script id='scb4127' type='text/javascript' async='' src='https://keyspan.ai/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
155<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://keyspan.ai/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 156<style id="shopify-accelerated-checkout-cart"> 157 #shopify-buyer-consent { 158 margin-top: 1em; 159 display: inline-block; 160 width: 100%; 161} 162 163#shopify-buyer-consent.hidden { 164 display: none; 165} 166 167#shopify-subscription-policy-button { 168 background: none; 169 border: none; 170 padding: 0; 171 text-decoration: underline; 172 font-size: inherit; 173 cursor: pointer; 174} 175 176#shopify-subscription-policy-button::before { 177 box-shadow: none; 178} 179 180 </style> 181<link rel="stylesheet" media="screen" href="//keyspan.ai/cdn/shop/t/8/compiled_assets/styles.css?v=101150975361695121631789656979">
182<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
182 183 184 185 <style data-shopify> 186 @font-face { 187 font-family: Assistant; 188 font-weight: 400; 189 font-style: normal; 190 font-display: swap; 191 src: url("//keyspan.ai/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"), 192 url("//keyspan.ai/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff"); 193} 194 195 @font-face { 196 font-family: Assistant; 197 font-weight: 700; 198 font-style: normal; 199 font-display: swap; 200 src: url("//keyspan.ai/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"), 201 url("//keyspan.ai/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff"); 202} 203 204 205 206 @font-face { 207 font-family: Assistant; 208 font-weight: 400; 209 font-style: normal; 210 font-display: swap; 211 src: url("//keyspan.ai/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"), 212 url("//keyspan.ai/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff"); 213} 214 215 216 217 :root, 218 .color-background-1 { 219 --color-background: 255,255,255; 220 221 --gradient-background: #ffffff; 222 223 --color-foreground: 18,18,18; 224 --color-shadow: 18,18,18; 225 --color-button: 18,18,18; 226 --color-button-text: 255,255,255; 227 --color-secondary-button: 255,255,255; 228 --color-secondary-button-text: 18,18,18; 229 --color-link: 18,18,18; 230 --color-badge-foreground: 18,18,18; 231 --color-badge-background: 255,255,255; 232 --color-badge-border: 18,18,18; 233 --payment-terms-background-color: rgb(255 255 255); 234 } 235 236 237 .color-background-2 { 238 --color-background: 243,243,243; 239 240 --gradient-background: #f3f3f3; 241 242 --color-foreground: 18,18,18; 243 --color-shadow: 18,18,18; 244 --color-button: 18,18,18; 245 --color-button-text: 243,243,243; 246 --color-secondary-button: 243,243,243; 247 --color-secondary-button-text: 18,18,18; 248 --color-link: 18,18,18; 249 --color-badge-foreground: 18,18,18; 250 --color-badge-background: 243,243,243; 251 --color-badge-border: 18,18,18; 252 --payment-terms-background-color: rgb(243 243 243); 253 } 254 255 256 .color-inverse { 257 --color-background: 36,40,51; 258 259 --gradient-background: #242833; 260 261 --color-foreground: 255,255,255; 262 --color-shadow: 18,18,18; 263 --color-button: 255,255,255; 264 --color-button-text: 0,0,0; 265 --color-secondary-button: 36,40,51; 266 --color-secondary-button-text: 255,255,255; 267 --color-link: 255,255,255; 268 --color-badge-foreground: 255,255,255; 269 --color-badge-background: 36,40,51; 270 --color-badge-border: 255,255,255; 271 --payment-terms-background-color: rgb(36 40 51); 272 } 273 274 275 .color-accent-1 { 276 --color-background: 18,18,18; 277 278 --gradient-background: #121212; 279 280 --color-foreground: 255,255,255; 281 --color-shadow: 18,18,18; 282 --color-button: 255,255,255; 283 --color-button-text: 18,18,18; 284 --color-secondary-button: 18,18,18; 285 --color-secondary-button-text: 255,255,255; 286 --color-link: 255,255,255; 287 --color-badge-foreground: 255,255,255; 288 --color-badge-background: 18,18,18; 289 --color-badge-border: 255,255,255; 290 --payment-terms-background-color: rgb(18 18 18); 291 } 292 293 294 .color-accent-2 { 295 --color-background: 51,79,180; 296 297 --gradient-background: #334fb4; 298 299 --color-foreground: 255,255,255; 300 --color-shadow: 18,18,18; 301 --color-button: 255,255,255; 302 --color-button-text: 51,79,180; 303 --color-secondary-button: 51,79,180; 304 --color-secondary-button-text: 255,255,255; 305 --color-link: 255,255,255; 306 --color-badge-foreground: 255,255,255; 307 --color-badge-background: 51,79,180; 308 --color-badge-border: 255,255,255; 309 --payment-terms-background-color: rgb(51 79 180); 310 } 311 312 313 .color-scheme-e097334b-8987-486c-ae29-603214278a42 { 314 --color-background: 255,255,255; 315 316 --gradient-background: #ffffff; 317 318 --color-foreground: 18,18,18; 319 --color-shadow: 18,18,18; 320 --color-button: 18,18,18; 321 --color-button-text: 255,255,255; 322 --color-secondary-button: 255,255,255; 323 --color-secondary-button-text: 18,18,18; 324 --color-link: 18,18,18; 325 --color-badge-foreground: 18,18,18; 326 --color-badge-background: 255,255,255; 327 --color-badge-border: 18,18,18; 328 --payment-terms-background-color: rgb(255 255 255); 329 } 330 331 332 .color-scheme-3e997f30-457a-40e7-a994-d05b10761e2c { 333 --color-background: 255,255,255; 334 335 --gradient-background: #ffffff; 336 337 --color-foreground: 18,18,18; 338 --color-shadow: 18,18,18; 339 --color-button: 18,18,18; 340 --color-button-text: 255,255,255; 341 --color-secondary-button: 255,255,255; 342 --color-secondary-button-text: 18,18,18; 343 --color-link: 18,18,18; 344 --color-badge-foreground: 18,18,18; 345 --color-badge-background: 255,255,255; 346 --color-badge-border: 18,18,18; 347 --payment-terms-background-color: rgb(255 255 255); 348 } 349 350 351 .color-scheme-723ffa38-8934-4de8-b195-432e3f7b74f4 { 352 --color-background: 255,255,255; 353 354 --gradient-background: #ffffff; 355 356 --color-foreground: 18,18,18; 357 --color-shadow: 18,18,18; 358 --color-button: 51,79,180; 359 --color-button-text: 36,40,51; 360 --color-secondary-button: 255,255,255; 361 --color-secondary-button-text: 221,29,29; 362 --color-link: 221,29,29; 363 --color-badge-foreground: 18,18,18; 364 --color-badge-background: 255,255,255; 365 --color-badge-border: 18,18,18; 366 --payment-terms-background-color: rgb(255 255 255); 367 } 368 369 370 body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-e097334b-8987-486c-ae29-603214278a42, .color-scheme-3e997f30-457a-40e7-a994-d05b10761e2c, .color-scheme-723ffa38-8934-4de8-b195-432e3f7b74f4 { 371 color: rgba(var(--color-foreground), 0.75); 372 background-color: rgb(var(--color-background)); 373 } 374 375 :root { 376 --font-body-family: Assistant, sans-serif; 377 --font-body-style: normal; 378 --font-body-weight: 400; 379 --font-body-weight-bold: 700; 380 381 --font-heading-family: Assistant, sans-serif; 382 --font-heading-style: normal; 383 --font-heading-weight: 400; 384 385 --font-body-scale: 1.0; 386 --font-heading-scale: 1.0; 387 388 --media-padding: px; 389 --media-border-opacity: 0.05; 390 --media-border-width: 1px; 391 --media-radius: 0px;
392 --media-shadow-opacity: 0.0; 393 --media-shadow-horizontal-offset: 0px; 394 --media-shadow-vertical-offset: 4px; 395 --media-shadow-blur-radius: 5px; 396 --media-shadow-visible: 0; 397 398 --page-width: 120rem; 399 --page-width-margin: 0rem; 400 401 --product-card-image-padding: 0.0rem; 402 --product-card-corner-radius: 0.0rem; 403 --product-card-text-alignment: left; 404 --product-card-border-width: 0.0rem; 405 --product-card-border-opacity: 0.1; 406 --product-card-shadow-opacity: 0.0; 407 --product-card-shadow-visible: 0; 408 --product-card-shadow-horizontal-offset: 0.0rem; 409 --product-card-shadow-vertical-offset: 0.4rem; 410 --product-card-shadow-blur-radius: 0.5rem; 411 412 --collection-card-image-padding: 0.0rem; 413 --collection-card-corner-radius: 0.0rem; 414 --collection-card-text-alignment: left; 415 --collection-card-border-width: 0.0rem; 416 --collection-card-border-opacity: 0.1; 417 --collection-card-shadow-opacity: 0.0; 418 --collection-card-shadow-visible: 0; 419 --collection-card-shadow-horizontal-offset: 0.0rem; 420 --collection-card-shadow-vertical-offset: 0.4rem; 421 --collection-card-shadow-blur-radius: 0.5rem; 422 423 --blog-card-image-padding: 0.0rem; 424 --blog-card-corner-radius: 0.0rem; 425 --blog-card-text-alignment: left; 426 --blog-card-border-width: 0.0rem; 427 --blog-card-border-opacity: 0.1; 428 --blog-card-shadow-opacity: 0.0; 429 --blog-card-shadow-visible: 0; 430 --blog-card-shadow-horizontal-offset: 0.0rem; 431 --blog-card-shadow-vertical-offset: 0.4rem; 432 --blog-card-shadow-blur-radius: 0.5rem; 433 434 --badge-corner-radius: 4.0rem; 435 436 --popup-border-width: 1px; 437 --popup-border-opacity: 0.1; 438 --popup-corner-radius: 0px; 439 --popup-shadow-opacity: 0.0; 440 --popup-shadow-horizontal-offset: 0px; 441 --popup-shadow-vertical-offset: 4px; 442 --popup-shadow-blur-radius: 5px; 443 444 --drawer-border-width: 1px; 445 --drawer-border-opacity: 0.1; 446 --drawer-shadow-opacity: 0.0; 447 --drawer-shadow-horizontal-offset: 0px; 448 --drawer-shadow-vertical-offset: 4px; 449 --drawer-shadow-blur-radius: 5px; 450 451 --spacing-sections-desktop: 0px; 452 --spacing-sections-mobile: 0px; 453 454 --grid-desktop-vertical-spacing: 8px; 455 --grid-desktop-horizontal-spacing: 8px; 456 --grid-mobile-vertical-spacing: 4px; 457 --grid-mobile-horizontal-spacing: 4px; 458 459 --text-boxes-border-opacity: 0.1; 460 --text-boxes-border-width: 0px; 461 --text-boxes-radius: 0px; 462 --text-boxes-shadow-opacity: 0.0; 463 --text-boxes-shadow-visible: 0; 464 --text-boxes-shadow-horizontal-offset: 0px; 465 --text-boxes-shadow-vertical-offset: 4px; 466 --text-boxes-shadow-blur-radius: 5px; 467 468 --buttons-radius: 0px; 469 --buttons-radius-outset: 0px; 470 --buttons-border-width: 1px; 471 --buttons-border-opacity: 1.0; 472 --buttons-shadow-opacity: 0.0; 473 --buttons-shadow-visible: 0; 474 --buttons-shadow-horizontal-offset: 0px; 475 --buttons-shadow-vertical-offset: 4px; 476 --buttons-shadow-blur-radius: 5px; 477 --buttons-border-offset: 0px; 478 479 --inputs-radius: 0px; 480 --inputs-border-width: 1px; 481 --inputs-border-opacity: 0.55; 482 --inputs-shadow-opacity: 0.0; 483 --inputs-shadow-horizontal-offset: 0px; 484 --inputs-margin-offset: 0px; 485 --inputs-shadow-vertical-offset: 4px; 486 --inputs-shadow-blur-radius: 5px; 487 --inputs-radius-outset: 0px; 488 489 --variant-pills-radius: 40px; 490 --variant-pills-border-width: 1px; 491 --variant-pills-border-opacity: 0.55; 492 --variant-pills-shadow-opacity: 0.0; 493 --variant-pills-shadow-horizontal-offset: 0px; 494 --variant-pills-shadow-vertical-offset: 4px; 495 --variant-pills-shadow-blur-radius: 5px; 496 } 497 498 *, 499 *::before, 500 *::after { 501 box-sizing: inherit; 502 } 503 504 html { 505 box-sizing: border-box; 506 font-size: calc(var(--font-body-scale) * 62.5%); 507 height: 100%; 508 } 509 510 body { 511 display: grid; 512 grid-template-rows: auto auto 1fr auto; 513 grid-template-columns: 100%; 514 min-height: 100%; 515 margin: 0; 516 font-size: 1.5rem; 517 letter-spacing: 0.06rem; 518 line-height: calc(1 + 0.8 / var(--font-body-scale)); 519 font-family: var(--font-body-family); 520 font-style: var(--font-body-style); 521 font-weight: var(--font-body-weight); 522 } 523 524 @font-face { 525 font-family: 'Queens Compressed Trial'; 526 src: url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/QueensCompressedTrial-Medium.woff?v=1690485769") format("woff"), 527 url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/QueensCompressedTrial-Medium.woff2?v=1690485769") format("woff2"); 528 font-weight: 500; 529 font-style: normal; 530 font-display: swap; 531 } 532 533 @font-face { 534 font-family: 'Queens Compressed Trial'; 535 src: url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/QueensCompressedTrial-Light.woff?v=1690485768") format("woff"), 536 url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/QueensCompressedTrial-Light.woff2?v=1690485768") format("woff2"); 537 font-weight: 300; 538 font-style: normal; 539 font-display: swap; 540 } 541 542 @font-face { 543 font-family: 'Queenscondensedtrial'; 544 src: url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/QueensCompressedTrial-Light.woff?v=1690485768") format("woff"), 545 url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/QueensCompressedTrial-Light.woff2?v=1690485768") format("woff2"); 546 font-weight: 300; 547 font-style: normal; 548 font-display: swap; 549 } 550 551 @font-face { 552 font-family: 'Angleciaprodisplay'; 553 src: url('../fonts/AngleciaProDisplay-Regular.otf') format('opentype'); 554 font-weight: 400; 555 font-style: normal; 556 font-display: swap; 557 } 558 559 @font-face { 560 font-family: 'Mintgrotesktrial'; 561 src: url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGroteskTrial-Regular.woff?v=1690485768") format("woff"), 562 url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGroteskTrial-Regular.woff2?v=1690485767") format("woff2"); 563 font-weight: 400; 564 font-style: normal; 565 font-display: swap; 566 } 567 568 @font-face { 569 font-family: 'Mintgrotesktrial'; 570 src: url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGrotesk-Bold.woff2?v=1690883493") format("woff"), 571 url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGrotesk-Bold.woff?v=1690883492") format("woff2"); 572 font-weight: 600; 573 font-style: normal; 574 font-display: swap; 575 } 576 577 @font-face { 578 font-family: 'Mintgrotesktrial'; 579 src: url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGroteskTrial-Medium.woff?v=1690485768") format("woff"), 580 url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGroteskTrial-Medium.woff2?v=1690485768") format("woff2"); 581 font-weight: 500; 582 font-style: normal; 583 font-display: swap; 584 } 585 586 @font-face { 587 font-family: 'Mintgrotesktrial'; 588 src: url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGroteskTrial-Heavy.woff?v=1690879375") format("woff"), 589 url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGroteskTrial-Heavy.woff2?v=1690879374") format("woff2"); 590 font-weight: 700; 591 font-display: swap; 592 } 593 594 @font-face { 595 font-family: 'Mintgrotesktrial'; 596 src: url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGrotesk-Regular_2.woff?v=1691091285") format("woff"), 597 url("https://cdn.shopify.com/s/files/1/0780/3915/5001/files/MintGrotesk-Regular_1.woff2?v=1691091285") format("woff2"); 598 font-weight: 300; 599 font-style: normal; 600 font-display: swap; 601 } 602 603 604 @media screen and (min-width: 750px) { 605 body { 606 font-size: 1.6rem; 607 } 608 } 609 </style> 610 <!-- Calendly --> 611 <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> 612
612<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
612 613 614 <!--
614<script type="text/javascript"> 615 document.addEventListener("DOMContentLoaded", function() { 616 Calendly.initBadgeWidget({ 617 url: "https://calendly.com/n8taylor/keyspan-consult", 618 text: "Letâs talk", 619 color: "#00FF00", 620 textColor: "#000080", 621 branding: false, 622 623 }); 624 625 }); 626 </script>
626 -->
627<script type="text/javascript"> 628 document.addEventListener("DOMContentLoaded", function() { 629 // Get the current page URL path 630 var currentPage = window.location.pathname; 631 632 // Default Calendly URL 633 var calendlyUrl = "https://calendly.com/n8taylor/keyspan-consult"; 634 635 // If the URL is '/pages/partners', change to gym consultation Calendly URL 636 if (currentPage === '/pages/partners') { 637 calendlyUrl = "https://calendly.com/n8taylor/gym-consultation"; 638 } 639 640 if (currentPage !== '/pages/cc-challenge' && currentPage !== '/pages/inbody-challenge-2024' && currentPage !== '/pages/health-check-customer' && currentPage !== '/pages/studio-mvmnt' && currentPage !== '/pages/facetseven' && currentPage !== '/pages/microplastics-quiz' && currentPage !== '/pages/keyspan-test-page' && currentPage !== '/pages/prenuvo') { 641 // Initialize Calendly widget with the appropriate URL 642 643 } 644 645 }); 646</script>
646 647 648
648<script> 649 document.addEventListener('DOMContentLoaded', function () { 650 const isCartPage = window.location.pathname === '/cart'; 651 652 if (isCartPage && typeof fbq === 'function') { 653 fetch('/cart.js') 654 .then(res => res.json()) 655 .then(cart => { 656 if (cart.items && cart.items.length > 0) { 657 const products = cart.items.map(item => ({ 658 id: item.id, 659 name: item.title, 660 quantity: item.quantity, 661 price: item.price / 100, 662 product_type: item.product_type, 663 variant_id: item.variant_id 664 })); 665 666 fbq('track', 'AddToCart', { 667 content_type: 'product', 668 contents: products, 669 value: cart.items_subtotal_price / 100, 670 currency: cart.currency || 'USD' 671 }); 672 673 console.log('[Meta Pixel] CartPageViewed event fired with products:', products); 674 } 675 }) 676 .catch(err => { 677 console.warn('Cart fetch error:', err); 678 }); 679 } 680 }); 681</script>
vendor: 1 bytes, line 681
681
682<script> 683 document.addEventListener('DOMContentLoaded', function () { 684 const submitBtn = document.getElementById('submit-form-btn'); 685 686 if (submitBtn && typeof fbq === 'function') { 687 submitBtn.addEventListener('click', function () { 688 // Optional: gather form data 689 const firstName = document.getElementById('firstName')?.value || ''; 690 const lastName = document.getElementById('lastName')?.value || ''; 691 const email = document.getElementById('email')?.value || ''; 692 693 fbq('trackCustom', 'QuizCompletion', { 694 first_name: firstName, 695 last_name: lastName, 696 email: email 697 }); 698 699 console.log('[Meta Pixel] QuizCompletion event fired', { firstName, lastName, email }); 700 }); 701 } 702 }); 703</script>
703 704 705 <link href="//keyspan.ai/cdn/shop/t/8/assets/base.css?v=43223337761043323611781682066" rel="stylesheet" type="text/css" media="all" /> 706 <link href="//keyspan.ai/cdn/shop/t/8/assets/normalize.css?v=7230471698553888871781682067" rel="stylesheet" type="text/css" media="all" /> 707 <link href="//keyspan.ai/cdn/shop/t/8/assets/webflow.css?v=72646781778054517411781682068" rel="stylesheet" type="text/css" media="all" /> 708 <link href="//keyspan.ai/cdn/shop/t/8/assets/Gym.webflow.css?v=117836420790611283781781682064" rel="stylesheet" type="text/css" media="all" /> 709 <link href="//keyspan.ai/cdn/shop/t/8/assets/keyspan-new.webflow.css?v=64871470261864823651781682066" rel="stylesheet" type="text/css" media="all" /> 710 <link href="//keyspan.ai/cdn/shop/t/8/assets/Gym-landing-page.webflow.css?v=35466966947899019651781682063" rel="stylesheet" type="text/css" media="all" /> 711 <link href="//keyspan.ai/cdn/shop/t/8/assets/Microplastic-landing-page-webflow.css?v=178563871862061786771781682064" rel="stylesheet" type="text/css" media="all" /> 712 <link href="//keyspan.ai/cdn/shop/t/8/assets/microplastic-new-landing-page.css?v=19286314700319634701786036508" rel="stylesheet" type="text/css" media="all" /> 713 <link href="//keyspan.ai/cdn/shop/t/8/assets/prenuvo-landing-page.css?v=160784578049535121671781682069" rel="stylesheet" type="text/css" media="all" /> 714 <link href="//keyspan.ai/cdn/shop/t/8/assets/microplastic-quiz-results-page.css?v=28094056816165805061781682066" rel="stylesheet" type="text/css" media="all" /> 715 <link href="//keyspan.ai/cdn/shop/t/8/assets/microplastics-bundle-page.css?v=89326664648111164711790079927" rel="stylesheet" type="text/css" media="all" /> 716 717 <link href="https://fonts.googleapis.com" rel="preconnect"> 718 <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"> 719
719<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
719 720
720<script type="text/javascript"> 721 WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Poppins:regular,500,600,700,800,900","Lora:regular,500,600,700","Overpass:300,regular,500,600,700,800,900"] }}); 722 </script>
722 723
723<script type="text/javascript"> 724 !function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document); 725 </script>
725 726 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"> 727 728 <link 729 rel="stylesheet" 730 href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" 731 integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" 732 crossorigin="anonymous" 733 > 734 <link rel="stylesheet" type="text/css" href="https://kenwheeler.github.io/slick/slick/slick.css"> 735 <link rel="stylesheet" type="text/css" href="https://kenwheeler.github.io/slick/slick/slick-theme.css"> 736 <link href="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"> 737 <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"> 738 <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"> 739 <!-- <link href="//keyspan.ai/cdn/shop/t/8/assets/custom.css?v=54243584366883429461781682068" rel="stylesheet" type="text/css" media="all" /> --><link rel="preload" as="font" href="//keyspan.ai/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//keyspan.ai/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin><link 740 rel="stylesheet" 741 href="//keyspan.ai/cdn/shop/t/8/assets/component-predictive-search.css?v=118923337488134913561781682068" 742 media="print" 743 onload="this.media='all'" 744 >
744<script> 745 function initApollo(){ 746 var n=Math.random().toString(36).substring(7), 747 o=document.createElement("script"); 748 o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n; 749 o.async=!0; 750 o.defer=!0; 751 o.onload=function(){ 752 window.trackingFunctions.onLoad({ 753 appId:"6633fc1158bbfb01c78095a2" 754 }) 755 }; 756 document.head.appendChild(o); 757 } 758 initApollo(); 759 </script>
759 760 761 762 763 764
764<script> 765 (function () { 766 const utmParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term']; 767 const urlParams = new URLSearchParams(window.location.search); 768 769 utmParams.forEach(param => { 770 const value = urlParams.get(param); 771 if (value) { 772 localStorage.setItem(param, value); 773 console.log(`Stored ${param}: ${value}`); 774 } 775 }); 776 })(); 777</script>
777 778 779
779<script> 780 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 781 if (Shopify.designMode) { 782 document.documentElement.classList.add('shopify-design-mode'); 783 } 784 </script>
784 785
785<script 786 src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=63cec441928f17bb5c6cc3d4" 787 type="text/javascript" 788 integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" 789 crossorigin="anonymous" 790 ></script>
790 791
791<script src="//keyspan.ai/cdn/shop/t/8/assets/webflow.js?v=123485051514965538501781682069" defer="defer"></script>
791 792
792<script src="//keyspan.ai/cdn/shop/t/8/assets/custom.js?v=108940631156833118221781682069" defer="defer"></script>
792 793
793<script 794 src="https://cf.vvkey.io/bundle_v1.2.js" 795 id="vv_js_tag" 796 data-iss-url="https://longevity-alpha.vvkey.io" 797 data-client-id="CTJNmdlMEZCn" 798 data-base-url="https://impossible-gray-dress.cyclic.app/" 799 data-private-lite="true" 800 ></script>
800 801 <!--
801<script type="text/javascript" src="https://kenwheeler.github.io/slick/slick/slick.js"></script>
801 --> 802 <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 803 804 805 806 807 808 809 810 811 812 813 814 815
815<script async src="https://static.klaviyo.com/onsite/js/S3nrrR/klaviyo.js?company_id=S3nrrR"></script>
815 816
816<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
816 817 818 819 820 821 822 823
823<script> 824 window.klaviyoReviewsProductDesignMode = false 825 </script>
825 826 827 828 829 830 831 832 833 834 835<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea --> 836 837 838 839 840 841<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
842<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: 78039155001,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 842
842
843<script> 844 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 845</script>
vendor: 1 bytes, line 845
845
846<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}
846).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: 78039155001,storefrontBaseUrl: "https://keyspan.ai",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://keyspan.ai/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["bdb960ec","16072cab","8450a54b"],webPixelsConfigList: [{"id":"2962751801","configuration":"{\"publicKey\":\"pub_dc1b167a5e911140cce4\",\"apiUrl\":\"https:\\\/\\\/tracking.refersion.com\",\"urlIdDetection\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"86ecbc68ef74dc9bb982fccd1962837f","type":"APP","apiClientId":147004,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2196308281","configuration":"{\"accountID\":\"S3nrrR\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"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"]}
846,{"id":"1763311929","configuration":"{\"storeIdentity\":\"a173ed-2.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1254064441","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-SLMP0GJRF0\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-SLMP0GJRF0\\\"}],\\\"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":"402522425","configuration":"{\"pixel_id\":\"1237515863615710\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"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":"165413177","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Purchase Event "},{"id":"213909817","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Checkout Completed"},{"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":"Keyspan","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"a173ed-2.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/keyspan.ai"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8432753639737","handle":"foundation-monthly","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45606619185465","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9827878338873","handle":"microplastics-blood-test","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50597918638393","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9458076025145","handle":"monthly-membership","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49336969527609","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8432793616697","handle":"foundation-yearly","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45606702154041","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
846,{"id":"10175966445881","handle":"kai-ai-health-coach","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52225927872825","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9679211921721","handle":"monthly-membership-cc","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50041910591801","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9711600664889","handle":"keyspan-health-check-blood-draw-health-coaching-session","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50178956034361","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9727784288569","handle":"add-on-precision-supplements","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50245049844025","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9779124011321","handle":"basic-gym-membership","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50434776662329","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10004146553145","handle":"microplastics-started-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51230489280825","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9779124896057","handle":"premium-gym-membership","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50434778628409","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9766611878201","handle":"keyspan-health-check-blood-draw-health-coaching-session-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50388440187193","
846image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9766608142649","handle":"keyspan-health-check-blood-draw-health-coaching-session-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50388431896889","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10004147339577","handle":"microplastics-hero-bundle-60-day-detox","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51230490198329","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9853713088825","handle":"add-on-additional-blood-draw","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50681824051513","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9968310812985","handle":"exclusive-full-body-mri-scan-300-off-for-keyspan-members","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51119847964985","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10140160524601","handle":"microplastics-blood-test-microplastics-coaching-ce-course","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52005630476601","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9814296330553","handle":"keyspan-health-check-blood-draw-health-coaching-session-5","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50539952636217","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9814216081721","handle":"annual-membership-4","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50539830640953","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9758595383609","handle":"monthly-membership-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50363203289401","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9842266833209","handle":"monthly-membership-4","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50644765507897","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9766612664633","handle":"keyspan-health-check-blood-draw-health-coaching-session-4","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50388441366841","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9766476874041","handle":"monthly-membership-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50388098154809","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9758606917945","handle":"keyspan-health-check-blood-draw-health-coaching-session-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50363217445177","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9458078908729","handle":"annual-membership","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49336977785145","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10004210188601","handle":"detox-supplements-subscription","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51230711775545","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9842267717945","handle":"keyspan-health-check-blood-draw-health-coaching-session-6","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50644770619705","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9842267423033","handle":"annual-membership-5","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50644767932729","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9814177448249","handle":"monthly-membership-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50539782504761","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9766476611897","handle":"annual-membership-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50388093894969","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9758591418681","handle":"annual-membership-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50363197129017","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9679200846137","handle":"annual-membership-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50041890505017","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8460568133945","handle":"single-session","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45695953568057","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8460570624313","handle":"3-session-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45695960580409","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9852463808825","handle":"add-on-health-coaching","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50678723150137","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
846,{"id":"10312050311481","handle":"blood-panel-review-session","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54346186359097","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://keyspan.ai/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"187686748473","themePublished":"true","eventMetadataId":"7286fcd4-ce00-4cfb-8819-c5305514b2c0","pageType":"page","resourceId":"136198652217","shopId":"78039155001","storefrontBaseUrl":"https:\/\/keyspan.ai","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"bdb960ec\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
846<script> 847 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 848 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 849 window.ShopifyAnalytics.meta.currency = 'USD'; 850 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":136198652217,"requestId":"a1fa4539-f894-479b-9c7b-969094d492f8-1790258045"}}; 851 for (var attr in meta) { 852 window.ShopifyAnalytics.meta[attr] = meta[attr]; 853 } 854</script>
vendor: 1 bytes, line 854
854
855<script class="analytics"> 856 (function () { 857 var customDocumentWrite = function(content) { 858 var jquery = null; 859 860 if (window.jQuery) { 861 jquery = window.jQuery; 862 } else if (window.Checkout && window.Checkout.$) { 863 jquery = window.Checkout.$; 864 } 865 866 if (jquery) { 867 jquery('body').append(content); 868 } 869 }; 870 871 var hasLoggedConversion = function(token) { 872 if (token) { 873 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 874 } 875 return false; 876 } 877 878 var setCookieIfConversion = function(token) { 879 if (token) { 880 var twoMonthsFromNow = new Date(Date.now()); 881 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 882 883 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 884 } 885 } 886 887 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 888 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 889 if (trekkie.integrations) { 890 return; 891 } 892 trekkie.methods = [ 893 'identify', 894 'page', 895 'ready', 896 'track', 897 'trackForm', 898 'trackLink' 899 ]; 900 trekkie.factory = function(method) { 901 return function() { 902 var args = Array.prototype.slice.call(arguments); 903 args.unshift(method); 904 trekkie.push(args); 905 if (method == 'track' || method == 'page') { 906 try { 907 if (window.__TREKKIE_SHIM_QUEUE == null) { 908 window.__TREKKIE_SHIM_QUEUE = []; 909 } 910 window.__TREKKIE_SHIM_QUEUE.push({ 911 from: 'trekkie-stub', 912 method: method, 913 args: args.slice(1) 914 }); 915 } catch (e) { 916 // no-op 917 } 918 } 919 return trekkie; 920 }; 921 }; 922 for (var i = 0; i < trekkie.methods.length; i++) { 923 var key = trekkie.methods[i]; 924 trekkie[key] = trekkie.factory(key); 925 } 926 trekkie.load = function(config) { 927 trekkie.config = config || {}; 928 trekkie.config.initialDocumentCookie = document.cookie; 929 var first = document.getElementsByTagName('script')[0]; 930var script = document.createElement('script'); 931script.type = 'text/javascript'; 932script.onerror = function(e) { 933 var scriptFallback = document.createElement('script'); 934 scriptFallback.type = 'text/javascript'; 935 scriptFallback.onerror = function(error) { 936 var Monorail = { 937 produce: function produce(monorailDomain, schemaId, payload) { 938 var currentMs = new Date().getTime(); 939 var event = { 940 schema_id: schemaId, 941 payload: payload, 942 metadata: { 943 event_created_at_ms: currentMs, 944 event_sent_at_ms: currentMs 945 } 946 }; 947 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 948 }, 949 sendRequest: function sendRequest(endpointUrl, payload) { 950 // Try the sendBeacon API 951 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 952 var blobData = new window.Blob([payload], { 953 type: 'text/plain' 954 }); 955 956 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 957 return true; 958 } // sendBeacon was not successful 959 960 } // XHR beacon 961 962 var xhr = new XMLHttpRequest(); 963 964 try { 965 xhr.open('POST', endpointUrl); 966 xhr.setRequestHeader('Content-Type', 'text/plain'); 967 xhr.send(payload); 968 } catch (e) { 969 console.log(e); 970 } 971 972 return false; 973 }, 974 isIos12: function isIos12() { 975 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 976 } 977 }; 978 Monorail.produce('monorail-edge.shopifysvc.com', 979 'trekkie_storefront_load_errors/1.1', 980 {shop_id: 78039155001, 981 theme_id: 187686748473, 982 app_name: "storefront", 983 context_url: window.location.href, 984 source_url: "//keyspan.ai/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 985 986 }; 987 scriptFallback.async = true; 988 scriptFallback.src = '//keyspan.ai/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 989 first.parentNode.insertBefore(scriptFallback, first); 990}; 991script.async = true; 992script.src = '//keyspan.ai/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 993first.parentNode.insertBefore(script, first); 994 995 }; 996 trekkie.load( 997 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78039155001,"isMerchantRequest":null,"themeId":187686748473,"themeCityHash":"803578343327616401","contentLanguage":"en","currency":"USD","eventMetadataId":"7286fcd4-ce00-4cfb-8819-c5305514b2c0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bdb960ec","764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 998 ); 999 1000 var loaded = false;
1001 trekkie.ready(function() { 1002 if (loaded) return; 1003 loaded = true; 1004 1005 window.ShopifyAnalytics.lib = window.trekkie; 1006 1007 var originalDocumentWrite = document.write; 1008 document.write = customDocumentWrite; 1009 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1010 document.write = originalDocumentWrite; 1011 1012 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1013 var token = match? match[1]: undefined; 1014 if (!hasLoggedConversion(token)) { 1015 setCookieIfConversion(token); 1016 1017 } 1018 }); 1019 1020 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":136198652217,"requestId":"a1fa4539-f894-479b-9c7b-969094d492f8-1790258045","shopifyEmitted":true}); 1021 1022 var eventsListenerScript = document.createElement('script'); 1023 eventsListenerScript.async = true; 1024 eventsListenerScript.src = "//keyspan.ai/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1025 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1026})();</script>
vendor: 1 bytes, line 1026
1026
1027<script 1028 defer 1029 src="https://keyspan.ai/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1030 data-application="storefront-renderer" 1031 data-shop-id="78039155001" 1032 data-render-region="gcp-us-central1" 1033 data-page-type="page" 1034 data-theme-instance-id="187686748473" 1035 data-theme-name="Dawn" 1036 data-theme-version="10.0.0" 1037 data-monorail-region="shop_domain" 1038 data-resource-timing-sampling-rate="10" 1039 data-shs="true" 1040 data-shs-beacon="true" 1041 data-shs-export-with-fetch="true" 1042 data-shs-logs-sample-rate="1" 1043 data-shs-beacon-endpoint="https://keyspan.ai/api/collect" 1044></script>
1044 1045<meta name="shopify-y" content="92852fce-ad71-48ac-81cc-c3798d84c8ab" data-expiration="1821815645000"><meta name="shopify-s" content="af189c2a-c68c-4d62-a0ca-f19d461819c9" data-expiration="1790259845000"><meta name="new-cookie-storage-activated" content="t"> 1046</head> 1047 1048 <body class="gradient animate--hover-default"> 1049 1050 1051 <!-- <div id="zip-code-popup" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999;"> 1052 <div style="max-width: 400px; margin: 100px auto; background: white; padding: 20px; border-radius: 5px; text-align: center;"> 1053 <h3>Enter Your Zip Code</h3> 1054 <input type="text" id="zip-code-input" placeholder="Zip Code" style="width: 100%; padding: 10px; margin: 10px 0;" /> 1055 <button id="zip-code-submit" style="padding: 10px 20px; background-color: #007bff; color: white; border: none; cursor: pointer;">Submit</button> 1056 </div> 1057 </div> 1058
1058<script> 1059document.addEventListener('DOMContentLoaded', function () { 1060 const popup = document.getElementById('zip-code-popup'); 1061 const zipCodeInput = document.getElementById('zip-code-input'); 1062 const zipCodeSubmit = document.getElementById('zip-code-submit'); 1063 1064 // Check if zip code already exists 1065 const existingZipCode = localStorage.getItem('customerZipCode'); 1066 if (!existingZipCode) { 1067 popup.style.display = 'block'; 1068 } 1069 1070 // Handle zip code submission 1071 zipCodeSubmit.addEventListener('click', function () { 1072 const zipCode = zipCodeInput.value.trim(); 1073 if (zipCode) { 1074 // Save zip code in localStorage 1075 localStorage.setItem('customerZipCode', zipCode); 1076 1077 // Hide the popup 1078 popup.style.display = 'none'; 1079 1080 // Optionally, trigger an event or reload the page 1081 console.log('Zip Code Saved:', zipCode); 1082 } else { 1083 alert('Please enter a valid zip code.'); 1084 } 1085 }); 1086 1087 // Optionally, add a close button for the popup 1088 // popup.addEventListener('click', function (event) { 1089 // if (event.target === popup) { 1090 // popup.style.display = 'none'; 1091 // } 1092 // }); 1093}); 1094 1095 </script>
1095 1096 --> 1097 1098<!-- <div id="zip-code-popup" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999;"> 1099 <div style="max-width: 400px; margin: 100px auto; background: white; padding: 20px; border-radius: 5px; text-align: center;"> 1100 <h3>Enter Your Zip Code</h3> 1101 <input type="text" id="zip-code-input" placeholder="Zip Code" style="width: 100%; padding: 10px; margin: 10px 0;" /> 1102 <button id="zip-code-submit" style="padding: 10px 20px; background-color: #007bff; color: white; border: none; cursor: pointer;">Submit</button> 1103 </div> 1104</div> 1105 1106<!-- Hidden Iframe for Submitting the Add-to-Cart Request --> 1107<!-- <iframe id="hidden-iframe" name="hidden-iframe" style="display: none;"></iframe> --> 1108 1109<!-- Hidden Add-to-Cart Form --> 1110<!-- <form id="add-to-cart-form" method="get" action="/cart/add" target="hidden-iframe" style="display: none;"> 1111 <input type="hidden" name="id" value="50245049844025"> 1112 <input type="hidden" name="selling_plan" value=""> 1113 <input type="hidden" name="quantity" value="1"> 1114</form> --> 1115<!--
1115<script> 1116document.addEventListener('DOMContentLoaded', function () { 1117 const popup = document.getElementById('zip-code-popup'); 1118 const zipCodeInput = document.getElementById('zip-code-input'); 1119 const zipCodeSubmit = document.getElementById('zip-code-submit'); 1120 const addToCartForm = document.getElementById('add-to-cart-form'); 1121 const hiddenIframe = document.getElementById('hidden-iframe'); 1122 1123 // Check if zip code already exists 1124 const existingZipCode = localStorage.getItem('customerZipCode'); 1125 if (!existingZipCode) { 1126 popup.style.display = 'block'; 1127 } 1128 1129 // Handle zip code submission 1130 zipCodeSubmit.addEventListener('click', function () { 1131 const zipCode = zipCodeInput.value.trim(); 1132 if (zipCode) { 1133 // Save zip code in localStorage 1134 localStorage.setItem('customerZipCode', zipCode); 1135 1136 // Check if zip code is 85001 1137 if (zipCode === '85001') { 1138 // Submit the form to add the product without redirection 1139 addToCartForm.submit(); 1140 } 1141 1142 // Hide the popup 1143 popup.style.display = 'none'; 1144
1145 console.log('Zip Code Saved:', zipCode); 1146 } else { 1147 alert('Please enter a valid zip code.'); 1148 } 1149 }); 1150}); 1151</script>
1151 1152 --> 1153 1154 <a class="skip-to-content-link button visually-hidden" href="#MainContent"> 1155 Skip to content 1156 </a><div id="shopify-section-keyspan-ai-v2-cart-drawer" class="shopify-section"> 1157 1158<link href="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-cart-drawer.css?v=171859717607995781591784295245" rel="stylesheet" type="text/css" media="all" /> 1159<link rel="preconnect" href="https://api.fontshare.com" crossorigin> 1160<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin> 1161<link 1162 rel="stylesheet" 1163 href="https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700&display=swap" 1164> 1165<style data-keyspan-ai-v2-fonts="loaded"> 1166 @font-face { 1167 font-family: 'NunitoSans'; 1168 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Light.ttf?v=56513966676636941591781682065') format('truetype'); 1169 font-weight: 300; 1170 font-style: normal; 1171 font-display: swap; 1172 } 1173 @font-face { 1174 font-family: 'NunitoSans'; 1175 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans.ttf?v=170259169938569276511781682065') format('truetype'); 1176 font-weight: 400; 1177 font-style: normal; 1178 font-display: swap; 1179 } 1180 @font-face { 1181 font-family: 'NunitoSans'; 1182 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Bold.ttf?v=124247682587787133181781682064') format('truetype'); 1183 font-weight: 500 700; 1184 font-style: normal; 1185 font-display: swap; 1186 } 1187 @font-face { 1188 font-family: 'AngleciaProDisplay'; 1189 src: url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff2?v=165374212666553644501781682063') format('woff2'), 1190 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff?v=84508261835582621081781682063') format('woff'), 1191 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.otf?v=78782342474425454051781682062') format('opentype'); 1192 font-weight: 400; 1193 font-style: normal; 1194 font-display: swap; 1195 } 1196</style> 1197 1198 1199<div class="ks-cart" data-ks-cart aria-hidden="true"> 1200 <div class="ks-cart__backdrop" data-ks-cart-close tabindex="-1"></div> 1201 1202 <aside 1203 class="ks-cart__panel" 1204 role="dialog" 1205 aria-modal="true" 1206 aria-label="Shopping cart" 1207 tabindex="-1" 1208 > 1209 <div class="ks-cart__header"> 1210 <p class="ks-cart__title">Shopping cart</p> 1211 <button type="button" class="ks-cart__close" data-ks-cart-close aria-label="Close cart"> 1212 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" aria-hidden="true"> 1213 <path d="M18 6 6 18M6 6l12 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/> 1214 </svg> 1215 </button> 1216 </div> 1217 1218 <div class="ks-cart__error" data-ks-cart-error role="alert" hidden></div> 1219 1220 <div class="ks-cart__body" data-ks-cart-body data-ks-cart-count="0"><div class="ks-cart__empty"> 1221 <p class="ks-cart__empty-title">Your cart is empty</p> 1222 <p class="ks-cart__empty-note">Explore our tests and supplements to get started.</p> 1223 <a class="ks-cart__empty-cta" href="/collections/all" data-ks-cart-close>Continue shopping</a> 1224 </div></div><div 1225 class="ks-cart__tail" 1226 data-ks-cart-tail 1227 hidden 1228 ><div class="ks-cart__express additional-checkout-buttons"> 1229 <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":78039155001,"merchantName":"Keyspan","personalized":true}}]" access-token="f82b9c7150e0fa4588d2317fbaca6c93" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="78039155001" cart-id="5bca23d518d6cc4d9460fa18abc705a2" enabled-flags="["1172c16a","a1d1f9a1","370070f3"]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div> 1230 </div><p class="ks-cart__hsa"> 1231 <svg viewBox="0 0 20 20" width="14" height="14" fill="none" aria-hidden="true"> 1232 <circle cx="10" cy="10" r="9" fill="#3fb950"/> 1233 <path d="m6 10.2 2.6 2.6L14 7.4" stroke="#fff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 1234 </svg> 1235 HSA/FSA eligible 1236 </p> 1237 </div> 1238 </aside> 1239</div> 1240
1241<script src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-cart-drawer.js?v=82934065524627331784282821" defer="defer"></script>
1241 1242 1243 1244</div> 1245 1246 <div id="shopify-section-download-apps-modal" class="shopify-section"> 1247<!--
1248<script> 1249 const modal = document.getElementById("modal"); 1250 // modal.style.display = "flex"; 1251 window.addEventListener("click", (event) => { 1252 if (event.target === modal) { 1253 modal.style.display = "none"; 1254 } 1255 }); --> 1256<!-- </script>
1256 --> 1257 1258 1259 1260 1261 1262</div> 1263 <!-- BEGIN sections: header-group --> 1264 1265<!-- END sections: header-group --> 1266 1267 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"><!-- keyspan-home-debug: host="keyspan.ai" lower_host="keyspan.ai" template="page" template_suffix="product-archive" page_handle="shop" product_handle="" blog_handle="" article_handle="" is_keyspan="true" keyspan_home="false" keyspan_shop="true" keyspan_about="false" keyspan_blog="false" keyspan_article="false" keyspan_cart="false" keyspan_faq="false" keyspan_membership="false" keyspan_micro_bundle="false" keyspan_ce_course="false" keyspan_mri="false" keyspan_detox="false" keyspan_what_we_test="false" legacy_product="false" --><!-- BEGIN sections: shop-keyspan --> 1268<header id="shopify-section-sections--27150038565177__ksv2_header" class="shopify-section shopify-section-group-shop-keyspan keyspan-ai-v2-header-section-root"><link href="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2.css?v=60620729543962623861787736217" rel="stylesheet" type="text/css" media="all" /> 1269<link rel="preconnect" href="https://api.fontshare.com" crossorigin> 1270<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin> 1271<link 1272 rel="stylesheet" 1273 href="https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700&display=swap" 1274> 1275<style data-keyspan-ai-v2-fonts="loaded"> 1276 @font-face { 1277 font-family: 'NunitoSans'; 1278 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Light.ttf?v=56513966676636941591781682065') format('truetype'); 1279 font-weight: 300; 1280 font-style: normal; 1281 font-display: swap; 1282 } 1283 @font-face { 1284 font-family: 'NunitoSans'; 1285 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans.ttf?v=170259169938569276511781682065') format('truetype'); 1286 font-weight: 400; 1287 font-style: normal; 1288 font-display: swap; 1289 } 1290 @font-face { 1291 font-family: 'NunitoSans'; 1292 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Bold.ttf?v=124247682587787133181781682064') format('truetype'); 1293 font-weight: 500 700; 1294 font-style: normal; 1295 font-display: swap; 1296 } 1297 @font-face { 1298 font-family: 'AngleciaProDisplay'; 1299 src: url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff2?v=165374212666553644501781682063') format('woff2'), 1300 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff?v=84508261835582621081781682063') format('woff'), 1301 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.otf?v=78782342474425454051781682062') format('opentype'); 1302 font-weight: 400; 1303 font-style: normal; 1304 font-display: swap; 1305 } 1306</style> 1307 1308 1309<div 1310 id="keyspan-ai-v2-header-sections--27150038565177__ksv2_header" 1311 class="keyspan-ai-v2-header-section keyspan-ai-v2-header-section--sticky keyspan-ai-v2-header-section--light" 1312> 1313 <div class="keyspan-ai-v2-header-outer"> 1314 <div class="keyspan-ai-v2-header-bar"> 1315 <div class="keyspan-ai-v2-header-logo-slot"> 1316 <a href="/" class="keyspan-ai-v2-header-logo-link" aria-label="Keyspan"><img 1317 class="keyspan-ai-v2-header-logo-img" 1318 src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-header-logo.svg?v=126430987294770472021781682063" 1319 alt="Keyspan" 1320 width="200" 1321 height="24" 1322 loading="eager" 1323 ></a> 1324 </div> 1325 1326 <nav class="keyspan-ai-v2-header-nav-desktop" aria-label="Main navigation"> 1327 <ul class="keyspan-ai-v2-header-nav-list"><li><a href="/pages/shop" class="keyspan-ai-v2-header-nav-link">Shop</a></li> 1328 <li><a href="/pages/what-we-test" class="keyspan-ai-v2-header-nav-link">What we test</a></li> 1329 <li><a href="/pages/partners" class="keyspan-ai-v2-header-nav-link">For Partners</a></li> 1330 <li><a href="/blogs/keyspan" class="keyspan-ai-v2-header-nav-link">Blog</a></li></ul> 1331 </nav> 1332 1333 <div class="keyspan-ai-v2-header-actions"> 1334 <a 1335 href="/cart" 1336 class="keyspan-ai-v2-header-cart" 1337 aria-label="Cart" 1338 data-ks-cart-open 1339 > 1340 <img 1341 class="keyspan-ai-v2-header-cart-icon" 1342 src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-cart-icon.svg?v=110292861481952242491781682062" 1343 alt="" 1344 width="16" 1345 height="16" 1346 loading="lazy" 1347 >
1348 <span 1349 class="keyspan-ai-v2-header-cart-badge" 1350 data-ks-cart-badge 1351 data-count="0" 1352 hidden 1353 >0</span> 1354 </a> 1355 1356 <a href="https://keyspan.ai/pages/membership" class="keyspan-ai-v2-header-cta"> 1357 Get started 1358 </a> 1359 1360 <button 1361 type="button" 1362 class="keyspan-ai-v2-header-mobile-toggle" 1363 aria-expanded="false" 1364 aria-controls="keyspan-ai-v2-menu-sections--27150038565177__ksv2_header" 1365 data-keyspan-ai-v2-menu-toggle 1366 > 1367 <span class="keyspan-ai-v2-visually-hidden">Open menu</span> 1368 <span class="keyspan-ai-v2-header-mobile-toggle-lines" aria-hidden="true"> 1369 <span></span> 1370 <span></span> 1371 <span></span> 1372 </span> 1373 </button> 1374 </div> 1375 </div> 1376 1377 <div 1378 id="keyspan-ai-v2-menu-sections--27150038565177__ksv2_header" 1379 class="keyspan-ai-v2-header-mobile-panel" 1380 role="dialog" 1381 aria-modal="true" 1382 aria-label="Main navigation" 1383 aria-hidden="true" 1384 hidden 1385 > 1386 <div class="keyspan-ai-v2-header-mobile-panel-handle" aria-hidden="true"></div> 1387 <div class="keyspan-ai-v2-header-mobile-panel-body"> 1388 <ul class="keyspan-ai-v2-header-mobile-nav-list"><li><a href="/pages/shop" class="keyspan-ai-v2-header-mobile-nav-link">Shop</a></li> 1389 <li><a href="/pages/what-we-test" class="keyspan-ai-v2-header-mobile-nav-link">What we test</a></li> 1390 <li><a href="/pages/partners" class="keyspan-ai-v2-header-mobile-nav-link">For Partners</a></li> 1391 <li><a href="/blogs/keyspan" class="keyspan-ai-v2-header-mobile-nav-link">Blog</a></li></ul> 1392 </div> 1393 <div class="keyspan-ai-v2-header-mobile-panel-footer"> 1394 <a href="https://keyspan.ai/pages/membership" class="keyspan-ai-v2-header-mobile-panel-cta"> 1395 Get started 1396 </a> 1397 </div> 1398 </div> 1399 </div> 1400 1401 <div class="keyspan-ai-v2-header-mobile-backdrop" data-keyspan-ai-v2-menu-backdrop tabindex="-1" aria-hidden="true"></div> 1402</div> 1403 1404 1405
1406<script> 1407 (function () { 1408 var root = document.getElementById('keyspan-ai-v2-header-sections--27150038565177__ksv2_header'); 1409 if (!root) return; 1410 var toggle = root.querySelector('[data-keyspan-ai-v2-menu-toggle]'); 1411 var panel = root.querySelector('#keyspan-ai-v2-menu-sections--27150038565177__ksv2_header'); 1412 var backdrop = root.querySelector('[data-keyspan-ai-v2-menu-backdrop]'); 1413 if (!toggle || !panel) return; 1414 1415 function setOpen(open) { 1416 root.classList.toggle('keyspan-ai-v2-header-mobile-open', open); 1417 toggle.setAttribute('aria-expanded', open ? 'true' : 'false'); 1418 panel.setAttribute('aria-hidden', open ? 'false' : 'true'); 1419 if (open) { 1420 panel.removeAttribute('hidden'); 1421 } else { 1422 panel.setAttribute('hidden', ''); 1423 } 1424 } 1425 1426 toggle.addEventListener('click', function (e) { 1427 e.stopPropagation(); 1428 var next = toggle.getAttribute('aria-expanded') !== 'true'; 1429 setOpen(next); 1430 }); 1431 1432 if (backdrop) { 1433 backdrop.addEventListener('click', function () { 1434 setOpen(false); 1435 }); 1436 } 1437 1438 document.addEventListener('click', function (e) { 1439 if (!root.contains(e.target)) setOpen(false); 1440 }); 1441 1442 document.addEventListener('keydown', function (e) { 1443 if (e.key === 'Escape') setOpen(false); 1444 }); 1445 })(); 1446</script>
1446 1447 1448 1449</header><section id="shopify-section-sections--27150038565177__ksv2_shop_kai_hero" class="shopify-section shopify-section-group-shop-keyspan shop-kai-hero-section"><link href="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2.css?v=60620729543962623861787736217" rel="stylesheet" type="text/css" media="all" /> 1450<link rel="preconnect" href="https://api.fontshare.com" crossorigin> 1451<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin> 1452<link 1453 rel="stylesheet" 1454 href="https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700&display=swap" 1455> 1456<style data-keyspan-ai-v2-fonts="loaded"> 1457 @font-face { 1458 font-family: 'NunitoSans'; 1459 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Light.ttf?v=56513966676636941591781682065') format('truetype'); 1460 font-weight: 300; 1461 font-style: normal; 1462 font-display: swap; 1463 } 1464 @font-face { 1465 font-family: 'NunitoSans'; 1466 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans.ttf?v=170259169938569276511781682065') format('truetype'); 1467 font-weight: 400; 1468 font-style: normal; 1469 font-display: swap; 1470 } 1471 @font-face { 1472 font-family: 'NunitoSans'; 1473 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Bold.ttf?v=124247682587787133181781682064') format('truetype'); 1474 font-weight: 500 700; 1475 font-style: normal; 1476 font-display: swap; 1477 } 1478 @font-face { 1479 font-family: 'AngleciaProDisplay'; 1480 src: url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff2?v=165374212666553644501781682063') format('woff2'), 1481 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff?v=84508261835582621081781682063') format('woff'), 1482 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.otf?v=78782342474425454051781682062') format('opentype'); 1483 font-weight: 400; 1484 font-style: normal; 1485 font-display: swap; 1486 } 1487</style> 1488 1489<div 1490 id="shop-kai-hero-sections--27150038565177__ksv2_shop_kai_hero" 1491 class="section-sections--27150038565177__ksv2_shop_kai_hero shop-kai-hero" 1492> 1493 <div class="shop-kai-hero__card"><div class="shop-kai-hero__orb" aria-hidden="true"><video 1494 class="shop-kai-hero__orb-media" 1495 src="https://cdn.shopify.com/videos/c/o/v/148703a09dd2477f859170280f632883.mov" 1496 1497 muted 1498 autoplay 1499 loop 1500 playsinline 1501 preload="metadata" 1502 aria-hidden="true" 1503 ></video></div> 1504 1505 <div class="shop-kai-hero__content"><p class="shop-kai-hero__eyebrow">Shop</p><h1 class="shop-kai-hero__heading">Meet Kai</h1><p class="shop-kai-hero__subheading">Your health data finally has a job to do. Kai is the next generation of Keyspan â she manages your labs, wearables, and other health data, and tells you exactly what to do about them, every single day.</p><a class="shop-kai-hero__cta" href="/pages/membership">Discover membership</a></div> 1506 </div> 1507</div> 1508 1509<style> 1510 /* Figma 5686:13219 â "Meet Kai" shop hero. A white outer frame (16px) holds 1511 a rounded neutral-grey card. Content is center-aligned: a gradient "Shop" 1512 eyebrow, a large "Meet Kai" heading, a muted subheading, and a dark CTA. 1513 A large gradient orb (5686:13235) rises from the bottom-center behind the 1514 content. All rules are scoped to .section-sections--27150038565177__ksv2_shop_kai_hero so nothing 1515 leaks into sibling sections. */ 1516 1517 .section-sections--27150038565177__ksv2_shop_kai_hero { 1518 --kai-hero-radius: 44px; 1519 --kai-hero-card-bg: #f5f5f7; 1520 --kai-hero-text: #1b1c20; 1521 --kai-hero-muted: rgba(27, 28, 32, 0.6); 1522 --kai-hero-cta-bg: #1b1c20; 1523 --kai-hero-cta-bg-hover: #000000; 1524 1525 position: relative; 1526 z-index: 1; 1527 width: 100%; 1528 padding: 16px; 1529 background: #ffffff; 1530 box-sizing: border-box; 1531 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 1532 } 1533 1534 .section-sections--27150038565177__ksv2_shop_kai_hero *, 1535 .section-sections--27150038565177__ksv2_shop_kai_hero *::before, 1536 .section-sections--27150038565177__ksv2_shop_kai_hero *::after { 1537 box-sizing: border-box; 1538 } 1539 1540 .section-sections--27150038565177__ksv2_shop_kai_hero h1, 1541 .section-sections--27150038565177__ksv2_shop_kai_hero p, 1542 .section-sections--27150038565177__ksv2_shop_kai_hero a { 1543 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 1544 } 1545 1546 /* Desktop: lock the card to the Figma 1480Ã637 proportions and place every 1547 element relative to it â percentage tops (of card height) for vertical 1548 position, container-query width units (cqw) for sizing â so the whole 1549 composition, including the orb, scales together and matches the design at 1550 any desktop width. Reflows to a fluid stack â¤1024px. */ 1551 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__card { 1552 position: relative; 1553 width: 100%; 1554 aspect-ratio: 1480 / 637; 1555 border-radius: var(--kai-hero-radius); 1556 overflow: hidden; 1557 background: var(--kai-hero-card-bg); 1558 container-type: inline-size; 1559 isolation: isolate; 1560 } 1561 1562 /* Orb â Figma 5686:13235: a circle 53.78% of the card wide, its crown at 1563 61.85% of the card height, centered horizontally; the card's overflow 1564 clips everything below so only the top dome emerges. The CTA (at 79.4%) 1565 lands on it. Mirrors .keyspan-ai-v2-narrative-orb. */ 1566 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__orb { 1567 position: absolute; 1568 left: 50%; 1569 top: 61.85%; 1570 transform: translateX(-50%); 1571 width: 53.78%; 1572 aspect-ratio: 1; 1573 border-radius: 50%; 1574 overflow: hidden; 1575 z-index: 0; 1576 pointer-events: none; 1577 user-select: none; 1578 } 1579 1580 /* Mirrors .keyspan-ai-v2-narrative-orb-media: the source sphere sits on a 1581 white ground inset ~5% inside its frame; object-fit cover + a slight 1582 scale crop that margin so the colored orb fills the circle. */ 1583 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__orb-media { 1584 position: absolute; 1585 inset: 0; 1586 width: 100%; 1587 height: 100%; 1588 object-fit: cover; 1589 display: block; 1590 transform: scale(1.15); 1591 transform-origin: center center; 1592 border-radius: 50%; 1593 } 1594 1595 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__content { 1596 position: absolute; 1597 inset: 0; 1598 z-index: 1; 1599 } 1600 1601 /* Every copy element is absolutely placed at its Figma top-offset (% of card 1602 height) and horizontally centered; sizes use cqw (% of card width) with px 1603 floors so text stays legible as the card scales down. */ 1604 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__eyebrow, 1605 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__heading, 1606 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__subheading, 1607 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__cta { 1608 position: absolute; 1609 left: 50%; 1610 transform: translateX(-50%); 1611 margin: 0; 1612 text-align: center; 1613 } 1614 1615 /* "Shop" eyebrow â Figma 5686:13244: SF Pro Display Medium 20/1.2 with a 1616 purpleâlime gradient clipped to the text. SF Pro Display is Apple's system 1617 font (not web-loaded / not licensable to self-host), so it resolves via 1618 -apple-system on Apple devices and gracefully falls back to Switzer 1619 elsewhere â an intentional, standard fallback. */ 1620 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__eyebrow { 1621 top: 20.4%; 1622 font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Switzer", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 1623 font-size: max(15px, 1.35cqw); 1624 font-weight: 500; 1625 line-height: 1.2; 1626 white-space: nowrap; 1627 background-image: linear-gradient(103.45deg, #989df6 12.33%, #acf55d 111.42%); 1628 -webkit-background-clip: text; 1629 background-clip: text; 1630 color: transparent; 1631 -webkit-text-fill-color: transparent; 1632 } 1633 1634 /* "Meet Kai" â Figma 5686:13232: Switzer Medium 80 / line-height 1 (y=191). */ 1635 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__heading { 1636 top: 30%; 1637 font-size: clamp(40px, 5.405cqw, 104px); 1638 font-weight: 500; 1639 line-height: 1; 1640 letter-spacing: 0; 1641 color: var(--kai-hero-text); 1642 white-space: nowrap; 1643 } 1644 1645 /* Subheading â Figma 5686:13242: Switzer Regular 18 / 1.5, muted, 598px (y=293). */ 1646 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__subheading { 1647 top: 46%; 1648 width: 40.4cqw; 1649 max-width: 598px; 1650 font-size: max(15px, 1.216cqw); 1651 font-weight: 400; 1652 line-height: 1.5; 1653 color: var(--kai-hero-muted); 1654 } 1655 1656 /* CTA â Figma 5686:13240: dark pill, white label, sits over the orb (y=506). */ 1657 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__cta { 1658 top: 79.4%; 1659 display: inline-flex; 1660 align-items: center; 1661 justify-content: center; 1662 height: max(46px, 3.784cqw); 1663 padding: 0 max(22px, 2.162cqw); 1664 background: var(--kai-hero-cta-bg); 1665 color: #ffffff; 1666 font-size: max(13px, 0.946cqw); 1667 font-weight: 500; 1668 line-height: 1.4; 1669 border-radius: 50px; 1670 text-decoration: none; 1671 white-space: nowrap; 1672 transition: transform 0.15s ease, background-color 0.15s ease; 1673 } 1674 1675 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__cta:hover { 1676 background: var(--kai-hero-cta-bg-hover); 1677 transform: translateX(-50%) translateY(-1px); 1678 } 1679 1680 /* Tablet & mobile: the fixed-aspect desktop composition would get too short, 1681 so reflow to a fluid vertical stack with the orb anchored to the bottom. */ 1682 @media (max-width: 1024px) { 1683 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__card { 1684 aspect-ratio: auto; 1685 container-type: normal; 1686 min-height: clamp(560px, 82vw, 760px); 1687 display: flex; 1688 flex-direction: column; 1689 align-items: center; 1690 text-align: center; 1691 padding: clamp(48px, 8vw, 104px) clamp(24px, 5vw, 64px) 0; 1692 } 1693 1694 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__content { 1695 position: relative; 1696 inset: auto; 1697 display: flex; 1698 flex-direction: column; 1699 align-items: center; 1700 width: 100%; 1701 } 1702 1703 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__eyebrow, 1704 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__heading, 1705 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__subheading, 1706 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__cta { 1707 position: relative; 1708 left: auto; 1709 top: auto; 1710 transform: none; 1711 } 1712 1713 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__eyebrow { 1714 font-size: 18px; 1715 } 1716 1717 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__heading { 1718 margin-top: 20px; 1719 font-size: clamp(40px, 8vw, 72px); 1720 white-space: normal; 1721 } 1722 1723 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__subheading { 1724 margin-top: 16px; 1725 width: auto; 1726 max-width: 560px; 1727 font-size: clamp(15px, 2.2vw, 18px); 1728 } 1729 1730 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__cta { 1731 margin-top: clamp(48px, 9vw, 96px); 1732 height: 52px;
1733 padding: 0 30px; 1734 font-size: 14px; 1735 } 1736 1737 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__cta:hover { 1738 transform: translateY(-1px); 1739 } 1740 1741 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__orb { 1742 --orb-size: clamp(380px, 96%, 640px); 1743 top: auto; 1744 bottom: calc(var(--orb-size) * -0.64); 1745 width: var(--orb-size); 1746 height: auto; 1747 aspect-ratio: 1; 1748 } 1749 } 1750 1751 @media (max-width: 749px) { 1752 .section-sections--27150038565177__ksv2_shop_kai_hero { 1753 padding: 12px; 1754 } 1755 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__card { 1756 min-height: 600px; 1757 padding: 106px 24px 0; 1758 } 1759 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__eyebrow { 1760 font-size: 16px; 1761 } 1762 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__subheading { 1763 font-size: 16px; 1764 } 1765 .section-sections--27150038565177__ksv2_shop_kai_hero .shop-kai-hero__orb { 1766 --orb-size: clamp(340px, 118%, 560px); 1767 bottom: calc(var(--orb-size) * -0.5); 1768 } 1769 } 1770</style> 1771 1772 1773</section><section id="shopify-section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC" class="shopify-section shopify-section-group-shop-keyspan shop-tabs-section"><link rel="preconnect" href="https://api.fontshare.com" crossorigin> 1774<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin> 1775<link 1776 rel="stylesheet" 1777 href="https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700&display=swap" 1778> 1779<style data-keyspan-ai-v2-fonts="loaded"> 1780 @font-face { 1781 font-family: 'NunitoSans'; 1782 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Light.ttf?v=56513966676636941591781682065') format('truetype'); 1783 font-weight: 300; 1784 font-style: normal; 1785 font-display: swap; 1786 } 1787 @font-face { 1788 font-family: 'NunitoSans'; 1789 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans.ttf?v=170259169938569276511781682065') format('truetype'); 1790 font-weight: 400; 1791 font-style: normal; 1792 font-display: swap; 1793 } 1794 @font-face { 1795 font-family: 'NunitoSans'; 1796 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Bold.ttf?v=124247682587787133181781682064') format('truetype'); 1797 font-weight: 500 700; 1798 font-style: normal; 1799 font-display: swap; 1800 } 1801 @font-face { 1802 font-family: 'AngleciaProDisplay'; 1803 src: url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff2?v=165374212666553644501781682063') format('woff2'), 1804 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff?v=84508261835582621081781682063') format('woff'), 1805 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.otf?v=78782342474425454051781682062') format('opentype'); 1806 font-weight: 400; 1807 font-style: normal; 1808 font-display: swap; 1809 } 1810</style> 1811 1812 1813<div class="section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC shop-tabs"> 1814 <div class="shop-tabs__shell"> 1815 <div class="shop-tabs__pill" role="tablist"><a 1816 class="shop-tabs__tab is-active" 1817 href="#tests" 1818 role="tab" 1819 aria-selected="true" 1820 1821 ><span class="shop-tabs__icon" aria-hidden="true"> 1822 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1823 <path d="M14.8696 2.22379C14.5735 1.92633 14.0923 1.92527 13.7948 2.22141C13.4974 2.51756 13.4963 2.99876 13.7925 3.29621L14.4859 3.9927L7.53711 10.9723L8.22736 11.0493C9.61917 11.2047 10.714 12.3074 10.868 13.6994C10.9266 14.2289 11.2631 14.6842 11.7466 14.8941L13.7133 15.7105L19.9327 9.46362L20.7018 10.2362C20.998 10.5336 21.4792 10.5347 21.7766 10.2386C22.0741 9.94242 22.0751 9.46122 21.779 9.16377L14.8696 2.22379Z" fill="currentColor"/> 1824 <path d="M4.12806 14.3958L6.16625 12.3486L8.05833 12.5598C8.73918 12.6358 9.2805 13.1765 9.35681 13.8663C9.4754 14.9384 10.159 15.8656 11.1492 16.2918L12.5536 16.8748L9.57484 19.8667C8.07075 21.3775 5.63215 21.3775 4.12806 19.8667C2.62398 18.356 2.62398 15.9066 4.12806 14.3958Z" fill="currentColor"/> 1825 </svg> 1826 </span><span class="shop-tabs__label">Tests</span> 1827 </a><a 1828 class="shop-tabs__tab" 1829 href="#supplements" 1830 role="tab" 1831 aria-selected="false" 1832 1833 ><span class="shop-tabs__icon" aria-hidden="true"> 1834 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 1835 <g clip-path="url(#shop-tabs-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC-tab_exrCgx-supplements)"> 1836 <path d="M10.4619 9.90812C8.43561 11.9341 8.29096 15.1287 10.0269 17.3218L17.8751 9.47382C15.6819 7.73781 12.4878 7.88241 10.4619 9.90812Z" fill="currentColor"/> 1837 <path d="M18.7974 10.397L10.9492 18.245C13.1427 19.9816 16.3368 19.837 18.3629 17.8104C20.3888 15.7846 20.5334 12.5901 18.7974 10.397Z" fill="currentColor"/> 1838 <path d="M11.2463 1.01922C8.76633 -0.138633 5.81699 0.933086 4.65914 3.41332L3.04102 6.8793L8.95898 9.64234C9.13715 9.41266 9.33047 9.19324 9.53879 8.985C10.1963 8.327
183854 10.9637 7.81824 11.8196 7.47117C12.4809 7.20301 13.1719 7.04102 13.8803 6.98691C14.6121 4.65363 13.5226 2.08199 11.2463 1.01922ZM10.4583 3.43619C10.2413 3.82161 9.68722 3.7184 9.24545 3.69565C8.75421 3.67035 8.26977 3.84669 7.90983 4.18189C7.58706 4.48246 7.2362 4.90277 6.81632 4.76777C6.79339 4.7604 6.77152 4.75158 6.75104 4.74113C6.74127 4.73615 6.73159 4.73067 6.72201 4.72475C6.35554 4.49838 6.40921 3.9524 6.67115 3.61044C7.40218 2.65613 8.62988 2.20489 9.804 2.4566C10.2402 2.55012 10.6408 2.95777 10.486 3.37621C10.4813 3.389 10.4761 3.40139 10.4703 3.41332C10.4666 3.42099 10.4626 3.42861 10.4583 3.43619Z" fill="currentColor"/> 1839 <path d="M8.02411 16.4523C7.68911 15.6262 7.51927 14.7537 7.51931 13.859C7.51931 12.9643 7.68923 12.0918 8.02427 11.2657C8.09485 11.0917 8.17251 10.9215 8.25642 10.7549L2.4886 8.06201L0.466299 12.3937C-0.69124 14.8739 0.380478 17.8227 2.86036 18.9805C4.91653 19.9407 7.29505 19.3678 8.70786 17.7304C8.43626 17.331 8.20735 16.9042 8.02411 16.4523Z" fill="currentColor"/> 1840 </g> 1841 <defs> 1842 <clipPath id="shop-tabs-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC-tab_exrCgx-supplements"> 1843 <rect width="20" height="20" fill="#fff"/> 1844 </clipPath> 1845 </defs> 1846 </svg> 1847 </span><span class="shop-tabs__label">Supplements</span> 1848 </a><a 1849 class="shop-tabs__tab" 1850 href="#services" 1851 role="tab" 1852 aria-selected="false" 1853 1854 ><span class="shop-tabs__icon" aria-hidden="true"> 1855 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1856 <path d="M2 9.13686C2 13.9998 6.01943 16.5912 8.96173 18.9107C10 19.7292 11 20.4998 12 20.4998C13 20.4998 14 19.7292 15.0383 18.9107C17.9806 16.5912 22 13.9998 22 9.13686C22 4.27392 16.4998 0.825221 12 5.50039C7.50016 0.825221 2 4.27392 2 9.13686Z" fill="currentColor"/> 1857 </svg> 1858 </span><span class="shop-tabs__label">Services</span> 1859 </a></div> 1860 </div> 1861</div> 1862 1863<style> 1864 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC { 1865 --st-bg: rgba(0, 0, 0, 0.05); 1866 --st-active-bg: #fff; 1867 --st-text: rgba(27, 28, 32, 0.6); 1868 --st-active-text: #1b1c20; 1869 width: 100%; 1870 padding: 64px 16px 0; 1871 background: #fff; 1872 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 1873 } 1874 1875 /* Belt-and-braces: re-declare on text elements so font-family resolves 1876 reliably across browsers (form controls don't inherit by default). */ 1877 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC a, 1878 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC button, 1879 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC p, 1880 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC span { 1881 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 1882 } 1883 1884 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__shell { 1885 display: flex; 1886 overflow-x: auto; 1887 scrollbar-width: none; 1888 } 1889 1890 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__shell::-webkit-scrollbar {
1891 display: none; 1892 } 1893 1894 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__pill { 1895 display: inline-flex; 1896 align-items: stretch; 1897 gap: 0; 1898 height: 60px; 1899 padding: 4px; 1900 background: var(--st-bg); 1901 border-radius: 80px; 1902 } 1903 1904 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__tab { 1905 display: inline-flex; 1906 align-items: center; 1907 gap: 8px; 1908 padding: 0 24px; 1909 border-radius: 80px; 1910 font-size: 16px; 1911 line-height: 1.5; 1912 font-weight: 400; 1913 color: var(--st-text); 1914 text-decoration: none; 1915 white-space: nowrap; 1916 transition: background 0.15s ease, color 0.15s ease; 1917 } 1918 1919 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__tab:hover { 1920 color: var(--st-active-text); 1921 } 1922 1923 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__tab.is-active { 1924 background: var(--st-active-bg); 1925 color: var(--st-active-text); 1926 } 1927 1928 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__icon { 1929 display: inline-flex; 1930 align-items: center; 1931 justify-content: center; 1932 width: 24px; 1933 height: 24px; 1934 color: currentColor; 1935 } 1936 1937 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__icon svg, 1938 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__icon img { 1939 width: 100%; 1940 height: 100%; 1941 object-fit: contain; 1942 } 1943 1944 @media (min-width: 768px) { 1945 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC { 1946 padding: 64px 80px 0; 1947 } 1948 .section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC .shop-tabs__tab { 1949 font-size: 18px; 1950 } 1951 } 1952</style> 1953
1954<script> 1955 (function () { 1956 /* The grid sections this script targets are rendered AFTER this section 1957 in the page source (page.shop.json order: tabs â tests â supplements â 1958 services), so the matching anchors don't exist yet at script-tag 1959 execution time. Defer init until the DOM is parsed. */ 1960 function init() { 1961 var root = document.querySelector('.section-sections--27150038565177__keyspan_ai_v2_shop_category_tabs_8F6jbC'); 1962 if (!root) return; 1963 var tabs = Array.prototype.slice.call(root.querySelectorAll('.shop-tabs__tab')); 1964 if (!tabs.length) return; 1965 1966 /* Tabs are on-page navigation only: every category grid stays visible 1967 (no filtering). Each tab's href (e.g. "#tests") points to a grid 1968 section's #anchor_id; clicking smooth-scrolls there, and the active 1969 tab follows the scroll position. */ 1970 var pairs = []; 1971 tabs.forEach(function (tab) { 1972 var href = tab.getAttribute('href'); 1973 if (!href || href.charAt(0) !== '#' || href.length < 2) return; 1974 var target = document.getElementById(href.slice(1)); 1975 if (!target) return; 1976 pairs.push({ tab: tab, target: target }); 1977 }); 1978 1979 if (!pairs.length) return; 1980 1981 function setActive(tab) {
1982 tabs.forEach(function (t) { 1983 var on = t === tab; 1984 t.classList.toggle('is-active', on); 1985 t.setAttribute('aria-selected', on ? 'true' : 'false'); 1986 }); 1987 } 1988 1989 /* Smooth-scroll to the category section on click. */ 1990 pairs.forEach(function (p) { 1991 p.tab.addEventListener('click', function (e) { 1992 e.preventDefault(); 1993 setActive(p.tab); 1994 var y = p.target.getBoundingClientRect().top + window.pageYOffset - 20; 1995 window.scrollTo({ top: y, behavior: 'smooth' }); 1996 if (history.replaceState) { 1997 history.replaceState(null, '', p.tab.getAttribute('href')); 1998 } 1999 }); 2000 }); 2001 2002 /* Scroll-spy: highlight the tab whose category is currently in view. */ 2003 var ticking = false; 2004 function onScroll() { 2005 if (ticking) return; 2006 ticking = true; 2007 window.requestAnimationFrame(function () { 2008 var probe = window.innerHeight * 0.3; 2009 var current = pairs[0]; 2010 for (var i = 0; i < pairs.length; i++) { 2011 if (pairs[i].target.getBoundingClientRect().top <= probe) current = pairs[i]; 2012 }
2013 setActive(current.tab); 2014 ticking = false; 2015 }); 2016 } 2017 window.addEventListener('scroll', onScroll, { passive: true }); 2018 onScroll(); 2019 } 2020 2021 if (document.readyState === 'loading') { 2022 document.addEventListener('DOMContentLoaded', init); 2023 } else { 2024 init(); 2025 } 2026 })(); 2027</script>
2027 2028 2029 2030</section><section id="shopify-section-sections--27150038565177__ksv2_shop_tests" class="shopify-section shopify-section-group-shop-keyspan shop-grid-section"><link rel="preconnect" href="https://api.fontshare.com" crossorigin> 2031<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin> 2032<link 2033 rel="stylesheet" 2034 href="https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700&display=swap" 2035> 2036<style data-keyspan-ai-v2-fonts="loaded"> 2037 @font-face { 2038 font-family: 'NunitoSans'; 2039 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Light.ttf?v=56513966676636941591781682065') format('truetype'); 2040 font-weight: 300; 2041 font-style: normal; 2042 font-display: swap; 2043 } 2044 @font-face { 2045 font-family: 'NunitoSans'; 2046 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans.ttf?v=170259169938569276511781682065') format('truetype'); 2047 font-weight: 400; 2048 font-style: normal; 2049 font-display: swap; 2050 } 2051 @font-face { 2052 font-family: 'NunitoSans'; 2053 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Bold.ttf?v=124247682587787133181781682064') format('truetype'); 2054 font-weight: 500 700; 2055 font-style: normal; 2056 font-display: swap; 2057 } 2058 @font-face { 2059 font-family: 'AngleciaProDisplay'; 2060 src: url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff2?v=165374212666553644501781682063') format('woff2'), 2061 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff?v=84508261835582621081781682063') format('woff'), 2062 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.otf?v=78782342474425454051781682062') format('opentype'); 2063 font-weight: 400; 2064 font-style: normal; 2065 font-display: swap; 2066 } 2067</style> 2068 2069<div class="section-sections--27150038565177__ksv2_shop_tests shop-grid" id="tests"> 2070 <div class="shop-grid__shell"><h2 class="shop-grid__heading">Body and blood tests</h2><div class="shop-grid__list" data-cols="4"><article class="shop-grid__card" > 2071 <div class="shop-grid__media-wrap"> 2072 <a class="shop-grid__media" href="/products/add-on-additional-blood-draw" aria-label="Keyspan Blood Draw"><img 2073 class="shop-grid__media-img" 2074 src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-shop-product-bloodtube.png?v=182276976910200498931781682064" 2075 alt="Keyspan Blood Draw" 2076 loading="lazy" 2077 ></a></div> 2078 2079 <div class="shop-grid__body"> 2080 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 2081 <a href="/products/add-on-additional-blood-draw">Keyspan Blood Draw</a> 2082 </h3><p class="shop-grid__desc">Test for 80+ biomarkers</p></div> 2083 2084 <div class="shop-grid__price-row"><span class="shop-grid__price">$199</span></div> 2085 </div> 2086</article> 2087<article class="shop-grid__card" > 2088 <div class="shop-grid__media-wrap"> 2089 <a class="shop-grid__media" href="/products/exclusive-full-body-mri-scan-300-off-for-keyspan-members" aria-label="Full Body MRI Scan"><img 2090 class="shop-grid__media-img" 2091 src="//keyspan.ai/cdn/shop/files/Frame2147226638_6.png?v=1781681378&width=800" 2092 srcset=" 2093 //keyspan.ai/cdn/shop/files/Frame2147226638_6.png?v=1781681378&width=480 480w, 2094 //keyspan.ai/cdn/shop/files/Frame2147226638_6.png?v=1781681378&width=800 800w, 2095 //keyspan.ai/cdn/shop/files/Frame2147226638_6.png?v=1781681378&width=1200 1200w 2096 " 2097 sizes="(max-width: 767px) 90vw, (max-width: 1023px) 45vw, 25vw" 2098 alt="Full Body MRI Scan" 2099 width="1742" 2100 height="1076" 2101 loading="lazy" 2102 ></a><button 2103 type="button" 2104 class="shop-grid__add-pill" 2105 data-keyspan-add-to-cart 2106 data-variant-id="51119847964985" 2107 data-product-title="Full Body MRI Scan" 2108 aria-label="Add Full Body MRI Scan to cart" 2109 > 2110 <span class="shop-grid__add-circle" aria-hidden="true"> 2111 <svg class="shop-grid__add-icon" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2112 <path d="M10 4v12M4 10h12" stroke="#000" stroke-width="2" stroke-linecap="round"/> 2113 </svg>
2114 <svg class="shop-grid__add-check" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2115 <path d="M4 10.5L8 14.5L16 6" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2116 </svg> 2117 </span> 2118 <span class="shop-grid__add-label">Add</span> 2119 </button></div> 2120 2121 <div class="shop-grid__body"> 2122 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 2123 <a href="/products/exclusive-full-body-mri-scan-300-off-for-keyspan-members">Full Body MRI Scan</a> 2124 </h3><p class="shop-grid__desc">Full body MRI for early detection of over 500 cancers and diseases.</p></div> 2125 2126 <div class="shop-grid__price-row"><span class="shop-grid__price">$2,199.00</span></div> 2127 </div> 2128</article> 2129<article class="shop-grid__card" > 2130 <div class="shop-grid__media-wrap"> 2131 <a class="shop-grid__media" href="/products/microplastics-blood-test" aria-label="Microplastics Blood Test"><img 2132 class="shop-grid__media-img" 2133 src="//keyspan.ai/cdn/shop/files/Frame_2147226638_2.png?v=1781680703&width=800" 2134 srcset=" 2135 //keyspan.ai/cdn/shop/files/Frame_2147226638_2.png?v=1781680703&width=480 480w, 2136 //keyspan.ai/cdn/shop/files/Frame_2147226638_2.png?v=1781680703&width=800 800w, 2137 //keyspan.ai/cdn/shop/files/Frame_2147226638_2.png?v=1781680703&width=1200 1200w 2138 " 2139 sizes="(max-width: 767px) 90vw, (max-width: 1023px) 45vw, 25vw" 2140 alt="Microplastics Blood Test" 2141 width="871" 2142 height="538" 2143 loading="lazy" 2144 ></a><button 2145 type="button" 2146 class="shop-grid__add-pill" 2147 data-keyspan-add-to-cart 2148 data-variant-id="50597918638393" 2149 data-product-title="Microplastics Blood Test" 2150 aria-label="Add Microplastics Blood Test to cart" 2151 > 2152 <span class="shop-grid__add-circle" aria-hidden="true"> 2153 <svg class="shop-grid__add-icon" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2154 <path d="M10 4v12M4 10h12" stroke="#000" stroke-width="2" stroke-linecap="round"/> 2155 </svg> 2156 <svg class="shop-grid__add-check" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2157 <path d="M4 10.5L8 14.5L16 6" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2158 </svg> 2159 </span> 2160 <span class="shop-grid__add-label">Add</span> 2161 </button></div> 2162 2163 <div class="shop-grid__body"> 2164 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 2165 <a href="/products/microplastics-blood-test">Microplastics Blood Test</a> 2166 </h3><p class="shop-grid__desc">At-home test to measure microplastic particles in your blood</p></div> 2167 2168 <div class="shop-grid__price-row"><span class="shop-grid__price">$128</span><span class="shop-grid__compare is-strike"> 2169 $150 2170 </span></div> 2171 </div> 2172</article> 2173<article class="shop-grid__card" > 2174 <div class="shop-grid__media-wrap"> 2175 <a class="shop-grid__media" href="/pages/detox" aria-label="Essential Microplastic Detox Set"><img 2176 class="shop-grid__media-img" 2177 src="//keyspan.ai/cdn/shop/t/8/assets/Frame_2147226638_10.png?v=93460226627673535091781683154" 2178 alt="Essential Microplastic Detox Set" 2179 loading="lazy" 2180 ></a></div> 2181 2182 <div class="shop-grid__body"> 2183 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 2184 <a href="/pages/detox">Essential Microplastic Detox Set</a> 2185 </h3><p class="shop-grid__desc">Bundle the Mircoplastics Blood Test with the Detox Supplement Pack for a complete detox protocol. </p></div> 2186 2187 <div class="shop-grid__price-row"><span class="shop-grid__price">$199</span></div> 2188 </div> 2189</article> 2190</div> 2191 </div> 2192</div> 2193 2194<style> 2195 .section-sections--27150038565177__ksv2_shop_tests { 2196 --sg-card-bg: #f3f3f3; 2197 --sg-text: #1b1c20; 2198 --sg-muted: rgba(27, 28, 32, 0.6); 2199 --sg-radius: 24px; 2200 width: 100%; 2201 padding: 56px 16px 0px !important; 2202 background: #fff; 2203 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 2204 } 2205 2206 /* Belt-and-braces: re-declare on text elements so font-family resolves 2207 reliably (form controls like buttons don't inherit by default). */ 2208 .section-sections--27150038565177__ksv2_shop_tests h1, 2209 .section-sections--27150038565177__ksv2_shop_tests h2, 2210 .section-sections--27150038565177__ksv2_shop_tests h3, 2211 .section-sections--27150038565177__ksv2_shop_tests p, 2212 .section-sections--27150038565177__ksv2_shop_tests a, 2213 .section-sections--27150038565177__ksv2_shop_tests button, 2214 .section-sections--27150038565177__ksv2_shop_tests span { 2215 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 2216 } 2217 2218 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__shell { 2219 max-width: 1352px; 2220 margin: 0 auto; 2221 padding: 0; 2222 display: flex; 2223 flex-direction: column; 2224 gap: 24px; 2225 } 2226 2227 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__heading { 2228 margin: 0; 2229 color: var(--sg-text); 2230 font-size: 28px; 2231 line-height: 1.1; 2232 font-weight: 500; 2233 letter-spacing: -0.01em; 2234 } 2235 2236 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__list { 2237 display: grid; 2238 grid-template-columns: 1fr; 2239 gap: 40px 20px; 2240 align-items: stretch; 2241 } 2242 2243 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__card { 2244 display: flex; 2245 flex-direction: column; 2246 gap: 24px; 2247 } 2248 2249 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__media-wrap { 2250 position: relative; 2251 height: 360px; 2252 } 2253 2254 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__media { 2255 position: relative; 2256 display: block; 2257 height: 100%; 2258 border-radius: var(--sg-radius); 2259 background: var(--sg-card-bg); 2260 overflow: hidden; 2261 text-decoration: none; 2262 } 2263 2264 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__media-bg { 2265 position: absolute; 2266 inset: 0; 2267 z-index: 0; 2268 } 2269 2270 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__media-img { 2271 position: absolute; 2272 inset: 0; 2273 width: 100%; 2274 height: 100%; 2275 object-fit: cover; 2276 object-position: center top; 2277 z-index: 1; 2278 transition: transform 0.4s ease; 2279 } 2280 2281 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__card:hover .shop-grid__media-img { 2282 transform: scale(1.04); 2283 } 2284 2285 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill { 2286 position: absolute; 2287 top: 16px; 2288 right: 16px; 2289 z-index: 3; 2290 display: inline-flex; 2291 align-items: center; 2292 gap: 16px; 2293 padding: 4px 16px 4px 4px; 2294 background: #000; 2295 color: #fff; 2296 font-family: inherit; 2297 font-size: 14px; 2298 font-weight: 500; 2299 border: 0; 2300 border-radius: 100px; 2301 cursor: pointer; 2302 opacity: 0; 2303 transform: translateY(-4px); 2304 transition: opacity 0.2s ease, transform 0.2s ease, background 0.15s ease; 2305 pointer-events: none; 2306 } 2307 2308 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__card:hover .shop-grid__add-pill, 2309 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill:focus-visible, 2310 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill.is-loading, 2311 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill.is-added { 2312 opacity: 1; 2313 transform: translateY(0); 2314 pointer-events: auto; 2315 } 2316 2317 @media (hover: none) { 2318 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill { 2319 opacity: 1; 2320 transform: none; 2321 pointer-events: auto; 2322 } 2323 } 2324 2325 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill:hover { 2326 background: #1f1f1f; 2327 } 2328 2329 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill[disabled], 2330 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill.is-loading { 2331 cursor: wait; 2332 opacity: 0.85; 2333 } 2334 2335 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill.is-added {
2336 background: #1b1c20; 2337 } 2338 2339 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-circle { 2340 display: inline-flex; 2341 align-items: center; 2342 justify-content: center; 2343 width: 32px; 2344 height: 32px; 2345 border-radius: 100px; 2346 background: #fff; 2347 flex-shrink: 0; 2348 } 2349 2350 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-check { 2351 display: none; 2352 } 2353 2354 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill.is-added .shop-grid__add-icon { 2355 display: none; 2356 } 2357 2358 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__add-pill.is-added .shop-grid__add-check { 2359 display: block; 2360 } 2361 2362 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__body { 2363 display: flex; 2364 flex-direction: column; 2365 gap: 24px; 2366 padding: 0 4px; 2367 /* Fill the stretched card height so the price row can pin to the bottom, 2368 keeping every card's price on the same baseline regardless of how many 2369 lines the title/description wrap to. */ 2370 flex: 1 1 auto; 2371 } 2372 2373 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__copy { 2374 display: flex; 2375 flex-direction: column; 2376 gap: 4px; 2377 } 2378 2379 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__title { 2380 letter-spacing:normal; 2381 margin: 0; 2382 font-size: 20px; 2383 line-height: 1.5; 2384 font-weight: 400; 2385 color: var(--sg-text); 2386 } 2387 2388 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__title a { 2389 color: inherit; 2390 text-decoration: none; 2391 } 2392 2393 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__title a:hover { 2394 text-decoration: underline; 2395 } 2396 2397 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__desc { 2398 letter-spacing:normal; 2399 margin: 0; 2400 color: var(--sg-muted); 2401 font-size: 14px; 2402 line-height: 1.2; 2403 min-height: 34px; 2404 /* Match the Figma 2-line description block â keeps the copy area tidy so 2405 cards stay visually consistent; longer text truncates with an ellipsis. */ 2406 display: -webkit-box; 2407 -webkit-line-clamp: 2; 2408 -webkit-box-orient: vertical; 2409 overflow: hidden; 2410 } 2411 2412 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__price-row { 2413 display: flex; 2414 align-items: center; 2415 gap: 8px; 2416 line-height: 1.1; 2417 /* Pin to the bottom of the body; the gap above is preserved as the minimum 2418 spacing while any extra height pushes the price down to align across cards. */ 2419 margin-top: auto; 2420 } 2421 2422 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__price { 2423 font-size: 32px; 2424 font-weight: 600; 2425 color: #000; 2426 } 2427 2428 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__price-suffix { 2429 font-size: 18px; 2430 color: rgba(0, 0, 0, 0.4); 2431 font-weight: 400; 2432 } 2433 2434 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__compare { 2435 font-size: 18px; 2436 color: rgba(0, 0, 0, 0.4); 2437 font-weight: 400; 2438 } 2439 2440 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__compare.is-strike { 2441 text-decoration: line-through; 2442 } 2443 2444 @media (min-width: 600px) { 2445 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__list { 2446 grid-template-columns: repeat(2, 1fr); 2447 } 2448 } 2449 2450 @media (min-width: 1024px) { 2451 .section-sections--27150038565177__ksv2_shop_tests { 2452 padding: 56px 80px 0px; 2453 } 2454 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__heading { 2455 font-size: 32px; 2456 } 2457 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__list[data-cols="2"] { 2458 grid-template-columns: repeat(2, minmax(0, 323px)); 2459 } 2460 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__list[data-cols="3"] { 2461 grid-template-columns: repeat(3, minmax(0, 1fr)); 2462 max-width: 1023px; 2463 } 2464 .section-sections--27150038565177__ksv2_shop_tests .shop-grid__list[data-cols="4"] { 2465 grid-template-columns: repeat(4, minmax(0, 1fr)); 2466 } 2467 } 2468</style> 2469
2470<script> 2471 (function () { 2472 var root = document.getElementById('tests'); 2473 if (!root) { 2474 root = document.querySelector('.section-sections--27150038565177__ksv2_shop_tests'); 2475 } 2476 if (!root) return; 2477 2478 function dispatchCartUpdate(cart) { 2479 try { 2480 document.dispatchEvent(new CustomEvent('keyspan:cart:updated', { 2481 detail: { cart: cart, source: 'shop-grid-add' } 2482 })); 2483 document.dispatchEvent(new CustomEvent('cart:refresh')); 2484 } catch (e) {} 2485 } 2486 2487 function refreshCart() { 2488 fetch('/cart.js', { 2489 method: 'GET', 2490 headers: { 'Accept': 'application/json' } 2491 }) 2492 .then(function (r) { return r.json(); }) 2493 .then(dispatchCartUpdate) 2494 .catch(function () {}); 2495 } 2496 2497 root.addEventListener('click', function (event) { 2498 var btn = event.target.closest('[data-keyspan-add-to-cart]'); 2499 if (!btn) return; 2500 event.preventDefault(); 2501 event.stopPropagation(); 2502 2503 if (btn.disabled || btn.classList.contains('is-loading')) return; 2504 var variantId = btn.getAttribute('data-variant-id'); 2505 if (!variantId) return; 2506 2507 btn.classList.add('is-loading'); 2508 btn.disabled = true; 2509 2510 fetch('/cart/add.js', { 2511 method: 'POST', 2512 headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, 2513 body: JSON.stringify({ id: variantId, quantity: 1 }) 2514 }) 2515 .then(function (r) { 2516 if (!r.ok) throw new Error('Add to cart failed'); 2517 return r.json(); 2518 }) 2519 .then(function () { 2520 btn.classList.remove('is-loading'); 2521 btn.classList.add('is-added'); 2522 var label = btn.querySelector('.shop-grid__add-label'); 2523 if (label) label.textContent = 'Added'; 2524 refreshCart(); 2525 setTimeout(function () { 2526 btn.classList.remove('is-added'); 2527 btn.disabled = false; 2528 if (label) label.textContent = 'Add'; 2529 }, 1800); 2530 }) 2531 .catch(function () { 2532 btn.classList.remove('is-loading'); 2533 btn.disabled = false; 2534 var label = btn.querySelector('.shop-grid__add-label'); 2535 if (label) label.textContent = 'Retry'; 2536 setTimeout(function () { 2537 if (label) label.textContent = 'Add'; 2538 }, 1800); 2539 }); 2540 }); 2541 })(); 2542</script>
2542 2543 2544 2545</section><section id="shopify-section-sections--27150038565177__ksv2_shop_supplements" class="shopify-section shopify-section-group-shop-keyspan shop-grid-section"><link rel="preconnect" href="https://api.fontshare.com" crossorigin> 2546<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin> 2547<link 2548 rel="stylesheet" 2549 href="https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700&display=swap" 2550> 2551<style data-keyspan-ai-v2-fonts="loaded"> 2552 @font-face { 2553 font-family: 'NunitoSans'; 2554 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Light.ttf?v=56513966676636941591781682065') format('truetype'); 2555 font-weight: 300; 2556 font-style: normal; 2557 font-display: swap; 2558 } 2559 @font-face { 2560 font-family: 'NunitoSans'; 2561 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans.ttf?v=170259169938569276511781682065') format('truetype'); 2562 font-weight: 400; 2563 font-style: normal; 2564 font-display: swap; 2565 } 2566 @font-face { 2567 font-family: 'NunitoSans'; 2568 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Bold.ttf?v=124247682587787133181781682064') format('truetype'); 2569 font-weight: 500 700; 2570 font-style: normal; 2571 font-display: swap; 2572 } 2573 @font-face { 2574 font-family: 'AngleciaProDisplay'; 2575 src: url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff2?v=165374212666553644501781682063') format('woff2'), 2576 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff?v=84508261835582621081781682063') format('woff'), 2577 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.otf?v=78782342474425454051781682062') format('opentype'); 2578 font-weight: 400; 2579 font-style: normal; 2580 font-display: swap; 2581 } 2582</style> 2583 2584<div class="section-sections--27150038565177__ksv2_shop_supplements shop-grid" id="supplements"> 2585 <div class="shop-grid__shell"><h2 class="shop-grid__heading">Supplements</h2><div class="shop-grid__list" data-cols="3"><article class="shop-grid__card" > 2586 <div class="shop-grid__media-wrap"> 2587 <a class="shop-grid__media" href="/products/add-on-precision-supplements" aria-label="Precision Supplements"><img 2588 class="shop-grid__media-img" 2589 src="//keyspan.ai/cdn/shop/files/Frame2147226638_4.png?v=1781681098&width=800" 2590 srcset=" 2591 //keyspan.ai/cdn/shop/files/Frame2147226638_4.png?v=1781681098&width=480 480w, 2592 //keyspan.ai/cdn/shop/files/Frame2147226638_4.png?v=1781681098&width=800 800w, 2593 //keyspan.ai/cdn/shop/files/Frame2147226638_4.png?v=1781681098&width=1200 1200w 2594 " 2595 sizes="(max-width: 767px) 90vw, (max-width: 1023px) 45vw, 25vw" 2596 alt="Precision Supplements" 2597 width="871" 2598 height="538" 2599 loading="lazy" 2600 ></a><button 2601 type="button" 2602 class="shop-grid__add-pill" 2603 data-keyspan-add-to-cart 2604 data-variant-id="50245049844025" 2605 data-product-title="Precision Supplements" 2606 aria-label="Add Precision Supplements to cart" 2607 > 2608 <span class="shop-grid__add-circle" aria-hidden="true"> 2609 <svg class="shop-grid__add-icon" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2610 <path d="M10 4v12M4 10h12" stroke="#000" stroke-width="2" stroke-linecap="round"/> 2611 </svg> 2612 <svg class="shop-grid__add-check" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2613 <path d="M4 10.5L8 14.5L16 6" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2614 </svg> 2615 </span> 2616 <span class="shop-grid__add-label">Add</span> 2617 </button></div> 2618 2619 <div class="shop-grid__body"> 2620 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 2621 <a href="/products/add-on-precision-supplements">Precision Supplements</a> 2622 </h3><p class="shop-grid__desc">Supplements designed by your biomarkers</p></div> 2623 2624 <div class="shop-grid__price-row"><span class="shop-grid__price">$99.00</span><span class="shop-grid__price-suffix">/month</span></div> 2625 </div> 2626</article> 2627<article class="shop-grid__card" > 2628 <div class="shop-grid__media-wrap"> 2629 <a class="shop-grid__media" href="/products/microplastics-started-bundle" aria-label="Microplastics Starter Bundle"><img 2630 class="shop-grid__media-img" 2631 src="//keyspan.ai/cdn/shop/files/Generated_Image_October_02_2025_-_7_12PM_1_4.png?v=1784099474&width=800" 2632 srcset=" 2633 //keyspan.ai/cdn/shop/files/Generated_Image_October_02_2025_-_7_12PM_1_4.png?v=1784099474&width=480 480w, 2634 //keyspan.ai/cdn/shop/files/Generated_Image_October_02_2025_-_7_12PM_1_4.png?v=1784099474&width=800 800w, 2635 //keyspan.ai/cdn/shop/files/Generated_Image_October_02_2025_-_7_12PM_1_4.png?v=1784099474&width=1200 1200w 2636 " 2637 sizes="(max-width: 767px) 90vw, (max-width: 1023px) 45vw, 25vw" 2638 alt="Microplastics Starter Bundle" 2639 width="2226" 2640 height="1614" 2641 loading="lazy" 2642 ></a><button 2643 type="button" 2644 class="shop-grid__add-pill" 2645 data-keyspan-add-to-cart 2646 data-variant-id="51230489280825" 2647 data-product-title="Microplastics Starter Bundle" 2648 aria-label="Add Microplastics Starter Bundle to cart" 2649 >
2650 <span class="shop-grid__add-circle" aria-hidden="true"> 2651 <svg class="shop-grid__add-icon" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2652 <path d="M10 4v12M4 10h12" stroke="#000" stroke-width="2" stroke-linecap="round"/> 2653 </svg> 2654 <svg class="shop-grid__add-check" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2655 <path d="M4 10.5L8 14.5L16 6" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2656 </svg> 2657 </span> 2658 <span class="shop-grid__add-label">Add</span> 2659 </button></div> 2660 2661 <div class="shop-grid__body"> 2662 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 2663 <a href="/products/microplastics-started-bundle">Microplastics Starter Bundle</a> 2664 </h3><p class="shop-grid__desc">Blood test + detox supplement protocol</p></div> 2665 2666 <div class="shop-grid__price-row"><span class="shop-grid__price">$199</span></div> 2667 </div> 2668</article> 2669<article class="shop-grid__card" > 2670 <div class="shop-grid__media-wrap"> 2671 <a class="shop-grid__media" href="/products/detox-supplements-subscription" aria-label="Detox Support Pack"><img 2672 class="shop-grid__media-img" 2673 src="//keyspan.ai/cdn/shop/files/GeneratedImageOctober03_2025-8_19PM1_2.png?v=1783692878&width=800" 2674 srcset=" 2675 //keyspan.ai/cdn/shop/files/GeneratedImageOctober03_2025-8_19PM1_2.png?v=1783692878&width=480 480w, 2676 //keyspan.ai/cdn/shop/files/GeneratedImageOctober03_2025-8_19PM1_2.png?v=1783692878&width=800 800w, 2677 //keyspan.ai/cdn/shop/files/GeneratedImageOctober03_2025-8_19PM1_2.png?v=1783692878&width=1200 1200w 2678 " 2679 sizes="(max-width: 767px) 90vw, (max-width: 1023px) 45vw, 25vw" 2680 alt="Detox Support Pack" 2681 width="1842" 2682 height="1614" 2683 loading="lazy" 2684 ></a><button 2685 type="button" 2686 class="shop-grid__add-pill" 2687 data-keyspan-add-to-cart 2688 data-variant-id="51230711775545" 2689 data-product-title="Detox Support Pack" 2690 aria-label="Add Detox Support Pack to cart" 2691 > 2692 <span class="shop-grid__add-circle" aria-hidden="true"> 2693 <svg class="shop-grid__add-icon" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2694 <path d="M10 4v12M4 10h12" stroke="#000" stroke-width="2" stroke-linecap="round"/> 2695 </svg> 2696 <svg class="shop-grid__add-check" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 2697 <path d="M4 10.5L8 14.5L16 6" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2698 </svg> 2699 </span> 2700 <span class="shop-grid__add-label">Add</span> 2701 </button></div> 2702 2703 <div class="shop-grid__body"> 2704 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 2705 <a href="/products/detox-supplements-subscription">Detox Support Pack</a> 2706 </h3><p class="shop-grid__desc">Scientifically designed detox supplement protocol</p></div> 2707 2708 <div class="shop-grid__price-row"><span class="shop-grid__price">$99.00</span></div> 2709 </div> 2710</article> 2711</div> 2712 </div> 2713</div> 2714 2715<style> 2716 .section-sections--27150038565177__ksv2_shop_supplements { 2717 --sg-card-bg: #f3f3f3; 2718 --sg-text: #1b1c20; 2719 --sg-muted: rgba(27, 28, 32, 0.6); 2720 --sg-radius: 24px; 2721 width: 100%; 2722 padding: 100px 16px 0px !important; 2723 background: #fff; 2724 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 2725 } 2726 2727 /* Belt-and-braces: re-declare on text elements so font-family resolves 2728 reliably (form controls like buttons don't inherit by default). */ 2729 .section-sections--27150038565177__ksv2_shop_supplements h1, 2730 .section-sections--27150038565177__ksv2_shop_supplements h2, 2731 .section-sections--27150038565177__ksv2_shop_supplements h3, 2732 .section-sections--27150038565177__ksv2_shop_supplements p, 2733 .section-sections--27150038565177__ksv2_shop_supplements a, 2734 .section-sections--27150038565177__ksv2_shop_supplements button, 2735 .section-sections--27150038565177__ksv2_shop_supplements span { 2736 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 2737 } 2738 2739 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__shell { 2740 max-width: 1352px; 2741 margin: 0 auto; 2742 padding: 0; 2743 display: flex; 2744 flex-direction: column; 2745 gap: 24px; 2746 } 2747 2748 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__heading { 2749 margin: 0; 2750 color: var(--sg-text); 2751 font-size: 28px; 2752 line-height: 1.1; 2753 font-weight: 500; 2754 letter-spacing: -0.01em; 2755 } 2756 2757 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__list { 2758 display: grid; 2759 grid-template-columns: 1fr; 2760 gap: 40px 20px; 2761 align-items: stretch; 2762 } 2763 2764 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__card { 2765 display: flex; 2766 flex-direction: column; 2767 gap: 24px; 2768 } 2769 2770 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__media-wrap { 2771 position: relative; 2772 height: 360px; 2773 } 2774 2775 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__media { 2776 position: relative; 2777 display: block; 2778 height: 100%; 2779 border-radius: var(--sg-radius); 2780 background: var(--sg-card-bg); 2781 overflow: hidden; 2782 text-decoration: none; 2783 } 2784 2785 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__media-bg { 2786 position: absolute; 2787 inset: 0; 2788 z-index: 0; 2789 } 2790 2791 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__media-img { 2792 position: absolute; 2793 inset: 0; 2794 width: 100%; 2795 height: 100%; 2796 object-fit: cover; 2797 object-position: center top; 2798 z-index: 1; 2799 transition: transform 0.4s ease; 2800 } 2801 2802 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__card:hover .shop-grid__media-img { 2803 transform: scale(1.04); 2804 } 2805 2806 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill { 2807 position: absolute; 2808 top: 16px; 2809 right: 16px; 2810 z-index: 3; 2811 display: inline-flex; 2812 align-items: center; 2813 gap: 16px; 2814 padding: 4px 16px 4px 4px; 2815 background: #000; 2816 color: #fff; 2817 font-family: inherit; 2818 font-size: 14px; 2819 font-weight: 500; 2820 border: 0; 2821 border-radius: 100px; 2822 cursor: pointer; 2823 opacity: 0; 2824 transform: translateY(-4px); 2825 transition: opacity 0.2s ease, transform 0.2s ease, background 0.15s ease; 2826 pointer-events: none; 2827 } 2828 2829 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__card:hover .shop-grid__add-pill, 2830 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill:focus-visible, 2831 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill.is-loading, 2832 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill.is-added { 2833 opacity: 1; 2834 transform: translateY(0); 2835 pointer-events: auto; 2836 } 2837 2838 @media (hover: none) { 2839 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill { 2840 opacity: 1; 2841 transform: none; 2842 pointer-events: auto; 2843 } 2844 } 2845 2846 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill:hover { 2847 background: #1f1f1f; 2848 } 2849 2850 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill[disabled], 2851 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill.is-loading { 2852 cursor: wait; 2853 opacity: 0.85; 2854 } 2855 2856 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill.is-added {
2857 background: #1b1c20; 2858 } 2859 2860 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-circle { 2861 display: inline-flex; 2862 align-items: center; 2863 justify-content: center; 2864 width: 32px; 2865 height: 32px; 2866 border-radius: 100px; 2867 background: #fff; 2868 flex-shrink: 0; 2869 } 2870 2871 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-check { 2872 display: none; 2873 } 2874 2875 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill.is-added .shop-grid__add-icon { 2876 display: none; 2877 } 2878 2879 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__add-pill.is-added .shop-grid__add-check { 2880 display: block; 2881 } 2882 2883 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__body { 2884 display: flex; 2885 flex-direction: column; 2886 gap: 24px; 2887 padding: 0 4px; 2888 /* Fill the stretched card height so the price row can pin to the bottom, 2889 keeping every card's price on the same baseline regardless of how many 2890 lines the title/description wrap to. */ 2891 flex: 1 1 auto; 2892 } 2893 2894 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__copy { 2895 display: flex; 2896 flex-direction: column; 2897 gap: 4px; 2898 } 2899 2900 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__title { 2901 letter-spacing:normal; 2902 margin: 0; 2903 font-size: 20px; 2904 line-height: 1.5; 2905 font-weight: 400; 2906 color: var(--sg-text); 2907 } 2908 2909 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__title a { 2910 color: inherit; 2911 text-decoration: none; 2912 } 2913 2914 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__title a:hover { 2915 text-decoration: underline; 2916 } 2917 2918 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__desc { 2919 letter-spacing:normal; 2920 margin: 0; 2921 color: var(--sg-muted); 2922 font-size: 14px; 2923 line-height: 1.2; 2924 min-height: 34px; 2925 /* Match the Figma 2-line description block â keeps the copy area tidy so 2926 cards stay visually consistent; longer text truncates with an ellipsis. */ 2927 display: -webkit-box; 2928 -webkit-line-clamp: 2; 2929 -webkit-box-orient: vertical; 2930 overflow: hidden; 2931 } 2932 2933 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__price-row { 2934 display: flex; 2935 align-items: center; 2936 gap: 8px; 2937 line-height: 1.1; 2938 /* Pin to the bottom of the body; the gap above is preserved as the minimum 2939 spacing while any extra height pushes the price down to align across cards. */ 2940 margin-top: auto; 2941 } 2942 2943 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__price { 2944 font-size: 32px; 2945 font-weight: 600; 2946 color: #000; 2947 } 2948 2949 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__price-suffix { 2950 font-size: 18px; 2951 color: rgba(0, 0, 0, 0.4); 2952 font-weight: 400; 2953 } 2954 2955 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__compare { 2956 font-size: 18px; 2957 color: rgba(0, 0, 0, 0.4); 2958 font-weight: 400; 2959 } 2960 2961 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__compare.is-strike { 2962 text-decoration: line-through; 2963 } 2964 2965 @media (min-width: 600px) { 2966 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__list { 2967 grid-template-columns: repeat(2, 1fr); 2968 } 2969 } 2970 2971 @media (min-width: 1024px) { 2972 .section-sections--27150038565177__ksv2_shop_supplements { 2973 padding: 100px 80px 0px; 2974 } 2975 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__heading { 2976 font-size: 32px; 2977 } 2978 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__list[data-cols="2"] { 2979 grid-template-columns: repeat(2, minmax(0, 323px)); 2980 } 2981 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__list[data-cols="3"] { 2982 grid-template-columns: repeat(3, minmax(0, 1fr)); 2983 max-width: 1023px; 2984 } 2985 .section-sections--27150038565177__ksv2_shop_supplements .shop-grid__list[data-cols="4"] { 2986 grid-template-columns: repeat(4, minmax(0, 1fr)); 2987 } 2988 } 2989</style> 2990
2991<script> 2992 (function () { 2993 var root = document.getElementById('supplements'); 2994 if (!root) { 2995 root = document.querySelector('.section-sections--27150038565177__ksv2_shop_supplements'); 2996 } 2997 if (!root) return; 2998 2999 function dispatchCartUpdate(cart) { 3000 try { 3001 document.dispatchEvent(new CustomEvent('keyspan:cart:updated', { 3002 detail: { cart: cart, source: 'shop-grid-add' } 3003 })); 3004 document.dispatchEvent(new CustomEvent('cart:refresh')); 3005 } catch (e) {} 3006 } 3007 3008 function refreshCart() { 3009 fetch('/cart.js', { 3010 method: 'GET', 3011 headers: { 'Accept': 'application/json' } 3012 }) 3013 .then(function (r) { return r.json(); }) 3014 .then(dispatchCartUpdate) 3015 .catch(function () {}); 3016 } 3017 3018 root.addEventListener('click', function (event) { 3019 var btn = event.target.closest('[data-keyspan-add-to-cart]'); 3020 if (!btn) return; 3021 event.preventDefault(); 3022 event.stopPropagation(); 3023 3024 if (btn.disabled || btn.classList.contains('is-loading')) return; 3025 var variantId = btn.getAttribute('data-variant-id'); 3026 if (!variantId) return; 3027 3028 btn.classList.add('is-loading'); 3029 btn.disabled = true; 3030 3031 fetch('/cart/add.js', { 3032 method: 'POST', 3033 headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, 3034 body: JSON.stringify({ id: variantId, quantity: 1 }) 3035 }) 3036 .then(function (r) { 3037 if (!r.ok) throw new Error('Add to cart failed'); 3038 return r.json(); 3039 }) 3040 .then(function () { 3041 btn.classList.remove('is-loading'); 3042 btn.classList.add('is-added'); 3043 var label = btn.querySelector('.shop-grid__add-label'); 3044 if (label) label.textContent = 'Added'; 3045 refreshCart(); 3046 setTimeout(function () { 3047 btn.classList.remove('is-added'); 3048 btn.disabled = false; 3049 if (label) label.textContent = 'Add'; 3050 }, 1800); 3051 }) 3052 .catch(function () { 3053 btn.classList.remove('is-loading'); 3054 btn.disabled = false; 3055 var label = btn.querySelector('.shop-grid__add-label'); 3056 if (label) label.textContent = 'Retry'; 3057 setTimeout(function () { 3058 if (label) label.textContent = 'Add'; 3059 }, 1800); 3060 }); 3061 }); 3062 })(); 3063</script>
3063 3064 3065 3066</section><section id="shopify-section-sections--27150038565177__ksv2_shop_services" class="shopify-section shopify-section-group-shop-keyspan shop-grid-section"><link rel="preconnect" href="https://api.fontshare.com" crossorigin> 3067<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin> 3068<link 3069 rel="stylesheet" 3070 href="https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700&display=swap" 3071> 3072<style data-keyspan-ai-v2-fonts="loaded"> 3073 @font-face { 3074 font-family: 'NunitoSans'; 3075 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Light.ttf?v=56513966676636941591781682065') format('truetype'); 3076 font-weight: 300; 3077 font-style: normal; 3078 font-display: swap; 3079 } 3080 @font-face { 3081 font-family: 'NunitoSans'; 3082 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans.ttf?v=170259169938569276511781682065') format('truetype'); 3083 font-weight: 400; 3084 font-style: normal; 3085 font-display: swap; 3086 } 3087 @font-face { 3088 font-family: 'NunitoSans'; 3089 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Bold.ttf?v=124247682587787133181781682064') format('truetype'); 3090 font-weight: 500 700; 3091 font-style: normal; 3092 font-display: swap; 3093 } 3094 @font-face { 3095 font-family: 'AngleciaProDisplay'; 3096 src: url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff2?v=165374212666553644501781682063') format('woff2'), 3097 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff?v=84508261835582621081781682063') format('woff'), 3098 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.otf?v=78782342474425454051781682062') format('opentype'); 3099 font-weight: 400; 3100 font-style: normal; 3101 font-display: swap; 3102 } 3103</style> 3104 3105<div class="section-sections--27150038565177__ksv2_shop_services shop-grid" id="services"> 3106 <div class="shop-grid__shell"><h2 class="shop-grid__heading">Services</h2><div class="shop-grid__list" data-cols="3"><article class="shop-grid__card" > 3107 <div class="shop-grid__media-wrap"> 3108 <a class="shop-grid__media" href="/products/add-on-health-coaching" aria-label="Health Coaching Session"><img 3109 class="shop-grid__media-img" 3110 src="//keyspan.ai/cdn/shop/files/Frame2147226638_9.png?v=1781681700&width=800" 3111 srcset=" 3112 //keyspan.ai/cdn/shop/files/Frame2147226638_9.png?v=1781681700&width=480 480w, 3113 //keyspan.ai/cdn/shop/files/Frame2147226638_9.png?v=1781681700&width=800 800w, 3114 //keyspan.ai/cdn/shop/files/Frame2147226638_9.png?v=1781681700&width=1200 1200w 3115 " 3116 sizes="(max-width: 767px) 90vw, (max-width: 1023px) 45vw, 25vw" 3117 alt="Health Coaching Session" 3118 width="1742" 3119 height="1076" 3120 loading="lazy" 3121 ></a><button 3122 type="button" 3123 class="shop-grid__add-pill" 3124 data-keyspan-add-to-cart 3125 data-variant-id="50678723150137" 3126 data-product-title="Health Coaching Session" 3127 aria-label="Add Health Coaching Session to cart" 3128 > 3129 <span class="shop-grid__add-circle" aria-hidden="true"> 3130 <svg class="shop-grid__add-icon" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 3131 <path d="M10 4v12M4 10h12" stroke="#000" stroke-width="2" stroke-linecap="round"/> 3132 </svg> 3133 <svg class="shop-grid__add-check" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 3134 <path d="M4 10.5L8 14.5L16 6" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3135 </svg> 3136 </span> 3137 <span class="shop-grid__add-label">Add</span> 3138 </button></div> 3139 3140 <div class="shop-grid__body"> 3141 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 3142 <a href="/products/add-on-health-coaching">Health Coaching Session</a> 3143 </h3><p class="shop-grid__desc">One-on-one consultation with a health coach</p></div> 3144 3145 <div class="shop-grid__price-row"><span class="shop-grid__price">$40.00</span></div> 3146 </div> 3147</article> 3148<article class="shop-grid__card" > 3149 <div class="shop-grid__media-wrap"> 3150 <a class="shop-grid__media" href="/products/blood-panel-review-session" aria-label="Blood Panel Review Session"><img 3151 class="shop-grid__media-img" 3152 src="//keyspan.ai/cdn/shop/files/Frame2147226638_9.png?v=1781681700&width=800" 3153 srcset=" 3154 //keyspan.ai/cdn/shop/files/Frame2147226638_9.png?v=1781681700&width=480 480w, 3155 //keyspan.ai/cdn/shop/files/Frame2147226638_9.png?v=1781681700&width=800 800w, 3156 //keyspan.ai/cdn/shop/files/Frame2147226638_9.png?v=1781681700&width=1200 1200w 3157 " 3158 sizes="(max-width: 767px) 90vw, (max-width: 1023px) 45vw, 25vw" 3159 alt="Blood Panel Review Session" 3160 width="1742" 3161 height="1076" 3162 loading="lazy" 3163 ></a><button 3164 type="button" 3165 class="shop-grid__add-pill" 3166 data-keyspan-add-to-cart 3167 data-variant-id="54346186359097" 3168 data-product-title="Blood Panel Review Session" 3169 aria-label="Add Blood Panel Review Session to cart" 3170 >
3171 <span class="shop-grid__add-circle" aria-hidden="true"> 3172 <svg class="shop-grid__add-icon" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 3173 <path d="M10 4v12M4 10h12" stroke="#000" stroke-width="2" stroke-linecap="round"/> 3174 </svg> 3175 <svg class="shop-grid__add-check" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 3176 <path d="M4 10.5L8 14.5L16 6" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3177 </svg> 3178 </span> 3179 <span class="shop-grid__add-label">Add</span> 3180 </button></div> 3181 3182 <div class="shop-grid__body"> 3183 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 3184 <a href="/products/blood-panel-review-session">Blood Panel Review Session</a> 3185 </h3><p class="shop-grid__desc">One-on-one consultation with a health coach</p></div> 3186 3187 <div class="shop-grid__price-row"><span class="shop-grid__price">$80.00</span></div> 3188 </div> 3189</article> 3190<article class="shop-grid__card" > 3191 <div class="shop-grid__media-wrap"> 3192 <a class="shop-grid__media" href="/products/microplastics-blood-test-microplastics-coaching-ce-course" aria-label="Microplastics test + CE Course"><img 3193 class="shop-grid__media-img" 3194 src="//keyspan.ai/cdn/shop/files/Frame2147226638_7.png?v=1781681616&width=800" 3195 srcset=" 3196 //keyspan.ai/cdn/shop/files/Frame2147226638_7.png?v=1781681616&width=480 480w, 3197 //keyspan.ai/cdn/shop/files/Frame2147226638_7.png?v=1781681616&width=800 800w, 3198 //keyspan.ai/cdn/shop/files/Frame2147226638_7.png?v=1781681616&width=1200 1200w 3199 " 3200 sizes="(max-width: 767px) 90vw, (max-width: 1023px) 45vw, 25vw" 3201 alt="Microplastics test + CE Course" 3202 width="1742" 3203 height="1076" 3204 loading="lazy" 3205 ></a><button 3206 type="button" 3207 class="shop-grid__add-pill" 3208 data-keyspan-add-to-cart 3209 data-variant-id="52005630476601" 3210 data-product-title="Microplastics test + CE Course" 3211 aria-label="Add Microplastics test + CE Course to cart" 3212 > 3213 <span class="shop-grid__add-circle" aria-hidden="true"> 3214 <svg class="shop-grid__add-icon" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 3215 <path d="M10 4v12M4 10h12" stroke="#000" stroke-width="2" stroke-linecap="round"/> 3216 </svg> 3217 <svg class="shop-grid__add-check" viewBox="0 0 20 20" width="14" height="14" aria-hidden="true"> 3218 <path d="M4 10.5L8 14.5L16 6" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3219 </svg> 3220 </span> 3221 <span class="shop-grid__add-label">Add</span> 3222 </button></div> 3223 3224 <div class="shop-grid__body"> 3225 <div class="shop-grid__copy"><h3 class="shop-grid__title"> 3226 <a href="/products/microplastics-blood-test-microplastics-coaching-ce-course">Microplastics test + CE Course</a> 3227 </h3><p class="shop-grid__desc">1 microplastics test + CE Course on microplastics</p></div> 3228 3229 <div class="shop-grid__price-row"><span class="shop-grid__price">$105.00</span></div> 3230 </div> 3231</article> 3232</div> 3233 </div> 3234</div> 3235 3236<style> 3237 .section-sections--27150038565177__ksv2_shop_services { 3238 --sg-card-bg: #f3f3f3; 3239 --sg-text: #1b1c20; 3240 --sg-muted: rgba(27, 28, 32, 0.6); 3241 --sg-radius: 24px; 3242 width: 100%; 3243 padding: 100px 16px 140px !important; 3244 background: #fff; 3245 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 3246 } 3247 3248 /* Belt-and-braces: re-declare on text elements so font-family resolves 3249 reliably (form controls like buttons don't inherit by default). */ 3250 .section-sections--27150038565177__ksv2_shop_services h1, 3251 .section-sections--27150038565177__ksv2_shop_services h2, 3252 .section-sections--27150038565177__ksv2_shop_services h3, 3253 .section-sections--27150038565177__ksv2_shop_services p, 3254 .section-sections--27150038565177__ksv2_shop_services a, 3255 .section-sections--27150038565177__ksv2_shop_services button, 3256 .section-sections--27150038565177__ksv2_shop_services span { 3257 font-family: "Switzer", -apple-system, BlinkMacSystemFont, "SF Pro Display", "NunitoSans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 3258 } 3259 3260 .section-sections--27150038565177__ksv2_shop_services .shop-grid__shell { 3261 max-width: 1352px; 3262 margin: 0 auto; 3263 padding: 0; 3264 display: flex; 3265 flex-direction: column; 3266 gap: 24px; 3267 } 3268 3269 .section-sections--27150038565177__ksv2_shop_services .shop-grid__heading { 3270 margin: 0; 3271 color: var(--sg-text); 3272 font-size: 28px; 3273 line-height: 1.1; 3274 font-weight: 500; 3275 letter-spacing: -0.01em; 3276 } 3277 3278 .section-sections--27150038565177__ksv2_shop_services .shop-grid__list { 3279 display: grid; 3280 grid-template-columns: 1fr; 3281 gap: 40px 20px; 3282 align-items: stretch; 3283 } 3284 3285 .section-sections--27150038565177__ksv2_shop_services .shop-grid__card { 3286 display: flex; 3287 flex-direction: column; 3288 gap: 24px; 3289 } 3290 3291 .section-sections--27150038565177__ksv2_shop_services .shop-grid__media-wrap { 3292 position: relative; 3293 height: 360px; 3294 } 3295 3296 .section-sections--27150038565177__ksv2_shop_services .shop-grid__media { 3297 position: relative; 3298 display: block; 3299 height: 100%; 3300 border-radius: var(--sg-radius); 3301 background: var(--sg-card-bg); 3302 overflow: hidden; 3303 text-decoration: none; 3304 } 3305 3306 .section-sections--27150038565177__ksv2_shop_services .shop-grid__media-bg { 3307 position: absolute; 3308 inset: 0; 3309 z-index: 0; 3310 } 3311 3312 .section-sections--27150038565177__ksv2_shop_services .shop-grid__media-img { 3313 position: absolute; 3314 inset: 0; 3315 width: 100%; 3316 height: 100%; 3317 object-fit: cover; 3318 object-position: center top; 3319 z-index: 1; 3320 transition: transform 0.4s ease; 3321 } 3322 3323 .section-sections--27150038565177__ksv2_shop_services .shop-grid__card:hover .shop-grid__media-img { 3324 transform: scale(1.04); 3325 } 3326 3327 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill { 3328 position: absolute; 3329 top: 16px; 3330 right: 16px; 3331 z-index: 3; 3332 display: inline-flex; 3333 align-items: center; 3334 gap: 16px; 3335 padding: 4px 16px 4px 4px; 3336 background: #000; 3337 color: #fff; 3338 font-family: inherit; 3339 font-size: 14px; 3340 font-weight: 500; 3341 border: 0; 3342 border-radius: 100px; 3343 cursor: pointer; 3344 opacity: 0; 3345 transform: translateY(-4px); 3346 transition: opacity 0.2s ease, transform 0.2s ease, background 0.15s ease; 3347 pointer-events: none; 3348 } 3349 3350 .section-sections--27150038565177__ksv2_shop_services .shop-grid__card:hover .shop-grid__add-pill, 3351 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill:focus-visible, 3352 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill.is-loading, 3353 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill.is-added { 3354 opacity: 1; 3355 transform: translateY(0); 3356 pointer-events: auto; 3357 } 3358 3359 @media (hover: none) { 3360 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill { 3361 opacity: 1; 3362 transform: none; 3363 pointer-events: auto; 3364 } 3365 } 3366 3367 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill:hover { 3368 background: #1f1f1f; 3369 } 3370 3371 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill[disabled], 3372 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill.is-loading { 3373 cursor: wait; 3374 opacity: 0.85; 3375 } 3376 3377 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill.is-added {
3378 background: #1b1c20; 3379 } 3380 3381 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-circle { 3382 display: inline-flex; 3383 align-items: center; 3384 justify-content: center; 3385 width: 32px; 3386 height: 32px; 3387 border-radius: 100px; 3388 background: #fff; 3389 flex-shrink: 0; 3390 } 3391 3392 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-check { 3393 display: none; 3394 } 3395 3396 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill.is-added .shop-grid__add-icon { 3397 display: none; 3398 } 3399 3400 .section-sections--27150038565177__ksv2_shop_services .shop-grid__add-pill.is-added .shop-grid__add-check { 3401 display: block; 3402 } 3403 3404 .section-sections--27150038565177__ksv2_shop_services .shop-grid__body { 3405 display: flex; 3406 flex-direction: column; 3407 gap: 24px; 3408 padding: 0 4px; 3409 /* Fill the stretched card height so the price row can pin to the bottom, 3410 keeping every card's price on the same baseline regardless of how many 3411 lines the title/description wrap to. */ 3412 flex: 1 1 auto; 3413 } 3414 3415 .section-sections--27150038565177__ksv2_shop_services .shop-grid__copy { 3416 display: flex; 3417 flex-direction: column; 3418 gap: 4px; 3419 } 3420 3421 .section-sections--27150038565177__ksv2_shop_services .shop-grid__title { 3422 letter-spacing:normal; 3423 margin: 0; 3424 font-size: 20px; 3425 line-height: 1.5; 3426 font-weight: 400; 3427 color: var(--sg-text); 3428 } 3429 3430 .section-sections--27150038565177__ksv2_shop_services .shop-grid__title a { 3431 color: inherit; 3432 text-decoration: none; 3433 } 3434 3435 .section-sections--27150038565177__ksv2_shop_services .shop-grid__title a:hover { 3436 text-decoration: underline; 3437 } 3438 3439 .section-sections--27150038565177__ksv2_shop_services .shop-grid__desc { 3440 letter-spacing:normal; 3441 margin: 0; 3442 color: var(--sg-muted); 3443 font-size: 14px; 3444 line-height: 1.2; 3445 min-height: 34px; 3446 /* Match the Figma 2-line description block â keeps the copy area tidy so 3447 cards stay visually consistent; longer text truncates with an ellipsis. */ 3448 display: -webkit-box; 3449 -webkit-line-clamp: 2; 3450 -webkit-box-orient: vertical; 3451 overflow: hidden; 3452 } 3453 3454 .section-sections--27150038565177__ksv2_shop_services .shop-grid__price-row { 3455 display: flex; 3456 align-items: center; 3457 gap: 8px; 3458 line-height: 1.1; 3459 /* Pin to the bottom of the body; the gap above is preserved as the minimum 3460 spacing while any extra height pushes the price down to align across cards. */ 3461 margin-top: auto; 3462 } 3463 3464 .section-sections--27150038565177__ksv2_shop_services .shop-grid__price { 3465 font-size: 32px; 3466 font-weight: 600; 3467 color: #000; 3468 } 3469 3470 .section-sections--27150038565177__ksv2_shop_services .shop-grid__price-suffix { 3471 font-size: 18px; 3472 color: rgba(0, 0, 0, 0.4); 3473 font-weight: 400; 3474 } 3475 3476 .section-sections--27150038565177__ksv2_shop_services .shop-grid__compare { 3477 font-size: 18px; 3478 color: rgba(0, 0, 0, 0.4); 3479 font-weight: 400; 3480 } 3481 3482 .section-sections--27150038565177__ksv2_shop_services .shop-grid__compare.is-strike { 3483 text-decoration: line-through; 3484 } 3485 3486 @media (min-width: 600px) { 3487 .section-sections--27150038565177__ksv2_shop_services .shop-grid__list { 3488 grid-template-columns: repeat(2, 1fr); 3489 } 3490 } 3491 3492 @media (min-width: 1024px) { 3493 .section-sections--27150038565177__ksv2_shop_services { 3494 padding: 100px 80px 140px; 3495 } 3496 .section-sections--27150038565177__ksv2_shop_services .shop-grid__heading { 3497 font-size: 32px; 3498 } 3499 .section-sections--27150038565177__ksv2_shop_services .shop-grid__list[data-cols="2"] { 3500 grid-template-columns: repeat(2, minmax(0, 323px)); 3501 } 3502 .section-sections--27150038565177__ksv2_shop_services .shop-grid__list[data-cols="3"] { 3503 grid-template-columns: repeat(3, minmax(0, 1fr)); 3504 max-width: 1023px; 3505 } 3506 .section-sections--27150038565177__ksv2_shop_services .shop-grid__list[data-cols="4"] { 3507 grid-template-columns: repeat(4, minmax(0, 1fr)); 3508 } 3509 } 3510</style> 3511
3512<script> 3513 (function () { 3514 var root = document.getElementById('services'); 3515 if (!root) { 3516 root = document.querySelector('.section-sections--27150038565177__ksv2_shop_services'); 3517 } 3518 if (!root) return; 3519 3520 function dispatchCartUpdate(cart) { 3521 try { 3522 document.dispatchEvent(new CustomEvent('keyspan:cart:updated', { 3523 detail: { cart: cart, source: 'shop-grid-add' } 3524 })); 3525 document.dispatchEvent(new CustomEvent('cart:refresh')); 3526 } catch (e) {} 3527 } 3528 3529 function refreshCart() { 3530 fetch('/cart.js', { 3531 method: 'GET', 3532 headers: { 'Accept': 'application/json' } 3533 }) 3534 .then(function (r) { return r.json(); }) 3535 .then(dispatchCartUpdate) 3536 .catch(function () {}); 3537 } 3538 3539 root.addEventListener('click', function (event) { 3540 var btn = event.target.closest('[data-keyspan-add-to-cart]'); 3541 if (!btn) return; 3542 event.preventDefault(); 3543 event.stopPropagation(); 3544 3545 if (btn.disabled || btn.classList.contains('is-loading')) return; 3546 var variantId = btn.getAttribute('data-variant-id'); 3547 if (!variantId) return; 3548 3549 btn.classList.add('is-loading'); 3550 btn.disabled = true; 3551 3552 fetch('/cart/add.js', { 3553 method: 'POST', 3554 headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, 3555 body: JSON.stringify({ id: variantId, quantity: 1 }) 3556 }) 3557 .then(function (r) { 3558 if (!r.ok) throw new Error('Add to cart failed'); 3559 return r.json(); 3560 }) 3561 .then(function () { 3562 btn.classList.remove('is-loading'); 3563 btn.classList.add('is-added'); 3564 var label = btn.querySelector('.shop-grid__add-label'); 3565 if (label) label.textContent = 'Added'; 3566 refreshCart(); 3567 setTimeout(function () { 3568 btn.classList.remove('is-added'); 3569 btn.disabled = false; 3570 if (label) label.textContent = 'Add'; 3571 }, 1800); 3572 }) 3573 .catch(function () { 3574 btn.classList.remove('is-loading'); 3575 btn.disabled = false; 3576 var label = btn.querySelector('.shop-grid__add-label'); 3577 if (label) label.textContent = 'Retry'; 3578 setTimeout(function () { 3579 if (label) label.textContent = 'Add'; 3580 }, 1800); 3581 }); 3582 }); 3583 })(); 3584</script>
3584 3585 3586 3587</section><section id="shopify-section-sections--27150038565177__ksv2_footer" class="shopify-section shopify-section-group-shop-keyspan keyspan-ai-v2-footer-section"><link href="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2.css?v=60620729543962623861787736217" rel="stylesheet" type="text/css" media="all" /> 3588<link rel="preconnect" href="https://api.fontshare.com" crossorigin> 3589<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin> 3590<link 3591 rel="stylesheet" 3592 href="https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700&display=swap" 3593> 3594<style data-keyspan-ai-v2-fonts="loaded"> 3595 @font-face { 3596 font-family: 'NunitoSans'; 3597 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Light.ttf?v=56513966676636941591781682065') format('truetype'); 3598 font-weight: 300; 3599 font-style: normal; 3600 font-display: swap; 3601 } 3602 @font-face { 3603 font-family: 'NunitoSans'; 3604 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans.ttf?v=170259169938569276511781682065') format('truetype'); 3605 font-weight: 400; 3606 font-style: normal; 3607 font-display: swap; 3608 } 3609 @font-face { 3610 font-family: 'NunitoSans'; 3611 src: url('//keyspan.ai/cdn/shop/t/8/assets/NunitoSans-Bold.ttf?v=124247682587787133181781682064') format('truetype'); 3612 font-weight: 500 700; 3613 font-style: normal; 3614 font-display: swap; 3615 } 3616 @font-face { 3617 font-family: 'AngleciaProDisplay'; 3618 src: url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff2?v=165374212666553644501781682063') format('woff2'), 3619 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.woff?v=84508261835582621081781682063') format('woff'), 3620 url('//keyspan.ai/cdn/shop/t/8/assets/AngleciaProDisplay-Regular.otf?v=78782342474425454051781682062') format('opentype'); 3621 font-weight: 400; 3622 font-style: normal; 3623 font-display: swap; 3624 } 3625</style> 3626 3627<footer 3628 class="keyspan-ai-v2-footer" 3629 style="--keyspan-ai-v2-footer-shell-pad: 20px; --keyspan-ai-v2-footer-card-radius: 44px;" 3630> 3631 <div class="keyspan-ai-v2-footer-shell"> 3632 <div class="keyspan-ai-v2-footer-stack"> 3633 <div class="keyspan-ai-v2-footer-glow-halo" aria-hidden="true"> 3634 <div class="keyspan-ai-v2-footer-glow-halo-blobs"></div> 3635 <div class="keyspan-ai-v2-footer-glow-halo-svg" role="presentation"> 3636 <img 3637 src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-footer-glow.svg?v=128210393809998465011781682064" 3638 alt="" 3639 width="3098" 3640 height="2206" 3641 loading="lazy" 3642 > 3643 </div> 3644 </div> 3645 <div class="keyspan-ai-v2-footer-card"> 3646 <div class="keyspan-ai-v2-footer-main"> 3647 <div class="keyspan-ai-v2-footer-brand"> 3648 <a href="/" class="keyspan-ai-v2-footer-logo-link" aria-label="Keyspan"><img 3649 class="keyspan-ai-v2-footer-logo" 3650 src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-footer-logo.svg?v=9840888370050699921781682065" 3651 alt="Keyspan" 3652 width="137" 3653 height="32" 3654 loading="lazy" 3655 ></a><p class="keyspan-ai-v2-footer-about">A health-optimization platform built to help people understand their bodies on a deeper level, unlock higher physical and mental performance, and extend the number of years they can live in strong, vibrant health.</p><div class="keyspan-ai-v2-footer-app-row"><a href="https://apps.apple.com/us/app/keyspan-app/id6755466419" class="keyspan-ai-v2-footer-app-btn" target="_blank" rel="noopener noreferrer"> 3656 <span class="keyspan-ai-v2-footer-app-icon-wrap"> 3657 <img 3658 class="keyspan-ai-v2-footer-app-icon" 3659 src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-footer-icon-apple.svg?v=104402519367592019171781682065" 3660 alt="" 3661 width="32" 3662 height="32" 3663 loading="lazy" 3664 > 3665 </span> 3666 <span class="keyspan-ai-v2-footer-app-text"> 3667 <span class="keyspan-ai-v2-footer-app-kicker">Work with</span>
3668 <span class="keyspan-ai-v2-footer-app-title">App Health</span> 3669 </span> 3670 </a><a href="https://play.google.com/store/apps/details?id=com.anonymous.keyspanapp" class="keyspan-ai-v2-footer-app-btn" target="_blank" rel="noopener noreferrer"> 3671 <span class="keyspan-ai-v2-footer-app-icon-wrap"> 3672 <img 3673 class="keyspan-ai-v2-footer-app-icon" 3674 src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-footer-icon-android.svg?v=29772998090124380631781682065" 3675 alt="" 3676 width="32" 3677 height="32" 3678 loading="lazy" 3679 > 3680 </span> 3681 <span class="keyspan-ai-v2-footer-app-text"> 3682 <span class="keyspan-ai-v2-footer-app-kicker">Works with</span> 3683 <span class="keyspan-ai-v2-footer-app-title">Android</span> 3684 </span> 3685 </a></div> 3686 </div> 3687 3688 <div class="keyspan-ai-v2-footer-columns"> 3689 <div class="keyspan-ai-v2-footer-col keyspan-ai-v2-footer-col--nav"> 3690 <p class="keyspan-ai-v2-footer-col-title">Navigation</p> 3691 <ul class="keyspan-ai-v2-footer-links"><li style="margin:0"><a href="/" class="keyspan-ai-v2-footer-link">Home</a></li> 3692 <li style="margin:0"><a href="/pages/about" class="keyspan-ai-v2-footer-link">About</a></li> 3693 <li style="margin:0"><a href="/pages/what-we-test" class="keyspan-ai-v2-footer-link">What we test</a></li> 3694 <li style="margin:0"><a href="https://keyspan.ai/pages/partners" class="keyspan-ai-v2-footer-link">For Partners</a></li> 3695 <li style="margin:0"><a href="/blogs/keyspan" class="keyspan-ai-v2-footer-link">Blog</a></li> 3696 <li style="margin:0"><a href="/pages/contact" class="keyspan-ai-v2-footer-link">Contact</a></li> 3697 <li style="margin:0"><a href="/cart" class="keyspan-ai-v2-footer-link">Cart</a></li></ul> 3698 </div> 3699 3700 <div class="keyspan-ai-v2-footer-col keyspan-ai-v2-footer-col--shop"> 3701 <p class="keyspan-ai-v2-footer-col-title">Shop</p> 3702 <ul class="keyspan-ai-v2-footer-links"><li style="margin:0"><a href="/pages/membership" class="keyspan-ai-v2-footer-link">Membership</a></li> 3703 <li style="margin:0"><a href="/collections/all" class="keyspan-ai-v2-footer-link">All Products</a></li></ul> 3704 </div> 3705 3706 <div class="keyspan-ai-v2-footer-col keyspan-ai-v2-footer-col--resources"> 3707 <p class="keyspan-ai-v2-footer-col-title">Resources</p> 3708 <ul class="keyspan-ai-v2-footer-links"><li style="margin:0"><a href="/pages/f-a-q" class="keyspan-ai-v2-footer-link">F.A.Q</a></li> 3709 <li style="margin:0"><a href="/pages/terms-of-service" class="keyspan-ai-v2-footer-link">Terms & Services</a></li> 3710 <li style="margin:0"><a href="/pages/privacy-policy" class="keyspan-ai-v2-footer-link">Privacy Policy</a></li></ul> 3711 </div> 3712 3713 <div class="keyspan-ai-v2-footer-col keyspan-ai-v2-footer-col--subscribe"> 3714 <p class="keyspan-ai-v2-footer-col-title">Subscribe to news</p> 3715 <form method="post" action="/contact#keyspan-ai-v2-footer-newsletter" id="keyspan-ai-v2-footer-newsletter" accept-charset="UTF-8" class="keyspan-ai-v2-footer-newsletter"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 3716 <input type="hidden" name="contact[tags]" value="newsletter"> 3717 <div class="keyspan-ai-v2-footer-newsletter-row"> 3718 <label class="keyspan-ai-v2-visually-hidden" for="keyspan-ai-v2-footer-email-sections--27150038565177__ksv2_footer">Enter your email</label> 3719 <input 3720 id="keyspan-ai-v2-footer-email-sections--27150038565177__ksv2_footer" 3721 type="email" 3722 name="contact[email]" 3723 class="keyspan-ai-v2-footer-newsletter-input" 3724 value="" 3725 placeholder="Enter your email" 3726 autocomplete="email" 3727 required 3728 > 3729 <button type="submit" class="keyspan-ai-v2-footer-newsletter-btn"> 3730 Sign Up 3731 </button> 3732 </div><p class="keyspan-ai-v2-footer-newsletter-hint">Sign up for new product announcements, community challenges, education, and more.</p></form> 3733 </div> 3734 </div> 3735 </div> 3736 3737 <div class="keyspan-ai-v2-footer-bottom"> 3738 <p class="keyspan-ai-v2-footer-copy">Copyright Keyspan 2025.</p> 3739 <div class="keyspan-ai-v2-footer-social"><a href="https://www.instagram.com/p/DDYF47wuEBf/" class="keyspan-ai-v2-footer-social-btn" target="_blank" rel="noopener noreferrer" aria-label="Instagram"> 3740 <img src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-footer-social-1.svg?v=128009523542364978321781682066" alt="" width="20" height="20" loading="lazy"> 3741 </a> 3742 <a href="https://www.linkedin.com/company/keyspan-inc" class="keyspan-ai-v2-footer-social-btn" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"> 3743 <img src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-footer-social-2.svg?v=134874475810879041601781682062" alt="" width="20" height="20" loading="lazy"> 3744 </a> 3745 <a href="https://www.facebook.com/keyspanhealth/" class="keyspan-ai-v2-footer-social-btn" target="_blank" rel="noopener noreferrer" aria-label="Facebook"> 3746 <img src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-footer-social-3.svg?v=34294386246807186851781682062" alt="" width="20" height="20" loading="lazy"> 3747 </a> 3748 <a href="https://www.tiktok.com/@keyspan" class="keyspan-ai-v2-footer-social-btn" target="_blank" rel="noopener noreferrer" aria-label="TikTok"> 3749 <img src="//keyspan.ai/cdn/shop/t/8/assets/keyspan-ai-v2-footer-social-4.svg?v=110892122549535231651
3749781682063" alt="" width="20" height="20" loading="lazy"> 3750 </a> 3751 </div> 3752 </div> 3753 </div> 3754 </div> 3755 </div> 3756</footer> 3757 3758 3759</section> 3760<!-- END sections: shop-keyspan --> 3761</main><ul hidden> 3762 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 3763 <li id="a11y-new-window-message">Opens in a new window.</li> 3764 </ul> 3765
3765<script> 3766 3767 3768 window.shopUrl = 'https://keyspan.ai'; 3769 window.routes = { 3770 cart_add_url: '/cart/add', 3771 cart_change_url: '/cart/change', 3772 cart_update_url: '/cart/update', 3773 cart_url: '/cart', 3774 predictive_search_url: '/search/suggest', 3775 }; 3776 3777 window.cartStrings = { 3778 error: `There was an error while updating your cart. Please try again.`, 3779 quantityError: `You can only add [quantity] of this item to your cart.`, 3780 }; 3781 3782 window.variantStrings = { 3783 addToCart: `Add to cart`, 3784 soldOut: `Sold out`, 3785 unavailable: `Unavailable`, 3786 unavailable_with_option: `[value] - Unavailable`, 3787 }; 3788 3789 window.accessibilityStrings = { 3790 imageAvailable: `Image [index] is now available in gallery view`, 3791 shareSuccess: `Link copied to clipboard`, 3792 pauseSlideshow: `Pause slideshow`, 3793 playSlideshow: `Play slideshow`, 3794 }; 3795 </script>
3795<script src="//keyspan.ai/cdn/shop/t/8/assets/predictive-search.js?v=162273246065392412141781682069" defer="defer"></script>
3795<style> 3796 #cookies-banner { 3797 display: none; 3798 justify-content: center; 3799 align-items: center; 3800 padding: 1em; 3801 position: fixed; 3802 bottom: 0px; 3803 width: 100%; 3804 background: #fff; 3805 border-top: 1px solid #dcdcdc; 3806 } 3807</style> 3808 3809<div id="cookies-banner"> 3810 <span>This website uses cookies to ensure you get the best experience on our website.</span> 3811 <button style="margin-left: 1em;" onclick="handleDecline()">Decline</button> 3812 <button style="margin-left: 1em;" onclick="handleAccept()">Accept</button> 3813</div> 3814
3815<script> 3816 function getBannerEl() { 3817 return document.getElementById('cookies-banner'); 3818 } 3819 3820 function hideBanner(res) { 3821 getBannerEl().style.display = 'none'; 3822 } 3823 3824 function showBanner() { 3825 getBannerEl().style.display = 'block'; 3826 } 3827 3828 function handleAccept(e) { 3829 window.Shopify.customerPrivacy.setTrackingConsent(true, hideBanner); 3830 3831 document.addEventListener('trackingConsentAccepted',function() { 3832 console.log('trackingConsentAccepted event fired'); 3833 }); 3834 } 3835 3836 function handleDecline() { 3837 window.Shopify.customerPrivacy.setTrackingConsent(false,hideBanner); 3838 } 3839 3840 function initCookieBanner() { 3841 const userCanBeTracked = window.Shopify.customerPrivacy.userCanBeTracked(); 3842 const userTrackingConsent = window.Shopify.customerPrivacy.getTrackingConsent(); 3843 3844 if(!userCanBeTracked && userTrackingConsent === 'no_interaction') { 3845 showBanner(); 3846 } 3847 } 3848 3849 window.Shopify.loadFeatures([ 3850 { 3851 name: 'consent-tracking-api', 3852 version: '0.1', 3853 } 3854 ], 3855 function(error) { 3856 if (error) { 3857 throw error; 3858 } 3859 3860 initCookieBanner(); 3861 }); 3862</script>
3862 3863 3864 3865 <style> ._1fragemp9 {display: none;} </style> 3866<div id="shopify-block-AY3pVa3ZJR0E3aHF6e__10436698916776057164" class="shopify-block shopify-app-block">
3866<script id="subscription-helper"> 3867 3868 if (!window.AppstleIncluded) { 3869 window.AppstleIncluded = true; 3870 window.RS = Window.RS || {}; 3871 3872 RS.Config = { 3873 "selectors": { 3874 "payment_button_selectors": "form[action$='/cart/add'] .shopify-payment-button", 3875 "subscriptionLinkSelector": "#MainContent .customer.account > div:nth-child(2) > div:nth-child(2) > h2", 3876 "atcButtonPlacement": "BEFORE", 3877 "subscriptionLinkPlacement": "BEFORE", 3878 "cartRowSelector": "tr.cart-item", 3879 "cartLineItemSelector": ".cart-item__name.h4.break", 3880 "cartLineItemPerQuantityPriceSelector": "", 3881 "cartLineItemTotalPriceSelector": "", 3882 "cartLineItemSellingPlanNameSelector": "", 3883 "cartSubTotalSelector" : "p.totals__total-value", 3884 "cartLineItemPriceSelector": "", 3885 "cartLineItemPlacement": "BEFORE", 3886 "cartHiddenAttributesSelector": "", 3887 "buildABoxDiscountSelector": "", 3888 }, 3889 "baseUrl": "https://subscription-admin.appstle.com", 3890 "usedTranslation": "true", 3891 "enableCartWidgetFeature": "false", 3892 "storefrontAnalyticsForwardingEnabled": false, 3893 "appstleStorefrontAnalyticsPath": "https://subscription-admin.appstle.com/assets/js/appstle-storefront-analytics.min.js?shop=a173ed-2.myshopify.com&v=1790172448069", 3894 "useUrlWithCustomerId": "true", 3895 "atcButtonSelector": "div.product-form__buttons", 3896 "moneyFormat": "${{amount}}", 3897 "oneTimePurchaseText": "One Time Purchase", 3898 "minimumQuantityMessage": "", 3899 "tapToSelectText": "", 3900 "bundleDiscountTextV2": "bundle discount extra: {{bundleDiscount}} off", 3901 "productPageUnitPriceSelectorV2": "", 3902 "monthsFrequencyTextV2": "Months", 3903 "monthlyLabelTextV2": "Monthly", 3904 "monthFrequencyTextV2": "Month", 3905 "weeksFrequencyTextV2": "Weeks", 3906 "weeklyLabelTextV2": "Weekly", 3907 "weekFrequencyTextV2": "Week", 3908 "daysFrequencyTextV2": "Days", 3909 "dayFrequencyTextV2": "day", 3910 "yearsFrequencyTextV2": "Years", 3911 "yearlyLabelTextV2": "Yearly", 3912 "yearFrequencyTextV2": "Year", 3913 "offFrequencyTextV2": "Off", 3914 "prepayLabelTextV2": "Prepay", 3915 "prepaidLabelTextV2": "Prepaid", 3916 "prepaidSaveBadgeTextV2": "SAVE {{selectedDiscountPercentage}}", 3917 "onetimeDescriptionTextV2": "", 3918 "atcButtonTextV2": "", 3919 "oneTimeFrequencyTextV2": "One Time", 3920 "cancelAnytimeLabelTextV2": "Cancel Anytime", 3921 "noSubscriptionLabelTextV2": "No Subscription", 3922 "addToShipmentButtonTextV2": "Add to Shipment", 3923 "addToShipmentProcessingV2": "Processing...", 3924 "addToShipmentSuccessTextV2": "Success", 3925 "addToShipmentErrorTextV2": "Error", 3926 "addToShipmentTooltipTextV2": "Please avoid double delivery charges! Login to add this product to an upcoming delivery.", 3927 "frequencyCombinedWidgetTextV2": "Frequency", 3928 "selectDeliverOptionV2": "select deliver option", 3929 "subscribeAndSaveSuccessV2": "Subscribe success", 3930 "unsubscribeFrequencyTextV2": "unsubscribe", 3931 "deliveryEveryFrequencyTextV2": "Delivery Every", 3932 "sellingPlanTitleTextNonPrepaid": "{{sellingPlanName}}", 3933 "subscribeAndSaveInitalV2": "Subscribe & save", 3934 "subscriptionDescriptionTextV2": "", 3935 "atcButtonTextSelector": "", 3936 "disableCartWidgetOnVariants": "", 3937 "shop": "a173ed-2.myshopify.com", 3938 "deliveryText": "delivery", 3939 "purchaseOptionsText": "Purchase Options", 3940 "manageSubscriptionButtonText": "", 3941 "subscriptionOptionText": "Subscribe and save", 3942 "sellingPlanSelectTitle": "DELIVERY FREQUENCY", 3943 "subscriptionPriceDisplayText": "", 3944 "tooltipTitle": "Subscription detail", 3945 "showTooltipOnClick": "false", 3946 "tooltipDesctiption": `<strong>Have complete control of your subscriptions<\/strong><br\/><br\/>Skip, reschedule, edit, or cancel deliveries anytime, based on your needs.`, 3947 "tooltipDescriptionOnPrepaidPlan": "<b>Prepaid Plan Details<\/b><\/br> Total price: {{totalPrice}} ( Price for every delivery: {{pricePerDelivery}})", 3948 "tooltipDescriptionOnMultipleDiscount": "<b>Discount Details<\/b><\/br> Initial discount is {{discountOne}} and then {{discountTwo}}", 3949 "manualTranslation": "false", 3950 "tooltipDescriptionCustomization": "{{{defaultTooltipDescription}}} <\/br> {{{prepaidDetails}}} <\/br> {{{discountDetails}}}", 3951 "orderStatusManageSubscriptionTitle": "Subscription", 3952 "orderStatusManageSubscriptionDescription": "Continue to your account to view and manage your subscriptions. Please use the same email address that you used to buy the subscription.", 3953 "orderStatusManageSubscriptionButtonText": "Manage your subscription", 3954 "subscriptionOptionSelectedByDefault" : true, 3955 "totalPricePerDeliveryText" : "{{prepaidPerDeliveryPrice}}\/delivery", 3956 "memberOnlySellingPlansJson": {}, 3957 "nonMemberOnlySellingPlansJson": {}, 3958 "sellingPlansJson": [{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly - 3-month minimum","discountOffer":0.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/688944152889","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/688944152889","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Foundation Monthly","groupId":76821856569,"repeatingCycle":false,"inventoryPolicyReserve":"ON_FULFILLMENT","appstleCycles":[{"afterCycle":1,"discountType":"SHIPPING","value":0.0,"repeatingCycle":false,"preventDuplicationFreeProduct":false}]},{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Yearly","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/688944185657","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/688944185657","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Foundation Yearly","groupId":76821889337,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/689175855417","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/689175855417","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Promo","groupId":77014892857,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","discountOffer":0.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/690967183673","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"maxCycles":999999,"minCycles":1,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690967183673","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"ASF Monthly Subscription","groupId":78249001273,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[{"afterCycle":1,"discountType":"SHIPPING","value":0.0,"repeatingCycle":false,"preventDuplicationFreeProduct":false}]},{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Yearly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691011977529","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"minCycles":1,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691011977529","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Triangle Yearly Subscription","groupId":78285373753,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Yearly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691191972153","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691191972153","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"CC Yearly Subscription","groupId":78440988985,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","discountOffer":0.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/691192004921","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691192004921","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"CC Monthly Subscription","groupId":78441021753,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[{"afterCycle":1,"discountType":"SHIPPING","value":0.0,"repeatingCycle":false,"preventDuplicationFreeProduct":false}]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","discountOffer":0.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/691324027193","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691324027193","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Additional Supplements Monthly","groupId":78541717817,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[{"afterCycle":1,"discountType":"SHIPPING","value":0.0,"repeatingCycle":false,"preventDuplicationFreeProduct":false}]},{"frequencyCount":1,"frequencyInterval":"DAY","billingFrequencyCount":1,"billingFrequencyInterval":"DAY","frequencyName":"Subscription","frequencyDescription":"","discountOffer":0.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/691332251961","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691332251961","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Test Subscription Plan","groupId":78545879353,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[{"afterCycle":1,"discountType":"SHIPPING","value":0.0,"repeatingCycle":false,"preventDuplicationFreeProduct":false}]},{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Yearly Subscription","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691353485625","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691353485625","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"MVMNT Yearly Subscription","groupId":78563705145,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691353518393","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691353518393","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"MVMNT Monthly Subscription","groupId":78563737913,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691363316025","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691363316025","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Facetseven Monthly Subscription","groupId":78571176249,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Yearly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/69
39581363348793","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691363348793","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Facetseven Yearly Subscription","groupId":78571209017,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691805323577","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691805323577","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Gym Basic Membership","groupId":79011938617,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691805356345","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691805356345","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Gym Premium Membership","groupId":79011971385,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691873808697","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691873808697","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"TheUnionLeague Monthly Subscription","groupId":79076917561,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Yearly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691873841465","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691873841465","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"TheUnionLeague Yearly Subscription","groupId":79076950329,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691956416825","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691956416825","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Triangle Monthly Subscription","groupId":79157100857,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/692196737337","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/692196737337","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Detox Subscriptions","groupId":79302099257,"repeatingCycle":false,"defaultSelectedPlan":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/692312441145","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"maxCycles":1,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/692312441145","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Update Payment Details","groupId":79386771769,"repeatingCycle":false,"defaultSelectedPlan":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"7-day free trial, then $9.99/month","frequencyDescription":"","discountOffer":100.0,"discountOffer2":0.0,"afterCycle1":0,"afterCycle2":1,"discountType":"PERCENTAGE","discountType2":"PERCENTAGE","discountEnabled":true,"discountEnabled2":true,"discountEnabledMasked":true,"discountEnabled2Masked":true,"id":"gid://shopify/SellingPlan/692480409913","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/692480409913","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":true,"freeTrialCount":7,"freeTrialInterval":"DAY","memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"KAI - Monthly","groupId":79524593977,"repeatingCycle":false,"defaultSelectedPlan":false,"frequencyNameTranslations":{},"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":30,"frequencyInterval":"DAY","billingFrequencyCount":30,"billingFrequencyInterval":"DAY","frequencyName":"Every 30 days (Standard)","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/701970481465","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/701970481465","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Supplement Subscription","groupId":89001296185,"repeatingCycle":false,"defaultSelectedPlan":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"7-day free trial, then $9.99/month","frequencyDescription":"","discountOffer":100.0,"discountOffer2":0.0,"afterCycle1":0,"afterCycle2":1,"discountType":"PERCENTAGE","discountType2":"PERCENTAGE","discountEnabled":true,"discountEnabled2":true,"discountEnabledMasked":true,"discountEnabled2Masked":true,"id":"gid://shopify/SellingPlan/702556307769","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/702556307769","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":true,"freeTrialCount":30,"freeTrialInterval":"DAY","memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Kai - free month","groupId":89583681849,"repeatingCycle":false,"defaultSelectedPlan":false,"frequencyNameTranslations":{},"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]}], 3959 "widgetEnabled": true, 3960 "showFreeGiftPrice" : true, 3961 "showFreeGiftComparePrice" : true, 3962 "enableFreeGiftLayout" : false, 3963 "freeGiftLabelText": "+ Free {{productName}}", 3964 "freeGiftBadgeText": "", 3965 "showTooltip" : true, 3966 "showCartWidgetOnBundleItems" : false, 3967 "prepaidOptionSelectedByDefault" : false, 3968 "disablePassingSellingPlanAsLineProperties" : false, 3969 "updateThemePrice" : false, 3970 "sortByDefaultSequence": false, 3971 "showSubOptionBeforeOneTime": false, 3972 "detectVariantFromURLParams": false, 3973 "disableQueryParamsUpdate": false, 3974 "showStaticTooltip": false, 3975 "showAppstleLink": true, 3976 "sellingPlanTitleText" : "{{sellingPlanName}} ({{sellingPlanPrice}}\/delivery)", 3977 "oneTimePriceText" : "{{price}}", 3978 "selectedPayAsYouGoSellingPlanPriceText" : "{{price}}", 3979 "selectedPrepaidSellingPlanPriceText" : " {{totalPrice}}", 3980 "selectedDiscountFormat" : "SAVE {{selectedDiscountPercentage}}", 3981 "manageSubscriptionBtnFormat" : "<a href='apps\/subscriptions' class='appstle_manageSubBtn' ><button class='btn' style='padding: 2px 20px'>Manage Subscription<\/button>
3981<a><br><br>", 3982 "manageSubscriptionUrl" : "https:\/\/getkeyspan.com\/apps\/subscriptions", 3983 "appstlePlanId": 163, 3984 "showCheckoutSubscriptionBtn": true, 3985 "priceSelector": "span.price-item.price-item--regular", 3986 "reloadPriceSelector": "", 3987 "landingPagePriceSelector": "", 3988 "quickViewClickSelector": "", 3989 "badgeTop": "", 3990 "pricePlacement": "BEFORE", 3991 "disableLoadingJquery": false, 3992 "widgetEnabledOnSoldVariant": "false", 3993 "switchRadioButtonWidget": true, 3994 "appstlePlanName": "BUSINESS", 3995 "appstlePlanFeatures": {"analytics": true, "webhookAccess": false, "accessBundling": true, "enableAutoSync": false, "enableBundling": true, "enableSmsAlert": true, "accessBuildABox": true, "enableCampaigns": false, "enablePriceSync": false, "enableAutomation": false, "enableCartWidget": true, "accessAppstleMenu": true, "accessResendEmail": true, "enableAddressSync": false, "enableExternalApi": false, "enablePhasedRetry": false, "enableIntegrations": true, "enableQuickActions": true, "accessQuickCheckout": false, "accessSplitContract": true, "enableSummaryReports": true, "enableCustomEmailHtml": true, "enableWidgetPlacement": true, "enableCancellationFlow": false, "enableShippingProfiles": true, "accessZapierIntegration": true, "enableCustomEmailDomain": true, "enableDunningManagement": true, "enableExportActivityLog": false, "subscriptionOrderAmount": 30000, "accessGorgiasIntegration": true, "accessKlaviyoContactSync": true, "enableOrderConsolidation": false, "accessMechanicIntegration": true, "accessWidgetDesignOptions": true, "enableImmediatePlaceOrder": true, "enableInventoryManagement": true, "accessMechanicsIntegration": true, "enableAdvancedSellingPlans": true, "accessOneTimeProductUpsells": true, "enableBillingIntervalChange": true, "enableProductSwapAutomation": true, "accessShopifyFlowIntegration": true, "enableCancellationManagement": true, "enableCustomerPortalSettings": true, "enableSubscriptionManagement": true, "accessKlaviyoEmailIntegration": true, "enableAdminNotificationAccess": true, "accessSubscriptionActivityLogs": true, "enableBackupPaymentMethodRetry": false, "accessSubscriberLoyaltyFeatures": true, "enableAddToExistingSubscription": false, "enableContractPriceModification": true, "enableTrackInventoryInSingleBAB": true, "accessManualSubscriptionCreation": true, "enableNextBillingDateModification": true, "accessCustomerPortalProductUpsells": false, "enableServerSideConversionTracking": true, "accessDiscountOnCancellationAttempt": true, "enableStorefrontAnalyticsForwarding": true, "accessAdvanceSubscriptionPlanOptions": true, "accessAdvancedCustomerPortalSettings": true}, 3996 "formMappingAttributeName": "", 3997 "formMappingAttributeSelector": "", 3998 "quickViewModalPollingSelector": "", 3999 "scriptLoadDelay": "0", 4000 "formatMoneyOverride": "false", 4001 "enableAddToExistingSubscriptionFeature": "false", 4002 "displayAddToExistingSubscriptionButtonForNotLoggedInV2": "", 4003 "showAddToSubscriptionButtonOnlyOnSubscriptionProducts": "false", 4004 "appstle_app_proxy_path_prefix": "apps\/subscriptions", 4005 "updatePriceOnQuantityChange": "", 4006 "widgetParentSelector": "", 4007 "quantitySelector": "", 4008 "enableAddJSInterceptor": "false", 4009 "isDevEnabled": false, 4010 "forceReloadWidgetSelector": "", 4011 "forceReloadOnFreqChange": false, 4012 "showPrepaidPlanSeparately": false, 4013 "debugLogsEnabled": false, 4014 "isUseStorefrontAPI": false, 4015 "reBuyEnabled": "false", 4016 "loyaltyDetailsLabelText": "", 4017 "loyaltyPerkDescriptionTextV2": "{{#isDiscountTypeFreeProduct}}<div style='display: flex;'><div style='height: 60px; width: 60px; flex-shrink: 0; margin-right: 10px;'><img style='width: 100%' src={{{featured_image}}}><\/img><\/div><div>After {{{billingCycleBlock}}} orders,<span style='color: #ffc000;font-weight: 700;';> get a FREE {{freeProductName}} <\/span><\/div><div>{{\/isDiscountTypeFreeProduct}}{{#isDiscountTypePercentage}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>
4017get <span style='color: #ffc000;font-weight: 700;';>{{{discount}}}% OFF your entire order<\/span><\/span>.{{\/isDiscountTypePercentage}}{{#isDiscountTypeShipping}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>shipping at {{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeShipping}}{{#isDiscountTypeFixed}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}} OFF your entire order<\/span><\/span>.{{\/isDiscountTypeFixed}}", 4018 "widgetType": "WIDGET_TYPE_1", 4019 "collectionWidgetType": "LEGACY", 4020 "enableCompactProductPageWidget": false, 4021 "enableCartDrawerWidget": false, 4022 "cartDrawerWidgetStyle": false, 4023 "cartDrawerWidgetInlineStyle": "false", 4024 "cartDrawerWidgetPanelStyle": "false", 4025 "cartDrawerWidgetSegmentedStyle": "false", 4026 "showOneTimeComparePrice": false, 4027 "showCombinedSellingPlanCartWidget": false, 4028 "combinedCartWidgetSelector": "", 4029 "removeUnsubscribeOption": false, 4030 "widgetTemplateHtml": `{% raw %}{% endraw %}`, 4031 4032 "allWidgetTemplateHtml": "{\"WIDGET_TYPE_1\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_6\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper\\\">\\n {{oneTimePuchaseText}}\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n <div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span></div>\\n</div>\\n </label>\\n \\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n \\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n {{{name}}}\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>
4032\\n\\n\\n</div> \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\"></span>\\n{{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}} \\n</div>\\n </div>\\n </label>\\n{{#showFormattedDiscountText}}\\n <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide appstle-frequency-description\\\">{{{frequencyDescription}}} </div> \\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n {{{name}}}\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n\\n</div> \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n {{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"\\\">\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}} \\n</div>\\n</div>\\n</div>\\n</label>\\n{{#showFormattedDiscountText}}\\n <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide appstle-frequency-description\\\">{{{frequencyDescription}}} </div> \\n\\n{{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper\\\">\\n {{oneTimePuchaseText}}\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">{{{oneTimePuchaseComparePriceAmount}}}</span>\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span>\\n\\n</div>\\n </label>\\n \\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n<div class=\\\"appstle-tootltip-parent\\\">\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n </div>\\n<div class=\\\"appstle_tooltip\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n {{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE </a>\\n </div>\\n {{/showAppstleLink}}\\n </div>\\n</div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 1.5rem;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\nmargin-top: 10px;\\n}\\n\\n.widgetSellingPlanWrapper input {\\n display: none;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n border-radius: 10px;\\n border: 1px solid rgba(var(--color-foreground));\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;
4032\\n align-items: center;\\n display: block;\\n height: 100%;\\n width: 100%;\\n text-align: center;\\ncursor: pointer;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color: rgba(var(--color-foreground)) !important;\\ncolor: rgba(var(--color-background)) !important;\\n}\\n.appstle_lowercase {\\n text-transform: lowercase;\\n}\\n\\n\\n.appstle_input_wrapper {\\n position: relative;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n position: absolute;\\n background: rgba(var(--color-foreground));\\n color: rgba(var(--color-background));\\n border-radius: 3px;\\n padding: 1px 18px;\\n left: 50%;\\n display: block;\\n transform: translate(-50%, -50%);\\n white-space: nowrap;\\n}\\n\\nspan.appstle_sellingPlan_discountText:empty {\\n display: none !important;\\n}\\ndiv.appstle_span_wrapper{\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n}\\n</style>\\n<style>\\n.widgetSellingPlanWrapper {\\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\\n gap: 0.8rem !important;\\n}\\n\\n.appstle_sub_widget {\\n max-width: 100%!important;\\n} \\n\\n.widgetSellingPlanWrapper label {\\n height: auto !important;\\n border: none !important;\\n padding: 14px 5px !important;\\n display: flex !important;\\n justify-content: center !important;\\n align-items: center !important;\\n flex-direction: column;\\n max-width: 100% !important;\\n width: unset !important;\\nline-height: 20px;\\n}\\n\\n.appstle_how_does_it_work {\\n line-height: 16px !important;\\n margin: 6px 0px;\\n color: rgba(var(--color-background));\\n}\\n@media screen and (max-width: 800px) {\\n .appstle_how_does_it_work {\\n text-align: right;\\n }\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_formattext_block {\\ntext-align: right !important;\\n display: block;\\n}\\n\\n.appstle_span_wrapper {\\n align-items: baseline;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_discount_block.appstle_formattedPrepaidPerDeliveryPriceText {\\n display: block;\\n text-align: right;\\n}\\n\\n.appstle_input_wrapper {\\n display: flex;\\n height: 100% !important;\\nflex-direction: column;\\n}\\n\\n.appstle_sub_widget input[type=radio]+label:before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n border-radius: 12px;\\n padding: 2px;\\n background: #121212;\\n -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n -webkit-mask-composite: xor;\\n mask-composite: exclude;\\n pointer-events: none;\\n z-index: 0;\\n transition: all 0.2s;\\n}\\n\\n.appstle_sub_widget input[type=radio]:checked+label:before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n border-radius: 12px;\\n // padding: 4px;\\n// background: linear-gradient(to right,#Fef58f,#7A3900);\\n//background: #E53D29;\\n border: 2px transparent;\\n -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n -webkit-mask-composite: xor;\\n mask-composite: exclude;\\n pointer-events: none;\\n z-index: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n background: rgba(var(--color-foreground));\\n border-radius: 100px !important;\\n padding: 0px 8px !important;\\n height: 20px;\\n display: flex !important;\\n justify-content: center;\\n align-items: center;\\n letter-spacing: 1px;\\nz-index: 2;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\ntext-decoration: line-through;\\n}\\n\\n\\nspan.appstle-popular {\\n position: absolute;\\n top: -40px;\\n background: black;\\n color: rgba(var(--color-background));\\n z-index: -3;\\n border-radius: 10px;\\n padding: 0px 10px 29px 10px;\\nleft: 0;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n border-radius: 14px;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n overflow: hidden;\\n}\\n\\n\\n.appstle-perday-price {\\ndisplay: none;\\n}\\n\\n .widgetSellingPlanWrapper {\\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n flex-direction: row;\\n justify-content: space-between !important;
4032\\n align-items: flex-start !important;\\nwidth: 100% !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n text-align: left;\\n padding: 16px !important;\\nflex-basis: unset;\\n}\\n\\n.appstle_span_wrapper {\\n justify-content: flex-end !important;\\n}\\n\\n.appstle-perday-price {\\n text-align: right;\\n}\\n\\n.widgetSellingPlanWrapper {\\n gap: 15px !important;\\n}\\n\\nspan.appstle-popular {\\n width: calc(100% - 20px);\\n text-align: center;\\n letter-spacing: 2px;\\n top: -30px;\\nleft: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText { \\nleft: unset !important;\\n right: 15px;\\n transform: translate(0, -50%) !important;\\n}\\n.appstle-cancel-text {\\n text-align: left;\\n}\\n\\n.appstle_input_wrapper label {\\n text-align: left !important;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n width: 100% !important;\\n margin: 0 !important;\\n}\\n.appstle_input_wrapper {\\n width: 100% !important;\\nflex-direction: row;\\n}\\n.widgetSellingPlanWrapper input:checked+label+span {\\n background: rgba(var(--color-background)) !important;\\n color:rgba(var(--color-foreground)) !important;\\n border: 2px solid rgba(var(--color-foreground));\\n}\\n.appstle_onetime_block .appstle_span_wrapper {\\n grid-column: 2;\\n}\\n.appstle-frequency-description {\\n text-align: right !important;\\n}\\n\\n\\n.appstle-sm-hide {\\n display: none;\\n}\\n\\n@media screen and (min-width: 800px) {\\n.appstle-lg-show {\\n display: block;\\n}\\n.appstle-lg-hide {\\n display: none;\\n}\\n\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_formattedCompareAtPrice.appstle_price_block {\\n text-decoration: line-through;\\n display: block;\\n margin-right: 3px;\\n color: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label .appstle_sellingPlan_formattedCompareAtPrice {\\ncolor:rgba(var(--color-background));\\n} \\n\\n.appstle_span_wrapper > * {\\nflex-shrink: 0\\n}\\n.appstle-selling-plan-detail-wrapper{\\ncolor: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label .appstle-selling-plan-detail-wrapper{\\ncolor: rgba(var(--color-background)) !important;\\n}\\n\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_7\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_8\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_2\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_3\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper appstle_subscription_wrapper\\\">\\n{{#showSubOptionBeforeOneTime}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n {{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\"> ({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n \\n </label>\\n {{/prepaidFlag}}\\n {{#prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\"> ({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\"> ({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n </div>\\n \\n </label>\\n {{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n {{^requires_selling_plan}}\\n <div class=\\\"appstle_input_wrapper appstle_onetime\\\">
4032\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"{{sellingPlanId}}\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{oneTimePuchaseText}}\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n{{{oneTimePuchaseAmount}}}</span>\\n </label>\\n \\n </div>\\n {{/requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n {{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\"> ({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n \\n </label>\\n {{/prepaidFlag}}\\n {{#prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\"> ({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\"> ({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n </div>\\n \\n </label>\\n {{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n {{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE\\n </a>\\n </div>\\n{{/showAppstleLink}}\\n </div>\\n{{/showTooltip}}\\n<style>.widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 0.5rem;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\n}\\n.widgetSellingPlanWrapper input {\\n display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n border-radius: 8px;\\n border: 1px solid rgba(var(--color-foreground));\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;
4032\\n align-items: center;\\n display: block;\\n height: 100%;\\n width: 100%;\\n text-align: center;\\ncursor: pointer;\\ncolor: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color: rgba(var(--color-foreground));\\n color: rgba(var(--color-background));\\n border: 1px solid rgba(var(--color-background)) !important;\\n}\\n.appstle_lowercase {\\n text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n position: absolute;\\n background-color: color: rgba(var(--color-foreground));\\n color: rgba(var(--color-background));\\n border-radius: 3px;\\n padding: 1px 18px;\\n left: 50%;\\n display: block;\\n transform: translate(-50%, -50%);\\n white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n display: none !important;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n color: rgba(var(--color-foreground));\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n color: rgba(var(--color-foreground));\\n text-decoration: line-through;\\n padding: 0 3px;\\n}\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n margin-top: 8px;\\n margin-bottom: 16px;\\n}\\n.appstle_subscription_wrapper {\\n border: none !important;\\n}\\nlabel.appstle_widget_three {\\n display: flex;\\n flex-direction: column;\\n}\\n.widgetSellingPlanWrapper input:checked+label span {\\n color: rgba(var(--color-background)) !important;\\n}\\n.appstle_sub_widget .appstle_subscription_wrapper{\\n border-radius:unset !important;\\n}\\nspan.appstle_second_price_block:empty {\\n display: none !important;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_4\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n </label>\\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}<span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\">/{{{sellingPlanFrequencyText}}}{{#isFrequencySubsequent}}{{/isFrequencySubsequent}}</span>\\n</div>\\n </label>\\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\"> {{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n</div>\\n</label>\\n{{/prepaidFlag}}\\n </div>\\n {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper\\\">
4032\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n </label>\\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n </div>\\n <div class=\\\"appstle_tooltip\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n{{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE\\n </a>\\n </div>\\n{{/showAppstleLink}}\\n </div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 16px;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\nmargin-top: 10px\\n}\\n.widgetSellingPlanWrapper input {\\n display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n border-radius: 10px;\\n border: 1px solid rgba(var(--color-foreground, 0, 0, 0));\\n padding: 0.5rem;\\n display: flex !important;\\n flex-direction: column;\\n justify-content: center;
4032\\n align-items: center;\\n display: block;\\n height: 100%;\\n width: 100%;\\n text-align: center;\\ncursor: pointer;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color: rgba(var(--color-foreground, 0, 0, 0));\\n}\\n.appstle_lowercase {\\n text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n position: absolute;\\n font-size: 1.2rem;\\n background-color: rgba(var(--color-foreground, 0, 0, 0));\\n color: rgba(var(--color-background, 255, 255, 255));\\n border-radius: 3px;\\n border: 2px solid rgba(var(--color-background, 255, 255, 255));\\n padding: 1px 18px;\\n left: 50%;\\n display: block;\\n transform: translate(-50%, -50%);\\n white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n display: none !important;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\ntext-decoration: line-through;\\n}\\n.appstle_tooltip_wrapper {\\n margin-bottom:10px;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color: rgba(var(--color-foreground, 0, 0, 0));\\n color: rgba(var(--color-background, 255, 255, 255));\\n border: 2px solid rgba(var(--color-background, 255, 255, 255)) !important;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_5\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{{oneTimePuchaseText}}}\\n </label>\\n \\n </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}} />\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n </label>\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{#showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{{oneTimePuchaseText}}}\\n </label>\\n \\n </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8
4032635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n {{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE\\n </a>\\n </div>\\n {{/showAppstleLink}}\\n </div>\\n{{/showTooltip}}\\n <style>\\n .widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 8px;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\n margin-top: 10px;\\n }\\n \\n .widgetSellingPlanWrapper input {\\n display: none;\\n }\\n \\n .widgetSellingPlanWrapper label {\\n border-radius: 4px;\\n border: 1px solid rgba(var(--color-foreground));\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n display: block;\\n height: 100%;\\n width: 100%;\\n text-align: center;\\n \\t color: rgba(var(--color-foreground));\\ncursor: pointer;\\n }\\n \\n .widgetSellingPlanWrapper input:checked+label {\\n background-color: rgba(var(--color-foreground));\\n \\t color: rgba(var(--color-background));\\n }\\n .appstle_lowercase {\\n text-transform: lowercase;\\n }\\n \\n \\n .appstle_input_wrapper {\\n position: relative;\\n }\\n \\n span.appstle_sellingPlan_discountText {\\n position: absolute;\\n background-color: rgba(var(--color-foreground));\\n color: rgba(var(--color-background));\\n border-radius: 3px;\\n padding: 1px 18px;\\n left: 50%;\\n display: block;\\n transform: translate(-50%, -50%);\\n white-space: nowrap;\\n }\\n span.appstle_sellingPlan_discountText:empty {\\n display: none !important;\\n }\\n </style>\\n </div>{% endraw %}\"}", 4033 4034 4035 "bundle": {}, 4036 4037 4038 "labels": `{\"appstle.subscription.wg.noSubscriptionLabelTextV2\":\"No Subscription\",\"appstle.subscription.wg.cancelAnytimeLabelTextV2\":\"Cancel Anytime\",\"appstle.subscription.wg.addToShipmentErrorTextV2\":\"Error\",\"appstle.subscription.wg.weeksFrequencyTextV2\":\"Weeks\",\"appstle.subscription.wg.weeklyLabelTextV2\":\"Weekly\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonForNotLoggedInV2\":\"false\",\"appstle.subscription.wg.addToShipmentProcessingV2\":\"Processing...\",\"appstle.subscription.wg.showWidgetStaticV2\":\"false\",\"appstle.subscription.wg.deliveryEveryFrequencyTextV2\":\"Delivery Every\",\"appstle.subscription.wg.subscribeAndSaveInitalV2\":\"Subscribe & save\",\"appstle.subscription.wg.allowRefreshOnCartPageV2\":\"false\",\"appstle.subscription.wg.prepaidLabelTextV2\":\"Prepaid\",\"appstle.subscription.wg.daysFrequencyTextV2\":\"Days\",\"appstle.subscription.wg.monthlyLabelTextV2\":\"Monthly\",\"appstle.subscription.wg.subscribeAndSaveSuccessV2\":\"Subscribe success\",\"appstle.subscription.wg.addToShipmentSuccessTextV2\":\"Success\",\"appstle.subscription.wg.monthFrequencyTextV2\":\"Month\",\"appstle.subscription.wg.addToShipmentButtonTextV2\":\"Add to Shipment\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonToSubscribersOnlyV2\":\"false\",\"appstle.subscription.wg.yearsFrequencyTextV2\":\"Years\",\"appstle.subscription.wg.onetimeDescriptionTextV2\":\"\",\"appstle.subscription.wg.addToShipmentTooltipTextV2\":\"Please avoid double delivery charges! Login to add this product to an upcoming delivery.\",\"appstle.subscription.wg.weekFrequencyTextV2\":\"Week\",\"appstle.subscription.wg.oneTimePurchaseTextV2\":\"One Time Purchase\",\"appstle.subscription.wg.loyaltyPerkDescriptionTextV2\":\"{{#isDiscountTypeFreeProduct}}<div style='display: flex;'><div style='height: 60px; width: 60px; flex-shrink: 0; margin-right: 10px;'><img style='width: 100%' src={{{featured_image}}}><\/img><\/div><div>After {{{billingCycleBlock}}} orders,<span style='color: #ffc000;font-weight: 700;';> get a FREE {{freeProductName}} <\/span><\/div><div>{{\/isDiscountTypeFreeProduct}}{{#isDiscountTypePercentage}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>
4038get <span style='color: #ffc000;font-weight: 700;';>{{{discount}}}% OFF your entire order<\/span><\/span>.{{\/isDiscountTypePercentage}}{{#isDiscountTypeShipping}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>shipping at {{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeShipping}}{{#isDiscountTypeFixed}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}} OFF your entire order<\/span><\/span>.{{\/isDiscountTypeFixed}}\",\"appstle.subscription.wg.unsubscribeFrequencyTextV2\":\"unsubscribe\",\"appstle.subscription.wg.bundleDiscountTextV2\":\"bundle discount extra: {{bundleDiscount}} off\",\"appstle.subscription.wg.widgetVariantChangeListenerSelectorV2\":\"\",\"appstle.subscription.wg.oneTimeFrequencyTextV2\":\"One Time\",\"appstle.subscription.wg.dayFrequencyTextV2\":\"day\",\"appstle.subscription.wg.allowFulfilmentCountViaPropertiesV2\":\"false\",\"appstle.subscription.wg.monthsFrequencyTextV2\":\"Months\",\"appstle.subscription.wg.prepaidSaveBadgeTextV2\":\"SAVE {{selectedDiscountPercentage}}\",\"appstle.subscription.wg.manageSubscriptionButtonTextV2\":\"Manage Subscription\",\"appstle.subscription.wg.offFrequencyTextV2\":\"Off\",\"appstle.subscription.wg.yearFrequencyTextV2\":\"Year\",\"appstle.subscription.wg.prepayLabelTextV2\":\"Prepay\",\"appstle.subscription.wg.productPageUnitPriceSelectorV2\":\"\",\"appstle.subscription.wg.frequencyCombinedWidgetTextV2\":\"Frequency\",\"appstle.subscription.wg.showNewLoyaltyUI\":\"false\",\"appstle.subscription.wg.widgetPriceChangeListenerSelectorV2\":\"\",\"appstle.subscription.wg.sellingPlanTitleTextNonPrepaid\":\"{{sellingPlanName}}\",\"appstle.subscription.wg.selectDeliverOptionV2\":\"select deliver option\",\"appstle.subscription.wg.yearlyLabelTextV2\":\"Yearly\"}`, 4039 4040 "css": { 4041 "appstle_subscription_widget": { 4042 "margin-top": "" , 4043 "margin-bottom": "", 4044 }, 4045 4046 "appstle_subscription_wrapper": { 4047 "border-width": "", 4048 "border-color": "", 4049 }, 4050 4051 "appstle_circle": { 4052 "border-color": "", 4053 }, 4054 4055 "appstle_dot": { 4056 "background-color": "", 4057 }, 4058 4059 "appstle_select": { 4060 "padding-top": "", 4061 "padding-bottom": "", 4062 "padding-left": "", 4063 "padding-right": "", 4064 "border-width": "", 4065 "border-style": "", 4066 "border-color": "", 4067 "border-radius": "", 4068 }, 4069 4070 "tooltip_subscription_svg": { 4071 "fill": "", 4072 }, 4073 4074 "appstle_tooltip": { 4075 "color": "", 4076 "background-color": "", 4077 }, 4078 4079 "appstle_tooltip_border_top_color": { 4080 "border-top-color": "", 4081 }, 4082 4083 "appstle_subscription_final_price": { 4084 "color": "", 4085 }, 4086 "appstle_widget_text_color": { 4087 "color": "", 4088 }, 4089 "appstle_selected_background": { 4090 "background": "transparent", 4091 }, 4092 "elementCSS": "[]", 4093 "customCSS": "", 4094 "customerPortalCss": "", 4095 "externalStyleTag": "", 4096 "themeCss": "", 4097 } 4098 }; 4099 4100 4101 window.AppstleSubscription = window.AppstleSubscription || JSON.parse(JSON.stringify(RS)); 4102 4103 sessionStorage['appstleSubscriptionConfig'] = JSON.stringify(RS.Config); 4104 4105 4106 try { 4107 4108 window.appstle_build_a_box_labels = {"perDeliveryLabelTextV2":"\\/delivery","variantNotAvailable":"Not Available","saveDiscountText":"{{discount}}","bundleSummaryTextV2":"Your bundle is empty. Please add products to your bundles to see bundle summary here.","freeProductLabelTextV2":"Free","bundleDescriptionTextV2":"Our bundle of all bundles, The Ultimate Superfood Bundle delivers exactly what it promises - a complete superfood solution. With 7 superfood blends each created to empower every aspect of your health and wellbeing - from immunity and gut health to energy & better focus.","productDetails":"Product Details","failedToAddMsgText":"Your cart can't have more than {{maxProduct}}
4108 products","cart":"Cart","reviewBundleTextV2":"Review Bundle","addButtonText":"Add","minimumQuantityToCheckoutV2":"Minimum {{quantity}} quantity to checkout","buildBoxErrormsgV2":"Build a Box token is Invalid, Please reach out to support.","continueShopping":"Continue Shopping","failedToAddTitleText":"Failed to add","spendAmountGetDiscount":"Spend {{amount}} get {{percent}}% discount","maxiumQuantityToCheckoutV2":"Maxium {{quantity}} quantity to checkout","contentsOnModalTextV2":"Contents","nextStepButtonTextV2":"Next Step","choosePlanLifeStyleTextV2":"Choose a plan to match your lifestyle","selectMinimumProductButtonText":"Please select {{minProduct}} minimum product","subtotal":"Subtotal","buyQuantityGetDiscount":"Buy {{quantity}} get {{percent}}% discount","loyaltyTablePercentageTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>{{discount}}% off<\\/span><\\/span>.","loyaltyTablePriceTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get at <span class='appstle-loyalty-discount-amount'>{{price}}<\\/span><\\/span>.","myDeliveryText":"My {{selectedSellingPlanDisplayName}} delivery","removeItem":"Remove","productsToProceedText":"Please select products to proceed","previousStepButtonTextV2":"Previous step","loadMoreTextV2":"Load more","selectedFrequencyLabelText":"Selected Frequency","addToCartButtonTextV2":"Add To Cart","basePriceFormatFieldV2":"{{unitPrice}}\\/{{quantityUnit}}","title":"Build-A-Box","productPriceFormatField":"{{price}}","reviewOrdeDescriptionTextV2":"Check your items and select your required frequency plan","quantityLabelV2":"Quantity","minimumOrderAmountLabelTextV2":"Minimum order amount {{minOrderAmount}}.","subscriptionNotAvailableButtonV2":"Subscription not available","shoppingCart":"Shopping Cart","checkoutMessage":"Shipping and taxes calculated at checkout.","discountPopupCheckoutMessageV2":"Discount","selectedButtonTextV2":"Selected","congratsMessageText":null,"okBtnText":"Ok","tieredDiscount":"Tiered Discount","choosePlanLifeStyleDescriptionTextV2":"Cutoff each week to amend your meals is midnight on Thursday's. (Delivery Schedule is as follows: Gold Coast - Mondays | Brisbane & Sunshine Coast - Wednesdays)","orderNoteLabelTextV2":"Order Note","minimumToCheckoutV2":"Minimum {{quantity}} to checkout","loyaltyTableFixedTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>{{price}} off<\\/span><\\/span>.","editQuantity":"Edit Quantity","chooseProductsTextV2":"Choose Products","loyaltyTableFreeProductTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>FREE PRODUCT ({{productName}})<\\/span><\\/span>.","loyaltyTableShippingTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>shipping at {{price}}<\\/span><\\/span>.","spentText":null,"quantityLabel":null,"addButtonV2":"Add","loyaltyTableFreeTrailTextV2":"Get <span class='appstle-loyalty-free-trial-discount'>{{discount}} <span class='appstle-loyalty-free-trial-discount-count' style='text-transform: lowercase;'>{{discountType}} <\\/span><\\/span> <span class='appstle-loyalty-free-trial-text'>free trial.<\\/span>","bundleCheckoutTextV2":"Checkout","reviewOrderTextV2":"Review Order","goBackButtonText":"Go Back","selectPlanTextV2":"Select Plan","viewProduct":"View Product","oneTimePurchaseTextV2":"One Time Purchase","bundleOnModalTextV2":"Bundle","proceedToCheckoutButtonText":"Proceed to checkout","pleaseWaitLabelTextV2":"Please wait...","typeToSearchPlaceholderTextV2":"Type to search","selectedProgressLabelTextV2":"Selected","outOfStockTextV2":"Out of stock"}; 4109 4110 } catch (e) { 4111 console.error("Error parsing build a box labels:", e); 4112 } 4113 4114 4115 var _RSConfig = _RSConfig || {}; 4116 4117 _RSConfig.shop = 'a173ed-2.myshopify.com'; 4118 4119 4120 4121 4122 4123 4124 _RSConfig.shopMoneyFormat = '${{amount}}'; 4125 _RSConfig.shopMoneyFormatWithCurrencyFormat = '${{amount}} USD'; 4126 4127 4128 4129 4130 } 4131 4132 4133 4134 _RSConfig.assetRev = "75765c2c27d58a609ff5c1b54b7097e5"; 4135 4136 4137</script>
4137 4138 4139<style id="appstle-payment-button-override"> 4140 .shopify-payment-button {display: none;} 4141</style>
4142<script> 4143 let appstleCount = 0 4144 function isAppstleJSInitiated() { 4145 appstleCount++; 4146 if (window?.["RSConfig"] || appstleCount > 20) { 4147 let appstleStyleElement = document.querySelector('#appstle-payment-button-override'); 4148 if (appstleStyleElement) { 4149 appstleStyleElement.remove(); 4150 } 4151 } else { 4152 setTimeout(isAppstleJSInitiated, 500) 4153 } 4154 } 4155 isAppstleJSInitiated(); 4156</script>
4156 4157 4158<style> 4159 4160</style>
4161<script> 4162 function pollAppstleInit() { 4163 if (window?.appstleInit) { 4164 window?.appstleInit() 4165 } else { 4166 setTimeout(pollAppstleInit, 30); 4167 } 4168 } 4169</script>
4169 4170 4171 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187
4187<script src="https://subscription-admin.appstle.com/assets/js/appstle-subscription.min.js?shop=a173ed-2.myshopify.com&v=1790172448069" defer ></script>
4187 4188 4189 4190 4191 4192 4193 4194 4195 4196</div>
4196<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4196 4197</body> 4198</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.